{"version":3,"file":"BGlUbWRj.js","sources":["../../../../node_modules/@smenaspace/ui-layer/assets/images/tooltip-arrow.svg","../../../../node_modules/@smenaspace/ui-layer/components/tooltip/Tooltip.vue"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='.9'%20d='M-36%2026.548c0-5.522%204.477-10%2010-10h23.152a10%2010%200%200%200%207.578-3.474L8.238%209l2.997%203.77a10%2010%200%200%200%207.828%203.778H154c5.523%200%2010%204.478%2010%2010V77c0%205.523-4.477%2010-10%2010H-26c-5.523%200-10-4.477-10-10V26.548Z'%20fill='%232c2f39'%20/%3e%3c/svg%3e\"","<script setup lang=\"ts\">\nimport arrowIcon from '../../assets/images/tooltip-arrow.svg'\n\nimport type { TooltipPositionX, TooltipPositionY } from './types'\n\ntype Props = {\n  positionX?: TooltipPositionX\n  positionY?: TooltipPositionY\n  width?: number | string\n  offset?: number\n  withIcon?: boolean\n  fixed?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  positionX: 'right',\n  positionY: 'bottom',\n  width: 200,\n  offset: 5,\n})\n\nconst isActive = ref(false)\n\nconst tooltipElement = ref<HTMLElement | null>(null)\nconst tooltipContentElement = ref<HTMLElement | null>(null)\n\nconst tooltipContentStyles = ref({\n  top: '0',\n  left: '0',\n  width: `${props.width}px`,\n})\n\nconst tooltipIconClasses = computed(() => {\n  return [\n    'app-tooltip__icon',\n    `app-tooltip__icon--x-${props.positionX}`,\n    `app-tooltip__icon--y-${props.positionY}`,\n  ]\n})\n\nconst onUpdatePosition = async () => {\n  if (\n    !tooltipElement.value ||\n    !tooltipContentElement.value ||\n    !window ||\n    !document\n  )\n    return\n\n  const scrollTop = window.scrollY || document.body.scrollTop\n  const scrollLeft = window.scrollX || document.body.scrollLeft\n\n  const clientTop = document.body.clientTop || 0\n  const clientLeft = document.body.clientLeft || 0\n\n  const offsetTop = props.fixed ? 0 : scrollTop - clientTop\n  const offsetLeft = props.fixed ? 0 : scrollLeft - clientLeft\n\n  const viewportWidth = document.body.offsetWidth\n  const viewportHeight = window.innerHeight\n\n  const tooltipRect = tooltipElement.value.getBoundingClientRect()\n  const tooltipContentRect = tooltipContentElement.value.getBoundingClientRect()\n\n  let top = 0\n  let left = 0\n\n  // Определяем позицию тултипа по горизонтали в зависимости от переданного props\n  if (props.positionX === 'right') {\n    left = tooltipRect.left + offsetLeft\n  }\n\n  if (props.positionX === 'right' && props.positionY === 'center') {\n    left = tooltipRect.left + tooltipRect.width + offsetLeft + props.offset\n  }\n\n  if (props.positionX === 'left') {\n    left = tooltipRect.right - tooltipContentRect.width + offsetLeft\n  }\n\n  if (props.positionX === 'left' && props.positionY === 'center') {\n    left =\n      tooltipRect.left - tooltipContentRect.width - offsetLeft - props.offset\n  }\n\n  if (props.positionX === 'center') {\n    left =\n      tooltipRect.left +\n      tooltipRect.width / 2 -\n      tooltipContentRect.width / 2 +\n      offsetLeft\n  }\n\n  // Определяем позицию тултипа по вертикали в зависимости от переданного props\n  if (props.positionY === 'top') {\n    top = tooltipRect.top - tooltipContentRect.height - props.offset + offsetTop\n  }\n\n  if (props.positionY === 'center') {\n    top =\n      tooltipRect.top - tooltipContentRect.height / 2 + offsetTop + props.offset\n  }\n\n  if (props.positionY === 'bottom') {\n    top = tooltipRect.top + tooltipRect.height + offsetTop + props.offset\n  }\n\n  setTooltipStyles(top, left)\n\n  await nextTick()\n\n  const updatedTooltipRect = tooltipContentElement.value.getBoundingClientRect()\n\n  // Определяем выходит ли тултип за пределы viewport по вертикали\n  if (updatedTooltipRect.top < 0) {\n    top = top - updatedTooltipRect.top + props.offset\n  } else if (updatedTooltipRect.bottom > viewportHeight) {\n    top = top - (updatedTooltipRect.bottom - viewportHeight) - props.offset\n  }\n\n  // Определяем выходит ли тултип за пределы viewport по горизонтали\n  if (updatedTooltipRect.left < 0) {\n    left = left - updatedTooltipRect.left + props.offset\n  } else if (updatedTooltipRect.right > viewportWidth) {\n    left = left - (updatedTooltipRect.right - viewportWidth) - props.offset\n  }\n\n  setTooltipStyles(top, left)\n}\n\nconst setTooltipStyles = (top: number, left: number) => {\n  tooltipContentStyles.value.top = `${top.toFixed(0)}px`\n  tooltipContentStyles.value.left = `${left.toFixed(0)}px`\n}\n\nconst onPointerEnter = async () => {\n  if (isActive.value) return\n\n  isActive.value = true\n\n  await nextTick()\n\n  await onUpdatePosition()\n}\n\nconst onPointerLeave = () => (isActive.value = false)\n\nconst outsideClick = (event: Event) => {\n  if (!tooltipElement.value) return\n\n  if (!tooltipElement.value.contains(event.target as HTMLElement)) {\n    isActive.value = false\n  }\n}\n\nonMounted(() => {\n  window.parent.document.addEventListener('click', outsideClick)\n  window.addEventListener('click', outsideClick)\n  window.addEventListener('touchmove', onPointerLeave)\n})\n\nonBeforeUnmount(() => {\n  window.parent.document.removeEventListener('click', outsideClick)\n  window.removeEventListener('click', outsideClick)\n  window.removeEventListener('touchmove', onPointerLeave)\n})\n</script>\n\n<template>\n  <div\n    ref=\"tooltipElement\"\n    class=\"app-tooltip\"\n    @click=\"onPointerEnter\"\n    @mouseenter=\"onPointerEnter\"\n    @mouseleave=\"onPointerLeave\"\n  >\n    <span v-if=\"$slots.activator\" class=\"app-tooltip__activator\">\n      <slot name=\"activator\" />\n    </span>\n\n    <Teleport to=\"body\">\n      <transition v-if=\"$slots.default\" name=\"ui-fade\">\n        <div\n          v-if=\"isActive\"\n          ref=\"tooltipContentElement\"\n          data-test-id=\"tooltip-content\"\n          class=\"app-tooltip__content\"\n          :class=\"{ 'app-tooltip__content--fixed': fixed }\"\n          :style=\"tooltipContentStyles\"\n        >\n          <img\n            v-if=\"withIcon\"\n            data-test-id=\"tooltip-icon\"\n            :class=\"tooltipIconClasses\"\n            :src=\"arrowIcon\"\n            alt=\"Иконка для стрелки\"\n          />\n\n          <slot />\n        </div>\n      </transition>\n    </Teleport>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-tooltip {\n  position: relative;\n  display: inline-block;\n\n  &__icon {\n    position: absolute;\n    pointer-events: none;\n\n    &--x-left {\n      right: 16px;\n    }\n\n    &--x-center {\n      left: calc(50% - 8px);\n    }\n\n    &--x-right {\n      left: 16px;\n    }\n\n    &--y-top {\n      bottom: -16px;\n      transform: rotate(180deg);\n    }\n\n    &--y-bottom {\n      top: -16px;\n    }\n\n    &--x-left#{&}--y-center {\n      top: calc(50% - 8px);\n      right: -16px;\n      transform: rotate(90deg);\n    }\n\n    &--x-center#{&}--y-center {\n      display: none;\n    }\n\n    &--x-right#{&}--y-center {\n      top: calc(50% - 8px);\n      left: -16px;\n      transform: rotate(270deg);\n    }\n  }\n\n  &__content {\n    position: absolute;\n    z-index: 10001;\n    padding: 16px;\n    color: var(--ui-white);\n    pointer-events: none;\n    background-color: rgba(var(--ui-secondary-rgb), 0.9);\n    border-radius: 10px;\n    transform: translateZ(1px);\n\n    &--fixed {\n      position: fixed !important;\n    }\n  }\n}\n</style>\n"],"names":["arrowIcon","props","__props","isActive","ref","tooltipElement","tooltipContentElement","tooltipContentStyles","tooltipIconClasses","computed","onUpdatePosition","scrollTop","scrollLeft","clientTop","clientLeft","offsetTop","offsetLeft","viewportWidth","viewportHeight","tooltipRect","tooltipContentRect","top","left","setTooltipStyles","nextTick","updatedTooltipRect","onPointerEnter","onPointerLeave","outsideClick","event","onMounted","onBeforeUnmount"],"mappings":"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","debug_id":"1e9ec4c4-28b6-516a-8a0c-18c787cddbd8"}