{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"arrowRef\"\n    class=\"popper-arrow\"\n    :style=\"arrowStyle\"\n    data-popper-arrow\n  ></span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@hongluan-ui/tokens'\nimport { popperArrowProps } from './arrow'\n\ndefineOptions({\n  name: 'PopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst { arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined,\n)\n\nwatch(\n  () => props.arrowOffset,\n  val => {\n    arrowOffset.value = val\n  },\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;oCAcc;AAAA,EACZ,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;AAIA,UAAM,EAAE,aAAa,UAAU,eAAe,OAC5C,8BACA,MACF;AAEA,UACE,MAAM,MAAM,aACZ,SAAO;AACL,kBAAY,QAAQ;AAAA,KAExB;AACA,oBAAgB,MAAM;AACpB,eAAS,QAAQ;AAAA,KAClB;AAED,WAAa;AAAA,MAIX;AAAA,KACD;;;;;;;;;;;;;;;"}