@evance/evance-ui 1.1.8 → 1.1.9

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

@@ -1,402 +0,0 @@
-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.1.8 | 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

@@ -1 +0,0 @@
-{"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            } 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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"}