@dynatrace/strato-components 3.1.1 → 3.2.0

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

@@ -1,4 +1,4 @@
-._dacoys0-3-1-1 {
+._dacoys0-3-2-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-1-1:hover {
+._dacoys0-3-2-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-1-1 {
+._dacoys1-3-2-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-1-1 {
+._dacoys2-3-2-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-1-1 {
+._dacoys3-3-2-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys4-3-1-1 {
+._dacoys4-3-2-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys5-3-1-1 {
+._dacoys5-3-2-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-1-1 {
+._dacoys6-3-2-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys7-3-1-1 {
+._dacoys7-3-2-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys8-3-1-1 {
+._dacoys8-3-2-0 {
   width: 100%;
   box-sizing: border-box;
 }
-._dacoys9-3-1-1 {
+._dacoys9-3-2-0 {
   padding-left: 0;
 }
-._dacoysa-3-1-1 {
+._dacoysa-3-2-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-1-1";
-var detailViewItem = "_dacoys1-3-1-1";
-var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-1-1", variantClassNames: { highlighted: { true: "_dacoys6-3-1-1", false: "_dacoys7-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
-var multipleDimensionItem = "_dacoys8-3-1-1";
-var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-1-1", variantClassNames: { highlighted: { true: "_dacoys3-3-1-1", false: "_dacoys4-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
-var valueContainer = "_dacoys9-3-1-1";
-var valueItem = "_dacoysa-3-1-1 _da9a8v0-3-1-1 _da9a8v2-3-1-1 _da9a8v6-3-1-1 _da9a8ve-3-1-1";
+var detailViewContent = "_dacoys0-3-2-0";
+var detailViewItem = "_dacoys1-3-2-0";
+var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-2-0", variantClassNames: { highlighted: { true: "_dacoys6-3-2-0", false: "_dacoys7-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multipleDimensionItem = "_dacoys8-3-2-0";
+var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-2-0", variantClassNames: { highlighted: { true: "_dacoys3-3-2-0", false: "_dacoys4-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var valueContainer = "_dacoys9-3-2-0";
+var valueItem = "_dacoysa-3-2-0 _da9a8v0-3-2-0 _da9a8v2-3-2-0 _da9a8v6-3-2-0 _da9a8ve-3-2-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-1-1';\nexport var detailViewItem = '_dacoys1-3-1-1';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-1-1',variantClassNames:{highlighted:{true:'_dacoys6-3-1-1',false:'_dacoys7-3-1-1'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-1-1';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-1-1',variantClassNames:{highlighted:{true:'_dacoys3-3-1-1',false:'_dacoys4-3-1-1'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-1-1';\nexport var valueItem = '_dacoysa-3-1-1 _da9a8v0-3-1-1 _da9a8v2-3-1-1 _da9a8v6-3-1-1 _da9a8ve-3-1-1';"],
+  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './SeriesBasedContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var detailViewContent = '_dacoys0-3-2-0';\nexport var detailViewItem = '_dacoys1-3-2-0';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-2-0',variantClassNames:{highlighted:{true:'_dacoys6-3-2-0',false:'_dacoys7-3-2-0'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-2-0';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-2-0',variantClassNames:{highlighted:{true:'_dacoys3-3-2-0',false:'_dacoys4-3-2-0'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-2-0';\nexport var valueItem = '_dacoysa-3-2-0 _da9a8v0-3-2-0 _da9a8v2-3-2-0 _da9a8v6-3-2-0 _da9a8ve-3-2-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-1-1 {
+._1rpjobh0-3-2-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-1-1";
+var container = "_1rpjobh0-3-2-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-1-1';"],
+  "sourcesContent": ["import './TooltipBody.css';\nexport var container = '_1rpjobh0-3-2-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-1-1 {
+._19a28040-3-2-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-1-1";
+var headerChipAtom = "_19a28040-3-2-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-1-1';"],
+  "sourcesContent": ["import './HeaderChipAtom.css';\nexport var headerChipAtom = '_19a28040-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1b8jnp60-3-1-1 {
+._1b8jnp60-3-2-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-1-1 {
+._1b8jnp61-3-2-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-1-1 {
+._1b8jnp62-3-2-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-1-1 {
+._1b8jnp63-3-2-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-1-1";
-var primaryInfo = "_1b8jnp62-3-1-1";
-var secondaryInfo = "_1b8jnp60-3-1-1";
-var symbolAtom = "_1b8jnp63-3-1-1";
+var chipAtom = "_1b8jnp61-3-2-0";
+var primaryInfo = "_1b8jnp62-3-2-0";
+var secondaryInfo = "_1b8jnp60-3-2-0";
+var symbolAtom = "_1b8jnp63-3-2-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-1-1';\nexport var primaryInfo = '_1b8jnp62-3-1-1';\nexport var secondaryInfo = '_1b8jnp60-3-1-1';\nexport var symbolAtom = '_1b8jnp63-3-1-1';"],
+  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-2-0';\nexport var primaryInfo = '_1b8jnp62-3-2-0';\nexport var secondaryInfo = '_1b8jnp60-3-2-0';\nexport var symbolAtom = '_1b8jnp63-3-2-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-1-1 {
+._1idfwsm0-3-2-0 {
   cursor: ew-resize;
   user-select: none;
   touch-action: pan-y;
 }
-._1idfwsm1-3-1-1 {
+._1idfwsm1-3-2-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-1-1", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-1-1", false: "_1idfwsm1-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
-var defaultCursor = "_1idfwsm1-3-1-1";
-var resizeCursor = "_1idfwsm0-3-1-1";
+var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-2-0", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-2-0", false: "_1idfwsm1-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var defaultCursor = "_1idfwsm1-3-2-0";
+var resizeCursor = "_1idfwsm0-3-2-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-1-1',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-1-1',false:'_1idfwsm1-3-1-1'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-1-1';\nexport var resizeCursor = '_1idfwsm0-3-1-1';"],
+  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-2-0',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-2-0',false:'_1idfwsm1-3-2-0'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-2-0';\nexport var resizeCursor = '_1idfwsm0-3-2-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/messages.js

@@ -1,7 +1,7 @@
 import { defineMessages } from "react-intl";
 const THRESHOLD = defineMessages({
   dynamic: {
-    id: "5452220584f9d82eacc9d4b64b556c642aa95fe3",
+    id: "WgyyLcd/Xq9voOe4",
     defaultMessage: "Dynamic",
     description: "Message to display when a threshold is dynamic"
   }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/core/messages.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const THRESHOLD = defineMessages({\n  dynamic: {\n    id: '5452220584f9d82eacc9d4b64b556c642aa95fe3',\n    defaultMessage: 'Dynamic',\n    description: 'Message to display when a threshold is dynamic',\n  },\n});\n"],
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const THRESHOLD = defineMessages({\n  dynamic: {\n    id: 'WgyyLcd/Xq9voOe4',\n    defaultMessage: 'Dynamic',\n    description: 'Message to display when a threshold is dynamic',\n  },\n});\n"],
   "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,YAAY,eAAe;AAAA,EACtC,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AACF,CAAC;",
   "names": []
 }

package/esm/charts/core/slots/toolbar/CompactToolbar.js

@@ -2,7 +2,16 @@ import { pick } from "lodash-es";
 const baseToolbarProps = () => {
   return {
     placement: "top-right",
-    hidden: false
+    hidden: false,
+    "data-dt-content": "",
+    "data-dt-name": "",
+    "data-dt-children-name": "",
+    "data-dt-features": "",
+    "data-dt-properties": "",
+    "data-dt-mouse-over": "",
+    "data-dt-value-content": "",
+    "data-dt-children-value-content": "",
+    "data-dt-ancestor": ""
   };
 };
 const sanitizeProps = (externalProps, allowedProps = ["placement", "hidden"]) => {

package/esm/charts/core/slots/toolbar/CompactToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/slots/toolbar/CompactToolbar.tsx"],
-  "sourcesContent": ["import { pick } from 'lodash-es';\n\nimport type { ChartToolbarProps } from '../../types/toolbar.js';\n\n/**\n * @public\n */\nexport type CompactToolbarProps = {\n  hidden?: boolean;\n  placement?: ChartToolbarProps['placement'];\n};\n\nexport const baseToolbarProps = () => {\n  return {\n    placement: 'top-right' as const,\n    hidden: false,\n  };\n};\n\nexport const sanitizeProps = <C extends CompactToolbarProps, K extends keyof C>(\n  externalProps: C,\n  allowedProps: K[] = ['placement', 'hidden'] as K[],\n): CompactToolbarProps => {\n  return pick(externalProps, allowedProps);\n};\n\nexport const CompactToolbar = <\n  T extends CompactToolbarProps = CompactToolbarProps,\n>(\n  prefix: string,\n) => {\n  const component = (props: T) => null;\n  component['displayName'] = `${prefix}.Toolbar`;\n\n  return component;\n};\n"],
-  "mappings": "AAAA,SAAS,YAAY;AAYd,MAAM,mBAAmB,MAAM;AACpC,SAAO;AAAA,IACL,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,gBAAgB,CAC3B,eACA,eAAoB,CAAC,aAAa,QAAQ,MAClB;AACxB,SAAO,KAAK,eAAe,YAAY;AACzC;AAEO,MAAM,iBAAiB,CAG5B,WACG;AACH,QAAM,YAAY,CAAC,UAAa;AAChC,YAAU,aAAa,IAAI,GAAG,MAAM;AAEpC,SAAO;AACT;",
+  "sourcesContent": ["import { pick } from 'lodash-es';\n\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { ChartToolbarProps } from '../../types/toolbar.js';\n\n/**\n * @public\n */\nexport type CompactToolbarProps = BehaviorTrackingProps & {\n  hidden?: boolean;\n  placement?: ChartToolbarProps['placement'];\n};\n\nexport const baseToolbarProps = () => {\n  return {\n    placement: 'top-right' as const,\n    hidden: false,\n    'data-dt-content': '',\n    'data-dt-name': '',\n    'data-dt-children-name': '',\n    'data-dt-features': '',\n    'data-dt-properties': '',\n    'data-dt-mouse-over': '',\n    'data-dt-value-content': '',\n    'data-dt-children-value-content': '',\n    'data-dt-ancestor': '',\n  };\n};\n\nexport const sanitizeProps = <C extends CompactToolbarProps, K extends keyof C>(\n  externalProps: C,\n  allowedProps: K[] = ['placement', 'hidden'] as K[],\n): CompactToolbarProps => {\n  return pick(externalProps, allowedProps);\n};\n\nexport const CompactToolbar = <\n  T extends CompactToolbarProps = CompactToolbarProps,\n>(\n  prefix: string,\n) => {\n  const component = (props: T) => null;\n  component['displayName'] = `${prefix}.Toolbar`;\n\n  return component;\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAad,MAAM,mBAAmB,MAAM;AACpC,SAAO;AAAA,IACL,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,oBAAoB;AAAA,IACpB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,kCAAkC;AAAA,IAClC,oBAAoB;AAAA,EACtB;AACF;AAEO,MAAM,gBAAgB,CAC3B,eACA,eAAoB,CAAC,aAAa,QAAQ,MAClB;AACxB,SAAO,KAAK,eAAe,YAAY;AACzC;AAEO,MAAM,iBAAiB,CAG5B,WACG;AACH,QAAM,YAAY,CAAC,UAAa;AAChC,YAAU,aAAa,IAAI,GAAG,MAAM;AAEpC,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/types/toolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/types/toolbar.ts"],
-  "sourcesContent": ["import type { IntentProps } from '../../../core/slots/Intent/Intent.js';\n\n/**\n * @public\n */\nexport type ToolbarPlacement =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left';\n\n/**\n * Props for the ChartToolbar component\n * @public\n */\nexport interface ChartToolbarProps {\n  /** Initial placement for the toolbar\n   * @defaultValue 'top-right'\n   */\n  placement?: ToolbarPlacement;\n}\n\n/**\n * Internal toolbar configuration interface\n * @internal\n */\nexport interface InternalChartToolbarConfig extends ChartToolbarProps {\n  /** When enabled show the toolbar in collapsed state */\n  collapsed?: boolean;\n  /** When enabled the toolbar can be dragged inside the container */\n  draggable?: boolean;\n  /** Initial placement for the toolbar */\n  placement: ToolbarPlacement;\n}\n\n/**\n * Internal configuration - when the config is already in place after iterate slots\n * and the same needed for the context\n * Note: Do not make this one public.\n * @internal\n */\nexport interface InternalChartToolbarConfigured\n  extends Omit<InternalChartToolbarConfig, 'placement'> {\n  downloadData?: { enabled: boolean };\n  intents?: Array<IntentProps>;\n  placement?: ToolbarPlacement;\n}\n\n// Public interface, is related to InternalChartToolbarConfig\n/**\n * Properties configurable by Configuration Provider\n * @public\n */\nexport interface ChartToolbarConfig extends ChartToolbarProps {\n  /**\n   * When enabled show the download data button in the toolbar\n   * @deprecated - Will be removed in next breaking version. Use DownloadCSV slot instead.\n   */\n  downloadData?: { enabled: boolean };\n  /** When enabled show the toolbar in collapsed state */\n  collapsed?: boolean;\n  /**\n   *  When enabled the toolbar can be dragged inside the container\n   *  @deprecated - Will be removed in next breaking version. Toolbar is always draggable.\n   */\n  draggable?: boolean;\n  /**\n   * When enabled show the intent button in the toolbar\n   * @deprecated - Will be removed in next breaking version. Use Intent slot instead.\n   */\n  intents?: Array<IntentProps>;\n}\n\n/** @internal */\nexport type A11yToolbarTabIndex = Record<string, number>;\n\n/** Base Props for the ChartToolbar implementation\n * @public\n */\nexport interface BaseToolbarProps extends ChartToolbarProps {\n  /** Decides if the toolbar is visible or hidden\n   * @defaultValue false\n   */\n  hidden?: boolean;\n}\n\n/** Props for the ChartToolbar implementation when it could be draggable\n * @public\n */\nexport interface DraggableToolbarProps extends BaseToolbarProps {\n  /** Decides if the toolbar is draggable\n   * @deprecated - This key will be removed in a future release\n   * @defaultValue false\n   */\n  draggable?: boolean;\n}\n\nexport const defaultToolbarConfig: InternalChartToolbarConfig = {\n  placement: 'top-right',\n};\n"],
-  "mappings": "AAiGO,MAAM,uBAAmD;AAAA,EAC9D,WAAW;AACb;",
+  "sourcesContent": ["import type { IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\n\n/**\n * @public\n */\nexport type ToolbarPlacement =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left';\n\n/**\n * Props for the ChartToolbar component\n * @public\n */\nexport interface ChartToolbarProps {\n  /** Initial placement for the toolbar\n   * @defaultValue 'top-right'\n   */\n  placement?: ToolbarPlacement;\n}\n\n/**\n * Internal toolbar configuration interface\n * @internal\n */\nexport interface InternalChartToolbarConfig extends ChartToolbarProps {\n  /** When enabled show the toolbar in collapsed state */\n  collapsed?: boolean;\n  /** When enabled the toolbar can be dragged inside the container */\n  draggable?: boolean;\n  /** Initial placement for the toolbar */\n  placement: ToolbarPlacement;\n}\n\n/**\n * Internal configuration - when the config is already in place after iterate slots\n * and the same needed for the context\n * Note: Do not make this one public.\n * @internal\n */\nexport interface InternalChartToolbarConfigured\n  extends Omit<InternalChartToolbarConfig, 'placement'>,\n    BehaviorTrackingProps {\n  downloadData?: { enabled: boolean };\n  intents?: Array<IntentProps>;\n  placement?: ToolbarPlacement;\n}\n\n// Public interface, is related to InternalChartToolbarConfig\n/**\n * Properties configurable by Configuration Provider\n * @public\n */\nexport interface ChartToolbarConfig extends ChartToolbarProps {\n  /**\n   * When enabled show the download data button in the toolbar\n   * @deprecated - Will be removed in next breaking version. Use DownloadCSV slot instead.\n   */\n  downloadData?: { enabled: boolean };\n  /** When enabled show the toolbar in collapsed state */\n  collapsed?: boolean;\n  /**\n   *  When enabled the toolbar can be dragged inside the container\n   *  @deprecated - Will be removed in next breaking version. Toolbar is always draggable.\n   */\n  draggable?: boolean;\n  /**\n   * When enabled show the intent button in the toolbar\n   * @deprecated - Will be removed in next breaking version. Use Intent slot instead.\n   */\n  intents?: Array<IntentProps>;\n}\n\n/** @internal */\nexport type A11yToolbarTabIndex = Record<string, number>;\n\n/** Base Props for the ChartToolbar implementation\n * @public\n */\nexport interface BaseToolbarProps\n  extends ChartToolbarProps,\n    BehaviorTrackingProps {\n  /** Decides if the toolbar is visible or hidden\n   * @defaultValue false\n   */\n  hidden?: boolean;\n}\n\n/** Props for the ChartToolbar implementation when it could be draggable\n * @public\n */\nexport interface DraggableToolbarProps extends BaseToolbarProps {\n  /** Decides if the toolbar is draggable\n   * @deprecated - This key will be removed in a future release\n   * @defaultValue false\n   */\n  draggable?: boolean;\n}\n\nexport const defaultToolbarConfig: InternalChartToolbarConfig = {\n  placement: 'top-right',\n};\n"],
+  "mappings": "AAqGO,MAAM,uBAAmD;AAAA,EAC9D,WAAW;AACb;",
   "names": []
 }

package/esm/charts/core/types/type-guards.js

@@ -19,7 +19,11 @@ function isDynamicNumericRange(data) {
 function isPointThreshold(y0, y1) {
   return y0.valueOf() === y1.valueOf();
 }
+function isBoundedRange(data) {
+  return data !== null && !Array.isArray(data) && "value" in data;
+}
 export {
+  isBoundedRange,
   isDynamic,
   isDynamicNumeric,
   isDynamicNumericRange,

package/esm/charts/core/types/type-guards.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/types/type-guards.ts"],
-  "sourcesContent": ["import {\n  DateThresholdData,\n  StaticThreshold,\n  StaticRangeThreshold,\n  DynamicThreshold,\n  DynamicRangeThreshold,\n  NumericalThresholdData,\n  DynamicNumericThreshold,\n  DynamicNumericRangeThreshold,\n} from './thresholds.js';\n\nexport function isStatic(\n  data: DateThresholdData | NumericalThresholdData,\n): data is StaticThreshold {\n  return data !== null && !Array.isArray(data) && 'value' in data;\n}\n\nexport function isStaticRange(\n  data: DateThresholdData | NumericalThresholdData,\n): data is StaticRangeThreshold {\n  return (\n    data !== null && !Array.isArray(data) && 'min' in data && 'max' in data\n  );\n}\n\nexport function isDynamic(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'value' in data[0] &&\n    'date' in data[0]\n  );\n}\n\nexport function isDynamicNumeric(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicNumericThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'value' in data[0] &&\n    'point' in data[0]\n  );\n}\n\nexport function isDynamicRange(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicRangeThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'min' in data[0] &&\n    'max' in data[0] &&\n    'date' in data[0]\n  );\n}\n\nexport function isDynamicNumericRange(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicNumericRangeThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'min' in data[0] &&\n    'max' in data[0] &&\n    'point' in data[0]\n  );\n}\n\nexport function isPointThreshold<T extends number | Date>(y0: T, y1: T) {\n  return y0.valueOf() === y1.valueOf();\n}\n"],
-  "mappings": "AAWO,SAAS,SACd,MACyB;AACzB,SAAO,SAAS,QAAQ,CAAC,MAAM,QAAQ,IAAI,KAAK,WAAW;AAC7D;AAEO,SAAS,cACd,MAC8B;AAC9B,SACE,SAAS,QAAQ,CAAC,MAAM,QAAQ,IAAI,KAAK,SAAS,QAAQ,SAAS;AAEvE;AAEO,SAAS,UACd,MAC0B;AAC1B,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,WAAW,KAAK,CAAC,KACjB,UAAU,KAAK,CAAC;AAEpB;AAEO,SAAS,iBACd,MACiC;AACjC,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,WAAW,KAAK,CAAC,KACjB,WAAW,KAAK,CAAC;AAErB;AAEO,SAAS,eACd,MAC+B;AAC/B,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,SAAS,KAAK,CAAC,KACf,SAAS,KAAK,CAAC,KACf,UAAU,KAAK,CAAC;AAEpB;AAEO,SAAS,sBACd,MACsC;AACtC,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,SAAS,KAAK,CAAC,KACf,SAAS,KAAK,CAAC,KACf,WAAW,KAAK,CAAC;AAErB;AAEO,SAAS,iBAA0C,IAAO,IAAO;AACtE,SAAO,GAAG,QAAQ,MAAM,GAAG,QAAQ;AACrC;",
+  "sourcesContent": ["import {\n  DateThresholdData,\n  DynamicNumericRangeThreshold,\n  DynamicNumericThreshold,\n  DynamicRangeThreshold,\n  DynamicThreshold,\n  NumericalThresholdData,\n  StaticRangeThreshold,\n  StaticThreshold,\n} from './thresholds.js';\n\nexport function isStatic(\n  data: DateThresholdData | NumericalThresholdData,\n): data is StaticThreshold {\n  return data !== null && !Array.isArray(data) && 'value' in data;\n}\n\nexport function isStaticRange(\n  data: DateThresholdData | NumericalThresholdData,\n): data is StaticRangeThreshold {\n  return (\n    data !== null && !Array.isArray(data) && 'min' in data && 'max' in data\n  );\n}\n\nexport function isDynamic(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'value' in data[0] &&\n    'date' in data[0]\n  );\n}\n\nexport function isDynamicNumeric(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicNumericThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'value' in data[0] &&\n    'point' in data[0]\n  );\n}\n\nexport function isDynamicRange(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicRangeThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'min' in data[0] &&\n    'max' in data[0] &&\n    'date' in data[0]\n  );\n}\n\nexport function isDynamicNumericRange(\n  data: DateThresholdData | NumericalThresholdData,\n): data is DynamicNumericRangeThreshold {\n  return (\n    data !== null &&\n    Array.isArray(data) &&\n    data[0] &&\n    'min' in data[0] &&\n    'max' in data[0] &&\n    'point' in data[0]\n  );\n}\n\nexport function isPointThreshold<T extends number | Date>(y0: T, y1: T) {\n  return y0.valueOf() === y1.valueOf();\n}\n\nexport function isBoundedRange(\n  data: DateThresholdData | NumericalThresholdData,\n): data is StaticThreshold {\n  return data !== null && !Array.isArray(data) && 'value' in data;\n}\n"],
+  "mappings": "AAWO,SAAS,SACd,MACyB;AACzB,SAAO,SAAS,QAAQ,CAAC,MAAM,QAAQ,IAAI,KAAK,WAAW;AAC7D;AAEO,SAAS,cACd,MAC8B;AAC9B,SACE,SAAS,QAAQ,CAAC,MAAM,QAAQ,IAAI,KAAK,SAAS,QAAQ,SAAS;AAEvE;AAEO,SAAS,UACd,MAC0B;AAC1B,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,WAAW,KAAK,CAAC,KACjB,UAAU,KAAK,CAAC;AAEpB;AAEO,SAAS,iBACd,MACiC;AACjC,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,WAAW,KAAK,CAAC,KACjB,WAAW,KAAK,CAAC;AAErB;AAEO,SAAS,eACd,MAC+B;AAC/B,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,SAAS,KAAK,CAAC,KACf,SAAS,KAAK,CAAC,KACf,UAAU,KAAK,CAAC;AAEpB;AAEO,SAAS,sBACd,MACsC;AACtC,SACE,SAAS,QACT,MAAM,QAAQ,IAAI,KAClB,KAAK,CAAC,KACN,SAAS,KAAK,CAAC,KACf,SAAS,KAAK,CAAC,KACf,WAAW,KAAK,CAAC;AAErB;AAEO,SAAS,iBAA0C,IAAO,IAAO;AACtE,SAAO,GAAG,QAAQ,MAAM,GAAG,QAAQ;AACrC;AAEO,SAAS,eACd,MACyB;AACzB,SAAO,SAAS,QAAQ,CAAC,MAAM,QAAQ,IAAI,KAAK,WAAW;AAC7D;",
   "names": []
 }

package/esm/charts/core/typographyStyles.css

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

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

@@ -1,5 +1,5 @@
 import "./typographyStyles.css";
-var replaceSlashedZero = "_18u8ey50-3-1-1";
+var replaceSlashedZero = "_18u8ey50-3-2-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-1-1';"],
+  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/utils/extract-behavior-tracking-props.js

@@ -0,0 +1,26 @@
+const behaviorTrackingPropKeys = [
+  "data-dt-content",
+  "data-dt-name",
+  "data-dt-children-name",
+  "data-dt-features",
+  "data-dt-properties",
+  "data-dt-mouse-over",
+  "data-dt-value-content",
+  "data-dt-children-value-content",
+  "data-dt-ancestor"
+];
+const extractBehaviorTrackingProps = (props) => {
+  const result = {};
+  const record = props;
+  for (const key of behaviorTrackingPropKeys) {
+    const value = record[key];
+    if (typeof value === "string") {
+      result[key] = value;
+    }
+  }
+  return result;
+};
+export {
+  extractBehaviorTrackingProps
+};
+//# sourceMappingURL=extract-behavior-tracking-props.js.map

package/esm/charts/core/utils/extract-behavior-tracking-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/core/utils/extract-behavior-tracking-props.ts"],
+  "sourcesContent": ["import type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\n\nconst behaviorTrackingPropKeys: ReadonlyArray<keyof BehaviorTrackingProps> = [\n  'data-dt-content',\n  'data-dt-name',\n  'data-dt-children-name',\n  'data-dt-features',\n  'data-dt-properties',\n  'data-dt-mouse-over',\n  'data-dt-value-content',\n  'data-dt-children-value-content',\n  'data-dt-ancestor',\n];\n\n/**\n * Extracts behavioral tracking props from a component's props object.\n * Used in slot iterators to thread tracking props through to core components.\n * @internal\n */\nexport const extractBehaviorTrackingProps = (\n  props: object,\n): BehaviorTrackingProps => {\n  const result: BehaviorTrackingProps = {};\n  const record = props as Record<string, unknown>;\n\n  for (const key of behaviorTrackingPropKeys) {\n    const value = record[key];\n    if (typeof value === 'string') {\n      (result as Record<string, string>)[key] = value;\n    }\n  }\n\n  return result;\n};\n"],
+  "mappings": "AAEA,MAAM,2BAAuE;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,MAAM,+BAA+B,CAC1C,UAC0B;AAC1B,QAAM,SAAgC,CAAC;AACvC,QAAM,SAAS;AAEf,aAAW,OAAO,0BAA0B;AAC1C,UAAM,QAAQ,OAAO,GAAG;AACxB,QAAI,OAAO,UAAU,UAAU;AAC7B,MAAC,OAAkC,GAAG,IAAI;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/utils/find-matching-threshold.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/find-matching-threshold.ts"],
-  "sourcesContent": ["type ThresholdProps = {\n  value: number;\n  showIndicator?: boolean;\n  color?: string;\n};\n\nexport const findMatchingThreshold = (\n  value: number,\n  thresholds: ThresholdProps[],\n): ThresholdProps | undefined => {\n  const filteredThresholdData = thresholds.filter(\n    (threshold) => value >= threshold.value,\n  );\n\n  if (!filteredThresholdData.length) {\n    return undefined;\n  }\n\n  return filteredThresholdData.reduce(\n    (final, current) => (current.value > final.value ? current : final),\n    filteredThresholdData[0],\n  );\n};\n"],
+  "sourcesContent": ["export type ThresholdProps = {\n  value: number;\n  showIndicator?: boolean;\n  color?: string;\n};\n\nexport const findMatchingThreshold = (\n  value: number,\n  thresholds: ThresholdProps[],\n): ThresholdProps | undefined => {\n  const filteredThresholdData = thresholds.filter(\n    (threshold) => value >= threshold.value,\n  );\n\n  if (!filteredThresholdData.length) {\n    return undefined;\n  }\n\n  return filteredThresholdData.reduce(\n    (final, current) => (current.value > final.value ? current : final),\n    filteredThresholdData[0],\n  );\n};\n"],
   "mappings": "AAMO,MAAM,wBAAwB,CACnC,OACA,eAC+B;AAC/B,QAAM,wBAAwB,WAAW;AAAA,IACvC,CAAC,cAAc,SAAS,UAAU;AAAA,EACpC;AAEA,MAAI,CAAC,sBAAsB,QAAQ;AACjC,WAAO;AAAA,EACT;AAEA,SAAO,sBAAsB;AAAA,IAC3B,CAAC,OAAO,YAAa,QAAQ,QAAQ,MAAM,QAAQ,UAAU;AAAA,IAC7D,sBAAsB,CAAC;AAAA,EACzB;AACF;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/formatter-by-ticks.ts"],
-  "sourcesContent": ["import { AxisScale } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale: AxisScale | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getCategoricalTicks(scale: AxisScale | undefined) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  return { ticks: scale.domain(), formattedTicks: scale.domain() };\n}\n"],
-  "mappings": "AACA,SAAS,gBAAgB;AAWzB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AAa/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,+BACd,UACA,OACA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,oBAAoB,OAA8B;AAChE,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,SAAO,EAAE,OAAO,MAAM,OAAO,GAAG,gBAAgB,MAAM,OAAO,EAAE;AACjE;",
+  "sourcesContent": ["import { AxisScale } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks?: number[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale: AxisScale | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getCategoricalTicks(scale: AxisScale | undefined) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  return { ticks: scale.domain(), formattedTicks: scale.domain() };\n}\n"],
+  "mappings": "AACA,SAAS,gBAAgB;AAWzB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AAc/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,+BACd,UACA,OACA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,oBAAoB,OAA8B;AAChE,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,SAAO,EAAE,OAAO,MAAM,OAAO,GAAG,gBAAgB,MAAM,OAAO,EAAE;AACjE;",
   "names": []
 }

package/esm/charts/core/utils/validate-css-size.js

@@ -1,4 +1,4 @@
-const CSS_SIZE_VALIDATION_REGEX = /^(-?(\d*\.)?\d+)((px)|(em)|(%)|(ex)|(ch)|(rem)|(vw)|(vh)|(vmin)|(vmax)|(cm)|(mm)|(in)|(pt)|(pc))$/;
+const CSS_SIZE_VALIDATION_REGEX = /^(auto|(-?(\d*\.)?\d+)((px)|(em)|(%)|(ex)|(ch)|(rem)|(vw)|(vh)|(vmin)|(vmax)|(cm)|(mm)|(in)|(pt)|(pc)))$/;
 function validateCSSSize(value) {
   return CSS_SIZE_VALIDATION_REGEX.test(value) ? value : void 0;
 }

package/esm/charts/core/utils/validate-css-size.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/validate-css-size.ts"],
-  "sourcesContent": ["/**\n * RegExp to validate a CSS size value (width, height, etc.)\n */\nconst CSS_SIZE_VALIDATION_REGEX =\n  /^(-?(\\d*\\.)?\\d+)((px)|(em)|(%)|(ex)|(ch)|(rem)|(vw)|(vh)|(vmin)|(vmax)|(cm)|(mm)|(in)|(pt)|(pc))$/;\n\n/**\n * Returns value if it's a valid CSS size value, or undefined otherwise.\n *\n * @param value - the value to validate.\n * @returns the validated string or undefined otherwise.\n */\nexport function validateCSSSize(value: string): string | undefined {\n  return CSS_SIZE_VALIDATION_REGEX.test(value) ? value : undefined;\n}\n"],
+  "sourcesContent": ["/**\n * RegExp to validate a CSS size value (width, height, etc.) or 'auto'\n */\nconst CSS_SIZE_VALIDATION_REGEX =\n  /^(auto|(-?(\\d*\\.)?\\d+)((px)|(em)|(%)|(ex)|(ch)|(rem)|(vw)|(vh)|(vmin)|(vmax)|(cm)|(mm)|(in)|(pt)|(pc)))$/;\n\n/**\n * Returns value if it's a valid CSS size value, or undefined otherwise.\n *\n * @param value - the value to validate.\n * @returns the validated string or undefined otherwise.\n */\nexport function validateCSSSize(value: string): string | undefined {\n  return CSS_SIZE_VALIDATION_REGEX.test(value) ? value : undefined;\n}\n"],
   "mappings": "AAGA,MAAM,4BACJ;AAQK,SAAS,gBAAgB,OAAmC;AACjE,SAAO,0BAA0B,KAAK,KAAK,IAAI,QAAQ;AACzD;",
   "names": []
 }

package/esm/charts/gantt-chart/GanttChartLine.css

@@ -1,4 +1,4 @@
-._1pk2ed10-3-1-1 {
+._1pk2ed10-3-2-0 {
   height: 100%;
   width: 100%;
 }

package/esm/charts/gantt-chart/GanttChartLine.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLine.css";
-var wrapper = "_1pk2ed10-3-1-1";
+var wrapper = "_1pk2ed10-3-2-0";
 export {
   wrapper
 };

package/esm/charts/gantt-chart/GanttChartLine.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gantt-chart/GanttChartLine.css.ts"],
-  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-1-1';"],
+  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.css

@@ -1,4 +1,4 @@
-._mnxak30-3-1-1 {
+._mnxak30-3-2-0 {
   height: 100%;
   display: flex;
   justify-content: center;

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLineRenderer.css";
-var svgWrapperCSS = "_mnxak30-3-1-1";
+var svgWrapperCSS = "_mnxak30-3-2-0";
 export {
   svgWrapperCSS
 };

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.css.ts"],
-  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-1-1';"],
+  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.css

@@ -1,4 +1,4 @@
-._1v8s3xl0-3-1-1._1v8s3xl0-3-1-1 {
+._1v8s3xl0-3-2-0._1v8s3xl0-3-2-0 {
   max-height: initial;
   min-width: 160px;
   max-width: 320px;

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartTooltip.css";
-var ganttChartTooltipCSS = "_1v8s3xl0-3-1-1";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-2-0";
 export {
   ganttChartTooltipCSS
 };

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.css.ts"],
-  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-1-1';"],
+  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/charts/gauge/GaugeChart.js

@@ -4,6 +4,7 @@ import {
   useImperativeHandle,
   useRef
 } from "react";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { useObserveContainerSize } from "../core/hooks/useObserveContainerSize.js";
 import { ChartType } from "../core/types/chart-types.js";
@@ -38,6 +39,7 @@ const _GaugeChart = forwardRef((props, forwardedRef) => {
     "data-testid": dataTestId = "gauge-chart-root",
     valueAccessor
   } = props;
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);
   const config = useGaugeChartConfig(props);
   const {
     min,
@@ -80,6 +82,7 @@ const _GaugeChart = forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ...behavioralTrackingProps,
       ref: containerRef,
       style: {
         width: chartWidth,