@gh-top-languages/lib 1.0.3 → 1.0.4

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Mason L'Etoile
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 GitHub Top Languages, Mason L'Etoile
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,33 +1,36 @@
-# GitHub Top Languages Library
-
-Core library for github-top-languages projects — chart generation, SVG output, and parameter parsing
-
-## Modules
-
-| Module                  | Description |
-| ---                     | --- |
-| `charts/donut.js`       | Donut chart segment and legend generation |
-| `charts/pie.js`         | Pie chart segment and legend generation   |
-| `charts/geometry.js`    | SVG arc path math and segment helpers     |
-| `charts/legend.js`      | Legend element generation                 |
-| `charts/layout.js`      | Shared layout calculations                |
-| `render/chart.js`       | Chart type dispatcher                     |
-| `render/svg.js`         | SVG document rendering                    |
-| `render/error.js`       | Error SVG rendering                       |
-| `utils/params.js`       | Query parameter parsing and normalization |
-| `utils/sanitize.js`     | HTML entity sanitization                  |
-| `constants/config.js`   | Default configuration values              |
-| `constants/geometry.js` | Geometry constants                        |
-| `constants/styles.js`   | Style and layout constants                |
-| `constants/themes.js`   | Built-in colour themes                    |
-| `constants/types.js`    | Valid chart type values                   |
-| `types.js`              | Shared TypeScript types                   |
-
-## Installation
-
-```bash
-npm install github-top-languages-lib
-```
-
-## License
-MIT License - see [LICENSE](./LICENSE) for details.
+# GitHub Top Languages Library
+
+Core library for github-top-languages projects — chart generation, SVG output, and parameter parsing
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-green)](./LICENSE)
+[![lib](https://img.shields.io/npm/v/@gh-top-languages/lib)](https://www.npmjs.com/package/@gh-top-languages/lib)
+
+## Modules
+
+| Module                  | Description |
+| ---                     | --- |
+| `charts/donut.js`       | Donut chart segment and legend generation |
+| `charts/pie.js`         | Pie chart segment and legend generation   |
+| `charts/geometry.js`    | SVG arc path math and segment helpers     |
+| `charts/legend.js`      | Legend element generation                 |
+| `charts/layout.js`      | Shared layout calculations                |
+| `render/chart.js`       | Chart type dispatcher                     |
+| `render/svg.js`         | SVG document rendering                    |
+| `render/error.js`       | Error SVG rendering                       |
+| `utils/params.js`       | Query parameter parsing and normalization |
+| `utils/sanitize.js`     | HTML entity sanitization                  |
+| `constants/config.js`   | Default configuration values              |
+| `constants/geometry.js` | Geometry constants                        |
+| `constants/styles.js`   | Style and layout constants                |
+| `constants/themes.js`   | Built-in colour themes                    |
+| `constants/types.js`    | Valid chart type values                   |
+| `types.js`              | Shared TypeScript types                   |
+
+## Installation
+
+```bash
+npm install @gh-top-languages/lib
+```
+
+## License
+MIT License - see [LICENSE](./LICENSE) for details.

package/dist/charts/donut.d.ts

@@ -1,3 +1,3 @@
 import type { Language, Theme, ChartResult } from "../types.js";
-export declare function generateDonutChart(normalizedLanguages: Language[], selectedTheme: Theme, width: number, stroke: boolean): ChartResult;
+export declare function generateDonutChart(normalizedLanguages: Language[], selectedTheme: Theme, stroke: boolean): ChartResult;
 //# sourceMappingURL=donut.d.ts.map

package/dist/charts/donut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"donut.d.ts","sourceRoot":"","sources":["../../src/charts/donut.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAA2B,MAAM,aAAa,CAAC;AAMzF,wBAAgB,kBAAkB,CAChC,mBAAmB,EAAE,QAAQ,EAAE,EAC/B,aAAa,EAAQ,KAAK,EAC1B,KAAK,EAAgB,MAAM,EAC3B,MAAM,EAAe,OAAO,GAC3B,WAAW,CAUb"}
+{"version":3,"file":"donut.d.ts","sourceRoot":"","sources":["../../src/charts/donut.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAMhE,wBAAgB,kBAAkB,CAChC,mBAAmB,EAAE,QAAQ,EAAE,EAC/B,aAAa,EAAQ,KAAK,EAC1B,MAAM,EAAe,OAAO,GAC3B,WAAW,CA2Bb"}

package/dist/charts/donut.js

@@ -1,13 +1,12 @@
-import { resolveLayout, calculateChartCenter, calculateLegendStartX } from "./layout.js";
 import { DONUT_GEOMETRY } from "../constants/geometry.js";
 import { createDonutSegments } from "./geometry.js";
 import { createLegend } from "./legend.js";
-export function generateDonutChart(normalizedLanguages, selectedTheme, width, stroke) {
+import { resolveLayout, computeLayout } from "./layout.js";
+export function generateDonutChart(normalizedLanguages, selectedTheme, stroke) {
     const { isShifted, useStroke } = resolveLayout(normalizedLanguages.length, stroke);
-    const chartX = calculateChartCenter(width, isShifted);
-    const legendStartX = calculateLegendStartX(chartX, DONUT_GEOMETRY.OUTER_RADIUS);
+    const { chartX, legendStartX, columnWidth, contentWidth, contentHeight } = computeLayout(normalizedLanguages, isShifted, DONUT_GEOMETRY);
     const segments = createDonutSegments(normalizedLanguages, chartX, DONUT_GEOMETRY, [...selectedTheme.colours], useStroke);
-    const legend = createLegend(normalizedLanguages, isShifted, selectedTheme, legendStartX, useStroke);
-    return { segments, legend };
+    const legend = createLegend(normalizedLanguages, isShifted, selectedTheme, legendStartX, useStroke, columnWidth);
+    return { segments, legend, contentWidth, contentHeight };
 }
 //# sourceMappingURL=donut.js.map

package/dist/charts/donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"donut.js","sourceRoot":"","sources":["../../src/charts/donut.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,EAAE,cAAc,EAA8C,MAAM,0BAA0B,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAyC,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAgD,MAAM,aAAa,CAAC;AAEzF,MAAM,UAAU,kBAAkB,CAChC,mBAA+B,EAC/B,aAA0B,EAC1B,KAA2B,EAC3B,MAA4B;IAE5B,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEnF,MAAM,MAAM,GAAqB,oBAAoB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACxE,MAAM,YAAY,GAAe,qBAAqB,CAAC,MAAM,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAE5F,MAAM,QAAQ,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;IACzH,MAAM,MAAM,GAAK,YAAY,CAAC,mBAAmB,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IAEtG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAC9B,CAAC"}
+{"version":3,"file":"donut.js","sourceRoot":"","sources":["../../src/charts/donut.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAqB,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAgB,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,YAAY,EAAuB,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAO,MAAM,aAAa,CAAC;AAEhE,MAAM,UAAU,kBAAkB,CAChC,mBAA+B,EAC/B,aAA0B,EAC1B,MAA4B;IAE5B,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnF,MAAM,EACJ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACd,GAAG,aAAa,CAAC,mBAAmB,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,mBAAmB,CAClC,mBAAmB,EACnB,MAAM,EACN,cAAc,EACd,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,EAC1B,SAAS,CACV,CAAC;IACF,MAAM,MAAM,GAAG,YAAY,CACzB,mBAAmB,EACnB,SAAS,EACT,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,CACZ,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AAC3D,CAAC"}

package/dist/charts/geometry.js

@@ -18,21 +18,21 @@ export const describeSegment = (cx, cy, innerR, outerR, startAngle, endAngle) =>
     const endOuter = polarToCartesian(cx, cy, outerR, startAngle);
     const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
     if (innerR === 0) {
-        return `
-      M ${cx} ${cy}
-      L ${startOuter.x} ${startOuter.y}
-      A ${outerR} ${outerR} 0 ${largeArcFlag} 0 ${endOuter.x} ${endOuter.y}
-      Z
+        return `
+      M ${cx} ${cy}
+      L ${startOuter.x} ${startOuter.y}
+      A ${outerR} ${outerR} 0 ${largeArcFlag} 0 ${endOuter.x} ${endOuter.y}
+      Z
     `.trim();
     }
     const startInner = polarToCartesian(cx, cy, innerR, startAngle);
     const endInner = polarToCartesian(cx, cy, innerR, endAngle);
-    return `
-    M ${startOuter.x} ${startOuter.y}
-    A ${outerR} ${outerR} 0 ${largeArcFlag} 0 ${endOuter.x} ${endOuter.y}
-    L ${startInner.x} ${startInner.y}
-    A ${innerR} ${innerR} 0 ${largeArcFlag} 1 ${endInner.x} ${endInner.y}
-    Z
+    return `
+    M ${startOuter.x} ${startOuter.y}
+    A ${outerR} ${outerR} 0 ${largeArcFlag} 0 ${endOuter.x} ${endOuter.y}
+    L ${startInner.x} ${startInner.y}
+    A ${innerR} ${innerR} 0 ${largeArcFlag} 1 ${endInner.x} ${endInner.y}
+    Z
   `.trim();
 };
 export const createDonutSegments = (languages, cx, geometry, colours, stroke) => {

package/dist/charts/layout.d.ts

@@ -1,7 +1,18 @@
+import type { Geometry, Language } from "../types.js";
 export declare function resolveLayout(count: number, stroke: boolean): {
     isShifted: boolean;
     useStroke: boolean;
 };
-export declare function calculateChartCenter(width: number, isShifted: boolean): number;
-export declare function calculateLegendStartX(chartCenterX: number, radius: number): number;
+export declare function measureLegend(languages: Language[], isShifted: boolean): {
+    columnWidth: number;
+    legendWidth: number;
+};
+export declare const CONTENT_PAD = 20;
+export declare function computeLayout(languages: Language[], isShifted: boolean, geometry: Geometry): {
+    chartX: number;
+    legendStartX: number;
+    columnWidth: number;
+    contentWidth: number;
+    contentHeight: number;
+};
 //# sourceMappingURL=layout.d.ts.map

package/dist/charts/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/charts/layout.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;;;EAK3D;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,CAK9E;AAED,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAElF"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/charts/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEtD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;;;EAK3D;AAQD,wBAAgB,aAAa,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,OAAO;;;EAgBtE;AAED,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,wBAAgB,aAAa,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;;;;;;EAa1F"}

package/dist/charts/layout.js

@@ -1,17 +1,36 @@
-import { LEGEND_SHIFT_THRESHOLD, LEGEND_STYLES, CHART_MARGIN_RIGHT } from "../constants/styles.js";
+import { LEGEND_SHIFT_THRESHOLD, LEGEND_STYLES, CHART_MARGIN_RIGHT, ARIAL_CHAR_WIDTHS, DEFAULT_CHAR_WIDTH } from "../constants/styles.js";
 export function resolveLayout(count, stroke) {
     return {
         isShifted: count > LEGEND_SHIFT_THRESHOLD,
         useStroke: count > 1 ? stroke : false
     };
 }
-export function calculateChartCenter(width, isShifted) {
-    const legendWidth = isShifted
-        ? LEGEND_STYLES.COLUMN_WIDTH * 2
-        : LEGEND_STYLES.WIDTH;
-    return (width - legendWidth - CHART_MARGIN_RIGHT) / 2;
+const measureText = (text, fontSize) => [...text]
+    .reduce((sum, ch) => sum + (ARIAL_CHAR_WIDTHS[ch] ?? DEFAULT_CHAR_WIDTH), 0) * fontSize / 1000;
+const estimateEntryWidth = (label) => LEGEND_STYLES.SQUARE_SIZE + LEGEND_STYLES.TEXT_GAP + measureText(label, LEGEND_STYLES.FONT_SIZE);
+export function measureLegend(languages, isShifted) {
+    const entryWidth = (lang) => estimateEntryWidth(`${lang.lang} ${lang.pct.toFixed(1)}%`);
+    if (!isShifted) {
+        const width = languages.reduce((max, l) => Math.max(max, entryWidth(l)), 0);
+        return { columnWidth: width, legendWidth: width };
+    }
+    const half = Math.ceil(languages.length / 2);
+    const col0Width = languages.slice(0, half).reduce((max, l) => Math.max(max, entryWidth(l)), 0);
+    const col1Width = languages.slice(half).reduce((max, l) => Math.max(max, entryWidth(l)), 0);
+    const columnWidth = col0Width + LEGEND_STYLES.COLUMN_GAP;
+    const legendWidth = columnWidth + col1Width;
+    return { columnWidth, legendWidth };
 }
-export function calculateLegendStartX(chartCenterX, radius) {
-    return chartCenterX + radius + CHART_MARGIN_RIGHT;
+export const CONTENT_PAD = 20;
+export function computeLayout(languages, isShifted, geometry) {
+    const { columnWidth, legendWidth } = measureLegend(languages, isShifted);
+    const chartX = CONTENT_PAD + geometry.OUTER_RADIUS;
+    const legendStartX = chartX + geometry.OUTER_RADIUS + CHART_MARGIN_RIGHT;
+    const contentWidth = legendStartX + legendWidth + CONTENT_PAD;
+    const rows = isShifted ? Math.ceil(languages.length / 2) : languages.length;
+    const legendBottom = LEGEND_STYLES.START_Y + (rows - 1) * LEGEND_STYLES.ROW_HEIGHT + LEGEND_STYLES.SQUARE_SIZE;
+    const chartBottom = geometry.CENTER_Y + geometry.OUTER_RADIUS;
+    const contentHeight = Math.max(chartBottom, legendBottom) + CONTENT_PAD;
+    return { chartX, legendStartX, columnWidth, contentWidth, contentHeight };
 }
 //# sourceMappingURL=layout.js.map

package/dist/charts/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/charts/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEnG,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,MAAe;IAC1D,OAAO;QACL,SAAS,EAAE,KAAK,GAAG,sBAAsB;QACzC,SAAS,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;KACtC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAa,EAAE,SAAkB;IACpE,MAAM,WAAW,GAAG,SAAS;QAC3B,CAAC,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC;QAChC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;IACxB,OAAO,CAAC,KAAK,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,YAAoB,EAAE,MAAc;IACxE,OAAO,YAAY,GAAG,MAAM,GAAG,kBAAkB,CAAC;AACpD,CAAC"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/charts/layout.ts"],"names":[],"mappings":"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"}

package/dist/charts/legend.d.ts

@@ -1,3 +1,3 @@
 import type { Language, Theme } from "../types.js";
-export declare function createLegend(languages: Language[], isShifted: boolean, selectedTheme: Theme, legendStartX: number, stroke: boolean): string;
+export declare function createLegend(languages: Language[], isShifted: boolean, selectedTheme: Theme, legendStartX: number, stroke: boolean, columnWidth: number): string;
 //# sourceMappingURL=legend.d.ts.map

package/dist/charts/legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/charts/legend.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEnD,wBAAgB,YAAY,CAC1B,SAAS,EAAM,QAAQ,EAAE,EACzB,SAAS,EAAM,OAAO,EACtB,aAAa,EAAE,KAAK,EACpB,YAAY,EAAG,MAAM,EACrB,MAAM,EAAS,OAAO,GACrB,MAAM,CA2CR"}
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/charts/legend.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEnD,wBAAgB,YAAY,CAC1B,SAAS,EAAM,QAAQ,EAAE,EACzB,SAAS,EAAM,OAAO,EACtB,aAAa,EAAE,KAAK,EACpB,YAAY,EAAG,MAAM,EACrB,MAAM,EAAS,OAAO,EACtB,WAAW,EAAI,MAAM,GACpB,MAAM,CA2CR"}

package/dist/charts/legend.js

@@ -1,5 +1,5 @@
 import { LEGEND_STYLES } from "../constants/styles.js";
-export function createLegend(languages, isShifted, selectedTheme, legendStartX, stroke) {
+export function createLegend(languages, isShifted, selectedTheme, legendStartX, stroke, columnWidth) {
     const numLangs = languages.length;
     return languages.map((lang, i) => {
         let x, y;
@@ -11,31 +11,31 @@ export function createLegend(languages, isShifted, selectedTheme, legendStartX,
             const half = Math.ceil(numLangs / 2);
             const col = Math.floor(i / half);
             const row = i % half;
-            x = legendStartX + col * LEGEND_STYLES.COLUMN_WIDTH;
+            x = legendStartX + col * columnWidth;
             y = LEGEND_STYLES.START_Y + row * LEGEND_STYLES.ROW_HEIGHT;
         }
         const fill = selectedTheme.colours[i];
         const strokeAttr = stroke
             ? ` stroke="#000" stroke-width="0.5" stroke-linejoin="round"`
             : ``;
-        return `
-      <rect
-        x="${x}"
-        y="${y - LEGEND_STYLES.SQUARE_SIZE + 3}"
-        width="${LEGEND_STYLES.SQUARE_SIZE}"
-        height="${LEGEND_STYLES.SQUARE_SIZE}"
-        fill="${fill}"
-        rx="${LEGEND_STYLES.SQUARE_RADIUS}"${strokeAttr}
-      />
-      <text
-        x="${x + LEGEND_STYLES.SQUARE_SIZE + 5}"
-        y="${y}"
-        fill="${selectedTheme.text}"
-        font-size="${LEGEND_STYLES.FONT_SIZE}"
-        font-family="Arial"
-      >
-      ${lang.lang} ${lang.pct.toFixed(1)}%
-    </text>
+        return `
+      <rect
+        x="${x}"
+        y="${y - LEGEND_STYLES.SQUARE_SIZE + 3}"
+        width="${LEGEND_STYLES.SQUARE_SIZE}"
+        height="${LEGEND_STYLES.SQUARE_SIZE}"
+        fill="${fill}"
+        rx="${LEGEND_STYLES.SQUARE_RADIUS}"${strokeAttr}
+      />
+      <text
+        x="${x + LEGEND_STYLES.SQUARE_SIZE + LEGEND_STYLES.TEXT_GAP}"
+        y="${y}"
+        fill="${selectedTheme.text}"
+        font-size="${LEGEND_STYLES.FONT_SIZE}"
+        font-family="Arial"
+      >
+      ${lang.lang} ${lang.pct.toFixed(1)}%
+    </text>
     `;
     }).join('');
 }

package/dist/charts/legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend.js","sourceRoot":"","sources":["../../src/charts/legend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAS,MAAM,wBAAwB,CAAC;AAG9D,MAAM,UAAU,YAAY,CAC1B,SAAyB,EACzB,SAAsB,EACtB,aAAoB,EACpB,YAAqB,EACrB,MAAsB;IAEtB,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC;IAElC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC/B,IAAI,CAAS,EAAE,CAAS,CAAC;QAEzB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,CAAC,GAAG,YAAY,CAAC;YACjB,CAAC,GAAG,aAAa,CAAC,OAAO,GAAG,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACrC,MAAM,GAAG,GAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;YAClC,MAAM,GAAG,GAAI,CAAC,GAAG,IAAI,CAAC;YAEtB,CAAC,GAAG,YAAY,GAAG,GAAG,GAAG,aAAa,CAAC,YAAY,CAAC;YACpD,CAAC,GAAG,aAAa,CAAC,OAAO,GAAG,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC;QAC7D,CAAC;QAED,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,UAAU,GAAG,MAAM;YACvB,CAAC,CAAC,2DAA2D;YAC7D,CAAC,CAAC,EAAE,CAAC;QAEP,OAAO;;aAEE,CAAC;aACD,CAAC,GAAG,aAAa,CAAC,WAAW,GAAG,CAAC;iBAC7B,aAAa,CAAC,WAAW;kBACxB,aAAa,CAAC,WAAW;gBAC3B,IAAI;cACN,aAAa,CAAC,aAAa,IAAI,UAAU;;;aAG1C,CAAC,GAAG,aAAa,CAAC,WAAW,GAAG,CAAC;aACjC,CAAC;gBACE,aAAa,CAAC,IAAI;qBACb,aAAa,CAAC,SAAS;;;QAGpC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;;KAEnC,CAAC;IACJ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC"}
+{"version":3,"file":"legend.js","sourceRoot":"","sources":["../../src/charts/legend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAS,MAAM,wBAAwB,CAAC;AAG9D,MAAM,UAAU,YAAY,CAC1B,SAAyB,EACzB,SAAsB,EACtB,aAAoB,EACpB,YAAqB,EACrB,MAAsB,EACtB,WAAqB;IAErB,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC;IAElC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC/B,IAAI,CAAS,EAAE,CAAS,CAAC;QAEzB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,CAAC,GAAG,YAAY,CAAC;YACjB,CAAC,GAAG,aAAa,CAAC,OAAO,GAAG,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACrC,MAAM,GAAG,GAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;YAClC,MAAM,GAAG,GAAI,CAAC,GAAG,IAAI,CAAC;YAEtB,CAAC,GAAG,YAAY,GAAG,GAAG,GAAG,WAAW,CAAC;YACrC,CAAC,GAAG,aAAa,CAAC,OAAO,GAAG,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC;QAC7D,CAAC;QAED,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,UAAU,GAAG,MAAM;YACvB,CAAC,CAAC,2DAA2D;YAC7D,CAAC,CAAC,EAAE,CAAC;QAEP,OAAO;;aAEE,CAAC;aACD,CAAC,GAAG,aAAa,CAAC,WAAW,GAAG,CAAC;iBAC7B,aAAa,CAAC,WAAW;kBACxB,aAAa,CAAC,WAAW;gBAC3B,IAAI;cACN,aAAa,CAAC,aAAa,IAAI,UAAU;;;aAG1C,CAAC,GAAG,aAAa,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ;aACtD,CAAC;gBACE,aAAa,CAAC,IAAI;qBACb,aAAa,CAAC,SAAS;;;QAGpC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;;KAEnC,CAAC;IACJ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC"}

package/dist/charts/pie.d.ts

@@ -1,3 +1,3 @@
 import type { Language, Theme, ChartResult } from "../types.js";
-export declare function generatePieChart(normalizedLanguages: Language[], selectedTheme: Theme, width: number, stroke: boolean): ChartResult;
+export declare function generatePieChart(normalizedLanguages: Language[], selectedTheme: Theme, stroke: boolean): ChartResult;
 //# sourceMappingURL=pie.d.ts.map

package/dist/charts/pie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pie.d.ts","sourceRoot":"","sources":["../../src/charts/pie.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAA2B,MAAM,aAAa,CAAC;AAMzF,wBAAgB,gBAAgB,CAC9B,mBAAmB,EAAE,QAAQ,EAAE,EAC/B,aAAa,EAAQ,KAAK,EAC1B,KAAK,EAAgB,MAAM,EAC3B,MAAM,EAAe,OAAO,GAC3B,WAAW,CAUb"}
+{"version":3,"file":"pie.d.ts","sourceRoot":"","sources":["../../src/charts/pie.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAShE,wBAAgB,gBAAgB,CAC9B,mBAAmB,EAAE,QAAQ,EAAE,EAC/B,aAAa,EAAQ,KAAK,EAC1B,MAAM,EAAe,OAAO,GAC3B,WAAW,CA2Bb"}

package/dist/charts/pie.js

@@ -1,13 +1,12 @@
-import { resolveLayout, calculateChartCenter, calculateLegendStartX } from "./layout.js";
 import { PIE_GEOMETRY } from "../constants/geometry.js";
 import { createDonutSegments } from "./geometry.js";
 import { createLegend } from "./legend.js";
-export function generatePieChart(normalizedLanguages, selectedTheme, width, stroke) {
+import { resolveLayout, computeLayout } from "./layout.js";
+export function generatePieChart(normalizedLanguages, selectedTheme, stroke) {
     const { isShifted, useStroke } = resolveLayout(normalizedLanguages.length, stroke);
-    const chartX = calculateChartCenter(width, isShifted);
-    const legendStartX = calculateLegendStartX(chartX, PIE_GEOMETRY.OUTER_RADIUS);
+    const { chartX, legendStartX, columnWidth, contentWidth, contentHeight } = computeLayout(normalizedLanguages, isShifted, PIE_GEOMETRY);
     const segments = createDonutSegments(normalizedLanguages, chartX, PIE_GEOMETRY, [...selectedTheme.colours], useStroke);
-    const legend = createLegend(normalizedLanguages, isShifted, selectedTheme, legendStartX, useStroke);
-    return { segments, legend };
+    const legend = createLegend(normalizedLanguages, isShifted, selectedTheme, legendStartX, useStroke, columnWidth);
+    return { segments, legend, contentWidth, contentHeight };
 }
 //# sourceMappingURL=pie.js.map

package/dist/charts/pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie.js","sourceRoot":"","sources":["../../src/charts/pie.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,EAAE,YAAY,EAAgD,MAAM,0BAA0B,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAyC,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAgD,MAAM,aAAa,CAAC;AAEzF,MAAM,UAAU,gBAAgB,CAC9B,mBAA+B,EAC/B,aAA0B,EAC1B,KAA2B,EAC3B,MAA4B;IAE5B,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEnF,MAAM,MAAM,GAAqB,oBAAoB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACxE,MAAM,YAAY,GAAe,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IAE1F,MAAM,QAAQ,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;IACvH,MAAM,MAAM,GAAG,YAAY,CAAC,mBAAmB,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IAEpG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAC9B,CAAC"}
+{"version":3,"file":"pie.js","sourceRoot":"","sources":["../../src/charts/pie.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAuB,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAgB,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,YAAY,EAAuB,MAAM,aAAa,CAAC;AAChE,OAAO,EACL,aAAa,EACb,aAAa,EACd,MAAM,aAAa,CAAC;AAErB,MAAM,UAAU,gBAAgB,CAC9B,mBAA+B,EAC/B,aAA0B,EAC1B,MAA4B;IAE5B,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnF,MAAM,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,GAAG,aAAa,CAAC,mBAAmB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IAEhE,MAAM,QAAQ,GAAG,mBAAmB,CAClC,mBAAmB,EACnB,MAAM,EACN,YAAY,EACZ,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,EAC1B,SAAS,CACV,CAAC;IACF,MAAM,MAAM,GAAG,YAAY,CACzB,mBAAmB,EACnB,SAAS,EACT,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,CACZ,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AAC3D,CAAC"}

package/dist/constants/styles.d.ts

@@ -8,8 +8,8 @@ export declare const LEGEND_STYLES: {
     readonly SQUARE_SIZE: 12;
     readonly SQUARE_RADIUS: 2;
     readonly FONT_SIZE: 11;
-    readonly WIDTH: 130;
-    readonly COLUMN_WIDTH: 105;
+    readonly TEXT_GAP: 5;
+    readonly COLUMN_GAP: 15;
 };
 export declare const ERROR_STYLES: {
     readonly TEXT_Y: 100;
@@ -18,4 +18,6 @@ export declare const ERROR_STYLES: {
 };
 export declare const LEGEND_SHIFT_THRESHOLD = 8;
 export declare const CHART_MARGIN_RIGHT = 20;
+export declare const ARIAL_CHAR_WIDTHS: Record<string, number>;
+export declare const DEFAULT_CHAR_WIDTH = 556;
 //# sourceMappingURL=styles.d.ts.map

package/dist/constants/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/constants/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,kBAAkB,KAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/constants/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,kBAAkB,KAAS,CAAC;AAEzC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAc3C,CAAC;AACX,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

package/dist/constants/styles.js

@@ -8,8 +8,8 @@ export const LEGEND_STYLES = {
     SQUARE_SIZE: 12,
     SQUARE_RADIUS: 2,
     FONT_SIZE: 11,
-    WIDTH: 130,
-    COLUMN_WIDTH: 105
+    TEXT_GAP: 5,
+    COLUMN_GAP: 15,
 };
 export const ERROR_STYLES = {
     TEXT_Y: 100,
@@ -18,4 +18,20 @@ export const ERROR_STYLES = {
 };
 export const LEGEND_SHIFT_THRESHOLD = 8;
 export const CHART_MARGIN_RIGHT = 20;
+export const ARIAL_CHAR_WIDTHS = {
+    " ": 278, "!": 278, "#": 556, "%": 889, "+": 584, ".": 278, "-": 333,
+    "0": 556, "1": 556, "2": 556, "3": 556, "4": 556,
+    "5": 556, "6": 556, "7": 556, "8": 556, "9": 556,
+    A: 667, B: 667, C: 722, D: 722, E: 667, F: 611,
+    G: 778, H: 722, I: 278, J: 500, K: 667, L: 556,
+    M: 833, N: 722, O: 778, P: 667, Q: 778, R: 722,
+    S: 667, T: 611, U: 722, V: 667, W: 944, X: 667,
+    Y: 667, Z: 611,
+    a: 556, b: 556, c: 500, d: 556, e: 556, f: 278,
+    g: 556, h: 556, i: 222, j: 222, k: 500, l: 222,
+    m: 833, n: 556, o: 556, p: 556, q: 556, r: 333,
+    s: 500, t: 278, u: 556, v: 500, w: 722, x: 500,
+    y: 500, z: 500
+};
+export const DEFAULT_CHAR_WIDTH = 556;
 //# sourceMappingURL=styles.js.map

package/dist/constants/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/constants/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAK,EAAE;IACb,SAAS,EAAE,EAAE;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAQ,EAAE;IACjB,UAAU,EAAK,EAAE;IACjB,WAAW,EAAI,EAAE;IACjB,aAAa,EAAE,CAAC;IAChB,SAAS,EAAM,EAAE;IACjB,KAAK,EAAU,GAAG;IAClB,YAAY,EAAG,GAAG;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAK,GAAG;IACd,SAAS,EAAE,EAAE;IACb,MAAM,EAAK,SAAS;CACZ,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,kBAAkB,GAAO,EAAE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/constants/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAK,EAAE;IACb,SAAS,EAAE,EAAE;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAW,EAAE;IACpB,UAAU,EAAQ,EAAE;IACpB,WAAW,EAAO,EAAE;IACpB,aAAa,EAAK,CAAC;IACnB,SAAS,EAAS,EAAE;IACpB,QAAQ,EAAU,CAAC;IACnB,UAAU,EAAQ,EAAE;CACZ,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAK,GAAG;IACd,SAAS,EAAE,EAAE;IACb,MAAM,EAAK,SAAS;CACZ,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,kBAAkB,GAAO,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAA2B;IACvD,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IACpE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAChD,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAChD,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IACd,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;IAC9C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;CACN,CAAC;AACX,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC"}

package/dist/render/chart.d.ts

@@ -1,3 +1,3 @@
 import type { Language, Theme, ChartType, ChartResult } from "../types.js";
-export declare function generateChartData(data: Language[], theme: Theme, chartType: ChartType, width: number, stroke: boolean): ChartResult;
+export declare function generateChartData(data: Language[], theme: Theme, chartType: ChartType, stroke: boolean): ChartResult;
 //# sourceMappingURL=chart.d.ts.map

package/dist/render/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/render/chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAc3E,wBAAgB,iBAAiB,CAC/B,IAAI,EAAO,QAAQ,EAAE,EACrB,KAAK,EAAM,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAM,MAAM,EACjB,MAAM,EAAK,OAAO,GACjB,WAAW,CAGb"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/render/chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAa3E,wBAAgB,iBAAiB,CAC/B,IAAI,EAAO,QAAQ,EAAE,EACrB,KAAK,EAAM,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAK,OAAO,GACjB,WAAW,CAGb"}

package/dist/render/chart.js

@@ -4,8 +4,8 @@ const CHART_GENERATORS = {
     donut: generateDonutChart,
     pie: generatePieChart,
 };
-export function generateChartData(data, theme, chartType, width, stroke) {
+export function generateChartData(data, theme, chartType, stroke) {
     const generator = CHART_GENERATORS[chartType] || CHART_GENERATORS.donut;
-    return generator(data, theme, width, stroke);
+    return generator(data, theme, stroke);
 }
 //# sourceMappingURL=chart.js.map

package/dist/render/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/render/chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAA8B,MAAM,kBAAkB,CAAC;AAEhF,MAAM,gBAAgB,GAKF;IAClB,KAAK,EAAE,kBAAkB;IACzB,GAAG,EAAI,gBAAgB;CACxB,CAAA;AAED,MAAM,UAAU,iBAAiB,CAC/B,IAAqB,EACrB,KAAgB,EAChB,SAAoB,EACpB,KAAiB,EACjB,MAAkB;IAElB,MAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC;IACxE,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAC/C,CAAC"}
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/render/chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAA8B,MAAM,kBAAkB,CAAC;AAEhF,MAAM,gBAAgB,GAIF;IAClB,KAAK,EAAE,kBAAkB;IACzB,GAAG,EAAI,gBAAgB;CACxB,CAAA;AAED,MAAM,UAAU,iBAAiB,CAC/B,IAAqB,EACrB,KAAgB,EAChB,SAAoB,EACpB,MAAkB;IAElB,MAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC;IACxE,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACxC,CAAC"}

package/dist/render/error.js

@@ -7,13 +7,13 @@ export function renderError(message, width, height, selectedTheme) {
     const truncated = message.length > maxLen
         ? sanitize(message.slice(0, maxLen)) + "..."
         : sanitize(message);
-    return `
-    <svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
-      <rect width="${width}" height="${height}" fill="${background}" rx="10"/>
-      <text x="${width / 2}" y="${ERROR_STYLES.TEXT_Y}" text-anchor="middle" fill="${ERROR_STYLES.COLOUR}" font-family="Arial" font-size="${ERROR_STYLES.FONT_SIZE}">
-        Error: ${truncated}
-      </text>
-    </svg>
+    return `
+    <svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
+      <rect width="${width}" height="${height}" fill="${background}" rx="10"/>
+      <text x="${width / 2}" y="${ERROR_STYLES.TEXT_Y}" text-anchor="middle" fill="${ERROR_STYLES.COLOUR}" font-family="Arial" font-size="${ERROR_STYLES.FONT_SIZE}">
+        Error: ${truncated}
+      </text>
+    </svg>
   `.trim();
 }
 //# sourceMappingURL=error.js.map

package/dist/render/svg.d.ts

@@ -1,2 +1,3 @@
-export declare function renderSvg(width: number, height: number, background: string, segments: string, legend: string, title: string | null, textColour: string): string;
+import type { ChartResult } from "../types.js";
+export declare function renderSvg(width: number, height: number, background: string, chart: ChartResult, title: string | null, textColour: string): string;
 //# sourceMappingURL=svg.d.ts.map

package/dist/render/svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/render/svg.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CACvB,KAAK,EAAO,MAAM,EAClB,MAAM,EAAM,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAI,MAAM,EAClB,MAAM,EAAM,MAAM,EAClB,KAAK,EAAO,MAAM,GAAG,IAAI,EACzB,UAAU,EAAE,MAAM,GACjB,MAAM,CAoBR"}
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/render/svg.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EACjD,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,GAC3D,MAAM,CAuBR"}

package/dist/render/svg.js

@@ -1,22 +1,25 @@
 import { TITLE_STYLES } from "../constants/styles.js";
-export function renderSvg(width, height, background, segments, legend, title, textColour) {
-    const titleElement = title ? `
-    <text
-      x="${width / 2}"
-      y="${TITLE_STYLES.TEXT_Y}"
-      text-anchor="middle" fill="${textColour}"
-      font-family="Arial" font-size="${TITLE_STYLES.FONT_SIZE}"
-    >
-      ${title}
-    </text>
+export function renderSvg(width, height, background, chart, title, textColour) {
+    const titleElement = title ? `
+    <text
+      x="${chart.contentWidth / 2}"
+      y="${TITLE_STYLES.TEXT_Y}"
+      text-anchor="middle" fill="${textColour}"
+      font-family="Arial" font-size="${TITLE_STYLES.FONT_SIZE}"
+    >
+      ${title}
+    </text>
   ` : '';
-    return `
-    <svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
-      <rect width="${width}" height="${height}" fill="${background}" rx="10"/>
-      ${titleElement}
-      ${segments}
-      ${legend}
-    </svg>
-  `.trim();
+    return `
+    <svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
+      <rect width="${width}" height="${height}" fill="${background}" rx="10"/>
+      <svg width="${width}" height="${height}"
+           viewBox="0 0 ${chart.contentWidth} ${chart.contentHeight}"
+           preserveAspectRatio="xMidYMid meet">
+        ${titleElement}
+        ${chart.segments}
+        ${chart.legend}
+      </svg>
+    </svg>`.trim();
 }
 //# sourceMappingURL=svg.js.map

package/dist/render/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/render/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,UAAU,SAAS,CACvB,KAAkB,EAClB,MAAkB,EAClB,UAAkB,EAClB,QAAkB,EAClB,MAAkB,EAClB,KAAyB,EACzB,UAAkB;IAElB,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC;;WAEpB,KAAK,GAAC,CAAC;WACP,YAAY,CAAC,MAAM;mCACK,UAAU;uCACN,YAAY,CAAC,SAAS;;QAErD,KAAK;;GAEV,CAAC,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO;kBACS,KAAK,aAAa,MAAM;qBACrB,KAAK,aAAa,MAAM,WAAW,UAAU;QAC1D,YAAY;QACZ,QAAQ;QACR,MAAM;;GAEX,CAAC,IAAI,EAAE,CAAC;AACX,CAAC"}
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/render/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAGrD,MAAM,UAAU,SAAS,CACvB,KAAa,EAAE,MAAc,EAAE,UAAkB,EACjD,KAAkB,EAAE,KAAoB,EAAE,UAAkB;IAE5D,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC;;WAEpB,KAAK,CAAC,YAAY,GAAG,CAAC;WACtB,YAAY,CAAC,MAAM;mCACK,UAAU;uCACN,YAAY,CAAC,SAAS;;QAErD,KAAK;;GAEV,CAAC,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO;kBACS,KAAK,aAAa,MAAM;qBACrB,KAAK,aAAa,MAAM,WAAW,UAAU;oBAC9C,KAAK,aAAa,MAAM;0BAClB,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,aAAa;;UAEzD,YAAY;UACZ,KAAK,CAAC,QAAQ;UACd,KAAK,CAAC,MAAM;;WAEX,CAAC,IAAI,EAAE,CAAC;AACnB,CAAC"}

package/dist/types.d.ts

@@ -15,6 +15,8 @@ export type ChartType = "donut" | "pie";
 export type ChartResult = {
     segments: string;
     legend: string;
+    contentWidth: number;
+    contentHeight: number;
 };
 export type Theme = {
     readonly colours: readonly string[];

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAG,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAM,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAI,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAK,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,EAAO,MAAM,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAG,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAM,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAO,MAAM,CAAC;IACtB,MAAM,EAAS,MAAM,CAAC;IACtB,YAAY,EAAG,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAK,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,EAAO,MAAM,CAAC;CAC1B,CAAC"}