{"version":3,"file":"TooltipContents-By_Y1zxJ.js","sources":["../../Vue/src/components/TooltipContents.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  useFloating,\r\n  autoPlacement,\r\n  autoUpdate,\r\n  offset,\r\n  arrow,\r\n  Placement,\r\n} from \"@floating-ui/vue\";\r\n\r\nconst props = defineProps<{\r\n  text?: string;\r\n  label: HTMLElement;\r\n  placement?: Placement;\r\n  marginOffset?: number;\r\n  allowedPlacements?: Placement[];\r\n  disableTeleport?: boolean;\r\n}>();\r\n\r\nconst floating = ref<HTMLDivElement>();\r\nconst arrowEl = ref<HTMLDivElement>();\r\n\r\nconst { floatingStyles, middlewareData } = useFloating(\r\n  toRef(props.label),\r\n  floating,\r\n  {\r\n    placement: props.placement || \"top\",\r\n    middleware: [\r\n      autoPlacement({\r\n        allowedPlacements: props.allowedPlacements || [\r\n          \"top\",\r\n          \"top-start\",\r\n          \"top-end\",\r\n        ],\r\n      }),\r\n      offset(props.marginOffset || 5),\r\n      arrow({ element: arrowEl, padding: 10 }),\r\n    ],\r\n    whileElementsMounted: autoUpdate,\r\n  },\r\n);\r\n</script>\r\n\r\n<template>\r\n  <Teleport\r\n    v-if=\"!disableTeleport\"\r\n    to=\"body\"\r\n  >\r\n    <div\r\n      ref=\"floating\"\r\n      class=\"floating\"\r\n      :style=\"floatingStyles\"\r\n    >\r\n      <div\r\n        v-if=\"placement === 'bottom'\"\r\n        ref=\"arrowEl\"\r\n        class=\"arrow-top\"\r\n        :style=\"{\r\n          left:\r\n            middlewareData.arrow?.x != null\r\n              ? `${middlewareData.arrow.x}px`\r\n              : '',\r\n        }\"\r\n      ></div>\r\n      {{ text }}\r\n      <slot />\r\n      <div\r\n        v-if=\"placement === 'top'\"\r\n        ref=\"arrowEl\"\r\n        class=\"arrow-bottom\"\r\n        :style=\"{\r\n          left:\r\n            middlewareData.arrow?.x != null\r\n              ? `${middlewareData.arrow.x}px`\r\n              : '',\r\n        }\"\r\n      ></div>\r\n    </div>\r\n  </Teleport>\r\n  <div v-else>\r\n    <div\r\n      ref=\"floating\"\r\n      class=\"floating\"\r\n      :style=\"floatingStyles\"\r\n    >\r\n      <div\r\n        v-if=\"placement === 'bottom'\"\r\n        ref=\"arrowEl\"\r\n        class=\"arrow-top\"\r\n        :style=\"{\r\n          left:\r\n            middlewareData.arrow?.x != null\r\n              ? `${middlewareData.arrow.x}px`\r\n              : '',\r\n        }\"\r\n      ></div>\r\n      {{ text }}\r\n      <slot />\r\n      <div\r\n        v-if=\"placement === 'top'\"\r\n        ref=\"arrowEl\"\r\n        class=\"arrow-bottom\"\r\n        :style=\"{\r\n          left:\r\n            middlewareData.arrow?.x != null\r\n              ? `${middlewareData.arrow.x}px`\r\n              : '',\r\n        }\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\n.arrow-bottom {\r\n  @apply absolute -bottom-1 h-2 w-2 rotate-45 bg-blue-850;\r\n}\r\n.arrow-top {\r\n  @apply absolute -top-1 h-2 w-2 rotate-45 bg-blue-850;\r\n}\r\n\r\n.floating {\r\n  @apply absolute left-0 top-0 z-20 rounded-lg bg-blue-850 p-3 text-sm text-white;\r\n  max-width: 300px;\r\n}\r\n</style>\r\n"],"names":["props","__props","floating","ref","arrowEl","floatingStyles","middlewareData","useFloating","toRef","autoPlacement","offset","arrow","autoUpdate"],"mappings":"udAUA,MAAMA,EAAQC,EASRC,EAAWC,IACXC,EAAUD,IAEV,CAAE,eAAAE,EAAgB,eAAAC,CAAA,EAAmBC,EACzCC,EAAMR,EAAM,KAAK,EACjBE,EACA,CACE,UAAWF,EAAM,WAAa,MAC9B,WAAY,CACVS,EAAc,CACZ,kBAAmBT,EAAM,mBAAqB,CAC5C,MACA,YACA,SACF,CAAA,CACD,EACDU,EAAOV,EAAM,cAAgB,CAAC,EAC9BW,EAAM,CAAE,QAASP,EAAS,QAAS,GAAI,CACzC,EACA,qBAAsBQ,CACxB,CAAA"}