@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/cjs/internal/Popup/PopupPin.js

@@ -1,11 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupPin = void 0;var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.PopupPin = void 0;var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
 
 
 
 
 var _PopupHelper = require("./PopupHelper");
 var _PopupPin2 = require("./PopupPin.styles");
-var _Popup = require("./Popup");
+var _Popup = require("./Popup");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 
 var borderStyles = {
   position: 'absolute',
@@ -49,212 +49,212 @@ var borderStyles = {
 
 
 
-PopupPin = exports.PopupPin = /*#__PURE__*/function (_React$Component) {function PopupPin() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(PopupPin, _React$Component);var _proto = PopupPin.prototype;_proto.
+PopupPin = exports.PopupPin = /*#__PURE__*/function (_React$Component) {function PopupPin() {(0, _classCallCheck2.default)(this, PopupPin);return _callSuper(this, PopupPin, arguments);}(0, _inherits2.default)(PopupPin, _React$Component);return (0, _createClass2.default)(PopupPin, [{ key: "render", value:
 
 
 
-  render = function render() {
-    if (!this.props.popupElement) {
-      return null;
-    }
+    function render() {
+      if (!this.props.popupElement) {
+        return null;
+      }
 
-    var options = this.getPinOptions(
-      _PopupHelper.PopupHelper.getElementAbsoluteRect(this.props.popupElement),
-      _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition),
-      this.props.size,
-      this.props.offset,
-      this.props.borderWidth
-    );
+      var options = this.getPinOptions(
+        _PopupHelper.PopupHelper.getElementAbsoluteRect(this.props.popupElement),
+        _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition),
+        this.props.size,
+        this.props.offset,
+        this.props.borderWidth
+      );
 
-    var styleOuter = this.getOuterStyle(
-      options.activeBorder,
-      options.outerSize,
-      this.props.borderColor
-    );
+      var styleOuter = this.getOuterStyle(
+        options.activeBorder,
+        options.outerSize,
+        this.props.borderColor
+      );
 
-    var styleInner = this.getInnerStyle(
-      options.activeBorder,
-      this.props.size,
-      this.props.backgroundColor
-    );
+      var styleInner = this.getInnerStyle(
+        options.activeBorder,
+        this.props.size,
+        this.props.backgroundColor
+      );
 
-    var styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
+      var styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
 
-    return /*#__PURE__*/(
-      _react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: _PopupPin2.styles.wrapper(), style: styleWrapper }, /*#__PURE__*/
-      _react.default.createElement("div", { style: styleOuter }, /*#__PURE__*/
-      _react.default.createElement("div", { style: styleInner })
-      )
-      ));
+      return /*#__PURE__*/(
+        _react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: _PopupPin2.styles.wrapper(), style: styleWrapper }, /*#__PURE__*/
+        _react.default.createElement("div", { style: styleOuter }, /*#__PURE__*/
+        _react.default.createElement("div", { style: styleInner })
+        )
+        ));
 
-  };_proto.
+    } }, { key: "getPopupOppositeDirection", value:
 
-  getPopupOppositeDirection = function getPopupOppositeDirection() {
-    var popupDirection = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition).direction;
-    switch (popupDirection) {
-      case 'top':
-        return 'bottom';
-      case 'bottom':
-        return 'top';
-      case 'left':
-        return 'right';
-      case 'right':
-        return 'left';
-      default:
-        throw new TypeError('Unknown direction ' + popupDirection);
-    }
-  };_proto.
+    function getPopupOppositeDirection() {
+      var popupDirection = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition).direction;
+      switch (popupDirection) {
+        case 'top':
+          return 'bottom';
+        case 'bottom':
+          return 'top';
+        case 'left':
+          return 'right';
+        case 'right':
+          return 'left';
+        default:
+          throw new TypeError('Unknown direction ' + popupDirection);
+      }
+    } }, { key: "getWrapperStyle", value:
 
-  getWrapperStyle = function getWrapperStyle(left, top, borderWidth) {var _ref, _ref2;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _ref = {}, _ref[
-        direction] = -borderWidth + 'px', _ref.
-        left = left + 'px', _ref.
-        width = borderWidth * 2 + 'px', _ref.
-        height = borderWidth + 'px', _ref;
+    function getWrapperStyle(left, top, borderWidth) {
+      var direction = this.getPopupOppositeDirection();
+      switch (direction) {
+        case 'top':
+        case 'bottom':
+          return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+          direction, -borderWidth + 'px'), "left",
+          left + 'px'), "width",
+          borderWidth * 2 + 'px'), "height",
+          borderWidth + 'px');
 
