@kubit-ui-web/react-charts 1.11.0 → 1.11.1

package/dist/cjs/components/zoomArea/utils/selectionConfig.js

@@ -1,29 +1 @@
-/**
- * Default configuration for ZoomArea selection area
- */
-const DEFAULT_SELECTION_CONFIG = {
-    /** Selection area background color */
-    FILL: '#0078d4',
-    /** Selection area fill opacity */
-    FILL_OPACITY: 0.5,
-    /** Hide overlay when full range is selected */
-    HIDE_OVERLAY_ON_FULL_RANGE: true,
-    /** Selection area border color */
-    STROKE: '#0078d4',
-    /** Selection area border width */
-    STROKE_WIDTH: 0,
-};
-/**
- * Utility function to get resolved selection configuration.
- * Merges user-provided config with sensible defaults.
- *
- * @param config - Optional user configuration
- * @returns Complete selection configuration with defaults applied
- */
-export const getSelectionConfig = (config) => ({
-    fill: config?.fill ?? DEFAULT_SELECTION_CONFIG.FILL,
-    fillOpacity: config?.fillOpacity ?? DEFAULT_SELECTION_CONFIG.FILL_OPACITY,
-    hideOverlayOnFullRange: config?.hideOverlayOnFullRange ?? DEFAULT_SELECTION_CONFIG.HIDE_OVERLAY_ON_FULL_RANGE,
-    stroke: config?.stroke ?? DEFAULT_SELECTION_CONFIG.STROKE,
-    strokeWidth: config?.strokeWidth ?? DEFAULT_SELECTION_CONFIG.STROKE_WIDTH,
-});
+var e={FILL:`#0078d4`,FILL_OPACITY:.5,HIDE_OVERLAY_ON_FULL_RANGE:!0,STROKE:`#0078d4`,STROKE_WIDTH:0};exports.getSelectionConfig=t=>({fill:t?.fill??e.FILL,fillOpacity:t?.fillOpacity??e.FILL_OPACITY,hideOverlayOnFullRange:t?.hideOverlayOnFullRange??e.HIDE_OVERLAY_ON_FULL_RANGE,stroke:t?.stroke??e.STROKE,strokeWidth:t?.strokeWidth??e.STROKE_WIDTH});

package/dist/cjs/components/zoomArea/zoomArea.js

