abstract-chart 12.0.45 → 12.0.46

package/lib/chart.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */
 import { exhaustiveCheck } from "ts-exhaustive-check";
-import * as AI from "abstract-image";
 import { inverseTransformValue, getTicks, createLinearAxis, transformValue, transformPoint, } from "./axis.js";
+import { black, createAbstractImage, createEllipse, createGroup, createLine, createPoint, createPolygon, createPolyLine, createRectangle, createSize, createText, gray, lightGray, solidLine, transparent, white } from "abstract-image";
 const axisLabelPosFactor = 0.65;
 export function createChart(props) {
     return {
@@ -20,11 +20,11 @@ export function createChart(props) {
         xAxisesTop: props.xAxisesTop ?? [],
         yAxisesLeft: props.yAxisesLeft ?? [],
         yAxisesRight: props.yAxisesRight ?? [],
-        backgroundColor: props.backgroundColor ?? AI.white,
+        backgroundColor: props.backgroundColor ?? white,
         font: props.font ?? "Arial",
         fontSize: props.fontSize ?? 12,
-        textColor: props.textColor ?? AI.black,
-        textOutlineColor: props.textOutlineColor ?? AI.transparent,
+        textColor: props.textColor ?? black,
+        textOutlineColor: props.textOutlineColor ?? transparent,
         labelLayout: props.labelLayout ?? "original",
         padding: {
             top: props.padding?.top ?? 10,
@@ -38,14 +38,14 @@ export function createChart(props) {
             bottom: props.axisWidth?.bottom ?? 50,
             left: props.axisWidth?.left ?? 50,
         },
-        xGrid: { color: props.xGrid?.color ?? AI.gray, thickness: props.xGrid?.thickness ?? 1 },
-        yGrid: { color: props.yGrid?.color ?? AI.gray, thickness: props.yGrid?.thickness ?? 1 },
+        xGrid: { color: props.xGrid?.color ?? gray, thickness: props.xGrid?.thickness ?? 1 },
+        yGrid: { color: props.yGrid?.color ?? gray, thickness: props.yGrid?.thickness ?? 1 },
         xPixelsPerTick: props.xPixelsPerTick ?? 40,
         yPixelsPerTick: props.yPixelsPerTick ?? 40,
     };
 }
 export function createChartArea(props) {
-    const { points = [], color = AI.lightGray, strokeColor = AI.transparent, strokeThickness = 0, xAxis = "bottom", xAxisIx = 0, yAxis = "left", yAxisIx = 0, id, } = props || {};
+    const { points = [], color = lightGray, strokeColor = transparent, strokeThickness = 0, xAxis = "bottom", xAxisIx = 0, yAxis = "left", yAxisIx = 0, id, } = props || {};
     return {
         points,
         color,
@@ -59,7 +59,7 @@ export function createChartArea(props) {
     };
 }
 export function createChartPoint(props) {
-    const { shape = "circle", position = AI.createPoint(0, 0), color = AI.black, strokeColor = AI.black, strokeThickness = 1, size = AI.createSize(6, 6), label = "", xAxis = "bottom", xAxisIx = 0, yAxis = "left", yAxisIx = 0, fontSize, textColor, textOutlineColor, id, } = props || {};
+    const { shape = "circle", position = createPoint(0, 0), color = black, strokeColor = black, strokeThickness = 1, size = createSize(6, 6), label = "", xAxis = "bottom", xAxisIx = 0, yAxis = "left", yAxisIx = 0, fontSize, textColor, textOutlineColor, id, } = props || {};
     return {
         shape,
         position,
@@ -79,11 +79,11 @@ export function createChartPoint(props) {
     };
 }
 export function createChartLine(props) {
-    const { points = [], color = AI.black, thickness = 1, label = "", xAxis = "bottom", xAxisIx = 0, yAxis = "left", yAxisIx = 0, fontSize, textColor, textOutlineColor, id, } = props || {};
+    const { points = [], color = black, thickness = 1, label = "", xAxis = "bottom", xAxisIx = 0, yAxis = "left", yAxisIx = 0, fontSize, textColor, textOutlineColor, id, } = props || {};
     return { points, color, thickness, label, xAxis, xAxisIx, yAxis, yAxisIx, fontSize, textColor, textOutlineColor, id };
 }
 export function createChartStackConfig(props) {
-    const { color = AI.black, label = "" } = props || {};
+    const { color = black, label = "" } = props || {};
     return { color, label };
 }
 export function createChartStack(props) {
@@ -116,7 +116,7 @@ export function inverseTransformPoint(point, chart, xAxis, xAxisIx, yAxis, yAxis
     if (x === undefined || y === undefined) {
         return undefined;
     }
-    return AI.createPoint(x, y);
+    return createPoint(x, y);
 }
 function finalPadding(chart) {
     return {
@@ -193,12 +193,12 @@ export function renderChart(chart) {
         renderedDataAxisesLeft,
         renderedDataAxisesRight,
     ];
-    const topLeft = AI.createPoint(0, 0);
-    const size = AI.createSize(width, height);
-    return AI.createAbstractImage(topLeft, size, AI.white, components);
+    const topLeft = createPoint(0, 0);
+    const size = createSize(width, height);
+    return createAbstractImage(topLeft, size, white, components);
 }
 export function generateBackground(xMin, xMax, yMin, yMax, chart) {
-    return AI.createRectangle(AI.createPoint(xMin, yMax), AI.createPoint(xMax, yMin), AI.transparent, 0, chart.backgroundColor);
+    return createRectangle(createPoint(xMin, yMax), createPoint(xMax, yMin), transparent, 0, chart.backgroundColor);
 }
 export function xAxises(xAxis, xNumTicks, axises, xMin, xMax, yMin, yMax, xMinLineThicknessAdjustment, xMaxLineThicknessAdjustment, chart) {
     const components = Array();
@@ -213,7 +213,7 @@ export function xAxises(xAxis, xNumTicks, axises, xMin, xMax, yMin, yMax, xMinLi
         }
         const thickness = axis.thickness ?? 1;
         const lineDisp = ix == 0 ? (xAxis === "bottom" ? thickness / 2 : -thickness / 2) : 0;
-        components.push(AI.createLine({ x: xMin - (ix == 0 ? xMinLineThicknessAdjustment : chart.xGrid.thickness / 2), y: lineY + lineDisp }, { x: xMax + (ix == 0 ? xMaxLineThicknessAdjustment : chart.xGrid.thickness / 2), y: lineY + lineDisp }, axis.axisColor ?? AI.gray, thickness));
+        components.push(createLine({ x: xMin - (ix == 0 ? xMinLineThicknessAdjustment : chart.xGrid.thickness / 2), y: lineY + lineDisp }, { x: xMax + (ix == 0 ? xMaxLineThicknessAdjustment : chart.xGrid.thickness / 2), y: lineY + lineDisp }, axis.axisColor ?? gray, thickness));
         if (!axis.noTicks) {
             components.push(generateXAxisLabels(xMin, xMax, lineY + dirFactor * 12, xAxis === "bottom" ? "down" : "up", xTicks, axis, chart));
         }
@@ -235,7 +235,7 @@ export function xAxises(xAxis, xNumTicks, axises, xMin, xMax, yMin, yMax, xMinLi
         }
         lineY += dirFactor * axisWidth;
     }
-    return [AI.createGroup(xAxis + "XAxis", components), AI.createGroup(xAxis + "XAxisGridLines", gridLineComponents)];
+    return [createGroup(xAxis + "XAxis", components), createGroup(xAxis + "XAxisGridLines", gridLineComponents)];
 }
 export function yAxises(yAxis, yNumTicks, axises, xMin, xMax, yMin, yMax, yMinLineThicknessAdjustment, yMaxLineThicknessAdjustment, chart) {
     const components = Array();
@@ -250,7 +250,7 @@ export function yAxises(yAxis, yNumTicks, axises, xMin, xMax, yMin, yMax, yMinLi
         }
         const thickness = axis.thickness ?? 1;
         const lineDisp = ix == 0 ? (yAxis === "left" ? -thickness / 2 : thickness / 2) : 0;
-        components.push(AI.createLine({ x: lineX + lineDisp, y: yMin + (ix == 0 ? yMinLineThicknessAdjustment : chart.yGrid.thickness / 2) }, { x: lineX + lineDisp, y: yMax - (ix == 0 ? yMaxLineThicknessAdjustment : chart.yGrid.thickness / 2) }, axis.axisColor ?? AI.gray, axis.thickness ?? 1));
+        components.push(createLine({ x: lineX + lineDisp, y: yMin + (ix == 0 ? yMinLineThicknessAdjustment : chart.yGrid.thickness / 2) }, { x: lineX + lineDisp, y: yMax - (ix == 0 ? yMaxLineThicknessAdjustment : chart.yGrid.thickness / 2) }, axis.axisColor ?? gray, axis.thickness ?? 1));
         if (!axis.noTicks) {
             components.push(generateYAxisLabels(lineX + dirFactor * 12, yMin, yMax, yAxis, yTicks, axis, chart));
         }
@@ -273,7 +273,7 @@ export function yAxises(yAxis, yNumTicks, axises, xMin, xMax, yMin, yMax, yMinLi
         }
         lineX += dirFactor * axisWidth;
     }
-    return [AI.createGroup("YAxisLeft", components), AI.createGroup("YAxisLeftGridLines", gridLineComponents)];
+    return [createGroup("YAxisLeft", components), createGroup("YAxisLeftGridLines", gridLineComponents)];
 }
 export function generateDataAxisesX(xAxis, axises, numTicks, xMin, xMax, yMin, yMax, chart) {
     const components = Array();
@@ -308,15 +308,15 @@ export function generateDataAxisesX(xAxis, axises, numTicks, xMin, xMax, yMin, y
         components.push(...yValues.flatMap((y) => {
             const tickX = findX(y);
             const x = transformValue(tickX, xMin, xMax, chart.xAxisesBottom[0]);
-            const start = AI.createPoint(x, lineY2);
-            const end = AI.createPoint(x, lineY2 + dirFactor * 10);
-            const textPos = AI.createPoint(x, lineY2 + dirFactor * 12);
+            const start = createPoint(x, lineY2);
+            const end = createPoint(x, lineY2 + dirFactor * 10);
+            const textPos = createPoint(x, lineY2 + dirFactor * 12);
             return [
-                AI.createLine(start, end, chart.xGrid.color, chart.xGrid.thickness),
-                AI.createText(textPos, formatNumber(y), chart.font, axis.tickFontSize ?? chart.fontSize, axis.labelColor ?? AI.black, "normal", axis.labelRotation ?? 0, "center", "uniform", xAxis === "bottom" ? "down" : "up", 0, axis.labelColor ?? AI.black, false),
+                createLine(start, end, chart.xGrid.color, chart.xGrid.thickness),
+                createText(textPos, formatNumber(y), chart.font, axis.tickFontSize ?? chart.fontSize, axis.labelColor ?? black, "normal", axis.labelRotation ?? 0, "center", "uniform", xAxis === "bottom" ? "down" : "up", 0, axis.labelColor ?? black, false),
             ];
         }));
-        components.push(AI.createLine({ x: xMin, y: lineY }, { x: xMax, y: lineY }, axis.axisColor ?? AI.gray, axis.thickness ?? 1));
+        components.push(createLine({ x: xMin, y: lineY }, { x: xMax, y: lineY }, axis.axisColor ?? gray, axis.thickness ?? 1));
         const axisLabelPosY = lineY + dirFactor * (axisWidth - (axis.axisFontSize ?? chart.fontSize));
         switch (chart.labelLayout) {
             case "original":
@@ -333,7 +333,7 @@ export function generateDataAxisesX(xAxis, axises, numTicks, xMin, xMax, yMin, y
         }
         lineY += dirFactor * axisWidth;
     }
-    return AI.createGroup(xAxis + "XDataAxis", components);
+    return createGroup(xAxis + "XDataAxis", components);
 }
 export function generateDataAxisesY(yAxis, axises, numTicks, xMin, xMax, yMin, yMax, chart) {
     const components = Array();
@@ -368,15 +368,15 @@ export function generateDataAxisesY(yAxis, axises, numTicks, xMin, xMax, yMin, y
         components.push(...yValues.flatMap((y) => {
             const tickY = findX(y);
             const yPx = transformValue(tickY, yMin, yMax, chart.yAxisesLeft[0]);
-            const start = AI.createPoint(lineX2, yPx);
-            const end = AI.createPoint(lineX2 + dirFactor * 10, yPx);
-            const textPos = AI.createPoint(lineX2 + dirFactor * 12, yPx);
+            const start = createPoint(lineX2, yPx);
+            const end = createPoint(lineX2 + dirFactor * 10, yPx);
+            const textPos = createPoint(lineX2 + dirFactor * 12, yPx);
             return [
-                AI.createLine(start, end, chart.xGrid.color, chart.xGrid.thickness),
-                AI.createText(textPos, formatNumber(y), chart.font, axis.tickFontSize ?? chart.fontSize, axis.labelColor ?? AI.black, "normal", 0, "center", yAxis, "uniform", 0, axis.labelColor ?? AI.black, false),
+                createLine(start, end, chart.xGrid.color, chart.xGrid.thickness),
+                createText(textPos, formatNumber(y), chart.font, axis.tickFontSize ?? chart.fontSize, axis.labelColor ?? black, "normal", 0, "center", yAxis, "uniform", 0, axis.labelColor ?? black, false),
             ];
         }));
-        components.push(AI.createLine({ x: lineX, y: yMin }, { x: lineX, y: yMax }, axis.axisColor ?? AI.gray, axis.thickness ?? 1));
+        components.push(createLine({ x: lineX, y: yMin }, { x: lineX, y: yMax }, axis.axisColor ?? gray, axis.thickness ?? 1));
         const rotation = yAxis === "left" ? -90 : 90;
         const axisLabelPosX = lineX + dirFactor * (axisWidth - (axis.axisFontSize ?? chart.fontSize));
         switch (chart.labelLayout) {
@@ -394,7 +394,7 @@ export function generateDataAxisesY(yAxis, axises, numTicks, xMin, xMax, yMin, y
         }
         lineX += dirFactor * axisWidth;
     }
-    return AI.createGroup(yAxis + "YDataAxis", components);
+    return createGroup(yAxis + "YDataAxis", components);
 }
 export function generateStack(xMin, xMax, yMin, yMax, chart) {
     const pointsPos = chart.chartStack.points.map((stackPoint) => ({
@@ -413,11 +413,11 @@ export function generateStack(xMin, xMax, yMin, yMax, chart) {
         ...chart,
         chartStack: { ...chart.chartStack, points: pointsNeg },
     });
-    return AI.createGroup("Stacks", [stackPos, stackNeg]);
+    return createGroup("Stacks", [stackPos, stackNeg]);
 }
 function generateUnsignedStack(xMin, xMax, yMin, yMax, chart) {
     if (chart.chartStack.points.length < 2) {
-        return AI.createGroup("stack", []);
+        return createGroup("stack", []);
     }
     const xAxis = chart.chartStack.xAxis === "top"
         ? chart.xAxisesTop[chart.chartStack.xAxisIx]
@@ -429,7 +429,7 @@ function generateUnsignedStack(xMin, xMax, yMin, yMax, chart) {
         let sumY = 0;
         const points = stackPoints.ys.map((y) => {
             sumY += y;
-            return transformPoint(AI.createPoint(stackPoints.x, sumY), xMin, xMax, yMin, yMax, xAxis, yAxis);
+            return transformPoint(createPoint(stackPoints.x, sumY), xMin, xMax, yMin, yMax, xAxis, yAxis);
         });
         return points;
     });
@@ -442,7 +442,7 @@ function generateUnsignedStack(xMin, xMax, yMin, yMax, chart) {
         }
     }
     const polygons = [];
-    let lastLine = chart.chartStack.points.map((stackPoint) => transformPoint(AI.createPoint(stackPoint.x, 0), xMin, xMax, yMin, yMax, xAxis, yAxis));
+    let lastLine = chart.chartStack.points.map((stackPoint) => transformPoint(createPoint(stackPoint.x, 0), xMin, xMax, yMin, yMax, xAxis, yAxis));
     lines.forEach((line, index) => {
         const config = chart.chartStack.config[index];
         if (!config) {
@@ -451,14 +451,14 @@ function generateUnsignedStack(xMin, xMax, yMin, yMax, chart) {
         const color = config.color;
         const points = [...line, ...lastLine.slice().reverse()];
         lastLine = line;
-        polygons.push(AI.createPolygon(points, color, 0, color, config.id));
+        polygons.push(createPolygon(points, color, 0, color, config.id));
     });
-    return AI.createGroup("Stack", polygons);
+    return createGroup("Stack", polygons);
 }
 export function generateLines(xMin, xMax, yMin, yMax, chart) {
     const lines = chart.chartLines.map((l) => {
         if (l.points.length < 2) {
-            return AI.createGroup(l.label.split("<")[0] ?? "UNKNOWN", []);
+            return createGroup(l.label.split("<")[0] ?? "UNKNOWN", []);
         }
         const xAxis = l.xAxis === "top" ? chart.xAxisesTop[l.xAxisIx] : chart.xAxisesBottom[l.xAxisIx];
         const yAxis = l.yAxis === "right" ? chart.yAxisesRight[l.yAxisIx] : chart.yAxisesLeft[l.yAxisIx];
@@ -467,19 +467,19 @@ export function generateLines(xMin, xMax, yMin, yMax, chart) {
         const components = [];
         const outlineColor = l.textOutlineColor ?? chart.textOutlineColor;
         for (const segment of segments) {
-            components.push(AI.createPolyLine(segment.slice(), l.color, l.thickness));
+            components.push(createPolyLine(segment.slice(), l.color, l.thickness));
             if (l.id !== undefined) {
-                components.push(AI.createPolyLine(segment.slice(), AI.transparent, l.thickness + 8, l.id));
+                components.push(createPolyLine(segment.slice(), transparent, l.thickness + 8, l.id));
             }
         }
         const lastSeg = segments.at(-1);
         const last = lastSeg?.at(-1);
         if (last) {
-            components.push(AI.createText(last, l.label, chart.font, l.fontSize ?? chart.fontSize, l.textColor ?? chart.textColor, "normal", 0, "center", textHorizontalGrowth(last.x, xMin, xMax), textVerticalGrowth(last.y, yMin, yMax), outlineColor !== AI.transparent ? 3 : 0, outlineColor, false, l.id));
+            components.push(createText(last, l.label, chart.font, l.fontSize ?? chart.fontSize, l.textColor ?? chart.textColor, "normal", 0, "center", textHorizontalGrowth(last.x, xMin, xMax), textVerticalGrowth(last.y, yMin, yMax), outlineColor !== transparent ? 3 : 0, outlineColor, false, l.id));
         }
-        return AI.createGroup(l.label.split("<")[0] ?? "UNKNOWN", components);
+        return createGroup(l.label.split("<")[0] ?? "UNKNOWN", components);
     });
-    return AI.createGroup("Lines", lines);
+    return createGroup("Lines", lines);
 }
 function getLineSegmentsInsideChart(xMin, xMax, yMin, yMax, points) {
     const segments = [];
@@ -520,10 +520,10 @@ function isInside(xMin, xMax, yMin, yMax, p) {
     return p.x >= xMin && p.x <= xMax && p.y <= yMin && p.y >= yMax;
 }
 function moveInside(xMin, xMax, yMin, yMax, inside, outside) {
-    const xMinYMin = AI.createPoint(xMin, yMin);
-    const xMinYMax = AI.createPoint(xMin, yMax);
-    const xMaxYMin = AI.createPoint(xMax, yMin);
-    const xMaxYMax = AI.createPoint(xMax, yMax);
+    const xMinYMin = createPoint(xMin, yMin);
+    const xMinYMax = createPoint(xMin, yMax);
+    const xMaxYMin = createPoint(xMax, yMin);
+    const xMaxYMax = createPoint(xMax, yMax);
     return (lineLine(inside, outside, xMinYMin, xMaxYMin) ??
         lineLine(inside, outside, xMinYMax, xMaxYMax) ??
         lineLine(inside, outside, xMinYMin, xMinYMax) ??
@@ -531,14 +531,14 @@ function moveInside(xMin, xMax, yMin, yMax, inside, outside) {
         inside);
 }
 function lineLine(a0, a1, b0, b1) {
-    const da = AI.createPoint(a1.x - a0.x, a1.y - a0.y);
-    const db = AI.createPoint(b1.x - b0.x, b1.y - b0.y);
-    const dab = AI.createPoint(a0.x - b0.x, a0.y - b0.y);
+    const da = createPoint(a1.x - a0.x, a1.y - a0.y);
+    const db = createPoint(b1.x - b0.x, b1.y - b0.y);
+    const dab = createPoint(a0.x - b0.x, a0.y - b0.y);
     const uA = (db.x * dab.y - db.y * dab.x) / (db.y * da.x - db.x * da.y);
     const uB = (da.x * dab.y - da.y * dab.x) / (db.y * da.x - db.x * da.y);
     // if uA and uB are between 0-1, lines are colliding
     if (uA >= 0 && uA <= 1 && uB >= 0 && uB <= 1) {
-        return AI.createPoint(a0.x + uA * da.x, a0.y + uA * da.y);
+        return createPoint(a0.x + uA * da.x, a0.y + uA * da.y);
     }
     return undefined;
 }
@@ -547,10 +547,10 @@ export function generateAreas(xMin, xMax, yMin, yMax, chart) {
         const xAxis = a.xAxis === "top" ? chart.xAxisesTop[a.xAxisIx] : chart.xAxisesBottom[a.xAxisIx];
         const yAxis = a.yAxis === "right" ? chart.yAxisesRight[a.yAxisIx] : chart.yAxisesLeft[a.yAxisIx];
         const points = a.points.map((p) => transformPoint(p, xMin, xMax, yMin, yMax, xAxis, yAxis));
-        const components = [AI.createPolygon(points, a.strokeColor, a.strokeThickness, a.color, a.id)];
-        return AI.createGroup("UNKNOWN", components);
+        const components = [createPolygon(points, a.strokeColor, a.strokeThickness, a.color, a.id)];
+        return createGroup("UNKNOWN", components);
     });
-    return AI.createGroup("Areas", areas);
+    return createGroup("Areas", areas);
 }
 export function generatePoints(xMin, xMax, yMin, yMax, chart) {
     const points = chart.chartPoints.map((p) => {
@@ -560,20 +560,20 @@ export function generatePoints(xMin, xMax, yMin, yMax, chart) {
         const outlineColor = p.textOutlineColor ?? chart.textOutlineColor;
         const components = [
             generatePointShape(p, position, undefined),
-            AI.createText(position, p.label, chart.font, p.fontSize ?? chart.fontSize, p.textColor ?? chart.textColor, "normal", 0, "center", textHorizontalGrowth(position.x, xMin, xMax), textVerticalGrowth(position.y, yMin, yMax), outlineColor !== AI.transparent ? 3 : 0, outlineColor, false),
+            createText(position, p.label, chart.font, p.fontSize ?? chart.fontSize, p.textColor ?? chart.textColor, "normal", 0, "center", textHorizontalGrowth(position.x, xMin, xMax), textVerticalGrowth(position.y, yMin, yMax), outlineColor !== transparent ? 3 : 0, outlineColor, false),
         ];
         if (p.id !== undefined) {
             components.push(generatePointShape({
                 ...p,
-                color: AI.transparent,
-                strokeColor: AI.transparent,
+                color: transparent,
+                strokeColor: transparent,
                 strokeThickness: 0,
                 size: { width: p.size.width + 10, height: p.size.height + 10 },
             }, position, p.id));
         }
-        return AI.createGroup(p.label.split("<")[0] ?? "UNKNOWN", components);
+        return createGroup(p.label.split("<")[0] ?? "UNKNOWN", components);
     });
-    return AI.createGroup("Points", points);
+    return createGroup("Points", points);
 }
 export function generateBars(xMin, xMax, yMin, yMax, chart) {
     const components = Array();
@@ -590,25 +590,25 @@ export function generateBars(xMin, xMax, yMin, yMax, chart) {
             const outlineColor = b.textOutlineColor ?? chart.textOutlineColor;
             const [tl, middle, br] = bars.direction === "x"
                 ? [
-                    AI.createPoint(b.min ?? xMinValue, barPos + bars.width / 2),
-                    AI.createPoint((b.max + (b.min ?? xMinValue)) / 2, barPos),
-                    AI.createPoint(b.max, barPos - bars.width / 2),
+                    createPoint(b.min ?? xMinValue, barPos + bars.width / 2),
+                    createPoint((b.max + (b.min ?? xMinValue)) / 2, barPos),
+                    createPoint(b.max, barPos - bars.width / 2),
                 ]
                 : [
-                    AI.createPoint(barPos - bars.width / 2, b.max),
-                    AI.createPoint(barPos, (b.max + (b.min ?? yMinValue)) / 2),
-                    AI.createPoint(barPos + bars.width / 2, b.min ?? yMinValue),
+                    createPoint(barPos - bars.width / 2, b.max),
+                    createPoint(barPos, (b.max + (b.min ?? yMinValue)) / 2),
+                    createPoint(barPos + bars.width / 2, b.min ?? yMinValue),
                 ];
             const pos = transformPoint(middle, xMin, xMax, yMin, yMax, xAxis, yAxis);
             const topLeft = transformPoint(tl, xMin, xMax, yMin, yMax, xAxis, yAxis);
             const bottomRight = transformPoint(br, xMin, xMax, yMin, yMax, xAxis, yAxis);
-            components.push(AI.createRectangle(topLeft, bottomRight, b.strokeColor ?? AI.transparent, b.strokeThickness ?? 0, b.color, b.id, AI.solidLine, bars.radius));
+            components.push(createRectangle(topLeft, bottomRight, b.strokeColor ?? transparent, b.strokeThickness ?? 0, b.color, b.id, solidLine, bars.radius));
             if (b.label) {
-                components.push(AI.createText(pos, b.label, chart.font, b.fontSize ?? chart.fontSize, b.textColor ?? chart.textColor, "normal", textRot, "center", "uniform", "uniform", outlineColor !== AI.transparent ? 3 : 0, outlineColor, false));
+                components.push(createText(pos, b.label, chart.font, b.fontSize ?? chart.fontSize, b.textColor ?? chart.textColor, "normal", textRot, "center", "uniform", "uniform", outlineColor !== transparent ? 3 : 0, outlineColor, false));
             }
         }
     }
-    return AI.createGroup("Bars", components);
+    return createGroup("Bars", components);
 }
 function textHorizontalGrowth(position, xMin, xMax) {
     return position > (xMin + xMax) * 0.5 ? "left" : "right";
@@ -621,31 +621,31 @@ function generatePointShape(p, position, id) {
     const halfHeight = p.size.height * 0.5;
     if (p.shape === "triangle") {
         const trianglePoints = [
-            AI.createPoint(position.x, position.y + halfHeight),
-            AI.createPoint(position.x - halfWidth, position.y - halfHeight),
-            AI.createPoint(position.x + halfWidth, position.y - halfHeight),
+            createPoint(position.x, position.y + halfHeight),
+            createPoint(position.x - halfWidth, position.y - halfHeight),
+            createPoint(position.x + halfWidth, position.y - halfHeight),
         ];
-        return AI.createPolygon(trianglePoints, p.strokeColor, p.strokeThickness, p.color, id);
+        return createPolygon(trianglePoints, p.strokeColor, p.strokeThickness, p.color, id);
     }
     else if (p.shape === "square") {
-        const topLeft = AI.createPoint(position.x - halfWidth, position.y - halfHeight);
-        const bottomRight = AI.createPoint(position.x + halfWidth, position.y + halfHeight);
-        return AI.createRectangle(topLeft, bottomRight, p.strokeColor, p.strokeThickness, p.color, id);
+        const topLeft = createPoint(position.x - halfWidth, position.y - halfHeight);
+        const bottomRight = createPoint(position.x + halfWidth, position.y + halfHeight);
+        return createRectangle(topLeft, bottomRight, p.strokeColor, p.strokeThickness, p.color, id);
     }
     else {
-        const topLeft = AI.createPoint(position.x - halfWidth, position.y - halfHeight);
-        const bottomRight = AI.createPoint(position.x + halfWidth, position.y + halfHeight);
-        return AI.createEllipse(topLeft, bottomRight, p.strokeColor, p.strokeThickness, p.color, id);
+        const topLeft = createPoint(position.x - halfWidth, position.y - halfHeight);
+        const bottomRight = createPoint(position.x + halfWidth, position.y + halfHeight);
+        return createEllipse(topLeft, bottomRight, p.strokeColor, p.strokeThickness, p.color, id);
     }
 }
 export function generateXAxisGridLines(xMin, xMax, yMin, yMax, xTicks, xAxis, xGrid) {
     const xLines = xTicks.map((l) => {
         const x = transformValue(l.value, xMin, xMax, xAxis);
-        const start = AI.createPoint(x, yMin);
-        const end = AI.createPoint(x, yMax);
-        return AI.createLine(start, end, xGrid.color, xGrid.thickness);
+        const start = createPoint(x, yMin);
+        const end = createPoint(x, yMax);
+        return createLine(start, end, xGrid.color, xGrid.thickness);
     });
-    return AI.createGroup("Lines", xLines);
+    return createGroup("Lines", xLines);
 }
 export function generateXAxisLabels(xMin, xMax, y, growVertical, ticks, axis, chart) {
     const rotation = axis.labelRotation ?? 0;
@@ -661,23 +661,23 @@ export function generateXAxisLabels(xMin, xMax, y, growVertical, ticks, axis, ch
         }
     })();
     const xLabels = ticks.map((l) => {
-        const position = AI.createPoint(transformValue(l.value, xMin, xMax, axis), y);
-        return AI.createText(position, l.label ?? formatNumber(l.value), chart.font, axis.tickFontSize ?? chart.fontSize, axis.labelColor ?? AI.black, "normal", rotation, "center", horizontalGrowth, growVertical, 0, axis.labelColor ?? AI.black, false);
+        const position = createPoint(transformValue(l.value, xMin, xMax, axis), y);
+        return createText(position, l.label ?? formatNumber(l.value), chart.font, axis.tickFontSize ?? chart.fontSize, axis.labelColor ?? black, "normal", rotation, "center", horizontalGrowth, growVertical, 0, axis.labelColor ?? black, false);
     });
-    return AI.createGroup("Labels", xLabels);
+    return createGroup("Labels", xLabels);
 }
 export function generateXAxisLabel(x, y, horizontalGrowthDirection, verticalGrowthDirection, axis, chart) {
-    const position = AI.createPoint(x, y);
-    return AI.createText(position, axis.label ?? "", chart.font, axis.axisFontSize ?? chart.fontSize, axis.labelColor ?? AI.black, "normal", 0, "center", horizontalGrowthDirection, verticalGrowthDirection, 0, axis.labelColor ?? AI.black, false, axis.id);
+    const position = createPoint(x, y);
+    return createText(position, axis.label ?? "", chart.font, axis.axisFontSize ?? chart.fontSize, axis.labelColor ?? black, "normal", 0, "center", horizontalGrowthDirection, verticalGrowthDirection, 0, axis.labelColor ?? black, false, axis.id);
 }
 export function generateYAxisLines(xMin, xMax, yMin, yMax, yTicks, yAxis, yGrid, xGrid) {
     const yLines = yTicks.map((l) => {
         const y = transformValue(l.value, yMin, yMax, yAxis);
-        const start = AI.createPoint(xMin - xGrid.thickness / 2, y);
-        const end = AI.createPoint(xMax + xGrid.thickness / 2, y);
-        return AI.createLine(start, end, yGrid.color, yGrid.thickness);
+        const start = createPoint(xMin - xGrid.thickness / 2, y);
+        const end = createPoint(xMax + xGrid.thickness / 2, y);
+        return createLine(start, end, yGrid.color, yGrid.thickness);
     });
-    return AI.createGroup("Lines", yLines);
+    return createGroup("Lines", yLines);
 }
 export function generateYAxisLabels(x, yMin, yMax, growHorizontal, yTicks, yAxis, chart) {
     const rotation = yAxis.labelRotation ?? 0;
@@ -693,14 +693,14 @@ export function generateYAxisLabels(x, yMin, yMax, growHorizontal, yTicks, yAxis
         }
     })();
     const yLabels = yTicks.map((l) => {
-        const position = AI.createPoint(x, transformValue(l.value, yMin, yMax, yAxis));
-        return AI.createText(position, l.label ?? formatNumber(l.value), chart.font, yAxis.tickFontSize ?? chart.fontSize, yAxis.labelColor ?? AI.black, "normal", rotation, "center", growHorizontal, growVertical, 0, yAxis.labelColor ?? AI.black, false);
+        const position = createPoint(x, transformValue(l.value, yMin, yMax, yAxis));
+        return createText(position, l.label ?? formatNumber(l.value), chart.font, yAxis.tickFontSize ?? chart.fontSize, yAxis.labelColor ?? black, "normal", rotation, "center", growHorizontal, growVertical, 0, yAxis.labelColor ?? black, false);
     });
-    return AI.createGroup("Labels", yLabels);
+    return createGroup("Labels", yLabels);
 }
 export function generateYAxisLabel(x, y, rotation, horizontalGrowthDirection, verticalGrowthDirection, axis, chart) {
-    const position = AI.createPoint(x, y);
-    return AI.createText(position, axis.label ?? "", chart.font, axis.axisFontSize ?? chart.fontSize, axis.labelColor ?? AI.black, "normal", rotation, "center", horizontalGrowthDirection, verticalGrowthDirection, 0, axis.labelColor ?? AI.black, false, axis.id);
+    const position = createPoint(x, y);
+    return createText(position, axis.label ?? "", chart.font, axis.axisFontSize ?? chart.fontSize, axis.labelColor ?? black, "normal", rotation, "center", horizontalGrowthDirection, verticalGrowthDirection, 0, axis.labelColor ?? black, false, axis.id);
 }
 function formatNumber(n) {
     if (n >= 10000000) {