ngwr 11.0.0 → 11.2.0

package/fesm2022/ngwr-input-number.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-input-number.mjs","sources":["../../../projects/lib/input-number/input-number.ts","../../../projects/lib/input-number/input-number.html","../../../projects/lib/input-number/ngwr-input-number.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type BooleanInput, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  LOCALE_ID,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { useConfigValue } from 'ngwr/config';\nimport { WrInput, WrInputGroup, WrInputPrefix, WrInputSuffix, type WrInputSize } from 'ngwr/input';\nimport { clamp, round } from 'ngwr/utils';\n\n/** Round to `decimals` places, avoiding common float artefacts (`1.005 → 1.01`). */\n\n/** Resolve the locale's decimal + grouping separators from `Intl.NumberFormat`. */\nfunction resolveSeparators(locale: string): { decimal: string; group: string } {\n  const parts = new Intl.NumberFormat(locale).formatToParts(12345.6);\n  const decimal = parts.find(p => p.type === 'decimal')?.value ?? '.';\n  const group = parts.find(p => p.type === 'group')?.value ?? '';\n  return { decimal, group };\n}\n\n/**\n * Numeric input with locale-aware formatting + ▲▼ stepper buttons.\n *\n * A signal-forms native control: it implements `FormValueControl<number | null>`,\n * so `[formField]` binds straight to its `value` model — no\n * `ControlValueAccessor` in between. `[(value)]` works standalone.\n *\n * Parses leniently while typing (allows partial input like `\"1.\"` or `\"-\"`),\n * re-formats with grouping + fixed decimals on blur.\n *\n * Locale comes from Angular's `LOCALE_ID` — input-number intentionally does\n * NOT depend on `ngwr/date-adapter` so it can be used in date-free apps.\n *\n * @example\n * ```html\n * <!-- signal forms -->\n * <wr-input-number [formField]=\"form.qty\" [min]=\"0\" [max]=\"100\" />\n *\n * <!-- standalone two-way binding -->\n * <wr-input-number [(value)]=\"price\" [decimals]=\"2\" suffix=\"USD\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/input-number\n */\n@Component({\n  selector: 'wr-input-number',\n  templateUrl: './input-number.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n  imports: [WrInput, WrInputGroup, WrInputPrefix, WrInputSuffix],\n})\nexport class WrInputNumber implements FormValueControl<number | null> {\n  /** Minimum allowed value. @default -Infinity */\n  readonly min = input<number | undefined>(Number.NEGATIVE_INFINITY, {\n    transform: (v: unknown): number => coerceNumberProperty(v, Number.NEGATIVE_INFINITY),\n  });\n\n  /** Maximum allowed value. @default Infinity */\n  readonly max = input<number | undefined>(Number.POSITIVE_INFINITY, {\n    transform: (v: unknown): number => coerceNumberProperty(v, Number.POSITIVE_INFINITY),\n  });\n\n  private readonly minValue = computed(() => this.min() ?? Number.NEGATIVE_INFINITY);\n  private readonly maxValue = computed(() => this.max() ?? Number.POSITIVE_INFINITY);\n\n  /** Step used by stepper buttons + arrow keys. @default 1 */\n  readonly step = input(1, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 1)) });\n\n  /** Fixed number of decimals shown on blur. `null` keeps the entered precision. @default null */\n  readonly decimals = input<number | null>(null);\n\n  /** Render the ▲▼ stepper column. @default true */\n  readonly showSteppers = input(true, { transform: coerceBooleanProperty });\n\n  /**\n   * Control size — forwarded to the field, and shares the `--wr-control-*`\n   * contract. Unset falls back to the `inputNumber.size` app default from\n   * `provideWrConfig()`, then to the `input.size` one, then to `md`. @default 'md'\n   */\n  readonly size = input<WrInputSize | null>(null);\n\n  /**\n   * Pill-shaped corners. Unset falls back to the `inputNumber.rounded` app default\n   * from `provideWrConfig()`, then to the `input.rounded` one;\n   * `[rounded]=\"false\"` turns a configured `true` back off. @default false\n   */\n  readonly rounded = input<boolean | null, BooleanInput>(null, {\n    // Null-preserving: the plain `coerceBooleanProperty` folds `null` into\n    // `false`, which would make \"not set\" and \"set to false\" the same value —\n    // and a config default nothing could ever supply.\n    transform: (v: BooleanInput): boolean | null => (v == null ? null : coerceBooleanProperty(v)),\n  });\n\n  /**\n   * `size`, then the app config, then `md` — bound to the field's `[wrSize]`.\n   *\n   * The chrome this control is built from resolves the same pair for itself, so\n   * the config lookup falls through to `input.*` rather than stopping at\n   * `inputNumber.*`: binding a value down always wins there, and an unchained\n   * lookup would therefore SUPPRESS an `input.size` an app had set — the field\n   * inside a number input would be the one `[wrInput]` in the app that ignored it.\n   * Chained, the specific key wins where it is set and the general one still\n   * applies where it is not.\n   */\n  protected readonly resolvedSize = useConfigValue(this.size, c => c.inputNumber?.size ?? c.input?.size, 'md');\n\n  /** `rounded`, then the app config, then `false` — bound to the group AND the field. */\n  protected readonly resolvedRounded = useConfigValue(\n    this.rounded,\n    c => c.inputNumber?.rounded ?? c.input?.rounded,\n    false\n  );\n\n  /** Optional prefix label (e.g. `\"$\"`). */\n  readonly prefix = input<string>('');\n\n  /** Optional suffix label (e.g. `\"kg\"`). */\n  readonly suffix = input<string>('');\n\n  /** Placeholder shown when the input is empty. */\n  readonly placeholder = input<string>('');\n\n  /**\n   * Accessible name for the field. Falls back to the placeholder — inside a\n   * `<wr-form-field>` the projected `wrInput` picks up the label's id and needs\n   * neither, but standalone the text field has no name at all.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = computed(() => {\n    // Not `??`: an empty placeholder is no name at all, so it must fall through.\n    const explicit = this.ariaLabel();\n    if (explicit) return explicit;\n    const placeholder = this.placeholder();\n    return placeholder ? placeholder : null;\n  });\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Read-only — values cannot be changed (steppers + typing disabled). @default false */\n  readonly readonly = input(false, { transform: coerceBooleanProperty });\n\n  /** Numeric value (`null` when empty). Bound by `[formField]`, or two-way via `[(value)]`. */\n  readonly value = model<number | null>(null);\n\n  /** Emitted on blur so a bound field can mark itself touched. */\n  readonly touch = output<void>();\n\n  private readonly locale = inject(LOCALE_ID);\n  private readonly separators = resolveSeparators(this.locale);\n\n  /** Text currently in the input (may be partial / invalid mid-type). */\n  protected readonly text = signal<string>('');\n\n  /** Whether the input is focused. While true, the input handlers own `text`. */\n  protected readonly focused = signal(false);\n\n  protected readonly interactive = computed(() => !this.disabled() && !this.readonly());\n\n  protected readonly atMin = computed(() => {\n    const v = this.value();\n    return v !== null && v <= this.minValue();\n  });\n\n  protected readonly atMax = computed(() => {\n    const v = this.value();\n    return v !== null && v >= this.maxValue();\n  });\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-input-number'];\n    if (this.disabled()) parts.push('wr-input-number--disabled');\n    return parts.join(' ');\n  });\n\n  constructor() {\n    // Keep the display `text` in sync with external writes to `value` (via\n    // `[formField]` / `[(value)]`). While the user is editing, the input\n    // handlers own `text`, so skip re-formatting to avoid clobbering partial\n    // input (e.g. mid-typed grouping or a value that is still being clamped).\n    effect(() => {\n      const v = this.value();\n      if (this.focused()) return;\n      this.text.set(v === null || Number.isNaN(v) ? '' : this.format(this.constrain(v)));\n    });\n  }\n\n  // Template handlers\n\n  protected onInput(event: Event): void {\n    const raw = (event.target as HTMLInputElement).value;\n    this.text.set(raw);\n    if (!raw.trim()) {\n      this.value.set(null);\n      return;\n    }\n    const parsed = this.parse(raw);\n    if (parsed === null) return; // partial input — wait for more\n    const next = this.constrain(parsed);\n    this.value.set(next);\n  }\n\n  protected onFocus(): void {\n    this.focused.set(true);\n  }\n\n  protected onBlur(): void {\n    // Flipping `focused` false lets the sync effect re-format `text` from the\n    // committed `value` (e.g. `\"1.\"` → `\"1\"`, or grouping the final number).\n    this.focused.set(false);\n    this.touch.emit();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (!this.interactive()) return;\n    if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return;\n    event.preventDefault();\n    const direction = event.key === 'ArrowUp' ? 1 : -1;\n    const multiplier = event.shiftKey ? 10 : 1;\n    this.bump(direction * multiplier);\n  }\n\n  protected stepBy(direction: 1 | -1): void {\n    if (!this.interactive()) return;\n    this.bump(direction);\n  }\n\n  // Internals\n\n  private bump(units: number): void {\n    const stepSize = this.step() || 1;\n    const base = this.value() ?? this.fallbackBase();\n    const next = this.constrain(base + units * stepSize);\n    this.value.set(next);\n    this.text.set(this.format(next));\n  }\n\n  /** Choose a sensible starting point when bumping from `null`. */\n  private fallbackBase(): number {\n    if (Number.isFinite(this.minValue()) && this.minValue() > 0) return this.minValue();\n    if (Number.isFinite(this.maxValue()) && this.maxValue() < 0) return this.maxValue();\n    return 0;\n  }\n\n  private constrain(v: number): number {\n    let next = clamp(v, this.minValue(), this.maxValue());\n    const d = this.decimals();\n    if (d !== null) next = round(next, d);\n    return next;\n  }\n\n  /** Parse a locale-formatted string. Returns `null` for partial / not-yet-numeric input. */\n  private parse(raw: string): number | null {\n    const trimmed = raw.trim();\n    if (!trimmed) return null;\n    // Strip group separators, normalise the decimal separator to `.`.\n    let normalised = trimmed;\n    if (this.separators.group) {\n      normalised = normalised.split(this.separators.group).join('');\n    }\n    if (this.separators.decimal !== '.') {\n      normalised = normalised.split(this.separators.decimal).join('.');\n    }\n    // Partial inputs we don't want to clobber while the user is still typing:\n    // `-`, `-.`, `.`, `1.`, `-1.` etc.\n    if (/^-?\\.?$/.test(normalised) || normalised.endsWith('.')) return null;\n    const n = Number(normalised);\n    return Number.isFinite(n) ? n : null;\n  }\n\n  /** Format a value using `Intl.NumberFormat` for the active locale. */\n  private format(v: number): string {\n    const d = this.decimals();\n    const formatter = new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: d ?? 0,\n      maximumFractionDigits: d ?? 20,\n      useGrouping: true,\n    });\n    return formatter.format(v);\n  }\n}\n","<wr-input-group [rounded]=\"resolvedRounded()\">\n  @if (prefix(); as p) {\n    <span wrInputPrefix>{{ p }}</span>\n  }\n  <input\n    #input\n    wrInput\n    type=\"text\"\n    inputmode=\"decimal\"\n    autocomplete=\"off\"\n    [wrSize]=\"resolvedSize()\"\n    [rounded]=\"resolvedRounded()\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n    spellcheck=\"false\"\n    [value]=\"text()\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"disabled()\"\n    [readonly]=\"readonly()\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n  @if (suffix(); as s) {\n    <span wrInputSuffix>{{ s }}</span>\n  }\n  @if (showSteppers()) {\n    <div class=\"wr-input-number__steppers\" wrInputSuffix>\n      <button\n        type=\"button\"\n        class=\"wr-input-number__step\"\n        tabindex=\"-1\"\n        aria-label=\"Increment\"\n        [disabled]=\"!interactive() || atMax()\"\n        (click)=\"stepBy(1)\"\n      >\n        <svg width=\"10\" height=\"6\" viewBox=\"0 0 8 5\" aria-hidden=\"true\">\n          <path d=\"M0 5 L4 0 L8 5 Z\" fill=\"currentColor\" />\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"wr-input-number__step\"\n        tabindex=\"-1\"\n        aria-label=\"Decrement\"\n        [disabled]=\"!interactive() || atMin()\"\n        (click)=\"stepBy(-1)\"\n      >\n        <svg width=\"10\" height=\"6\" viewBox=\"0 0 8 5\" aria-hidden=\"true\">\n          <path d=\"M0 0 L4 5 L8 0 Z\" fill=\"currentColor\" />\n        </svg>\n      </button>\n    </div>\n  }\n</wr-input-group>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-input-number.mjs","sources":["../../../projects/lib/input-number/input-number.ts","../../../projects/lib/input-number/input-number.html","../../../projects/lib/input-number/ngwr-input-number.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type BooleanInput, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  LOCALE_ID,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { useConfigValue } from 'ngwr/config';\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrInput, WrInputGroup, WrInputPrefix, WrInputSuffix, type WrInputSize } from 'ngwr/input';\nimport { clamp, round } from 'ngwr/utils';\n\n/** Round to `decimals` places, avoiding common float artefacts (`1.005 → 1.01`). */\n\n/** Resolve the locale's decimal + grouping separators from `Intl.NumberFormat`. */\nfunction resolveSeparators(locale: string): { decimal: string; group: string } {\n  const parts = new Intl.NumberFormat(locale).formatToParts(12345.6);\n  const decimal = parts.find(p => p.type === 'decimal')?.value ?? '.';\n  const group = parts.find(p => p.type === 'group')?.value ?? '';\n  return { decimal, group };\n}\n\n/**\n * Numeric input with locale-aware formatting + ▲▼ stepper buttons.\n *\n * A signal-forms native control: it implements `FormValueControl<number | null>`,\n * so `[formField]` binds straight to its `value` model — no\n * `ControlValueAccessor` in between. `[(value)]` works standalone.\n *\n * Parses leniently while typing (allows partial input like `\"1.\"` or `\"-\"`),\n * re-formats with grouping + fixed decimals on blur.\n *\n * Locale comes from Angular's `LOCALE_ID` — input-number intentionally does\n * NOT depend on `ngwr/date-adapter` so it can be used in date-free apps.\n *\n * @example\n * ```html\n * <!-- signal forms -->\n * <wr-input-number [formField]=\"form.qty\" [min]=\"0\" [max]=\"100\" />\n *\n * <!-- standalone two-way binding -->\n * <wr-input-number [(value)]=\"price\" [decimals]=\"2\" suffix=\"USD\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/input-number\n */\n@Component({\n  selector: 'wr-input-number',\n  templateUrl: './input-number.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n  imports: [WrInput, WrInputGroup, WrInputPrefix, WrInputSuffix],\n})\nexport class WrInputNumber implements FormValueControl<number | null> {\n  /** Minimum allowed value. @default -Infinity */\n  readonly min = input<number | undefined>(Number.NEGATIVE_INFINITY, {\n    transform: (v: unknown): number => coerceNumberProperty(v, Number.NEGATIVE_INFINITY),\n  });\n\n  /** Maximum allowed value. @default Infinity */\n  readonly max = input<number | undefined>(Number.POSITIVE_INFINITY, {\n    transform: (v: unknown): number => coerceNumberProperty(v, Number.POSITIVE_INFINITY),\n  });\n\n  private readonly minValue = computed(() => this.min() ?? Number.NEGATIVE_INFINITY);\n  private readonly maxValue = computed(() => this.max() ?? Number.POSITIVE_INFINITY);\n\n  /** Step used by stepper buttons + arrow keys. @default 1 */\n  readonly step = input(1, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 1)) });\n\n  /** Fixed number of decimals shown on blur. `null` keeps the entered precision. @default null */\n  readonly decimals = input<number | null>(null);\n\n  /** Render the ▲▼ stepper column. @default true */\n  readonly showSteppers = input(true, { transform: coerceBooleanProperty });\n\n  /**\n   * Control size — forwarded to the field, and shares the `--wr-control-*`\n   * contract. Unset falls back to the `inputNumber.size` app default from\n   * `provideWrConfig()`, then to the `input.size` one, then to `md`. @default 'md'\n   */\n  readonly size = input<WrInputSize | null>(null);\n\n  /**\n   * Pill-shaped corners. Unset falls back to the `inputNumber.rounded` app default\n   * from `provideWrConfig()`, then to the `input.rounded` one;\n   * `[rounded]=\"false\"` turns a configured `true` back off. @default false\n   */\n  readonly rounded = input<boolean | null, BooleanInput>(null, {\n    // Null-preserving: the plain `coerceBooleanProperty` folds `null` into\n    // `false`, which would make \"not set\" and \"set to false\" the same value —\n    // and a config default nothing could ever supply.\n    transform: (v: BooleanInput): boolean | null => (v == null ? null : coerceBooleanProperty(v)),\n  });\n\n  /**\n   * `size`, then the app config, then `md` — bound to the field's `[wrSize]`.\n   *\n   * The chrome this control is built from resolves the same pair for itself, so\n   * the config lookup falls through to `input.*` rather than stopping at\n   * `inputNumber.*`: binding a value down always wins there, and an unchained\n   * lookup would therefore SUPPRESS an `input.size` an app had set — the field\n   * inside a number input would be the one `[wrInput]` in the app that ignored it.\n   * Chained, the specific key wins where it is set and the general one still\n   * applies where it is not.\n   */\n  protected readonly resolvedSize = useConfigValue(this.size, c => c.inputNumber?.size ?? c.input?.size, 'md');\n\n  /** `rounded`, then the app config, then `false` — bound to the group AND the field. */\n  protected readonly resolvedRounded = useConfigValue(\n    this.rounded,\n    c => c.inputNumber?.rounded ?? c.input?.rounded,\n    false\n  );\n\n  /** Optional prefix label (e.g. `\"$\"`). */\n  readonly prefix = input<string>('');\n\n  /** Optional suffix label (e.g. `\"kg\"`). */\n  readonly suffix = input<string>('');\n\n  /** Placeholder shown when the input is empty. */\n  readonly placeholder = input<string>('');\n\n  /**\n   * Accessible name for the field. Falls back to the placeholder — inside a\n   * `<wr-form-field>` the projected `wrInput` picks up the label's id and needs\n   * neither, but standalone the text field has no name at all.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = computed(() => {\n    // Not `??`: an empty placeholder is no name at all, so it must fall through.\n    const explicit = this.ariaLabel();\n    if (explicit) return explicit;\n    const placeholder = this.placeholder();\n    return placeholder ? placeholder : null;\n  });\n\n  /** Increment button aria-label. Falls back to `inputNumber.increment`. */\n  readonly incrementLabel = input<string | null>(null);\n\n  /** Decrement button aria-label. Falls back to `inputNumber.decrement`. */\n  readonly decrementLabel = input<string | null>(null);\n\n  /**\n   * The steppers are icon-only buttons, so these ARE their accessible names.\n   * They were hard-coded English while the catalog carried the keys for them\n   * unread — a Russian app announced \"Increment\".\n   */\n  protected readonly resolvedIncrement = useI18nText(this.incrementLabel, 'inputNumber.increment', 'Increment');\n  protected readonly resolvedDecrement = useI18nText(this.decrementLabel, 'inputNumber.decrement', 'Decrement');\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Read-only — values cannot be changed (steppers + typing disabled). @default false */\n  readonly readonly = input(false, { transform: coerceBooleanProperty });\n\n  /** Numeric value (`null` when empty). Bound by `[formField]`, or two-way via `[(value)]`. */\n  readonly value = model<number | null>(null);\n\n  /** Emitted on blur so a bound field can mark itself touched. */\n  readonly touch = output<void>();\n\n  private readonly locale = inject(LOCALE_ID);\n  private readonly separators = resolveSeparators(this.locale);\n\n  /** Text currently in the input (may be partial / invalid mid-type). */\n  protected readonly text = signal<string>('');\n\n  /** Whether the input is focused. While true, the input handlers own `text`. */\n  protected readonly focused = signal(false);\n\n  protected readonly interactive = computed(() => !this.disabled() && !this.readonly());\n\n  protected readonly atMin = computed(() => {\n    const v = this.value();\n    return v !== null && v <= this.minValue();\n  });\n\n  protected readonly atMax = computed(() => {\n    const v = this.value();\n    return v !== null && v >= this.maxValue();\n  });\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-input-number'];\n    if (this.disabled()) parts.push('wr-input-number--disabled');\n    return parts.join(' ');\n  });\n\n  /**\n   * Fraction digits the stepper rounds its arithmetic to when `decimals` says\n   * nothing. High enough to leave a real value alone, low enough to erase the\n   * binary-float tail that repeated stepping accumulates.\n   */\n  private static readonly STEP_PRECISION = 10;\n\n  /**\n   * Above this, the anti-drift round is skipped — it would MANUFACTURE drift.\n   *\n   * `round(v, 10)` is `Math.round((v + EPSILON) * 1e10) / 1e10`, and the scale\n   * factor is only exact while `v * 1e10` stays inside 2^53, i.e. |v| under\n   * about 900,720. In practice the round-trip still recovers up to ~9.2e8 and\n   * then breaks: `round(1000000001, 10)` is `1000000000.9999999`, and since\n   * `format` prints up to 20 fraction digits that tail reaches the screen —\n   * and compounds, because the next press starts from it. Integer stepping at\n   * that magnitude is exact in IEEE754 and needed no help; the only thing this\n   * rounding exists to defend is `0.1 + 0.1 + 0.1`.\n   */\n  private static readonly SAFE_ROUND_MAGNITUDE = 1e6;\n\n  /** Steps finer than this would be rounded away by {@link STEP_PRECISION}. */\n  private static readonly SAFE_ROUND_STEP = 1e-9;\n\n  constructor() {\n    // Keep the display `text` in sync with external writes to `value` (via\n    // `[formField]` / `[(value)]`). While the user is editing, the input\n    // handlers own `text`, so skip re-formatting to avoid clobbering partial\n    // input (e.g. mid-typed grouping or a value that is still being clamped).\n    effect(() => {\n      const v = this.value();\n      if (this.focused()) return;\n      if (v === null || Number.isNaN(v)) {\n        this.text.set('');\n        return;\n      }\n      // SHOW WHAT THE MODEL HOLDS. It used to format `constrain(v)`, so a\n      // `[max]=\"10\"` field handed 500 drew \"10\" over a model that still said\n      // 500 — the display was the thing lying, not the model.\n      //\n      // The tempting repair is to write the clamp back so the two agree, and\n      // that is worse: under `[formField]` the bounds arrive ONLY through the\n      // schema's `min()` / `max()` rules (binding `[min]` next to `[formField]`\n      // is an NG8022 compile error), so overwriting the value ERASES the very\n      // error those rules exist to raise — and the write marks a pristine form\n      // dirty, tripping unsaved-changes guards and opening every other\n      // validator's message on first paint.\n      //\n      // So: `min` / `max` bound what this component's own edits may produce,\n      // and a value written from outside is displayed as it is and left for\n      // validation to judge.\n      this.text.set(this.format(v));\n    });\n  }\n\n  // Template handlers\n\n  protected onInput(event: Event): void {\n    const raw = (event.target as HTMLInputElement).value;\n    this.text.set(raw);\n    if (!raw.trim()) {\n      this.value.set(null);\n      return;\n    }\n    const parsed = this.parse(raw);\n    if (parsed === null) return; // partial input — wait for more\n    const next = this.constrain(parsed);\n    this.value.set(next);\n  }\n\n  protected onFocus(): void {\n    this.focused.set(true);\n  }\n\n  protected onBlur(): void {\n    // Flipping `focused` false lets the sync effect re-format `text` from the\n    // committed `value` (e.g. `\"1.\"` → `\"1\"`, or grouping the final number).\n    this.focused.set(false);\n    this.touch.emit();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (!this.interactive()) return;\n    if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return;\n    event.preventDefault();\n    const direction = event.key === 'ArrowUp' ? 1 : -1;\n    const multiplier = event.shiftKey ? 10 : 1;\n    this.bump(direction * multiplier);\n  }\n\n  protected stepBy(direction: 1 | -1): void {\n    if (!this.interactive()) return;\n    this.bump(direction);\n  }\n\n  // Internals\n\n  private bump(units: number): void {\n    const stepSize = this.step() || 1;\n    const base = this.value() ?? this.fallbackBase();\n    // `round` before `constrain`, and only on the stepped ARITHMETIC. Binary\n    // floats do not add: three presses of a `step=\"0.1\"` stepper produced\n    // 0.30000000000000004, `constrain` only rounds when `decimals` is set, and\n    // `format` prints up to 20 fraction digits — so the drift went into the\n    // model AND onto the screen. Ten digits erases IEEE noise without\n    // quantising a value the user typed (0.15000000000000002 stays 0.15, it\n    // does not snap to the step grid).\n    //\n    // Guarded on BOTH ends, because outside them the correction is the thing\n    // that corrupts: see SAFE_ROUND_MAGNITUDE, and a step finer than 1e-9 would\n    // simply be rounded away to nothing.\n    const raw = base + units * stepSize;\n    const correctable =\n      Math.abs(raw) < WrInputNumber.SAFE_ROUND_MAGNITUDE && Math.abs(stepSize) >= WrInputNumber.SAFE_ROUND_STEP;\n    const next = this.constrain(correctable ? round(raw, WrInputNumber.STEP_PRECISION) : raw);\n    this.value.set(next);\n    this.text.set(this.format(next));\n  }\n\n  /** Choose a sensible starting point when bumping from `null`. */\n  private fallbackBase(): number {\n    if (Number.isFinite(this.minValue()) && this.minValue() > 0) return this.minValue();\n    if (Number.isFinite(this.maxValue()) && this.maxValue() < 0) return this.maxValue();\n    return 0;\n  }\n\n  private constrain(v: number): number {\n    let next = clamp(v, this.minValue(), this.maxValue());\n    const d = this.decimals();\n    if (d !== null) next = round(next, d);\n    return next;\n  }\n\n  /** Parse a locale-formatted string. Returns `null` for partial / not-yet-numeric input. */\n  private parse(raw: string): number | null {\n    const trimmed = raw.trim();\n    if (!trimmed) return null;\n    // Strip group separators, normalise the decimal separator to `.`.\n    let normalised = trimmed;\n    if (this.separators.group) {\n      normalised = normalised.split(this.separators.group).join('');\n    }\n    if (this.separators.decimal !== '.') {\n      normalised = normalised.split(this.separators.decimal).join('.');\n    }\n    // Partial inputs we don't want to clobber while the user is still typing:\n    // `-`, `-.`, `.`, `1.`, `-1.` etc.\n    if (/^-?\\.?$/.test(normalised) || normalised.endsWith('.')) return null;\n    const n = Number(normalised);\n    return Number.isFinite(n) ? n : null;\n  }\n\n  /** Format a value using `Intl.NumberFormat` for the active locale. */\n  private format(v: number): string {\n    const d = this.decimals();\n    const formatter = new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: d ?? 0,\n      maximumFractionDigits: d ?? 20,\n      useGrouping: true,\n    });\n    return formatter.format(v);\n  }\n}\n","<wr-input-group [rounded]=\"resolvedRounded()\">\n  @if (prefix(); as p) {\n    <span wrInputPrefix>{{ p }}</span>\n  }\n  <input\n    #input\n    wrInput\n    type=\"text\"\n    inputmode=\"decimal\"\n    autocomplete=\"off\"\n    [wrSize]=\"resolvedSize()\"\n    [rounded]=\"resolvedRounded()\"\n    [attr.aria-label]=\"resolvedAriaLabel()\"\n    spellcheck=\"false\"\n    [value]=\"text()\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"disabled()\"\n    [readonly]=\"readonly()\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n  @if (suffix(); as s) {\n    <span wrInputSuffix>{{ s }}</span>\n  }\n  @if (showSteppers()) {\n    <div class=\"wr-input-number__steppers\" wrInputSuffix>\n      <button\n        type=\"button\"\n        class=\"wr-input-number__step\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"resolvedIncrement()\"\n        [disabled]=\"!interactive() || atMax()\"\n        (click)=\"stepBy(1)\"\n      >\n        <svg width=\"10\" height=\"6\" viewBox=\"0 0 8 5\" aria-hidden=\"true\">\n          <path d=\"M0 5 L4 0 L8 5 Z\" fill=\"currentColor\" />\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"wr-input-number__step\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"resolvedDecrement()\"\n        [disabled]=\"!interactive() || atMin()\"\n        (click)=\"stepBy(-1)\"\n      >\n        <svg width=\"10\" height=\"6\" viewBox=\"0 0 8 5\" aria-hidden=\"true\">\n          <path d=\"M0 0 L4 5 L8 0 Z\" fill=\"currentColor\" />\n        </svg>\n      </button>\n    </div>\n  }\n</wr-input-group>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-knob-testing.mjs

@@ -0,0 +1,220 @@
+import { TestKey, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+const ARROWS = {
+    left: TestKey.LEFT_ARROW,
+    right: TestKey.RIGHT_ARROW,
+    up: TestKey.UP_ARROW,
+    down: TestKey.DOWN_ARROW,
+};
+/** Enough presses to cross any sane range; a stall throws long before this. */
+const WALK_LIMIT = 400;
+/**
+ * Test harness for `<wr-knob>` — the radial dial.
+ *
+ * **Driven by the keyboard, and the drag is not merely unsupported.** Turning the
+ * dial with a pointer takes `getBoundingClientRect()`, measures the angle from the
+ * centre to the cursor, and maps it onto a 270° arc. jsdom lays nothing out, so the
+ * centre is `(0, 0)` and every synthetic gesture writes the same corner of the arc
+ * whatever coordinates it is given — a `turnTo()` built on one would pass while
+ * proving nothing. The arrows reach every value on the grid and are the accessible
+ * path anyway.
+ *
+ * **Two questions about the value, not one.** {@link getValue} is the number
+ * `aria-valuenow` carries; {@link getDisplayValue} is the string in the middle of the
+ * dial, which the `suffix` input can make `"50%"` while the announced value stays
+ * `50`. They are separate methods because they can disagree, and because
+ * `showValue` can remove the text entirely without touching the value.
+ *
+ * @example
+ * ```ts
+ * const knob = await loader.getHarness(WrKnobHarness);
+ *
+ * await knob.setValue(60);
+ * expect(await knob.getValue()).toBe(60);
+ * expect(await knob.getDisplayValue()).toBe('60%');
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrKnobHarness extends ComponentHarness {
+    static hostSelector = 'wr-knob';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrKnobHarness, options)
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))
+            .addOption('value', options.value, async (harness, value) => (await harness.getValue()) === value)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)
+            .addOption('readonly', options.readonly, async (harness, readonly) => (await harness.isReadonly()) === readonly);
+    }
+    surface = this.locatorFor('.wr-knob__surface');
+    /** The value the dial announces, from `aria-valuenow`. */
+    async getValue() {
+        return this.numeric('aria-valuenow');
+    }
+    /** The bottom of the range, from `aria-valuemin`. */
+    async getMin() {
+        return this.numeric('aria-valuemin');
+    }
+    /** The top of the range, from `aria-valuemax`. */
+    async getMax() {
+        return this.numeric('aria-valuemax');
+    }
+    /**
+     * The text printed in the middle of the dial, suffix included, or `null` when the
+     * knob was built with `[showValue]="false"`.
+     *
+     * Not the same question as {@link getValue}: with a `suffix` the two disagree by
+     * design, and a screen reader is told the bare number — the component publishes no
+     * `aria-valuetext`, so `50` is what gets announced for a dial that reads `50%`.
+     */
+    async getDisplayValue() {
+        const text = await this.locatorForOptional('.wr-knob__text')();
+        return text ? text.text() : null;
+    }
+    /** The suffix alone, or `null` when there is none (or no value text at all). */
+    async getSuffix() {
+        const suffix = await this.locatorForOptional('.wr-knob__suffix')();
+        if (!suffix)
+            return null;
+        const text = await suffix.text();
+        return text === '' ? null : text;
+    }
+    /** The dial's accessible name — `role="slider"` needs one. */
+    async getLabel() {
+        return (await this.surface()).getAttribute('aria-label');
+    }
+    /** Whether the dial is disabled, from `aria-disabled`. */
+    async isDisabled() {
+        return (await (await this.surface()).getAttribute('aria-disabled')) === 'true';
+    }
+    /** Whether the dial is read-only, from `aria-readonly`. */
+    async isReadonly() {
+        return (await (await this.surface()).getAttribute('aria-readonly')) === 'true';
+    }
+    /**
+     * Whether the dial is a tab stop.
+     *
+     * The component drops it out of the tab order for BOTH disabled and read-only,
+     * which is worth knowing: a read-only slider that a keyboard user cannot reach is
+     * also one they cannot read, and this is the method that says so.
+     */
+    async isFocusable() {
+        return (await (await this.surface()).getAttribute('tabindex')) === '0';
+    }
+    /** Move keyboard focus to the dial. */
+    async focus() {
+        return (await this.surface()).focus();
+    }
+    /** Whether the dial currently holds focus. */
+    async isFocused() {
+        return (await this.surface()).isFocused();
+    }
+    /** Blur the dial — which is what emits `touch` for a knob moved with the keyboard. */
+    async blur() {
+        return (await this.surface()).blur();
+    }
+    /**
+     * Press one arrow key.
+     *
+     * Right and Up raise the value, Left and Down lower it — all four are live on this
+     * component, which has one axis and no mirroring to do. `shift` multiplies the step
+     * by ten.
+     */
+    async pressArrow(arrow, options = {}) {
+        const surface = await this.surface();
+        await (options.shift ? surface.sendKeys({ shift: true }, ARROWS[arrow]) : surface.sendKeys(ARROWS[arrow]));
+    }
+    /** Press Home — the bottom of the range. */
+    async pressHome() {
+        return (await this.surface()).sendKeys(TestKey.HOME);
+    }
+    /**
+     * Press End — the top of the range, or the last value ON the grid below it: a range
+     * that is not a whole number of steps cannot reach its own maximum.
+     */
+    async pressEnd() {
+        return (await this.surface()).sendKeys(TestKey.END);
+    }
+    /**
+     * Walk the dial to a value with the arrow keys, and assert it landed there.
+     *
+     * It measures the step as it goes rather than being told it — `step` is an input
+     * with no DOM presence, and the value can arrive off the grid, since an external
+     * write is clamped but never snapped. So the first press may move by less than a
+     * step (it snaps onto the grid) and the walk adapts, which also means the ten-step
+     * hops only start once a real step has been seen.
+     *
+     * Throws rather than half-arriving, and the two reasons read differently: a target
+     * outside `[min, max]` is refused before anything moves, while a target BETWEEN two
+     * grid points is only discovered by overshooting it, and says where it landed. A
+     * dial that will not move at all — disabled, read-only — is the third.
+     */
+    async setValue(target) {
+        const [min, max] = [await this.getMin(), await this.getMax()];
+        if (target < min || target > max) {
+            throw new Error(`WrKnobHarness.setValue(${target}): out of range — this dial accepts ${min}–${max}. The component ` +
+                'clamps, so the walk would stop at the bound and never reach the number asked for.');
+        }
+        if (target === min)
+            return this.pressHome();
+        if (target === max)
+            return this.pressEnd();
+        await this.focus();
+        let step = null;
+        for (let guard = 0; guard < WALK_LIMIT; guard++) {
+            const current = await this.getValue();
+            if (current === target)
+                return;
+            const forward = target > current;
+            const coarse = step !== null && Math.abs(target - current) >= step * 10;
+            await this.pressArrow(forward ? 'right' : 'left', { shift: coarse });
+            const now = await this.getValue();
+            if (now === current) {
+                throw new Error(`WrKnobHarness.setValue(${target}): the dial stopped moving at ${now}. A disabled or read-only ` +
+                    'knob ignores its arrows, which is the usual reason.');
+            }
+            if (!coarse)
+                step = Math.abs(now - current);
+            if (now === target)
+                return;
+            if (forward ? now > target : now < target) {
+                throw new Error(`WrKnobHarness.setValue(${target}): the walk stepped from ${current} to ${now}, straight past the ` +
+                    'target — it is not on the step grid, which the component measures from `min` rather than from zero.');
+            }
+        }
+        throw new Error(`WrKnobHarness.setValue(${target}): gave up after ${WALK_LIMIT} presses at ${await this.getValue()}.`);
+    }
+    /**
+     * Where the handle dot sits, in the SVG's own 100×100 viewBox units.
+     *
+     * The dial's whole visual state is an arc path and this dot, and neither can be
+     * measured in a unit test — but the dot's centre is written as plain `cx` / `cy`
+     * attributes, so it reads with no layout at all. That makes it the evidence that
+     * the drawing followed the value: at `min` the handle is at the 7 o'clock end of
+     * the arc, at `max` the 5 o'clock end.
+     */
+    async getHandlePosition() {
+        const handle = await this.locatorFor('.wr-knob__handle')();
+        return {
+            x: Number(await handle.getAttribute('cx')),
+            y: Number(await handle.getAttribute('cy')),
+        };
+    }
+    async numeric(attribute) {
+        const raw = await (await this.surface()).getAttribute(attribute);
+        return raw === null ? Number.NaN : Number(raw);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrKnobHarness };
+//# sourceMappingURL=ngwr-knob-testing.mjs.map

package/fesm2022/ngwr-knob-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-knob-testing.mjs","sources":["../../../projects/lib/knob/testing/wr-knob-harness.ts","../../../projects/lib/knob/testing/ngwr-knob-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrKnobHarnessFilters } from './interfaces';\n\n/** The two arrow keys that raise the value, and the two that lower it. */\ntype Arrow = 'left' | 'right' | 'up' | 'down';\n\nconst ARROWS: Record<Arrow, TestKey> = {\n  left: TestKey.LEFT_ARROW,\n  right: TestKey.RIGHT_ARROW,\n  up: TestKey.UP_ARROW,\n  down: TestKey.DOWN_ARROW,\n};\n\n/** Enough presses to cross any sane range; a stall throws long before this. */\nconst WALK_LIMIT = 400;\n\n/**\n * Test harness for `<wr-knob>` — the radial dial.\n *\n * **Driven by the keyboard, and the drag is not merely unsupported.** Turning the\n * dial with a pointer takes `getBoundingClientRect()`, measures the angle from the\n * centre to the cursor, and maps it onto a 270° arc. jsdom lays nothing out, so the\n * centre is `(0, 0)` and every synthetic gesture writes the same corner of the arc\n * whatever coordinates it is given — a `turnTo()` built on one would pass while\n * proving nothing. The arrows reach every value on the grid and are the accessible\n * path anyway.\n *\n * **Two questions about the value, not one.** {@link getValue} is the number\n * `aria-valuenow` carries; {@link getDisplayValue} is the string in the middle of the\n * dial, which the `suffix` input can make `\"50%\"` while the announced value stays\n * `50`. They are separate methods because they can disagree, and because\n * `showValue` can remove the text entirely without touching the value.\n *\n * @example\n * ```ts\n * const knob = await loader.getHarness(WrKnobHarness);\n *\n * await knob.setValue(60);\n * expect(await knob.getValue()).toBe(60);\n * expect(await knob.getDisplayValue()).toBe('60%');\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrKnobHarness extends ComponentHarness {\n  static hostSelector = 'wr-knob';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrKnobHarnessFilters = {}): HarnessPredicate<WrKnobHarness> {\n    return new HarnessPredicate(WrKnobHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('value', options.value, async (harness, value) => (await harness.getValue()) === value)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)\n      .addOption('readonly', options.readonly, async (harness, readonly) => (await harness.isReadonly()) === readonly);\n  }\n\n  private readonly surface = this.locatorFor('.wr-knob__surface');\n\n  /** The value the dial announces, from `aria-valuenow`. */\n  async getValue(): Promise<number> {\n    return this.numeric('aria-valuenow');\n  }\n\n  /** The bottom of the range, from `aria-valuemin`. */\n  async getMin(): Promise<number> {\n    return this.numeric('aria-valuemin');\n  }\n\n  /** The top of the range, from `aria-valuemax`. */\n  async getMax(): Promise<number> {\n    return this.numeric('aria-valuemax');\n  }\n\n  /**\n   * The text printed in the middle of the dial, suffix included, or `null` when the\n   * knob was built with `[showValue]=\"false\"`.\n   *\n   * Not the same question as {@link getValue}: with a `suffix` the two disagree by\n   * design, and a screen reader is told the bare number — the component publishes no\n   * `aria-valuetext`, so `50` is what gets announced for a dial that reads `50%`.\n   */\n  async getDisplayValue(): Promise<string | null> {\n    const text = await this.locatorForOptional('.wr-knob__text')();\n    return text ? text.text() : null;\n  }\n\n  /** The suffix alone, or `null` when there is none (or no value text at all). */\n  async getSuffix(): Promise<string | null> {\n    const suffix = await this.locatorForOptional('.wr-knob__suffix')();\n    if (!suffix) return null;\n    const text = await suffix.text();\n    return text === '' ? null : text;\n  }\n\n  /** The dial's accessible name — `role=\"slider\"` needs one. */\n  async getLabel(): Promise<string | null> {\n    return (await this.surface()).getAttribute('aria-label');\n  }\n\n  /** Whether the dial is disabled, from `aria-disabled`. */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.surface()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the dial is read-only, from `aria-readonly`. */\n  async isReadonly(): Promise<boolean> {\n    return (await (await this.surface()).getAttribute('aria-readonly')) === 'true';\n  }\n\n  /**\n   * Whether the dial is a tab stop.\n   *\n   * The component drops it out of the tab order for BOTH disabled and read-only,\n   * which is worth knowing: a read-only slider that a keyboard user cannot reach is\n   * also one they cannot read, and this is the method that says so.\n   */\n  async isFocusable(): Promise<boolean> {\n    return (await (await this.surface()).getAttribute('tabindex')) === '0';\n  }\n\n  /** Move keyboard focus to the dial. */\n  async focus(): Promise<void> {\n    return (await this.surface()).focus();\n  }\n\n  /** Whether the dial currently holds focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.surface()).isFocused();\n  }\n\n  /** Blur the dial — which is what emits `touch` for a knob moved with the keyboard. */\n  async blur(): Promise<void> {\n    return (await this.surface()).blur();\n  }\n\n  /**\n   * Press one arrow key.\n   *\n   * Right and Up raise the value, Left and Down lower it — all four are live on this\n   * component, which has one axis and no mirroring to do. `shift` multiplies the step\n   * by ten.\n   */\n  async pressArrow(arrow: Arrow, options: { shift?: boolean } = {}): Promise<void> {\n    const surface = await this.surface();\n    await (options.shift ? surface.sendKeys({ shift: true }, ARROWS[arrow]) : surface.sendKeys(ARROWS[arrow]));\n  }\n\n  /** Press Home — the bottom of the range. */\n  async pressHome(): Promise<void> {\n    return (await this.surface()).sendKeys(TestKey.HOME);\n  }\n\n  /**\n   * Press End — the top of the range, or the last value ON the grid below it: a range\n   * that is not a whole number of steps cannot reach its own maximum.\n   */\n  async pressEnd(): Promise<void> {\n    return (await this.surface()).sendKeys(TestKey.END);\n  }\n\n  /**\n   * Walk the dial to a value with the arrow keys, and assert it landed there.\n   *\n   * It measures the step as it goes rather than being told it — `step` is an input\n   * with no DOM presence, and the value can arrive off the grid, since an external\n   * write is clamped but never snapped. So the first press may move by less than a\n   * step (it snaps onto the grid) and the walk adapts, which also means the ten-step\n   * hops only start once a real step has been seen.\n   *\n   * Throws rather than half-arriving, and the two reasons read differently: a target\n   * outside `[min, max]` is refused before anything moves, while a target BETWEEN two\n   * grid points is only discovered by overshooting it, and says where it landed. A\n   * dial that will not move at all — disabled, read-only — is the third.\n   */\n  async setValue(target: number): Promise<void> {\n    const [min, max] = [await this.getMin(), await this.getMax()];\n    if (target < min || target > max) {\n      throw new Error(\n        `WrKnobHarness.setValue(${target}): out of range — this dial accepts ${min}–${max}. The component ` +\n          'clamps, so the walk would stop at the bound and never reach the number asked for.'\n      );\n    }\n\n    if (target === min) return this.pressHome();\n    if (target === max) return this.pressEnd();\n\n    await this.focus();\n    let step: number | null = null;\n\n    for (let guard = 0; guard < WALK_LIMIT; guard++) {\n      const current = await this.getValue();\n      if (current === target) return;\n\n      const forward = target > current;\n      const coarse = step !== null && Math.abs(target - current) >= step * 10;\n\n      await this.pressArrow(forward ? 'right' : 'left', { shift: coarse });\n      const now = await this.getValue();\n\n      if (now === current) {\n        throw new Error(\n          `WrKnobHarness.setValue(${target}): the dial stopped moving at ${now}. A disabled or read-only ` +\n            'knob ignores its arrows, which is the usual reason.'\n        );\n      }\n      if (!coarse) step = Math.abs(now - current);\n      if (now === target) return;\n\n      if (forward ? now > target : now < target) {\n        throw new Error(\n          `WrKnobHarness.setValue(${target}): the walk stepped from ${current} to ${now}, straight past the ` +\n            'target — it is not on the step grid, which the component measures from `min` rather than from zero.'\n        );\n      }\n    }\n\n    throw new Error(\n      `WrKnobHarness.setValue(${target}): gave up after ${WALK_LIMIT} presses at ${await this.getValue()}.`\n    );\n  }\n\n  /**\n   * Where the handle dot sits, in the SVG's own 100×100 viewBox units.\n   *\n   * The dial's whole visual state is an arc path and this dot, and neither can be\n   * measured in a unit test — but the dot's centre is written as plain `cx` / `cy`\n   * attributes, so it reads with no layout at all. That makes it the evidence that\n   * the drawing followed the value: at `min` the handle is at the 7 o'clock end of\n   * the arc, at `max` the 5 o'clock end.\n   */\n  async getHandlePosition(): Promise<{ x: number; y: number }> {\n    const handle = await this.locatorFor('.wr-knob__handle')();\n    return {\n      x: Number(await handle.getAttribute('cx')),\n      y: Number(await handle.getAttribute('cy')),\n    };\n  }\n\n  private async numeric(attribute: string): Promise<number> {\n    const raw = await (await this.surface()).getAttribute(attribute);\n    return raw === null ? Number.NaN : Number(raw);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-lightbox-testing.mjs

@@ -0,0 +1,223 @@
+import { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Test harness for `<wr-lightbox>` — the thumbnail, and the full-size viewer it
+ * opens.
+ *
+ * The thumbnail is an element in your fixture and the viewer is a portal in the NGWR
+ * overlay container, so this is loaded from the normal fixture loader and reaches
+ * across for you — scoped by the id the trigger publishes as `aria-controls`, never
+ * by `.wr-lightbox-viewer`, which would answer with whichever lightbox opened first.
+ *
+ * **A closed lightbox has no viewer at all**, unlike the collapse or the speed dial:
+ * the overlay is created on open and disposed on close, so every viewer read here
+ * throws while it is shut rather than answering about a stale element.
+ *
+ * **`disablePreview` removes the button, not just its behaviour.** The thumbnail is
+ * then a bare `<img>` with nothing to click and nothing in the tab order, which is
+ * why {@link isInteractive} exists and why {@link open} explains itself rather than
+ * timing out on a missing element.
+ *
+ * @example
+ * ```ts
+ * const lightbox = await loader.getHarness(WrLightboxHarness.with({ alt: 'Mountain' }));
+ *
+ * await lightbox.open();
+ * expect(await lightbox.getFullSrc()).toBe('/photo.jpg');
+ *
+ * await lightbox.sendEscape();
+ * expect(await lightbox.isOpen()).toBe(false);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrLightboxHarness extends ComponentHarness {
+    static hostSelector = 'wr-lightbox';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrLightboxHarness, options)
+            .addOption('alt', options.alt, (harness, alt) => HarnessPredicate.stringMatches(harness.getAlt(), alt))
+            .addOption('caption', options.caption, (harness, caption) => HarnessPredicate.stringMatches(harness.readCaption(), caption))
+            .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);
+    }
+    thumb = this.locatorFor('.wr-lightbox__thumb');
+    trigger = this.locatorForOptional('.wr-lightbox__trigger');
+    /**
+     * Whether the viewer is open, from the host's own modifier.
+     *
+     * The class rather than the overlay, because it is the answer that holds for a
+     * harness you are HOLDING: the viewer is disposed on close, and a query for it
+     * cannot tell "shut" apart from "never opened".
+     */
+    async isOpen() {
+        return (await this.host()).hasClass('wr-lightbox--open');
+    }
+    /**
+     * Whether the thumbnail has settled — loaded OR failed.
+     *
+     * A failure counts on purpose: the loading state animates a shimmer and hides the
+     * image, so a broken `src` with no error path would shimmer for ever instead of
+     * falling back to its alt text. The two cases are deliberately not separated here,
+     * because the DOM does not separate them either.
+     */
+    async isLoading() {
+        return (await this.host()).hasClass('wr-lightbox--loading');
+    }
+    /** The thumbnail's alt text — the same string the viewer takes its name from. */
+    async getAlt() {
+        return (await this.thumb()).getProperty('alt');
+    }
+    /**
+     * What the THUMBNAIL is showing: `preview` when one was given, `src` otherwise.
+     *
+     * Worth its own method because the two images are different files by design — a
+     * grid of thumbnails should not pull full-size originals — and because the
+     * thumbnail never swaps to `src` later. Compare with {@link getFullSrc}.
+     */
+    async getThumbSrc() {
+        return (await this.thumb()).getProperty('src');
+    }
+    /** Whether the thumbnail can be clicked open at all (`disablePreview` off). */
+    async isInteractive() {
+        return (await this.trigger()) !== null;
+    }
+    /** The trigger's accessible name — falls back to the alt text, then to the catalog. */
+    async getOpenLabel() {
+        const trigger = await this.trigger();
+        return trigger ? trigger.getAttribute('aria-label') : null;
+    }
+    /** Open the viewer. An already-open one is left alone; a non-interactive one throws. */
+    async open() {
+        if (await this.isOpen())
+            return;
+        const trigger = await this.trigger();
+        if (!trigger) {
+            throw new Error('WrLightboxHarness.open(): this lightbox has `disablePreview` set, so there is no trigger — the ' +
+                'thumbnail renders as a bare <img> with nothing to click and nothing in the tab order.');
+        }
+        await trigger.click();
+    }
+    /** Close the viewer through its ✕ button. An already-closed one is left alone. */
+    async close() {
+        if (!(await this.isOpen()))
+            return;
+        await (await this.viewerPart('.wr-lightbox-viewer__close', 'close')).click();
+    }
+    /**
+     * Click the full image — which closes the viewer.
+     *
+     * It looks like decoration and is not: the image is styled `cursor: zoom-out`, and
+     * that is a promise. It is deliberately NOT in the tab order, since the ✕ button,
+     * Escape, the backdrop and a swipe all do the same thing and all reach a keyboard —
+     * so this is a mouse affordance, and the only way to assert it still works.
+     */
+    async clickImage() {
+        await (await this.viewerPart('.wr-lightbox-viewer__full', 'clickImage')).click();
+    }
+    /**
+     * Press Escape.
+     *
+     * Sent to the viewer, though it would arrive from anywhere: the overlay is fed by
+     * the CDK's keyboard dispatcher, which keeps one document listener and routes to
+     * the top-most overlay.
+     */
+    async sendEscape() {
+        await (await this.requireViewer('sendEscape')).sendKeys(TestKey.ESCAPE);
+    }
+    /** The full-size image's `src`. Throws while the viewer is closed. */
+    async getFullSrc() {
+        return (await this.viewerPart('.wr-lightbox-viewer__full', 'getFullSrc')).getProperty('src');
+    }
+    /** The caption under the full image, or `null` when there is none. Throws while closed. */
+    async getCaption() {
+        await this.requireViewer('getCaption');
+        return this.readCaption();
+    }
+    /** The name the viewer dialog announces — its alt text, or the catalog's fallback. */
+    async getViewerLabel() {
+        return (await this.requireViewer('getViewerLabel')).getAttribute('aria-label');
+    }
+    /** The ✕ button's accessible name. Throws while the viewer is closed. */
+    async getCloseLabel() {
+        return (await this.viewerPart('.wr-lightbox-viewer__close', 'getCloseLabel')).getAttribute('aria-label');
+    }
+    /** Whether the viewer announces itself as a modal dialog. */
+    async isModal() {
+        const viewer = await this.requireViewer('isModal');
+        return (await viewer.getAttribute('role')) === 'dialog' && (await viewer.getAttribute('aria-modal')) === 'true';
+    }
+    /**
+     * Whether focus is inside the viewer, where the trap should be holding it.
+     *
+     * `role="dialog"` with `aria-modal` promises the page behind is out of reach, and a
+     * missing trap makes that a lie — Tab walks straight through the backdrop. Note
+     * that in a unit test the trap needs elements with a box to find anything tabbable,
+     * so a spec asserting this has to hand the DOM some dimensions first.
+     */
+    async isFocusTrapped() {
+        return (await this.requireViewer('isFocusTrapped')).matchesSelector(':focus-within');
+    }
+    /**
+     * Whether the trigger's `aria-controls` names THIS lightbox's viewer, and nothing
+     * else on the page.
+     *
+     * The reference only exists while the viewer does — an id naming an element that is
+     * not in the document is not a pairing, it is a dangling reference — so this is
+     * `false` for a closed lightbox by construction. Counted across the document too,
+     * because two viewers answering to one id hand every reference to the first.
+     */
+    async isViewerBound() {
+        const id = await this.viewerId();
+        if (!id)
+            return false;
+        const matches = await this.documentRootLocatorFactory().locatorForAll(`.wr-lightbox-viewer#${id}`)();
+        const everywhere = await this.documentRootLocatorFactory().locatorForAll(`[id="${id}"]`)();
+        return matches.length === 1 && everywhere.length === 1;
+    }
+    /** The caption without the open check — for filters, which must not throw. */
+    async readCaption() {
+        const id = await this.viewerId();
+        if (!id)
+            return null;
+        const caption = await this.documentRootLocatorFactory().locatorForOptional(`#${id} .wr-lightbox-viewer__caption`)();
+        return caption ? caption.text() : null;
+    }
+    /** The id the trigger currently points at, or `null` while the viewer is closed. */
+    async viewerId() {
+        const trigger = await this.trigger();
+        return trigger ? trigger.getAttribute('aria-controls') : null;
+    }
+    async requireViewer(method) {
+        const id = await this.viewerId();
+        const viewer = id
+            ? await this.documentRootLocatorFactory().locatorForOptional(`.wr-lightbox-viewer#${id}`)()
+            : null;
+        if (!viewer) {
+            throw new Error(`WrLightboxHarness.${method}(): the viewer is not open. It is an overlay created on open and disposed ` +
+                'on close, so there is nothing to read while the lightbox is shut — call open() first.');
+        }
+        return viewer;
+    }
+    async viewerPart(selector, method) {
+        const viewer = await this.requireViewer(method);
+        const id = await viewer.getAttribute('id');
+        const part = await this.documentRootLocatorFactory().locatorForOptional(`#${id} ${selector}`)();
+        if (!part) {
+            throw new Error(`WrLightboxHarness.${method}(): the viewer has no \`${selector}\` element.`);
+        }
+        return part;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrLightboxHarness };
+//# sourceMappingURL=ngwr-lightbox-testing.mjs.map

package/fesm2022/ngwr-lightbox-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-lightbox-testing.mjs","sources":["../../../projects/lib/lightbox/testing/wr-lightbox-harness.ts","../../../projects/lib/lightbox/testing/ngwr-lightbox-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate, TestKey, type TestElement } from '@angular/cdk/testing';\n\nimport type { WrLightboxHarnessFilters } from './interfaces';\n\n/**\n * Test harness for `<wr-lightbox>` — the thumbnail, and the full-size viewer it\n * opens.\n *\n * The thumbnail is an element in your fixture and the viewer is a portal in the NGWR\n * overlay container, so this is loaded from the normal fixture loader and reaches\n * across for you — scoped by the id the trigger publishes as `aria-controls`, never\n * by `.wr-lightbox-viewer`, which would answer with whichever lightbox opened first.\n *\n * **A closed lightbox has no viewer at all**, unlike the collapse or the speed dial:\n * the overlay is created on open and disposed on close, so every viewer read here\n * throws while it is shut rather than answering about a stale element.\n *\n * **`disablePreview` removes the button, not just its behaviour.** The thumbnail is\n * then a bare `<img>` with nothing to click and nothing in the tab order, which is\n * why {@link isInteractive} exists and why {@link open} explains itself rather than\n * timing out on a missing element.\n *\n * @example\n * ```ts\n * const lightbox = await loader.getHarness(WrLightboxHarness.with({ alt: 'Mountain' }));\n *\n * await lightbox.open();\n * expect(await lightbox.getFullSrc()).toBe('/photo.jpg');\n *\n * await lightbox.sendEscape();\n * expect(await lightbox.isOpen()).toBe(false);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrLightboxHarness extends ComponentHarness {\n  static hostSelector = 'wr-lightbox';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrLightboxHarnessFilters = {}): HarnessPredicate<WrLightboxHarness> {\n    return new HarnessPredicate(WrLightboxHarness, options)\n      .addOption('alt', options.alt, (harness, alt) => HarnessPredicate.stringMatches(harness.getAlt(), alt))\n      .addOption('caption', options.caption, (harness, caption) =>\n        HarnessPredicate.stringMatches(harness.readCaption(), caption)\n      )\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  private readonly thumb = this.locatorFor('.wr-lightbox__thumb');\n  private readonly trigger = this.locatorForOptional('.wr-lightbox__trigger');\n\n  /**\n   * Whether the viewer is open, from the host's own modifier.\n   *\n   * The class rather than the overlay, because it is the answer that holds for a\n   * harness you are HOLDING: the viewer is disposed on close, and a query for it\n   * cannot tell \"shut\" apart from \"never opened\".\n   */\n  async isOpen(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-lightbox--open');\n  }\n\n  /**\n   * Whether the thumbnail has settled — loaded OR failed.\n   *\n   * A failure counts on purpose: the loading state animates a shimmer and hides the\n   * image, so a broken `src` with no error path would shimmer for ever instead of\n   * falling back to its alt text. The two cases are deliberately not separated here,\n   * because the DOM does not separate them either.\n   */\n  async isLoading(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-lightbox--loading');\n  }\n\n  /** The thumbnail's alt text — the same string the viewer takes its name from. */\n  async getAlt(): Promise<string> {\n    return (await this.thumb()).getProperty<string>('alt');\n  }\n\n  /**\n   * What the THUMBNAIL is showing: `preview` when one was given, `src` otherwise.\n   *\n   * Worth its own method because the two images are different files by design — a\n   * grid of thumbnails should not pull full-size originals — and because the\n   * thumbnail never swaps to `src` later. Compare with {@link getFullSrc}.\n   */\n  async getThumbSrc(): Promise<string> {\n    return (await this.thumb()).getProperty<string>('src');\n  }\n\n  /** Whether the thumbnail can be clicked open at all (`disablePreview` off). */\n  async isInteractive(): Promise<boolean> {\n    return (await this.trigger()) !== null;\n  }\n\n  /** The trigger's accessible name — falls back to the alt text, then to the catalog. */\n  async getOpenLabel(): Promise<string | null> {\n    const trigger = await this.trigger();\n    return trigger ? trigger.getAttribute('aria-label') : null;\n  }\n\n  /** Open the viewer. An already-open one is left alone; a non-interactive one throws. */\n  async open(): Promise<void> {\n    if (await this.isOpen()) return;\n\n    const trigger = await this.trigger();\n    if (!trigger) {\n      throw new Error(\n        'WrLightboxHarness.open(): this lightbox has `disablePreview` set, so there is no trigger — the ' +\n          'thumbnail renders as a bare <img> with nothing to click and nothing in the tab order.'\n      );\n    }\n    await trigger.click();\n  }\n\n  /** Close the viewer through its ✕ button. An already-closed one is left alone. */\n  async close(): Promise<void> {\n    if (!(await this.isOpen())) return;\n    await (await this.viewerPart('.wr-lightbox-viewer__close', 'close')).click();\n  }\n\n  /**\n   * Click the full image — which closes the viewer.\n   *\n   * It looks like decoration and is not: the image is styled `cursor: zoom-out`, and\n   * that is a promise. It is deliberately NOT in the tab order, since the ✕ button,\n   * Escape, the backdrop and a swipe all do the same thing and all reach a keyboard —\n   * so this is a mouse affordance, and the only way to assert it still works.\n   */\n  async clickImage(): Promise<void> {\n    await (await this.viewerPart('.wr-lightbox-viewer__full', 'clickImage')).click();\n  }\n\n  /**\n   * Press Escape.\n   *\n   * Sent to the viewer, though it would arrive from anywhere: the overlay is fed by\n   * the CDK's keyboard dispatcher, which keeps one document listener and routes to\n   * the top-most overlay.\n   */\n  async sendEscape(): Promise<void> {\n    await (await this.requireViewer('sendEscape')).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** The full-size image's `src`. Throws while the viewer is closed. */\n  async getFullSrc(): Promise<string> {\n    return (await this.viewerPart('.wr-lightbox-viewer__full', 'getFullSrc')).getProperty<string>('src');\n  }\n\n  /** The caption under the full image, or `null` when there is none. Throws while closed. */\n  async getCaption(): Promise<string | null> {\n    await this.requireViewer('getCaption');\n    return this.readCaption();\n  }\n\n  /** The name the viewer dialog announces — its alt text, or the catalog's fallback. */\n  async getViewerLabel(): Promise<string | null> {\n    return (await this.requireViewer('getViewerLabel')).getAttribute('aria-label');\n  }\n\n  /** The ✕ button's accessible name. Throws while the viewer is closed. */\n  async getCloseLabel(): Promise<string | null> {\n    return (await this.viewerPart('.wr-lightbox-viewer__close', 'getCloseLabel')).getAttribute('aria-label');\n  }\n\n  /** Whether the viewer announces itself as a modal dialog. */\n  async isModal(): Promise<boolean> {\n    const viewer = await this.requireViewer('isModal');\n    return (await viewer.getAttribute('role')) === 'dialog' && (await viewer.getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * Whether focus is inside the viewer, where the trap should be holding it.\n   *\n   * `role=\"dialog\"` with `aria-modal` promises the page behind is out of reach, and a\n   * missing trap makes that a lie — Tab walks straight through the backdrop. Note\n   * that in a unit test the trap needs elements with a box to find anything tabbable,\n   * so a spec asserting this has to hand the DOM some dimensions first.\n   */\n  async isFocusTrapped(): Promise<boolean> {\n    return (await this.requireViewer('isFocusTrapped')).matchesSelector(':focus-within');\n  }\n\n  /**\n   * Whether the trigger's `aria-controls` names THIS lightbox's viewer, and nothing\n   * else on the page.\n   *\n   * The reference only exists while the viewer does — an id naming an element that is\n   * not in the document is not a pairing, it is a dangling reference — so this is\n   * `false` for a closed lightbox by construction. Counted across the document too,\n   * because two viewers answering to one id hand every reference to the first.\n   */\n  async isViewerBound(): Promise<boolean> {\n    const id = await this.viewerId();\n    if (!id) return false;\n\n    const matches = await this.documentRootLocatorFactory().locatorForAll(`.wr-lightbox-viewer#${id}`)();\n    const everywhere = await this.documentRootLocatorFactory().locatorForAll(`[id=\"${id}\"]`)();\n    return matches.length === 1 && everywhere.length === 1;\n  }\n\n  /** The caption without the open check — for filters, which must not throw. */\n  private async readCaption(): Promise<string | null> {\n    const id = await this.viewerId();\n    if (!id) return null;\n\n    const caption = await this.documentRootLocatorFactory().locatorForOptional(`#${id} .wr-lightbox-viewer__caption`)();\n    return caption ? caption.text() : null;\n  }\n\n  /** The id the trigger currently points at, or `null` while the viewer is closed. */\n  private async viewerId(): Promise<string | null> {\n    const trigger = await this.trigger();\n    return trigger ? trigger.getAttribute('aria-controls') : null;\n  }\n\n  private async requireViewer(method: string): Promise<TestElement> {\n    const id = await this.viewerId();\n    const viewer = id\n      ? await this.documentRootLocatorFactory().locatorForOptional(`.wr-lightbox-viewer#${id}`)()\n      : null;\n\n    if (!viewer) {\n      throw new Error(\n        `WrLightboxHarness.${method}(): the viewer is not open. It is an overlay created on open and disposed ` +\n          'on close, so there is nothing to read while the lightbox is shut — call open() first.'\n      );\n    }\n    return viewer;\n  }\n\n  private async viewerPart(selector: string, method: string): Promise<TestElement> {\n    const viewer = await this.requireViewer(method);\n    const id = await viewer.getAttribute('id');\n\n    const part = await this.documentRootLocatorFactory().locatorForOptional(`#${id} ${selector}`)();\n    if (!part) {\n      throw new Error(`WrLightboxHarness.${method}(): the viewer has no \\`${selector}\\` element.`);\n    }\n    return part;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}