@ixfx/components 0.16.4 → 0.17.0

package/dist/unit-input.js

@@ -0,0 +1,230 @@
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import { LitElement, css, html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+// src/unit-input/unit-input.ts
+/** Byte sizes: base unit is the byte. */
+const SIZE_UNITS = [
+	{
+		id: `B`,
+		label: `B`,
+		factor: 1
+	},
+	{
+		id: `KB`,
+		label: `KB`,
+		factor: 1024
+	},
+	{
+		id: `MB`,
+		label: `MB`,
+		factor: 1024 ** 2
+	},
+	{
+		id: `GB`,
+		label: `GB`,
+		factor: 1024 ** 3
+	}
+];
+/** Durations: base unit is the minute. */
+const AGE_UNITS = [
+	{
+		id: `minutes`,
+		label: `minutes`,
+		factor: 1
+	},
+	{
+		id: `hours`,
+		label: `hours`,
+		factor: 60
+	},
+	{
+		id: `days`,
+		label: `days`,
+		factor: 1440
+	},
+	{
+		id: `weeks`,
+		label: `weeks`,
+		factor: 10080
+	}
+];
+/** `value` expressed in base units. */
+function toBase(value, unit) {
+	return value === null ? null : value * (unit?.factor ?? 1);
+}
+/**
+* The largest unit in `units` that `baseValue` is a whole number of (or the
+* smallest unit when none fits), with the value in that unit.
+*/
+function bestUnit(baseValue, units) {
+	if (units.length === 0) return void 0;
+	const sorted = [...units].sort((a, b) => (b.factor ?? 1) - (a.factor ?? 1));
+	const fit = sorted.find((u) => baseValue !== 0 && baseValue % (u.factor ?? 1) === 0) ?? sorted[sorted.length - 1];
+	return {
+		value: baseValue / (fit.factor ?? 1),
+		unit: fit.id
+	};
+}
+let UnitInputElement = class UnitInputElement extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.value = null;
+		this.unit = ``;
+		this.units = [];
+		this.placeholder = ``;
+		this.disabled = false;
+		this.#onNumber = (e) => {
+			e.stopPropagation();
+			const text = e.target.value;
+			const n = text.trim() === `` ? NaN : Number(text);
+			this.value = Number.isNaN(n) ? null : n;
+			this.#emit();
+		};
+		this.#onUnit = (e) => {
+			e.stopPropagation();
+			this.unit = e.target.value;
+			this.#emit();
+		};
+	}
+	/** The value in base units (see `UnitInputUnit.factor`), or `null` when empty. */
+	get baseValue() {
+		return toBase(this.value, this.#selected());
+	}
+	/** Set the control from a base-unit amount, choosing the largest unit it divides into evenly. */
+	setBaseValue(baseValue) {
+		if (baseValue === null) {
+			this.value = null;
+			return;
+		}
+		const best = bestUnit(baseValue, this.units);
+		if (best === void 0) {
+			this.value = baseValue;
+			return;
+		}
+		this.value = best.value;
+		this.unit = best.unit;
+	}
+	focus(options) {
+		this.shadowRoot?.querySelector(`input`)?.focus(options);
+	}
+	#selected() {
+		return this.units.find((u) => u.id === this.unit) ?? this.units[0];
+	}
+	#emit() {
+		this.dispatchEvent(new CustomEvent(`change`, {
+			detail: {
+				value: this.value,
+				unit: this.#selected()?.id ?? ``,
+				baseValue: this.baseValue
+			},
+			bubbles: true,
+			composed: true
+		}));
+	}
+	#onNumber;
+	#onUnit;
+	render() {
+		const selected = this.#selected();
+		return html`
+      <div class="wrap">
+        <input
+          type="number"
+          .value=${this.value === null ? `` : String(this.value)}
+          min=${this.min ?? nothing}
+          max=${this.max ?? nothing}
+          step=${this.step ?? nothing}
+          placeholder=${this.placeholder || nothing}
+          ?disabled=${this.disabled}
+          @change=${this.#onNumber}
+        >
+        <select
+          ?disabled=${this.disabled}
+          aria-label="Unit"
+          @change=${this.#onUnit}
+        >
+          ${this.units.map((u) => html`<option value=${u.id} ?selected=${u.id === selected?.id}>${u.label}</option>`)}
+        </select>
+      </div>
+    `;
+	}
+	static {
+		this.styles = [themeFallbacks, css`
+      :host {
+        --unit-input-padding: var(--space-m, 8px) var(--space-l, 12px);
+        --unit-input-background: var(--surface-3, var(--surface-2));
+        --unit-input-border: var(--border);
+        --unit-input-border-radius: var(--radius-m, 4px);
+
+        display: inline-block;
+        font-family: var(--font-family, system-ui, sans-serif);
+        font-size: var(--text-m, 12px);
+      }
+
+      .wrap {
+        display: flex;
+        align-items: stretch;
+        background: var(--unit-input-background);
+        border: var(--unit-input-border);
+        border-radius: var(--unit-input-border-radius);
+        color: var(--surface-2-text);
+        transition: border-color var(--transition, 0.15s ease-out);
+      }
+
+      .wrap:focus-within {
+        border-color: var(--accent);
+      }
+
+      input, select {
+        appearance: none;
+        box-sizing: border-box;
+        padding: var(--unit-input-padding);
+        background: transparent;
+        color: inherit;
+        border: 0;
+        font: inherit;
+        outline: none;
+        color-scheme: inherit;
+      }
+
+      input {
+        flex: 1;
+        min-width: 4ch;
+        width: 100%;
+        caret-color: var(--accent);
+      }
+
+      input::placeholder {
+        color: var(--surface-muted-text);
+      }
+
+      select {
+        cursor: pointer;
+        border-left: var(--unit-input-border);
+        border-radius: 0 var(--unit-input-border-radius) var(--unit-input-border-radius) 0;
+      }
+
+      select option {
+        background: var(--surface-3, var(--surface-2));
+        color: var(--surface-3-text, inherit);
+      }
+
+      :host([disabled]) .wrap {
+        opacity: var(--prominence-disabled-opacity, 0.4);
+      }
+    `];
+	}
+};
+__decorate([property({ type: Number })], UnitInputElement.prototype, "value", void 0);
+__decorate([property({ type: String })], UnitInputElement.prototype, "unit", void 0);
+__decorate([property({ attribute: false })], UnitInputElement.prototype, "units", void 0);
+__decorate([property({ type: Number })], UnitInputElement.prototype, "min", void 0);
+__decorate([property({ type: Number })], UnitInputElement.prototype, "max", void 0);
+__decorate([property({ type: Number })], UnitInputElement.prototype, "step", void 0);
+__decorate([property({ type: String })], UnitInputElement.prototype, "placeholder", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], UnitInputElement.prototype, "disabled", void 0);
+UnitInputElement = __decorate([safeCustomElement(`ixfx-unit-input`)], UnitInputElement);
+export { AGE_UNITS, SIZE_UNITS, UnitInputElement, bestUnit, toBase };

