react-cheminfo 0.37.0 → 0.38.0

package/lib/range/core/rangeBounds.js

@@ -0,0 +1,110 @@
+/**
+ * What a range filter keeps, and how its two handles map to it.
+ *
+ * A filter is two bounds, either of which may be left open. A handle parked at
+ * the end of the track is an open side rather than a bound at the track's end,
+ * because the track only covers the values the page knows about: a molecule
+ * heavier than the heaviest one in the statistics must not be cut by a filter
+ * nobody touched.
+ */
+import { clamp } from "../../format/core/clamp.js";
+import { snapToStep } from "../../number/core/numberText.js";
+/** A range that keeps everything. */
+export const OPEN_RANGE = Object.freeze({ min: null, max: null });
+/**
+ * Whether a range cuts anything at all.
+ * @param range - The range.
+ * @returns Whether either side carries a bound.
+ */
+export function isRangeBounded(range) {
+    return range.min !== null || range.max !== null;
+}
+/**
+ * Whether two ranges keep the same values.
+ * @param left - One range.
+ * @param right - The other.
+ * @returns Whether both sides agree, an open side matching only an open side.
+ */
+export function sameRange(left, right) {
+    return Object.is(left.min, right.min) && Object.is(left.max, right.max);
+}
+/**
+ * Whether a track can be drawn: two finite ends, the high one above the low.
+ * Statistics that have not arrived yet are usually a track of `[0, 0]`.
+ * @param domain - The two ends.
+ * @returns Whether a slider can be laid along it.
+ */
+export function isRangeDomain(domain) {
+    const [low, high] = domain;
+    return Number.isFinite(low) && Number.isFinite(high) && high > low;
+}
+/**
+ * Where the handles stand for a range: an open side at the end of the track,
+ * and a bound past the track held at its end.
+ * @param range - The range.
+ * @param domain - The track, already checked with {@link isRangeDomain}.
+ * @returns The two handle positions, low first.
+ */
+export function rangeHandles(range, domain) {
+    const [low, high] = domain;
+    const start = range.min === null ? low : clamp(range.min, low, high);
+    const end = range.max === null ? high : clamp(range.max, low, high);
+    return start <= end ? [start, end] : [end, start];
+}
+/**
+ * The range two handles stand for once they have moved.
+ *
+ * Only a handle that moved changes its side. A bound past the end of the track
+ * sits at that end, and dragging the other handle must not turn it into an
+ * open side; a handle the reader took to the end of the track, on the other
+ * hand, opens its side.
+ * @param from - The range before the handles moved.
+ * @param handles - Where the handles are now.
+ * @param domain - The track.
+ * @returns The range the reader asked for.
+ */
+export function movedRange(from, handles, domain) {
+    const [low, high] = domain;
+    const [start, end] = rangeHandles(from, domain);
+    return {
+        min: handles[0] === start ? from.min : handles[0] <= low ? null : handles[0],
+        max: handles[1] === end ? from.max : handles[1] >= high ? null : handles[1],
+    };
+}
+/**
+ * Where handles settle while they are dragged: a moved handle onto the step
+ * grid laid from the low end of the track, an untouched one where it stood.
+ *
+ * Snapping the untouched handle too would move a bound the reader typed, say
+ * `1.23` on a track stepped by `0.5`, the moment the other handle is dragged.
+ * The ends of the track are kept even when they are off the grid, since an end
+ * is what opens a side.
+ * @param next - Where the slider reports the handles.
+ * @param from - The range before the drag started.
+ * @param step - The grid spacing.
+ * @param domain - The track.
+ * @returns The handle positions to draw and to report.
+ */
+export function settleHandles(next, from, step, domain) {
+    const [start, end] = rangeHandles(from, domain);
+    return [
+        next[0] === start ? start : snapHandle(next[0], step, domain),
+        next[1] === end ? end : snapHandle(next[1], step, domain),
+    ];
+}
+/**
+ * One handle moved onto the step grid, the ends of the track kept as they are.
+ * @param value - Where the handle was dropped.
+ * @param step - The grid spacing.
+ * @param domain - The track.
+ * @returns The position the handle settles on.
+ */
+function snapHandle(value, step, domain) {
+    const [low, high] = domain;
+    if (value <= low)
+        return low;
+    if (value >= high)
+        return high;
+    return clamp(snapToStep(value, step, low), low, high);
+}
+//# sourceMappingURL=rangeBounds.js.map

