@fusion.dev/helix-headless 0.182.0 → 0.182.1

package/custom-elements.json

@@ -7005,9 +7005,13 @@
               "name": "bar"
             },
             {
-              "description": "Under `stacked`, the segment at a column's far end: the last positive segment above zero and the last negative one below it. Its `data-end` is `positive` or `negative`. A blank or a zero segment is never the end. Set together with `bar`.",
+              "description": "The bar at a column's far end, the end away from zero, which is the end to round. A column standing alone is its own far end. Under `stacked`, the last positive segment above zero and the last negative one below it. Its `data-end` is `positive` or `negative`. A blank or a zero is never the end. Set together with `bar`.",
               "name": "bar-end"
             },
+            {
+              "description": "A far end below zero, whose far end is its bottom, or its inline start when the bars run across. Set together with `bar-end`.",
+              "name": "bar-end-negative"
+            },
             {
               "description": "The far stop of a bar's gradient, where one is used.",
               "name": "bar-wash-end"
@@ -200103,6 +200107,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix-headless",
-    "version": "0.182.0"
+    "version": "0.182.1"
   }
 }

package/dist/bar-chart/root/bar-chart-root.d.ts

@@ -78,7 +78,8 @@ declare const HelixHeadlessBarChart_base: typeof HelixElement & (new (...args: a
  * @csspart axis - The numbers of one scale: the primary under `value-axis`, and both when `secondary` splits the chart into two scales.
  * @csspart band - The category band under the pointer.
  * @csspart bar - One column. Under `stacked`, one segment of a category's column.
- * @csspart bar-end - Under `stacked`, the segment at a column's far end: the last positive segment above zero and the last negative one below it. Its `data-end` is `positive` or `negative`. A blank or a zero segment is never the end. Set together with `bar`.
+ * @csspart bar-end - The bar at a column's far end, the end away from zero, which is the end to round. A column standing alone is its own far end. Under `stacked`, the last positive segment above zero and the last negative one below it. Its `data-end` is `positive` or `negative`. A blank or a zero is never the end. Set together with `bar`.
+ * @csspart bar-end-negative - A far end below zero, whose far end is its bottom, or its inline start when the bars run across. Set together with `bar-end`.
  * @csspart bar-wash-end - The far stop of a bar's gradient, where one is used.
  * @csspart bar-wash-start - The stop of a bar's gradient at its base.
  * @csspart baseline - The line the columns stand on.

package/dist/bar-chart/root/bar-chart-root.js

@@ -123,6 +123,7 @@ let HelixHeadlessBarChart = class HelixHeadlessBarChart extends MixinChartStatus
             const paint = ink
                 ? `--chart-series: var(--bar-chart-tone-${ink}, var(--chart-series-${seriesIndex(tone)})); --chart-bar-wash: url(#helix-bar-wash-tone-${ink})`
                 : `--chart-series: var(--chart-series-${seriesIndex(tone)}); --chart-bar-wash: url(#helix-bar-wash-${seriesIndex(tone)})`;
+            const below = end === 'negative';
             return sideways
                 ? svg `<rect
             data-end=${end ?? nothing}
@@ -130,7 +131,7 @@ let HelixHeadlessBarChart = class HelixHeadlessBarChart extends MixinChartStatus
             data-tone=${ink ?? nothing}
             height=${thickness}
             style=${paint}
-            part="bar${end ? ' bar-end' : ''}"
+            part="bar${end ? ' bar-end' : ''}${below ? ' bar-end-negative' : ''}"
             width=${size}
             x=${along}
             y=${across}
@@ -141,7 +142,7 @@ let HelixHeadlessBarChart = class HelixHeadlessBarChart extends MixinChartStatus
             data-tone=${ink ?? nothing}
             height=${size}
             style=${paint}
-            part="bar${end ? ' bar-end' : ''}"
+            part="bar${end ? ' bar-end' : ''}${below ? ' bar-end-negative' : ''}"
             width=${thickness}
             x=${across}
             y=${along}
@@ -204,7 +205,7 @@ let HelixHeadlessBarChart = class HelixHeadlessBarChart extends MixinChartStatus
                 const point = slots[index];
                 return point === undefined
                     ? nothing
-                    : bar(point.value, index, depth, tone, against(one), undefined, undefined, point.tone);
+                    : bar(point.value, index, depth, tone, against(one), undefined, stackFarEnds([point.value])[0], point.tone);
             })}
             </g>`)}
         ${series.map((one) => lined.has(seriesKey(one.name)) && this.showsSeries(one.name)