package/dist/{vertical-list-o5hfqH87.js → vertical-list-B9z1lbjM.js}

@@ -1,20 +1,20 @@
-import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { c as createElementListSearchAdapter, d as keysOfElements, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-Dc6gYpJG.js";
-import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
-import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-D4iIrvJH.js";
-import { l as keysToArray } from "./pending-BGidHppL.js";
-import { i as sameKeySet, n as applyPartialAttributes, r as isPartialKey } from "./partial-keys-Ck6CiprB.js";
-import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
-import { a as restoreElementScroll, n as anchorFromRow, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
-import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-BjcMyauw.js";
+import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.js";
+import { c as createElementListSearchAdapter, d as keysOfElements, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-C5114RxZ.js";
+import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-Dkh3m3hX.js";
+import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
+import { i as sameKeySet, n as applyPartialAttributes, r as isPartialKey } from "./partial-keys-D4l_ede_.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { l as keysToArray } from "./pending-Afl4LT64.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
+import { a as restoreElementScroll, n as anchorFromRow, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import "./editable-label.js";
 import { LitElement, css, html, render } from "lit";
 import { property } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";
 import { ifDefined } from "lit/directives/if-defined.js";
-//#region src/vertical-list/vertical-list-view-state.ts
+// src/vertical-list/vertical-list-view-state.ts
 /** Key → row over `rows`. Keyless rows are skipped; the first row with a key wins. */
 function indexByKey(rows, getKey) {
 	const out = /* @__PURE__ */ new Map();
@@ -93,8 +93,7 @@ function virtualScrollTarget(scroll, stride, indexOf) {
 	const index = indexOf(scroll.anchor.key);
 	return index < 0 ? void 0 : index * stride + scroll.anchor.offset;
 }
-//#endregion
-//#region src/vertical-list/vertical-list.ts
+// src/vertical-list/vertical-list.ts
 const ITEM_SELECTOR = `li:not([data-virtual-spacer]), [data-list-item]:not([data-virtual-spacer])`;
 /**
 * Rows rendered above/below the viewport as scroll margin. Grid-list uses 2;
@@ -2024,5 +2023,4 @@ __decorate([property({
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "editValidator", void 0);
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "canDrop", void 0);
 VerticalListElement = __decorate([safeCustomElement(`ixfx-vertical-list`)], VerticalListElement);
-//#endregion
 export { VerticalListElement as t };

package/dist/{vertical-list-DtHX26JO.d.ts → vertical-list-BzeXehBt.d.ts}

@@ -1,13 +1,12 @@
-import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DgfkxmVY.js";
-import { a as ViewStateBase, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
-import "./index-9ttcdwlL.js";
-import { n as ListViewportChangeEvent } from "./list-viewport-types-BRZsLcvp.js";
-import { h as ListSelectionMode, i as ListInteractionMode, r as ListElementEventMap } from "./list-selection-types-Dnamh2Lu.js";
-import { S as ListSearchController } from "./index-Bm9a9S3_.js";
-import "./editable-label-rzXkjf1H.js";
+import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DNuzfo6R.js";
+import { a as ViewStateBase, t as GetViewStateOptions } from "./types-16GC5k1z.js";
+import { h as ListSelectionMode, i as ListInteractionMode, r as ListElementEventMap } from "./list-selection-types-CKTt7Rrw.js";
+import { n as ListViewportChangeEvent } from "./list-viewport-types-BJ8c6qur.js";
+import "./index-Cdcek1Oj.js";
+import { S as ListSearchController } from "./index-CRLTVAyt.js";
+import "./editable-label-CiHCDlhC.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandId, CommandRegistry } from "@clinth/ui-commands";
-//#region src/vertical-list/types.d.ts
 /**
  * `list-drag-over` / `list-drop`. `key` and `item` are `undefined` when the
  * drag is over empty list space rather than a row.
@@ -42,8 +41,6 @@ type ListDragLeaveEvent = CustomEvent<ListDragLeaveDetail>;
 type ListContextMenuEvent = CustomEvent<ListContextMenuDetail>;
 type ListEditCommitEvent = CustomEvent<ListEditCommitDetail>;
 type ListEditCancelEvent = CustomEvent<ListEditCancelDetail>;
-//#endregion
-//#region src/vertical-list/vertical-list-view-state.d.ts
 /**
  * Pure helpers behind `ixfx-vertical-list`'s view state. The component runs
  * them whenever its items change (light-DOM edits, `addItem` / `setItems` /
@@ -56,8 +53,6 @@ type ListEditCancelEvent = CustomEvent<ListEditCancelDetail>;
  * and `scroll`. Keys are each row's `data-key` / `data-value`.
  */
 type VerticalListViewState = ViewStateBase;
-//#endregion
-//#region src/vertical-list/vertical-list.d.ts
 interface CustomCheckboxOptions {
   renderer: (checked: boolean) => unknown;
   margin?: string;
@@ -394,5 +389,4 @@ interface VerticalListElementEventMap extends ListElementEventMap {
   'list-edit-commit': ListEditCommitEvent;
   'list-edit-cancel': ListEditCancelEvent;
 }
-//#endregion
 export { VerticalListViewState as a, ListDragLeaveDetail as c, ListDropDetail as d, ListDropEvent as f, ListEditCommitEvent as g, ListEditCommitDetail as h, VerticalListElementEventMap as i, ListDragLeaveEvent as l, ListEditCancelEvent as m, CustomCheckboxOptions as n, ListContextMenuDetail as o, ListEditCancelDetail as p, VerticalListElement as r, ListContextMenuEvent as s, AddItemOptions as t, ListDragOverEvent as u };

package/dist/vertical-list.d.ts

@@ -1,5 +1,5 @@
-import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DgfkxmVY.js";
-import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
-import { _ as ListTickleEvent, a as ListItemClickDetail, c as ListSelectDetail, g as ListTickleDetail, h as ListSelectionMode, i as ListInteractionMode, l as ListSelectEvent, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, t as ListActivateDetail } from "./list-selection-types-Dnamh2Lu.js";
-import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-DtHX26JO.js";
+import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DNuzfo6R.js";
+import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BJ8c6qur.js";
+import { _ as ListTickleEvent, a as ListItemClickDetail, c as ListSelectDetail, g as ListTickleDetail, h as ListSelectionMode, i as ListInteractionMode, l as ListSelectEvent, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, t as ListActivateDetail } from "./list-selection-types-CKTt7Rrw.js";
+import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-BzeXehBt.js";
 export { AddItemOptions, CustomCheckboxOptions, type ListActivateDetail, type ListActivateEvent, type ListContextMenuDetail, type ListContextMenuEvent, type ListDragEntry, type ListDragLeaveDetail, type ListDragLeaveEvent, type ListDragOverEvent, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListDropDetail, type ListDropEvent, type ListEditCancelDetail, type ListEditCancelEvent, type ListEditCommitDetail, type ListEditCommitEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListNativeDragStartDetail, type ListNativeDragStartEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, type ListViewportChangeDetail, type ListViewportChangeEvent, VerticalListElement, VerticalListElementEventMap, type VerticalListViewState };

package/dist/vertical-list.js

@@ -1,2 +1 @@
-import { t as VerticalListElement } from "./vertical-list-o5hfqH87.js";
-export { VerticalListElement };
+export { t as VerticalListElement } from "./vertical-list-B9z1lbjM.js";

package/dist/{view-state-controller-BdyXWUUM.js → view-state-controller-DiPAPiA7.js}

@@ -1,4 +1,4 @@
-//#region src/common/view-state/types.ts
+// src/common/view-state/types.ts
 /**
 * Shared view-state contract for list-like components.
 *
@@ -17,8 +17,7 @@
 const VIEW_STATE_VERSION = 1;
 /** Name of the debounced change event every view-stateful component fires. */
 const VIEW_STATE_CHANGE = `view-state-change`;
-//#endregion
-//#region src/common/view-state/scroll-anchor.ts
+// src/common/view-state/scroll-anchor.ts
 /**
 * Capture a {@link ScrollState} for a DOM-rendered list. `items` must be in
 * visual order along `axis`; the first one whose far edge is below / right of
@@ -143,8 +142,7 @@ function onUserScrollIntent(target, onIntent) {
 		for (const type of events) target.removeEventListener(type, handler, { capture: true });
 	};
 }
-//#endregion
-//#region src/common/view-state/view-state-controller.ts
+// src/common/view-state/view-state-controller.ts
 const REASON_RANK = {
 	restore: 0,
 	data: 1,
@@ -301,5 +299,4 @@ var ViewStateController = class {
 		this.notify(reason);
 	}
 };
-//#endregion
 export { restoreElementScroll as a, VIEW_STATE_VERSION as c, onUserScrollIntent as i, anchorFromRow as n, scrollToOffset as o, captureElementScroll as r, VIEW_STATE_CHANGE as s, ViewStateController as t };

package/dist/{wheel-nudge-D5rmht3v.js → wheel-nudge-DgJzrL28.js}

@@ -1,6 +1,6 @@
-import { t as __decorate } from "./decorate-VRK8rslU.js";
+import { t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { property } from "lit/decorators.js";
-//#region src/mixins/wheel-nudge.ts
+// src/mixins/wheel-nudge.ts
 /**
 * Mixin that adds mousewheel support with an optional `lighttouch` hover mode.
 *
@@ -85,5 +85,4 @@ function WheelNudgeMixin(superClass) {
 	})], WheelNudgeMixinClass.prototype, "lighttouch", void 0);
 	return WheelNudgeMixinClass;
 }
-//#endregion
 export { WheelNudgeMixin as t };

package/dist/{wheel-nudge-By5s_ioH.d.ts → wheel-nudge-oMFKat9P.d.ts}

@@ -1,5 +1,4 @@
-import { LitElement } from "lit";
-//#region src/mixins/wheel-nudge.d.ts
+import "lit";
 /**
  * Direction of a wheel tick. `+1` for `deltaY < 0` (wheel up/away), `-1` for
  * `deltaY > 0` (wheel down/toward).
@@ -26,5 +25,4 @@ interface WheelNudgeConsumer {
   _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
   _shouldHandleWheel(): boolean;
 }
-//#endregion
 export { WheelNudgeConsumer as n, WheelDirection as t };

package/dist/{xy-axis-DQqd2yXJ.d.ts → xy-axis-Bf6WfOS2.d.ts}

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from "lit";
-//#region src/plots/colour-map.d.ts
 type ColourMode = `fixed` | `opacity` | `hue` | `saturation` | `lightness` | `scale`;
 type ColourMapConfig = {
   mode: ColourMode;
@@ -30,8 +29,6 @@ declare function computeColour(scaledValue: number, baseColour: string, config:
  * 'size' is not handled here — the caller adjusts the radius separately.
  */
 declare function applyAgeModification(base: ColourResult, ageFraction: number, ageStyle: string): ColourResult;
-//#endregion
-//#region src/plots/data.d.ts
 type PlotDataSeriesOptions = {
   /**
    * Limit of how many data points to store.
@@ -101,8 +98,6 @@ declare class PlotDataSeries {
    */
   clear(): boolean;
 }
-//#endregion
-//#region src/plots/single-axis.d.ts
 type SingleAxisDrawStyle = `line-sharp` | `line-round` | `circles` | `squares` | `vbar` | `hbar` | `hist-bottom` | `hist-top` | `hist-middle`;
 type SingleAxisAgeStyle = `none` | `opacity` | `desaturation` | `size`;
 /**
@@ -210,8 +205,6 @@ interface PlotSingleAxis {
     (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   };
 }
-//#endregion
-//#region src/plots/multi-axis.d.ts
 type PlotMultiAxisLayout = `overlap` | `horizontal` | `vertical` | `grid`;
 type PlotMultiAxisDataPointClickDetail = {
   readonly value: number;
@@ -282,8 +275,6 @@ interface PlotMultiAxis {
     (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   };
 }
-//#endregion
-//#region src/plots/plot-histogram.d.ts
 type PlotHistogramOrientation = `horizontal` | `vertical`;
 /**
  * - `hover`: floating `ixfx-tooltip` bubble, shown/hidden with a debounce delay.
@@ -382,8 +373,6 @@ declare global {
 interface PlotHistogram {
   addEventListener: (<K extends keyof PlotHistogramElementEventMap>(type: K, listener: (this: PlotHistogram, event: PlotHistogramElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-//#endregion
-//#region src/plots/xy-axis.d.ts
 type XyDrawStyle = `circles` | `squares`;
 type XyAgeStyle = `none` | `opacity` | `desaturation` | `size`;
 declare class PlotXyAxis extends LitElement {
@@ -422,5 +411,4 @@ declare global {
     'ixfx-plot-xy-axis': PlotXyAxis;
   }
 }
-//#endregion
 export { applyAgeModification as A, SingleAxisAgeStyle as C, ColourMapConfig as D, PlotDataSeriesOptions as E, parseColourScaleAttr as M, readBaseColour as N, ColourMode as O, PlotSingleAxisPointerMoveEvent as S, PlotDataSeries as T, PlotMultiAxisElementEventMap as _, PlotHistogramBucketClickDetail as a, PlotSingleAxisElementEventMap as b, PlotHistogramInteractionMode as c, PlotHistogramSelectionChangeEvent as d, PlotHistogramSelectionRange as f, PlotMultiAxisDataPointClickEvent as g, PlotMultiAxisDataPointClickDetail as h, PlotHistogram as i, computeColour as j, ColourResult as k, PlotHistogramOrientation as l, PlotMultiAxis as m, XyAgeStyle as n, PlotHistogramBucketClickEvent as o, PlotHistogramValueTooltips as p, XyDrawStyle as r, PlotHistogramElementEventMap as s, PlotXyAxis as t, PlotHistogramSelectionChangeDetail as u, PlotMultiAxisLayout as v, SingleAxisDrawStyle as w, PlotSingleAxisPointerMoveDetail as x, PlotSingleAxis as y };

package/dist/{xy-axis-CyMd_Bn1.js → xy-axis-CBpml-3S.js}

@@ -1,5 +1,5 @@
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { i as hasIcon } from "./registry-BEtb8_wB.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import { i as hasIcon } from "./registry-DcF0fO7l.js";
 import "./icons.js";
 import { LitElement, css, html, nothing, svg } from "lit";
 import { property, state } from "lit/decorators.js";
@@ -9,7 +9,7 @@ import { Colour } from "@ixfx/visual";
 import { clamp, rangeStream } from "@ixfx/numbers";
 import { classMap } from "lit/directives/class-map.js";
 import { Easings } from "@ixfx/modulation";
-//#region src/plots/colour-map.ts
+// src/plots/colour-map.ts
 const DEFAULT_BASE = `oklch(60% 0.15 140)`;
 const DEFAULT_PALETTE = [
 	`green`,
@@ -141,8 +141,7 @@ function applyAgeModification(base, ageFraction, ageStyle) {
 	}
 	return base;
 }
-//#endregion
-//#region src/plots/data.ts
+// src/plots/data.ts
 /**
 * A data series
 */
@@ -246,16 +245,14 @@ var PlotDataSeries = class {
 		return !empty;
 	}
 };
-//#endregion
-//#region src/util/is-numeric.ts
+// src/util/is-numeric.ts
 function isNumeric(str) {
 	if (typeof str === `number`) return true;
 	if (typeof str !== `string`) return false;
 	const trimmed = str.trim();
 	return trimmed !== `` && !Number.isNaN(Number(trimmed));
 }
-//#endregion
-//#region src/util/tooltip.ts
+// src/util/tooltip.ts
 var _TooltipElement;
 let _baseStylesInjected = false;
 function ensureBaseTooltipStyles() {
@@ -348,8 +345,7 @@ __decorate([property({ type: String })], TooltipElement.prototype, "anchor", voi
 __decorate([property()], TooltipElement.prototype, "value", void 0);
 __decorate([property({ type: String })], TooltipElement.prototype, "icon", void 0);
 TooltipElement = _TooltipElement = __decorate([safeCustomElement(`ixfx-tooltip`)], TooltipElement);
-//#endregion
-//#region src/plots/svg-utils.ts
+// src/plots/svg-utils.ts
 let _tooltipEl = null;
 let _tooltipOwner = null;
 function ensureTooltip() {
@@ -455,8 +451,7 @@ function scaleValue(v, min, max) {
 	const range = max - min;
 	return range === 0 ? .5 : (v - min) / range;
 }
-//#endregion
-//#region src/plots/multi-axis.ts
+// src/plots/multi-axis.ts
 const PLOT_PALETTE = [
 	`oklch(60% 0.15 30)`,
 	`oklch(60% 0.15 90)`,
@@ -704,8 +699,7 @@ __decorate([property({
 	type: Number
 })], PlotMultiAxis.prototype, "gridMinWidth", void 0);
 PlotMultiAxis = __decorate([safeCustomElement(`ixfx-plot-multi-axis`)], PlotMultiAxis);
-//#endregion
-//#region src/plots/plot-histogram.ts
+// src/plots/plot-histogram.ts
 let PlotHistogram = class PlotHistogram extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -1284,8 +1278,7 @@ __decorate([state()], PlotHistogram.prototype, "_selectionEnd", void 0);
 __decorate([state()], PlotHistogram.prototype, "_isDragging", void 0);
 __decorate([state()], PlotHistogram.prototype, "_selectionOverlayText", void 0);
 PlotHistogram = __decorate([safeCustomElement(`ixfx-plot-histogram`)], PlotHistogram);
-//#endregion
-//#region src/plots/single-axis.ts
+// src/plots/single-axis.ts
 function buildLinePath(points) {
 	if (points.length === 0) return ``;
 	let d = `M ${points[0].x},${points[0].y}`;
@@ -1731,8 +1724,7 @@ __decorate([property({ attribute: `color-scale` })], PlotSingleAxis.prototype, "
 __decorate([state()], PlotSingleAxis.prototype, "_width", void 0);
 __decorate([state()], PlotSingleAxis.prototype, "_height", void 0);
 PlotSingleAxis = __decorate([safeCustomElement(`ixfx-plot-single-axis`)], PlotSingleAxis);
-//#endregion
-//#region src/plots/xy-axis.ts
+// src/plots/xy-axis.ts
 let PlotXyAxis = class PlotXyAxis extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -2001,5 +1993,4 @@ __decorate([property({ attribute: `color-scale` })], PlotXyAxis.prototype, "colo
 __decorate([state()], PlotXyAxis.prototype, "_width", void 0);
 __decorate([state()], PlotXyAxis.prototype, "_height", void 0);
 PlotXyAxis = __decorate([safeCustomElement(`ixfx-plot-xy-axis`)], PlotXyAxis);
-//#endregion
 export { TooltipElement as a, computeColour as c, PlotMultiAxis as i, parseColourScaleAttr as l, PlotSingleAxis as n, PlotDataSeries as o, PlotHistogram as r, applyAgeModification as s, PlotXyAxis as t, readBaseColour as u };

package/dist/xy-pad.d.ts

@@ -1,8 +1,7 @@
-import { n as WheelNudgeConsumer, t as WheelDirection } from "./wheel-nudge-By5s_ioH.js";
+import { n as WheelNudgeConsumer, t as WheelDirection } from "./wheel-nudge-oMFKat9P.js";
 import { LitElement, PropertyValues, html } from "lit";
-//#region src/xy-pad/xy-pad.d.ts
 declare const XyPad_base: typeof LitElement & (new (...args: any[]) => WheelNudgeConsumer);
-declare class XyPad extends XyPad_base {
+export declare class XyPad extends XyPad_base {
   static styles: import("lit").CSSResult[];
   xMin: number;
   xMax: number;
@@ -69,22 +68,21 @@ declare class XyPad extends XyPad_base {
   disconnectedCallback(): void;
   render(): ReturnType<typeof html>;
 }
-type XyPadInputDetail = {
+export type XyPadInputDetail = {
   readonly x: number;
   readonly y: number;
 };
-type XyPadInputEvent = CustomEvent<XyPadInputDetail>;
+export type XyPadInputEvent = CustomEvent<XyPadInputDetail>;
 declare global {
   interface HTMLElementTagNameMap {
     'ixfx-xy-pad': XyPad;
   }
 }
-interface XyPadEventMap {
+export interface XyPadEventMap {
   input: XyPadInputEvent;
   change: XyPadInputEvent;
 }
-interface XyPad {
+export interface XyPad {
   addEventListener: (<K extends keyof XyPadEventMap>(type: K, listener: (this: XyPad, event: XyPadEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-//#endregion
-export { XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent };
+export {};

package/dist/xy-pad.js

@@ -1,11 +1,11 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as prominenceStyles } from "./prominence-DlFShic3.js";
-import { t as resolveAxisStep } from "./keyboard-B5xD7Fz-.js";
-import { t as WheelNudgeMixin } from "./wheel-nudge-D5rmht3v.js";
+import { t as resolveAxisStep } from "./keyboard-DMwjIYh7.js";
+import { t as WheelNudgeMixin } from "./wheel-nudge-DgJzrL28.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as prominenceStyles } from "./prominence-BOOQVWF-.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html } from "lit";
 import { property } from "lit/decorators.js";
-//#region src/xy-pad/xy-pad.ts
+// src/xy-pad/xy-pad.ts
 /**
 * <x-xy-pad> — 2D touch-friendly XY pad for controlling two parameters.
 *
@@ -475,5 +475,4 @@ __decorate([property({
 	attribute: `stops-y`
 })], XyPad.prototype, "stopsY", void 0);
 XyPad = __decorate([safeCustomElement(`ixfx-xy-pad`)], XyPad);
-//#endregion
 export { XyPad };

package/docs-user/README.md

@@ -15,6 +15,7 @@ This directory contains documentation for each component and some architectural
 - [data-display](./data-display.md)
 - [data-grid](./data-grid.md)
 - [data-table](./data-table.md)
+- [date-input](./date-input.md)
 - [detail-list](./detail-list.md)
 - [dock](./dock.md)
 - [editable-label](./editable-label.md)
@@ -35,6 +36,7 @@ This directory contains documentation for each component and some architectural
 - [miller](./miller.md)
 - [multicol-list](./multicol-list.md)
 - [narrowed-text](./narrowed-text.md)
+- [node-graph](./node-graph.md)
 - [notifier](./notifier.md)
 - [pan-text](./pan-text.md)
 - [panel](./panel.md)
@@ -61,6 +63,7 @@ This directory contains documentation for each component and some architectural
 - [tree](./tree.md)
 - [treemap](./treemap.md)
 - [twosplit-layout](./twosplit-layout.md)
+- [unit-input](./unit-input.md)
 - [util](./util.md)
 - [vertical-list](./vertical-list.md)
 - [xy-pad](./xy-pad.md)