package/lib/range/core/rangeBounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeBounds.js","sourceRoot":"","sources":["../../../src/range/core/rangeBounds.ts"],"names":[],"mappings":"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"}

package/lib/range/core/rangeHistogram.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The outline of a histogram whose bins split the track into equal widths, as
+ * SVG path data in a box one unit wide and one unit tall.
+ *
+ * One stepped outline rather than a rectangle per bin: adjacent rectangles
+ * leave a hairline seam between them wherever their shared edge falls between
+ * two pixels, and a thousand bins would be two thousand elements.
+ * @param counts - One count per bin, from the low end of the track.
+ * @returns The path data, the tallest bin reaching the top; empty when nothing
+ * was counted.
+ */
+export declare function rangeHistogramPath(counts: ArrayLike<number>): string;
+//# sourceMappingURL=rangeHistogram.d.ts.map

package/lib/range/core/rangeHistogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeHistogram.d.ts","sourceRoot":"","sources":["../../../src/range/core/rangeHistogram.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAgBpE"}

package/lib/range/core/rangeHistogram.js

@@ -0,0 +1,39 @@
+/**
+ * The outline of a histogram whose bins split the track into equal widths, as
+ * SVG path data in a box one unit wide and one unit tall.
+ *
+ * One stepped outline rather than a rectangle per bin: adjacent rectangles
+ * leave a hairline seam between them wherever their shared edge falls between
+ * two pixels, and a thousand bins would be two thousand elements.
+ * @param counts - One count per bin, from the low end of the track.
+ * @returns The path data, the tallest bin reaching the top; empty when nothing
+ * was counted.
+ */
+export function rangeHistogramPath(counts) {
+    const bins = counts.length;
+    let tallest = 0;
+    for (let index = 0; index < bins; index++) {
+        const count = counts[index];
+        if (count > tallest)
+            tallest = count;
+    }
+    if (tallest <= 0)
+        return '';
+    let path = 'M0 1';
+    for (let index = 0; index < bins; index++) {
+        const count = counts[index];
+        const height = count > 0 ? count / tallest : 0;
+        path += `V${trim(1 - height)}H${trim((index + 1) / bins)}`;
+    }
+    return `${path}V1Z`;
+}
+/**
+ * A coordinate written with the five decimals a box of a few hundred pixels
+ * can use.
+ * @param value - The coordinate.
+ * @returns Its text.
+ */
+function trim(value) {
+    return String(Math.round(value * 1e5) / 1e5);
+}
+//# sourceMappingURL=rangeHistogram.js.map

package/lib/range/core/rangeHistogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeHistogram.js","sourceRoot":"","sources":["../../../src/range/core/rangeHistogram.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAyB;IAC1D,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAW,CAAC;QACtC,IAAI,KAAK,GAAG,OAAO;YAAE,OAAO,GAAG,KAAK,CAAC;IACvC,CAAC;IACD,IAAI,OAAO,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAE5B,IAAI,IAAI,GAAG,MAAM,CAAC;IAClB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAW,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAC7D,CAAC;IACD,OAAO,GAAG,IAAI,KAAK,CAAC;AACtB,CAAC;AAED;;;;;GAKG;AACH,SAAS,IAAI,CAAC,KAAa;IACzB,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;AAC/C,CAAC"}

package/lib/range/ui/RangeHistogram.d.ts

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react';
+/** What the histogram over a range slider needs. */
+export interface RangeHistogramProps {
+    /** One count per bin, the bins splitting the track into equal widths. */
+    counts: ArrayLike<number>;
+    /** Where the kept part starts, as a fraction of the track. */
+    start: number;
+    /** Where it ends. */
+    end: number;
+}
+/**
+ * How the values are spread along the track, the part the handles keep drawn
+ * in the brand colour. The outline is drawn twice, the second copy clipped to
+ * the handles, so a drag moves one rectangle and the outline is never redrawn.
+ * @param props - See {@link RangeHistogramProps}.
+ * @returns The histogram, hidden from a screen reader: the values under the
+ * track already say what it keeps.
+ */
+export declare function RangeHistogram(props: RangeHistogramProps): ReactElement;
+//# sourceMappingURL=RangeHistogram.d.ts.map