-      case 'left':
-      case 'right':
-        return _ref2 = {}, _ref2[
-        direction] = -borderWidth + 'px', _ref2.
-        top = top + 'px', _ref2.
-        height = borderWidth * 2 + 'px', _ref2.
-        width = borderWidth + 'px', _ref2;
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);
-    }
-  };_proto.
-
-  getOuterStyle = function getOuterStyle(activeBorder, borderWitdth, borderColor) {var _extends2, _extends3;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends2 = {}, _extends2[
-        direction] = -borderWitdth + 'px', _extends2.
-        left = '0px', _extends2.
-        borderWidth = borderWitdth + 'px', _extends2[
-        'border' + activeBorder + 'Color'] = borderColor, _extends2));
-
-      case 'left':
-      case 'right':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends3 = {}, _extends3[
-        direction] = -borderWitdth + 'px', _extends3.
-        top = '0px', _extends3.
-        borderWidth = borderWitdth + 'px', _extends3[
-        'border' + activeBorder + 'Color'] = borderColor, _extends3));
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);
-    }
-  };_proto.
-
-  getInnerStyle = function getInnerStyle(activeBorder, borderWitdth, borderColor) {var _extends4, _extends5;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends4 = {}, _extends4[
-        direction] = -borderWitdth + 2 + 'px', _extends4.
-        left = -borderWitdth + 'px', _extends4.
-        borderWidth = borderWitdth + 'px', _extends4[
-        'border' + activeBorder + 'Color'] = borderColor, _extends4));
-
-      case 'left':
-      case 'right':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends5 = {}, _extends5[
-        direction] = -borderWitdth + 2 + 'px', _extends5.
-        top = -borderWitdth + 'px', _extends5.
-        borderWidth = borderWitdth + 'px', _extends5[
-        'border' + activeBorder + 'Color'] = borderColor, _extends5));
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);
-    }
-  };_proto.
-
-  getPinOptions = function getPinOptions(
-  popupRect,
-  popupPosition,
-  pinSize,
-  pinOffset,
-  borderWidth)
-  {
-    var bordersDelta = 2 * borderWidth;
-    var outerSize = pinSize + bordersDelta;
-
-    switch (popupPosition.direction) {
-      case 'top':
-        return {
-          outerTop: popupRect.height,
-          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Top',
-          outerSize: outerSize
-        };
-      case 'bottom':
-        return {
-          outerTop: -2 * outerSize,
-          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize + 2 * bordersDelta,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Bottom',
-          outerSize: outerSize
-        };
-      case 'left':
-        return {
-          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: popupRect.width,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize,
-          activeBorder: 'Left',
-          outerSize: outerSize
-        };
-      case 'right':
-        return {
-          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: -2 * outerSize,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize + 2 * bordersDelta,
-          activeBorder: 'Right',
-          outerSize: outerSize
-        };
-      default:
-        throw new Error('Direction must be one of top, right, bottom, left');
-    }
-  };_proto.
-
-  getPinTopCoordinate = function getPinTopCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'top':
-        return pinOffset;
-      case 'middle':
-        return popupRect.height / 2 - pinHeight;
-      case 'bottom':
-        return popupRect.height - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unexpected align '" + align + "'");
-    }
-  };_proto.
-
-  getPinLeftCoordinate = function getPinLeftCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'left':
-        return pinOffset;
-      case 'center':
-        return popupRect.width / 2 - pinHeight;
-      case 'right':
-        return popupRect.width - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unexpected align '" + align + "'");
-    }
-  };return PopupPin;}(_react.default.Component);PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.displayName = 'PopupPin';
+        case 'left':
+        case 'right':
+          return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+          direction, -borderWidth + 'px'), "top",
+          top + 'px'), "height",
+          borderWidth * 2 + 'px'), "width",
+          borderWidth + 'px');
+
+        default:
+          throw new TypeError('Unknown direction ' + direction);
+      }
+    } }, { key: "getOuterStyle", value:
+
+    function getOuterStyle(activeBorder, borderWitdth, borderColor) {
+      var direction = this.getPopupOppositeDirection();
+      switch (direction) {
+        case 'top':
+        case 'bottom':
+          return (0, _objectSpread6.default)((0, _objectSpread6.default)({},
+          borderStyles), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+          direction, -borderWitdth + 'px'), "left",
+          '0px'), "borderWidth",
+          borderWitdth + 'px'),
+          'border' + activeBorder + 'Color', borderColor));
+
+        case 'left':
+        case 'right':
+          return (0, _objectSpread6.default)((0, _objectSpread6.default)({},
+          borderStyles), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+          direction, -borderWitdth + 'px'), "top",
+          '0px'), "borderWidth",
+          borderWitdth + 'px'),
+          'border' + activeBorder + 'Color', borderColor));
+
+        default:
+          throw new TypeError('Unknown direction ' + direction);
+      }
+    } }, { key: "getInnerStyle", value:
+
+    function getInnerStyle(activeBorder, borderWitdth, borderColor) {
+      var direction = this.getPopupOppositeDirection();
+      switch (direction) {
+        case 'top':
+        case 'bottom':
+          return (0, _objectSpread6.default)((0, _objectSpread6.default)({},
+          borderStyles), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+          direction, -borderWitdth + 2 + 'px'), "left",
+          -borderWitdth + 'px'), "borderWidth",
+          borderWitdth + 'px'),
+          'border' + activeBorder + 'Color', borderColor));
+
+        case 'left':
+        case 'right':
+          return (0, _objectSpread6.default)((0, _objectSpread6.default)({},
+          borderStyles), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+          direction, -borderWitdth + 2 + 'px'), "top",
+          -borderWitdth + 'px'), "borderWidth",
+          borderWitdth + 'px'),
+          'border' + activeBorder + 'Color', borderColor));
+
+        default:
+          throw new TypeError('Unknown direction ' + direction);
+      }
+    } }, { key: "getPinOptions", value:
+
+    function getPinOptions(
+    popupRect,
+    popupPosition,
+    pinSize,
+    pinOffset,
+    borderWidth)
+    {
+      var bordersDelta = 2 * borderWidth;
+      var outerSize = pinSize + bordersDelta;
+
+      switch (popupPosition.direction) {
+        case 'top':
+          return {
+            outerTop: popupRect.height,
+            outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
+            innerTop: -outerSize,
+            innerLeft: -outerSize + bordersDelta,
+            activeBorder: 'Top',
+            outerSize: outerSize
+          };
+        case 'bottom':
+          return {
+            outerTop: -2 * outerSize,
+            outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
+            innerTop: -outerSize + 2 * bordersDelta,
+            innerLeft: -outerSize + bordersDelta,
+            activeBorder: 'Bottom',
+            outerSize: outerSize
+          };
+        case 'left':
+          return {
+            outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
+            outerLeft: popupRect.width,
+            innerTop: -outerSize + bordersDelta,
+            innerLeft: -outerSize,
+            activeBorder: 'Left',
+            outerSize: outerSize
+          };
+        case 'right':
+          return {
+            outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
+            outerLeft: -2 * outerSize,
+            innerTop: -outerSize + bordersDelta,
+            innerLeft: -outerSize + 2 * bordersDelta,
+            activeBorder: 'Right',
+            outerSize: outerSize
+          };
+        default:
+          throw new Error('Direction must be one of top, right, bottom, left');
+      }
+    } }, { key: "getPinTopCoordinate", value:
+
+    function getPinTopCoordinate(popupRect, align, pinHeight, pinOffset) {
+      switch (align) {
+        case 'top':
+          return pinOffset;
+        case 'middle':
+          return popupRect.height / 2 - pinHeight;
+        case 'bottom':
+          return popupRect.height - pinOffset - 2 * pinHeight;
+        default:
+          throw new Error("Unexpected align '".concat(align, "'"));
+      }
+    } }, { key: "getPinLeftCoordinate", value:
+
+    function getPinLeftCoordinate(popupRect, align, pinHeight, pinOffset) {
+      switch (align) {
+        case 'left':
+          return pinOffset;
+        case 'center':
+          return popupRect.width / 2 - pinHeight;
+        case 'right':
+          return popupRect.width - pinOffset - 2 * pinHeight;
+        default:
+          throw new Error("Unexpected align '".concat(align, "'"));
+      }
+    } }]);}(_react.default.Component);PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.displayName = 'PopupPin';

