@dynatrace/strato-components 3.7.1 → 3.8.0

package/esm/charts/core/components/axes/AxisPrimitive.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/core/components/axes/AxisPrimitive.tsx"],
+  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport type { AxisScale, SharedAxisProps } from './types.js';\nimport { getTickValueAsNumber } from '../../../../core/utils/get-tick-value-as-number.js';\nimport { getTicks } from '../../../../core/utils/get-ticks.js';\nimport type { Point } from '../../types/point.js';\nimport type { TextProps } from '../../types/text-props.js';\n\n/**\n * Hardcoded font size fallback matching visx behavior.\n *\n * visx computes `maxTickLabelFontSize` and per-tick `tickLabelFontSize`\n * using `Math.max(10, typeof fontSize === 'number' ? fontSize : 0)`.\n * Since Strato always passes fontSize as a CSS variable string\n * (e.g. \"var(--dt-typography-text-small-emphasized-size, 12px)\"),\n * the typeof check always fails and the result is always 10.\n */\nconst TICK_LABEL_FONT_SIZE = 10;\n\n/** Matches visx Text component's wrapping SVG overflow style. */\nconst SVG_OVERFLOW_STYLE: CSSProperties = { overflow: 'visible' };\n\nconst defaultTextProps: Partial<TextProps> = {\n  textAnchor: 'middle',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  fill: '#222',\n};\n\ntype FormattedValue = string | undefined;\n\n/**\n * Computes the `dy` offset for the first `<tspan>` in visx Text's SVG structure.\n * visx Text uses `verticalAnchor` + `capHeight` (0.71em) to shift single-line text:\n *   'start'  \u2192 \"0.71em\"  (text hangs below y)\n *   'middle' \u2192 \"0.355em\" (text centered on y)\n *   'end'    \u2192 \"0\"       (text baseline at y)\n */\nfunction getStartDy(verticalAnchor: string): string {\n  if (verticalAnchor === 'start') {\n    return '0.71em';\n  }\n  if (verticalAnchor === 'middle') {\n    return '0.355em';\n  }\n  return '0';\n}\n\n/**\n * Returns a tick position function that handles band scale centering.\n * For band/point scales, adds `bandwidth()/2` to center ticks within bands.\n * For continuous scales, returns the scale itself as the position function.\n */\nfunction getTickPosition(\n  scale: AxisScale,\n): (value: Parameters<typeof scale>[0]) => number | undefined {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const s = scale as any;\n\n  if ('bandwidth' in s) {\n    let offset: number = s.bandwidth();\n    offset /= 2;\n    if (s.round()) {\n      offset = Math.round(offset);\n    }\n    return (d) => {\n      const scaledValue = s(d);\n      return typeof scaledValue === 'number'\n        ? scaledValue + offset\n        : scaledValue;\n    };\n  }\n\n  return scale as (value: Parameters<typeof scale>[0]) => number | undefined;\n}\n\n/**\n * Returns a tick format function from the scale, falling back to string conversion.\n */\nfunction getTickFormatter(scale: AxisScale) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const s = scale as any;\n  if ('tickFormat' in s) {\n    return s.tickFormat();\n  }\n  return String;\n}\n\n/**\n * Returns a point as-is for horizontal axes.\n */\nfunction createHorizontalPoint(coords: Point): Point {\n  return coords;\n}\n\n/**\n * Returns a point with x/y swapped for vertical axes.\n */\nfunction createVerticalPoint(coords: Point): Point {\n  return { x: coords.y, y: coords.x };\n}\n\n/**\n * Computes the axis label position and rotation for each orientation.\n *\n * With Strato's hardcoded values (tickLength=0, fontSize is always a CSS var string):\n * - tickLabelFontSize is always 10\n * - yBottomOffset is always 0 (typeof CSS-var-string !== 'number')\n *\n * Bottom: x = rangeMidpoint, y = labelOffset + 10\n * Top:    x = rangeMidpoint, y = -(labelOffset + 10)\n * Left:   x = -rangeMidpoint, y = -labelOffset, transform = \"rotate(-90)\"\n * Right:  x = +rangeMidpoint, y = -labelOffset, transform = \"rotate(90)\"\n */\nfunction getLabelTransform({\n  labelOffset,\n  labelProps,\n  orientation,\n  range,\n}: {\n  labelOffset: number;\n  labelProps: Partial<TextProps>;\n  orientation: string;\n  range: number[];\n}): { x: number; y: number; transform?: string } {\n  const sign = orientation === 'left' || orientation === 'top' ? -1 : 1;\n\n  if (orientation === 'top' || orientation === 'bottom') {\n    const yBottomOffset =\n      orientation === 'bottom' && typeof labelProps.fontSize === 'number'\n        ? labelProps.fontSize\n        : 0;\n\n    return {\n      x: (Number(range[0]) + Number(range[range.length - 1])) / 2,\n      y: sign * (labelOffset + TICK_LABEL_FONT_SIZE + yBottomOffset),\n      transform: undefined,\n    };\n  }\n\n  return {\n    x: sign * ((Number(range[0]) + Number(range[range.length - 1])) / 2),\n    y: -labelOffset,\n    transform: `rotate(${sign * 90})`,\n  };\n}\n\n/**\n * AxisPrimitive accepts SharedAxisProps for backward compatibility, plus extra\n * props that Axis.tsx passes through from AxisProps (role, aria-label).\n * Dead-code props (tickLength, hideTicks, hideAxisLine, etc.) are accepted\n * but ignored. This allows Axis.tsx to spread restProps without filtering.\n * The dead props will be cleaned up in APPDEV-17081.\n */\ntype AxisPrimitiveProps = SharedAxisProps<AxisScale> & {\n  /** Passed through from Axis.tsx; applied to outer <svg>, not consumed here. */\n  role?: string;\n  /** Passed through from Axis.tsx; applied to outer <svg>, not consumed here. */\n  'aria-label'?: string;\n};\n\n/**\n * Local replacement for `@visx/axis` Axis rendering component.\n *\n * Flattens visx's 3-layer architecture (Axis.js -> AxisRenderer.js -> Ticks.js)\n * into a single component. This simplification is possible because Strato always\n * hardcodes tickLength=0, hideTicks=true, hideAxisLine=true -- meaning tick lines,\n * axis lines, and related props are dead code.\n *\n * The component:\n * 1. Computes tick positions (using getTicks + getTickPosition + coerceNumber + createHorizontalPoint/createVerticalPoint)\n * 2. Calls tickComponent for each tick with the same contract as visx\n * 3. Renders the axis label using getLabelTransform math + plain SVG text element\n *\n * @internal\n */\nexport function AxisPrimitive({\n  scale,\n  orientation = 'bottom',\n  tickComponent,\n  tickLabelProps,\n  tickFormat,\n  numTicks = 10,\n  tickValues,\n  hideZero = false,\n  label = '',\n  labelClassName,\n  labelOffset = 14,\n  labelProps,\n  left = 0,\n  top: topOffset = 0,\n  axisClassName,\n  innerRef,\n}: AxisPrimitiveProps) {\n  const isTop = orientation === 'top';\n  const horizontal = isTop || orientation === 'bottom';\n\n  const tickPosition = getTickPosition(scale);\n  const format = tickFormat ?? getTickFormatter(scale);\n  const filteredTickValues = (tickValues ?? getTicks(scale, numTicks))\n    .filter(\n      (value: string | number) => !hideZero || (value !== 0 && value !== '0'),\n    )\n    .map((value: string | number, index: number) => ({ value, index }));\n\n  const pointCreator = horizontal ? createHorizontalPoint : createVerticalPoint;\n\n  const ticks = filteredTickValues.map(\n    ({ value, index }: { value: string | number; index: number }) => {\n      const scaledValue = getTickValueAsNumber(tickPosition(value)) as number;\n      return {\n        value,\n        index,\n        to: pointCreator({ x: scaledValue, y: 0 }),\n        formattedValue: format(\n          value,\n          index,\n          filteredTickValues,\n        ) as FormattedValue,\n      };\n    },\n  );\n\n  // Resolve tick label props per tick (matching visx AxisRenderer behavior)\n  const tickLabelPropsDefault = {\n    ...defaultTextProps,\n    ...(typeof tickLabelProps === 'object' ? tickLabelProps : null),\n  };\n\n  const allTickLabelProps: Partial<TextProps>[] = ticks.map(\n    ({ value, index }: { value: string | number; index: number }) =>\n      typeof tickLabelProps === 'function'\n        ? tickLabelProps(value, index, filteredTickValues)\n        : tickLabelPropsDefault,\n  );\n\n  const combinedLabelProps = { ...defaultTextProps, ...labelProps };\n  const labelTransform = label\n    ? getLabelTransform({\n        labelOffset,\n        labelProps: combinedLabelProps,\n        orientation,\n        range: scale.range() as number[],\n      })\n    : undefined;\n\n  return (\n    <g\n      className={axisClassName ? `visx-axis ${axisClassName}` : 'visx-axis'}\n      ref={innerRef}\n      transform={`translate(${left}, ${topOffset})`}\n    >\n      {ticks.map(({ value, index, to, formattedValue }) => {\n        const currentTickLabelProps = allTickLabelProps[index] ?? {};\n\n        // visx computes tickYCoord by adding fontSize offset for horizontal bottom axes.\n        // Since fontSize is always a CSS var string, tickLabelFontSize always falls back to 10.\n        const tickYCoord =\n          to.y +\n          (horizontal && orientation !== 'top' ? TICK_LABEL_FONT_SIZE : 0);\n\n        // visx Text path: tickLabelProps.x/y take precedence over computed values when provided.\n        const effectiveX = currentTickLabelProps.x ?? to.x;\n        const effectiveY = currentTickLabelProps.y ?? tickYCoord;\n        const dxOffset = currentTickLabelProps.dx ?? 0;\n        const dyOffset = currentTickLabelProps.dy ?? 0;\n        const startDy = getStartDy(\n          currentTickLabelProps.verticalAnchor ?? 'end',\n        );\n        const tickAngle = currentTickLabelProps.angle;\n        const tickTransform = tickAngle\n          ? `rotate(${tickAngle}, ${effectiveX}, ${effectiveY})`\n          : undefined;\n\n        const defaultTickElement = (\n          <svg\n            x={dxOffset}\n            y={dyOffset}\n            fontSize={currentTickLabelProps.fontSize}\n            style={SVG_OVERFLOW_STYLE}\n          >\n            <text\n              x={effectiveX}\n              y={effectiveY}\n              transform={tickTransform}\n              textAnchor={currentTickLabelProps.textAnchor}\n              fontFamily={currentTickLabelProps.fontFamily}\n              fontSize={currentTickLabelProps.fontSize}\n              fill={currentTickLabelProps.fill}\n            >\n              <tspan x={effectiveX} dy={startDy}>\n                {formattedValue}\n              </tspan>\n            </text>\n          </svg>\n        );\n\n        return (\n          <g key={`visx-tick-${value}-${index}`} className=\"visx-axis-tick\">\n            {tickComponent\n              ? tickComponent({\n                  ...currentTickLabelProps,\n                  x: to.x,\n                  y: tickYCoord,\n                  formattedValue,\n                })\n              : defaultTickElement}\n          </g>\n        );\n      })}\n\n      {/* x/y attributes rather than transform=\"translate\" so that <tspan x> stays in the\n          same coordinate system and doesn't double-offset the label position. */}\n      {label && labelTransform && (\n        <svg\n          x={0}\n          y={0}\n          fontSize={combinedLabelProps.fontSize}\n          style={SVG_OVERFLOW_STYLE}\n        >\n          <text\n            className={\n              labelClassName\n                ? `visx-axis-label ${labelClassName}`\n                : 'visx-axis-label'\n            }\n            x={labelTransform.x}\n            y={labelTransform.y}\n            transform={labelTransform.transform}\n            textAnchor={combinedLabelProps.textAnchor}\n            fontFamily={combinedLabelProps.fontFamily}\n            fontSize={combinedLabelProps.fontSize}\n            fill={combinedLabelProps.fill}\n          >\n            <tspan x={labelTransform.x} dy=\"0\">\n              {label}\n            </tspan>\n          </text>\n        </svg>\n      )}\n    </g>\n  );\n}\n"],
+  "mappings": "AAuPI,SA2CU,KA3CV;AApPJ,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AAazB,MAAM,uBAAuB;AAG7B,MAAM,qBAAoC,EAAE,UAAU,UAAU;AAEhE,MAAM,mBAAuC;AAAA,EAC3C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,MAAM;AACR;AAWA,SAAS,WAAW,gBAAgC;AAClD,MAAI,mBAAmB,SAAS;AAC9B,WAAO;AAAA,EACT;AACA,MAAI,mBAAmB,UAAU;AAC/B,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAOA,SAAS,gBACP,OAC4D;AAE5D,QAAM,IAAI;AAEV,MAAI,eAAe,GAAG;AACpB,QAAI,SAAiB,EAAE,UAAU;AACjC,cAAU;AACV,QAAI,EAAE,MAAM,GAAG;AACb,eAAS,KAAK,MAAM,MAAM;AAAA,IAC5B;AACA,WAAO,CAAC,MAAM;AACZ,YAAM,cAAc,EAAE,CAAC;AACvB,aAAO,OAAO,gBAAgB,WAC1B,cAAc,SACd;AAAA,IACN;AAAA,EACF;AAEA,SAAO;AACT;AAKA,SAAS,iBAAiB,OAAkB;AAE1C,QAAM,IAAI;AACV,MAAI,gBAAgB,GAAG;AACrB,WAAO,EAAE,WAAW;AAAA,EACtB;AACA,SAAO;AACT;AAKA,SAAS,sBAAsB,QAAsB;AACnD,SAAO;AACT;AAKA,SAAS,oBAAoB,QAAsB;AACjD,SAAO,EAAE,GAAG,OAAO,GAAG,GAAG,OAAO,EAAE;AACpC;AAcA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKiD;AAC/C,QAAM,OAAO,gBAAgB,UAAU,gBAAgB,QAAQ,KAAK;AAEpE,MAAI,gBAAgB,SAAS,gBAAgB,UAAU;AACrD,UAAM,gBACJ,gBAAgB,YAAY,OAAO,WAAW,aAAa,WACvD,WAAW,WACX;AAEN,WAAO;AAAA,MACL,IAAI,OAAO,MAAM,CAAC,CAAC,IAAI,OAAO,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK;AAAA,MAC1D,GAAG,QAAQ,cAAc,uBAAuB;AAAA,MAChD,WAAW;AAAA,IACb;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG,SAAS,OAAO,MAAM,CAAC,CAAC,IAAI,OAAO,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK;AAAA,IAClE,GAAG,CAAC;AAAA,IACJ,WAAW,UAAU,OAAO,EAAE;AAAA,EAChC;AACF;AA+BO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,OAAO;AAAA,EACP,KAAK,YAAY;AAAA,EACjB;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,aAAa,SAAS,gBAAgB;AAE5C,QAAM,eAAe,gBAAgB,KAAK;AAC1C,QAAM,SAAS,cAAc,iBAAiB,KAAK;AACnD,QAAM,sBAAsB,cAAc,SAAS,OAAO,QAAQ,GAC/D;AAAA,IACC,CAAC,UAA2B,CAAC,YAAa,UAAU,KAAK,UAAU;AAAA,EACrE,EACC,IAAI,CAAC,OAAwB,WAAmB,EAAE,OAAO,MAAM,EAAE;AAEpE,QAAM,eAAe,aAAa,wBAAwB;AAE1D,QAAM,QAAQ,mBAAmB;AAAA,IAC/B,CAAC,EAAE,OAAO,MAAM,MAAiD;AAC/D,YAAM,cAAc,qBAAqB,aAAa,KAAK,CAAC;AAC5D,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,IAAI,aAAa,EAAE,GAAG,aAAa,GAAG,EAAE,CAAC;AAAA,QACzC,gBAAgB;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,QAAM,wBAAwB;AAAA,IAC5B,GAAG;AAAA,IACH,GAAI,OAAO,mBAAmB,WAAW,iBAAiB;AAAA,EAC5D;AAEA,QAAM,oBAA0C,MAAM;AAAA,IACpD,CAAC,EAAE,OAAO,MAAM,MACd,OAAO,mBAAmB,aACtB,eAAe,OAAO,OAAO,kBAAkB,IAC/C;AAAA,EACR;AAEA,QAAM,qBAAqB,EAAE,GAAG,kBAAkB,GAAG,WAAW;AAChE,QAAM,iBAAiB,QACnB,kBAAkB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,OAAO,MAAM,MAAM;AAAA,EACrB,CAAC,IACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,gBAAgB,aAAa,aAAa,KAAK;AAAA,MAC1D,KAAK;AAAA,MACL,WAAW,aAAa,IAAI,KAAK,SAAS;AAAA,MAEzC;AAAA,cAAM,IAAI,CAAC,EAAE,OAAO,OAAO,IAAI,eAAe,MAAM;AACnD,gBAAM,wBAAwB,kBAAkB,KAAK,KAAK,CAAC;AAI3D,gBAAM,aACJ,GAAG,KACF,cAAc,gBAAgB,QAAQ,uBAAuB;AAGhE,gBAAM,aAAa,sBAAsB,KAAK,GAAG;AACjD,gBAAM,aAAa,sBAAsB,KAAK;AAC9C,gBAAM,WAAW,sBAAsB,MAAM;AAC7C,gBAAM,WAAW,sBAAsB,MAAM;AAC7C,gBAAM,UAAU;AAAA,YACd,sBAAsB,kBAAkB;AAAA,UAC1C;AACA,gBAAM,YAAY,sBAAsB;AACxC,gBAAM,gBAAgB,YAClB,UAAU,SAAS,KAAK,UAAU,KAAK,UAAU,MACjD;AAEJ,gBAAM,qBACJ;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACH,GAAG;AAAA,cACH,UAAU,sBAAsB;AAAA,cAChC,OAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG;AAAA,kBACH,GAAG;AAAA,kBACH,WAAW;AAAA,kBACX,YAAY,sBAAsB;AAAA,kBAClC,YAAY,sBAAsB;AAAA,kBAClC,UAAU,sBAAsB;AAAA,kBAChC,MAAM,sBAAsB;AAAA,kBAE5B,8BAAC,WAAM,GAAG,YAAY,IAAI,SACvB,0BACH;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAGF,iBACE,oBAAC,OAAsC,WAAU,kBAC9C,0BACG,cAAc;AAAA,YACZ,GAAG;AAAA,YACH,GAAG,GAAG;AAAA,YACN,GAAG;AAAA,YACH;AAAA,UACF,CAAC,IACD,sBARE,aAAa,KAAK,IAAI,KAAK,EASnC;AAAA,QAEJ,CAAC;AAAA,QAIA,SAAS,kBACR;AAAA,UAAC;AAAA;AAAA,YACC,GAAG;AAAA,YACH,GAAG;AAAA,YACH,UAAU,mBAAmB;AAAA,YAC7B,OAAO;AAAA,YAEP;AAAA,cAAC;AAAA;AAAA,gBACC,WACE,iBACI,mBAAmB,cAAc,KACjC;AAAA,gBAEN,GAAG,eAAe;AAAA,gBAClB,GAAG,eAAe;AAAA,gBAClB,WAAW,eAAe;AAAA,gBAC1B,YAAY,mBAAmB;AAAA,gBAC/B,YAAY,mBAAmB;AAAA,gBAC/B,UAAU,mBAAmB;AAAA,gBAC7B,MAAM,mBAAmB;AAAA,gBAEzB,8BAAC,WAAM,GAAG,eAAe,GAAG,IAAG,KAC5B,iBACH;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": []
+}

