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

package/components/Loader/__stories__/LoaderAndButton/LoaderAndButton.js

@@ -1,12 +1,4 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { Tooltip } from "../../../Tooltip";
 import { Button } from "../../../Button";
@@ -14,52 +6,50 @@ import { Loader } from "../../Loader";
 export var LoaderAndButton = /*#__PURE__*/function (_React$Component) {
   function LoaderAndButton() {
     var _this;
-    _classCallCheck(this, LoaderAndButton);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, LoaderAndButton, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
       isTooltipOpened: false
     };
     return _this;
   }
-  _inherits(LoaderAndButton, _React$Component);
-  return _createClass(LoaderAndButton, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/(
-        React.createElement(Loader, {
-          active: this.props.active,
-          type: 'big'
-        }, /*#__PURE__*/
-        React.createElement("h1", null, "Yeah, and if you were the pope they'd be all, \"Straighten your pope hat.\" And \"Put on your good vestments.\""), /*#__PURE__*/
-        React.createElement(Tooltip, {
-          render: function render() {
-            return 'Yes, you can!';
-          },
-          trigger: this.state.isTooltipOpened ? 'opened' : 'closed'
-        }, /*#__PURE__*/
-        React.createElement(Button, {
-          onClick: function onClick() {
-            _this2.setState({
-              isActive: true,
-              isTooltipOpened: true
-            });
-          }
-        }, "Can you click me?")), /*#__PURE__*/
-        React.createElement("p", null, "No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela, Bender, we're going grave robbing."), /*#__PURE__*/
-        React.createElement("p", null, "Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?", ' ', /*#__PURE__*/
-        React.createElement("strong", null, " Moving along\u2026 I guess if you want children beaten, you have to do it yourself."), /*#__PURE__*/
-        React.createElement("em", null, "It's okay, Bender."), " I like cooking too."), /*#__PURE__*/
-        React.createElement("h2", null, "Oh, I think we should just stay friends."), /*#__PURE__*/
-        React.createElement("p", null, "No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go\u2026 look for more stuff to steal! Oh, how awful. Did he at least die painlessly? \u2026To shreds, you say. Well, how is his wife holding up? \u2026To shreds, you say."), /*#__PURE__*/
-        React.createElement("ol", null, /*#__PURE__*/
-        React.createElement("li", null, "No! The kind with looting and maybe starting a few fires!"), /*#__PURE__*/
-        React.createElement("li", null, "You are the last hope of the universe."), /*#__PURE__*/
-        React.createElement("li", null, "Hey, guess what you're accessories to.")))
-      );
-    }
-  }]);
+  _inheritsLoose(LoaderAndButton, _React$Component);
+  var _proto = LoaderAndButton.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/(
+      React.createElement(Loader, {
+        active: this.props.active,
+        type: 'big'
+      }, /*#__PURE__*/
+      React.createElement("h1", null, "Yeah, and if you were the pope they'd be all, \"Straighten your pope hat.\" And \"Put on your good vestments.\""), /*#__PURE__*/
+      React.createElement(Tooltip, {
+        render: function render() {
+          return 'Yes, you can!';
+        },
+        trigger: this.state.isTooltipOpened ? 'opened' : 'closed'
+      }, /*#__PURE__*/
+      React.createElement(Button, {
+        onClick: function onClick() {
+          _this2.setState({
+            isActive: true,
+            isTooltipOpened: true
+          });
+        }
+      }, "Can you click me?")), /*#__PURE__*/
+      React.createElement("p", null, "No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela, Bender, we're going grave robbing."), /*#__PURE__*/
+      React.createElement("p", null, "Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?", ' ', /*#__PURE__*/
+      React.createElement("strong", null, " Moving along\u2026 I guess if you want children beaten, you have to do it yourself."), /*#__PURE__*/
+      React.createElement("em", null, "It's okay, Bender."), " I like cooking too."), /*#__PURE__*/
+      React.createElement("h2", null, "Oh, I think we should just stay friends."), /*#__PURE__*/
+      React.createElement("p", null, "No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go\u2026 look for more stuff to steal! Oh, how awful. Did he at least die painlessly? \u2026To shreds, you say. Well, how is his wife holding up? \u2026To shreds, you say."), /*#__PURE__*/
+      React.createElement("ol", null, /*#__PURE__*/
+      React.createElement("li", null, "No! The kind with looting and maybe starting a few fires!"), /*#__PURE__*/
+      React.createElement("li", null, "You are the last hope of the universe."), /*#__PURE__*/
+      React.createElement("li", null, "Hey, guess what you're accessories to.")))
+    );
+  };
+  return LoaderAndButton;
 }(React.Component);

