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

package/lib/esm/RadialTree.mjs

@@ -9,7 +9,6 @@ import React from "react";
 import createElement from "./createElement.mjs";
 import { getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
 import { measureText, getChartDefaultColorName } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/radial-tree.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -45,13 +44,12 @@ class RadialTreeBase extends Component {
     };
   }
   runAppearAnimation() {
-    var _a;
     const {
       duration,
       uid
     } = this.asProps;
     if (!canUseDOM()) return;
-    const preferReduceMotion = (_a = window.matchMedia("(prefers-reduced-motion: reduce)")) == null ? void 0 : _a.matches;
+    const preferReduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)")?.matches;
     if (!(duration > 0)) return;
     if (preferReduceMotion) return;
     const circlesAnimation = transition().selection().selectAll(`[data-radial-animation=${uid}-cap-circle]`).interrupt();
@@ -64,13 +62,12 @@ class RadialTreeBase extends Component {
     const labelsNodes = linesAnimation.nodes();
     if (circlesNodes.length > 0) {
       const attrs = circlesNodes.map((node) => {
-        var _a2, _b, _c, _d;
         const radianIndex = Number.parseInt(node.dataset.radianIndex, 10);
         const lineNode = linesNodes[radianIndex];
         return {
           from: {
-            cx: (_b = (_a2 = lineNode.x1) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value,
-            cy: (_d = (_c = lineNode.y1) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value
+            cx: lineNode.x1?.baseVal?.value,
+            cy: lineNode.y1?.baseVal?.value
           },
           to: {
             cx: node.dataset["cx"],
@@ -78,31 +75,18 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      circlesAnimation.attr("opacity", 0).attr("cx", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.cx;
-      }).attr("cy", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.cy;
-      }).transition().duration(duration).attr("opacity", 1).attr("cx", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.cx;
-      }).attr("cy", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.cy;
-      });
+      circlesAnimation.attr("opacity", 0).attr("cx", (_, index) => attrs[index].from?.cx).attr("cy", (_, index) => attrs[index].from?.cy).transition().duration(duration).attr("opacity", 1).attr("cx", (_, index) => attrs[index].to?.cx).attr("cy", (_, index) => attrs[index].to?.cy);
     }
     if (iconsNodes.length > 0) {
       const attrs = iconsNodes.map((node) => {
-        var _a2, _b, _c, _d, _e, _f, _g, _h;
-        const width = (_b = (_a2 = node.width) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value;
-        const height = (_d = (_c = node.height) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value;
+        const width = node.width?.baseVal?.value;
+        const height = node.height?.baseVal?.value;
         const radianIndex = Number.parseInt(node.dataset.radianIndex, 10);
         const lineNode = linesNodes[radianIndex];
         return {
           from: {
-            x: ((_f = (_e = lineNode.x1) == null ? void 0 : _e.baseVal) == null ? void 0 : _f.value) - width / 2,
-            y: ((_h = (_g = lineNode.y1) == null ? void 0 : _g.baseVal) == null ? void 0 : _h.value) - height / 2
+            x: lineNode.x1?.baseVal?.value - width / 2,
+            y: lineNode.y1?.baseVal?.value - height / 2
           },
           to: {
             x: node.dataset["x"],
@@ -110,27 +94,14 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      iconsAnimation.attr("opacity", 0).attr("x", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.x;
-      }).attr("y", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.y;
-      }).transition().duration(duration).attr("opacity", 1).attr("x", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.x;
-      }).attr("y", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.y;
-      });
+      iconsAnimation.attr("opacity", 0).attr("x", (_, index) => attrs[index].from?.x).attr("y", (_, index) => attrs[index].from?.y).transition().duration(duration).attr("opacity", 1).attr("x", (_, index) => attrs[index].to?.x).attr("y", (_, index) => attrs[index].to?.y);
     }
     if (linesNodes.length > 0) {
       const attrs = linesNodes.map((node) => {
-        var _a2, _b, _c, _d;
         return {
           from: {
-            x2: (_b = (_a2 = node.x1) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value,
-            y2: (_d = (_c = node.y1) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value
+            x2: node.x1?.baseVal?.value,
+            y2: node.y1?.baseVal?.value
           },
           to: {
             x2: node.dataset["x2"],
@@ -138,19 +109,7 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      linesAnimation.attr("opacity", 0).attr("x2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.x2;
-      }).attr("y2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.y2;
-      }).transition().duration(duration).attr("opacity", 1).attr("x2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.x2;
-      }).attr("y2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.y2;
-      });
+      linesAnimation.attr("opacity", 0).attr("x2", (_, index) => attrs[index].from?.x2).attr("y2", (_, index) => attrs[index].from?.y2).transition().duration(duration).attr("opacity", 1).attr("x2", (_, index) => attrs[index].to?.x2).attr("y2", (_, index) => attrs[index].to?.y2);
     }
     if (labelsNodes.length > 0) {
       labelsAnimation.attr("opacity", 0);
@@ -246,8 +205,7 @@ class RadialTreeRadian extends Component {
   getInteractiveAreaProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xStart,
       yStart,
@@ -266,8 +224,7 @@ class RadialTreeRadian extends Component {
   getLineProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xStart,
       yStart,
@@ -299,8 +256,7 @@ class RadialTreeRadian extends Component {
   getCapProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xEnd,
       yEnd,
@@ -331,8 +287,7 @@ class RadialTreeRadian extends Component {
   getIconProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xEnd,
       yEnd,
@@ -365,8 +320,7 @@ class RadialTreeRadian extends Component {
   getLabelProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xLabelCenter,
       yLabelCenter,

package/lib/esm/Reference.mjs

@@ -4,7 +4,6 @@ import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { scaleOfBandwidth } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/reference.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/ResponsiveContainer.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { Component, sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import fire from "@semcore/core/lib/utils/fire";
@@ -55,15 +55,13 @@ class ResponsiveContainerRoot extends Component {
     };
   }
   componentDidMount() {
-    var _a;
     if (this.$container) {
-      (_a = this.observer) == null ? void 0 : _a.observe(this.$container);
+      this.observer?.observe(this.$container);
     }
   }
   // TODO component did update ref?
   componentWillUnmount() {
-    var _a;
-    (_a = this.observer) == null ? void 0 : _a.disconnect();
+    this.observer?.disconnect();
   }
   render() {
     var _ref = this.asProps, _ref2;

package/lib/esm/ScatterPlot.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { transition } from "d3-transition";
@@ -8,7 +8,6 @@ import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
 import { getScatterPlotRadius } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -195,6 +194,7 @@ function ScatterPlotTooltip(props) {
     }, _ref)
   }));
 }
+;
 const ScatterPlot = createElement(ScatterPlotRoot, {
   Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents]
 });

package/lib/esm/StackBar.mjs

@@ -7,8 +7,8 @@ import Bar, { MIN_HEIGHT } from "./Bar.mjs";
 import createElement from "./createElement.mjs";
 import HorizontalBar, { MIN_WIDTH } from "./HorizontalBar.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
-const XY0 = Symbol("XY0");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
+const XY0 = /* @__PURE__ */ Symbol("XY0");
 class StackBarRoot extends Component {
   constructor(...args) {
     super(...args);

package/lib/esm/StackedArea.mjs

@@ -6,8 +6,8 @@ import React from "react";
 import Area from "./Area.mjs";
 import createElement from "./createElement.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
-const Y0 = Symbol("Y0");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
+const Y0 = /* @__PURE__ */ Symbol("Y0");
 class StackedAreaRoot extends Component {
   getSeries() {
     const {

package/lib/esm/Tooltip.mjs

@@ -1,13 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
-import { Box, Popper } from "@semcore/base-components";
+import { sstyled, Component, assignProps } from "@semcore/core";
+import { Popper, Box } from "@semcore/base-components";
 import findComponent from "@semcore/core/lib/utils/findComponent";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { PatternSymbol } from "./Pattern.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -59,7 +58,7 @@ class TooltipRoot extends Component {
         yIndex
       } = this.state.tooltipProps;
       const index = xIndex ?? yIndex;
-      onClick == null ? void 0 : onClick(index, e);
+      onClick?.(index, e);
     });
   }
   getTriggerProps() {
@@ -100,7 +99,6 @@ class TooltipRoot extends Component {
     }), eventEmitter.subscribe(`setTooltipVisible_${plotId}`, (visible) => this.setState({
       $visible: visible
     })), eventEmitter.subscribe(`setTooltipPosition_${plotId}`, (x, y) => {
-      var _a;
       this.virtualElementPosition.x = x;
       this.virtualElementPosition.y = y;
       if (this.virtualTriggerElement === null) {
@@ -123,7 +121,7 @@ class TooltipRoot extends Component {
           left: x2
         };
       };
-      (_a = this.popper.current) == null ? void 0 : _a.update();
+      this.popper.current?.update();
     }));
   }
   componentWillUnmount() {
@@ -159,10 +157,9 @@ class TooltipRoot extends Component {
       popper,
       setTrigger
     }) => {
-      var _a;
       this.setPopperTrigger = setTrigger;
       this.popper = popper;
-      (_a = this.popper.current) == null ? void 0 : _a.update();
+      this.popper.current?.update();
       return advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, tag && /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
         tag,
         onClick: this.handleTriggerClick

package/lib/esm/Venn.mjs

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { FadeInOut } from "@semcore/base-components";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import { intersectionAreaPath, scaleSolution, normalizeSolution, venn } from "@upsetjs/venn.js";
+import { scaleSolution, normalizeSolution, venn, intersectionAreaPath } from "@upsetjs/venn.js";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/venn.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -243,6 +242,7 @@ function VennTooltip(props) {
     }, _ref)
   }));
 }
+;
 const Venn = createElement(VennRoot, {
   Circle,
   Intersection,

package/lib/esm/a11y/DataAccessibilityTable.mjs

@@ -38,8 +38,7 @@ const DataAccessibilityTable = ({
     return doublicated;
   }, [keys, hints]);
   const renderTitle = React.useCallback((dataKey) => {
-    var _a;
-    const formatted = (_a = config.titlesFormatter) == null ? void 0 : _a.call(config, dataKey);
+    const formatted = config.titlesFormatter?.(dataKey);
     if (formatted !== void 0) return formatted;
     if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];
     if (!duplicatedBaseKeys[dataKey]) {
@@ -49,8 +48,7 @@ const DataAccessibilityTable = ({
     return dataKey;
   }, [data, hints, duplicatedBaseKeys, config]);
   const formatValue = React.useCallback((value, row) => {
-    var _a;
-    return ((_a = config.valuesFormatter) == null ? void 0 : _a.call(config, value, row)) ?? defaultValueFormatter(intl, value);
+    return config.valuesFormatter?.(value, row) ?? defaultValueFormatter(intl, value);
   }, [intl, config]);
   return /* @__PURE__ */ React.createElement("table", {
     id: `${id}-data-table`,

package/lib/esm/a11y/PlotA11yModule.mjs

@@ -5,7 +5,6 @@ import { Context, useI18n } from "@semcore/core/lib/utils/enhances/WithI18n";
 import React from "react";
 import { normalizeLocale } from "./locale.mjs";
 import { localizedMessages } from "./translations/module/__intergalactic-dynamic-locales.mjs";
-/*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -49,7 +48,8 @@ function PlotA11yModule(props) {
     });
   }, [plotA11yView, isOpened, loading, setLoading]);
   if (plotA11yView) {
-    return sstyled(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
+    var _ref2;
+    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
       onCloseHandler: () => {
         setIsOpened(false);
         setPlotA11yView(null);

package/lib/esm/a11y/PlotA11yView.mjs

@@ -8,7 +8,6 @@ import { makeDataSummarizationConfig } from "./hints.mjs";
 import { getIntl } from "./intl.mjs";
 import { summarize } from "./summarize.mjs";
 import { localizedMessages } from "./translations/view/__intergalactic-dynamic-locales.mjs";
-/*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -21,7 +20,7 @@ const styles = (
     "__SPlotA11yView": "___SPlotA11yView_9ugu2_gg_"
   })
 );
-const PlotA11yView = ({
+function PlotA11yView({
   id,
   payload: providedData,
   hints,
@@ -31,7 +30,7 @@ const PlotA11yView = ({
   config: providedConfig,
   locale,
   onCloseHandler
-}) => {
+}) {
   var _ref = arguments[0], _ref2;
   const SPlotA11yView = Box;
   const translations = useAsyncI18nMessages(localizedMessages, locale);
@@ -42,22 +41,17 @@ const PlotA11yView = ({
   const [summary, setSummary] = React.useState(null);
   const [generatingSummary, setGeneratingSummary] = React.useState(true);
   React.useEffect(() => {
-    var _a, _b;
-    (_a = rootRef.current) == null ? void 0 : _a.focus();
+    rootRef.current?.focus();
     function focusOutHandler(event) {
-      var _a2;
       if (event.relatedTarget === null) {
         return requestIdleCallback(onCloseHandler);
       }
       if (!(event.relatedTarget instanceof HTMLElement)) return;
-      if ((_a2 = rootRef.current) == null ? void 0 : _a2.contains(event.relatedTarget)) return;
+      if (rootRef.current?.contains(event.relatedTarget)) return;
       requestIdleCallback(onCloseHandler);
     }
-    (_b = rootRef.current) == null ? void 0 : _b.addEventListener("focusout", focusOutHandler);
-    return () => {
-      var _a2;
-      return (_a2 = rootRef.current) == null ? void 0 : _a2.removeEventListener("focusout", focusOutHandler);
-    };
+    rootRef.current?.addEventListener("focusout", focusOutHandler);
+    return () => rootRef.current?.removeEventListener("focusout", focusOutHandler);
   }, []);
   React.useEffect(() => {
     if (config.disable) {
@@ -78,15 +72,13 @@ const PlotA11yView = ({
   const handleClose = React.useCallback(() => {
     onCloseHandler();
     requestIdleCallback(() => {
-      var _a;
-      (_a = triggerRef.current) == null ? void 0 : _a.focus();
+      triggerRef.current?.focus();
     });
   }, []);
   const handleSkip = React.useCallback((event) => {
-    var _a;
     event.preventDefault();
     if (!plotRef.current) return;
-    (_a = heavyFindNextFocusableElement(plotRef.current)) == null ? void 0 : _a.focus();
+    heavyFindNextFocusableElement(plotRef.current)?.focus();
     onCloseHandler();
   }, []);
   const handleSkipKeyboard = React.useCallback((event) => {
@@ -94,9 +86,8 @@ const PlotA11yView = ({
     handleSkip(event);
   }, [handleSkip]);
   const handleGoToTable = React.useCallback((event) => {
-    var _a;
     event.preventDefault();
-    (_a = dataTableRef.current) == null ? void 0 : _a.focus();
+    dataTableRef.current?.focus();
   }, []);
   const handleGoToTableKeyboard = React.useCallback((event) => {
     if (!(event.key === "Enter" || event.key === " ")) return;
@@ -164,7 +155,8 @@ const PlotA11yView = ({
     "config": config,
     "intl": intl
   })));
-};
+}
+;
 export {
   PlotA11yView
 };

package/lib/esm/a11y/focus.mjs

@@ -3,7 +3,7 @@ const findNextFocusableElementInChildren = (element) => {
   if (element && isFocusable(element)) {
     return element;
   }
-  const children = element == null ? void 0 : element.children;
+  const children = element?.children;
   if (children) {
     for (let i = 0; i < children.length; i++) {
       const childChild = children.item(i);
@@ -27,7 +27,7 @@ const heavyFindNextFocusableElement = (base) => {
   const parents = makeParentsChain(base);
   for (let i = 0; i < parents.length; i++) {
     const parent = parents[i];
-    let siblings = Array.from((parent == null ? void 0 : parent.children) ?? []);
+    let siblings = Array.from(parent?.children ?? []);
     if (siblings.indexOf(parents[i - 1] || base) !== -1) {
       siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);
     }

package/lib/esm/a11y/hints.mjs

@@ -99,15 +99,15 @@ const makeDataSummarizationConfig = (config) => ({
     weak: 1 / 10,
     medium: 1 / 5,
     strong: Number.POSITIVE_INFINITY,
-    ...(config == null ? void 0 : config.trendTangens) ?? {}
+    ...config?.trendTangens ?? {}
   },
   movingAverage: {
     longSize: void 0,
     shortSize: void 0,
     notableDiff: void 0,
-    ...(config == null ? void 0 : config.movingAverage) ?? {}
+    ...config?.movingAverage ?? {}
   },
-  additionalFields: [...(config == null ? void 0 : config.additionalFields) ?? []]
+  additionalFields: [...config?.additionalFields ?? []]
 });
 export {
   makeDataHintsContainer,

package/lib/esm/a11y/insights.mjs

@@ -24,7 +24,6 @@ const movingAverage = (data, frame) => {
   return result;
 };
 const extractDataInsights = (data, hints, config) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   let insights = [];
   let dataType = config.dataType ?? hints.dataType;
   const dataRange = [];
@@ -66,8 +65,8 @@ const extractDataInsights = (data, hints, config) => {
       entitiesCount = Object.keys(valuesKeys).length;
       const fromKey = firstRow[labelsKey];
       const toKey = lastRow[labelsKey];
-      const from = ((_b = (_a = hints.titles).getHorizontalAxesTitle) == null ? void 0 : _b.call(_a, fromKey)) ?? hints.titles.horizontalAxes[fromKey] ?? fromKey;
-      const to = ((_d = (_c = hints.titles).getHorizontalAxesTitle) == null ? void 0 : _d.call(_c, toKey)) ?? hints.titles.horizontalAxes[toKey] ?? toKey;
+      const from = hints.titles.getHorizontalAxesTitle?.(fromKey) ?? hints.titles.horizontalAxes[fromKey] ?? fromKey;
+      const to = hints.titles.getHorizontalAxesTitle?.(toKey) ?? hints.titles.horizontalAxes[toKey] ?? toKey;
       if (entitiesCount > 0) {
         dataRange.push({
           from,
@@ -115,10 +114,9 @@ const extractDataInsights = (data, hints, config) => {
           label,
           type
         }) => {
-          var _a2, _b2;
           for (let i = 0; i < trendStrengths.length; i++) {
-            const normalizedHeight = Math.abs(value.from - value.to) / (((_a2 = hints.pointsDensity) == null ? void 0 : _a2.verticalAxes) ?? 1);
-            const normalizedWidth = width / (((_b2 = hints.pointsDensity) == null ? void 0 : _b2.horizontalAxes) ?? 1);
+            const normalizedHeight = Math.abs(value.from - value.to) / (hints.pointsDensity?.verticalAxes ?? 1);
+            const normalizedWidth = width / (hints.pointsDensity?.horizontalAxes ?? 1);
             const tang = normalizedHeight / normalizedWidth;
             const trendStrength = trendStrengths[i];
             if (tang <= config.trendTangens[trendStrength] || i === trendStrengths.length - 1) {
@@ -169,8 +167,8 @@ const extractDataInsights = (data, hints, config) => {
             i = Math.min(i, data.length - 1);
             const fromKey2 = data[lastSwitch][labelsKey];
             const toKey2 = data[i][labelsKey];
-            const from2 = ((_f = (_e = hints.titles).getHorizontalAxesTitle) == null ? void 0 : _f.call(_e, fromKey2)) ?? hints.titles.horizontalAxes[fromKey2] ?? fromKey2;
-            const to2 = ((_h = (_g = hints.titles).getHorizontalAxesTitle) == null ? void 0 : _h.call(_g, toKey2)) ?? hints.titles.horizontalAxes[toKey2] ?? toKey2;
+            const from2 = hints.titles.getHorizontalAxesTitle?.(fromKey2) ?? hints.titles.horizontalAxes[fromKey2] ?? fromKey2;
+            const to2 = hints.titles.getHorizontalAxesTitle?.(toKey2) ?? hints.titles.horizontalAxes[toKey2] ?? toKey2;
             localTrends.push(recordTrend({
               type: "trend",
               value: {
@@ -284,7 +282,7 @@ const extractDataInsights = (data, hints, config) => {
             for (const yNeighbour of [y - 1, y, y + 1]) {
               if (xNeighbour === void 0 || yNeighbour === void 0) continue;
               if (xNeighbour === x && yNeighbour === y) continue;
-              if (!((_i = grid[xNeighbour]) == null ? void 0 : _i[yNeighbour])) continue;
+              if (!grid[xNeighbour]?.[yNeighbour]) continue;
               pointHandled = true;
               grid[x][y].clusterId = grid[xNeighbour][yNeighbour].clusterId;
               break;
@@ -386,7 +384,8 @@ const extractDataInsights = (data, hints, config) => {
         x: 1,
         y: 1
       }], {
-        width: 1
+        width: 1,
+        height: 1
       });
       for (const clustersInsight of clustersInsights) {
         const {
@@ -430,7 +429,7 @@ const extractDataInsights = (data, hints, config) => {
         const key = allRowsIds[i];
         const groupKeyValue = getPropByPath(row, groupKeys[0]);
         groupedValues[key] = groupedValues[key] ?? {
-          groupName: ((_k = (_j = hints.titles).getHorizontalAxesTitle) == null ? void 0 : _k.call(_j, groupKeyValue)) ?? groupKeyValue,
+          groupName: hints.titles.getHorizontalAxesTitle?.(groupKeyValue) ?? groupKeyValue,
           rows: []
         };
         groupedValues[key].rows.push(row);
@@ -442,12 +441,11 @@ const extractDataInsights = (data, hints, config) => {
       }
       fields = fields.filter((key) => !grouppingKeys[key]);
       const groups = Object.entries(groupedValues).map(([groupKey, group]) => {
-        var _a2, _b2;
         const values = [];
         for (const row of group.rows) {
           for (const field of fields) {
             values.push({
-              label: hints.titles.valuesAxes[field] ?? ((_b2 = (_a2 = hints.titles).getVerticalAxesTitle) == null ? void 0 : _b2.call(_a2, field)) ?? field,
+              label: hints.titles.valuesAxes[field] ?? hints.titles.getVerticalAxesTitle?.(field) ?? field,
               value: getPropByPath(row, field)
             });
           }
@@ -483,13 +481,10 @@ const extractDataInsights = (data, hints, config) => {
     if (fields.length === 0) {
       fields.push(...Object.keys(keysMap));
     }
-    const values = fields.map((field) => {
-      var _a2, _b2;
-      return {
-        label: hints.titles.valuesAxes[field] ?? ((_b2 = (_a2 = hints.titles).getValueAxesTitle) == null ? void 0 : _b2.call(_a2, field)) ?? field,
-        value: getPropByPath(data, field)
-      };
-    });
+    const values = fields.map((field) => ({
+      label: hints.titles.valuesAxes[field] ?? hints.titles.getValueAxesTitle?.(field) ?? field,
+      value: getPropByPath(data, field)
+    }));
     entitiesCount = values.length;
     values.sort((a, b) => {
       if (typeof a.value !== "number" || typeof b.value !== "number") return 0;

package/lib/esm/a11y/intl.mjs

@@ -1,4 +1,4 @@
-import { createIntl, createIntlCache } from "@formatjs/intl";
+import { createIntlCache, createIntl } from "@formatjs/intl";
 import { normalizeLocale } from "./locale.mjs";
 const messagesCache = createIntlCache();
 const intlCache = {};

package/lib/esm/a11y/locale.mjs

@@ -1,10 +1,9 @@
 const normalizeLocale = (providedLocale, translations = {}) => {
-  var _a;
   const translationNames = {};
   for (const locale2 in translations) {
     translationNames[locale2.toLowerCase()] = locale2;
   }
-  providedLocale = providedLocale ?? isAvailableLocale((_a = globalThis == null ? void 0 : globalThis.navigator) == null ? void 0 : _a.language, translations) ?? "en";
+  providedLocale = providedLocale ?? isAvailableLocale(globalThis?.navigator?.language, translations) ?? "en";
   let locale = providedLocale.toLowerCase();
   if (locale.includes("-") && !translations[locale]) {
     const [localeBase] = locale.split("-");