intergalactic 15.122.0-prerelease.0 → 15.123.0

package/textarea/lib/cjs/Textarea.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -22,14 +22,14 @@ var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseD
 var _cssToIntDefault = _interopRequireDefault(require("intergalactic/utils/lib/cssToIntDefault"));
 var _rafTrottle = _interopRequireDefault(require("intergalactic/utils/lib/rafTrottle"));
 /*__reshadow-styles__:"./style/textarea.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STextarea_1859r_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_1859r);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_1859r_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1859r_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1859r_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1859r_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1859r_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1859r_gg_._size_m_1859r_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_1859r_gg_._size_l_1859r_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_1859r_gg_._state_normal_1859r_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_1859r_gg_._state_valid_1859r_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1859r_gg_._state_valid_1859r_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1859r_gg_._state_invalid_1859r_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_1859r_gg_._state_invalid_1859r_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1859r_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_1859r_gg_",
-  "_size_m": "_size_m_1859r_gg_",
-  "_size_l": "_size_l_1859r_gg_",
-  "--resize": "--resize_1859r",
-  "_state_normal": "_state_normal_1859r_gg_",
-  "_state_valid": "_state_valid_1859r_gg_",
-  "_state_invalid": "_state_invalid_1859r_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STextarea_sjkwc_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_sjkwc);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_sjkwc_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_sjkwc_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_sjkwc_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_sjkwc_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_sjkwc_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_sjkwc_gg_._size_m_sjkwc_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_sjkwc_gg_._size_l_sjkwc_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_sjkwc_gg_._state_normal_sjkwc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_sjkwc_gg_._state_valid_sjkwc_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_sjkwc_gg_._state_valid_sjkwc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_sjkwc_gg_._state_invalid_sjkwc_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_sjkwc_gg_._state_invalid_sjkwc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "sjkwc_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_sjkwc_gg_",
+  "_size_m": "_size_m_sjkwc_gg_",
+  "_size_l": "_size_l_sjkwc_gg_",
+  "--resize": "--resize_sjkwc",
+  "_state_normal": "_state_normal_sjkwc_gg_",
+  "_state_valid": "_state_valid_sjkwc_gg_",
+  "_state_invalid": "_state_invalid_sjkwc_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Textarea, _Component);

package/textarea/lib/es6/Textarea.mjs

@@ -0,0 +1,154 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import { Box } from 'intergalactic/flex-box';
+import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
+import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
+import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
+import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+/*__reshadow-styles__:"./style/textarea.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_sjkwc_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_sjkwc);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_sjkwc_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_sjkwc_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_sjkwc_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_sjkwc_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_sjkwc_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_sjkwc_gg_._size_m_sjkwc_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_sjkwc_gg_._size_l_sjkwc_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_sjkwc_gg_._state_normal_sjkwc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_sjkwc_gg_._state_valid_sjkwc_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_sjkwc_gg_._state_valid_sjkwc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_sjkwc_gg_._state_invalid_sjkwc_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_sjkwc_gg_._state_invalid_sjkwc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "sjkwc_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_sjkwc_gg_",
+  "_size_m": "_size_m_sjkwc_gg_",
+  "_size_l": "_size_l_sjkwc_gg_",
+  "--resize": "--resize_sjkwc",
+  "_state_normal": "_state_normal_sjkwc_gg_",
+  "_state_valid": "_state_valid_sjkwc_gg_",
+  "_state_invalid": "_state_invalid_sjkwc_gg_"
+});
+var Textarea = /*#__PURE__*/function (_Component) {
+  _inherits(Textarea, _Component);
+  var _super = _createSuper(Textarea);
+  function Textarea() {
+    var _this;
+    _classCallCheck(this, Textarea);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "node", null);
+    _defineProperty(_assertThisInitialized(_this), "setRef", function (node) {
+      if (!node) return;
+      _this.node = node;
+    });
+    _defineProperty(_assertThisInitialized(_this), "addGlobalHandlers", function () {
+      if (!canUseDOM()) return;
+      window.addEventListener('resize', _this.calculateRows);
+    });
+    _defineProperty(_assertThisInitialized(_this), "removeGlobalHandlers", function () {
+      if (!canUseDOM()) return;
+      window.removeEventListener('resize', _this.calculateRows);
+    });
+    _defineProperty(_assertThisInitialized(_this), "calculateRows", rafTrottle(function () {
+      var disabledScrolling = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var _assertThisInitialize = _assertThisInitialized(_this),
+        node = _assertThisInitialize.node;
+      var _this$asProps = _this.asProps,
+        rows = _this$asProps.rows,
+        minRows = _this$asProps.minRows,
+        maxRows = _this$asProps.maxRows;
+      if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;
+      var previousRows = node.rows;
+      var clonnedNode = node.cloneNode(true);
+      var computedStyle = window.getComputedStyle(node);
+      for (var i = 0; i < computedStyle.length; i++) {
+        var key = computedStyle.item(i);
+        clonnedNode.style.setProperty(key, computedStyle.getPropertyValue(key), computedStyle.getPropertyPriority(key));
+      }
+      clonnedNode.style.setProperty('visibility', 'hidden', 'important');
+      document.body.appendChild(clonnedNode);
+      var lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));
+      clonnedNode.rows = minRows;
+      clonnedNode.style.setProperty('height', 'fit-content');
+      var computed = Math.floor(clonnedNode.scrollHeight / lh);
+      document.body.removeChild(clonnedNode);
+      if (computed === previousRows) {
+        node.rows = computed;
+        return;
+      }
+      if (computed <= minRows) {
+        node.rows = minRows;
+      }
+      if (computed >= maxRows) {
+        node.rows = maxRows;
+      }
+      if ((minRows !== undefined || maxRows !== undefined) && (minRows === undefined || computed >= minRows) && (maxRows === undefined || computed <= maxRows)) {
+        node.rows = computed;
+      }
+      if (disabledScrolling) return;
+      var selectionEnd = node.selectionEnd,
+        value = node.value;
+      if (selectionEnd < value.length) return;
+      node.scrollTop = node.scrollHeight;
+    }));
+    return _this;
+  }
+  _createClass(Textarea, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      var _this2 = this;
+      return {
+        value: [function (e) {
+          return e.target.value;
+        }, function () {
+          _this2.calculateRows();
+        }]
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.calculateRows(true);
+      this.addGlobalHandlers();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$asProps2 = this.asProps,
+        minRows = _this$asProps2.minRows,
+        maxRows = _this$asProps2.maxRows,
+        value = _this$asProps2.value;
+      if (prevProps.minRows !== minRows || prevProps.maxRows !== maxRows || prevProps.value !== value) {
+        this.calculateRows();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.removeGlobalHandlers();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var STextarea = Box;
+      var styles = this.asProps.styles;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STextarea, _ref2.cn("STextarea", _objectSpread({}, _assignProps({
+        "tag": 'textarea',
+        "ref": this.setRef
+      }, _ref))));
+    }
+  }]);
+  return Textarea;
+}(Component);
+_defineProperty(Textarea, "displayName", 'Textarea');
+_defineProperty(Textarea, "defaultProps", {
+  size: 'm',
+  state: 'normal',
+  resize: 'none',
+  minRows: 2,
+  defaultValue: ''
+});
+_defineProperty(Textarea, "enhance", [autoFocusEnhance()]);
+_defineProperty(Textarea, "style", style);
+export default createComponent(Textarea);
+//# sourceMappingURL=Textarea.mjs.map

