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

package/cjs/internal/RenderContainer/RenderContainer.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.RenderContainer = exports.PORTAL_OUTLET_ATTR = exports.PORTAL_INLET_ATTR = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RenderContainer = exports.PORTAL_OUTLET_ATTR = exports.PORTAL_INLET_ATTR = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 
@@ -6,7 +6,7 @@ var _utils = require("../../lib/utils");
 var _Upgrades = require("../../lib/Upgrades");
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
 
-var _RenderInnerContainer = require("./RenderInnerContainer");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 _RenderInnerContainer = require("./RenderInnerContainer");
 
 
 
@@ -16,82 +16,82 @@ var _RenderInnerContainer = require("./RenderInnerContainer");function _callSupe
 var PORTAL_INLET_ATTR = exports.PORTAL_INLET_ATTR = 'data-render-container-id';
 var PORTAL_OUTLET_ATTR = exports.PORTAL_OUTLET_ATTR = 'data-rendered-container-id';var
 
-RenderContainer = exports.RenderContainer = /*#__PURE__*/function (_React$Component) {function RenderContainer() {var _this;(0, _classCallCheck2.default)(this, RenderContainer);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, RenderContainer, [].concat(args));_this.
+RenderContainer = exports.RenderContainer = /*#__PURE__*/function (_React$Component) {function RenderContainer() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
 
     domContainer = null;_this.
 
-    rootId = RenderContainer.getRootId();return _this;}(0, _inherits2.default)(RenderContainer, _React$Component);return (0, _createClass2.default)(RenderContainer, [{ key: "shouldComponentUpdate", value:
-
-    function shouldComponentUpdate(nextProps) {
-      if (!this.props.children && nextProps.children) {
-        this.mountContainer();
+    rootId = RenderContainer.getRootId();return _this;}(0, _inheritsLoose2.default)(RenderContainer, _React$Component);var _proto = RenderContainer.prototype;_proto.
+
+  shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    if (!this.props.children && nextProps.children) {
+      this.mountContainer();
+    }
+    if (this.props.children && !nextProps.children) {
+      this.unmountContainer();
+    }
+    return true;
+  };_proto.
+
+  componentWillUnmount = function componentWillUnmount() {
+    this.destroyContainer();
+  };_proto.
+
+  render = function render() {
+    if (this.props.children) {
+      this.mountContainer();
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_RenderInnerContainer.RenderInnerContainer, (0, _extends2.default)({}, this.props, { domContainer: this.domContainer, rootId: this.rootId }));
+  };_proto.
+
+  createContainer = function createContainer() {var _globalObject$documen;
+    var domContainer = (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.createElement('div');
+    if (domContainer) {
+      domContainer.setAttribute('class', _Upgrades.Upgrade.getSpecificityClassName());
+      domContainer.setAttribute(PORTAL_OUTLET_ATTR, "" + this.rootId);
+      this.domContainer = domContainer;
+    }
+  };_proto.
+
+  mountContainer = function mountContainer() {var _globalObject$documen2;
+    var globalWithReactTesting = _globalObject.globalObject;
+
+    if (!this.domContainer) {
+      this.createContainer();
+    }
+    if (this.domContainer && this.domContainer.parentNode !== ((_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.body)) {var _globalObject$documen3;
+      (_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.body.appendChild(this.domContainer);
+
+      if (this.props.containerRef) {
+        (0, _callChildRef.callChildRef)(this.props.containerRef, this.domContainer);
       }
-      if (this.props.children && !nextProps.children) {
-        this.unmountContainer();
+      if (globalWithReactTesting.ReactTesting) {
+        globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);
       }
-      return true;
-    } }, { key: "componentWillUnmount", value:
-
-    function componentWillUnmount() {
-      this.destroyContainer();
-    } }, { key: "render", value:
-
-    function render() {
-      if (this.props.children) {
-        this.mountContainer();
+    }
+  };_proto.
+
+  destroyContainer = function destroyContainer() {
+    if (this.domContainer) {
+      this.unmountContainer();
+      this.domContainer = null;
+    }
+  };_proto.
+
+  unmountContainer = function unmountContainer() {
+    if (this.domContainer && this.domContainer.parentNode) {
+      this.domContainer.parentNode.removeChild(this.domContainer);
+
+      if (this.props.containerRef) {
+        (0, _callChildRef.callChildRef)(this.props.containerRef, null);
       }
 
-      return /*#__PURE__*/_react.default.createElement(_RenderInnerContainer.RenderInnerContainer, (0, _extends2.default)({}, this.props, { domContainer: this.domContainer, rootId: this.rootId }));
-    } }, { key: "createContainer", value:
-
-    function createContainer() {var _globalObject$documen;
-      var domContainer = (_globalObject$documen = _globalObject.globalObject.document) === null || _globalObject$documen === void 0 ? void 0 : _globalObject$documen.createElement('div');
-      if (domContainer) {
-        domContainer.setAttribute('class', _Upgrades.Upgrade.getSpecificityClassName());
-        domContainer.setAttribute(PORTAL_OUTLET_ATTR, "".concat(this.rootId));
-        this.domContainer = domContainer;
-      }
-    } }, { key: "mountContainer", value:
-
-    function mountContainer() {var _globalObject$documen2;
       var globalWithReactTesting = _globalObject.globalObject;
-
-      if (!this.domContainer) {
-        this.createContainer();
-      }
-      if (this.domContainer && this.domContainer.parentNode !== ((_globalObject$documen2 = _globalObject.globalObject.document) === null || _globalObject$documen2 === void 0 ? void 0 : _globalObject$documen2.body)) {var _globalObject$documen3;
-        (_globalObject$documen3 = _globalObject.globalObject.document) === null || _globalObject$documen3 === void 0 || _globalObject$documen3.body.appendChild(this.domContainer);
-
-        if (this.props.containerRef) {
-          (0, _callChildRef.callChildRef)(this.props.containerRef, this.domContainer);
-        }
-        if (globalWithReactTesting.ReactTesting) {
-          globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);
-        }
-      }
-    } }, { key: "destroyContainer", value:
-
-    function destroyContainer() {
-      if (this.domContainer) {
-        this.unmountContainer();
-        this.domContainer = null;
-      }
-    } }, { key: "unmountContainer", value:
-
-    function unmountContainer() {
-      if (this.domContainer && this.domContainer.parentNode) {
-        this.domContainer.parentNode.removeChild(this.domContainer);
-
-        if (this.props.containerRef) {
-          (0, _callChildRef.callChildRef)(this.props.containerRef, null);
-        }
-
-        var globalWithReactTesting = _globalObject.globalObject;
-        if (globalWithReactTesting.ReactTesting) {
-          globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);
-        }
+      if (globalWithReactTesting.ReactTesting) {
+        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);
       }
-    } }]);}(_react.default.Component);RenderContainer.__KONTUR_REACT_UI__ = 'RenderContainer';RenderContainer.displayName = 'RenderContainer';RenderContainer.getRootId = function () {return (0, _utils.getRandomID)();};
+    }
+  };return RenderContainer;}(_react.default.Component);RenderContainer.__KONTUR_REACT_UI__ = 'RenderContainer';RenderContainer.displayName = 'RenderContainer';RenderContainer.getRootId = function () {return (0, _utils.getRandomID)();};

