infinity-forge
Version:
71 lines • 7.24 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.TooltipContent = exports.TooltipContainer = void 0;
var styled_components_1 = __importStar(require("styled-components"));
var getArrowStyles = function (position, $bgColor) {
switch (position) {
case 'top-left':
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:before {\n bottom: -12px;\n left: 12px;\n transform: rotate(180deg);\n }\n "], ["\n &:before {\n bottom: -12px;\n left: 12px;\n transform: rotate(180deg);\n }\n "])));
case 'top-center':
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &:before {\n bottom: -12px;\n left: calc(50% - 10px);\n transform: rotate(180deg);\n }\n "], ["\n &:before {\n bottom: -12px;\n left: calc(50% - 10px);\n transform: rotate(180deg);\n }\n "])));
case 'top-right':
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:before {\n bottom: -12px;\n right: 12px;\n transform: rotate(180deg);\n }\n "], ["\n &:before {\n bottom: -12px;\n right: 12px;\n transform: rotate(180deg);\n }\n "])));
case 'left-center':
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &:before {\n top: 50%;\n right: -10px;\n transform: translateY(-50%) rotate(90deg);\n }\n "], ["\n &:before {\n top: 50%;\n right: -10px;\n transform: translateY(-50%) rotate(90deg);\n }\n "])));
case 'right-center':
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &:before {\n top: 50%;\n left: -10px;\n transform: translateY(-50%) rotate(270deg);\n }\n "], ["\n &:before {\n top: 50%;\n left: -10px;\n transform: translateY(-50%) rotate(270deg);\n }\n "])));
case 'bottom-left':
return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &:before {\n top: -12px;\n left: 12px;\n }\n "], ["\n &:before {\n top: -12px;\n left: 12px;\n }\n "])));
case 'bottom-center':
return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &:before {\n top: -12px;\n left: calc(50% - 12px);\n }\n "], ["\n &:before {\n top: -12px;\n left: calc(50% - 12px);\n }\n "])));
case 'bottom-right':
return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n &:before {\n top: -12px;\n right: 12px;\n }\n "], ["\n &:before {\n top: -12px;\n right: 12px;\n }\n "])));
case 'auto':
return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n &:before {\n top: -12px;\n right: 12px;\n }\n "], ["\n &:before {\n top: -12px;\n right: 12px;\n }\n "])));
default:
return '';
}
};
exports.TooltipContainer = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"], ["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"])));
exports.TooltipContent = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"])), function (props) { return props.$bgColor || '#fff'; }, function (props) { return (props === null || props === void 0 ? void 0 : props.$zIndex) || 0; }, function (props) {
return props.$enableArrow && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n ", "\n "], ["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n ", "\n "])), props.$bgColor, getArrowStyles(props.className || '', props.$bgColor || '#fff'));
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
//# sourceMappingURL=styles.js.map