package/lib/range/ui/RangeHistogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeHistogram.d.ts","sourceRoot":"","sources":["../../../src/range/ui/RangeHistogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,oDAAoD;AACpD,MAAM,WAAW,mBAAmB;IAClC,yEAAyE;IACzE,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAyBvE"}

package/lib/range/ui/RangeHistogram.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from 'react';
+import { rangeHistogramPath } from "../core/rangeHistogram.js";
+/**
+ * How the values are spread along the track, the part the handles keep drawn
+ * in the brand colour. The outline is drawn twice, the second copy clipped to
+ * the handles, so a drag moves one rectangle and the outline is never redrawn.
+ * @param props - See {@link RangeHistogramProps}.
+ * @returns The histogram, hidden from a screen reader: the values under the
+ * track already say what it keeps.
+ */
+export function RangeHistogram(props) {
+    const { counts, start, end } = props;
+    const clip = `range-histogram-${useId().replaceAll(/\W/g, '')}`;
+    const outline = useMemo(() => rangeHistogramPath(counts), [counts]);
+    return (_jsxs("svg", { className: "range-slider__histogram", viewBox: "0 0 1 1", preserveAspectRatio: "none", "aria-hidden": "true", children: [_jsx("defs", { children: _jsx("clipPath", { id: clip, children: _jsx("rect", { x: start, y: 0, width: Math.max(end - start, 0), height: 1 }) }) }), _jsx("path", { className: "range-slider__bars", d: outline }), _jsx("path", { className: "range-slider__bars range-slider__bars--kept", d: outline, clipPath: `url(#${clip})` })] }));
+}
+//# sourceMappingURL=RangeHistogram.js.map

package/lib/range/ui/RangeHistogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeHistogram.js","sourceRoot":"","sources":["../../../src/range/ui/RangeHistogram.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAY/D;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,IAAI,GAAG,mBAAmB,KAAK,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC;IAChE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,eACE,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,SAAS,EACjB,mBAAmB,EAAC,MAAM,iBACd,MAAM,aAElB,yBACE,mBAAU,EAAE,EAAE,IAAI,YAChB,eAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,GAAI,GAC3D,GACN,EACP,eAAM,SAAS,EAAC,oBAAoB,EAAC,CAAC,EAAE,OAAO,GAAI,EACnD,eACE,SAAS,EAAC,6CAA6C,EACvD,CAAC,EAAE,OAAO,EACV,QAAQ,EAAE,QAAQ,IAAI,GAAG,GACzB,IACE,CACP,CAAC;AACJ,CAAC"}

package/lib/range/ui/RangeSlider.d.ts

@@ -0,0 +1,77 @@
+import type { ReactElement } from 'react';
+import type { RangeBounds, RangeDomain } from '../core/rangeBounds.ts';
+/** What a `RangeSlider` needs. */
+export interface RangeSliderProps {
+    /** The quantity bounded, written over the track and read to a screen reader. */
+    label: string;
+    /**
+     * The unit written after the label, e.g. `g/mol`.
+     * @default undefined — nothing is written
+     */
+    unit?: string;
+    /**
+     * The two ends of the track, low first: usually the smallest and largest
+     * value the data holds. A handle at an end leaves that side open, so a value
+     * past the track is never cut by a filter nobody touched.
+     */
+    domain: RangeDomain;
+    /** The range in force; a `null` side is open. */
+    value: RangeBounds;
+    /**
+     * Called when the range settles: a handle released, a value typed, the range
+     * cleared. Never while a handle is being dragged, so a page fetching on it
+     * fetches once per gesture.
+     */
+    onChange: (range: RangeBounds) => void;
+    /**
+     * Called on every step of a drag, for what is cheap to redraw live — a count,
+     * a heatmap computed in the page. Nothing that fetches belongs here.
+     * @default undefined
+     */
+    onPreview?: (range: RangeBounds) => void;
+    /**
+     * The spacing the handles move by, from the low end of the track. Typed
+     * values are not held to it.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Whether only whole numbers can be typed. A typed decimal is rounded.
+     * @default false
+     */
+    integer?: boolean;
+    /**
+     * How a value is written under the track.
+     * @default the number as it is, with no grouping — a year is not `1,990`
+     */
+    format?: (value: number) => string;
+    /**
+     * How the values are spread along the track: one count per bin, the bins
+     * splitting the track into equal widths. Drawn over the track, the part the
+     * handles keep in the brand colour.
+     * @default undefined — no histogram
+     */
+    histogram?: ArrayLike<number>;
+    /** @default false */
+    disabled?: boolean;
+    /** @default undefined */
+    className?: string;
+    /**
+     * Value of the `data-testid` attribute of the wrapper.
+     * @default undefined
+     */
+    testId?: string;
+}
+/**
+ * A range picked with two handles, its two values written under the track
+ * where a click turns either into a box to type an exact number.
+ *
+ * The handles are Blueprint's — the keyboard, the touch screen and the
+ * screen reader are already handled there — dressed in the family's colours.
+ * What this adds is the meaning of an end: a handle parked at the end of the
+ * track is an open side, not a bound at the track's end.
+ * @param props - See {@link RangeSliderProps}.
+ * @returns The label, the track and the two values.
+ */
+export declare function RangeSlider(props: RangeSliderProps): ReactElement;
+//# sourceMappingURL=RangeSlider.d.ts.map

