{"version":3,"file":"C_VQrhCT.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  active?: boolean\n  withIcon?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  positionX: 'right',\n  positionY: 'bottom',\n  width: 200,\n})\n\nconst componentClasses = computed(() => {\n  const classes = [\n    'app-tooltip__content',\n    `app-tooltip__content--x-${props.positionX}`,\n    `app-tooltip__content--y-${props.positionY}`,\n  ]\n\n  if (props.active) classes.push('app-tooltip__content--active')\n\n  return classes\n})\n\nconst componentStyles = computed(() => {\n  return {\n    width: `${props.width}px`,\n  }\n})\n</script>\n\n<template>\n  <div class=\"app-tooltip\">\n    <span v-if=\"$slots.activator\" class=\"app-tooltip__activator\">\n      <slot name=\"activator\" />\n    </span>\n\n    <div\n      v-if=\"$slots.default\"\n      :class=\"componentClasses\"\n      :style=\"componentStyles\"\n    >\n      <img\n        v-if=\"withIcon\"\n        class=\"app-tooltip__icon\"\n        :src=\"arrowIcon\"\n        alt=\"Иконка для стрелки\"\n      />\n\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-tooltip {\n  position: relative;\n\n  &__icon {\n    position: absolute;\n    pointer-events: none;\n  }\n\n  &__content {\n    position: absolute;\n    z-index: 2;\n    padding: 16px;\n    color: var(--ui-white);\n    pointer-events: none;\n    visibility: hidden;\n    background-color: rgba(var(--ui-secondary-rgb), 0.9);\n    border-radius: 10px;\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n\n    &--active {\n      pointer-events: auto;\n      visibility: visible;\n      opacity: 1;\n    }\n\n    /* Horizontal positions */\n    &--x-left {\n      right: 0;\n\n      .app-tooltip__icon {\n        right: 32px;\n      }\n    }\n\n    &--x-center {\n      left: 50%;\n      transform: translateX(-50%);\n\n      .app-tooltip__icon {\n        left: calc(50% - 8px);\n      }\n    }\n\n    &--x-right {\n      left: 0;\n\n      .app-tooltip__icon {\n        left: 32px;\n      }\n    }\n\n    /* Vertical positions */\n    &--y-top {\n      bottom: calc(100% + 10px);\n\n      .app-tooltip__icon {\n        bottom: -16px;\n        transform: rotate(180deg);\n      }\n    }\n\n    &--y-center {\n      bottom: 50%;\n      transform: translateY(50%);\n\n      .app-tooltip__icon {\n        top: calc(50% - 8px);\n      }\n    }\n\n    &--y-bottom {\n      top: calc(100% + 10px);\n\n      .app-tooltip__icon {\n        top: -16px;\n      }\n    }\n\n    /* Both positions */\n    &--x-left#{&}--y-center {\n      right: calc(100% + 10px);\n\n      .app-tooltip__icon {\n        right: -16px;\n        transform: rotate(90deg);\n      }\n    }\n\n    &--x-center#{&}--y-center {\n      transform: translate(-50%, 50%);\n\n      .app-tooltip__icon {\n        display: none;\n      }\n    }\n\n    &--x-right#{&}--y-center {\n      left: calc(100% + 10px);\n\n      .app-tooltip__icon {\n        left: -16px;\n        transform: rotate(270deg);\n      }\n    }\n  }\n\n  &:hover,\n  &:focus,\n  &:focus-within {\n    .app-tooltip__content {\n      pointer-events: auto;\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n}\n</style>\n"],"names":["arrowIcon","props","__props","componentClasses","computed","classes","componentStyles"],"mappings":";;6ZAAA,MAAeA,EAAA,gqBCaf,MAAMC,EAAQC,EAMRC,EAAmBC,EAAS,IAAM,CACtC,MAAMC,EAAU,CACd,uBACA,2BAA2BJ,EAAM,SAAS,GAC1C,2BAA2BA,EAAM,SAAS,EAAA,EAG5C,OAAIA,EAAM,QAAgBI,EAAA,KAAK,8BAA8B,EAEtDA,CAAA,CACR,EAEKC,EAAkBF,EAAS,KACxB,CACL,MAAO,GAAGH,EAAM,KAAK,IAAA,EAExB","debug_id":"f2608518-fac0-59d2-9aea-8dad05caa0be"}