@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.9

package/lib/cjs/a11y/PlotA11yView.js

@@ -1,15 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlotA11yView = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _i18nEnhance = require("@semcore/core/lib/utils/enhances/i18nEnhance");
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _DataAccessibilityTable = require("./DataAccessibilityTable");
 var _focus = require("./focus");
@@ -18,41 +16,46 @@ var _intl = require("./intl");
 var _summarize = require("./summarize");
 var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_5y734_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_5y734_gg_:focus,.___SPlotA11yView_5y734_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_5y734_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_5y734_gg_ table,.___SPlotA11yView_5y734_gg_ td,.___SPlotA11yView_5y734_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"5y734_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_9ugu2_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_9ugu2_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_9ugu2_gg_ table,.___SPlotA11yView_9ugu2_gg_ td,.___SPlotA11yView_9ugu2_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"9ugu2_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yView": "___SPlotA11yView_5y734_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_9ugu2_gg_"
 });
-var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
+const PlotA11yView = ({
+  id,
+  payload: providedData,
+  hints,
+  plotLabel,
+  triggerRef,
+  plotRef,
+  config: providedConfig,
+  locale,
+  onCloseHandler
+}) => {
   var _ref = arguments[0],
     _ref2;
-  var id = _ref3.id,
-    providedData = _ref3.data,
-    hints = _ref3.hints,
-    plotLabel = _ref3.plotLabel,
-    plotRef = _ref3.plotRef,
-    providedConfig = _ref3.config,
-    locale = _ref3.locale;
-  var SPlotA11yView = _flexBox.Box;
-  var translations = (0, _i18nEnhance.useAsyncI18nMessages)(_intergalacticDynamicLocales.localizedMessages, locale);
-  var intl = _react["default"].useMemo(function () {
-    return (0, _intl.getIntl)(locale, translations, _intergalacticDynamicLocales.localizedMessages);
-  }, [locale, translations, _intergalacticDynamicLocales.localizedMessages]);
-  var config = _react["default"].useMemo(function () {
-    return (0, _hints.makeDataSummarizationConfig)(providedConfig);
-  }, [providedConfig]);
-  var data = _react["default"].useMemo(function () {
-    return Array.isArray(providedData) ? providedData : [providedData];
-  }, [providedData]);
-  var _React$useState = _react["default"].useState(null),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    summary = _React$useState2[0],
-    setSummary = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(true),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    generatingSummary = _React$useState4[0],
-    setGeneratingSummary = _React$useState4[1];
-  _react["default"].useEffect(function () {
+  const SPlotA11yView = _baseComponents.Box;
+  const translations = (0, _i18nEnhance.useAsyncI18nMessages)(_intergalacticDynamicLocales.localizedMessages, locale);
+  const intl = _react.default.useMemo(() => (0, _intl.getIntl)(locale, translations, _intergalacticDynamicLocales.localizedMessages), [locale, translations, _intergalacticDynamicLocales.localizedMessages]);
+  const config = _react.default.useMemo(() => (0, _hints.makeDataSummarizationConfig)(providedConfig), [providedConfig]);
+  const data = _react.default.useMemo(() => Array.isArray(providedData) ? providedData : [providedData], [providedData]);
+  const rootRef = _react.default.useRef(null);
+  const [summary, setSummary] = _react.default.useState(null);
+  const [generatingSummary, setGeneratingSummary] = _react.default.useState(true);
+  _react.default.useEffect(() => {
+    rootRef.current?.focus();
+    function focusOutHandler(event) {
+      if (event.relatedTarget === null) {
+        return requestIdleCallback(onCloseHandler);
+      }
+      if (!(event.relatedTarget instanceof HTMLElement)) return;
+      if (rootRef.current?.contains(event.relatedTarget)) return;
+      requestIdleCallback(onCloseHandler);
+    }
+    rootRef.current?.addEventListener('focusout', focusOutHandler);
+    return () => rootRef.current?.removeEventListener('focusout', focusOutHandler);
+  }, []);
+  _react.default.useEffect(() => {
     if (config.disable) {
       setSummary('');
       setGeneratingSummary(false);
@@ -63,88 +66,90 @@ var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
       setGeneratingSummary(false);
       return;
     }
-    setTimeout(function () {
+    setTimeout(() => {
       setSummary((0, _summarize.summarize)(providedData, hints, config, locale, translations, _intergalacticDynamicLocales.localizedMessages));
       setGeneratingSummary(false);
     }, 0);
   }, [providedData, hints, config, locale, translations, _intergalacticDynamicLocales.localizedMessages]);
-  var handleClose = _react["default"].useCallback(function () {
-    var _plotRef$current;
-    (_plotRef$current = plotRef.current) === null || _plotRef$current === void 0 || _plotRef$current.focus();
+  const handleClose = _react.default.useCallback(() => {
+    onCloseHandler();
+    requestIdleCallback(() => {
+      triggerRef.current?.focus();
+    });
   }, []);
-  var handleSkip = _react["default"].useCallback(function (event) {
-    var _heavyFindNextFocusab;
+  const handleSkip = _react.default.useCallback(event => {
     event.preventDefault();
     if (!plotRef.current) return;
-    (_heavyFindNextFocusab = (0, _focus.heavyFindNextFocusableElement)(plotRef.current)) === null || _heavyFindNextFocusab === void 0 || _heavyFindNextFocusab.focus();
+    (0, _focus.heavyFindNextFocusableElement)(plotRef.current)?.focus();
+    onCloseHandler();
   }, []);
-  var handleSkipKeyboard = _react["default"].useCallback(function (event) {
+  const handleSkipKeyboard = _react.default.useCallback(event => {
     if (!(event.key === 'Enter' || event.key === ' ')) return;
     handleSkip(event);
   }, [handleSkip]);
-  var handleGoToTable = _react["default"].useCallback(function (event) {
-    var _dataTableRef$current;
+  const handleGoToTable = _react.default.useCallback(event => {
     event.preventDefault();
-    (_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 || _dataTableRef$current.focus();
+    dataTableRef.current?.focus();
   }, []);
-  var handleGoToTableKeyboard = _react["default"].useCallback(function (event) {
+  const handleGoToTableKeyboard = _react.default.useCallback(event => {
     if (!(event.key === 'Enter' || event.key === ' ')) return;
     handleGoToTable(event);
   }, [handleGoToTable]);
-  var texts = _react["default"].useMemo(function () {
-    return {
-      label: intl.formatMessage({
-        id: 'view-label'
-      }, {
-        plotLabel: plotLabel !== null && plotLabel !== void 0 ? plotLabel : intl.formatMessage({
-          id: 'view-default-plot-label'
-        })
-      }),
-      close: intl.formatMessage({
-        id: 'view-close'
-      }),
-      skipPlot: intl.formatMessage({
-        id: 'view-skip-plot'
-      }),
-      goToTable: intl.formatMessage({
-        id: 'view-go-to-table'
-      }),
-      summary: intl.formatMessage({
-        id: 'view-data-summary'
-      }),
-      summaryPlaceholder: intl.formatMessage({
-        id: 'view-summary-placeholder'
-      }),
-      table: intl.formatMessage({
-        id: 'view-table'
+  const texts = _react.default.useMemo(() => ({
+    label: intl.formatMessage({
+      id: 'view-label'
+    }, {
+      plotLabel: plotLabel ?? intl.formatMessage({
+        id: 'view-default-plot-label'
       })
-    };
-  }, [intl, plotLabel]);
-  var dataTableRef = _react["default"].useRef(null);
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tabIndex": 0,
-    "aria-label": texts.label,
-    "role": 'dialog',
-    "__excludeProps": ['data']
-  }, _ref))), /*#__PURE__*/_react["default"].createElement("button", _ref2.cn("button", {
+    }),
+    close: intl.formatMessage({
+      id: 'view-close'
+    }),
+    skipPlot: intl.formatMessage({
+      id: 'view-skip-plot'
+    }),
+    goToTable: intl.formatMessage({
+      id: 'view-go-to-table'
+    }),
+    summary: intl.formatMessage({
+      id: 'view-data-summary'
+    }),
+    summaryPlaceholder: intl.formatMessage({
+      id: 'view-summary-placeholder'
+    }),
+    table: intl.formatMessage({
+      id: 'view-table'
+    })
+  }), [intl, plotLabel]);
+  const dataTableRef = _react.default.useRef(null);
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", {
+    ...(0, _core.assignProps)({
+      "tabIndex": 0,
+      "aria-label": texts.label,
+      "role": 'dialog',
+      "__excludeProps": ['data'],
+      "ref": rootRef
+    }, _ref)
+  }), /*#__PURE__*/_react.default.createElement("button", _ref2.cn("button", {
     "type": 'button',
     "onClick": handleClose
-  }), texts.close), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
+  }), texts.close), /*#__PURE__*/_react.default.createElement("a", _ref2.cn("a", {
     "href": '#',
     "onKeyDown": handleSkipKeyboard,
     "onClick": handleSkip
-  }), texts.skipPlot), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
-    "href": "#".concat(id, "-data-table"),
+  }), texts.skipPlot), /*#__PURE__*/_react.default.createElement("a", _ref2.cn("a", {
+    "href": `#${id}-data-table`,
     "onKeyDown": handleGoToTableKeyboard,
     "onClick": handleGoToTable
-  }), texts.goToTable), /*#__PURE__*/_react["default"].createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react["default"].createElement("label", _ref2.cn("label", {
-    "htmlFor": "".concat(id, "-data-summary")
-  }), texts.summary)), /*#__PURE__*/_react["default"].createElement("div", _ref2.cn("div", {
-    "id": "".concat(id, "-data-summary"),
+  }), texts.goToTable), /*#__PURE__*/_react.default.createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react.default.createElement("label", _ref2.cn("label", {
+    "htmlFor": `${id}-data-summary`
+  }), texts.summary)), /*#__PURE__*/_react.default.createElement("div", _ref2.cn("div", {
+    "id": `${id}-data-summary`,
     "aria-busy": generatingSummary
-  }), generatingSummary ? texts.summaryPlaceholder : summary), /*#__PURE__*/_react["default"].createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react["default"].createElement("label", _ref2.cn("label", {
-    "htmlFor": "".concat(id, "-data-table")
-  }), texts.table)), /*#__PURE__*/_react["default"].createElement(_DataAccessibilityTable.DataAccessibilityTable, _ref2.cn("DataAccessibilityTable", {
+  }), generatingSummary ? texts.summaryPlaceholder : summary), /*#__PURE__*/_react.default.createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react.default.createElement("label", _ref2.cn("label", {
+    "htmlFor": `${id}-data-table`
+  }), texts.table)), /*#__PURE__*/_react.default.createElement(_DataAccessibilityTable.DataAccessibilityTable, _ref2.cn("DataAccessibilityTable", {
     "id": id,
     "dataTableRef": dataTableRef,
     "data": data,
@@ -153,4 +158,5 @@ var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
     "intl": intl
   })));
 };
+exports.PlotA11yView = PlotA11yView;
 //# sourceMappingURL=PlotA11yView.js.map

package/lib/cjs/a11y/PlotA11yView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yView.js","names":["_core","require","_i18nEnhance","_flexBox","_react","_interopRequireDefault","_DataAccessibilityTable","_focus","_hints","_intl","_summarize","_intergalacticDynamicLocales","styles","sstyled","insert","PlotA11yView","exports","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleClose","useCallback","_plotRef$current","current","focus","handleSkip","event","_heavyFindNextFocusab","preventDefault","heavyFindNextFocusableElement","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread2","assignProps","concat","DataAccessibilityTable"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import { Root, sstyled } from '@semcore/core';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport { getIntl } from './intl';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { summarize } from './summarize';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    plotRef.current?.focus();\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role='dialog'\n      __excludeProps={['data']}\n    >\n      <button type='button' onClick={handleClose}>\n        {texts.close}\n      </button>\n      <a href='#' onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PlotA11yView.js","names":["_core","require","_baseComponents","_i18nEnhance","_react","_interopRequireDefault","_DataAccessibilityTable","_focus","_hints","_intl","_summarize","_intergalacticDynamicLocales","styles","sstyled","insert","PlotA11yView","id","payload","providedData","hints","plotLabel","triggerRef","plotRef","config","providedConfig","locale","onCloseHandler","_ref","arguments[0]","_ref2","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","data","Array","isArray","rootRef","useRef","summary","setSummary","useState","generatingSummary","setGeneratingSummary","useEffect","current","focus","focusOutHandler","event","relatedTarget","requestIdleCallback","HTMLElement","contains","addEventListener","removeEventListener","disable","override","setTimeout","summarize","handleClose","useCallback","handleSkip","preventDefault","heavyFindNextFocusableElement","handleSkipKeyboard","key","handleGoToTable","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","default","createElement","cn","assignProps","DataAccessibilityTable","exports"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Root, sstyled } from '@semcore/core';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport React from 'react';\n\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport type A11yViewProps = {\n  id: string;\n  payload: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n\n  plotRef: React.RefObject<HTMLElement>;\n  triggerRef: React.RefObject<HTMLElement>;\n  onCloseHandler: () => void;\n};\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  payload: providedData,\n  hints,\n  plotLabel,\n  triggerRef,\n  plotRef,\n  config: providedConfig,\n  locale,\n  onCloseHandler,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    rootRef.current?.focus();\n\n    function focusOutHandler(event: FocusEvent) {\n      if (event.relatedTarget === null) {\n        return requestIdleCallback(onCloseHandler);\n      }\n\n      if (!(event.relatedTarget instanceof HTMLElement)) return;\n\n      if (rootRef.current?.contains(event.relatedTarget)) return;\n\n      requestIdleCallback(onCloseHandler);\n    }\n\n    rootRef.current?.addEventListener('focusout', focusOutHandler);\n    return () => rootRef.current?.removeEventListener('focusout', focusOutHandler);\n  }, []);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    onCloseHandler();\n\n    requestIdleCallback(() => {\n      triggerRef.current?.focus();\n    });\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n\n    onCloseHandler();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role='dialog'\n      __excludeProps={['data']}\n      ref={rootRef}\n    >\n      <button type='button' onClick={handleClose}>\n        {texts.close}\n      </button>\n      <a href='#' onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/a11y/bezier.js

@@ -4,33 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.makeBezier = void 0;
-var makeBezier = exports.makeBezier = function makeBezier(points, bounds) {
-  var yPoints = points.map(function (point) {
-    return point.y;
-  });
-  var noPoints = points.map(function () {
-    return 1;
-  });
-  var weightPoints = points.map(function (point) {
-    var _point$weight;
-    return (_point$weight = point.weight) !== null && _point$weight !== void 0 ? _point$weight : 1;
-  });
-  var process = function process(t, points) {
-    var result = 0;
-    for (var i = 0; i < points.length; i++) {
-      var tPower = i;
-      var reversedTPower = points.length - 1 - i;
-      var edge = i === 0 || i === points.length - 1;
-      var factor = edge ? 1 : points.length - 1;
-      var point = points[i];
-      var weight = weightPoints[i];
-      result += factor * Math.pow(t, tPower) * Math.pow(1 - t, reversedTPower) * point * weight;
+const makeBezier = (points, bounds) => {
+  const yPoints = points.map(point => point.y);
+  const noPoints = points.map(() => 1);
+  const weightPoints = points.map(point => point.weight ?? 1);
+  const process = (t, points) => {
+    let result = 0;
+    for (let i = 0; i < points.length; i++) {
+      const tPower = i;
+      const reversedTPower = points.length - 1 - i;
+      const edge = i === 0 || i === points.length - 1;
+      const factor = edge ? 1 : points.length - 1;
+      const point = points[i];
+      const weight = weightPoints[i];
+      result += factor * t ** tPower * (1 - t) ** reversedTPower * point * weight;
     }
     return result;
   };
-  return function (x) {
-    var t = x / bounds.width;
+  return x => {
+    const t = x / bounds.width;
     return process(t, yPoints) / process(t, noPoints);
   };
 };
+exports.makeBezier = makeBezier;
 //# sourceMappingURL=bezier.js.map

package/lib/cjs/a11y/bezier.js.map

@@ -1 +1 @@
-{"version":3,"file":"bezier.js","names":["makeBezier","exports","points","bounds","yPoints","map","point","y","noPoints","weightPoints","_point$weight","weight","process","t","result","i","length","tPower","reversedTPower","edge","factor","Math","pow","x","width"],"sources":["../../../src/a11y/bezier.ts"],"sourcesContent":["export const makeBezier = (\n  points: { x: number; y: number; weight?: number }[],\n  bounds: { width: number; height: number },\n) => {\n  const yPoints = points.map((point) => point.y);\n  const noPoints = points.map(() => 1);\n  const weightPoints = points.map((point) => point.weight ?? 1);\n  const process = (t: number, points: number[]) => {\n    let result = 0;\n    for (let i = 0; i < points.length; i++) {\n      const tPower = i;\n      const reversedTPower = points.length - 1 - i;\n      const edge = i === 0 || i === points.length - 1;\n      const factor = edge ? 1 : points.length - 1;\n      const point = points[i];\n      const weight = weightPoints[i];\n      result += factor * t ** tPower * (1 - t) ** reversedTPower * point * weight;\n    }\n    return result;\n  };\n\n  return (x: number) => {\n    const t = x / bounds.width;\n    return process(t, yPoints) / process(t, noPoints);\n  };\n};\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CACrBE,MAAmD,EACnDC,MAAyC,EACtC;EACH,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAG,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,CAAC;EAAA,EAAC;EAC9C,IAAMC,QAAQ,GAAGN,MAAM,CAACG,GAAG,CAAC;IAAA,OAAM,CAAC;EAAA,EAAC;EACpC,IAAMI,YAAY,GAAGP,MAAM,CAACG,GAAG,CAAC,UAACC,KAAK;IAAA,IAAAI,aAAA;IAAA,QAAAA,aAAA,GAAKJ,KAAK,CAACK,MAAM,cAAAD,aAAA,cAAAA,aAAA,GAAI,CAAC;EAAA,EAAC;EAC7D,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAIC,CAAS,EAAEX,MAAgB,EAAK;IAC/C,IAAIY,MAAM,GAAG,CAAC;IACd,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGb,MAAM,CAACc,MAAM,EAAED,CAAC,EAAE,EAAE;MACtC,IAAME,MAAM,GAAGF,CAAC;MAChB,IAAMG,cAAc,GAAGhB,MAAM,CAACc,MAAM,GAAG,CAAC,GAAGD,CAAC;MAC5C,IAAMI,IAAI,GAAGJ,CAAC,KAAK,CAAC,IAAIA,CAAC,KAAKb,MAAM,CAACc,MAAM,GAAG,CAAC;MAC/C,IAAMI,MAAM,GAAGD,IAAI,GAAG,CAAC,GAAGjB,MAAM,CAACc,MAAM,GAAG,CAAC;MAC3C,IAAMV,KAAK,GAAGJ,MAAM,CAACa,CAAC,CAAC;MACvB,IAAMJ,MAAM,GAAGF,YAAY,CAACM,CAAC,CAAC;MAC9BD,MAAM,IAAIM,MAAM,GAAAC,IAAA,CAAAC,GAAA,CAAGT,CAAC,EAAII,MAAM,IAAAI,IAAA,CAAAC,GAAA,CAAI,CAAC,GAAGT,CAAC,EAAKK,cAAc,IAAGZ,KAAK,GAAGK,MAAM;IAC7E;IACA,OAAOG,MAAM;EACf,CAAC;EAED,OAAO,UAACS,CAAS,EAAK;IACpB,IAAMV,CAAC,GAAGU,CAAC,GAAGpB,MAAM,CAACqB,KAAK;IAC1B,OAAOZ,OAAO,CAACC,CAAC,EAAET,OAAO,CAAC,GAAGQ,OAAO,CAACC,CAAC,EAAEL,QAAQ,CAAC;EACnD,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"bezier.js","names":["makeBezier","points","bounds","yPoints","map","point","y","noPoints","weightPoints","weight","process","t","result","i","length","tPower","reversedTPower","edge","factor","x","width","exports"],"sources":["../../../src/a11y/bezier.ts"],"sourcesContent":["export const makeBezier = (\n  points: { x: number; y: number; weight?: number }[],\n  bounds: { width: number; height: number },\n) => {\n  const yPoints = points.map((point) => point.y);\n  const noPoints = points.map(() => 1);\n  const weightPoints = points.map((point) => point.weight ?? 1);\n  const process = (t: number, points: number[]) => {\n    let result = 0;\n    for (let i = 0; i < points.length; i++) {\n      const tPower = i;\n      const reversedTPower = points.length - 1 - i;\n      const edge = i === 0 || i === points.length - 1;\n      const factor = edge ? 1 : points.length - 1;\n      const point = points[i];\n      const weight = weightPoints[i];\n      result += factor * t ** tPower * (1 - t) ** reversedTPower * point * weight;\n    }\n    return result;\n  };\n\n  return (x: number) => {\n    const t = x / bounds.width;\n    return process(t, yPoints) / process(t, noPoints);\n  };\n};\n"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAGA,CACxBC,MAAmD,EACnDC,MAAyC,KACtC;EACH,MAAMC,OAAO,GAAGF,MAAM,CAACG,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACC,CAAC,CAAC;EAC9C,MAAMC,QAAQ,GAAGN,MAAM,CAACG,GAAG,CAAC,MAAM,CAAC,CAAC;EACpC,MAAMI,YAAY,GAAGP,MAAM,CAACG,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACI,MAAM,IAAI,CAAC,CAAC;EAC7D,MAAMC,OAAO,GAAGA,CAACC,CAAS,EAAEV,MAAgB,KAAK;IAC/C,IAAIW,MAAM,GAAG,CAAC;IACd,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,MAAM,CAACa,MAAM,EAAED,CAAC,EAAE,EAAE;MACtC,MAAME,MAAM,GAAGF,CAAC;MAChB,MAAMG,cAAc,GAAGf,MAAM,CAACa,MAAM,GAAG,CAAC,GAAGD,CAAC;MAC5C,MAAMI,IAAI,GAAGJ,CAAC,KAAK,CAAC,IAAIA,CAAC,KAAKZ,MAAM,CAACa,MAAM,GAAG,CAAC;MAC/C,MAAMI,MAAM,GAAGD,IAAI,GAAG,CAAC,GAAGhB,MAAM,CAACa,MAAM,GAAG,CAAC;MAC3C,MAAMT,KAAK,GAAGJ,MAAM,CAACY,CAAC,CAAC;MACvB,MAAMJ,MAAM,GAAGD,YAAY,CAACK,CAAC,CAAC;MAC9BD,MAAM,IAAIM,MAAM,GAAGP,CAAC,IAAII,MAAM,GAAG,CAAC,CAAC,GAAGJ,CAAC,KAAKK,cAAc,GAAGX,KAAK,GAAGI,MAAM;IAC7E;IACA,OAAOG,MAAM;EACf,CAAC;EAED,OAAQO,CAAS,IAAK;IACpB,MAAMR,CAAC,GAAGQ,CAAC,GAAGjB,MAAM,CAACkB,KAAK;IAC1B,OAAOV,OAAO,CAACC,CAAC,EAAER,OAAO,CAAC,GAAGO,OAAO,CAACC,CAAC,EAAEJ,QAAQ,CAAC;EACnD,CAAC;AACH,CAAC;AAACc,OAAA,CAAArB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/cjs/a11y/focus.js

@@ -5,44 +5,44 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.heavyFindNextFocusableElement = void 0;
 var _isFocusable = require("@semcore/core/lib/utils/focus-lock/isFocusable");
-var _findNextFocusableElementInChildren = function findNextFocusableElementInChildren(element) {
+const findNextFocusableElementInChildren = element => {
   if (element && (0, _isFocusable.isFocusable)(element)) {
     return element;
   }
-  var children = element === null || element === void 0 ? void 0 : element.children;
+  const children = element?.children;
   if (children) {
-    for (var i = 0; i < children.length; i++) {
-      var childChild = children.item(i);
+    for (let i = 0; i < children.length; i++) {
+      const childChild = children.item(i);
       if (!childChild) continue;
-      var result = _findNextFocusableElementInChildren(childChild);
+      const result = findNextFocusableElementInChildren(childChild);
       if (result) return result;
     }
   }
   return null;
 };
-var makeParentsChain = function makeParentsChain(element) {
-  var parents = [];
-  var parent = element.parentElement;
+const makeParentsChain = element => {
+  const parents = [];
+  let parent = element.parentElement;
   while (parent) {
     parents.push(parent);
     parent = parent.parentElement;
   }
   return parents;
 };
-var heavyFindNextFocusableElement = exports.heavyFindNextFocusableElement = function heavyFindNextFocusableElement(base) {
-  var parents = makeParentsChain(base);
-  for (var i = 0; i < parents.length; i++) {
-    var _parent$children;
-    var parent = parents[i];
-    var siblings = Array.from((_parent$children = parent === null || parent === void 0 ? void 0 : parent.children) !== null && _parent$children !== void 0 ? _parent$children : []);
+const heavyFindNextFocusableElement = base => {
+  const parents = makeParentsChain(base);
+  for (let i = 0; i < parents.length; i++) {
+    const parent = parents[i];
+    let siblings = Array.from(parent?.children ?? []);
     if (siblings.indexOf(parents[i - 1] || base) !== -1) {
       siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);
     }
-    for (var _i = 0; _i < siblings.length; _i++) {
-      var focusable = _findNextFocusableElementInChildren(siblings[_i]);
+    for (let i = 0; i < siblings.length; i++) {
+      const focusable = findNextFocusableElementInChildren(siblings[i]);
       if (focusable) return focusable;
     }
   }
   return null;
 };
+exports.heavyFindNextFocusableElement = heavyFindNextFocusableElement;
 //# sourceMappingURL=focus.js.map

package/lib/cjs/a11y/focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus.js","names":["_isFocusable","require","findNextFocusableElementInChildren","element","isFocusable","children","i","length","childChild","item","result","makeParentsChain","parents","parent","parentElement","push","heavyFindNextFocusableElement","exports","base","_parent$children","siblings","Array","from","indexOf","slice","focusable"],"sources":["../../../src/a11y/focus.ts"],"sourcesContent":["import { isFocusable } from '@semcore/core/lib/utils/focus-lock/isFocusable';\n\ntype FocusableElement = Element & { focus: () => void };\n\nconst findNextFocusableElementInChildren = (element: Element | null): FocusableElement | null => {\n  if (element && isFocusable(element)) {\n    return element as FocusableElement;\n  }\n\n  const children = element?.children;\n\n  if (children) {\n    for (let i = 0; i < children.length; i++) {\n      const childChild = children.item(i);\n      if (!childChild) continue;\n      const result = findNextFocusableElementInChildren(childChild);\n      if (result) return result;\n    }\n  }\n\n  return null;\n};\n\nconst makeParentsChain = (element: Element): Element[] => {\n  const parents = [];\n  let parent = element.parentElement;\n\n  while (parent) {\n    parents.push(parent);\n    parent = parent.parentElement;\n  }\n\n  return parents;\n};\n\nexport const heavyFindNextFocusableElement = (base: Element): FocusableElement | null => {\n  const parents = makeParentsChain(base);\n  for (let i = 0; i < parents.length; i++) {\n    const parent = parents[i];\n    let siblings = Array.from(parent?.children ?? []);\n    if (siblings.indexOf(parents[i - 1] || base) !== -1) {\n      siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);\n    }\n\n    for (let i = 0; i < siblings.length; i++) {\n      const focusable = findNextFocusableElementInChildren(siblings[i]);\n      if (focusable) return focusable;\n    }\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAMC,mCAAkC,GAAG,SAArCA,kCAAkCA,CAAIC,OAAuB,EAA8B;EAC/F,IAAIA,OAAO,IAAI,IAAAC,wBAAW,EAACD,OAAO,CAAC,EAAE;IACnC,OAAOA,OAAO;EAChB;EAEA,IAAME,QAAQ,GAAGF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,QAAQ;EAElC,IAAIA,QAAQ,EAAE;IACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,QAAQ,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;MACxC,IAAME,UAAU,GAAGH,QAAQ,CAACI,IAAI,CAACH,CAAC,CAAC;MACnC,IAAI,CAACE,UAAU,EAAE;MACjB,IAAME,MAAM,GAAGR,mCAAkC,CAACM,UAAU,CAAC;MAC7D,IAAIE,MAAM,EAAE,OAAOA,MAAM;IAC3B;EACF;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIR,OAAgB,EAAgB;EACxD,IAAMS,OAAO,GAAG,EAAE;EAClB,IAAIC,MAAM,GAAGV,OAAO,CAACW,aAAa;EAElC,OAAOD,MAAM,EAAE;IACbD,OAAO,CAACG,IAAI,CAACF,MAAM,CAAC;IACpBA,MAAM,GAAGA,MAAM,CAACC,aAAa;EAC/B;EAEA,OAAOF,OAAO;AAChB,CAAC;AAEM,IAAMI,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAAhCA,6BAA6BA,CAAIE,IAAa,EAA8B;EACvF,IAAMN,OAAO,GAAGD,gBAAgB,CAACO,IAAI,CAAC;EACtC,KAAK,IAAIZ,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGM,OAAO,CAACL,MAAM,EAAED,CAAC,EAAE,EAAE;IAAA,IAAAa,gBAAA;IACvC,IAAMN,MAAM,GAAGD,OAAO,CAACN,CAAC,CAAC;IACzB,IAAIc,QAAQ,GAAGC,KAAK,CAACC,IAAI,EAAAH,gBAAA,GAACN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAER,QAAQ,cAAAc,gBAAA,cAAAA,gBAAA,GAAI,EAAE,CAAC;IACjD,IAAIC,QAAQ,CAACG,OAAO,CAACX,OAAO,CAACN,CAAC,GAAG,CAAC,CAAC,IAAIY,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;MACnDE,QAAQ,GAAGA,QAAQ,CAACI,KAAK,CAACJ,QAAQ,CAACG,OAAO,CAACX,OAAO,CAACN,CAAC,GAAG,CAAC,CAAC,IAAIY,IAAI,CAAC,GAAG,CAAC,CAAC;IACzE;IAEA,KAAK,IAAIZ,EAAC,GAAG,CAAC,EAAEA,EAAC,GAAGc,QAAQ,CAACb,MAAM,EAAED,EAAC,EAAE,EAAE;MACxC,IAAMmB,SAAS,GAAGvB,mCAAkC,CAACkB,QAAQ,CAACd,EAAC,CAAC,CAAC;MACjE,IAAImB,SAAS,EAAE,OAAOA,SAAS;IACjC;EACF;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}
+{"version":3,"file":"focus.js","names":["_isFocusable","require","findNextFocusableElementInChildren","element","isFocusable","children","i","length","childChild","item","result","makeParentsChain","parents","parent","parentElement","push","heavyFindNextFocusableElement","base","siblings","Array","from","indexOf","slice","focusable","exports"],"sources":["../../../src/a11y/focus.ts"],"sourcesContent":["import { isFocusable } from '@semcore/core/lib/utils/focus-lock/isFocusable';\n\ntype FocusableElement = Element & { focus: () => void };\n\nconst findNextFocusableElementInChildren = (element: Element | null): FocusableElement | null => {\n  if (element && isFocusable(element)) {\n    return element as FocusableElement;\n  }\n\n  const children = element?.children;\n\n  if (children) {\n    for (let i = 0; i < children.length; i++) {\n      const childChild = children.item(i);\n      if (!childChild) continue;\n      const result = findNextFocusableElementInChildren(childChild);\n      if (result) return result;\n    }\n  }\n\n  return null;\n};\n\nconst makeParentsChain = (element: Element): Element[] => {\n  const parents = [];\n  let parent = element.parentElement;\n\n  while (parent) {\n    parents.push(parent);\n    parent = parent.parentElement;\n  }\n\n  return parents;\n};\n\nexport const heavyFindNextFocusableElement = (base: Element): FocusableElement | null => {\n  const parents = makeParentsChain(base);\n  for (let i = 0; i < parents.length; i++) {\n    const parent = parents[i];\n    let siblings = Array.from(parent?.children ?? []);\n    if (siblings.indexOf(parents[i - 1] || base) !== -1) {\n      siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);\n    }\n\n    for (let i = 0; i < siblings.length; i++) {\n      const focusable = findNextFocusableElementInChildren(siblings[i]);\n      if (focusable) return focusable;\n    }\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,MAAMC,kCAAkC,GAAIC,OAAuB,IAA8B;EAC/F,IAAIA,OAAO,IAAI,IAAAC,wBAAW,EAACD,OAAO,CAAC,EAAE;IACnC,OAAOA,OAAO;EAChB;EAEA,MAAME,QAAQ,GAAGF,OAAO,EAAEE,QAAQ;EAElC,IAAIA,QAAQ,EAAE;IACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,QAAQ,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;MACxC,MAAME,UAAU,GAAGH,QAAQ,CAACI,IAAI,CAACH,CAAC,CAAC;MACnC,IAAI,CAACE,UAAU,EAAE;MACjB,MAAME,MAAM,GAAGR,kCAAkC,CAACM,UAAU,CAAC;MAC7D,IAAIE,MAAM,EAAE,OAAOA,MAAM;IAC3B;EACF;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMC,gBAAgB,GAAIR,OAAgB,IAAgB;EACxD,MAAMS,OAAO,GAAG,EAAE;EAClB,IAAIC,MAAM,GAAGV,OAAO,CAACW,aAAa;EAElC,OAAOD,MAAM,EAAE;IACbD,OAAO,CAACG,IAAI,CAACF,MAAM,CAAC;IACpBA,MAAM,GAAGA,MAAM,CAACC,aAAa;EAC/B;EAEA,OAAOF,OAAO;AAChB,CAAC;AAEM,MAAMI,6BAA6B,GAAIC,IAAa,IAA8B;EACvF,MAAML,OAAO,GAAGD,gBAAgB,CAACM,IAAI,CAAC;EACtC,KAAK,IAAIX,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGM,OAAO,CAACL,MAAM,EAAED,CAAC,EAAE,EAAE;IACvC,MAAMO,MAAM,GAAGD,OAAO,CAACN,CAAC,CAAC;IACzB,IAAIY,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAACP,MAAM,EAAER,QAAQ,IAAI,EAAE,CAAC;IACjD,IAAIa,QAAQ,CAACG,OAAO,CAACT,OAAO,CAACN,CAAC,GAAG,CAAC,CAAC,IAAIW,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;MACnDC,QAAQ,GAAGA,QAAQ,CAACI,KAAK,CAACJ,QAAQ,CAACG,OAAO,CAACT,OAAO,CAACN,CAAC,GAAG,CAAC,CAAC,IAAIW,IAAI,CAAC,GAAG,CAAC,CAAC;IACzE;IAEA,KAAK,IAAIX,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGY,QAAQ,CAACX,MAAM,EAAED,CAAC,EAAE,EAAE;MACxC,MAAMiB,SAAS,GAAGrB,kCAAkC,CAACgB,QAAQ,CAACZ,CAAC,CAAC,CAAC;MACjE,IAAIiB,SAAS,EAAE,OAAOA,SAAS;IACjC;EACF;EAEA,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAR,6BAAA,GAAAA,6BAAA","ignoreList":[]}