package/lib/range/ui/RangeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/range/ui/RangeSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EAEZ,MAAM,wBAAwB,CAAC;AAchC,kCAAkC;AAClC,MAAM,WAAW,gBAAgB;IAC/B,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,EAAE,WAAW,CAAC;IACpB,iDAAiD;IACjD,KAAK,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAQD;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAsGjE"}

package/lib/range/ui/RangeSlider.js

@@ -0,0 +1,60 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button, RangeSlider as BlueprintRangeSlider } from '@blueprintjs/core';
+import { useState } from 'react';
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { numberText } from "../../number/core/numberText.js";
+import { joinClassNames } from "../../shared/ui/joinClassNames.js";
+import { OPEN_RANGE, isRangeBounded, isRangeDomain, movedRange, rangeHandles, sameRange, settleHandles, } from "../core/rangeBounds.js";
+import { RangeHistogram } from "./RangeHistogram.js";
+import { RangeValue } from "./RangeValue.js";
+/**
+ * A range picked with two handles, its two values written under the track
+ * where a click turns either into a box to type an exact number.
+ *
+ * The handles are Blueprint's — the keyboard, the touch screen and the
+ * screen reader are already handled there — dressed in the family's colours.
+ * What this adds is the meaning of an end: a handle parked at the end of the
+ * track is an open side, not a bound at the track's end.
+ * @param props - See {@link RangeSliderProps}.
+ * @returns The label, the track and the two values.
+ */
+export function RangeSlider(props) {
+    const { label, unit, domain, value, onChange, onPreview } = props;
+    const { step = 1, integer = false, format = numberText } = props;
+    const { histogram, disabled = false, className, testId } = props;
+    const t = useChromeT();
+    const [drag, setDrag] = useState(null);
+    const [editing, setEditing] = useState(null);
+    const spacing = step > 0 ? step : 1;
+    const drawable = isRangeDomain(domain);
+    const handles = drag?.handles ?? rangeHandles(value, domain);
+    const shown = drag === null ? value : movedRange(drag.from, handles, domain);
+    function move(next) {
+        const from = drag?.from ?? value;
+        const settled = settleHandles(next, from, spacing, domain);
+        setDrag({ from, handles: settled });
+        onPreview?.(movedRange(from, settled, domain));
+    }
+    function release(next) {
+        const from = drag?.from ?? value;
+        const settled = settleHandles(next, from, spacing, domain);
+        const range = movedRange(from, settled, domain);
+        setDrag(null);
+        if (!sameRange(range, from))
+            onChange(range);
+    }
+    function type(side, typed) {
+        const range = { ...value, [side]: typed ?? null };
+        if (!sameRange(range, value))
+            onChange(range);
+    }
+    return (_jsxs("div", { className: joinClassNames('range-slider', className), "data-testid": testId, children: [_jsxs("div", { className: "range-slider__head", children: [_jsxs("span", { className: "range-slider__label", children: [label, unit ? _jsxs("span", { className: "range-slider__unit", children: [" (", unit, ")"] }) : null] }), isRangeBounded(value) && !disabled ? (_jsx(Button, { variant: "minimal", size: "small", icon: "cross", "aria-label": t('range.clear', { label }), title: t('range.clear', { label }), onClick: () => onChange(OPEN_RANGE) })) : null] }), drawable ? (_jsxs("div", { className: "range-slider__track", children: [histogram === undefined ? null : (_jsx(RangeHistogram, { counts: histogram, start: (handles[0] - domain[0]) / (domain[1] - domain[0]), end: (handles[1] - domain[0]) / (domain[1] - domain[0]) })), _jsx(BlueprintRangeSlider, { min: domain[0], max: domain[1], stepSize: spacing, labelRenderer: false, disabled: disabled, value: [handles[0], handles[1]], handleHtmlProps: {
+                            start: { 'aria-label': t('range.lowest', { label }) },
+                            end: { 'aria-label': t('range.highest', { label }) },
+                        }, onChange: move, onRelease: release })] })) : null, _jsx("div", { className: "range-slider__values", children: ['min', 'max'].map((side) => (_jsx(RangeValue, { side: side, bound: shown[side], end: side === 'min' ? domain[0] : domain[1], label: label, format: format, limit: side === 'min' ? value.max : value.min, step: spacing, integer: integer, disabled: disabled, editing: editing === side, onEdit: () => setEditing(side), onDone: (typed, cancelled) => {
+                        setEditing(null);
+                        if (!cancelled)
+                            type(side, typed);
+                    } }, side))) })] }));
+}
+//# sourceMappingURL=RangeSlider.js.map

