@skbkontur/react-ui 4.26.0 → 4.27.0

package/cjs/internal/CustomComboBox/CustomComboBox.js

@@ -85,6 +85,7 @@ var _ComboBoxView = require("./ComboBoxView");var _class, _class2, _temp;
 
 
 
+
 
 
 var DELAY_BEFORE_SHOW_LOADER = 300;exports.DELAY_BEFORE_SHOW_LOADER = DELAY_BEFORE_SHOW_LOADER;
@@ -357,6 +358,7 @@ CustomComboBox = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNod
 
 
 
+
 
 
     dispatch = function (action, sync) {if (sync === void 0) {sync = true;}
@@ -458,6 +460,6 @@ CustomComboBox = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNod
    * @public
    */;_proto.open = function open() {this.dispatch({ type: 'Open' });} /**
    * @public
-   */;_proto.close = function close() {this.dispatch({ type: 'Close' });};_proto.render = function render() {var _this3 = this;var viewProps = { align: this.props.align, borderless: this.props.borderless, disabled: this.props.disabled, disablePortal: this.props.disablePortal, editing: this.state.editing, error: this.props.error, items: this.state.items, loading: this.state.loading, menuAlign: this.props.menuAlign, opened: this.state.opened, drawArrow: this.props.drawArrow, menuPos: this.props.menuPos, placeholder: this.props.placeholder, size: this.props.size, textValue: this.state.textValue, totalCount: this.props.totalCount, value: this.props.value, warning: this.props.warning, 'aria-describedby': this.props['aria-describedby'], 'aria-label': this.props['aria-label'], width: this.props.width, maxLength: this.props.maxLength, maxMenuHeight: this.props.maxMenuHeight, leftIcon: this.props.leftIcon, rightIcon: this.props.rightIcon, inputMode: this.props.inputMode, onValueChange: this.handleValueChange, onClickOutside: this.handleClickOutside, onFocus: this.handleFocus, onMobileClose: this.handleMobileClose, onFocusOutside: this.handleBlur, onInputBlur: this.handleInputBlur, onInputValueChange: function onInputValueChange(value) {return _this3.dispatch({ type: 'TextChange', value: value });}, onInputFocus: this.handleFocus, onInputClick: this.handleInputClick, onInputKeyDown: function onInputKeyDown(event) {event.persist();_this3.dispatch({ type: 'KeyPress', event: event });}, onMouseEnter: this.props.onMouseEnter, onMouseOver: this.props.onMouseOver, onMouseLeave: this.props.onMouseLeave, renderItem: this.props.renderItem, renderNotFound: this.props.renderNotFound, itemWrapper: this.props.itemWrapper, renderValue: this.props.renderValue, renderTotalCount: this.props.renderTotalCount, renderAddButton: this.props.renderAddButton, repeatRequest: this.state.repeatRequest, requestStatus: this.state.requestStatus, refInput: function refInput(input) {_this3.input = input;}, refMenu: function refMenu(menu) {_this3.menu = menu;}, refInputLikeText: function refInputLikeText(inputLikeText) {_this3.inputLikeText = inputLikeText;} };return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this3.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ComboBoxView.ComboBoxView, (0, _extends2.default)({}, viewProps, { size: _this3.props.size, ref: _this3.setRootNode })));});};_proto.componentDidMount = function componentDidMount() {this.dispatch({ type: 'Mount' }, false);if (this.props.autoFocus) {this.focus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevState.editing && !this.state.editing) {this.handleBlur();}this.dispatch({ type: 'DidUpdate', prevProps: prevProps, prevState: prevState, fixValueChange: this.featureFlags.comboBoxAllowValueChangeInEditingState }, false);} /**
+   */;_proto.close = function close() {this.dispatch({ type: 'Close' });};_proto.render = function render() {var _this3 = this;var viewProps = { align: this.props.align, borderless: this.props.borderless, disabled: this.props.disabled, disablePortal: this.props.disablePortal, editing: this.state.editing, error: this.props.error, items: this.state.items, loading: this.state.loading, menuAlign: this.props.menuAlign, opened: this.state.opened, drawArrow: this.props.drawArrow, menuPos: this.props.menuPos, placeholder: this.props.placeholder, size: this.props.size, textValue: this.state.textValue, totalCount: this.props.totalCount, value: this.props.value, warning: this.props.warning, 'aria-describedby': this.props['aria-describedby'], 'aria-label': this.props['aria-label'], id: this.props.id, width: this.props.width, maxLength: this.props.maxLength, maxMenuHeight: this.props.maxMenuHeight, leftIcon: this.props.leftIcon, rightIcon: this.props.rightIcon, inputMode: this.props.inputMode, onValueChange: this.handleValueChange, onClickOutside: this.handleClickOutside, onFocus: this.handleFocus, onMobileClose: this.handleMobileClose, onFocusOutside: this.handleBlur, onInputBlur: this.handleInputBlur, onInputValueChange: function onInputValueChange(value) {return _this3.dispatch({ type: 'TextChange', value: value });}, onInputFocus: this.handleFocus, onInputClick: this.handleInputClick, onInputKeyDown: function onInputKeyDown(event) {event.persist();_this3.dispatch({ type: 'KeyPress', event: event });}, onMouseEnter: this.props.onMouseEnter, onMouseOver: this.props.onMouseOver, onMouseLeave: this.props.onMouseLeave, renderItem: this.props.renderItem, renderNotFound: this.props.renderNotFound, itemWrapper: this.props.itemWrapper, renderValue: this.props.renderValue, renderTotalCount: this.props.renderTotalCount, renderAddButton: this.props.renderAddButton, repeatRequest: this.state.repeatRequest, requestStatus: this.state.requestStatus, refInput: function refInput(input) {_this3.input = input;}, refMenu: function refMenu(menu) {_this3.menu = menu;}, refInputLikeText: function refInputLikeText(inputLikeText) {_this3.inputLikeText = inputLikeText;} };return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this3.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ComboBoxView.ComboBoxView, (0, _extends2.default)({}, viewProps, { size: _this3.props.size, ref: _this3.setRootNode })));});};_proto.componentDidMount = function componentDidMount() {this.dispatch({ type: 'Mount' }, false);if (this.props.autoFocus) {this.focus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevState.editing && !this.state.editing) {this.handleBlur();}this.dispatch({ type: 'DidUpdate', prevProps: prevProps, prevState: prevState, fixValueChange: this.featureFlags.comboBoxAllowValueChangeInEditingState }, false);} /**
    * @public
    */;_proto.reset = function reset() {this.dispatch({ type: 'Reset' });};return CustomComboBox;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'CustomComboBox', _class2.displayName = 'CustomComboBox', _temp)) || _class) || _class;exports.CustomComboBox = CustomComboBox;

