npm - @evance/evance-ui - Versions diffs - 1.1.13 → 1.1.16 - Mend

@evance/evance-ui 1.1.13 → 1.1.16

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 (1708) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvOverlay.vue.mjs","sources":["../../../../src/components/EvOverlay/EvOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n # EvOverlay\r\n /\r\nimport \"./EvOverlay.scss\";\r\nimport { makeEvOverlayProps } from \"./EvOverlay\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n computed,\r\n mergeProps,\r\n ref,\r\n shallowRef,\r\n toRef,\r\n useAttrs,\r\n watch,\r\n} from \"vue\";\r\nimport { useTeleport } from \"@/composables/teleport\";\r\nimport { useEvTransition, EvTransition } from \"@/components/EvTransition\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport { clickBlockedAnimation, getScrollParent, toWebUnit } from \"@/util\";\r\nimport { useStack } from \"@/composables/stack\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { useToggleScope } from \"@/composables/toggleScope\";\r\nimport { useBackButton } from \"@/composables/router\";\r\nimport { ActivatorProps, useActivator } from \"./activator\";\r\nimport { useScopeId } from \"@/composables/scopeId\";\r\nimport { usePositionStrategies } from \"./position\";\r\nimport { useScrollStrategies } from \"./scroll\";\r\nimport { useRtl } from \"@/composables/locale\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n \"click:outside\",\r\n \"update:modelValue\",\r\n \"enter\",\r\n \"afterEnter\",\r\n \"beforeLeave\",\r\n \"leave\",\r\n \"afterLeave\",\r\n]);\r\n\r\nconst props = defineProps({\r\n disableGlobalStack: Boolean,\r\n ...makeEvOverlayProps(),\r\n});\r\nconst attrs = useAttrs();\r\nconst slots = defineSlots<{\r\n activator(props: { isActive: boolean; props: any }): any;\r\n default(): never;\r\n pointer(): never;\r\n}>();\r\nconst router = useRouter();\r\nconst model = useModelProxy(props, \"modelValue\");\r\nconst containerEl = ref<HTMLElement \| undefined>(undefined);\r\nconst contentEl = ref<HTMLElement \| undefined>(undefined);\r\nconst pointerEl = ref<HTMLElement \| undefined>(undefined);\r\nconst contentTransition = useEvTransition(props);\r\nconst dimensions = useDimensions(props);\r\nconst { scopeId } = useScopeId();\r\nconst isActiveContent = computed({\r\n get: () => model.value,\r\n set: (value) => {\r\n if (!(value && props.disabled)) {\r\n model.value = value;\r\n }\r\n },\r\n});\r\nconst { isTopGlobal, isTopLocal, stackStyles } = useStack(\r\n isActiveContent,\r\n toRef(props, \"zIndex\"),\r\n props.disableGlobalStack,\r\n);\r\nconst {\r\n activatorEl,\r\n activatorRef,\r\n activatorEvents,\r\n contentEvents,\r\n veilEvents,\r\n} = useActivator(props as ActivatorProps, isActiveContent, isTopLocal);\r\nconst teleportTarget = useTeleport(\r\n computed(() => {\r\n return props.attach \|\| props.contained;\r\n }),\r\n);\r\nconst { rtlClasses, isRtl } = useRtl();\r\n\r\nconst { contentStyles, updatePosition, pointerStyles } = usePositionStrategies(\r\n props,\r\n {\r\n isRtl,\r\n contentEl,\r\n activatorEl,\r\n pointerEl,\r\n isActive: isActiveContent,\r\n },\r\n);\r\n\r\nuseScrollStrategies(props, {\r\n containerEl,\r\n contentEl,\r\n activatorEl,\r\n isActive: isActiveContent,\r\n updatePosition,\r\n});\r\n\r\n/\r\n What should parent components have access to?\r\n /\r\ndefineExpose({\r\n activatorEl,\r\n contentEl,\r\n isTopGlobal,\r\n isTopLocal,\r\n updatePosition,\r\n});\r\n\r\n/\r\n When disabled, update the model value via the isActive computed prop\r\n /\r\nwatch(\r\n () => props.disabled,\r\n (value) => {\r\n if (value) {\r\n isActiveContent.value = false;\r\n }\r\n },\r\n);\r\n\r\n/\r\n The veil transitions into view at the same time as the content,\r\n * but only if it is enabled by `props.veil`.\r\n /\r\nconst isActiveVeil = computed(() => {\r\n return isActiveContent.value && !!props.veil;\r\n});\r\n\r\n/\r\n `isActive` relates to the content of the overlay.\r\n * To have nice transitions we need to track active containment.\r\n * `isActiveTeleport` follows `isActive`, which means it activates at the same time,\r\n * but only disables when the content is removed by the transition (@after-leave).\r\n * @see onAfterLeave\r\n /\r\nconst isActiveTeleport = shallowRef(false);\r\nwatch(isActiveContent, () => {\r\n isActiveTeleport.value = true;\r\n});\r\n\r\n/\r\n ## Click Outside Condition\r\n * Allows or denies the click outside event to trigger.\r\n /\r\nfunction clickOutsideCondition(): boolean {\r\n return isActiveContent.value && isTopGlobal.value;\r\n}\r\n\r\n/\r\n ## Dismiss\r\n * @param focusActivator\r\n /\r\nfunction dismiss(focusActivator: boolean = false) {\r\n if (props.persistent) {\r\n // Let's let the user know they can't dismiss the overlay this way\r\n // @todo: option to prevent shake\r\n clickBlockedAnimation(contentEl.value);\r\n return;\r\n }\r\n isActiveContent.value = false;\r\n if (focusActivator && contentEl.value?.contains(document.activeElement)) {\r\n activatorEl.value?.focus();\r\n }\r\n}\r\n\r\n/\r\n Event Listeners\r\n /\r\nfunction onEnter(el: HTMLElement) {\r\n // Attempts to resolve double triggering possibly caused by `appear`.\r\n if (!el.dataset.enter) {\r\n el.dataset.enter = \"true\";\r\n return;\r\n }\r\n emit(\"enter\");\r\n}\r\nfunction onAfterEnter(el: HTMLElement) {\r\n // Attempts to resolve double triggering possibly caused by `appear`.\r\n if (!el.dataset.afterEnter) {\r\n el.dataset.afterEnter = \"true\";\r\n return;\r\n }\r\n emit(\"afterEnter\");\r\n}\r\nfunction onBeforeLeave() {\r\n emit(\"beforeLeave\");\r\n}\r\nfunction onLeave() {\r\n emit(\"leave\");\r\n}\r\nfunction onAfterLeave() {\r\n isActiveTeleport.value = false;\r\n emit(\"afterLeave\");\r\n}\r\n\r\nconst clickOutsideDirectiveArgs = {\r\n handler: onClickOutside,\r\n condition: clickOutsideCondition,\r\n include: () => [activatorEl.value],\r\n};\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n emit(\"click:outside\", e);\r\n dismiss(false);\r\n}\r\n\r\nfunction onKeydown(e: KeyboardEvent) {\r\n if (e.key === \"Escape\" && isTopGlobal.value) {\r\n dismiss(true);\r\n }\r\n}\r\n// Listen for keydown events only when the content is active\r\nwatch(\r\n isActiveContent,\r\n (active) => {\r\n if (active) {\r\n window.addEventListener(\"keydown\", onKeydown);\r\n } else {\r\n window.removeEventListener(\"keydown\", onKeydown);\r\n }\r\n },\r\n { immediate: true },\r\n);\r\n\r\n/\r\n Integrate with Back button for single page apps.\r\n /\r\nuseToggleScope(\r\n () => props.closeOnBack,\r\n () => {\r\n useBackButton(router, (next) => {\r\n if (isTopGlobal.value && isActiveContent.value) {\r\n next(false);\r\n dismiss(false);\r\n } else {\r\n next();\r\n }\r\n });\r\n },\r\n);\r\n\r\n/\r\n Calculate the `top` position\r\n /\r\nconst top = ref<number>();\r\nwatch(\r\n () =>\r\n isActiveContent.value &&\r\n (props.absolute \|\| props.contained) &&\r\n teleportTarget.value == null,\r\n (value) => {\r\n if (value) {\r\n const scrollParent = getScrollParent(containerEl.value);\r\n if (scrollParent && scrollParent !== document.scrollingElement) {\r\n top.value = scrollParent.scrollTop;\r\n }\r\n }\r\n },\r\n);\r\n\r\n/\r\n Dynamically create a local component we can render using:\r\n * `<activator-slot>` or `<component :is=\"activatorSlot\" />`\r\n */\r\nconst activatorSlot = () => {\r\n return slots.activator?.({\r\n isActive: isActiveContent.value,\r\n props: mergeProps(\r\n { ref: activatorRef },\r\n activatorEvents.value,\r\n props.activatorProps,\r\n ),\r\n });\r\n};\r\n\r\nconst contentAttributes = mergeProps(contentEvents.value, props.contentProps);\r\nconst overlayAttributes = {\r\n ...scopeId,\r\n ...attrs,\r\n};\r\n</script>\r\n\r\n<template>\r\n <activator-slot />\r\n\r\n <teleport\r\n v-if=\"isActiveTeleport\"\r\n :disabled=\"!teleportTarget\"\r\n :to=\"teleportTarget\">\r\n <div\r\n ref=\"containerEl\"\r\n :class=\"[\r\n 'ev-overlay',\r\n {\r\n 'is-active': isActiveContent,\r\n },\r\n rtlClasses,\r\n props.class,\r\n ]\"\r\n :style=\"[\r\n stackStyles,\r\n {\r\n top: toWebUnit(top),\r\n },\r\n props.style,\r\n ]\"\r\n v-bind=\"overlayAttributes\">\r\n <transition appear name=\"transition-fade\">\r\n <div\r\n v-if=\"isActiveVeil\"\r\n class=\"ev-overlay--veil\"\r\n v-bind=\"veilEvents\"></div>\r\n </transition>\r\n\r\n <ev-transition\r\n appear\r\n :transition=\"contentTransition\"\r\n :target=\"activatorEl\"\r\n @enter=\"onEnter\"\r\n @after-enter=\"onAfterEnter\"\r\n @before-leave=\"onBeforeLeave\"\r\n @leave=\"onLeave\"\r\n @after-leave=\"onAfterLeave\">\r\n <div\r\n v-show=\"isActiveContent\"\r\n ref=\"contentEl\"\r\n v-click-outside=\"clickOutsideDirectiveArgs\"\r\n class=\"ev-overlay--content\"\r\n :class=\"[props.contentClass]\"\r\n :style=\"[dimensions, contentStyles]\"\r\n v-bind=\"contentAttributes\">\r\n <div\r\n v-if=\"slots.pointer && !props.veil\"\r\n ref=\"pointerEl\"\r\n class=\"ev-overlay--pointer\"\r\n :style=\"[pointerStyles]\">\r\n <slot name=\"pointer\" />\r\n </div>\r\n <slot />\r\n </div>\r\n </ev-transition>\r\n </div>\r\n </teleport>\r\n</template>\r\n"],"names":["attrs","useAttrs","slots","_useSlots","router","useRouter","model","useModelProxy","props","containerEl","ref","contentEl","pointerEl","contentTransition","useEvTransition","dimensions","useDimensions","scopeId","useScopeId","isActiveContent","computed","value","isTopGlobal","isTopLocal","stackStyles","useStack","toRef","activatorEl","activatorRef","activatorEvents","contentEvents","veilEvents","useActivator","teleportTarget","useTeleport","rtlClasses","isRtl","useRtl","contentStyles","updatePosition","pointerStyles","usePositionStrategies","useScrollStrategies","__expose","watch","isActiveVeil","isActiveTeleport","shallowRef","clickOutsideCondition","dismiss","focusActivator","clickBlockedAnimation","_a","_b","onEnter","el","emit","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","clickOutsideDirectiveArgs","onClickOutside","e","onKeydown","active","useToggleScope","useBackButton","next","top","scrollParent","getScrollParent","activatorSlot","mergeProps","contentAttributes","overlayAttributes"],"mappings":"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"}
1	+ {"version":3,"file":"EvOverlay.vue.mjs","sources":["../../../../src/components/EvOverlay/EvOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n # EvOverlay\r\n /\r\nimport \"./EvOverlay.scss\";\r\nimport { makeEvOverlayProps } from \"./EvOverlay\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n computed,\r\n mergeProps,\r\n ref,\r\n shallowRef,\r\n toRef,\r\n useAttrs,\r\n watch,\r\n} from \"vue\";\r\nimport { useTeleport } from \"@/composables/teleport\";\r\nimport { useEvTransition, EvTransition } from \"@/components/EvTransition\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport { clickBlockedAnimation, getScrollParent, toWebUnit } from \"@/util\";\r\nimport { useStack } from \"@/composables/stack\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { useToggleScope } from \"@/composables/toggleScope\";\r\nimport { useBackButton } from \"@/composables/router\";\r\nimport { ActivatorProps, useActivator } from \"./activator\";\r\nimport { useScopeId } from \"@/composables/scopeId\";\r\nimport { usePositionStrategies } from \"./position\";\r\nimport { useScrollStrategies } from \"./scroll\";\r\nimport { useRtl } from \"@/composables/locale\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n \"click:outside\",\r\n \"update:modelValue\",\r\n \"enter\",\r\n \"afterEnter\",\r\n \"beforeLeave\",\r\n \"leave\",\r\n \"afterLeave\",\r\n]);\r\n\r\nconst props = defineProps({\r\n disableGlobalStack: Boolean,\r\n ...makeEvOverlayProps(),\r\n});\r\nconst attrs = useAttrs();\r\nconst slots = defineSlots<{\r\n activator(props: { isActive: boolean; props: any }): any;\r\n default(): never;\r\n pointer(): never;\r\n}>();\r\nconst router = useRouter();\r\nconst model = useModelProxy(props, \"modelValue\");\r\nconst containerEl = ref<HTMLElement \| undefined>(undefined);\r\nconst contentEl = ref<HTMLElement \| undefined>(undefined);\r\nconst pointerEl = ref<HTMLElement \| undefined>(undefined);\r\nconst contentTransition = useEvTransition(props);\r\nconst dimensions = useDimensions(props);\r\nconst { scopeId } = useScopeId();\r\nconst isActiveContent = computed({\r\n get: () => model.value,\r\n set: (value) => {\r\n if (!(value && props.disabled)) {\r\n model.value = value;\r\n }\r\n },\r\n});\r\nconst { isTopGlobal, isTopLocal, stackStyles } = useStack(\r\n isActiveContent,\r\n toRef(props, \"zIndex\"),\r\n props.disableGlobalStack,\r\n);\r\nconst {\r\n activatorEl,\r\n activatorRef,\r\n activatorEvents,\r\n contentEvents,\r\n veilEvents,\r\n} = useActivator(props as ActivatorProps, isActiveContent, isTopLocal);\r\nconst teleportTarget = useTeleport(\r\n computed(() => {\r\n return props.attach \|\| props.contained;\r\n }),\r\n);\r\nconst { rtlClasses, isRtl } = useRtl();\r\n\r\nconst { contentStyles, updatePosition, pointerStyles } = usePositionStrategies(\r\n props,\r\n {\r\n isRtl,\r\n contentEl,\r\n activatorEl,\r\n pointerEl,\r\n isActive: isActiveContent,\r\n },\r\n);\r\n\r\nuseScrollStrategies(props, {\r\n containerEl,\r\n contentEl,\r\n activatorEl,\r\n isActive: isActiveContent,\r\n updatePosition,\r\n});\r\n\r\n/\r\n What should parent components have access to?\r\n /\r\ndefineExpose({\r\n activatorEl,\r\n contentEl,\r\n isTopGlobal,\r\n isTopLocal,\r\n updatePosition,\r\n});\r\n\r\n/\r\n When disabled, update the model value via the isActive computed prop\r\n /\r\nwatch(\r\n () => props.disabled,\r\n (value) => {\r\n if (value) {\r\n isActiveContent.value = false;\r\n }\r\n },\r\n);\r\n\r\n/\r\n The veil transitions into view at the same time as the content,\r\n * but only if it is enabled by `props.veil`.\r\n /\r\nconst isActiveVeil = computed(() => {\r\n return isActiveContent.value && !!props.veil;\r\n});\r\n\r\n/\r\n `isActive` relates to the content of the overlay.\r\n * To have nice transitions we need to track active containment.\r\n * `isActiveTeleport` follows `isActive`, which means it activates at the same time,\r\n * but only disables when the content is removed by the transition (@after-leave).\r\n * @see onAfterLeave\r\n /\r\nconst isActiveTeleport = shallowRef(false);\r\nwatch(isActiveContent, () => {\r\n isActiveTeleport.value = true;\r\n});\r\n\r\n/\r\n ## Click Outside Condition\r\n * Allows or denies the click outside event to trigger.\r\n /\r\nfunction clickOutsideCondition(): boolean {\r\n return isActiveContent.value && isTopGlobal.value;\r\n}\r\n\r\n/\r\n ## Dismiss\r\n * @param focusActivator\r\n /\r\nfunction dismiss(focusActivator: boolean = false) {\r\n if (props.persistent) {\r\n // Let's let the user know they can't dismiss the overlay this way\r\n // @todo: option to prevent shake\r\n clickBlockedAnimation(contentEl.value);\r\n return;\r\n }\r\n isActiveContent.value = false;\r\n if (focusActivator && contentEl.value?.contains(document.activeElement)) {\r\n activatorEl.value?.focus();\r\n }\r\n}\r\n\r\n/\r\n Event Listeners\r\n /\r\nfunction onEnter(el: HTMLElement) {\r\n // Attempts to resolve double triggering possibly caused by `appear`.\r\n if (!el.dataset.enter) {\r\n el.dataset.enter = \"true\";\r\n return;\r\n }\r\n emit(\"enter\");\r\n}\r\nfunction onAfterEnter(el: HTMLElement) {\r\n // Attempts to resolve double triggering possibly caused by `appear`.\r\n if (!el.dataset.afterEnter) {\r\n el.dataset.afterEnter = \"true\";\r\n return;\r\n }\r\n emit(\"afterEnter\");\r\n}\r\nfunction onBeforeLeave() {\r\n emit(\"beforeLeave\");\r\n}\r\nfunction onLeave() {\r\n emit(\"leave\");\r\n}\r\nfunction onAfterLeave() {\r\n isActiveTeleport.value = false;\r\n emit(\"afterLeave\");\r\n}\r\n\r\nconst clickOutsideDirectiveArgs = {\r\n handler: onClickOutside,\r\n condition: clickOutsideCondition,\r\n include: () => [activatorEl.value],\r\n};\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n emit(\"click:outside\", e);\r\n dismiss(false);\r\n}\r\n\r\nfunction onKeydown(e: KeyboardEvent) {\r\n if (e.key === \"Escape\" && isTopGlobal.value) {\r\n dismiss(true);\r\n }\r\n}\r\n// Listen for keydown events only when the content is active\r\nwatch(\r\n isActiveContent,\r\n (active) => {\r\n if (active) {\r\n window.addEventListener(\"keydown\", onKeydown);\r\n } else {\r\n window.removeEventListener(\"keydown\", onKeydown);\r\n }\r\n },\r\n { immediate: true },\r\n);\r\n\r\n/\r\n Integrate with Back button for single page apps.\r\n /\r\nuseToggleScope(\r\n () => props.closeOnBack,\r\n () => {\r\n useBackButton(router, (next) => {\r\n if (isTopGlobal.value && isActiveContent.value) {\r\n next(false);\r\n dismiss(false);\r\n } else {\r\n next();\r\n }\r\n });\r\n },\r\n);\r\n\r\n/\r\n Calculate the `top` position\r\n /\r\nconst top = ref<number>();\r\nwatch(\r\n () =>\r\n isActiveContent.value &&\r\n (props.absolute \|\| props.contained) &&\r\n teleportTarget.value == null,\r\n (value) => {\r\n if (value) {\r\n const scrollParent = getScrollParent(containerEl.value);\r\n if (scrollParent && scrollParent !== document.scrollingElement) {\r\n top.value = scrollParent.scrollTop;\r\n }\r\n }\r\n },\r\n);\r\n\r\n/\r\n Dynamically create a local component we can render using:\r\n * `<activator-slot>` or `<component :is=\"activatorSlot\" />`\r\n */\r\nconst activatorSlot = () => {\r\n return slots.activator?.({\r\n isActive: isActiveContent.value,\r\n props: mergeProps(\r\n { ref: activatorRef },\r\n activatorEvents.value,\r\n props.activatorProps,\r\n ),\r\n });\r\n};\r\n\r\nconst contentAttributes = mergeProps(contentEvents.value, props.contentProps);\r\nconst overlayAttributes = {\r\n ...scopeId,\r\n ...attrs,\r\n};\r\n</script>\r\n\r\n<template>\r\n <activator-slot />\r\n\r\n <teleport\r\n v-if=\"isActiveTeleport\"\r\n :disabled=\"!teleportTarget\"\r\n :to=\"teleportTarget\">\r\n <div\r\n ref=\"containerEl\"\r\n :class=\"[\r\n 'ev-overlay',\r\n {\r\n 'is-active': isActiveContent,\r\n },\r\n rtlClasses,\r\n props.class,\r\n ]\"\r\n :style=\"[\r\n stackStyles,\r\n {\r\n top: toWebUnit(top),\r\n },\r\n props.style,\r\n ]\"\r\n v-bind=\"overlayAttributes\">\r\n <transition appear name=\"transition-fade\">\r\n <div\r\n v-if=\"isActiveVeil\"\r\n class=\"ev-overlay--veil\"\r\n v-bind=\"veilEvents\"></div>\r\n </transition>\r\n\r\n <ev-transition\r\n appear\r\n :transition=\"contentTransition\"\r\n :target=\"activatorEl\"\r\n @enter=\"onEnter\"\r\n @after-enter=\"onAfterEnter\"\r\n @before-leave=\"onBeforeLeave\"\r\n @leave=\"onLeave\"\r\n @after-leave=\"onAfterLeave\">\r\n <div\r\n v-show=\"isActiveContent\"\r\n ref=\"contentEl\"\r\n v-click-outside=\"clickOutsideDirectiveArgs\"\r\n class=\"ev-overlay--content\"\r\n :class=\"[props.contentClass]\"\r\n :style=\"[dimensions, contentStyles]\"\r\n v-bind=\"contentAttributes\">\r\n <div\r\n v-if=\"slots.pointer && !props.veil\"\r\n ref=\"pointerEl\"\r\n class=\"ev-overlay--pointer\"\r\n :style=\"[pointerStyles]\">\r\n <slot name=\"pointer\" />\r\n </div>\r\n <slot />\r\n </div>\r\n </ev-transition>\r\n </div>\r\n </teleport>\r\n</template>\r\n"],"names":["attrs","useAttrs","slots","_useSlots","router","useRouter","model","useModelProxy","props","containerEl","ref","contentEl","pointerEl","contentTransition","useEvTransition","dimensions","useDimensions","scopeId","useScopeId","isActiveContent","computed","value","isTopGlobal","isTopLocal","stackStyles","useStack","toRef","activatorEl","activatorRef","activatorEvents","contentEvents","veilEvents","useActivator","teleportTarget","useTeleport","rtlClasses","isRtl","useRtl","contentStyles","updatePosition","pointerStyles","usePositionStrategies","useScrollStrategies","__expose","watch","isActiveVeil","isActiveTeleport","shallowRef","clickOutsideCondition","dismiss","focusActivator","clickBlockedAnimation","_a","_b","onEnter","el","emit","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","clickOutsideDirectiveArgs","onClickOutside","onKeydown","active","useToggleScope","useBackButton","next","top","scrollParent","getScrollParent","activatorSlot","mergeProps","contentAttributes","overlayAttributes"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvOverlay.vue.mjs");module.exports=e;
+import f from"./EvOverlay.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvOverlay.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";var p=Object.defineProperty;var d=(o,t,e)=>t in o?p(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var i=(o,t,e)=>d(o,typeof t!="symbol"?t+"":t,e);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../composables/delay.mjs"),s=require("vue"),O=require("../EvMenu/shared.mjs"),f=require("../../util/helpers.mjs"),v=require("../../util/bindProps.mjs"),E=require("../../util/props.mjs"),C=require("../../util/components.mjs"),h=require("../../util/browser.mjs"),A=E.propsFactory({activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...u.makeDelayOpenCloseProps()},"EvOverlay/activator");function y(o,t,e){return new F(o,t,e)}class F{constructor(t,e,n){i(this,"activatorEl",s.ref());i(this,"activatorEvents");i(this,"activatorRef",s.ref());i(this,"availableEvents");i(this,"component");i(this,"contentEvents");i(this,"delayClose");i(this,"delayOpen");i(this,"openOnClick");i(this,"openOnFocus");i(this,"veilEvents");i(this,"isHovered",!1);i(this,"isFocused",!1);i(this,"firstEnter",!0);i(this,"watcher");i(this,"scope");this.props=t,this.isActive=e,this.isTopOfStack=n,this.component=C.getCurrentComponent("Activator"),this.openOnFocus=s.computed(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=s.computed(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:r,delayClose:a}=this.createDelayFunctions();this.delayOpen=r,this.delayClose=a,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return s.computed(()=>{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 s.computed(()=>{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=s.inject(O.EvMenuSymbol,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return u.useDelayOpenClose(this.props,t=>{const e=this.props.openOnHover&&this.isHovered,n=this.openOnFocus.value&&this.isFocused;t===(e||n)&&!(this.props.openOnHover&&this.isActive.value&&!this.isTopOfStack.value)&&(this.isActive.value!==t&&(this.firstEnter=!0),this.isActive.value=t)})}createVeilEvents(){return s.computed(()=>{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){var n,r,a,l;let e;if(t)if(t==="parent"){let c=(a=(r=(n=this.component)==null?void 0:n.proxy)==null?void 0:r.$el)==null?void 0:a.parentNode;for(;c.hasAttribute("data-no-activator");)c=c.parentNode;e=c}else typeof t=="string"?e=document.querySelector(t):"$el"in t?(e=t.$el,console.log("activator selector",t),console.log("$el",t.$el),console.log("$el nodeType",(l=t.$el)==null?void 0:l.nodeType),console.log("$el instanceof HTMLElement",t.$el instanceof HTMLElement)):e=t;return this.setActivatorEl(e)}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.isActive.value}onFocus(t){h.Browser.supportsFocusVisible&&!t.target.matches(":focus-visible")||(t.stopPropagation(),this.isFocused=!0,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(){s.watch(()=>!!this.props.activator,t=>{t&&h.Browser.hasWindow?(this.scope=s.effectScope(),this.scope.run(()=>{this.watcher=new g(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),s.onScopeDispose(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){s.watchEffect(()=>{console.log("watching activatorEl"),this.activatorRef.value&&s.nextTick(()=>{this.activatorEl.value=f.refElement(this.activatorRef.value)})})}watchIsTopOfStack(){s.watch(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 g{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&v.bindProps(t,s.mergeProps(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&v.unbindProps(t,s.mergeProps(this.activator.activatorEvents.value,e))}watchActivator(){s.watch(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const n=this.activator.getActivatorEl(e);n&&this.removeActivatorPropsEventListeners(n)}t&&s.nextTick(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),s.watch(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),s.onScopeDispose(()=>{this.removeActivatorPropsEventListeners()})}}exports.makeActivatorProps=A;exports.useActivator=y;
+var d=Object.defineProperty;var E=(i,t,e)=>t in i?d(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var s=(i,t,e)=>E(i,typeof t!="symbol"?t+"":t,e);import{makeDelayOpenCloseProps as C,useDelayOpenClose as m}from"../../composables/delay.mjs";import{computed as n,ref as h,inject as A,watch as v,effectScope as F,onScopeDispose as f,watchEffect as y,nextTick as O,mergeProps as p}from"vue";import{EvMenuSymbol as g}from"../EvMenu/shared.mjs";import{refElement as k}from"../../util/helpers.mjs";import{bindProps as H,unbindProps as b}from"../../util/bindProps.mjs";import{propsFactory as P}from"../../util/props.mjs";import{getCurrentComponent as w}from"../../util/components.mjs";import{Browser as u}from"../../util/browser.mjs";/*! Evance UI v1.1.16 | MIT License */const I=P({activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...C()},"EvOverlay/activator");function W(i,t,e){return new M(i,t,e)}class M{constructor(t,e,o){s(this,"activatorEl",h());s(this,"activatorEvents");s(this,"activatorRef",h());s(this,"availableEvents");s(this,"component");s(this,"contentEvents");s(this,"delayClose");s(this,"delayOpen");s(this,"openOnClick");s(this,"openOnFocus");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=w("Activator"),this.openOnFocus=n(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=n(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:r,delayClose:a}=this.createDelayFunctions();this.delayOpen=r,this.delayClose=a,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return n(()=>{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 n(()=>{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=A(g,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return m(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 n(()=>{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){var o,r,a,l;let e;if(t)if(t==="parent"){let c=(a=(r=(o=this.component)==null?void 0:o.proxy)==null?void 0:r.$el)==null?void 0:a.parentNode;for(;c.hasAttribute("data-no-activator");)c=c.parentNode;e=c}else typeof t=="string"?e=document.querySelector(t):"$el"in t?(e=t.$el,console.log("activator selector",t),console.log("$el",t.$el),console.log("$el nodeType",(l=t.$el)==null?void 0:l.nodeType),console.log("$el instanceof HTMLElement",t.$el instanceof HTMLElement)):e=t;return this.setActivatorEl(e)}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.isActive.value}onFocus(t){u.supportsFocusVisible&&!t.target.matches(":focus-visible")||(t.stopPropagation(),this.isFocused=!0,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(){v(()=>!!this.props.activator,t=>{t&&u.hasWindow?(this.scope=F(),this.scope.run(()=>{this.watcher=new T(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),f(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){y(()=>{console.log("watching activatorEl"),this.activatorRef.value&&O(()=>{this.activatorEl.value=k(this.activatorRef.value)})})}watchIsTopOfStack(){v(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 T{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&H(t,p(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&b(t,p(this.activator.activatorEvents.value,e))}watchActivator(){v(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const o=this.activator.getActivatorEl(e);o&&this.removeActivatorPropsEventListeners(o)}t&&O(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),v(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),f(()=>{this.removeActivatorPropsEventListeners()})}}export{I as makeActivatorProps,W as useActivator};
 //# sourceMappingURL=activator.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"activator.mjs","sources":["../../../../src/components/EvOverlay/activator.ts"],"sourcesContent":["import {\r\n DelayOpenCloseProps,\r\n makeDelayOpenCloseProps,\r\n useDelayOpenClose,\r\n} from \"@/composables/delay.ts\";\r\nimport {\r\n ComponentInternalInstance,\r\n ComponentPublicInstance,\r\n computed,\r\n ComputedRef,\r\n effectScope,\r\n EffectScope,\r\n inject,\r\n mergeProps,\r\n nextTick,\r\n onScopeDispose,\r\n PropType,\r\n ref,\r\n Ref,\r\n watch,\r\n watchEffect,\r\n} from \"vue\";\r\nimport {\r\n bindProps,\r\n Browser,\r\n getCurrentComponent,\r\n propsFactory,\r\n refElement,\r\n unbindProps,\r\n} from \"@/util\";\r\nimport { EvMenuSymbol } from \"../EvMenu/shared\";\r\n\r\ntype ActivatorSelector = \"parent\" \| string \| Element \| ComponentPublicInstance;\r\n\r\nexport interface ActivatorProps extends DelayOpenCloseProps {\r\n activator?: ActivatorSelector;\r\n activatorProps?: Record<string, any>;\r\n openOnClick?: boolean;\r\n openOnHover?: boolean;\r\n openOnFocus?: boolean;\r\n closeOnContentClick?: boolean;\r\n}\r\n\r\nexport const makeActivatorProps = propsFactory(\r\n {\r\n activator: [String, Object] as PropType<ActivatorProps[\"activator\"]>,\r\n activatorProps: {\r\n type: Object as PropType<ActivatorProps[\"activatorProps\"]>,\r\n default: () => ({}),\r\n },\r\n openOnClick: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n openOnHover: Boolean,\r\n openOnFocus: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n closeOnContentClick: Boolean,\r\n\r\n ...makeDelayOpenCloseProps(),\r\n },\r\n \"EvOverlay/activator\",\r\n);\r\n\r\ninterface ActivatorEvents {\r\n onBlur?: (e: FocusEvent) => void;\r\n onClick?: (e: MouseEvent) => void;\r\n onFocus?: (e: FocusEvent) => void;\r\n onMouseenter?: (e: MouseEvent) => void;\r\n onMouseleave?: (e: MouseEvent) => void;\r\n}\r\n\r\ninterface ContentEvents {\r\n onMouseenter?: () => void;\r\n onMouseleave?: () => void;\r\n onFocusin?: () => void;\r\n onFocusout?: () => void;\r\n onClick?: () => void;\r\n}\r\n\r\ninterface VeilEvents {\r\n onMouseenter?: () => void;\r\n onMouseleave?: () => void;\r\n}\r\n\r\n/*\r\n # UI Mouse Event\r\n * `sourceCapabilities` is in labs according to MDN. So it is subject to change.\r\n * It is also not included in TypeScript's MouseEvent, so this is a little bit\r\n * of a hack to avoid issues with the build.\r\n /\r\ninterface UIMouseEvent extends MouseEvent {\r\n sourceCapabilities?: { firesTouchEvents: boolean };\r\n}\r\n\r\n/\r\n # Use Activator\r\n \r\n @param props\r\n * @param isActive\r\n * @param isTopOfStack\r\n /\r\nexport function useActivator(\r\n props: ActivatorProps,\r\n isActive: Ref<boolean>,\r\n isTopOfStack: Ref<boolean>,\r\n) {\r\n return new Activator(props, isActive, isTopOfStack);\r\n}\r\n\r\nclass Activator {\r\n public readonly activatorEl = ref<HTMLElement>();\r\n public readonly activatorEvents: ComputedRef<Partial<ActivatorEvents>>;\r\n public readonly activatorRef = ref();\r\n public readonly availableEvents: ActivatorEvents;\r\n public readonly component: ComponentInternalInstance;\r\n public readonly contentEvents: ComputedRef<Partial<ContentEvents>>;\r\n public readonly delayClose: () => Promise<boolean>;\r\n public readonly delayOpen: () => Promise<boolean>;\r\n public readonly openOnClick: ComputedRef<boolean>;\r\n public readonly openOnFocus: ComputedRef<boolean>;\r\n public readonly veilEvents: ComputedRef<Partial<VeilEvents>>;\r\n\r\n public isHovered = false;\r\n public isFocused = false;\r\n public firstEnter = true;\r\n\r\n private watcher?: ActivatorWatcher;\r\n private scope?: EffectScope;\r\n\r\n constructor(\r\n public props: ActivatorProps,\r\n public isActive: Ref<boolean>,\r\n public isTopOfStack: Ref<boolean>,\r\n ) {\r\n this.component = getCurrentComponent(\"Activator\");\r\n this.openOnFocus = computed(\r\n () =>\r\n props.openOnFocus \|\|\r\n (props.openOnFocus == null && props.openOnHover),\r\n );\r\n this.openOnClick = computed(\r\n () =>\r\n props.openOnClick \|\|\r\n (props.openOnClick == null &&\r\n !props.openOnHover &&\r\n !this.openOnFocus.value),\r\n );\r\n const { delayOpen, delayClose } = this.createDelayFunctions();\r\n this.delayOpen = delayOpen;\r\n this.delayClose = delayClose;\r\n this.availableEvents = this.getAvailableEvents();\r\n this.activatorEvents = this.createActivatorEvents();\r\n this.contentEvents = this.createContentEvents();\r\n this.veilEvents = this.createVeilEvents();\r\n this.watchIsTopOfStack();\r\n this.watchActivatorEl();\r\n this.watchActivatorProp();\r\n }\r\n\r\n /\r\n ## Create Activator Events\r\n * Returns a computed set of partially available events.\r\n * @private\r\n /\r\n private createActivatorEvents() {\r\n return computed(() => {\r\n const events: Partial<ActivatorEvents> = {};\r\n if (this.isOpenOnClick()) {\r\n events.onClick = this.availableEvents.onClick;\r\n }\r\n if (this.isOpenOnHover()) {\r\n events.onMouseenter = this.availableEvents.onMouseenter;\r\n events.onMouseleave = this.availableEvents.onMouseleave;\r\n }\r\n if (this.isOpenOnFocus()) {\r\n events.onFocus = this.availableEvents.onFocus;\r\n events.onBlur = this.availableEvents.onBlur;\r\n }\r\n return events;\r\n });\r\n }\r\n\r\n /\r\n ## Create Content Events\r\n * @private\r\n /\r\n private createContentEvents() {\r\n return computed(() => {\r\n const events: Partial<ContentEvents> = {};\r\n if (this.isOpenOnHover()) {\r\n events.onMouseenter = () => {\r\n this.isHovered = true;\r\n this.delayOpen();\r\n };\r\n events.onMouseleave = () => {\r\n this.isHovered = false;\r\n this.delayClose();\r\n };\r\n }\r\n if (this.isOpenOnFocus()) {\r\n events.onFocusin = () => {\r\n this.isFocused = true;\r\n this.delayOpen();\r\n };\r\n events.onFocusout = () => {\r\n this.isFocused = false;\r\n this.delayClose();\r\n };\r\n }\r\n if (this.isCloseOnContentClick()) {\r\n const menu = inject(EvMenuSymbol, null);\r\n events.onClick = () => {\r\n this.isActive.value = false;\r\n menu?.closeParents();\r\n };\r\n }\r\n return events;\r\n });\r\n }\r\n\r\n /\r\n ## Create Delay Functions\r\n * @private\r\n /\r\n private createDelayFunctions() {\r\n return useDelayOpenClose(this.props, (value) => {\r\n const canOpenHover = this.props.openOnHover && this.isHovered;\r\n const canOpenFocus = this.openOnFocus.value && this.isFocused;\r\n if (\r\n value === (canOpenHover \|\| canOpenFocus) &&\r\n !(\r\n this.props.openOnHover &&\r\n this.isActive.value &&\r\n !this.isTopOfStack.value\r\n )\r\n ) {\r\n if (this.isActive.value !== value) {\r\n this.firstEnter = true;\r\n }\r\n this.isActive.value = value;\r\n }\r\n });\r\n }\r\n\r\n /\r\n ## Create Veil Events\r\n * @private\r\n /\r\n private createVeilEvents() {\r\n return computed(() => {\r\n const events: Partial<VeilEvents> = {};\r\n if (this.isOpenOnHover()) {\r\n events.onMouseenter = () => {\r\n if (this.firstEnter) {\r\n this.isHovered = true;\r\n this.firstEnter = false;\r\n this.delayOpen();\r\n }\r\n };\r\n events.onMouseleave = () => {\r\n this.isHovered = false;\r\n this.delayClose();\r\n };\r\n }\r\n return events;\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param selector\r\n * @private\r\n /\r\n public getActivatorEl(\r\n selector: ActivatorSelector \| undefined = this.props.activator,\r\n ) {\r\n let activator;\r\n if (selector) {\r\n if (selector === \"parent\") {\r\n let el = this.component?.proxy?.$el?.parentNode;\r\n while (el.hasAttribute(\"data-no-activator\")) {\r\n el = el.parentNode;\r\n }\r\n activator = el;\r\n } else if (typeof selector === \"string\") {\r\n // Selector\r\n activator = document.querySelector(selector);\r\n } else if (\"$el\" in selector) {\r\n // Component (ref)\r\n activator = selector.$el;\r\n console.log(\"activator selector\", selector);\r\n console.log(\"$el\", selector.$el);\r\n console.log(\"$el nodeType\", selector.$el?.nodeType);\r\n console.log(\"$el instanceof HTMLElement\", selector.$el instanceof HTMLElement);\r\n } else {\r\n // HTMLElement \| Element\r\n activator = selector;\r\n }\r\n }\r\n return this.setActivatorEl(activator);\r\n }\r\n\r\n /\r\n ## Get Available Events\r\n /\r\n public getAvailableEvents(): ActivatorEvents {\r\n return {\r\n onBlur: this.onBlur.bind(this),\r\n onClick: this.onClick.bind(this),\r\n onFocus: this.onFocus.bind(this),\r\n onMouseenter: this.onMouseenter.bind(this),\r\n onMouseleave: this.onMouseleave.bind(this),\r\n };\r\n }\r\n\r\n /\r\n ## Is Close on Content Click?\r\n * Should we close overlays when the content of the overlay is clicked.\r\n * For example, when a menu item is clicked.\r\n /\r\n public isCloseOnContentClick(): boolean {\r\n return this.props.closeOnContentClick;\r\n }\r\n\r\n /\r\n ## Is Open On Click?\r\n /\r\n public isOpenOnClick(): boolean {\r\n return this.openOnClick.value;\r\n }\r\n\r\n /\r\n ## Is Open on Hover?\r\n /\r\n public isOpenOnHover(): boolean {\r\n return this.props.openOnHover;\r\n }\r\n\r\n /\r\n ## Is Open on Focus?\r\n /\r\n public isOpenOnFocus(): boolean {\r\n return this.openOnFocus.value;\r\n }\r\n\r\n /\r\n ## On Blur\r\n * @param e\r\n /\r\n public onBlur(e: FocusEvent) {\r\n e.stopPropagation();\r\n this.isFocused = false;\r\n this.delayClose();\r\n }\r\n\r\n /\r\n ## On Click\r\n * @param e\r\n /\r\n public onClick(e: MouseEvent) {\r\n e.stopPropagation();\r\n this.activatorEl.value = (e.currentTarget \|\| e.target) as HTMLElement;\r\n this.isActive.value = !this.isActive.value;\r\n }\r\n\r\n /\r\n ## On Focus\r\n * @param e\r\n /\r\n public onFocus(e: FocusEvent) {\r\n if (\r\n Browser.supportsFocusVisible &&\r\n !(e.target as HTMLElement).matches(\":focus-visible\")\r\n ) {\r\n return;\r\n }\r\n e.stopPropagation();\r\n this.isFocused = true;\r\n this.activatorEl.value = (e.currentTarget \|\| e.target) as HTMLElement;\r\n this.delayOpen();\r\n }\r\n\r\n /\r\n ## On Mouse Enter (Hover)\r\n * @param e\r\n /\r\n public onMouseenter(e: UIMouseEvent) {\r\n if (e.sourceCapabilities?.firesTouchEvents) {\r\n return;\r\n }\r\n this.isHovered = true;\r\n this.activatorEl.value = (e.currentTarget \|\| e.target) as HTMLElement;\r\n this.delayOpen();\r\n }\r\n\r\n /\r\n ## On Mouse Leave\r\n * @param e\r\n /\r\n public onMouseleave(e: MouseEvent) {\r\n this.isHovered = false;\r\n this.delayClose();\r\n }\r\n\r\n /\r\n ## Set Activator Element\r\n * @param activator\r\n /\r\n public setActivatorEl(activator?: HTMLElement) {\r\n // The activator should only be a valid element (Ignore comments and text nodes)\r\n this.activatorEl.value =\r\n activator?.nodeType === Node.ELEMENT_NODE ? activator : undefined;\r\n return this.activatorEl.value;\r\n }\r\n\r\n /\r\n ## Watch Activator Prop\r\n * @private\r\n /\r\n private watchActivatorProp() {\r\n watch(\r\n () => !!this.props.activator,\r\n (value) => {\r\n if (value && Browser.hasWindow) {\r\n this.scope = effectScope();\r\n this.scope.run(() => {\r\n this.watcher = new ActivatorWatcher(this);\r\n });\r\n } else if (this.scope) {\r\n this.scope.stop();\r\n }\r\n },\r\n { flush: \"post\", immediate: true },\r\n );\r\n\r\n onScopeDispose(() => {\r\n this.scope?.stop();\r\n if (this.watcher) {\r\n this.watcher = undefined;\r\n }\r\n });\r\n }\r\n\r\n /\r\n ## Watch for changes in `activatorEl`\r\n * @private\r\n /\r\n private watchActivatorEl() {\r\n watchEffect(() => {\r\n console.log(\"watching activatorEl\");\r\n if (!this.activatorRef.value) {\r\n return;\r\n }\r\n nextTick(() => {\r\n this.activatorEl.value = refElement(this.activatorRef.value);\r\n });\r\n });\r\n }\r\n\r\n /\r\n ## Watch for changes in `isTopOfStack`.\r\n * @private\r\n */\r\n private watchIsTopOfStack() {\r\n watch(this.isTopOfStack, (value) => {\r\n if (\r\n value &&\r\n ((this.isOpenOnHover() &&\r\n !this.isHovered &&\r\n (!this.isOpenOnFocus() \|\| !this.isFocused)) \|\|\r\n (this.isOpenOnFocus() &&\r\n !this.isFocused &&\r\n (!this.isOpenOnHover() \|\| !this.isHovered)))\r\n ) {\r\n this.isActive.value = false;\r\n }\r\n });\r\n }\r\n}\r\n\r\nclass ActivatorWatcher {\r\n constructor(public readonly activator: Activator) {\r\n this.watchActivator();\r\n }\r\n\r\n private addActivatorPropsEventListeners(\r\n el = this.activator.getActivatorEl(),\r\n activatorProps = this.activator.props.activatorProps,\r\n ) {\r\n if (!el) {\r\n return;\r\n }\r\n bindProps(\r\n el,\r\n mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n );\r\n }\r\n\r\n private removeActivatorPropsEventListeners(\r\n el = this.activator.getActivatorEl(),\r\n activatorProps = this.activator.props.activatorProps,\r\n ) {\r\n if (!el) {\r\n return;\r\n }\r\n unbindProps(\r\n el,\r\n mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n );\r\n }\r\n\r\n private watchActivator() {\r\n watch(\r\n () => this.activator.props.activator,\r\n (value, oldValue) => {\r\n if (oldValue && value !== oldValue) {\r\n const activator = this.activator.getActivatorEl(oldValue);\r\n activator &&\r\n this.removeActivatorPropsEventListeners(activator);\r\n }\r\n if (value) {\r\n nextTick(() => this.addActivatorPropsEventListeners());\r\n }\r\n },\r\n { immediate: true },\r\n );\r\n\r\n watch(\r\n () => this.activator.props.activatorProps,\r\n () => {\r\n this.addActivatorPropsEventListeners();\r\n },\r\n );\r\n\r\n onScopeDispose(() => {\r\n this.removeActivatorPropsEventListeners();\r\n });\r\n }\r\n}\r\n"],"names":["makeActivatorProps","propsFactory","makeDelayOpenCloseProps","useActivator","props","isActive","isTopOfStack","Activator","__publicField","ref","getCurrentComponent","computed","delayOpen","delayClose","events","menu","inject","EvMenuSymbol","useDelayOpenClose","value","canOpenHover","canOpenFocus","selector","activator","el","_c","_b","_a","_d","e","Browser","watch","effectScope","ActivatorWatcher","onScopeDispose","watchEffect","nextTick","refElement","activatorProps","bindProps","mergeProps","unbindProps","oldValue"],"mappings":"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"}
1	+ {"version":3,"file":"activator.mjs","sources":["../../../../src/components/EvOverlay/activator.ts"],"sourcesContent":["import {\r\n DelayOpenCloseProps,\r\n makeDelayOpenCloseProps,\r\n useDelayOpenClose,\r\n} from \"@/composables/delay.ts\";\r\nimport {\r\n ComponentInternalInstance,\r\n ComponentPublicInstance,\r\n computed,\r\n ComputedRef,\r\n effectScope,\r\n EffectScope,\r\n inject,\r\n mergeProps,\r\n nextTick,\r\n onScopeDispose,\r\n PropType,\r\n ref,\r\n Ref,\r\n watch,\r\n watchEffect,\r\n} from \"vue\";\r\nimport {\r\n bindProps,\r\n Browser,\r\n getCurrentComponent,\r\n propsFactory,\r\n refElement,\r\n unbindProps,\r\n} from \"@/util\";\r\nimport { EvMenuSymbol } from \"../EvMenu/shared\";\r\n\r\ntype ActivatorSelector = \"parent\" \| string \| Element \| ComponentPublicInstance;\r\n\r\nexport interface ActivatorProps extends DelayOpenCloseProps {\r\n activator?: ActivatorSelector;\r\n activatorProps?: Record<string, any>;\r\n openOnClick?: boolean;\r\n openOnHover?: boolean;\r\n openOnFocus?: boolean;\r\n closeOnContentClick?: boolean;\r\n}\r\n\r\nexport const makeActivatorProps = propsFactory(\r\n {\r\n activator: [String, Object] as PropType<ActivatorProps[\"activator\"]>,\r\n activatorProps: {\r\n type: Object as PropType<ActivatorProps[\"activatorProps\"]>,\r\n default: () => ({}),\r\n },\r\n openOnClick: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n openOnHover: Boolean,\r\n openOnFocus: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n closeOnContentClick: Boolean,\r\n\r\n ...makeDelayOpenCloseProps(),\r\n },\r\n \"EvOverlay/activator\",\r\n);\r\n\r\ninterface ActivatorEvents {\r\n onBlur?: (e: FocusEvent) => void;\r\n onClick?: (e: MouseEvent) => void;\r\n onFocus?: (e: FocusEvent) => void;\r\n onMouseenter?: (e: MouseEvent) => void;\r\n onMouseleave?: (e: MouseEvent) => void;\r\n}\r\n\r\ninterface ContentEvents {\r\n onMouseenter?: () => void;\r\n onMouseleave?: () => void;\r\n onFocusin?: () => void;\r\n onFocusout?: () => void;\r\n onClick?: () => void;\r\n}\r\n\r\ninterface VeilEvents {\r\n onMouseenter?: () => void;\r\n onMouseleave?: () => void;\r\n}\r\n\r\n/*\r\n # UI Mouse Event\r\n * `sourceCapabilities` is in labs according to MDN. So it is subject to change.\r\n * It is also not included in TypeScript's MouseEvent, so this is a little bit\r\n * of a hack to avoid issues with the build.\r\n /\r\ninterface UIMouseEvent extends MouseEvent {\r\n sourceCapabilities?: { firesTouchEvents: boolean };\r\n}\r\n\r\n/\r\n # Use Activator\r\n \r\n @param props\r\n * @param isActive\r\n * @param isTopOfStack\r\n /\r\nexport function useActivator(\r\n props: ActivatorProps,\r\n isActive: Ref<boolean>,\r\n isTopOfStack: Ref<boolean>,\r\n) {\r\n return new Activator(props, isActive, isTopOfStack);\r\n}\r\n\r\nclass Activator {\r\n public readonly activatorEl = ref<HTMLElement>();\r\n public readonly activatorEvents: ComputedRef<Partial<ActivatorEvents>>;\r\n public readonly activatorRef = ref();\r\n public readonly availableEvents: ActivatorEvents;\r\n public readonly component: ComponentInternalInstance;\r\n public readonly contentEvents: ComputedRef<Partial<ContentEvents>>;\r\n public readonly delayClose: () => Promise<boolean>;\r\n public readonly delayOpen: () => Promise<boolean>;\r\n public readonly openOnClick: ComputedRef<boolean>;\r\n public readonly openOnFocus: ComputedRef<boolean>;\r\n public readonly veilEvents: ComputedRef<Partial<VeilEvents>>;\r\n\r\n public isHovered = false;\r\n public isFocused = false;\r\n public firstEnter = true;\r\n\r\n private watcher?: ActivatorWatcher;\r\n private scope?: EffectScope;\r\n\r\n constructor(\r\n public props: ActivatorProps,\r\n public isActive: Ref<boolean>,\r\n public isTopOfStack: Ref<boolean>,\r\n ) {\r\n this.component = getCurrentComponent(\"Activator\");\r\n this.openOnFocus = computed(\r\n () =>\r\n props.openOnFocus \|\|\r\n (props.openOnFocus == null && props.openOnHover),\r\n );\r\n this.openOnClick = computed(\r\n () =>\r\n props.openOnClick \|\|\r\n (props.openOnClick == null &&\r\n !props.openOnHover &&\r\n !this.openOnFocus.value),\r\n );\r\n const { delayOpen, delayClose } = this.createDelayFunctions();\r\n this.delayOpen = delayOpen;\r\n this.delayClose = delayClose;\r\n this.availableEvents = this.getAvailableEvents();\r\n this.activatorEvents = this.createActivatorEvents();\r\n this.contentEvents = this.createContentEvents();\r\n this.veilEvents = this.createVeilEvents();\r\n this.watchIsTopOfStack();\r\n this.watchActivatorEl();\r\n this.watchActivatorProp();\r\n }\r\n\r\n /\r\n ## Create Activator Events\r\n * Returns a computed set of partially available events.\r\n * @private\r\n /\r\n private createActivatorEvents() {\r\n return computed(() => {\r\n const events: Partial<ActivatorEvents> = {};\r\n if (this.isOpenOnClick()) {\r\n events.onClick = this.availableEvents.onClick;\r\n }\r\n if (this.isOpenOnHover()) {\r\n events.onMouseenter = this.availableEvents.onMouseenter;\r\n events.onMouseleave = this.availableEvents.onMouseleave;\r\n }\r\n if (this.isOpenOnFocus()) {\r\n events.onFocus = this.availableEvents.onFocus;\r\n events.onBlur = this.availableEvents.onBlur;\r\n }\r\n return events;\r\n });\r\n }\r\n\r\n /\r\n ## Create Content Events\r\n * @private\r\n /\r\n private createContentEvents() {\r\n return computed(() => {\r\n const events: Partial<ContentEvents> = {};\r\n if (this.isOpenOnHover()) {\r\n events.onMouseenter = () => {\r\n this.isHovered = true;\r\n this.delayOpen();\r\n };\r\n events.onMouseleave = () => {\r\n this.isHovered = false;\r\n this.delayClose();\r\n };\r\n }\r\n if (this.isOpenOnFocus()) {\r\n events.onFocusin = () => {\r\n this.isFocused = true;\r\n this.delayOpen();\r\n };\r\n events.onFocusout = () => {\r\n this.isFocused = false;\r\n this.delayClose();\r\n };\r\n }\r\n if (this.isCloseOnContentClick()) {\r\n const menu = inject(EvMenuSymbol, null);\r\n events.onClick = () => {\r\n this.isActive.value = false;\r\n menu?.closeParents();\r\n };\r\n }\r\n return events;\r\n });\r\n }\r\n\r\n /\r\n ## Create Delay Functions\r\n * @private\r\n /\r\n private createDelayFunctions() {\r\n return useDelayOpenClose(this.props, (value) => {\r\n const canOpenHover = this.props.openOnHover && this.isHovered;\r\n const canOpenFocus = this.openOnFocus.value && this.isFocused;\r\n if (\r\n value === (canOpenHover \|\| canOpenFocus) &&\r\n !(\r\n this.props.openOnHover &&\r\n this.isActive.value &&\r\n !this.isTopOfStack.value\r\n )\r\n ) {\r\n if (this.isActive.value !== value) {\r\n this.firstEnter = true;\r\n }\r\n this.isActive.value = value;\r\n }\r\n });\r\n }\r\n\r\n /\r\n ## Create Veil Events\r\n * @private\r\n /\r\n private createVeilEvents() {\r\n return computed(() => {\r\n const events: Partial<VeilEvents> = {};\r\n if (this.isOpenOnHover()) {\r\n events.onMouseenter = () => {\r\n if (this.firstEnter) {\r\n this.isHovered = true;\r\n this.firstEnter = false;\r\n this.delayOpen();\r\n }\r\n };\r\n events.onMouseleave = () => {\r\n this.isHovered = false;\r\n this.delayClose();\r\n };\r\n }\r\n return events;\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param selector\r\n * @private\r\n /\r\n public getActivatorEl(\r\n selector: ActivatorSelector \| undefined = this.props.activator,\r\n ) {\r\n let activator;\r\n if (selector) {\r\n if (selector === \"parent\") {\r\n let el = this.component?.proxy?.$el?.parentNode;\r\n while (el.hasAttribute(\"data-no-activator\")) {\r\n el = el.parentNode;\r\n }\r\n activator = el;\r\n } else if (typeof selector === \"string\") {\r\n // Selector\r\n activator = document.querySelector(selector);\r\n } else if (\"$el\" in selector) {\r\n // Component (ref)\r\n activator = selector.$el;\r\n console.log(\"activator selector\", selector);\r\n console.log(\"$el\", selector.$el);\r\n console.log(\"$el nodeType\", selector.$el?.nodeType);\r\n console.log(\"$el instanceof HTMLElement\", selector.$el instanceof HTMLElement);\r\n } else {\r\n // HTMLElement \| Element\r\n activator = selector;\r\n }\r\n }\r\n return this.setActivatorEl(activator);\r\n }\r\n\r\n /\r\n ## Get Available Events\r\n /\r\n public getAvailableEvents(): ActivatorEvents {\r\n return {\r\n onBlur: this.onBlur.bind(this),\r\n onClick: this.onClick.bind(this),\r\n onFocus: this.onFocus.bind(this),\r\n onMouseenter: this.onMouseenter.bind(this),\r\n onMouseleave: this.onMouseleave.bind(this),\r\n };\r\n }\r\n\r\n /\r\n ## Is Close on Content Click?\r\n * Should we close overlays when the content of the overlay is clicked.\r\n * For example, when a menu item is clicked.\r\n /\r\n public isCloseOnContentClick(): boolean {\r\n return this.props.closeOnContentClick;\r\n }\r\n\r\n /\r\n ## Is Open On Click?\r\n /\r\n public isOpenOnClick(): boolean {\r\n return this.openOnClick.value;\r\n }\r\n\r\n /\r\n ## Is Open on Hover?\r\n /\r\n public isOpenOnHover(): boolean {\r\n return this.props.openOnHover;\r\n }\r\n\r\n /\r\n ## Is Open on Focus?\r\n /\r\n public isOpenOnFocus(): boolean {\r\n return this.openOnFocus.value;\r\n }\r\n\r\n /\r\n ## On Blur\r\n * @param e\r\n /\r\n public onBlur(e: FocusEvent) {\r\n e.stopPropagation();\r\n this.isFocused = false;\r\n this.delayClose();\r\n }\r\n\r\n /\r\n ## On Click\r\n * @param e\r\n /\r\n public onClick(e: MouseEvent) {\r\n e.stopPropagation();\r\n this.activatorEl.value = (e.currentTarget \|\| e.target) as HTMLElement;\r\n this.isActive.value = !this.isActive.value;\r\n }\r\n\r\n /\r\n ## On Focus\r\n * @param e\r\n /\r\n public onFocus(e: FocusEvent) {\r\n if (\r\n Browser.supportsFocusVisible &&\r\n !(e.target as HTMLElement).matches(\":focus-visible\")\r\n ) {\r\n return;\r\n }\r\n e.stopPropagation();\r\n this.isFocused = true;\r\n this.activatorEl.value = (e.currentTarget \|\| e.target) as HTMLElement;\r\n this.delayOpen();\r\n }\r\n\r\n /\r\n ## On Mouse Enter (Hover)\r\n * @param e\r\n /\r\n public onMouseenter(e: UIMouseEvent) {\r\n if (e.sourceCapabilities?.firesTouchEvents) {\r\n return;\r\n }\r\n this.isHovered = true;\r\n this.activatorEl.value = (e.currentTarget \|\| e.target) as HTMLElement;\r\n this.delayOpen();\r\n }\r\n\r\n /\r\n ## On Mouse Leave\r\n * @param e\r\n /\r\n public onMouseleave(e: MouseEvent) {\r\n this.isHovered = false;\r\n this.delayClose();\r\n }\r\n\r\n /\r\n ## Set Activator Element\r\n * @param activator\r\n /\r\n public setActivatorEl(activator?: HTMLElement) {\r\n // The activator should only be a valid element (Ignore comments and text nodes)\r\n this.activatorEl.value =\r\n activator?.nodeType === Node.ELEMENT_NODE ? activator : undefined;\r\n return this.activatorEl.value;\r\n }\r\n\r\n /\r\n ## Watch Activator Prop\r\n * @private\r\n /\r\n private watchActivatorProp() {\r\n watch(\r\n () => !!this.props.activator,\r\n (value) => {\r\n if (value && Browser.hasWindow) {\r\n this.scope = effectScope();\r\n this.scope.run(() => {\r\n this.watcher = new ActivatorWatcher(this);\r\n });\r\n } else if (this.scope) {\r\n this.scope.stop();\r\n }\r\n },\r\n { flush: \"post\", immediate: true },\r\n );\r\n\r\n onScopeDispose(() => {\r\n this.scope?.stop();\r\n if (this.watcher) {\r\n this.watcher = undefined;\r\n }\r\n });\r\n }\r\n\r\n /\r\n ## Watch for changes in `activatorEl`\r\n * @private\r\n /\r\n private watchActivatorEl() {\r\n watchEffect(() => {\r\n console.log(\"watching activatorEl\");\r\n if (!this.activatorRef.value) {\r\n return;\r\n }\r\n nextTick(() => {\r\n this.activatorEl.value = refElement(this.activatorRef.value);\r\n });\r\n });\r\n }\r\n\r\n /\r\n ## Watch for changes in `isTopOfStack`.\r\n * @private\r\n */\r\n private watchIsTopOfStack() {\r\n watch(this.isTopOfStack, (value) => {\r\n if (\r\n value &&\r\n ((this.isOpenOnHover() &&\r\n !this.isHovered &&\r\n (!this.isOpenOnFocus() \|\| !this.isFocused)) \|\|\r\n (this.isOpenOnFocus() &&\r\n !this.isFocused &&\r\n (!this.isOpenOnHover() \|\| !this.isHovered)))\r\n ) {\r\n this.isActive.value = false;\r\n }\r\n });\r\n }\r\n}\r\n\r\nclass ActivatorWatcher {\r\n constructor(public readonly activator: Activator) {\r\n this.watchActivator();\r\n }\r\n\r\n private addActivatorPropsEventListeners(\r\n el = this.activator.getActivatorEl(),\r\n activatorProps = this.activator.props.activatorProps,\r\n ) {\r\n if (!el) {\r\n return;\r\n }\r\n bindProps(\r\n el,\r\n mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n );\r\n }\r\n\r\n private removeActivatorPropsEventListeners(\r\n el = this.activator.getActivatorEl(),\r\n activatorProps = this.activator.props.activatorProps,\r\n ) {\r\n if (!el) {\r\n return;\r\n }\r\n unbindProps(\r\n el,\r\n mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n );\r\n }\r\n\r\n private watchActivator() {\r\n watch(\r\n () => this.activator.props.activator,\r\n (value, oldValue) => {\r\n if (oldValue && value !== oldValue) {\r\n const activator = this.activator.getActivatorEl(oldValue);\r\n activator &&\r\n this.removeActivatorPropsEventListeners(activator);\r\n }\r\n if (value) {\r\n nextTick(() => this.addActivatorPropsEventListeners());\r\n }\r\n },\r\n { immediate: true },\r\n );\r\n\r\n watch(\r\n () => this.activator.props.activatorProps,\r\n () => {\r\n this.addActivatorPropsEventListeners();\r\n },\r\n );\r\n\r\n onScopeDispose(() => {\r\n this.removeActivatorPropsEventListeners();\r\n });\r\n }\r\n}\r\n"],"names":["makeActivatorProps","propsFactory","makeDelayOpenCloseProps","useActivator","props","isActive","isTopOfStack","Activator","__publicField","ref","getCurrentComponent","computed","delayOpen","delayClose","events","menu","inject","EvMenuSymbol","useDelayOpenClose","value","canOpenHover","canOpenFocus","selector","activator","el","_c","_b","_a","_d","e","Browser","watch","effectScope","ActivatorWatcher","onScopeDispose","watchEffect","nextTick","refElement","activatorProps","bindProps","mergeProps","unbindProps","oldValue"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var w=Object.defineProperty;var S=(l,t,e)=>t in l?w(l,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[t]=e;var r=(l,t,e)=>S(l,typeof t!="symbol"?t+"":t,e);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),d=require("../../../util/dimensions.mjs"),C=require("../../../util/scroll.mjs"),A=require("../../../util/isFixedPosition.mjs"),W=require("../../../util/style.mjs"),h=require("../../../util/units.mjs"),m=require("../../../util/helpers.mjs"),v=require("../../../util/anchor.mjs"),O=require("../../../util/is-functions.mjs");function F(l,t,e,i){const s=new E(l,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class E{constructor(t,e,i,s){r(this,"contentScrollParents");r(this,"contentRect");r(this,"maxHeight");r(this,"maxWidth");r(this,"minHeight");r(this,"minWidth");r(this,"observe",!1);r(this,"observer");r(this,"offset");r(this,"preferredPosition");r(this,"preferredOrigin");r(this,"targetRect");r(this,"viewportRect");r(this,"viewportMargin",12);r(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedActivator(),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 H,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),c.watch([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,a,p;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((a=this.observer)==null||a.unobserve(s)),e&&((p=this.observer)==null||p.observe(e))},{immediate:!0}),c.onScopeDispose(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=m.destructComputed(()=>{const i=v.Anchor.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=v.Anchor.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 c.computed(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return c.computed(()=>{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 O.isNumber(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=d.Rect.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=C.getScrollParents(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=d.Rect.fromElement(i),o=i===document.documentElement,n=new d.Rect(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new d.Rect(Math.max(e.left,n.left),Math.max(e.top,n.top),Math.min(e.right,n.right)-Math.max(e.left,n.left),Math.min(e.bottom,n.bottom)-Math.max(e.top,n.top)):n},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedActivator(){A.isFixedPosition(this.data.activatorEl.value)&&W.toFixedPosition(this.contentStyles.value,this.data.isRtl.value)}updatePosition(){var n;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.activatorEl.value||!this.data.contentEl.value)return;this.targetRect=d.Rect.fromElement(this.data.activatorEl.value),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),(n=this.data.contentEl.value)==null||n.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:h.toWebUnit(h.pixelRound(s)),left:h.toWebUnit(h.pixelRound(i)),minWidth:h.toWebUnit(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:h.toWebUnit(h.pixelCeil(m.clamp(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:h.toWebUnit(h.pixelCeil(m.clamp(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,n=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,n=t.position.side==="bottom"?0-s.height:"100%",a=t.position.side==="bottom"?180:0):(i>this.targetRect.y?n=0-s.width/2:n=this.targetRect.y-i-s.width/2,n+=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:h.toWebUnit(h.pixelRound(o)),top:typeof n=="string"?n:h.toWebUnit(h.pixelRound(n)),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(n=>n.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 n=s.axis==="x"?"width":"height";if(o.available[n]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){c.watch(()=>{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()),c.nextTick(()=>{this.updatePosition()})}}class M{constructor(t,e,i){r(this,"available");r(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 H{getAvailable(t,e,i,s){const[o,n]=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"}},p={x:{center:{x:e.left,width:e.width},start:{x:t.left+n,width:e.width-t.left-n},end:{x:e.left,width:t.right-e.left-n}},y:{center:{y:e.top,height:e.height},start:{y:t.top+n,height:e.bottom-t.top-n},end:{y:e.top,height:t.bottom-e.top-n}}},f=[];for(const[g,u]of Object.entries(a))for(const[x,b]of Object.entries(p[u.align])){const y=new v.Anchor(g,x),R=Object.assign({width:0,height:0,x:0,y:0},u,b),P=d.Rect.fromRect(R);f.push(new M(y,P,s))}return f.sort((g,u)=>u.availableArea-g.availableArea),f}}exports.connectedPositionStrategy=F;
+var A=Object.defineProperty;var O=(a,t,e)=>t in a?A(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var r=(a,t,e)=>O(a,typeof t!="symbol"?t+"":t,e);import{watch as v,onScopeDispose as F,computed as x,nextTick as W}from"vue";import{Rect as c}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 l,pixelCeil as y,pixelRound as p}from"../../../util/units.mjs";import{destructComputed as Z,clamp as b}from"../../../util/helpers.mjs";import{Anchor as m}from"../../../util/anchor.mjs";import{isNumber as N}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */function J(a,t,e,i){const s=new j(a,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class j{constructor(t,e,i,s){r(this,"contentScrollParents");r(this,"contentRect");r(this,"maxHeight");r(this,"maxWidth");r(this,"minHeight");r(this,"minWidth");r(this,"observe",!1);r(this,"observer");r(this,"offset");r(this,"preferredPosition");r(this,"preferredOrigin");r(this,"targetRect");r(this,"viewportRect");r(this,"viewportMargin",12);r(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedActivator(),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 D,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),v([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,h,d;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((h=this.observer)==null||h.unobserve(s)),e&&((d=this.observer)==null||d.observe(e))},{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 x(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return x(()=>{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 N(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=c.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=c.fromElement(i),o=i===document.documentElement,n=new c(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new c(Math.max(e.left,n.left),Math.max(e.top,n.top),Math.min(e.right,n.right)-Math.max(e.left,n.left),Math.min(e.bottom,n.bottom)-Math.max(e.top,n.top)):n},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedActivator(){H(this.data.activatorEl.value)&&M(this.contentStyles.value,this.data.isRtl.value)}updatePosition(){var n;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.activatorEl.value||!this.data.contentEl.value)return;this.targetRect=c.fromElement(this.data.activatorEl.value),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 h=this.getAutoZone(e.position,t);e.position=h.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),(n=this.data.contentEl.value)==null||n.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:l(p(s)),left:l(p(i)),minWidth:l(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:l(y(b(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:l(y(b(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,n=null,h=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,n=t.position.side==="bottom"?0-s.height:"100%",h=t.position.side==="bottom"?180:0):(i>this.targetRect.y?n=0-s.width/2:n=this.targetRect.y-i-s.width/2,n+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",h=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:l(p(o)),top:typeof n=="string"?n:l(p(n)),transform:`rotate(${h}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(n=>n.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(h=>h.position.toString()===s.toString());if(!o)continue;const n=s.axis==="x"?"width":"height";if(o.available[n]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){v(()=>{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){r(this,"available");r(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 D{getAvailable(t,e,i,s){const[o,n]=i,h={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"}},d={x:{center:{x:e.left,width:e.width},start:{x:t.left+n,width:e.width-t.left-n},end:{x:e.left,width:t.right-e.left-n}},y:{center:{y:e.top,height:e.height},start:{y:t.top+n,height:e.bottom-t.top-n},end:{y:e.top,height:t.bottom-e.top-n}}},g=[];for(const[u,f]of Object.entries(h))for(const[R,w]of Object.entries(d[f.align])){const P=new m(u,R),S=Object.assign({width:0,height:0,x:0,y:0},f,w),C=c.fromRect(S);g.push(new V(P,C,s))}return g.sort((u,f)=>f.availableArea-u.availableArea),g}}export{J as connectedPositionStrategy};
 //# sourceMappingURL=connected-position.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"connected-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/connected-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\r\nimport {\r\n computed,\r\n ComputedRef,\r\n nextTick,\r\n onScopeDispose,\r\n Ref,\r\n watch,\r\n} from \"vue\";\r\nimport {\r\n isFixedPosition,\r\n toFixedPosition,\r\n StyleProp,\r\n isNumber,\r\n Rect,\r\n getScrollParents,\r\n destructComputed,\r\n Anchor,\r\n Dimensions,\r\n toWebUnit,\r\n pixelRound,\r\n pixelCeil,\r\n clamp,\r\n AnchorSide,\r\n AnchorAlignment,\r\n RectProps,\r\n} from \"@/util\";\r\n\r\n/*\r\n # Connected Position Strategy\r\n \r\n Connected to a certain element\r\n /\r\nexport function connectedPositionStrategy(\r\n data: PositionStrategyData,\r\n props: PositionStrategyProps,\r\n contentStyles: Ref<StyleProp>,\r\n pointerStyles: Ref<StyleProp>,\r\n) {\r\n // When the position anchor contains auto information, we need to calculate the preferred anchor\r\n // If the origin anchor contains auto information, we need to calculate the preferred anchor\r\n // some combinations may cause issues.\r\n\r\n // If the `side` of the anchor is set to 'auto' then we need to choose the side with most space\r\n // for the content. We should have a preference stack which is calculated based on\r\n // rtl, and whether the content fits the side.\r\n const manager = new ConnectedPosition(\r\n data,\r\n props,\r\n contentStyles,\r\n pointerStyles,\r\n );\r\n return {\r\n updatePosition: manager.updatePosition.bind(manager),\r\n };\r\n}\r\n\r\nclass ConnectedPosition {\r\n public contentScrollParents?: HTMLElement[];\r\n public contentRect?: Rect;\r\n public maxHeight: ComputedRef<number>;\r\n public maxWidth: ComputedRef<number>;\r\n public minHeight: ComputedRef<number>;\r\n public minWidth: ComputedRef<number>;\r\n public observe: boolean = false;\r\n public observer?: ResizeObserver;\r\n public offset: ComputedRef<number[]>;\r\n public preferredPosition?: Ref<Anchor>;\r\n public preferredOrigin?: Ref<Anchor>;\r\n public targetRect?: Rect;\r\n public viewportRect?: Rect;\r\n public viewportMargin = 12;\r\n private zoneCalculator: ZoneCalculator;\r\n\r\n constructor(\r\n public data: PositionStrategyData,\r\n public props: PositionStrategyProps,\r\n public contentStyles: Ref<StyleProp>,\r\n public pointerStyles: Ref<StyleProp>,\r\n ) {\r\n this.resolveFixedActivator();\r\n this.minWidth = this.computedNumericProp(\"minWidth\");\r\n this.maxWidth = this.computedNumericProp(\"maxWidth\");\r\n this.minHeight = this.computedNumericProp(\"minHeight\");\r\n this.maxHeight = this.computedNumericProp(\"maxHeight\");\r\n this.offset = this.computedOffset();\r\n this.zoneCalculator = new ZoneCalculator();\r\n this.calculatePreferences();\r\n this.addResizeObserver();\r\n this.watch();\r\n }\r\n\r\n /\r\n ## Add Resize Observer\r\n \r\n Watch for changes to the size and element of the activator as well as the overlay content.\r\n \r\n @private\r\n /\r\n private addResizeObserver() {\r\n this.observe = false;\r\n this.observer = new ResizeObserver(() => {\r\n if (this.observe) {\r\n this.updatePosition();\r\n }\r\n });\r\n\r\n watch(\r\n [this.data.activatorEl, this.data.contentEl],\r\n (\r\n [newActivatorEl, newContentEl],\r\n [oldActivatorEl, oldContentEl],\r\n ) => {\r\n if (oldActivatorEl) {\r\n this.observer?.unobserve(oldActivatorEl);\r\n }\r\n if (newActivatorEl) {\r\n this.observer?.observe(newActivatorEl);\r\n }\r\n if (oldContentEl) {\r\n this.observer?.unobserve(oldContentEl);\r\n }\r\n if (newContentEl) {\r\n this.observer?.observe(newContentEl);\r\n }\r\n },\r\n {\r\n immediate: true,\r\n },\r\n );\r\n\r\n onScopeDispose(() => {\r\n this.observer?.disconnect();\r\n });\r\n }\r\n\r\n /\r\n ## Calculate Preferences (for position and origin anchor points)\r\n * @private\r\n /\r\n private calculatePreferences() {\r\n const { preferredPosition, preferredOrigin } = destructComputed(() => {\r\n const position: Anchor = Anchor.fromSelector(\r\n this.props.position,\r\n this.data.isRtl.value,\r\n );\r\n let origin: Anchor;\r\n if (this.props.origin === \"overlap\") {\r\n origin = position;\r\n } else if (this.props.origin === \"auto\") {\r\n origin = position.flipSide();\r\n } else {\r\n origin = Anchor.fromSelector(\r\n this.props.origin,\r\n this.data.isRtl.value,\r\n );\r\n }\r\n // Some combinations of props may produce an invalid origin\r\n if (\r\n position.side === origin.side &&\r\n position.alignment === origin.flipAlignment().alignment\r\n ) {\r\n return {\r\n preferredPosition: position.flipCorner(),\r\n preferredOrigin: origin.flipCorner(),\r\n };\r\n } else {\r\n return {\r\n preferredPosition: position,\r\n preferredOrigin: origin,\r\n };\r\n }\r\n });\r\n this.preferredPosition = preferredPosition;\r\n this.preferredOrigin = preferredOrigin;\r\n }\r\n\r\n /\r\n ## Computed Numeric Prop\r\n * @param key\r\n * @private\r\n /\r\n private computedNumericProp(key: string) {\r\n return computed(() => {\r\n const value = parseFloat(\r\n this.props[key as keyof PositionStrategyProps]! as string,\r\n );\r\n return isNaN(value) ? Infinity : value;\r\n });\r\n }\r\n\r\n /\r\n ## Computed Offset\r\n \r\n Returns an array, with the following indexes:\r\n * - `0` - represents `side` offset.\r\n * - `1` - represents `alignment` offset.\r\n \r\n @private\r\n /\r\n private computedOffset() {\r\n return computed(() => {\r\n if (Array.isArray(this.props.offset)) {\r\n return this.props.offset;\r\n }\r\n if (typeof this.props.offset === \"string\") {\r\n const offset = this.props.offset.split(\" \").map(parseFloat);\r\n if (offset.length < 2) {\r\n offset.push(0);\r\n }\r\n return offset as [number, number];\r\n }\r\n return isNumber(this.props.offset)\r\n ? [this.props.offset, 0]\r\n : [0, 0];\r\n });\r\n }\r\n\r\n /\r\n # Get Content Rect\r\n \r\n Returns a Rect adjusted for the original elements position, whilst accommodating RTL direction.\r\n /\r\n private getContentRect(): Rect {\r\n const el = this.data.contentEl.value!;\r\n const isRtl = this.data.isRtl.value;\r\n const rect = Rect.fromElement(el, true);\r\n if (isRtl) {\r\n rect.x += parseFloat((el.style.right \|\| 0) as string);\r\n } else {\r\n rect.x -= parseFloat((el.style.left \|\| 0) as string);\r\n }\r\n rect.y -= parseFloat((el.style.top \|\| 0) as string);\r\n return rect;\r\n }\r\n\r\n /\r\n ## Get Pointer Rect\r\n * @private\r\n /\r\n private getPointerDimensions(): { width: number; height: number } \| null {\r\n const el = this.data.pointerEl.value;\r\n return el ? { width: el.clientWidth, height: el.clientHeight } : null;\r\n }\r\n\r\n /\r\n ## Get Content Scroll Parents\r\n * @private\r\n /\r\n private getContentScrollParents(): HTMLElement[] {\r\n const scrollParents = getScrollParents(this.data.contentEl.value);\r\n const contentEl = this.data.contentEl.value!;\r\n if (!scrollParents.length) {\r\n scrollParents.push(document.documentElement);\r\n if (!(contentEl.style.top && contentEl.style.left)) {\r\n this.contentRect!.x -= parseFloat(\r\n document.documentElement.style.getPropertyValue(\r\n \"--ev-body-scroll-x\",\r\n ) \|\| \"0\",\r\n );\r\n this.contentRect!.y -= parseFloat(\r\n document.documentElement.style.getPropertyValue(\r\n \"--ev-body-scroll-y\",\r\n ) \|\| \"0\",\r\n );\r\n }\r\n }\r\n return scrollParents;\r\n }\r\n\r\n /\r\n ## Get Viewport Rect\r\n \r\n Calculates the viewport viewable area for the content taking into account the viewport margins.\r\n * i.e. how close are we allowed to place content to the edges of the viewport?\r\n \r\n @private\r\n /\r\n private getViewportRect(): Rect {\r\n const viewportRect = this.contentScrollParents!.reduce<Rect>(\r\n (currentRect: Rect \| undefined, el: HTMLElement) => {\r\n const elRect = Rect.fromElement(el);\r\n const isDocEl = el === document.documentElement;\r\n const scrollRect = new Rect(\r\n isDocEl ? 0 : elRect.x,\r\n isDocEl ? 0 : elRect.y,\r\n el.clientWidth,\r\n el.clientHeight,\r\n );\r\n if (!currentRect) {\r\n return scrollRect;\r\n }\r\n return new Rect(\r\n Math.max(currentRect.left, scrollRect.left),\r\n Math.max(currentRect.top, scrollRect.top),\r\n Math.min(currentRect.right, scrollRect.right) -\r\n Math.max(currentRect.left, scrollRect.left),\r\n Math.min(currentRect.bottom, scrollRect.bottom) -\r\n Math.max(currentRect.top, scrollRect.top),\r\n );\r\n },\r\n undefined!,\r\n );\r\n // Adjust the allowable viewport dimensions\r\n viewportRect.x += this.viewportMargin;\r\n viewportRect.y += this.viewportMargin;\r\n viewportRect.width -= this.viewportMargin 2;\r\n viewportRect.height -= this.viewportMargin * 2;\r\n return viewportRect;\r\n }\r\n\r\n /*\r\n ## Resolve Fixed Activator\r\n * @private\r\n /\r\n private resolveFixedActivator() {\r\n const isActivatorFixed = isFixedPosition(this.data.activatorEl.value);\r\n if (isActivatorFixed) {\r\n toFixedPosition(this.contentStyles.value, this.data.isRtl.value);\r\n }\r\n }\r\n\r\n /\r\n ## Update Position\r\n /\r\n public updatePosition() {\r\n this.observe = false;\r\n\r\n requestAnimationFrame(() => {\r\n requestAnimationFrame(() => (this.observe = true));\r\n });\r\n\r\n if (!this.data.activatorEl.value \|\| !this.data.contentEl.value) {\r\n return;\r\n }\r\n\r\n this.targetRect = Rect.fromElement(this.data.activatorEl.value);\r\n this.contentRect = this.getContentRect();\r\n this.contentScrollParents = this.getContentScrollParents();\r\n this.viewportRect = this.getViewportRect();\r\n\r\n const zones = this.zoneCalculator.getAvailable(\r\n this.targetRect,\r\n this.viewportRect,\r\n this.offset.value,\r\n this.contentRect,\r\n );\r\n\r\n const placement = {\r\n position: this.preferredPosition!.value,\r\n origin: this.preferredOrigin!.value,\r\n };\r\n\r\n // If side is auto, find the largest side that\r\n if (placement.position.side === \"auto\") {\r\n const autoZone = this.getAutoZone(placement.position, zones);\r\n placement.position = autoZone.position;\r\n placement.origin = placement.position.flipSide();\r\n }\r\n\r\n // Ok, now we need to calculate the new placement based on available width/height\r\n // will the content fit and what to do if not.\r\n const zone =\r\n placement.position.side === \"center\"\r\n ? this.getCenterZone(zones)\r\n : this.getBestZone(placement.position, zones);\r\n\r\n // Now we need to calculate the position of the content element within the zone.\r\n placement.position = zone.position;\r\n placement.origin = placement.position.flipSide();\r\n const { x, y } = this.calculateContentCoords(zone, placement);\r\n this.calculateContentStyles(zone, placement, x, y);\r\n this.calculatePointerStyles(placement, x, y);\r\n\r\n this.data.contentEl.value?.setAttribute(\r\n \"data-position\",\r\n placement.position.toString(),\r\n );\r\n\r\n return {\r\n zoneRect: zone.rect,\r\n contentRect: this.contentRect,\r\n };\r\n }\r\n\r\n /\r\n \r\n * @param zone\r\n * @param placement\r\n * @private\r\n /\r\n private calculateContentCoords(\r\n zone: Zone,\r\n placement: { position: Anchor; origin: Anchor }\r\n ): { x: number; y: number } {\r\n let { x, y } = zone.rect;\r\n\r\n if (placement.position.side === \"center\") {\r\n y = zone.rect.y + (zone.rect.height - this.contentRect.height) / 2;\r\n x = zone.rect.x + (zone.rect.width - this.contentRect.width) / 2;\r\n } else {\r\n if (placement.position.side === \"top\") {\r\n y = zone.rect.bottom - this.contentRect.height;\r\n } else if (placement.position.side === \"left\") {\r\n x = zone.rect.right - this.contentRect.width;\r\n }\r\n if (placement.position.alignment !== \"start\") {\r\n const divider =\r\n placement.position.alignment === \"center\" ? 2 : 1;\r\n if (placement.position.axis === \"x\") {\r\n y =\r\n this.targetRect.y +\r\n (this.targetRect.height - this.contentRect.height) /\r\n divider;\r\n } else {\r\n x =\r\n this.targetRect.x +\r\n (this.targetRect.width - this.contentRect.width) /\r\n divider;\r\n }\r\n }\r\n }\r\n\r\n // Should this be optional!?\r\n if (y < this.viewportRect.y) {\r\n y = this.viewportRect.y;\r\n }\r\n if (x < this.viewportRect.x) {\r\n x = this.viewportRect.x;\r\n }\r\n\r\n return { x, y };\r\n }\r\n\r\n /\r\n @todo: RTL\r\n * @param zone\r\n * @param placement\r\n * @param x\r\n * @param y\r\n * @private\r\n /\r\n private calculateContentStyles(\r\n zone: Zone,\r\n placement: { position: Anchor; origin: Anchor },\r\n x: number,\r\n y: number,\r\n ) {\r\n Object.assign(this.contentStyles.value, {\r\n \"--ev-overlay-position\": placement.position.toCssValue(),\r\n transformOrigin: placement.origin.toCssValue(),\r\n top: toWebUnit(pixelRound(y)),\r\n left: toWebUnit(pixelRound(x)),\r\n minWidth: toWebUnit(\r\n placement.position.axis === \"y\"\r\n ? Math.min(this.minWidth.value, this.targetRect.width)\r\n : this.minWidth.value,\r\n ),\r\n maxWidth: toWebUnit(\r\n pixelCeil(\r\n clamp(\r\n zone.rect.width,\r\n this.minWidth.value === Infinity\r\n ? 0\r\n : this.minWidth.value,\r\n this.maxWidth.value,\r\n ),\r\n ),\r\n ),\r\n maxHeight: toWebUnit(\r\n pixelCeil(\r\n clamp(\r\n zone.rect.height,\r\n this.minHeight.value === Infinity\r\n ? 0\r\n : this.minHeight.value,\r\n this.maxHeight.value,\r\n ),\r\n ),\r\n ),\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param placement\r\n * @param x\r\n * @param y\r\n * @private\r\n /\r\n private calculatePointerStyles(\r\n placement: { position: Anchor; origin: Anchor },\r\n x: number,\r\n y: number,\r\n ) {\r\n const pointerDimensions = this.getPointerDimensions();\r\n if (\r\n !pointerDimensions \|\|\r\n (placement.position.side === \"center\" && placement.position.alignment === \"center\")\r\n ) {\r\n Object.assign(this.pointerStyles.value, {\r\n left: null,\r\n top: null,\r\n });\r\n return;\r\n }\r\n\r\n let pointerOffsetX: null \| number \| string = null;\r\n let pointerOffsetY: null \| number \| string = null;\r\n let rotation = 0;\r\n\r\n if (placement.position.axis === \"y\") {\r\n if (x > this.targetRect.x) {\r\n pointerOffsetX = 0 - pointerDimensions.width / 2;\r\n } else {\r\n pointerOffsetX = this.targetRect.x - x - pointerDimensions.width / 2;\r\n }\r\n pointerOffsetX +=\r\n Math.min(this.targetRect.width, this.contentRect.width) / 2;\r\n pointerOffsetY =\r\n placement.position.side === \"bottom\"\r\n ? 0 - pointerDimensions.height\r\n : \"100%\";\r\n rotation = placement.position.side === \"bottom\" ? 180 : 0;\r\n } else {\r\n // Note, the width/height dimensions of the pointer are rotated\r\n // so they seem wrong but should be correct if not square (needs to be tested)\r\n if (y > this.targetRect.y) {\r\n pointerOffsetY = 0 - pointerDimensions.width / 2;\r\n } else {\r\n pointerOffsetY = this.targetRect.y - y - pointerDimensions.width / 2;\r\n }\r\n pointerOffsetY += Math.min(this.targetRect.height, this.contentRect.height) / 2;\r\n pointerOffsetX =\r\n placement.position.side === \"right\"\r\n ? 0 - pointerDimensions.height\r\n : \"100%\";\r\n rotation = placement.position.side === \"right\" ? 90 : 270;\r\n }\r\n\r\n Object.assign(this.pointerStyles.value, {\r\n left: typeof pointerOffsetX === 'string'\r\n ? pointerOffsetX\r\n : toWebUnit(pixelRound(pointerOffsetX)),\r\n top: typeof pointerOffsetY === 'string'\r\n ? pointerOffsetY\r\n : toWebUnit(pixelRound(pointerOffsetY)),\r\n transform: `rotate(${rotation}deg)`,\r\n });\r\n }\r\n\r\n private getAutoZone(position: Anchor, zones: Zone[]): Zone {\r\n const matches = zones.filter((zone) => {\r\n // Ignore center position for now.\r\n if (zone.position.side === \"center\") {\r\n return false;\r\n }\r\n return (\r\n position.alignment === \"auto\" \|\|\r\n zone.position.alignment === position.alignment\r\n );\r\n });\r\n return matches[0];\r\n }\r\n\r\n /\r\n ## Get Best Zone\r\n * Returns the zone that fits the content, or the zone with the largest available area.\r\n * @param position\r\n * @param zones\r\n * @private\r\n /\r\n private getBestZone(position: Anchor, zones: Zone[]): Zone {\r\n // Priority\r\n const positions = [\r\n position,\r\n position.centerAlign(),\r\n position.flipSide(),\r\n position.flipSide().centerAlign(),\r\n position.flipCorner(),\r\n position.flipCorner().centerAlign(),\r\n position.flipCorner().flipSide(),\r\n position.flipCorner().flipSide().centerAlign(),\r\n ];\r\n\r\n // Exactly fits content\r\n for (const newPosition of positions) {\r\n // Find the zone that correlates to the position\r\n const zone = zones.find((zone) => {\r\n return zone.position.toString() === newPosition.toString();\r\n });\r\n if (zone?.isFitsContent) {\r\n return zone;\r\n }\r\n }\r\n\r\n // Or the preferred side fits\r\n for (const newPosition of positions) {\r\n const zone = zones.find((zone) => {\r\n return zone.position.toString() === newPosition.toString();\r\n });\r\n if (!zone) {\r\n continue;\r\n }\r\n const dimension = newPosition.axis === \"x\" ? \"width\" : \"height\";\r\n if (zone.available[dimension] >= 0) {\r\n return zone;\r\n }\r\n }\r\n\r\n // Fallback to auto because it finds the largest available zone\r\n return this.getAutoZone(position, zones);\r\n }\r\n\r\n /\r\n ## Get Center Zone\r\n * Returns the zone for centering content in the viewport, which is basically the whole viewport.\r\n * @param zones\r\n * @private\r\n /\r\n private getCenterZone(zones: Zone[]): Zone {\r\n return zones.find((zone) => {\r\n return (\r\n zone.position.side === \"center\" &&\r\n zone.position.alignment === \"center\"\r\n );\r\n })!;\r\n }\r\n\r\n /\r\n ## Watch\r\n \r\n Watch for changes that affect position calculations.\r\n \r\n @private\r\n /\r\n private watch() {\r\n watch(\r\n () => [\r\n this.preferredPosition?.value,\r\n this.preferredOrigin?.value,\r\n this.props.offset,\r\n this.props.minWidth,\r\n this.props.minHeight,\r\n this.props.maxWidth,\r\n this.props.maxHeight,\r\n ],\r\n () => this.updatePosition(),\r\n );\r\n\r\n nextTick(() => {\r\n const result = this.updatePosition();\r\n if (!result) {\r\n return;\r\n }\r\n // @todo: what else do we need to do?\r\n });\r\n }\r\n}\r\n\r\nclass Zone {\r\n public available: Dimensions;\r\n public isFitsContent: boolean;\r\n\r\n constructor(\r\n public position: Anchor,\r\n public rect: Rect,\r\n public content: Rect,\r\n ) {\r\n this.available = {\r\n width: this.rect.width - content.width,\r\n height: this.rect.height - content.height,\r\n };\r\n this.isFitsContent =\r\n this.rect.width >= content.width &&\r\n this.rect.height >= content.height;\r\n }\r\n\r\n get availableArea() {\r\n return this.available.width this.available.height;\r\n }\r\n}\r\n\r\nclass ZoneCalculator {\r\n /*\r\n ## Get Available\r\n \r\n Returns all available zones around the target.\r\n \r\n @param target\r\n * @param viewport\r\n * @param offset\r\n * @param content\r\n */\r\n public getAvailable(\r\n target: Rect,\r\n viewport: Rect,\r\n offset: number[],\r\n content: Rect,\r\n ): Zone[] {\r\n const [offsetSide, offsetAlign] = offset;\r\n\r\n // Sides\r\n const sides: ZoneSides = {\r\n top: {\r\n y: viewport.top,\r\n height: target.top - viewport.top - offsetSide,\r\n align: \"x\",\r\n },\r\n bottom: {\r\n y: target.bottom + offsetSide,\r\n height: viewport.bottom - target.bottom - offsetSide,\r\n align: \"x\",\r\n },\r\n left: {\r\n x: viewport.left,\r\n width: target.left - viewport.left - offsetSide,\r\n align: \"y\",\r\n },\r\n right: {\r\n x: target.right + offsetSide,\r\n width: viewport.right - target.right - offsetSide,\r\n align: \"y\",\r\n },\r\n center: { x: viewport.left, width: viewport.width, align: \"y\" },\r\n };\r\n\r\n // Align\r\n const alignments: ZoneAlignments = {\r\n x: {\r\n center: { x: viewport.left, width: viewport.width },\r\n start: {\r\n x: target.left + offsetAlign,\r\n width: viewport.width - target.left - offsetAlign,\r\n },\r\n end: {\r\n x: viewport.left,\r\n width: target.right - viewport.left - offsetAlign,\r\n },\r\n },\r\n y: {\r\n center: { y: viewport.top, height: viewport.height },\r\n start: {\r\n y: target.top + offsetAlign,\r\n height: viewport.bottom - target.top - offsetAlign,\r\n },\r\n end: {\r\n y: viewport.top,\r\n height: target.bottom - viewport.top - offsetAlign,\r\n },\r\n },\r\n };\r\n\r\n const zones: Zone[] = [];\r\n for (const [side, sideAttrs] of Object.entries(sides)) {\r\n for (const [align, alignAttrs] of Object.entries(\r\n alignments[sideAttrs.align],\r\n )) {\r\n const anchor = new Anchor(\r\n side as AnchorSide,\r\n align as AnchorAlignment,\r\n );\r\n const rectProps: RectProps = Object.assign(\r\n {\r\n width: 0,\r\n height: 0,\r\n x: 0,\r\n y: 0,\r\n },\r\n sideAttrs,\r\n alignAttrs,\r\n );\r\n const rect = Rect.fromRect(rectProps);\r\n zones.push(new Zone(anchor, rect, content));\r\n }\r\n }\r\n\r\n // Sort by area\r\n zones.sort((zoneA, zoneB) => {\r\n return zoneB.availableArea - zoneA.availableArea;\r\n });\r\n return zones;\r\n }\r\n}\r\n\r\ninterface ZoneSides {\r\n [key: string]: {\r\n x?: number;\r\n y?: number;\r\n width?: number;\r\n height?: number;\r\n align: string;\r\n };\r\n}\r\n\r\ninterface ZoneAlignments {\r\n [key: string]: {\r\n [key: string]: {\r\n x?: number;\r\n y?: number;\r\n width?: number;\r\n height?: number;\r\n };\r\n };\r\n}\r\n"],"names":["connectedPositionStrategy","data","props","contentStyles","pointerStyles","manager","ConnectedPosition","__publicField","ZoneCalculator","watch","newActivatorEl","newContentEl","oldActivatorEl","oldContentEl","_a","_b","_c","_d","onScopeDispose","preferredPosition","preferredOrigin","destructComputed","position","Anchor","origin","key","computed","value","offset","isNumber","el","isRtl","rect","Rect","scrollParents","getScrollParents","contentEl","viewportRect","currentRect","elRect","isDocEl","scrollRect","isFixedPosition","toFixedPosition","zones","placement","autoZone","zone","x","y","divider","toWebUnit","pixelRound","pixelCeil","clamp","pointerDimensions","pointerOffsetX","pointerOffsetY","rotation","positions","newPosition","dimension","nextTick","Zone","content","target","viewport","offsetSide","offsetAlign","sides","alignments","side","sideAttrs","align","alignAttrs","anchor","rectProps","zoneA","zoneB"],"mappings":"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"}
1	+ {"version":3,"file":"connected-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/connected-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\r\nimport {\r\n computed,\r\n ComputedRef,\r\n nextTick,\r\n onScopeDispose,\r\n Ref,\r\n watch,\r\n} from \"vue\";\r\nimport {\r\n isFixedPosition,\r\n toFixedPosition,\r\n StyleProp,\r\n isNumber,\r\n Rect,\r\n getScrollParents,\r\n destructComputed,\r\n Anchor,\r\n Dimensions,\r\n toWebUnit,\r\n pixelRound,\r\n pixelCeil,\r\n clamp,\r\n AnchorSide,\r\n AnchorAlignment,\r\n RectProps,\r\n} from \"@/util\";\r\n\r\n/*\r\n # Connected Position Strategy\r\n \r\n Connected to a certain element\r\n /\r\nexport function connectedPositionStrategy(\r\n data: PositionStrategyData,\r\n props: PositionStrategyProps,\r\n contentStyles: Ref<StyleProp>,\r\n pointerStyles: Ref<StyleProp>,\r\n) {\r\n // When the position anchor contains auto information, we need to calculate the preferred anchor\r\n // If the origin anchor contains auto information, we need to calculate the preferred anchor\r\n // some combinations may cause issues.\r\n\r\n // If the `side` of the anchor is set to 'auto' then we need to choose the side with most space\r\n // for the content. We should have a preference stack which is calculated based on\r\n // rtl, and whether the content fits the side.\r\n const manager = new ConnectedPosition(\r\n data,\r\n props,\r\n contentStyles,\r\n pointerStyles,\r\n );\r\n return {\r\n updatePosition: manager.updatePosition.bind(manager),\r\n };\r\n}\r\n\r\nclass ConnectedPosition {\r\n public contentScrollParents?: HTMLElement[];\r\n public contentRect?: Rect;\r\n public maxHeight: ComputedRef<number>;\r\n public maxWidth: ComputedRef<number>;\r\n public minHeight: ComputedRef<number>;\r\n public minWidth: ComputedRef<number>;\r\n public observe: boolean = false;\r\n public observer?: ResizeObserver;\r\n public offset: ComputedRef<number[]>;\r\n public preferredPosition?: Ref<Anchor>;\r\n public preferredOrigin?: Ref<Anchor>;\r\n public targetRect?: Rect;\r\n public viewportRect?: Rect;\r\n public viewportMargin = 12;\r\n private zoneCalculator: ZoneCalculator;\r\n\r\n constructor(\r\n public data: PositionStrategyData,\r\n public props: PositionStrategyProps,\r\n public contentStyles: Ref<StyleProp>,\r\n public pointerStyles: Ref<StyleProp>,\r\n ) {\r\n this.resolveFixedActivator();\r\n this.minWidth = this.computedNumericProp(\"minWidth\");\r\n this.maxWidth = this.computedNumericProp(\"maxWidth\");\r\n this.minHeight = this.computedNumericProp(\"minHeight\");\r\n this.maxHeight = this.computedNumericProp(\"maxHeight\");\r\n this.offset = this.computedOffset();\r\n this.zoneCalculator = new ZoneCalculator();\r\n this.calculatePreferences();\r\n this.addResizeObserver();\r\n this.watch();\r\n }\r\n\r\n /\r\n ## Add Resize Observer\r\n \r\n Watch for changes to the size and element of the activator as well as the overlay content.\r\n \r\n @private\r\n /\r\n private addResizeObserver() {\r\n this.observe = false;\r\n this.observer = new ResizeObserver(() => {\r\n if (this.observe) {\r\n this.updatePosition();\r\n }\r\n });\r\n\r\n watch(\r\n [this.data.activatorEl, this.data.contentEl],\r\n (\r\n [newActivatorEl, newContentEl],\r\n [oldActivatorEl, oldContentEl],\r\n ) => {\r\n if (oldActivatorEl) {\r\n this.observer?.unobserve(oldActivatorEl);\r\n }\r\n if (newActivatorEl) {\r\n this.observer?.observe(newActivatorEl);\r\n }\r\n if (oldContentEl) {\r\n this.observer?.unobserve(oldContentEl);\r\n }\r\n if (newContentEl) {\r\n this.observer?.observe(newContentEl);\r\n }\r\n },\r\n {\r\n immediate: true,\r\n },\r\n );\r\n\r\n onScopeDispose(() => {\r\n this.observer?.disconnect();\r\n });\r\n }\r\n\r\n /\r\n ## Calculate Preferences (for position and origin anchor points)\r\n * @private\r\n /\r\n private calculatePreferences() {\r\n const { preferredPosition, preferredOrigin } = destructComputed(() => {\r\n const position: Anchor = Anchor.fromSelector(\r\n this.props.position,\r\n this.data.isRtl.value,\r\n );\r\n let origin: Anchor;\r\n if (this.props.origin === \"overlap\") {\r\n origin = position;\r\n } else if (this.props.origin === \"auto\") {\r\n origin = position.flipSide();\r\n } else {\r\n origin = Anchor.fromSelector(\r\n this.props.origin,\r\n this.data.isRtl.value,\r\n );\r\n }\r\n // Some combinations of props may produce an invalid origin\r\n if (\r\n position.side === origin.side &&\r\n position.alignment === origin.flipAlignment().alignment\r\n ) {\r\n return {\r\n preferredPosition: position.flipCorner(),\r\n preferredOrigin: origin.flipCorner(),\r\n };\r\n } else {\r\n return {\r\n preferredPosition: position,\r\n preferredOrigin: origin,\r\n };\r\n }\r\n });\r\n this.preferredPosition = preferredPosition;\r\n this.preferredOrigin = preferredOrigin;\r\n }\r\n\r\n /\r\n ## Computed Numeric Prop\r\n * @param key\r\n * @private\r\n /\r\n private computedNumericProp(key: string) {\r\n return computed(() => {\r\n const value = parseFloat(\r\n this.props[key as keyof PositionStrategyProps]! as string,\r\n );\r\n return isNaN(value) ? Infinity : value;\r\n });\r\n }\r\n\r\n /\r\n ## Computed Offset\r\n \r\n Returns an array, with the following indexes:\r\n * - `0` - represents `side` offset.\r\n * - `1` - represents `alignment` offset.\r\n \r\n @private\r\n /\r\n private computedOffset() {\r\n return computed(() => {\r\n if (Array.isArray(this.props.offset)) {\r\n return this.props.offset;\r\n }\r\n if (typeof this.props.offset === \"string\") {\r\n const offset = this.props.offset.split(\" \").map(parseFloat);\r\n if (offset.length < 2) {\r\n offset.push(0);\r\n }\r\n return offset as [number, number];\r\n }\r\n return isNumber(this.props.offset)\r\n ? [this.props.offset, 0]\r\n : [0, 0];\r\n });\r\n }\r\n\r\n /\r\n # Get Content Rect\r\n \r\n Returns a Rect adjusted for the original elements position, whilst accommodating RTL direction.\r\n /\r\n private getContentRect(): Rect {\r\n const el = this.data.contentEl.value!;\r\n const isRtl = this.data.isRtl.value;\r\n const rect = Rect.fromElement(el, true);\r\n if (isRtl) {\r\n rect.x += parseFloat((el.style.right \|\| 0) as string);\r\n } else {\r\n rect.x -= parseFloat((el.style.left \|\| 0) as string);\r\n }\r\n rect.y -= parseFloat((el.style.top \|\| 0) as string);\r\n return rect;\r\n }\r\n\r\n /\r\n ## Get Pointer Rect\r\n * @private\r\n /\r\n private getPointerDimensions(): { width: number; height: number } \| null {\r\n const el = this.data.pointerEl.value;\r\n return el ? { width: el.clientWidth, height: el.clientHeight } : null;\r\n }\r\n\r\n /\r\n ## Get Content Scroll Parents\r\n * @private\r\n /\r\n private getContentScrollParents(): HTMLElement[] {\r\n const scrollParents = getScrollParents(this.data.contentEl.value);\r\n const contentEl = this.data.contentEl.value!;\r\n if (!scrollParents.length) {\r\n scrollParents.push(document.documentElement);\r\n if (!(contentEl.style.top && contentEl.style.left)) {\r\n this.contentRect!.x -= parseFloat(\r\n document.documentElement.style.getPropertyValue(\r\n \"--ev-body-scroll-x\",\r\n ) \|\| \"0\",\r\n );\r\n this.contentRect!.y -= parseFloat(\r\n document.documentElement.style.getPropertyValue(\r\n \"--ev-body-scroll-y\",\r\n ) \|\| \"0\",\r\n );\r\n }\r\n }\r\n return scrollParents;\r\n }\r\n\r\n /\r\n ## Get Viewport Rect\r\n \r\n Calculates the viewport viewable area for the content taking into account the viewport margins.\r\n * i.e. how close are we allowed to place content to the edges of the viewport?\r\n \r\n @private\r\n /\r\n private getViewportRect(): Rect {\r\n const viewportRect = this.contentScrollParents!.reduce<Rect>(\r\n (currentRect: Rect \| undefined, el: HTMLElement) => {\r\n const elRect = Rect.fromElement(el);\r\n const isDocEl = el === document.documentElement;\r\n const scrollRect = new Rect(\r\n isDocEl ? 0 : elRect.x,\r\n isDocEl ? 0 : elRect.y,\r\n el.clientWidth,\r\n el.clientHeight,\r\n );\r\n if (!currentRect) {\r\n return scrollRect;\r\n }\r\n return new Rect(\r\n Math.max(currentRect.left, scrollRect.left),\r\n Math.max(currentRect.top, scrollRect.top),\r\n Math.min(currentRect.right, scrollRect.right) -\r\n Math.max(currentRect.left, scrollRect.left),\r\n Math.min(currentRect.bottom, scrollRect.bottom) -\r\n Math.max(currentRect.top, scrollRect.top),\r\n );\r\n },\r\n undefined!,\r\n );\r\n // Adjust the allowable viewport dimensions\r\n viewportRect.x += this.viewportMargin;\r\n viewportRect.y += this.viewportMargin;\r\n viewportRect.width -= this.viewportMargin 2;\r\n viewportRect.height -= this.viewportMargin * 2;\r\n return viewportRect;\r\n }\r\n\r\n /*\r\n ## Resolve Fixed Activator\r\n * @private\r\n /\r\n private resolveFixedActivator() {\r\n const isActivatorFixed = isFixedPosition(this.data.activatorEl.value);\r\n if (isActivatorFixed) {\r\n toFixedPosition(this.contentStyles.value, this.data.isRtl.value);\r\n }\r\n }\r\n\r\n /\r\n ## Update Position\r\n /\r\n public updatePosition() {\r\n this.observe = false;\r\n\r\n requestAnimationFrame(() => {\r\n requestAnimationFrame(() => (this.observe = true));\r\n });\r\n\r\n if (!this.data.activatorEl.value \|\| !this.data.contentEl.value) {\r\n return;\r\n }\r\n\r\n this.targetRect = Rect.fromElement(this.data.activatorEl.value);\r\n this.contentRect = this.getContentRect();\r\n this.contentScrollParents = this.getContentScrollParents();\r\n this.viewportRect = this.getViewportRect();\r\n\r\n const zones = this.zoneCalculator.getAvailable(\r\n this.targetRect,\r\n this.viewportRect,\r\n this.offset.value,\r\n this.contentRect,\r\n );\r\n\r\n const placement = {\r\n position: this.preferredPosition!.value,\r\n origin: this.preferredOrigin!.value,\r\n };\r\n\r\n // If side is auto, find the largest side that\r\n if (placement.position.side === \"auto\") {\r\n const autoZone = this.getAutoZone(placement.position, zones);\r\n placement.position = autoZone.position;\r\n placement.origin = placement.position.flipSide();\r\n }\r\n\r\n // Ok, now we need to calculate the new placement based on available width/height\r\n // will the content fit and what to do if not.\r\n const zone =\r\n placement.position.side === \"center\"\r\n ? this.getCenterZone(zones)\r\n : this.getBestZone(placement.position, zones);\r\n\r\n // Now we need to calculate the position of the content element within the zone.\r\n placement.position = zone.position;\r\n placement.origin = placement.position.flipSide();\r\n const { x, y } = this.calculateContentCoords(zone, placement);\r\n this.calculateContentStyles(zone, placement, x, y);\r\n this.calculatePointerStyles(placement, x, y);\r\n\r\n this.data.contentEl.value?.setAttribute(\r\n \"data-position\",\r\n placement.position.toString(),\r\n );\r\n\r\n return {\r\n zoneRect: zone.rect,\r\n contentRect: this.contentRect,\r\n };\r\n }\r\n\r\n /\r\n \r\n * @param zone\r\n * @param placement\r\n * @private\r\n /\r\n private calculateContentCoords(\r\n zone: Zone,\r\n placement: { position: Anchor; origin: Anchor }\r\n ): { x: number; y: number } {\r\n let { x, y } = zone.rect;\r\n\r\n if (placement.position.side === \"center\") {\r\n y = zone.rect.y + (zone.rect.height - this.contentRect.height) / 2;\r\n x = zone.rect.x + (zone.rect.width - this.contentRect.width) / 2;\r\n } else {\r\n if (placement.position.side === \"top\") {\r\n y = zone.rect.bottom - this.contentRect.height;\r\n } else if (placement.position.side === \"left\") {\r\n x = zone.rect.right - this.contentRect.width;\r\n }\r\n if (placement.position.alignment !== \"start\") {\r\n const divider =\r\n placement.position.alignment === \"center\" ? 2 : 1;\r\n if (placement.position.axis === \"x\") {\r\n y =\r\n this.targetRect.y +\r\n (this.targetRect.height - this.contentRect.height) /\r\n divider;\r\n } else {\r\n x =\r\n this.targetRect.x +\r\n (this.targetRect.width - this.contentRect.width) /\r\n divider;\r\n }\r\n }\r\n }\r\n\r\n // Should this be optional!?\r\n if (y < this.viewportRect.y) {\r\n y = this.viewportRect.y;\r\n }\r\n if (x < this.viewportRect.x) {\r\n x = this.viewportRect.x;\r\n }\r\n\r\n return { x, y };\r\n }\r\n\r\n /\r\n @todo: RTL\r\n * @param zone\r\n * @param placement\r\n * @param x\r\n * @param y\r\n * @private\r\n /\r\n private calculateContentStyles(\r\n zone: Zone,\r\n placement: { position: Anchor; origin: Anchor },\r\n x: number,\r\n y: number,\r\n ) {\r\n Object.assign(this.contentStyles.value, {\r\n \"--ev-overlay-position\": placement.position.toCssValue(),\r\n transformOrigin: placement.origin.toCssValue(),\r\n top: toWebUnit(pixelRound(y)),\r\n left: toWebUnit(pixelRound(x)),\r\n minWidth: toWebUnit(\r\n placement.position.axis === \"y\"\r\n ? Math.min(this.minWidth.value, this.targetRect.width)\r\n : this.minWidth.value,\r\n ),\r\n maxWidth: toWebUnit(\r\n pixelCeil(\r\n clamp(\r\n zone.rect.width,\r\n this.minWidth.value === Infinity\r\n ? 0\r\n : this.minWidth.value,\r\n this.maxWidth.value,\r\n ),\r\n ),\r\n ),\r\n maxHeight: toWebUnit(\r\n pixelCeil(\r\n clamp(\r\n zone.rect.height,\r\n this.minHeight.value === Infinity\r\n ? 0\r\n : this.minHeight.value,\r\n this.maxHeight.value,\r\n ),\r\n ),\r\n ),\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param placement\r\n * @param x\r\n * @param y\r\n * @private\r\n /\r\n private calculatePointerStyles(\r\n placement: { position: Anchor; origin: Anchor },\r\n x: number,\r\n y: number,\r\n ) {\r\n const pointerDimensions = this.getPointerDimensions();\r\n if (\r\n !pointerDimensions \|\|\r\n (placement.position.side === \"center\" && placement.position.alignment === \"center\")\r\n ) {\r\n Object.assign(this.pointerStyles.value, {\r\n left: null,\r\n top: null,\r\n });\r\n return;\r\n }\r\n\r\n let pointerOffsetX: null \| number \| string = null;\r\n let pointerOffsetY: null \| number \| string = null;\r\n let rotation = 0;\r\n\r\n if (placement.position.axis === \"y\") {\r\n if (x > this.targetRect.x) {\r\n pointerOffsetX = 0 - pointerDimensions.width / 2;\r\n } else {\r\n pointerOffsetX = this.targetRect.x - x - pointerDimensions.width / 2;\r\n }\r\n pointerOffsetX +=\r\n Math.min(this.targetRect.width, this.contentRect.width) / 2;\r\n pointerOffsetY =\r\n placement.position.side === \"bottom\"\r\n ? 0 - pointerDimensions.height\r\n : \"100%\";\r\n rotation = placement.position.side === \"bottom\" ? 180 : 0;\r\n } else {\r\n // Note, the width/height dimensions of the pointer are rotated\r\n // so they seem wrong but should be correct if not square (needs to be tested)\r\n if (y > this.targetRect.y) {\r\n pointerOffsetY = 0 - pointerDimensions.width / 2;\r\n } else {\r\n pointerOffsetY = this.targetRect.y - y - pointerDimensions.width / 2;\r\n }\r\n pointerOffsetY += Math.min(this.targetRect.height, this.contentRect.height) / 2;\r\n pointerOffsetX =\r\n placement.position.side === \"right\"\r\n ? 0 - pointerDimensions.height\r\n : \"100%\";\r\n rotation = placement.position.side === \"right\" ? 90 : 270;\r\n }\r\n\r\n Object.assign(this.pointerStyles.value, {\r\n left: typeof pointerOffsetX === 'string'\r\n ? pointerOffsetX\r\n : toWebUnit(pixelRound(pointerOffsetX)),\r\n top: typeof pointerOffsetY === 'string'\r\n ? pointerOffsetY\r\n : toWebUnit(pixelRound(pointerOffsetY)),\r\n transform: `rotate(${rotation}deg)`,\r\n });\r\n }\r\n\r\n private getAutoZone(position: Anchor, zones: Zone[]): Zone {\r\n const matches = zones.filter((zone) => {\r\n // Ignore center position for now.\r\n if (zone.position.side === \"center\") {\r\n return false;\r\n }\r\n return (\r\n position.alignment === \"auto\" \|\|\r\n zone.position.alignment === position.alignment\r\n );\r\n });\r\n return matches[0];\r\n }\r\n\r\n /\r\n ## Get Best Zone\r\n * Returns the zone that fits the content, or the zone with the largest available area.\r\n * @param position\r\n * @param zones\r\n * @private\r\n /\r\n private getBestZone(position: Anchor, zones: Zone[]): Zone {\r\n // Priority\r\n const positions = [\r\n position,\r\n position.centerAlign(),\r\n position.flipSide(),\r\n position.flipSide().centerAlign(),\r\n position.flipCorner(),\r\n position.flipCorner().centerAlign(),\r\n position.flipCorner().flipSide(),\r\n position.flipCorner().flipSide().centerAlign(),\r\n ];\r\n\r\n // Exactly fits content\r\n for (const newPosition of positions) {\r\n // Find the zone that correlates to the position\r\n const zone = zones.find((zone) => {\r\n return zone.position.toString() === newPosition.toString();\r\n });\r\n if (zone?.isFitsContent) {\r\n return zone;\r\n }\r\n }\r\n\r\n // Or the preferred side fits\r\n for (const newPosition of positions) {\r\n const zone = zones.find((zone) => {\r\n return zone.position.toString() === newPosition.toString();\r\n });\r\n if (!zone) {\r\n continue;\r\n }\r\n const dimension = newPosition.axis === \"x\" ? \"width\" : \"height\";\r\n if (zone.available[dimension] >= 0) {\r\n return zone;\r\n }\r\n }\r\n\r\n // Fallback to auto because it finds the largest available zone\r\n return this.getAutoZone(position, zones);\r\n }\r\n\r\n /\r\n ## Get Center Zone\r\n * Returns the zone for centering content in the viewport, which is basically the whole viewport.\r\n * @param zones\r\n * @private\r\n /\r\n private getCenterZone(zones: Zone[]): Zone {\r\n return zones.find((zone) => {\r\n return (\r\n zone.position.side === \"center\" &&\r\n zone.position.alignment === \"center\"\r\n );\r\n })!;\r\n }\r\n\r\n /\r\n ## Watch\r\n \r\n Watch for changes that affect position calculations.\r\n \r\n @private\r\n /\r\n private watch() {\r\n watch(\r\n () => [\r\n this.preferredPosition?.value,\r\n this.preferredOrigin?.value,\r\n this.props.offset,\r\n this.props.minWidth,\r\n this.props.minHeight,\r\n this.props.maxWidth,\r\n this.props.maxHeight,\r\n ],\r\n () => this.updatePosition(),\r\n );\r\n\r\n nextTick(() => {\r\n const result = this.updatePosition();\r\n if (!result) {\r\n return;\r\n }\r\n // @todo: what else do we need to do?\r\n });\r\n }\r\n}\r\n\r\nclass Zone {\r\n public available: Dimensions;\r\n public isFitsContent: boolean;\r\n\r\n constructor(\r\n public position: Anchor,\r\n public rect: Rect,\r\n public content: Rect,\r\n ) {\r\n this.available = {\r\n width: this.rect.width - content.width,\r\n height: this.rect.height - content.height,\r\n };\r\n this.isFitsContent =\r\n this.rect.width >= content.width &&\r\n this.rect.height >= content.height;\r\n }\r\n\r\n get availableArea() {\r\n return this.available.width this.available.height;\r\n }\r\n}\r\n\r\nclass ZoneCalculator {\r\n /*\r\n ## Get Available\r\n \r\n Returns all available zones around the target.\r\n \r\n @param target\r\n * @param viewport\r\n * @param offset\r\n * @param content\r\n */\r\n public getAvailable(\r\n target: Rect,\r\n viewport: Rect,\r\n offset: number[],\r\n content: Rect,\r\n ): Zone[] {\r\n const [offsetSide, offsetAlign] = offset;\r\n\r\n // Sides\r\n const sides: ZoneSides = {\r\n top: {\r\n y: viewport.top,\r\n height: target.top - viewport.top - offsetSide,\r\n align: \"x\",\r\n },\r\n bottom: {\r\n y: target.bottom + offsetSide,\r\n height: viewport.bottom - target.bottom - offsetSide,\r\n align: \"x\",\r\n },\r\n left: {\r\n x: viewport.left,\r\n width: target.left - viewport.left - offsetSide,\r\n align: \"y\",\r\n },\r\n right: {\r\n x: target.right + offsetSide,\r\n width: viewport.right - target.right - offsetSide,\r\n align: \"y\",\r\n },\r\n center: { x: viewport.left, width: viewport.width, align: \"y\" },\r\n };\r\n\r\n // Align\r\n const alignments: ZoneAlignments = {\r\n x: {\r\n center: { x: viewport.left, width: viewport.width },\r\n start: {\r\n x: target.left + offsetAlign,\r\n width: viewport.width - target.left - offsetAlign,\r\n },\r\n end: {\r\n x: viewport.left,\r\n width: target.right - viewport.left - offsetAlign,\r\n },\r\n },\r\n y: {\r\n center: { y: viewport.top, height: viewport.height },\r\n start: {\r\n y: target.top + offsetAlign,\r\n height: viewport.bottom - target.top - offsetAlign,\r\n },\r\n end: {\r\n y: viewport.top,\r\n height: target.bottom - viewport.top - offsetAlign,\r\n },\r\n },\r\n };\r\n\r\n const zones: Zone[] = [];\r\n for (const [side, sideAttrs] of Object.entries(sides)) {\r\n for (const [align, alignAttrs] of Object.entries(\r\n alignments[sideAttrs.align],\r\n )) {\r\n const anchor = new Anchor(\r\n side as AnchorSide,\r\n align as AnchorAlignment,\r\n );\r\n const rectProps: RectProps = Object.assign(\r\n {\r\n width: 0,\r\n height: 0,\r\n x: 0,\r\n y: 0,\r\n },\r\n sideAttrs,\r\n alignAttrs,\r\n );\r\n const rect = Rect.fromRect(rectProps);\r\n zones.push(new Zone(anchor, rect, content));\r\n }\r\n }\r\n\r\n // Sort by area\r\n zones.sort((zoneA, zoneB) => {\r\n return zoneB.availableArea - zoneA.availableArea;\r\n });\r\n return zones;\r\n }\r\n}\r\n\r\ninterface ZoneSides {\r\n [key: string]: {\r\n x?: number;\r\n y?: number;\r\n width?: number;\r\n height?: number;\r\n align: string;\r\n };\r\n}\r\n\r\ninterface ZoneAlignments {\r\n [key: string]: {\r\n [key: string]: {\r\n x?: number;\r\n y?: number;\r\n width?: number;\r\n height?: number;\r\n };\r\n };\r\n}\r\n"],"names":["connectedPositionStrategy","data","props","contentStyles","pointerStyles","manager","ConnectedPosition","__publicField","ZoneCalculator","watch","newActivatorEl","newContentEl","oldActivatorEl","oldContentEl","_a","_b","_c","_d","onScopeDispose","preferredPosition","preferredOrigin","destructComputed","position","Anchor","origin","key","computed","value","offset","isNumber","el","isRtl","rect","Rect","scrollParents","getScrollParents","contentEl","viewportRect","currentRect","elRect","isDocEl","scrollRect","isFixedPosition","toFixedPosition","zones","placement","autoZone","zone","x","y","divider","toWebUnit","pixelRound","pixelCeil","clamp","pointerDimensions","pointerOffsetX","pointerOffsetY","rotation","positions","newPosition","dimension","nextTick","Zone","content","target","viewport","offsetSide","offsetAlign","sides","alignments","side","sideAttrs","align","alignAttrs","anchor","rectProps","zoneA","zoneB"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,o,i){}exports.staticPositionStrategy=t;
+/*! Evance UI v1.1.16 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
 //# sourceMappingURL=static-position.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"static-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/static-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\nimport { Ref } from \"vue\";\nimport { StyleProp } from \"@/util\";\n\n/*\n # Static Position Strategy\n \n Specific viewport position, usually centered.\n */\nexport function staticPositionStrategy(\n data: PositionStrategyData,\n props: PositionStrategyProps,\n contentStyles: Ref<StyleProp>,\n) {\n // todo\n}\n"],"names":["staticPositionStrategy","data","props","contentStyles"],"mappings":"~~sHASgB~~,SAAAA,EACZC,EACAC,EACAC,EACF,CAEF"}
1	+ {"version":3,"file":"static-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/static-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\nimport { Ref } from \"vue\";\nimport { StyleProp } from \"@/util\";\n\n/*\n # Static Position Strategy\n \n Specific viewport position, usually centered.\n */\nexport function staticPositionStrategy(\n data: PositionStrategyData,\n props: PositionStrategyProps,\n contentStyles: Ref<StyleProp>,\n) {\n // todo\n}\n"],"names":["staticPositionStrategy","data","props","contentStyles"],"mappings":"sCASgB,SAAAA,EACZC,EACAC,EACAC,EACF,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),g=require("../../composables/toggleScope.mjs"),p=require("./position-strategy/connected-position.mjs"),y=require("./position-strategy/static-position.mjs"),l=require("../../util/props.mjs"),d=require("../../util/browser.mjs"),v=require("../../util/is-functions.mjs"),S={static:y.staticPositionStrategy,connected:p.connectedPositionStrategy},f=l.propsFactory({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 P(t,s){const r=i.ref({}),c=i.ref({}),e=i.ref();function a(n){var o;(o=e.value)==null||o.call(e,n)}return d.Browser.hasWindow&&(g.useToggleScope(()=>!!(s.isActive.value&&t.positionStrategy),n=>{var u;i.watch(()=>t.positionStrategy,n),i.onScopeDispose(()=>{e.value=void 0});let o;v.isFunction(t.positionStrategy)?o=t.positionStrategy:o=S[t.positionStrategy],e.value=(u=o(s,t,r,c))==null?void 0:u.updatePosition}),window.addEventListener("resize",a,{passive:!0}),i.onScopeDispose(()=>{window.removeEventListener("resize",a),e.value=void 0})),{contentStyles:r,updatePosition:e,pointerStyles:c}}exports.makePositionStrategyProps=f;exports.usePositionStrategies=P;
+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.16 | 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/position.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"position.mjs","sources":["../../../../src/components/EvOverlay/position.ts"],"sourcesContent":["import { onScopeDispose, PropType, ref, Ref, watch } from \"vue\";\nimport {\n connectedPositionStrategy,\n staticPositionStrategy,\n} from \"./position-strategy\";\nimport { AnchorSelector, Browser, isFunction, propsFactory } from \"@/util\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\n\nexport interface PositionStrategyData {\n contentEl: Ref<HTMLElement \| undefined>;\n activatorEl: Ref<HTMLElement \| undefined>;\n pointerEl: Ref<HTMLElement \| undefined>;\n isActive: Ref<boolean>;\n isRtl: Ref<boolean>;\n}\n\ntype PositionStrategyFn = (\n data: PositionStrategyData,\n props: PositionStrategyProps,\n contentStyles: Ref<Record<string, string>>,\n pointerStyles: Ref<Record<string, string>>,\n) => undefined \| { updatePosition: (e: Event) => void };\n\nconst positionStrategies = {\n static: staticPositionStrategy, // specific viewport position, usually centered\n connected: connectedPositionStrategy, // connected to a certain element\n};\n\nexport interface PositionStrategyProps {\n positionStrategy?: keyof typeof positionStrategies \| PositionStrategyFn;\n position?: AnchorSelector;\n origin?: AnchorSelector \| \"overlap\";\n offset?: number \| string \| number[];\n maxHeight?: number \| string;\n maxWidth?: number \| string;\n minHeight?: number \| string;\n minWidth?: number \| string;\n}\n\n/*\n # Make Position Strategy Props\n /\nexport const makePositionStrategyProps = propsFactory(\n {\n positionStrategy: {\n type: [String, Function] as PropType<\n PositionStrategyProps[\"positionStrategy\"]\n >,\n default: \"connected\",\n validator: (value: any) =>\n typeof value === \"function\" \|\| value in positionStrategies,\n },\n position: {\n type: String as PropType<AnchorSelector>,\n default: \"auto\",\n },\n origin: {\n type: String as PropType<PositionStrategyProps[\"origin\"]>,\n default: \"auto\",\n },\n offset: [Number, String, Array] as PropType<\n PositionStrategyProps[\"offset\"]\n >,\n },\n \"EvOverlay/position\",\n);\n\n/\n # Use Position Strategies\n /\nexport function usePositionStrategies(\n props: PositionStrategyProps,\n data: PositionStrategyData,\n) {\n const contentStyles = ref({});\n const pointerStyles = ref({});\n const updatePosition = ref<(e: Event) => void>();\n\n /\n ## On Resize\n * Update the position when the window resizes.\n * @param e\n */\n function onResize(e: Event) {\n updatePosition.value?.(e);\n }\n\n if (Browser.hasWindow) {\n useToggleScope(\n () => {\n return !!(data.isActive.value && props.positionStrategy);\n },\n (reset) => {\n watch(() => props.positionStrategy, reset);\n onScopeDispose(() => {\n updatePosition.value = undefined;\n });\n let positionStrategyFn: PositionStrategyFn;\n if (isFunction(props.positionStrategy)) {\n positionStrategyFn = props.positionStrategy;\n } else {\n positionStrategyFn = positionStrategies[\n props.positionStrategy\n ] as PositionStrategyFn;\n }\n updatePosition.value = positionStrategyFn(\n data,\n props,\n contentStyles,\n pointerStyles,\n )?.updatePosition;\n },\n );\n\n window.addEventListener(\"resize\", onResize, { passive: true });\n\n onScopeDispose(() => {\n window.removeEventListener(\"resize\", onResize);\n updatePosition.value = undefined;\n });\n }\n\n return {\n contentStyles,\n updatePosition,\n pointerStyles,\n };\n}\n"],"names":["positionStrategies","staticPositionStrategy","connectedPositionStrategy","makePositionStrategyProps","propsFactory","value","usePositionStrategies","props","data","contentStyles","ref","pointerStyles","updatePosition","onResize","e","_a","Browser","useToggleScope","reset","watch","onScopeDispose","positionStrategyFn","isFunction"],"mappings":"~~wZAuBMA~~,EAAqB,CACvB,OAAQC,~~EAAA~~,~~uBACR,~~UAAWC,~~EAAAA~~,~~yBACf,~~EAgBaC,EAA4BC,~~EAAA~~,~~aACrC,~~CACI,iBAAkB,CACd,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,YACT,UAAYC,GACR,OAAOA,GAAU,YAAcA,KAASL,CAChD,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CACJ,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CAAC,OAAQ,OAAQ,KAAK,CAGlC,EACA,oBACJ,EAKgB,SAAAM,EACZC,EACAC,EACF,CACQ,MAAAC,EAAgBC,EAAI,~~IAAA,~~EAAE,EACtBC,EAAgBD,EAAI,~~IAAA,~~EAAE,EACtBE,EAAiBF,~~EAAAA~~,~~IAAwB,~~EAO/C,SAASG,EAASC,EAAU,QACxBC,EAAAH,EAAe,QAAf,MAAAG,EAAA,KAAAH,EAAuBE,EAAC,CAG5B,OAAIE,~~EAAAA~~,~~QAAQ,~~YACRC,~~EAAA~~,~~eACI,~~IACW,CAAC,EAAET,EAAK,SAAS,OAASD,EAAM,kBAE1CW,GAAU,OACDC,~~EAAAA~~,~~MAAA,~~IAAMZ,EAAM,iBAAkBW,CAAK,EACzCE,~~EAAAA~~,~~eAAe,~~IAAM,CACjBR,EAAe,MAAQ,MAAA,CAC1B,EACG,IAAAS,EACAC,~~EAAA~~,~~WAAWf,~~EAAM,gBAAgB,EACjCc,EAAqBd,EAAM,iBAENc,EAAArB,EACjBO,EAAM,gBACV,EAEJK,EAAe,OAAQG,EAAAM,EACnBb,EACAD,EACAE,EACAE,CAAA,IAJmB,YAAAI,EAKpB,cAAA,CAEX,EAEA,OAAO,iBAAiB,SAAUF,EAAU,CAAE,QAAS,GAAM,EAE7DO,~~EAAAA~~,~~eAAe,~~IAAM,CACV,OAAA,oBAAoB,SAAUP,CAAQ,EAC7CD,EAAe,MAAQ,MAAA,CAC1B,GAGE,CACH,cAAAH,EACA,eAAAG,EACA,cAAAD,CACJ,CACJ"}
1	+ {"version":3,"file":"position.mjs","sources":["../../../../src/components/EvOverlay/position.ts"],"sourcesContent":["import { onScopeDispose, PropType, ref, Ref, watch } from \"vue\";\nimport {\n connectedPositionStrategy,\n staticPositionStrategy,\n} from \"./position-strategy\";\nimport { AnchorSelector, Browser, isFunction, propsFactory } from \"@/util\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\n\nexport interface PositionStrategyData {\n contentEl: Ref<HTMLElement \| undefined>;\n activatorEl: Ref<HTMLElement \| undefined>;\n pointerEl: Ref<HTMLElement \| undefined>;\n isActive: Ref<boolean>;\n isRtl: Ref<boolean>;\n}\n\ntype PositionStrategyFn = (\n data: PositionStrategyData,\n props: PositionStrategyProps,\n contentStyles: Ref<Record<string, string>>,\n pointerStyles: Ref<Record<string, string>>,\n) => undefined \| { updatePosition: (e: Event) => void };\n\nconst positionStrategies = {\n static: staticPositionStrategy, // specific viewport position, usually centered\n connected: connectedPositionStrategy, // connected to a certain element\n};\n\nexport interface PositionStrategyProps {\n positionStrategy?: keyof typeof positionStrategies \| PositionStrategyFn;\n position?: AnchorSelector;\n origin?: AnchorSelector \| \"overlap\";\n offset?: number \| string \| number[];\n maxHeight?: number \| string;\n maxWidth?: number \| string;\n minHeight?: number \| string;\n minWidth?: number \| string;\n}\n\n/*\n # Make Position Strategy Props\n /\nexport const makePositionStrategyProps = propsFactory(\n {\n positionStrategy: {\n type: [String, Function] as PropType<\n PositionStrategyProps[\"positionStrategy\"]\n >,\n default: \"connected\",\n validator: (value: any) =>\n typeof value === \"function\" \|\| value in positionStrategies,\n },\n position: {\n type: String as PropType<AnchorSelector>,\n default: \"auto\",\n },\n origin: {\n type: String as PropType<PositionStrategyProps[\"origin\"]>,\n default: \"auto\",\n },\n offset: [Number, String, Array] as PropType<\n PositionStrategyProps[\"offset\"]\n >,\n },\n \"EvOverlay/position\",\n);\n\n/\n # Use Position Strategies\n /\nexport function usePositionStrategies(\n props: PositionStrategyProps,\n data: PositionStrategyData,\n) {\n const contentStyles = ref({});\n const pointerStyles = ref({});\n const updatePosition = ref<(e: Event) => void>();\n\n /\n ## On Resize\n * Update the position when the window resizes.\n * @param e\n */\n function onResize(e: Event) {\n updatePosition.value?.(e);\n }\n\n if (Browser.hasWindow) {\n useToggleScope(\n () => {\n return !!(data.isActive.value && props.positionStrategy);\n },\n (reset) => {\n watch(() => props.positionStrategy, reset);\n onScopeDispose(() => {\n updatePosition.value = undefined;\n });\n let positionStrategyFn: PositionStrategyFn;\n if (isFunction(props.positionStrategy)) {\n positionStrategyFn = props.positionStrategy;\n } else {\n positionStrategyFn = positionStrategies[\n props.positionStrategy\n ] as PositionStrategyFn;\n }\n updatePosition.value = positionStrategyFn(\n data,\n props,\n contentStyles,\n pointerStyles,\n )?.updatePosition;\n },\n );\n\n window.addEventListener(\"resize\", onResize, { passive: true });\n\n onScopeDispose(() => {\n window.removeEventListener(\"resize\", onResize);\n updatePosition.value = undefined;\n });\n }\n\n return {\n contentStyles,\n updatePosition,\n pointerStyles,\n };\n}\n"],"names":["positionStrategies","staticPositionStrategy","connectedPositionStrategy","makePositionStrategyProps","propsFactory","value","usePositionStrategies","props","data","contentStyles","ref","pointerStyles","updatePosition","onResize","e","_a","Browser","useToggleScope","reset","watch","onScopeDispose","positionStrategyFn","isFunction"],"mappings":"weAuBA,MAAMA,EAAqB,CACvB,OAAQC,EACR,UAAWC,CACf,EAgBaC,EAA4BC,EACrC,CACI,iBAAkB,CACd,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,YACT,UAAYC,GACR,OAAOA,GAAU,YAAcA,KAASL,CAChD,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CACJ,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CAAC,OAAQ,OAAQ,KAAK,CAGlC,EACA,oBACJ,EAKgB,SAAAM,EACZC,EACAC,EACF,CACQ,MAAAC,EAAgBC,EAAI,EAAE,EACtBC,EAAgBD,EAAI,EAAE,EACtBE,EAAiBF,EAAwB,EAO/C,SAASG,EAASC,EAAU,QACxBC,EAAAH,EAAe,QAAf,MAAAG,EAAA,KAAAH,EAAuBE,EAAC,CAG5B,OAAIE,EAAQ,YACRC,EACI,IACW,CAAC,EAAET,EAAK,SAAS,OAASD,EAAM,kBAE1CW,GAAU,OACDC,EAAA,IAAMZ,EAAM,iBAAkBW,CAAK,EACzCE,EAAe,IAAM,CACjBR,EAAe,MAAQ,MAAA,CAC1B,EACG,IAAAS,EACAC,EAAWf,EAAM,gBAAgB,EACjCc,EAAqBd,EAAM,iBAENc,EAAArB,EACjBO,EAAM,gBACV,EAEJK,EAAe,OAAQG,EAAAM,EACnBb,EACAD,EACAE,EACAE,CAAA,IAJmB,YAAAI,EAKpB,cAAA,CAEX,EAEA,OAAO,iBAAiB,SAAUF,EAAU,CAAE,QAAS,GAAM,EAE7DO,EAAe,IAAM,CACV,OAAA,oBAAoB,SAAUP,CAAQ,EAC7CD,EAAe,MAAQ,MAAA,CAC1B,GAGE,CACH,cAAAH,EACA,eAAAG,EACA,cAAAD,CACJ,CACJ"}

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

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