package/textarea/lib/es6/Textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.mjs","names":["React","Box","autoFocusEnhance","canUseDOM","cssToIntDefault","rafTrottle","createComponent","Component","sstyled","Root","style","_sstyled","insert","Textarea","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","node","window","addEventListener","calculateRows","removeEventListener","disabledScrolling","undefined","_assertThisInitialize","_this$asProps","asProps","rows","minRows","maxRows","previousRows","clonnedNode","cloneNode","computedStyle","getComputedStyle","i","key","item","setProperty","getPropertyValue","getPropertyPriority","document","body","appendChild","lh","computed","Math","floor","scrollHeight","removeChild","selectionEnd","value","scrollTop","_createClass","uncontrolledProps","_this2","e","target","componentDidMount","addGlobalHandlers","componentDidUpdate","prevProps","_this$asProps2","componentWillUnmount","removeGlobalHandlers","render","_ref","_ref2","STextarea","styles","createElement","cn","_objectSpread","_assignProps","setRef","size","state","resize","defaultValue"],"sources":["../../src/Textarea.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/textarea.shadow.css';\n\nclass Textarea extends Component {\n  static displayName = 'Textarea';\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    resize: 'none',\n    minRows: 2,\n    defaultValue: '',\n  };\n  static enhance = [autoFocusEnhance()];\n  static style = style;\n\n  node = null;\n\n  uncontrolledProps() {\n    return {\n      value: [\n        (e) => e.target.value,\n        () => {\n          this.calculateRows();\n        },\n      ],\n    };\n  }\n\n  setRef = (node) => {\n    if (!node) return;\n    this.node = node;\n  };\n\n  addGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.addEventListener('resize', this.calculateRows);\n  };\n\n  removeGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.removeEventListener('resize', this.calculateRows);\n  };\n\n  calculateRows = rafTrottle((disabledScrolling = false) => {\n    const { node } = this;\n    const { rows, minRows, maxRows } = this.asProps;\n    if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;\n\n    const previousRows = node.rows;\n    const clonnedNode = node.cloneNode(true);\n    const computedStyle = window.getComputedStyle(node);\n\n    for (let i = 0; i < computedStyle.length; i++) {\n      const key = computedStyle.item(i);\n\n      clonnedNode.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    }\n\n    clonnedNode.style.setProperty('visibility', 'hidden', 'important');\n\n    document.body.appendChild(clonnedNode);\n\n    const lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));\n\n    clonnedNode.rows = minRows;\n    clonnedNode.style.setProperty('height', 'fit-content');\n\n    const computed = Math.floor(clonnedNode.scrollHeight / lh);\n\n    document.body.removeChild(clonnedNode);\n\n    if (computed === previousRows) {\n      node.rows = computed;\n      return;\n    }\n    if (computed <= minRows) {\n      node.rows = minRows;\n    }\n    if (computed >= maxRows) {\n      node.rows = maxRows;\n    }\n    if (\n      (minRows !== undefined || maxRows !== undefined) &&\n      (minRows === undefined || computed >= minRows) &&\n      (maxRows === undefined || computed <= maxRows)\n    ) {\n      node.rows = computed;\n    }\n\n    if (disabledScrolling) return;\n    const { selectionEnd, value } = node;\n    if (selectionEnd < value.length) return;\n\n    node.scrollTop = node.scrollHeight;\n  });\n\n  componentDidMount() {\n    this.calculateRows(true);\n    this.addGlobalHandlers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { minRows, maxRows, value } = this.asProps;\n    if (\n      prevProps.minRows !== minRows ||\n      prevProps.maxRows !== maxRows ||\n      prevProps.value !== value\n    ) {\n      this.calculateRows();\n    }\n  }\n\n  componentWillUnmount() {\n    this.removeGlobalHandlers();\n  }\n\n  render() {\n    const STextarea = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STextarea render={Box} tag='textarea' ref={this.setRef} />);\n  }\n}\n\nexport default createComponent(Textarea);\n"],"mappings":"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"}