package/esm/charts/core/components/axes/components/CategoryBottomAxis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
-import { DivAxisWrapper } from "./DivAxisWrapper.js";
+import { getTicks } from "../../../../../core/utils/get-ticks.js";
 import { AxisBottom } from "../AxisBottom.js";
 import { axisFontProps, EMOJI_REGEX } from "../constants.js";
+import { DivAxisWrapper } from "./DivAxisWrapper.js";
 import { TickLabel } from "./TickLabel.js";
 import { getXTickMaxSize } from "../utils/calculate-axis-size.js";
 import { getTickLabelPropsForCategoryAxis } from "../utils/get-tick-label-props.js";

package/esm/charts/core/components/axes/components/CategoryBottomAxis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/CategoryBottomAxis.tsx"],
-  "sourcesContent": ["import { TickRendererProps } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport type { ScaleBand } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AxisBottom } from '../AxisBottom.js';\nimport { axisFontProps, EMOJI_REGEX } from '../constants.js';\nimport { TickLabelLayout, TickCategory } from '../types.js';\nimport { TickLabel } from './TickLabel.js';\nimport { getXTickMaxSize } from '../utils/calculate-axis-size.js';\nimport { getTickLabelPropsForCategoryAxis } from '../utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../utils/is-tick-label-visible.js';\nimport { getCategoryBottomAxisProps } from './utils/getCategoryBottomAxisProps.js';\n\n/**\n * @internal\n */\nexport interface CategoryBottomAxisProps {\n  scale: ScaleBand<string>;\n  containerWidth: number;\n  containerHeight: number;\n  categories: TickCategory;\n  label?: string;\n  tickLabelLayout?: TickLabelLayout;\n  truncationMode?: TruncationMode;\n  isVerticalLayout?: boolean;\n}\n\n/**\n * @internal\n */\nexport const CategoryBottomAxis = (props: CategoryBottomAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    categories,\n    containerHeight,\n    tickLabelLayout = 'horizontal',\n    label,\n    truncationMode = 'end',\n  } = props;\n\n  const ticks = getTicks(scale);\n  const tickNames = ticks.map((tickId) => categories[tickId]) ?? 'Unknown';\n  const isTickRotated = tickLabelLayout === 'vertical';\n  const isTickLabelVisible = isTickLabelSpaceAvailable(scale.step());\n\n  const maxSize = getXTickMaxSize(\n    containerHeight,\n    containerWidth,\n    isTickRotated,\n    scale,\n    label,\n  );\n\n  const tickLabelProps = getTickLabelPropsForCategoryAxis(\n    'bottom',\n    tickLabelLayout,\n  );\n\n  const tickNameHasEmoji = tickNames.some((name) => EMOJI_REGEX.test(name));\n\n  const tickFormat = (_: unknown, index: number) => tickNames[index];\n  return isTickLabelVisible ? (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickNames}\n      label={label}\n      isTickVertical\n      isTickRotated={isTickRotated}\n    >\n      <AxisBottom\n        role=\"graphics-symbol\"\n        aria-label=\"category axis bottom\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        tickComponent={({\n          x: renderX,\n          y: renderY,\n          ...rest\n        }: Omit<\n          TickRendererProps,\n          | 'aria-dropeffect'\n          | 'aria-grabbed'\n          | 'onKeyPress'\n          | 'onKeyPressCapture'\n        >) => {\n          const {\n            x,\n            y,\n            foreignObjectInlineStyle,\n            foreignObjectContentInlineStyle,\n          } = getCategoryBottomAxisProps(\n            renderX,\n            isTickRotated,\n            maxSize,\n            tickNameHasEmoji,\n          );\n\n          return (\n            <TickLabel\n              foreignObjectInlineStyle={foreignObjectInlineStyle}\n              foreignObjectContentInlineStyle={foreignObjectContentInlineStyle}\n              isTickRotated={isTickRotated}\n              truncationMode={truncationMode}\n              maxSize={maxSize}\n              x={x}\n              y={y}\n              {...rest}\n            />\n          );\n        }}\n        tickValues={ticks}\n        tickLabelProps={tickLabelProps}\n        tickFormat={tickFormat}\n        label={label}\n        width={containerWidth}\n      />\n    </DivAxisWrapper>\n  ) : null;\n};\n\nCategoryBottomAxis['displayName'] = 'CategoryBottomAxis';\n"],
-  "mappings": "AAsGY;AArGZ,SAAS,gBAAgB;AAGzB,SAAS,sBAAsB;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,eAAe,mBAAmB;AAE3C,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAmBpC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,iBAAiB;AAAA,EACnB,IAAI;AAEJ,QAAM,QAAQ,SAAS,KAAK;AAC5B,QAAM,YAAY,MAAM,IAAI,CAAC,WAAW,WAAW,MAAM,CAAC,KAAK;AAC/D,QAAM,gBAAgB,oBAAoB;AAC1C,QAAM,qBAAqB,0BAA0B,MAAM,KAAK,CAAC;AAEjE,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,UAAU,KAAK,CAAC,SAAS,YAAY,KAAK,IAAI,CAAC;AAExE,QAAM,aAAa,CAAC,GAAY,UAAkB,UAAU,KAAK;AACjE,SAAO,qBACL;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,MACA,gBAAc;AAAA,MACd;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,eAAe,CAAC;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA,UACL,MAMM;AACJ,kBAAM;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,IAAI;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAEA,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF,IACE;AACN;AAEA,mBAAmB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\n\nimport { getTicks } from '../../../../../core/utils/get-ticks.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AxisBottom } from '../AxisBottom.js';\nimport { axisFontProps, EMOJI_REGEX } from '../constants.js';\nimport type { TickRendererProps } from '../types.js';\nimport { TickLabelLayout, TickCategory } from '../types.js';\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { TickLabel } from './TickLabel.js';\nimport { getXTickMaxSize } from '../utils/calculate-axis-size.js';\nimport { getTickLabelPropsForCategoryAxis } from '../utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../utils/is-tick-label-visible.js';\nimport { getCategoryBottomAxisProps } from './utils/getCategoryBottomAxisProps.js';\n\n/**\n * @internal\n */\nexport interface CategoryBottomAxisProps {\n  scale: ScaleBand<string>;\n  containerWidth: number;\n  containerHeight: number;\n  categories: TickCategory;\n  label?: string;\n  tickLabelLayout?: TickLabelLayout;\n  truncationMode?: TruncationMode;\n  isVerticalLayout?: boolean;\n}\n\n/**\n * @internal\n */\nexport const CategoryBottomAxis = (props: CategoryBottomAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    categories,\n    containerHeight,\n    tickLabelLayout = 'horizontal',\n    label,\n    truncationMode = 'end',\n  } = props;\n\n  const ticks = getTicks(scale);\n  const tickNames = ticks.map((tickId) => categories[tickId]) ?? 'Unknown';\n  const isTickRotated = tickLabelLayout === 'vertical';\n  const isTickLabelVisible = isTickLabelSpaceAvailable(scale.step());\n\n  const maxSize = getXTickMaxSize(\n    containerHeight,\n    containerWidth,\n    isTickRotated,\n    scale,\n    label,\n  );\n\n  const tickLabelProps = getTickLabelPropsForCategoryAxis(\n    'bottom',\n    tickLabelLayout,\n  );\n\n  const tickNameHasEmoji = tickNames.some((name) => EMOJI_REGEX.test(name));\n\n  const tickFormat = (_: unknown, index: number) => tickNames[index];\n  return isTickLabelVisible ? (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickNames}\n      label={label}\n      isTickVertical\n      isTickRotated={isTickRotated}\n    >\n      <AxisBottom\n        role=\"graphics-symbol\"\n        aria-label=\"category axis bottom\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        tickComponent={({\n          x: renderX,\n          y: renderY,\n          ...rest\n        }: Omit<\n          TickRendererProps,\n          | 'aria-dropeffect'\n          | 'aria-grabbed'\n          | 'onKeyPress'\n          | 'onKeyPressCapture'\n        >) => {\n          const {\n            x,\n            y,\n            foreignObjectInlineStyle,\n            foreignObjectContentInlineStyle,\n          } = getCategoryBottomAxisProps(\n            renderX,\n            isTickRotated,\n            maxSize,\n            tickNameHasEmoji,\n          );\n\n          return (\n            <TickLabel\n              foreignObjectInlineStyle={foreignObjectInlineStyle}\n              foreignObjectContentInlineStyle={foreignObjectContentInlineStyle}\n              isTickRotated={isTickRotated}\n              truncationMode={truncationMode}\n              maxSize={maxSize}\n              x={x}\n              y={y}\n              {...rest}\n            />\n          );\n        }}\n        tickValues={ticks}\n        tickLabelProps={tickLabelProps}\n        tickFormat={tickFormat}\n        label={label}\n        width={containerWidth}\n      />\n    </DivAxisWrapper>\n  ) : null;\n};\n\nCategoryBottomAxis['displayName'] = 'CategoryBottomAxis';\n"],
+  "mappings": "AAsGY;AApGZ,SAAS,gBAAgB;AAEzB,SAAS,kBAAkB;AAC3B,SAAS,eAAe,mBAAmB;AAG3C,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAmBpC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,iBAAiB;AAAA,EACnB,IAAI;AAEJ,QAAM,QAAQ,SAAS,KAAK;AAC5B,QAAM,YAAY,MAAM,IAAI,CAAC,WAAW,WAAW,MAAM,CAAC,KAAK;AAC/D,QAAM,gBAAgB,oBAAoB;AAC1C,QAAM,qBAAqB,0BAA0B,MAAM,KAAK,CAAC;AAEjE,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,UAAU,KAAK,CAAC,SAAS,YAAY,KAAK,IAAI,CAAC;AAExE,QAAM,aAAa,CAAC,GAAY,UAAkB,UAAU,KAAK;AACjE,SAAO,qBACL;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,MACA,gBAAc;AAAA,MACd;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,eAAe,CAAC;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA,UACL,MAMM;AACJ,kBAAM;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,IAAI;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAEA,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF,IACE;AACN;AAEA,mBAAmB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/components/CategoryLeftAxis.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
+import { getTicks } from "../../../../../core/utils/get-ticks.js";
 import { DEFAULT_TRUNCATION_MODE } from "../../../constants.js";
 import { AxisLeft } from "../AxisLeft.js";
 import { axisFontProps, EMOJI_REGEX } from "../constants.js";

