{"version":3,"file":"trigger.vue.mjs","sources":["../../../../../packages/components/tooltip/src/trigger.vue"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    :class=\"ns.e('trigger')\"\n    @blur=\"onBlur\"\n    @click=\"onClick\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-ultra/components/popper'\nimport { composeEventHandlers } from '@element-ultra/utils'\nimport { EVENT_CODE } from '@element-ultra/shared'\nimport { useNamespace } from '@element-ultra/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-ultra/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const ns = useNamespace('tooltip')\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const onClick = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'click', e => {\n        // distinguish left click\n        if ((e as MouseEvent).button === 0) {\n          onToggle(e)\n        }\n      })\n    )\n\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(stopWhenControlledOrDisabled, (e: KeyboardEvent) => {\n      const { code } = e\n      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n        onToggle(e)\n      }\n    })\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onClick,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n      ns\n    }\n  }\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_normalizeClass"],"mappings":";;;;;AAgBsB,EAAA,MAAA,4BAAA,GAAAA,iBAAA,mBAAA,CAAA,CAAA;AAbjB,EAAA,OAAAC,SAAA,EAAuB,EAAAC,WAAA,CAAA,4BAAA,EAAA;AAAA,IACvB,IAAI,IAAE,CAAA,EAAA;AAAA,IACN,eAAkB,IAAA,CAAA,UAAA;AAAA,IAClB,MAAK,IAAA,CAAA,IAAA;AAAA,IACL,sBAAY,IAAA,CAAA,iBAAA;AAAA,IACZ,OAAKC,cAAS,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,IACd,QAAW,IAAA,CAAA,MAAA;AAAA,IACX,SAAO,IAAA,CAAA,OAAA;AAAA,IACP,eAAY,IAAA,CAAA,aAAA;AAAA,IACZ,SAAY,IAAA,CAAA,OAAA;AAAA,IACZ,cAAS,IAAA,CAAA,YAAA;AAAA,IAAA,cAAA,IAAA,CAAA,YAAA;AAAA;;;;;;;;;;;;;"}