@semcore/select 4.52.2 → 4.53.0-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [4.53.0] - 2026-05-06
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/base-trigger` [4.53.2 ~> 4.54.0], `@semcore/button` [5.43.3 ~> 5.44.0], `@semcore/checkbox` [7.44.4 ~> 7.45.0], `@semcore/divider` [4.40.4 ~> 4.41.0], `@semcore/dropdown-menu` [4.48.2 ~> 4.49.0], `@semcore/dropdown` [4.43.4 ~> 4.44.0], `@semcore/popper` [5.46.4 ~> 5.47.0], `@semcore/flex-box` [5.41.4 ~> 5.42.0], `@semcore/icon` [4.62.1 ~> 4.63.0], `@semcore/input` [4.42.4 ~> 4.43.0], `@semcore/utils` [4.48.5 ~> 4.49.0], `@semcore/core` [2.39.4 ~> 2.40.0]).
10
+
5
11
  ## [4.52.2] - 2025-05-13
6
12
 
7
13
  ### Changed
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -9,54 +8,51 @@ exports["default"] = void 0;
9
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
13
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
- var _index = require("@semcore/utils/lib/core/index");
17
- var _core = _interopRequireWildcard(require("@semcore/core"));
18
- var _react = _interopRequireDefault(require("react"));
19
- var _m = _interopRequireDefault(require("@semcore/icon/Search/m"));
20
- var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
21
- var _input = _interopRequireDefault(require("@semcore/input"));
14
+ var _core = require("@semcore/core");
22
15
  var _button = require("@semcore/button");
16
+ var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
17
+ var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
18
+ var _m2 = _interopRequireDefault(require("@semcore/icon/Search/m"));
19
+ var _input = _interopRequireDefault(require("@semcore/input"));
20
+ var _react = _interopRequireDefault(require("react"));
23
21
  var _context = require("./context");
24
- var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
25
22
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
26
23
  /*!__reshadow-styles__:"./style/input-search.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_10cpg_gg_._size_m_10cpg_gg_{height:32px}.___SSearchClear_10cpg_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_10cpg_gg_.__hide_10cpg_gg_{visibility:hidden}.___SOutline_10cpg_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"10cpg_gg_"),
24
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputSearch_1glfy_gg_._size_m_1glfy_gg_{height:32px}.___SSearchClear_1glfy_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1glfy_gg_.__hide_1glfy_gg_{visibility:hidden}.___SOutline_1glfy_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"1glfy_gg_"),
28
25
  /*__reshadow_css_end__*/
29
26
  {
30
- "__SInputSearch": "___SInputSearch_10cpg_gg_",
31
- "_size_m": "_size_m_10cpg_gg_",
32
- "__SSearchClear": "___SSearchClear_10cpg_gg_",
33
- "_hide": "__hide_10cpg_gg_",
34
- "__SOutline": "___SOutline_10cpg_gg_"
27
+ "__SInputSearch": "___SInputSearch_1glfy_gg_",
28
+ "_size_m": "_size_m_1glfy_gg_",
29
+ "__SSearchClear": "___SSearchClear_1glfy_gg_",
30
+ "_hide": "__hide_1glfy_gg_",
31
+ "__SOutline": "___SOutline_1glfy_gg_"
35
32
  });
36
33
  var InputSearchRoot = /*#__PURE__*/function (_Component) {
37
- (0, _inherits2["default"])(InputSearchRoot, _Component);
38
- var _super = (0, _createSuper2["default"])(InputSearchRoot);
39
34
  function InputSearchRoot() {
40
35
  var _this;
41
36
  (0, _classCallCheck2["default"])(this, InputSearchRoot);
42
37
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
43
38
  args[_key] = arguments[_key];
44
39
  }
45
- _this = _super.call.apply(_super, [this].concat(args));
46
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", /*#__PURE__*/_react["default"].createRef());
47
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeIconRef", /*#__PURE__*/_react["default"].createRef());
48
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function (e) {
40
+ _this = (0, _callSuper2["default"])(this, InputSearchRoot, [].concat(args));
41
+ (0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
42
+ (0, _defineProperty2["default"])(_this, "closeIconRef", /*#__PURE__*/_react["default"].createRef());
43
+ (0, _defineProperty2["default"])(_this, "handleClear", function (e) {
49
44
  _this.handlers.value('', e);
50
45
  setTimeout(function () {
51
46
  if (document.activeElement === document.body || document.activeElement === _this.closeIconRef.current) {
52
47
  var _this$inputRef$curren;
53
- (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
48
+ (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 || _this$inputRef$curren.focus();
54
49
  }
55
50
  }, 0);
56
51
  });
57
52
  return _this;
58
53
  }
59
- (0, _createClass2["default"])(InputSearchRoot, [{
54
+ (0, _inherits2["default"])(InputSearchRoot, _Component);
55
+ return (0, _createClass2["default"])(InputSearchRoot, [{
60
56
  key: "uncontrolledProps",
61
57
  value: function uncontrolledProps() {
62
58
  return {
@@ -66,27 +62,33 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
66
62
  }, {
67
63
  key: "getValueProps",
68
64
  value: function getValueProps() {
69
- var getI18nText = this.asProps.getI18nText;
65
+ var _this$asProps = this.asProps,
66
+ value = _this$asProps.value,
67
+ onChange = _this$asProps.onChange,
68
+ getI18nText = _this$asProps.getI18nText,
69
+ hasChildren = _this$asProps.children;
70
70
  return {
71
- autoFocus: true,
72
- ref: this.inputRef,
73
- placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
71
+ value: value,
72
+ 'onChange': hasChildren ? onChange : undefined,
73
+ 'autoFocus': true,
74
+ 'ref': this.inputRef,
75
+ 'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),
74
76
  'aria-label': getI18nText('Select.InputSearch.Value:aria-label')
75
77
  };
76
78
  }
77
79
  }, {
78
80
  key: "getClearProps",
79
81
  value: function getClearProps() {
80
- var _this$asProps = this.asProps,
81
- value = _this$asProps.value,
82
- getI18nText = _this$asProps.getI18nText;
82
+ var _this$asProps2 = this.asProps,
83
+ value = _this$asProps2.value,
84
+ getI18nText = _this$asProps2.getI18nText;
83
85
  return {
84
- ref: this.closeIconRef,
86
+ 'ref': this.closeIconRef,
85
87
  /* hide through css because the width of the input changes */
86
- hide: !value,
88
+ 'hide': !value,
87
89
  'aria-hidden': !value,
88
90
  'aria-label': getI18nText('clearSearch'),
89
- onClick: this.handleClear
91
+ 'onClick': this.handleClear
90
92
  };
91
93
  }
92
94
  }, {
@@ -96,18 +98,17 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
96
98
  _ref5;
97
99
  var Value = InputSearch.Value;
98
100
  var SInputSearch = _input["default"];
99
- var _this$asProps2 = this.asProps,
100
- size = _this$asProps2.size,
101
- styles = _this$asProps2.styles,
102
- hasChildren = _this$asProps2.children,
103
- Children = _this$asProps2.Children;
101
+ var _this$asProps3 = this.asProps,
102
+ size = _this$asProps3.size,
103
+ styles = _this$asProps3.styles,
104
+ hasChildren = _this$asProps3.children,
105
+ Children = _this$asProps3.Children;
104
106
  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
105
107
  "size": size || this.context.size || 'm',
106
108
  "styles": styles
107
109
  }), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(InputSearch.SearchIcon, null), /*#__PURE__*/_react["default"].createElement(Value, _ref5.cn("Value", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref)))), /*#__PURE__*/_react["default"].createElement(InputSearch.Clear, null)));
108
110
  }
109
111
  }]);
110
- return InputSearchRoot;
111
112
  }(_core.Component);
112
113
  (0, _defineProperty2["default"])(InputSearchRoot, "displayName", 'InputSearch');
113
114
  (0, _defineProperty2["default"])(InputSearchRoot, "style", style);
@@ -118,35 +119,34 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
118
119
  locale: 'en'
119
120
  });
120
121
  (0, _defineProperty2["default"])(InputSearchRoot, "contextType", _context.selectContext);
121
- var SearchIcon = function SearchIcon(props) {
122
+ function SearchIcon(props) {
122
123
  var _ref2 = arguments[0],
123
124
  _ref6;
124
125
  var SSearchIcon = _input["default"].Addon;
125
126
  var styles = props.styles;
126
- return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref6.cn("SearchM", {})));
127
- };
128
- var SearchValue = function SearchValue(props) {
127
+ return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(_m2["default"], _ref6.cn("SearchM", {})));
128
+ }
129
+ function SearchValue(props) {
129
130
  var _ref3 = arguments[0],
130
131
  _ref7;
131
132
  var SSearchValue = _input["default"].Value;
132
133
  var styles = props.styles;
133
134
  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchValue, _ref7.cn("SSearchValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
134
- };
135
- var SearchClear = function SearchClear(props) {
135
+ }
136
+ function SearchClear(props) {
136
137
  var _ref4 = arguments[0],
137
138
  _ref8;
138
139
  var SSearchClear = _button.ButtonLink;
139
140
  var styles = props.styles;
140
141
  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchClear, _ref8.cn("SSearchClear", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
141
- "addonLeft": _m2["default"],
142
+ "addonLeft": _m["default"],
142
143
  "use": 'secondary'
143
144
  }, _ref4))));
144
- };
145
- var InputSearch = (0, _core["default"])(InputSearchRoot, {
145
+ }
146
+ var InputSearch = (0, _core.createComponent)(InputSearchRoot, {
146
147
  SearchIcon: SearchIcon,
147
148
  Value: SearchValue,
148
149
  Clear: SearchClear
149
150
  });
150
- var _default = InputSearch;
151
- exports["default"] = _default;
151
+ var _default = exports["default"] = InputSearch;
152
152
  //# sourceMappingURL=InputSearch.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","getI18nText","asProps","autoFocus","ref","placeholder","getClearProps","_this$asProps","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { getI18nText } = this.asProps;\n return {\n autoFocus: true,\n ref: this.inputRef,\n placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n ref: this.closeIconRef,\n /* hide through css because the width of the input changes */\n hide: !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n onClick: this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nconst SearchIcon = (props) => {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n};\nconst SearchValue = (props) => {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputSearch.js","names":["_core","require","_button","_i18nEnhance","_interopRequireDefault","_m","_m2","_input","_react","_context","_intergalacticDynamicLocales","style","sstyled","insert","InputSearchRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits2","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { value, onChange, getI18nText, children: hasChildren } = this.asProps;\n return {\n value,\n 'onChange': hasChildren ? onChange : undefined,\n 'autoFocus': true,\n 'ref': this.inputRef,\n 'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n 'ref': this.closeIconRef,\n /* hide through css because the width of the input changes */\n 'hide': !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n 'onClick': this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nfunction SearchIcon(props) {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n}\nfunction SearchValue(props) {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n}\nfunction SearchClear(props) {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use='secondary' />);\n}\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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","ignoreList":[]}