@semcore/d3-chart 3.61.0-prerelease.4 → 3.61.0-prerelease.5

package/lib/cjs/Plot.js

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,41 +9,35 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
+var _eventEmitter = _interopRequireDefault(require("@semcore/core/lib/utils/eventEmitter"));
 var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _eventEmitter = _interopRequireDefault(require("@semcore/utils/lib/eventEmitter"));
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _utils = require("./utils");
-var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _hints = require("./a11y/hints");
-var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
+var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlot_1fmax_gg_{overflow:hidden}.___SPlot_1fmax_gg_:active,.___SPlot_1fmax_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1fmax_gg_.__keyboardFocused_1fmax_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@supports (color:color(display-p3 0 0 0)){.___SPlot_1fmax_gg_.__keyboardFocused_1fmax_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SPlot_1fmax_gg_.__keyboardFocused_1fmax_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}", /*__inner_css_end__*/"1fmax_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlot_1ncq8_gg_{overflow:hidden}.___SPlot_1ncq8_gg_:focus{outline:0}.___SPlot_1ncq8_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1ncq8_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}@supports (color:color(display-p3 0 0 0%)){.___SPlot_1ncq8_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SPlot_1ncq8_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}", /*__inner_css_end__*/"1ncq8_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlot": "___SPlot_1fmax_gg_",
-  "_keyboardFocused": "__keyboardFocused_1fmax_gg_"
+  "__SPlot": "___SPlot_1ncq8_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(PlotRoot, _Component);
-  var _super = (0, _createSuper2["default"])(PlotRoot);
   function PlotRoot(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, PlotRoot);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "plotId", (0, _utils.uniqueId)());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rootRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dataStructureHints", _this.props.dataHints || (0, _hints.makeDataHintsContainer)());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dataHintsHandler", (0, _hints.makeDataHintsHandlers)(_this.dataStructureHints));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseMove", function (e) {
+    _this = (0, _callSuper2["default"])(this, PlotRoot, [props]);
+    (0, _defineProperty2["default"])(_this, "plotId", (0, _utils.uniqueId)());
+    (0, _defineProperty2["default"])(_this, "rootRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "dataStructureHints", _this.props.dataHints || (0, _hints.makeDataHintsContainer)());
+    (0, _defineProperty2["default"])(_this, "dataHintsHandler", (0, _hints.makeDataHintsHandlers)(_this.dataStructureHints));
+    (0, _defineProperty2["default"])(_this, "handlerMouseMove", function (e) {
       var scale = _this.asProps.scale;
       _this.eventEmitter.emit('onMouseMoveRoot', e);
       if (scale && scale.length >= 2) {
@@ -64,20 +57,21 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
           maxY = _yScale$range2[0],
           minY = _yScale$range2[1];
         if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {
-          _this.eventEmitter.emit('onMouseMoveChart', e);
+          _this.eventEmitter.emit('onMouseMoveChart', e, _this.rootRef.current);
         } else {
           _this.eventEmitter.emit('onMouseLeaveChart', e);
         }
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseLeave", function (e) {
+    (0, _defineProperty2["default"])(_this, "handlerMouseLeave", function (e) {
       _this.eventEmitter.emit('onMouseLeaveRoot', e);
       _this.eventEmitter.emit('onMouseLeaveChart', e);
     });
     _this.eventEmitter = props.eventEmitter || new _eventEmitter["default"]();
     return _this;
   }
-  (0, _createClass2["default"])(PlotRoot, [{
+  (0, _inherits2["default"])(PlotRoot, _Component);
+  return (0, _createClass2["default"])(PlotRoot, [{
     key: "setContext",
     value: function setContext() {
       var _scale$, _scale$$domain;
@@ -90,7 +84,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         resolveColor = _this$asProps.resolveColor,
         patterns = _this$asProps.patterns,
         duration = _this$asProps.duration;
-      var yScaleDomain = scale === null || scale === void 0 ? void 0 : (_scale$ = scale[1]) === null || _scale$ === void 0 ? void 0 : (_scale$$domain = _scale$.domain) === null || _scale$$domain === void 0 ? void 0 : _scale$$domain.call(_scale$);
+      var yScaleDomain = scale === null || scale === void 0 || (_scale$ = scale[1]) === null || _scale$ === void 0 || (_scale$$domain = _scale$.domain) === null || _scale$$domain === void 0 ? void 0 : _scale$$domain.call(_scale$);
       if (yScaleDomain !== null && yScaleDomain !== void 0 && yScaleDomain.length && data !== null && data !== void 0 && data.length) {
         this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
       }
@@ -105,7 +99,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
           dataHintsHandler: this.dataHintsHandler,
           resolveColor: resolveColor,
           patterns: patterns,
-          duration: duration
+          duration: duration,
+          plotId: this.plotId
         }
       };
     }
@@ -114,7 +109,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref2;
-      var SPlot = _flexBox.Box;
+      var SPlot = _baseComponents.Box;
       var _this$asProps2 = this.asProps,
         styles = _this$asProps2.styles,
         width = _this$asProps2.width,
@@ -134,14 +129,14 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         "onMouseMove": this.handlerMouseMove,
         "onMouseLeave": this.handlerMouseLeave,
         "aria-label": ariaLabel,
-        "tabIndex": 0
+        "data-plot-id": this.plotId
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/_react["default"].createElement("foreignObject", _ref2.cn("foreignObject", {
         "width": '100%',
         "height": '100%',
         "data-aria-only": true
       }), /*#__PURE__*/_react["default"].createElement(_PlotA11yModule.PlotA11yModule, _ref2.cn("PlotA11yModule", {
         "id": this.plotId,
-        "data": data,
+        "payload": data,
         "plotLabel": label,
         "locale": locale,
         "plotRef": this.rootRef,
@@ -150,7 +145,6 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
       }))));
     }
   }]);
-  return PlotRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(PlotRoot, "displayName", 'Plot');
 (0, _defineProperty2["default"])(PlotRoot, "style", style);
@@ -160,7 +154,6 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     height: 0
   };
 });