package/lib/range/ui/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../src/range/ui/RangeSlider.tsx"],"names":[],"mappings":"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"}

package/lib/range/ui/RangeValue.d.ts

@@ -0,0 +1,41 @@
+import type { ReactElement } from 'react';
+/** What one end of a range slider's row of values needs. */
+export interface RangeValueProps {
+    /** Which end this is. */
+    side: 'min' | 'max';
+    /** The bound on this side, or `null` when the side is open. */
+    bound: number | null;
+    /** The end of the track on this side, shown faint while the side is open. */
+    end: number;
+    /** The quantity the slider bounds, for a screen reader. */
+    label: string;
+    /** How a number is written. */
+    format: (value: number) => string;
+    /** The bound on the other side, which a typed value may not cross. */
+    limit: number | null;
+    /** What one press of an arrow key adds in the box. */
+    step: number;
+    /** Whether only whole numbers are wanted. */
+    integer: boolean;
+    /** Whether the value can be edited. */
+    disabled: boolean;
+    /** Whether the box is open for typing. */
+    editing: boolean;
+    /** Open the box. */
+    onEdit: () => void;
+    /**
+     * Close the box, with what it holds — `undefined` for an emptied box — and
+     * whether Escape closed it, in which case nothing typed is kept.
+     */
+    onDone: (value: number | undefined, cancelled: boolean) => void;
+}
+/**
+ * One end of a range, written under the track: a bound, or the end of the
+ * track in faint ink when the side is open. A click turns it into a box, so a
+ * value the handles cannot land on is still one click and a few keystrokes
+ * away.
+ * @param props - See {@link RangeValueProps}.
+ * @returns The value, or the box it is typed into.
+ */
+export declare function RangeValue(props: RangeValueProps): ReactElement;
+//# sourceMappingURL=RangeValue.d.ts.map

package/lib/range/ui/RangeValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeValue.d.ts","sourceRoot":"","sources":["../../../src/range/ui/RangeValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAOzD,4DAA4D;AAC5D,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,+DAA+D;IAC/D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,6EAA6E;IAC7E,GAAG,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACjE;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA+C/D"}

