ngwr 11.0.0 → 11.2.0

package/fesm2022/ngwr-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-slider.mjs","sources":["../../../projects/lib/slider/slider.ts","../../../projects/lib/slider/slider.html","../../../projects/lib/slider/ngwr-slider.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 { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport type { ElementRef } from '@angular/core';\nimport {\n  Component,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { clamp, round } from 'ngwr/utils';\n\nimport type { WrSliderValue } from './interfaces';\n\n/** Trim float drift from step calculations. */\n\n/**\n * Numeric slider with optional dual-thumb range mode.\n *\n * A signal-forms native control: it implements `FormValueControl<WrSliderValue>`,\n * so `[formField]` binds straight to its `value` model — no\n * `ControlValueAccessor` in between. `[(value)]` works standalone. The value\n * shape depends on `range`: `number` (default) or `[number, number]` when\n * `range=\"true\"`.\n *\n * Keyboard: ← / → adjust by `step`; ↑ / ↓ same; Shift+arrow by `step × 10`;\n * Home / End jump to min / max; PageUp / PageDown by `step × 10`.\n *\n * Reading direction: the arrows follow the VISUAL track, so under `dir=\"rtl\"`\n * → moves toward the lower end and ← toward the higher one, and a drag reads\n * its ratio from the right edge. ↑ / ↓, PageUp / PageDown and Home / End are\n * unchanged — they name a value, not a side of the screen.\n *\n * @example\n * ```html\n * <!-- signal forms -->\n * <wr-slider [formField]=\"form.volume\" min=\"0\" max=\"100\" step=\"5\" />\n *\n * <!-- standalone two-way binding -->\n * <wr-slider [(value)]=\"range\" range min=\"0\" max=\"1000\" step=\"10\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/slider\n */\n@Component({\n  selector: 'wr-slider',\n  templateUrl: './slider.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n})\nexport class WrSlider implements FormValueControl<WrSliderValue> {\n  // Typed `WrSliderValue | undefined` (not `number`) to satisfy the reserved\n  // `FormUiControl` min/max slots, which are keyed to the control's value type.\n  // The transform still coerces to a plain number, so the bounds stay numeric\n  // at runtime; `minValue`/`maxValue` narrow them back for arithmetic.\n  /** Lower bound. @default 0 */\n  readonly min = input<WrSliderValue | undefined>(0, { transform: (v: unknown): number => coerceNumberProperty(v, 0) });\n  /** Upper bound. @default 100 */\n  readonly max = input<WrSliderValue | undefined>(100, {\n    transform: (v: unknown): number => coerceNumberProperty(v, 100),\n  });\n\n  /** Resolved numeric lower bound for internal arithmetic. */\n  private readonly minValue = computed(() => {\n    const m = this.min();\n    return typeof m === 'number' ? m : 0;\n  });\n  /** Resolved numeric upper bound for internal arithmetic. */\n  private readonly maxValue = computed(() => {\n    const m = this.max();\n    return typeof m === 'number' ? m : 100;\n  });\n\n  /** Step size for keyboard and drag. @default 1 */\n  readonly step = input(1, { transform: (v: unknown): number => Math.max(0.0001, coerceNumberProperty(v, 1)) });\n  /** Render two thumbs and emit `[low, high]`. @default false */\n  readonly range = input(false, { transform: coerceBooleanProperty });\n  /**\n   * Disable interaction. Bound automatically from the field's disabled state\n   * when used with `[formField]`.\n   *\n   * @default false\n   */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n  /** Render the current value below the track. @default true */\n  readonly showLabel = input(true, { transform: coerceBooleanProperty });\n\n  /**\n   * Current value. Bound by `[formField]`, or two-way via `[(value)]`. Shape\n   * follows `range`: a plain `number`, or `[low, high]` in range mode.\n   */\n  readonly value = model<WrSliderValue>(0);\n\n  /** Emitted on blur so a bound field can mark itself touched. */\n  readonly touch = output<void>();\n\n  protected readonly low = signal(0);\n  protected readonly high = signal(100);\n\n  protected readonly track = viewChild.required<ElementRef<HTMLElement>>('track');\n\n  /**\n   * Ambient reading direction. Optional so a bare `TestBed` — or any consumer\n   * that never set a direction — needs no provider; `Directionality` is\n   * root-provided, so `null` only ever means \"nobody asked\", which is LTR.\n   *\n   * Nothing caches a direction-derived value: the thumbs are painted with\n   * `inset-inline-start`, so the track mirrors from CSS alone, and `isRtl()` is\n   * read inside the event handlers. A runtime flip therefore needs no\n   * subscription to `Directionality.change`.\n   */\n  private readonly dir = inject(Directionality, { optional: true });\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-slider'];\n    if (this.range()) parts.push('wr-slider--range');\n    if (this.disabled()) parts.push('wr-slider--disabled');\n    return parts.join(' ');\n  });\n\n  protected readonly lowPercent = computed(() => this.percentOf(this.low()));\n  protected readonly highPercent = computed(() => this.percentOf(this.high()));\n\n  /** Offset of the fill from the track's START edge — the left one in LTR, the right one in RTL. */\n  protected readonly fillStart = computed(() => (this.range() ? this.lowPercent() : 0));\n  protected readonly fillWidth = computed(() =>\n    this.range() ? this.highPercent() - this.lowPercent() : this.lowPercent()\n  );\n\n  protected readonly label = computed(() => (this.range() ? `${this.low()} – ${this.high()}` : `${this.low()}`));\n\n  constructor() {\n    // Keep the internal thumbs in sync with external writes to `value`\n    // (the old `writeValue`): split the tuple / clamp into the low & high cells.\n    effect(() => {\n      const v = this.value();\n      if (Array.isArray(v)) {\n        const tuple = v as readonly [number, number];\n        this.low.set(this.clampToBounds(tuple[0]));\n        this.high.set(this.clampToBounds(tuple[1]));\n      } else if (typeof v === 'number') {\n        this.low.set(this.clampToBounds(v));\n      }\n    });\n  }\n\n  // Interaction\n\n  protected onPointerDown(event: PointerEvent, thumb: 'low' | 'high'): void {\n    if (this.disabled()) return;\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    target.setPointerCapture(event.pointerId);\n\n    const move = (e: PointerEvent): void => this.updateFromEvent(e, thumb);\n    const up = (e: PointerEvent): void => {\n      target.releasePointerCapture(e.pointerId);\n      target.removeEventListener('pointermove', move);\n      target.removeEventListener('pointerup', up);\n      this.touch.emit();\n    };\n\n    target.addEventListener('pointermove', move);\n    target.addEventListener('pointerup', up);\n    this.updateFromEvent(event, thumb);\n  }\n\n  protected onTrackPointerDown(event: PointerEvent): void {\n    if (this.disabled()) return;\n    if ((event.target as HTMLElement).closest('.wr-slider__thumb')) return;\n    const thumb = this.nearestThumb(event);\n    this.updateFromEvent(event, thumb);\n    this.focusThumb(thumb);\n  }\n\n  protected onKey(event: KeyboardEvent, thumb: 'low' | 'high'): void {\n    if (this.disabled()) return;\n    const big = event.shiftKey || event.key === 'PageUp' || event.key === 'PageDown' ? 10 : 1;\n    const delta = this.step() * big;\n    const current = thumb === 'low' ? this.low() : this.high();\n    // The horizontal arrows name a SIDE of the track, so they follow the\n    // reading direction; every other key names a value and does not.\n    const inline = this.isRtl() ? -delta : delta;\n    let next: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        next = current + inline;\n        break;\n      case 'ArrowLeft':\n        next = current - inline;\n        break;\n      case 'ArrowUp':\n      case 'PageUp':\n        next = current + delta;\n        break;\n      case 'ArrowDown':\n      case 'PageDown':\n        next = current - delta;\n        break;\n      case 'Home':\n        next = this.minValue();\n        break;\n      case 'End':\n        next = this.maxValue();\n        break;\n    }\n\n    if (next === null) return;\n    event.preventDefault();\n    this.setThumb(thumb, next);\n    this.emitChange();\n    this.touch.emit();\n  }\n\n  // Internals\n\n  private isRtl(): boolean {\n    return this.dir?.value === 'rtl';\n  }\n\n  /**\n   * The value under a pointer, measured along the track's INLINE axis.\n   *\n   * The offset is taken from whichever edge the track starts at — the left one\n   * in LTR, the right one in RTL — so the whole component needs the direction\n   * in exactly one place. Measuring from `rect.left` regardless would read 0 at\n   * the visual maximum of a mirrored track.\n   */\n  private valueAt(event: PointerEvent): number {\n    const rect = this.track().nativeElement.getBoundingClientRect();\n    const offset = this.isRtl() ? rect.right - event.clientX : event.clientX - rect.left;\n    const ratio = clamp(offset / rect.width, 0, 1);\n    return this.minValue() + ratio * (this.maxValue() - this.minValue());\n  }\n\n  private updateFromEvent(event: PointerEvent, thumb: 'low' | 'high'): void {\n    this.setThumb(thumb, this.valueAt(event));\n    this.emitChange();\n  }\n\n  /**\n   * Which thumb a track click grabs: the one nearest the pointer ON SCREEN.\n   *\n   * Value distance is the same thing as visual distance once {@link valueAt}\n   * has mirrored the ratio — in RTL the low thumb is the RIGHT one, and a click\n   * near the right edge lands close to `low` in value space too.\n   */\n  private nearestThumb(event: PointerEvent): 'low' | 'high' {\n    if (!this.range()) return 'low';\n    const raw = this.valueAt(event);\n    return Math.abs(raw - this.low()) <= Math.abs(raw - this.high()) ? 'low' : 'high';\n  }\n\n  private focusThumb(thumb: 'low' | 'high'): void {\n    queueMicrotask(() => {\n      const root = this.track().nativeElement;\n      const el = root.querySelector<HTMLElement>(`.wr-slider__thumb--${thumb}`);\n      el?.focus();\n    });\n  }\n\n  private setThumb(thumb: 'low' | 'high', raw: number): void {\n    const stepped = this.snap(raw);\n    if (thumb === 'low') {\n      const next = this.range() ? Math.min(stepped, this.high()) : stepped;\n      this.low.set(next);\n    } else {\n      this.high.set(Math.max(stepped, this.low()));\n    }\n  }\n\n  private snap(value: number): number {\n    const stepped = Math.round((value - this.minValue()) / this.step()) * this.step() + this.minValue();\n    return this.clampToBounds(round(stepped, 6));\n  }\n\n  private clampToBounds(v: number): number {\n    return clamp(v, this.minValue(), this.maxValue());\n  }\n\n  private percentOf(v: number): number {\n    const span = this.maxValue() - this.minValue();\n    if (span <= 0) return 0;\n    return ((v - this.minValue()) / span) * 100;\n  }\n\n  private emitChange(): void {\n    const value: WrSliderValue = this.range() ? [this.low(), this.high()] : this.low();\n    this.value.set(value);\n  }\n}\n","<div #track class=\"wr-slider__track\" (pointerdown)=\"onTrackPointerDown($event)\">\n  <!--\n    Positioned on the INLINE axis, not with `left`: `inset-inline-start` is the\n    same edge in LTR and mirrors under `dir=\"rtl\"`, so the track paints itself\n    the right way round without the component reading a direction to draw.\n  -->\n  <span class=\"wr-slider__fill\" [style.inset-inline-start.%]=\"fillStart()\" [style.width.%]=\"fillWidth()\"></span>\n\n  <button\n    type=\"button\"\n    class=\"wr-slider__thumb wr-slider__thumb--low\"\n    role=\"slider\"\n    [style.inset-inline-start.%]=\"lowPercent()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-valuemin]=\"min()\"\n    [attr.aria-valuemax]=\"range() ? high() : max()\"\n    [attr.aria-valuenow]=\"low()\"\n    [attr.aria-label]=\"range() ? 'Lower value' : 'Value'\"\n    (pointerdown)=\"onPointerDown($event, 'low')\"\n    (keydown)=\"onKey($event, 'low')\"\n  ></button>\n\n  @if (range()) {\n    <button\n      type=\"button\"\n      class=\"wr-slider__thumb wr-slider__thumb--high\"\n      role=\"slider\"\n      [style.inset-inline-start.%]=\"highPercent()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-valuemin]=\"low()\"\n      [attr.aria-valuemax]=\"max()\"\n      [attr.aria-valuenow]=\"high()\"\n      aria-label=\"Upper value\"\n      (pointerdown)=\"onPointerDown($event, 'high')\"\n      (keydown)=\"onKey($event, 'high')\"\n    ></button>\n  }\n</div>\n\n@if (showLabel()) {\n  <div class=\"wr-slider__label\">{{ label() }}</div>\n}\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-slider.mjs","sources":["../../../projects/lib/slider/slider.ts","../../../projects/lib/slider/slider.html","../../../projects/lib/slider/ngwr-slider.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 { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport type { ElementRef } from '@angular/core';\nimport {\n  Component,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { clamp, round } from 'ngwr/utils';\n\nimport type { WrSliderValue } from './interfaces';\n\n/** Trim float drift from step calculations. */\n\n/**\n * Numeric slider with optional dual-thumb range mode.\n *\n * A signal-forms native control: it implements `FormValueControl<WrSliderValue>`,\n * so `[formField]` binds straight to its `value` model — no\n * `ControlValueAccessor` in between. `[(value)]` works standalone. The value\n * shape depends on `range`: `number` (default) or `[number, number]` when\n * `range=\"true\"`.\n *\n * Keyboard: ← / → adjust by `step`; ↑ / ↓ same; Shift+arrow by `step × 10`;\n * Home / End jump to min / max; PageUp / PageDown by `step × 10`.\n *\n * Reading direction: the arrows follow the VISUAL track, so under `dir=\"rtl\"`\n * → moves toward the lower end and ← toward the higher one, and a drag reads\n * its ratio from the right edge. ↑ / ↓, PageUp / PageDown and Home / End are\n * unchanged — they name a value, not a side of the screen.\n *\n * @example\n * ```html\n * <!-- signal forms -->\n * <wr-slider [formField]=\"form.volume\" min=\"0\" max=\"100\" step=\"5\" />\n *\n * <!-- standalone two-way binding -->\n * <wr-slider [(value)]=\"range\" range min=\"0\" max=\"1000\" step=\"10\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/slider\n */\n@Component({\n  selector: 'wr-slider',\n  templateUrl: './slider.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n})\nexport class WrSlider implements FormValueControl<WrSliderValue> {\n  // Typed `WrSliderValue | undefined` (not `number`) to satisfy the reserved\n  // `FormUiControl` min/max slots, which are keyed to the control's value type.\n  // The transform still coerces to a plain number, so the bounds stay numeric\n  // at runtime; `minValue`/`maxValue` narrow them back for arithmetic.\n  /** Lower bound. @default 0 */\n  readonly min = input<WrSliderValue | undefined>(0, { transform: (v: unknown): number => coerceNumberProperty(v, 0) });\n  /** Upper bound. @default 100 */\n  readonly max = input<WrSliderValue | undefined>(100, {\n    transform: (v: unknown): number => coerceNumberProperty(v, 100),\n  });\n\n  /** Resolved numeric lower bound for internal arithmetic. */\n  private readonly minValue = computed(() => {\n    const m = this.min();\n    return typeof m === 'number' ? m : 0;\n  });\n  /** Resolved numeric upper bound for internal arithmetic. */\n  private readonly maxValue = computed(() => {\n    const m = this.max();\n    return typeof m === 'number' ? m : 100;\n  });\n\n  /** Step size for keyboard and drag. @default 1 */\n  readonly step = input(1, { transform: (v: unknown): number => Math.max(0.0001, coerceNumberProperty(v, 1)) });\n  /** Render two thumbs and emit `[low, high]`. @default false */\n  readonly range = input(false, { transform: coerceBooleanProperty });\n  /**\n   * Disable interaction. Bound automatically from the field's disabled state\n   * when used with `[formField]`.\n   *\n   * @default false\n   */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n  /** Render the current value below the track. @default true */\n  readonly showLabel = input(true, { transform: coerceBooleanProperty });\n\n  /**\n   * Current value. Bound by `[formField]`, or two-way via `[(value)]`. Shape\n   * follows `range`: a plain `number`, or `[low, high]` in range mode.\n   */\n  readonly value = model<WrSliderValue>(0);\n\n  /** Emitted on blur so a bound field can mark itself touched. */\n  readonly touch = output<void>();\n\n  protected readonly low = signal(0);\n  /**\n   * The high thumb's cell. Its literal default stands in for `maxValue()`,\n   * which cannot be read at field-initialisation time — see `highSeeded` and\n   * the constructor effect.\n   */\n  protected readonly high = signal(100);\n\n  /**\n   * Whether `high` has ever been told a real value by the model.\n   *\n   * `<wr-slider range [min]=\"200\" [max]=\"300\" />` binds no value, so the model\n   * holds its own scalar default and the tuple branch below never runs: `high`\n   * kept the literal 100, which is not inside every `[min, max]`. The thumb\n   * rendered off the track and the first interaction committed `[low, 100]` —\n   * a value the slider itself calls out of range.\n   */\n  private highSeeded = false;\n\n  protected readonly track = viewChild.required<ElementRef<HTMLElement>>('track');\n\n  /**\n   * Ambient reading direction. Optional so a bare `TestBed` — or any consumer\n   * that never set a direction — needs no provider; `Directionality` is\n   * root-provided, so `null` only ever means \"nobody asked\", which is LTR.\n   *\n   * Nothing caches a direction-derived value: the thumbs are painted with\n   * `inset-inline-start`, so the track mirrors from CSS alone, and `isRtl()` is\n   * read inside the event handlers. A runtime flip therefore needs no\n   * subscription to `Directionality.change`.\n   */\n  private readonly dir = inject(Directionality, { optional: true });\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-slider'];\n    if (this.range()) parts.push('wr-slider--range');\n    if (this.disabled()) parts.push('wr-slider--disabled');\n    return parts.join(' ');\n  });\n\n  protected readonly lowPercent = computed(() => this.percentOf(this.low()));\n  protected readonly highPercent = computed(() => this.percentOf(this.high()));\n\n  /** Offset of the fill from the track's START edge — the left one in LTR, the right one in RTL. */\n  protected readonly fillStart = computed(() => (this.range() ? this.lowPercent() : 0));\n  protected readonly fillWidth = computed(() =>\n    this.range() ? this.highPercent() - this.lowPercent() : this.lowPercent()\n  );\n\n  protected readonly label = computed(() => (this.range() ? `${this.low()} – ${this.high()}` : `${this.low()}`));\n\n  constructor() {\n    // Keep the internal thumbs in sync with external writes to `value`\n    // (the old `writeValue`): split the tuple / clamp into the low & high cells.\n    // The cells are clamped and the MODEL IS NOT TOUCHED, and the asymmetry is\n    // deliberate. A thumb cannot render outside its own track, so the display\n    // has no choice — but writing that clamp back into `value` would erase the\n    // error it represents: under `[formField]` the bounds reach this component\n    // only through the schema's `min()` / `max()` rules (binding `[min]` beside\n    // `[formField]` is an NG8022 compile error), so the write-back deleted the\n    // out-of-range value those rules exist to report, and marked a pristine\n    // form dirty on first paint besides. The first real interaction emits an\n    // in-range number through `emitChange` and the two agree from then on.\n    effect(() => {\n      const v = this.value();\n\n      if (Array.isArray(v)) {\n        const tuple = v as readonly [number, number];\n        const lo = this.clampToBounds(tuple[0]);\n        const hi = this.clampToBounds(tuple[1]);\n        this.low.set(lo);\n        this.high.set(hi);\n        this.highSeeded = true;\n        return;\n      }\n\n      if (typeof v !== 'number') return;\n      const lo = this.clampToBounds(v);\n      this.low.set(lo);\n\n      if (!this.range()) return;\n\n      // Range mode holding a scalar: the high thumb has never been told\n      // anything, and its literal default is not inside every `[min, max]`.\n      // Seed it at the top of the range — which is what the 100 meant back when\n      // the bounds were 0–100. The MODEL is left alone here too; the shape it\n      // holds is the consumer's business until they move a thumb.\n      this.high.set(this.highSeeded ? this.clampToBounds(untracked(this.high)) : this.maxValue());\n      this.highSeeded = true;\n    });\n  }\n\n  // Interaction\n\n  protected onPointerDown(event: PointerEvent, thumb: 'low' | 'high'): void {\n    if (this.disabled()) return;\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    target.setPointerCapture(event.pointerId);\n\n    const move = (e: PointerEvent): void => this.updateFromEvent(e, thumb);\n    const up = (e: PointerEvent): void => {\n      target.releasePointerCapture(e.pointerId);\n      target.removeEventListener('pointermove', move);\n      target.removeEventListener('pointerup', up);\n      this.touch.emit();\n    };\n\n    target.addEventListener('pointermove', move);\n    target.addEventListener('pointerup', up);\n    this.updateFromEvent(event, thumb);\n  }\n\n  protected onTrackPointerDown(event: PointerEvent): void {\n    if (this.disabled()) return;\n    if ((event.target as HTMLElement).closest('.wr-slider__thumb')) return;\n    const thumb = this.nearestThumb(event);\n    this.updateFromEvent(event, thumb);\n    this.focusThumb(thumb);\n  }\n\n  protected onKey(event: KeyboardEvent, thumb: 'low' | 'high'): void {\n    if (this.disabled()) return;\n    const big = event.shiftKey || event.key === 'PageUp' || event.key === 'PageDown' ? 10 : 1;\n    const delta = this.step() * big;\n    const current = thumb === 'low' ? this.low() : this.high();\n    // The horizontal arrows name a SIDE of the track, so they follow the\n    // reading direction; every other key names a value and does not.\n    const inline = this.isRtl() ? -delta : delta;\n    let next: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        next = current + inline;\n        break;\n      case 'ArrowLeft':\n        next = current - inline;\n        break;\n      case 'ArrowUp':\n      case 'PageUp':\n        next = current + delta;\n        break;\n      case 'ArrowDown':\n      case 'PageDown':\n        next = current - delta;\n        break;\n      case 'Home':\n        next = this.minValue();\n        break;\n      case 'End':\n        next = this.maxValue();\n        break;\n    }\n\n    if (next === null) return;\n    event.preventDefault();\n    this.setThumb(thumb, next);\n    this.emitChange();\n    this.touch.emit();\n  }\n\n  // Internals\n\n  private isRtl(): boolean {\n    return this.dir?.value === 'rtl';\n  }\n\n  /**\n   * The value under a pointer, measured along the track's INLINE axis.\n   *\n   * The offset is taken from whichever edge the track starts at — the left one\n   * in LTR, the right one in RTL — so the whole component needs the direction\n   * in exactly one place. Measuring from `rect.left` regardless would read 0 at\n   * the visual maximum of a mirrored track.\n   */\n  private valueAt(event: PointerEvent): number {\n    const rect = this.track().nativeElement.getBoundingClientRect();\n    const offset = this.isRtl() ? rect.right - event.clientX : event.clientX - rect.left;\n    const ratio = clamp(offset / rect.width, 0, 1);\n    return this.minValue() + ratio * (this.maxValue() - this.minValue());\n  }\n\n  private updateFromEvent(event: PointerEvent, thumb: 'low' | 'high'): void {\n    this.setThumb(thumb, this.valueAt(event));\n    this.emitChange();\n  }\n\n  /**\n   * Which thumb a track click grabs: the one nearest the pointer ON SCREEN.\n   *\n   * Value distance is the same thing as visual distance once {@link valueAt}\n   * has mirrored the ratio — in RTL the low thumb is the RIGHT one, and a click\n   * near the right edge lands close to `low` in value space too.\n   */\n  private nearestThumb(event: PointerEvent): 'low' | 'high' {\n    if (!this.range()) return 'low';\n    const raw = this.valueAt(event);\n    return Math.abs(raw - this.low()) <= Math.abs(raw - this.high()) ? 'low' : 'high';\n  }\n\n  private focusThumb(thumb: 'low' | 'high'): void {\n    queueMicrotask(() => {\n      const root = this.track().nativeElement;\n      const el = root.querySelector<HTMLElement>(`.wr-slider__thumb--${thumb}`);\n      el?.focus();\n    });\n  }\n\n  private setThumb(thumb: 'low' | 'high', raw: number): void {\n    const stepped = this.snap(raw);\n    if (thumb === 'low') {\n      const next = this.range() ? Math.min(stepped, this.high()) : stepped;\n      this.low.set(next);\n    } else {\n      this.high.set(Math.max(stepped, this.low()));\n    }\n  }\n\n  private snap(value: number): number {\n    const stepped = Math.round((value - this.minValue()) / this.step()) * this.step() + this.minValue();\n    return this.clampToBounds(round(stepped, 6));\n  }\n\n  private clampToBounds(v: number): number {\n    return clamp(v, this.minValue(), this.maxValue());\n  }\n\n  private percentOf(v: number): number {\n    const span = this.maxValue() - this.minValue();\n    if (span <= 0) return 0;\n    return ((v - this.minValue()) / span) * 100;\n  }\n\n  private emitChange(): void {\n    const value: WrSliderValue = this.range() ? [this.low(), this.high()] : this.low();\n    this.value.set(value);\n  }\n}\n","<div #track class=\"wr-slider__track\" (pointerdown)=\"onTrackPointerDown($event)\">\n  <!--\n    Positioned on the INLINE axis, not with `left`: `inset-inline-start` is the\n    same edge in LTR and mirrors under `dir=\"rtl\"`, so the track paints itself\n    the right way round without the component reading a direction to draw.\n  -->\n  <span class=\"wr-slider__fill\" [style.inset-inline-start.%]=\"fillStart()\" [style.width.%]=\"fillWidth()\"></span>\n\n  <button\n    type=\"button\"\n    class=\"wr-slider__thumb wr-slider__thumb--low\"\n    role=\"slider\"\n    [style.inset-inline-start.%]=\"lowPercent()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-valuemin]=\"min()\"\n    [attr.aria-valuemax]=\"range() ? high() : max()\"\n    [attr.aria-valuenow]=\"low()\"\n    [attr.aria-label]=\"range() ? 'Lower value' : 'Value'\"\n    (pointerdown)=\"onPointerDown($event, 'low')\"\n    (keydown)=\"onKey($event, 'low')\"\n  ></button>\n\n  @if (range()) {\n    <button\n      type=\"button\"\n      class=\"wr-slider__thumb wr-slider__thumb--high\"\n      role=\"slider\"\n      [style.inset-inline-start.%]=\"highPercent()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-valuemin]=\"low()\"\n      [attr.aria-valuemax]=\"max()\"\n      [attr.aria-valuenow]=\"high()\"\n      aria-label=\"Upper value\"\n      (pointerdown)=\"onPointerDown($event, 'high')\"\n      (keydown)=\"onKey($event, 'high')\"\n    ></button>\n  }\n</div>\n\n@if (showLabel()) {\n  <div class=\"wr-slider__label\">{{ label() }}</div>\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-sparkline-testing.mjs

@@ -0,0 +1,76 @@
+import { 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
+ */
+/**
+ * Test harness for `<wr-sparkline>`.
+ *
+ * **The interesting assertion here is the ARIA one.** A sparkline is a trend line
+ * with no axes and no labels, so it is either given an `ariaLabel` — in which case it
+ * announces itself as an image — or it is decoration, and must be `aria-hidden` so a
+ * screen reader does not stop on a nameless graphic. The component switches between
+ * those two states on one input, and {@link isDecorative} is how a spec pins which
+ * one it is in.
+ *
+ * The line itself is an SVG path, and a path's `d` is not something a spec should
+ * assert: it is a rendering detail that changes with the viewBox, the stroke width
+ * and the smoothing. What IS worth asserting is whether the parts are there —
+ * {@link hasLine}, {@link hasArea}, {@link hasTip} — since each is an input the
+ * consumer set, and an empty dataset draws none of them.
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSparklineHarness extends ComponentHarness {
+    static hostSelector = 'wr-sparkline';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrSparklineHarness, options).addOption('ariaLabel', options.ariaLabel, (harness, label) => HarnessPredicate.stringMatches(harness.getAccessibleName(), label));
+    }
+    svg = this.locatorFor('svg');
+    /** The name the chart announces, or `null` when it is decoration. */
+    async getAccessibleName() {
+        return (await this.svg()).getAttribute('aria-label');
+    }
+    /** The role the chart claims — `img` when it is named, `null` when it is not. */
+    async getRole() {
+        return (await this.svg()).getAttribute('role');
+    }
+    /**
+     * Whether the chart is hidden from assistive tech.
+     *
+     * The other half of {@link getAccessibleName}, and the pairing worth asserting
+     * together: a named sparkline must NOT be hidden, and an unnamed one must be, or a
+     * screen reader announces a graphic with nothing to say about it.
+     */
+    async isDecorative() {
+        return (await (await this.svg()).getAttribute('aria-hidden')) === 'true';
+    }
+    /** Whether a trend line was drawn — `false` for an empty or single-point dataset. */
+    async hasLine() {
+        return (await this.locatorForOptional('.wr-sparkline__line')()) !== null;
+    }
+    /** Whether the area under the line is filled (`showArea`). */
+    async hasArea() {
+        return (await this.locatorForOptional('.wr-sparkline__area')()) !== null;
+    }
+    /** Whether the last point is marked with a dot (`showTip`). */
+    async hasTip() {
+        return (await this.locatorForOptional('.wr-sparkline__tip')()) !== null;
+    }
+    /** The stroke colour as the component passed it through — a CSS value, not a resolved one. */
+    async getColor() {
+        const line = await this.locatorForOptional('.wr-sparkline__line')();
+        return line ? line.getAttribute('stroke') : null;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrSparklineHarness };
+//# sourceMappingURL=ngwr-sparkline-testing.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-sparkline-testing.mjs","sources":["../../../projects/lib/sparkline/testing/wr-sparkline-harness.ts","../../../projects/lib/sparkline/testing/ngwr-sparkline-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 } from '@angular/cdk/testing';\n\nimport type { WrSparklineHarnessFilters } from './interfaces';\n\n/**\n * Test harness for `<wr-sparkline>`.\n *\n * **The interesting assertion here is the ARIA one.** A sparkline is a trend line\n * with no axes and no labels, so it is either given an `ariaLabel` — in which case it\n * announces itself as an image — or it is decoration, and must be `aria-hidden` so a\n * screen reader does not stop on a nameless graphic. The component switches between\n * those two states on one input, and {@link isDecorative} is how a spec pins which\n * one it is in.\n *\n * The line itself is an SVG path, and a path's `d` is not something a spec should\n * assert: it is a rendering detail that changes with the viewBox, the stroke width\n * and the smoothing. What IS worth asserting is whether the parts are there —\n * {@link hasLine}, {@link hasArea}, {@link hasTip} — since each is an input the\n * consumer set, and an empty dataset draws none of them.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSparklineHarness extends ComponentHarness {\n  static hostSelector = 'wr-sparkline';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSparklineHarnessFilters = {}): HarnessPredicate<WrSparklineHarness> {\n    return new HarnessPredicate(WrSparklineHarness, options).addOption(\n      'ariaLabel',\n      options.ariaLabel,\n      (harness, label) => HarnessPredicate.stringMatches(harness.getAccessibleName(), label)\n    );\n  }\n\n  private readonly svg = this.locatorFor('svg');\n\n  /** The name the chart announces, or `null` when it is decoration. */\n  async getAccessibleName(): Promise<string | null> {\n    return (await this.svg()).getAttribute('aria-label');\n  }\n\n  /** The role the chart claims — `img` when it is named, `null` when it is not. */\n  async getRole(): Promise<string | null> {\n    return (await this.svg()).getAttribute('role');\n  }\n\n  /**\n   * Whether the chart is hidden from assistive tech.\n   *\n   * The other half of {@link getAccessibleName}, and the pairing worth asserting\n   * together: a named sparkline must NOT be hidden, and an unnamed one must be, or a\n   * screen reader announces a graphic with nothing to say about it.\n   */\n  async isDecorative(): Promise<boolean> {\n    return (await (await this.svg()).getAttribute('aria-hidden')) === 'true';\n  }\n\n  /** Whether a trend line was drawn — `false` for an empty or single-point dataset. */\n  async hasLine(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-sparkline__line')()) !== null;\n  }\n\n  /** Whether the area under the line is filled (`showArea`). */\n  async hasArea(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-sparkline__area')()) !== null;\n  }\n\n  /** Whether the last point is marked with a dot (`showTip`). */\n  async hasTip(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-sparkline__tip')()) !== null;\n  }\n\n  /** The stroke colour as the component passed it through — a CSS value, not a resolved one. */\n  async getColor(): Promise<string | null> {\n    const line = await this.locatorForOptional('.wr-sparkline__line')();\n    return line ? line.getAttribute('stroke') : null;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAMH;;;;;;;;;;;;;;;;;AAiBG;AACG,MAAO,kBAAmB,SAAQ,gBAAgB,CAAA;AACtD,IAAA,OAAO,YAAY,GAAG,cAAc;;AAGpC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAqC,EAAE,EAAA;AACjD,QAAA,OAAO,IAAI,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,SAAS,CAChE,WAAW,EACX,OAAO,CAAC,SAAS,EACjB,CAAC,OAAO,EAAE,KAAK,KAAK,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,KAAK,CAAC,CACvF;IACH;AAEiB,IAAA,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;AAG7C,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC;IACtD;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC;IAChD;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,EAAE,YAAY,CAAC,aAAa,CAAC,MAAM,MAAM;IAC1E;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,EAAE,MAAM,IAAI;IAC1E;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,EAAE,MAAM,IAAI;IAC1E;;AAGA,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,EAAE,MAAM,IAAI;IACzE;;AAGA,IAAA,MAAM,QAAQ,GAAA;QACZ,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,EAAE;AACnE,QAAA,OAAO,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI;IAClD;;;ACnFF;;AAEG;;;;"}

package/fesm2022/ngwr-speed-dial-testing.mjs

@@ -0,0 +1,279 @@
+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 one action inside a {@link WrSpeedDialHarness}.
+ *
+ * The label is read from `aria-label` rather than from the button's text, and that
+ * is the whole point of the control: an action renders an ICON, or — with no icon —
+ * the first glyph of its label. Its visible text is therefore `"S"` for "Share", or
+ * nothing at all. {@link getInitial} answers what is drawn; {@link getLabel} answers
+ * what it is.
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSpeedDialActionHarness extends ComponentHarness {
+    /** The action button. `role="menuitem"` sits on this element too. */
+    static hostSelector = '.wr-speed-dial__action';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrSpeedDialActionHarness, options)
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    /** The action's accessible name — what a screen reader reads, and what `title` shows. */
+    async getLabel() {
+        return (await this.host()).getAttribute('aria-label');
+    }
+    /** The role the action announces — `menuitem`. */
+    async getRole() {
+        return (await this.host()).getAttribute('role');
+    }
+    /** Whether the action draws an icon rather than a letter. */
+    async hasIcon() {
+        return (await this.locatorForOptional('wr-icon')()) !== null;
+    }
+    /** The icon's registered name, from `wr-icon`'s reflected `data-icon`, or `null`. */
+    async getIconName() {
+        const icon = await this.locatorForOptional('wr-icon')();
+        return icon ? icon.getAttribute('data-icon') : null;
+    }
+    /**
+     * The single glyph drawn in place of a missing icon, or `null` when there is one.
+     *
+     * A GLYPH, not a character: the component splits the label by code point, so an
+     * emoji label draws the whole emoji rather than the broken half of a surrogate pair.
+     */
+    async getInitial() {
+        if (await this.hasIcon())
+            return null;
+        return (await this.host()).text();
+    }
+    /**
+     * Whether the action refuses interaction.
+     *
+     * Every action follows the DIAL's `disabled` — there is no per-action flag — so
+     * this is really "is the dial disabled", asked at the action. Worth having anyway:
+     * it is what the DOM and the CDK consult before delivering a click.
+     */
+    async isDisabled() {
+        return (await this.host()).getProperty('disabled');
+    }
+    /** Pick this action — emitting `pick` and closing the dial. */
+    async click() {
+        if (await this.isDisabled()) {
+            throw new Error(`WrSpeedDialActionHarness.click(): "${await this.getLabel()}" is disabled. The DOM swallows the click ` +
+                'and the component checks `disabled` again before emitting, so nothing would happen.');
+        }
+        await (await this.host()).click();
+    }
+    /** Move keyboard focus to the action. */
+    async focus() {
+        return (await this.host()).focus();
+    }
+    /** Whether the action currently holds focus. */
+    async isFocused() {
+        return (await this.host()).isFocused();
+    }
+}
+
+/**
+ * @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 DIRECTIONS = ['up', 'down', 'left', 'right'];
+/**
+ * Test harness for `<wr-speed-dial>` — the floating trigger and the actions that fan
+ * out of it.
+ *
+ * **The actions never leave the DOM.** They are hidden with `visibility`, which is
+ * what actually takes them out of the tab order and the accessibility tree —
+ * `opacity: 0` alone would leave them focusable — and CSS is exactly what a unit
+ * test does not have. So a closed dial's buttons are queryable, clickable and
+ * readable from a spec while being unreachable in a browser. {@link getActions} and
+ * {@link pick} therefore REFUSE while the dial is closed rather than answering with
+ * elements nobody can see; open it first, which is what a user has to do too.
+ *
+ * @example
+ * ```ts
+ * const dial = await loader.getHarness(WrSpeedDialHarness);
+ *
+ * await dial.open();
+ * expect(await dial.getActionLabels()).toEqual(['Share', 'Copy link']);
+ *
+ * await dial.pick({ label: 'Share' });
+ * expect(await dial.isOpen()).toBe(false);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSpeedDialHarness extends ComponentHarness {
+    static hostSelector = 'wr-speed-dial';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrSpeedDialHarness, options)
+            .addOption('triggerLabel', options.triggerLabel, (harness, label) => HarnessPredicate.stringMatches(harness.getTriggerLabel(), label))
+            .addOption('direction', options.direction, async (harness, direction) => (await harness.getDirection()) === direction)
+            .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    trigger = this.locatorFor('.wr-speed-dial__trigger');
+    menu = this.locatorFor('.wr-speed-dial__actions');
+    /** Whether the dial is fanned out, from the trigger's `aria-expanded`. */
+    async isOpen() {
+        return (await (await this.trigger()).getAttribute('aria-expanded')) === 'true';
+    }
+    /** The direction the actions travel, from the host modifier. */
+    async getDirection() {
+        const host = await this.host();
+        for (const direction of DIRECTIONS) {
+            if (await host.hasClass(`wr-speed-dial--${direction}`))
+                return direction;
+        }
+        throw new Error('WrSpeedDialHarness.getDirection(): this host carries no `wr-speed-dial--<direction>` class, which ' +
+            'every dial sets — the element matched is probably not an ngwr speed dial.');
+    }
+    /**
+     * The trigger's accessible name.
+     *
+     * The trigger is icon-only, so this is its ONLY name — there is no text to fall
+     * back on, and a dial that loses it is announced as an unnamed button.
+     */
+    async getTriggerLabel() {
+        return (await this.trigger()).getAttribute('aria-label');
+    }
+    /** The trigger icon's registered name, from `wr-icon`'s reflected `data-icon`. */
+    async getTriggerIcon() {
+        const icon = await this.locatorForOptional('.wr-speed-dial__trigger wr-icon')();
+        return icon ? icon.getAttribute('data-icon') : null;
+    }
+    /** Whether the dial refuses interaction, from the trigger's own `disabled` property. */
+    async isDisabled() {
+        return (await this.trigger()).getProperty('disabled');
+    }
+    /** Whether the host is padded for the device's safe area (`safeArea`). */
+    async hasSafeArea() {
+        return (await this.host()).hasClass('wr-speed-dial--safe-area');
+    }
+    /** The role the action list announces — `menu`. */
+    async getMenuRole() {
+        return (await this.menu()).getAttribute('role');
+    }
+    /**
+     * Whether the trigger's `aria-controls` names THIS dial's menu, and nothing else on
+     * the page.
+     *
+     * Both halves matter. The id is resolved inside the host first, so a trigger
+     * pointing at a SIBLING dial's menu — which resolves perfectly well from the
+     * document — fails here. Then it is counted across the document, because two menus
+     * answering to one id hand every reference to whichever comes first.
+     */
+    async isMenuBound() {
+        const id = await (await this.trigger()).getAttribute('aria-controls');
+        if (!id)
+            return false;
+        const own = await this.locatorForOptional(`.wr-speed-dial__actions#${id}`)();
+        if (!own)
+            return false;
+        const everywhere = await this.documentRootLocatorFactory().locatorForAll(`#${id}`)();
+        return everywhere.length === 1;
+    }
+    /**
+     * The actions, in DOM order.
+     *
+     * Throws while the dial is closed. The buttons are still in the DOM then — they
+     * have to be, for the fan-out to animate — and jsdom applies no `visibility`, so
+     * they would come back looking perfectly reachable when a real user cannot tab to
+     * one. A spec that read them closed would pass on a dial that never opens.
+     */
+    async getActions(filters = {}) {
+        await this.requireOpen('getActions');
+        return this.locatorForAll(WrSpeedDialActionHarness.with(filters))();
+    }
+    /** The accessible names of the actions, in DOM order. Throws while closed. */
+    async getActionLabels() {
+        const actions = await this.getActions();
+        return Promise.all(actions.map(action => action.getLabel()));
+    }
+    /** How many actions the dial holds — readable while closed, since it is not a reach. */
+    async getActionCount() {
+        return (await this.locatorForAll('.wr-speed-dial__action')()).length;
+    }
+    /** Open the dial. An already-open one is left alone; a disabled one throws. */
+    async open() {
+        if (await this.isOpen())
+            return;
+        await this.toggle();
+        if (!(await this.isOpen())) {
+            throw new Error('WrSpeedDialHarness.open(): the dial did not open. A disabled trigger refuses the click twice over — ' +
+                'the DOM swallows it, and the component checks `disabled` again.');
+        }
+    }
+    /** Close the dial. An already-closed one is left alone. */
+    async close() {
+        if (!(await this.isOpen()))
+            return;
+        await this.toggle();
+    }
+    /** Click the trigger once, whichever way that takes it. */
+    async toggle() {
+        return (await this.trigger()).click();
+    }
+    /**
+     * Pick the first action matching the filters — emitting `pick` and closing the dial.
+     *
+     * Opens first if it has to, the way `WrDropdownHarness.clickItem` does: a spec that
+     * says "pick Share" means the whole gesture. Throws when nothing matches, naming
+     * what the dial does offer.
+     */
+    async pick(filters) {
+        await this.open();
+        const [action] = await this.getActions(filters);
+        if (!action) {
+            const offered = await this.getActionLabels();
+            throw new Error(`WrSpeedDialHarness.pick(): no action matched ${JSON.stringify(filters)}. ` +
+                `The dial offers: ${offered.join(', ')}.`);
+        }
+        await action.click();
+    }
+    /**
+     * Press Escape — closing the dial and putting focus back on the trigger.
+     *
+     * Sent to the host, which is where the component listens. The focus return is the
+     * half worth asserting: `role="menu"` promises a way out, and the actions are
+     * ordinary tab stops, so without it a keyboard user has to walk through every
+     * action to leave.
+     */
+    async sendEscape() {
+        await (await this.host()).sendKeys(TestKey.ESCAPE);
+    }
+    /** Move keyboard focus to the trigger. */
+    async focusTrigger() {
+        return (await this.trigger()).focus();
+    }
+    /** Whether the trigger currently holds focus. */
+    async isTriggerFocused() {
+        return (await this.trigger()).isFocused();
+    }
+    async requireOpen(method) {
+        if (await this.isOpen())
+            return;
+        throw new Error(`WrSpeedDialHarness.${method}(): the dial is closed. Its actions stay in the DOM while collapsed — the ` +
+            'fan-out animates them — and only `visibility` hides them, which a unit test does not apply. Reading ' +
+            'them now would assert buttons nobody can reach. Call open() first, or getActionCount().');
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrSpeedDialActionHarness, WrSpeedDialHarness };
+//# sourceMappingURL=ngwr-speed-dial-testing.mjs.map

package/fesm2022/ngwr-speed-dial-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-speed-dial-testing.mjs","sources":["../../../projects/lib/speed-dial/testing/wr-speed-dial-action-harness.ts","../../../projects/lib/speed-dial/testing/wr-speed-dial-harness.ts","../../../projects/lib/speed-dial/testing/ngwr-speed-dial-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 } from '@angular/cdk/testing';\n\nimport type { WrSpeedDialActionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one action inside a {@link WrSpeedDialHarness}.\n *\n * The label is read from `aria-label` rather than from the button's text, and that\n * is the whole point of the control: an action renders an ICON, or — with no icon —\n * the first glyph of its label. Its visible text is therefore `\"S\"` for \"Share\", or\n * nothing at all. {@link getInitial} answers what is drawn; {@link getLabel} answers\n * what it is.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSpeedDialActionHarness extends ComponentHarness {\n  /** The action button. `role=\"menuitem\"` sits on this element too. */\n  static hostSelector = '.wr-speed-dial__action';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSpeedDialActionHarnessFilters = {}): HarnessPredicate<WrSpeedDialActionHarness> {\n    return new HarnessPredicate(WrSpeedDialActionHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /** The action's accessible name — what a screen reader reads, and what `title` shows. */\n  async getLabel(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-label');\n  }\n\n  /** The role the action announces — `menuitem`. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /** Whether the action draws an icon rather than a letter. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.locatorForOptional('wr-icon')()) !== null;\n  }\n\n  /** The icon's registered name, from `wr-icon`'s reflected `data-icon`, or `null`. */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('wr-icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * The single glyph drawn in place of a missing icon, or `null` when there is one.\n   *\n   * A GLYPH, not a character: the component splits the label by code point, so an\n   * emoji label draws the whole emoji rather than the broken half of a surrogate pair.\n   */\n  async getInitial(): Promise<string | null> {\n    if (await this.hasIcon()) return null;\n    return (await this.host()).text();\n  }\n\n  /**\n   * Whether the action refuses interaction.\n   *\n   * Every action follows the DIAL's `disabled` — there is no per-action flag — so\n   * this is really \"is the dial disabled\", asked at the action. Worth having anyway:\n   * it is what the DOM and the CDK consult before delivering a click.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).getProperty<boolean>('disabled');\n  }\n\n  /** Pick this action — emitting `pick` and closing the dial. */\n  async click(): Promise<void> {\n    if (await this.isDisabled()) {\n      throw new Error(\n        `WrSpeedDialActionHarness.click(): \"${await this.getLabel()}\" is disabled. The DOM swallows the click ` +\n          'and the component checks `disabled` again before emitting, so nothing would happen.'\n      );\n    }\n    await (await this.host()).click();\n  }\n\n  /** Move keyboard focus to the action. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Whether the action currently holds focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n}\n","/**\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 { WrSpeedDialDirection } from 'ngwr/speed-dial';\n\nimport type { WrSpeedDialActionHarnessFilters, WrSpeedDialHarnessFilters } from './interfaces';\nimport { WrSpeedDialActionHarness } from './wr-speed-dial-action-harness';\n\nconst DIRECTIONS: readonly WrSpeedDialDirection[] = ['up', 'down', 'left', 'right'];\n\n/**\n * Test harness for `<wr-speed-dial>` — the floating trigger and the actions that fan\n * out of it.\n *\n * **The actions never leave the DOM.** They are hidden with `visibility`, which is\n * what actually takes them out of the tab order and the accessibility tree —\n * `opacity: 0` alone would leave them focusable — and CSS is exactly what a unit\n * test does not have. So a closed dial's buttons are queryable, clickable and\n * readable from a spec while being unreachable in a browser. {@link getActions} and\n * {@link pick} therefore REFUSE while the dial is closed rather than answering with\n * elements nobody can see; open it first, which is what a user has to do too.\n *\n * @example\n * ```ts\n * const dial = await loader.getHarness(WrSpeedDialHarness);\n *\n * await dial.open();\n * expect(await dial.getActionLabels()).toEqual(['Share', 'Copy link']);\n *\n * await dial.pick({ label: 'Share' });\n * expect(await dial.isOpen()).toBe(false);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSpeedDialHarness extends ComponentHarness {\n  static hostSelector = 'wr-speed-dial';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSpeedDialHarnessFilters = {}): HarnessPredicate<WrSpeedDialHarness> {\n    return new HarnessPredicate(WrSpeedDialHarness, options)\n      .addOption('triggerLabel', options.triggerLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getTriggerLabel(), label)\n      )\n      .addOption(\n        'direction',\n        options.direction,\n        async (harness, direction) => (await harness.getDirection()) === direction\n      )\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly trigger = this.locatorFor('.wr-speed-dial__trigger');\n  private readonly menu = this.locatorFor('.wr-speed-dial__actions');\n\n  /** Whether the dial is fanned out, from the trigger's `aria-expanded`. */\n  async isOpen(): Promise<boolean> {\n    return (await (await this.trigger()).getAttribute('aria-expanded')) === 'true';\n  }\n\n  /** The direction the actions travel, from the host modifier. */\n  async getDirection(): Promise<WrSpeedDialDirection> {\n    const host = await this.host();\n    for (const direction of DIRECTIONS) {\n      if (await host.hasClass(`wr-speed-dial--${direction}`)) return direction;\n    }\n    throw new Error(\n      'WrSpeedDialHarness.getDirection(): this host carries no `wr-speed-dial--<direction>` class, which ' +\n        'every dial sets — the element matched is probably not an ngwr speed dial.'\n    );\n  }\n\n  /**\n   * The trigger's accessible name.\n   *\n   * The trigger is icon-only, so this is its ONLY name — there is no text to fall\n   * back on, and a dial that loses it is announced as an unnamed button.\n   */\n  async getTriggerLabel(): Promise<string | null> {\n    return (await this.trigger()).getAttribute('aria-label');\n  }\n\n  /** The trigger icon's registered name, from `wr-icon`'s reflected `data-icon`. */\n  async getTriggerIcon(): Promise<string | null> {\n    const icon = await this.locatorForOptional('.wr-speed-dial__trigger wr-icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /** Whether the dial refuses interaction, from the trigger's own `disabled` property. */\n  async isDisabled(): Promise<boolean> {\n    return (await this.trigger()).getProperty<boolean>('disabled');\n  }\n\n  /** Whether the host is padded for the device's safe area (`safeArea`). */\n  async hasSafeArea(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-speed-dial--safe-area');\n  }\n\n  /** The role the action list announces — `menu`. */\n  async getMenuRole(): Promise<string | null> {\n    return (await this.menu()).getAttribute('role');\n  }\n\n  /**\n   * Whether the trigger's `aria-controls` names THIS dial's menu, and nothing else on\n   * the page.\n   *\n   * Both halves matter. The id is resolved inside the host first, so a trigger\n   * pointing at a SIBLING dial's menu — which resolves perfectly well from the\n   * document — fails here. Then it is counted across the document, because two menus\n   * answering to one id hand every reference to whichever comes first.\n   */\n  async isMenuBound(): Promise<boolean> {\n    const id = await (await this.trigger()).getAttribute('aria-controls');\n    if (!id) return false;\n\n    const own = await this.locatorForOptional(`.wr-speed-dial__actions#${id}`)();\n    if (!own) return false;\n\n    const everywhere = await this.documentRootLocatorFactory().locatorForAll(`#${id}`)();\n    return everywhere.length === 1;\n  }\n\n  /**\n   * The actions, in DOM order.\n   *\n   * Throws while the dial is closed. The buttons are still in the DOM then — they\n   * have to be, for the fan-out to animate — and jsdom applies no `visibility`, so\n   * they would come back looking perfectly reachable when a real user cannot tab to\n   * one. A spec that read them closed would pass on a dial that never opens.\n   */\n  async getActions(filters: WrSpeedDialActionHarnessFilters = {}): Promise<WrSpeedDialActionHarness[]> {\n    await this.requireOpen('getActions');\n    return this.locatorForAll(WrSpeedDialActionHarness.with(filters))();\n  }\n\n  /** The accessible names of the actions, in DOM order. Throws while closed. */\n  async getActionLabels(): Promise<(string | null)[]> {\n    const actions = await this.getActions();\n    return Promise.all(actions.map(action => action.getLabel()));\n  }\n\n  /** How many actions the dial holds — readable while closed, since it is not a reach. */\n  async getActionCount(): Promise<number> {\n    return (await this.locatorForAll('.wr-speed-dial__action')()).length;\n  }\n\n  /** Open the dial. An already-open one is left alone; a disabled one throws. */\n  async open(): Promise<void> {\n    if (await this.isOpen()) return;\n    await this.toggle();\n\n    if (!(await this.isOpen())) {\n      throw new Error(\n        'WrSpeedDialHarness.open(): the dial did not open. A disabled trigger refuses the click twice over — ' +\n          'the DOM swallows it, and the component checks `disabled` again.'\n      );\n    }\n  }\n\n  /** Close the dial. An already-closed one is left alone. */\n  async close(): Promise<void> {\n    if (!(await this.isOpen())) return;\n    await this.toggle();\n  }\n\n  /** Click the trigger once, whichever way that takes it. */\n  async toggle(): Promise<void> {\n    return (await this.trigger()).click();\n  }\n\n  /**\n   * Pick the first action matching the filters — emitting `pick` and closing the dial.\n   *\n   * Opens first if it has to, the way `WrDropdownHarness.clickItem` does: a spec that\n   * says \"pick Share\" means the whole gesture. Throws when nothing matches, naming\n   * what the dial does offer.\n   */\n  async pick(filters: WrSpeedDialActionHarnessFilters): Promise<void> {\n    await this.open();\n\n    const [action] = await this.getActions(filters);\n    if (!action) {\n      const offered = await this.getActionLabels();\n      throw new Error(\n        `WrSpeedDialHarness.pick(): no action matched ${JSON.stringify(filters)}. ` +\n          `The dial offers: ${offered.join(', ')}.`\n      );\n    }\n    await action.click();\n  }\n\n  /**\n   * Press Escape — closing the dial and putting focus back on the trigger.\n   *\n   * Sent to the host, which is where the component listens. The focus return is the\n   * half worth asserting: `role=\"menu\"` promises a way out, and the actions are\n   * ordinary tab stops, so without it a keyboard user has to walk through every\n   * action to leave.\n   */\n  async sendEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /** Move keyboard focus to the trigger. */\n  async focusTrigger(): Promise<void> {\n    return (await this.trigger()).focus();\n  }\n\n  /** Whether the trigger currently holds focus. */\n  async isTriggerFocused(): Promise<boolean> {\n    return (await this.trigger()).isFocused();\n  }\n\n  private async requireOpen(method: string): Promise<void> {\n    if (await this.isOpen()) return;\n    throw new Error(\n      `WrSpeedDialHarness.${method}(): the dial is closed. Its actions stay in the DOM while collapsed — the ` +\n        'fan-out animates them — and only `visibility` hides them, which a unit test does not apply. Reading ' +\n        'them now would assert buttons nobody can reach. Call open() first, or getActionCount().'\n    );\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-splash-cursor-testing.mjs

@@ -0,0 +1,89 @@
+import { 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
+ */
+/**
+ * Test harness for `<wr-splash-cursor>` — a WebGL fluid that splashes dye under the
+ * pointer.
+ *
+ * **This is a deliberately small surface, and the reason is the component.** The
+ * simulation is GL programs and framebuffers driven by `window` pointer listeners; the
+ * layout is `position: fixed`, `inset: 0`, `z-index: 50` and a `100dvh` canvas, all of
+ * it in the stylesheet. A unit test gets no WebGL context — the simulation is never
+ * constructed — and loads no stylesheet, so asking `getCssValue('position')` would
+ * answer `static` about a component whose whole layout contract is `fixed`. Three
+ * questions survive that, and they are the three below.
+ *
+ * There is no `isSimulating()`, `getSplatCount()` or `splat()`: the simulation returns
+ * `null` the moment the context is refused, so every one of those would report on
+ * something that was never built. No `moveMouse()` either — the listeners live on
+ * `window` and are only attached once a context exists, so a dispatched move reaches
+ * nothing. And no `isReducedMotion()` or `hasWebGL()`: the component renders
+ * byte-identical DOM whether it is running, standing down for reduced motion, or on a
+ * machine with no WebGL at all, so any answer would be the same for a working component
+ * and a broken one.
+ *
+ * @example
+ * ```ts
+ * const splash = await loader.getHarness(WrSplashCursorHarness);
+ *
+ * expect(await splash.isFullscreen()).toBe(true);
+ * expect(await splash.isDecorative()).toBe(true);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSplashCursorHarness extends ComponentHarness {
+    static hostSelector = 'wr-splash-cursor';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrSplashCursorHarness, options).addOption('fullscreen', options.fullscreen, async (harness, fullscreen) => (await harness.isFullscreen()) === fullscreen);
+    }
+    /**
+     * Whether the effect covers the whole viewport, rather than filling the nearest
+     * positioned ancestor.
+     *
+     * The component's one behavioural switch: fullscreen is a fixed, click-through
+     * overlay above the page, contained is an absolutely positioned box whose walls the
+     * dye collides with. Note what is being read — there is no `--fullscreen` class, only
+     * a `--contained` one written from a NEGATED binding, so this method answers the
+     * absence of a class. That inversion is exactly the kind that gets flipped in a
+     * refactor and looks fine on a page where the effect is full-viewport anyway, which
+     * is the whole reason the method exists.
+     */
+    async isFullscreen() {
+        return !(await (await this.host()).hasClass('wr-splash-cursor--contained'));
+    }
+    /**
+     * Whether the effect is hidden from assistive tech.
+     *
+     * It has no text and nothing to say, and at full size it sits in front of the entire
+     * page — so losing this puts a nameless graphic over everything a screen reader is
+     * trying to get through.
+     */
+    async isDecorative() {
+        return (await (await this.locatorFor('.wr-splash-cursor__canvas')()).getAttribute('aria-hidden')) === 'true';
+    }
+    /**
+     * Whether the drawing surface is in the markup.
+     *
+     * It is there in all three states where nothing is ever drawn on it — prerendered on
+     * the server, WebGL refused, or reduced motion — because the documented contract is
+     * that the component renders nothing VISIBLE and stops, never that it renders no
+     * element and never that it throws on a null context.
+     */
+    async hasCanvas() {
+        return (await this.locatorForOptional('.wr-splash-cursor__canvas')()) !== null;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrSplashCursorHarness };
+//# sourceMappingURL=ngwr-splash-cursor-testing.mjs.map

package/fesm2022/ngwr-splash-cursor-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-splash-cursor-testing.mjs","sources":["../../../projects/lib/splash-cursor/testing/wr-splash-cursor-harness.ts","../../../projects/lib/splash-cursor/testing/ngwr-splash-cursor-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 } from '@angular/cdk/testing';\n\nimport type { WrSplashCursorHarnessFilters } from './interfaces';\n\n/**\n * Test harness for `<wr-splash-cursor>` — a WebGL fluid that splashes dye under the\n * pointer.\n *\n * **This is a deliberately small surface, and the reason is the component.** The\n * simulation is GL programs and framebuffers driven by `window` pointer listeners; the\n * layout is `position: fixed`, `inset: 0`, `z-index: 50` and a `100dvh` canvas, all of\n * it in the stylesheet. A unit test gets no WebGL context — the simulation is never\n * constructed — and loads no stylesheet, so asking `getCssValue('position')` would\n * answer `static` about a component whose whole layout contract is `fixed`. Three\n * questions survive that, and they are the three below.\n *\n * There is no `isSimulating()`, `getSplatCount()` or `splat()`: the simulation returns\n * `null` the moment the context is refused, so every one of those would report on\n * something that was never built. No `moveMouse()` either — the listeners live on\n * `window` and are only attached once a context exists, so a dispatched move reaches\n * nothing. And no `isReducedMotion()` or `hasWebGL()`: the component renders\n * byte-identical DOM whether it is running, standing down for reduced motion, or on a\n * machine with no WebGL at all, so any answer would be the same for a working component\n * and a broken one.\n *\n * @example\n * ```ts\n * const splash = await loader.getHarness(WrSplashCursorHarness);\n *\n * expect(await splash.isFullscreen()).toBe(true);\n * expect(await splash.isDecorative()).toBe(true);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSplashCursorHarness extends ComponentHarness {\n  static hostSelector = 'wr-splash-cursor';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSplashCursorHarnessFilters = {}): HarnessPredicate<WrSplashCursorHarness> {\n    return new HarnessPredicate(WrSplashCursorHarness, options).addOption(\n      'fullscreen',\n      options.fullscreen,\n      async (harness, fullscreen) => (await harness.isFullscreen()) === fullscreen\n    );\n  }\n\n  /**\n   * Whether the effect covers the whole viewport, rather than filling the nearest\n   * positioned ancestor.\n   *\n   * The component's one behavioural switch: fullscreen is a fixed, click-through\n   * overlay above the page, contained is an absolutely positioned box whose walls the\n   * dye collides with. Note what is being read — there is no `--fullscreen` class, only\n   * a `--contained` one written from a NEGATED binding, so this method answers the\n   * absence of a class. That inversion is exactly the kind that gets flipped in a\n   * refactor and looks fine on a page where the effect is full-viewport anyway, which\n   * is the whole reason the method exists.\n   */\n  async isFullscreen(): Promise<boolean> {\n    return !(await (await this.host()).hasClass('wr-splash-cursor--contained'));\n  }\n\n  /**\n   * Whether the effect is hidden from assistive tech.\n   *\n   * It has no text and nothing to say, and at full size it sits in front of the entire\n   * page — so losing this puts a nameless graphic over everything a screen reader is\n   * trying to get through.\n   */\n  async isDecorative(): Promise<boolean> {\n    return (await (await this.locatorFor('.wr-splash-cursor__canvas')()).getAttribute('aria-hidden')) === 'true';\n  }\n\n  /**\n   * Whether the drawing surface is in the markup.\n   *\n   * It is there in all three states where nothing is ever drawn on it — prerendered on\n   * the server, WebGL refused, or reduced motion — because the documented contract is\n   * that the component renders nothing VISIBLE and stops, never that it renders no\n   * element and never that it throws on a null context.\n   */\n  async hasCanvas(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-splash-cursor__canvas')()) !== null;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAMH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BG;AACG,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AACzD,IAAA,OAAO,YAAY,GAAG,kBAAkB;;AAGxC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAwC,EAAE,EAAA;AACpD,QAAA,OAAO,IAAI,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC,SAAS,CACnE,YAAY,EACZ,OAAO,CAAC,UAAU,EAClB,OAAO,OAAO,EAAE,UAAU,KAAK,CAAC,MAAM,OAAO,CAAC,YAAY,EAAE,MAAM,UAAU,CAC7E;IACH;AAEA;;;;;;;;;;;AAWG;AACH,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,OAAO,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,6BAA6B,CAAC,CAAC;IAC7E;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,YAAY,GAAA;QAChB,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,EAAE,EAAE,YAAY,CAAC,aAAa,CAAC,MAAM,MAAM;IAC9G;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,2BAA2B,CAAC,EAAE,MAAM,IAAI;IAChF;;;AC3FF;;AAEG;;;;"}