@@ -1,80 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { SvgContainer } from '../../components/svgContainer/svgContainer';
-import { useResponsiveCanvas } from '../../hooks/useResponsiveCanvas/useResponsiveCanvas';
-import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
-import { FocusRing } from '../focusRing/focusRing';
-import { LineRenderer } from './components/LineRenderer';
-import { SelectionArea } from './components/SelectionArea';
-import { ZoomHandler } from './components/ZoomHandler';
-import { useDragInteraction } from './hooks/useDragInteraction';
-import { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
-import { useZoomAreaFocus } from './hooks/useZoomAreaFocus';
-import { useZoomData } from './hooks/useZoomData';
-import { generateAccessibilityLabels } from './utils/accessibilityLabels';
-import { getInteractionConfig } from './utils/interactionConfig';
-import { calculateLinesPathData } from './utils/pathGeneration';
-import { calculateHandlerPositions } from './utils/rangeAndPositions';
-import { getSelectionConfig } from './utils/selectionConfig';
-import { ZoomAreaElements } from './zoomArea.type';
-/**
- * `ZoomArea` component that renders a scaled chart with draggable zoom handlers for interactive data filtering.
- *
- * It includes full keyboard navigation support, accessibility features, and customizable appearance.
- *
- * @param props - See {@link ZoomAreaProps} for detailed documentation of all available properties.
- *
- * @returns A React functional component that renders an SVG-based zoom area with interactive handlers and accessibility features.
- */
-export const ZoomArea = ({ ariaHidden, ariaLabel, backgroundColor, canvasConfig, // Optional - auto-calculated based on width/height if not provided
-caption, classNames, data, focusConfig, handlerConfig, height = '40px', // 2.5rem, defined by size_400 token in Figma
-initialRange, interactionConfig, lines, onDataChange, role, screenReaderTextConfig, selectionConfig, width = '100%', xKey, ...eventHandlers }) => {
-    const dataTestId = 'zoom-area';
-    // Resolve interaction config with defaults
-    const resolvedInteractionConfig = getInteractionConfig(interactionConfig);
-    // Resolve selection config with defaults
-    const resolvedSelectionConfig = getSelectionConfig(selectionConfig);
-    // Hook for core data filtering functionality
-    const { currentRange, handleRangeChange } = useZoomData({
-        data,
-        initialRange,
-        onDataChange,
-    });
-    // Hook for responsive dimensions of the component when set as percentage
-    const { parsedCanvas, viewBox } = useResponsiveCanvas({
-        canvasConfig,
-        dataTestId,
-        height,
-        width,
-    });
-    // Create a fingerprint of the data/lines to avoid unnecessary updates
-    const dataFingerprint = getDataFingerprint(data);
-    const linesFingerprint = JSON.stringify(lines);
-    // Create ref for SelectionArea to enable separate focus ring rendering
-    const selectionAreaRef = useRef(null);
-    const accessibilityLabels = generateAccessibilityLabels(data, xKey, currentRange, screenReaderTextConfig);
-    // Memoize expensive line calculations
-    const linesData = useMemo(() => {
-        return calculateLinesPathData(data, lines, parsedCanvas.width, parsedCanvas.height);
-    }, [dataFingerprint, linesFingerprint, parsedCanvas.width, parsedCanvas.height]);
-    // Memoize handler positions calculation
-    const { endX, startX } = useMemo(() => calculateHandlerPositions(currentRange, data.length, parsedCanvas.width), [currentRange, dataFingerprint, parsedCanvas.width]);
-    // Interaction hooks
-    const { handleBlur, handleFocus, isFocused } = useZoomAreaFocus();
-    const { handleKeyDown } = useKeyboardNavigation({
-        currentRange,
-        dataLength: data.length,
-        interactionConfig: resolvedInteractionConfig,
-        onRangeChange: handleRangeChange,
-    });
-    const { groupRef, handleMouseDown, handleTouchStart } = useDragInteraction({
-        currentRange,
-        dataLength: data.length,
-        interactionConfig: resolvedInteractionConfig,
-        onRangeChange: handleRangeChange,
-        width: parsedCanvas.width,
-    });
-    return (_jsxs(SvgContainer, { ref: groupRef, ariaHidden: ariaHidden, ariaLabel: ariaLabel, backgroundColor: backgroundColor, caption: caption, className: classNames, "data-testid": dataTestId, height: height, 
-        // set overflow visible so handlers and focus rings are visible always
-        overflow: "visible", role: role, viewBox: viewBox, width: width, ...eventHandlers, children: [_jsx(LineRenderer, { linesData: linesData }), _jsx(SelectionArea, { ref: selectionAreaRef, currentRange: currentRange, dataLength: data.length, dataTestId: `${dataTestId}-selection-area`, endX: endX, height: parsedCanvas.height, screenReaderText: accessibilityLabels.selectionArea, selectionConfig: resolvedSelectionConfig, startX: startX, onBlur: handleBlur, onFocus: handleFocus(ZoomAreaElements.SELECTION_AREA), onKeyDown: handleKeyDown(ZoomAreaElements.SELECTION_AREA), onMouseDown: handleMouseDown(ZoomAreaElements.SELECTION_AREA), onTouchStart: handleTouchStart(ZoomAreaElements.SELECTION_AREA) }), _jsx(ZoomHandler, { dataTestId: `${dataTestId}-start-handler`, focusConfig: focusConfig, handlerConfig: handlerConfig, height: parsedCanvas.height, isFocused: isFocused(ZoomAreaElements.START_HANDLER), max: currentRange.end - resolvedInteractionConfig.minHandlerDistance, min: 0, screenReaderText: accessibilityLabels.startHandler, type: ZoomAreaElements.START_HANDLER, value: currentRange.start, x: startX, onBlur: handleBlur, onFocus: handleFocus(ZoomAreaElements.START_HANDLER), onKeyDown: handleKeyDown(ZoomAreaElements.START_HANDLER), onMouseDown: handleMouseDown(ZoomAreaElements.START_HANDLER), onTouchStart: handleTouchStart(ZoomAreaElements.START_HANDLER) }), _jsx(ZoomHandler, { dataTestId: `${dataTestId}-end-handler`, focusConfig: focusConfig, handlerConfig: handlerConfig, height: parsedCanvas.height, isFocused: isFocused(ZoomAreaElements.END_HANDLER), max: data.length - 1, min: currentRange.start + resolvedInteractionConfig.minHandlerDistance, screenReaderText: accessibilityLabels.endHandler, type: ZoomAreaElements.END_HANDLER, value: currentRange.end, x: endX, onBlur: handleBlur, onFocus: handleFocus(ZoomAreaElements.END_HANDLER), onKeyDown: handleKeyDown(ZoomAreaElements.END_HANDLER), onMouseDown: handleMouseDown(ZoomAreaElements.END_HANDLER), onTouchStart: handleTouchStart(ZoomAreaElements.END_HANDLER) }), _jsx(FocusRing, { dataTestId: "selection-area-focus", focusConfig: { ...focusConfig, variant: 'bounding-box' }, isFocused: isFocused(ZoomAreaElements.SELECTION_AREA), targetRef: selectionAreaRef })] }));
-};
+const e=require(`../svgContainer/svgContainer.js`),t=require(`../../hooks/useResponsiveCanvas/useResponsiveCanvas.js`),n=require(`../../utils/getDataFingerprint/getDataFingerprint.js`),ee=require(`../focusRing/focusRing2.js`),r=require(`./components/LineRenderer.js`),i=require(`./utils/rangeAndPositions.js`),a=require(`./components/SelectionArea.js`),o=require(`./components/ZoomHandler.js`),s=require(`./zoomArea.type.js`),c=require(`./hooks/useDragInteraction.js`),l=require(`./hooks/useKeyboardNavigation.js`),u=require(`./hooks/useZoomAreaFocus.js`),d=require(`./hooks/useZoomData.js`),f=require(`./utils/interactionConfig.js`),te=require(`./utils/pathGeneration.js`),ne=require(`./utils/accessibilityLabels.js`),re=require(`./utils/selectionConfig.js`);let p=require(`react`),m=require(`react/jsx-runtime`);exports.ZoomArea=({ariaHidden:h,ariaLabel:g,backgroundColor:_,canvasConfig:v,caption:ie,classNames:y,data:b,focusConfig:x,handlerConfig:S,height:C=`40px`,initialRange:w,interactionConfig:T,lines:E,onDataChange:D,role:O,screenReaderTextConfig:k,selectionConfig:A,width:j=`100%`,xKey:M,...N})=>{let P=`zoom-area`,F=f.getInteractionConfig(T),I=re.getSelectionConfig(A),{currentRange:L,handleRangeChange:R}=d.useZoomData({data:b,initialRange:w,onDataChange:D}),{parsedCanvas:z,viewBox:B}=t.useResponsiveCanvas({canvasConfig:v,dataTestId:P,height:C,width:j}),V=n.getDataFingerprint(b),H=JSON.stringify(E),U=(0,p.useRef)(null),W=ne.generateAccessibilityLabels(b,M,L,k),G=(0,p.useMemo)(()=>te.calculateLinesPathData(b,E,z.width,z.height),[V,H,z.width,z.height]),{endX:K,startX:q}=(0,p.useMemo)(()=>i.calculateHandlerPositions(L,b.length,z.width),[L,V,z.width]),{handleBlur:J,handleFocus:Y,isFocused:X}=u.useZoomAreaFocus(),{handleKeyDown:Z}=l.useKeyboardNavigation({currentRange:L,dataLength:b.length,interactionConfig:F,onRangeChange:R}),{groupRef:ae,handleMouseDown:Q,handleTouchStart:$}=c.useDragInteraction({currentRange:L,dataLength:b.length,interactionConfig:F,onRangeChange:R,width:z.width});return(0,m.jsxs)(e.SvgContainer,{ref:ae,ariaHidden:h,ariaLabel:g,backgroundColor:_,caption:ie,className:y,"data-testid":P,height:C,overflow:`visible`,role:O,viewBox:B,width:j,...N,children:[(0,m.jsx)(r.LineRenderer,{linesData:G}),(0,m.jsx)(a.SelectionArea,{ref:U,currentRange:L,dataLength:b.length,dataTestId:`${P}-selection-area`,endX:K,height:z.height,screenReaderText:W.selectionArea,selectionConfig:I,startX:q,onBlur:J,onFocus:Y(s.ZoomAreaElements.SELECTION_AREA),onKeyDown:Z(s.ZoomAreaElements.SELECTION_AREA),onMouseDown:Q(s.ZoomAreaElements.SELECTION_AREA),onTouchStart:$(s.ZoomAreaElements.SELECTION_AREA)}),(0,m.jsx)(o.ZoomHandler,{dataTestId:`${P}-start-handler`,focusConfig:x,handlerConfig:S,height:z.height,isFocused:X(s.ZoomAreaElements.START_HANDLER),max:L.end-F.minHandlerDistance,min:0,screenReaderText:W.startHandler,type:s.ZoomAreaElements.START_HANDLER,value:L.start,x:q,onBlur:J,onFocus:Y(s.ZoomAreaElements.START_HANDLER),onKeyDown:Z(s.ZoomAreaElements.START_HANDLER),onMouseDown:Q(s.ZoomAreaElements.START_HANDLER),onTouchStart:$(s.ZoomAreaElements.START_HANDLER)}),(0,m.jsx)(o.ZoomHandler,{dataTestId:`${P}-end-handler`,focusConfig:x,handlerConfig:S,height:z.height,isFocused:X(s.ZoomAreaElements.END_HANDLER),max:b.length-1,min:L.start+F.minHandlerDistance,screenReaderText:W.endHandler,type:s.ZoomAreaElements.END_HANDLER,value:L.end,x:K,onBlur:J,onFocus:Y(s.ZoomAreaElements.END_HANDLER),onKeyDown:Z(s.ZoomAreaElements.END_HANDLER),onMouseDown:Q(s.ZoomAreaElements.END_HANDLER),onTouchStart:$(s.ZoomAreaElements.END_HANDLER)}),(0,m.jsx)(ee.FocusRing,{dataTestId:`selection-area-focus`,focusConfig:{...x,variant:`bounding-box`},isFocused:X(s.ZoomAreaElements.SELECTION_AREA),targetRef:U})]})};

package/dist/cjs/components/zoomArea/zoomArea.type.js

@@ -1,8 +1 @@
-/**
- * Target enumeration for zoom area elements
- */
-export const ZoomAreaElements = {
-    END_HANDLER: 'END_HANDLER',
-    SELECTION_AREA: 'SELECTION_AREA',
-    START_HANDLER: 'START_HANDLER',
-};
+exports.ZoomAreaElements={END_HANDLER:`END_HANDLER`,SELECTION_AREA:`SELECTION_AREA`,START_HANDLER:`START_HANDLER`};

package/dist/cjs/hooks/useFocus/useFocus.js

@@ -1,25 +1 @@
-import { useCallback, useState } from 'react';
-/**
- * Custom React hook to manage focus state and handle focus/blur events for an element.
- *
- * This hook provides a way to manage the focus state of an element and handle its focus and blur events
- * with optional custom handlers. It returns the focus state and functions to handle focus and blur events,
- * which can be used directly on the target element.
- *
- * @template T - A type parameter that extends either HTMLElement or SVGElement, indicating the type of the target element.
- * @param onFocus - An optional custom focus event handler of type `FocusHandler<T>`. It is called when the element gains focus.
- * @param onBlur - An optional custom blur event handler of type `FocusHandler<T>`. It is called when the element loses focus.
- * @returns An object of type `UseFocusReturn<T>` containing the focus state (`isFocused`), and functions to handle focus (`handleFocus`) and blur (`handleBlur`) events.
- */
-export const useFocus = (onFocus, onBlur) => {
-    const [isFocused, setIsFocused] = useState(false);
-    const handleFocus = useCallback((event) => {
-        setIsFocused(true);
-        onFocus?.(event);
-    }, [onFocus]);
-    const handleBlur = useCallback((event) => {
-        setIsFocused(false);
-        onBlur?.(event);
-    }, [onBlur]);
-    return { handleBlur, handleFocus, isFocused };
-};
+let e=require(`react`);exports.useFocus=(t,n)=>{let[r,i]=(0,e.useState)(!1),a=(0,e.useCallback)(e=>{i(!0),t?.(e)},[t]);return{handleBlur:(0,e.useCallback)(e=>{i(!1),n?.(e)},[n]),handleFocus:a,isFocused:r}};

package/dist/cjs/hooks/useHover/useHover.js

@@ -1,27 +1 @@
-import { useCallback, useState } from 'react';
-/**
- * A custom hook that manages hover state and provides event handlers for mouse enter and leave events,
- * with optional custom handlers. It returns the hover state and functions to handle mouse enter and leave events,
- * which can be used directly on the target element.
- *
- * @template T - A type parameter that extends either HTMLElement or SVGElement, indicating the type of the target element.
- * @param onMouseEnter - An optional custom mouse enter event handler of type `MouseHandler<T>`. It is called when the element is hovered.
- * @param onMouseLeave - An optional custom mouse leave event handler of type `MouseHandler<T>`. It is called when the element is no longer hovered.
- * @returns An object of type `UseHoverReturn<T>` containing the hover state (`isHovered`), and functions to handle mouse enter (`handleMouseEnter`) and leave (`handleMouseLeave`) events.
- */
-export const useHover = (onMouseEnter, onMouseLeave) => {
-    const [isHovered, setIsHovered] = useState(false);
-    const handleMouseEnter = useCallback((event) => {
-        setIsHovered(true);
-        onMouseEnter?.(event);
-    }, [onMouseEnter]);
-    const handleMouseLeave = useCallback((event) => {
-        setIsHovered(false);
-        onMouseLeave?.(event);
-    }, [onMouseLeave]);
-    return {
-        handleMouseEnter,
-        handleMouseLeave,
-        isHovered,
-    };
-};
+let e=require(`react`);exports.useHover=(t,n)=>{let[r,i]=(0,e.useState)(!1);return{handleMouseEnter:(0,e.useCallback)(e=>{i(!0),t?.(e)},[t]),handleMouseLeave:(0,e.useCallback)(e=>{i(!1),n?.(e)},[n]),isHovered:r}};

package/dist/cjs/hooks/useId/useId.js

@@ -1,13 +1 @@
-import { useState } from 'react';
-const DEFAULT_PREFIX = '$component$';
-const uniqueId = {};
-const generateUniqueId = (prefix) => {
-    if (!uniqueId[prefix]) {
-        uniqueId[prefix] = 0;
-    }
-    return uniqueId[prefix]++;
-};
-export const useId = (prefix) => {
-    const [id] = useState(() => generateUniqueId(prefix || DEFAULT_PREFIX));
-    return `${prefix}${id}`;
-};
+let e=require(`react`);var t=`$component$`,n={},r=e=>(n[e]||(n[e]=0),n[e]++);exports.useId=n=>{let[i]=(0,e.useState)(()=>r(n||t));return`${n}${i}`};

package/dist/cjs/hooks/useResponsiveCanvas/useResponsiveCanvas.js

@@ -1,76 +1 @@
-import { useEffect, useMemo, useState } from 'react';
-import { buildViewBox } from '../../components/svgContainer/utils/buildViewBox/buildViewBox';
-import { getCanvasDimensions } from '../../utils/getCanvasDimensions/getCanvasDimensions';
-import { parseStringToNumberPx } from '../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { isBrowser, safeQuerySelector } from '../../utils/ssr/ssr';
-export const useResponsiveCanvas = ({ canvasConfig, dataTestId, extraSpace = 0, height, width, }) => {
-    // State for parsed/calculated dimensions
-    const [parsedCanvas, setParsedCanvas] = useState({
-        height: 0,
-        width: 0,
-    });
-    // Determine effective configuration (legacy vs modern API)
-    const effectiveCanvasConfig = useMemo(() => {
-        if (canvasConfig) {
-            // Legacy mode: use provided canvasConfig
-            return canvasConfig;
-        }
-        // Modern mode: construct from height and width props
-        return {
-            extraSpace,
-            height,
-            width,
-        };
-    }, [canvasConfig, width, height, extraSpace]);
-    // Extract and parse canvas configuration
-    const { extraSpace: canvasExtraSpace, height: canvasHeight, width: canvasWidth, } = effectiveCanvasConfig;
-    const parsedCanvasExtraSpace = canvasExtraSpace
-        ? parseStringToNumberPx(canvasExtraSpace)
-        : undefined;
-    // Set up responsive dimensions with ResizeObserver
-    useEffect(() => {
-        // SSR-safe: Skip effect if not in browser
-        if (!isBrowser()) {
-            return;
-        }
-        // Find the SVG element for this specific component instance
-        const svgElement = safeQuerySelector(`[data-testid="${dataTestId}"]`);
-        if (!svgElement) {
-            return;
-        }
-        const calculateDimensions = () => {
-            const { parsedCanvasHeight, parsedCanvasWidth } = getCanvasDimensions({
-                canvasHeight,
-                canvasWidth,
-                svgElement,
-            });
-            setParsedCanvas({
-                height: parsedCanvasHeight,
-                width: parsedCanvasWidth,
-            });
-        };
-        // Calculate initial dimensions
-        calculateDimensions();
-        // Set up ResizeObserver for responsive updates
-        const resizeObserver = new ResizeObserver(() => {
-            calculateDimensions();
-        });
-        // Start observing size changes
-        resizeObserver.observe(svgElement);
-        // Cleanup function
-        // eslint-disable-next-line consistent-return
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [canvasWidth, canvasHeight, dataTestId]);
-    // Calculate viewBox based on parsed dimensions
-    const viewBox = useMemo(() => {
-        const calculatedViewBox = buildViewBox(parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace);
-        return calculatedViewBox;
-    }, [parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace]);
-    return {
-        parsedCanvas,
-        parsedCanvasExtraSpace,
-        viewBox,
-    };
-};
+const e=require(`../../components/svgContainer/utils/buildViewBox/buildViewBox.js`),t=require(`../../utils/ssr/ssr.js`),n=require(`../../utils/getCanvasDimensions/getCanvasDimensions.js`),r=require(`../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`);let i=require(`react`);exports.useResponsiveCanvas=({canvasConfig:a,dataTestId:o,extraSpace:s=0,height:c,width:l})=>{let[u,d]=(0,i.useState)({height:0,width:0}),{extraSpace:f,height:p,width:m}=(0,i.useMemo)(()=>a||{extraSpace:s,height:c,width:l},[a,l,c,s]),h=f?r.parseStringToNumberPx(f):void 0;return(0,i.useEffect)(()=>{if(!t.isBrowser())return;let e=t.safeQuerySelector(`[data-testid="${o}"]`);if(!e)return;let r=()=>{let{parsedCanvasHeight:t,parsedCanvasWidth:r}=n.getCanvasDimensions({canvasHeight:p,canvasWidth:m,svgElement:e});d({height:t,width:r})};r();let i=new ResizeObserver(()=>{r()});return i.observe(e),()=>{i.disconnect()}},[m,p,o]),{parsedCanvas:u,parsedCanvasExtraSpace:h,viewBox:(0,i.useMemo)(()=>e.buildViewBox(u.width,u.height,h),[u.width,u.height,h])}};

package/dist/cjs/index.js

@@ -1,3 +1 @@
-export * from './charts';
-export * from './components';
-export * from './types';
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/svgContainer/svgContainer.js`),t=require(`./types/canvas.type.js`),n=require(`./components/bar/bar.type.js`),r=require(`./types/errors.type.js`),i=require(`./types/position.enum.js`),a=require(`./types/focusConfig.type.js`),o=require(`./components/focusRing/focusRing2.js`),s=require(`./components/node/node.types.js`),c=require(`./components/node/node.js`),l=require(`./components/path/path2.js`),u=require(`./components/bar/bar.js`),d=require(`./components/line/line.js`),f=require(`./components/chartText/chartText.js`),p=require(`./components/tick/tick.js`),m=require(`./components/axisChart/xAxis/xAxis.js`),h=require(`./components/axisChart/yAxis/yAxis.js`),g=require(`./charts/barChart/barChart.js`),_=require(`./charts/customBackgroundChart/customBackgroundChart.js`),v=require(`./components/tick/tick.types.js`),y=require(`./charts/lineChart/lineChart.js`),b=require(`./components/foreignObject/foreignObject.js`),x=require(`./charts/pieChart/pieChart.js`),S=require(`./components/zoomArea/components/HandlerIcon.js`),C=require(`./components/zoomArea/components/LineRenderer.js`),w=require(`./components/zoomArea/utils/rangeAndPositions.js`),T=require(`./components/zoomArea/components/SelectionArea.js`),E=require(`./components/zoomArea/components/ZoomHandler.js`),D=require(`./components/zoomArea/zoomArea.type.js`),O=require(`./components/zoomArea/hooks/useDragInteraction.js`),k=require(`./components/zoomArea/hooks/useKeyboardNavigation.js`),A=require(`./components/zoomArea/hooks/useZoomAreaFocus.js`),j=require(`./components/zoomArea/hooks/useZoomData.js`),M=require(`./components/zoomArea/utils/interactionConfig.js`),N=require(`./components/zoomArea/utils/pathGeneration.js`),P=require(`./components/zoomArea/zoomArea.js`);exports.Bar=u.Bar,exports.BarChart=g.BarChart,exports.BarOrientation=n.BarOrientation,exports.ChartText=f.ChartText,exports.CustomBackgroundChart=_.CustomBackgroundChart,exports.DefaultCanvasConfig=t.DefaultCanvasConfig,exports.ErrorType=r.ErrorType,exports.FOCUS_DEFAULT=a.FOCUS_DEFAULT,exports.FocusRing=o.FocusRing,exports.ForeignObject=b.ForeignObject,exports.HandlerIcon=S.HandlerIcon,exports.Line=d.Line,exports.LineChart=y.LineChart,exports.LineRenderer=C.LineRenderer,exports.Node=c.Node,exports.NodeType=s.NodeType,exports.Path=l.Path,exports.PieChart=x.PieChart,exports.Positions=i.Positions,exports.SelectionArea=T.SelectionArea,exports.SvgContainer=e.SvgContainer,exports.Tick=p.Tick,exports.TickDataUtils=v.TickDataUtils,exports.XAxis=m.XAxis,exports.YAxis=h.YAxis,exports.ZoomArea=P.ZoomArea,exports.ZoomAreaElements=D.ZoomAreaElements,exports.ZoomHandler=E.ZoomHandler,exports.calculateHandlerPositions=w.calculateHandlerPositions,exports.calculateLinesPathData=N.calculateLinesPathData,exports.clampRange=w.clampRange,exports.createDefaultRange=w.createDefaultRange,exports.generateCurvedPath=N.generateCurvedPath,exports.getFocusConfig=a.getFocusConfig,exports.getInteractionConfig=M.getInteractionConfig,exports.isFullRange=w.isFullRange,exports.mouseToDataIndex=w.mouseToDataIndex,exports.normalizeToArray=r.normalizeToArray,exports.useDragInteraction=O.useDragInteraction,exports.useKeyboardNavigation=k.useKeyboardNavigation,exports.useZoomAreaFocus=A.useZoomAreaFocus,exports.useZoomData=j.useZoomData;

package/dist/cjs/react-charts.css

@@ -0,0 +1,2 @@
+.focus-ring-outer,.focus-ring-inner,.focus-ring-container{pointer-events:none}.path:focus{outline:none}.node-focus-border{outline:none}.node-focus-border:focus-visible{outline-offset:2px;outline:2px solid #2c71db}.node-path-focus-border{outline:none}.node-path-focus-border:focus-visible{outline-offset:1px;outline:1px solid #2c71db}.plot{outline:none}.plot-focus-outer,.plot-focus-inner,.pointer-events-none{pointer-events:none}
+/*$vite$:1*/

package/dist/cjs/types/canvas.type.js

@@ -1,11 +1 @@
-/**
- * Provides default configuration for a canvas element.
- *
- * This configuration sets the canvas width to 100 pixels, height to 80 pixels,
- * and includes no additional extra space around the canvas by default.
- */
-export const DefaultCanvasConfig = {
-    extraSpace: 0,
-    height: 80,
-    width: 100,
-};
+exports.DefaultCanvasConfig={extraSpace:0,height:80,width:100};

package/dist/cjs/types/errors.type.js

@@ -1,28 +1 @@
-export const ErrorType = {
-    // Bar Chart Error categories
-    BAR_CHART_CONTEXT_ERROR: 'BAR_CHART_CONTEXT_ERROR',
-    BAR_CHART_PATH_ERROR: 'BAR_CHART_PATH_ERROR',
-    BAR_CHART_SEPARATOR_ERROR: 'BAR_CHART_SEPARATOR_ERROR',
-    BAR_CHART_X_AXIS_ERROR: 'BAR_CHART_X_AXIS_ERROR',
-    BAR_CHART_Y_AXIS_ERROR: 'BAR_CHART_Y_AXIS_ERROR',
-    // Custom Background Chart Error categories
-    CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR: 'CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR',
-    CUSTOM_BACKGROUND_CHART_PLOT_ERROR: 'CUSTOM_BACKGROUND_CHART_PLOT_ERROR',
-    // Generic Error for backward compatibility
-    GENERIC: 'GENERIC',
-    // Line Chart Errors categories
-    LINE_CHART_CONTEXT_ERROR: 'LINE_CHART_CONTEXT_ERROR',
-    LINE_CHART_PATH_ERROR: 'LINE_CHART_PATH_ERROR',
-    LINE_CHART_PROJECTION_ERROR: 'LINE_CHART_PROJECTION_ERROR',
-    LINE_CHART_SEPARATOR_ERROR: 'LINE_CHART_SEPARATOR_ERROR',
-    LINE_CHART_X_AXIS_ERROR: 'LINE_CHART_X_AXIS_ERROR',
-    LINE_CHART_Y_AXIS_ERROR: 'LINE_CHART_Y_AXIS_ERROR',
-    // Pie Chart Error categories
-    PIE_CHART_CONTEXT_ERROR: 'PIE_CHART_CONTEXT_ERROR',
-    PIE_CHART_PATH_ERROR: 'PIE_CHART_PATH_ERROR',
-    PIE_CHART_SEGMENT_ERROR: 'PIE_CHART_SEGMENT_ERROR',
-};
-// Utility for array conversion
-export const normalizeToArray = (error) => {
-    return Array.isArray(error) ? error : [error];
-};
+exports.ErrorType={BAR_CHART_CONTEXT_ERROR:`BAR_CHART_CONTEXT_ERROR`,BAR_CHART_PATH_ERROR:`BAR_CHART_PATH_ERROR`,BAR_CHART_SEPARATOR_ERROR:`BAR_CHART_SEPARATOR_ERROR`,BAR_CHART_X_AXIS_ERROR:`BAR_CHART_X_AXIS_ERROR`,BAR_CHART_Y_AXIS_ERROR:`BAR_CHART_Y_AXIS_ERROR`,CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR:`CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR`,CUSTOM_BACKGROUND_CHART_PLOT_ERROR:`CUSTOM_BACKGROUND_CHART_PLOT_ERROR`,GENERIC:`GENERIC`,LINE_CHART_CONTEXT_ERROR:`LINE_CHART_CONTEXT_ERROR`,LINE_CHART_PATH_ERROR:`LINE_CHART_PATH_ERROR`,LINE_CHART_PROJECTION_ERROR:`LINE_CHART_PROJECTION_ERROR`,LINE_CHART_SEPARATOR_ERROR:`LINE_CHART_SEPARATOR_ERROR`,LINE_CHART_X_AXIS_ERROR:`LINE_CHART_X_AXIS_ERROR`,LINE_CHART_Y_AXIS_ERROR:`LINE_CHART_Y_AXIS_ERROR`,PIE_CHART_CONTEXT_ERROR:`PIE_CHART_CONTEXT_ERROR`,PIE_CHART_PATH_ERROR:`PIE_CHART_PATH_ERROR`,PIE_CHART_SEGMENT_ERROR:`PIE_CHART_SEGMENT_ERROR`},exports.normalizeToArray=e=>Array.isArray(e)?e:[e];

package/dist/cjs/types/focusConfig.type.js

@@ -1,25 +1 @@
-export const FOCUS_DEFAULT = {
-    /** Focus ring color */
-    FOCUS_COLOR: '#0078D4',
-    /** Focus ring inner border */
-    FOCUS_INNER: '#ffffff',
-    /** Focus ring inner stroke width (viewBox-relative units) */
-    INNER_FOCUS_STROKE_WIDTH: 2,
-    /** Focus ring outer stroke width (viewBox-relative units) */
-    OUTER_FOCUS_STROKE_WIDTH: 2,
-    /** Gap between element and outlines in viewBox-relative units (only applies in bounding-box variant) */
-    OUTLINES_GAP: 0,
-    /** Focus ring rendering variant */
-    VARIANT: 'adaptive',
-};
-/**
- * Helper function to get complete focus config with defaults applied
- */
-export const getFocusConfig = (focusConfig) => ({
-    gap: focusConfig?.gap ?? FOCUS_DEFAULT.OUTLINES_GAP,
-    innerColor: focusConfig?.innerColor ?? FOCUS_DEFAULT.FOCUS_INNER,
-    innerStrokeWidth: focusConfig?.innerStrokeWidth ?? FOCUS_DEFAULT.INNER_FOCUS_STROKE_WIDTH,
-    outlineColor: focusConfig?.outlineColor ?? FOCUS_DEFAULT.FOCUS_COLOR,
-    outlineStrokeWidth: focusConfig?.outlineStrokeWidth ?? FOCUS_DEFAULT.OUTER_FOCUS_STROKE_WIDTH,
-    variant: focusConfig?.variant ?? FOCUS_DEFAULT.VARIANT,
-});
+const e={FOCUS_COLOR:`#0078D4`,FOCUS_INNER:`#ffffff`,INNER_FOCUS_STROKE_WIDTH:2,OUTER_FOCUS_STROKE_WIDTH:2,OUTLINES_GAP:0,VARIANT:`adaptive`};exports.FOCUS_DEFAULT=e,exports.getFocusConfig=t=>({gap:t?.gap??e.OUTLINES_GAP,innerColor:t?.innerColor??e.FOCUS_INNER,innerStrokeWidth:t?.innerStrokeWidth??e.INNER_FOCUS_STROKE_WIDTH,outlineColor:t?.outlineColor??e.FOCUS_COLOR,outlineStrokeWidth:t?.outlineStrokeWidth??e.OUTER_FOCUS_STROKE_WIDTH,variant:t?.variant??e.VARIANT});

package/dist/cjs/types/position.enum.js

@@ -1,17 +1 @@
-/**
- * Enum for specifying the position of elements or components.
- *
- * This enumeration provides a standardized way to refer to basic positioning
- * around a two-dimensional space, allowing for clear and consistent
- * communication of position preferences in code.
- *
- * @enum {string}
- */
-export const Positions = {
-    BOTTOM: 'BOTTOM',
-    CENTER: 'CENTER',
-    CUSTOM: 'CUSTOM',
-    LEFT: 'LEFT',
-    RIGHT: 'RIGHT',
-    TOP: 'TOP',
-};
+exports.Positions={BOTTOM:`BOTTOM`,CENTER:`CENTER`,CUSTOM:`CUSTOM`,LEFT:`LEFT`,RIGHT:`RIGHT`,TOP:`TOP`};

package/dist/cjs/types/unit.enum.js

@@ -1,11 +1 @@
-/**
- * Enumeration representing units of measurement that need some transformation to pixels (px).
- *
- * @enum {string}
- * @property {string} PERCENTAGE - Represents a percentage unit ('%').
- * @property {string} REM - Represents a rem unit ('rem')
- */
-export const Unit = {
-    PERCENTAGE: '%',
-    REM: 'rem',
-};
+exports.Unit={PERCENTAGE:`%`,REM:`rem`};

package/dist/cjs/utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.js

@@ -1,27 +1 @@
-/**
- * Adapts legacy StyleProps focusConfig to the new FocusConfig format.
- *
- * Only maps properties that have semantic equivalence:
- * - `stroke` → `outlineColor` (color of the focus ring outline)
- * - `strokeWidth` → `outlineStrokeWidth` and `innerStrokeWidth` (width of both focus rings)
- *
- * Other StyleProps properties (fill, fillOpacity, strokeDasharray, etc.) are ignored
- * as they don't have meaningful equivalents in the new FocusRing component.
- *
- * @deprecated This adapter exists for backward compatibility only.
- * It will be removed in the next major version along with the legacy focusConfig prop.
- *
- * @param legacy - Legacy focusConfig using StyleProps interface
- * @returns FocusConfig compatible object, or undefined if no legacy config provided
- */
-export const adaptLegacyFocusConfig = (legacy) => {
-    if (!legacy) {
-        return undefined;
-    }
-    const strokeWidth = legacy.strokeWidth ? Number(legacy.strokeWidth) : undefined;
-    return {
-        innerStrokeWidth: strokeWidth,
-        outlineColor: legacy.stroke,
-        outlineStrokeWidth: strokeWidth,
-    };
-};
+exports.adaptLegacyFocusConfig=e=>{if(!e)return;let t=e.strokeWidth?Number(e.strokeWidth):void 0;return{innerStrokeWidth:t,outlineColor:e.stroke,outlineStrokeWidth:t}};

package/dist/cjs/utils/ajustedTextSpace/ajustedTextSpace.js

@@ -1,15 +1 @@
-export const ajustedTextSpace = (textAnchor, value, extra) => {
-    let ajusted = 0;
-    switch (textAnchor) {
-        case 'middle':
-            ajusted = value / 2 + extra;
-            break;
-        case 'end':
-            ajusted = value + extra;
-            break;
-        default:
-            ajusted = 0;
-            break;
-    }
-    return ajusted;
-};
+exports.ajustedTextSpace=(e,t,n)=>{let r=0;switch(e){case`middle`:r=t/2+n;break;case`end`:r=t+n;break;default:r=0;break}return r};

package/dist/cjs/utils/buildErrors/buildErrors.js

@@ -1,45 +1 @@
-import { BarChartErrors, BarChartErrorsRecord } from './constants/errors/barChartErrors';
-import { LineChartErrors, LineChartErrorsRecord } from './constants/errors/lineChartErrors';
-import { PieChartErrors, PieChartErrorsRecord } from './constants/errors/pieChartErrors';
-export const BuildError = {
-    INVALID_X_TICK: 'INVALID_X_TICK',
-    ...BarChartErrors,
-    ...LineChartErrors,
-    ...PieChartErrors,
-};
-const INVALID_X_TICK_ERROR = '[getXTicks] Invalid X tick values calculated';
-export const ErrorsRecord = {
-    ...BarChartErrorsRecord,
-    ...LineChartErrorsRecord,
-    ...PieChartErrorsRecord,
-    INVALID_X_TICK: new Error(INVALID_X_TICK_ERROR),
-};
-export const buildError = (error) => ErrorsRecord[error];
-/**
- * Creates a dynamic error for when a dataKey is not found in the dataset
- */
-export const buildDataKeyNotFoundError = (dataKey) => new Error(`DataKey "${dataKey}" not found in dataset`);
-/**
- * Creates a dynamic canvas dimensions error with specific width and height values
- */
-export const buildCanvasDimensionsError = (width, height) => new Error(`Canvas dimensions validation failed: width=${width}, height=${height} (both must be > 0)`);
-/**
- * Creates a dynamic separator X break axis parsing error
- */
-export const buildSeparatorXBreakAxisError = (value) => new Error(`Invalid xBreakAxis value: '${value}' cannot be parsed as number`);
-/**
- * Creates a dynamic separator Y break axis parsing error
- */
-export const buildSeparatorYBreakAxisError = (value) => new Error(`Invalid yBreakAxis value: '${value}' cannot be parsed as number`);
-/**
- * Creates a dynamic separator X out of range error
- */
-export const buildSeparatorXOutOfRangeError = (value, min, max) => new Error(`xBreakAxis value ${value} is outside data range (${min} - ${max})`);
-/**
- * Creates a dynamic separator Y out of range error
- */
-export const buildSeparatorYOutOfRangeError = (value, min, max) => new Error(`yBreakAxis value ${value} is outside data range (${min} - ${max})`);
-// Re-export bar chart error builders
-export { buildBarValueError, buildBarNegativeValueError, buildBarDataKeyNotFoundError, buildBarDistributionError, } from './charts/buildBarChartErrors';
-// Re-export pie chart error builders
-export { buildSegmentValueError, buildSegmentNegativeValueError, buildPieDataKeyNotFoundError, buildEmptyDataArrayError, buildInvalidTotalError, buildInvalidGroupError, buildInvalidRadiusError, buildInvalidInnerRadiusError, buildInnerRadiusOutOfRangeError, } from './charts/buildPieChartErrors';
+const e=require(`./constants/errors/barChartErrors.js`),t=require(`./constants/errors/lineChartErrors.js`),n=require(`./constants/errors/pieChartErrors.js`);require(`./charts/buildBarChartErrors.js`),require(`./charts/buildPieChartErrors.js`);const r={INVALID_X_TICK:`INVALID_X_TICK`,...e.BarChartErrors,...t.LineChartErrors,...n.PieChartErrors};var i=`[getXTicks] Invalid X tick values calculated`;const a={...e.BarChartErrorsRecord,...t.LineChartErrorsRecord,...n.PieChartErrorsRecord,INVALID_X_TICK:Error(i)};exports.BuildError=r,exports.buildCanvasDimensionsError=(e,t)=>Error(`Canvas dimensions validation failed: width=${e}, height=${t} (both must be > 0)`),exports.buildDataKeyNotFoundError=e=>Error(`DataKey "${e}" not found in dataset`),exports.buildError=e=>a[e],exports.buildSeparatorXBreakAxisError=e=>Error(`Invalid xBreakAxis value: '${e}' cannot be parsed as number`),exports.buildSeparatorXOutOfRangeError=(e,t,n)=>Error(`xBreakAxis value ${e} is outside data range (${t} - ${n})`),exports.buildSeparatorYBreakAxisError=e=>Error(`Invalid yBreakAxis value: '${e}' cannot be parsed as number`),exports.buildSeparatorYOutOfRangeError=(e,t,n)=>Error(`yBreakAxis value ${e} is outside data range (${t} - ${n})`);

package/dist/cjs/utils/buildErrors/charts/buildBarChartErrors.js

@@ -1,16 +1 @@
-/**
- * Creates a dynamic error for when a dataKey is not found in the dataset
- */
-export const buildBarDataKeyNotFoundError = (dataKey) => new Error(`DataKey "${dataKey}" not found in dataset`);
-/**
- * Creates a dynamic error for invalid bar value
- */
-export const buildBarValueError = (value, dataKey) => new Error(`Invalid value "${value}" for bar with dataKey "${dataKey}". Must be a valid number.`);
-/**
- * Creates a dynamic error for negative bar value when not allowed
- */
-export const buildBarNegativeValueError = (value, dataKey) => new Error(`Negative value ${value} not allowed for bar with dataKey "${dataKey}" in current configuration`);
-/**
- * Creates a dynamic error for invalid bar distribution
- */
-export const buildBarDistributionError = (dataKey, reason) => new Error(`Invalid bar distribution for "${dataKey}": ${reason}`);
+exports.buildBarDistributionError=(e,t)=>Error(`Invalid bar distribution for "${e}": ${t}`),exports.buildBarNegativeValueError=(e,t)=>Error(`Negative value ${e} not allowed for bar with dataKey "${t}" in current configuration`),exports.buildBarValueError=(e,t)=>Error(`Invalid value "${e}" for bar with dataKey "${t}". Must be a valid number.`);

package/dist/cjs/utils/buildErrors/charts/buildLineChartErrors.js

@@ -1,12 +1 @@
-/**
- * Creates a dynamic projection bounds error with specific upper and lower values
- */
-export const buildProjectionBoundsError = (upperY, lowerY) => new Error(`Invalid projection bounds - upper projection (${upperY}) must be below lower projection (${lowerY})`);
-/**
- * Creates a dynamic projection X coordinate out of range error
- */
-export const buildProjectionXOutOfRangeError = (coordinate, isUpper) => new Error(`${isUpper ? 'Upper' : 'Lower'} projection X coordinate (${coordinate}) is outside valid range (0-100)`);
-/**
- * Creates a dynamic projection Y coordinate out of range error
- */
-export const buildProjectionYOutOfRangeError = (coordinate, svgHeight, isUpper) => new Error(`${isUpper ? 'Upper' : 'Lower'} projection Y coordinate (${coordinate}) is outside chart area (0-${svgHeight})`);
+exports.buildProjectionBoundsError=(e,t)=>Error(`Invalid projection bounds - upper projection (${e}) must be below lower projection (${t})`),exports.buildProjectionXOutOfRangeError=(e,t)=>Error(`${t?`Upper`:`Lower`} projection X coordinate (${e}) is outside valid range (0-100)`),exports.buildProjectionYOutOfRangeError=(e,t,n)=>Error(`${n?`Upper`:`Lower`} projection Y coordinate (${e}) is outside chart area (0-${t})`);

package/dist/cjs/utils/buildErrors/charts/buildPieChartErrors.js

@@ -1,36 +1 @@
-/**
- * Creates a dynamic error for when a segment value is not numeric
- */
-export const buildSegmentValueError = (value, groupName) => new Error(`Invalid segment value for "${groupName}": "${value}" is not a valid number`);
-/**
- * Creates a dynamic error for when a segment value is negative
- */
-export const buildSegmentNegativeValueError = (value, groupName) => new Error(`Negative segment value for "${groupName}": ${value} (values must be >= 0)`);
-/**
- * Creates a dynamic error for when a dataKey is not found in the dataset
- */
-export const buildPieDataKeyNotFoundError = (dataKey) => new Error(`DataKey "${dataKey}" not found in PieChart dataset`);
-/**
- * Creates a dynamic error for when the data array is empty
- */
-export const buildEmptyDataArrayError = (dataKey) => new Error(`Data array for key "${dataKey}" is empty`);
-/**
- * Creates a dynamic error for when total value is zero or invalid
- */
-export const buildInvalidTotalError = (dataKey, total) => new Error(`Invalid total value for "${dataKey}": ${total} (must be > 0)`);
-/**
- * Creates a dynamic error for when a group is missing required properties
- */
-export const buildInvalidGroupError = (dataKey, index, missingProp) => new Error(`Invalid group at index ${index} in "${dataKey}": missing required property "${missingProp}"`);
-/**
- * Creates a dynamic error for invalid radius value
- */
-export const buildInvalidRadiusError = (radius) => new Error(`Invalid radius value: "${radius}" (must be a positive number)`);
-/**
- * Creates a dynamic error for invalid innerRadius value
- */
-export const buildInvalidInnerRadiusError = (innerRadius) => new Error(`Invalid innerRadius value: "${innerRadius}" (must be a positive number or zero)`);
-/**
- * Creates a dynamic error for when innerRadius is greater than or equal to radius
- */
-export const buildInnerRadiusOutOfRangeError = (innerRadius, radius) => new Error(`innerRadius (${innerRadius}) must be less than radius (${radius}) for donut chart rendering`);
+exports.buildEmptyDataArrayError=e=>Error(`Data array for key "${e}" is empty`),exports.buildInnerRadiusOutOfRangeError=(e,t)=>Error(`innerRadius (${e}) must be less than radius (${t}) for donut chart rendering`),exports.buildInvalidGroupError=(e,t,n)=>Error(`Invalid group at index ${t} in "${e}": missing required property "${n}"`),exports.buildInvalidInnerRadiusError=e=>Error(`Invalid innerRadius value: "${e}" (must be a positive number or zero)`),exports.buildInvalidRadiusError=e=>Error(`Invalid radius value: "${e}" (must be a positive number)`),exports.buildInvalidTotalError=(e,t)=>Error(`Invalid total value for "${e}": ${t} (must be > 0)`),exports.buildPieDataKeyNotFoundError=e=>Error(`DataKey "${e}" not found in PieChart dataset`),exports.buildSegmentNegativeValueError=(e,t)=>Error(`Negative segment value for "${t}": ${e} (values must be >= 0)`),exports.buildSegmentValueError=(e,t)=>Error(`Invalid segment value for "${t}": "${e}" is not a valid number`);

package/dist/cjs/utils/buildErrors/constants/errorMessages/barChartErrorMessages.js

@@ -1,23 +1 @@
-export const BarChartErrorMessages = {
-    // Axis & Scale Errors
-    BAR_CHART_AXIS_INSUFFICIENT_TICKS: 'Axis requires at least two ticks for proper bar scaling',
-    BAR_CHART_AXIS_INVALID_SCALE: 'Invalid axis scale for current bar values',
-    // Distribution Errors
-    BAR_CHART_DISTRIBUTION_INSUFFICIENT_SPACE: 'Insufficient space for bar distribution with current configuration',
-    BAR_CHART_DISTRIBUTION_INVALID_GAP: 'Invalid gap between bars - must be >= 0 and allow bar rendering',
-    BAR_CHART_DISTRIBUTION_OVERLAP: 'Bar distribution results in overlapping bars',
-    // Data Validation Errors
-    BAR_CHART_EMPTY_DATA: 'No valid data entries found for bar chart rendering',
-    BAR_CHART_INSUFFICIENT_SPACE_HEIGHT: 'Insufficient height to render bars. Consider reducing bar count or increasing chart height',
-    BAR_CHART_INSUFFICIENT_SPACE_WIDTH: 'Insufficient width to render bars. Consider reducing bar width or increasing chart width',
-    BAR_CHART_INVALID_VALUE: 'Bar value must be a valid number for rendering',
-    BAR_CHART_NEGATIVE_VALUE: 'Negative values are not supported in this bar configuration',
-    BAR_CHART_NO_DATA: 'Data validation failed: no data provided for bar chart rendering',
-    BAR_CHART_OVERLAP: 'Bars are overlapping due to insufficient spacing',
-    // Separator Errors
-    BAR_CHART_SEPARATOR_X_OUT_OF_RANGE: 'Separator X position is outside valid bar range',
-    BAR_CHART_SEPARATOR_Y_OUT_OF_RANGE: 'Separator Y position is outside valid bar range',
-    // Stack Errors
-    BAR_CHART_STACK_INVALID: 'Invalid stacking configuration - all bars in stack must have consistent configuration',
-    BAR_CHART_STACK_MISSING_VALUES: 'Stack is incomplete - all bars in stack must have valid values',
-};
+exports.BarChartErrorMessages={BAR_CHART_AXIS_INSUFFICIENT_TICKS:`Axis requires at least two ticks for proper bar scaling`,BAR_CHART_AXIS_INVALID_SCALE:`Invalid axis scale for current bar values`,BAR_CHART_DISTRIBUTION_INSUFFICIENT_SPACE:`Insufficient space for bar distribution with current configuration`,BAR_CHART_DISTRIBUTION_INVALID_GAP:`Invalid gap between bars - must be >= 0 and allow bar rendering`,BAR_CHART_DISTRIBUTION_OVERLAP:`Bar distribution results in overlapping bars`,BAR_CHART_EMPTY_DATA:`No valid data entries found for bar chart rendering`,BAR_CHART_INSUFFICIENT_SPACE_HEIGHT:`Insufficient height to render bars. Consider reducing bar count or increasing chart height`,BAR_CHART_INSUFFICIENT_SPACE_WIDTH:`Insufficient width to render bars. Consider reducing bar width or increasing chart width`,BAR_CHART_INVALID_VALUE:`Bar value must be a valid number for rendering`,BAR_CHART_NEGATIVE_VALUE:`Negative values are not supported in this bar configuration`,BAR_CHART_NO_DATA:`Data validation failed: no data provided for bar chart rendering`,BAR_CHART_OVERLAP:`Bars are overlapping due to insufficient spacing`,BAR_CHART_SEPARATOR_X_OUT_OF_RANGE:`Separator X position is outside valid bar range`,BAR_CHART_SEPARATOR_Y_OUT_OF_RANGE:`Separator Y position is outside valid bar range`,BAR_CHART_STACK_INVALID:`Invalid stacking configuration - all bars in stack must have consistent configuration`,BAR_CHART_STACK_MISSING_VALUES:`Stack is incomplete - all bars in stack must have valid values`};