forty-cdk 0.2.0 → 0.3.0

package/fesm2022/forty-cdk-pane-resizer.mjs

@@ -0,0 +1,297 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, model, output, inject, ElementRef, DestroyRef, Directive } from '@angular/core';
+import { injectTextDirection, startPointerResize, clampToRange, roundToStepPrecision, createDefaults } from 'forty-cdk/core';
+
+/**
+ * Headless implementation of the
+ * [WAI-ARIA Window Splitter pattern](https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/):
+ * the focusable divider between two resizable panes. Carries `role="separator"`
+ * with live `aria-valuenow` / `aria-valuemin` / `aria-valuemax`, is tabbable,
+ * handles arrow keys / Page Up-Down / Home / End / (optional) Enter, and
+ * supports pointer drag with `setPointerCapture`. Emits `(resizing)` on every
+ * mutation and `(resizeCommit)` once per key release / drag end.
+ *
+ * It is essentially a 1-D slider wearing a separator role; the static
+ * `[forSeparator]` divider stays a separate, thinner primitive so a visual-only
+ * separator never pulls the drag / keyboard-resize code in.
+ *
+ * Pointer drag arms only after the pointer travels past a small dead-zone (a
+ * few px), so a plain click that fires a stray sub-threshold `pointermove`
+ * never mutates the value — `(resizing)` won't fire on a jittery click.
+ *
+ * @example
+ * ```html
+ * <!-- Vertical divider between two horizontally stacked panes. -->
+ * <div
+ *   forPaneResizer
+ *   orientation="vertical"
+ *   [(value)]="size"
+ *   [min]="100"
+ *   [max]="700"
+ *   [step]="8"
+ *   [largeStep]="80"
+ *   aria-controls="pane-a pane-b"
+ * ></div>
+ * ```
+ */
+class ForPaneResizer {
+    /**
+     * Axis the divider line runs along. `horizontal` splits content stacked
+     * vertically; `vertical` splits content arranged horizontally. Defaults to
+     * `horizontal`.
+     *
+     * `orientation` describes the *separator line*; the resize axis runs
+     * perpendicular to it. APG: a horizontal pane stack uses a vertical
+     * separator, and arrow keys move along the resize axis.
+     */
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /**
+     * Disables the resizer: it drops out of tab order, no keyboard or pointer
+     * mutation fires, and `aria-disabled` / `data-disabled` are reflected.
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Two-way bindable. The current value along the resize axis. Units are
+     * consumer-defined (px, %, fr, rem, …) — the directive treats this as an
+     * opaque number constrained by `min` / `max`. Pointer drag adds raw px
+     * deltas, so use px units when wiring drag directly; keyboard navigation is
+     * unit-agnostic.
+     *
+     * The `model()` change emitter (`(valueChange)`) follows the project-wide
+     * contract: it fires only on internal updates (keyboard, drag), never on
+     * consumer writes via `[(value)]` — observe transitions without binding
+     * back. `(resizing)` carries the same value with a verb-named alias for
+     * one-way wiring.
+     */
+    value = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Lower bound for `value`. Default `0`. */
+    min = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    /** Upper bound for `value`. Default `100` (matches a percentage default). */
+    max = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Step applied by ArrowKeys along the resize axis. Default `1`. */
+    step = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    /** Step applied by `Page Up` / `Page Down`. Default `10`. */
+    largeStep = input(10, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "largeStep" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional human-readable value for `aria-valuetext`. Use when the bare
+     * number is not meaningful to AT (e.g. `"30 percent of viewport"`). When
+     * `null`, AT reads `aria-valuenow`.
+     */
+    valueText = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
+    /**
+     * Space-separated list of element ids the resizer splits. Surfaces as
+     * `aria-controls`. Recommended per APG so AT can relate the resizer to the
+     * panes it affects.
+     */
+    controls = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "controls" }] : /* istanbul ignore next */ []));
+    /**
+     * Opt-in `Enter` (and `Space`) toggle: collapses the value to `min` and
+     * restores the last non-min value on the next press. APG-optional behaviour
+     * for resizers that back a collapsible pane. Off by default — enabling it
+     * changes the meaning of `Enter`.
+     */
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Reading direction. RTL inverts ArrowLeft / ArrowRight on a vertical
+     * separator (horizontal pane stack) and the horizontal axis of pointer
+     * drag. When unset (default `null`), the inherited ambient direction is
+     * resolved from the nearest ancestor carrying a `dir` attribute (or
+     * `<html dir>`), defaulting to `'ltr'`. An explicit `[dir]` always wins and
+     * the resolved value is reflected to the host `dir` attribute.
+     */
+    _dirInput = input(null, { ...(ngDevMode ? { debugName: "_dirInput" } : /* istanbul ignore next */ {}), alias: 'dir' });
+    dir = injectTextDirection(this._dirInput);
+    /**
+     * Verb-named alias for the model change emitter. Fires on every value
+     * mutation (keyboard step, pointer-move tick). Emits the same value as
+     * `(valueChange)`; pick one or the other based on whether you want
+     * two-way binding (`[(value)]`) or one-shot observation.
+     */
+    resizing = output();
+    /**
+     * Fires once at the end of a resize burst — when the user releases the
+     * pointer (or it is cancelled) or releases an arrow / page key. Useful for
+     * persisting the final size after a drag, where `(resizing)` may fire 60+
+     * times per second.
+     */
+    resizeCommit = output();
+    #host = inject(ElementRef).nativeElement;
+    /** Last value above `min` — used to restore size when `collapsible` Enter expands. */
+    #lastNonMinValue = 0;
+    #disposePointer = null;
+    /** True between the first kbd-driven mutation and the next `keyup`. */
+    #pendingKeyboardCommit = false;
+    constructor() {
+        inject(DestroyRef).onDestroy(() => this.#disposePointer?.());
+    }
+    onKeyDown(event) {
+        if (this.disabled()) {
+            return;
+        }
+        // Vertical separator (line) → resize axis is horizontal → ArrowLeft/Right.
+        // Horizontal separator (line) → resize axis is vertical → ArrowUp/Down.
+        const axis = this.orientation() === 'vertical' ? 'horizontal' : 'vertical';
+        const ltr = this.dir() !== 'rtl';
+        let next = null;
+        switch (event.key) {
+            case 'ArrowLeft':
+                if (axis !== 'horizontal')
+                    return;
+                next = this.#stepClamp(this.value() + (ltr ? -this.step() : this.step()), this.step());
+                break;
+            case 'ArrowRight':
+                if (axis !== 'horizontal')
+                    return;
+                next = this.#stepClamp(this.value() + (ltr ? this.step() : -this.step()), this.step());
+                break;
+            case 'ArrowUp':
+                if (axis !== 'vertical')
+                    return;
+                next = this.#stepClamp(this.value() - this.step(), this.step());
+                break;
+            case 'ArrowDown':
+                if (axis !== 'vertical')
+                    return;
+                next = this.#stepClamp(this.value() + this.step(), this.step());
+                break;
+            case 'PageUp':
+                next = this.#stepClamp(this.value() - this.largeStep(), this.largeStep());
+                break;
+            case 'PageDown':
+                next = this.#stepClamp(this.value() + this.largeStep(), this.largeStep());
+                break;
+            case 'Home':
+                next = this.min();
+                break;
+            case 'End':
+                next = this.max();
+                break;
+            case 'Enter':
+            case ' ':
+                if (!this.collapsible())
+                    return;
+                event.preventDefault();
+                this.#toggleCollapsed();
+                return;
+            default:
+                return;
+        }
+        event.preventDefault();
+        if (next === this.value()) {
+            return;
+        }
+        this.value.set(next);
+        this.resizing.emit(next);
+        this.#pendingKeyboardCommit = true;
+    }
+    onKeyUp(_event) {
+        if (!this.#pendingKeyboardCommit) {
+            return;
+        }
+        this.#pendingKeyboardCommit = false;
+        this.resizeCommit.emit(this.value());
+    }
+    onPointerDown(event) {
+        if (this.disabled()) {
+            return;
+        }
+        if (event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        const ltr = this.dir() !== 'rtl';
+        this.#disposePointer = startPointerResize(event, {
+            host: this.#host,
+            axis: this.orientation() === 'vertical' ? 'x' : 'y',
+            startValue: this.value(),
+            invert: this.orientation() === 'vertical' && !ltr,
+            constrain: (n) => this.#clamp(n),
+            onResize: (v) => {
+                this.value.set(v);
+                this.resizing.emit(v);
+            },
+            onCommit: (v) => this.resizeCommit.emit(v),
+        });
+    }
+    #toggleCollapsed() {
+        const current = this.value();
+        const min = this.min();
+        let next;
+        if (current <= min) {
+            // Restore last non-min value, falling back to max if the consumer has
+            // not produced one yet (initial value === min).
+            next = this.#clamp(this.#lastNonMinValue > min ? this.#lastNonMinValue : this.max());
+        }
+        else {
+            this.#lastNonMinValue = current;
+            next = min;
+        }
+        if (next === current) {
+            return;
+        }
+        this.value.set(next);
+        this.resizing.emit(next);
+        this.resizeCommit.emit(next);
+    }
+    #clamp(n) {
+        return clampToRange(n, this.min(), this.max());
+    }
+    /** Clamp a step-derived value, rounding to the step's precision first. */
+    #stepClamp(n, step) {
+        return this.#clamp(roundToStepPrecision(n, step));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForPaneResizer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForPaneResizer, isStandalone: true, selector: "[forPaneResizer]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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 }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, largeStep: { classPropertyName: "largeStep", publicName: "largeStep", isSignal: true, isRequired: false, transformFunction: null }, valueText: { classPropertyName: "valueText", publicName: "valueText", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, _dirInput: { classPropertyName: "_dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", resizing: "resizing", resizeCommit: "resizeCommit" }, host: { attributes: { "role": "separator" }, listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)", "pointerdown": "onPointerDown($event)" }, properties: { "attr.aria-orientation": "orientation()", "attr.data-orientation": "orientation()", "attr.tabindex": "disabled() ? null : \"0\"", "attr.aria-valuenow": "value()", "attr.aria-valuemin": "min()", "attr.aria-valuemax": "max()", "attr.aria-valuetext": "valueText() || null", "attr.aria-controls": "controls()", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.dir": "dir()" } }, exportAs: ["forPaneResizer"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForPaneResizer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forPaneResizer]',
+                    exportAs: 'forPaneResizer',
+                    host: {
+                        role: 'separator',
+                        '[attr.aria-orientation]': 'orientation()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.tabindex]': 'disabled() ? null : "0"',
+                        '[attr.aria-valuenow]': 'value()',
+                        '[attr.aria-valuemin]': 'min()',
+                        '[attr.aria-valuemax]': 'max()',
+                        '[attr.aria-valuetext]': 'valueText() || null',
+                        '[attr.aria-controls]': 'controls()',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.dir]': 'dir()',
+                        '(keydown)': 'onKeyDown($event)',
+                        '(keyup)': 'onKeyUp($event)',
+                        '(pointerdown)': 'onPointerDown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], largeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "largeStep", required: false }] }], valueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueText", required: false }] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], _dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], resizing: [{ type: i0.Output, args: ["resizing"] }], resizeCommit: [{ type: i0.Output, args: ["resizeCommit"] }] } });
+
+const FALLBACK = {};
+const { token, provideDefaults } = createDefaults('FOR_PANE_RESIZER_DEFAULTS', FALLBACK);
+/** Token holding the resolved pane-resizer defaults for the current scope. */
+const FOR_PANE_RESIZER_DEFAULTS = token;
+/**
+ * Configures forty-cdk pane-resizer defaults for this injector scope. Partial
+ * overrides inherit unspecified keys from the parent scope (or library
+ * defaults at the root).
+ */
+function provideForPaneResizerDefaults(defaults = {}) {
+    return provideDefaults(defaults);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FOR_PANE_RESIZER_DEFAULTS, ForPaneResizer, provideForPaneResizerDefaults };
+//# sourceMappingURL=forty-cdk-pane-resizer.mjs.map

