@dynatrace/strato-components 3.7.1 → 3.8.0

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.css

@@ -1,9 +1,9 @@
-._1xw2xi60-3-7-1 {
+._1xw2xi60-3-8-0 {
   align-items: center;
   display: flex;
   width: 100%;
 }
-._1xw2xi61-3-7-1 {
+._1xw2xi61-3-8-0 {
   display: block;
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
@@ -16,7 +16,7 @@
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._1xw2xi61-3-7-1:hover {
+._1xw2xi61-3-8-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.sty.js

@@ -1,6 +1,6 @@
 import "./TooltipItem.css";
-var container = "_1xw2xi61-3-7-1";
-var itemContainer = "_1xw2xi60-3-7-1";
+var container = "_1xw2xi61-3-8-0";
+var itemContainer = "_1xw2xi60-3-8-0";
 export {
   container,
   itemContainer

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.css.ts"],
-  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-7-1';\nexport var itemContainer = '_1xw2xi60-3-7-1';"],
+  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-8-0';\nexport var itemContainer = '_1xw2xi60-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css

@@ -1,4 +1,4 @@
-._1alqzxh0-3-7-1 {
+._1alqzxh0-3-8-0 {
   flex: 0 0 var(--dt-spacings-size-24, 24px);
   height: var(--dt-spacings-size-24, 24px);
   padding-right: var(--dt-spacings-size-4, 4px);

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipSymbolContent.css";
-var container = "_1alqzxh0-3-7-1";
+var container = "_1alqzxh0-3-8-0";
 export {
   container
 };

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css.ts"],
-  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-7-1';"],
+  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.css

@@ -1,8 +1,8 @@
-._1n2hhq90-3-7-1 {
+._1n2hhq90-3-8-0 {
   width: 100%;
   position: relative;
 }
-._1n2hhq91-3-7-1 {
+._1n2hhq91-3-8-0 {
   list-style: none;
   padding: 0;
   margin: 0;

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.sty.js

@@ -1,6 +1,6 @@
 import "./VirtualizedTooltipBody.css";
-var itemsList = "_1n2hhq91-3-7-1";
-var listContainer = "_1n2hhq90-3-7-1";
+var itemsList = "_1n2hhq91-3-8-0";
+var listContainer = "_1n2hhq90-3-8-0";
 export {
   itemsList,
   listContainer

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.css.ts"],
-  "sourcesContent": ["import './VirtualizedTooltipBody.css';\nexport var itemsList = '_1n2hhq91-3-7-1';\nexport var listContainer = '_1n2hhq90-3-7-1';"],
+  "sourcesContent": ["import './VirtualizedTooltipBody.css';\nexport var itemsList = '_1n2hhq91-3-8-0';\nexport var listContainer = '_1n2hhq90-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.css

@@ -1,4 +1,4 @@
-._dacoys0-3-7-1 {
+._dacoys0-3-8-0 {
   padding-right: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-6, 6px);
   border: none;
@@ -8,13 +8,13 @@
   width: 100%;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
 }
-._dacoys0-3-7-1:hover {
+._dacoys0-3-8-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-borders-radius-field-default, 6px);
   cursor: pointer;
 }
-._dacoys1-3-7-1 {
+._dacoys1-3-8-0 {
   display: grid;
   align-items: center;
   column-gap: var(--dt-spacings-size-8, 8px);
@@ -24,20 +24,20 @@
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   padding: var(--dt-spacings-size-2, 2px) 0px;
 }
-._dacoys2-3-7-1 {
+._dacoys2-3-8-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._dacoys3-3-7-1 {
+._dacoys3-3-8-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys4-3-7-1 {
+._dacoys4-3-8-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys5-3-7-1 {
+._dacoys5-3-8-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   white-space: nowrap;
   overflow: hidden;
@@ -50,20 +50,20 @@
   width: 100%;
   box-sizing: border-box;
 }
-._dacoys6-3-7-1 {
+._dacoys6-3-8-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys7-3-7-1 {
+._dacoys7-3-8-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys8-3-7-1 {
+._dacoys8-3-8-0 {
   width: 100%;
   box-sizing: border-box;
 }
-._dacoys9-3-7-1 {
+._dacoys9-3-8-0 {
   padding-left: 0;
 }
-._dacoysa-3-7-1 {
+._dacoysa-3-8-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   border-radius: var(--dt-borders-radius-field-default, 6px);

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.sty.js

@@ -1,13 +1,13 @@
 import "../../../../../../styles/textStyle.css";
 import "./SeriesBasedContent.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var detailViewContent = "_dacoys0-3-7-1";
-var detailViewItem = "_dacoys1-3-7-1";
-var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-7-1", variantClassNames: { highlighted: { true: "_dacoys6-3-7-1", false: "_dacoys7-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var multipleDimensionItem = "_dacoys8-3-7-1";
-var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-7-1", variantClassNames: { highlighted: { true: "_dacoys3-3-7-1", false: "_dacoys4-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var valueContainer = "_dacoys9-3-7-1";
-var valueItem = "_dacoysa-3-7-1 _da9a8v0-3-7-1 _da9a8v2-3-7-1 _da9a8v6-3-7-1 _da9a8ve-3-7-1";
+var detailViewContent = "_dacoys0-3-8-0";
+var detailViewItem = "_dacoys1-3-8-0";
+var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-8-0", variantClassNames: { highlighted: { true: "_dacoys6-3-8-0", false: "_dacoys7-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multipleDimensionItem = "_dacoys8-3-8-0";
+var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-8-0", variantClassNames: { highlighted: { true: "_dacoys3-3-8-0", false: "_dacoys4-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var valueContainer = "_dacoys9-3-8-0";
+var valueItem = "_dacoysa-3-8-0 _da9a8v0-3-8-0 _da9a8v2-3-8-0 _da9a8v6-3-8-0 _da9a8ve-3-8-0";
 export {
   detailViewContent,
   detailViewItem,

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/shared/styles/SeriesBasedContent.css.ts"],
-  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './SeriesBasedContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var detailViewContent = '_dacoys0-3-7-1';\nexport var detailViewItem = '_dacoys1-3-7-1';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-7-1',variantClassNames:{highlighted:{true:'_dacoys6-3-7-1',false:'_dacoys7-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-7-1';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-7-1',variantClassNames:{highlighted:{true:'_dacoys3-3-7-1',false:'_dacoys4-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-7-1';\nexport var valueItem = '_dacoysa-3-7-1 _da9a8v0-3-7-1 _da9a8v2-3-7-1 _da9a8v6-3-7-1 _da9a8ve-3-7-1';"],
+  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './SeriesBasedContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var detailViewContent = '_dacoys0-3-8-0';\nexport var detailViewItem = '_dacoys1-3-8-0';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-8-0',variantClassNames:{highlighted:{true:'_dacoys6-3-8-0',false:'_dacoys7-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-8-0';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-8-0',variantClassNames:{highlighted:{true:'_dacoys3-3-8-0',false:'_dacoys4-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-8-0';\nexport var valueItem = '_dacoysa-3-8-0 _da9a8v0-3-8-0 _da9a8v2-3-8-0 _da9a8v6-3-8-0 _da9a8ve-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjM,IAAI,wBAAwB;AAC5B,IAAI,2BAA2B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,iBAAiB;AACrB,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.css

@@ -1,4 +1,4 @@
-._1rpjobh0-3-7-1 {
+._1rpjobh0-3-8-0 {
   overflow: hidden auto;
   width: 100%;
   height: 100%;

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipBody.css";
-var container = "_1rpjobh0-3-7-1";
+var container = "_1rpjobh0-3-8-0";
 export {
   container
 };

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/shared/styles/TooltipBody.css.ts"],
-  "sourcesContent": ["import './TooltipBody.css';\nexport var container = '_1rpjobh0-3-7-1';"],
+  "sourcesContent": ["import './TooltipBody.css';\nexport var container = '_1rpjobh0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.css

@@ -1,4 +1,4 @@
-._19a28040-3-7-1 {
+._19a28040-3-8-0 {
   height: 16px;
   min-width: 45px;
   display: flex;

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.sty.js

@@ -1,5 +1,5 @@
 import "./HeaderChipAtom.css";
-var headerChipAtom = "_19a28040-3-7-1";
+var headerChipAtom = "_19a28040-3-8-0";
 export {
   headerChipAtom
 };

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.css.ts"],
-  "sourcesContent": ["import './HeaderChipAtom.css';\nexport var headerChipAtom = '_19a28040-3-7-1';"],
+  "sourcesContent": ["import './HeaderChipAtom.css';\nexport var headerChipAtom = '_19a28040-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/tooltip-atoms/components/styles.css

@@ -1,4 +1,4 @@
-._1b8jnp60-3-7-1 {
+._1b8jnp60-3-8-0 {
   width: 100%;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -6,7 +6,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1b8jnp61-3-7-1 {
+._1b8jnp61-3-8-0 {
   height: 16px;
   min-width: 45px;
   display: flex;
@@ -20,7 +20,7 @@
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1b8jnp62-3-7-1 {
+._1b8jnp62-3-8-0 {
   width: 100%;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -28,7 +28,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1b8jnp63-3-7-1 {
+._1b8jnp63-3-8-0 {
   height: 24px;
   width: 24px;
   display: flex;

package/esm/charts/core/components/tooltip-atoms/components/styles.sty.js

@@ -1,8 +1,8 @@
 import "./styles.css";
-var chipAtom = "_1b8jnp61-3-7-1";
-var primaryInfo = "_1b8jnp62-3-7-1";
-var secondaryInfo = "_1b8jnp60-3-7-1";
-var symbolAtom = "_1b8jnp63-3-7-1";
+var chipAtom = "_1b8jnp61-3-8-0";
+var primaryInfo = "_1b8jnp62-3-8-0";
+var secondaryInfo = "_1b8jnp60-3-8-0";
+var symbolAtom = "_1b8jnp63-3-8-0";
 export {
   chipAtom,
   primaryInfo,

package/esm/charts/core/components/tooltip-atoms/components/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/tooltip-atoms/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-7-1';\nexport var primaryInfo = '_1b8jnp62-3-7-1';\nexport var secondaryInfo = '_1b8jnp60-3-7-1';\nexport var symbolAtom = '_1b8jnp63-3-7-1';"],
+  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-8-0';\nexport var primaryInfo = '_1b8jnp62-3-8-0';\nexport var secondaryInfo = '_1b8jnp60-3-8-0';\nexport var symbolAtom = '_1b8jnp63-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/zoom/ZoomCursors.css

@@ -1,8 +1,8 @@
-._1idfwsm0-3-7-1 {
+._1idfwsm0-3-8-0 {
   cursor: ew-resize;
   user-select: none;
   touch-action: pan-y;
 }
-._1idfwsm1-3-7-1 {
+._1idfwsm1-3-8-0 {
   cursor: default;
 }

package/esm/charts/core/components/zoom/ZoomCursors.sty.js

@@ -1,8 +1,8 @@
 import "./ZoomCursors.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-7-1", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-7-1", false: "_1idfwsm1-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var defaultCursor = "_1idfwsm1-3-7-1";
-var resizeCursor = "_1idfwsm0-3-7-1";
+var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-8-0", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-8-0", false: "_1idfwsm1-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var defaultCursor = "_1idfwsm1-3-8-0";
+var resizeCursor = "_1idfwsm0-3-8-0";
 export {
   cursorStyle,
   defaultCursor,

package/esm/charts/core/components/zoom/ZoomCursors.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/zoom/ZoomCursors.css.ts"],
-  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-7-1',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-7-1',false:'_1idfwsm1-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-7-1';\nexport var resizeCursor = '_1idfwsm0-3-7-1';"],
+  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-8-0',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-8-0',false:'_1idfwsm1-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-8-0';\nexport var resizeCursor = '_1idfwsm0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtL,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/constants.js

@@ -58,7 +58,9 @@ const ORIENTATION = {
 const DEFAULT_CUSTOM_TOOLTIP_CONFIG = {
   hidden: false
 };
+const AUTO_TEXT_SIZE_PRESETS = [18, 16, 14, 12];
 export {
+  AUTO_TEXT_SIZE_PRESETS,
   CATEGORICAL_BARS_INNER_PADDING,
   CATEGORICAL_BARS_OUTER_PADDING,
   CSS_DOWNLOAD_FILENAME,

package/esm/charts/core/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/core/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { MappedObject } from './types/helpers/mapped-object.js';\nimport type { LegendPosition } from './types/legend.js';\nimport type { ValueRepresentation } from './types/scales.js';\nimport type { ChartTooltipConfig } from './types/tooltip.js';\nimport type { Orientation } from '../../core/types/orientation.js';\nimport type { TruncationMode } from '../../typography/text-ellipsis/TextEllipsis.js';\n\n/**\n * @internal\n */\nexport const SCALE_FALLBACK_COLOR = Colors.Background.Container.Neutral.Accent;\n\n/** @internal */\nexport const SIXTY_FPS = 1000 / 60; // in ms\n\n/**\n * @internal\n */\nexport const DEFAULT_DATA_POINT_RADIUS = 3;\n\n/**\n * Colors\n * @internal\n */\nexport const DEFAULT_FILL_OPACITY = 0.8;\n\n/**\n * Highlighted\n * @internal\n */\nexport const DEFAULT_HIGHLIGHTED_OPACITY = 0.7;\n\n/**\n * An inactive fill is applied to every shape that is not\n * being hovered from the legend.\n * @internal\n */\nexport const DEFAULT_INACTIVE_FILL_OPACITY = 0.1;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAR_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_AREA_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_LINE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART_LABEL = 0.2;\n\n/**\n * Default opacity to be used for band chart.\n * It applies for both stroke and fill color.\n * @internal\n */\nexport const DEFAULT_OPACITY_BAND_CHART = 0.5;\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAND_CHART = 0.15;\n/**\n Stroke only has another value to differentiate it from line charts\n * @internal\n*/\nexport const STROKE_ONLY_OPACITY_BAND_CHART = 0.8;\n/**\n * @internal\n */\nexport const INACTIVE_STROKE_ONLY_OPACITY_BAND_CHART = 0.15;\n/**\n * Width in px applied to the stroke style\n * @internal\n */\nexport const DEFAULT_STROKE_WIDTH_BAND_CHART = 1;\n/**\n * @internal\n */\nexport const defaultRatio = 'auto';\n\n/**\n * @public\n */\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\n/**\n * @internal\n */\nexport const DEFAULT_VALUE_REPRESENTATION: ValueRepresentation = 'absolute';\n\n/**\n * Default value accessor field name used when extracting values from objects\n * @internal\n */\nexport const DEFAULT_VALUE_ACCESSOR = 'value';\n\n/**\n * @internal\n */\nexport const DEFAULT_SERIES_CURVE_SHAPE = 'linear';\n\n/**\n * @internal\n */\nexport const DEFAULT_INFINITE_ZOOM = false;\n\n/**\n * @internal\n */\nexport const DEFAULT_SELECT_ENABLED = false;\n\n/**\n * Chart layout padding\n * @internal\n */\nexport const LAYOUT_PADDING = 8;\n\n/**\n * Inner padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_INNER_PADDING = 0.25;\n\n/**\n * Outer padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_OUTER_PADDING = 0.15;\n\n/**\n * @public\n */\nexport const CSS_DOWNLOAD_FILENAME = 'data.csv';\n\n/**\n * @internal\n */\nexport const LEGEND_POSITION = Object.freeze<MappedObject<LegendPosition>>({\n  Auto: 'auto',\n  Bottom: 'bottom',\n  Right: 'right',\n});\n\n/**\n * @internal\n */\nexport const TRUNCATION_MODE = Object.freeze<MappedObject<TruncationMode>>({\n  End: 'end',\n  Middle: 'middle',\n  Start: 'start',\n});\n\n/**\n * Grail limits\n * @internal\n */\nexport const GRAIL_MIN_DOMAIN = new Date('1677-09-21T00:12:43.145224192Z');\n/**\n * @internal\n */\nexport const GRAIL_MAX_DOMAIN = new Date('2262-04-11T23:47:16.854775807Z');\n/**\n * @internal\n */\nexport const SWIPE_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const PINCH_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const RIGHT_BUTTON_ID = 2;\n\nexport const MIDDLE_BUTTON_ID = 4;\n\nexport const ChartOverlaysElevation = {\n  crosshair: 1,\n  dataPoints: 2,\n  brush: 3,\n  toolbar: 4,\n};\n\n/**\n * @internal\n */\nexport const FONT_BASE = 10;\n\n/**\n * @internal\n */\nexport const SUFFIX_RATIO = 0.66;\n\nexport const LOADING_STATE_OPACITY = 40;\n\nexport const ORIENTATION: MappedObject<Orientation> = {\n  Horizontal: 'horizontal',\n  Vertical: 'vertical',\n};\n\n/**\n * @internal\n */\nexport const DEFAULT_CUSTOM_TOOLTIP_CONFIG: ChartTooltipConfig = {\n  hidden: false,\n};\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAYZ,MAAM,uBAAuB,OAAO,WAAW,UAAU,QAAQ;AAGjE,MAAM,YAAY,MAAO;AAKzB,MAAM,4BAA4B;AAMlC,MAAM,uBAAuB;AAM7B,MAAM,8BAA8B;AAOpC,MAAM,gCAAgC;AAKtC,MAAM,kCAAkC;AAKxC,MAAM,mCAAmC;AAKzC,MAAM,mCAAmC;AAKzC,MAAM,kCAAkC;AAKxC,MAAM,wCAAwC;AAO9C,MAAM,6BAA6B;AAInC,MAAM,mCAAmC;AAKzC,MAAM,iCAAiC;AAIvC,MAAM,0CAA0C;AAKhD,MAAM,kCAAkC;AAIxC,MAAM,eAAe;AAKrB,MAAM,0BAA0B;AAIhC,MAAM,+BAAoD;AAM1D,MAAM,yBAAyB;AAK/B,MAAM,6BAA6B;AAKnC,MAAM,wBAAwB;AAK9B,MAAM,yBAAyB;AAM/B,MAAM,iBAAiB;AAMvB,MAAM,iCAAiC;AAMvC,MAAM,iCAAiC;AAKvC,MAAM,wBAAwB;AAK9B,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAKM,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAMM,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,2BAA2B;AAIjC,MAAM,2BAA2B;AAIjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AACX;AAKO,MAAM,YAAY;AAKlB,MAAM,eAAe;AAErB,MAAM,wBAAwB;AAE9B,MAAM,cAAyC;AAAA,EACpD,YAAY;AAAA,EACZ,UAAU;AACZ;AAKO,MAAM,gCAAoD;AAAA,EAC/D,QAAQ;AACV;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { MappedObject } from './types/helpers/mapped-object.js';\nimport type { LegendPosition } from './types/legend.js';\nimport type { ValueRepresentation } from './types/scales.js';\nimport type { ChartTooltipConfig } from './types/tooltip.js';\nimport type { Orientation } from '../../core/types/orientation.js';\nimport type { TruncationMode } from '../../typography/text-ellipsis/TextEllipsis.js';\n\n/**\n * @internal\n */\nexport const SCALE_FALLBACK_COLOR = Colors.Background.Container.Neutral.Accent;\n\n/** @internal */\nexport const SIXTY_FPS = 1000 / 60; // in ms\n\n/**\n * @internal\n */\nexport const DEFAULT_DATA_POINT_RADIUS = 3;\n\n/**\n * Colors\n * @internal\n */\nexport const DEFAULT_FILL_OPACITY = 0.8;\n\n/**\n * Highlighted\n * @internal\n */\nexport const DEFAULT_HIGHLIGHTED_OPACITY = 0.7;\n\n/**\n * An inactive fill is applied to every shape that is not\n * being hovered from the legend.\n * @internal\n */\nexport const DEFAULT_INACTIVE_FILL_OPACITY = 0.1;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAR_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_AREA_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_LINE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART_LABEL = 0.2;\n\n/**\n * Default opacity to be used for band chart.\n * It applies for both stroke and fill color.\n * @internal\n */\nexport const DEFAULT_OPACITY_BAND_CHART = 0.5;\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAND_CHART = 0.15;\n/**\n Stroke only has another value to differentiate it from line charts\n * @internal\n*/\nexport const STROKE_ONLY_OPACITY_BAND_CHART = 0.8;\n/**\n * @internal\n */\nexport const INACTIVE_STROKE_ONLY_OPACITY_BAND_CHART = 0.15;\n/**\n * Width in px applied to the stroke style\n * @internal\n */\nexport const DEFAULT_STROKE_WIDTH_BAND_CHART = 1;\n/**\n * @internal\n */\nexport const defaultRatio = 'auto';\n\n/**\n * @public\n */\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\n/**\n * @internal\n */\nexport const DEFAULT_VALUE_REPRESENTATION: ValueRepresentation = 'absolute';\n\n/**\n * Default value accessor field name used when extracting values from objects\n * @internal\n */\nexport const DEFAULT_VALUE_ACCESSOR = 'value';\n\n/**\n * @internal\n */\nexport const DEFAULT_SERIES_CURVE_SHAPE = 'linear';\n\n/**\n * @internal\n */\nexport const DEFAULT_INFINITE_ZOOM = false;\n\n/**\n * @internal\n */\nexport const DEFAULT_SELECT_ENABLED = false;\n\n/**\n * Chart layout padding\n * @internal\n */\nexport const LAYOUT_PADDING = 8;\n\n/**\n * Inner padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_INNER_PADDING = 0.25;\n\n/**\n * Outer padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_OUTER_PADDING = 0.15;\n\n/**\n * @public\n */\nexport const CSS_DOWNLOAD_FILENAME = 'data.csv';\n\n/**\n * @internal\n */\nexport const LEGEND_POSITION = Object.freeze<MappedObject<LegendPosition>>({\n  Auto: 'auto',\n  Bottom: 'bottom',\n  Right: 'right',\n});\n\n/**\n * @internal\n */\nexport const TRUNCATION_MODE = Object.freeze<MappedObject<TruncationMode>>({\n  End: 'end',\n  Middle: 'middle',\n  Start: 'start',\n});\n\n/**\n * Grail limits\n * @internal\n */\nexport const GRAIL_MIN_DOMAIN = new Date('1677-09-21T00:12:43.145224192Z');\n/**\n * @internal\n */\nexport const GRAIL_MAX_DOMAIN = new Date('2262-04-11T23:47:16.854775807Z');\n/**\n * @internal\n */\nexport const SWIPE_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const PINCH_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const RIGHT_BUTTON_ID = 2;\n\nexport const MIDDLE_BUTTON_ID = 4;\n\nexport const ChartOverlaysElevation = {\n  crosshair: 1,\n  dataPoints: 2,\n  brush: 3,\n  toolbar: 4,\n};\n\n/**\n * @internal\n */\nexport const FONT_BASE = 10;\n\n/**\n * @internal\n */\nexport const SUFFIX_RATIO = 0.66;\n\nexport const LOADING_STATE_OPACITY = 40;\n\nexport const ORIENTATION: MappedObject<Orientation> = {\n  Horizontal: 'horizontal',\n  Vertical: 'vertical',\n};\n\n/**\n * @internal\n */\nexport const DEFAULT_CUSTOM_TOOLTIP_CONFIG: ChartTooltipConfig = {\n  hidden: false,\n};\n\n/**\n * Preset font sizes used by `'auto'` text-size resolution in charts that\n * support fixed/auto text sizing (TreeMap, Honeycomb, ...). Iterated in\n * descending order to pick the largest size that fits.\n * @internal\n */\nexport const AUTO_TEXT_SIZE_PRESETS = [18, 16, 14, 12];\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAYZ,MAAM,uBAAuB,OAAO,WAAW,UAAU,QAAQ;AAGjE,MAAM,YAAY,MAAO;AAKzB,MAAM,4BAA4B;AAMlC,MAAM,uBAAuB;AAM7B,MAAM,8BAA8B;AAOpC,MAAM,gCAAgC;AAKtC,MAAM,kCAAkC;AAKxC,MAAM,mCAAmC;AAKzC,MAAM,mCAAmC;AAKzC,MAAM,kCAAkC;AAKxC,MAAM,wCAAwC;AAO9C,MAAM,6BAA6B;AAInC,MAAM,mCAAmC;AAKzC,MAAM,iCAAiC;AAIvC,MAAM,0CAA0C;AAKhD,MAAM,kCAAkC;AAIxC,MAAM,eAAe;AAKrB,MAAM,0BAA0B;AAIhC,MAAM,+BAAoD;AAM1D,MAAM,yBAAyB;AAK/B,MAAM,6BAA6B;AAKnC,MAAM,wBAAwB;AAK9B,MAAM,yBAAyB;AAM/B,MAAM,iBAAiB;AAMvB,MAAM,iCAAiC;AAMvC,MAAM,iCAAiC;AAKvC,MAAM,wBAAwB;AAK9B,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAKM,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAMM,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,2BAA2B;AAIjC,MAAM,2BAA2B;AAIjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AACX;AAKO,MAAM,YAAY;AAKlB,MAAM,eAAe;AAErB,MAAM,wBAAwB;AAE9B,MAAM,cAAyC;AAAA,EACpD,YAAY;AAAA,EACZ,UAAU;AACZ;AAKO,MAAM,gCAAoD;AAAA,EAC/D,QAAQ;AACV;AAQO,MAAM,yBAAyB,CAAC,IAAI,IAAI,IAAI,EAAE;",
   "names": []
 }

package/esm/charts/core/hooks/useOverlayEventHandlers.js

@@ -1,38 +1,58 @@
+import { isOwnEvent } from "../components/interactions-overlay/utils/is-own-event.js";
 import { useTooltip } from "../components/overlay-tooltip/contexts/TooltipContext.js";
 import { useTooltipActions } from "../components/overlay-tooltip/useTooltipActions.js";
-const useOverlayEventHandlers = (overlay, options) => {
-  const overlayRef = overlay.overlayRef;
+const useOverlayEventHandlers = (options) => {
   const tooltipStore = useTooltip();
   const { hover, pin, unpin, outOfBounds } = useTooltipActions();
-  const { onToolbarVisibilityChange, getTooltipData } = options;
-  const handlePointerEnter = () => {
-    onToolbarVisibilityChange(true);
-  };
-  const handlePointerMove = (event) => {
-    if (!overlayRef.current || tooltipStore.getState().pinned || event.target !== overlayRef.current) {
+  const { getTooltipData } = options;
+  const onPointerMove = (event) => {
+    if (!isOwnEvent(event) || tooltipStore.getState().pinned) {
       return;
     }
-    const tooltipData = getTooltipData(event);
+    const tooltipData = getTooltipData(event.nativeEvent);
     if (tooltipData) {
       hover(event.nativeEvent, tooltipData);
     } else {
       outOfBounds();
     }
   };
-  const handlePointerLeave = () => {
-    onToolbarVisibilityChange(false);
+  const onPointerLeave = () => {
     outOfBounds();
   };
-  const handleMouseClick = (event) => {
-    event.stopPropagation();
-    if (!overlayRef.current || event.target !== overlayRef.current) {
+  const onTouchEnd = (event) => {
+    if (!isOwnEvent(event)) {
+      return;
+    }
+    if (event.cancelable) {
+      event.preventDefault();
+    }
+    const touch = event.changedTouches[0];
+    if (!touch) {
+      return;
+    }
+    const tooltipData = getTooltipData({
+      clientX: touch.clientX,
+      clientY: touch.clientY
+    });
+    const isPinned = tooltipStore.getState().pinned;
+    if (isPinned) {
+      if (tooltipData) {
+        unpin();
+        hover(touch, tooltipData);
+      }
+    } else if (tooltipData) {
+      pin(touch, tooltipData);
+    }
+  };
+  const onClick = (event) => {
+    if (!isOwnEvent(event)) {
       return;
     }
-    const tooltipData = getTooltipData(event);
+    const tooltipData = getTooltipData(event.nativeEvent);
     const isPinned = tooltipStore.getState().pinned;
     if (isPinned) {
-      unpin();
       if (tooltipData) {
+        unpin();
         hover(event.nativeEvent, tooltipData);
       }
     } else if (tooltipData) {
@@ -40,10 +60,10 @@ const useOverlayEventHandlers = (overlay, options) => {
     }
   };
   return {
-    handlePointerEnter,
-    handlePointerMove,
-    handlePointerLeave,
-    handleMouseClick
+    onPointerMove,
+    onPointerLeave,
+    onTouchEnd,
+    onClick
   };
 };
 export {

package/esm/charts/core/hooks/useOverlayEventHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useOverlayEventHandlers.ts"],
-  "sourcesContent": ["import { type MouseEvent } from 'react';\n\nimport { useTooltip } from '../components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data, Overlay } from '../components/overlay-tooltip/types.js';\nimport { useTooltipActions } from '../components/overlay-tooltip/useTooltipActions.js';\n\ntype Options = {\n  onToolbarVisibilityChange: (visible: boolean) => void;\n  getTooltipData: (event: MouseEvent<HTMLDivElement>) => Data | undefined;\n};\n\nexport const useOverlayEventHandlers = (overlay: Overlay, options: Options) => {\n  const overlayRef = overlay.overlayRef;\n  const tooltipStore = useTooltip();\n  const { hover, pin, unpin, outOfBounds } = useTooltipActions();\n  const { onToolbarVisibilityChange, getTooltipData } = options;\n\n  const handlePointerEnter = () => {\n    onToolbarVisibilityChange(true);\n  };\n\n  const handlePointerMove = (event: MouseEvent<HTMLDivElement>) => {\n    if (\n      !overlayRef.current ||\n      tooltipStore.getState().pinned ||\n      event.target !== overlayRef.current\n    ) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event);\n    if (tooltipData) {\n      hover(event.nativeEvent, tooltipData);\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const handlePointerLeave = () => {\n    onToolbarVisibilityChange(false);\n    outOfBounds();\n  };\n\n  const handleMouseClick = (event: MouseEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n\n    if (!overlayRef.current || event.target !== overlayRef.current) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event);\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (isPinned) {\n      unpin();\n      if (tooltipData) {\n        hover(event.nativeEvent, tooltipData);\n      }\n    } else if (tooltipData) {\n      pin(event.nativeEvent, tooltipData);\n    }\n  };\n\n  return {\n    handlePointerEnter,\n    handlePointerMove,\n    handlePointerLeave,\n    handleMouseClick,\n  };\n};\n"],
-  "mappings": "AAEA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAO3B,MAAM,0BAA0B,CAAC,SAAkB,YAAqB;AAC7E,QAAM,aAAa,QAAQ;AAC3B,QAAM,eAAe,WAAW;AAChC,QAAM,EAAE,OAAO,KAAK,OAAO,YAAY,IAAI,kBAAkB;AAC7D,QAAM,EAAE,2BAA2B,eAAe,IAAI;AAEtD,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,IAAI;AAAA,EAChC;AAEA,QAAM,oBAAoB,CAAC,UAAsC;AAC/D,QACE,CAAC,WAAW,WACZ,aAAa,SAAS,EAAE,UACxB,MAAM,WAAW,WAAW,SAC5B;AACA;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,KAAK;AACxC,QAAI,aAAa;AACf,YAAM,MAAM,aAAa,WAAW;AAAA,IACtC,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,KAAK;AAC/B,gBAAY;AAAA,EACd;AAEA,QAAM,mBAAmB,CAAC,UAAsC;AAC9D,UAAM,gBAAgB;AAEtB,QAAI,CAAC,WAAW,WAAW,MAAM,WAAW,WAAW,SAAS;AAC9D;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,KAAK;AACxC,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,UAAU;AACZ,YAAM;AACN,UAAI,aAAa;AACf,cAAM,MAAM,aAAa,WAAW;AAAA,MACtC;AAAA,IACF,WAAW,aAAa;AACtB,UAAI,MAAM,aAAa,WAAW;AAAA,IACpC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  type MouseEvent as ReactMouseEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport { isOwnEvent } from '../components/interactions-overlay/utils/is-own-event.js';\nimport { useTooltip } from '../components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data } from '../components/overlay-tooltip/types.js';\nimport type { EventCoords } from '../components/overlay-tooltip/useTooltipActions.js';\nimport { useTooltipActions } from '../components/overlay-tooltip/useTooltipActions.js';\n\nexport type Options = {\n  getTooltipData: (coords: EventCoords) => Data | undefined;\n};\n\nexport const useOverlayEventHandlers = (options: Options) => {\n  const tooltipStore = useTooltip();\n  const { hover, pin, unpin, outOfBounds } = useTooltipActions();\n  const { getTooltipData } = options;\n\n  const onPointerMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    if (!isOwnEvent(event) || tooltipStore.getState().pinned) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event.nativeEvent);\n    if (tooltipData) {\n      hover(event.nativeEvent, tooltipData);\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const onPointerLeave = () => {\n    outOfBounds();\n  };\n\n  // Handles tooltip pin/unpin on touch. Fires before pointerleave/outOfBounds so the\n  // pinned state survives the SET_OUT_BOUNDS action (which no-ops when pinned=true).\n  // Calling preventDefault() suppresses the subsequent synthetic click event so the\n  // desktop onClick path does not double-fire.\n  const onTouchEnd = (event: ReactTouchEvent<HTMLDivElement>) => {\n    if (!isOwnEvent(event)) {\n      return;\n    }\n\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n\n    const touch = event.changedTouches[0];\n    if (!touch) {\n      return;\n    }\n\n    const tooltipData = getTooltipData({\n      clientX: touch.clientX,\n      clientY: touch.clientY,\n    });\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (isPinned) {\n      if (tooltipData) {\n        unpin();\n        hover(touch, tooltipData);\n      }\n    } else if (tooltipData) {\n      pin(touch, tooltipData);\n    }\n  };\n\n  const onClick = (event: ReactMouseEvent<HTMLDivElement>) => {\n    if (!isOwnEvent(event)) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event.nativeEvent);\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (isPinned) {\n      if (tooltipData) {\n        unpin();\n        hover(event.nativeEvent, tooltipData);\n      }\n    } else if (tooltipData) {\n      pin(event.nativeEvent, tooltipData);\n    }\n  };\n\n  return {\n    onPointerMove,\n    onPointerLeave,\n    onTouchEnd,\n    onClick,\n  };\n};\n"],
+  "mappings": "AAKA,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAG3B,SAAS,yBAAyB;AAM3B,MAAM,0BAA0B,CAAC,YAAqB;AAC3D,QAAM,eAAe,WAAW;AAChC,QAAM,EAAE,OAAO,KAAK,OAAO,YAAY,IAAI,kBAAkB;AAC7D,QAAM,EAAE,eAAe,IAAI;AAE3B,QAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAI,CAAC,WAAW,KAAK,KAAK,aAAa,SAAS,EAAE,QAAQ;AACxD;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,MAAM,WAAW;AACpD,QAAI,aAAa;AACf,YAAM,MAAM,aAAa,WAAW;AAAA,IACtC,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AAAA,EACd;AAMA,QAAM,aAAa,CAAC,UAA2C;AAC7D,QAAI,CAAC,WAAW,KAAK,GAAG;AACtB;AAAA,IACF;AAEA,QAAI,MAAM,YAAY;AACpB,YAAM,eAAe;AAAA,IACvB;AAEA,UAAM,QAAQ,MAAM,eAAe,CAAC;AACpC,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,UAAM,cAAc,eAAe;AAAA,MACjC,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,UAAU;AACZ,UAAI,aAAa;AACf,cAAM;AACN,cAAM,OAAO,WAAW;AAAA,MAC1B;AAAA,IACF,WAAW,aAAa;AACtB,UAAI,OAAO,WAAW;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,UAA2C;AAC1D,QAAI,CAAC,WAAW,KAAK,GAAG;AACtB;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,MAAM,WAAW;AACpD,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,UAAU;AACZ,UAAI,aAAa;AACf,cAAM;AACN,cAAM,MAAM,aAAa,WAAW;AAAA,MACtC;AAAA,IACF,WAAW,aAAa;AACtB,UAAI,MAAM,aAAa,WAAW;AAAA,IACpC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/hooks/usePointerAndScrollResponsiveChartBounds.js

@@ -16,7 +16,7 @@ const usePointerAndScrollResponsiveChartBounds = (chartRef, enabled) => {
   );
   const throttledMoveUpdate = useMemo(
     () => throttleRaf((event) => {
-      if (!event.pressure || chartRef?.current?.contains(event.target)) {
+      if (!event.pressure && event.pointerType !== "touch" || chartRef?.current?.contains(event.target)) {
         return;
       }
       setGetChartBounds(getBoundingClientRect);

package/esm/charts/core/hooks/usePointerAndScrollResponsiveChartBounds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/usePointerAndScrollResponsiveChartBounds.ts"],
-  "sourcesContent": ["import { type RefObject, useEffect, useMemo, useState } from 'react';\n\nimport { useThrottledCallbackOnScroll } from './useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const usePointerAndScrollResponsiveChartBounds = (\n  chartRef: RefObject<HTMLElement | null> | undefined,\n  enabled: boolean,\n): (() => DOMRect | undefined) => {\n  const getBoundingClientRect = () => () =>\n    chartRef?.current?.getBoundingClientRect();\n  const [getChartBounds, setGetChartBounds] = useState<\n    () => DOMRect | undefined\n  >(getBoundingClientRect);\n\n  useThrottledCallbackOnScroll(!enabled, () => {\n    setGetChartBounds(getBoundingClientRect);\n  });\n  const throttledPointerUpdate = useMemo(\n    () =>\n      throttleRaf(() => {\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const throttledMoveUpdate = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (\n          !event.pressure ||\n          chartRef?.current?.contains(event.target as Node)\n        ) {\n          return;\n        }\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    window.addEventListener('pointermove', throttledMoveUpdate);\n    window.addEventListener('pointerup', throttledPointerUpdate);\n    return () => {\n      window.removeEventListener('pointermove', throttledMoveUpdate);\n      window.removeEventListener('pointerup', throttledPointerUpdate);\n    };\n  }, [throttledMoveUpdate, throttledPointerUpdate]);\n\n  return getChartBounds;\n};\n"],
-  "mappings": "AAAA,SAAyB,WAAW,SAAS,gBAAgB;AAE7D,SAAS,oCAAoC;AAC7C,SAAS,mBAAmB;AAErB,MAAM,2CAA2C,CACtD,UACA,YACgC;AAChC,QAAM,wBAAwB,MAAM,MAClC,UAAU,SAAS,sBAAsB;AAC3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,qBAAqB;AAEvB,+BAA6B,CAAC,SAAS,MAAM;AAC3C,sBAAkB,qBAAqB;AAAA,EACzC,CAAC;AACD,QAAM,yBAAyB;AAAA,IAC7B,MACE,YAAY,MAAM;AAChB,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB;AAAA,IAC1B,MACE,YAAY,CAAC,UAAwB;AACnC,UACE,CAAC,MAAM,YACP,UAAU,SAAS,SAAS,MAAM,MAAc,GAChD;AACA;AAAA,MACF;AACA,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,aAAa,sBAAsB;AAC3D,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,aAAa,sBAAsB;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,qBAAqB,sBAAsB,CAAC;AAEhD,SAAO;AACT;",
+  "sourcesContent": ["import { type RefObject, useEffect, useMemo, useState } from 'react';\n\nimport { useThrottledCallbackOnScroll } from './useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const usePointerAndScrollResponsiveChartBounds = (\n  chartRef: RefObject<HTMLElement | null> | undefined,\n  enabled: boolean,\n): (() => DOMRect | undefined) => {\n  const getBoundingClientRect = () => () =>\n    chartRef?.current?.getBoundingClientRect();\n  const [getChartBounds, setGetChartBounds] = useState<\n    () => DOMRect | undefined\n  >(getBoundingClientRect);\n\n  useThrottledCallbackOnScroll(!enabled, () => {\n    setGetChartBounds(getBoundingClientRect);\n  });\n  const throttledPointerUpdate = useMemo(\n    () =>\n      throttleRaf(() => {\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const throttledMoveUpdate = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (\n          (!event.pressure && event.pointerType !== 'touch') ||\n          chartRef?.current?.contains(event.target as Node)\n        ) {\n          return;\n        }\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    window.addEventListener('pointermove', throttledMoveUpdate);\n    window.addEventListener('pointerup', throttledPointerUpdate);\n    return () => {\n      window.removeEventListener('pointermove', throttledMoveUpdate);\n      window.removeEventListener('pointerup', throttledPointerUpdate);\n    };\n  }, [throttledMoveUpdate, throttledPointerUpdate]);\n\n  return getChartBounds;\n};\n"],
+  "mappings": "AAAA,SAAyB,WAAW,SAAS,gBAAgB;AAE7D,SAAS,oCAAoC;AAC7C,SAAS,mBAAmB;AAErB,MAAM,2CAA2C,CACtD,UACA,YACgC;AAChC,QAAM,wBAAwB,MAAM,MAClC,UAAU,SAAS,sBAAsB;AAC3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,qBAAqB;AAEvB,+BAA6B,CAAC,SAAS,MAAM;AAC3C,sBAAkB,qBAAqB;AAAA,EACzC,CAAC;AACD,QAAM,yBAAyB;AAAA,IAC7B,MACE,YAAY,MAAM;AAChB,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB;AAAA,IAC1B,MACE,YAAY,CAAC,UAAwB;AACnC,UACG,CAAC,MAAM,YAAY,MAAM,gBAAgB,WAC1C,UAAU,SAAS,SAAS,MAAM,MAAc,GAChD;AACA;AAAA,MACF;AACA,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,aAAa,sBAAsB;AAC3D,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,aAAa,sBAAsB;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,qBAAqB,sBAAsB,CAAC;AAEhD,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/hooks/useThrottledCallbackOnScroll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useThrottledCallbackOnScroll.ts"],
-  "sourcesContent": ["import { useEffect, useMemo } from 'react';\n\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const useThrottledCallbackOnScroll = (\n  disabled: boolean,\n  callback: () => void,\n): void => {\n  const throttledCallback = useMemo(\n    () => throttleRaf(callback),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    document.body.addEventListener('scroll', throttledCallback, true);\n    return () => {\n      document.body.removeEventListener('scroll', throttledCallback, true);\n    };\n  }, [disabled, throttledCallback]);\n};\n"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\n\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const useThrottledCallbackOnScroll = (\n  disabled: boolean,\n  callback: (event: Event) => void,\n): void => {\n  const throttledCallback = useMemo(\n    () => throttleRaf(callback),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    document.body.addEventListener('scroll', throttledCallback, true);\n    return () => {\n      document.body.removeEventListener('scroll', throttledCallback, true);\n    };\n  }, [disabled, throttledCallback]);\n};\n"],
   "mappings": "AAAA,SAAS,WAAW,eAAe;AAEnC,SAAS,mBAAmB;AAErB,MAAM,+BAA+B,CAC1C,UACA,aACS;AACT,QAAM,oBAAoB;AAAA,IACxB,MAAM,YAAY,QAAQ;AAAA;AAAA,IAE1B,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,QAAI,UAAU;AACZ;AAAA,IACF;AAEA,aAAS,KAAK,iBAAiB,UAAU,mBAAmB,IAAI;AAChE,WAAO,MAAM;AACX,eAAS,KAAK,oBAAoB,UAAU,mBAAmB,IAAI;AAAA,IACrE;AAAA,EACF,GAAG,CAAC,UAAU,iBAAiB,CAAC;AAClC;",
   "names": []
 }

package/esm/charts/core/types/chart-data.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chart-data.js.map

package/esm/charts/core/types/text-size.js

@@ -0,0 +1 @@
+//# sourceMappingURL=text-size.js.map

package/esm/charts/core/types/text-size.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/charts/core/typographyStyles.css

@@ -1,3 +1,3 @@
-._18u8ey50-3-7-1 {
+._18u8ey50-3-8-0 {
   font-feature-settings: 'ss01';
 }

package/esm/charts/core/typographyStyles.sty.js

@@ -1,5 +1,5 @@
 import "./typographyStyles.css";
-var replaceSlashedZero = "_18u8ey50-3-7-1";
+var replaceSlashedZero = "_18u8ey50-3-8-0";
 export {
   replaceSlashedZero
 };

package/esm/charts/core/typographyStyles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/core/typographyStyles.css.ts"],
-  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-7-1';"],
+  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/utils/formatter-by-ticks.js

@@ -1,7 +1,7 @@
-import { getTicks } from "@visx/scale";
 import { defaultUnitFormatter } from "./defaultUnitFormatter.js";
 import { getTickValues } from "./format-value.js";
 import { getTickFormatterMethod } from "./get-tick-formatter-method.js";
+import { getTicks } from "../../../core/utils/get-ticks.js";
 import { getYAxisTickFormatter } from "../components/axes/utils/tick-formatters.js";
 function getFormatterByTicks(numTicks, scale, unit, formatter) {
   if (!scale) {