ngwr 13.0.1 → 14.0.1

package/fesm2022/ngwr-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-button.mjs","sources":["../../../projects/lib/button/tokens/button-group.token.ts","../../../projects/lib/button/button.ts","../../../projects/lib/button/button.html","../../../projects/lib/button/button-group.ts","../../../projects/lib/button/ngwr-button.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 { InjectionToken, type Signal } from '@angular/core';\n\nimport type { WrButtonShape } from '../interfaces';\n\n/**\n * Contract a child `<wr-btn>` reads from its enclosing `<wr-btn-group>`.\n *\n * @internal\n */\nexport interface WrButtonGroupContext {\n  /** Shape cascade — child buttons fall back to this when they don't set their own. */\n  readonly shape: Signal<WrButtonShape | null>;\n}\n\n/**\n * Token a `<wr-btn>` injects to discover its parent `<wr-btn-group>`. The\n * group provides itself via this token so children can react to the\n * group's `shape` cascade.\n *\n * @internal\n */\nexport const WR_BUTTON_GROUP = new InjectionToken<WrButtonGroupContext>('WR_BUTTON_GROUP');\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 { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ElementRef, ViewEncapsulation, computed, inject, input } from '@angular/core';\n\nimport { useConfigValue } from 'ngwr/config';\nimport { WrIcon, type WrIconName } from 'ngwr/icon';\nimport { WrSpinner } from 'ngwr/spinner';\nimport type { WrColor } from 'ngwr/theme';\n\nimport type { WrButtonIconPosition, WrButtonShape, WrButtonSize } from './interfaces';\nimport { WR_BUTTON_GROUP } from './tokens';\n\n/**\n * Trigger an action. Renders as a `<wr-btn>` element, or attach to a\n * native `<button>` / `<a>` via the `wr-btn` attribute selector.\n *\n * @example\n * ```html\n * <button wr-btn color=\"primary\">Save</button>\n * <a wr-btn color=\"primary\" outlined>Cancel</a>\n * <wr-btn color=\"danger\" icon=\"trash\">Delete</wr-btn>\n * <wr-btn color=\"primary\" shape=\"pill\">Pill</wr-btn>\n * ```\n *\n * **Squircle?** Wrap with `[wrSquircle]` — the directive is the only\n * way ngwr ships smooth-corner clip-paths:\n *\n * ```html\n * <wr-btn wrSquircle [radius]=\"14\">Squircle</wr-btn>\n * ```\n *\n * Inside a `<wr-btn-group shape=\"…\">`, the group's shape is enforced on\n * every child — child `[shape]` inputs are ignored so the group reads as\n * one coherent control.\n *\n * @see https://ngwr.dev/reference/components/button\n */\n@Component({\n  selector: 'wr-btn, button[wr-btn], a[wr-btn]',\n  templateUrl: './button.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[attr.disabled]': 'nativeDisabled()',\n    '[attr.aria-busy]': 'loading() ? \"true\" : null',\n    // The three below apply ONLY to the `<wr-btn>` element form — see\n    // `isCustomHost`. A native `<button>` / `<a>` already has all of it.\n    '[attr.role]': 'hostRole()',\n    '[attr.tabindex]': 'hostTabIndex()',\n    '[attr.aria-disabled]': 'hostAriaDisabled()',\n    '(keydown)': 'onHostKeydown($event)',\n  },\n  imports: [WrIcon, WrSpinner],\n})\nexport class WrButton {\n  /**\n   * Color variant. Omit for the neutral default style.\n   *\n   * Deliberately NOT configurable app-wide: the library's own chrome binds\n   * `[color]=\"isCurrent ? 'primary' : null\"`, where `null` means neutral, and a\n   * configured intent would repaint every one of those buttons. See `WrConfig`.\n   *\n   * @default null\n   */\n  readonly color = input<WrColor | null>(null);\n\n  /**\n   * Size variant. Unset, it resolves through\n   * `provideWrConfig({ button: { size } })` and then to `md`.\n   *\n   * @default 'md'\n   */\n  readonly size = input<WrButtonSize | null>(null);\n\n  /**\n   * Corner treatment — `rounded`, `pill` or `squircle`. `null` (default) falls\n   * back to `rounded`. Inside a `<wr-btn-group shape=\"…\">`, the group's shape\n   * ALWAYS wins over this input — the group enforces a consistent corner\n   * treatment across its members.\n   *\n   * @default null\n   */\n  readonly shape = input<WrButtonShape | null>(null);\n\n  /**\n   * Icon name to render alongside the label. The icon is hidden while\n   * `loading` is `true` so the spinner can take its place.\n   *\n   * @default null\n   */\n  readonly icon = input<WrIconName | null>(null);\n\n  /** Position of the icon relative to the label. @default 'start' */\n  readonly iconPosition = input<WrButtonIconPosition>('start');\n\n  /** Disable the button. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Outlined variant — colored text and border on a transparent background. @default false */\n  readonly outlined = input(false, { transform: coerceBooleanProperty });\n\n  /** Stretch the button to fill its parent's width. @default false */\n  readonly block = input(false, { transform: coerceBooleanProperty });\n\n  /** Show a spinner overlaying the label. Layout is preserved. @default false */\n  readonly loading = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * When `loading` is `true` and this is also `true`, pointer events are\n   * suppressed and the button reports as disabled to assistive tech.\n   *\n   * @default true\n   */\n  readonly isDisabledWhenLoading = input(true, { transform: coerceBooleanProperty });\n\n  private readonly group = inject(WR_BUTTON_GROUP, { optional: true });\n\n  /** The size, or the app-wide default, or `md`. @see useConfigValue */\n  protected readonly resolvedSize = useConfigValue<WrButtonSize>(this.size, c => c.button?.size, 'md');\n\n  /**\n   * Resolved shape. Inside a `<wr-btn-group>`, the group ALWAYS wins — child\n   * `[shape]` is ignored entirely so the group reads as one coherent control.\n   * Outside a group, the button's own `[shape]` is used, falling back to\n   * `rounded`. Not config-resolved: see `WrConfig` for why a boolean cannot\n   * express this three-valued input.\n   */\n  protected readonly resolvedShape = computed<WrButtonShape>(() =>\n    this.group ? (this.group.shape() ?? 'rounded') : (this.shape() ?? 'rounded')\n  );\n\n  private readonly hostEl = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Whether this instance is the `<wr-btn>` ELEMENT rather than the attribute\n   * form on a native `<button>` / `<a>`.\n   *\n   * The element form is documented as first-class and is what the pagination,\n   * event-calendar and popconfirm chrome use — but a custom element has no\n   * button semantics of its own. It was rendering with no `role`, no\n   * `tabindex` and no keyboard activation, so it was invisible to assistive\n   * tech and unreachable by Tab. Measured in Chromium against the built site:\n   * the whole `wr-pagination` subtree, 26 elements, contained ZERO focusable\n   * nodes and sixty Tab presses never entered it. axe cannot see this — an\n   * unknown element with no role simply is not an interactive control to it,\n   * which is the same blind spot that lets `disabled` pass unnoticed on a\n   * custom element.\n   */\n  private readonly isCustomHost = this.hostEl.nativeElement.tagName === 'WR-BTN';\n\n  private readonly isOff = computed(() => this.disabled() || (this.loading() && this.isDisabledWhenLoading()));\n\n  protected readonly nativeDisabled = computed<'' | null>(() => (this.isOff() ? '' : null));\n\n  protected readonly hostRole = computed<'button' | null>(() => (this.isCustomHost ? 'button' : null));\n\n  /** Out of the tab order while off — `disabled` is inert on a custom element. */\n  protected readonly hostTabIndex = computed<'0' | null>(() => (this.isCustomHost && !this.isOff() ? '0' : null));\n\n  protected readonly hostAriaDisabled = computed<'true' | null>(() =>\n    this.isCustomHost && this.isOff() ? 'true' : null\n  );\n\n  /**\n   * Enter and Space activate a button. A native one does this for free; a\n   * custom element does not, so without this the element form could be focused\n   * (once it had a tabindex) and still not be operable.\n   *\n   * `preventDefault` on Space is not optional — it scrolls the page otherwise.\n   * The pointer path needs no guard here: `.wr-btn[disabled]` already sets\n   * `pointer-events: none`.\n   */\n  protected onHostKeydown(event: KeyboardEvent): void {\n    if (!this.isCustomHost) return;\n    if (event.key !== 'Enter' && event.key !== ' ') return;\n\n    event.preventDefault();\n    if (this.isOff()) return;\n    this.hostEl.nativeElement.click();\n  }\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-btn'];\n\n    const color = this.color();\n    if (color) parts.push(`wr-btn--${color}`);\n\n    const size = this.resolvedSize();\n    if (size !== 'md') parts.push(`wr-btn--${size}`);\n\n    const shape = this.resolvedShape();\n    if (shape !== 'rounded') parts.push(`wr-btn--${shape}`);\n\n    if (this.outlined()) parts.push('wr-btn--outlined');\n    if (this.block()) parts.push('wr-btn--block');\n    if (this.loading()) parts.push('wr-btn--loading');\n\n    const hasAdornment = !!this.icon() || this.loading();\n    if (hasAdornment) parts.push(`wr-btn--icon-${this.iconPosition()}`);\n\n    return parts.join(' ');\n  });\n}\n","@if (loading()) {\n  <wr-spinner class=\"wr-btn__spin\" size=\"sm\" />\n}\n\n@if (icon(); as name) {\n  <wr-icon class=\"wr-btn__icon\" [name]=\"name\" />\n}\n\n<span class=\"wr-btn__label\">\n  <ng-content />\n</span>\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 { Component, ViewEncapsulation, computed, forwardRef, input } from '@angular/core';\n\nimport type { WrButtonShape } from './interfaces';\nimport { WR_BUTTON_GROUP, type WrButtonGroupContext } from './tokens';\n\n/**\n * Visually group buttons by merging their borders. Optionally enforce a\n * single corner treatment across every child via `[shape]` — child\n * `<wr-btn>` `[shape]` inputs are ignored when set on the group.\n *\n * @example\n * ```html\n * <wr-btn-group>\n *   <button wr-btn>Left</button>\n *   <button wr-btn>Middle</button>\n *   <button wr-btn>Right</button>\n * </wr-btn-group>\n *\n * <wr-btn-group shape=\"pill\">\n *   <button wr-btn>One</button>\n *   <button wr-btn>Two</button>\n *   <button wr-btn>Three</button>\n * </wr-btn-group>\n * ```\n *\n * @see https://ngwr.dev/reference/components/button-group\n */\n@Component({\n  selector: 'wr-btn-group',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClasses()',\n    role: 'group',\n  },\n  // forwardRef required: WrButtonGroup is self-referenced before its declaration ends.\n  // eslint-disable-next-line @angular-eslint/no-forward-ref\n  providers: [{ provide: WR_BUTTON_GROUP, useExisting: forwardRef(() => WrButtonGroup) }],\n})\nexport class WrButtonGroup implements WrButtonGroupContext {\n  /**\n   * Corner treatment enforced on every child `<wr-btn>`. Child `[shape]`\n   * inputs are ignored when this is set — the group exists to make a\n   * uniform control. `null` (default) leaves children alone.\n   *\n   * @default null\n   */\n  readonly shape = input<WrButtonShape | null>(null);\n\n  protected readonly hostClasses = computed(() => {\n    const parts = ['wr-btn-group'];\n    const s = this.shape();\n    if (s) parts.push(`wr-btn-group--${s}`);\n    return parts.join(' ');\n  });\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-button.mjs","sources":["../../../projects/lib/button/tokens/button-group.token.ts","../../../projects/lib/button/button.ts","../../../projects/lib/button/button.html","../../../projects/lib/button/button-group.ts","../../../projects/lib/button/ngwr-button.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 { InjectionToken, type Signal } from '@angular/core';\n\nimport type { WrButtonShape } from '../interfaces';\n\n/**\n * Contract a child `<wr-btn>` reads from its enclosing `<wr-btn-group>`.\n *\n * @internal\n */\nexport interface WrButtonGroupContext {\n  /** Shape cascade — child buttons fall back to this when they don't set their own. */\n  readonly shape: Signal<WrButtonShape | null>;\n}\n\n/**\n * Token a `<wr-btn>` injects to discover its parent `<wr-btn-group>`. The\n * group provides itself via this token so children can react to the\n * group's `shape` cascade.\n *\n * @internal\n */\nexport const WR_BUTTON_GROUP = new InjectionToken<WrButtonGroupContext>('WR_BUTTON_GROUP');\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 { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  ElementRef,\n  Injector,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { useConfigValue } from 'ngwr/config';\nimport { WrIcon, type WrIconName } from 'ngwr/icon';\nimport { WrSpinner } from 'ngwr/spinner';\nimport type { WrColor } from 'ngwr/theme';\n\nimport type { WrButtonIconPosition, WrButtonShape, WrButtonSize } from './interfaces';\nimport { WR_BUTTON_GROUP } from './tokens';\n\n/**\n * Trigger an action. Renders as a `<wr-btn>` element, or attach to a\n * native `<button>` / `<a>` via the `wr-btn` attribute selector.\n *\n * @example\n * ```html\n * <button wr-btn color=\"primary\">Save</button>\n * <a wr-btn color=\"primary\" outlined>Cancel</a>\n * <wr-btn color=\"danger\" icon=\"trash\">Delete</wr-btn>\n * <wr-btn color=\"primary\" shape=\"pill\">Pill</wr-btn>\n * ```\n *\n * **Squircle?** Wrap with `[wrSquircle]` — the directive is the only\n * way ngwr ships smooth-corner clip-paths:\n *\n * ```html\n * <wr-btn wrSquircle [radius]=\"14\">Squircle</wr-btn>\n * ```\n *\n * Inside a `<wr-btn-group shape=\"…\">`, the group's shape is enforced on\n * every child — child `[shape]` inputs are ignored so the group reads as\n * one coherent control.\n *\n * **Inside a `<form>`, use the native form.** `<wr-btn>` is a custom element\n * carrying `role=\"button\"`, and no custom element submits a form — the platform\n * submits for `<button>`, `<input type=\"submit\">` and `<input type=\"image\">`\n * and nothing else. That is why there is no `type` input: it would look like it\n * worked. Implicit submission (Enter in a text field) does not reach it either.\n *\n * ```html\n * <button wr-btn type=\"submit\" color=\"primary\">Save</button>\n * ```\n *\n * @see https://ngwr.dev/reference/components/button\n */\n@Component({\n  selector: 'wr-btn, button[wr-btn], a[wr-btn]',\n  templateUrl: './button.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[attr.disabled]': 'nativeDisabled()',\n    '[attr.aria-busy]': 'loading() ? \"true\" : null',\n    // The three below apply ONLY to the `<wr-btn>` element form — see\n    // `isCustomHost`. A native `<button>` / `<a>` already has all of it.\n    '[attr.role]': 'hostRole()',\n    '[attr.tabindex]': 'hostTabIndex()',\n    '[attr.aria-disabled]': 'hostAriaDisabled()',\n    '(keydown)': 'onHostKeydown($event)',\n    '(focus)': 'onHostFocus()',\n    '(blur)': 'onHostBlur()',\n  },\n  imports: [WrIcon, WrSpinner],\n})\nexport class WrButton {\n  /**\n   * Color variant. Omit for the neutral default style.\n   *\n   * Deliberately NOT configurable app-wide: the library's own chrome binds\n   * `[color]=\"isCurrent ? 'primary' : null\"`, where `null` means neutral, and a\n   * configured intent would repaint every one of those buttons. See `WrConfig`.\n   *\n   * @default null\n   */\n  readonly color = input<WrColor | null>(null);\n\n  /**\n   * Size variant. Unset, it resolves through\n   * `provideWrConfig({ button: { size } })` and then to `md`.\n   *\n   * @default 'md'\n   */\n  readonly size = input<WrButtonSize | null>(null);\n\n  /**\n   * Corner treatment — `rounded`, `pill` or `squircle`. `null` (default) falls\n   * back to `rounded`. Inside a `<wr-btn-group shape=\"…\">`, the group's shape\n   * ALWAYS wins over this input — the group enforces a consistent corner\n   * treatment across its members.\n   *\n   * @default null\n   */\n  readonly shape = input<WrButtonShape | null>(null);\n\n  /**\n   * Icon name to render alongside the label. The icon is hidden while\n   * `loading` is `true` so the spinner can take its place.\n   *\n   * @default null\n   */\n  readonly icon = input<WrIconName | null>(null);\n\n  /** Position of the icon relative to the label. @default 'start' */\n  readonly iconPosition = input<WrButtonIconPosition>('start');\n\n  /** Disable the button. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Outlined variant — colored text and border on a transparent background. @default false */\n  readonly outlined = input(false, { transform: coerceBooleanProperty });\n\n  /** Stretch the button to fill its parent's width. @default false */\n  readonly block = input(false, { transform: coerceBooleanProperty });\n\n  /** Show a spinner overlaying the label. Layout is preserved. @default false */\n  readonly loading = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * When `loading` is `true` and this is also `true`, pointer events are\n   * suppressed and the button reports as disabled to assistive tech.\n   *\n   * @default true\n   */\n  readonly disabledWhenLoading = input(true, { transform: coerceBooleanProperty });\n\n  private readonly group = inject(WR_BUTTON_GROUP, { optional: true });\n\n  /** The size, or the app-wide default, or `md`. @see useConfigValue */\n  protected readonly resolvedSize = useConfigValue<WrButtonSize>(this.size, c => c.button?.size, 'md');\n\n  /**\n   * Resolved shape. Inside a `<wr-btn-group>`, the group ALWAYS wins — child\n   * `[shape]` is ignored entirely so the group reads as one coherent control.\n   * Outside a group, the button's own `[shape]` is used, falling back to\n   * `rounded`. Not config-resolved: see `WrConfig` for why a boolean cannot\n   * express this three-valued input.\n   */\n  protected readonly resolvedShape = computed<WrButtonShape>(() =>\n    this.group ? (this.group.shape() ?? 'rounded') : (this.shape() ?? 'rounded')\n  );\n\n  private readonly hostEl = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Whether this instance is the `<wr-btn>` ELEMENT rather than the attribute\n   * form on a native `<button>` / `<a>`.\n   *\n   * The element form is documented as first-class and is what the pagination,\n   * event-calendar and popconfirm chrome use — but a custom element has no\n   * button semantics of its own. It was rendering with no `role`, no\n   * `tabindex` and no keyboard activation, so it was invisible to assistive\n   * tech and unreachable by Tab. Measured in Chromium against the built site:\n   * the whole `wr-pagination` subtree, 26 elements, contained ZERO focusable\n   * nodes and sixty Tab presses never entered it. axe cannot see this — an\n   * unknown element with no role simply is not an interactive control to it,\n   * which is the same blind spot that lets `disabled` pass unnoticed on a\n   * custom element.\n   */\n  private readonly isCustomHost = this.hostEl.nativeElement.tagName === 'WR-BTN';\n\n  private readonly isOff = computed(() => this.disabled() || (this.loading() && this.disabledWhenLoading()));\n\n  protected readonly nativeDisabled = computed<'' | null>(() => (this.isOff() ? '' : null));\n\n  protected readonly hostRole = computed<'button' | null>(() => (this.isCustomHost ? 'button' : null));\n\n  /** Out of the tab order while off — `disabled` is inert on a custom element. */\n  protected readonly hostTabIndex = computed<'0' | null>(() => (this.isCustomHost && !this.isOff() ? '0' : null));\n\n  protected readonly hostAriaDisabled = computed<'true' | null>(() =>\n    this.isCustomHost && this.isOff() ? 'true' : null\n  );\n\n  /**\n   * Enter and Space activate a button. A native one does this for free; a\n   * custom element does not, so without this the element form could be focused\n   * (once it had a tabindex) and still not be operable.\n   *\n   * `preventDefault` on Space is not optional — it scrolls the page otherwise.\n   * The pointer path needs no guard here: `.wr-btn[disabled]` already sets\n   * `pointer-events: none`.\n   */\n  protected onHostKeydown(event: KeyboardEvent): void {\n    if (!this.isCustomHost) return;\n    if (event.key !== 'Enter' && event.key !== ' ') return;\n\n    event.preventDefault();\n    if (this.isOff()) return;\n    this.hostEl.nativeElement.click();\n  }\n\n  private readonly injector = inject(Injector);\n\n  /**\n   * Whether this button is the one the caret was on, so it can be handed back\n   * the focus that goes missing while it is off.\n   *\n   * A control that becomes `disabled` while focused stops being a focusable\n   * area, and the browser runs the unfocusing steps: nothing else is nominated,\n   * so the caret lands on `<body>`. With `disabledWhenLoading` on by default\n   * that happens on EVERY async button — a keyboard user presses Enter on\n   * \"Save\" and the next Tab restarts from the top of the document, while a\n   * screen-reader user is told neither that the wait began nor that it ended,\n   * because the element they were on has left the a11y tree. The `<wr-btn>`\n   * element form loses its `tabindex` instead of gaining `disabled` and is\n   * unfocused for the same reason.\n   *\n   * Deliberately NOT keyed on reading `activeElement` when `isOff()` flips: an\n   * effect in this component's own view runs AFTER the parent has applied this\n   * directive's host bindings, so by then the attribute has landed and the\n   * browser has already moved the caret — the read would answer `<body>` on\n   * every real browser and the button on jsdom, which is the worst of both.\n   *\n   * The flag is written by the focus listeners instead, and a `blur` fired\n   * WHILE off keeps it set rather than clearing it: that blur is the browser\n   * taking the caret away, not the user leaving. A browser that fires no blur\n   * on disable at all is covered too — the flag simply stays as `focus` left it,\n   * and the `<body>` test below is what decides whether the focus is orphaned.\n   */\n  private hadFocus = false;\n\n  /** @internal Host `focus` — see `hadFocus`. */\n  protected onHostFocus(): void {\n    this.hadFocus = true;\n  }\n\n  /** @internal Host `blur` — see `hadFocus`. */\n  protected onHostBlur(): void {\n    this.hadFocus = this.isOff();\n  }\n\n  constructor() {\n    effect(() => {\n      if (this.isOff()) return;\n      if (!this.hadFocus) return;\n      const el = this.hostEl.nativeElement;\n\n      // Deferred: the host binding that drops `disabled` (or restores the\n      // `tabindex`) has not necessarily run yet, and `focus()` on a still\n      // disabled element is a silent no-op — the exact failure this is here to\n      // fix.\n      afterNextRender(\n        () => {\n          if (!this.hadFocus || this.isOff()) return;\n          const doc = el.ownerDocument;\n          const active = doc?.activeElement ?? null;\n          // Still ours — nothing was ever taken away, so keep the flag for the\n          // cycle that does take it.\n          if (active === el) return;\n          // Someone else owns the caret now: a user who tabbed on while the\n          // request was in flight must not be yanked back to a button they have\n          // finished with.\n          this.hadFocus = false;\n          if (active && doc && active !== doc.body) return;\n          el.focus();\n        },\n        { injector: this.injector }\n      );\n    });\n  }\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-btn'];\n\n    const color = this.color();\n    if (color) parts.push(`wr-btn--${color}`);\n\n    const size = this.resolvedSize();\n    if (size !== 'md') parts.push(`wr-btn--${size}`);\n\n    const shape = this.resolvedShape();\n    if (shape !== 'rounded') parts.push(`wr-btn--${shape}`);\n\n    if (this.outlined()) parts.push('wr-btn--outlined');\n    if (this.block()) parts.push('wr-btn--block');\n    if (this.loading()) parts.push('wr-btn--loading');\n\n    const hasAdornment = !!this.icon() || this.loading();\n    if (hasAdornment) parts.push(`wr-btn--icon-${this.iconPosition()}`);\n\n    return parts.join(' ');\n  });\n}\n","@if (loading()) {\n  <wr-spinner class=\"wr-btn__spin\" size=\"sm\" />\n}\n\n@if (icon(); as name) {\n  <wr-icon class=\"wr-btn__icon\" [name]=\"name\" />\n}\n\n<span class=\"wr-btn__label\">\n  <ng-content />\n</span>\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 { Component, ViewEncapsulation, computed, forwardRef, input } from '@angular/core';\n\nimport type { WrButtonShape } from './interfaces';\nimport { WR_BUTTON_GROUP, type WrButtonGroupContext } from './tokens';\n\n/**\n * Visually group buttons by merging their borders. Optionally enforce a\n * single corner treatment across every child via `[shape]` — child\n * `<wr-btn>` `[shape]` inputs are ignored when set on the group.\n *\n * @example\n * ```html\n * <wr-btn-group>\n *   <button wr-btn>Left</button>\n *   <button wr-btn>Middle</button>\n *   <button wr-btn>Right</button>\n * </wr-btn-group>\n *\n * <wr-btn-group shape=\"pill\">\n *   <button wr-btn>One</button>\n *   <button wr-btn>Two</button>\n *   <button wr-btn>Three</button>\n * </wr-btn-group>\n * ```\n *\n * @see https://ngwr.dev/reference/components/button-group\n */\n@Component({\n  selector: 'wr-btn-group',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClasses()',\n    role: 'group',\n  },\n  // forwardRef required: WrButtonGroup is self-referenced before its declaration ends.\n  // eslint-disable-next-line @angular-eslint/no-forward-ref\n  providers: [{ provide: WR_BUTTON_GROUP, useExisting: forwardRef(() => WrButtonGroup) }],\n})\nexport class WrButtonGroup implements WrButtonGroupContext {\n  /**\n   * Corner treatment enforced on every child `<wr-btn>`. Child `[shape]`\n   * inputs are ignored when this is set — the group exists to make a\n   * uniform control. `null` (default) leaves children alone.\n   *\n   * @default null\n   */\n  readonly shape = input<WrButtonShape | null>(null);\n\n  protected readonly hostClasses = computed(() => {\n    const parts = ['wr-btn-group'];\n    const s = this.shape();\n    if (s) parts.push(`wr-btn-group--${s}`);\n    return parts.join(' ');\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-calendar-heatmap.mjs

@@ -173,10 +173,10 @@ class WrCalendarHeatmap {
             return 0.75;
         return 1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrCalendarHeatmap, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: WrCalendarHeatmap, isStandalone: true, selector: "wr-calendar-heatmap", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: false, transformFunction: null }, weeks: { classPropertyName: "weeks", publicName: "weeks", isSignal: true, isRequired: false, transformFunction: null }, cellSize: { classPropertyName: "cellSize", publicName: "cellSize", isSignal: true, isRequired: false, transformFunction: null }, cellGap: { classPropertyName: "cellGap", publicName: "cellGap", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, emptyColor: { classPropertyName: "emptyColor", publicName: "emptyColor", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-calendar-heatmap" }, ngImport: i0, template: "<div\n  class=\"wr-calendar-heatmap__grid\"\n  role=\"img\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [style.--wr-heatmap-cell-size.px]=\"cellSize()\"\n  [style.--wr-heatmap-cell-gap.px]=\"cellGap()\"\n  [style.--wr-heatmap-columns]=\"columnCount()\"\n>\n  @if (showLabels()) {\n    <div class=\"wr-calendar-heatmap__weekdays\">\n      @for (label of weekdayLabels(); track $index) {\n        <span class=\"wr-calendar-heatmap__weekday\">{{ label }}</span>\n      }\n    </div>\n  }\n\n  <div class=\"wr-calendar-heatmap__cells\">\n    @for (cell of cells(); track cell.iso) {\n      <span\n        class=\"wr-calendar-heatmap__cell\"\n        [style.background]=\"colorFor(cell.intensity)\"\n        [style.opacity]=\"opacityFor(cell.intensity)\"\n        [style.grid-column]=\"cell.week + 1\"\n        [style.grid-row]=\"cell.day + 1\"\n        [title]=\"`${cell.iso}: ${cell.value}`\"\n        aria-hidden=\"true\"\n      ></span>\n    }\n  </div>\n\n  @if (showLabels()) {\n    <div class=\"wr-calendar-heatmap__months\">\n      @for (m of monthLabels(); track $index) {\n        <span class=\"wr-calendar-heatmap__month\" [style.grid-column]=\"m.week + 1\">{{ m.label }}</span>\n      }\n    </div>\n  }\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCalendarHeatmap, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrCalendarHeatmap, isStandalone: true, selector: "wr-calendar-heatmap", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: false, transformFunction: null }, weeks: { classPropertyName: "weeks", publicName: "weeks", isSignal: true, isRequired: false, transformFunction: null }, cellSize: { classPropertyName: "cellSize", publicName: "cellSize", isSignal: true, isRequired: false, transformFunction: null }, cellGap: { classPropertyName: "cellGap", publicName: "cellGap", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, emptyColor: { classPropertyName: "emptyColor", publicName: "emptyColor", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-calendar-heatmap" }, ngImport: i0, template: "<div\n  class=\"wr-calendar-heatmap__grid\"\n  role=\"img\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [style.--wr-heatmap-cell-size.px]=\"cellSize()\"\n  [style.--wr-heatmap-cell-gap.px]=\"cellGap()\"\n  [style.--wr-heatmap-columns]=\"columnCount()\"\n>\n  @if (showLabels()) {\n    <div class=\"wr-calendar-heatmap__weekdays\">\n      @for (label of weekdayLabels(); track $index) {\n        <span class=\"wr-calendar-heatmap__weekday\">{{ label }}</span>\n      }\n    </div>\n  }\n\n  <div class=\"wr-calendar-heatmap__cells\">\n    @for (cell of cells(); track cell.iso) {\n      <span\n        class=\"wr-calendar-heatmap__cell\"\n        [style.background]=\"colorFor(cell.intensity)\"\n        [style.opacity]=\"opacityFor(cell.intensity)\"\n        [style.grid-column]=\"cell.week + 1\"\n        [style.grid-row]=\"cell.day + 1\"\n        [title]=\"`${cell.iso}: ${cell.value}`\"\n        aria-hidden=\"true\"\n      ></span>\n    }\n  </div>\n\n  @if (showLabels()) {\n    <div class=\"wr-calendar-heatmap__months\">\n      @for (m of monthLabels(); track $index) {\n        <span class=\"wr-calendar-heatmap__month\" [style.grid-column]=\"m.week + 1\">{{ m.label }}</span>\n      }\n    </div>\n  }\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrCalendarHeatmap, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCalendarHeatmap, decorators: [{
             type: Component,
             args: [{ selector: 'wr-calendar-heatmap', encapsulation: ViewEncapsulation.None, host: { class: 'wr-calendar-heatmap' }, template: "<div\n  class=\"wr-calendar-heatmap__grid\"\n  role=\"img\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [style.--wr-heatmap-cell-size.px]=\"cellSize()\"\n  [style.--wr-heatmap-cell-gap.px]=\"cellGap()\"\n  [style.--wr-heatmap-columns]=\"columnCount()\"\n>\n  @if (showLabels()) {\n    <div class=\"wr-calendar-heatmap__weekdays\">\n      @for (label of weekdayLabels(); track $index) {\n        <span class=\"wr-calendar-heatmap__weekday\">{{ label }}</span>\n      }\n    </div>\n  }\n\n  <div class=\"wr-calendar-heatmap__cells\">\n    @for (cell of cells(); track cell.iso) {\n      <span\n        class=\"wr-calendar-heatmap__cell\"\n        [style.background]=\"colorFor(cell.intensity)\"\n        [style.opacity]=\"opacityFor(cell.intensity)\"\n        [style.grid-column]=\"cell.week + 1\"\n        [style.grid-row]=\"cell.day + 1\"\n        [title]=\"`${cell.iso}: ${cell.value}`\"\n        aria-hidden=\"true\"\n      ></span>\n    }\n  </div>\n\n  @if (showLabels()) {\n    <div class=\"wr-calendar-heatmap__months\">\n      @for (m of monthLabels(); track $index) {\n        <span class=\"wr-calendar-heatmap__month\" [style.grid-column]=\"m.week + 1\">{{ m.label }}</span>\n      }\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], endDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "endDate", required: false }] }], weeks: [{ type: i0.Input, args: [{ isSignal: true, alias: "weeks", required: false }] }], cellSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellSize", required: false }] }], cellGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellGap", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], emptyColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyColor", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }] } });

