@slotted/angular 0.0.0-stage → 0.1.0-beta.1

package/fesm2022/slotted-angular-splitter.mjs

@@ -0,0 +1,516 @@
+import { extentFromLength, measureLength, extentBounds, holdResizeGesture, extentAtPoint, nearestSnap, anchorsAtStart, stepExtent, stepAmountFromPixels, EXTENT_LARGE_STEP_PX, EXTENT_STEP_PX } from '@slotted/core/extent';
+import { createControllable } from '@slotted/core/state';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, model, input, booleanAttribute, output, ElementRef, DestroyRef, HostAttributeToken, signal, computed, afterNextRender, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+const FALLBACK = {
+    collapsedValue: 0,
+    max: 1,
+    min: 0,
+    orientation: 'vertical',
+};
+const SPLITTER_DEFAULTS = new InjectionToken('slotted splitter defaults', {
+    providedIn: 'root',
+    factory: () => FALLBACK,
+});
+/**
+ * An application decides once how far its bars may travel, rather than
+ * repeating the same floor on every one in a product. A workspace whose
+ * navigation never goes below two hundred pixels says so here and nowhere else.
+ *
+ * None of the seven surveyed implementations has an equivalent: each takes its
+ * limits per instance, so a product changing its floor changes every call site.
+ */
+function provideSplitterDefaults(defaults) {
+    return {
+        provide: SPLITTER_DEFAULTS,
+        useFactory: () => ({ ...FALLBACK, ...defaults }),
+    };
+}
+/** What a splitter is here, before it states anything of its own. */
+function injectSplitterDefaults() {
+    return inject(SPLITTER_DEFAULTS);
+}
+/**
+ * Application-scoped rather than module-scoped, for the reason `field` records:
+ * a module-level counter produces colliding sequences when two applications
+ * render in one server process, and the server and the client sequences must
+ * match for hydration.
+ */
+class SlSplitterIdFactory {
+    count = 0;
+    next() {
+        this.count += 1;
+        return `slotted-splitter-${this.count}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitterIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitterIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitterIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const NO_SNAP_POINTS = [];
+/**
+ * A focusable separator between two regions the consumer owns.
+ *
+ * It holds the position, the limits, the stops, the keyboard and the whole ARIA
+ * contract of the WAI-ARIA Window Splitter pattern. It holds no layout: the
+ * fraction is written as `--slotted-splitter-value` on the element `for` names,
+ * and a rule in the consumer's own stylesheet turns it into a measure. A
+ * separator that sized the boxes beside it would be deciding a layout it was
+ * only handed a position in.
+ *
+ * A directive on the consumer's own element rather than a component with a tag
+ * of its own, because the bar sits inside a layout the consumer wrote and the
+ * element it should be is theirs to choose.
+ */
+class SlSplitter {
+    /** The fraction of the container taken by the region before the bar. */
+    value = model(0.5, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Whether the region before the bar is collapsed. */
+    collapsed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    /**
+     * Where a double click and `reset()` return the bar, inside the limits. Not
+     * the value the bar was opened at: a layout restored from storage is where
+     * the reader left it, never where a reset should go.
+     */
+    defaultValue = input(0.5, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    orientation = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    min = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    collapsedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsedValue" }] : /* istanbul ignore next */ []));
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    snapPoints = input(NO_SNAP_POINTS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "snapPoints" }] : /* istanbul ignore next */ []));
+    /**
+     * The element the bar sizes. A template reference rather than a ref:
+     * `[for]="aside"` with `#aside` on the element.
+     *
+     * Omitted, the bar takes its own previous element sibling, which is what the
+     * DOM already says and what the React binding does too.
+     */
+    for = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []));
+    /** The cancellable requests, before anything commits. */
+    valueChangeRequest = output();
+    collapsedChangeRequest = output();
+    /**
+     * Fires once, when a drag settles. `value` moves throughout one, so a
+     * consumer saving a layout saves once here rather than sixty times there.
+     */
+    resizeEnd = output();
+    defaults = injectSplitterDefaults();
+    element = inject((ElementRef)).nativeElement;
+    ids = inject(SlSplitterIdFactory);
+    destroyRef = inject(DestroyRef);
+    /**
+     * What the consumer wrote on the element themselves. Read once, before the
+     * host bindings run, because a binding that resolves to `null` removes the
+     * attribute rather than leaving the consumer's value in place — the rule
+     * `menu` records and `toolbar` learned the hard way.
+     */
+    ownRole = inject(new HostAttributeToken('role'), { optional: true });
+    ownTabIndex = inject(new HostAttributeToken('tabindex'), { optional: true });
+    ownControls = inject(new HostAttributeToken('aria-controls'), {
+        optional: true,
+    });
+    dragging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
+    regionId = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "regionId" }] : /* istanbul ignore next */ []));
+    /** The fraction to come back to after a collapse; the value at the moment of the collapse. */
+    restore = 0.5;
+    release = null;
+    resolvedOrientation = computed(() => this.orientation() ?? this.defaults.orientation, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedOrientation" }] : /* istanbul ignore next */ []));
+    role = computed(() => this.ownRole ?? 'separator', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+    tabIndex = computed(() => this.ownTabIndex ?? '0', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    ariaOrientation = computed(() => this.resolvedOrientation() === 'vertical' ? 'vertical' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaOrientation" }] : /* istanbul ignore next */ []));
+    ariaControls = computed(() => this.ownControls ?? this.regionId() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
+    ariaValueNow = computed(() => Math.round(this.value() * 100), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaValueNow" }] : /* istanbul ignore next */ []));
+    ariaValueMin = computed(() => Math.round(this.bounds().min * 100), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaValueMin" }] : /* istanbul ignore next */ []));
+    ariaValueMax = computed(() => Math.round(this.bounds().max * 100), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaValueMax" }] : /* istanbul ignore next */ []));
+    /**
+     * A signal the geometry can invalidate. The limits depend on the container's
+     * measure, which no signal can see change, so the observer below bumps this
+     * and every computed that reads it recomputes.
+     */
+    measured = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "measured" }] : /* istanbul ignore next */ []));
+    constructor() {
+        /**
+         * Guarded, because `ResizeObserver` is absent from a server render and from
+         * jsdom. Unguarded, every page carrying a splitter threw before it rendered a
+         * character — which is what the first run of `splitter.spec.ts` reported,
+         * eighteen failures deep, all from this one line.
+         *
+         * The container is read after the first render, not here: a bar that is the
+         * first node of an `@if` or `@for` block is built before the block is placed
+         * in the document, so its parent is still null in the constructor, and its
+         * limits kept the measure of whatever box they were first computed against.
+         * A render the server does never runs this, and has no pointer to move the
+         * bar with.
+         */
+        let observer = null;
+        afterNextRender(() => {
+            const container = this.container();
+            if (typeof ResizeObserver === 'undefined' || container === null)
+                return;
+            observer = new ResizeObserver(() => this.measured.update((count) => count + 1));
+            observer.observe(container);
+        });
+        this.destroyRef.onDestroy(() => {
+            observer?.disconnect();
+            this.release?.();
+        });
+        /**
+         * The fraction, published where CSS can read it. This is what replaces the
+         * layout the family does not hold: a consumer writes
+         * `inline-size: calc(var(--slotted-splitter-value) * 100%)` once and never
+         * holds the number in a component at all.
+         */
+        effect(() => {
+            const target = this.sized();
+            if (target === null)
+                return;
+            target.style.setProperty('--slotted-splitter-value', String(this.value()));
+            if (target.id === '')
+                target.id = this.ids.next();
+            this.regionId.set(target.id);
+        });
+        /**
+         * The contract's `extent.clamped`: the reported value is always the
+         * clamped one. Limits move under a value — a length limit when the
+         * container is resized, a fraction when the consumer binds another — and a
+         * value restored from another window's layout can lie outside them, so the
+         * bar brings it back inside, as a programmatic request. A collapsed region
+         * stands below its floor on purpose and is left there.
+         */
+        effect(() => {
+            const { min, max } = this.bounds();
+            const value = this.value();
+            if (this.collapsed() || this.dragging())
+                return;
+            const held = Math.min(Math.max(value, min), max);
+            if (held !== value)
+                untracked(() => this.requestValue(held, 'programmatic', undefined));
+        });
+    }
+    /** A fraction brought inside the limits as they resolve now. */
+    clamp(value) {
+        const { min, max } = this.bounds();
+        return Math.min(Math.max(value, min), max);
+    }
+    /** The box the fraction is a fraction *of*: whatever holds the bar. */
+    container() {
+        return this.element.parentElement;
+    }
+    /** The element the bar sizes, announces, and writes the fraction on. */
+    sized() {
+        const named = this.for();
+        if (named !== undefined)
+            return named;
+        const previous = this.element.previousElementSibling;
+        return previous instanceof HTMLElement ? previous : null;
+    }
+    geometry() {
+        const box = this.container();
+        const rect = box?.getBoundingClientRect();
+        const span = rect === undefined ? 0 : this.resolvedOrientation() === 'vertical' ? rect.width : rect.height;
+        const rtl = box !== null && getComputedStyle(box).direction === 'rtl';
+        return { box, rect, rtl, span };
+    }
+    /**
+     * The bar's own axis, in the vocabulary `@slotted/core/extent` speaks. The
+     * region the bar sizes is the one before it, so it is anchored at the
+     * container's first edge on that axis.
+     */
+    side() {
+        return this.resolvedOrientation() === 'vertical' ? 'start' : 'top';
+    }
+    /**
+     * A limit as a fraction. A number is already one; a string is a CSS length,
+     * and only the browser knows what `18rem` or `25%` come to — so it is
+     * measured where it will be used rather than parsed here.
+     */
+    resolve(limit, box, span, fallback) {
+        if (typeof limit === 'number')
+            return Math.min(Math.max(limit, 0), 1);
+        if (box === null || span <= 0)
+            return fallback;
+        return extentFromLength({ pixels: measureLength(limit, box, span), span });
+    }
+    bounds = computed(() => {
+        this.measured();
+        const { box, span } = this.geometry();
+        const low = this.resolve(this.min() ?? this.defaults.min, box, span, 0);
+        const high = this.resolve(this.max() ?? this.defaults.max, box, span, 1);
+        /* A max below the min is the consumer's arithmetic, not a crash: the pair
+           is ordered rather than trusted, so the range always exists. */
+        return extentBounds(this.snapPoints(), Math.min(low, high), Math.max(low, high));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []));
+    requestValue(next, reason, source) {
+        if (next === this.value())
+            return;
+        const state = createControllable({
+            initial: this.value(),
+            onRequest: (raw) => {
+                this.valueChangeRequest.emit({
+                    get cancelled() {
+                        return raw.cancelled;
+                    },
+                    cancel: () => raw.cancel(),
+                    previous: raw.previous,
+                    reason,
+                    source: raw.source,
+                    value: raw.value,
+                });
+            },
+        });
+        /**
+         * The return value, and not a flag read inside `onRequest`. A flag
+         * assigned there is assigned *before* the consumer has been handed the
+         * request and had the chance to refuse it, so it always reads `false` and
+         * the refusal never lands — which is exactly what `splitter.spec.ts`
+         * reported: a cancelled move that moved anyway.
+         */
+        if (!state.request(next, reason, source))
+            return;
+        this.value.set(next);
+    }
+    requestCollapsed(next, reason, source) {
+        if (next === this.collapsed())
+            return false;
+        const state = createControllable({
+            initial: this.collapsed(),
+            onRequest: (raw) => {
+                this.collapsedChangeRequest.emit({
+                    get cancelled() {
+                        return raw.cancelled;
+                    },
+                    cancel: () => raw.cancel(),
+                    previous: raw.previous,
+                    reason,
+                    source: raw.source,
+                    value: raw.value,
+                });
+            },
+        });
+        if (!state.request(next, reason, source))
+            return false;
+        this.collapsed.set(next);
+        return true;
+    }
+    /**
+     * `Enter`, from the pattern: "If the primary pane is not collapsed, collapses
+     * the pane. If the pane is collapsed, restores the splitter to its previous
+     * position."
+     *
+     * Both halves move together: a collapse that changed the state and not the
+     * measure would leave the bar where it was, and a restore that changed the
+     * measure and not the state would leave a region that is open and says it is
+     * not.
+     */
+    toggle(reason, source) {
+        if (!this.collapsible())
+            return;
+        if (this.collapsed()) {
+            if (this.requestCollapsed(false, reason, source))
+                this.requestValue(this.restore, reason, source);
+            return;
+        }
+        this.restore = this.value();
+        if (this.requestCollapsed(true, reason, source)) {
+            this.requestValue(this.collapsedValue() ?? this.defaults.collapsedValue, reason, source);
+        }
+    }
+    /** Collapses to `collapsedValue`, carrying `programmatic`. */
+    collapse() {
+        if (!this.collapsible() || this.collapsed())
+            return;
+        this.toggle('programmatic', undefined);
+    }
+    /** Restores the fraction held before the collapse. */
+    expand() {
+        if (!this.collapsed())
+            return;
+        this.toggle('programmatic', undefined);
+    }
+    /** Returns the bar to `defaultValue`, inside the limits, which is what a double click does. */
+    reset() {
+        this.requestValue(this.clamp(this.defaultValue()), 'programmatic', undefined);
+    }
+    /** Moves focus to the bar. */
+    focus() {
+        this.element.focus();
+    }
+    onPointerDown(event) {
+        if (event.defaultPrevented || this.disabled() || event.button !== 0)
+            return;
+        const { rtl, span } = this.geometry();
+        if (span <= 0)
+            return;
+        this.element.setPointerCapture(event.pointerId);
+        this.dragging.set(true);
+        this.release = holdResizeGesture(this.element.ownerDocument, this.resolvedOrientation() === 'vertical' ? 'col-resize' : 'row-resize');
+        const side = this.side();
+        const at = (point) => {
+            const live = this.container()?.getBoundingClientRect();
+            if (live === undefined)
+                return undefined;
+            return extentAtPoint({
+                point: { x: point.clientX, y: point.clientY },
+                rect: live,
+                rtl,
+                side,
+            });
+        };
+        /*
+         * Where on the bar the hand took it, as a fraction: the bar keeps that point
+         * under the pointer for the whole drag. Read as an absolute position, a bar
+         * taken a few pixels from the edge it marks leapt those pixels on the first
+         * move — and a bar whose region is followed by a gap leapt the gap.
+         */
+        const grab = (at(event) ?? this.value()) - this.value();
+        const move = (moved) => {
+            const raw = at(moved);
+            if (raw === undefined)
+                return;
+            this.requestValue(this.clamp(raw - grab), 'pointer', moved);
+        };
+        const up = (ended) => {
+            this.element.removeEventListener('pointermove', move);
+            this.element.removeEventListener('pointerup', up);
+            this.element.removeEventListener('pointercancel', up);
+            this.release?.();
+            this.release = null;
+            this.dragging.set(false);
+            /* The stop nearest where the hand left it, and only then: a drag that
+               snapped on every move would fight the hand rather than help it. */
+            const stops = this.snapPoints();
+            const raw = at(ended);
+            if (stops.length > 0 && raw !== undefined) {
+                const snapped = this.clamp(nearestSnap(raw - grab, stops));
+                this.requestValue(snapped, 'pointer', ended);
+                this.resizeEnd.emit(snapped);
+                return;
+            }
+            this.resizeEnd.emit(this.value());
+        };
+        this.element.addEventListener('pointermove', move);
+        this.element.addEventListener('pointerup', up);
+        this.element.addEventListener('pointercancel', up);
+    }
+    onKeyDown(event) {
+        if (event.defaultPrevented || this.disabled())
+            return;
+        if (event.key === 'Enter') {
+            if (!this.collapsible())
+                return;
+            event.preventDefault();
+            this.toggle('keyboard', event);
+            return;
+        }
+        const { rect, rtl } = this.geometry();
+        if (rect === undefined)
+            return;
+        const side = this.side();
+        const grows = anchorsAtStart(side, rtl) ? 1 : -1;
+        const vertical = this.resolvedOrientation() === 'vertical';
+        const limits = this.bounds();
+        /* The cross axis is left to the page, so a document that scrolls still
+           scrolls while the separator holds focus. */
+        const direction = event.key === (vertical ? 'ArrowRight' : 'ArrowDown')
+            ? grows
+            : event.key === (vertical ? 'ArrowLeft' : 'ArrowUp')
+                ? -grows
+                : undefined;
+        if (direction !== undefined) {
+            event.preventDefault();
+            this.requestValue(stepExtent({
+                amount: stepAmountFromPixels({
+                    pixels: event.shiftKey ? EXTENT_LARGE_STEP_PX : EXTENT_STEP_PX,
+                    rect,
+                    side,
+                }),
+                direction,
+                fraction: this.value(),
+                max: limits.max,
+                min: limits.min,
+                snapPoints: this.snapPoints(),
+            }), 'keyboard', event);
+            return;
+        }
+        if (event.key === 'Home') {
+            event.preventDefault();
+            this.requestValue(limits.min, 'keyboard', event);
+            return;
+        }
+        if (event.key === 'End') {
+            event.preventDefault();
+            this.requestValue(limits.max, 'keyboard', event);
+        }
+    }
+    onDoubleClick(event) {
+        if (event.defaultPrevented || this.disabled())
+            return;
+        this.requestValue(this.clamp(this.defaultValue()), 'pointer', event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlSplitter, isStandalone: true, selector: "[slSplitter]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, collapsedValue: { classPropertyName: "collapsedValue", publicName: "collapsedValue", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, snapPoints: { classPropertyName: "snapPoints", publicName: "snapPoints", isSignal: true, isRequired: false, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", collapsed: "collapsedChange", valueChangeRequest: "valueChangeRequest", collapsedChangeRequest: "collapsedChangeRequest", resizeEnd: "resizeEnd" }, host: { attributes: { "data-ui": "splitter", "data-part": "root" }, listeners: { "pointerdown": "onPointerDown($event)", "keydown": "onKeyDown($event)", "dblclick": "onDoubleClick($event)" }, properties: { "attr.role": "role()", "attr.tabindex": "tabIndex()", "attr.data-orientation": "resolvedOrientation()", "attr.data-dragging": "dragging() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.data-expanded": "collapsible() && !collapsed() ? '' : null", "attr.aria-orientation": "ariaOrientation()", "attr.aria-valuenow": "ariaValueNow()", "attr.aria-valuemin": "ariaValueMin()", "attr.aria-valuemax": "ariaValueMax()", "attr.aria-controls": "ariaControls()", "attr.aria-disabled": "disabled() ? 'true' : null" } }, exportAs: ["slSplitter"], ngImport: i0, template: `
+    <span data-part="line" aria-hidden="true"></span>
+    <span data-part="grip" aria-hidden="true"></span>
+    <span data-part="line" aria-hidden="true"></span>
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=splitter]{--_track: var(--slotted-space-6, 1rem);--_reach: var(--slotted-target-min, 24px);--_line: var(--slotted-border-width-thin, 1px);--_line-length: var(--slotted-space-12, 4rem);--_gap: min(var(--slotted-space-9, 2rem), 12%);--_dot: var(--slotted-space-2, .25rem);--_rest: var(--slotted-splitter-line-color, var(--slotted-border-strong, ButtonBorder));--_active: var(--slotted-splitter-line-active-color, var(--slotted-text-muted, ButtonText));box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--_gap);flex-shrink:0;background:transparent;touch-action:none;transition:gap var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=splitter]:not([data-disabled]):hover,[data-ui=splitter]:not([data-disabled]):focus-visible,[data-ui=splitter][data-dragging]{--_gap: var(--slotted-space-4, .5rem)}[data-ui=splitter][data-orientation=vertical]{flex-direction:column;inline-size:var(--_track);align-self:stretch;cursor:col-resize}[data-ui=splitter][data-orientation=horizontal]{flex-direction:row;block-size:var(--_track);justify-self:stretch;cursor:row-resize}[data-ui=splitter]:before{content:\"\";position:absolute;--_overhang: calc((var(--_reach) - var(--_track)) / -2)}[data-ui=splitter][data-orientation=vertical]:before{inset-block:0;inset-inline:var(--_overhang)}[data-ui=splitter][data-orientation=horizontal]:before{inset-inline:0;inset-block:var(--_overhang)}[data-ui=splitter]>[data-part=line]{flex:0 1 min(var(--_line-length),20%);min-block-size:0;min-inline-size:0;border-radius:var(--slotted-radius-sm, 2px);transition:flex-basis var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=splitter][data-orientation=vertical]>[data-part=line]{inline-size:var(--_line)}[data-ui=splitter][data-orientation=horizontal]>[data-part=line]{block-size:var(--_line)}[data-ui=splitter][data-orientation=vertical]>[data-part=line]:first-child{background:linear-gradient(to bottom,transparent,var(--_rest))}[data-ui=splitter][data-orientation=vertical]>[data-part=line]:last-child{background:linear-gradient(to top,transparent,var(--_rest))}[data-ui=splitter][data-orientation=horizontal]>[data-part=line]:first-child{background:linear-gradient(to right,transparent,var(--_rest))}[data-ui=splitter][data-orientation=horizontal]>[data-part=line]:last-child{background:linear-gradient(to left,transparent,var(--_rest))}[data-ui=splitter]:not([data-disabled]):hover>[data-part=line],[data-ui=splitter]:not([data-disabled]):focus-visible>[data-part=line],[data-ui=splitter][data-dragging]>[data-part=line]{flex-basis:100%;background:var(--_active)}[data-ui=splitter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=splitter]>[data-part=grip]{flex:none;color:var(--_rest);background-image:radial-gradient(circle at center,currentColor 40%,transparent 42%);background-size:var(--_dot) var(--_dot);background-repeat:repeat;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=splitter][data-orientation=vertical]>[data-part=grip]{inline-size:calc(2 * var(--_dot));block-size:calc(3 * var(--_dot))}[data-ui=splitter][data-orientation=horizontal]>[data-part=grip]{inline-size:calc(3 * var(--_dot));block-size:calc(2 * var(--_dot))}[data-ui=splitter]:not([data-disabled]):hover>[data-part=grip],[data-ui=splitter]:not([data-disabled]):focus-visible>[data-part=grip],[data-ui=splitter][data-dragging]>[data-part=grip]{color:var(--_active)}[data-ui=splitter][data-disabled]{cursor:default;--_rest: var(--slotted-splitter-disabled-line-color, var(--slotted-disabled-border, GrayText))}@media(forced-colors:active){[data-ui=splitter]>[data-part=line]{background:ButtonBorder;forced-color-adjust:none}[data-ui=splitter]:not([data-disabled]):hover>[data-part=line],[data-ui=splitter][data-dragging]>[data-part=line]{background:ButtonText}[data-ui=splitter]>[data-part=grip]{background-image:none;background-color:ButtonBorder}[data-ui=splitter][data-disabled]>[data-part=line],[data-ui=splitter][data-disabled]>[data-part=grip]{background:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=splitter]>[data-part=line],[data-ui=splitter]>[data-part=grip]{transition-duration:var(--slotted-duration-instant)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitter, decorators: [{
+            type: Component,
+            args: [{ selector: '[slSplitter]', standalone: true, exportAs: 'slSplitter', template: `
+    <span data-part="line" aria-hidden="true"></span>
+    <span data-part="grip" aria-hidden="true"></span>
+    <span data-part="line" aria-hidden="true"></span>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'splitter',
+                        'data-part': 'root',
+                        '[attr.role]': 'role()',
+                        '[attr.tabindex]': 'tabIndex()',
+                        '[attr.data-orientation]': 'resolvedOrientation()',
+                        '[attr.data-dragging]': "dragging() ? '' : null",
+                        '[attr.data-disabled]': "disabled() ? '' : null",
+                        '[attr.data-expanded]': "collapsible() && !collapsed() ? '' : null",
+                        '[attr.aria-orientation]': 'ariaOrientation()',
+                        '[attr.aria-valuenow]': 'ariaValueNow()',
+                        '[attr.aria-valuemin]': 'ariaValueMin()',
+                        '[attr.aria-valuemax]': 'ariaValueMax()',
+                        '[attr.aria-controls]': 'ariaControls()',
+                        '[attr.aria-disabled]': "disabled() ? 'true' : null",
+                        '(pointerdown)': 'onPointerDown($event)',
+                        '(keydown)': 'onKeyDown($event)',
+                        '(dblclick)': 'onDoubleClick($event)',
+                    }, styles: ["@layer slotted.components{[data-ui=splitter]{--_track: var(--slotted-space-6, 1rem);--_reach: var(--slotted-target-min, 24px);--_line: var(--slotted-border-width-thin, 1px);--_line-length: var(--slotted-space-12, 4rem);--_gap: min(var(--slotted-space-9, 2rem), 12%);--_dot: var(--slotted-space-2, .25rem);--_rest: var(--slotted-splitter-line-color, var(--slotted-border-strong, ButtonBorder));--_active: var(--slotted-splitter-line-active-color, var(--slotted-text-muted, ButtonText));box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--_gap);flex-shrink:0;background:transparent;touch-action:none;transition:gap var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=splitter]:not([data-disabled]):hover,[data-ui=splitter]:not([data-disabled]):focus-visible,[data-ui=splitter][data-dragging]{--_gap: var(--slotted-space-4, .5rem)}[data-ui=splitter][data-orientation=vertical]{flex-direction:column;inline-size:var(--_track);align-self:stretch;cursor:col-resize}[data-ui=splitter][data-orientation=horizontal]{flex-direction:row;block-size:var(--_track);justify-self:stretch;cursor:row-resize}[data-ui=splitter]:before{content:\"\";position:absolute;--_overhang: calc((var(--_reach) - var(--_track)) / -2)}[data-ui=splitter][data-orientation=vertical]:before{inset-block:0;inset-inline:var(--_overhang)}[data-ui=splitter][data-orientation=horizontal]:before{inset-inline:0;inset-block:var(--_overhang)}[data-ui=splitter]>[data-part=line]{flex:0 1 min(var(--_line-length),20%);min-block-size:0;min-inline-size:0;border-radius:var(--slotted-radius-sm, 2px);transition:flex-basis var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=splitter][data-orientation=vertical]>[data-part=line]{inline-size:var(--_line)}[data-ui=splitter][data-orientation=horizontal]>[data-part=line]{block-size:var(--_line)}[data-ui=splitter][data-orientation=vertical]>[data-part=line]:first-child{background:linear-gradient(to bottom,transparent,var(--_rest))}[data-ui=splitter][data-orientation=vertical]>[data-part=line]:last-child{background:linear-gradient(to top,transparent,var(--_rest))}[data-ui=splitter][data-orientation=horizontal]>[data-part=line]:first-child{background:linear-gradient(to right,transparent,var(--_rest))}[data-ui=splitter][data-orientation=horizontal]>[data-part=line]:last-child{background:linear-gradient(to left,transparent,var(--_rest))}[data-ui=splitter]:not([data-disabled]):hover>[data-part=line],[data-ui=splitter]:not([data-disabled]):focus-visible>[data-part=line],[data-ui=splitter][data-dragging]>[data-part=line]{flex-basis:100%;background:var(--_active)}[data-ui=splitter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=splitter]>[data-part=grip]{flex:none;color:var(--_rest);background-image:radial-gradient(circle at center,currentColor 40%,transparent 42%);background-size:var(--_dot) var(--_dot);background-repeat:repeat;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=splitter][data-orientation=vertical]>[data-part=grip]{inline-size:calc(2 * var(--_dot));block-size:calc(3 * var(--_dot))}[data-ui=splitter][data-orientation=horizontal]>[data-part=grip]{inline-size:calc(3 * var(--_dot));block-size:calc(2 * var(--_dot))}[data-ui=splitter]:not([data-disabled]):hover>[data-part=grip],[data-ui=splitter]:not([data-disabled]):focus-visible>[data-part=grip],[data-ui=splitter][data-dragging]>[data-part=grip]{color:var(--_active)}[data-ui=splitter][data-disabled]{cursor:default;--_rest: var(--slotted-splitter-disabled-line-color, var(--slotted-disabled-border, GrayText))}@media(forced-colors:active){[data-ui=splitter]>[data-part=line]{background:ButtonBorder;forced-color-adjust:none}[data-ui=splitter]:not([data-disabled]):hover>[data-part=line],[data-ui=splitter][data-dragging]>[data-part=line]{background:ButtonText}[data-ui=splitter]>[data-part=grip]{background-image:none;background-color:ButtonBorder}[data-ui=splitter][data-disabled]>[data-part=line],[data-ui=splitter][data-disabled]>[data-part=grip]{background:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=splitter]>[data-part=line],[data-ui=splitter]>[data-part=grip]{transition-duration:var(--slotted-duration-instant)}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], collapsedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedValue", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], snapPoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapPoints", required: false }] }], for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], collapsedChangeRequest: [{ type: i0.Output, args: ["collapsedChangeRequest"] }], resizeEnd: [{ type: i0.Output, args: ["resizeEnd"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SPLITTER_DEFAULTS, SlSplitter, SlSplitterIdFactory, injectSplitterDefaults, provideSplitterDefaults };
+//# sourceMappingURL=slotted-angular-splitter.mjs.map

package/fesm2022/slotted-angular-splitter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-splitter.mjs","sources":["../../splitter/src/splitter-defaults.ts","../../splitter/src/splitter.ts","../../splitter/src/slotted-angular-splitter.ts"],"sourcesContent":["import { inject, Injectable, InjectionToken } from '@angular/core';\n\n/**\n * Which way the bar's own line runs.\n *\n * The family holds no panels, so there is nothing else for `orientation` to\n * describe and `aria-orientation` takes the same value. A family that held\n * panels would have to say which of the two the word means — the panes are side\n * by side while the separator between them is vertical — and the two readings\n * are perpendicular. Here they cannot disagree.\n */\nexport type SplitterOrientation = 'vertical' | 'horizontal';\n\n/**\n * A limit on how far the bar goes: a fraction of the container in `[0, 1]`, or\n * any CSS length resolved against the container at the moment of the clamp.\n *\n * Both, because both are real. Zag, Ark, PrimeNG and allotment are\n * percentage-only — Zag states the limitation outright — and none of them can\n * express \"this navigation panel never goes below two hundred pixels\", which is\n * the commonest constraint the family has.\n */\nexport type SplitterLimit = number | string;\n\n/** Why the bar moved. */\nexport type SplitterValueReason = 'pointer' | 'keyboard' | 'programmatic';\n\ninterface Request<Value> {\n  readonly value: Value;\n  readonly previous: Value;\n  readonly reason: SplitterValueReason;\n  readonly source?: unknown;\n  readonly cancelled: boolean;\n  cancel(): void;\n}\n\n/** The request the bar emits before its position moves. */\nexport type SplitterValueRequest = Request<number>;\n\n/** The request the bar emits before it collapses or comes back. */\nexport type SplitterCollapsedRequest = Request<boolean>;\n\nexport interface SplitterDefaults {\n  orientation: SplitterOrientation;\n  min: SplitterLimit;\n  max: SplitterLimit;\n  collapsedValue: number;\n}\n\nconst FALLBACK: SplitterDefaults = {\n  collapsedValue: 0,\n  max: 1,\n  min: 0,\n  orientation: 'vertical',\n};\n\nexport const SPLITTER_DEFAULTS = new InjectionToken<SplitterDefaults>('slotted splitter defaults', {\n  providedIn: 'root',\n  factory: () => FALLBACK,\n});\n\n/**\n * An application decides once how far its bars may travel, rather than\n * repeating the same floor on every one in a product. A workspace whose\n * navigation never goes below two hundred pixels says so here and nowhere else.\n *\n * None of the seven surveyed implementations has an equivalent: each takes its\n * limits per instance, so a product changing its floor changes every call site.\n */\nexport function provideSplitterDefaults(defaults: Partial<SplitterDefaults>) {\n  return {\n    provide: SPLITTER_DEFAULTS,\n    useFactory: (): SplitterDefaults => ({ ...FALLBACK, ...defaults }),\n  };\n}\n\n/** What a splitter is here, before it states anything of its own. */\nexport function injectSplitterDefaults(): SplitterDefaults {\n  return inject(SPLITTER_DEFAULTS);\n}\n\n/**\n * Application-scoped rather than module-scoped, for the reason `field` records:\n * a module-level counter produces colliding sequences when two applications\n * render in one server process, and the server and the client sequences must\n * match for hydration.\n */\n@Injectable({ providedIn: 'root' })\nexport class SlSplitterIdFactory {\n  private count = 0;\n\n  next() {\n    this.count += 1;\n    return `slotted-splitter-${this.count}`;\n  }\n}\n","import {\n  anchorsAtStart,\n  EXTENT_LARGE_STEP_PX,\n  EXTENT_STEP_PX,\n  extentAtPoint,\n  extentBounds,\n  extentFromLength,\n  holdResizeGesture,\n  measureLength,\n  nearestSnap,\n  stepAmountFromPixels,\n  stepExtent,\n} from '@slotted/core/extent';\nimport { createControllable } from '@slotted/core/state';\nimport {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  untracked,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { injectSplitterDefaults, SlSplitterIdFactory } from './splitter-defaults';\nimport type {\n  SplitterCollapsedRequest,\n  SplitterLimit,\n  SplitterOrientation,\n  SplitterValueReason,\n  SplitterValueRequest,\n} from './splitter-defaults';\n\nconst NO_SNAP_POINTS: readonly number[] = [];\n\n/**\n * A focusable separator between two regions the consumer owns.\n *\n * It holds the position, the limits, the stops, the keyboard and the whole ARIA\n * contract of the WAI-ARIA Window Splitter pattern. It holds no layout: the\n * fraction is written as `--slotted-splitter-value` on the element `for` names,\n * and a rule in the consumer's own stylesheet turns it into a measure. A\n * separator that sized the boxes beside it would be deciding a layout it was\n * only handed a position in.\n *\n * A directive on the consumer's own element rather than a component with a tag\n * of its own, because the bar sits inside a layout the consumer wrote and the\n * element it should be is theirs to choose.\n */\n@Component({\n  selector: '[slSplitter]',\n  standalone: true,\n  exportAs: 'slSplitter',\n  template: `\n    <span data-part=\"line\" aria-hidden=\"true\"></span>\n    <span data-part=\"grip\" aria-hidden=\"true\"></span>\n    <span data-part=\"line\" aria-hidden=\"true\"></span>\n  `,\n  styleUrl: '../../../styles/src/splitter/splitter.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'splitter',\n    'data-part': 'root',\n    '[attr.role]': 'role()',\n    '[attr.tabindex]': 'tabIndex()',\n    '[attr.data-orientation]': 'resolvedOrientation()',\n    '[attr.data-dragging]': \"dragging() ? '' : null\",\n    '[attr.data-disabled]': \"disabled() ? '' : null\",\n    '[attr.data-expanded]': \"collapsible() && !collapsed() ? '' : null\",\n    '[attr.aria-orientation]': 'ariaOrientation()',\n    '[attr.aria-valuenow]': 'ariaValueNow()',\n    '[attr.aria-valuemin]': 'ariaValueMin()',\n    '[attr.aria-valuemax]': 'ariaValueMax()',\n    '[attr.aria-controls]': 'ariaControls()',\n    '[attr.aria-disabled]': \"disabled() ? 'true' : null\",\n    '(pointerdown)': 'onPointerDown($event)',\n    '(keydown)': 'onKeyDown($event)',\n    '(dblclick)': 'onDoubleClick($event)',\n  },\n})\nexport class SlSplitter {\n  /** The fraction of the container taken by the region before the bar. */\n  readonly value = model<number>(0.5);\n  /** Whether the region before the bar is collapsed. */\n  readonly collapsed = model<boolean>(false);\n  /**\n   * Where a double click and `reset()` return the bar, inside the limits. Not\n   * the value the bar was opened at: a layout restored from storage is where\n   * the reader left it, never where a reset should go.\n   */\n  readonly defaultValue = input<number>(0.5);\n\n  readonly orientation = input<SplitterOrientation | undefined>(undefined);\n  readonly min = input<SplitterLimit | undefined>(undefined);\n  readonly max = input<SplitterLimit | undefined>(undefined);\n  readonly collapsedValue = input<number | undefined>(undefined);\n  readonly collapsible = input(false, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly snapPoints = input<readonly number[]>(NO_SNAP_POINTS);\n\n  /**\n   * The element the bar sizes. A template reference rather than a ref:\n   * `[for]=\"aside\"` with `#aside` on the element.\n   *\n   * Omitted, the bar takes its own previous element sibling, which is what the\n   * DOM already says and what the React binding does too.\n   */\n  readonly for = input<HTMLElement | undefined>(undefined);\n\n  /** The cancellable requests, before anything commits. */\n  readonly valueChangeRequest = output<SplitterValueRequest>();\n  readonly collapsedChangeRequest = output<SplitterCollapsedRequest>();\n\n  /**\n   * Fires once, when a drag settles. `value` moves throughout one, so a\n   * consumer saving a layout saves once here rather than sixty times there.\n   */\n  readonly resizeEnd = output<number>();\n\n  private readonly defaults = injectSplitterDefaults();\n  private readonly element = inject(ElementRef<HTMLElement>).nativeElement as HTMLElement;\n  private readonly ids = inject(SlSplitterIdFactory);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /**\n   * What the consumer wrote on the element themselves. Read once, before the\n   * host bindings run, because a binding that resolves to `null` removes the\n   * attribute rather than leaving the consumer's value in place — the rule\n   * `menu` records and `toolbar` learned the hard way.\n   */\n  private readonly ownRole = inject(new HostAttributeToken('role'), { optional: true });\n  private readonly ownTabIndex = inject(new HostAttributeToken('tabindex'), { optional: true });\n  private readonly ownControls = inject(new HostAttributeToken('aria-controls'), {\n    optional: true,\n  });\n\n  protected readonly dragging = signal(false);\n  private readonly regionId = signal<string | undefined>(undefined);\n  /** The fraction to come back to after a collapse; the value at the moment of the collapse. */\n  private restore = 0.5;\n  private release: (() => void) | null = null;\n\n  protected readonly resolvedOrientation = computed(\n    () => this.orientation() ?? this.defaults.orientation,\n  );\n  protected readonly role = computed(() => this.ownRole ?? 'separator');\n  protected readonly tabIndex = computed(() => this.ownTabIndex ?? '0');\n  protected readonly ariaOrientation = computed(() =>\n    this.resolvedOrientation() === 'vertical' ? 'vertical' : null,\n  );\n  protected readonly ariaControls = computed(() => this.ownControls ?? this.regionId() ?? null);\n  protected readonly ariaValueNow = computed(() => Math.round(this.value() * 100));\n  protected readonly ariaValueMin = computed(() => Math.round(this.bounds().min * 100));\n  protected readonly ariaValueMax = computed(() => Math.round(this.bounds().max * 100));\n\n  /**\n   * A signal the geometry can invalidate. The limits depend on the container's\n   * measure, which no signal can see change, so the observer below bumps this\n   * and every computed that reads it recomputes.\n   */\n  private readonly measured = signal(0);\n\n  constructor() {\n    /**\n     * Guarded, because `ResizeObserver` is absent from a server render and from\n     * jsdom. Unguarded, every page carrying a splitter threw before it rendered a\n     * character — which is what the first run of `splitter.spec.ts` reported,\n     * eighteen failures deep, all from this one line.\n     *\n     * The container is read after the first render, not here: a bar that is the\n     * first node of an `@if` or `@for` block is built before the block is placed\n     * in the document, so its parent is still null in the constructor, and its\n     * limits kept the measure of whatever box they were first computed against.\n     * A render the server does never runs this, and has no pointer to move the\n     * bar with.\n     */\n    let observer: ResizeObserver | null = null;\n    afterNextRender(() => {\n      const container = this.container();\n      if (typeof ResizeObserver === 'undefined' || container === null) return;\n      observer = new ResizeObserver(() => this.measured.update((count) => count + 1));\n      observer.observe(container);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      observer?.disconnect();\n      this.release?.();\n    });\n\n    /**\n     * The fraction, published where CSS can read it. This is what replaces the\n     * layout the family does not hold: a consumer writes\n     * `inline-size: calc(var(--slotted-splitter-value) * 100%)` once and never\n     * holds the number in a component at all.\n     */\n    effect(() => {\n      const target = this.sized();\n      if (target === null) return;\n\n      target.style.setProperty('--slotted-splitter-value', String(this.value()));\n      if (target.id === '') target.id = this.ids.next();\n      this.regionId.set(target.id);\n    });\n\n    /**\n     * The contract's `extent.clamped`: the reported value is always the\n     * clamped one. Limits move under a value — a length limit when the\n     * container is resized, a fraction when the consumer binds another — and a\n     * value restored from another window's layout can lie outside them, so the\n     * bar brings it back inside, as a programmatic request. A collapsed region\n     * stands below its floor on purpose and is left there.\n     */\n    effect(() => {\n      const { min, max } = this.bounds();\n      const value = this.value();\n      if (this.collapsed() || this.dragging()) return;\n      const held = Math.min(Math.max(value, min), max);\n      if (held !== value) untracked(() => this.requestValue(held, 'programmatic', undefined));\n    });\n  }\n\n  /** A fraction brought inside the limits as they resolve now. */\n  private clamp(value: number) {\n    const { min, max } = this.bounds();\n    return Math.min(Math.max(value, min), max);\n  }\n\n  /** The box the fraction is a fraction *of*: whatever holds the bar. */\n  private container(): HTMLElement | null {\n    return this.element.parentElement;\n  }\n\n  /** The element the bar sizes, announces, and writes the fraction on. */\n  private sized(): HTMLElement | null {\n    const named = this.for();\n    if (named !== undefined) return named;\n    const previous = this.element.previousElementSibling;\n    return previous instanceof HTMLElement ? previous : null;\n  }\n\n  private geometry() {\n    const box = this.container();\n    const rect = box?.getBoundingClientRect();\n    const span =\n      rect === undefined ? 0 : this.resolvedOrientation() === 'vertical' ? rect.width : rect.height;\n    const rtl = box !== null && getComputedStyle(box).direction === 'rtl';\n    return { box, rect, rtl, span };\n  }\n\n  /**\n   * The bar's own axis, in the vocabulary `@slotted/core/extent` speaks. The\n   * region the bar sizes is the one before it, so it is anchored at the\n   * container's first edge on that axis.\n   */\n  private side() {\n    return this.resolvedOrientation() === 'vertical' ? ('start' as const) : ('top' as const);\n  }\n\n  /**\n   * A limit as a fraction. A number is already one; a string is a CSS length,\n   * and only the browser knows what `18rem` or `25%` come to — so it is\n   * measured where it will be used rather than parsed here.\n   */\n  private resolve(limit: SplitterLimit, box: HTMLElement | null, span: number, fallback: number) {\n    if (typeof limit === 'number') return Math.min(Math.max(limit, 0), 1);\n    if (box === null || span <= 0) return fallback;\n    return extentFromLength({ pixels: measureLength(limit, box, span), span });\n  }\n\n  protected readonly bounds = computed(() => {\n    this.measured();\n    const { box, span } = this.geometry();\n    const low = this.resolve(this.min() ?? this.defaults.min, box, span, 0);\n    const high = this.resolve(this.max() ?? this.defaults.max, box, span, 1);\n    /* A max below the min is the consumer's arithmetic, not a crash: the pair\n       is ordered rather than trusted, so the range always exists. */\n    return extentBounds(this.snapPoints(), Math.min(low, high), Math.max(low, high));\n  });\n\n  private requestValue(next: number, reason: SplitterValueReason, source: unknown) {\n    if (next === this.value()) return;\n\n    const state = createControllable<number>({\n      initial: this.value(),\n      onRequest: (raw) => {\n        this.valueChangeRequest.emit({\n          get cancelled() {\n            return raw.cancelled;\n          },\n          cancel: () => raw.cancel(),\n          previous: raw.previous,\n          reason,\n          source: raw.source,\n          value: raw.value,\n        });\n      },\n    });\n\n    /**\n     * The return value, and not a flag read inside `onRequest`. A flag\n     * assigned there is assigned *before* the consumer has been handed the\n     * request and had the chance to refuse it, so it always reads `false` and\n     * the refusal never lands — which is exactly what `splitter.spec.ts`\n     * reported: a cancelled move that moved anyway.\n     */\n    if (!state.request(next, reason, source)) return;\n    this.value.set(next);\n  }\n\n  private requestCollapsed(next: boolean, reason: SplitterValueReason, source: unknown) {\n    if (next === this.collapsed()) return false;\n\n    const state = createControllable<boolean>({\n      initial: this.collapsed(),\n      onRequest: (raw) => {\n        this.collapsedChangeRequest.emit({\n          get cancelled() {\n            return raw.cancelled;\n          },\n          cancel: () => raw.cancel(),\n          previous: raw.previous,\n          reason,\n          source: raw.source,\n          value: raw.value,\n        });\n      },\n    });\n\n    if (!state.request(next, reason, source)) return false;\n    this.collapsed.set(next);\n    return true;\n  }\n\n  /**\n   * `Enter`, from the pattern: \"If the primary pane is not collapsed, collapses\n   * the pane. If the pane is collapsed, restores the splitter to its previous\n   * position.\"\n   *\n   * Both halves move together: a collapse that changed the state and not the\n   * measure would leave the bar where it was, and a restore that changed the\n   * measure and not the state would leave a region that is open and says it is\n   * not.\n   */\n  private toggle(reason: SplitterValueReason, source: unknown) {\n    if (!this.collapsible()) return;\n\n    if (this.collapsed()) {\n      if (this.requestCollapsed(false, reason, source))\n        this.requestValue(this.restore, reason, source);\n      return;\n    }\n\n    this.restore = this.value();\n    if (this.requestCollapsed(true, reason, source)) {\n      this.requestValue(this.collapsedValue() ?? this.defaults.collapsedValue, reason, source);\n    }\n  }\n\n  /** Collapses to `collapsedValue`, carrying `programmatic`. */\n  collapse() {\n    if (!this.collapsible() || this.collapsed()) return;\n    this.toggle('programmatic', undefined);\n  }\n\n  /** Restores the fraction held before the collapse. */\n  expand() {\n    if (!this.collapsed()) return;\n    this.toggle('programmatic', undefined);\n  }\n\n  /** Returns the bar to `defaultValue`, inside the limits, which is what a double click does. */\n  reset() {\n    this.requestValue(this.clamp(this.defaultValue()), 'programmatic', undefined);\n  }\n\n  /** Moves focus to the bar. */\n  focus() {\n    this.element.focus();\n  }\n\n  protected onPointerDown(event: PointerEvent) {\n    if (event.defaultPrevented || this.disabled() || event.button !== 0) return;\n\n    const { rtl, span } = this.geometry();\n    if (span <= 0) return;\n\n    this.element.setPointerCapture(event.pointerId);\n    this.dragging.set(true);\n    this.release = holdResizeGesture(\n      this.element.ownerDocument,\n      this.resolvedOrientation() === 'vertical' ? 'col-resize' : 'row-resize',\n    );\n\n    const side = this.side();\n\n    const at = (point: PointerEvent) => {\n      const live = this.container()?.getBoundingClientRect();\n      if (live === undefined) return undefined;\n      return extentAtPoint({\n        point: { x: point.clientX, y: point.clientY },\n        rect: live,\n        rtl,\n        side,\n      });\n    };\n\n    /*\n     * Where on the bar the hand took it, as a fraction: the bar keeps that point\n     * under the pointer for the whole drag. Read as an absolute position, a bar\n     * taken a few pixels from the edge it marks leapt those pixels on the first\n     * move — and a bar whose region is followed by a gap leapt the gap.\n     */\n    const grab = (at(event) ?? this.value()) - this.value();\n\n    const move = (moved: PointerEvent) => {\n      const raw = at(moved);\n      if (raw === undefined) return;\n      this.requestValue(this.clamp(raw - grab), 'pointer', moved);\n    };\n\n    const up = (ended: PointerEvent) => {\n      this.element.removeEventListener('pointermove', move);\n      this.element.removeEventListener('pointerup', up);\n      this.element.removeEventListener('pointercancel', up);\n      this.release?.();\n      this.release = null;\n      this.dragging.set(false);\n\n      /* The stop nearest where the hand left it, and only then: a drag that\n         snapped on every move would fight the hand rather than help it. */\n      const stops = this.snapPoints();\n      const raw = at(ended);\n      if (stops.length > 0 && raw !== undefined) {\n        const snapped = this.clamp(nearestSnap(raw - grab, stops));\n        this.requestValue(snapped, 'pointer', ended);\n        this.resizeEnd.emit(snapped);\n        return;\n      }\n\n      this.resizeEnd.emit(this.value());\n    };\n\n    this.element.addEventListener('pointermove', move);\n    this.element.addEventListener('pointerup', up);\n    this.element.addEventListener('pointercancel', up);\n  }\n\n  protected onKeyDown(event: KeyboardEvent) {\n    if (event.defaultPrevented || this.disabled()) return;\n\n    if (event.key === 'Enter') {\n      if (!this.collapsible()) return;\n      event.preventDefault();\n      this.toggle('keyboard', event);\n      return;\n    }\n\n    const { rect, rtl } = this.geometry();\n    if (rect === undefined) return;\n\n    const side = this.side();\n    const grows = anchorsAtStart(side, rtl) ? 1 : -1;\n    const vertical = this.resolvedOrientation() === 'vertical';\n    const limits = this.bounds();\n\n    /* The cross axis is left to the page, so a document that scrolls still\n       scrolls while the separator holds focus. */\n    const direction =\n      event.key === (vertical ? 'ArrowRight' : 'ArrowDown')\n        ? (grows as 1 | -1)\n        : event.key === (vertical ? 'ArrowLeft' : 'ArrowUp')\n          ? (-grows as 1 | -1)\n          : undefined;\n\n    if (direction !== undefined) {\n      event.preventDefault();\n      this.requestValue(\n        stepExtent({\n          amount: stepAmountFromPixels({\n            pixels: event.shiftKey ? EXTENT_LARGE_STEP_PX : EXTENT_STEP_PX,\n            rect,\n            side,\n          }),\n          direction,\n          fraction: this.value(),\n          max: limits.max,\n          min: limits.min,\n          snapPoints: this.snapPoints(),\n        }),\n        'keyboard',\n        event,\n      );\n      return;\n    }\n\n    if (event.key === 'Home') {\n      event.preventDefault();\n      this.requestValue(limits.min, 'keyboard', event);\n      return;\n    }\n\n    if (event.key === 'End') {\n      event.preventDefault();\n      this.requestValue(limits.max, 'keyboard', event);\n    }\n  }\n\n  protected onDoubleClick(event: MouseEvent) {\n    if (event.defaultPrevented || this.disabled()) return;\n    this.requestValue(this.clamp(this.defaultValue()), 'pointer', event);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}