package/esm/charts/core/components/axes/components/CategoryLeftAxis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/CategoryLeftAxis.tsx"],
-  "sourcesContent": ["import { TickRendererProps } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport type { ScaleBand } from 'd3-scale';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../../../constants.js';\nimport { AxisLeft } from '../AxisLeft.js';\nimport { axisFontProps, EMOJI_REGEX } from '../constants.js';\nimport { TickCategory } from '../types.js';\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { TickLabel } from './TickLabel.js';\nimport { getYTickMaxSize } from '../utils/calculate-axis-size.js';\nimport { getTickLabelPropsForCategoryAxis } from '../utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../utils/is-tick-label-visible.js';\nimport { getCategoryLeftAxisProps } from './utils/getCategoryLeftAxisProps.js';\n\n/**\n * @internal\n */\nexport interface CategoryLeftAxisProps {\n  scale: ScaleBand<string>;\n  containerWidth: number;\n  containerHeight: number;\n  categories: TickCategory;\n  label?: string;\n  truncationMode?: TruncationMode;\n  isVerticalLayout?: boolean;\n}\n\nconst TICK_LABEL_PROPS = getTickLabelPropsForCategoryAxis('left');\n\n/**\n * @internal\n */\nexport const CategoryLeftAxis = (props: CategoryLeftAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    containerHeight,\n    label,\n    categories,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    isVerticalLayout = true,\n  } = props;\n\n  const ticks = getTicks(scale);\n  const tickNames = ticks.map((tickId) => categories[tickId]) ?? 'Unknown';\n  const maxSize = getYTickMaxSize(containerWidth, label);\n\n  const tickFormat = (_: unknown, index: number) => tickNames[index];\n\n  const isTickLabelVisible = isTickLabelSpaceAvailable(scale.step());\n\n  const tickNameHasEmoji = tickNames.some((name) => EMOJI_REGEX.test(name));\n\n  return isTickLabelVisible ? (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickNames}\n      label={label}\n    >\n      <AxisLeft\n        role=\"graphics-symbol\"\n        aria-label=\"category axis left\"\n        scale={scale}\n        containerSize={containerHeight}\n        width={containerWidth}\n        tickComponent={({\n          x: renderX,\n          y: renderY,\n          ...rest\n        }: Omit<\n          TickRendererProps,\n          | 'aria-dropeffect'\n          | 'aria-grabbed'\n          | 'onKeyPress'\n          | 'onKeyPressCapture'\n        >) => {\n          const {\n            x,\n            y,\n            foreignObjectInlineStyle,\n            foreignObjectContentInlineStyle,\n          } = getCategoryLeftAxisProps(\n            renderX,\n            renderY,\n            isVerticalLayout,\n            maxSize,\n            tickNameHasEmoji,\n          );\n\n          return (\n            <TickLabel\n              foreignObjectInlineStyle={foreignObjectInlineStyle}\n              foreignObjectContentInlineStyle={foreignObjectContentInlineStyle}\n              truncationMode={truncationMode}\n              maxSize={maxSize}\n              x={x}\n              y={y}\n              {...rest}\n            />\n          );\n        }}\n        tickValues={ticks}\n        tickLabelProps={TICK_LABEL_PROPS}\n        tickFormat={tickFormat}\n        label={label}\n      />\n    </DivAxisWrapper>\n  ) : null;\n};\n\nCategoryLeftAxis['displayName'] = 'CategoryLeftAxis';\n"],
-  "mappings": "AA4FY;AA3FZ,SAAS,gBAAgB;AAIzB,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AACzB,SAAS,eAAe,mBAAmB;AAE3C,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AAezC,MAAM,mBAAmB,iCAAiC,MAAM;AAKzD,MAAM,mBAAmB,CAAC,UAAiC;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,EACrB,IAAI;AAEJ,QAAM,QAAQ,SAAS,KAAK;AAC5B,QAAM,YAAY,MAAM,IAAI,CAAC,WAAW,WAAW,MAAM,CAAC,KAAK;AAC/D,QAAM,UAAU,gBAAgB,gBAAgB,KAAK;AAErD,QAAM,aAAa,CAAC,GAAY,UAAkB,UAAU,KAAK;AAEjE,QAAM,qBAAqB,0BAA0B,MAAM,KAAK,CAAC;AAEjE,QAAM,mBAAmB,UAAU,KAAK,CAAC,SAAS,YAAY,KAAK,IAAI,CAAC;AAExE,SAAO,qBACL;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,OAAO;AAAA,UACP,eAAe,CAAC;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA,UACL,MAMM;AACJ,kBAAM;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,IAAI;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAEA,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,IACE;AACN;AAEA,iBAAiB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\n\nimport { getTicks } from '../../../../../core/utils/get-ticks.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../../../constants.js';\nimport { AxisLeft } from '../AxisLeft.js';\nimport { axisFontProps, EMOJI_REGEX } from '../constants.js';\nimport type { TickRendererProps } from '../types.js';\nimport { TickCategory } from '../types.js';\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { TickLabel } from './TickLabel.js';\nimport { getYTickMaxSize } from '../utils/calculate-axis-size.js';\nimport { getTickLabelPropsForCategoryAxis } from '../utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../utils/is-tick-label-visible.js';\nimport { getCategoryLeftAxisProps } from './utils/getCategoryLeftAxisProps.js';\n\n/**\n * @internal\n */\nexport interface CategoryLeftAxisProps {\n  scale: ScaleBand<string>;\n  containerWidth: number;\n  containerHeight: number;\n  categories: TickCategory;\n  label?: string;\n  truncationMode?: TruncationMode;\n  isVerticalLayout?: boolean;\n}\n\nconst TICK_LABEL_PROPS = getTickLabelPropsForCategoryAxis('left');\n\n/**\n * @internal\n */\nexport const CategoryLeftAxis = (props: CategoryLeftAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    containerHeight,\n    label,\n    categories,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    isVerticalLayout = true,\n  } = props;\n\n  const ticks = getTicks(scale);\n  const tickNames = ticks.map((tickId) => categories[tickId]) ?? 'Unknown';\n  const maxSize = getYTickMaxSize(containerWidth, label);\n\n  const tickFormat = (_: unknown, index: number) => tickNames[index];\n\n  const isTickLabelVisible = isTickLabelSpaceAvailable(scale.step());\n\n  const tickNameHasEmoji = tickNames.some((name) => EMOJI_REGEX.test(name));\n\n  return isTickLabelVisible ? (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickNames}\n      label={label}\n    >\n      <AxisLeft\n        role=\"graphics-symbol\"\n        aria-label=\"category axis left\"\n        scale={scale}\n        containerSize={containerHeight}\n        width={containerWidth}\n        tickComponent={({\n          x: renderX,\n          y: renderY,\n          ...rest\n        }: Omit<\n          TickRendererProps,\n          | 'aria-dropeffect'\n          | 'aria-grabbed'\n          | 'onKeyPress'\n          | 'onKeyPressCapture'\n        >) => {\n          const {\n            x,\n            y,\n            foreignObjectInlineStyle,\n            foreignObjectContentInlineStyle,\n          } = getCategoryLeftAxisProps(\n            renderX,\n            renderY,\n            isVerticalLayout,\n            maxSize,\n            tickNameHasEmoji,\n          );\n\n          return (\n            <TickLabel\n              foreignObjectInlineStyle={foreignObjectInlineStyle}\n              foreignObjectContentInlineStyle={foreignObjectContentInlineStyle}\n              truncationMode={truncationMode}\n              maxSize={maxSize}\n              x={x}\n              y={y}\n              {...rest}\n            />\n          );\n        }}\n        tickValues={ticks}\n        tickLabelProps={TICK_LABEL_PROPS}\n        tickFormat={tickFormat}\n        label={label}\n      />\n    </DivAxisWrapper>\n  ) : null;\n};\n\nCategoryLeftAxis['displayName'] = 'CategoryLeftAxis';\n"],
+  "mappings": "AA4FY;AA1FZ,SAAS,gBAAgB;AAEzB,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AACzB,SAAS,eAAe,mBAAmB;AAG3C,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AAezC,MAAM,mBAAmB,iCAAiC,MAAM;AAKzD,MAAM,mBAAmB,CAAC,UAAiC;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,EACrB,IAAI;AAEJ,QAAM,QAAQ,SAAS,KAAK;AAC5B,QAAM,YAAY,MAAM,IAAI,CAAC,WAAW,WAAW,MAAM,CAAC,KAAK;AAC/D,QAAM,UAAU,gBAAgB,gBAAgB,KAAK;AAErD,QAAM,aAAa,CAAC,GAAY,UAAkB,UAAU,KAAK;AAEjE,QAAM,qBAAqB,0BAA0B,MAAM,KAAK,CAAC;AAEjE,QAAM,mBAAmB,UAAU,KAAK,CAAC,SAAS,YAAY,KAAK,IAAI,CAAC;AAExE,SAAO,qBACL;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,OAAO;AAAA,UACP,eAAe,CAAC;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA,UACL,MAMM;AACJ,kBAAM;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,IAAI;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAEA,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,IACE;AACN;AAEA,iBAAiB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.css

