katucharts.js 0.2.3 → 0.2.5

package/dist/core/Chart.d.ts

@@ -34,6 +34,7 @@ export declare class Chart {
     private clipPathId;
     private chartWidth;
     private chartHeight;
+    private autoHeight;
     private resizeObserver;
     private titleGroup;
     private stackLabelsGroup;
@@ -50,6 +51,37 @@ export declare class Chart {
     private axes;
     private createFixedAxisOverlay;
     private getDefaultHeightAspectRatio;
+    /**
+     * Minimum usable plot-area height for an auto-sized chart. Below this the
+     * series get squeezed into an unreadable strip on narrow viewports.
+     */
+    private static readonly MIN_AUTO_PLOT_HEIGHT;
+    /**
+     * Hard ceiling for auto-grown height so a chart with extreme fixed overhead
+     * (very long rotated labels, large legends) can't expand without bound.
+     */
+    private static readonly MAX_AUTO_HEIGHT;
+    /**
+     * Minimum height per category band on a vertical category axis (heatmap rows,
+     * inverted/bar categories) so row labels don't overlap.
+     */
+    private static readonly MIN_CATEGORY_ROW_HEIGHT;
+    /**
+     * When the height is derived rather than configured, a chart on a narrow
+     * viewport can end up shorter than the fixed vertical overhead (title,
+     * subtitle, legend, axis labels), collapsing the plot area to nothing.
+     *
+     * The overhead is independent of the chart height, so a single probe layout
+     * at a tall height yields the true overhead; the height is then grown just
+     * enough to give the plot area a usable minimum.
+     */
+    private fitHeightToContent;
+    /**
+     * Categories rendered down the vertical axis (heatmap rows, or the category
+     * axis of an inverted/bar chart). Each one needs a minimum band so the labels
+     * stay legible instead of piling up when the plot is short.
+     */
+    private verticalCategoryCount;
     private resolveHeight;
     private applyChartStyles;
     private computeLayout;

package/dist/katucharts-bio.es.js

@@ -5658,7 +5658,10 @@ class dh extends nt {
       }).attr("stroke-width", (p) => {
         var g, y;
         return ((g = p.marker) == null ? void 0 : g.lineWidth) ?? ((y = this.config.marker) == null ? void 0 : y.lineWidth) ?? 1;
-      }).attr("opacity", this.config.opacity ?? 1).merge(u).transition().duration(t).attr("cx", (p, g) => this.cachedPositions[g].cx).attr("cy", (p, g) => this.cachedPositions[g].cy).attr("r", (p) => {
+      }).attr("opacity", this.config.opacity ?? 1).merge(u).attr("fill", (p) => this.getPointFill(p, i)).attr("stroke", (p) => {
+        var g, y;
+        return ((g = p.marker) == null ? void 0 : g.lineColor) ?? ((y = this.config.marker) == null ? void 0 : y.lineColor) ?? i;
+      }).transition().duration(t).attr("cx", (p, g) => this.cachedPositions[g].cx).attr("cy", (p, g) => this.cachedPositions[g].cy).attr("r", (p) => {
         var g;
         return ((g = p.marker) == null ? void 0 : g.radius) ?? s;
       });
@@ -5670,7 +5673,10 @@ class dh extends nt {
       }).attr("stroke-width", (g) => {
         var y, m;
         return ((y = g.marker) == null ? void 0 : y.lineWidth) ?? ((m = this.config.marker) == null ? void 0 : m.lineWidth) ?? 1;
-      }).attr("opacity", this.config.opacity ?? 1).merge(d).transition().duration(t).attr(
+      }).attr("opacity", this.config.opacity ?? 1).merge(d).attr("fill", (g) => this.getPointFill(g, i)).attr("stroke", (g) => {
+        var y, m;
+        return ((y = g.marker) == null ? void 0 : y.lineColor) ?? ((m = this.config.marker) == null ? void 0 : m.lineColor) ?? i;
+      }).transition().duration(t).attr(
         "transform",
         (g, y) => `translate(${this.cachedPositions[y].cx},${this.cachedPositions[y].cy})`
       ).attr("d", (g) => {