package/components/Loader/__stories__/LoaderAndButton/LoaderAndButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tooltip","Button","Loader","LoaderAndButton","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","state","isTooltipOpened","_inherits","_createClass","key","value","render","_this2","createElement","active","props","type","trigger","onClick","setState","isActive","Component"],"sources":["LoaderAndButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { Button } from '../../Button';\nimport { Loader } from '../Loader';\nimport type { LoaderProps } from '..';\n\ntype LoaderAndButtonProps = Pick<LoaderProps, 'active'>;\ninterface LoaderAndButtonState {\n  isTooltipOpened: boolean;\n  isActive?: boolean;\n}\nexport class LoaderAndButton extends React.Component<LoaderAndButtonProps, LoaderAndButtonState> {\n  public state: LoaderAndButtonState = {\n    isTooltipOpened: false,\n  };\n\n  public render() {\n    return (\n      <Loader active={this.props.active} type={'big'}>\n        <h1>\n          Yeah, and if you were the pope they&apos;d be all, &quot;Straighten your pope hat.&quot; And &quot;Put on your\n          good vestments.&quot;\n        </h1>\n        <Tooltip render={() => 'Yes, you can!'} trigger={this.state.isTooltipOpened ? 'opened' : 'closed'}>\n          <Button\n            onClick={() => {\n              this.setState({ isActive: true, isTooltipOpened: true });\n            }}\n          >\n            Can you click me?\n          </Button>\n        </Tooltip>\n        <p>\n          No, I&apos;m Santa Claus! I guess if you want children beaten, you have to do it yourself. We&apos;re also\n          Santa Claus! Leela, Bender, we&apos;re going grave robbing.\n        </p>\n        <p>\n          Are you crazy? I can&apos;t swallow that. Large bet on myself in round one. Hey, whatcha watching?{' '}\n          <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>\n          <em>It&apos;s okay, Bender.</em> I like cooking too.\n        </p>\n        <h2>Oh, I think we should just stay friends.</h2>\n        <p>\n          No argument here. And when we woke up, we had these bodies. You guys go on without me! I&apos;m going to go…\n          look for more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is\n          his wife holding up? …To shreds, you say.\n        </p>\n        <ol>\n          <li>No! The kind with looting and maybe starting a few fires!</li>\n          <li>You are the last hope of the universe.</li>\n          <li>Hey, guess what you&apos;re accessories to.</li>\n        </ol>\n      </Loader>\n    );\n  }\n}\n"],"mappings":"ipBAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,MAAM,QAAQ,WAAW;;;;;;;;AAQlC,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,KAAA,CAAAC,eAAA,OAAAH,eAAA,WAAAI,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,GAAAP,KAAA,GAAAQ,UAAA,OAAAV,eAAA,KAAAW,MAAA,CAAAJ,IAAA,GAAAL,KAAA;IACnBU,KAAK,GAAyB;MACnCC,eAAe,EAAE;IACnB,CAAC,QAAAX,KAAA,EAAAY,SAAA,CAAAd,eAAA,EAAAC,gBAAA,SAAAc,YAAA,CAAAf,eAAA,KAAAgB,GAAA,YAAAC,KAAA;;IAED,SAAAC,OAAA,EAAgB,KAAAC,MAAA;MACd;QACEvB,KAAA,CAAAwB,aAAA,CAACrB,MAAM,IAACsB,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD,MAAO,EAACE,IAAI,EAAE,KAAM;QAC7C3B,KAAA,CAAAwB,aAAA,aAAI;;;QAGA,CAAC;QACLxB,KAAA,CAAAwB,aAAA,CAACvB,OAAO,IAACqB,MAAM,EAAE,SAAAA,OAAA,UAAM,eAAe,EAAC,EAACM,OAAO,EAAE,IAAI,CAACZ,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,QAAS;QAChGjB,KAAA,CAAAwB,aAAA,CAACtB,MAAM;UACL2B,OAAO,EAAE,SAAAA,QAAA,EAAM;YACbN,MAAI,CAACO,QAAQ,CAAC,EAAEC,QAAQ,EAAE,IAAI,EAAEd,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;UAC1D,CAAE;QACH;;QAEO;QACD,CAAC;QACVjB,KAAA,CAAAwB,aAAA,YAAG;;;QAGA,CAAC;QACJxB,KAAA,CAAAwB,aAAA,YAAG,+FACiG;QAAC,GAAG;QACtGxB,KAAA,CAAAwB,aAAA,iBAAQ,sFAAuF,CAAC;QAChGxB,KAAA,CAAAwB,aAAA,aAAI,oBAA2B,CAAC;QAC/B,CAAC;QACJxB,KAAA,CAAAwB,aAAA,aAAI,0CAA4C,CAAC;QACjDxB,KAAA,CAAAwB,aAAA,YAAG;;;;QAIA,CAAC;QACJxB,KAAA,CAAAwB,aAAA;QACExB,KAAA,CAAAwB,aAAA,aAAI,2DAA6D,CAAC;QAClExB,KAAA,CAAAwB,aAAA,aAAI,wCAA0C,CAAC;QAC/CxB,KAAA,CAAAwB,aAAA,aAAI,wCAA+C;QACjD;QACE,CAAC;;IAEb,CAAC,OA3CkCxB,KAAK,CAACgC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Tooltip","Button","Loader","LoaderAndButton","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","isTooltipOpened","_inheritsLoose","_proto","prototype","render","_this2","createElement","active","props","type","trigger","onClick","setState","isActive","Component"],"sources":["LoaderAndButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { Button } from '../../Button';\nimport { Loader } from '../Loader';\nimport type { LoaderProps } from '..';\n\ntype LoaderAndButtonProps = Pick<LoaderProps, 'active'>;\ninterface LoaderAndButtonState {\n  isTooltipOpened: boolean;\n  isActive?: boolean;\n}\nexport class LoaderAndButton extends React.Component<LoaderAndButtonProps, LoaderAndButtonState> {\n  public state: LoaderAndButtonState = {\n    isTooltipOpened: false,\n  };\n\n  public render() {\n    return (\n      <Loader active={this.props.active} type={'big'}>\n        <h1>\n          Yeah, and if you were the pope they&apos;d be all, &quot;Straighten your pope hat.&quot; And &quot;Put on your\n          good vestments.&quot;\n        </h1>\n        <Tooltip render={() => 'Yes, you can!'} trigger={this.state.isTooltipOpened ? 'opened' : 'closed'}>\n          <Button\n            onClick={() => {\n              this.setState({ isActive: true, isTooltipOpened: true });\n            }}\n          >\n            Can you click me?\n          </Button>\n        </Tooltip>\n        <p>\n          No, I&apos;m Santa Claus! I guess if you want children beaten, you have to do it yourself. We&apos;re also\n          Santa Claus! Leela, Bender, we&apos;re going grave robbing.\n        </p>\n        <p>\n          Are you crazy? I can&apos;t swallow that. Large bet on myself in round one. Hey, whatcha watching?{' '}\n          <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>\n          <em>It&apos;s okay, Bender.</em> I like cooking too.\n        </p>\n        <h2>Oh, I think we should just stay friends.</h2>\n        <p>\n          No argument here. And when we woke up, we had these bodies. You guys go on without me! I&apos;m going to go…\n          look for more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is\n          his wife holding up? …To shreds, you say.\n        </p>\n        <ol>\n          <li>No! The kind with looting and maybe starting a few fires!</li>\n          <li>You are the last hope of the universe.</li>\n          <li>Hey, guess what you&apos;re accessories to.</li>\n        </ol>\n      </Loader>\n    );\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,MAAM,QAAQ,WAAW;;;;;;;;AAQlC,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,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;IACnBU,KAAK,GAAyB;MACnCC,eAAe,EAAE;IACnB,CAAC,QAAAX,KAAA,EAAAY,cAAA,CAAAd,eAAA,EAAAC,gBAAA,MAAAc,MAAA,GAAAf,eAAA,CAAAgB,SAAA,CAAAD,MAAA;;EAEME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA;IACd;MACEtB,KAAA,CAAAuB,aAAA,CAACpB,MAAM,IAACqB,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD,MAAO,EAACE,IAAI,EAAE,KAAM;MAC7C1B,KAAA,CAAAuB,aAAA,aAAI;;;MAGA,CAAC;MACLvB,KAAA,CAAAuB,aAAA,CAACtB,OAAO,IAACoB,MAAM,EAAE,SAAAA,OAAA,UAAM,eAAe,EAAC,EAACM,OAAO,EAAE,IAAI,CAACX,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,QAAS;MAChGjB,KAAA,CAAAuB,aAAA,CAACrB,MAAM;QACL0B,OAAO,EAAE,SAAAA,QAAA,EAAM;UACbN,MAAI,CAACO,QAAQ,CAAC,EAAEC,QAAQ,EAAE,IAAI,EAAEb,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAE;MACH;;MAEO;MACD,CAAC;MACVjB,KAAA,CAAAuB,aAAA,YAAG;;;MAGA,CAAC;MACJvB,KAAA,CAAAuB,aAAA,YAAG,+FACiG;MAAC,GAAG;MACtGvB,KAAA,CAAAuB,aAAA,iBAAQ,sFAAuF,CAAC;MAChGvB,KAAA,CAAAuB,aAAA,aAAI,oBAA2B,CAAC;MAC/B,CAAC;MACJvB,KAAA,CAAAuB,aAAA,aAAI,0CAA4C,CAAC;MACjDvB,KAAA,CAAAuB,aAAA,YAAG;;;;MAIA,CAAC;MACJvB,KAAA,CAAAuB,aAAA;MACEvB,KAAA,CAAAuB,aAAA,aAAI,2DAA6D,CAAC;MAClEvB,KAAA,CAAAuB,aAAA,aAAI,wCAA0C,CAAC;MAC/CvB,KAAA,CAAAuB,aAAA,aAAI,wCAA+C;MACjD;MACE,CAAC;;EAEb,CAAC,QAAAnB,eAAA,GA3CkCJ,KAAK,CAAC+B,SAAS","ignoreList":[]}

package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js

@@ -1,6 +1,5 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "onInput", "onFocus", "onBlur", "showOnFocus", "alwaysShowMask"]; /* eslint react-hooks/exhaustive-deps: 2 */
 
 import React, { useEffect, useContext, useImperativeHandle, useRef, useCallback, useState } from 'react';
@@ -24,16 +23,15 @@ export var ColorableInputElement = forwardRefAndName('ColorableInputElement', fu
   var updateActiveTimer = useRef();
   var theme = useContext(ThemeContext);
   var _useState = useState(Boolean(props.alwaysShowMask || !props.placeholder && (props.value || props.defaultValue))),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
+    active = _useState[0],
+    setActive = _useState[1];
   var children = props.children,
     onInput = props.onInput,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
     showOnFocus = props.showOnFocus,
     alwaysShowMask = props.alwaysShowMask,
-    inputProps = _objectWithoutProperties(props, _excluded);
+    inputProps = _objectWithoutPropertiesLoose(props, _excluded);
   var stopUpdateActive = useCallback(function () {
     clearTimeout(updateActiveTimer.current);
   }, []);
@@ -47,26 +45,26 @@ export var ColorableInputElement = forwardRefAndName('ColorableInputElement', fu
           clientWidth = _inputRef$current.clientWidth,
           scrollWidth = _inputRef$current.scrollWidth;
         var scrollable = scrollWidth > clientWidth;
-        var placeholderShown = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || (_inputRef$current2 = _inputRef$current2.parentElement) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.querySelector(':placeholder-shown');
+        var placeholderShown = (_inputRef$current2 = inputRef.current) == null || (_inputRef$current2 = _inputRef$current2.parentElement) == null ? void 0 : _inputRef$current2.querySelector(':placeholder-shown');
         nextActive = !(scrollable || placeholderShown);
       }
       setActive(nextActive);
     }, 0);
   }, [stopUpdateActive]);
   var paintText = useCallback(function () {
-    var _inputRef$current4, _shadow, _shadow2, _inputRef$current$get, _inputRef$current$get2, _props$style, _props$style2;
+    var _inputRef$current4, _shadow, _shadow2, _props$style, _props$style2;
     var win = tryGetWindow(inputRef.current);
     var doc = tryGetDocument(inputRef.current);
     if (!spanRef.current || !inputRef.current || !isWindow(win) || !isDocument(doc) || !active) {
       var _inputRef$current3;
       inputRef.current && (inputRef.current.style.backgroundImage = '');
-      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.classList.remove(globalClasses.input);
+      (_inputRef$current3 = inputRef.current) == null || _inputRef$current3.classList.remove(globalClasses.input);
       return;
     }
-    (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.classList.add(globalClasses.input);
+    (_inputRef$current4 = inputRef.current) == null || _inputRef$current4.classList.add(globalClasses.input);
     var shadow = spanRef.current.shadowRoot;
-    var typedValueElement = (_shadow = shadow) === null || _shadow === void 0 ? void 0 : _shadow.getElementById('typed-value');
-    var fullValueElement = (_shadow2 = shadow) === null || _shadow2 === void 0 ? void 0 : _shadow2.getElementById('full-value');
+    var typedValueElement = (_shadow = shadow) == null ? void 0 : _shadow.getElementById('typed-value');
+    var fullValueElement = (_shadow2 = shadow) == null ? void 0 : _shadow2.getElementById('full-value');
     if (!typedValueElement || !fullValueElement) {
       shadow = spanRef.current.attachShadow({
         mode: 'open'
@@ -78,13 +76,8 @@ export var ColorableInputElement = forwardRefAndName('ColorableInputElement', fu
       shadow.append(typedValueElement, fullValueElement);
     }
     var style = getComputedStyle(inputRef.current);
-    var inputValue = inputRef.current.value || inputRef.current.defaultValue || '';
-    var unmasked = (_inputRef$current$get = inputRef.current.getAttribute('data-unmasked-value')) !== null && _inputRef$current$get !== void 0 ? _inputRef$current$get : '';
-    var typedValue = (_inputRef$current$get2 = inputRef.current.getAttribute('data-typed-value')) !== null && _inputRef$current$get2 !== void 0 ? _inputRef$current$get2 : '';
-    // Рассинхрон: в инпуте пусто, а data-* ещё старые (например после undo/blur) — не показываем серый текст
-    var hasDesync = inputValue === '' && unmasked !== '';
-    typedValueElement.textContent = hasDesync ? '' : (unmasked || focused.current) && typedValue || '';
-    fullValueElement.textContent = inputValue;
+    typedValueElement.textContent = (inputRef.current.getAttribute('data-unmasked-value') || focused.current) && inputRef.current.getAttribute('data-typed-value') || '';
+    fullValueElement.textContent = inputRef.current.value || inputRef.current.defaultValue || '';
     var inputRect = inputRef.current.getBoundingClientRect();
     var typedValueRect = typedValueElement.getBoundingClientRect();
     var fullValueRect = fullValueElement.getBoundingClientRect();
@@ -101,30 +94,30 @@ export var ColorableInputElement = forwardRefAndName('ColorableInputElement', fu
     if (props.showOnFocus) {
       maskColor = focused.current ? maskColor : 'transparent';
     }
-    if (((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.textAlign) === 'right') {
+    if (((_props$style = props.style) == null ? void 0 : _props$style.textAlign) === 'right') {
       indent = 100 * restValueWidth;
     }
-    if (((_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.textAlign) === 'center') {
+    if (((_props$style2 = props.style) == null ? void 0 : _props$style2.textAlign) === 'center') {
       indent = 50 * restValueWidth;
     }
-    inputRef.current.style.backgroundImage = "\n      linear-gradient(\n          ".concat(degree, "deg,\n          ").concat(typedValueColor, " ").concat(threshold + indent, "%,\n          ").concat(maskColor, " ").concat(threshold + indent, "%\n      )");
-  }, [active, props.showOnFocus, props.disabled, theme.inputTextColor, theme.inputPlaceholderColor, theme.inputTextColorDisabled, (_props$style3 = props.style) === null || _props$style3 === void 0 ? void 0 : _props$style3.textAlign]);
+    inputRef.current.style.backgroundImage = "\n      linear-gradient(\n          " + degree + "deg,\n          " + typedValueColor + " " + (threshold + indent) + "%,\n          " + maskColor + " " + (threshold + indent) + "%\n      )";
+  }, [active, props.showOnFocus, props.disabled, theme.inputTextColor, theme.inputPlaceholderColor, theme.inputTextColorDisabled, (_props$style3 = props.style) == null ? void 0 : _props$style3.textAlign]);
   var debouncedPaintText = useCallback(function () {
     return debounce(paintText);
   }, [paintText])();
   var handleInput = useCallback(function (e) {
     debouncedPaintText();
-    onInput === null || onInput === void 0 || onInput(e);
+    onInput == null || onInput(e);
   }, [debouncedPaintText, onInput]);
   var handleFocus = useCallback(function (e) {
     updateActive();
     focused.current = true;
-    onFocus === null || onFocus === void 0 || onFocus(e);
+    onFocus == null || onFocus(e);
   }, [onFocus, updateActive]);
   var handleBlur = useCallback(function (e) {
     updateActive();
     focused.current = false;
-    onBlur === null || onBlur === void 0 || onBlur(e);
+    onBlur == null || onBlur(e);
   }, [onBlur, updateActive]);
   useImperativeHandle(ref, function () {
     return {
@@ -141,7 +134,7 @@ export var ColorableInputElement = forwardRefAndName('ColorableInputElement', fu
   }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);
   return /*#__PURE__*/(
     React.createElement(React.Fragment, null, /*#__PURE__*/
-    React.cloneElement(children, _objectSpread(_objectSpread({}, inputProps), {}, {
+    React.cloneElement(children, _extends({}, inputProps, {
       onInput: handleInput,
       onFocus: handleFocus,
       onBlur: handleBlur,

package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useContext","useImperativeHandle","useRef","useCallback","useState","debounce","ThemeContext","forwardRefAndName","cx","isDocument","isWindow","tryGetDocument","tryGetWindow","globalClasses","ColorableInputElement","props","ref","_props$style3","inputRef","spanRef","focused","updateActiveTimer","theme","_useState","Boolean","alwaysShowMask","placeholder","value","defaultValue","_useState2","_slicedToArray","active","setActive","children","onInput","onFocus","onBlur","showOnFocus","inputProps","_objectWithoutProperties","_excluded","stopUpdateActive","clearTimeout","current","updateActive","setTimeout","nextActive","_inputRef$current2","_inputRef$current","clientWidth","scrollWidth","scrollable","placeholderShown","parentElement","querySelector","paintText","_inputRef$current4","_shadow","_shadow2","_inputRef$current$get","_inputRef$current$get2","_props$style","_props$style2","win","doc","_inputRef$current3","style","backgroundImage","classList","remove","input","add","shadow","shadowRoot","typedValueElement","getElementById","fullValueElement","attachShadow","mode","createElement","setAttribute","append","getComputedStyle","inputValue","unmasked","getAttribute","typedValue","hasDesync","textContent","inputRect","getBoundingClientRect","typedValueRect","fullValueRect","threshold","width","degree","fontStyle","restValueWidth","Math","min","typedValueColor","inputTextColor","maskColor","inputPlaceholderColor","indent","disabled","inputTextColorDisabled","textAlign","concat","debouncedPaintText","handleInput","e","handleFocus","handleBlur","getRootNode","Fragment","cloneElement","_objectSpread","className","visibility","position","whiteSpace"],"sources":["ColorableInputElement.tsx"],"sourcesContent":["/* eslint react-hooks/exhaustive-deps: 2 */\nimport type { ForwardedRef } from 'react';\nimport React, { useEffect, useContext, useImperativeHandle, useRef, useCallback, useState } from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { InputElement, InputElementProps } from '../../Input';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { isDocument, isWindow, tryGetDocument, tryGetWindow } from '../../../lib/utils';\n\nimport { globalClasses } from './ColorableInputElement.styles';\n\nexport type ColorableInputElementProps = InputElementProps & {\n  alwaysShowMask?: boolean;\n  showOnFocus?: boolean;\n  children: React.ReactElement;\n};\n\n// Возможно придётся включить.\n// Иногда, на тяжёлых страницах, текст рендерится итеративно.\n// Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.\n// setInterval(() => window.requestAnimationFrame(() => dictionary.forEach((paint) => paint())), 1000);\n\nexport const ColorableInputElement = forwardRefAndName(\n  'ColorableInputElement',\n  function ColorableInputElement(props: ColorableInputElementProps, ref: ForwardedRef<InputElement>) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const spanRef = useRef<HTMLSpanElement | null>(null);\n    const focused = useRef(false);\n    const updateActiveTimer = useRef<ReturnType<typeof setTimeout>>();\n    const theme = useContext(ThemeContext);\n    const [active, setActive] = useState(\n      Boolean(props.alwaysShowMask || (!props.placeholder && (props.value || props.defaultValue))),\n    );\n\n    const { children, onInput, onFocus, onBlur, showOnFocus, alwaysShowMask, ...inputProps } = props;\n\n    const stopUpdateActive = useCallback(() => {\n      clearTimeout(updateActiveTimer.current);\n    }, []);\n\n    const updateActive = useCallback(() => {\n      stopUpdateActive();\n      updateActiveTimer.current = setTimeout(() => {\n        let nextActive = true;\n        if (inputRef.current) {\n          const { clientWidth, scrollWidth } = inputRef.current;\n          const scrollable = scrollWidth > clientWidth;\n\n          const placeholderShown = inputRef.current?.parentElement?.querySelector(':placeholder-shown');\n\n          nextActive = !(scrollable || placeholderShown);\n        }\n        setActive(nextActive);\n      }, 0);\n    }, [stopUpdateActive]);\n\n    const paintText = useCallback(() => {\n      const win = tryGetWindow(inputRef.current);\n      const doc = tryGetDocument(inputRef.current);\n      if (!spanRef.current || !inputRef.current || !isWindow(win) || !isDocument(doc) || !active) {\n        inputRef.current && (inputRef.current.style.backgroundImage = '');\n        inputRef.current?.classList.remove(globalClasses.input);\n\n        return;\n      }\n\n      inputRef.current?.classList.add(globalClasses.input);\n\n      let shadow = spanRef.current.shadowRoot;\n      let typedValueElement = shadow?.getElementById('typed-value');\n      let fullValueElement = shadow?.getElementById('full-value');\n\n      if (!typedValueElement || !fullValueElement) {\n        shadow = spanRef.current.attachShadow({ mode: 'open' });\n\n        typedValueElement = doc.createElement('span');\n        fullValueElement = doc.createElement('span');\n        typedValueElement.setAttribute('id', 'typed-value');\n        fullValueElement.setAttribute('id', 'full-value');\n\n        shadow.append(typedValueElement, fullValueElement);\n      }\n\n      const style = getComputedStyle(inputRef.current);\n\n      const inputValue = inputRef.current.value || inputRef.current.defaultValue || '';\n      const unmasked = inputRef.current.getAttribute('data-unmasked-value') ?? '';\n      const typedValue = inputRef.current.getAttribute('data-typed-value') ?? '';\n      // Рассинхрон: в инпуте пусто, а data-* ещё старые (например после undo/blur) — не показываем серый текст\n      const hasDesync = inputValue === '' && unmasked !== '';\n\n      typedValueElement.textContent = hasDesync ? '' : ((unmasked || focused.current) && typedValue) || '';\n\n      fullValueElement.textContent = inputValue;\n\n      const inputRect = inputRef.current.getBoundingClientRect();\n      const typedValueRect = typedValueElement.getBoundingClientRect();\n      const fullValueRect = fullValueElement.getBoundingClientRect();\n\n      const threshold = typedValueRect.width / (inputRect.width / 100);\n      const degree = style.fontStyle === 'italic' ? 100 : 90;\n      const restValueWidth = 1 - Math.min(fullValueRect.width / inputRect.width, 1);\n\n      let typedValueColor = theme.inputTextColor;\n      let maskColor = theme.inputPlaceholderColor;\n      let indent = 0;\n\n      if (props.disabled) {\n        typedValueColor = theme.inputTextColorDisabled;\n        maskColor = theme.inputTextColorDisabled;\n      }\n      if (props.showOnFocus) {\n        maskColor = focused.current ? maskColor : 'transparent';\n      }\n      if (props.style?.textAlign === 'right') {\n        indent = 100 * restValueWidth;\n      }\n      if (props.style?.textAlign === 'center') {\n        indent = 50 * restValueWidth;\n      }\n\n      inputRef.current.style.backgroundImage = `\n      linear-gradient(\n          ${degree}deg,\n          ${typedValueColor} ${threshold + indent}%,\n          ${maskColor} ${threshold + indent}%\n      )`;\n    }, [\n      active,\n      props.showOnFocus,\n      props.disabled,\n      theme.inputTextColor,\n      theme.inputPlaceholderColor,\n      theme.inputTextColorDisabled,\n      props.style?.textAlign,\n    ]);\n\n    const debouncedPaintText = useCallback(() => debounce(paintText), [paintText])();\n\n    const handleInput = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        debouncedPaintText();\n\n        onInput?.(e);\n      },\n      [debouncedPaintText, onInput],\n    );\n\n    const handleFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = true;\n\n        onFocus?.(e);\n      },\n      [onFocus, updateActive],\n    );\n\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = false;\n\n        onBlur?.(e);\n      },\n      [onBlur, updateActive],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        input: inputRef.current,\n        getRootNode: () => inputRef.current,\n      }),\n      [],\n    );\n\n    useEffect(() => {\n      debouncedPaintText();\n      updateActive();\n\n      return stopUpdateActive;\n    }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);\n\n    return (\n      <>\n        {React.cloneElement(children, {\n          ...inputProps,\n          onInput: handleInput,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n          inputRef,\n          className: cx(props.className, active && globalClasses.input),\n        })}\n        {active && <span style={{ visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }} ref={spanRef} />}\n      </>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useContext","useImperativeHandle","useRef","useCallback","useState","debounce","ThemeContext","forwardRefAndName","cx","isDocument","isWindow","tryGetDocument","tryGetWindow","globalClasses","ColorableInputElement","props","ref","_props$style3","inputRef","spanRef","focused","updateActiveTimer","theme","_useState","Boolean","alwaysShowMask","placeholder","value","defaultValue","active","setActive","children","onInput","onFocus","onBlur","showOnFocus","inputProps","_objectWithoutPropertiesLoose","_excluded","stopUpdateActive","clearTimeout","current","updateActive","setTimeout","nextActive","_inputRef$current2","_inputRef$current","clientWidth","scrollWidth","scrollable","placeholderShown","parentElement","querySelector","paintText","_inputRef$current4","_shadow","_shadow2","_props$style","_props$style2","win","doc","_inputRef$current3","style","backgroundImage","classList","remove","input","add","shadow","shadowRoot","typedValueElement","getElementById","fullValueElement","attachShadow","mode","createElement","setAttribute","append","getComputedStyle","textContent","getAttribute","inputRect","getBoundingClientRect","typedValueRect","fullValueRect","threshold","width","degree","fontStyle","restValueWidth","Math","min","typedValueColor","inputTextColor","maskColor","inputPlaceholderColor","indent","disabled","inputTextColorDisabled","textAlign","debouncedPaintText","handleInput","e","handleFocus","handleBlur","getRootNode","Fragment","cloneElement","_extends","className","visibility","position","whiteSpace"],"sources":["ColorableInputElement.tsx"],"sourcesContent":["/* eslint react-hooks/exhaustive-deps: 2 */\nimport type { ForwardedRef } from 'react';\nimport React, { useEffect, useContext, useImperativeHandle, useRef, useCallback, useState } from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { InputElement, InputElementProps } from '../../Input';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { isDocument, isWindow, tryGetDocument, tryGetWindow } from '../../../lib/utils';\n\nimport { globalClasses } from './ColorableInputElement.styles';\n\nexport type ColorableInputElementProps = InputElementProps & {\n  alwaysShowMask?: boolean;\n  showOnFocus?: boolean;\n  children: React.ReactElement;\n};\n\n// Возможно придётся включить.\n// Иногда, на тяжёлых страницах, текст рендерится итеративно.\n// Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.\n// setInterval(() => window.requestAnimationFrame(() => dictionary.forEach((paint) => paint())), 1000);\n\nexport const ColorableInputElement = forwardRefAndName(\n  'ColorableInputElement',\n  function ColorableInputElement(props: ColorableInputElementProps, ref: ForwardedRef<InputElement>) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const spanRef = useRef<HTMLSpanElement | null>(null);\n    const focused = useRef(false);\n    const updateActiveTimer = useRef<ReturnType<typeof setTimeout>>();\n    const theme = useContext(ThemeContext);\n    const [active, setActive] = useState(\n      Boolean(props.alwaysShowMask || (!props.placeholder && (props.value || props.defaultValue))),\n    );\n\n    const { children, onInput, onFocus, onBlur, showOnFocus, alwaysShowMask, ...inputProps } = props;\n\n    const stopUpdateActive = useCallback(() => {\n      clearTimeout(updateActiveTimer.current);\n    }, []);\n\n    const updateActive = useCallback(() => {\n      stopUpdateActive();\n      updateActiveTimer.current = setTimeout(() => {\n        let nextActive = true;\n        if (inputRef.current) {\n          const { clientWidth, scrollWidth } = inputRef.current;\n          const scrollable = scrollWidth > clientWidth;\n\n          const placeholderShown = inputRef.current?.parentElement?.querySelector(':placeholder-shown');\n\n          nextActive = !(scrollable || placeholderShown);\n        }\n        setActive(nextActive);\n      }, 0);\n    }, [stopUpdateActive]);\n\n    const paintText = useCallback(() => {\n      const win = tryGetWindow(inputRef.current);\n      const doc = tryGetDocument(inputRef.current);\n      if (!spanRef.current || !inputRef.current || !isWindow(win) || !isDocument(doc) || !active) {\n        inputRef.current && (inputRef.current.style.backgroundImage = '');\n        inputRef.current?.classList.remove(globalClasses.input);\n\n        return;\n      }\n\n      inputRef.current?.classList.add(globalClasses.input);\n\n      let shadow = spanRef.current.shadowRoot;\n      let typedValueElement = shadow?.getElementById('typed-value');\n      let fullValueElement = shadow?.getElementById('full-value');\n\n      if (!typedValueElement || !fullValueElement) {\n        shadow = spanRef.current.attachShadow({ mode: 'open' });\n\n        typedValueElement = doc.createElement('span');\n        fullValueElement = doc.createElement('span');\n        typedValueElement.setAttribute('id', 'typed-value');\n        fullValueElement.setAttribute('id', 'full-value');\n\n        shadow.append(typedValueElement, fullValueElement);\n      }\n\n      const style = getComputedStyle(inputRef.current);\n\n      typedValueElement.textContent =\n        ((inputRef.current.getAttribute('data-unmasked-value') || focused.current) &&\n          inputRef.current.getAttribute('data-typed-value')) ||\n        '';\n\n      fullValueElement.textContent = inputRef.current.value || inputRef.current.defaultValue || '';\n\n      const inputRect = inputRef.current.getBoundingClientRect();\n      const typedValueRect = typedValueElement.getBoundingClientRect();\n      const fullValueRect = fullValueElement.getBoundingClientRect();\n\n      const threshold = typedValueRect.width / (inputRect.width / 100);\n      const degree = style.fontStyle === 'italic' ? 100 : 90;\n      const restValueWidth = 1 - Math.min(fullValueRect.width / inputRect.width, 1);\n\n      let typedValueColor = theme.inputTextColor;\n      let maskColor = theme.inputPlaceholderColor;\n      let indent = 0;\n\n      if (props.disabled) {\n        typedValueColor = theme.inputTextColorDisabled;\n        maskColor = theme.inputTextColorDisabled;\n      }\n      if (props.showOnFocus) {\n        maskColor = focused.current ? maskColor : 'transparent';\n      }\n      if (props.style?.textAlign === 'right') {\n        indent = 100 * restValueWidth;\n      }\n      if (props.style?.textAlign === 'center') {\n        indent = 50 * restValueWidth;\n      }\n\n      inputRef.current.style.backgroundImage = `\n      linear-gradient(\n          ${degree}deg,\n          ${typedValueColor} ${threshold + indent}%,\n          ${maskColor} ${threshold + indent}%\n      )`;\n    }, [\n      active,\n      props.showOnFocus,\n      props.disabled,\n      theme.inputTextColor,\n      theme.inputPlaceholderColor,\n      theme.inputTextColorDisabled,\n      props.style?.textAlign,\n    ]);\n\n    const debouncedPaintText = useCallback(() => debounce(paintText), [paintText])();\n\n    const handleInput = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        debouncedPaintText();\n\n        onInput?.(e);\n      },\n      [debouncedPaintText, onInput],\n    );\n\n    const handleFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = true;\n\n        onFocus?.(e);\n      },\n      [onFocus, updateActive],\n    );\n\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        updateActive();\n\n        focused.current = false;\n\n        onBlur?.(e);\n      },\n      [onBlur, updateActive],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        input: inputRef.current,\n        getRootNode: () => inputRef.current,\n      }),\n      [],\n    );\n\n    useEffect(() => {\n      debouncedPaintText();\n      updateActive();\n\n      return stopUpdateActive;\n    }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);\n\n    return (\n      <>\n        {React.cloneElement(children, {\n          ...inputProps,\n          onInput: handleInput,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n          inputRef,\n          className: cx(props.className, active && globalClasses.input),\n        })}\n        {active && <span style={{ visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }} ref={spanRef} />}\n      </>\n    );\n  },\n);\n"],"mappings":"6PAAA;;AAEA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACxG,OAAOC,QAAQ,MAAM,iBAAiB;;AAEtC,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,UAAU,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,YAAY,QAAQ,oBAAoB;;AAEvF,SAASC,aAAa,QAAQ,gCAAgC;;;;;;;;AAQ9D;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,qBAAqB,GAAGP,iBAAiB;EACpD,uBAAuB;EACvB,SAASO,qBAAqBA,CAACC,KAAiC,EAAEC,GAA+B,EAAE,KAAAC,aAAA;IACjG,IAAMC,QAAQ,GAAGhB,MAAM,CAA0B,IAAI,CAAC;IACtD,IAAMiB,OAAO,GAAGjB,MAAM,CAAyB,IAAI,CAAC;IACpD,IAAMkB,OAAO,GAAGlB,MAAM,CAAC,KAAK,CAAC;IAC7B,IAAMmB,iBAAiB,GAAGnB,MAAM,CAAgC,CAAC;IACjE,IAAMoB,KAAK,GAAGtB,UAAU,CAACM,YAAY,CAAC;IACtC,IAAAiB,SAAA,GAA4BnB,QAAQ;QAClCoB,OAAO,CAACT,KAAK,CAACU,cAAc,IAAK,CAACV,KAAK,CAACW,WAAW,KAAKX,KAAK,CAACY,KAAK,IAAIZ,KAAK,CAACa,YAAY,CAAE;MAC7F,CAAC,CAFMC,MAAM,GAAAN,SAAA,IAAEO,SAAS,GAAAP,SAAA;;IAIxB,IAAQQ,QAAQ,GAA2EhB,KAAK,CAAxFgB,QAAQ,CAAEC,OAAO,GAAkEjB,KAAK,CAA9EiB,OAAO,CAAEC,OAAO,GAAyDlB,KAAK,CAArEkB,OAAO,CAAEC,MAAM,GAAiDnB,KAAK,CAA5DmB,MAAM,CAAEC,WAAW,GAAoCpB,KAAK,CAApDoB,WAAW,CAAEV,cAAc,GAAoBV,KAAK,CAAvCU,cAAc,CAAKW,UAAU,GAAAC,6BAAA,CAAKtB,KAAK,EAAAuB,SAAA;;IAEhG,IAAMC,gBAAgB,GAAGpC,WAAW,CAAC,YAAM;MACzCqC,YAAY,CAACnB,iBAAiB,CAACoB,OAAO,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAMC,YAAY,GAAGvC,WAAW,CAAC,YAAM;MACrCoC,gBAAgB,CAAC,CAAC;MAClBlB,iBAAiB,CAACoB,OAAO,GAAGE,UAAU,CAAC,YAAM;QAC3C,IAAIC,UAAU,GAAG,IAAI;QACrB,IAAI1B,QAAQ,CAACuB,OAAO,EAAE,KAAAI,kBAAA;UACpB,IAAAC,iBAAA,GAAqC5B,QAAQ,CAACuB,OAAO,CAA7CM,WAAW,GAAAD,iBAAA,CAAXC,WAAW,CAAEC,WAAW,GAAAF,iBAAA,CAAXE,WAAW;UAChC,IAAMC,UAAU,GAAGD,WAAW,GAAGD,WAAW;;UAE5C,IAAMG,gBAAgB,IAAAL,kBAAA,GAAG3B,QAAQ,CAACuB,OAAO,cAAAI,kBAAA,GAAhBA,kBAAA,CAAkBM,aAAa,qBAA/BN,kBAAA,CAAiCO,aAAa,CAAC,oBAAoB,CAAC;;UAE7FR,UAAU,GAAG,EAAEK,UAAU,IAAIC,gBAAgB,CAAC;QAChD;QACApB,SAAS,CAACc,UAAU,CAAC;MACvB,CAAC,EAAE,CAAC,CAAC;IACP,CAAC,EAAE,CAACL,gBAAgB,CAAC,CAAC;;IAEtB,IAAMc,SAAS,GAAGlD,WAAW,CAAC,YAAM,KAAAmD,kBAAA,EAAAC,OAAA,EAAAC,QAAA,EAAAC,YAAA,EAAAC,aAAA;MAClC,IAAMC,GAAG,GAAG/C,YAAY,CAACM,QAAQ,CAACuB,OAAO,CAAC;MAC1C,IAAMmB,GAAG,GAAGjD,cAAc,CAACO,QAAQ,CAACuB,OAAO,CAAC;MAC5C,IAAI,CAACtB,OAAO,CAACsB,OAAO,IAAI,CAACvB,QAAQ,CAACuB,OAAO,IAAI,CAAC/B,QAAQ,CAACiD,GAAG,CAAC,IAAI,CAAClD,UAAU,CAACmD,GAAG,CAAC,IAAI,CAAC/B,MAAM,EAAE,KAAAgC,kBAAA;QAC1F3C,QAAQ,CAACuB,OAAO,KAAKvB,QAAQ,CAACuB,OAAO,CAACqB,KAAK,CAACC,eAAe,GAAG,EAAE,CAAC;QACjE,CAAAF,kBAAA,GAAA3C,QAAQ,CAACuB,OAAO,aAAhBoB,kBAAA,CAAkBG,SAAS,CAACC,MAAM,CAACpD,aAAa,CAACqD,KAAK,CAAC;;QAEvD;MACF;;MAEA,CAAAZ,kBAAA,GAAApC,QAAQ,CAACuB,OAAO,aAAhBa,kBAAA,CAAkBU,SAAS,CAACG,GAAG,CAACtD,aAAa,CAACqD,KAAK,CAAC;;MAEpD,IAAIE,MAAM,GAAGjD,OAAO,CAACsB,OAAO,CAAC4B,UAAU;MACvC,IAAIC,iBAAiB,IAAAf,OAAA,GAAGa,MAAM,qBAANb,OAAA,CAAQgB,cAAc,CAAC,aAAa,CAAC;MAC7D,IAAIC,gBAAgB,IAAAhB,QAAA,GAAGY,MAAM,qBAANZ,QAAA,CAAQe,cAAc,CAAC,YAAY,CAAC;;MAE3D,IAAI,CAACD,iBAAiB,IAAI,CAACE,gBAAgB,EAAE;QAC3CJ,MAAM,GAAGjD,OAAO,CAACsB,OAAO,CAACgC,YAAY,CAAC,EAAEC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;;QAEvDJ,iBAAiB,GAAGV,GAAG,CAACe,aAAa,CAAC,MAAM,CAAC;QAC7CH,gBAAgB,GAAGZ,GAAG,CAACe,aAAa,CAAC,MAAM,CAAC;QAC5CL,iBAAiB,CAACM,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;QACnDJ,gBAAgB,CAACI,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;;QAEjDR,MAAM,CAACS,MAAM,CAACP,iBAAiB,EAAEE,gBAAgB,CAAC;MACpD;;MAEA,IAAMV,KAAK,GAAGgB,gBAAgB,CAAC5D,QAAQ,CAACuB,OAAO,CAAC;;MAEhD6B,iBAAiB,CAACS,WAAW;MAC1B,CAAC7D,QAAQ,CAACuB,OAAO,CAACuC,YAAY,CAAC,qBAAqB,CAAC,IAAI5D,OAAO,CAACqB,OAAO;MACvEvB,QAAQ,CAACuB,OAAO,CAACuC,YAAY,CAAC,kBAAkB,CAAC;MACnD,EAAE;;MAEJR,gBAAgB,CAACO,WAAW,GAAG7D,QAAQ,CAACuB,OAAO,CAACd,KAAK,IAAIT,QAAQ,CAACuB,OAAO,CAACb,YAAY,IAAI,EAAE;;MAE5F,IAAMqD,SAAS,GAAG/D,QAAQ,CAACuB,OAAO,CAACyC,qBAAqB,CAAC,CAAC;MAC1D,IAAMC,cAAc,GAAGb,iBAAiB,CAACY,qBAAqB,CAAC,CAAC;MAChE,IAAME,aAAa,GAAGZ,gBAAgB,CAACU,qBAAqB,CAAC,CAAC;;MAE9D,IAAMG,SAAS,GAAGF,cAAc,CAACG,KAAK,IAAIL,SAAS,CAACK,KAAK,GAAG,GAAG,CAAC;MAChE,IAAMC,MAAM,GAAGzB,KAAK,CAAC0B,SAAS,KAAK,QAAQ,GAAG,GAAG,GAAG,EAAE;MACtD,IAAMC,cAAc,GAAG,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACP,aAAa,CAACE,KAAK,GAAGL,SAAS,CAACK,KAAK,EAAE,CAAC,CAAC;;MAE7E,IAAIM,eAAe,GAAGtE,KAAK,CAACuE,cAAc;MAC1C,IAAIC,SAAS,GAAGxE,KAAK,CAACyE,qBAAqB;MAC3C,IAAIC,MAAM,GAAG,CAAC;;MAEd,IAAIjF,KAAK,CAACkF,QAAQ,EAAE;QAClBL,eAAe,GAAGtE,KAAK,CAAC4E,sBAAsB;QAC9CJ,SAAS,GAAGxE,KAAK,CAAC4E,sBAAsB;MAC1C;MACA,IAAInF,KAAK,CAACoB,WAAW,EAAE;QACrB2D,SAAS,GAAG1E,OAAO,CAACqB,OAAO,GAAGqD,SAAS,GAAG,aAAa;MACzD;MACA,IAAI,EAAArC,YAAA,GAAA1C,KAAK,CAAC+C,KAAK,qBAAXL,YAAA,CAAa0C,SAAS,MAAK,OAAO,EAAE;QACtCH,MAAM,GAAG,GAAG,GAAGP,cAAc;MAC/B;MACA,IAAI,EAAA/B,aAAA,GAAA3C,KAAK,CAAC+C,KAAK,qBAAXJ,aAAA,CAAayC,SAAS,MAAK,QAAQ,EAAE;QACvCH,MAAM,GAAG,EAAE,GAAGP,cAAc;MAC9B;;MAEAvE,QAAQ,CAACuB,OAAO,CAACqB,KAAK,CAACC,eAAe;;MAEhCwB,MAAM;MACNK,eAAe,UAAIP,SAAS,GAAGW,MAAM;MACrCF,SAAS,UAAIT,SAAS,GAAGW,MAAM,gBACnC;;IACJ,CAAC,EAAE;IACDnE,MAAM;IACNd,KAAK,CAACoB,WAAW;IACjBpB,KAAK,CAACkF,QAAQ;IACd3E,KAAK,CAACuE,cAAc;IACpBvE,KAAK,CAACyE,qBAAqB;IAC3BzE,KAAK,CAAC4E,sBAAsB,GAAAjF,aAAA;IAC5BF,KAAK,CAAC+C,KAAK,qBAAX7C,aAAA,CAAakF,SAAS;IACvB,CAAC;;IAEF,IAAMC,kBAAkB,GAAGjG,WAAW,CAAC,oBAAME,QAAQ,CAACgD,SAAS,CAAC,IAAE,CAACA,SAAS,CAAC,CAAC,CAAC,CAAC;;IAEhF,IAAMgD,WAAW,GAAGlG,WAAW;MAC7B,UAACmG,CAAsC,EAAK;QAC1CF,kBAAkB,CAAC,CAAC;;QAEpBpE,OAAO,YAAPA,OAAO,CAAGsE,CAAC,CAAC;MACd,CAAC;MACD,CAACF,kBAAkB,EAAEpE,OAAO;IAC9B,CAAC;;IAED,IAAMuE,WAAW,GAAGpG,WAAW;MAC7B,UAACmG,CAAqC,EAAK;QACzC5D,YAAY,CAAC,CAAC;;QAEdtB,OAAO,CAACqB,OAAO,GAAG,IAAI;;QAEtBR,OAAO,YAAPA,OAAO,CAAGqE,CAAC,CAAC;MACd,CAAC;MACD,CAACrE,OAAO,EAAES,YAAY;IACxB,CAAC;;IAED,IAAM8D,UAAU,GAAGrG,WAAW;MAC5B,UAACmG,CAAqC,EAAK;QACzC5D,YAAY,CAAC,CAAC;;QAEdtB,OAAO,CAACqB,OAAO,GAAG,KAAK;;QAEvBP,MAAM,YAANA,MAAM,CAAGoE,CAAC,CAAC;MACb,CAAC;MACD,CAACpE,MAAM,EAAEQ,YAAY;IACvB,CAAC;;IAEDzC,mBAAmB;MACjBe,GAAG;MACH,oBAAO;UACLkD,KAAK,EAAEhD,QAAQ,CAACuB,OAAO;UACvBgE,WAAW,EAAE,SAAAA,YAAA,UAAMvF,QAAQ,CAACuB,OAAO;QACrC,CAAC,EAAC;MACF;IACF,CAAC;;IAED1C,SAAS,CAAC,YAAM;MACdqG,kBAAkB,CAAC,CAAC;MACpB1D,YAAY,CAAC,CAAC;;MAEd,OAAOH,gBAAgB;IACzB,CAAC,EAAE,CAACG,YAAY,EAAE3B,KAAK,CAACY,KAAK,EAAEZ,KAAK,CAACa,YAAY,EAAEN,KAAK,EAAE8E,kBAAkB,EAAE7D,gBAAgB,CAAC,CAAC;;IAEhG;MACEzC,KAAA,CAAA6E,aAAA,CAAA7E,KAAA,CAAA4G,QAAA;MACG5G,KAAK,CAAC6G,YAAY,CAAC5E,QAAQ,EAAA6E,QAAA;MACvBxE,UAAU;QACbJ,OAAO,EAAEqE,WAAW;QACpBpE,OAAO,EAAEsE,WAAW;QACpBrE,MAAM,EAAEsE,UAAU;QAClBtF,QAAQ,EAARA,QAAQ;QACR2F,SAAS,EAAErG,EAAE,CAACO,KAAK,CAAC8F,SAAS,EAAEhF,MAAM,IAAIhB,aAAa,CAACqD,KAAK,CAAC;MAC9D,CAAC;MACDrC,MAAM,iBAAI/B,KAAA,CAAA6E,aAAA,WAAMb,KAAK,EAAE,EAAEgD,UAAU,EAAE,QAAQ,EAAEC,QAAQ,EAAE,UAAU,EAAEC,UAAU,EAAE,KAAK,CAAC,CAAE,EAAChG,GAAG,EAAEG,OAAQ,EAAE;MAC1G,CAAC;;EAEP;AACF,CAAC","ignoreList":[]}

package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js

@@ -1,7 +1,7 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
 import { injectGlobal, prefix } from "../../../../lib/theming/Emotion";
 export var globalClasses = prefix('colorable')({
   input: 'input'
 });
-injectGlobal(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  input.", " {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  /* \u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043F\u0440\u0438 \u0430\u0432\u0442\u043E\u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0438 (:-webkit-autofill) \u043F\u044B\u0442\u0430\u0435\u0442\u0441\u044F \u0441\u0430\u043C \u0437\u0430\u0434\u0430\u0442\u044C \u0446\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430.\n     \u0414\u043B\u044F MaskedInput \u0442\u0435\u043A\u0441\u0442 \u0432\u0441\u0435\u0433\u0434\u0430 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \xAB\u043F\u0440\u043E\u0437\u0440\u0430\u0447\u043D\u044B\u043C\xBB, \u0430 \u0446\u0432\u0435\u0442 \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430\u0448\u0438\u043C \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C.\n     \u041F\u043E\u044D\u0442\u043E\u043C\u0443 \u043F\u0440\u0438 \u0430\u0432\u0442\u043E\u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0438 \u043F\u0440\u0438\u043D\u0443\u0434\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0435\u043C \u043F\u0440\u043E\u0437\u0440\u0430\u0447\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442. */\n  input.", ":-webkit-autofill {\n    -webkit-text-fill-color: transparent !important;\n  }\n"])), globalClasses.input, globalClasses.input);
+injectGlobal(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  input.", " {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n"])), globalClasses.input);

package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["injectGlobal","prefix","globalClasses","input","_templateObject","_taggedTemplateLiteral"],"sources":["ColorableInputElement.styles.ts"],"sourcesContent":["import { injectGlobal, prefix } from '../../../lib/theming/Emotion';\n\nexport const globalClasses = prefix('colorable')({\n  input: 'input',\n});\n\ninjectGlobal`\n  input.${globalClasses.input} {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  /* Браузер при автозаполнении (:-webkit-autofill) пытается сам задать цвет текста.\n     Для MaskedInput текст всегда должен быть «прозрачным», а цвет задаётся только нашим градиентом.\n     Поэтому при автозаполнении принудительно оставляем прозрачный текст. */\n  input.${globalClasses.input}:-webkit-autofill {\n    -webkit-text-fill-color: transparent !important;\n  }\n`;\n"],"mappings":"0GAAA,SAASA,YAAY,EAAEC,MAAM,QAAQ,8BAA8B;;AAEnE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,WAAW,CAAC,CAAC;EAC/CE,KAAK,EAAE;AACT,CAAC,CAAC;;AAEFH,YAAY,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;AACFH,aAAa,CAACC,KAAK;;;;;;;;;;;;AAYnBD,aAAa,CAACC,KAAK","ignoreList":[]}
+{"version":3,"names":["injectGlobal","prefix","globalClasses","input","_templateObject","_taggedTemplateLiteralLoose"],"sources":["ColorableInputElement.styles.ts"],"sourcesContent":["import { injectGlobal, prefix } from '../../../lib/theming/Emotion';\n\nexport const globalClasses = prefix('colorable')({\n  input: 'input',\n});\n\ninjectGlobal`\n  input.${globalClasses.input} {\n    display: inline-block;\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: repeat;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n`;\n"],"mappings":"oHAAA,SAASA,YAAY,EAAEC,MAAM,QAAQ,8BAA8B;;AAEnE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,WAAW,CAAC,CAAC;EAC/CE,KAAK,EAAE;AACT,CAAC,CAAC;;AAEFH,YAAY,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;AACFH,aAAa,CAACC,KAAK","ignoreList":[]}