@@ -1,4 +1,4 @@
-@keyframes _3rbllj2-3-7-1 {
+@keyframes _3rbllj2-3-8-0 {
   0% {
     transform: translateX(-4px);
     opacity: 0.2;
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes _3rbllj3-3-7-1 {
+@keyframes _3rbllj3-3-8-0 {
   0% {
     transform: translateX(4px);
     opacity: 0.2;
@@ -18,7 +18,7 @@
     opacity: 1;
   }
 }
-._3rbllj4-3-7-1 {
+._3rbllj4-3-8-0 {
   opacity: 0;
   height: 100%;
   position: absolute;
@@ -34,29 +34,29 @@
   animation-delay: 0.2s;
   animation-fill-mode: forwards;
 }
-._3rbllj5-3-7-1 {
+._3rbllj5-3-8-0 {
   left: 0;
-  animation-name: _3rbllj2-3-7-1;
+  animation-name: _3rbllj2-3-8-0;
 }
-._3rbllj6-3-7-1 {
+._3rbllj6-3-8-0 {
   right: 0;
-  animation-name: _3rbllj3-3-7-1;
+  animation-name: _3rbllj3-3-8-0;
 }
-._3rbllj7-3-7-1 {
+._3rbllj7-3-8-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._3rbllj7-3-7-1:hover {
+._3rbllj7-3-8-0:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._3rbllj7-3-7-1:active {
+._3rbllj7-3-8-0:active {
   color: var(--dt-colors-icon-neutral-subdued-active, #2f2f4f);
 }
-._3rbllj5-3-7-1 ~ div {
-  --_3rbllj0-3-7-1: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
+._3rbllj5-3-8-0 ~ div {
+  --_3rbllj0-3-8-0: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
 }
-._3rbllj6-3-7-1 ~ div {
-  --_3rbllj1-3-7-1: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
+._3rbllj6-3-8-0 ~ div {
+  --_3rbllj1-3-8-0: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
 }
-._3rbllj4-3-7-1 ~ div {
-  mask: linear-gradient(90deg, var(--_3rbllj0-3-7-1, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-7-1, rgba(0,0,0,1) 0%));
+._3rbllj4-3-8-0 ~ div {
+  mask: linear-gradient(90deg, var(--_3rbllj0-3-8-0, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-8-0, rgba(0,0,0,1) 0%));
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js

@@ -1,7 +1,7 @@
 import "./PanningControls.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var panningArrow = "_3rbllj7-3-7-1";
-var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-7-1", variantClassNames: { direction: { toLeft: "_3rbllj5-3-7-1", toRight: "_3rbllj6-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var panningArrow = "_3rbllj7-3-8-0";
+var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-8-0", variantClassNames: { direction: { toLeft: "_3rbllj5-3-8-0", toRight: "_3rbllj6-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   panningArrow,
   panningButtons

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/axes/components/PanningControls/PanningControls.css.ts"],
-  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-7-1';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-7-1',variantClassNames:{direction:{toLeft:'_3rbllj5-3-7-1',toRight:'_3rbllj6-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-8-0';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-8-0',variantClassNames:{direction:{toLeft:'_3rbllj5-3-8-0',toRight:'_3rbllj6-3-8-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/axes/components/TickLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/TickLabel.tsx"],
-  "sourcesContent": ["import { TickRendererProps } from '@visx/axis';\n\nimport { Tooltip } from '../../../../..//overlays/tooltip/Tooltip.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { isSafari } from '../../../utils/is-browser-safari.js';\nimport { charsFontWidth12pixelsSize400Map } from '../../text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../../text-ellipsis/truncate-string.js';\n\ninterface TickLabelProps extends TickRendererProps {\n  foreignObjectInlineStyle: Record<string, string | number>;\n  foreignObjectContentInlineStyle: Record<string, string | number>;\n  isTickRotated?: boolean;\n  maxSize: number;\n  truncationMode: TruncationMode;\n  x: number;\n  y: number;\n}\n\nexport const TickLabel = (props: TickLabelProps) => {\n  const {\n    foreignObjectInlineStyle,\n    foreignObjectContentInlineStyle,\n    formattedValue,\n    maxSize,\n    truncationMode,\n    x,\n    y,\n  } = props;\n\n  if (!formattedValue) {\n    return null;\n  }\n\n  const truncatedValue = truncateString(\n    formattedValue,\n    maxSize,\n    charsFontWidth12pixelsSize400Map,\n    truncationMode,\n  );\n\n  const disableTooltip = formattedValue === truncatedValue;\n\n  return (\n    <g>\n      <foreignObject\n        x={x}\n        y={y}\n        height={foreignObjectInlineStyle.height}\n        width={foreignObjectInlineStyle.width}\n        style={{ ...foreignObjectInlineStyle }}\n      >\n        {isSafari() && (\n          <div\n            style={{ ...foreignObjectContentInlineStyle }}\n            title={formattedValue}\n          >\n            {truncatedValue}\n          </div>\n        )}\n        {!isSafari() && (\n          <Tooltip\n            disabled={disableTooltip}\n            text={formattedValue}\n            style={{ display: 'inline-block' }}\n          >\n            <div\n              style={{\n                ...foreignObjectContentInlineStyle,\n                position: 'relative',\n              }}\n            >\n              {truncatedValue}\n            </div>\n          </Tooltip>\n        )}\n      </foreignObject>\n    </g>\n  );\n};\n"],
-  "mappings": "AA4CM,SAQI,KARJ;AA1CN,SAAS,eAAe;AAExB,SAAS,gBAAgB;AACzB,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAYxB,MAAM,YAAY,CAAC,UAA0B;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iBAAiB,mBAAmB;AAE1C,SACE,oBAAC,OACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,yBAAyB;AAAA,MACjC,OAAO,yBAAyB;AAAA,MAChC,OAAO,EAAE,GAAG,yBAAyB;AAAA,MAEpC;AAAA,iBAAS,KACR;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,GAAG,gCAAgC;AAAA,YAC5C,OAAO;AAAA,YAEN;AAAA;AAAA,QACH;AAAA,QAED,CAAC,SAAS,KACT;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,MAAM;AAAA,YACN,OAAO,EAAE,SAAS,eAAe;AAAA,YAEjC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,GAAG;AAAA,kBACH,UAAU;AAAA,gBACZ;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;",
+  "sourcesContent": ["import { Tooltip } from '../../../../..//overlays/tooltip/Tooltip.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { isSafari } from '../../../utils/is-browser-safari.js';\nimport { charsFontWidth12pixelsSize400Map } from '../../text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../../text-ellipsis/truncate-string.js';\nimport type { TickRendererProps } from '../types.js';\n\ninterface TickLabelProps extends TickRendererProps {\n  foreignObjectInlineStyle: Record<string, string | number>;\n  foreignObjectContentInlineStyle: Record<string, string | number>;\n  isTickRotated?: boolean;\n  maxSize: number;\n  truncationMode: TruncationMode;\n  x: number;\n  y: number;\n}\n\nexport const TickLabel = (props: TickLabelProps) => {\n  const {\n    foreignObjectInlineStyle,\n    foreignObjectContentInlineStyle,\n    formattedValue,\n    maxSize,\n    truncationMode,\n    x,\n    y,\n  } = props;\n\n  if (!formattedValue) {\n    return null;\n  }\n\n  const truncatedValue = truncateString(\n    formattedValue,\n    maxSize,\n    charsFontWidth12pixelsSize400Map,\n    truncationMode,\n  );\n\n  const disableTooltip = formattedValue === truncatedValue;\n\n  return (\n    <g>\n      <foreignObject\n        x={x}\n        y={y}\n        height={foreignObjectInlineStyle.height}\n        width={foreignObjectInlineStyle.width}\n        style={{ ...foreignObjectInlineStyle }}\n      >\n        {isSafari() && (\n          <div\n            style={{ ...foreignObjectContentInlineStyle }}\n            title={formattedValue}\n          >\n            {truncatedValue}\n          </div>\n        )}\n        {!isSafari() && (\n          <Tooltip\n            disabled={disableTooltip}\n            text={formattedValue}\n            style={{ display: 'inline-block' }}\n          >\n            <div\n              style={{\n                ...foreignObjectContentInlineStyle,\n                position: 'relative',\n              }}\n            >\n              {truncatedValue}\n            </div>\n          </Tooltip>\n        )}\n      </foreignObject>\n    </g>\n  );\n};\n"],
+  "mappings": "AA2CM,SAQI,KARJ;AA3CN,SAAS,eAAe;AAExB,SAAS,gBAAgB;AACzB,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAaxB,MAAM,YAAY,CAAC,UAA0B;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iBAAiB,mBAAmB;AAE1C,SACE,oBAAC,OACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,yBAAyB;AAAA,MACjC,OAAO,yBAAyB;AAAA,MAChC,OAAO,EAAE,GAAG,yBAAyB;AAAA,MAEpC;AAAA,iBAAS,KACR;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,GAAG,gCAAgC;AAAA,YAC5C,OAAO;AAAA,YAEN;AAAA;AAAA,QACH;AAAA,QAED,CAAC,SAAS,KACT;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,MAAM;AAAA,YACN,OAAO,EAAE,SAAS,eAAe;AAAA,YAEjC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,GAAG;AAAA,kBACH,UAAU;AAAA,gBACZ;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/axes/components/TimeTableHeaderAxis.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
 import { DivAxisWrapper } from "./DivAxisWrapper.js";
+import { getTicks } from "../../../../../core/utils/get-ticks.js";
 import { formatDateTicks } from "../../../utils/format-date-ticks.js";
 import { getTickValues } from "../../../utils/format-value.js";
 import { getGanttHorizontalTimeAxisNumTicks } from "../../../utils/ticks.js";

package/esm/charts/core/components/axes/components/TimeTableHeaderAxis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/TimeTableHeaderAxis.tsx"],
-  "sourcesContent": ["import { getTicks } from '@visx/scale';\nimport type { ScaleTime } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport {\n  TickPrimitiveValue,\n  TickValueFormatter,\n} from '../../../types/tick-value.js';\nimport { formatDateTicks } from '../../../utils/format-date-ticks.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getGanttHorizontalTimeAxisNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface TimeTableHeaderAxisProps {\n  scale: ScaleTime<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const TimeTableHeaderAxis = (props: TimeTableHeaderAxisProps) => {\n  const { scale, containerWidth, containerHeight, stroke, min, max } = props;\n\n  const numTicks = getGanttHorizontalTimeAxisNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks) as TickPrimitiveValue[];\n  const tickValues = getTickValues(\n    ticks,\n    formatDateTicks as TickValueFormatter,\n  );\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"time axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nTimeTableHeaderAxis['displayName'] = 'TimeTableHeaderAxis';\n"],
-  "mappings": "AA+CM;AA/CN,SAAS,gBAAgB;AAGzB,SAAS,sBAAsB;AAK/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0CAA0C;AACnD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAiBvC,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,OAAO,gBAAgB,iBAAiB,QAAQ,KAAK,IAAI,IAAI;AAErE,QAAM,WAAW,mCAAmC,cAAc;AAClE,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACA,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleTime } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { getTicks } from '../../../../../core/utils/get-ticks.js';\nimport { TickValueFormatter } from '../../../types/tick-value.js';\nimport { formatDateTicks } from '../../../utils/format-date-ticks.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getGanttHorizontalTimeAxisNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface TimeTableHeaderAxisProps {\n  scale: ScaleTime<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const TimeTableHeaderAxis = (props: TimeTableHeaderAxisProps) => {\n  const { scale, containerWidth, containerHeight, stroke, min, max } = props;\n\n  const numTicks = getGanttHorizontalTimeAxisNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks);\n  const tickValues = getTickValues(\n    ticks,\n    formatDateTicks as TickValueFormatter,\n  );\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"time axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nTimeTableHeaderAxis['displayName'] = 'TimeTableHeaderAxis';\n"],
+  "mappings": "AA4CM;AA1CN,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0CAA0C;AACnD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAiBvC,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,OAAO,gBAAgB,iBAAiB,QAAQ,KAAK,IAAI,IAAI;AAErE,QAAM,WAAW,mCAAmC,cAAc;AAClE,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACA,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/components/ValueTableHeaderAxis.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
 import { DivAxisWrapper } from "./DivAxisWrapper.js";
+import { getTicks } from "../../../../../core/utils/get-ticks.js";
 import { getTickValues } from "../../../utils/format-value.js";
 import { getHorizontalNumTicks } from "../../../utils/ticks.js";
 import { AxisTableHeader } from "../AxisTableHeader.js";

package/esm/charts/core/components/axes/components/ValueTableHeaderAxis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/ValueTableHeaderAxis.tsx"],
-  "sourcesContent": ["import { getTicks } from '@visx/scale';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport {\n  TickPrimitiveValue,\n  TickValueFormatter,\n} from '../../../types/tick-value.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getHorizontalNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface ValueTableHeaderAxisProps {\n  scale: ScaleLinear<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  formatter?: TickValueFormatter;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const ValueTableHeaderAxis = (props: ValueTableHeaderAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    containerHeight,\n    formatter,\n    stroke,\n    min,\n    max,\n  } = props;\n  const numTicks = getHorizontalNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks) as TickPrimitiveValue[];\n  const tickValues = getTickValues(ticks, formatter);\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"value axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nValueTableHeaderAxis['displayName'] = 'ValueTableHeaderAxis';\n"],
-  "mappings": "AAmDM;AAnDN,SAAS,gBAAgB;AAGzB,SAAS,sBAAsB;AAK/B,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAkBvC,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAW,sBAAsB,cAAc;AACrD,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa,cAAc,OAAO,SAAS;AACjD,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleLinear } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { getTicks } from '../../../../../core/utils/get-ticks.js';\nimport { TickValueFormatter } from '../../../types/tick-value.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getHorizontalNumTicks } from '../../../utils/ticks.js';\nimport { AxisTableHeader } from '../AxisTableHeader.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForGanttAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface ValueTableHeaderAxisProps {\n  scale: ScaleLinear<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  formatter?: TickValueFormatter;\n  stroke?: string;\n  min?: number;\n  max?: number;\n}\n\n/**\n * @internal\n */\nexport const ValueTableHeaderAxis = (props: ValueTableHeaderAxisProps) => {\n  const {\n    scale,\n    containerWidth,\n    containerHeight,\n    formatter,\n    stroke,\n    min,\n    max,\n  } = props;\n  const numTicks = getHorizontalNumTicks(containerWidth);\n  const ticks = getTicks(scale, numTicks);\n  const tickValues = getTickValues(ticks, formatter);\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      isTickVertical\n    >\n      <AxisTableHeader\n        role=\"graphics-symbol\"\n        aria-label=\"value axis tableheader\"\n        scale={scale}\n        containerSize={containerWidth}\n        height={containerHeight}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={getTickLabelPropsForGanttAxis(min, max)}\n        tickFormat={tickFormat}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nValueTableHeaderAxis['displayName'] = 'ValueTableHeaderAxis';\n"],
+  "mappings": "AAgDM;AA9CN,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAEzB,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAkBvC,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAW,sBAAsB,cAAc;AACrD,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa,cAAc,OAAO,SAAS;AACjD,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,UACf,QAAQ;AAAA,UACR;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB,8BAA8B,KAAK,GAAG;AAAA,UACtD;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/constants.js

@@ -1,6 +1,5 @@
 import Colors from "@dynatrace/strato-design-tokens/colors";
 import Typography from "@dynatrace/strato-design-tokens/typography";
-const AXIS_TICK_LENGTH = 0;
 const X_AXES_TICK_LINE_OFFSET = 4;
 const Y_AXES_TICK_LINE_OFFSET = 6;
 const AXIS_LABEL_HEIGHT = 12;
@@ -38,7 +37,6 @@ const axisFontBaseProps = {
 const EMOJI_REGEX = /(\p{Emoji_Presentation}|\p{Extended_Pictographic})/u;
 export {
   AXIS_LABEL_HEIGHT,
-  AXIS_TICK_LENGTH,
   BOTTOM_AXIS_LINE_OFFSET,
   DEFAULT_AXIS_FONT_COLOR,
   EMOJI_REGEX,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { TextPropsRequired } from './types.js';\nimport type { MappedObject } from '../../types/helpers/mapped-object.js';\n\n/*\n * This should be equal to zero if hideTicks prop is true\n * otherwise, this amount of pixels would be calculated\n * for the width and height of the axes\n */\nexport const AXIS_TICK_LENGTH = 0;\n\n/* Offset between the x axis ticks and x axis line */\nexport const X_AXES_TICK_LINE_OFFSET = 4;\n\n/* Offset between the y axis ticks and y axis line */\nexport const Y_AXES_TICK_LINE_OFFSET = 6;\n\n/* Fixed label's height to be used. Remember: axis label means the title of the axis */\nexport const AXIS_LABEL_HEIGHT = 12;\n\n/* The minimum number of scale steps needed to show tick labels when located on the left */\nexport const MIN_SCALE_STEPS = AXIS_LABEL_HEIGHT;\n\n/* Offset to substract due to Flex adding additional spacing */\nconst FLEX_OFFSET = 4;\n\n/* Offset between tick label and label for x axes*/\nexport const X_AXES_LABEL_OFFSET = X_AXES_TICK_LINE_OFFSET + 6 - FLEX_OFFSET;\n\n/* Offset between tick label and label for y axis */\nexport const Y_AXIS_LABEL_OFFSET = 6;\n\n/* Offset between the top x axis ticks and top axis line */\nexport const TOP_AXIS_LINE_OFFSET = 18;\n\n/* Offset for the top axis */\nexport const TOP_AXIS_LABEL_OFFSET = 8;\n\n/* Offset for the bottom axis */\nexport const BOTTOM_AXIS_LINE_OFFSET = 8;\n\n/* The minimum size the axis could truncate for both vertical and horizontal */\nexport const MIN_AXIS_TRUNCATION_SIZE = 33;\n\nexport const MAX_ANNOTATIONS_AREA_HEIGHT = 46;\n\n/* A value representation for the line-height text rendered */\nexport const TICK_LINE_HEIGHT = 14;\nexport const TICK_LINE_ICON_OFFSET = 4;\n\nexport const Y_LABEL_AREA = AXIS_LABEL_HEIGHT + Y_AXIS_LABEL_OFFSET;\n\nexport const X_LABEL_AREA = AXIS_LABEL_HEIGHT + X_AXES_LABEL_OFFSET;\n\nexport type TickAligmentMode = 'start' | 'middle' | 'end';\n\nexport const TICK_ALIGMENT: MappedObject<TickAligmentMode> = {\n  Start: 'start',\n  Middle: 'middle',\n  End: 'end',\n};\n\nexport const DEFAULT_AXIS_FONT_COLOR = Colors.Text.Neutral.Subdued;\n\n/*\n * These styles are meant to be applied for the axis\n */\nexport const axisFontProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Small.Emphasized.Size,\n  fontFamily: Typography.Text.Small.Emphasized.Family,\n};\n\nexport const axisFontBaseProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Base.Emphasized.Size,\n  fontFamily: Typography.Text.Base.Emphasized.Family,\n};\n\n/**\n * Regular expression that matches any emoji character.\n *\n * This regex uses Unicode property escapes to match characters with either\n * the `Emoji_Presentation` or `Extended_Pictographic` properties, which\n * together cover most emoji symbols and pictographs.\n *\n * https://www.unicode.org/Public/UCD/latest/ucd/emoji/emoji-data.txt\n */\nexport const EMOJI_REGEX =\n  /(\\p{Emoji_Presentation}|\\p{Extended_Pictographic})/u;\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAUhB,MAAM,mBAAmB;AAGzB,MAAM,0BAA0B;AAGhC,MAAM,0BAA0B;AAGhC,MAAM,oBAAoB;AAG1B,MAAM,kBAAkB;AAG/B,MAAM,cAAc;AAGb,MAAM,sBAAsB,0BAA0B,IAAI;AAG1D,MAAM,sBAAsB;AAG5B,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;AAG9B,MAAM,0BAA0B;AAGhC,MAAM,2BAA2B;AAEjC,MAAM,8BAA8B;AAGpC,MAAM,mBAAmB;AACzB,MAAM,wBAAwB;AAE9B,MAAM,eAAe,oBAAoB;AAEzC,MAAM,eAAe,oBAAoB;AAIzC,MAAM,gBAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,MAAM,0BAA0B,OAAO,KAAK,QAAQ;AAKpD,MAAM,gBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,MAAM,WAAW;AAAA,EAC3C,YAAY,WAAW,KAAK,MAAM,WAAW;AAC/C;AAEO,MAAM,oBAAuC;AAAA,EAClD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,KAAK,WAAW;AAAA,EAC1C,YAAY,WAAW,KAAK,KAAK,WAAW;AAC9C;AAWO,MAAM,cACX;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { TextPropsRequired } from './types.js';\nimport type { MappedObject } from '../../types/helpers/mapped-object.js';\n\n/* Offset between the x axis ticks and x axis line */\nexport const X_AXES_TICK_LINE_OFFSET = 4;\n\n/* Offset between the y axis ticks and y axis line */\nexport const Y_AXES_TICK_LINE_OFFSET = 6;\n\n/* Fixed label's height to be used. Remember: axis label means the title of the axis */\nexport const AXIS_LABEL_HEIGHT = 12;\n\n/* The minimum number of scale steps needed to show tick labels when located on the left */\nexport const MIN_SCALE_STEPS = AXIS_LABEL_HEIGHT;\n\n/* Offset to substract due to Flex adding additional spacing */\nconst FLEX_OFFSET = 4;\n\n/* Offset between tick label and label for x axes*/\nexport const X_AXES_LABEL_OFFSET = X_AXES_TICK_LINE_OFFSET + 6 - FLEX_OFFSET;\n\n/* Offset between tick label and label for y axis */\nexport const Y_AXIS_LABEL_OFFSET = 6;\n\n/* Offset between the top x axis ticks and top axis line */\nexport const TOP_AXIS_LINE_OFFSET = 18;\n\n/* Offset for the top axis */\nexport const TOP_AXIS_LABEL_OFFSET = 8;\n\n/* Offset for the bottom axis */\nexport const BOTTOM_AXIS_LINE_OFFSET = 8;\n\n/* The minimum size the axis could truncate for both vertical and horizontal */\nexport const MIN_AXIS_TRUNCATION_SIZE = 33;\n\nexport const MAX_ANNOTATIONS_AREA_HEIGHT = 46;\n\n/* A value representation for the line-height text rendered */\nexport const TICK_LINE_HEIGHT = 14;\nexport const TICK_LINE_ICON_OFFSET = 4;\n\nexport const Y_LABEL_AREA = AXIS_LABEL_HEIGHT + Y_AXIS_LABEL_OFFSET;\n\nexport const X_LABEL_AREA = AXIS_LABEL_HEIGHT + X_AXES_LABEL_OFFSET;\n\nexport type TickAligmentMode = 'start' | 'middle' | 'end';\n\nexport const TICK_ALIGMENT: MappedObject<TickAligmentMode> = {\n  Start: 'start',\n  Middle: 'middle',\n  End: 'end',\n};\n\nexport const DEFAULT_AXIS_FONT_COLOR = Colors.Text.Neutral.Subdued;\n\n/*\n * These styles are meant to be applied for the axis\n */\nexport const axisFontProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Small.Emphasized.Size,\n  fontFamily: Typography.Text.Small.Emphasized.Family,\n};\n\nexport const axisFontBaseProps: TextPropsRequired = {\n  fill: DEFAULT_AXIS_FONT_COLOR,\n  color: DEFAULT_AXIS_FONT_COLOR,\n  fontSize: Typography.Text.Base.Emphasized.Size,\n  fontFamily: Typography.Text.Base.Emphasized.Family,\n};\n\n/**\n * Regular expression that matches any emoji character.\n *\n * This regex uses Unicode property escapes to match characters with either\n * the `Emoji_Presentation` or `Extended_Pictographic` properties, which\n * together cover most emoji symbols and pictographs.\n *\n * https://www.unicode.org/Public/UCD/latest/ucd/emoji/emoji-data.txt\n */\nexport const EMOJI_REGEX =\n  /(\\p{Emoji_Presentation}|\\p{Extended_Pictographic})/u;\n"],
+  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAMhB,MAAM,0BAA0B;AAGhC,MAAM,0BAA0B;AAGhC,MAAM,oBAAoB;AAG1B,MAAM,kBAAkB;AAG/B,MAAM,cAAc;AAGb,MAAM,sBAAsB,0BAA0B,IAAI;AAG1D,MAAM,sBAAsB;AAG5B,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;AAG9B,MAAM,0BAA0B;AAGhC,MAAM,2BAA2B;AAEjC,MAAM,8BAA8B;AAGpC,MAAM,mBAAmB;AACzB,MAAM,wBAAwB;AAE9B,MAAM,eAAe,oBAAoB;AAEzC,MAAM,eAAe,oBAAoB;AAIzC,MAAM,gBAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,MAAM,0BAA0B,OAAO,KAAK,QAAQ;AAKpD,MAAM,gBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,MAAM,WAAW;AAAA,EAC3C,YAAY,WAAW,KAAK,MAAM,WAAW;AAC/C;AAEO,MAAM,oBAAuC;AAAA,EAClD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,WAAW,KAAK,KAAK,WAAW;AAAA,EAC1C,YAAY,WAAW,KAAK,KAAK,WAAW;AAC9C;AAWO,MAAM,cACX;",
   "names": []
 }

package/esm/charts/core/components/axes/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/types.ts"],
-  "sourcesContent": ["import { AxisScale, SharedAxisProps } from '@visx/axis';\nimport type { SVGAttributes } from 'react';\n\nimport { TextProps } from '../../types/text-props.js';\n\n/**\n * @internal\n */\nexport type Orientation = 'left' | 'right' | 'bottom' | 'top';\n\n/**\n * @public\n */\nexport const HORIZONTAL_LABEL_LAYOUT_TYPE = 'horizontal';\n/**\n * @public\n */\nexport const VERTICAL_LABEL_LAYOUT_TYPE = 'vertical';\n\n/** Defines the options for displaying the tick labels in an axis\n * @public\n */\nexport type TickLabelLayout =\n  | typeof HORIZONTAL_LABEL_LAYOUT_TYPE\n  | typeof VERTICAL_LABEL_LAYOUT_TYPE;\n\n/**\n * @internal\n */\nexport interface AxisProps extends SharedAxisProps<AxisScale> {\n  width?: SVGAttributes<SVGSVGElement>['width'];\n  height?: SVGAttributes<SVGSVGElement>['height'];\n  containerSize: number;\n  stroke?: string;\n  size?: 'small' | 'base';\n  tickColor?: string;\n  role?: string;\n  ['aria-label']?: string;\n}\n\n/**\n * @internal\n */\nexport type OrientedAxisProps = Omit<\n  AxisProps,\n  'orientation' | 'width' | 'height'\n> & {\n  width?: number;\n  height?: number;\n};\n\n/**\n * @internal\n */\nexport type TextPropsRequired = Required<\n  Pick<TextProps, 'fill' | 'fontFamily'>\n> & {\n  fontSize: string;\n  color: string;\n};\n\n/**\n * record of category id and category name\n * @internal\n */\nexport type TickCategory = Record<string, string>;\n"],
-  "mappings": "AAaO,MAAM,+BAA+B;AAIrC,MAAM,6BAA6B;",
+  "sourcesContent": ["import type { ReactNode, Ref, SVGAttributes } from 'react';\n\nimport { TextProps, TickLabelProps } from '../../types/text-props.js';\n\ntype NumberLike = { valueOf(): number };\ntype AxisScaleOutput = number | NumberLike | undefined;\n\n// Structural shape of every D3 scale used in Strato (ScaleTime, ScaleLinear,\n// ScaleLogarithmic, ScaleSymLog, ScaleBand).\ntype D3ScaleLike<Output> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (input: any): Output;\n  domain(): any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  range(): any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  copy(): D3ScaleLike<Output>;\n};\n\n/**\n * @internal\n */\nexport type AxisScale<Output extends AxisScaleOutput = AxisScaleOutput> =\n  D3ScaleLike<Output>;\n\n/**\n * @internal\n */\nexport type TickRendererProps = Partial<TextProps> & {\n  x: number;\n  y: number;\n  formattedValue: string | undefined;\n};\n\n/**\n * @internal\n */\nexport interface SharedAxisProps<Scale extends AxisScale> {\n  scale: Scale;\n  orientation?: Orientation;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  tickFormat?: (value: any, index: number, values: any) => string;\n  tickValues?: readonly any[]; // eslint-disable-line @typescript-eslint/no-explicit-any\n  numTicks?: number;\n  tickLabelProps?: Partial<TextProps> | TickLabelProps<any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  tickComponent?: (props: TickRendererProps) => ReactNode;\n  label?: string;\n  labelProps?: Partial<TextProps>;\n  labelOffset?: number;\n  labelClassName?: string;\n  rangePadding?: number;\n  hideZero?: boolean;\n  left?: number;\n  top?: number;\n  axisClassName?: string;\n  innerRef?: Ref<SVGGElement>;\n  hideTicks?: boolean;\n  hideAxisLine?: boolean;\n  tickLength?: number;\n}\n\n/**\n * @internal\n */\nexport type Orientation = 'left' | 'right' | 'bottom' | 'top';\n\n/**\n * @public\n */\nexport const HORIZONTAL_LABEL_LAYOUT_TYPE = 'horizontal';\n/**\n * @public\n */\nexport const VERTICAL_LABEL_LAYOUT_TYPE = 'vertical';\n\n/** Defines the options for displaying the tick labels in an axis\n * @public\n */\nexport type TickLabelLayout =\n  | typeof HORIZONTAL_LABEL_LAYOUT_TYPE\n  | typeof VERTICAL_LABEL_LAYOUT_TYPE;\n\n/**\n * @internal\n */\nexport interface AxisProps extends SharedAxisProps<AxisScale> {\n  width?: SVGAttributes<SVGSVGElement>['width'];\n  height?: SVGAttributes<SVGSVGElement>['height'];\n  containerSize: number;\n  stroke?: string;\n  size?: 'small' | 'base';\n  tickColor?: string;\n  role?: string;\n  ['aria-label']?: string;\n}\n\n/**\n * @internal\n */\nexport type OrientedAxisProps = Omit<\n  AxisProps,\n  'orientation' | 'width' | 'height'\n> & {\n  width?: number;\n  height?: number;\n};\n\n/**\n * @internal\n */\nexport type TextPropsRequired = Required<\n  Pick<TextProps, 'fill' | 'fontFamily'>\n> & {\n  fontSize: string;\n  color: string;\n};\n\n/**\n * record of category id and category name\n * @internal\n */\nexport type TickCategory = Record<string, string>;\n"],
+  "mappings": "AAmEO,MAAM,+BAA+B;AAIrC,MAAM,6BAA6B;",
   "names": []
 }

package/esm/charts/core/components/axes/utils/get-tick-label-props.js

@@ -1,4 +1,4 @@
-import { getTickValueAsNumber } from "../../../utils/get-tick-value-as-number.js";
+import { getTickValueAsNumber } from "../../../../../core/utils/get-tick-value-as-number.js";
 import {
   TICK_ALIGMENT,
   X_AXES_TICK_LINE_OFFSET,
@@ -97,6 +97,48 @@ const getTopTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
     };
   };
 };
+const getLeftTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let verticalAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      verticalAnchor = TICK_ALIGMENT.End;
+    } else if (numericValue === domainMax) {
+      verticalAnchor = TICK_ALIGMENT.Start;
+    }
+    return {
+      x: -Y_AXES_TICK_LINE_OFFSET,
+      textAnchor: TICK_ALIGMENT.End,
+      verticalAnchor
+    };
+  };
+};
+const getRightTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let verticalAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      verticalAnchor = TICK_ALIGMENT.End;
+    } else if (numericValue === domainMax) {
+      verticalAnchor = TICK_ALIGMENT.Start;
+    }
+    return {
+      x: +Y_AXES_TICK_LINE_OFFSET,
+      textAnchor: TICK_ALIGMENT.Start,
+      verticalAnchor
+    };
+  };
+};
+function getYAxisTickLabelProps(position, isCategoricalAxis, scale) {
+  if (isCategoricalAxis) {
+    return getTickLabelPropsForValueAxis(position);
+  }
+  if (scale) {
+    const domain = scale.domain();
+    return position === "left" ? getLeftTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]) : getRightTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]);
+  }
+  return getTickLabelPropsForValueAxis(position);
+}
 const getTickLabelPropsForCategoryAxis = (orientation, tickLabelLayout = "horizontal") => {
   if (orientation === "left") {
     return leftTickCategoricalLabelProps;
@@ -175,11 +217,10 @@ export {
   ELLIPSIS_BUFFER,
   bottomPanTickLabelDateProps,
   bottomTickLabelDateProps,
-  getBottomTickLabelPropsWithDomainAlignment,
   getTickLabelPropsForCategoryAxis,
   getTickLabelPropsForGanttAxis,
   getTickLabelPropsForValueAxis,
-  getTopTickLabelPropsWithDomainAlignment,
-  getXAxisTickLabelProps
+  getXAxisTickLabelProps,
+  getYAxisTickLabelProps
 };
 //# sourceMappingURL=get-tick-label-props.js.map

package/esm/charts/core/components/axes/utils/get-tick-label-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/get-tick-label-props.ts"],
-  "sourcesContent": ["import type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport { getTickValueAsNumber } from '../../../utils/get-tick-value-as-number.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/**\n * Returns tick label props for the bottom axis with domain-aware alignment.\n *\n * Only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned\n * (`middle`), preventing outermost rendered ticks that don't coincide with domain\n * extremes from being clipped against the chart edge.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nexport const getBottomTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Start,\n    };\n  };\n};\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\n/**\n * Returns tick label props for the top axis with domain-aware alignment.\n *\n * Mirrors `getBottomTickLabelPropsWithDomainAlignment` for the top position:\n * only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nexport const getTopTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: -X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.End,\n    };\n  };\n};\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Selects the correct tick label props for a horizontal (top/bottom) axis.\n *\n * Priority:\n *  1. Categorical axis \u2192 category-specific props (accounts for rotation).\n *  2. Continuous, non-rotated, scale available \u2192 domain-aware alignment so\n *     boundary ticks are anchored to the chart edge instead of center-aligned.\n *  3. Fallback \u2192 standard value-axis props.\n */\nexport function getXAxisTickLabelProps(\n  position: 'bottom' | 'top',\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n  scale: AnyScale | undefined,\n  tickLabelLayout?: TickLabelLayout,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);\n  }\n  if (scale && !isTickRotated) {\n    const domain = scale.domain() as [number | Date, number | Date];\n    const getDomainAligned =\n      position === 'bottom'\n        ? getBottomTickLabelPropsWithDomainAlignment\n        : getTopTickLabelPropsWithDomainAlignment;\n    return getDomainAligned(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position, tickLabelLayout);\n}\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getTickValueAsNumber } from '../../../../../core/utils/get-tick-value-as-number.js';\nimport type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/**\n * Returns tick label props for the bottom axis with domain-aware alignment.\n *\n * Only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned\n * (`middle`), preventing outermost rendered ticks that don't coincide with domain\n * extremes from being clipped against the chart edge.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getBottomTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Start,\n    };\n  };\n};\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\n/**\n * Returns tick label props for the top axis with domain-aware alignment.\n *\n * Mirrors `getBottomTickLabelPropsWithDomainAlignment` for the top position:\n * only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getTopTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: -X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.End,\n    };\n  };\n};\n\nconst getLeftTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: -Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.End,\n      verticalAnchor,\n    };\n  };\n};\n\nconst getRightTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: +Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.Start,\n      verticalAnchor,\n    };\n  };\n};\n\nexport function getYAxisTickLabelProps(\n  position: 'left' | 'right',\n  isCategoricalAxis: boolean,\n  scale: AnyScale | undefined,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForValueAxis(position);\n  }\n  if (scale) {\n    const domain = scale.domain() as [number, number];\n    return position === 'left'\n      ? getLeftTickLabelPropsWithDomainAlignment(+domain[0], +domain[1])\n      : getRightTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position);\n}\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Selects the correct tick label props for a horizontal (top/bottom) axis.\n *\n * Priority:\n *  1. Categorical axis \u2192 category-specific props (accounts for rotation).\n *  2. Continuous, non-rotated, scale available \u2192 domain-aware alignment so\n *     boundary ticks are anchored to the chart edge instead of center-aligned.\n *  3. Fallback \u2192 standard value-axis props.\n */\nexport function getXAxisTickLabelProps(\n  position: 'bottom' | 'top',\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n  scale: AnyScale | undefined,\n  tickLabelLayout?: TickLabelLayout,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);\n  }\n  if (scale && !isTickRotated) {\n    const domain = scale.domain() as [number | Date, number | Date];\n    const getDomainAligned =\n      position === 'bottom'\n        ? getBottomTickLabelPropsWithDomainAlignment\n        : getTopTickLabelPropsWithDomainAlignment;\n    return getDomainAligned(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position, tickLabelLayout);\n}\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/chart-grid/ChartGrid.css

@@ -1,13 +1,13 @@
-._13lzg4k0-3-7-1 {
+._13lzg4k0-3-8-0 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-._13lzg4k1-3-7-1 {
+._13lzg4k1-3-8-0 {
   box-sizing: content-box;
 }
-._13lzg4k2-3-7-1 {
+._13lzg4k2-3-8-0 {
   position: relative;
 }

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js

@@ -1,7 +1,7 @@
 import "./ChartGrid.css";
-var area = "_13lzg4k1-3-7-1";
-var plot = "_13lzg4k2-3-7-1";
-var plotLayout = "_13lzg4k0-3-7-1";
+var area = "_13lzg4k1-3-8-0";
+var plot = "_13lzg4k2-3-8-0";
+var plotLayout = "_13lzg4k0-3-8-0";
 export {
   area,
   plot,

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-grid/ChartGrid.css.ts"],
-  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-7-1';\nexport var plot = '_13lzg4k2-3-7-1';\nexport var plotLayout = '_13lzg4k0-3-7-1';"],
+  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-8-0';\nexport var plot = '_13lzg4k2-3-8-0';\nexport var plotLayout = '_13lzg4k0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/constants.js

@@ -0,0 +1,15 @@
+const MIN_HEIGHT_FOR_ANNOTATIONS = 160;
+const MIN_HEIGHT_FOR_AXES = 50;
+function shouldShowAnnotations(chartGridHeight, tracksQuantity) {
+  return tracksQuantity > 0 && chartGridHeight >= MIN_HEIGHT_FOR_ANNOTATIONS;
+}
+function shouldShowAxes(chartGridHeight) {
+  return chartGridHeight >= MIN_HEIGHT_FOR_AXES;
+}
+export {
+  MIN_HEIGHT_FOR_ANNOTATIONS,
+  MIN_HEIGHT_FOR_AXES,
+  shouldShowAnnotations,
+  shouldShowAxes
+};
+//# sourceMappingURL=constants.js.map

package/esm/charts/core/components/chart-grid/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/core/components/chart-grid/constants.ts"],
+  "sourcesContent": ["/**\n * Minimum chart grid height (in px) required to display annotations.\n * Below this threshold, annotations are hidden to prevent visual clipping.\n * @internal\n */\nexport const MIN_HEIGHT_FOR_ANNOTATIONS = 160;\n\n/**\n * Minimum chart grid height (in px) required to display top/bottom axes.\n * Below this threshold, axes are hidden to maximize the plot area.\n * @internal\n */\nexport const MIN_HEIGHT_FOR_AXES = 50;\n\n/**\n * Determines whether annotations should be visible based on chart height\n * and whether annotation tracks exist.\n * @internal\n */\nexport function shouldShowAnnotations(\n  chartGridHeight: number,\n  tracksQuantity: number,\n): boolean {\n  return tracksQuantity > 0 && chartGridHeight >= MIN_HEIGHT_FOR_ANNOTATIONS;\n}\n\n/**\n * Determines whether top/bottom axes should be visible based on chart height.\n * @internal\n */\nexport function shouldShowAxes(chartGridHeight: number): boolean {\n  return chartGridHeight >= MIN_HEIGHT_FOR_AXES;\n}\n"],
+  "mappings": "AAKO,MAAM,6BAA6B;AAOnC,MAAM,sBAAsB;AAO5B,SAAS,sBACd,iBACA,gBACS;AACT,SAAO,iBAAiB,KAAK,mBAAmB;AAClD;AAMO,SAAS,eAAe,iBAAkC;AAC/D,SAAO,mBAAmB;AAC5B;",
+  "names": []
+}