{"version":3,"sources":["../../../src/Tooltip/TooltipContent/TooltipContent.utils.ts"],"names":["vars","calculatePosition","position","offsetY","offsetX","hasArrow"],"mappings":"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","sourcesContent":["import type { CSSObject } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { TooltipContentProps } from \"./TooltipContent.types\";\n\nexport const calculatePosition = ({\n  position,\n  offsetY = \"4px\",\n  offsetX = \"0px\",\n  hasArrow,\n}: Pick<TooltipContentProps, \"hasArrow\" | \"offsetX\" | \"offsetY\" | \"position\">): CSSObject => {\n  switch (position) {\n    case \"top\":\n      return {\n        top: `calc(-${offsetY} ${hasArrow ? \"- 6px\" : \"\"} - 4px)`,\n        left: \"50%\",\n        transform: \"translate(-50%, -100%)\",\n        \"&:after\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          bottom: \"-5px\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          borderTop: `solid 6px ${vars.semantic.color.surface}`,\n          borderLeft: \"solid 6px transparent\",\n          borderRight: \"solid 6px transparent\",\n        },\n        \"&:before\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          bottom: \"-5.1px\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          borderTop: \"solid 6.1px rgba(75, 81, 91, 0.03)\",\n          borderLeft: \"solid 6.1px transparent\",\n          borderRight: \"solid 6.1px transparent\",\n        },\n      };\n\n    case \"bottom\":\n      return {\n        bottom: `calc(-${offsetY} ${hasArrow ? \"- 6px\" : \"\"} - 4px)`,\n        left: \"50%\",\n        transform: \"translate(-50%, 100%)\",\n        \"&:after\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          top: \"-5px\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          borderBottom: `solid 6px ${vars.semantic.color.surface}`,\n          borderLeft: \"solid 6px transparent\",\n          borderRight: \"solid 6px transparent\",\n        },\n        \"&:before\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          top: \"-5.1px\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          borderBottom: \"solid 6.1px rgba(75, 81, 91, 0.03)\",\n          borderLeft: \"solid 6.1px transparent\",\n          borderRight: \"solid 6.1px transparent\",\n        },\n      };\n\n    case \"top-right\":\n      return {\n        top: `calc(-${offsetY} ${hasArrow ? \"- 6px\" : \"\"} - 4px)`,\n        right: `calc(${offsetX} + 15px)`,\n        transform: \"translate(100%, -100%)\",\n        \"&:after\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          bottom: \"-5px\",\n          left: \"15px\",\n          transform: \"translateX(-50%)\",\n          borderTop: `solid 6px ${vars.semantic.color.surface}`,\n          borderLeft: \"solid 6px transparent\",\n          borderRight: \"solid 6px transparent\",\n        },\n        \"&:before\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          bottom: \"-5.1px\",\n          left: \"15px\",\n          transform: \"translateX(-50%)\",\n          borderTop: \"solid 6.1px rgba(75, 81, 91, 0.03)\",\n          borderLeft: \"solid 6.1px transparent\",\n          borderRight: \"solid 6.1px transparent\",\n        },\n      };\n\n    case \"bottom-right\":\n      return {\n        bottom: `calc(-${offsetY} ${hasArrow ? \"- 6px\" : \"\"} - 4px)`,\n        right: 0,\n        transform: \"translate(0, 100%)\",\n        \"&:after\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          top: \"-5px\",\n          right: 0,\n          transform: \"translateX(-50%)\",\n          borderBottom: `solid 6px ${vars.semantic.color.surface}`,\n          borderLeft: \"solid 6px transparent\",\n          borderRight: \"solid 6px transparent\",\n        },\n        \"&:before\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          top: \"-5.1px\",\n          right: 0,\n          transform: \"translateX(-50%)\",\n          borderBottom: \"solid 6.1px rgba(75, 81, 91, 0.03)\",\n          borderLeft: \"solid 6.1px transparent\",\n          borderRight: \"solid 6.1px transparent\",\n        },\n      };\n\n    case \"left\":\n      return {\n        top: \"50%\",\n        transform: \"translate(-100%,-50%)\",\n        left: `calc(-${offsetX} ${hasArrow ? \"- 6px\" : \"\"} - 4px)`,\n        \"&:after\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          right: \"-5px\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          borderBottom: \"solid 6px transparent\",\n          borderTop: \"solid 6px transparent\",\n          borderLeft: `solid 6px ${vars.semantic.color.surface}`,\n        },\n        \"&:before\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          right: \"-5.1px\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          borderBottom: \"solid 6.1px transparent\",\n          borderTop: \"solid 6.1px transparent\",\n          borderLeft: \"solid 6.1px rgba(75, 81, 91, 0.03)\",\n        },\n      };\n\n    // right\n    default:\n      return {\n        top: \"50%\",\n        transform: \"translate(100%,-50%)\",\n        right: `calc(-${offsetX} ${hasArrow ? \"- 6px\" : \"\"} - 4px)`,\n        \"&:after\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          left: \"-5px\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          borderBottom: \"solid 6px transparent\",\n          borderTop: \"solid 6px transparent\",\n          borderRight: `solid 6px ${vars.semantic.color.surface}`,\n        },\n        \"&:before\": {\n          display: hasArrow ? \"block\" : \"none\",\n          content: '\"\"',\n          position: \"absolute\",\n          left: \"-5.1px\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          borderBottom: \"solid 6.1px transparent\",\n          borderTop: \"solid 6.1px transparent\",\n          borderRight: \"solid 6.1px rgba(75, 81, 91, 0.03)\",\n        },\n      };\n  }\n};\n"]}