package/cjs/internal/CustomComboBox/CustomComboBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBox.tsx"],"names":["DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","ComboBoxRequestStatus","Unknown","size","CustomComboBoxDataTids","comboBoxView","CustomComboBox","responsiveLayout","rootNode","state","requestId","cancelationToken","reducer","cancelLoaderDelay","focus","props","disabled","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","Array","forEach","handleEffect","React","version","search","ReactDOM","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","handleMobileClose","handleInputBlur","handleClickOutside","e","close","globalObject","setTimeout","handleInputClick","query","getItems","cancelPromise","Promise","_","reject","expectingId","loaderShowDelay","resolve","cancelLoader","catch","race","code","cancelSearch","CancelationError","open","render","viewProps","align","borderless","disablePortal","error","menuAlign","drawArrow","menuPos","placeholder","totalCount","warning","width","maxLength","maxMenuHeight","leftIcon","rightIcon","inputMode","onValueChange","onClickOutside","onFocus","onMobileClose","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","itemWrapper","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","menu","refInputLikeText","flags","featureFlags","setRootNode","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","fixValueChange","comboBoxAllowValueChangeInEditingState","reset","PureComponent","__KONTUR_REACT_UI__","displayName"],"mappings":"6uBAAA;AACA;AACA;;;;;;;AAOA;AACA;AACA;AACA;AACA;;;;AAIA;;;;;;AAMA;AACA;AACA,8C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEO,IAAMA,wBAAwB,GAAG,GAAjC,C;AACA,IAAMC,gBAAgB,GAAG,IAAzB,C;;AAEA,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,YAAY,EAAE,KADY;AAE1BC,EAAAA,OAAO,EAAE,KAFiB;AAG1BC,EAAAA,KAAK,EAAE,IAHmB;AAI1BC,EAAAA,OAAO,EAAE,KAJiB;AAK1BC,EAAAA,MAAM,EAAE,KALkB;AAM1BC,EAAAA,OAAO,EAAE,KANiB;AAO1BC,EAAAA,SAAS,EAAE,EAPe;AAQ1BC,EAAAA,aAAa,EAAE,iCAAMC,SAAN,EARW;AAS1BC,EAAAA,aAAa,EAAEC,2CAAsBC,OATX;AAU1BC,EAAAA,IAAI,EAAE,OAVoB,EAArB,C;;;AAaA,IAAMC,sBAAsB,GAAG;AACpCC,EAAAA,YAAY,EAAE,oBADsB,EAA/B,C;;;;;AAMMC,c,OAFZC,2B,eACAC,kB;;;;AAKQC,IAAAA,K,GAAgCnB,Y;;;;AAIhCoB,IAAAA,S,GAAY,C;;AAEXd,IAAAA,O,GAAU,K;AACVe,IAAAA,gB,GAAuD,I;;;;AAIvDC,IAAAA,O,GAAUA,8B;AACXC,IAAAA,iB,GAAgC,oBAAM,IAAN,E;;;;;AAKhCC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB;AACD;;AAED,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWH,KAAX;AACD,OAFD,MAEO,IAAI,MAAKI,aAAT,EAAwB;AAC7B,cAAKA,aAAL,CAAmBJ,KAAnB;AACD;AACF,K;;;;;AAKMK,IAAAA,e,GAAkB,YAAM;AAC7B,UAAI,MAAKJ,KAAL,CAAWC,QAAf,EAAyB;AACvB;AACD;AACD,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWG,SAAX;AACD;AACF,K;;;;;AAKMC,IAAAA,I,GAAO,YAAM;AAClB,UAAI,MAAKN,KAAL,CAAWC,QAAf,EAAyB;AACvB;AACD;;AAED,YAAKM,UAAL;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoMOC,IAAAA,Q,GAAW,UAACC,MAAD,EAAkCC,IAAlC,EAAkD,KAAhBA,IAAgB,cAAhBA,IAAgB,GAAT,IAAS;AACnE,UAAMC,WAAW,GAAG,SAAdA,WAAc,CAACF,MAAD,EAAqC;AACvD,YAAIG,OAAJ;AACA,YAAIC,SAAJ;;AAEA,cAAKC,QAAL;AACE,kBAACpB,KAAD,EAAW;AACT,cAAMqB,cAAc,GAAG,MAAKlB,OAAL,CAAaH,KAAb,EAAoB,MAAKM,KAAzB,EAAgCS,MAAhC,CAAvB,CADS;AAEcM,UAAAA,cAAc,YAAYC,KAA1B,GAAkCD,cAAlC,GAAmD,CAACA,cAAD,EAAiB,EAAjB,CAFjE,CAERF,SAFQ,WAEGD,OAFH;AAGT,iBAAOC,SAAP;AACD,SALH;AAME,oBAAM;AACJD,UAAAA,OAAO,CAACK,OAAR,CAAgB,MAAKC,YAArB;AACD,SARH;;AAUD,OAdD;;AAgBA;AACA;AACA,UAAIR,IAAI,IAAIS,eAAMC,OAAN,CAAcC,MAAd,CAAqB,IAArB,MAA+B,CAA3C,EAA8C;AAC5CC,0BAASC,SAAT,CAAmB,oBAAMZ,WAAW,CAACF,MAAD,CAAjB,EAAnB;AACD,OAFD,MAEO;AACLE,QAAAA,WAAW,CAACF,MAAD,CAAX;AACD;AACF,K;;AAEOS,IAAAA,Y,GAAe,UAACM,MAAD,EAAqC;AAC1DA,MAAAA,MAAM,CAAC,MAAKhB,QAAN,EAAgB,MAAKiB,QAArB,EAA+B,MAAKC,QAApC,EAA8C,iEAA9C,CAAN;AACD,K;;AAEOA,IAAAA,Q,GAAW,oBAAM,MAAK1B,KAAX,E;;AAEXyB,IAAAA,Q,GAAW,oBAAM,MAAK/B,KAAX,E;;AAEXiC,IAAAA,iB,GAAoB,UAACC,KAAD,EAAc;AACxC,YAAKpB,QAAL,CAAc;AACZqB,QAAAA,IAAI,EAAE,aADM;AAEZD,QAAAA,KAAK,EAALA,KAFY;AAGZE,QAAAA,SAAS,EAAE,CAAC,MAAKC,cAHL,EAAd;;AAKD,K;;AAEOC,IAAAA,W,GAAc,YAAM;AAC1B,UAAI,MAAKnD,OAAT,EAAkB;AAChB;AACD;AACD,YAAKA,OAAL,GAAe,IAAf;AACA,YAAK2B,QAAL,CAAc,EAAEqB,IAAI,EAAE,OAAR,EAAd;AACD,K;;AAEOI,IAAAA,iB,GAAoB,YAAM;AAChC,YAAKC,eAAL;AACD,K;;AAEOC,IAAAA,kB,GAAqB,UAACC,CAAD,EAAc;AACzC,4CAAgBA,CAAhB;AACA,YAAK7B,UAAL;AACD,K;;AAEOA,IAAAA,U,GAAa,YAAM;AACzB,UAAI,CAAC,MAAK1B,OAAV,EAAmB;AACjB,YAAI,MAAKa,KAAL,CAAWd,MAAf,EAAuB;AACrB,gBAAKyD,KAAL;AACD;AACD;AACD;;AAED,YAAKxD,OAAL,GAAe,KAAf;AACA;AACA;AACA;AACAyD,iCAAaC,UAAb,CAAwB,YAAM;AAC5B,cAAK/B,QAAL,CAAc,EAAEqB,IAAI,EAAE,MAAR,EAAd;AACD,OAFD,EAEG,CAFH;AAGD,K;;AAEOK,IAAAA,e,GAAkB,YAAM;AAC9B;AACA;AACA;;AAEA,UAAI,MAAKxC,KAAL,CAAWd,MAAX,IAAqB,CAAC,MAAKmD,cAA/B,EAA+C;AAC7C;AACD;AACD,YAAKxB,UAAL;AACD,K;;AAEOiC,IAAAA,gB,GAAmB,YAAM;AAC/B,UAAI,CAAC,MAAK5C,gBAAV,EAA4B;AAC1B,cAAKY,QAAL,CAAc,EAAEqB,IAAI,EAAE,YAAR,EAAd;AACD;AACF,K,sDA5RD;AACF;AACA,K,OACeR,M,mHAAb,iBAAoBoB,KAApB,iMAAoBA,KAApB,cAAoBA,KAApB,GAAoC,KAAK/C,KAAL,CAAWZ,SAA/C,EACU4D,QADV,GACuB,KAAK1C,KAD5B,CACU0C,QADV,CAGQC,aAHR,GAGwC,IAAIC,OAAJ,CAAY,UAACC,CAAD,EAAIC,MAAJ,UAAgB,MAAI,CAAClD,gBAAL,GAAwBkD,MAAxC,EAAZ,CAHxC,CAIE,KAAKnD,SAAL,IAAkB,CAAlB,CACMoD,WALR,GAKsB,KAAKpD,SAL3B,CAOE,IAAI,CAAC,KAAKqD,eAAV,EAA2B,CACzB,KAAKA,eAAL,GAAuB,IAAIJ,OAAJ,CAAkB,UAACK,OAAD,EAAa,CACpD,IAAMC,YAAY,GAAG,0BAAc,YAAM,CACvC,MAAI,CAAC1C,QAAL,CAAc,EAAEqB,IAAI,EAAE,cAAR,EAAd,EACAS,2BAAaC,UAAb,CAAwBU,OAAxB,EAAiC3E,gBAAjC,EACD,CAHoB,EAGlBD,wBAHkB,CAArB,CAKAsE,aAAa,CAACQ,KAAd,CAAoB,oBAAMD,YAAY,EAAlB,EAApB,EAEA,MAAI,CAACpD,iBAAL,GAAyB,YAAM,CAC7BoD,YAAY,GACZD,OAAO,GACR,CAHD,CAID,CAZsB,CAAvB,CAaD,CArBH,2CAwBwBL,OAAO,CAACQ,IAAR,CAAa,CAACV,QAAQ,CAACD,KAAD,CAAT,EAAkBE,aAAlB,CAAb,CAxBxB,QAwBUjE,KAxBV,sBAyBQ,KAAKgB,KAAL,CAAWf,OAzBnB,uDA0BYiE,OAAO,CAACQ,IAAR,CAAa,CAAC,KAAKJ,eAAN,EAAuBL,aAAvB,CAAb,CA1BZ,SA4BI,IAAII,WAAW,KAAK,KAAKpD,SAAzB,EAAoC,CAClC,KAAKa,QAAL,CAAc,EACZqB,IAAI,EAAE,cADM,EAEZnD,KAAK,EAALA,KAFY,EAAd,EAID,CAjCL,uFAmCI,IAAI,eAAS,YAAM2E,IAAN,KAAe,kBAA5B,EAAgD,CAC9C,KAAK7C,QAAL,CAAc,EAAEqB,IAAI,EAAE,eAAR,EAAd,EACD,CAFD,MAEO,IAAIkB,WAAW,KAAK,KAAKpD,SAAzB,EAAoC,CACzC,KAAKa,QAAL,CAAc,EACZqB,IAAI,EAAE,gBADM,EAEZ9C,aAAa,EAAE,yBAAM,CACnB,MAAI,CAACsC,MAAL,CAAYoB,KAAZ,EACA,IAAI,MAAI,CAACvC,KAAT,EAAgB,CACd,MAAI,CAACA,KAAL,CAAWH,KAAX,GACD,CACF,CAPW,EAAd,EASD,CA/CL,2BAiDI,IAAIgD,WAAW,KAAK,KAAKpD,SAAzB,EAAoC,CAClC,IAAI,CAAC,KAAKD,KAAL,CAAWf,OAAhB,EAAyB,CACvB,KAAKmB,iBAAL,GACD,CACD,KAAKF,gBAAL,GAAwB,IAAxB,CACA,KAAKoD,eAAL,GAAuB,IAAvB,CACD,CAvDL,6G,iFA2DA;AACF;AACA,K,QACSM,Y,GAAP,wBAAsB,CACpB,IAAI,KAAK1D,gBAAT,EAA2B,CACzB,KAAKA,gBAAL,CAAsB,IAAI2D,uBAAJ,EAAtB,EACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,KAAKhD,QAAL,CAAc,EAAEqB,IAAI,EAAE,MAAR,EAAd,EACD,C,CAED;AACF;AACA,K,QACSQ,K,GAAP,iBAAe,CACb,KAAK7B,QAAL,CAAc,EAAEqB,IAAI,EAAE,OAAR,EAAd,EACD,C,QAEM4B,M,GAAP,kBAAgB,mBACd,IAAMC,SAAS,GAAG,EAChBC,KAAK,EAAE,KAAK3D,KAAL,CAAW2D,KADF,EAEhBC,UAAU,EAAE,KAAK5D,KAAL,CAAW4D,UAFP,EAGhB3D,QAAQ,EAAE,KAAKD,KAAL,CAAWC,QAHL,EAIhB4D,aAAa,EAAE,KAAK7D,KAAL,CAAW6D,aAJV,EAKhBpF,OAAO,EAAE,KAAKiB,KAAL,CAAWjB,OALJ,EAMhBqF,KAAK,EAAE,KAAK9D,KAAL,CAAW8D,KANF,EAOhBpF,KAAK,EAAE,KAAKgB,KAAL,CAAWhB,KAPF,EAQhBC,OAAO,EAAE,KAAKe,KAAL,CAAWf,OARJ,EAShBoF,SAAS,EAAE,KAAK/D,KAAL,CAAW+D,SATN,EAUhBnF,MAAM,EAAE,KAAKc,KAAL,CAAWd,MAVH,EAWhBoF,SAAS,EAAE,KAAKhE,KAAL,CAAWgE,SAXN,EAYhBC,OAAO,EAAE,KAAKjE,KAAL,CAAWiE,OAZJ,EAahBC,WAAW,EAAE,KAAKlE,KAAL,CAAWkE,WAbR,EAchB9E,IAAI,EAAE,KAAKY,KAAL,CAAWZ,IAdD,EAehBN,SAAS,EAAE,KAAKY,KAAL,CAAWZ,SAfN,EAgBhBqF,UAAU,EAAE,KAAKnE,KAAL,CAAWmE,UAhBP,EAiBhBvC,KAAK,EAAE,KAAK5B,KAAL,CAAW4B,KAjBF,EAkBhBwC,OAAO,EAAE,KAAKpE,KAAL,CAAWoE,OAlBJ,EAmBhB,oBAAoB,KAAKpE,KAAL,CAAW,kBAAX,CAnBJ,EAoBhB,cAAc,KAAKA,KAAL,CAAW,YAAX,CApBE,EAqBhBqE,KAAK,EAAE,KAAKrE,KAAL,CAAWqE,KArBF,EAsBhBC,SAAS,EAAE,KAAKtE,KAAL,CAAWsE,SAtBN,EAuBhBC,aAAa,EAAE,KAAKvE,KAAL,CAAWuE,aAvBV,EAwBhBC,QAAQ,EAAE,KAAKxE,KAAL,CAAWwE,QAxBL,EAyBhBC,SAAS,EAAE,KAAKzE,KAAL,CAAWyE,SAzBN,EA0BhBC,SAAS,EAAE,KAAK1E,KAAL,CAAW0E,SA1BN,EA4BhBC,aAAa,EAAE,KAAKhD,iBA5BJ,EA6BhBiD,cAAc,EAAE,KAAKzC,kBA7BL,EA8BhB0C,OAAO,EAAE,KAAK7C,WA9BE,EA+BhB8C,aAAa,EAAE,KAAK7C,iBA/BJ,EAgChB8C,cAAc,EAAE,KAAKxE,UAhCL,EAiChByE,WAAW,EAAE,KAAK9C,eAjCF,EAkChB+C,kBAAkB,EAAE,4BAACrD,KAAD,UAAmB,MAAI,CAACpB,QAAL,CAAc,EAAEqB,IAAI,EAAE,YAAR,EAAsBD,KAAK,EAALA,KAAtB,EAAd,CAAnB,EAlCJ,EAmChBsD,YAAY,EAAE,KAAKlD,WAnCH,EAoChBmD,YAAY,EAAE,KAAK3C,gBApCH,EAqChB4C,cAAc,EAAE,wBAACC,KAAD,EAAgC,CAC9CA,KAAK,CAACC,OAAN,GACA,MAAI,CAAC9E,QAAL,CAAc,EAAEqB,IAAI,EAAE,UAAR,EAAoBwD,KAAK,EAALA,KAApB,EAAd,EACD,CAxCe,EAyChBE,YAAY,EAAE,KAAKvF,KAAL,CAAWuF,YAzCT,EA0ChBC,WAAW,EAAE,KAAKxF,KAAL,CAAWwF,WA1CR,EA2ChBC,YAAY,EAAE,KAAKzF,KAAL,CAAWyF,YA3CT,EA4ChBC,UAAU,EAAE,KAAK1F,KAAL,CAAW0F,UA5CP,EA6ChBC,cAAc,EAAE,KAAK3F,KAAL,CAAW2F,cA7CX,EA8ChBC,WAAW,EAAE,KAAK5F,KAAL,CAAW4F,WA9CR,EA+ChBC,WAAW,EAAE,KAAK7F,KAAL,CAAW6F,WA/CR,EAgDhBC,gBAAgB,EAAE,KAAK9F,KAAL,CAAW8F,gBAhDb,EAiDhBC,eAAe,EAAE,KAAK/F,KAAL,CAAW+F,eAjDZ,EAkDhBhH,aAAa,EAAE,KAAKW,KAAL,CAAWX,aAlDV,EAmDhBE,aAAa,EAAE,KAAKS,KAAL,CAAWT,aAnDV,EAqDhB+G,QAAQ,EAAE,kBAAC9F,KAAD,EAA4B,CACpC,MAAI,CAACA,KAAL,GAAaA,KAAb,CACD,CAvDe,EAwDhB+F,OAAO,EAAE,iBAACC,IAAD,EAA0B,CACjC,MAAI,CAACA,IAAL,GAAYA,IAAZ,CACD,CA1De,EA2DhBC,gBAAgB,EAAE,0BAAChG,aAAD,EAA4C,CAC5D,MAAI,CAACA,aAAL,GAAqBA,aAArB,CACD,CA7De,EAAlB,CAgEA,oBACE,6BAAC,+CAAD,CAA4B,QAA5B,QACG,UAACiG,KAAD,EAAW,CACV,MAAI,CAACC,YAAL,GAAoB,qDAA2BD,KAA3B,CAApB,CACA,oBACE,6BAAC,4BAAD,EAAmB,MAAI,CAACpG,KAAxB,eACE,6BAAC,0BAAD,6BAAkB0D,SAAlB,IAA6B,IAAI,EAAE,MAAI,CAAC1D,KAAL,CAAWZ,IAA9C,EAAoD,GAAG,EAAE,MAAI,CAACkH,WAA9D,IADF,CADF,CAKD,CARH,CADF,CAYD,C,QAEMC,iB,GAAP,6BAA2B,CACzB,KAAK/F,QAAL,CAAc,EAAEqB,IAAI,EAAE,OAAR,EAAd,EAAiC,KAAjC,EACA,IAAI,KAAK7B,KAAL,CAAWwG,SAAf,EAA0B,CACxB,KAAKzG,KAAL,GACD,CACF,C,QAEM0G,kB,GAAP,4BAA0BC,SAA1B,EAA6DC,SAA7D,EAAgG,CAC9F,IAAIA,SAAS,CAAClI,OAAV,IAAqB,CAAC,KAAKiB,KAAL,CAAWjB,OAArC,EAA8C,CAC5C,KAAK8B,UAAL,GACD,CACD,KAAKC,QAAL,CACE,EACEqB,IAAI,EAAE,WADR,EAEE6E,SAAS,EAATA,SAFF,EAGEC,SAAS,EAATA,SAHF,EAIEC,cAAc,EAAE,KAAKP,YAAL,CAAkBQ,sCAJpC,EADF,EAOE,KAPF,EASD,C,CAED;AACF;AACA,K,QACSC,K,GAAP,iBAAe,CACb,KAAKtG,QAAL,CAAc,EAAEqB,IAAI,EAAE,OAAR,EAAd,EACD,C,yBAxPoCV,eAAM4F,a,WAC7BC,mB,GAAsB,gB,UACtBC,W,GAAc,gB","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Input, InputIconType } from '../../components/Input';\nimport { Menu } from '../Menu';\nimport { InputLikeText } from '../InputLikeText';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { CancelationError, taskWithDelay } from '../../lib/utils';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { DropdownContainerProps } from '../DropdownContainer';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n  getFullReactUIFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport interface CustomComboBoxProps<T>\n  extends Pick<DropdownContainerProps, 'menuPos'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  maxLength?: number;\n  menuAlign?: 'left' | 'right';\n  drawArrow?: boolean;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  searchOnFocus?: boolean;\n  onValueChange?: (value: T) => void;\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n  onUnexpectedInput?: (value: string) => void | null | T;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n  placeholder?: string;\n  size?: SizeProp;\n  totalCount?: number;\n  value?: Nullable<T>;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxMenuHeight?: number | string;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType<unknown>;\n  renderValue: (value: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  valueToString: (value: T) => string;\n  itemToValue: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface CustomComboBoxState<T> {\n  editing: boolean;\n  loading: boolean;\n  opened: boolean;\n  textValue: string;\n  items: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  inputChanged: boolean;\n  focused: boolean;\n  repeatRequest: () => void;\n  requestStatus: ComboBoxRequestStatus;\n}\n\nexport const DELAY_BEFORE_SHOW_LOADER = 300;\nexport const LOADER_SHOW_TIME = 1000;\n\nexport const DefaultState = {\n  inputChanged: false,\n  editing: false,\n  items: null,\n  loading: false,\n  opened: false,\n  focused: false,\n  textValue: '',\n  repeatRequest: () => undefined,\n  requestStatus: ComboBoxRequestStatus.Unknown,\n  size: 'small',\n};\n\nexport const CustomComboBoxDataTids = {\n  comboBoxView: 'ComboBoxView__root',\n} as const;\n\n@responsiveLayout\n@rootNode\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\n  public static displayName = 'CustomComboBox';\n\n  public state: CustomComboBoxState<T> = DefaultState;\n  public input: Nullable<Input>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private reducer = reducer;\n  public cancelLoaderDelay: () => void = () => null;\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.input) {\n      this.input.focus();\n    } else if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public selectInputText = () => {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.selectAll();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.handleBlur();\n  };\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public async search(query: string = this.state.textValue) {\n    const { getItems } = this.props;\n\n    const cancelPromise: Promise<never> = new Promise((_, reject) => (this.cancelationToken = reject));\n    this.requestId += 1;\n    const expectingId = this.requestId;\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise<void>((resolve) => {\n        const cancelLoader = taskWithDelay(() => {\n          this.dispatch({ type: 'RequestItems' });\n          globalObject.setTimeout(resolve, LOADER_SHOW_TIME);\n        }, DELAY_BEFORE_SHOW_LOADER);\n\n        cancelPromise.catch(() => cancelLoader());\n\n        this.cancelLoaderDelay = () => {\n          cancelLoader();\n          resolve();\n        };\n      });\n    }\n\n    try {\n      const items = await Promise.race([getItems(query), cancelPromise]);\n      if (this.state.loading) {\n        await Promise.race([this.loaderShowDelay, cancelPromise]);\n      }\n      if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'ReceiveItems',\n          items,\n        });\n      }\n    } catch (error) {\n      if (error && error.code === 'CancelationError') {\n        this.dispatch({ type: 'CancelRequest' });\n      } else if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'RequestFailure',\n          repeatRequest: () => {\n            this.search(query);\n            if (this.input) {\n              this.input.focus();\n            }\n          },\n        });\n      }\n    } finally {\n      if (expectingId === this.requestId) {\n        if (!this.state.loading) {\n          this.cancelLoaderDelay();\n        }\n        this.cancelationToken = null;\n        this.loaderShowDelay = null;\n      }\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.cancelationToken) {\n      this.cancelationToken(new CancelationError());\n    }\n  }\n\n  /**\n   * @public\n   */\n  public open() {\n    this.dispatch({ type: 'Open' });\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    this.dispatch({ type: 'Close' });\n  }\n\n  public render() {\n    const viewProps = {\n      align: this.props.align,\n      borderless: this.props.borderless,\n      disabled: this.props.disabled,\n      disablePortal: this.props.disablePortal,\n      editing: this.state.editing,\n      error: this.props.error,\n      items: this.state.items,\n      loading: this.state.loading,\n      menuAlign: this.props.menuAlign,\n      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\n      menuPos: this.props.menuPos,\n      placeholder: this.props.placeholder,\n      size: this.props.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\n      warning: this.props.warning,\n      'aria-describedby': this.props['aria-describedby'],\n      'aria-label': this.props['aria-label'],\n      width: this.props.width,\n      maxLength: this.props.maxLength,\n      maxMenuHeight: this.props.maxMenuHeight,\n      leftIcon: this.props.leftIcon,\n      rightIcon: this.props.rightIcon,\n      inputMode: this.props.inputMode,\n\n      onValueChange: this.handleValueChange,\n      onClickOutside: this.handleClickOutside,\n      onFocus: this.handleFocus,\n      onMobileClose: this.handleMobileClose,\n      onFocusOutside: this.handleBlur,\n      onInputBlur: this.handleInputBlur,\n      onInputValueChange: (value: string) => this.dispatch({ type: 'TextChange', value }),\n      onInputFocus: this.handleFocus,\n      onInputClick: this.handleInputClick,\n      onInputKeyDown: (event: React.KeyboardEvent) => {\n        event.persist();\n        this.dispatch({ type: 'KeyPress', event });\n      },\n      onMouseEnter: this.props.onMouseEnter,\n      onMouseOver: this.props.onMouseOver,\n      onMouseLeave: this.props.onMouseLeave,\n      renderItem: this.props.renderItem,\n      renderNotFound: this.props.renderNotFound,\n      itemWrapper: this.props.itemWrapper,\n      renderValue: this.props.renderValue,\n      renderTotalCount: this.props.renderTotalCount,\n      renderAddButton: this.props.renderAddButton,\n      repeatRequest: this.state.repeatRequest,\n      requestStatus: this.state.requestStatus,\n\n      refInput: (input: Nullable<Input>) => {\n        this.input = input;\n      },\n      refMenu: (menu: Nullable<Menu>) => {\n        this.menu = menu;\n      },\n      refInputLikeText: (inputLikeText: Nullable<InputLikeText>) => {\n        this.inputLikeText = inputLikeText;\n      },\n    };\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper {...this.props}>\n              <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' }, false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>) {\n    if (prevState.editing && !this.state.editing) {\n      this.handleBlur();\n    }\n    this.dispatch(\n      {\n        type: 'DidUpdate',\n        prevProps,\n        prevState,\n        fixValueChange: this.featureFlags.comboBoxAllowValueChangeInEditingState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (action: CustomComboBoxAction<T>, sync = true) => {\n    const updateState = (action: CustomComboBoxAction<T>) => {\n      let effects: Array<CustomComboBoxEffect<T>>;\n      let nextState: Pick<CustomComboBoxState<T>, never>;\n\n      this.setState(\n        (state) => {\n          const stateAndEffect = this.reducer(state, this.props, action);\n          [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n          return nextState;\n        },\n        () => {\n          effects.forEach(this.handleEffect);\n        },\n      );\n    };\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => updateState(action));\n    } else {\n      updateState(action);\n    }\n  };\n\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\n    effect(this.dispatch, this.getState, this.getProps, () => this);\n  };\n\n  private getProps = () => this.props;\n\n  private getState = () => this.state;\n\n  private handleValueChange = (value: T) => {\n    this.dispatch({\n      type: 'ValueChange',\n      value,\n      keepFocus: !this.isMobileLayout,\n    });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n    this.focused = true;\n    this.dispatch({ type: 'Focus' });\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\n  };\n\n  private handleClickOutside = (e: Event) => {\n    fixClickFocusIE(e);\n    this.handleBlur();\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      if (this.state.opened) {\n        this.close();\n      }\n      return;\n    }\n\n    this.focused = false;\n    // workaround for the similar bug with focusout\n    // in Firefox, Chrome and IE\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1363964\n    globalObject.setTimeout(() => {\n      this.dispatch({ type: 'Blur' });\n    }, 0);\n  };\n\n  private handleInputBlur = () => {\n    // If menu opened, RenderLayer is active and\n    // it would call handleFocusOutside\n    // In that way handleBlur would be called\n\n    if (this.state.opened && !this.isMobileLayout) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"]}
+{"version":3,"sources":["CustomComboBox.tsx"],"names":["DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","ComboBoxRequestStatus","Unknown","size","CustomComboBoxDataTids","comboBoxView","CustomComboBox","responsiveLayout","rootNode","state","requestId","cancelationToken","reducer","cancelLoaderDelay","focus","props","disabled","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","Array","forEach","handleEffect","React","version","search","ReactDOM","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","handleMobileClose","handleInputBlur","handleClickOutside","e","close","globalObject","setTimeout","handleInputClick","query","getItems","cancelPromise","Promise","_","reject","expectingId","loaderShowDelay","resolve","cancelLoader","catch","race","code","cancelSearch","CancelationError","open","render","viewProps","align","borderless","disablePortal","error","menuAlign","drawArrow","menuPos","placeholder","totalCount","warning","id","width","maxLength","maxMenuHeight","leftIcon","rightIcon","inputMode","onValueChange","onClickOutside","onFocus","onMobileClose","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","itemWrapper","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","menu","refInputLikeText","flags","featureFlags","setRootNode","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","fixValueChange","comboBoxAllowValueChangeInEditingState","reset","PureComponent","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Input, InputIconType } from '../../components/Input';\nimport { Menu } from '../Menu';\nimport { InputLikeText } from '../InputLikeText';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { CancelationError, taskWithDelay } from '../../lib/utils';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { DropdownContainerProps } from '../DropdownContainer';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n  getFullReactUIFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport interface CustomComboBoxProps<T>\n  extends Pick<DropdownContainerProps, 'menuPos'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  maxLength?: number;\n  menuAlign?: 'left' | 'right';\n  drawArrow?: boolean;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  searchOnFocus?: boolean;\n  onValueChange?: (value: T) => void;\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n  onUnexpectedInput?: (value: string) => void | null | T;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n  placeholder?: string;\n  size?: SizeProp;\n  totalCount?: number;\n  value?: Nullable<T>;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxMenuHeight?: number | string;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType<unknown>;\n  renderValue: (value: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  valueToString: (value: T) => string;\n  itemToValue: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface CustomComboBoxState<T> {\n  editing: boolean;\n  loading: boolean;\n  opened: boolean;\n  textValue: string;\n  items: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  inputChanged: boolean;\n  focused: boolean;\n  repeatRequest: () => void;\n  requestStatus: ComboBoxRequestStatus;\n}\n\nexport const DELAY_BEFORE_SHOW_LOADER = 300;\nexport const LOADER_SHOW_TIME = 1000;\n\nexport const DefaultState = {\n  inputChanged: false,\n  editing: false,\n  items: null,\n  loading: false,\n  opened: false,\n  focused: false,\n  textValue: '',\n  repeatRequest: () => undefined,\n  requestStatus: ComboBoxRequestStatus.Unknown,\n  size: 'small',\n};\n\nexport const CustomComboBoxDataTids = {\n  comboBoxView: 'ComboBoxView__root',\n} as const;\n\n@responsiveLayout\n@rootNode\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\n  public static displayName = 'CustomComboBox';\n\n  public state: CustomComboBoxState<T> = DefaultState;\n  public input: Nullable<Input>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private reducer = reducer;\n  public cancelLoaderDelay: () => void = () => null;\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.input) {\n      this.input.focus();\n    } else if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public selectInputText = () => {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.selectAll();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.handleBlur();\n  };\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public async search(query: string = this.state.textValue) {\n    const { getItems } = this.props;\n\n    const cancelPromise: Promise<never> = new Promise((_, reject) => (this.cancelationToken = reject));\n    this.requestId += 1;\n    const expectingId = this.requestId;\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise<void>((resolve) => {\n        const cancelLoader = taskWithDelay(() => {\n          this.dispatch({ type: 'RequestItems' });\n          globalObject.setTimeout(resolve, LOADER_SHOW_TIME);\n        }, DELAY_BEFORE_SHOW_LOADER);\n\n        cancelPromise.catch(() => cancelLoader());\n\n        this.cancelLoaderDelay = () => {\n          cancelLoader();\n          resolve();\n        };\n      });\n    }\n\n    try {\n      const items = await Promise.race([getItems(query), cancelPromise]);\n      if (this.state.loading) {\n        await Promise.race([this.loaderShowDelay, cancelPromise]);\n      }\n      if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'ReceiveItems',\n          items,\n        });\n      }\n    } catch (error) {\n      if (error && error.code === 'CancelationError') {\n        this.dispatch({ type: 'CancelRequest' });\n      } else if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'RequestFailure',\n          repeatRequest: () => {\n            this.search(query);\n            if (this.input) {\n              this.input.focus();\n            }\n          },\n        });\n      }\n    } finally {\n      if (expectingId === this.requestId) {\n        if (!this.state.loading) {\n          this.cancelLoaderDelay();\n        }\n        this.cancelationToken = null;\n        this.loaderShowDelay = null;\n      }\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.cancelationToken) {\n      this.cancelationToken(new CancelationError());\n    }\n  }\n\n  /**\n   * @public\n   */\n  public open() {\n    this.dispatch({ type: 'Open' });\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    this.dispatch({ type: 'Close' });\n  }\n\n  public render() {\n    const viewProps = {\n      align: this.props.align,\n      borderless: this.props.borderless,\n      disabled: this.props.disabled,\n      disablePortal: this.props.disablePortal,\n      editing: this.state.editing,\n      error: this.props.error,\n      items: this.state.items,\n      loading: this.state.loading,\n      menuAlign: this.props.menuAlign,\n      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\n      menuPos: this.props.menuPos,\n      placeholder: this.props.placeholder,\n      size: this.props.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\n      warning: this.props.warning,\n      'aria-describedby': this.props['aria-describedby'],\n      'aria-label': this.props['aria-label'],\n      id: this.props.id,\n      width: this.props.width,\n      maxLength: this.props.maxLength,\n      maxMenuHeight: this.props.maxMenuHeight,\n      leftIcon: this.props.leftIcon,\n      rightIcon: this.props.rightIcon,\n      inputMode: this.props.inputMode,\n\n      onValueChange: this.handleValueChange,\n      onClickOutside: this.handleClickOutside,\n      onFocus: this.handleFocus,\n      onMobileClose: this.handleMobileClose,\n      onFocusOutside: this.handleBlur,\n      onInputBlur: this.handleInputBlur,\n      onInputValueChange: (value: string) => this.dispatch({ type: 'TextChange', value }),\n      onInputFocus: this.handleFocus,\n      onInputClick: this.handleInputClick,\n      onInputKeyDown: (event: React.KeyboardEvent) => {\n        event.persist();\n        this.dispatch({ type: 'KeyPress', event });\n      },\n      onMouseEnter: this.props.onMouseEnter,\n      onMouseOver: this.props.onMouseOver,\n      onMouseLeave: this.props.onMouseLeave,\n      renderItem: this.props.renderItem,\n      renderNotFound: this.props.renderNotFound,\n      itemWrapper: this.props.itemWrapper,\n      renderValue: this.props.renderValue,\n      renderTotalCount: this.props.renderTotalCount,\n      renderAddButton: this.props.renderAddButton,\n      repeatRequest: this.state.repeatRequest,\n      requestStatus: this.state.requestStatus,\n\n      refInput: (input: Nullable<Input>) => {\n        this.input = input;\n      },\n      refMenu: (menu: Nullable<Menu>) => {\n        this.menu = menu;\n      },\n      refInputLikeText: (inputLikeText: Nullable<InputLikeText>) => {\n        this.inputLikeText = inputLikeText;\n      },\n    };\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper {...this.props}>\n              <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' }, false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>) {\n    if (prevState.editing && !this.state.editing) {\n      this.handleBlur();\n    }\n    this.dispatch(\n      {\n        type: 'DidUpdate',\n        prevProps,\n        prevState,\n        fixValueChange: this.featureFlags.comboBoxAllowValueChangeInEditingState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (action: CustomComboBoxAction<T>, sync = true) => {\n    const updateState = (action: CustomComboBoxAction<T>) => {\n      let effects: Array<CustomComboBoxEffect<T>>;\n      let nextState: Pick<CustomComboBoxState<T>, never>;\n\n      this.setState(\n        (state) => {\n          const stateAndEffect = this.reducer(state, this.props, action);\n          [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n          return nextState;\n        },\n        () => {\n          effects.forEach(this.handleEffect);\n        },\n      );\n    };\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => updateState(action));\n    } else {\n      updateState(action);\n    }\n  };\n\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\n    effect(this.dispatch, this.getState, this.getProps, () => this);\n  };\n\n  private getProps = () => this.props;\n\n  private getState = () => this.state;\n\n  private handleValueChange = (value: T) => {\n    this.dispatch({\n      type: 'ValueChange',\n      value,\n      keepFocus: !this.isMobileLayout,\n    });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n    this.focused = true;\n    this.dispatch({ type: 'Focus' });\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\n  };\n\n  private handleClickOutside = (e: Event) => {\n    fixClickFocusIE(e);\n    this.handleBlur();\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      if (this.state.opened) {\n        this.close();\n      }\n      return;\n    }\n\n    this.focused = false;\n    // workaround for the similar bug with focusout\n    // in Firefox, Chrome and IE\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1363964\n    globalObject.setTimeout(() => {\n      this.dispatch({ type: 'Blur' });\n    }, 0);\n  };\n\n  private handleInputBlur = () => {\n    // If menu opened, RenderLayer is active and\n    // it would call handleFocusOutside\n    // In that way handleBlur would be called\n\n    if (this.state.opened && !this.isMobileLayout) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"]}

package/cjs/internal/PopupMenu/PopupMenu.d.ts

@@ -1,7 +1,7 @@
-import React, { AriaAttributes } from 'react';
+import React, { AriaAttributes, HTMLAttributes } from 'react';
 import { HTMLProps } from '../../typings/html';
 import { PopupPositionsType } from '../Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
+import { CommonProps } from '../CommonWrapper';
 import { MenuProps } from '../Menu';
 export interface PopupMenuCaptionProps {
     opened: boolean;
@@ -9,7 +9,7 @@ export interface PopupMenuCaptionProps {
     closeMenu: (restoreFocus?: boolean) => void;
     toggleMenu: () => void;
 }
-export interface PopupMenuProps extends CommonProps, Pick<MenuProps, 'preventIconsOffset'>, Pick<AriaAttributes, 'aria-label'> {
+export interface PopupMenuProps extends CommonProps, Pick<MenuProps, 'preventIconsOffset'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<AriaAttributes, 'aria-label'> {
     children?: React.ReactNode;
     /** Максимальная высота меню */
     menuMaxHeight?: number | string;

package/cjs/internal/PopupMenu/PopupMenu.js

@@ -15,7 +15,7 @@ var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _Popup = require("../Popup");
 var _RenderLayer = require("../RenderLayer");
 
-var _CommonWrapper = require("../../internal/CommonWrapper");
+var _CommonWrapper = require("../CommonWrapper");
 var _decorator = require("../../components/ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
@@ -79,6 +79,7 @@ var _PopupMenu = require("./PopupMenu.styles");var _class, _class2, _temp;
 
 
 
+
 
 
 var PopupMenuType = {
@@ -224,6 +225,7 @@ PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.responsiveLayout)(_c
       }
 
       return /*#__PURE__*/_react.default.cloneElement(caption, {
+        id: _this.props.id,
         'aria-controls': (_this$props$popupMenu = _this.props.popupMenuId) != null ? _this$props$popupMenu : _this.rootId,
         'aria-expanded': _this.state.menuVisible ? 'true' : 'false',
         'aria-label': _this.props['aria-label'] });

package/cjs/internal/PopupMenu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PopupMenu.tsx"],"names":["PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootNode","responsiveLayout","rootId","PopupIds","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","React","cloneElement","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","styles","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","theme","ThemeFactory","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","popupHasPin","disableAnimations","setRootNode","container","width","children","popupMargin","popupPinOffset","getPositions","isMobileLayout","menuWidth","menuMaxHeight","preventIconsOffset","header","footer","positions","Component","__KONTUR_REACT_UI__","displayName","Type"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nexport const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  hasShadow={false}\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.refInternalMenu}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private refInternalMenu = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"]}
+{"version":3,"sources":["PopupMenu.tsx"],"names":["PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootNode","responsiveLayout","rootId","PopupIds","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","React","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","styles","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","theme","ThemeFactory","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","popupHasPin","disableAnimations","setRootNode","container","width","children","popupMargin","popupPinOffset","getPositions","isMobileLayout","menuWidth","menuMaxHeight","preventIconsOffset","header","footer","positions","Component","__KONTUR_REACT_UI__","displayName","Type"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nexport const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  hasShadow={false}\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.refInternalMenu}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private refInternalMenu = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"]}

package/cjs/internal/themes/Theme2022Dark.js

@@ -341,7 +341,7 @@ Theme2022Dark = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme
 
 
     //#endregion
-  }]);return Theme2022Dark;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022Dark = Theme2022Dark;Theme2022Dark.borderColorFocus = '#EBEBEB';Theme2022Dark.outlineColorFocus = '#EBEBEB';Theme2022Dark.btnFocusShadowWidth = '2px';Theme2022Dark.btnOutlineColorFocus = '#1f1f1f';Theme2022Dark.btnDefaultBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultHoverBgStart = 'none';Theme2022Dark.btnDefaultHoverBgEnd = 'none';Theme2022Dark.btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnPrimaryBg = '#EBEBEB';Theme2022Dark.btnPrimaryHoverBg = '#FFFFFF';Theme2022Dark.btnPrimaryActiveBg = '#C2C2C2';Theme2022Dark.btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnSuccessBg = '#5F9C20';Theme2022Dark.btnSuccessHoverBg = '#6CAD26';Theme2022Dark.btnSuccessActiveBg = '#477916';Theme2022Dark.btnPayBg = '#FCB73E';Theme2022Dark.btnPayHoverBg = '#FCC660';Theme2022Dark.btnPayActiveBg = '#F69912';Theme2022Dark.btnDangerBg = '#EE5042';Theme2022Dark.btnDangerHoverBg = '#FF5A49';Theme2022Dark.btnDangerActiveBg = '#CB3D35';Theme2022Dark.btnBacklessBg = 'transparent !important';Theme2022Dark.btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';Theme2022Dark.btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';Theme2022Dark.btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnTextBg = 'transparent !important';Theme2022Dark.btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.btnTextBorderColor = 'transparent';Theme2022Dark.btnWarningSecondary = 'rgba(212, 100, 33, 1)';Theme2022Dark.btnErrorSecondary = 'rgba(169, 42, 39, 1)';Theme2022Dark.btnDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.btnDisabledBorderColor = 'transparent';Theme2022Dark.btnCheckedBg = '#EBEBEB';Theme2022Dark.btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';Theme2022Dark.btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';Theme2022Dark.selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.linkHoverColor = '#ffffff';Theme2022Dark.linkActiveColor = '#c2c2c2';Theme2022Dark.linkHoverTextDecoration = 'none';Theme2022Dark.linkSuccessColor = '#78BF2B';Theme2022Dark.linkSuccessHoverColor = '#B9E96E';Theme2022Dark.linkSuccessActiveColor = '#5F9C20';Theme2022Dark.linkDangerColor = '#FF887B';Theme2022Dark.linkDangerHoverColor = '#FF9D92';Theme2022Dark.linkDangerActiveColor = '#EE5042';Theme2022Dark.linkGrayedColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkGrayedHoverColor = '#FFFFFF';Theme2022Dark.linkGrayedActiveColor = '#C2C2C2';Theme2022Dark.linkDisabledColor = 'rgba(255, 255, 255, 0.48)';Theme2022Dark.linkFocusOutlineColor = '#EBEBEB';Theme2022Dark.inputBlinkColor = '#EBEBEB';Theme2022Dark.inputTextColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.inputBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.inputBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.inputBackgroundClip = 'border-box';Theme2022Dark.inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.inputBorderColorFocus = 'rgba(235, 235, 235, 1)';Theme2022Dark.inputBorderColorWarning = 'rgba(252, 183, 62, 1)';Theme2022Dark.inputBorderColorError = 'rgba(238, 80, 66, 1)';Theme2022Dark.inputOutlineWidth = '1px';Theme2022Dark.inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.inputDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBackgroundClip = 'border-box';Theme2022Dark.menuItemTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.menuItemCommentOpacity = '1';Theme2022Dark.menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.tokenShadowDisabled = '';Theme2022Dark.tokenBorderColorDisabled = 'transparent';Theme2022Dark.tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.tokenDefaultActiveBg = '#EBEBEB';Theme2022Dark.tokenDefaultActiveBorderColor = 'transparent';Theme2022Dark.fileUploaderBg = 'none';Theme2022Dark.fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';Theme2022Dark.radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';Theme2022Dark.radioDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.radioDisabledShadow = 'none';Theme2022Dark.radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.radioCheckedBgColor = '#FFFFFF';Theme2022Dark.radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.radioCheckedBorderColor = 'transparent';Theme2022Dark.checkboxCheckedBg = '#EBEBEB';Theme2022Dark.checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.checkboxShadowDisabled = 'none';Theme2022Dark.toggleBaseBg = 'none';Theme2022Dark.toggleHandleBoxShadowOld = 'none';Theme2022Dark.toggleOutlineColorFocus = '#1F1F1F';Theme2022Dark.toggleContainerBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBg = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgChecked = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgChecked = '#EBEBEB';Theme2022Dark.toggleHandleBoxShadowChecked = 'none';Theme2022Dark.toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgCheckedHover = '#FFFFFF';Theme2022Dark.toggleHandleBoxShadowCheckedHover = 'none';Theme2022Dark.toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.toggleContainerBoxShadowDisabled = 'none';Theme2022Dark.toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabled = 'none';Theme2022Dark.toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleContainerBoxShadowDisabledChecked = 'none';Theme2022Dark.toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabledChecked = 'none';Theme2022Dark.modalBg = '#222';Theme2022Dark.modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';Theme2022Dark.modalBackBg = '#000';Theme2022Dark.modalBackOpacity = '0.7';Theme2022Dark.sidePageBgDefault = '#222';Theme2022Dark.sidePageBackingBg = '#000';Theme2022Dark.sidePageBackingBgOpacity = '0.7';Theme2022Dark.tabColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toastColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastBg = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.toastLinkColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toastCloseColor = 'rgba(0, 0, 0, 0.32)';Theme2022Dark.toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.hintColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.hintBgColor = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.tooltipBg = '#333333';Theme2022Dark.pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.globalLoaderColor = 'rgba(238, 80, 66, 1)';Theme2022Dark.dateInputComponentSelectedBgColor = '';Theme2022Dark.dateInputComponentSelectedTextColor = '';Theme2022Dark.calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';
+  }]);return Theme2022Dark;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022Dark = Theme2022Dark;Theme2022Dark.borderColorFocus = '#EBEBEB';Theme2022Dark.outlineColorFocus = '#EBEBEB';Theme2022Dark.btnFocusShadowWidth = '2px';Theme2022Dark.btnOutlineColorFocus = '#1f1f1f';Theme2022Dark.btnDefaultBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultHoverBgStart = 'none';Theme2022Dark.btnDefaultHoverBgEnd = 'none';Theme2022Dark.btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnPrimaryBg = '#EBEBEB';Theme2022Dark.btnPrimaryHoverBg = '#FFFFFF';Theme2022Dark.btnPrimaryActiveBg = '#C2C2C2';Theme2022Dark.btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnSuccessBg = '#5F9C20';Theme2022Dark.btnSuccessHoverBg = '#6CAD26';Theme2022Dark.btnSuccessActiveBg = '#477916';Theme2022Dark.btnPayBg = '#FCB73E';Theme2022Dark.btnPayHoverBg = '#FCC660';Theme2022Dark.btnPayActiveBg = '#F69912';Theme2022Dark.btnDangerBg = '#EE5042';Theme2022Dark.btnDangerHoverBg = '#FF5A49';Theme2022Dark.btnDangerActiveBg = '#CB3D35';Theme2022Dark.btnBacklessBg = 'transparent !important';Theme2022Dark.btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';Theme2022Dark.btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';Theme2022Dark.btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnTextBg = 'transparent';Theme2022Dark.btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.btnTextBorderColor = 'transparent';Theme2022Dark.btnWarningSecondary = 'rgba(212, 100, 33, 1)';Theme2022Dark.btnErrorSecondary = 'rgba(169, 42, 39, 1)';Theme2022Dark.btnDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.btnDisabledBorderColor = 'transparent';Theme2022Dark.btnCheckedBg = '#EBEBEB';Theme2022Dark.btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';Theme2022Dark.btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';Theme2022Dark.selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.linkHoverColor = '#ffffff';Theme2022Dark.linkActiveColor = '#c2c2c2';Theme2022Dark.linkHoverTextDecoration = 'none';Theme2022Dark.linkSuccessColor = '#78BF2B';Theme2022Dark.linkSuccessHoverColor = '#B9E96E';Theme2022Dark.linkSuccessActiveColor = '#5F9C20';Theme2022Dark.linkDangerColor = '#FF887B';Theme2022Dark.linkDangerHoverColor = '#FF9D92';Theme2022Dark.linkDangerActiveColor = '#EE5042';Theme2022Dark.linkGrayedColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkGrayedHoverColor = '#FFFFFF';Theme2022Dark.linkGrayedActiveColor = '#C2C2C2';Theme2022Dark.linkDisabledColor = 'rgba(255, 255, 255, 0.48)';Theme2022Dark.linkFocusOutlineColor = '#EBEBEB';Theme2022Dark.inputBlinkColor = '#EBEBEB';Theme2022Dark.inputTextColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.inputBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.inputBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.inputBackgroundClip = 'border-box';Theme2022Dark.inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.inputBorderColorFocus = 'rgba(235, 235, 235, 1)';Theme2022Dark.inputBorderColorWarning = 'rgba(252, 183, 62, 1)';Theme2022Dark.inputBorderColorError = 'rgba(238, 80, 66, 1)';Theme2022Dark.inputOutlineWidth = '1px';Theme2022Dark.inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.inputDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBackgroundClip = 'border-box';Theme2022Dark.menuItemTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.menuItemCommentOpacity = '1';Theme2022Dark.menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.tokenShadowDisabled = '';Theme2022Dark.tokenBorderColorDisabled = 'transparent';Theme2022Dark.tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.tokenDefaultActiveBg = '#EBEBEB';Theme2022Dark.tokenDefaultActiveBorderColor = 'transparent';Theme2022Dark.fileUploaderBg = 'none';Theme2022Dark.fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';Theme2022Dark.radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';Theme2022Dark.radioDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.radioDisabledShadow = 'none';Theme2022Dark.radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.radioCheckedBgColor = '#FFFFFF';Theme2022Dark.radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.radioCheckedBorderColor = 'transparent';Theme2022Dark.checkboxCheckedBg = '#EBEBEB';Theme2022Dark.checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.checkboxShadowDisabled = 'none';Theme2022Dark.toggleBaseBg = 'none';Theme2022Dark.toggleHandleBoxShadowOld = 'none';Theme2022Dark.toggleOutlineColorFocus = '#1F1F1F';Theme2022Dark.toggleContainerBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBg = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgChecked = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgChecked = '#EBEBEB';Theme2022Dark.toggleHandleBoxShadowChecked = 'none';Theme2022Dark.toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgCheckedHover = '#FFFFFF';Theme2022Dark.toggleHandleBoxShadowCheckedHover = 'none';Theme2022Dark.toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.toggleContainerBoxShadowDisabled = 'none';Theme2022Dark.toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabled = 'none';Theme2022Dark.toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleContainerBoxShadowDisabledChecked = 'none';Theme2022Dark.toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabledChecked = 'none';Theme2022Dark.modalBg = '#222';Theme2022Dark.modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';Theme2022Dark.modalBackBg = '#000';Theme2022Dark.modalBackOpacity = '0.7';Theme2022Dark.sidePageBgDefault = '#222';Theme2022Dark.sidePageBackingBg = '#000';Theme2022Dark.sidePageBackingBgOpacity = '0.7';Theme2022Dark.tabColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toastColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastBg = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.toastLinkColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toastCloseColor = 'rgba(0, 0, 0, 0.32)';Theme2022Dark.toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.hintColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.hintBgColor = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.tooltipBg = '#333333';Theme2022Dark.pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.globalLoaderColor = 'rgba(238, 80, 66, 1)';Theme2022Dark.dateInputComponentSelectedBgColor = '';Theme2022Dark.dateInputComponentSelectedTextColor = '';Theme2022Dark.calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';
 
 var Theme2022DarkInternal = Object.setPrototypeOf(
 (0, _ThemeHelpers.exposeGetters)(Theme2022Dark),

package/cjs/internal/themes/Theme2022Dark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022Dark.ts"],"names":["Theme2022Dark","btnSuccessBg","btnSuccessHoverBg","btnSuccessActiveBg","btnPayBg","btnPayHoverBg","btnPayActiveBg","btnDangerBg","btnDangerHoverBg","btnDangerActiveBg","inputBorderColorFocus","inputBg","inputDisabledBorderColor","inputBorderColor","inputTextColorDisabled","bgSecondary","btnBorderColorFocus","checkboxCheckedBg","toggleContainerBgHover","modalBg","borderColorFocus","outlineColorFocus","btnFocusShadowWidth","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","btnDefaultBorderColor","btnDefaultTextColor","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnPrimaryTextColor","btnBacklessBg","btnBacklessHoverBg","btnBacklessActiveBg","btnBacklessBorderColor","btnBacklessDisabledBorderColor","btnBacklessHoverBorderColor","btnBacklessTextColor","btnTextBg","btnTextHoverBg","btnTextActiveBg","btnTextBorderColor","btnWarningSecondary","btnErrorSecondary","btnDisabledBg","btnDisabledTextColor","btnDisabledBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedDisabledBg","btnCheckedDisabledColor","selectMenuArrowColor","linkColor","linkHoverColor","linkActiveColor","linkHoverTextDecoration","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkDisabledColor","linkFocusOutlineColor","inputBlinkColor","inputTextColor","inputBackgroundClip","inputBorderColorHover","inputBorderColorWarning","inputBorderColorError","inputOutlineWidth","inputDisabledBg","inputDisabledBackgroundClip","menuItemTextColor","menuItemHoverBg","menuItemSelectedBg","menuItemCommentColor","menuItemCommentOpacity","menuSeparatorBorderColor","menuItemDisabledColor","tokenShadowDisabled","tokenBorderColorDisabled","tokenDefaultIdleColor","tokenDefaultIdleBg","tokenDefaultIdleBorderColor","tokenDefaultIdleColorHover","tokenDefaultIdleBgHover","tokenDefaultIdleBorderColorHover","tokenDefaultActiveColor","tokenDefaultActiveBg","tokenDefaultActiveBorderColor","fileUploaderBg","fileUploaderUploadButtonBg","fileUploaderHoveredBg","fileUploaderIconColor","fileUploaderLinkColor","fileUploaderAfterLinkColor","fileUploaderDisabledBorderColor","fileUploaderDragOverShadow","radioFocusShadow","radioDisabledBg","radioDisabledShadow","radioCheckedDisabledBulletBg","radioCheckedBgColor","radioCheckedBulletColor","radioCheckedBorderColor","checkboxCheckedColor","checkboxHoverBg","checkboxOutlineColorFocus","checkboxBgDisabled","checkboxShadowDisabled","toggleBaseBg","toggleHandleBoxShadowOld","toggleOutlineColorFocus","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","modalSeparatorBorderBottom","modalBackBg","modalBackOpacity","sidePageBgDefault","sidePageBackingBg","sidePageBackingBgOpacity","tabColorHover","toastColor","toastBg","toastLinkColor","toastLinkBgHover","toastLinkBgActive","toastCloseColor","toastCloseHoverColor","hintColor","hintBgColor","tooltipBg","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingForwardLinkColor","globalLoaderColor","dateInputComponentSelectedBgColor","dateInputComponentSelectedTextColor","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellSelectedBgColor","calendarCellSelectedFontColor","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","closeBtnIconColor","Theme2022DarkInternal","Object","setPrototypeOf","Theme2022Internal"],"mappings":"2XAAA;;AAEA,oC;;AAEaA,a;;;;AAIX;;;;;;;;;;;;;;;;;;;;AAoBA,mBAA0C;AACxC,aAAO,KAAKC,YAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKC,kBAAZ;AACD,K;;;;;AAKD,mBAAsC;AACpC,aAAO,KAAKC,QAAZ;AACD,K;AACD,mBAA2C;AACzC,aAAO,KAAKC,aAAZ;AACD,K;AACD,mBAA4C;AAC1C,aAAO,KAAKC,cAAZ;AACD,K;;;;;AAKD,mBAAyC;AACvC,aAAO,KAAKC,WAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DD,mBAAqC;AACnC,4BAAoB,KAAKC,qBAAzB;AACD,K;;;;;;;;;;;;;AAaD;;AAEA;AACA,mBAA+B;AAC7B,aAAO,KAAKC,OAAZ;AACD,K;AACD,mBAA6C;AAC3C,aAAO,KAAKD,qBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKE,wBAAZ;AACD,K;AACD,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,sBAAZ;AACD;AACD;;AAEA;kCACA,eAAkC;AAChC,aAAO,KAAKC,WAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCD,mBAAiD;AAC/C,aAAO,KAAKC,mBAAZ;AACD;AACD;;AAEA;;;;;;;;;;;;;;;;AAgBA,mBAA2C;AACzC,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BD;AACA,mBAAkD;AAChD,aAAO,KAAKC,sBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;AAqBD,mBAAuC;AACrC,aAAO,KAAKC,OAAZ;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgED;qIAlVWnB,a,CACGoB,gB,GAAmB,S,CADtBpB,a,CAEGqB,iB,GAAoB,S,CAFvBrB,a,CAKGsB,mB,GAAsB,K,CALzBtB,a,CAMGuB,oB,GAAuB,S,CAN1BvB,a,CAQGwB,Y,GAAe,0B,CARlBxB,a,CASGyB,iB,GAAoB,2B,CATvBzB,a,CAUG0B,sB,GAAyB,M,CAV5B1B,a,CAWG2B,oB,GAAuB,M,CAX1B3B,a,CAYG4B,kB,GAAqB,0B,CAZxB5B,a,CAaG6B,qB,GAAwB,2B,CAb3B7B,a,CAcG8B,mB,GAAsB,2B,CAdzB9B,a,CAgBG+B,Y,GAAe,S,CAhBlB/B,a,CAiBGgC,iB,GAAoB,S,CAjBvBhC,a,CAkBGiC,kB,GAAqB,S,CAlBxBjC,a,CAmBGkC,mB,GAAsB,sB,CAnBzBlC,a,CAqBGC,Y,GAAe,S,CArBlBD,a,CAsBGE,iB,GAAoB,S,CAtBvBF,a,CAuBGG,kB,GAAqB,S,CAvBxBH,a,CAkCGI,Q,GAAW,S,CAlCdJ,a,CAmCGK,a,GAAgB,S,CAnCnBL,a,CAoCGM,c,GAAiB,S,CApCpBN,a,CA+CGO,W,GAAc,S,CA/CjBP,a,CAgDGQ,gB,GAAmB,S,CAhDtBR,a,CAiDGS,iB,GAAoB,S,CAjDvBT,a,CA4DGmC,a,GAAgB,wB,CA5DnBnC,a,CA6DGoC,kB,GAAqB,qC,CA7DxBpC,a,CA8DGqC,mB,GAAsB,sC,CA9DzBrC,a,CA+DGsC,sB,GAAyB,sC,CA/D5BtC,a,CAgEGuC,8B,GAAiC,sC,CAhEpCvC,a,CAiEGwC,2B,GAA8B,0B,CAjEjCxC,a,CAkEGyC,oB,GAAuB,2B,CAlE1BzC,a,CAoEG0C,S,GAAY,wB,CApEf1C,a,CAqEG2C,c,GAAiB,0B,CArEpB3C,a,CAsEG4C,e,GAAkB,2B,CAtErB5C,a,CAuEG6C,kB,GAAqB,a,CAvExB7C,a,CAyEG8C,mB,GAAsB,uB,CAzEzB9C,a,CA0EG+C,iB,GAAoB,sB,CA1EvB/C,a,CA4EGgD,a,GAAgB,2B,CA5EnBhD,a,CA6EGiD,oB,GAAuB,2B,CA7E1BjD,a,CA8EGkD,sB,GAAyB,a,CA9E5BlD,a,CAgFGmD,Y,GAAe,S,CAhFlBnD,a,CAiFGoD,mB,GAAsB,sB,CAjFzBpD,a,CAkFGqD,oB,GAAuB,sC,CAlF1BrD,a,CAmFGsD,uB,GAA0B,qB,CAnF7BtD,a,CAuFGuD,oB,GAAuB,2B,CAvF1BvD,a,CA2FGwD,S,GAAY,2B,CA3FfxD,a,CA4FGyD,c,GAAiB,S,CA5FpBzD,a,CA6FG0D,e,GAAkB,S,CA7FrB1D,a,CA8FG2D,uB,GAA0B,M,CA9F7B3D,a,CAgGG4D,gB,GAAmB,S,CAhGtB5D,a,CAiGG6D,qB,GAAwB,S,CAjG3B7D,a,CAkGG8D,sB,GAAyB,S,CAlG5B9D,a,CAoGG+D,e,GAAkB,S,CApGrB/D,a,CAqGGgE,oB,GAAuB,S,CArG1BhE,a,CAsGGiE,qB,GAAwB,S,CAtG3BjE,a,CAwGGkE,e,GAAkB,2B,CAxGrBlE,a,CAyGGmE,oB,GAAuB,S,CAzG1BnE,a,CA0GGoE,qB,GAAwB,S,CA1G3BpE,a,CA4GGqE,iB,GAAoB,2B,CA5GvBrE,a,CA6GGsE,qB,GAAwB,S,CA7G3BtE,a,CAiHGuE,e,GAAkB,S,CAjHrBvE,a,CAkHGwE,c,GAAiB,4B,CAlHpBxE,a,CAmHGW,O,GAAU,0B,CAnHbX,a,CAoHGa,gB,GAAmB,2B,CApHtBb,a,CAqHGyE,mB,GAAsB,Y,CArHzBzE,a,CAsHG0E,qB,GAAwB,2B,CAtH3B1E,a,CAuHGU,qB,GAAwB,wB,CAvH3BV,a,CA4HG2E,uB,GAA0B,uB,CA5H7B3E,a,CA6HG4E,qB,GAAwB,sB,CA7H3B5E,a,CA8HG6E,iB,GAAoB,K,CA9HvB7E,a,CAgIGc,sB,GAAyB,2B,CAhI5Bd,a,CAiIG8E,e,GAAkB,2B,CAjIrB9E,a,CAkIGY,wB,GAA2B,2B,CAlI9BZ,a,CAsIG+E,2B,GAA8B,Y,CAtIjC/E,a,CAgKGgF,iB,GAAoB,2B,CAhKvBhF,a,CAiKGiF,e,GAAkB,0B,CAjKrBjF,a,CAkKGkF,kB,GAAqB,2B,CAlKxBlF,a,CAoKGmF,oB,GAAuB,2B,CApK1BnF,a,CAqKGoF,sB,GAAyB,G,CArK5BpF,a,CAuKGqF,wB,GAA2B,0B,CAvK9BrF,a,CAyKGsF,qB,GAAwB,2B,CAzK3BtF,a,CA6KGuF,mB,GAAsB,E,CA7KzBvF,a,CA8KGwF,wB,GAA2B,a,CA9K9BxF,a,CAgLGyF,qB,GAAwB,4B,CAhL3BzF,a,CAiLG0F,kB,GAAqB,0B,CAjLxB1F,a,CAkLG2F,2B,GAA8B,2B,CAlLjC3F,a,CAmLG4F,0B,GAA6B,2B,CAnLhC5F,a,CAoLG6F,uB,GAA0B,2B,CApL7B7F,a,CAqLG8F,gC,GAAmC,2B,CArLtC9F,a,CAsLG+F,uB,GAA0B,qB,CAtL7B/F,a,CAuLGgG,oB,GAAuB,S,CAvL1BhG,a,CAwLGiG,6B,GAAgC,a,CAxLnCjG,a,CA4LGkG,c,GAAiB,M,CA5LpBlG,a,CA6LGmG,0B,GAA6B,0B,CA7LhCnG,a,CA8LGoG,qB,GAAwB,2B,CA9L3BpG,a,CA+LGqG,qB,GAAwB,2B,CA/L3BrG,a,CAgMGsG,qB,GAAwB,2B,CAhM3BtG,a,CAiMGuG,0B,GAA6B,2B,CAjMhCvG,a,CAkMGwG,+B,GAAkC,0B,CAlMrCxG,a,CAmMGyG,0B,GAA6B,yB,CAnMhCzG,a,CA0MG0G,gB,GAAmB,qC,CA1MtB1G,a,CA4MG2G,e,GAAkB,2B,CA5MrB3G,a,CA6MG4G,mB,GAAsB,M,CA7MzB5G,a,CA8MG6G,4B,GAA+B,2B,CA9MlC7G,a,CAgNG8G,mB,GAAsB,S,CAhNzB9G,a,CAiNG+G,uB,GAA0B,qB,CAjN7B/G,a,CAkNGgH,uB,GAA0B,a,CAlN7BhH,a,CAsNGiB,iB,GAAoB,S,CAtNvBjB,a,CAuNGiH,oB,GAAuB,qB,CAvN1BjH,a,CAwNGkH,e,GAAkB,2B,CAxNrBlH,a,CA4NGmH,yB,GAA4B,qB,CA5N/BnH,a,CA6NGoH,kB,GAAqB,2B,CA7NxBpH,a,CA8NGqH,sB,GAAyB,M,CA9N5BrH,a,CAkOGsH,Y,GAAe,M,CAlOlBtH,a,CAmOGuH,wB,GAA2B,M,CAnO9BvH,a,CAoOGwH,uB,GAA0B,S,CApO7BxH,a,CAuOGyH,iB,GAAoB,0B,CAvOvBzH,a,CAwOG0H,wB,GAA2B,2C,CAxO9B1H,a,CAyOG2H,c,GAAiB,2B,CAzOpB3H,a,CA0OG4H,qB,GAAwB,2C,CA1O3B5H,a,CA6OG6H,a,GAAgB,2B,CA7OnB7H,a,CA8OG8H,6B,GAAgC,2C,CA9OnC9H,a,CA+OG+H,mB,GAAsB,2B,CA/OzB/H,a,CAgPGgI,0B,GAA6B,2C,CAhPhChI,a,CAmPGiI,e,GAAkB,0B,CAnPrBjI,a,CAoPGkI,+B,GAAkC,2C,CApPrClI,a,CAqPGmI,qB,GAAwB,S,CArP3BnI,a,CAsPGoI,4B,GAA+B,M,CAtPlCpI,a,CA4PGqI,oC,GAAuC,2C,CA5P1CrI,a,CA6PGsI,0B,GAA6B,S,CA7PhCtI,a,CA8PGuI,iC,GAAoC,M,CA9PvCvI,a,CAiQGwI,yB,GAA4B,2B,CAjQ/BxI,a,CAkQGyI,gC,GAAmC,M,CAlQtCzI,a,CAmQG0I,sB,GAAyB,qB,CAnQ5B1I,a,CAoQG2I,6B,GAAgC,M,CApQnC3I,a,CAuQG4I,gC,GAAmC,2B,CAvQtC5I,a,CAwQG6I,uC,GAA0C,M,CAxQ7C7I,a,CAyQG8I,6B,GAAgC,qB,CAzQnC9I,a,CA0QG+I,oC,GAAuC,M,CA1Q1C/I,a,CA+QGmB,O,GAAU,M,CA/QbnB,a,CAmRGgJ,0B,GAA6B,oC,CAnRhChJ,a,CAoRGiJ,W,GAAc,M,CApRjBjJ,a,CAqRGkJ,gB,GAAmB,K,CArRtBlJ,a,CAyRGmJ,iB,GAAoB,M,CAzRvBnJ,a,CA0RGoJ,iB,GAAoB,M,CA1RvBpJ,a,CA2RGqJ,wB,GAA2B,K,CA3R9BrJ,a,CA+RGsJ,a,GAAgB,2B,CA/RnBtJ,a,CAmSGuJ,U,GAAa,uB,CAnShBvJ,a,CAoSGwJ,O,GAAU,0B,CApSbxJ,a,CAqSGyJ,c,GAAiB,uB,CArSpBzJ,a,CAsSG0J,gB,GAAmB,2B,CAtStB1J,a,CAuSG2J,iB,GAAoB,qB,CAvSvB3J,a,CAwSG4J,e,GAAkB,qB,CAxSrB5J,a,CAySG6J,oB,GAAuB,qB,CAzS1B7J,a,CA6SG8J,S,GAAY,uB,CA7Sf9J,a,CA8SG+J,W,GAAc,0B,CA9SjB/J,a,CAkTGgK,S,GAAY,S,CAlTfhK,a,CAsTGiK,qB,GAAwB,2B,CAtT3BjK,a,CAuTGkK,sB,GAAyB,0B,CAvT5BlK,a,CAwTGmK,sB,GAAyB,2B,CAxT5BnK,a,CA4TGoK,iB,GAAoB,sB,CA5TvBpK,a,CAgUGqK,iC,GAAoC,E,CAhUvCrK,a,CAiUGsK,mC,GAAsC,E,CAjUzCtK,a,CAqUGuK,wB,GAA2B,2B,CArU9BvK,a,CAsUGwK,sB,GAAyB,2B,CAtU5BxK,a,CAuUGyK,2B,GAA8B,0B,CAvUjCzK,a,CAwUG0K,6B,GAAgC,2B,CAxUnC1K,a,CA4UG2K,0B,GAA6B,2B,CA5UhC3K,a,CA6UG4K,4B,GAA+B,0B,CA7UlC5K,a,CAiVG6K,iB,GAAoB,2B;;AAI7B,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAchL,aAAd,CADmC;AAEnCiL,wBAFmC,CAA9B,C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { Theme2022Internal } from './Theme2022';\n\nexport class Theme2022Dark extends (class {} as typeof Theme2022Internal) {\n  public static borderColorFocus = '#EBEBEB';\n  public static outlineColorFocus = '#EBEBEB';\n\n  //#region Button\n  public static btnFocusShadowWidth = '2px';\n  public static btnOutlineColorFocus = '#1f1f1f';\n\n  public static btnDefaultBg = 'rgba(255, 255, 255, 0.1)';\n  public static btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';\n  public static btnDefaultHoverBgStart = 'none';\n  public static btnDefaultHoverBgEnd = 'none';\n  public static btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';\n  public static btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';\n  public static btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';\n\n  public static btnPrimaryBg = '#EBEBEB';\n  public static btnPrimaryHoverBg = '#FFFFFF';\n  public static btnPrimaryActiveBg = '#C2C2C2';\n  public static btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';\n\n  public static btnSuccessBg = '#5F9C20';\n  public static btnSuccessHoverBg = '#6CAD26';\n  public static btnSuccessActiveBg = '#477916';\n  public static get btnSuccessBorderColor() {\n    return this.btnSuccessBg;\n  }\n  public static get btnSuccessHoverBorderColor() {\n    return this.btnSuccessHoverBg;\n  }\n  public static get btnSuccessActiveBorderColor() {\n    return this.btnSuccessActiveBg;\n  }\n\n  public static btnPayBg = '#FCB73E';\n  public static btnPayHoverBg = '#FCC660';\n  public static btnPayActiveBg = '#F69912';\n  public static get btnPayBorderColor() {\n    return this.btnPayBg;\n  }\n  public static get btnPayHoverBorderColor() {\n    return this.btnPayHoverBg;\n  }\n  public static get btnPayActiveBorderColor() {\n    return this.btnPayActiveBg;\n  }\n\n  public static btnDangerBg = '#EE5042';\n  public static btnDangerHoverBg = '#FF5A49';\n  public static btnDangerActiveBg = '#CB3D35';\n  public static get btnDangerBorderColor() {\n    return this.btnDangerBg;\n  }\n  public static get btnDangerHoverBorderColor() {\n    return this.btnDangerHoverBg;\n  }\n  public static get btnDangerActiveBorderColor() {\n    return this.btnDangerActiveBg;\n  }\n\n  public static btnBacklessBg = 'transparent !important';\n  public static btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';\n  public static btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';\n  public static btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';\n  public static btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';\n  public static btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';\n  public static btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';\n\n  public static btnTextBg = 'transparent !important';\n  public static btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';\n  public static btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';\n  public static btnTextBorderColor = 'transparent';\n\n  public static btnWarningSecondary = 'rgba(212, 100, 33, 1)';\n  public static btnErrorSecondary = 'rgba(169, 42, 39, 1)';\n\n  public static btnDisabledBg = 'rgba(255, 255, 255, 0.04)';\n  public static btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n  public static btnDisabledBorderColor = 'transparent';\n\n  public static btnCheckedBg = '#EBEBEB';\n  public static btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';\n  public static btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';\n  public static btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';\n  //#endregion\n\n  //#region Select\n  public static selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';\n  //#endregion\n\n  //#region Link\n  public static linkColor = 'rgba(255, 255, 255, 0.87)';\n  public static linkHoverColor = '#ffffff';\n  public static linkActiveColor = '#c2c2c2';\n  public static linkHoverTextDecoration = 'none';\n\n  public static linkSuccessColor = '#78BF2B';\n  public static linkSuccessHoverColor = '#B9E96E';\n  public static linkSuccessActiveColor = '#5F9C20';\n\n  public static linkDangerColor = '#FF887B';\n  public static linkDangerHoverColor = '#FF9D92';\n  public static linkDangerActiveColor = '#EE5042';\n\n  public static linkGrayedColor = 'rgba(255, 255, 255, 0.54)';\n  public static linkGrayedHoverColor = '#FFFFFF';\n  public static linkGrayedActiveColor = '#C2C2C2';\n\n  public static linkDisabledColor = 'rgba(255, 255, 255, 0.48)';\n  public static linkFocusOutlineColor = '#EBEBEB';\n  //#endregion Link\n\n  //#region Input\n  public static inputBlinkColor = '#EBEBEB';\n  public static inputTextColor = 'rgba(255, 255, 255, 0.865)';\n  public static inputBg = 'rgba(255, 255, 255, 0.1)';\n  public static inputBorderColor = 'rgba(255, 255, 255, 0.06)';\n  public static inputBackgroundClip = 'border-box';\n  public static inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';\n  public static inputBorderColorFocus = 'rgba(235, 235, 235, 1)';\n  public static get inputFocusShadow() {\n    return `0 0 0 1px ${this.inputBorderColorFocus}`;\n  }\n\n  public static inputBorderColorWarning = 'rgba(252, 183, 62, 1)';\n  public static inputBorderColorError = 'rgba(238, 80, 66, 1)';\n  public static inputOutlineWidth = '1px';\n\n  public static inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';\n  public static inputDisabledBg = 'rgba(255, 255, 255, 0.04)';\n  public static inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';\n  //#endregion Input\n\n  //#region TokenInput\n  public static inputDisabledBackgroundClip = 'border-box';\n  //#endregion TokenInput\n\n  //#region Textarea\n  public static get textareaBg() {\n    return this.inputBg;\n  }\n  public static get textareaBorderColorFocus() {\n    return this.inputBorderColorFocus;\n  }\n  public static get textareaDisabledBorderColor() {\n    return this.inputDisabledBorderColor;\n  }\n  public static get textareaBorderColor() {\n    return this.inputBorderColor;\n  }\n  public static get textareaTextColorDisabled() {\n    return this.inputTextColorDisabled;\n  }\n  //#endregion Textarea\n\n  //#region Menu\n  public static get menuBgDefault() {\n    return this.bgSecondary;\n  }\n\n  public static menuItemTextColor = 'rgba(255, 255, 255, 0.87)';\n  public static menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';\n  public static menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';\n\n  public static menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';\n  public static menuItemCommentOpacity = '1';\n\n  public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';\n\n  public static menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion Menu\n\n  //#region Token\n  public static tokenShadowDisabled = '';\n  public static tokenBorderColorDisabled = 'transparent';\n\n  public static tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';\n  public static tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';\n  public static tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';\n  public static tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';\n  public static tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';\n  public static tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';\n  public static tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';\n  public static tokenDefaultActiveBg = '#EBEBEB';\n  public static tokenDefaultActiveBorderColor = 'transparent';\n  //#endregion Token\n\n  //#region FileUploader\n  public static fileUploaderBg = 'none';\n  public static fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';\n  public static fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';\n  public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';\n  public static fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';\n  public static fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';\n  public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';\n  public static fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';\n  public static get fileUploaderBorderColorFocus() {\n    return this.btnBorderColorFocus;\n  }\n  //#endregion FileUploader\n\n  //#region Radio\n  public static radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';\n\n  public static radioDisabledBg = 'rgba(255, 255, 255, 0.04)';\n  public static radioDisabledShadow = 'none';\n  public static radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';\n\n  public static radioCheckedBgColor = '#FFFFFF';\n  public static radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';\n  public static radioCheckedBorderColor = 'transparent';\n  //#endregion Radio\n\n  //#region Checkbox\n  public static checkboxCheckedBg = '#EBEBEB';\n  public static checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';\n  public static checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';\n  public static get checkboxCheckedHoverBg() {\n    return this.checkboxCheckedBg;\n  }\n  public static checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';\n  public static checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';\n  public static checkboxShadowDisabled = 'none';\n  //#endregion\n\n  //#region Toggle\n  public static toggleBaseBg = 'none';\n  public static toggleHandleBoxShadowOld = 'none';\n  public static toggleOutlineColorFocus = '#1F1F1F';\n\n  // idle\n  public static toggleContainerBg = 'rgba(255, 255, 255, 0.1)';\n  public static toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBg = 'rgba(255, 255, 255, 0.32)';\n  public static toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n  // idle :hover\n  public static toggleBgHover = 'rgba(255, 255, 255, 0.16)';\n  public static toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';\n  public static toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n  // checked\n  public static toggleBgChecked = 'rgba(255, 255, 255, 0.1)';\n  public static toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBgChecked = '#EBEBEB';\n  public static toggleHandleBoxShadowChecked = 'none';\n\n  // checked :hover\n  public static get toggleContainerBgCheckedHover() {\n    return this.toggleContainerBgHover;\n  }\n  public static toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBgCheckedHover = '#FFFFFF';\n  public static toggleHandleBoxShadowCheckedHover = 'none';\n\n  // disabled\n  public static toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';\n  public static toggleContainerBoxShadowDisabled = 'none';\n  public static toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';\n  public static toggleHandleBoxShadowDisabled = 'none';\n\n  // disabled checked\n  public static toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';\n  public static toggleContainerBoxShadowDisabledChecked = 'none';\n  public static toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';\n  public static toggleHandleBoxShadowDisabledChecked = 'none';\n\n  //#endregion\n\n  //#region Modal\n  public static modalBg = '#222';\n  public static get modalFixedHeaderBg() {\n    return this.modalBg;\n  }\n  public static modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';\n  public static modalBackBg = '#000';\n  public static modalBackOpacity = '0.7';\n  //#endregion\n\n  //#region SideMenu\n  public static sidePageBgDefault = '#222';\n  public static sidePageBackingBg = '#000';\n  public static sidePageBackingBgOpacity = '0.7';\n  //#endregion\n\n  //#region Tab, Tabs\n  public static tabColorHover = 'rgba(255, 255, 255, 0.16)';\n  //#endregion\n\n  //#region Toast\n  public static toastColor = 'rgba(44, 44, 44, 1.0)';\n  public static toastBg = 'rgba(255, 255, 255, 0.8)';\n  public static toastLinkColor = 'rgba(44, 44, 44, 1.0)';\n  public static toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';\n  public static toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';\n  public static toastCloseColor = 'rgba(0, 0, 0, 0.32)';\n  public static toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';\n  //#endregion\n\n  //#region Hint\n  public static hintColor = 'rgba(44, 44, 44, 1.0)';\n  public static hintBgColor = 'rgba(255, 255, 255, 0.8)';\n  //#endregion\n\n  //#region Tooltip\n  public static tooltipBg = '#333333';\n  //#endregion\n\n  //#region Paging\n  public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';\n  public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';\n  public static pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';\n  //#endregion\n\n  //#region GlobalLoader\n  public static globalLoaderColor = 'rgba(238, 80, 66, 1)';\n  //#endregion\n\n  //#region DateInput\n  public static dateInputComponentSelectedBgColor = '';\n  public static dateInputComponentSelectedTextColor = '';\n  //#endregion\n\n  //#region Calendar\n  public static calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';\n  public static calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';\n  public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';\n  public static calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';\n  //#endregion\n\n  //#region DateSelect\n  public static dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';\n  public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';\n  //#endregion\n\n  //#region CloseIcon, CloseButtonIcon\n  public static closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n  exposeGetters(Theme2022Dark),\n  Theme2022Internal,\n) as typeof Theme2022Dark;\n"]}
+{"version":3,"sources":["Theme2022Dark.ts"],"names":["Theme2022Dark","btnSuccessBg","btnSuccessHoverBg","btnSuccessActiveBg","btnPayBg","btnPayHoverBg","btnPayActiveBg","btnDangerBg","btnDangerHoverBg","btnDangerActiveBg","inputBorderColorFocus","inputBg","inputDisabledBorderColor","inputBorderColor","inputTextColorDisabled","bgSecondary","btnBorderColorFocus","checkboxCheckedBg","toggleContainerBgHover","modalBg","borderColorFocus","outlineColorFocus","btnFocusShadowWidth","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","btnDefaultBorderColor","btnDefaultTextColor","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnPrimaryTextColor","btnBacklessBg","btnBacklessHoverBg","btnBacklessActiveBg","btnBacklessBorderColor","btnBacklessDisabledBorderColor","btnBacklessHoverBorderColor","btnBacklessTextColor","btnTextBg","btnTextHoverBg","btnTextActiveBg","btnTextBorderColor","btnWarningSecondary","btnErrorSecondary","btnDisabledBg","btnDisabledTextColor","btnDisabledBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedDisabledBg","btnCheckedDisabledColor","selectMenuArrowColor","linkColor","linkHoverColor","linkActiveColor","linkHoverTextDecoration","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkDisabledColor","linkFocusOutlineColor","inputBlinkColor","inputTextColor","inputBackgroundClip","inputBorderColorHover","inputBorderColorWarning","inputBorderColorError","inputOutlineWidth","inputDisabledBg","inputDisabledBackgroundClip","menuItemTextColor","menuItemHoverBg","menuItemSelectedBg","menuItemCommentColor","menuItemCommentOpacity","menuSeparatorBorderColor","menuItemDisabledColor","tokenShadowDisabled","tokenBorderColorDisabled","tokenDefaultIdleColor","tokenDefaultIdleBg","tokenDefaultIdleBorderColor","tokenDefaultIdleColorHover","tokenDefaultIdleBgHover","tokenDefaultIdleBorderColorHover","tokenDefaultActiveColor","tokenDefaultActiveBg","tokenDefaultActiveBorderColor","fileUploaderBg","fileUploaderUploadButtonBg","fileUploaderHoveredBg","fileUploaderIconColor","fileUploaderLinkColor","fileUploaderAfterLinkColor","fileUploaderDisabledBorderColor","fileUploaderDragOverShadow","radioFocusShadow","radioDisabledBg","radioDisabledShadow","radioCheckedDisabledBulletBg","radioCheckedBgColor","radioCheckedBulletColor","radioCheckedBorderColor","checkboxCheckedColor","checkboxHoverBg","checkboxOutlineColorFocus","checkboxBgDisabled","checkboxShadowDisabled","toggleBaseBg","toggleHandleBoxShadowOld","toggleOutlineColorFocus","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","modalSeparatorBorderBottom","modalBackBg","modalBackOpacity","sidePageBgDefault","sidePageBackingBg","sidePageBackingBgOpacity","tabColorHover","toastColor","toastBg","toastLinkColor","toastLinkBgHover","toastLinkBgActive","toastCloseColor","toastCloseHoverColor","hintColor","hintBgColor","tooltipBg","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingForwardLinkColor","globalLoaderColor","dateInputComponentSelectedBgColor","dateInputComponentSelectedTextColor","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellSelectedBgColor","calendarCellSelectedFontColor","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","closeBtnIconColor","Theme2022DarkInternal","Object","setPrototypeOf","Theme2022Internal"],"mappings":"2XAAA;;AAEA,oC;;AAEaA,a;;;;AAIX;;;;;;;;;;;;;;;;;;;;AAoBA,mBAA0C;AACxC,aAAO,KAAKC,YAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKC,kBAAZ;AACD,K;;;;;AAKD,mBAAsC;AACpC,aAAO,KAAKC,QAAZ;AACD,K;AACD,mBAA2C;AACzC,aAAO,KAAKC,aAAZ;AACD,K;AACD,mBAA4C;AAC1C,aAAO,KAAKC,cAAZ;AACD,K;;;;;AAKD,mBAAyC;AACvC,aAAO,KAAKC,WAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DD,mBAAqC;AACnC,4BAAoB,KAAKC,qBAAzB;AACD,K;;;;;;;;;;;;;AAaD;;AAEA;AACA,mBAA+B;AAC7B,aAAO,KAAKC,OAAZ;AACD,K;AACD,mBAA6C;AAC3C,aAAO,KAAKD,qBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKE,wBAAZ;AACD,K;AACD,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,sBAAZ;AACD;AACD;;AAEA;kCACA,eAAkC;AAChC,aAAO,KAAKC,WAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCD,mBAAiD;AAC/C,aAAO,KAAKC,mBAAZ;AACD;AACD;;AAEA;;;;;;;;;;;;;;;;AAgBA,mBAA2C;AACzC,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BD;AACA,mBAAkD;AAChD,aAAO,KAAKC,sBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;AAqBD,mBAAuC;AACrC,aAAO,KAAKC,OAAZ;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgED;qIAlVWnB,a,CACGoB,gB,GAAmB,S,CADtBpB,a,CAEGqB,iB,GAAoB,S,CAFvBrB,a,CAKGsB,mB,GAAsB,K,CALzBtB,a,CAMGuB,oB,GAAuB,S,CAN1BvB,a,CAQGwB,Y,GAAe,0B,CARlBxB,a,CASGyB,iB,GAAoB,2B,CATvBzB,a,CAUG0B,sB,GAAyB,M,CAV5B1B,a,CAWG2B,oB,GAAuB,M,CAX1B3B,a,CAYG4B,kB,GAAqB,0B,CAZxB5B,a,CAaG6B,qB,GAAwB,2B,CAb3B7B,a,CAcG8B,mB,GAAsB,2B,CAdzB9B,a,CAgBG+B,Y,GAAe,S,CAhBlB/B,a,CAiBGgC,iB,GAAoB,S,CAjBvBhC,a,CAkBGiC,kB,GAAqB,S,CAlBxBjC,a,CAmBGkC,mB,GAAsB,sB,CAnBzBlC,a,CAqBGC,Y,GAAe,S,CArBlBD,a,CAsBGE,iB,GAAoB,S,CAtBvBF,a,CAuBGG,kB,GAAqB,S,CAvBxBH,a,CAkCGI,Q,GAAW,S,CAlCdJ,a,CAmCGK,a,GAAgB,S,CAnCnBL,a,CAoCGM,c,GAAiB,S,CApCpBN,a,CA+CGO,W,GAAc,S,CA/CjBP,a,CAgDGQ,gB,GAAmB,S,CAhDtBR,a,CAiDGS,iB,GAAoB,S,CAjDvBT,a,CA4DGmC,a,GAAgB,wB,CA5DnBnC,a,CA6DGoC,kB,GAAqB,qC,CA7DxBpC,a,CA8DGqC,mB,GAAsB,sC,CA9DzBrC,a,CA+DGsC,sB,GAAyB,sC,CA/D5BtC,a,CAgEGuC,8B,GAAiC,sC,CAhEpCvC,a,CAiEGwC,2B,GAA8B,0B,CAjEjCxC,a,CAkEGyC,oB,GAAuB,2B,CAlE1BzC,a,CAoEG0C,S,GAAY,a,CApEf1C,a,CAqEG2C,c,GAAiB,0B,CArEpB3C,a,CAsEG4C,e,GAAkB,2B,CAtErB5C,a,CAuEG6C,kB,GAAqB,a,CAvExB7C,a,CAyEG8C,mB,GAAsB,uB,CAzEzB9C,a,CA0EG+C,iB,GAAoB,sB,CA1EvB/C,a,CA4EGgD,a,GAAgB,2B,CA5EnBhD,a,CA6EGiD,oB,GAAuB,2B,CA7E1BjD,a,CA8EGkD,sB,GAAyB,a,CA9E5BlD,a,CAgFGmD,Y,GAAe,S,CAhFlBnD,a,CAiFGoD,mB,GAAsB,sB,CAjFzBpD,a,CAkFGqD,oB,GAAuB,sC,CAlF1BrD,a,CAmFGsD,uB,GAA0B,qB,CAnF7BtD,a,CAuFGuD,oB,GAAuB,2B,CAvF1BvD,a,CA2FGwD,S,GAAY,2B,CA3FfxD,a,CA4FGyD,c,GAAiB,S,CA5FpBzD,a,CA6FG0D,e,GAAkB,S,CA7FrB1D,a,CA8FG2D,uB,GAA0B,M,CA9F7B3D,a,CAgGG4D,gB,GAAmB,S,CAhGtB5D,a,CAiGG6D,qB,GAAwB,S,CAjG3B7D,a,CAkGG8D,sB,GAAyB,S,CAlG5B9D,a,CAoGG+D,e,GAAkB,S,CApGrB/D,a,CAqGGgE,oB,GAAuB,S,CArG1BhE,a,CAsGGiE,qB,GAAwB,S,CAtG3BjE,a,CAwGGkE,e,GAAkB,2B,CAxGrBlE,a,CAyGGmE,oB,GAAuB,S,CAzG1BnE,a,CA0GGoE,qB,GAAwB,S,CA1G3BpE,a,CA4GGqE,iB,GAAoB,2B,CA5GvBrE,a,CA6GGsE,qB,GAAwB,S,CA7G3BtE,a,CAiHGuE,e,GAAkB,S,CAjHrBvE,a,CAkHGwE,c,GAAiB,4B,CAlHpBxE,a,CAmHGW,O,GAAU,0B,CAnHbX,a,CAoHGa,gB,GAAmB,2B,CApHtBb,a,CAqHGyE,mB,GAAsB,Y,CArHzBzE,a,CAsHG0E,qB,GAAwB,2B,CAtH3B1E,a,CAuHGU,qB,GAAwB,wB,CAvH3BV,a,CA4HG2E,uB,GAA0B,uB,CA5H7B3E,a,CA6HG4E,qB,GAAwB,sB,CA7H3B5E,a,CA8HG6E,iB,GAAoB,K,CA9HvB7E,a,CAgIGc,sB,GAAyB,2B,CAhI5Bd,a,CAiIG8E,e,GAAkB,2B,CAjIrB9E,a,CAkIGY,wB,GAA2B,2B,CAlI9BZ,a,CAsIG+E,2B,GAA8B,Y,CAtIjC/E,a,CAgKGgF,iB,GAAoB,2B,CAhKvBhF,a,CAiKGiF,e,GAAkB,0B,CAjKrBjF,a,CAkKGkF,kB,GAAqB,2B,CAlKxBlF,a,CAoKGmF,oB,GAAuB,2B,CApK1BnF,a,CAqKGoF,sB,GAAyB,G,CArK5BpF,a,CAuKGqF,wB,GAA2B,0B,CAvK9BrF,a,CAyKGsF,qB,GAAwB,2B,CAzK3BtF,a,CA6KGuF,mB,GAAsB,E,CA7KzBvF,a,CA8KGwF,wB,GAA2B,a,CA9K9BxF,a,CAgLGyF,qB,GAAwB,4B,CAhL3BzF,a,CAiLG0F,kB,GAAqB,0B,CAjLxB1F,a,CAkLG2F,2B,GAA8B,2B,CAlLjC3F,a,CAmLG4F,0B,GAA6B,2B,CAnLhC5F,a,CAoLG6F,uB,GAA0B,2B,CApL7B7F,a,CAqLG8F,gC,GAAmC,2B,CArLtC9F,a,CAsLG+F,uB,GAA0B,qB,CAtL7B/F,a,CAuLGgG,oB,GAAuB,S,CAvL1BhG,a,CAwLGiG,6B,GAAgC,a,CAxLnCjG,a,CA4LGkG,c,GAAiB,M,CA5LpBlG,a,CA6LGmG,0B,GAA6B,0B,CA7LhCnG,a,CA8LGoG,qB,GAAwB,2B,CA9L3BpG,a,CA+LGqG,qB,GAAwB,2B,CA/L3BrG,a,CAgMGsG,qB,GAAwB,2B,CAhM3BtG,a,CAiMGuG,0B,GAA6B,2B,CAjMhCvG,a,CAkMGwG,+B,GAAkC,0B,CAlMrCxG,a,CAmMGyG,0B,GAA6B,yB,CAnMhCzG,a,CA0MG0G,gB,GAAmB,qC,CA1MtB1G,a,CA4MG2G,e,GAAkB,2B,CA5MrB3G,a,CA6MG4G,mB,GAAsB,M,CA7MzB5G,a,CA8MG6G,4B,GAA+B,2B,CA9MlC7G,a,CAgNG8G,mB,GAAsB,S,CAhNzB9G,a,CAiNG+G,uB,GAA0B,qB,CAjN7B/G,a,CAkNGgH,uB,GAA0B,a,CAlN7BhH,a,CAsNGiB,iB,GAAoB,S,CAtNvBjB,a,CAuNGiH,oB,GAAuB,qB,CAvN1BjH,a,CAwNGkH,e,GAAkB,2B,CAxNrBlH,a,CA4NGmH,yB,GAA4B,qB,CA5N/BnH,a,CA6NGoH,kB,GAAqB,2B,CA7NxBpH,a,CA8NGqH,sB,GAAyB,M,CA9N5BrH,a,CAkOGsH,Y,GAAe,M,CAlOlBtH,a,CAmOGuH,wB,GAA2B,M,CAnO9BvH,a,CAoOGwH,uB,GAA0B,S,CApO7BxH,a,CAuOGyH,iB,GAAoB,0B,CAvOvBzH,a,CAwOG0H,wB,GAA2B,2C,CAxO9B1H,a,CAyOG2H,c,GAAiB,2B,CAzOpB3H,a,CA0OG4H,qB,GAAwB,2C,CA1O3B5H,a,CA6OG6H,a,GAAgB,2B,CA7OnB7H,a,CA8OG8H,6B,GAAgC,2C,CA9OnC9H,a,CA+OG+H,mB,GAAsB,2B,CA/OzB/H,a,CAgPGgI,0B,GAA6B,2C,CAhPhChI,a,CAmPGiI,e,GAAkB,0B,CAnPrBjI,a,CAoPGkI,+B,GAAkC,2C,CApPrClI,a,CAqPGmI,qB,GAAwB,S,CArP3BnI,a,CAsPGoI,4B,GAA+B,M,CAtPlCpI,a,CA4PGqI,oC,GAAuC,2C,CA5P1CrI,a,CA6PGsI,0B,GAA6B,S,CA7PhCtI,a,CA8PGuI,iC,GAAoC,M,CA9PvCvI,a,CAiQGwI,yB,GAA4B,2B,CAjQ/BxI,a,CAkQGyI,gC,GAAmC,M,CAlQtCzI,a,CAmQG0I,sB,GAAyB,qB,CAnQ5B1I,a,CAoQG2I,6B,GAAgC,M,CApQnC3I,a,CAuQG4I,gC,GAAmC,2B,CAvQtC5I,a,CAwQG6I,uC,GAA0C,M,CAxQ7C7I,a,CAyQG8I,6B,GAAgC,qB,CAzQnC9I,a,CA0QG+I,oC,GAAuC,M,CA1Q1C/I,a,CA+QGmB,O,GAAU,M,CA/QbnB,a,CAmRGgJ,0B,GAA6B,oC,CAnRhChJ,a,CAoRGiJ,W,GAAc,M,CApRjBjJ,a,CAqRGkJ,gB,GAAmB,K,CArRtBlJ,a,CAyRGmJ,iB,GAAoB,M,CAzRvBnJ,a,CA0RGoJ,iB,GAAoB,M,CA1RvBpJ,a,CA2RGqJ,wB,GAA2B,K,CA3R9BrJ,a,CA+RGsJ,a,GAAgB,2B,CA/RnBtJ,a,CAmSGuJ,U,GAAa,uB,CAnShBvJ,a,CAoSGwJ,O,GAAU,0B,CApSbxJ,a,CAqSGyJ,c,GAAiB,uB,CArSpBzJ,a,CAsSG0J,gB,GAAmB,2B,CAtStB1J,a,CAuSG2J,iB,GAAoB,qB,CAvSvB3J,a,CAwSG4J,e,GAAkB,qB,CAxSrB5J,a,CAySG6J,oB,GAAuB,qB,CAzS1B7J,a,CA6SG8J,S,GAAY,uB,CA7Sf9J,a,CA8SG+J,W,GAAc,0B,CA9SjB/J,a,CAkTGgK,S,GAAY,S,CAlTfhK,a,CAsTGiK,qB,GAAwB,2B,CAtT3BjK,a,CAuTGkK,sB,GAAyB,0B,CAvT5BlK,a,CAwTGmK,sB,GAAyB,2B,CAxT5BnK,a,CA4TGoK,iB,GAAoB,sB,CA5TvBpK,a,CAgUGqK,iC,GAAoC,E,CAhUvCrK,a,CAiUGsK,mC,GAAsC,E,CAjUzCtK,a,CAqUGuK,wB,GAA2B,2B,CArU9BvK,a,CAsUGwK,sB,GAAyB,2B,CAtU5BxK,a,CAuUGyK,2B,GAA8B,0B,CAvUjCzK,a,CAwUG0K,6B,GAAgC,2B,CAxUnC1K,a,CA4UG2K,0B,GAA6B,2B,CA5UhC3K,a,CA6UG4K,4B,GAA+B,0B,CA7UlC5K,a,CAiVG6K,iB,GAAoB,2B;;AAI7B,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAchL,aAAd,CADmC;AAEnCiL,wBAFmC,CAA9B,C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { Theme2022Internal } from './Theme2022';\n\nexport class Theme2022Dark extends (class {} as typeof Theme2022Internal) {\n  public static borderColorFocus = '#EBEBEB';\n  public static outlineColorFocus = '#EBEBEB';\n\n  //#region Button\n  public static btnFocusShadowWidth = '2px';\n  public static btnOutlineColorFocus = '#1f1f1f';\n\n  public static btnDefaultBg = 'rgba(255, 255, 255, 0.1)';\n  public static btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';\n  public static btnDefaultHoverBgStart = 'none';\n  public static btnDefaultHoverBgEnd = 'none';\n  public static btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';\n  public static btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';\n  public static btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';\n\n  public static btnPrimaryBg = '#EBEBEB';\n  public static btnPrimaryHoverBg = '#FFFFFF';\n  public static btnPrimaryActiveBg = '#C2C2C2';\n  public static btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';\n\n  public static btnSuccessBg = '#5F9C20';\n  public static btnSuccessHoverBg = '#6CAD26';\n  public static btnSuccessActiveBg = '#477916';\n  public static get btnSuccessBorderColor() {\n    return this.btnSuccessBg;\n  }\n  public static get btnSuccessHoverBorderColor() {\n    return this.btnSuccessHoverBg;\n  }\n  public static get btnSuccessActiveBorderColor() {\n    return this.btnSuccessActiveBg;\n  }\n\n  public static btnPayBg = '#FCB73E';\n  public static btnPayHoverBg = '#FCC660';\n  public static btnPayActiveBg = '#F69912';\n  public static get btnPayBorderColor() {\n    return this.btnPayBg;\n  }\n  public static get btnPayHoverBorderColor() {\n    return this.btnPayHoverBg;\n  }\n  public static get btnPayActiveBorderColor() {\n    return this.btnPayActiveBg;\n  }\n\n  public static btnDangerBg = '#EE5042';\n  public static btnDangerHoverBg = '#FF5A49';\n  public static btnDangerActiveBg = '#CB3D35';\n  public static get btnDangerBorderColor() {\n    return this.btnDangerBg;\n  }\n  public static get btnDangerHoverBorderColor() {\n    return this.btnDangerHoverBg;\n  }\n  public static get btnDangerActiveBorderColor() {\n    return this.btnDangerActiveBg;\n  }\n\n  public static btnBacklessBg = 'transparent !important';\n  public static btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';\n  public static btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';\n  public static btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';\n  public static btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';\n  public static btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';\n  public static btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';\n\n  public static btnTextBg = 'transparent';\n  public static btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';\n  public static btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';\n  public static btnTextBorderColor = 'transparent';\n\n  public static btnWarningSecondary = 'rgba(212, 100, 33, 1)';\n  public static btnErrorSecondary = 'rgba(169, 42, 39, 1)';\n\n  public static btnDisabledBg = 'rgba(255, 255, 255, 0.04)';\n  public static btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n  public static btnDisabledBorderColor = 'transparent';\n\n  public static btnCheckedBg = '#EBEBEB';\n  public static btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';\n  public static btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';\n  public static btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';\n  //#endregion\n\n  //#region Select\n  public static selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';\n  //#endregion\n\n  //#region Link\n  public static linkColor = 'rgba(255, 255, 255, 0.87)';\n  public static linkHoverColor = '#ffffff';\n  public static linkActiveColor = '#c2c2c2';\n  public static linkHoverTextDecoration = 'none';\n\n  public static linkSuccessColor = '#78BF2B';\n  public static linkSuccessHoverColor = '#B9E96E';\n  public static linkSuccessActiveColor = '#5F9C20';\n\n  public static linkDangerColor = '#FF887B';\n  public static linkDangerHoverColor = '#FF9D92';\n  public static linkDangerActiveColor = '#EE5042';\n\n  public static linkGrayedColor = 'rgba(255, 255, 255, 0.54)';\n  public static linkGrayedHoverColor = '#FFFFFF';\n  public static linkGrayedActiveColor = '#C2C2C2';\n\n  public static linkDisabledColor = 'rgba(255, 255, 255, 0.48)';\n  public static linkFocusOutlineColor = '#EBEBEB';\n  //#endregion Link\n\n  //#region Input\n  public static inputBlinkColor = '#EBEBEB';\n  public static inputTextColor = 'rgba(255, 255, 255, 0.865)';\n  public static inputBg = 'rgba(255, 255, 255, 0.1)';\n  public static inputBorderColor = 'rgba(255, 255, 255, 0.06)';\n  public static inputBackgroundClip = 'border-box';\n  public static inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';\n  public static inputBorderColorFocus = 'rgba(235, 235, 235, 1)';\n  public static get inputFocusShadow() {\n    return `0 0 0 1px ${this.inputBorderColorFocus}`;\n  }\n\n  public static inputBorderColorWarning = 'rgba(252, 183, 62, 1)';\n  public static inputBorderColorError = 'rgba(238, 80, 66, 1)';\n  public static inputOutlineWidth = '1px';\n\n  public static inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';\n  public static inputDisabledBg = 'rgba(255, 255, 255, 0.04)';\n  public static inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';\n  //#endregion Input\n\n  //#region TokenInput\n  public static inputDisabledBackgroundClip = 'border-box';\n  //#endregion TokenInput\n\n  //#region Textarea\n  public static get textareaBg() {\n    return this.inputBg;\n  }\n  public static get textareaBorderColorFocus() {\n    return this.inputBorderColorFocus;\n  }\n  public static get textareaDisabledBorderColor() {\n    return this.inputDisabledBorderColor;\n  }\n  public static get textareaBorderColor() {\n    return this.inputBorderColor;\n  }\n  public static get textareaTextColorDisabled() {\n    return this.inputTextColorDisabled;\n  }\n  //#endregion Textarea\n\n  //#region Menu\n  public static get menuBgDefault() {\n    return this.bgSecondary;\n  }\n\n  public static menuItemTextColor = 'rgba(255, 255, 255, 0.87)';\n  public static menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';\n  public static menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';\n\n  public static menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';\n  public static menuItemCommentOpacity = '1';\n\n  public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';\n\n  public static menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion Menu\n\n  //#region Token\n  public static tokenShadowDisabled = '';\n  public static tokenBorderColorDisabled = 'transparent';\n\n  public static tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';\n  public static tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';\n  public static tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';\n  public static tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';\n  public static tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';\n  public static tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';\n  public static tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';\n  public static tokenDefaultActiveBg = '#EBEBEB';\n  public static tokenDefaultActiveBorderColor = 'transparent';\n  //#endregion Token\n\n  //#region FileUploader\n  public static fileUploaderBg = 'none';\n  public static fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';\n  public static fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';\n  public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';\n  public static fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';\n  public static fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';\n  public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';\n  public static fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';\n  public static get fileUploaderBorderColorFocus() {\n    return this.btnBorderColorFocus;\n  }\n  //#endregion FileUploader\n\n  //#region Radio\n  public static radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';\n\n  public static radioDisabledBg = 'rgba(255, 255, 255, 0.04)';\n  public static radioDisabledShadow = 'none';\n  public static radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';\n\n  public static radioCheckedBgColor = '#FFFFFF';\n  public static radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';\n  public static radioCheckedBorderColor = 'transparent';\n  //#endregion Radio\n\n  //#region Checkbox\n  public static checkboxCheckedBg = '#EBEBEB';\n  public static checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';\n  public static checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';\n  public static get checkboxCheckedHoverBg() {\n    return this.checkboxCheckedBg;\n  }\n  public static checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';\n  public static checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';\n  public static checkboxShadowDisabled = 'none';\n  //#endregion\n\n  //#region Toggle\n  public static toggleBaseBg = 'none';\n  public static toggleHandleBoxShadowOld = 'none';\n  public static toggleOutlineColorFocus = '#1F1F1F';\n\n  // idle\n  public static toggleContainerBg = 'rgba(255, 255, 255, 0.1)';\n  public static toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBg = 'rgba(255, 255, 255, 0.32)';\n  public static toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n  // idle :hover\n  public static toggleBgHover = 'rgba(255, 255, 255, 0.16)';\n  public static toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';\n  public static toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n  // checked\n  public static toggleBgChecked = 'rgba(255, 255, 255, 0.1)';\n  public static toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBgChecked = '#EBEBEB';\n  public static toggleHandleBoxShadowChecked = 'none';\n\n  // checked :hover\n  public static get toggleContainerBgCheckedHover() {\n    return this.toggleContainerBgHover;\n  }\n  public static toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n  public static toggleHandleBgCheckedHover = '#FFFFFF';\n  public static toggleHandleBoxShadowCheckedHover = 'none';\n\n  // disabled\n  public static toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';\n  public static toggleContainerBoxShadowDisabled = 'none';\n  public static toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';\n  public static toggleHandleBoxShadowDisabled = 'none';\n\n  // disabled checked\n  public static toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';\n  public static toggleContainerBoxShadowDisabledChecked = 'none';\n  public static toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';\n  public static toggleHandleBoxShadowDisabledChecked = 'none';\n\n  //#endregion\n\n  //#region Modal\n  public static modalBg = '#222';\n  public static get modalFixedHeaderBg() {\n    return this.modalBg;\n  }\n  public static modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';\n  public static modalBackBg = '#000';\n  public static modalBackOpacity = '0.7';\n  //#endregion\n\n  //#region SideMenu\n  public static sidePageBgDefault = '#222';\n  public static sidePageBackingBg = '#000';\n  public static sidePageBackingBgOpacity = '0.7';\n  //#endregion\n\n  //#region Tab, Tabs\n  public static tabColorHover = 'rgba(255, 255, 255, 0.16)';\n  //#endregion\n\n  //#region Toast\n  public static toastColor = 'rgba(44, 44, 44, 1.0)';\n  public static toastBg = 'rgba(255, 255, 255, 0.8)';\n  public static toastLinkColor = 'rgba(44, 44, 44, 1.0)';\n  public static toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';\n  public static toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';\n  public static toastCloseColor = 'rgba(0, 0, 0, 0.32)';\n  public static toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';\n  //#endregion\n\n  //#region Hint\n  public static hintColor = 'rgba(44, 44, 44, 1.0)';\n  public static hintBgColor = 'rgba(255, 255, 255, 0.8)';\n  //#endregion\n\n  //#region Tooltip\n  public static tooltipBg = '#333333';\n  //#endregion\n\n  //#region Paging\n  public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';\n  public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';\n  public static pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';\n  //#endregion\n\n  //#region GlobalLoader\n  public static globalLoaderColor = 'rgba(238, 80, 66, 1)';\n  //#endregion\n\n  //#region DateInput\n  public static dateInputComponentSelectedBgColor = '';\n  public static dateInputComponentSelectedTextColor = '';\n  //#endregion\n\n  //#region Calendar\n  public static calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';\n  public static calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';\n  public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';\n  public static calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';\n  //#endregion\n\n  //#region DateSelect\n  public static dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';\n  public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';\n  //#endregion\n\n  //#region CloseIcon, CloseButtonIcon\n  public static closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n  exposeGetters(Theme2022Dark),\n  Theme2022Internal,\n) as typeof Theme2022Dark;\n"]}

package/components/Button/Button/Button.js

@@ -175,7 +175,8 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
         ariaLabel = _this$props['aria-label'],
         ariaChecked = _this$props['aria-checked'],
         ariaExpanded = _this$props['aria-expanded'],
-        role = _this$props.role;
+        role = _this$props.role,
+        id = _this$props.id;
 
     var _this$getProps = this.getProps(),
         use = _this$getProps.use,
@@ -318,6 +319,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
     }, this.props), /*#__PURE__*/React.createElement("span", _extends({}, wrapProps, {
       "data-tid": ButtonDataTids.rootElement
     }), /*#__PURE__*/React.createElement("button", _extends({
+      id: id,
       "data-tid": ButtonDataTids.root,
       ref: this._ref
     }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode)));