package/lib/range/ui/RangeValue.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { NumberInput } from "../../number/ui/NumberInput.js";
+import { joinClassNames } from "../../shared/ui/joinClassNames.js";
+/**
+ * One end of a range, written under the track: a bound, or the end of the
+ * track in faint ink when the side is open. A click turns it into a box, so a
+ * value the handles cannot land on is still one click and a few keystrokes
+ * away.
+ * @param props - See {@link RangeValueProps}.
+ * @returns The value, or the box it is typed into.
+ */
+export function RangeValue(props) {
+    const { side, bound, end, label, format, disabled, editing, onEdit } = props;
+    const t = useChromeT();
+    if (editing) {
+        const { limit, step, integer, onDone } = props;
+        return (_jsx(RangeValueEditor, { side: side, bound: bound, end: end, label: label, format: format, limit: limit, step: step, integer: integer, onDone: onDone }));
+    }
+    const open = bound === null;
+    const shown = open ? end : bound;
+    const text = Number.isFinite(shown) ? format(shown) : '–';
+    const name = open
+        ? t(side === 'min' ? 'range.noLowerBound' : 'range.noUpperBound', {
+            label,
+        })
+        : t(side === 'min' ? 'range.lowestIs' : 'range.highestIs', {
+            label,
+            value: text,
+        });
+    return (_jsx("button", { type: "button", className: joinClassNames('range-slider__value', open && 'range-slider__value--open'), disabled: disabled, title: t('range.typeValue'), "aria-label": name, onClick: onEdit, children: text }));
+}
+/**
+ * The box a value is typed into. Enter or leaving it keeps what it holds;
+ * Escape drops it.
+ * @param props - See {@link RangeValueEditorProps}.
+ * @returns The box, focused and selected.
+ */
+function RangeValueEditor(props) {
+    const { side, bound, end, label, format, limit, step, integer } = props;
+    const { onDone } = props;
+    const t = useChromeT();
+    const [typed, setTyped] = useState(bound ?? undefined);
+    // The box settles its number — rounded, held inside its bounds — as it is
+    // left, and that happens in the same blur this wrapper hears afterwards,
+    // before any re-render: refs are what carry it across.
+    const latest = useRef(typed);
+    const cancelled = useRef(false);
+    const host = useRef(null);
+    useEffect(() => {
+        const input = host.current?.querySelector('input');
+        input?.focus();
+        input?.select();
+    }, []);
+    function press(event) {
+        if (event.key !== 'Enter' && event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        // An Escape that closes the box must not also close a dialog around it.
+        event.stopPropagation();
+        cancelled.current = event.key === 'Escape';
+        if (event.target instanceof HTMLElement)
+            event.target.blur();
+    }
+    return (_jsx("span", { ref: host, className: joinClassNames('range-slider__editor', `range-slider__editor--${side}`), onKeyDown: press, onBlur: () => onDone(latest.current, cancelled.current), children: _jsx(NumberInput, { allowEmpty: true, size: "small", buttons: false, fill: true, value: typed, step: step, integer: integer, min: side === 'max' ? (limit ?? undefined) : undefined, max: side === 'min' ? (limit ?? undefined) : undefined, placeholder: Number.isFinite(end) ? format(end) : undefined, ariaLabel: t(side === 'min' ? 'range.lowest' : 'range.highest', {
+                label,
+            }), onChange: (next) => {
+                latest.current = next;
+                setTyped(next);
+            } }) }));
+}
+//# sourceMappingURL=RangeValue.js.map

package/lib/range/ui/RangeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeValue.js","sourceRoot":"","sources":["../../../src/range/ui/RangeValue.tsx"],"names":[],"mappings":"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"}

package/lib/range/ui/index.d.ts

@@ -0,0 +1,3 @@
+export type { RangeSliderProps } from './RangeSlider.tsx';
+export { RangeSlider } from './RangeSlider.tsx';
+//# sourceMappingURL=index.d.ts.map

package/lib/range/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/range/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/range/ui/index.js

@@ -0,0 +1,2 @@
+export { RangeSlider } from "./RangeSlider.js";
+//# sourceMappingURL=index.js.map

package/lib/range/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/range/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC"}

package/lib/seo/core/documentMeta.d.ts

@@ -9,6 +9,16 @@
  * @param meta - What the page on screen is called and where it is indexed.
  */
 export declare function writeDocumentMeta(meta: DocumentMeta): void;
+/**
+ * Say which language the page on screen is in.
+ *
+ * The file the build wrote already says it, and a click that switches language
+ * has to move it with the rest of the head: a page whose `lang` lies is read
+ * aloud wrong by a screen reader and offered to the wrong reader by a search
+ * engine, and nothing on screen shows it.
+ * @param language - The language tag, e.g. `fr`.
+ */
+export declare function documentLanguage(language: string): void;
 /**
  * Name the browser tab.
  * @param title - The title of the page, site name included.
@@ -41,5 +51,11 @@ export interface DocumentMeta {
      * @default undefined
      */
     canonical?: string;
+    /**
+     * The language the page is written in, for `<html lang>`. Left out, the one
+     * the page was served with stays as it is.
+     * @default undefined
+     */
+    language?: string;
 }
 //# sourceMappingURL=documentMeta.d.ts.map