package/fesm2022/ngwr-calendar-testing.mjs

@@ -42,6 +42,21 @@ class WrCalendarDayHarness extends ComponentHarness {
     async getDayOfMonth() {
         return Number(await this.getText());
     }
+    /**
+     * What a screen reader announces for this cell — "Thursday, January 15, 2026".
+     *
+     * A SECOND question from {@link getText}, and the reason this method exists:
+     * until v14 the cell had no name at all, so the two answers were "15" and
+     * nothing. A spec that reads only the drawn number passes on a grid that
+     * announces bare integers with no month, year or weekday anywhere in it.
+     *
+     * The string is `calendar.dayLabel` interpolated with the adapter's
+     * `longDate`, so it moves with the locale AND with the adapter — assert
+     * against the pair your spec provides, not against an English literal.
+     */
+    async getAccessibleName() {
+        return (await this.host()).getAttribute('aria-label');
+    }
     /** `'gridcell'` — the cell is a button, and the grid semantics are what a spec should assert. */
     async getRole() {
         return (await this.host()).getAttribute('role');

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

@@ -1 +1 @@
-{"version":3,"file":"ngwr-calendar-testing.mjs","sources":["../../../projects/lib/calendar/testing/wr-calendar-day-harness.ts","../../../projects/lib/calendar/testing/wr-calendar-harness.ts","../../../projects/lib/calendar/testing/ngwr-calendar-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 { WrCalendarDayHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one day cell of a `<wr-calendar>` grid.\n *\n * The cell belongs to the calendar, and a date-picker's popup is a calendar in an\n * overlay — so this is the harness for both, re-exported from\n * `ngwr/date-picker/testing` under the name it shipped as\n * (`WrDatePickerDayHarness`). Reach it through `WrCalendarHarness.getDays()`, or\n * through `WrDatePickerHarness.getDay()` / `getDays()`, which scope it to ONE\n * picker's panel — those cells are in the shared overlay container, so a bare query\n * would answer with whichever picker opened first.\n *\n * State is read the way a screen reader reads it (`role`, `aria-selected`,\n * `aria-disabled`) with the `.wr-calendar__day--*` modifiers filling in what\n * ARIA has no word for: today, the spill days of the neighbouring months, and\n * the interior of a picked range.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrCalendarDayHarness extends ComponentHarness {\n  static hostSelector = '.wr-calendar__day';\n\n  /** Build a predicate that narrows the query. */\n  static with(options: WrCalendarDayHarnessFilters = {}): HarnessPredicate<WrCalendarDayHarness> {\n    return new HarnessPredicate(WrCalendarDayHarness, options)\n      .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text))\n      .addOption('selected', options.selected, async (harness, selected) => (await harness.isSelected()) === selected)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)\n      .addOption('inRange', options.inRange, async (harness, inRange) => (await harness.isInRange()) === inRange);\n  }\n\n  /** The day number as rendered. */\n  async getText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /** The day number as a number, for mapping a list of cells to dates. */\n  async getDayOfMonth(): Promise<number> {\n    return Number(await this.getText());\n  }\n\n  /** `'gridcell'` — the cell is a button, and the grid semantics are what a spec should assert. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /** Whether this day is (one end of) the current selection. */\n  async isSelected(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-selected')) === 'true';\n  }\n\n  /**\n   * Whether the day refuses selection — `min` / `max` or `dateFilter` ruled it\n   * out, or the whole calendar is disabled.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the cell is today's date. */\n  async isToday(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--today');\n  }\n\n  /**\n   * Whether the cell belongs to a neighbouring month. The grid is always 6x7, so\n   * every month is padded with days that are selectable but not \"in\" the month —\n   * which is why `WrDatePickerHarness.getDay` and {@link WrCalendarHarness.getDay} skip them.\n   */\n  async isOutOfMonth(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--out-of-month');\n  }\n\n  /** Whether the day lies strictly between the two ends of a picked range. */\n  async isInRange(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--in-range');\n  }\n\n  /**\n   * Whether this is the roving cell — the grid's single tab stop, and where the\n   * arrow keys move from.\n   *\n   * At most ONE cell answers `true`, and it is not always one: the calendar's\n   * roving date does not follow `next()` / `previous()`, so a grid navigated away\n   * from that month has no active cell (and, deliberately or not, no tab stop)\n   * until a cell is clicked or the arrows move it.\n   */\n  async isActive(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--focused');\n  }\n\n  /** Click the cell. A disabled cell swallows the click — assert, do not assume. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\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, type TestElement } from '@angular/cdk/testing';\n\nimport type { WrCalendarMode } from 'ngwr/calendar';\n\nimport type {\n  WrCalendarChip,\n  WrCalendarDayHarnessFilters,\n  WrCalendarHarnessFilters,\n  WrCalendarView,\n} from './interfaces';\nimport { WrCalendarDayHarness } from './wr-calendar-day-harness';\n\n/** The arrow keys, by the direction a user would say out loud. */\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/**\n * Test harness for `<wr-calendar>` — the standalone month grid, and the one\n * `<wr-date-picker>` puts in an overlay.\n *\n * **It is three views behind one header.** Clicking the header label walks\n * `day → month → year`, and each view renders something different: a\n * `role=\"grid\"` of day cells, or a `role=\"listbox\"` of chips. Every day method\n * throws off the day view rather than answering `[]`, which would read as \"this\n * month has no days\".\n *\n * **The roving cell is not the selection.** The grid has one tab stop and the\n * arrows move it; it starts on the selected date, or on today when nothing is\n * picked. And it does NOT follow {@link next} / {@link previous} — a grid paged\n * away from the roving month has no active cell at all, and so no tab stop, until\n * a key or a click puts one back. That is the component's behaviour, and\n * {@link getActiveDayNumber} is how a spec sees it.\n *\n * **Keys go to the host, not to a cell.** The component listens on its own element,\n * so {@link pressArrow} works whether or not jsdom managed to put real focus\n * anywhere — which it often does not, since the calendar moves focus in an\n * `afterNextRender` and a disabled cell cannot take it.\n *\n * @example\n * ```ts\n * const calendar = await loader.getHarness(WrCalendarHarness);\n *\n * expect(await calendar.getHeaderLabel()).toBe('March 2026');\n * await (await calendar.getDay(14)).click();\n * expect(await calendar.getSelectedDayNumbers()).toEqual([14]);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrCalendarHarness extends ComponentHarness {\n  static hostSelector = 'wr-calendar';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrCalendarHarnessFilters = {}): HarnessPredicate<WrCalendarHarness> {\n    return new HarnessPredicate(WrCalendarHarness, options)\n      .addOption('headerLabel', options.headerLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getHeaderLabel(), label)\n      )\n      .addOption('mode', options.mode, async (harness, mode) => (await harness.getMode()) === mode)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly header = this.locatorFor('.wr-calendar__label');\n  private readonly prevButton = this.locatorFor('.wr-calendar__nav--prev');\n  private readonly nextButton = this.locatorFor('.wr-calendar__nav--next');\n\n  /** Which sub-view is showing. */\n  async getView(): Promise<WrCalendarView> {\n    if ((await this.locatorForOptional('.wr-calendar__months')()) !== null) return 'month';\n    if ((await this.locatorForOptional('.wr-calendar__years')()) !== null) return 'year';\n    return 'day';\n  }\n\n  /** Single- or range-selection, from the host modifier. */\n  async getMode(): Promise<WrCalendarMode> {\n    return (await (await this.host()).hasClass('wr-calendar--range')) ? 'range' : 'single';\n  }\n\n  /** Whether the whole calendar refuses interaction. */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar--disabled');\n  }\n\n  /** The header text — `March 2026`, `2026`, or `2016 – 2027` depending on the view. */\n  async getHeaderLabel(): Promise<string> {\n    return (await this.header()).text();\n  }\n\n  /**\n   * Click the header — stepping `day → month → year`.\n   *\n   * The year view is the end of the walk: the header is disabled there, so this\n   * throws rather than clicking a button the DOM would ignore.\n   */\n  async clickHeader(): Promise<void> {\n    const header = await this.header();\n    if (await header.getProperty<boolean>('disabled')) {\n      throw new Error(\n        `WrCalendarHarness.clickHeader(): the header is disabled — the calendar is on the ` +\n          `${await this.getView()} view, which is where the walk stops (or the whole calendar is disabled).`\n      );\n    }\n    await header.click();\n  }\n\n  /**\n   * Step back — a month, a year or twelve years, depending on the view.\n   *\n   * The roving day cell does NOT come along: paging is a view change, not a\n   * navigation, and the tab stop stays on the month it was in.\n   */\n  async previous(): Promise<void> {\n    await (await this.prevButton()).click();\n  }\n\n  /** Step forward — a month, a year or twelve years, depending on the view. */\n  async next(): Promise<void> {\n    await (await this.nextButton()).click();\n  }\n\n  /**\n   * The back arrow's accessible name, which changes with the view — the arrows are\n   * icon-only, so this is the only name they have.\n   */\n  async getPreviousLabel(): Promise<string | null> {\n    return (await this.prevButton()).getAttribute('aria-label');\n  }\n\n  /** The forward arrow's accessible name. */\n  async getNextLabel(): Promise<string | null> {\n    return (await this.nextButton()).getAttribute('aria-label');\n  }\n\n  /** The weekday column headers, in the order the adapter's first day of week puts them. */\n  async getWeekdayNames(): Promise<string[]> {\n    await this.requireView('day', 'getWeekdayNames');\n    const names = await this.locatorForAll('.wr-calendar__weekday')();\n    return Promise.all(names.map(name => name.text()));\n  }\n\n  /**\n   * Every day cell, in DOM order — 42 of them, since the grid is always six weeks.\n   *\n   * That includes the spill days of the neighbouring months, which are selectable\n   * and not \"in\" the month; {@link getDay} skips them, and\n   * `WrCalendarDayHarness.isOutOfMonth()` tells them apart.\n   */\n  async getDays(filters: WrCalendarDayHarnessFilters = {}): Promise<WrCalendarDayHarness[]> {\n    await this.requireView('day', 'getDays');\n    return this.locatorForAll(WrCalendarDayHarness.with(filters))();\n  }\n\n  /**\n   * The cell for a day of THIS month.\n   *\n   * The number alone is ambiguous — a 42-cell grid shows most numbers twice — so\n   * the spill days are skipped rather than matched, which is what \"the 3rd\" means\n   * to someone reading the calendar.\n   */\n  async getDay(dayOfMonth: number): Promise<WrCalendarDayHarness> {\n    for (const day of await this.getDays({ text: String(dayOfMonth) })) {\n      if (!(await day.isOutOfMonth())) return day;\n    }\n    throw new Error(\n      `WrCalendarHarness.getDay(${dayOfMonth}): no such day in ${await this.getHeaderLabel()}. Only cells of ` +\n        'the displayed month count — the grid spills into its neighbours, and those are skipped.'\n    );\n  }\n\n  /** The day numbers currently selected — one in single mode, both ends in range mode. */\n  async getSelectedDayNumbers(): Promise<number[]> {\n    const selected = await this.getDays({ selected: true });\n    return Promise.all(selected.map(day => day.getDayOfMonth()));\n  }\n\n  /** The day numbers strictly inside a picked range — never the ends. */\n  async getInRangeDayNumbers(): Promise<number[]> {\n    const inRange = await this.getDays({ inRange: true });\n    return Promise.all(inRange.map(day => day.getDayOfMonth()));\n  }\n\n  /**\n   * The day number holding the roving tab stop, or `null` when the grid has none.\n   *\n   * `null` is a real answer, not a failure: paging with {@link next} leaves the\n   * roving date behind in another month, and the grid then has no `tabindex=\"0\"`\n   * at all until a key or a click puts one back.\n   */\n  async getActiveDayNumber(): Promise<number | null> {\n    for (const day of await this.getDays()) {\n      if (await day.isActive()) return day.getDayOfMonth();\n    }\n    return null;\n  }\n\n  /** The month chips, with their state. Throws off the month view. */\n  async getMonths(): Promise<WrCalendarChip[]> {\n    await this.requireView('month', 'getMonths');\n    return this.readChips();\n  }\n\n  /** The year chips, with their state. Throws off the year view. */\n  async getYears(): Promise<WrCalendarChip[]> {\n    await this.requireView('year', 'getYears');\n    return this.readChips();\n  }\n\n  /**\n   * Click a month or year chip by its printed label — which drops the calendar back\n   * one view, the way clicking the header climbed up.\n   *\n   * Throws on the day view, where there are no chips, and on a label the view does\n   * not offer, naming what it does.\n   */\n  async selectChip(label: string): Promise<void> {\n    const view = await this.getView();\n    if (view === 'day') {\n      throw new Error(\n        'WrCalendarHarness.selectChip(): the calendar is on the day view, which has no chips. Click the ' +\n          'header first — it walks day → month → year.'\n      );\n    }\n\n    for (const chip of await this.locatorForAll('.wr-calendar__chip')()) {\n      if ((await chip.text()) === label) {\n        await chip.click();\n        return;\n      }\n    }\n\n    const offered = (await this.readChips()).map(chip => chip.label);\n    throw new Error(`WrCalendarHarness.selectChip(\"${label}\"): the ${view} view offers: ${offered.join(', ')}.`);\n  }\n\n  /**\n   * Press an arrow key — one day left or right, one WEEK up or down.\n   *\n   * Sent to the host, where the component listens, so this does not depend on jsdom\n   * having managed to focus a cell. Under `dir=\"rtl\"` the horizontal pair mirrors:\n   * ArrowRight goes back a day, because the grid itself is mirrored.\n   */\n  async pressArrow(arrow: Arrow): Promise<void> {\n    await (await this.host()).sendKeys(ARROWS[arrow]);\n  }\n\n  /** Press Home — the first day of the roving cell's week, not of the month. */\n  async pressHome(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.HOME);\n  }\n\n  /** Press End — the last day of the roving cell's week. */\n  async pressEnd(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.END);\n  }\n\n  /** Press PageUp — a month back, or a YEAR back with `shift`. */\n  async pressPageUp(options: { shift?: boolean } = {}): Promise<void> {\n    const host = await this.host();\n    await (options.shift ? host.sendKeys({ shift: true }, TestKey.PAGE_UP) : host.sendKeys(TestKey.PAGE_UP));\n  }\n\n  /** Press PageDown — a month on, or a YEAR on with `shift`. */\n  async pressPageDown(options: { shift?: boolean } = {}): Promise<void> {\n    const host = await this.host();\n    await (options.shift ? host.sendKeys({ shift: true }, TestKey.PAGE_DOWN) : host.sendKeys(TestKey.PAGE_DOWN));\n  }\n\n  /** Press Enter — picking the roving day, exactly as clicking it would. */\n  async pressEnter(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ENTER);\n  }\n\n  /**\n   * The role of the element that owns the day rows.\n   *\n   * Worth asserting rather than assuming: the grid is NOT the host. The host also\n   * holds the nav header, and a `role=\"grid\"` may only own rows — so the role sits\n   * on the body, and the weekday strip is a row inside it rather than a sibling.\n   */\n  async getGridRole(): Promise<string | null> {\n    const body = await this.locatorForOptional('.wr-calendar__body')();\n    return body ? body.getAttribute('role') : null;\n  }\n\n  /** How many week rows the grid renders — always six, which is what keeps it from reflowing. */\n  async getWeekCount(): Promise<number> {\n    await this.requireView('day', 'getWeekCount');\n    return (await this.locatorForAll('.wr-calendar__week')()).length;\n  }\n\n  private async readChips(): Promise<WrCalendarChip[]> {\n    const chips = await this.locatorForAll('.wr-calendar__chip')();\n\n    return Promise.all(\n      chips.map(async (chip: TestElement) => ({\n        label: await chip.text(),\n        selected: (await chip.getAttribute('aria-selected')) === 'true',\n        current: await chip.hasClass('wr-calendar__chip--current'),\n        disabled: (await chip.getAttribute('aria-disabled')) === 'true',\n      }))\n    );\n  }\n\n  private async requireView(view: WrCalendarView, method: string): Promise<void> {\n    const current = await this.getView();\n    if (current === view) return;\n\n    throw new Error(\n      `WrCalendarHarness.${method}(): the calendar is showing the ${current} view, not the ${view} one — those ` +\n        'elements are not rendered at all. The header walks day → month → year; clicking a chip walks back down.'\n    );\n  }\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-calendar-testing.mjs","sources":["../../../projects/lib/calendar/testing/wr-calendar-day-harness.ts","../../../projects/lib/calendar/testing/wr-calendar-harness.ts","../../../projects/lib/calendar/testing/ngwr-calendar-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 { WrCalendarDayHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one day cell of a `<wr-calendar>` grid.\n *\n * The cell belongs to the calendar, and a date-picker's popup is a calendar in an\n * overlay — so this is the harness for both, re-exported from\n * `ngwr/date-picker/testing` under the name it shipped as\n * (`WrDatePickerDayHarness`). Reach it through `WrCalendarHarness.getDays()`, or\n * through `WrDatePickerHarness.getDay()` / `getDays()`, which scope it to ONE\n * picker's panel — those cells are in the shared overlay container, so a bare query\n * would answer with whichever picker opened first.\n *\n * State is read the way a screen reader reads it (`role`, `aria-selected`,\n * `aria-disabled`) with the `.wr-calendar__day--*` modifiers filling in what\n * ARIA has no word for: today, the spill days of the neighbouring months, and\n * the interior of a picked range.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrCalendarDayHarness extends ComponentHarness {\n  static hostSelector = '.wr-calendar__day';\n\n  /** Build a predicate that narrows the query. */\n  static with(options: WrCalendarDayHarnessFilters = {}): HarnessPredicate<WrCalendarDayHarness> {\n    return new HarnessPredicate(WrCalendarDayHarness, options)\n      .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text))\n      .addOption('selected', options.selected, async (harness, selected) => (await harness.isSelected()) === selected)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)\n      .addOption('inRange', options.inRange, async (harness, inRange) => (await harness.isInRange()) === inRange);\n  }\n\n  /** The day number as rendered. */\n  async getText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /** The day number as a number, for mapping a list of cells to dates. */\n  async getDayOfMonth(): Promise<number> {\n    return Number(await this.getText());\n  }\n\n  /**\n   * What a screen reader announces for this cell — \"Thursday, January 15, 2026\".\n   *\n   * A SECOND question from {@link getText}, and the reason this method exists:\n   * until v14 the cell had no name at all, so the two answers were \"15\" and\n   * nothing. A spec that reads only the drawn number passes on a grid that\n   * announces bare integers with no month, year or weekday anywhere in it.\n   *\n   * The string is `calendar.dayLabel` interpolated with the adapter's\n   * `longDate`, so it moves with the locale AND with the adapter — assert\n   * against the pair your spec provides, not against an English literal.\n   */\n  async getAccessibleName(): Promise<string | null> {\n    return (await this.host()).getAttribute('aria-label');\n  }\n\n  /** `'gridcell'` — the cell is a button, and the grid semantics are what a spec should assert. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /** Whether this day is (one end of) the current selection. */\n  async isSelected(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-selected')) === 'true';\n  }\n\n  /**\n   * Whether the day refuses selection — `min` / `max` or `dateFilter` ruled it\n   * out, or the whole calendar is disabled.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the cell is today's date. */\n  async isToday(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--today');\n  }\n\n  /**\n   * Whether the cell belongs to a neighbouring month. The grid is always 6x7, so\n   * every month is padded with days that are selectable but not \"in\" the month —\n   * which is why `WrDatePickerHarness.getDay` and {@link WrCalendarHarness.getDay} skip them.\n   */\n  async isOutOfMonth(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--out-of-month');\n  }\n\n  /** Whether the day lies strictly between the two ends of a picked range. */\n  async isInRange(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--in-range');\n  }\n\n  /**\n   * Whether this is the roving cell — the grid's single tab stop, and where the\n   * arrow keys move from.\n   *\n   * At most ONE cell answers `true`, and it is not always one: the calendar's\n   * roving date does not follow `next()` / `previous()`, so a grid navigated away\n   * from that month has no active cell (and, deliberately or not, no tab stop)\n   * until a cell is clicked or the arrows move it.\n   */\n  async isActive(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar__day--focused');\n  }\n\n  /** Click the cell. A disabled cell swallows the click — assert, do not assume. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\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, type TestElement } from '@angular/cdk/testing';\n\nimport type { WrCalendarMode } from 'ngwr/calendar';\n\nimport type {\n  WrCalendarArrowKey,\n  WrCalendarChip,\n  WrCalendarDayHarnessFilters,\n  WrCalendarHarnessFilters,\n  WrCalendarView,\n} from './interfaces';\nimport { WrCalendarDayHarness } from './wr-calendar-day-harness';\n\nconst ARROWS: Record<WrCalendarArrowKey, TestKey> = {\n  left: TestKey.LEFT_ARROW,\n  right: TestKey.RIGHT_ARROW,\n  up: TestKey.UP_ARROW,\n  down: TestKey.DOWN_ARROW,\n};\n\n/**\n * Test harness for `<wr-calendar>` — the standalone month grid, and the one\n * `<wr-date-picker>` puts in an overlay.\n *\n * **It is three views behind one header.** Clicking the header label walks\n * `day → month → year`, and each view renders something different: a\n * `role=\"grid\"` of day cells, or a `role=\"listbox\"` of chips. Every day method\n * throws off the day view rather than answering `[]`, which would read as \"this\n * month has no days\".\n *\n * **The roving cell is not the selection.** The grid has one tab stop and the\n * arrows move it; it starts on the selected date, or on today when nothing is\n * picked. And it does NOT follow {@link next} / {@link previous} — a grid paged\n * away from the roving month has no active cell at all, and so no tab stop, until\n * a key or a click puts one back. That is the component's behaviour, and\n * {@link getActiveDayNumber} is how a spec sees it.\n *\n * **Keys go to the host, not to a cell.** The component listens on its own element,\n * so {@link pressArrow} works whether or not jsdom managed to put real focus\n * anywhere — which it often does not, since the calendar moves focus in an\n * `afterNextRender` and a disabled cell cannot take it.\n *\n * @example\n * ```ts\n * const calendar = await loader.getHarness(WrCalendarHarness);\n *\n * expect(await calendar.getHeaderLabel()).toBe('March 2026');\n * await (await calendar.getDay(14)).click();\n * expect(await calendar.getSelectedDayNumbers()).toEqual([14]);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrCalendarHarness extends ComponentHarness {\n  static hostSelector = 'wr-calendar';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrCalendarHarnessFilters = {}): HarnessPredicate<WrCalendarHarness> {\n    return new HarnessPredicate(WrCalendarHarness, options)\n      .addOption('headerLabel', options.headerLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getHeaderLabel(), label)\n      )\n      .addOption('mode', options.mode, async (harness, mode) => (await harness.getMode()) === mode)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly header = this.locatorFor('.wr-calendar__label');\n  private readonly prevButton = this.locatorFor('.wr-calendar__nav--prev');\n  private readonly nextButton = this.locatorFor('.wr-calendar__nav--next');\n\n  /** Which sub-view is showing. */\n  async getView(): Promise<WrCalendarView> {\n    if ((await this.locatorForOptional('.wr-calendar__months')()) !== null) return 'month';\n    if ((await this.locatorForOptional('.wr-calendar__years')()) !== null) return 'year';\n    return 'day';\n  }\n\n  /** Single- or range-selection, from the host modifier. */\n  async getMode(): Promise<WrCalendarMode> {\n    return (await (await this.host()).hasClass('wr-calendar--range')) ? 'range' : 'single';\n  }\n\n  /** Whether the whole calendar refuses interaction. */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-calendar--disabled');\n  }\n\n  /** The header text — `March 2026`, `2026`, or `2016 – 2027` depending on the view. */\n  async getHeaderLabel(): Promise<string> {\n    return (await this.header()).text();\n  }\n\n  /**\n   * Click the header — stepping `day → month → year`.\n   *\n   * The year view is the end of the walk: the header is disabled there, so this\n   * throws rather than clicking a button the DOM would ignore.\n   */\n  async clickHeader(): Promise<void> {\n    const header = await this.header();\n    if (await header.getProperty<boolean>('disabled')) {\n      throw new Error(\n        `WrCalendarHarness.clickHeader(): the header is disabled — the calendar is on the ` +\n          `${await this.getView()} view, which is where the walk stops (or the whole calendar is disabled).`\n      );\n    }\n    await header.click();\n  }\n\n  /**\n   * Step back — a month, a year or twelve years, depending on the view.\n   *\n   * The roving day cell does NOT come along: paging is a view change, not a\n   * navigation, and the tab stop stays on the month it was in.\n   */\n  async previous(): Promise<void> {\n    await (await this.prevButton()).click();\n  }\n\n  /** Step forward — a month, a year or twelve years, depending on the view. */\n  async next(): Promise<void> {\n    await (await this.nextButton()).click();\n  }\n\n  /**\n   * The back arrow's accessible name, which changes with the view — the arrows are\n   * icon-only, so this is the only name they have.\n   */\n  async getPreviousLabel(): Promise<string | null> {\n    return (await this.prevButton()).getAttribute('aria-label');\n  }\n\n  /** The forward arrow's accessible name. */\n  async getNextLabel(): Promise<string | null> {\n    return (await this.nextButton()).getAttribute('aria-label');\n  }\n\n  /** The weekday column headers, in the order the adapter's first day of week puts them. */\n  async getWeekdayNames(): Promise<string[]> {\n    await this.requireView('day', 'getWeekdayNames');\n    const names = await this.locatorForAll('.wr-calendar__weekday')();\n    return Promise.all(names.map(name => name.text()));\n  }\n\n  /**\n   * Every day cell, in DOM order — 42 of them, since the grid is always six weeks.\n   *\n   * That includes the spill days of the neighbouring months, which are selectable\n   * and not \"in\" the month; {@link getDay} skips them, and\n   * `WrCalendarDayHarness.isOutOfMonth()` tells them apart.\n   */\n  async getDays(filters: WrCalendarDayHarnessFilters = {}): Promise<WrCalendarDayHarness[]> {\n    await this.requireView('day', 'getDays');\n    return this.locatorForAll(WrCalendarDayHarness.with(filters))();\n  }\n\n  /**\n   * The cell for a day of THIS month.\n   *\n   * The number alone is ambiguous — a 42-cell grid shows most numbers twice — so\n   * the spill days are skipped rather than matched, which is what \"the 3rd\" means\n   * to someone reading the calendar.\n   */\n  async getDay(dayOfMonth: number): Promise<WrCalendarDayHarness> {\n    for (const day of await this.getDays({ text: String(dayOfMonth) })) {\n      if (!(await day.isOutOfMonth())) return day;\n    }\n    throw new Error(\n      `WrCalendarHarness.getDay(${dayOfMonth}): no such day in ${await this.getHeaderLabel()}. Only cells of ` +\n        'the displayed month count — the grid spills into its neighbours, and those are skipped.'\n    );\n  }\n\n  /** The day numbers currently selected — one in single mode, both ends in range mode. */\n  async getSelectedDayNumbers(): Promise<number[]> {\n    const selected = await this.getDays({ selected: true });\n    return Promise.all(selected.map(day => day.getDayOfMonth()));\n  }\n\n  /** The day numbers strictly inside a picked range — never the ends. */\n  async getInRangeDayNumbers(): Promise<number[]> {\n    const inRange = await this.getDays({ inRange: true });\n    return Promise.all(inRange.map(day => day.getDayOfMonth()));\n  }\n\n  /**\n   * The day number holding the roving tab stop, or `null` when the grid has none.\n   *\n   * `null` is a real answer, not a failure: paging with {@link next} leaves the\n   * roving date behind in another month, and the grid then has no `tabindex=\"0\"`\n   * at all until a key or a click puts one back.\n   */\n  async getActiveDayNumber(): Promise<number | null> {\n    for (const day of await this.getDays()) {\n      if (await day.isActive()) return day.getDayOfMonth();\n    }\n    return null;\n  }\n\n  /** The month chips, with their state. Throws off the month view. */\n  async getMonths(): Promise<WrCalendarChip[]> {\n    await this.requireView('month', 'getMonths');\n    return this.readChips();\n  }\n\n  /** The year chips, with their state. Throws off the year view. */\n  async getYears(): Promise<WrCalendarChip[]> {\n    await this.requireView('year', 'getYears');\n    return this.readChips();\n  }\n\n  /**\n   * Click a month or year chip by its printed label — which drops the calendar back\n   * one view, the way clicking the header climbed up.\n   *\n   * Throws on the day view, where there are no chips, and on a label the view does\n   * not offer, naming what it does.\n   */\n  async selectChip(label: string): Promise<void> {\n    const view = await this.getView();\n    if (view === 'day') {\n      throw new Error(\n        'WrCalendarHarness.selectChip(): the calendar is on the day view, which has no chips. Click the ' +\n          'header first — it walks day → month → year.'\n      );\n    }\n\n    for (const chip of await this.locatorForAll('.wr-calendar__chip')()) {\n      if ((await chip.text()) === label) {\n        await chip.click();\n        return;\n      }\n    }\n\n    const offered = (await this.readChips()).map(chip => chip.label);\n    throw new Error(`WrCalendarHarness.selectChip(\"${label}\"): the ${view} view offers: ${offered.join(', ')}.`);\n  }\n\n  /**\n   * Press an arrow key — one day left or right, one WEEK up or down.\n   *\n   * Sent to the host, where the component listens, so this does not depend on jsdom\n   * having managed to focus a cell. Under `dir=\"rtl\"` the horizontal pair mirrors:\n   * ArrowRight goes back a day, because the grid itself is mirrored.\n   */\n  async pressArrow(arrow: WrCalendarArrowKey): Promise<void> {\n    await (await this.host()).sendKeys(ARROWS[arrow]);\n  }\n\n  /** Press Home — the first day of the roving cell's week, not of the month. */\n  async pressHome(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.HOME);\n  }\n\n  /** Press End — the last day of the roving cell's week. */\n  async pressEnd(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.END);\n  }\n\n  /** Press PageUp — a month back, or a YEAR back with `shift`. */\n  async pressPageUp(options: { shift?: boolean } = {}): Promise<void> {\n    const host = await this.host();\n    await (options.shift ? host.sendKeys({ shift: true }, TestKey.PAGE_UP) : host.sendKeys(TestKey.PAGE_UP));\n  }\n\n  /** Press PageDown — a month on, or a YEAR on with `shift`. */\n  async pressPageDown(options: { shift?: boolean } = {}): Promise<void> {\n    const host = await this.host();\n    await (options.shift ? host.sendKeys({ shift: true }, TestKey.PAGE_DOWN) : host.sendKeys(TestKey.PAGE_DOWN));\n  }\n\n  /** Press Enter — picking the roving day, exactly as clicking it would. */\n  async pressEnter(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ENTER);\n  }\n\n  /**\n   * The role of the element that owns the day rows.\n   *\n   * Worth asserting rather than assuming: the grid is NOT the host. The host also\n   * holds the nav header, and a `role=\"grid\"` may only own rows — so the role sits\n   * on the body, and the weekday strip is a row inside it rather than a sibling.\n   */\n  async getGridRole(): Promise<string | null> {\n    const body = await this.locatorForOptional('.wr-calendar__body')();\n    return body ? body.getAttribute('role') : null;\n  }\n\n  /** How many week rows the grid renders — always six, which is what keeps it from reflowing. */\n  async getWeekCount(): Promise<number> {\n    await this.requireView('day', 'getWeekCount');\n    return (await this.locatorForAll('.wr-calendar__week')()).length;\n  }\n\n  private async readChips(): Promise<WrCalendarChip[]> {\n    const chips = await this.locatorForAll('.wr-calendar__chip')();\n\n    return Promise.all(\n      chips.map(async (chip: TestElement) => ({\n        label: await chip.text(),\n        selected: (await chip.getAttribute('aria-selected')) === 'true',\n        current: await chip.hasClass('wr-calendar__chip--current'),\n        disabled: (await chip.getAttribute('aria-disabled')) === 'true',\n      }))\n    );\n  }\n\n  private async requireView(view: WrCalendarView, method: string): Promise<void> {\n    const current = await this.getView();\n    if (current === view) return;\n\n    throw new Error(\n      `WrCalendarHarness.${method}(): the calendar is showing the ${current} view, not the ${view} one — those ` +\n        'elements are not rendered at all. The header walks day → month → year; clicking a chip walks back down.'\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-calendar.mjs

@@ -3,7 +3,7 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { signal, input, model, inject, ElementRef, Injector, computed, afterNextRender, effect, untracked, ViewEncapsulation, Component } from '@angular/core';
 import { WrDateAdapter } from 'ngwr/date';
-import { useI18nText } from 'ngwr/i18n';
+import { useI18nText, useI18nFormatter } from 'ngwr/i18n';
 
 /**
  * @license
@@ -147,22 +147,68 @@ class WrCalendar {
         return Array.from({ length: 12 }, (_, i) => start + i);
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "yearsView" }] : /* istanbul ignore next */ []));
+    /**
+     * The header above the grid.
+     *
+     * Both templated strings used to be assembled here: `${month} ${year}` and
+     * `${first} – ${last}`. That is English word order with an English separator
+     * baked into TypeScript, and no catalog could move either — ja-JP writes
+     * 2026年3月, which is not a translation of any word in `March 2026` but a
+     * different arrangement of the same two values. So the arrangement is the
+     * translatable unit, and `calendar.header` / `calendar.yearRange` are it.
+     */
     headerLabel = computed(() => {
         const v = this.viewDate();
         switch (this.viewMode()) {
             case 'day': {
                 const monthNames = this.adapter.getMonthNames('long');
-                return `${monthNames[this.adapter.getMonth(v)]} ${this.adapter.getYear(v)}`;
+                return this.headerText({
+                    month: monthNames[this.adapter.getMonth(v)],
+                    year: this.adapter.getYear(v),
+                });
             }
             case 'month':
                 return `${this.adapter.getYear(v)}`;
             case 'year': {
                 const years = this.yearsView();
-                return `${years[0]} – ${years[years.length - 1]}`;
+                return this.yearRangeText({ from: years[0], to: years[years.length - 1] });
             }
         }
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "headerLabel" }] : /* istanbul ignore next */ []));
+    headerText = useI18nFormatter('calendar.header', '{{month}} {{year}}');
+    yearRangeText = useI18nFormatter('calendar.yearRange', '{{from}} – {{to}}');
+    dayLabelText = useI18nFormatter('calendar.dayLabel', '{{weekday}}, {{date}}');
+    /**
+     * Long weekday names for the cell names.
+     *
+     * `getDayOfWeekNames` returns them in COLUMN order — index 0 is
+     * `getFirstDayOfWeek()`, not Sunday — which is what the header strip wants and
+     * what a `getDayOfWeek()` result (0 = Sunday) must be rotated into. Indexing
+     * it directly reads Monday's name for a Sunday in every locale that starts its
+     * week on Monday, which is most of them.
+     */
+    longWeekdays = computed(() => this.adapter.getDayOfWeekNames('long'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "longWeekdays" }] : /* istanbul ignore next */ []));
+    /**
+     * A day cell's accessible name — "Sunday, March 15, 2026".
+     *
+     * The cell had none. Its only content is the day NUMBER, and `role="gridcell"`
+     * does not inherit a name from the grid's header or from the column header
+     * above it, so every date in the month announced as a bare number: the month,
+     * the year and the weekday were all on screen and none of them reachable.
+     *
+     * `{{date}}` is the adapter's `longDate`, so its field order, its separators
+     * and its digits are `Intl`'s — the catalog decides only where the weekday
+     * goes. Building it from `getMonthNames('long')` instead would have hard-coded
+     * the nominative month, which Russian and Finnish inflect inside a date.
+     */
+    dayLabel(date) {
+        return this.dayLabelText({
+            weekday: this.longWeekdays()[(this.adapter.getDayOfWeek(date) - this.adapter.getFirstDayOfWeek() + 7) % 7],
+            date: this.adapter.format(date, 'longDate'),
+        });
+    }
     /** 6×7 day grid covering the current month plus spillover. */
     weeks = computed(() => {
         const view = this.viewDate();
@@ -699,10 +745,10 @@ class WrCalendar {
             return 'ArrowRight';
         return key;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: WrCalendar, isStandalone: true, selector: "wr-calendar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", range: "rangeChange" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"wr-calendar__header\">\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--prev\"\n    [attr.aria-label]=\"prevLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"prev()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__label\"\n    [disabled]=\"disabled() || viewMode() === 'year'\"\n    (click)=\"onLabelClick()\"\n  >\n    {{ headerLabel() }}\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--next\"\n    [attr.aria-label]=\"nextLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"next()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </button>\n</div>\n\n@switch (viewMode()) {\n  @case ('day') {\n    <!--\n      The weekday strip and the week rows are one grid, so they share a wrapper:\n      `role=\"grid\"` may only own rows, and as siblings the header row had no grid\n      parent at all. `.wr-calendar__body` repeats the host's column gap, so the\n      rendered spacing is unchanged.\n    -->\n    <div class=\"wr-calendar__body\" role=\"grid\">\n      <div class=\"wr-calendar__weekdays\" role=\"row\">\n        @for (name of weekdayNames(); track name) {\n          <span class=\"wr-calendar__weekday\" role=\"columnheader\">{{ name }}</span>\n        }\n      </div>\n\n      <div class=\"wr-calendar__grid\" role=\"rowgroup\" (mouseleave)=\"onCellLeave()\">\n        @for (week of weeks(); track $index) {\n          <div class=\"wr-calendar__week\" role=\"row\">\n            @for (day of week; track trackByTime($index, day)) {\n              <button\n                type=\"button\"\n                class=\"wr-calendar__day\"\n                role=\"gridcell\"\n                [class.wr-calendar__day--today]=\"isToday(day)\"\n                [class.wr-calendar__day--out-of-month]=\"isOutOfMonth(day)\"\n                [class.wr-calendar__day--selected]=\"isSelected(day)\"\n                [class.wr-calendar__day--in-range]=\"isInRange(day)\"\n                [class.wr-calendar__day--range-preview]=\"isInRangePreview(day)\"\n                [class.wr-calendar__day--focused]=\"isFocused(day)\"\n                [disabled]=\"isDisabled(day)\"\n                [attr.tabindex]=\"isFocused(day) ? 0 : -1\"\n                [attr.aria-selected]=\"isSelected(day)\"\n                [attr.aria-disabled]=\"isDisabled(day)\"\n                (click)=\"onCellClick(day)\"\n                (mouseenter)=\"onCellEnter(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @case ('month') {\n    <!--\n      A listbox owns its arrows, so its options share ONE tab stop: twelve months\n      that were each tabbable announced a keyboard model \u2014 arrow to a month, Tab\n      out of the list \u2014 that the component did not have. `activeChip()` is where\n      the ring is, and it is always an enabled chip.\n    -->\n    <div class=\"wr-calendar__months\" role=\"listbox\">\n      @for (name of monthsView(); track name) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isMonthCurrent($index)\"\n          [class.wr-calendar__chip--selected]=\"isMonthSelected($index)\"\n          [disabled]=\"isMonthDisabled($index)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isMonthSelected($index)\"\n          [attr.aria-disabled]=\"isMonthDisabled($index)\"\n          (click)=\"onMonthSelect($index)\"\n        >\n          {{ name }}\n        </button>\n      }\n    </div>\n  }\n\n  @case ('year') {\n    <div class=\"wr-calendar__years\" role=\"listbox\">\n      @for (year of yearsView(); track year) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isYearCurrent(year)\"\n          [class.wr-calendar__chip--selected]=\"isYearSelected(year)\"\n          [disabled]=\"isYearDisabled(year)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isYearSelected(year)\"\n          [attr.aria-disabled]=\"isYearDisabled(year)\"\n          (click)=\"onYearSelect(year)\"\n        >\n          {{ year }}\n        </button>\n      }\n    </div>\n  }\n}\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrCalendar, isStandalone: true, selector: "wr-calendar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", range: "rangeChange" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"wr-calendar__header\">\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--prev\"\n    [attr.aria-label]=\"prevLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"prev()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__label\"\n    [disabled]=\"disabled() || viewMode() === 'year'\"\n    (click)=\"onLabelClick()\"\n  >\n    {{ headerLabel() }}\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--next\"\n    [attr.aria-label]=\"nextLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"next()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </button>\n</div>\n\n@switch (viewMode()) {\n  @case ('day') {\n    <!--\n      The weekday strip and the week rows are one grid, so they share a wrapper:\n      `role=\"grid\"` may only own rows, and as siblings the header row had no grid\n      parent at all. `.wr-calendar__body` repeats the host's column gap, so the\n      rendered spacing is unchanged.\n    -->\n    <div class=\"wr-calendar__body\" role=\"grid\">\n      <div class=\"wr-calendar__weekdays\" role=\"row\">\n        @for (name of weekdayNames(); track name) {\n          <span class=\"wr-calendar__weekday\" role=\"columnheader\">{{ name }}</span>\n        }\n      </div>\n\n      <div class=\"wr-calendar__grid\" role=\"rowgroup\" (mouseleave)=\"onCellLeave()\">\n        @for (week of weeks(); track $index) {\n          <div class=\"wr-calendar__week\" role=\"row\">\n            @for (day of week; track trackByTime($index, day)) {\n              <button\n                type=\"button\"\n                class=\"wr-calendar__day\"\n                role=\"gridcell\"\n                [class.wr-calendar__day--today]=\"isToday(day)\"\n                [class.wr-calendar__day--out-of-month]=\"isOutOfMonth(day)\"\n                [class.wr-calendar__day--selected]=\"isSelected(day)\"\n                [class.wr-calendar__day--in-range]=\"isInRange(day)\"\n                [class.wr-calendar__day--range-preview]=\"isInRangePreview(day)\"\n                [class.wr-calendar__day--focused]=\"isFocused(day)\"\n                [disabled]=\"isDisabled(day)\"\n                [attr.tabindex]=\"isFocused(day) ? 0 : -1\"\n                [attr.aria-label]=\"dayLabel(day)\"\n                [attr.aria-selected]=\"isSelected(day)\"\n                [attr.aria-disabled]=\"isDisabled(day)\"\n                (click)=\"onCellClick(day)\"\n                (mouseenter)=\"onCellEnter(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @case ('month') {\n    <!--\n      A listbox owns its arrows, so its options share ONE tab stop: twelve months\n      that were each tabbable announced a keyboard model \u2014 arrow to a month, Tab\n      out of the list \u2014 that the component did not have. `activeChip()` is where\n      the ring is, and it is always an enabled chip.\n    -->\n    <div class=\"wr-calendar__months\" role=\"listbox\">\n      @for (name of monthsView(); track name) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isMonthCurrent($index)\"\n          [class.wr-calendar__chip--selected]=\"isMonthSelected($index)\"\n          [disabled]=\"isMonthDisabled($index)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isMonthSelected($index)\"\n          [attr.aria-disabled]=\"isMonthDisabled($index)\"\n          (click)=\"onMonthSelect($index)\"\n        >\n          {{ name }}\n        </button>\n      }\n    </div>\n  }\n\n  @case ('year') {\n    <div class=\"wr-calendar__years\" role=\"listbox\">\n      @for (year of yearsView(); track year) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isYearCurrent(year)\"\n          [class.wr-calendar__chip--selected]=\"isYearSelected(year)\"\n          [disabled]=\"isYearDisabled(year)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isYearSelected(year)\"\n          [attr.aria-disabled]=\"isYearDisabled(year)\"\n          (click)=\"onYearSelect(year)\"\n        >\n          {{ year }}\n        </button>\n      }\n    </div>\n  }\n}\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCalendar, decorators: [{
             type: Component,
             args: [{ selector: 'wr-calendar', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'classes()',
@@ -710,7 +756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         // only own rows. The role sits on `.wr-calendar__body`, which is the day
                         // matrix and nothing else.
                         '(keydown)': 'onKeyDown($event)',
-                    }, template: "<div class=\"wr-calendar__header\">\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--prev\"\n    [attr.aria-label]=\"prevLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"prev()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__label\"\n    [disabled]=\"disabled() || viewMode() === 'year'\"\n    (click)=\"onLabelClick()\"\n  >\n    {{ headerLabel() }}\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--next\"\n    [attr.aria-label]=\"nextLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"next()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </button>\n</div>\n\n@switch (viewMode()) {\n  @case ('day') {\n    <!--\n      The weekday strip and the week rows are one grid, so they share a wrapper:\n      `role=\"grid\"` may only own rows, and as siblings the header row had no grid\n      parent at all. `.wr-calendar__body` repeats the host's column gap, so the\n      rendered spacing is unchanged.\n    -->\n    <div class=\"wr-calendar__body\" role=\"grid\">\n      <div class=\"wr-calendar__weekdays\" role=\"row\">\n        @for (name of weekdayNames(); track name) {\n          <span class=\"wr-calendar__weekday\" role=\"columnheader\">{{ name }}</span>\n        }\n      </div>\n\n      <div class=\"wr-calendar__grid\" role=\"rowgroup\" (mouseleave)=\"onCellLeave()\">\n        @for (week of weeks(); track $index) {\n          <div class=\"wr-calendar__week\" role=\"row\">\n            @for (day of week; track trackByTime($index, day)) {\n              <button\n                type=\"button\"\n                class=\"wr-calendar__day\"\n                role=\"gridcell\"\n                [class.wr-calendar__day--today]=\"isToday(day)\"\n                [class.wr-calendar__day--out-of-month]=\"isOutOfMonth(day)\"\n                [class.wr-calendar__day--selected]=\"isSelected(day)\"\n                [class.wr-calendar__day--in-range]=\"isInRange(day)\"\n                [class.wr-calendar__day--range-preview]=\"isInRangePreview(day)\"\n                [class.wr-calendar__day--focused]=\"isFocused(day)\"\n                [disabled]=\"isDisabled(day)\"\n                [attr.tabindex]=\"isFocused(day) ? 0 : -1\"\n                [attr.aria-selected]=\"isSelected(day)\"\n                [attr.aria-disabled]=\"isDisabled(day)\"\n                (click)=\"onCellClick(day)\"\n                (mouseenter)=\"onCellEnter(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @case ('month') {\n    <!--\n      A listbox owns its arrows, so its options share ONE tab stop: twelve months\n      that were each tabbable announced a keyboard model \u2014 arrow to a month, Tab\n      out of the list \u2014 that the component did not have. `activeChip()` is where\n      the ring is, and it is always an enabled chip.\n    -->\n    <div class=\"wr-calendar__months\" role=\"listbox\">\n      @for (name of monthsView(); track name) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isMonthCurrent($index)\"\n          [class.wr-calendar__chip--selected]=\"isMonthSelected($index)\"\n          [disabled]=\"isMonthDisabled($index)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isMonthSelected($index)\"\n          [attr.aria-disabled]=\"isMonthDisabled($index)\"\n          (click)=\"onMonthSelect($index)\"\n        >\n          {{ name }}\n        </button>\n      }\n    </div>\n  }\n\n  @case ('year') {\n    <div class=\"wr-calendar__years\" role=\"listbox\">\n      @for (year of yearsView(); track year) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isYearCurrent(year)\"\n          [class.wr-calendar__chip--selected]=\"isYearSelected(year)\"\n          [disabled]=\"isYearDisabled(year)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isYearSelected(year)\"\n          [attr.aria-disabled]=\"isYearDisabled(year)\"\n          (click)=\"onYearSelect(year)\"\n        >\n          {{ year }}\n        </button>\n      }\n    </div>\n  }\n}\n" }]
+                    }, template: "<div class=\"wr-calendar__header\">\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--prev\"\n    [attr.aria-label]=\"prevLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"prev()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__label\"\n    [disabled]=\"disabled() || viewMode() === 'year'\"\n    (click)=\"onLabelClick()\"\n  >\n    {{ headerLabel() }}\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-calendar__nav wr-calendar__nav--next\"\n    [attr.aria-label]=\"nextLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"next()\"\n  >\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </button>\n</div>\n\n@switch (viewMode()) {\n  @case ('day') {\n    <!--\n      The weekday strip and the week rows are one grid, so they share a wrapper:\n      `role=\"grid\"` may only own rows, and as siblings the header row had no grid\n      parent at all. `.wr-calendar__body` repeats the host's column gap, so the\n      rendered spacing is unchanged.\n    -->\n    <div class=\"wr-calendar__body\" role=\"grid\">\n      <div class=\"wr-calendar__weekdays\" role=\"row\">\n        @for (name of weekdayNames(); track name) {\n          <span class=\"wr-calendar__weekday\" role=\"columnheader\">{{ name }}</span>\n        }\n      </div>\n\n      <div class=\"wr-calendar__grid\" role=\"rowgroup\" (mouseleave)=\"onCellLeave()\">\n        @for (week of weeks(); track $index) {\n          <div class=\"wr-calendar__week\" role=\"row\">\n            @for (day of week; track trackByTime($index, day)) {\n              <button\n                type=\"button\"\n                class=\"wr-calendar__day\"\n                role=\"gridcell\"\n                [class.wr-calendar__day--today]=\"isToday(day)\"\n                [class.wr-calendar__day--out-of-month]=\"isOutOfMonth(day)\"\n                [class.wr-calendar__day--selected]=\"isSelected(day)\"\n                [class.wr-calendar__day--in-range]=\"isInRange(day)\"\n                [class.wr-calendar__day--range-preview]=\"isInRangePreview(day)\"\n                [class.wr-calendar__day--focused]=\"isFocused(day)\"\n                [disabled]=\"isDisabled(day)\"\n                [attr.tabindex]=\"isFocused(day) ? 0 : -1\"\n                [attr.aria-label]=\"dayLabel(day)\"\n                [attr.aria-selected]=\"isSelected(day)\"\n                [attr.aria-disabled]=\"isDisabled(day)\"\n                (click)=\"onCellClick(day)\"\n                (mouseenter)=\"onCellEnter(day)\"\n              >\n                {{ day.getDate() }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @case ('month') {\n    <!--\n      A listbox owns its arrows, so its options share ONE tab stop: twelve months\n      that were each tabbable announced a keyboard model \u2014 arrow to a month, Tab\n      out of the list \u2014 that the component did not have. `activeChip()` is where\n      the ring is, and it is always an enabled chip.\n    -->\n    <div class=\"wr-calendar__months\" role=\"listbox\">\n      @for (name of monthsView(); track name) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isMonthCurrent($index)\"\n          [class.wr-calendar__chip--selected]=\"isMonthSelected($index)\"\n          [disabled]=\"isMonthDisabled($index)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isMonthSelected($index)\"\n          [attr.aria-disabled]=\"isMonthDisabled($index)\"\n          (click)=\"onMonthSelect($index)\"\n        >\n          {{ name }}\n        </button>\n      }\n    </div>\n  }\n\n  @case ('year') {\n    <div class=\"wr-calendar__years\" role=\"listbox\">\n      @for (year of yearsView(); track year) {\n        <button\n          type=\"button\"\n          class=\"wr-calendar__chip\"\n          role=\"option\"\n          [class.wr-calendar__chip--current]=\"isYearCurrent(year)\"\n          [class.wr-calendar__chip--selected]=\"isYearSelected(year)\"\n          [disabled]=\"isYearDisabled(year)\"\n          [attr.tabindex]=\"activeChip() === $index ? 0 : -1\"\n          [attr.aria-selected]=\"isYearSelected(year)\"\n          [attr.aria-disabled]=\"isYearDisabled(year)\"\n          (click)=\"onYearSelect(year)\"\n        >\n          {{ year }}\n        </button>\n      }\n    </div>\n  }\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }, { type: i0.Output, args: ["dateChange"] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }, { type: i0.Output, args: ["rangeChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 /**