{"version":3,"file":"UTooltip.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","useRender","computed","ref","watch","onMounted","createPopper","makeUTooltipProps","_objectSpread","theme","type","String","required","position","always","Boolean","UTooltip","name","props","emits","click","e","setup","_ref","emit","slots","tooltipIsVisible","tooltipToggle","tooltipComponent","popperInstance","alwaysVisible","popperCreated","destroyTooltip","createTooltip","newValue","value","removeAttribute","placement","offset","setTimeout","modifiers","options","destroy","tooltipTheme","color","backgroundColor","GeneralClasses","ThemeDarkClasses","concat","ThemeLightClasses","PseudoElementClasses","PseudoElementBottomCenterClasses","PseudoElementBottomLeftClasses","PseudoElementBottomRightClasses","PseudoElementTopCenterClasses","PseudoElementTopLeftClasses","PseudoElementTopRightClasses","PseudoElementLeftClasses","PseudoElementRightClasses","classes","_ref2","_defineProperty","_slots$tooltipToggle","_slots$text","_slots$supportingText","_createVNode","onClick","onMouseenter","onMouseleave","onTouchstart","onTouchend","call","supportingText","text"],"sources":["../../../src/components/UTooltip/UTooltip.tsx"],"sourcesContent":["import { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\nimport { genericComponent, propsFactory, useRender } from '@/utils'\nimport { ExtractPropTypes } from 'vue'\nimport { computed, ref, watch, onMounted } from 'vue'\nimport { createPopper, Instance, Placement } from '@popperjs/core'\n\nexport const makeUTooltipProps = propsFactory(\n {\n theme: {\n type: String,\n default: 'dark',\n required: false,\n },\n position: {\n type: String,\n default: 'none bottom',\n required: false,\n },\n always: {\n type: Boolean,\n default: false,\n required: false,\n },\n\n ...makeComponentProps(),\n ...makeTagProps(),\n },\n 'UTooltip'\n)\n\nexport type UTooltipProps = ExtractPropTypes\n\nexport type UTooltipSlots = {\n tooltipToggle: never\n text: never\n supportingText: never\n}\n\nexport const UTooltip = genericComponent()({\n name: 'UTooltip',\n\n props: makeUTooltipProps(),\n\n emits: {\n click: (e: MouseEvent) => true,\n },\n\n setup(props, { emit, slots }) {\n const tooltipIsVisible = ref(false)\n const tooltipToggle = ref(null)\n const tooltipComponent = ref(null)\n const popperInstance = ref(null)\n const alwaysVisible = computed(() => props.always)\n const popperCreated = ref(false)\n\n watch(\n () => props.position,\n () => {\n destroyTooltip()\n props.always === true ? createTooltip() : ''\n }\n )\n\n watch(alwaysVisible, (newValue) => {\n if (newValue === true) {\n destroyTooltip()\n createTooltip()\n } else {\n destroyTooltip()\n }\n })\n\n function createTooltip() {\n if (tooltipToggle.value && tooltipComponent.value) {\n tooltipIsVisible.value = true\n tooltipComponent.value.removeAttribute('data-popper-reference-hidden')\n let placement = props.position as Placement\n let offset = [0, 12]\n\n if (props.position === 'none top' || props.position === 'none bottom') {\n offset = [0, 6]\n } else if (\n props.position === 'top-end' ||\n props.position === 'bottom-end'\n ) {\n offset = [13, 12]\n } else if (\n props.position === 'top-start' ||\n props.position === 'bottom-start'\n ) {\n offset = [-14, 12]\n }\n\n if (props.position === 'none top') {\n placement = 'top'\n } else if (props.position === 'none bottom') {\n placement = 'bottom'\n }\n\n setTimeout(() => {\n popperInstance.value = createPopper(\n tooltipToggle.value as HTMLElement,\n tooltipComponent.value as HTMLElement,\n {\n placement: placement,\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: offset,\n },\n },\n ],\n }\n )\n popperCreated.value = true\n }, 5)\n }\n }\n\n function destroyTooltip() {\n tooltipIsVisible.value = false\n popperCreated.value = false\n\n if (popperInstance.value) {\n popperInstance.value.destroy()\n popperInstance.value = null\n }\n }\n\n onMounted(() => {\n if (alwaysVisible.value === true) {\n createTooltip()\n }\n })\n\n const tooltipTheme = computed(() => {\n let tooltipTheme = {\n color: 'white',\n backgroundColor: 'gray-900',\n }\n switch (props.theme) {\n case 'dark':\n tooltipTheme = {\n color: 'white',\n backgroundColor: 'gray-900',\n }\n break\n case 'light':\n tooltipTheme = {\n color: 'gray-700',\n backgroundColor: 'white',\n }\n break\n default:\n break\n }\n return tooltipTheme\n })\n\n const GeneralClasses = `absolute flex flex-col font-medium max-w-sm py-2 px-3 text-text-xs\n rounded-lg w-fit`\n\n const ThemeDarkClasses = computed(\n () =>\n `bg-${tooltipTheme.value.backgroundColor} text-${tooltipTheme.value.color} shadow\n shadow-lg shadow-${tooltipTheme.value.backgroundColor}`\n )\n\n const ThemeLightClasses = computed(\n () =>\n `bg-${tooltipTheme.value.backgroundColor} text-${tooltipTheme.value.color} shadow\n shadow-lg shadow-gray-100`\n )\n\n const PseudoElementClasses = computed(\n () =>\n `before:block before:absolute before:bg-${tooltipTheme.value.backgroundColor} before:w-3\n before:h-xs before:rotate-45`\n )\n\n const PseudoElementBottomCenterClasses = computed(\n () =>\n `before:-bottom-1.5 before:left-1/2 before:transform before:-translate-x-1/2`\n )\n\n const PseudoElementBottomLeftClasses = computed(\n () => `before:-bottom-1.5 before:inset-x-3.5`\n )\n\n const PseudoElementBottomRightClasses = computed(\n () => `before:-bottom-1.5 before:right-3.5`\n )\n\n const PseudoElementTopCenterClasses = computed(\n () =>\n `before:-top-1.5 before:left-1/2 before:transform before:-translate-x-1/2`\n )\n\n const PseudoElementTopLeftClasses = computed(\n () => `before:-top-1.5 before:inset-x-3.5`\n )\n\n const PseudoElementTopRightClasses = computed(\n () => `before:-top-1.5 before:right-3.5`\n )\n\n const PseudoElementLeftClasses = computed(\n () =>\n `before:top-1/2 before:transform before:-translate-y-1/2 before:-inset-1.5`\n )\n\n const PseudoElementRightClasses = computed(\n () =>\n `before:top-1/2 before:transform before:-translate-y-1/2 before:-right-1.5`\n )\n\n const classes = computed(() => ({\n [GeneralClasses]: true,\n [ThemeLightClasses.value]: props.theme === 'light',\n [ThemeDarkClasses.value]: props.theme === 'dark',\n [PseudoElementClasses.value]:\n props.position !== 'none top' && props.position !== 'none bottom',\n [PseudoElementBottomCenterClasses.value]: props.position === 'top',\n [PseudoElementBottomLeftClasses.value]: props.position === 'top-start',\n [PseudoElementBottomRightClasses.value]: props.position === 'top-end',\n [PseudoElementTopCenterClasses.value]: props.position === 'bottom',\n [PseudoElementTopLeftClasses.value]: props.position === 'bottom-start',\n [PseudoElementTopRightClasses.value]: props.position === 'bottom-end',\n [PseudoElementLeftClasses.value]: props.position === 'right',\n [PseudoElementRightClasses.value]: props.position === 'left',\n }))\n\n useRender(() => (\n
\n emit('click', e)}\n onMouseenter={() => !props.always && createTooltip()}\n onMouseleave={() => !props.always && destroyTooltip()}\n onTouchstart={() => !props.always && createTooltip()}\n onTouchend={() => !props.always && destroyTooltip()}\n >\n {slots.tooltipToggle?.()}\n
\n \n
{slots.text?.()}
\n
{slots.supportingText?.()}
\n \n \n ))\n\n return {\n tooltipIsVisible,\n }\n },\n})\n\nexport type UTooltip = InstanceType\n"],"mappings":"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"}