package/textarea/lib/es6/index.d.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.mjs.map

package/textarea/lib/es6/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\nimport { Property } from 'csstype';\nimport { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { WithAutoFocusEnhanceProps } from '@semcore/utils/lib/enhances/autoFocusEnhance';\n\n/** @deprecated */\nexport interface ITextareaProps extends TextareaProps, UnknownProperties {}\nexport type TextareaProps = BoxProps &\n  WithAutoFocusEnhanceProps & {\n    /**\n     * Text value of textarea\n     */\n    value?: string;\n    /**\n     * Default value if `value` property is not provided\n     */\n    defaultValue?: string;\n    /** Textarea size\n     * @default m\n     */\n    size?: 'm' | 'l' | false;\n    /** The value responsible for the component state\n     * @default normal\n     */\n    state?: 'normal' | 'invalid' | 'valid' | false;\n    /** Value responsible for resizing textarea\n     * @default none\n     */\n    resize?: Property.Resize | 'auto';\n    /** Value responsible for the minimum number of rows in recalculation\n     * @default 2\n     * */\n    minRows?: number;\n    /** Value responsible for the maximum number of rows in recalculation */\n    maxRows?: number;\n    /**\n     * Handler to change the value\n     */\n    onChange?: (value: string, event: SyntheticEvent<HTMLTextAreaElement>) => void;\n  };\n\ndeclare const Textarea: Intergalactic.Component<'textarea', TextareaProps>;\n\nexport default Textarea;\n"],"mappings":""}

package/textarea/lib/es6/index.mjs

@@ -0,0 +1,2 @@
+export { default } from './Textarea';
+//# sourceMappingURL=index.mjs.map

package/textarea/lib/es6/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Textarea';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY"}

package/textarea/package.json

@@ -1 +1 @@
-{"name":"intergalactic/textarea","description":"Semrush Textarea Component","version":"5.38.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/flex-box":"5.39.1","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/textarea"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/textarea","description":"Semrush Textarea Component","version":"5.39.0","main":"lib/cjs/index.js","module":"lib/es6/index.mjs","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.45.0","@semcore/flex-box":"5.40.0","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/textarea"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/time-picker/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.js';
-export { default } from './lib/es6/index.js';
+export * from './lib/es6/index.mjs';
+export { default } from './lib/es6/index.mjs';

package/time-picker/lib/cjs/PickerFormat.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");

package/time-picker/lib/cjs/PickerInput.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Minutes = exports.Hours = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _input = _interopRequireDefault(require("intergalactic/input"));
@@ -154,6 +154,7 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react["default"].createElement(SPickerInput, _ref2.cn("SPickerInput", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": _input["default"].Value,
         "ref": this.inputRef,
+        "inputMode": 'numeric',
         "size": size,
         "disabled": disabled,
         "neighborLocation": false,

package/time-picker/lib/cjs/PickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerInput.js","names":["_core","require","_react","_interopRequireDefault","_input","_select","_TimePicker","_assignProps2","_excluded","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","i","index","value","withLeadingZero","String","createElement","Option","key","defaultPopperOffset","ItemPicker","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray2","Math","event","stopPropagation","numberValue","intOrDefault","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass2","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Select","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties2","_this$state","timeValue","_this$minMax3","_this$minMax4","sstyled","cn","_objectSpread2","callAllEventHandlers","handleSelect","handleVisibleChange","assignProps","Input","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","Component","placeholder","offset","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","is12Hour","minutesInputRef","current","focus","componentDidUpdate","_prevProps","prevState","exports","_ref3","defaultProps","ml","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","focusPrev","hoursInputRef","_ref4","mr"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nconst defaultPopperOffset = [-8, 4];\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n    offset: defaultPopperOffset,\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, event) => {\n    /* hide props for bubbling events */\n    event.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (event) => this.submitChanges(event);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, event) => {\n    this.dispatchOnChange(value, event);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction='focus'\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu hMax={180}>{getOptions(min, max, step)}</Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    ml: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  focusNext() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'Enter') {\n      this.submitChanges(event);\n    }\n    if (event.key === 'ArrowRight') {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusNext();\n      }\n    }\n  };\n\n  componentDidUpdate(_prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.focusNext();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    mr: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    return [0, 59];\n  }\n\n  focusPrev() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'ArrowLeft') {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Backspace') {\n      if (currentTarget.value.length === 0) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Enter') this.submitChanges(event);\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}
+{"version":3,"file":"PickerInput.js","names":["_core","require","_react","_interopRequireDefault","_input","_select","_TimePicker","_assignProps2","_excluded","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","i","index","value","withLeadingZero","String","createElement","Option","key","defaultPopperOffset","ItemPicker","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray2","Math","event","stopPropagation","numberValue","intOrDefault","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass2","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Select","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties2","_this$state","timeValue","_this$minMax3","_this$minMax4","sstyled","cn","_objectSpread2","callAllEventHandlers","handleSelect","handleVisibleChange","assignProps","Input","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","Component","placeholder","offset","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","is12Hour","minutesInputRef","current","focus","componentDidUpdate","_prevProps","prevState","exports","_ref3","defaultProps","ml","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","focusPrev","hoursInputRef","_ref4","mr"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nconst defaultPopperOffset = [-8, 4];\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n    offset: defaultPopperOffset,\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, event) => {\n    /* hide props for bubbling events */\n    event.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (event) => this.submitChanges(event);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, event) => {\n    this.dispatchOnChange(value, event);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction='focus'\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          inputMode={'numeric'}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu hMax={180}>{getOptions(min, max, step)}</Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    ml: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  focusNext() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'Enter') {\n      this.submitChanges(event);\n    }\n    if (event.key === 'ArrowRight') {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusNext();\n      }\n    }\n  };\n\n  componentDidUpdate(_prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.focusNext();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    mr: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    return [0, 59];\n  }\n\n  focusPrev() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'ArrowLeft') {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Backspace') {\n      if (currentTarget.value.length === 0) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Enter') this.submitChanges(event);\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}

package/time-picker/lib/cjs/TimePicker.js

@@ -11,14 +11,14 @@ exports.formatHoursTo24 = formatHoursTo24;
 exports.intOrDefault = intOrDefault;
 exports.meridiemByHours = meridiemByHours;
 exports.withLeadingZero = withLeadingZero;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -30,18 +30,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1w8va_gg_{position:relative;width:auto;outline:0}.___STimePicker_1w8va_gg_.__keyboardFocused_1w8va_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1w8va_gg_.__disabled_1w8va_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1w8va_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1w8va_gg_.__placeholder_1w8va_gg_{text-overflow:initial}.___SPickerInput_1w8va_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1w8va_gg_._size_l_1w8va_gg_,.___SPickerInput_1w8va_gg_._size_m_1w8va_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1w8va_gg_._size_l_1w8va_gg_{width:21px}.___SPickerFormat_1w8va_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1w8va_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1w8va_gg_.__active_1w8va_gg_,.___SPickerFormat_1w8va_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1w8va_gg_:focus,.___SPickerFormat_1w8va_gg_:focus-visible{outline:0}.___SPickerFormat_1w8va_gg_._size_m_1w8va_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1w8va_gg_._size_m_1w8va_gg_ .___SPickerFormatText_1w8va_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1w8va_gg_._size_l_1w8va_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1w8va_gg_._size_l_1w8va_gg_ .___SPickerFormatText_1w8va_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1w8va_gg_.__disabled_1w8va_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1w8va_gg_.__keyboardFocused_1w8va_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1w8va_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1w8va_gg_.__disabled_1w8va_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1w8va_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_1w8va_gg_",
-  "_keyboardFocused": "__keyboardFocused_1w8va_gg_",
-  "_disabled": "__disabled_1w8va_gg_",
-  "__SPickerInput": "___SPickerInput_1w8va_gg_",
-  "_size_m": "_size_m_1w8va_gg_",
-  "_size_l": "_size_l_1w8va_gg_",
-  "__SPickerFormat": "___SPickerFormat_1w8va_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1w8va_gg_",
-  "_placeholder": "__placeholder_1w8va_gg_",
-  "_active": "__active_1w8va_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1w8va_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_7dmex_gg_{position:relative;width:auto;outline:0}.___STimePicker_7dmex_gg_.__keyboardFocused_7dmex_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_7dmex_gg_.__disabled_7dmex_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_7dmex_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_7dmex_gg_.__placeholder_7dmex_gg_{text-overflow:initial}.___SPickerInput_7dmex_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_7dmex_gg_._size_l_7dmex_gg_,.___SPickerInput_7dmex_gg_._size_m_7dmex_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_7dmex_gg_._size_l_7dmex_gg_{width:21px}.___SPickerFormat_7dmex_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_7dmex_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_7dmex_gg_.__active_7dmex_gg_,.___SPickerFormat_7dmex_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_7dmex_gg_:focus,.___SPickerFormat_7dmex_gg_:focus-visible{outline:0}.___SPickerFormat_7dmex_gg_._size_m_7dmex_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_7dmex_gg_._size_m_7dmex_gg_ .___SPickerFormatText_7dmex_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_7dmex_gg_._size_l_7dmex_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_7dmex_gg_._size_l_7dmex_gg_ .___SPickerFormatText_7dmex_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_7dmex_gg_.__disabled_7dmex_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_7dmex_gg_.__keyboardFocused_7dmex_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_7dmex_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_7dmex_gg_.__disabled_7dmex_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "7dmex_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_7dmex_gg_",
+  "_keyboardFocused": "__keyboardFocused_7dmex_gg_",
+  "_disabled": "__disabled_7dmex_gg_",
+  "__SPickerInput": "___SPickerInput_7dmex_gg_",
+  "_size_m": "_size_m_7dmex_gg_",
+  "_size_l": "_size_l_7dmex_gg_",
+  "__SPickerFormat": "___SPickerFormat_7dmex_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_7dmex_gg_",
+  "_placeholder": "__placeholder_7dmex_gg_",
+  "_active": "__active_7dmex_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_7dmex_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/time-picker/lib/es6/PickerFormat.mjs

@@ -0,0 +1,79 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import { Component, sstyled, Root } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import { ScreenReaderOnly } from 'intergalactic/flex-box';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+var TimePickerFormat = /*#__PURE__*/function (_Component) {
+  _inherits(TimePickerFormat, _Component);
+  var _super = _createSuper(TimePickerFormat);
+  function TimePickerFormat() {
+    var _this;
+    _classCallCheck(this, TimePickerFormat);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      changedFormatNotice: ''
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
+      setTimeout(function () {
+        var _this$asProps = _this.asProps,
+          meridiem = _this$asProps.meridiem,
+          getI18nText = _this$asProps.getI18nText;
+        _this.setState({
+          changedFormatNotice: getI18nText('changedFormatNotice', {
+            meridiem: meridiem
+          })
+        });
+      }, 0);
+      setTimeout(function () {
+        _this.setState({
+          changedFormatNotice: ''
+        });
+      }, 2000);
+    });
+    return _this;
+  }
+  _createClass(TimePickerFormat, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SPickerFormat = Box;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        meridiem = _this$asProps2.meridiem,
+        styles = _this$asProps2.styles,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
+      var changedFormatNotice = this.state.changedFormatNotice;
+      var SPickerFormatText = 'span';
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SPickerFormat, _ref2.cn("SPickerFormat", _objectSpread({}, _assignProps({
+        "type": 'button',
+        "tag": 'button',
+        "onClick": this.handleClick,
+        "aria-describedby": "".concat(uid, "_describe")
+      }, _ref))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "role": 'status',
+        "aria-live": 'polite'
+      }), changedFormatNotice), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-hidden": 'true',
+        "id": "".concat(uid, "_describe")
+      }), getI18nText('formatToggler')));
+    }
+  }]);
+  return TimePickerFormat;
+}(Component);
+_defineProperty(TimePickerFormat, "enhance", [keyboardFocusEnhance(), uniqueIDEnhancement()]);
+export default TimePickerFormat;
+//# sourceMappingURL=PickerFormat.mjs.map

