@evance/evance-ui 1.0.39 → 1.0.41

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvOverlay.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -0,0 +1,402 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.40 | MIT License */
+import { makeDelayOpenCloseProps, useDelayOpenClose } from "../../composables/delay.mjs";
+import { computed, ref, inject, watch, effectScope, onScopeDispose, watchEffect, nextTick, mergeProps } from "vue";
+import { EvMenuSymbol } from "../EvMenu/shared.mjs";
+import { refElement } from "../../util/helpers.mjs";
+import { bindProps, unbindProps } from "../../util/bindProps.mjs";
+import { propsFactory } from "../../util/props.mjs";
+import { getCurrentComponent } from "../../util/components.mjs";
+import { Browser } from "../../util/browser.mjs";
+const makeActivatorProps = propsFactory(
+  {
+    activator: [String, Object],
+    activatorProps: {
+      type: Object,
+      default: () => ({})
+    },
+    openOnClick: {
+      type: Boolean,
+      default: void 0
+    },
+    openOnHover: Boolean,
+    openOnFocus: {
+      type: Boolean,
+      default: void 0
+    },
+    closeOnContentClick: Boolean,
+    ...makeDelayOpenCloseProps()
+  },
+  "EvOverlay/activator"
+);
+function useActivator(props, isActive, isTopOfStack) {
+  return new Activator(props, isActive, isTopOfStack);
+}
+class Activator {
+  constructor(props, isActive, isTopOfStack) {
+    __publicField(this, "activatorEl", ref());
+    __publicField(this, "activatorEvents");
+    __publicField(this, "activatorRef", ref());
+    __publicField(this, "availableEvents");
+    __publicField(this, "component");
+    __publicField(this, "contentEvents");
+    __publicField(this, "delayClose");
+    __publicField(this, "delayOpen");
+    __publicField(this, "openOnClick");
+    __publicField(this, "openOnFocus");
+    __publicField(this, "veilEvents");
+    __publicField(this, "isHovered", false);
+    __publicField(this, "isFocused", false);
+    __publicField(this, "firstEnter", true);
+    __publicField(this, "watcher");
+    __publicField(this, "scope");
+    this.props = props;
+    this.isActive = isActive;
+    this.isTopOfStack = isTopOfStack;
+    this.component = getCurrentComponent("Activator");
+    this.openOnFocus = computed(
+      () => props.openOnFocus || props.openOnFocus == null && props.openOnHover
+    );
+    this.openOnClick = computed(
+      () => props.openOnClick || props.openOnClick == null && !props.openOnHover && !this.openOnFocus.value
+    );
+    const { delayOpen, delayClose } = this.createDelayFunctions();
+    this.delayOpen = delayOpen;
+    this.delayClose = delayClose;
+    this.availableEvents = this.getAvailableEvents();
+    this.activatorEvents = this.createActivatorEvents();
+    this.contentEvents = this.createContentEvents();
+    this.veilEvents = this.createVeilEvents();
+    this.watchIsTopOfStack();
+    this.watchActivatorEl();
+    this.watchActivatorProp();
+  }
+  /**
+   * ## Create Activator Events
+   * Returns a computed set of partially available events.
+   * @private
+   */
+  createActivatorEvents() {
+    return computed(() => {
+      const events = {};
+      if (this.isOpenOnClick()) {
+        events.onClick = this.availableEvents.onClick;
+      }
+      if (this.isOpenOnHover()) {
+        events.onMouseenter = this.availableEvents.onMouseenter;
+        events.onMouseleave = this.availableEvents.onMouseleave;
+      }
+      if (this.isOpenOnFocus()) {
+        events.onFocus = this.availableEvents.onFocus;
+        events.onBlur = this.availableEvents.onBlur;
+      }
+      return events;
+    });
+  }
+  /**
+   * ## Create Content Events
+   * @private
+   */
+  createContentEvents() {
+    return computed(() => {
+      const events = {};
+      if (this.isOpenOnHover()) {
+        events.onMouseenter = () => {
+          this.isHovered = true;
+          this.delayOpen();
+        };
+        events.onMouseleave = () => {
+          this.isHovered = false;
+          this.delayClose();
+        };
+      }
+      if (this.isOpenOnFocus()) {
+        events.onFocusin = () => {
+          this.isFocused = true;
+          this.delayOpen();
+        };
+        events.onFocusout = () => {
+          this.isFocused = false;
+          this.delayClose();
+        };
+      }
+      if (this.isCloseOnContentClick()) {
+        const menu = inject(EvMenuSymbol, null);
+        events.onClick = () => {
+          this.isActive.value = false;
+          menu == null ? void 0 : menu.closeParents();
+        };
+      }
+      return events;
+    });
+  }
+  /**
+   * ## Create Delay Functions
+   * @private
+   */
+  createDelayFunctions() {
+    return useDelayOpenClose(this.props, (value) => {
+      const canOpenHover = this.props.openOnHover && this.isHovered;
+      const canOpenFocus = this.openOnFocus.value && this.isFocused;
+      if (value === (canOpenHover || canOpenFocus) && !(this.props.openOnHover && this.isActive.value && !this.isTopOfStack.value)) {
+        if (this.isActive.value !== value) {
+          this.firstEnter = true;
+        }
+        this.isActive.value = value;
+      }
+    });
+  }
+  /**
+   * ## Create Veil Events
+   * @private
+   */
+  createVeilEvents() {
+    return computed(() => {
+      const events = {};
+      if (this.isOpenOnHover()) {
+        events.onMouseenter = () => {
+          if (this.firstEnter) {
+            this.isHovered = true;
+            this.firstEnter = false;
+            this.delayOpen();
+          }
+        };
+        events.onMouseleave = () => {
+          this.isHovered = false;
+          this.delayClose();
+        };
+      }
+      return events;
+    });
+  }
+  /**
+   *
+   * @param selector
+   * @private
+   */
+  getActivatorEl(selector = this.props.activator) {
+    var _a, _b, _c;
+    let activator;
+    if (selector) {
+      if (selector === "parent") {
+        let el = (_c = (_b = (_a = this.component) == null ? void 0 : _a.proxy) == null ? void 0 : _b.$el) == null ? void 0 : _c.parentNode;
+        while (el.hasAttribute("data-no-activator")) {
+          el = el.parentNode;
+        }
+        activator = el;
+      } else if (typeof selector === "string") {
+        activator = document.querySelector(selector);
+      } else if ("$el" in selector) {
+        activator = selector.$el;
+      } else {
+        activator = selector;
+      }
+    }
+    return this.setActivatorEl(activator);
+  }
+  /**
+   * ## Get Available Events
+   */
+  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)
+    };
+  }
+  /**
+   * ## Is Close on Content Click?
+   * Should we close overlays when the content of the overlay is clicked.
+   * For example, when a menu item is clicked.
+   */
+  isCloseOnContentClick() {
+    return this.props.closeOnContentClick;
+  }
+  /**
+   * ## Is Open On Click?
+   */
+  isOpenOnClick() {
+    return this.openOnClick.value;
+  }
+  /**
+   * ## Is Open on Hover?
+   */
+  isOpenOnHover() {
+    return this.props.openOnHover;
+  }
+  /**
+   * ## Is Open on Focus?
+   */
+  isOpenOnFocus() {
+    return this.openOnFocus.value;
+  }
+  /**
+   * ## On Blur
+   * @param e
+   */
+  onBlur(e) {
+    e.stopPropagation();
+    this.isFocused = false;
+    this.delayClose();
+  }
+  /**
+   * ## On Click
+   * @param e
+   */
+  onClick(e) {
+    e.stopPropagation();
+    this.activatorEl.value = e.currentTarget || e.target;
+    this.isActive.value = !this.isActive.value;
+  }
+  /**
+   * ## On Focus
+   * @param e
+   */
+  onFocus(e) {
+    if (Browser.supportsFocusVisible && !e.target.matches(":focus-visible")) {
+      return;
+    }
+    e.stopPropagation();
+    this.isFocused = true;
+    this.activatorEl.value = e.currentTarget || e.target;
+    this.delayOpen();
+  }
+  /**
+   * ## On Mouse Enter (Hover)
+   * @param e
+   */
+  onMouseenter(e) {
+    var _a;
+    if ((_a = e.sourceCapabilities) == null ? void 0 : _a.firesTouchEvents) {
+      return;
+    }
+    this.isHovered = true;
+    this.activatorEl.value = e.currentTarget || e.target;
+    this.delayOpen();
+  }
+  /**
+   * ## On Mouse Leave
+   * @param e
+   */
+  onMouseleave(e) {
+    this.isHovered = false;
+    this.delayClose();
+  }
+  /**
+   * ## Set Activator Element
+   * @param activator
+   */
+  setActivatorEl(activator) {
+    this.activatorEl.value = (activator == null ? void 0 : activator.nodeType) === Node.ELEMENT_NODE ? activator : void 0;
+    return this.activatorEl.value;
+  }
+  /**
+   * ## Watch Activator Prop
+   * @private
+   */
+  watchActivatorProp() {
+    watch(
+      () => !!this.props.activator,
+      (value) => {
+        if (value && Browser.hasWindow) {
+          this.scope = effectScope();
+          this.scope.run(() => {
+            this.watcher = new ActivatorWatcher(this);
+          });
+        } else if (this.scope) {
+          this.scope.stop();
+        }
+      },
+      { flush: "post", immediate: true }
+    );
+    onScopeDispose(() => {
+      var _a;
+      (_a = this.scope) == null ? void 0 : _a.stop();
+      if (this.watcher) {
+        this.watcher = void 0;
+      }
+    });
+  }
+  /**
+   * ## Watch for changes in `activatorEl`
+   * @private
+   */
+  watchActivatorEl() {
+    watchEffect(() => {
+      if (!this.activatorRef.value) {
+        return;
+      }
+      nextTick(() => {
+        this.activatorEl.value = refElement(this.activatorRef.value);
+      });
+    });
+  }
+  /**
+   * ## Watch for changes in `isTopOfStack`.
+   * @private
+   */
+  watchIsTopOfStack() {
+    watch(this.isTopOfStack, (value) => {
+      if (value && (this.isOpenOnHover() && !this.isHovered && (!this.isOpenOnFocus() || !this.isFocused) || this.isOpenOnFocus() && !this.isFocused && (!this.isOpenOnHover() || !this.isHovered))) {
+        this.isActive.value = false;
+      }
+    });
+  }
+}
+class ActivatorWatcher {
+  constructor(activator) {
+    this.activator = activator;
+    this.watchActivator();
+  }
+  addActivatorPropsEventListeners(el = this.activator.getActivatorEl(), activatorProps = this.activator.props.activatorProps) {
+    if (!el) {
+      return;
+    }
+    bindProps(
+      el,
+      mergeProps(this.activator.activatorEvents.value, activatorProps)
+    );
+  }
+  removeActivatorPropsEventListeners(el = this.activator.getActivatorEl(), activatorProps = this.activator.props.activatorProps) {
+    if (!el) {
+      return;
+    }
+    unbindProps(
+      el,
+      mergeProps(this.activator.activatorEvents.value, activatorProps)
+    );
+  }
+  watchActivator() {
+    watch(
+      () => this.activator.props.activator,
+      (value, oldValue) => {
+        if (oldValue && value !== oldValue) {
+          const activator = this.activator.getActivatorEl(oldValue);
+          activator && this.removeActivatorPropsEventListeners(activator);
+        }
+        if (value) {
+          nextTick(() => this.addActivatorPropsEventListeners());
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => this.activator.props.activatorProps,
+      () => {
+        this.addActivatorPropsEventListeners();
+      }
+    );
+    onScopeDispose(() => {
+      this.removeActivatorPropsEventListeners();
+    });
+  }
+}
+export {
+  makeActivatorProps,
+  useActivator
+};
+//# sourceMappingURL=activator.mjs.map

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

@@ -0,0 +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 | undefined;\r\n    openOnHover: boolean;\r\n    openOnFocus: boolean | undefined;\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            } 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            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":[],"mappings":"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"}