pax_global_header00006660000000000000000000000064137645505470014532gustar00rootroot0000000000000052 comment=a10e51b33aa72a2406c7a9e2600c33900eecb5a8 JedWatson-react-input-autosize-8449fb2/000077500000000000000000000000001376455054700200665ustar00rootroot00000000000000JedWatson-react-input-autosize-8449fb2/.babelrc000066400000000000000000000003121376455054700214550ustar00rootroot00000000000000{ "presets": [ ["env"], "stage-2", "react" ], "env": { "production": { "ignore": ["node-modules/**", "src/__tests__/**"] }, "test": { "ignore": ["node-modules/**"] } } } JedWatson-react-input-autosize-8449fb2/.editorconfig000066400000000000000000000004401376455054700225410ustar00rootroot00000000000000# This file is for unifying the coding style for different editors and IDEs # editorconfig.org root = true [*] end_of_line = lf charset = utf-8 trim_trailing_whitespace = false insert_final_newline = true indent_style = tab indent_size = 4 [*.json] indent_style = space indent_size = 2 JedWatson-react-input-autosize-8449fb2/.eslintignore000066400000000000000000000000541376455054700225700ustar00rootroot00000000000000lib/* dist/* examples/dist/* node_modules/* JedWatson-react-input-autosize-8449fb2/.eslintrc.js000066400000000000000000000001131376455054700223200ustar00rootroot00000000000000module.exports = { extends: 'keystone-react', parser: 'babel-eslint', }; JedWatson-react-input-autosize-8449fb2/.gitignore000066400000000000000000000002301376455054700220510ustar00rootroot00000000000000# Logs logs *.log # Runtime data pids *.pid *.seed # Coverage tools lib-cov coverage # Dependency directory node_modules # Build .publish yarn.lock JedWatson-react-input-autosize-8449fb2/.npmignore000066400000000000000000000000721376455054700220640ustar00rootroot00000000000000.publish *.log bower.json example/dist logs src/__tests__ JedWatson-react-input-autosize-8449fb2/HISTORY.md000066400000000000000000000047241376455054700215600ustar00rootroot00000000000000# react-input-autosize ## v3.0.0 / 2020-12-11 This release adds support for React 17 and removes usage of UNSAFE React lifecycle methods, thanks to [Nathan Bierema](https://github.com/Methuselah96). It should be a fairly painless major upgrade since the API hasn't been changed at all. It's being published as `3.0.0` because the peer dependency range has been updated and the internal implementation has changed. ## v2.2.2 / 2019-01-10 * added UNSAFE prefix to out of date react lifecycle hooks. thanks [RanneyD](https://github.com/ranneyd) ## v2.2.1 / 2018-01-10 * fixed; invalid logic in SSR support check, thanks [Rakha Kanz Kautsar](https://github.com/rkkautsar) ## v2.2.0 / 2018-01-09 * added; `extraWidth` prop allows you to customise how much width is added to the detected width * fixed; SSR support is more robust, thanks [Ivo Bathke](https://github.com/ivoba) ## v2.1.2 / 2017-11-27 * fixed; `window` reference is now guarded for SSR support, thanks [Wout Mertens](https://github.com/wmertens) ## v2.1.1 / 2017-11-26 * fixed; `props.id` was overriding the internal `inputId` on the input element, but not being used in the stylesheet * fixed; IE stylesheet is now only injected when IE is detected in navigator.userAgent ## v2.1.0 / 2017-11-23 * fixed; inputId wasn't being applied correctly, thanks [Jacco Flenter](https://github.com/flenter) * added; new `injectStyles` prop controls whether the IE stylesheet it injected * improved; allow override of `boxSizing` and `width` styles via `inputStyles`, thanks [Mike Fanger](https://github.com/mvf4z7) * improved; propTypes are now stripped from the production build, thanks [jochenberger](https://github.com/jochenberger) ## v2.0.1 / 2017-09-13 * fixed; peer dependencies for `prop-types` ## v2.0.0 / 2017-09-12 * fixed; converted to es6 Class and removed `create-react-class` * changed; default export is now an es6 module ### Note: As of 2.0.0 this package exports an es6 module in the main entry (`/lib/AutoSizeInput.js`). If you are in an older environment, you'll need to refer to the `.default` export: ```js var AutoSizeInput = require('react-input-autosize').default; ``` Aside from this, the new version doesn't change any public API. ## v1.2.0 / 2017-09-12 * added; `inputRef` prop (function, passed the reference to the input node) * fixed; resize issues in IE11, thanks [Constantine](https://github.com/costagolub) * fixed; `copyInputStyles()` never running, thanks [Michael Elsdörfer](https://github.com/miracle2k) JedWatson-react-input-autosize-8449fb2/LICENSE000066400000000000000000000020651376455054700210760ustar00rootroot00000000000000The MIT License (MIT) Copyright (c) 2018 Jed Watson Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. JedWatson-react-input-autosize-8449fb2/README.md000066400000000000000000000051241376455054700213470ustar00rootroot00000000000000React-Input-Autosize ==================== A text input for [React](http://facebook.github.io/react/index.html) that resizes itself to the current content. ## Demo & Examples Live demo: [jedwatson.github.io/react-input-autosize](http://jedwatson.github.io/react-input-autosize/) To run the examples locally, run: ``` npm install npm start ``` Then open [localhost:8000](http://localhost:8000) in a browser. ## Installation The easiest way to use React-Input-Autosize is to install it from NPM and include it in your own React build process (using Browserify, rollup, webpack, etc). You can also use the umd build by including `dist/AutosizeInput.js` in your page. If you use this, make sure you have already included a umd React build. ``` npm install react-input-autosize --save ``` ## Usage React-Input-Autosize generates an input field, wrapped in a `
` tag so it can detect the size of its value. Otherwise it behaves very similarly to a standard React input. ```es6 import AutosizeInput from 'react-input-autosize'; ``` ## Gotchas ### Changing the styles at runtime The styles applied to the input are only copied when the component mounts. Because of this, subsequent changes to the stylesheet may cause size to be detected incorrectly. To work around this, either re-mount the input (e.g. by providing a different `key` prop) or call the `copyInputStyles()` method after the styles change. ### CSP and the IE "clear" indicator The input will automatically inject a stylesheet that hides IE/Edge's "clear" indicator, which otherwise breaks the UI. This has the downside of being incompatible with some CSP policies. To work around this, you can pass the `injectStyles={false}` prop, but if you do this I *strongly* recommend targeting the `input` element in your own stylesheet with the following rule: ```css input::-ms-clear {display: none;} ``` ### Custom font sizes If your input uses custom font sizes, you will need to provide the custom size to `AutosizeInput`. ```es6 ``` ### Uncontrolled input `AutosizeInput` is a [controlled input](https://facebook.github.io/react/docs/forms.html#controlled-components) and depends on the `value` prop to work as intended. It does not support being used as an uncontrolled input. ## License Copyright (c) 2018 Jed Watson. [MIT](LICENSE) License. JedWatson-react-input-autosize-8449fb2/bower.json000066400000000000000000000010661376455054700221020ustar00rootroot00000000000000{ "name": "react-input-autosize", "main": "dist/react-input-autosize.js", "version": "2.2.1", "homepage": "https://github.com/JedWatson/react-input-autosize", "authors": [ "Jed Watson" ], "description": "Auto-resizing Input Form Component for React", "moduleType": [ "amd", "globals", "node" ], "keywords": [ "react", "react-component", "input", "form" ], "license": "MIT", "ignore": [ ".editorconfig", ".gitignore", "package.json", "src", "node_modules", "example", "test" ] } JedWatson-react-input-autosize-8449fb2/dist/000077500000000000000000000000001376455054700210315ustar00rootroot00000000000000JedWatson-react-input-autosize-8449fb2/dist/react-input-autosize.es.js000066400000000000000000000275051376455054700261020ustar00rootroot00000000000000import React, { Component } from 'react'; import PropTypes from 'prop-types'; var asyncGenerator = function () { function AwaitValue(value) { this.value = value; } function AsyncGenerator(gen) { var front, back; function send(key, arg) { return new Promise(function (resolve, reject) { var request = { key: key, arg: arg, resolve: resolve, reject: reject, next: null }; if (back) { back = back.next = request; } else { front = back = request; resume(key, arg); } }); } function resume(key, arg) { try { var result = gen[key](arg); var value = result.value; if (value instanceof AwaitValue) { Promise.resolve(value.value).then(function (arg) { resume("next", arg); }, function (arg) { resume("throw", arg); }); } else { settle(result.done ? "return" : "normal", result.value); } } catch (err) { settle("throw", err); } } function settle(type, value) { switch (type) { case "return": front.resolve({ value: value, done: true }); break; case "throw": front.reject(value); break; default: front.resolve({ value: value, done: false }); break; } front = front.next; if (front) { resume(front.key, front.arg); } else { back = null; } } this._invoke = send; if (typeof gen.return !== "function") { this.return = undefined; } } if (typeof Symbol === "function" && Symbol.asyncIterator) { AsyncGenerator.prototype[Symbol.asyncIterator] = function () { return this; }; } AsyncGenerator.prototype.next = function (arg) { return this._invoke("next", arg); }; AsyncGenerator.prototype.throw = function (arg) { return this._invoke("throw", arg); }; AsyncGenerator.prototype.return = function (arg) { return this._invoke("return", arg); }; return { wrap: function (fn) { return function () { return new AsyncGenerator(fn.apply(this, arguments)); }; }, await: function (value) { return new AwaitValue(value); } }; }(); var classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }; var createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var inherits = function (subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }; var objectWithoutProperties = function (obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }; var possibleConstructorReturn = function (self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }; var sizerStyle = { position: 'absolute', top: 0, left: 0, visibility: 'hidden', height: 0, overflow: 'scroll', whiteSpace: 'pre' }; var INPUT_PROPS_BLACKLIST = ['extraWidth', 'injectStyles', 'inputClassName', 'inputRef', 'inputStyle', 'minWidth', 'onAutosize', 'placeholderIsMinWidth']; var cleanInputProps = function cleanInputProps(inputProps) { INPUT_PROPS_BLACKLIST.forEach(function (field) { return delete inputProps[field]; }); return inputProps; }; var copyStyles = function copyStyles(styles, node) { node.style.fontSize = styles.fontSize; node.style.fontFamily = styles.fontFamily; node.style.fontWeight = styles.fontWeight; node.style.fontStyle = styles.fontStyle; node.style.letterSpacing = styles.letterSpacing; node.style.textTransform = styles.textTransform; }; var isIE = typeof window !== 'undefined' && window.navigator ? /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent) : false; var generateId = function generateId() { // we only need an auto-generated ID for stylesheet injection, which is only // used for IE. so if the browser is not IE, this should return undefined. return isIE ? '_' + Math.random().toString(36).substr(2, 12) : undefined; }; var AutosizeInput = function (_Component) { inherits(AutosizeInput, _Component); createClass(AutosizeInput, null, [{ key: 'getDerivedStateFromProps', value: function getDerivedStateFromProps(props, state) { var id = props.id; return id !== state.prevId ? { inputId: id || generateId(), prevId: id } : null; } }]); function AutosizeInput(props) { classCallCheck(this, AutosizeInput); var _this = possibleConstructorReturn(this, (AutosizeInput.__proto__ || Object.getPrototypeOf(AutosizeInput)).call(this, props)); _this.inputRef = function (el) { _this.input = el; if (typeof _this.props.inputRef === 'function') { _this.props.inputRef(el); } }; _this.placeHolderSizerRef = function (el) { _this.placeHolderSizer = el; }; _this.sizerRef = function (el) { _this.sizer = el; }; _this.state = { inputWidth: props.minWidth, inputId: props.id || generateId(), prevId: props.id }; return _this; } createClass(AutosizeInput, [{ key: 'componentDidMount', value: function componentDidMount() { this.mounted = true; this.copyInputStyles(); this.updateInputWidth(); } }, { key: 'componentDidUpdate', value: function componentDidUpdate(prevProps, prevState) { if (prevState.inputWidth !== this.state.inputWidth) { if (typeof this.props.onAutosize === 'function') { this.props.onAutosize(this.state.inputWidth); } } this.updateInputWidth(); } }, { key: 'componentWillUnmount', value: function componentWillUnmount() { this.mounted = false; } }, { key: 'copyInputStyles', value: function copyInputStyles() { if (!this.mounted || !window.getComputedStyle) { return; } var inputStyles = this.input && window.getComputedStyle(this.input); if (!inputStyles) { return; } copyStyles(inputStyles, this.sizer); if (this.placeHolderSizer) { copyStyles(inputStyles, this.placeHolderSizer); } } }, { key: 'updateInputWidth', value: function updateInputWidth() { if (!this.mounted || !this.sizer || typeof this.sizer.scrollWidth === 'undefined') { return; } var newInputWidth = void 0; if (this.props.placeholder && (!this.props.value || this.props.value && this.props.placeholderIsMinWidth)) { newInputWidth = Math.max(this.sizer.scrollWidth, this.placeHolderSizer.scrollWidth) + 2; } else { newInputWidth = this.sizer.scrollWidth + 2; } // add extraWidth to the detected width. for number types, this defaults to 16 to allow for the stepper UI var extraWidth = this.props.type === 'number' && this.props.extraWidth === undefined ? 16 : parseInt(this.props.extraWidth) || 0; newInputWidth += extraWidth; if (newInputWidth < this.props.minWidth) { newInputWidth = this.props.minWidth; } if (newInputWidth !== this.state.inputWidth) { this.setState({ inputWidth: newInputWidth }); } } }, { key: 'getInput', value: function getInput() { return this.input; } }, { key: 'focus', value: function focus() { this.input.focus(); } }, { key: 'blur', value: function blur() { this.input.blur(); } }, { key: 'select', value: function select() { this.input.select(); } }, { key: 'renderStyles', value: function renderStyles() { // this method injects styles to hide IE's clear indicator, which messes // with input size detection. the stylesheet is only injected when the // browser is IE, and can also be disabled by the `injectStyles` prop. var injectStyles = this.props.injectStyles; return isIE && injectStyles ? React.createElement('style', { dangerouslySetInnerHTML: { __html: 'input#' + this.state.inputId + '::-ms-clear {display: none;}' } }) : null; } }, { key: 'render', value: function render() { var sizerValue = [this.props.defaultValue, this.props.value, ''].reduce(function (previousValue, currentValue) { if (previousValue !== null && previousValue !== undefined) { return previousValue; } return currentValue; }); var wrapperStyle = _extends({}, this.props.style); if (!wrapperStyle.display) wrapperStyle.display = 'inline-block'; var inputStyle = _extends({ boxSizing: 'content-box', width: this.state.inputWidth + 'px' }, this.props.inputStyle); var inputProps = objectWithoutProperties(this.props, []); cleanInputProps(inputProps); inputProps.className = this.props.inputClassName; inputProps.id = this.state.inputId; inputProps.style = inputStyle; return React.createElement( 'div', { className: this.props.className, style: wrapperStyle }, this.renderStyles(), React.createElement('input', _extends({}, inputProps, { ref: this.inputRef })), React.createElement( 'div', { ref: this.sizerRef, style: sizerStyle }, sizerValue ), this.props.placeholder ? React.createElement( 'div', { ref: this.placeHolderSizerRef, style: sizerStyle }, this.props.placeholder ) : null ); } }]); return AutosizeInput; }(Component); AutosizeInput.propTypes = { className: PropTypes.string, // className for the outer element defaultValue: PropTypes.any, // default field value extraWidth: PropTypes.oneOfType([// additional width for input element PropTypes.number, PropTypes.string]), id: PropTypes.string, // id to use for the input, can be set for consistent snapshots injectStyles: PropTypes.bool, // inject the custom stylesheet to hide clear UI, defaults to true inputClassName: PropTypes.string, // className for the input element inputRef: PropTypes.func, // ref callback for the input element inputStyle: PropTypes.object, // css styles for the input element minWidth: PropTypes.oneOfType([// minimum width for input element PropTypes.number, PropTypes.string]), onAutosize: PropTypes.func, // onAutosize handler: function(newWidth) {} onChange: PropTypes.func, // onChange handler: function(event) {} placeholder: PropTypes.string, // placeholder text placeholderIsMinWidth: PropTypes.bool, // don't collapse size to less than the placeholder style: PropTypes.object, // css styles for the outer element value: PropTypes.any // field value }; AutosizeInput.defaultProps = { minWidth: 1, injectStyles: true }; export default AutosizeInput; JedWatson-react-input-autosize-8449fb2/dist/react-input-autosize.js000066400000000000000000000305001376455054700254610ustar00rootroot00000000000000(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('prop-types')) : typeof define === 'function' && define.amd ? define(['react', 'prop-types'], factory) : (global.AutosizeInput = factory(global.React,global.PropTypes)); }(this, (function (React,PropTypes) { 'use strict'; var React__default = 'default' in React ? React['default'] : React; PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes; var asyncGenerator = function () { function AwaitValue(value) { this.value = value; } function AsyncGenerator(gen) { var front, back; function send(key, arg) { return new Promise(function (resolve, reject) { var request = { key: key, arg: arg, resolve: resolve, reject: reject, next: null }; if (back) { back = back.next = request; } else { front = back = request; resume(key, arg); } }); } function resume(key, arg) { try { var result = gen[key](arg); var value = result.value; if (value instanceof AwaitValue) { Promise.resolve(value.value).then(function (arg) { resume("next", arg); }, function (arg) { resume("throw", arg); }); } else { settle(result.done ? "return" : "normal", result.value); } } catch (err) { settle("throw", err); } } function settle(type, value) { switch (type) { case "return": front.resolve({ value: value, done: true }); break; case "throw": front.reject(value); break; default: front.resolve({ value: value, done: false }); break; } front = front.next; if (front) { resume(front.key, front.arg); } else { back = null; } } this._invoke = send; if (typeof gen.return !== "function") { this.return = undefined; } } if (typeof Symbol === "function" && Symbol.asyncIterator) { AsyncGenerator.prototype[Symbol.asyncIterator] = function () { return this; }; } AsyncGenerator.prototype.next = function (arg) { return this._invoke("next", arg); }; AsyncGenerator.prototype.throw = function (arg) { return this._invoke("throw", arg); }; AsyncGenerator.prototype.return = function (arg) { return this._invoke("return", arg); }; return { wrap: function (fn) { return function () { return new AsyncGenerator(fn.apply(this, arguments)); }; }, await: function (value) { return new AwaitValue(value); } }; }(); var classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }; var createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var inherits = function (subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }; var objectWithoutProperties = function (obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }; var possibleConstructorReturn = function (self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }; var sizerStyle = { position: 'absolute', top: 0, left: 0, visibility: 'hidden', height: 0, overflow: 'scroll', whiteSpace: 'pre' }; var INPUT_PROPS_BLACKLIST = ['extraWidth', 'injectStyles', 'inputClassName', 'inputRef', 'inputStyle', 'minWidth', 'onAutosize', 'placeholderIsMinWidth']; var cleanInputProps = function cleanInputProps(inputProps) { INPUT_PROPS_BLACKLIST.forEach(function (field) { return delete inputProps[field]; }); return inputProps; }; var copyStyles = function copyStyles(styles, node) { node.style.fontSize = styles.fontSize; node.style.fontFamily = styles.fontFamily; node.style.fontWeight = styles.fontWeight; node.style.fontStyle = styles.fontStyle; node.style.letterSpacing = styles.letterSpacing; node.style.textTransform = styles.textTransform; }; var isIE = typeof window !== 'undefined' && window.navigator ? /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent) : false; var generateId = function generateId() { // we only need an auto-generated ID for stylesheet injection, which is only // used for IE. so if the browser is not IE, this should return undefined. return isIE ? '_' + Math.random().toString(36).substr(2, 12) : undefined; }; var AutosizeInput = function (_Component) { inherits(AutosizeInput, _Component); createClass(AutosizeInput, null, [{ key: 'getDerivedStateFromProps', value: function getDerivedStateFromProps(props, state) { var id = props.id; return id !== state.prevId ? { inputId: id || generateId(), prevId: id } : null; } }]); function AutosizeInput(props) { classCallCheck(this, AutosizeInput); var _this = possibleConstructorReturn(this, (AutosizeInput.__proto__ || Object.getPrototypeOf(AutosizeInput)).call(this, props)); _this.inputRef = function (el) { _this.input = el; if (typeof _this.props.inputRef === 'function') { _this.props.inputRef(el); } }; _this.placeHolderSizerRef = function (el) { _this.placeHolderSizer = el; }; _this.sizerRef = function (el) { _this.sizer = el; }; _this.state = { inputWidth: props.minWidth, inputId: props.id || generateId(), prevId: props.id }; return _this; } createClass(AutosizeInput, [{ key: 'componentDidMount', value: function componentDidMount() { this.mounted = true; this.copyInputStyles(); this.updateInputWidth(); } }, { key: 'componentDidUpdate', value: function componentDidUpdate(prevProps, prevState) { if (prevState.inputWidth !== this.state.inputWidth) { if (typeof this.props.onAutosize === 'function') { this.props.onAutosize(this.state.inputWidth); } } this.updateInputWidth(); } }, { key: 'componentWillUnmount', value: function componentWillUnmount() { this.mounted = false; } }, { key: 'copyInputStyles', value: function copyInputStyles() { if (!this.mounted || !window.getComputedStyle) { return; } var inputStyles = this.input && window.getComputedStyle(this.input); if (!inputStyles) { return; } copyStyles(inputStyles, this.sizer); if (this.placeHolderSizer) { copyStyles(inputStyles, this.placeHolderSizer); } } }, { key: 'updateInputWidth', value: function updateInputWidth() { if (!this.mounted || !this.sizer || typeof this.sizer.scrollWidth === 'undefined') { return; } var newInputWidth = void 0; if (this.props.placeholder && (!this.props.value || this.props.value && this.props.placeholderIsMinWidth)) { newInputWidth = Math.max(this.sizer.scrollWidth, this.placeHolderSizer.scrollWidth) + 2; } else { newInputWidth = this.sizer.scrollWidth + 2; } // add extraWidth to the detected width. for number types, this defaults to 16 to allow for the stepper UI var extraWidth = this.props.type === 'number' && this.props.extraWidth === undefined ? 16 : parseInt(this.props.extraWidth) || 0; newInputWidth += extraWidth; if (newInputWidth < this.props.minWidth) { newInputWidth = this.props.minWidth; } if (newInputWidth !== this.state.inputWidth) { this.setState({ inputWidth: newInputWidth }); } } }, { key: 'getInput', value: function getInput() { return this.input; } }, { key: 'focus', value: function focus() { this.input.focus(); } }, { key: 'blur', value: function blur() { this.input.blur(); } }, { key: 'select', value: function select() { this.input.select(); } }, { key: 'renderStyles', value: function renderStyles() { // this method injects styles to hide IE's clear indicator, which messes // with input size detection. the stylesheet is only injected when the // browser is IE, and can also be disabled by the `injectStyles` prop. var injectStyles = this.props.injectStyles; return isIE && injectStyles ? React__default.createElement('style', { dangerouslySetInnerHTML: { __html: 'input#' + this.state.inputId + '::-ms-clear {display: none;}' } }) : null; } }, { key: 'render', value: function render() { var sizerValue = [this.props.defaultValue, this.props.value, ''].reduce(function (previousValue, currentValue) { if (previousValue !== null && previousValue !== undefined) { return previousValue; } return currentValue; }); var wrapperStyle = _extends({}, this.props.style); if (!wrapperStyle.display) wrapperStyle.display = 'inline-block'; var inputStyle = _extends({ boxSizing: 'content-box', width: this.state.inputWidth + 'px' }, this.props.inputStyle); var inputProps = objectWithoutProperties(this.props, []); cleanInputProps(inputProps); inputProps.className = this.props.inputClassName; inputProps.id = this.state.inputId; inputProps.style = inputStyle; return React__default.createElement( 'div', { className: this.props.className, style: wrapperStyle }, this.renderStyles(), React__default.createElement('input', _extends({}, inputProps, { ref: this.inputRef })), React__default.createElement( 'div', { ref: this.sizerRef, style: sizerStyle }, sizerValue ), this.props.placeholder ? React__default.createElement( 'div', { ref: this.placeHolderSizerRef, style: sizerStyle }, this.props.placeholder ) : null ); } }]); return AutosizeInput; }(React.Component); AutosizeInput.propTypes = { className: PropTypes.string, // className for the outer element defaultValue: PropTypes.any, // default field value extraWidth: PropTypes.oneOfType([// additional width for input element PropTypes.number, PropTypes.string]), id: PropTypes.string, // id to use for the input, can be set for consistent snapshots injectStyles: PropTypes.bool, // inject the custom stylesheet to hide clear UI, defaults to true inputClassName: PropTypes.string, // className for the input element inputRef: PropTypes.func, // ref callback for the input element inputStyle: PropTypes.object, // css styles for the input element minWidth: PropTypes.oneOfType([// minimum width for input element PropTypes.number, PropTypes.string]), onAutosize: PropTypes.func, // onAutosize handler: function(newWidth) {} onChange: PropTypes.func, // onChange handler: function(event) {} placeholder: PropTypes.string, // placeholder text placeholderIsMinWidth: PropTypes.bool, // don't collapse size to less than the placeholder style: PropTypes.object, // css styles for the outer element value: PropTypes.any // field value }; AutosizeInput.defaultProps = { minWidth: 1, injectStyles: true }; return AutosizeInput; }))); JedWatson-react-input-autosize-8449fb2/dist/react-input-autosize.min.js000066400000000000000000000133001376455054700262420ustar00rootroot00000000000000!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],e):t.AutosizeInput=e(t.React,t.PropTypes)}(this,function(t,e){"use strict";var n="default"in t?t.default:t;e=e&&e.hasOwnProperty("default")?e.default:e;!function(){function t(t){this.value=t}function e(e){var n,i;function r(n,i){try{var s=e[n](i),u=s.value;u instanceof t?Promise.resolve(u.value).then(function(t){r("next",t)},function(t){r("throw",t)}):o(s.done?"return":"normal",s.value)}catch(t){o("throw",t)}}function o(t,e){switch(t){case"return":n.resolve({value:e,done:!0});break;case"throw":n.reject(e);break;default:n.resolve({value:e,done:!1})}(n=n.next)?r(n.key,n.arg):i=null}this._invoke=function(t,e){return new Promise(function(o,s){var u={key:t,arg:e,resolve:o,reject:s,next:null};i?i=i.next=u:(n=i=u,r(t,e))})},"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}();var i=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},r=function(){function t(t,e){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n}(this.props,[]);return function(t){p.forEach(function(e){return delete t[e]})}(r),r.className=this.props.inputClassName,r.id=this.state.inputId,r.style=i,n.createElement("div",{className:this.props.className,style:e},this.renderStyles(),n.createElement("input",o({},r,{ref:this.inputRef})),n.createElement("div",{ref:this.sizerRef,style:u},t),this.props.placeholder?n.createElement("div",{ref:this.placeHolderSizerRef,style:u},this.props.placeholder):null)}}]),f}();return f.defaultProps={minWidth:1,injectStyles:!0},f}); JedWatson-react-input-autosize-8449fb2/examples/000077500000000000000000000000001376455054700217045ustar00rootroot00000000000000JedWatson-react-input-autosize-8449fb2/examples/dist/000077500000000000000000000000001376455054700226475ustar00rootroot00000000000000JedWatson-react-input-autosize-8449fb2/examples/dist/.gitignore000066400000000000000000000002531376455054700246370ustar00rootroot00000000000000## This file is here to ensure it is included in the gh-pages branch, ## when `gulp deploy` is used to push updates to the demo site. # Dependency directory node_modules JedWatson-react-input-autosize-8449fb2/examples/dist/app.js000066400000000000000000004211771376455054700240010ustar00rootroot00000000000000webpackJsonp([0],[function(e,t,n){"use strict";e.exports=n(3)},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/* object-assign (c) Sindre Sorhus @license MIT */ var l=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,u,i=r(e),s=1;st}return!1}function s(e,t,n,r,l,a,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=o}function c(e){return e[1].toUpperCase()}function f(e,t,n,r){var l=ea.hasOwnProperty(t)?ea[t]:null;(null!==l?0===l.type:!r&&(2--u||l[o]!==a[u])return"\n"+l[o].replace(" at new "," at ")}while(1<=o&&0<=u);break}}}finally{xa=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?p(e):""}function m(e){switch(e.tag){case 5:return p(e.type);case 16:return p("Lazy");case 13:return p("Suspense");case 19:return p("SuspenseList");case 0:case 2:case 15:return e=h(e.type,!1);case 11:return e=h(e.type.render,!1);case 22:return e=h(e.type._render,!1);case 1:return e=h(e.type,!0);default:return""}}function y(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case aa:return"Fragment";case la:return"Portal";case ua:return"Profiler";case oa:return"StrictMode";case fa:return"Suspense";case da:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case sa:return(e.displayName||"Context")+".Consumer";case ia:return(e._context.displayName||"Context")+".Provider";case ca:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case pa:return y(e.type);case ma:return y(e._render);case ha:t=e._payload,e=e._init;try{return y(e(t))}catch(e){}}return null}function v(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function g(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function b(e){var t=g(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var l=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function w(e){e._valueTracker||(e._valueTracker=b(e))}function k(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=g(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function S(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function E(e,t){var n=t.checked;return $l({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function x(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=v(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function _(e,t){null!=(t=t.checked)&&f(e,"checked",t,!1)}function C(e,t){_(e,t);var n=v(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?N(e,t.type,n):t.hasOwnProperty("defaultValue")&&N(e,t.type,v(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function P(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,""!==n&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function N(e,t,n){"number"===t&&S(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function T(e){var t="";return Hl.Children.forEach(e,function(e){null!=e&&(t+=e)}),t}function z(e,t){return e=$l({children:void 0},t),(t=T(t.children))&&(e.children=t),e}function O(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l=n.length))throw Error(r(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:v(n)}}function M(e,t){var n=v(t.value),r=v(t.defaultValue);null!=n&&(n=""+n,n!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function I(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function D(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function F(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?D(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}function U(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}function j(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||Pa.hasOwnProperty(e)&&Pa[e]?(""+t).trim():t+"px"}function W(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),l=j(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}function A(e,t){if(t){if(Ta[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(r(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(r(60));if(!("object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML))throw Error(r(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(r(62))}}function V(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function B(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function H(e){if(e=zt(e)){if("function"!=typeof za)throw Error(r(280));var t=e.stateNode;t&&(t=Lt(t),za(e.stateNode,e.type,t))}}function $(e){Oa?La?La.push(e):La=[e]:Oa=e}function Q(){if(Oa){var e=Oa,t=La;if(La=Oa=null,H(e),t)for(e=0;er?0:1<n;n++)t.push(e);return t}function Te(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,e=e.eventTimes,t=31-vo(t),e[t]=n}function ze(e){return 0===e?32:31-(go(e)/bo|0)|0}function Oe(e,t,n,r){Ma||Y();var l=Re,a=Ma;Ma=!0;try{K(l,e,t,n,r)}finally{(Ma=a)||X()}}function Le(e,t,n,r){ko(wo,Re.bind(null,e,t,n,r))}function Re(e,t,n,r){if(So){var l;if((l=0==(4&t))&&0=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=at(n)}}function ut(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?ut(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function it(){for(var e=window,t=S();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;e=t.contentWindow,t=S(e.document)}return t}function st(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ct(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;Su||null==bu||bu!==S(r)||(r=bu,"selectionStart"in r&&st(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),ku&<(ku,r)||(ku=r,r=bt(wu,"onSelect"),0Bu||(e.current=Vu[Bu],Vu[Bu]=null,Bu--)}function Dt(e,t){Bu++,Vu[Bu]=e.current,e.current=t}function Ft(e,t){var n=e.type.contextTypes;if(!n)return Hu;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l,a={};for(l in n)a[l]=t[l];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Ut(e){return null!==(e=e.childContextTypes)&&void 0!==e}function jt(){It(Qu),It($u)}function Wt(e,t,n){if($u.current!==Hu)throw Error(r(168));Dt($u,t),Dt(Qu,n)}function At(e,t,n){var l=e.stateNode;if(e=t.childContextTypes,"function"!=typeof l.getChildContext)return n;l=l.getChildContext();for(var a in l)if(!(a in e))throw Error(r(108,y(t)||"Unknown",a));return $l({},n,l)}function Vt(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Hu,qu=$u.current,Dt($u,e),Dt(Qu,Qu.current),!0}function Bt(e,t,n){var l=e.stateNode;if(!l)throw Error(r(169));n?(e=At(e,t,qu),l.__reactInternalMemoizedMergedChildContext=e,It(Qu),It($u),Dt($u,e)):It(Qu),Dt(Qu,n)}function Ht(){switch(ni()){case ri:return 99;case li:return 98;case ai:return 97;case oi:return 96;case ui:return 95;default:throw Error(r(332))}}function $t(e){switch(e){case 99:return ri;case 98:return li;case 97:return ai;case 96:return oi;case 95:return ui;default:throw Error(r(332))}}function Qt(e,t){return e=$t(e),Xu(e,t)}function qt(e,t,n){return e=$t(e),Gu(e,t,n)}function Kt(){if(null!==fi){var e=fi;fi=null,Zu(e)}Yt()}function Yt(){if(!di&&null!==ci){di=!0;var e=0;try{var t=ci;Qt(99,function(){for(;ed?(y=f,f=null):y=f.sibling;var v=h(r,f,u[d],i);if(null===v){null===f&&(f=y);break}e&&f&&null===v.alternate&&t(r,f),a=o(v,a,d),null===c?s=v:c.sibling=v,c=v,f=y}if(d===u.length)return n(r,f),s;if(null===f){for(;dv?(g=y,y=null):g=y.sibling;var w=h(a,y,b.value,s);if(null===w){null===y&&(y=g);break}e&&y&&null===w.alternate&&t(a,y),u=o(w,u,v),null===f?c=w:f.sibling=w,f=w,y=g}if(b.done)return n(a,y),c;if(null===y){for(;!b.done;v++,b=i.next())null!==(b=p(a,b.value,s))&&(u=o(b,u,v),null===f?c=b:f.sibling=b,f=b);return c}for(y=l(a,y);!b.done;v++,b=i.next())null!==(b=m(y,a,v,b.value,s))&&(e&&null!==b.alternate&&y.delete(null===b.key?v:b.key),u=o(b,u,v),null===f?c=b:f.sibling=b,f=b);return e&&y.forEach(function(e){return t(a,e)}),c}return function(e,l,o,i){var s="object"==typeof o&&null!==o&&o.type===aa&&null===o.key;s&&(o=o.props.children);var c="object"==typeof o&&null!==o;if(c)switch(o.$$typeof){case ra:e:{for(c=o.key,s=l;null!==s;){if(s.key===c){switch(s.tag){case 7:if(o.type===aa){n(e,s.sibling),l=a(s,o.props.children),l.return=e,e=l;break e}break;default:if(s.elementType===o.type){n(e,s.sibling),l=a(s,o.props),l.ref=mn(e,s,o),l.return=e,e=l;break e}}n(e,s);break}t(e,s),s=s.sibling}o.type===aa?(l=Nl(o.props.children,e.mode,i,o.key),l.return=e,e=l):(i=Pl(o.type,o.key,o.props,null,e.mode,i),i.ref=mn(e,l,o),i.return=e,e=i)}return u(e);case la:e:{for(s=o.key;null!==l;){if(l.key===s){if(4===l.tag&&l.stateNode.containerInfo===o.containerInfo&&l.stateNode.implementation===o.implementation){n(e,l.sibling),l=a(l,o.children||[]),l.return=e,e=l;break e}n(e,l);break}t(e,l),l=l.sibling}l=Ol(o,e.mode,i),l.return=e,e=l}return u(e)}if("string"==typeof o||"number"==typeof o)return o=""+o,null!==l&&6===l.tag?(n(e,l.sibling),l=a(l,o),l.return=e,e=l):(n(e,l),l=zl(o,e.mode,i),l.return=e,e=l),u(e);if(Ei(o))return v(e,l,o,i);if(d(o))return g(e,l,o,i);if(c&&yn(e,o),void 0===o&&!s)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(r(152,y(e.type)||"Component"))}return n(e,l)}}function gn(e){if(e===Ci)throw Error(r(174));return e}function bn(e,t){switch(Dt(Ti,t),Dt(Ni,e),Dt(Pi,Ci),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:F(null,"");break;default:e=8===e?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=F(t,e)}It(Pi),Dt(Pi,t)}function wn(){It(Pi),It(Ni),It(Ti)}function kn(e){gn(Ti.current);var t=gn(Pi.current),n=F(t,e.type);t!==n&&(Dt(Ni,e),Dt(Pi,n))}function Sn(e){Ni.current===e&&(It(Pi),It(Ni))}function En(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}function xn(e,t){var n=El(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function _n(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);case 13:default:return!1}}function Cn(e){if(Ri){var t=Li;if(t){var n=t;if(!_n(e,t)){if(!(t=Ct(n.nextSibling))||!_n(e,t))return e.flags=-1025&e.flags|2,Ri=!1,void(Oi=e);xn(Oi,n)}Oi=e,Li=Ct(t.firstChild)}else e.flags=-1025&e.flags|2,Ri=!1,Oi=e}}function Pn(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Oi=e}function Nn(e){if(e!==Oi)return!1;if(!Ri)return Pn(e),Ri=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!xt(t,e.memoizedProps))for(t=Li;t;)xn(e,t),t=Ct(t.nextSibling);if(Pn(e),13===e.tag){if(e=e.memoizedState,!(e=null!==e?e.dehydrated:null))throw Error(r(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){Li=Ct(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}Li=null}}else Li=Oi?Ct(e.stateNode.nextSibling):null;return!0}function Tn(){Li=Oi=null,Ri=!1}function zn(){for(var e=0;eo))throw Error(r(301));o+=1,Wi=ji=null,t.updateQueue=null,Ii.current=Qi,e=n(l,a)}while(Vi)}if(Ii.current=Bi,t=null!==ji&&null!==ji.next,Fi=0,Wi=ji=Ui=null,Ai=!1,t)throw Error(r(300));return e}function Mn(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===Wi?Ui.memoizedState=Wi=e:Wi=Wi.next=e,Wi}function In(){if(null===ji){var e=Ui.alternate;e=null!==e?e.memoizedState:null}else e=ji.next;var t=null===Wi?Ui.memoizedState:Wi.next;if(null!==t)Wi=t,ji=e;else{if(null===e)throw Error(r(310));ji=e,e={memoizedState:ji.memoizedState,baseState:ji.baseState,baseQueue:ji.baseQueue,queue:ji.queue,next:null},null===Wi?Ui.memoizedState=Wi=e:Wi=Wi.next=e}return Wi}function Dn(e,t){return"function"==typeof t?t(e):t}function Fn(e){var t=In(),n=t.queue;if(null===n)throw Error(r(311));n.lastRenderedReducer=e;var l=ji,a=l.baseQueue,o=n.pending;if(null!==o){if(null!==a){var u=a.next;a.next=o.next,o.next=u}l.baseQueue=a=o,n.pending=null}if(null!==a){a=a.next,l=l.baseState;var i=u=o=null,s=a;do{var c=s.lane;if((Fi&c)===c)null!==i&&(i=i.next={lane:0,action:s.action,eagerReducer:s.eagerReducer,eagerState:s.eagerState,next:null}),l=s.eagerReducer===e?s.eagerState:e(l,s.action);else{var f={lane:c,action:s.action,eagerReducer:s.eagerReducer,eagerState:s.eagerState,next:null};null===i?(u=i=f,o=l):i=i.next=f,Ui.lanes|=c,fs|=c}s=s.next}while(null!==s&&s!==a);null===i?o=l:i.next=u,yu(l,t.memoizedState)||(Ki=!0),t.memoizedState=l,t.baseState=o,t.baseQueue=i,n.lastRenderedState=l}return[t.memoizedState,n.dispatch]}function Un(e){var t=In(),n=t.queue;if(null===n)throw Error(r(311));n.lastRenderedReducer=e;var l=n.dispatch,a=n.pending,o=t.memoizedState;if(null!==a){n.pending=null;var u=a=a.next;do{o=e(o,u.action),u=u.next}while(u!==a);yu(o,t.memoizedState)||(Ki=!0),t.memoizedState=o,null===t.baseQueue&&(t.baseState=o),n.lastRenderedState=o}return[o,l]}function jn(e,t,n){var l=t._getVersion;l=l(t._source);var a=t._workInProgressVersionPrimary;if(null!==a?e=a===l:(e=e.mutableReadLanes,(e=(Fi&e)===e)&&(t._workInProgressVersionPrimary=l,Mi.push(t))),e)return n(t._source);throw Mi.push(t),Error(r(350))}function Wn(e,t,n,l){var a=rs;if(null===a)throw Error(r(349));var o=t._getVersion,u=o(t._source),i=Ii.current,s=i.useState(function(){return jn(a,t,n)}),c=s[1],f=s[0];s=Wi;var d=e.memoizedState,p=d.refs,h=p.getSnapshot,m=d.source;d=d.subscribe;var y=Ui;return e.memoizedState={refs:p,source:t,subscribe:l},i.useEffect(function(){p.getSnapshot=n,p.setSnapshot=c;var e=o(t._source);if(!yu(u,e)){e=n(t._source),yu(f,e)||(c(e),e=$r(y),a.mutableReadLanes|=e&a.pendingLanes),e=a.mutableReadLanes,a.entangledLanes|=e;for(var r=a.entanglements,l=e;0n?98:n,function(){e(!0)}),Qt(97<\/script>",e=e.removeChild(e.firstChild)):"string"==typeof l.is?e=u.createElement(n,{is:l.is}):(e=u.createElement(n),"select"===n&&(u=e,l.multiple?u.multiple=!0:l.size&&(u.size=l.size))):e=u.createElementNS(e,n),e[Uu]=t,e[ju]=l,_u(e,t,!1,!1),t.stateNode=e,u=V(n,l),n){case"dialog":pt("cancel",e),pt("close",e),a=l;break;case"iframe":case"object":case"embed":pt("load",e),a=l;break;case"video":case"audio":for(a=0;ays&&(t.flags|=64,o=!0,Sr(l,!1),t.lanes=33554432)}else{if(!o)if(null!==(e=En(u))){if(t.flags|=64,o=!0,n=e.updateQueue,null!==n&&(t.updateQueue=n,t.flags|=4),Sr(l,!0),null===l.tail&&"hidden"===l.tailMode&&!u.alternate&&!Ri)return t=t.lastEffect=l.lastEffect,null!==t&&(t.nextEffect=null),null}else 2*hi()-l.renderingStartTime>ys&&1073741824!==n&&(t.flags|=64,o=!0,Sr(l,!1),t.lanes=33554432);l.isBackwards?(u.sibling=t.child,t.child=u):(n=l.last,null!==n?n.sibling=u:t.child=u,l.last=u)}return null!==l.tail?(n=l.tail,l.rendering=n,l.tail=n.sibling,l.lastEffect=t.lastEffect,l.renderingStartTime=hi(),n.sibling=null,t=zi.current,Dt(zi,o?1&t|2:1&t),n):null;case 23:case 24:return nl(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==l.mode&&(t.flags|=4),null}throw Error(r(156,t.tag))}function xr(e){switch(e.tag){case 1:Ut(e.type)&&jt();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(wn(),It(Qu),It($u),zn(),0!=(64&(t=e.flags)))throw Error(r(285));return e.flags=-4097&t|64,e;case 5:return Sn(e),null;case 13:return It(zi),t=e.flags,4096&t?(e.flags=-4097&t|64,e):null;case 19:return It(zi),null;case 4:return wn(),null;case 10:return Zt(e),null;case 23:case 24:return nl(),null;default:return null}}function _r(e,t){try{var n="",r=t;do{n+=m(r),r=r.return}while(r);var l=n}catch(e){l="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:t,stack:l}}function Cr(e,t){try{console.error(t.value)}catch(e){setTimeout(function(){throw e})}}function Pr(e,t,n){n=ln(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){gs||(gs=!0,bs=r),Cr(e,t)},n}function Nr(e,t,n){n=ln(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var l=t.value;n.payload=function(){return Cr(e,t),r(l)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===ws?ws=new Set([this]):ws.add(this),Cr(e,t));var n=t.stack;this.componentDidCatch(t.value,{componentStack:null!==n?n:""})}),n}function Tr(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){bl(e,t)}else t.current=null}function zr(e,t){switch(t.tag){case 0:case 11:case 15:case 22:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,l=e.memoizedState;e=t.stateNode,t=e.getSnapshotBeforeUpdate(t.elementType===t.type?n:Xt(t.type,n),l),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&_t(t.stateNode.containerInfo));case 5:case 6:case 4:case 17:return}throw Error(r(163))}function Or(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(t=n.updateQueue,null!==(t=null!==t?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var l=e.create;e.destroy=l()}e=e.next}while(e!==t)}if(t=n.updateQueue,null!==(t=null!==t?t.lastEffect:null)){e=t=t.next;do{var a=e;l=a.next,a=a.tag,0!=(4&a)&&0!=(1&a)&&(yl(n,e),ml(n,e)),e=l}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(l=n.elementType===n.type?t.memoizedProps:Xt(n.type,t.memoizedProps),e.componentDidUpdate(l,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&sn(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}sn(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Et(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:return;case 13:return void(null===n.memoizedState&&null!==(n=n.alternate)&&null!==(n=n.memoizedState)&&null!==(n=n.dehydrated)&&ve(n));case 19:case 17:case 20:case 21:case 23:case 24:return}throw Error(r(163))}function Lr(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)r=r.style,"function"==typeof r.setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var l=n.memoizedProps.style;l=void 0!==l&&null!==l&&l.hasOwnProperty("display")?l.display:null,r.style.display=j("display",l)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function Rr(e,t){if(Yu&&"function"==typeof Yu.onCommitFiberUnmount)try{Yu.onCommitFiberUnmount(Ku,t)}catch(e){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,l=r.destroy;if(r=r.tag,void 0!==l)if(0!=(4&r))yl(t,n);else{r=t;try{l()}catch(e){bl(r,e)}}n=n.next}while(n!==e)}break;case 1:if(Tr(t),e=t.stateNode,"function"==typeof e.componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(e){bl(t,e)}break;case 5:Tr(t);break;case 4:jr(e,t)}}function Mr(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function Ir(e){return 5===e.tag||3===e.tag||4===e.tag}function Dr(e){e:{for(var t=e.return;null!==t;){if(Ir(t))break e;t=t.return}throw Error(r(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var l=!1;break;case 3:case 4:t=t.containerInfo,l=!0;break;default:throw Error(r(161))}16&n.flags&&(U(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||Ir(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}l?Fr(e,n,t):Ur(e,n,t)}function Fr(e,t,n){var r=e.tag,l=5===r||6===r;if(l)e=l?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),null!==(n=n._reactRootContainer)&&void 0!==n||null!==t.onclick||(t.onclick=St));else if(4!==r&&null!==(e=e.child))for(Fr(e,t,n),e=e.sibling;null!==e;)Fr(e,t,n),e=e.sibling}function Ur(e,t,n){var r=e.tag,l=5===r||6===r;if(l)e=l?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(Ur(e,t,n),e=e.sibling;null!==e;)Ur(e,t,n),e=e.sibling}function jr(e,t){for(var n,l,a=t,o=!1;;){if(!o){o=a.return;e:for(;;){if(null===o)throw Error(r(160));switch(n=o.stateNode,o.tag){case 5:l=!1;break e;case 3:case 4:n=n.containerInfo,l=!0;break e}o=o.return}o=!0}if(5===a.tag||6===a.tag){e:for(var u=e,i=a,s=i;;)if(Rr(u,s),null!==s.child&&4!==s.tag)s.child.return=s,s=s.child;else{if(s===i)break e;for(;null===s.sibling;){if(null===s.return||s.return===i)break e;s=s.return}s.sibling.return=s.return,s=s.sibling}l?(u=n,i=a.stateNode,8===u.nodeType?u.parentNode.removeChild(i):u.removeChild(i)):n.removeChild(a.stateNode)}else if(4===a.tag){if(null!==a.child){n=a.stateNode.containerInfo,l=!0,a.child.return=a,a=a.child;continue}}else if(Rr(e,a),null!==a.child){a.child.return=a,a=a.child;continue}if(a===t)break;for(;null===a.sibling;){if(null===a.return||a.return===t)return;a=a.return,4===a.tag&&(o=!1)}a.sibling.return=a.return,a=a.sibling}}function Wr(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var l=n=n.next;do{3==(3&l.tag)&&(e=l.destroy,l.destroy=void 0,void 0!==e&&e()),l=l.next}while(l!==n)}return;case 1:return;case 5:if(null!=(n=t.stateNode)){l=t.memoizedProps;var a=null!==e?e.memoizedProps:l;e=t.type;var o=t.updateQueue;if(t.updateQueue=null,null!==o){for(n[ju]=l,"input"===e&&"radio"===l.type&&null!=l.name&&_(n,l),V(e,a),t=V(e,l),a=0;aa&&(a=u),n&=~o}if(n=a,n=hi()-n,10<(n=(120>n?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*Ji(n/1960))-n)){e.timeoutHandle=Mu(fl.bind(null,e),n);break}fl(e);break;case 5:fl(e);break;default:throw Error(r(329))}}return Kr(e,hi()),e.callbackNode===t?Yr.bind(null,e):null}function Xr(e,t){for(t&=~ps,t&=~ds,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0 component higher in the tree to provide a loading indicator or placeholder to display.")}5!==is&&(is=2),i=_r(i,u),d=o;do{switch(d.tag){case 3:a=i,d.flags|=4096,t&=-t,d.lanes|=t;on(d,Pr(d,a,t));break e;case 1:a=i;var S=d.type,E=d.stateNode;if(0==(64&d.flags)&&("function"==typeof S.getDerivedStateFromError||null!==E&&"function"==typeof E.componentDidCatch&&(null===ws||!ws.has(E)))){d.flags|=4096,t&=-t,d.lanes|=t;on(d,Nr(d,a,t));break e}}d=d.return}while(null!==d)}cl(n)}catch(e){t=e,ls===n&&null!==n&&(ls=n=n.return);continue}break}}function al(){var e=es.current;return es.current=Bi,null===e?Bi:e}function ol(e,t){var n=ns;ns|=16;var l=al();for(rs===e&&as===t||rl(e,t);;)try{ul();break}catch(t){ll(e,t)}if(Gt(),ns=n,es.current=l,null!==ls)throw Error(r(261));return rs=null,as=0,is}function ul(){for(;null!==ls;)sl(ls)}function il(){for(;null!==ls&&!Ju();)sl(ls)}function sl(e){var t=Xi(e.alternate,e,os);e.memoizedProps=e.pendingProps,null===t?cl(e):ls=t,ts.current=null}function cl(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=Er(n,t,os)))return void(ls=n);if(n=t,24!==n.tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&os)||0==(4&n.mode)){for(var r=0,l=n.child;null!==l;)r|=l.lanes|l.childLanes,l=l.sibling;n.childLanes=r}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1u&&(i=u,u=S,S=i),i=ot(b,S),o=ot(b,u),i&&o&&(1!==k.rangeCount||k.anchorNode!==i.node||k.anchorOffset!==i.offset||k.focusNode!==o.node||k.focusOffset!==o.offset)&&(w=w.createRange(),w.setStart(i.node,i.offset),k.removeAllRanges(),S>u?(k.addRange(w),k.extend(o.node,o.offset)):(w.setEnd(o.node,o.offset),k.addRange(w)))))),w=[];for(k=b;k=k.parentNode;)1===k.nodeType&&w.push({element:k,left:k.scrollLeft,top:k.scrollTop});for("function"==typeof b.focus&&b.focus(),b=0;bhi()-ms?rl(e,0):ps|=n),Kr(e,t)}function kl(e,t){var n=e.stateNode;null!==n&&n.delete(t),t=0,0===t&&(t=e.mode,0==(2&t)?t=1:0==(4&t)?t=99===Ht()?1:2:(0===zs&&(zs=cs),0===(t=Pe(62914560&~zs))&&(t=4194304))),n=Hr(),null!==(e=qr(e,t))&&(Te(e,t,n),Kr(e,n))}function Sl(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function El(e,t,n,r){return new Sl(e,t,n,r)}function xl(e){return!(!(e=e.prototype)||!e.isReactComponent)}function _l(e){if("function"==typeof e)return xl(e)?1:0;if(void 0!==e&&null!==e){if((e=e.$$typeof)===ca)return 11;if(e===pa)return 14}return 2}function Cl(e,t){var n=e.alternate;return null===n?(n=El(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Pl(e,t,n,l,a,o){var u=2;if(l=e,"function"==typeof e)xl(e)&&(u=1);else if("string"==typeof e)u=5;else e:switch(e){case aa:return Nl(n.children,a,o,t);case va:u=8,a|=16;break;case oa:u=8,a|=1;break;case ua:return e=El(12,n,t,8|a),e.elementType=ua,e.type=ua,e.lanes=o,e;case fa:return e=El(13,n,t,a),e.type=fa,e.elementType=fa,e.lanes=o,e;case da:return e=El(19,n,t,a),e.elementType=da,e.lanes=o,e;case ga:return Tl(n,a,o,t);case ba:return e=El(24,n,t,a),e.elementType=ba,e.lanes=o,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case ia:u=10;break e;case sa:u=9;break e;case ca:u=11;break e;case pa:u=14;break e;case ha:u=16,l=null;break e;case ma:u=22;break e}throw Error(r(130,null==e?e:typeof e,""))}return t=El(u,n,t,a),t.elementType=e,t.type=l,t.lanes=o,t}function Nl(e,t,n,r){return e=El(7,e,r,t),e.lanes=n,e}function Tl(e,t,n,r){return e=El(23,e,r,t),e.elementType=ga,e.lanes=n,e}function zl(e,t,n){return e=El(6,e,null,t),e.lanes=n,e}function Ol(e,t,n){return t=El(4,null!==e.children?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Ll(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Ne(0),this.expirationTimes=Ne(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ne(0),this.mutableSourceEagerHydrationData=null}function Rl(e,t,n){var r=3