package/time-picker/lib/es6/PickerFormat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerFormat.mjs","names":["React","Component","sstyled","Root","Box","keyboardFocusEnhance","ScreenReaderOnly","uniqueIDEnhancement","TimePickerFormat","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_createClass","key","value","render","_ref","_ref2","SPickerFormat","_this$asProps2","Children","styles","uid","state","SPickerFormatText","createElement","Fragment","cn","_objectSpread","_assignProps","handleClick","origin"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance(), uniqueIDEnhancement()];\n\n  state = {\n    changedFormatNotice: '',\n  };\n\n  handleClick = () => {\n    setTimeout(() => {\n      const { meridiem, getI18nText } = this.asProps;\n      this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n    }, 0);\n\n    setTimeout(() => {\n      this.setState({ changedFormatNotice: '' });\n    }, 2000);\n  };\n\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n    const { changedFormatNotice } = this.state;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <>\n        <SPickerFormat\n          render={Box}\n          type='button'\n          tag='button'\n          onClick={this.handleClick}\n          aria-describedby={`${uid}_describe`}\n        >\n          {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n        </SPickerFormat>\n        <ScreenReaderOnly role={'status'} aria-live={'polite'}>\n          {changedFormatNotice}\n        </ScreenReaderOnly>\n        <ScreenReaderOnly aria-hidden={'true'} id={`${uid}_describe`}>\n          {getI18nText('formatToggler')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACxD,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,OAAOC,mBAAmB,MAAM,6BAA6B;AAAC,IAExDC,gBAAgB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,gBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YAGZ;MACNa,mBAAmB,EAAE;IACvB,CAAC;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,kBAEa,YAAM;MAClBc,UAAU,CAAC,YAAM;QACf,IAAAC,aAAA,GAAkCf,KAAA,CAAKgB,OAAO;UAAtCC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;UAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;QAC7BlB,KAAA,CAAKmB,QAAQ,CAAC;UAAEN,mBAAmB,EAAEK,WAAW,CAAC,qBAAqB,EAAE;YAAED,QAAQ,EAARA;UAAS,CAAC;QAAE,CAAC,CAAC;MAC1F,CAAC,EAAE,CAAC,CAAC;MAELH,UAAU,CAAC,YAAM;QACfd,KAAA,CAAKmB,QAAQ,CAAC;UAAEN,mBAAmB,EAAE;QAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,IAAI,CAAC;IACV,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAAoB,YAAA,CAAAzB,gBAAA;IAAA0B,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAR,OAAA;QAAAS,KAAA;MACP,IAAMC,aAAa,GAQLnC,GAAG;MAPjB,IAAAoC,cAAA,GAAyD,IAAI,CAACX,OAAO;QAA7DY,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEX,QAAQ,GAAAU,cAAA,CAARV,QAAQ;QAAEY,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEX,WAAW,GAAAS,cAAA,CAAXT,WAAW;QAAEY,GAAG,GAAAH,cAAA,CAAHG,GAAG;MACpD,IAAQjB,mBAAmB,GAAK,IAAI,CAACkB,KAAK,CAAlClB,mBAAmB;MAC3B,IAAMmB,iBAAiB,GAAG,MAAM;MAEhC,OAAAP,KAAA,GAAOpC,OAAO,CAACwC,MAAM,CAAC,eACpB1C,KAAA,CAAA8C,aAAA,CAAA9C,KAAA,CAAA+C,QAAA,qBACE/C,KAAA,CAAA8C,aAAA,CAACP,aAAa,EAAAD,KAAA,CAAAU,EAAA,kBAAAC,aAAA,KAAAC,YAAA;QAAA,QAEP,QAAQ;QAAA,OACT,QAAQ;QAAA,WACH,IAAI,CAACC,WAAW;QAAA,uBAAA5B,MAAA,CACJoB,GAAG;MAAA,GAAAN,IAAA,KAEvBI,QAAQ,CAACW,MAAM,gBAAGpD,KAAA,CAAA8C,aAAA,CAACL,QAAQ,EAAAH,KAAA,CAAAU,EAAA,iBAAG,gBAAGhD,KAAA,CAAA8C,aAAA,CAACD,iBAAiB,EAAAP,KAAA,CAAAU,EAAA,2BAAElB,QAAQ,CAAqB,CACrE,eAChB9B,KAAA,CAAA8C,aAAA,CAACxC,gBAAgB,EAAAgC,KAAA,CAAAU,EAAA;QAAA,QAAO,QAAQ;QAAA,aAAa;MAAQ,IAClDtB,mBAAmB,CACH,eACnB1B,KAAA,CAAA8C,aAAA,CAACxC,gBAAgB,EAAAgC,KAAA,CAAAU,EAAA;QAAA,eAAc,MAAM;QAAA,SAAAzB,MAAA,CAASoB,GAAG;MAAA,IAC9CZ,WAAW,CAAC,eAAe,CAAC,CACZ,CAClB;IAEP;EAAC;EAAA,OAAAvB,gBAAA;AAAA,EA3C4BP,SAAS;AAAAuB,eAAA,CAAlChB,gBAAgB,aACH,CAACH,oBAAoB,EAAE,EAAEE,mBAAmB,EAAE,CAAC;AA6ClE,eAAeC,gBAAgB"}