package/fesm2022/forty-cdk-pane-resizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forty-cdk-pane-resizer.mjs","sources":["../../../projects/forty-cdk/pane-resizer/src/pane-resizer.ts","../../../projects/forty-cdk/pane-resizer/src/pane-resizer-defaults.ts","../../../projects/forty-cdk/pane-resizer/src/forty-cdk-pane-resizer.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n} from '@angular/core';\n\nimport {\n  type WritingDirection,\n  injectTextDirection,\n  clampToRange,\n  roundToStepPrecision,\n  startPointerResize,\n} from 'forty-cdk/core';\n\n/**\n * Headless implementation of the\n * [WAI-ARIA Window Splitter pattern](https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/):\n * the focusable divider between two resizable panes. Carries `role=\"separator\"`\n * with live `aria-valuenow` / `aria-valuemin` / `aria-valuemax`, is tabbable,\n * handles arrow keys / Page Up-Down / Home / End / (optional) Enter, and\n * supports pointer drag with `setPointerCapture`. Emits `(resizing)` on every\n * mutation and `(resizeCommit)` once per key release / drag end.\n *\n * It is essentially a 1-D slider wearing a separator role; the static\n * `[forSeparator]` divider stays a separate, thinner primitive so a visual-only\n * separator never pulls the drag / keyboard-resize code in.\n *\n * Pointer drag arms only after the pointer travels past a small dead-zone (a\n * few px), so a plain click that fires a stray sub-threshold `pointermove`\n * never mutates the value — `(resizing)` won't fire on a jittery click.\n *\n * @example\n * ```html\n * <!-- Vertical divider between two horizontally stacked panes. -->\n * <div\n *   forPaneResizer\n *   orientation=\"vertical\"\n *   [(value)]=\"size\"\n *   [min]=\"100\"\n *   [max]=\"700\"\n *   [step]=\"8\"\n *   [largeStep]=\"80\"\n *   aria-controls=\"pane-a pane-b\"\n * ></div>\n * ```\n */\n@Directive({\n  selector: '[forPaneResizer]',\n  exportAs: 'forPaneResizer',\n  host: {\n    role: 'separator',\n    '[attr.aria-orientation]': 'orientation()',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.tabindex]': 'disabled() ? null : \"0\"',\n    '[attr.aria-valuenow]': 'value()',\n    '[attr.aria-valuemin]': 'min()',\n    '[attr.aria-valuemax]': 'max()',\n    '[attr.aria-valuetext]': 'valueText() || null',\n    '[attr.aria-controls]': 'controls()',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.dir]': 'dir()',\n    '(keydown)': 'onKeyDown($event)',\n    '(keyup)': 'onKeyUp($event)',\n    '(pointerdown)': 'onPointerDown($event)',\n  },\n})\nexport class ForPaneResizer {\n  /**\n   * Axis the divider line runs along. `horizontal` splits content stacked\n   * vertically; `vertical` splits content arranged horizontally. Defaults to\n   * `horizontal`.\n   *\n   * `orientation` describes the *separator line*; the resize axis runs\n   * perpendicular to it. APG: a horizontal pane stack uses a vertical\n   * separator, and arrow keys move along the resize axis.\n   */\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  /**\n   * Disables the resizer: it drops out of tab order, no keyboard or pointer\n   * mutation fires, and `aria-disabled` / `data-disabled` are reflected.\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Two-way bindable. The current value along the resize axis. Units are\n   * consumer-defined (px, %, fr, rem, …) — the directive treats this as an\n   * opaque number constrained by `min` / `max`. Pointer drag adds raw px\n   * deltas, so use px units when wiring drag directly; keyboard navigation is\n   * unit-agnostic.\n   *\n   * The `model()` change emitter (`(valueChange)`) follows the project-wide\n   * contract: it fires only on internal updates (keyboard, drag), never on\n   * consumer writes via `[(value)]` — observe transitions without binding\n   * back. `(resizing)` carries the same value with a verb-named alias for\n   * one-way wiring.\n   */\n  readonly value = model<number>(0);\n\n  /** Lower bound for `value`. Default `0`. */\n  readonly min = input<number>(0);\n\n  /** Upper bound for `value`. Default `100` (matches a percentage default). */\n  readonly max = input<number>(100);\n\n  /** Step applied by ArrowKeys along the resize axis. Default `1`. */\n  readonly step = input<number>(1);\n\n  /** Step applied by `Page Up` / `Page Down`. Default `10`. */\n  readonly largeStep = input<number>(10);\n\n  /**\n   * Optional human-readable value for `aria-valuetext`. Use when the bare\n   * number is not meaningful to AT (e.g. `\"30 percent of viewport\"`). When\n   * `null`, AT reads `aria-valuenow`.\n   */\n  readonly valueText = input<string | null>(null);\n\n  /**\n   * Space-separated list of element ids the resizer splits. Surfaces as\n   * `aria-controls`. Recommended per APG so AT can relate the resizer to the\n   * panes it affects.\n   */\n  readonly controls = input<string | null>(null);\n\n  /**\n   * Opt-in `Enter` (and `Space`) toggle: collapses the value to `min` and\n   * restores the last non-min value on the next press. APG-optional behaviour\n   * for resizers that back a collapsible pane. Off by default — enabling it\n   * changes the meaning of `Enter`.\n   */\n  readonly collapsible = input(false, { transform: booleanAttribute });\n\n  /**\n   * Reading direction. RTL inverts ArrowLeft / ArrowRight on a vertical\n   * separator (horizontal pane stack) and the horizontal axis of pointer\n   * drag. When unset (default `null`), the inherited ambient direction is\n   * resolved from the nearest ancestor carrying a `dir` attribute (or\n   * `<html dir>`), defaulting to `'ltr'`. An explicit `[dir]` always wins and\n   * the resolved value is reflected to the host `dir` attribute.\n   */\n  readonly _dirInput = input<WritingDirection | null>(null, { alias: 'dir' });\n  readonly dir = injectTextDirection(this._dirInput);\n\n  /**\n   * Verb-named alias for the model change emitter. Fires on every value\n   * mutation (keyboard step, pointer-move tick). Emits the same value as\n   * `(valueChange)`; pick one or the other based on whether you want\n   * two-way binding (`[(value)]`) or one-shot observation.\n   */\n  readonly resizing = output<number>();\n\n  /**\n   * Fires once at the end of a resize burst — when the user releases the\n   * pointer (or it is cancelled) or releases an arrow / page key. Useful for\n   * persisting the final size after a drag, where `(resizing)` may fire 60+\n   * times per second.\n   */\n  readonly resizeCommit = output<number>();\n\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  /** Last value above `min` — used to restore size when `collapsible` Enter expands. */\n  #lastNonMinValue = 0;\n\n  #disposePointer: (() => void) | null = null;\n\n  /** True between the first kbd-driven mutation and the next `keyup`. */\n  #pendingKeyboardCommit = false;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.#disposePointer?.());\n  }\n\n  protected onKeyDown(event: KeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    // Vertical separator (line) → resize axis is horizontal → ArrowLeft/Right.\n    // Horizontal separator (line) → resize axis is vertical → ArrowUp/Down.\n    const axis: 'horizontal' | 'vertical' =\n      this.orientation() === 'vertical' ? 'horizontal' : 'vertical';\n    const ltr = this.dir() !== 'rtl';\n\n    let next: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (axis !== 'horizontal') return;\n        next = this.#stepClamp(this.value() + (ltr ? -this.step() : this.step()), this.step());\n        break;\n      case 'ArrowRight':\n        if (axis !== 'horizontal') return;\n        next = this.#stepClamp(this.value() + (ltr ? this.step() : -this.step()), this.step());\n        break;\n      case 'ArrowUp':\n        if (axis !== 'vertical') return;\n        next = this.#stepClamp(this.value() - this.step(), this.step());\n        break;\n      case 'ArrowDown':\n        if (axis !== 'vertical') return;\n        next = this.#stepClamp(this.value() + this.step(), this.step());\n        break;\n      case 'PageUp':\n        next = this.#stepClamp(this.value() - this.largeStep(), this.largeStep());\n        break;\n      case 'PageDown':\n        next = this.#stepClamp(this.value() + this.largeStep(), this.largeStep());\n        break;\n      case 'Home':\n        next = this.min();\n        break;\n      case 'End':\n        next = this.max();\n        break;\n      case 'Enter':\n      case ' ':\n        if (!this.collapsible()) return;\n        event.preventDefault();\n        this.#toggleCollapsed();\n        return;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    if (next === this.value()) {\n      return;\n    }\n    this.value.set(next);\n    this.resizing.emit(next);\n    this.#pendingKeyboardCommit = true;\n  }\n\n  protected onKeyUp(_event: KeyboardEvent): void {\n    if (!this.#pendingKeyboardCommit) {\n      return;\n    }\n    this.#pendingKeyboardCommit = false;\n    this.resizeCommit.emit(this.value());\n  }\n\n  protected onPointerDown(event: PointerEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n    if (event.button !== 0) {\n      return;\n    }\n    event.preventDefault();\n    const ltr = this.dir() !== 'rtl';\n    this.#disposePointer = startPointerResize(event, {\n      host: this.#host,\n      axis: this.orientation() === 'vertical' ? 'x' : 'y',\n      startValue: this.value(),\n      invert: this.orientation() === 'vertical' && !ltr,\n      constrain: (n) => this.#clamp(n),\n      onResize: (v) => {\n        this.value.set(v);\n        this.resizing.emit(v);\n      },\n      onCommit: (v) => this.resizeCommit.emit(v),\n    });\n  }\n\n  #toggleCollapsed(): void {\n    const current = this.value();\n    const min = this.min();\n    let next: number;\n    if (current <= min) {\n      // Restore last non-min value, falling back to max if the consumer has\n      // not produced one yet (initial value === min).\n      next = this.#clamp(this.#lastNonMinValue > min ? this.#lastNonMinValue : this.max());\n    } else {\n      this.#lastNonMinValue = current;\n      next = min;\n    }\n    if (next === current) {\n      return;\n    }\n    this.value.set(next);\n    this.resizing.emit(next);\n    this.resizeCommit.emit(next);\n  }\n\n  #clamp(n: number): number {\n    return clampToRange(n, this.min(), this.max());\n  }\n\n  /** Clamp a step-derived value, rounding to the step's precision first. */\n  #stepClamp(n: number, step: number): number {\n    return this.#clamp(roundToStepPrecision(n, step));\n  }\n}\n","import { type Provider } from '@angular/core';\n\nimport { createDefaults } from 'forty-cdk/core';\n\n/**\n * Defaults inherited by descendant pane resizers in the surrounding injector\n * scope. Configure with `provideForPaneResizerDefaults`. The shape is a stub\n * today — present so future per-scope tuning can land without churning the\n * public surface.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ForPaneResizerDefaults {}\n\nconst FALLBACK: ForPaneResizerDefaults = {};\n\nconst { token, provideDefaults } = createDefaults<ForPaneResizerDefaults>(\n  'FOR_PANE_RESIZER_DEFAULTS',\n  FALLBACK,\n);\n\n/** Token holding the resolved pane-resizer defaults for the current scope. */\nexport const FOR_PANE_RESIZER_DEFAULTS = token;\n\n/**\n * Configures forty-cdk pane-resizer defaults for this injector scope. Partial\n * overrides inherit unspecified keys from the parent scope (or library\n * defaults at the root).\n */\nexport function provideForPaneResizerDefaults(\n  defaults: Partial<ForPaneResizerDefaults> = {},\n): Provider[] {\n  return provideDefaults(defaults);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}