package/cjs/internal/RenderContainer/RenderContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_Upgrades","_callChildRef","_RenderInnerContainer","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","PORTAL_INLET_ATTR","exports","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","domContainer","rootId","getRootId","_inherits2","_createClass2","key","value","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","RenderInnerContainer","_extends2","createContainer","_globalObject$documen","globalObject","document","setAttribute","Upgrade","getSpecificityClassName","_globalObject$documen2","globalWithReactTesting","parentNode","body","_globalObject$documen3","appendChild","containerRef","callChildRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","getRandomID"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport type { RenderContainerProps } from './RenderContainerTypes';\n\ninterface GlobalWithReactTesting {\n  ReactTesting?: any;\n}\n\nexport const PORTAL_INLET_ATTR = 'data-render-container-id';\nexport const PORTAL_OUTLET_ATTR = 'data-rendered-container-id';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n  public static displayName = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  public shouldComponentUpdate(nextProps: RenderContainerProps) {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n    return true;\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    if (this.props.children) {\n      this.mountContainer();\n    }\n\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    const domContainer = globalObject.document?.createElement('div');\n    if (domContainer) {\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute(PORTAL_OUTLET_ATTR, `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== globalObject.document?.body) {\n      globalObject.document?.body.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, null);\n      }\n\n      const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_Upgrades","_callChildRef","_RenderInnerContainer","PORTAL_INLET_ATTR","exports","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","_inheritsLoose2","default","_proto","prototype","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","RenderInnerContainer","_extends2","createContainer","_globalObject$documen","globalObject","document","setAttribute","Upgrade","getSpecificityClassName","_globalObject$documen2","globalWithReactTesting","parentNode","body","_globalObject$documen3","appendChild","containerRef","callChildRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","getRandomID"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport type { RenderContainerProps } from './RenderContainerTypes';\n\ninterface GlobalWithReactTesting {\n  ReactTesting?: any;\n}\n\nexport const PORTAL_INLET_ATTR = 'data-render-container-id';\nexport const PORTAL_OUTLET_ATTR = 'data-rendered-container-id';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n  public static displayName = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  public shouldComponentUpdate(nextProps: RenderContainerProps) {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n    return true;\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    if (this.props.children) {\n      this.mountContainer();\n    }\n\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    const domContainer = globalObject.document?.createElement('div');\n    if (domContainer) {\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute(PORTAL_OUTLET_ATTR, `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== globalObject.document?.body) {\n      globalObject.document?.body.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, null);\n      }\n\n      const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/RenderContainer/RenderContainerTypes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";exports.__esModule = true;

package/cjs/internal/RenderContainer/RenderInnerContainer.js

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.RenderInnerContainer = exports.Portal = void 0;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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RenderInnerContainer = exports.Portal = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
 
 
 
-var _RenderContainer = require("./RenderContainer");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 _RenderContainer = require("./RenderContainer");
 
 var KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme'];
 
@@ -33,62 +33,62 @@ var KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme']
 
 var SSRPlaceholder = function SSRPlaceholder() {return /*#__PURE__*/_react.default.createElement("script", { "data-id": "ssr-placeholder" });};
 
-var Portal = exports.Portal = function Portal(_ref) {var container = _ref.container,rt_rootID = _ref.rt_rootID,children = _ref.children;
+var Portal = exports.Portal = function Portal(_ref) {var _ref2;var container = _ref.container,rt_rootID = _ref.rt_rootID,children = _ref.children;
   // container exists only in browser
   return /*#__PURE__*/(
     _react.default.createElement(_react.default.Fragment, null,
     container ? /*#__PURE__*/_reactDom.default.createPortal(children, container) : /*#__PURE__*/_react.default.createElement(SSRPlaceholder, null),
-    container ? /*#__PURE__*/_react.default.createElement("noscript", (0, _defineProperty2.default)({}, _RenderContainer.PORTAL_INLET_ATTR, rt_rootID)) : /*#__PURE__*/_react.default.createElement(SSRPlaceholder, null)
+    container ? /*#__PURE__*/_react.default.createElement("noscript", (_ref2 = {}, _ref2[_RenderContainer.PORTAL_INLET_ATTR] = rt_rootID, _ref2)) : /*#__PURE__*/_react.default.createElement(SSRPlaceholder, null)
     ));
 
 };var
 
-RenderInnerContainer = exports.RenderInnerContainer = /*#__PURE__*/function (_React$Component) {function RenderInnerContainer() {var _this;(0, _classCallCheck2.default)(this, RenderInnerContainer);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, RenderInnerContainer, [].concat(args));_this.
+RenderInnerContainer = exports.RenderInnerContainer = /*#__PURE__*/function (_React$Component) {function RenderInnerContainer() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
-    kColorsCheckerRef = /*#__PURE__*/_react.default.createRef();return _this;}(0, _inherits2.default)(RenderInnerContainer, _React$Component);return (0, _createClass2.default)(RenderInnerContainer, [{ key: "componentDidMount", value:
+    kColorsCheckerRef = /*#__PURE__*/_react.default.createRef();return _this;}(0, _inheritsLoose2.default)(RenderInnerContainer, _React$Component);var _proto = RenderInnerContainer.prototype;_proto.
 
-    function componentDidMount() {
-      this.applyKonturColorsAttributes();
-    } }, { key: "componentDidUpdate", value:
+  componentDidMount = function componentDidMount() {
+    this.applyKonturColorsAttributes();
+  };_proto.
 
-    function componentDidUpdate() {
-      this.applyKonturColorsAttributes();
-    } }, { key: "applyKonturColorsAttributes", value:
+  componentDidUpdate = function componentDidUpdate() {
+    this.applyKonturColorsAttributes();
+  };_proto.
 
-    function applyKonturColorsAttributes() {var _this$kColorsCheckerR;
-      var domContainer = this.props.domContainer;
-      var source = (_this$kColorsCheckerR = this.kColorsCheckerRef.current) === null || _this$kColorsCheckerR === void 0 ? void 0 : _this$kColorsCheckerR.closest(
-        KONTUR_COLORS_ATTRIBUTES.map(function (x) {return "[".concat(x, "]");}).join(',')
-      );
+  applyKonturColorsAttributes = function applyKonturColorsAttributes() {var _this$kColorsCheckerR;
+    var domContainer = this.props.domContainer;
+    var source = (_this$kColorsCheckerR = this.kColorsCheckerRef.current) == null ? void 0 : _this$kColorsCheckerR.closest(
+      KONTUR_COLORS_ATTRIBUTES.map(function (x) {return "[" + x + "]";}).join(',')
+    );
 
-      for (var _i = 0, _KONTUR_COLORS_ATTRIB = KONTUR_COLORS_ATTRIBUTES; _i < _KONTUR_COLORS_ATTRIB.length; _i++) {var attribute = _KONTUR_COLORS_ATTRIB[_i];
-        var value = source === null || source === void 0 ? void 0 : source.getAttribute(attribute);
-        if (value) {
-          domContainer === null || domContainer === void 0 || domContainer.setAttribute(attribute, value);
-        }
+    for (var _i = 0, _KONTUR_COLORS_ATTRIB = KONTUR_COLORS_ATTRIBUTES; _i < _KONTUR_COLORS_ATTRIB.length; _i++) {var attribute = _KONTUR_COLORS_ATTRIB[_i];
+      var value = source == null ? void 0 : source.getAttribute(attribute);
+      if (value) {
+        domContainer == null || domContainer.setAttribute(attribute, value);
       }
-    } }, { key: "render", value:
-
-    function render() {
-      var _this$props = this.props,anchor = _this$props.anchor,children = _this$props.children,domContainer = _this$props.domContainer,rootId = _this$props.rootId;
-      var inner = anchor;
-
-      if (children) {
-        inner = /*#__PURE__*/
-        _react.default.createElement(_react.default.Fragment, null,
-        anchor, /*#__PURE__*/
-        _react.default.createElement(Portal, { key: "portal-ref", rt_rootID: rootId, container: domContainer },
-        children
-        ), /*#__PURE__*/
-        _react.default.createElement("span", { ref: this.kColorsCheckerRef, style: { display: 'none' } })
-        );
+    }
+  };_proto.
+
+  render = function render() {
+    var _this$props = this.props,anchor = _this$props.anchor,children = _this$props.children,domContainer = _this$props.domContainer,rootId = _this$props.rootId;
+    var inner = anchor;
+
+    if (children) {
+      inner = /*#__PURE__*/
+      _react.default.createElement(_react.default.Fragment, null,
+      anchor, /*#__PURE__*/
+      _react.default.createElement(Portal, { key: "portal-ref", rt_rootID: rootId, container: domContainer },
+      children
+      ), /*#__PURE__*/
+      _react.default.createElement("span", { ref: this.kColorsCheckerRef, style: { display: 'none' } })
+      );
 
-      }
+    }
 
-      return inner;
-    } }]);}(_react.default.Component);RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';RenderInnerContainer.displayName = 'RenderInnerContainer';
+    return inner;
+  };return RenderInnerContainer;}(_react.default.Component);RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';RenderInnerContainer.displayName = 'RenderInnerContainer';
 
 
 Portal.__KONTUR_REACT_UI__ = 'Portal';

package/cjs/internal/RenderContainer/RenderInnerContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_RenderContainer","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","KONTUR_COLORS_ATTRIBUTES","SSRPlaceholder","createElement","Portal","exports","_ref","container","rt_rootID","children","Fragment","ReactDOM","createPortal","_defineProperty2","PORTAL_INLET_ATTR","RenderInnerContainer","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","kColorsCheckerRef","React","createRef","_inherits2","_createClass2","key","value","componentDidMount","applyKonturColorsAttributes","componentDidUpdate","_this$kColorsCheckerR","domContainer","props","source","current","closest","map","x","join","_i","_KONTUR_COLORS_ATTRIB","attribute","getAttribute","setAttribute","render","_this$props","anchor","rootId","inner","ref","style","display","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\n\nconst KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme'];\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n  domContainer: Nullable<HTMLElement>;\n  rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n  // container exists only in browser\n  return (\n    <React.Fragment>\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n      {container ? <noscript {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = 'RenderInnerContainer';\n\n  private kColorsCheckerRef = React.createRef<HTMLSpanElement>();\n\n  public componentDidMount() {\n    this.applyKonturColorsAttributes();\n  }\n\n  public componentDidUpdate() {\n    this.applyKonturColorsAttributes();\n  }\n\n  private applyKonturColorsAttributes() {\n    const { domContainer } = this.props;\n    const source = this.kColorsCheckerRef.current?.closest<HTMLElement>(\n      KONTUR_COLORS_ATTRIBUTES.map((x) => `[${x}]`).join(','),\n    );\n\n    for (const attribute of KONTUR_COLORS_ATTRIBUTES) {\n      const value = source?.getAttribute(attribute);\n      if (value) {\n        domContainer?.setAttribute(attribute, value);\n      }\n    }\n  }\n\n  public render() {\n    const { anchor, children, domContainer, rootId } = this.props;\n    let inner = anchor;\n\n    if (children) {\n      inner = (\n        <React.Fragment>\n          {anchor}\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n            {children}\n          </Portal>\n          <span ref={this.kColorsCheckerRef} style={{ display: 'none' }} />\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_RenderContainer","KONTUR_COLORS_ATTRIBUTES","SSRPlaceholder","default","createElement","Portal","exports","_ref","_ref2","container","rt_rootID","children","Fragment","ReactDOM","createPortal","PORTAL_INLET_ATTR","RenderInnerContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","kColorsCheckerRef","React","createRef","_inheritsLoose2","_proto","prototype","componentDidMount","applyKonturColorsAttributes","componentDidUpdate","_this$kColorsCheckerR","domContainer","props","source","current","closest","map","x","join","_i","_KONTUR_COLORS_ATTRIB","attribute","value","getAttribute","setAttribute","render","_this$props","anchor","rootId","inner","key","ref","style","display","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\n\nconst KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme'];\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n  domContainer: Nullable<HTMLElement>;\n  rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n  // container exists only in browser\n  return (\n    <React.Fragment>\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n      {container ? <noscript {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = 'RenderInnerContainer';\n\n  private kColorsCheckerRef = React.createRef<HTMLSpanElement>();\n\n  public componentDidMount() {\n    this.applyKonturColorsAttributes();\n  }\n\n  public componentDidUpdate() {\n    this.applyKonturColorsAttributes();\n  }\n\n  private applyKonturColorsAttributes() {\n    const { domContainer } = this.props;\n    const source = this.kColorsCheckerRef.current?.closest<HTMLElement>(\n      KONTUR_COLORS_ATTRIBUTES.map((x) => `[${x}]`).join(','),\n    );\n\n    for (const attribute of KONTUR_COLORS_ATTRIBUTES) {\n      const value = source?.getAttribute(attribute);\n      if (value) {\n        domContainer?.setAttribute(attribute, value);\n      }\n    }\n  }\n\n  public render() {\n    const { anchor, children, domContainer, rootId } = this.props;\n    let inner = anchor;\n\n    if (children) {\n      inner = (\n        <React.Fragment>\n          {anchor}\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n            {children}\n          </Portal>\n          <span ref={this.kColorsCheckerRef} style={{ display: 'none' }} />\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/RenderContainer/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _RenderContainer = require("./RenderContainer");Object.keys(_RenderContainer).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _RenderContainer[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _RenderContainer[key];} });});
+"use strict";exports.__esModule = true;var _RenderContainer = require("./RenderContainer");Object.keys(_RenderContainer).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _RenderContainer[key]) return;exports[key] = _RenderContainer[key];});

package/cjs/internal/RenderContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_RenderContainer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from './RenderContainer';\n"],"mappings":"2EAAA,IAAAA,gBAAA,GAAAC,OAAA,sBAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,gBAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_RenderContainer","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './RenderContainer';\n"],"mappings":"uCAAA,IAAAA,gBAAA,GAAAC,OAAA,sBAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/internal/RenderLayer/RenderLayer.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.RenderLayer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RenderLayer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 var _listenFocusOutside = require("../../lib/listenFocusOutside");
@@ -8,7 +8,7 @@ var _CommonWrapper = require("../CommonWrapper");
 var _rootNode = require("../../lib/rootNode");
 
 var _createPropsGetter = require("../../lib/createPropsGetter");
-var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _RenderLayer;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
+var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _RenderLayer;var
 
 
 
@@ -21,7 +21,7 @@ var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _RenderLayer;f
 
 
 
-RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLayer = /*#__PURE__*/function (_React$Component) {function RenderLayer() {var _this;(0, _classCallCheck2.default)(this, RenderLayer);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, RenderLayer, [].concat(args));_this.
+RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLayer = /*#__PURE__*/function (_React$Component) {function RenderLayer() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -121,4 +121,4 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
       if (_this.props.onClickOutside) {
         _this.props.onClickOutside(event);
       }
-    };return _this;}(0, _inherits2.default)(RenderLayer, _React$Component);return (0, _createClass2.default)(RenderLayer, [{ key: "componentDidMount", value: function componentDidMount() {if (this.getProps().active) {this.attachListeners();}} }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),active = _this$getProps.active;if (!prevProps.active && active) {this.attachListeners();}if (prevProps.active && !active) {this.detachListeners();}} }, { key: "componentWillUnmount", value: function componentWillUnmount() {if (this.getProps().active) {this.detachListeners();}} }, { key: "render", value: function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), _react.default.Children.only(this.props.children));} }, { key: "getAnchorNode", value: function getAnchorNode() {var getAnchorElement = this.props.getAnchorElement;return getAnchorElement ? getAnchorElement() : (0, _rootNode.getRootNode)(this);} }, { key: "attachListeners", value: function attachListeners() {var _globalObject$addEven, _globalObject$documen;var node = this.getAnchorNode();if (!node) {return;}this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)(function () {return [node];}, this.handleFocusOutside);(_globalObject$addEven = _globalObject.globalObject.addEventListener) === null || _globalObject$addEven === void 0 || _globalObject$addEven.call(_globalObject.globalObject, 'blur', this.handleFocusOutside);(_globalObject$documen = _globalObject.globalObject.document) === null || _globalObject$documen === void 0 || _globalObject$documen.addEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);} }, { key: "detachListeners", value: function detachListeners() {var _globalObject$removeE, _globalObject$documen2;if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}(_globalObject$removeE = _globalObject.globalObject.removeEventListener) === null || _globalObject$removeE === void 0 || _globalObject$removeE.call(_globalObject.globalObject, 'blur', this.handleFocusOutside);(_globalObject$documen2 = _globalObject.globalObject.document) === null || _globalObject$documen2 === void 0 || _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);} }]);}(_react.default.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.defaultProps = { active: true }, _RenderLayer)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(RenderLayer, _React$Component);var _proto = RenderLayer.prototype;_proto.componentDidMount = function componentDidMount() {if (this.getProps().active) {this.attachListeners();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),active = _this$getProps.active;if (!prevProps.active && active) {this.attachListeners();}if (prevProps.active && !active) {this.detachListeners();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.getProps().active) {this.detachListeners();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), _react.default.Children.only(this.props.children));};_proto.getAnchorNode = function getAnchorNode() {var getAnchorElement = this.props.getAnchorElement;return getAnchorElement ? getAnchorElement() : (0, _rootNode.getRootNode)(this);};_proto.attachListeners = function attachListeners() {var _globalObject$documen;var node = this.getAnchorNode();if (!node) {return;}this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)(function () {return [node];}, this.handleFocusOutside);_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('blur', this.handleFocusOutside);(_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};_proto.detachListeners = function detachListeners() {var _globalObject$documen2;if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('blur', this.handleFocusOutside);(_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};return RenderLayer;}(_react.default.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.defaultProps = { active: true }, _RenderLayer)) || _class;

package/cjs/internal/RenderLayer/RenderLayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_listenFocusOutside","_CommonWrapper","_rootNode","_createPropsGetter","_isInstanceOf","_class","_RenderLayer","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","RenderLayer","exports","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","getProps","createPropsGetter","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","isInstanceOf","globalObject","Element","containsTargetOrRenderContainer","onClickOutside","_inherits2","_createClass2","key","value","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","_this$getProps","detachListeners","componentWillUnmount","render","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","React","Children","only","children","getAnchorElement","getRootNode","_globalObject$addEven","_globalObject$documen","listenFocusOutside","addEventListener","call","document","documentElement","_globalObject$removeE","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const { active } = this.getProps();\n\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_listenFocusOutside","_CommonWrapper","_rootNode","_createPropsGetter","_isInstanceOf","_class","_RenderLayer","RenderLayer","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","isInstanceOf","globalObject","Element","containsTargetOrRenderContainer","onClickOutside","_inheritsLoose2","default","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","_this$getProps","detachListeners","componentWillUnmount","render","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","React","Children","only","children","getAnchorElement","getRootNode","_globalObject$documen","listenFocusOutside","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const { active } = this.getProps();\n\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/RenderLayer/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _RenderLayer = require("./RenderLayer");Object.keys(_RenderLayer).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _RenderLayer[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _RenderLayer[key];} });});
+"use strict";exports.__esModule = true;var _RenderLayer = require("./RenderLayer");Object.keys(_RenderLayer).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _RenderLayer[key]) return;exports[key] = _RenderLayer[key];});

package/cjs/internal/RenderLayer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_RenderLayer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from './RenderLayer';\n"],"mappings":"2EAAA,IAAAA,YAAA,GAAAC,OAAA,kBAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,YAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_RenderLayer","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './RenderLayer';\n"],"mappings":"uCAAA,IAAAA,YAAA,GAAAC,OAAA,kBAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/internal/ResizeDetector/ResizeDetector.js

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ResizeDetector = void 0;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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ResizeDetector = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _Emotion = require("../../lib/theming/Emotion");
 
-var _ResizeDetector2 = require("./ResizeDetector.styles");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
+var _ResizeDetector2 = require("./ResizeDetector.styles");var
 
 
 
@@ -10,7 +10,7 @@ var _ResizeDetector2 = require("./ResizeDetector.styles");function _callSuper(t,
 
 
 
-ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Component) {function ResizeDetector() {var _this;(0, _classCallCheck2.default)(this, ResizeDetector);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, ResizeDetector, [].concat(args));_this.
+ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Component) {function ResizeDetector() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -49,4 +49,4 @@ ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Componen
       if (iframe && iframe.contentWindow) {
         _this.iframeWindow = iframe.contentWindow;
       }
-    };return _this;}(0, _inherits2.default)(ResizeDetector, _React$Component);return (0, _createClass2.default)(ResizeDetector, [{ key: "componentDidMount", value: function componentDidMount() {if (this.iframeWindow) {this.iframeWindow.addEventListener('resize', this.handleResize);}} }, { key: "render", value: function render() {return /*#__PURE__*/_react.default.createElement("div", { className: _ResizeDetector2.styles.root() }, /*#__PURE__*/_react.default.createElement("iframe", { title: "resizeDetector", ref: this.iframeRef, className: _ResizeDetector2.styles.iframe(), tabIndex: -1 }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _ResizeDetector2.styles.content(), true), _ResizeDetector2.styles.fullHeight(), this.props.fullHeight), _ResizeDetector2.styles.flex(), this.props.alignBaseline)) }, this.props.children));} }]);}(_react.default.Component);ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';ResizeDetector.displayName = 'ResizeDetector';
+    };return _this;}(0, _inheritsLoose2.default)(ResizeDetector, _React$Component);var _proto = ResizeDetector.prototype;_proto.componentDidMount = function componentDidMount() {if (this.iframeWindow) {this.iframeWindow.addEventListener('resize', this.handleResize);}};_proto.render = function render() {var _cx;return /*#__PURE__*/_react.default.createElement("div", { className: _ResizeDetector2.styles.root() }, /*#__PURE__*/_react.default.createElement("iframe", { title: "resizeDetector", ref: this.iframeRef, className: _ResizeDetector2.styles.iframe(), tabIndex: -1 }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_ResizeDetector2.styles.content()] = true, _cx[_ResizeDetector2.styles.fullHeight()] = this.props.fullHeight, _cx[_ResizeDetector2.styles.flex()] = this.props.alignBaseline, _cx)) }, this.props.children));};return ResizeDetector;}(_react.default.Component);ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';ResizeDetector.displayName = 'ResizeDetector';

package/cjs/internal/ResizeDetector/ResizeDetector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ResizeDetector2","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","ResizeDetector","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inherits2","_createClass2","key","value","componentDidMount","addEventListener","render","createElement","className","styles","root","title","ref","tabIndex","cx","_defineProperty2","content","fullHeight","flex","alignBaseline","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n  alignBaseline?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div\n          className={cx({\n            [styles.content()]: true,\n            [styles.fullHeight()]: this.props.fullHeight,\n            [styles.flex()]: this.props.alignBaseline,\n          })}\n        >\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ResizeDetector2","ResizeDetector","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose2","default","_proto","prototype","componentDidMount","addEventListener","render","_cx","createElement","className","styles","root","title","ref","tabIndex","cx","content","fullHeight","flex","alignBaseline","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n  alignBaseline?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div\n          className={cx({\n            [styles.content()]: true,\n            [styles.fullHeight()]: this.props.fullHeight,\n            [styles.flex()]: this.props.alignBaseline,\n          })}\n        >\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,gBAAA,GAAAF,OAAA,4BAAiD;;;;;;;;AAQpCG,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAIjBU,YAAY,GAAkB,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAyBlCW,YAAY,GAAG,UAACC,KAAc,EAAK;MACzC,IAAIZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,EAAE;QACvBd,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOe,SAAS,GAAG,UAACC,MAAyB,EAAK;MACjD,IAAIA,MAAM,IAAIA,MAAM,CAACC,aAAa,EAAE;QAClCjB,KAAA,CAAKU,YAAY,GAAGM,MAAM,CAACC,aAAa;MAC1C;IACF,CAAC,QAAAjB,KAAA,MAAAkB,eAAA,CAAAC,OAAA,EAAAtB,cAAA,EAAAE,gBAAA,MAAAqB,MAAA,GAAAvB,cAAA,CAAAwB,SAAA,CAAAD,MAAA,CAjCME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACZ,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACa,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACZ,YAAY,CAAC,CACjE,CACF,CAAC,CAAAS,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,GAAA,CACd,oBACEjC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAEC,uBAAM,CAACC,IAAI,CAAC,CAAE,iBAC5BrC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,aAAQI,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAE,IAAI,CAAChB,SAAU,EAACY,SAAS,EAAEC,uBAAM,CAACZ,MAAM,CAAC,CAAE,EAACgB,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGxC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UACEC,SAAS,EAAE,IAAAM,WAAE,GAAAR,GAAA,OAAAA,GAAA,CACVG,uBAAM,CAACM,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAT,GAAA,CACvBG,uBAAM,CAACO,UAAU,CAAC,CAAC,IAAG,IAAI,CAACtB,KAAK,CAACsB,UAAU,EAAAV,GAAA,CAC3CG,uBAAM,CAACQ,IAAI,CAAC,CAAC,IAAG,IAAI,CAACvB,KAAK,CAACwB,aAAa,EAAAZ,GAAA,CAC1C,CAAE,IAEF,IAAI,CAACZ,KAAK,CAACyB,QACT,CACF,CAAC,CAEV,CAAC,QAAAzC,cAAA,GA3BiC0C,cAAK,CAACC,SAAS,EAAtC3C,cAAc,CACX4C,mBAAmB,GAAG,gBAAgB,CADzC5C,cAAc,CAEX6C,WAAW,GAAG,gBAAgB","ignoreList":[]}