@k2b/ui 0.48.0 → 0.50.0

package/dist/browser/surfaces/ProgressBar.js

@@ -5,43 +5,155 @@ import { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
 import { getNextMarker as _$getNextMarker } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /*#__PURE__*/_$template(`<div><div class=k2b-progress__track role=progressbar aria-valuemin=0 aria-valuemax=100><div class=k2b-progress__value></div></div><!$><!/>`),
-  _tmpl$2 = /*#__PURE__*/_$template(`<span class=k2b-progress__percent><!$><!/>%`);
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div><div class=k2b-progress__track role=progressbar aria-valuemin=0 aria-valuemax=100></div><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<div class=k2b-progress__value>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-progress__limit aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<div class=k2b-progress__segment>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-progress__percent>`);
+import { For, Show } from "solid-js";
+
+/** One part of a segmented bar, in the unit of `limit`. `"hatched"` marks an expected, not yet booked part. */
+
+/**
+ * Sum minus limit, without float residue: `0.1 + 0.2` against `0.3` is not over. Amounts within a billionth of the
+ * larger of both count as equal.
+ */
+export const budgetOverrun = (total, limit) => {
+  const over = total - limit;
+  return over > Math.max(1, Math.abs(total), Math.abs(limit)) * 1e-9 ? over : 0;
+};
+
+/** Sum over limit; an empty budget with spending is infinitely full. */
+export const budgetRatio = (total, limit) => limit > 0 ? total / limit : total > 0 ? Number.POSITIVE_INFINITY : 0;
+
+/**
+ * The drawn parts of a segmented bar, each as a percent of the track. The track spans the larger of the limit and the
+ * sum, so an overrun stays visible: segments fill up to the limit in order, the rest is one "over" part, and `mark`
+ * places the limit line (only when the sum goes beyond it). Without `limit` the segments fill the track; a limit of 0,
+ * below 0 or not finite is an empty budget, so any spending is over it.
+ */
+export const progressBarParts = (segments, limit) => {
+  const values = segments.map(segment => ({
+    pattern: segment.pattern ?? "solid",
+    value: Number.isFinite(segment.value) ? Math.max(0, segment.value) : 0
+  }));
+  const total = values.reduce((sum, segment) => sum + segment.value, 0);
+  const budget = limit === undefined ? total : Number.isFinite(limit) ? Math.max(0, limit) : 0;
+  const scale = Math.max(budget, total);
+  if (scale <= 0) return {
+    parts: [],
+    total,
+    over: 0,
+    mark: null,
+    ratio: 0
+  };
+  const parts = [];
+  let filled = 0;
+  for (const segment of values) {
+    const inside = Math.max(0, Math.min(segment.value, budget - filled));
+    if (inside > 0) parts.push({
+      pattern: segment.pattern,
+      width: inside / scale * 100
+    });
+    filled += segment.value;
+  }
+  const over = budgetOverrun(total, budget);
+  if (over > 0) parts.push({
+    pattern: "over",
+    width: over / scale * 100
+  });
+  return {
+    parts,
+    total,
+    over,
+    mark: over > 0 ? budget / scale * 100 : null,
+    ratio: budgetRatio(total, budget)
+  };
+};
 const clamp = value => Number.isFinite(value) ? Math.max(0, Math.min(100, Math.round(value))) : 0;
 export function ProgressBar(props) {
-  const percent = () => clamp(props.value);
+  const segmented = () => props.segments ? progressBarParts(props.segments, props.limit) : null;
+  // With segments the share always comes from them; `value` only drives the plain bar.
+  const percent = () => {
+    const bar = segmented();
+    if (!bar) return clamp(props.value ?? 0);
+    return Number.isFinite(bar.ratio) ? Math.max(0, Math.round(bar.ratio * 100)) : null;
+  };
+  const shown = () => percent() ?? 100;
   return (() => {
     var _el$ = _$getNextElement(_tmpl$),
       _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild,
-      _el$4 = _el$2.nextSibling,
-      [_el$5, _co$] = _$getNextMarker(_el$4.nextSibling);
+      _el$3 = _el$2.nextSibling,
+      [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling);
+    _$insert(_el$2, _$createComponent(Show, {
+      get when() {
+        return segmented();
+      },
+      get fallback() {
+        return (() => {
+          var _el$5 = _$getNextElement(_tmpl$2);
+          _$effect(_$p => _$style(_el$5, `width: ${shown()}%`, _$p));
+          return _el$5;
+        })();
+      },
+      children: bar => [_$createComponent(For, {
+        get each() {
+          return bar().parts;
+        },
+        children: part => (() => {
+          var _el$7 = _$getNextElement(_tmpl$4);
+          _$effect(_p$ => {
+            var _v$8 = part.pattern,
+              _v$9 = `width: ${part.width.toFixed(3)}%`;
+            _v$8 !== _p$.e && _$setAttribute(_el$7, "data-pattern", _p$.e = _v$8);
+            _p$.t = _$style(_el$7, _v$9, _p$.t);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$7;
+        })()
+      }), _$createComponent(Show, {
+        get when() {
+          return bar().mark !== null;
+        },
+        get children() {
+          var _el$6 = _$getNextElement(_tmpl$3);
+          _$effect(_$p => _$style(_el$6, `left: ${(bar().mark ?? 0).toFixed(3)}%`, _$p));
+          return _el$6;
+        }
+      })]
+    }));
     _$insert(_el$, (() => {
       var _c$ = _$memo(() => !!props.showValue);
       return () => _c$() ? (() => {
-        var _el$6 = _$getNextElement(_tmpl$2),
-          _el$8 = _el$6.firstChild,
-          [_el$9, _co$2] = _$getNextMarker(_el$8.nextSibling),
-          _el$7 = _el$9.nextSibling;
-        _$insert(_el$6, percent, _el$9, _co$2);
-        return _el$6;
+        var _el$8 = _$getNextElement(_tmpl$5);
+        _$insert(_el$8, (() => {
+          var _c$2 = _$memo(() => percent() === null);
+          return () => _c$2() ? "∞" : `${percent()}%`;
+        })());
+        return _el$8;
       })() : null;
-    })(), _el$5, _co$);
+    })(), _el$4, _co$);
     _$effect(_p$ => {
       var _v$ = `k2b-progress ${props.class ?? ""}`,
         _v$2 = props.size ?? "md",
         _v$3 = props.tone ?? "info",
-        _v$4 = props.label,
-        _v$5 = percent(),
-        _v$6 = `width: ${percent()}%`;
+        _v$4 = segmented() ? "" : undefined,
+        _v$5 = props.label,
+        _v$6 = Math.min(100, shown()),
+        _v$7 = props.valueText ?? (segmented() ? percent() === null ? "∞" : `${percent()}%` : undefined);
       _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && _$setAttribute(_el$, "data-size", _p$.t = _v$2);
       _v$3 !== _p$.a && _$setAttribute(_el$, "data-tone", _p$.a = _v$3);
-      _v$4 !== _p$.o && _$setAttribute(_el$2, "aria-label", _p$.o = _v$4);
-      _v$5 !== _p$.i && _$setAttribute(_el$2, "aria-valuenow", _p$.i = _v$5);
-      _p$.n = _$style(_el$3, _v$6, _p$.n);
+      _v$4 !== _p$.o && _$setAttribute(_el$, "data-segmented", _p$.o = _v$4);
+      _v$5 !== _p$.i && _$setAttribute(_el$2, "aria-label", _p$.i = _v$5);
+      _v$6 !== _p$.n && _$setAttribute(_el$2, "aria-valuenow", _p$.n = _v$6);
+      _v$7 !== _p$.s && _$setAttribute(_el$2, "aria-valuetext", _p$.s = _v$7);
       return _p$;
     }, {
       e: undefined,
@@ -49,7 +161,8 @@ export function ProgressBar(props) {
       a: undefined,
       o: undefined,
       i: undefined,
-      n: undefined
+      n: undefined,
+      s: undefined
     });
     return _el$;
   })();

package/dist/browser/surfaces/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/ProgressBar.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { IntentTone } from \"../semantics\";\n\nexport type ProgressBarTone = Extract<IntentTone, \"info\" | \"success\" | \"warning\" | \"danger\">;\n\nexport type ProgressBarProps = {\n  value: number;\n  size?: \"xs\" | \"sm\" | \"md\";\n  tone?: ProgressBarTone;\n  showValue?: boolean;\n  label: string;\n  class?: string;\n};\n\nconst clamp = (value: number) => (Number.isFinite(value) ? Math.max(0, Math.min(100, Math.round(value))) : 0);\n\nexport function ProgressBar(props: ProgressBarProps): JSX.Element {\n  const percent = () => clamp(props.value);\n  return (\n    <div class={`k2b-progress ${props.class ?? \"\"}`} data-size={props.size ?? \"md\"} data-tone={props.tone ?? \"info\"}>\n      <div\n        class=\"k2b-progress__track\"\n        role=\"progressbar\"\n        aria-label={props.label}\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={percent()}\n      >\n        <div class=\"k2b-progress__value\" style={`width: ${percent()}%`} />\n      </div>\n      {props.showValue ? <span class=\"k2b-progress__percent\">{percent()}%</span> : null}\n    </div>\n  );\n}\n\nexport default ProgressBar;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,KAAK,GAAI,KAAa,IAAM,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAE;AAE7G,OAAO,SAAS,WAAW,CAAC,KAAuB,EAAe;EAChE,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;EACxC;IAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA,yBAYK,KAAK,CAAC,SAAS;MAAA,aAAf;QAAA;UAAA;UAAA;UAAA;QAAA,gBAAuD,OAAO;QAAA;MAAA,OAAc,IAAI;IAAA;IAAA;MAAA,UAXvE,gBAAgB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;QAAA,OAAa,KAAK,CAAC,IAAI,IAAI,IAAI;QAAA,OAAa,KAAK,CAAC,IAAI,IAAI,MAAM;QAAA,OAI/F,KAAK,CAAC,KAAK;QAAA,OAGR,OAAO,CAAC,CAAC;QAAA,OAEgB,UAAU,OAAO,CAAC,CAAC,GAAG;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;IAAA;EAAA;AAKtE;AAEA,eAAe,WAAW","ignoreList":[]}
+{"version":3,"names":[],"sources":["surfaces/ProgressBar.tsx"],"sourcesContent":["import { For, type JSX, Show } from \"solid-js\";\nimport type { IntentTone } from \"../semantics\";\n\nexport type ProgressBarTone = Extract<IntentTone, \"info\" | \"success\" | \"warning\" | \"danger\">;\n\n/** One part of a segmented bar, in the unit of `limit`. `\"hatched\"` marks an expected, not yet booked part. */\nexport type ProgressBarSegment = { value: number; pattern?: \"solid\" | \"hatched\" };\n\nexport type ProgressBarProps = {\n  /** Percent from 0 to 100. With `segments`, the share of `limit` the segments fill. */\n  value?: number;\n  size?: \"xs\" | \"sm\" | \"md\";\n  tone?: ProgressBarTone;\n  showValue?: boolean;\n  label: string;\n  /** Parts drawn in order, such as booked and expected spending. Negative and non-finite values count as 0. */\n  segments?: readonly ProgressBarSegment[];\n  /** The budget the segments fill. What goes beyond it is drawn red, with a mark at the limit. */\n  limit?: number;\n  /** Spoken value, such as \"1,240 € of 1,500 €\"; defaults to the percent. */\n  valueText?: string;\n  class?: string;\n};\n\nexport type ProgressBarPart = { pattern: \"solid\" | \"hatched\" | \"over\"; width: number };\n\n/**\n * Sum minus limit, without float residue: `0.1 + 0.2` against `0.3` is not over. Amounts within a billionth of the\n * larger of both count as equal.\n */\nexport const budgetOverrun = (total: number, limit: number): number => {\n  const over = total - limit;\n  return over > Math.max(1, Math.abs(total), Math.abs(limit)) * 1e-9 ? over : 0;\n};\n\n/** Sum over limit; an empty budget with spending is infinitely full. */\nexport const budgetRatio = (total: number, limit: number): number => (limit > 0 ? total / limit : total > 0 ? Number.POSITIVE_INFINITY : 0);\n\n/**\n * The drawn parts of a segmented bar, each as a percent of the track. The track spans the larger of the limit and the\n * sum, so an overrun stays visible: segments fill up to the limit in order, the rest is one \"over\" part, and `mark`\n * places the limit line (only when the sum goes beyond it). Without `limit` the segments fill the track; a limit of 0,\n * below 0 or not finite is an empty budget, so any spending is over it.\n */\nexport const progressBarParts = (\n  segments: readonly ProgressBarSegment[],\n  limit?: number,\n): { parts: ProgressBarPart[]; total: number; over: number; mark: number | null; ratio: number } => {\n  const values = segments.map((segment) => ({\n    pattern: segment.pattern ?? \"solid\",\n    value: Number.isFinite(segment.value) ? Math.max(0, segment.value) : 0,\n  }));\n  const total = values.reduce((sum, segment) => sum + segment.value, 0);\n  const budget = limit === undefined ? total : Number.isFinite(limit) ? Math.max(0, limit) : 0;\n  const scale = Math.max(budget, total);\n  if (scale <= 0) return { parts: [], total, over: 0, mark: null, ratio: 0 };\n  const parts: ProgressBarPart[] = [];\n  let filled = 0;\n  for (const segment of values) {\n    const inside = Math.max(0, Math.min(segment.value, budget - filled));\n    if (inside > 0) parts.push({ pattern: segment.pattern, width: (inside / scale) * 100 });\n    filled += segment.value;\n  }\n  const over = budgetOverrun(total, budget);\n  if (over > 0) parts.push({ pattern: \"over\", width: (over / scale) * 100 });\n  return { parts, total, over, mark: over > 0 ? (budget / scale) * 100 : null, ratio: budgetRatio(total, budget) };\n};\n\nconst clamp = (value: number) => (Number.isFinite(value) ? Math.max(0, Math.min(100, Math.round(value))) : 0);\n\nexport function ProgressBar(props: ProgressBarProps): JSX.Element {\n  const segmented = () => (props.segments ? progressBarParts(props.segments, props.limit) : null);\n  // With segments the share always comes from them; `value` only drives the plain bar.\n  const percent = () => {\n    const bar = segmented();\n    if (!bar) return clamp(props.value ?? 0);\n    return Number.isFinite(bar.ratio) ? Math.max(0, Math.round(bar.ratio * 100)) : null;\n  };\n  const shown = () => percent() ?? 100;\n  return (\n    <div\n      class={`k2b-progress ${props.class ?? \"\"}`}\n      data-size={props.size ?? \"md\"}\n      data-tone={props.tone ?? \"info\"}\n      data-segmented={segmented() ? \"\" : undefined}\n    >\n      <div\n        class=\"k2b-progress__track\"\n        role=\"progressbar\"\n        aria-label={props.label}\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={Math.min(100, shown())}\n        aria-valuetext={props.valueText ?? (segmented() ? (percent() === null ? \"∞\" : `${percent()}%`) : undefined)}\n      >\n        <Show when={segmented()} fallback={<div class=\"k2b-progress__value\" style={`width: ${shown()}%`} />}>\n          {(bar) => (\n            <>\n              <For each={bar().parts}>\n                {(part) => <div class=\"k2b-progress__segment\" data-pattern={part.pattern} style={`width: ${part.width.toFixed(3)}%`} />}\n              </For>\n              <Show when={bar().mark !== null}>\n                <span class=\"k2b-progress__limit\" aria-hidden=\"true\" style={`left: ${(bar().mark ?? 0).toFixed(3)}%`} />\n              </Show>\n            </>\n          )}\n        </Show>\n      </div>\n      {props.showValue ? <span class=\"k2b-progress__percent\">{percent() === null ? \"∞\" : `${percent()}%`}</span> : null}\n    </div>\n  );\n}\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}