-(0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _resolveColorEnhance["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-var _default = (0, _core["default"])(PlotRoot);
-exports["default"] = _default;
+(0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _resolveColorEnhance["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+var _default = exports["default"] = (0, _core.createComponent)(PlotRoot);
 //# sourceMappingURL=Plot.js.map

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_eventEmitter","_keyboardFocusEnhance","_utils","_PlotA11yModule","_hints","_resolveColorEnhance","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","dataHints","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","getI18nText","ariaLabel","createElement","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","plotId","Component","keyboardFocusEnhance","colorResolverEnhance","i18nEnhance","localizedMessages","_default","createComponent","exports"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance(), colorResolverEnhance(), i18nEnhance(localizedMessages)];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale, resolveColor, patterns, duration } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n        patterns,\n        duration,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale, getI18nText } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={ariaLabel}\n        tabIndex={0}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            data={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Plot.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_resolveColorEnhance","_eventEmitter","_react","_hints","_PlotA11yModule","_intergalacticDynamicLocales","_utils","style","sstyled","insert","PlotRoot","_Component","props","_this","_classCallCheck2","_callSuper2","_defineProperty2","uniqueId","React","createRef","dataHints","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_inherits2","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","call","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","plotId","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","getI18nText","ariaLabel","createElement","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","Component","colorResolverEnhance","i18nEnhance","localizedMessages","_default","exports","createComponent"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport colorResolverEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport EventEmitter from '@semcore/core/lib/utils/eventEmitter';\nimport React from 'react';\n\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport style from './style/plot.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { eventToPoint, uniqueId } from './utils';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [colorResolverEnhance(), i18nEnhance(localizedMessages)];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e, this.rootRef.current);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale, resolveColor, patterns, duration } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n        patterns,\n        duration,\n        plotId: this.plotId,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale, getI18nText } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={ariaLabel}\n        data-plot-id={this.plotId}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            payload={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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","ignoreList":[]}