package/cjs/internal/Popup/PopupPin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_PopupHelper","_PopupPin2","_Popup","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","createElement","PopupDataTids","popupPin","className","styles","wrapper","style","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","_ref","_ref2","width","height","borderWitdth","_extends2","_extends3","_extends6","_extends4","_extends5","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { styles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\nconst borderStyles = {\n  position: 'absolute',\n  borderStyle: 'solid',\n  borderTopColor: 'transparent',\n  borderBottomColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderRightColor: 'transparent',\n};\n\ninterface Props {\n  /**\n   * Цвет фон пина\n   */\n  backgroundColor: string;\n  /**\n   * Цвет границы пина\n   */\n  borderColor: string;\n  /**\n   * Ширина границы пина\n   */\n  borderWidth: number;\n  /**\n   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n   */\n  offset: number;\n  /**\n   * Ссылка на попап\n   */\n  popupElement: Nullable<Element>;\n  /**\n   * Позиция попапа, по которой будет вычислено положение пина\n   */\n  popupPosition: string;\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    const options = this.getPinOptions(\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n      PopupHelper.getPositionObject(this.props.popupPosition),\n      this.props.size,\n      this.props.offset,\n      this.props.borderWidth,\n    );\n\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\n      options.activeBorder,\n      options.outerSize,\n      this.props.borderColor,\n    );\n\n    const styleInner: React.CSSProperties = this.getInnerStyle(\n      options.activeBorder,\n      this.props.size,\n      this.props.backgroundColor,\n    );\n\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={styles.wrapper()} style={styleWrapper}>\n        <div style={styleOuter}>\n          <div style={styleInner} />\n        </div>\n      </div>\n    );\n  }\n\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        throw new TypeError('Unknown direction ' + popupDirection);\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -borderWidth + 'px',\n          left: left + 'px',\n          width: borderWidth * 2 + 'px',\n          height: borderWidth + 'px',\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -borderWidth + 'px',\n          top: top + 'px',\n          height: borderWidth * 2 + 'px',\n          width: borderWidth + 'px',\n        };\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          left: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          top: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          left: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          top: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getPinOptions(\n    popupRect: Rect,\n    popupPosition: PositionObject,\n    pinSize: number,\n    pinOffset: number,\n    borderWidth: number,\n  ) {\n    const bordersDelta = 2 * borderWidth;\n    const outerSize = pinSize + bordersDelta;\n\n    switch (popupPosition.direction) {\n      case 'top':\n        return {\n          outerTop: popupRect.height,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Top',\n          outerSize,\n        };\n      case 'bottom':\n        return {\n          outerTop: -2 * outerSize,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize + 2 * bordersDelta,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Bottom',\n          outerSize,\n        };\n      case 'left':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: popupRect.width,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize,\n          activeBorder: 'Left',\n          outerSize,\n        };\n      case 'right':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: -2 * outerSize,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize + 2 * bordersDelta,\n          activeBorder: 'Right',\n          outerSize,\n        };\n      default:\n        throw new Error('Direction must be one of top, right, bottom, left');\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'top':\n        return pinOffset;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return popupRect.width / 2 - pinHeight;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"],"mappings":"8UAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;;AAEA,IAAMI,YAAY,GAAG;EACnBC,QAAQ,EAAE,UAAU;EACpBC,WAAW,EAAE,OAAO;EACpBC,cAAc,EAAE,aAAa;EAC7BC,iBAAiB,EAAE,aAAa;EAChCC,eAAe,EAAE,aAAa;EAC9BC,gBAAgB,EAAE;AACpB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCWC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAAAE,gBAAA,YAAAF,SAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,QAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,QAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;EAIZE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,YAAY,EAAE;MAC5B,OAAO,IAAI;IACb;;IAEA,IAAMC,OAAO,GAAG,IAAI,CAACC,aAAa;MAChCC,wBAAW,CAACC,sBAAsB,CAAC,IAAI,CAACL,KAAK,CAACC,YAAY,CAAC;MAC3DG,wBAAW,CAACE,iBAAiB,CAAC,IAAI,CAACN,KAAK,CAACO,aAAa,CAAC;MACvD,IAAI,CAACP,KAAK,CAACQ,IAAI;MACf,IAAI,CAACR,KAAK,CAACS,MAAM;MACjB,IAAI,CAACT,KAAK,CAACU;IACb,CAAC;;IAED,IAAMC,UAA+B,GAAG,IAAI,CAACC,aAAa;MACxDV,OAAO,CAACW,YAAY;MACpBX,OAAO,CAACY,SAAS;MACjB,IAAI,CAACd,KAAK,CAACe;IACb,CAAC;;IAED,IAAMC,UAA+B,GAAG,IAAI,CAACC,aAAa;MACxDf,OAAO,CAACW,YAAY;MACpB,IAAI,CAACb,KAAK,CAACQ,IAAI;MACf,IAAI,CAACR,KAAK,CAACkB;IACb,CAAC;;IAED,IAAMC,YAAY,GAAG,IAAI,CAACC,eAAe,CAAClB,OAAO,CAACmB,SAAS,EAAEnB,OAAO,CAACoB,QAAQ,EAAEpB,OAAO,CAACY,SAAS,CAAC;;IAEjG;MACErC,MAAA,CAAAmB,OAAA,CAAA2B,aAAA,UAAK,YAAUC,oBAAa,CAACC,QAAS,EAACC,SAAS,EAAEC,iBAAM,CAACC,OAAO,CAAC,CAAE,EAACC,KAAK,EAAEV,YAAa;MACtF1C,MAAA,CAAAmB,OAAA,CAAA2B,aAAA,UAAKM,KAAK,EAAElB,UAAW;MACrBlC,MAAA,CAAAmB,OAAA,CAAA2B,aAAA,UAAKM,KAAK,EAAEb,UAAW,EAAE;MACtB;MACF,CAAC;;EAEV,CAAC,CAAAnB,MAAA;;EAEOiC,yBAAyB,GAAjC,SAAAA,0BAAA,EAAyE;IACvE,IAAMC,cAAc,GAAG3B,wBAAW,CAACE,iBAAiB,CAAC,IAAI,CAACN,KAAK,CAACO,aAAa,CAAC,CAACyB,SAAS;IACxF,QAAQD,cAAc;MACpB,KAAK,KAAK;QACR,OAAO,QAAQ;MACjB,KAAK,QAAQ;QACX,OAAO,KAAK;MACd,KAAK,MAAM;QACT,OAAO,OAAO;MAChB,KAAK,OAAO;QACV,OAAO,MAAM;MACf;QACE,MAAM,IAAIE,SAAS,CAAC,oBAAoB,GAAGF,cAAc,CAAC;IAC9D;EACF,CAAC,CAAAlC,MAAA;;EAEOuB,eAAe,GAAvB,SAAAA,gBAAwBc,IAAY,EAAEC,GAAW,EAAEzB,WAAmB,EAAE,KAAA0B,IAAA,EAAAC,KAAA;IACtE,IAAML,SAAS,GAAG,IAAI,CAACF,yBAAyB,CAAC,CAAC;IAClD,QAAQE,SAAS;MACf,KAAK,KAAK;MACV,KAAK,QAAQ;QACX,OAAAI,IAAA,OAAAA,IAAA;QACGJ,SAAS,IAAG,CAACtB,WAAW,GAAG,IAAI,EAAA0B,IAAA;QAChCF,IAAI,GAAEA,IAAI,GAAG,IAAI,EAAAE,IAAA;QACjBE,KAAK,GAAE5B,WAAW,GAAG,CAAC,GAAG,IAAI,EAAA0B,IAAA;QAC7BG,MAAM,GAAE7B,WAAW,GAAG,IAAI,EAAA0B,IAAA;;MAE9B,KAAK,MAAM;MACX,KAAK,OAAO;QACV,OAAAC,KAAA,OAAAA,KAAA;QACGL,SAAS,IAAG,CAACtB,WAAW,GAAG,IAAI,EAAA2B,KAAA;QAChCF,GAAG,GAAEA,GAAG,GAAG,IAAI,EAAAE,KAAA;QACfE,MAAM,GAAE7B,WAAW,GAAG,CAAC,GAAG,IAAI,EAAA2B,KAAA;QAC9BC,KAAK,GAAE5B,WAAW,GAAG,IAAI,EAAA2B,KAAA;;MAE7B;QACE,MAAM,IAAIJ,SAAS,CAAC,oBAAoB,GAAGD,SAAS,CAAC;IACzD;EACF,CAAC,CAAAnC,MAAA;;EAEOe,aAAa,GAArB,SAAAA,cAAsBC,YAAoB,EAAE2B,YAAoB,EAAEzB,WAAmB,EAAuB,KAAA0B,SAAA,EAAAC,SAAA;IAC1G,IAAMV,SAAS,GAAG,IAAI,CAACF,yBAAyB,CAAC,CAAC;IAClD,QAAQE,SAAS;MACf,KAAK,KAAK;MACV,KAAK,QAAQ;QACX,WAAAW,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA0D,SAAA,OAAAA,SAAA;QACdT,SAAS,IAAG,CAACQ,YAAY,GAAG,IAAI,EAAAC,SAAA;QACjCP,IAAI,GAAE,KAAK,EAAAO,SAAA;QACX/B,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAC,SAAA;QAC/B,QAAQ,GAAG5B,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA0B,SAAA;;MAEpD,KAAK,MAAM;MACX,KAAK,OAAO;QACV,WAAAE,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA2D,SAAA,OAAAA,SAAA;QACdV,SAAS,IAAG,CAACQ,YAAY,GAAG,IAAI,EAAAE,SAAA;QACjCP,GAAG,GAAE,KAAK,EAAAO,SAAA;QACVhC,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAE,SAAA;QAC/B,QAAQ,GAAG7B,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA2B,SAAA;;MAEpD;QACE,MAAM,IAAIT,SAAS,CAAC,oBAAoB,GAAGD,SAAS,CAAC;IACzD;EACF,CAAC,CAAAnC,MAAA;;EAEOoB,aAAa,GAArB,SAAAA,cAAsBJ,YAAoB,EAAE2B,YAAoB,EAAEzB,WAAmB,EAAuB,KAAA6B,SAAA,EAAAC,SAAA;IAC1G,IAAMb,SAAS,GAAG,IAAI,CAACF,yBAAyB,CAAC,CAAC;IAClD,QAAQE,SAAS;MACf,KAAK,KAAK;MACV,KAAK,QAAQ;QACX,WAAAW,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA6D,SAAA,OAAAA,SAAA;QACdZ,SAAS,IAAG,CAACQ,YAAY,GAAG,CAAC,GAAG,IAAI,EAAAI,SAAA;QACrCV,IAAI,GAAE,CAACM,YAAY,GAAG,IAAI,EAAAI,SAAA;QAC1BlC,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAI,SAAA;QAC/B,QAAQ,GAAG/B,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA6B,SAAA;;MAEpD,KAAK,MAAM;MACX,KAAK,OAAO;QACV,WAAAD,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA8D,SAAA,OAAAA,SAAA;QACdb,SAAS,IAAG,CAACQ,YAAY,GAAG,CAAC,GAAG,IAAI,EAAAK,SAAA;QACrCV,GAAG,GAAE,CAACK,YAAY,GAAG,IAAI,EAAAK,SAAA;QACzBnC,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAK,SAAA;QAC/B,QAAQ,GAAGhC,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA8B,SAAA;;MAEpD;QACE,MAAM,IAAIZ,SAAS,CAAC,oBAAoB,GAAGD,SAAS,CAAC;IACzD;EACF,CAAC,CAAAnC,MAAA;;EAEOM,aAAa,GAArB,SAAAA;EACE2C,SAAe;EACfvC,aAA6B;EAC7BwC,OAAe;EACfC,SAAiB;EACjBtC,WAAmB;EACnB;IACA,IAAMuC,YAAY,GAAG,CAAC,GAAGvC,WAAW;IACpC,IAAMI,SAAS,GAAGiC,OAAO,GAAGE,YAAY;;IAExC,QAAQ1C,aAAa,CAACyB,SAAS;MAC7B,KAAK,KAAK;QACR,OAAO;UACLV,QAAQ,EAAEwB,SAAS,CAACP,MAAM;UAC1BlB,SAAS,EAAE,IAAI,CAAC6B,oBAAoB,CAACJ,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACvGG,QAAQ,EAAE,CAACtC,SAAS;UACpBuC,SAAS,EAAE,CAACvC,SAAS,GAAGmC,YAAY;UACpCpC,YAAY,EAAE,KAAK;UACnBC,SAAS,EAATA;QACF,CAAC;MACH,KAAK,QAAQ;QACX,OAAO;UACLQ,QAAQ,EAAE,CAAC,CAAC,GAAGR,SAAS;UACxBO,SAAS,EAAE,IAAI,CAAC6B,oBAAoB,CAACJ,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACvGG,QAAQ,EAAE,CAACtC,SAAS,GAAG,CAAC,GAAGmC,YAAY;UACvCI,SAAS,EAAE,CAACvC,SAAS,GAAGmC,YAAY;UACpCpC,YAAY,EAAE,QAAQ;UACtBC,SAAS,EAATA;QACF,CAAC;MACH,KAAK,MAAM;QACT,OAAO;UACLQ,QAAQ,EAAE,IAAI,CAACgC,mBAAmB,CAACR,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACrG5B,SAAS,EAAEyB,SAAS,CAACR,KAAK;UAC1Bc,QAAQ,EAAE,CAACtC,SAAS,GAAGmC,YAAY;UACnCI,SAAS,EAAE,CAACvC,SAAS;UACrBD,YAAY,EAAE,MAAM;UACpBC,SAAS,EAATA;QACF,CAAC;MACH,KAAK,OAAO;QACV,OAAO;UACLQ,QAAQ,EAAE,IAAI,CAACgC,mBAAmB,CAACR,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACrG5B,SAAS,EAAE,CAAC,CAAC,GAAGP,SAAS;UACzBsC,QAAQ,EAAE,CAACtC,SAAS,GAAGmC,YAAY;UACnCI,SAAS,EAAE,CAACvC,SAAS,GAAG,CAAC,GAAGmC,YAAY;UACxCpC,YAAY,EAAE,OAAO;UACrBC,SAAS,EAATA;QACF,CAAC;MACH;QACE,MAAM,IAAIyC,KAAK,CAAC,mDAAmD,CAAC;IACxE;EACF,CAAC,CAAA1D,MAAA;;EAEOyD,mBAAmB,GAA3B,SAAAA,oBAA4BR,SAAe,EAAEK,KAAa,EAAEK,SAAiB,EAAER,SAAiB,EAAE;IAChG,QAAQG,KAAK;MACX,KAAK,KAAK;QACR,OAAOH,SAAS;MAClB,KAAK,QAAQ;QACX,OAAOF,SAAS,CAACP,MAAM,GAAG,CAAC,GAAGiB,SAAS;MACzC,KAAK,QAAQ;QACX,OAAOV,SAAS,CAACP,MAAM,GAAGS,SAAS,GAAG,CAAC,GAAGQ,SAAS;MACrD;QACE,MAAM,IAAID,KAAK,wBAAsBJ,KAAK,MAAG,CAAC;IAClD;EACF,CAAC,CAAAtD,MAAA;;EAEOqD,oBAAoB,GAA5B,SAAAA,qBAA6BJ,SAAe,EAAEK,KAAa,EAAEK,SAAiB,EAAER,SAAiB,EAAE;IACjG,QAAQG,KAAK;MACX,KAAK,MAAM;QACT,OAAOH,SAAS;MAClB,KAAK,QAAQ;QACX,OAAOF,SAAS,CAACR,KAAK,GAAG,CAAC,GAAGkB,SAAS;MACxC,KAAK,OAAO;QACV,OAAOV,SAAS,CAACR,KAAK,GAAGU,SAAS,GAAG,CAAC,GAAGQ,SAAS;MACpD;QACE,MAAM,IAAID,KAAK,wBAAsBJ,KAAK,MAAG,CAAC;IAClD;EACF,CAAC,QAAA7D,QAAA,GAhN2BmE,cAAK,CAACC,SAAS,EAAhCpE,QAAQ,CACLqE,mBAAmB,GAAG,UAAU,CADnCrE,QAAQ,CAELsE,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_PopupHelper","_PopupPin2","_Popup","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","createElement","PopupDataTids","popupPin","className","styles","wrapper","style","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","_defineProperty2","borderWitdth","_objectSpread6","popupRect","pinSize","pinOffset","bordersDelta","height","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","width","Error","pinHeight","concat","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { styles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\nconst borderStyles = {\n  position: 'absolute',\n  borderStyle: 'solid',\n  borderTopColor: 'transparent',\n  borderBottomColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderRightColor: 'transparent',\n};\n\ninterface Props {\n  /**\n   * Цвет фон пина\n   */\n  backgroundColor: string;\n  /**\n   * Цвет границы пина\n   */\n  borderColor: string;\n  /**\n   * Ширина границы пина\n   */\n  borderWidth: number;\n  /**\n   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n   */\n  offset: number;\n  /**\n   * Ссылка на попап\n   */\n  popupElement: Nullable<Element>;\n  /**\n   * Позиция попапа, по которой будет вычислено положение пина\n   */\n  popupPosition: string;\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    const options = this.getPinOptions(\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n      PopupHelper.getPositionObject(this.props.popupPosition),\n      this.props.size,\n      this.props.offset,\n      this.props.borderWidth,\n    );\n\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\n      options.activeBorder,\n      options.outerSize,\n      this.props.borderColor,\n    );\n\n    const styleInner: React.CSSProperties = this.getInnerStyle(\n      options.activeBorder,\n      this.props.size,\n      this.props.backgroundColor,\n    );\n\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={styles.wrapper()} style={styleWrapper}>\n        <div style={styleOuter}>\n          <div style={styleInner} />\n        </div>\n      </div>\n    );\n  }\n\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        throw new TypeError('Unknown direction ' + popupDirection);\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -borderWidth + 'px',\n          left: left + 'px',\n          width: borderWidth * 2 + 'px',\n          height: borderWidth + 'px',\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -borderWidth + 'px',\n          top: top + 'px',\n          height: borderWidth * 2 + 'px',\n          width: borderWidth + 'px',\n        };\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          left: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          top: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          left: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          top: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getPinOptions(\n    popupRect: Rect,\n    popupPosition: PositionObject,\n    pinSize: number,\n    pinOffset: number,\n    borderWidth: number,\n  ) {\n    const bordersDelta = 2 * borderWidth;\n    const outerSize = pinSize + bordersDelta;\n\n    switch (popupPosition.direction) {\n      case 'top':\n        return {\n          outerTop: popupRect.height,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Top',\n          outerSize,\n        };\n      case 'bottom':\n        return {\n          outerTop: -2 * outerSize,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize + 2 * bordersDelta,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Bottom',\n          outerSize,\n        };\n      case 'left':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: popupRect.width,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize,\n          activeBorder: 'Left',\n          outerSize,\n        };\n      case 'right':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: -2 * outerSize,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize + 2 * bordersDelta,\n          activeBorder: 'Right',\n          outerSize,\n        };\n      default:\n        throw new Error('Direction must be one of top, right, bottom, left');\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'top':\n        return pinOffset;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return popupRect.width / 2 - pinHeight;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/Popup/PopupPin.styles.js

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
 
 
 

package/cjs/internal/Popup/PopupPin.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default"],"sources":["PopupPin.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteral2","default"],"sources":["PopupPin.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"8SAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,uBAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}