package/lib/seo/core/documentMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"documentMeta.d.ts","sourceRoot":"","sources":["../../../src/seo/core/documentMeta.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAK1D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAGjD;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAiBhD;AAED,qDAAqD;AACrD,MAAM,WAAW,YAAY;IAC3B,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"documentMeta.d.ts","sourceRoot":"","sources":["../../../src/seo/core/documentMeta.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAM1D;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAIvD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAGjD;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAiBhD;AAED,qDAAqD;AACrD,MAAM,WAAW,YAAY;IAC3B,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/seo/core/documentMeta.js

@@ -18,6 +18,24 @@ export function writeDocumentMeta(meta) {
         metaDescription(meta.description);
     if (meta.canonical)
         canonicalLink(meta.canonical);
+    if (meta.language)
+        documentLanguage(meta.language);
+}
+/**
+ * Say which language the page on screen is in.
+ *
+ * The file the build wrote already says it, and a click that switches language
+ * has to move it with the rest of the head: a page whose `lang` lies is read
+ * aloud wrong by a screen reader and offered to the wrong reader by a search
+ * engine, and nothing on screen shows it.
+ * @param language - The language tag, e.g. `fr`.
+ */
+export function documentLanguage(language) {
+    if (typeof document === 'undefined')
+        return;
+    const root = document.documentElement;
+    if (root)
+        root.lang = language;
 }
 /**
  * Name the browser tab.

package/lib/seo/core/documentMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"documentMeta.js","sourceRoot":"","sources":["../../../src/seo/core/documentMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAkB;IAClD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,IAAI,IAAI,CAAC,KAAK;QAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,IAAI,CAAC,WAAW;QAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,SAAS;QAAE,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACpD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAI,OAAO,KAAK,EAAE;QAAE,OAAO;IAE3B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,uBAAuB,CACxB,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,IAAI,GAAG,OAAO,CAAC;QACxB,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,GAAG,GAAG,WAAW,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACtB,CAAC;AAqBD,SAAS,eAAe,CAAC,OAAe;IACtC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,0BAA0B,CAC3B,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;QAC3B,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACzB,CAAC"}
+{"version":3,"file":"documentMeta.js","sourceRoot":"","sources":["../../../src/seo/core/documentMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAkB;IAClD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,IAAI,IAAI,CAAC,KAAK;QAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,IAAI,CAAC,WAAW;QAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,SAAS;QAAE,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClD,IAAI,IAAI,CAAC,QAAQ;QAAE,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrD,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,QAAgB;IAC/C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IACtC,IAAI,IAAI;QAAE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AACjC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAI,OAAO,KAAK,EAAE;QAAE,OAAO;IAE3B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,uBAAuB,CACxB,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,IAAI,GAAG,OAAO,CAAC;QACxB,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,GAAG,GAAG,WAAW,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACtB,CAAC;AA2BD,SAAS,eAAe,CAAC,OAAe;IACtC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,0BAA0B,CAC3B,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;QAC3B,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACzB,CAAC"}

package/lib/seo/core/index.d.ts

@@ -1,9 +1,11 @@
+export type { AlternateOptions } from './alternates.ts';
+export { alternateLinkTags } from './alternates.ts';
 export type { DocumentMeta } from './documentMeta.ts';
 export { writeDocumentMeta } from './documentMeta.ts';
 export type { NoscriptEcosystem, NoscriptHrefs, NoscriptOptions, NoscriptRoute, NoscriptText, } from './noscript.ts';
 export { noscriptIndex } from './noscript.ts';
 export type { PageMetaOptions } from './pageMeta.ts';
-export { injectPageMeta, pageDocumentMeta, pageHeadTags } from './pageMeta.ts';
+export { injectPageMeta, pageDocumentMeta, pageHeadTags, pageLanguage, } from './pageMeta.ts';
 export type { PageContent, PageSection, PageTable } from './pageProse.ts';
 export { pageProseHtml } from './pageProse.ts';
 export type { PlainDescriptionOptions } from './plainDescription.ts';

package/lib/seo/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/seo/core/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/E,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7E,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/seo/core/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7E,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}