@skra/ui 0.4.0 → 0.6.0

package/fesm2022/skra-ui-tooltip.mjs

@@ -37,8 +37,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
         }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 
 /** A focusable trigger is required (WCAG 2.1.1); used only for the dev-mode nudge. */
-const FOCUSABLE_SELECTOR = 'a[href],area[href],button,input,select,textarea,[tabindex],summary,' +
-    '[contenteditable]:not([contenteditable="false"])';
+// Keyboard-reachable only: a `disabled` control is not focusable (and in most engines fires no
+// pointer events either), and `tabindex="-1"` is programmatically focusable but not tab-reachable.
+// Both were false negatives before — and a tooltip on a `<button disabled>` is THE canonical
+// tooltip a11y trap, i.e. exactly what this dev-mode guard exists to catch.
+const FOCUSABLE_SELECTOR = 'a[href],area[href],button:not([disabled]),input:not([disabled]),' +
+    'select:not([disabled]),textarea:not([disabled]),summary,' +
+    '[tabindex]:not([tabindex^="-"]),[contenteditable]:not([contenteditable="false"])';
 /**
  * SkraTooltip — a supplementary, non-interactive text description on a focusable trigger, shown on
  * hover AND keyboard focus (ADR 0044 native top layer via the Popover API). Applied to the consumer's

package/fesm2022/skra-ui-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-tooltip.mjs","sources":["../../../../libs/ui/tooltip/src/lib/tooltip/tooltip-panel.ts","../../../../libs/ui/tooltip/src/lib/tooltip/tooltip.ts","../../../../libs/ui/tooltip/src/skra-ui-tooltip.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ViewEncapsulation,\r\n  input,\r\n} from '@angular/core';\r\n\r\nlet nextId = 0;\r\n\r\n/**\r\n * SkraTooltipPanel — the floating tooltip surface (ADR 0044 native top layer via the Popover API).\r\n *\r\n * INTERNAL: never placed by consumers in a template. `SkraTooltip` creates it programmatically with\r\n * `ViewContainerRef.createComponent` (Angular-idiomatic, in-tree → inherits the design-context cascade\r\n * + the O-8 Shadow-DOM bridge per ADR 0044 §3 rule 3) and drives `showPopover()`/`hidePopover()` on the\r\n * host element.\r\n *\r\n * `popover=\"manual\"` (NOT `auto`): a hover/focus tooltip's show/hide is Forge-owned, not click-toggle\r\n * light-dismiss. `role=\"tooltip\"` is the AT semantics; the trigger references this panel's `id` via\r\n * `aria-describedby` (wired by the directive). The 13-axis Universal Surface (ADR 025) + motion live in\r\n * `tooltip.scss`; geometry (`left`/`top` + `data-skra-placement`) is written by `SkraPositioner`.\r\n *\r\n * Full contract: adr/specs/component-tooltip-spec.md.\r\n */\r\n@Component({\r\n  selector: 'skra-tooltip-panel',\r\n  standalone: true,\r\n  template: '{{ text() }}',\r\n  styleUrl: './tooltip.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  host: {\r\n    role: 'tooltip',\r\n    popover: 'manual',\r\n    '[id]': 'panelId',\r\n  },\r\n})\r\nexport class SkraTooltipPanel {\r\n  /** Tooltip text; set by the directive and kept in sync. */\r\n  readonly text = input<string>('');\r\n\r\n  /** Stable unique id — target of the trigger's `aria-describedby`. */\r\n  readonly panelId = `skra-tooltip-${nextId++}`;\r\n}\r\n","import {\r\n  ComponentRef,\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  Renderer2,\r\n  ViewContainerRef,\r\n  effect,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  _attachPositioner,\r\n  type SkraPlacement,\r\n  type _PositionerHandle,\r\n} from '@skra/ui/core';\r\nimport { SkraTooltipPanel } from './tooltip-panel';\r\n\r\ndeclare const ngDevMode: boolean | undefined;\r\n\r\n/** A focusable trigger is required (WCAG 2.1.1); used only for the dev-mode nudge. */\r\nconst FOCUSABLE_SELECTOR =\r\n  'a[href],area[href],button,input,select,textarea,[tabindex],summary,' +\r\n  '[contenteditable]:not([contenteditable=\"false\"])';\r\n\r\n/**\r\n * SkraTooltip — a supplementary, non-interactive text description on a focusable trigger, shown on\r\n * hover AND keyboard focus (ADR 0044 native top layer via the Popover API). Applied to the consumer's\r\n * own trigger: `<button skraButton [skraTooltip]=\"'Settings'\">`.\r\n *\r\n * The bulk of this directive is the WCAG 1.4.13 (Content on Hover or Focus) state machine — the\r\n * platform's `popover=\"manual\"` gives top-layer rendering but no dismiss/Escape, so Forge wires it:\r\n *   - Dismissible: Escape hides WITHOUT moving focus.\r\n *   - Hoverable:   a hide grace-delay lets the pointer travel trigger→panel; hovering the panel keeps it.\r\n *   - Persistent:  no auto-timeout.\r\n *   - Keyboard:    focus shows immediately (no delay).\r\n *\r\n * Accessible-name contract (ADR 033, describedby-only): the tooltip is a DESCRIPTION, never the name —\r\n * it MERGES its panel id into the trigger's `aria-describedby` (preserving any existing value) and\r\n * removes only its own token on destroy. The trigger owns its own accessible name (an icon-only button\r\n * still needs its own `aria-label`). No `ariaLabel` input, no `aria-labelledby` wiring.\r\n *\r\n * The panel is created EAGERLY (hidden) so `aria-describedby` resolves and a screen reader announces\r\n * the description on first focus. Positioning is delegated to `SkraPositioner` (single JS path,\r\n * geometry-only inline; ADR 0044 §3 rules 4–5). Full contract: adr/specs/component-tooltip-spec.md.\r\n */\r\n@Directive({\r\n  selector: '[skraTooltip]',\r\n  standalone: true,\r\n  exportAs: 'skraTooltip',\r\n  host: {\r\n    '(pointerenter)': 'onPointerEnter()',\r\n    '(pointerleave)': 'onPointerLeave()',\r\n    '(focusin)': 'onFocusIn()',\r\n    '(focusout)': 'onFocusOut()',\r\n  },\r\n})\r\nexport class SkraTooltip {\r\n  /** The tooltip text (bound as `[skraTooltip]=\"...\"`). */\r\n  readonly skraTooltip = input.required<string>();\r\n  /** Placement intent; `flip`/`shift` adjust at runtime. */\r\n  readonly placement = input<SkraPlacement>('top');\r\n\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly vcr = inject(ViewContainerRef);\r\n  private readonly renderer = inject(Renderer2);\r\n\r\n  private readonly panelRef: ComponentRef<SkraTooltipPanel>;\r\n  private readonly panelEl: HTMLElement;\r\n  private readonly panelId: string;\r\n\r\n  private positioner?: _PositionerHandle;\r\n  private showTimer?: ReturnType<typeof setTimeout>;\r\n  private hideTimer?: ReturnType<typeof setTimeout>;\r\n  private docEscapeUnlisten?: () => void;\r\n\r\n  private open = false;\r\n  private hovered = false;\r\n  private focused = false;\r\n  private panelHovered = false;\r\n\r\n  constructor() {\r\n    // Eager, in-tree panel (ADR 0044 §3 rule 3): inherits the design-context cascade + O-8 bridge.\r\n    this.panelRef = this.vcr.createComponent(SkraTooltipPanel);\r\n    this.panelEl = this.panelRef.location.nativeElement as HTMLElement;\r\n    this.panelId = this.panelRef.instance.panelId;\r\n\r\n    // Describedby-only (ADR 033) — merge, never overwrite.\r\n    this.wireDescribedBy();\r\n\r\n    // Keep the panel text in sync with the input (effect runs after inputs are set).\r\n    effect(() => this.panelRef.setInput('text', this.skraTooltip()));\r\n\r\n    // Hoverable (WCAG 1.4.13): hovering the panel itself keeps the tooltip open.\r\n    this.renderer.listen(this.panelEl, 'pointerenter', () => {\r\n      this.panelHovered = true;\r\n      clearTimeout(this.hideTimer);\r\n    });\r\n    this.renderer.listen(this.panelEl, 'pointerleave', () => {\r\n      this.panelHovered = false;\r\n      this.scheduleHide();\r\n    });\r\n\r\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\r\n      this.warnIfTriggerNotFocusable();\r\n    }\r\n\r\n    inject(DestroyRef).onDestroy(() => this.teardown());\r\n  }\r\n\r\n  // ── Trigger events ──────────────────────────────────────────────────────────\r\n  protected onPointerEnter(): void {\r\n    this.hovered = true;\r\n    this.scheduleShow();\r\n  }\r\n\r\n  protected onPointerLeave(): void {\r\n    this.hovered = false;\r\n    this.scheduleHide();\r\n  }\r\n\r\n  protected onFocusIn(): void {\r\n    this.focused = true;\r\n    // Keyboard users get it immediately (WCAG 2.1.1) — no show-delay.\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    this.show();\r\n  }\r\n\r\n  protected onFocusOut(): void {\r\n    this.focused = false;\r\n    this.scheduleHide();\r\n  }\r\n\r\n  // ── Show / hide state machine ─────────────────────────────────────────────────\r\n  private scheduleShow(): void {\r\n    clearTimeout(this.hideTimer);\r\n    if (this.open) return;\r\n    clearTimeout(this.showTimer);\r\n    this.showTimer = setTimeout(\r\n      () => this.show(),\r\n      this.cssTimeMs('--skra-comp-tooltip-show-delay'),\r\n    );\r\n  }\r\n\r\n  private scheduleHide(): void {\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    this.hideTimer = setTimeout(() => {\r\n      // Only hide once nothing keeps it engaged (hoverable + focus coordination).\r\n      if (!this.hovered && !this.focused && !this.panelHovered) this.hide();\r\n    }, this.cssTimeMs('--skra-comp-tooltip-hide-delay'));\r\n  }\r\n\r\n  private show(): void {\r\n    clearTimeout(this.showTimer);\r\n    if (this.open) return;\r\n    this.open = true;\r\n\r\n    this.panelEl.showPopover?.();\r\n\r\n    this.positioner?.destroy();\r\n    this.positioner = _attachPositioner(\r\n      this.host.nativeElement,\r\n      this.panelEl,\r\n      () => ({\r\n        placement: this.placement(),\r\n        offset: this.cssLenPx('--skra-comp-tooltip-offset'),\r\n        viewportPadding: this.cssLenPx('--skra-comp-tooltip-viewport-padding'),\r\n      }),\r\n    );\r\n\r\n    // Dismissible (WCAG 1.4.13): Escape hides without moving focus. Transient document listener\r\n    // (active only while open) so Escape works even for a hover-triggered tooltip whose trigger is\r\n    // not focused — `popover=\"manual\"` does not provide platform Escape.\r\n    this.docEscapeUnlisten = this.renderer.listen(\r\n      'document',\r\n      'keydown',\r\n      (event: KeyboardEvent) => {\r\n        if (event.key === 'Escape') this.hide();\r\n      },\r\n    );\r\n  }\r\n\r\n  private hide(): void {\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    if (!this.open) return;\r\n    this.open = false;\r\n\r\n    this.panelEl.hidePopover?.();\r\n    this.positioner?.destroy();\r\n    this.positioner = undefined;\r\n    this.docEscapeUnlisten?.();\r\n    this.docEscapeUnlisten = undefined;\r\n  }\r\n\r\n  // ── aria-describedby merge (ADR 033 / ADR 013-style wiring) ───────────────────\r\n  private wireDescribedBy(): void {\r\n    const tokens = this.describedByTokens();\r\n    if (!tokens.includes(this.panelId)) tokens.push(this.panelId);\r\n    this.renderer.setAttribute(\r\n      this.host.nativeElement,\r\n      'aria-describedby',\r\n      tokens.join(' '),\r\n    );\r\n  }\r\n\r\n  private unwireDescribedBy(): void {\r\n    const remaining = this.describedByTokens().filter(\r\n      (t) => t !== this.panelId,\r\n    );\r\n    if (remaining.length) {\r\n      this.renderer.setAttribute(\r\n        this.host.nativeElement,\r\n        'aria-describedby',\r\n        remaining.join(' '),\r\n      );\r\n    } else {\r\n      this.renderer.removeAttribute(\r\n        this.host.nativeElement,\r\n        'aria-describedby',\r\n      );\r\n    }\r\n  }\r\n\r\n  private describedByTokens(): string[] {\r\n    return (this.host.nativeElement.getAttribute('aria-describedby') ?? '')\r\n      .split(/\\s+/)\r\n      .filter(Boolean);\r\n  }\r\n\r\n  // ── token resolution helpers (read computed comp tokens at runtime) ───────────\r\n  private cssTimeMs(prop: string): number {\r\n    const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();\r\n    if (raw.endsWith('ms')) return parseFloat(raw);\r\n    if (raw.endsWith('s')) return parseFloat(raw) * 1000;\r\n    return parseFloat(raw) || 0;\r\n  }\r\n\r\n  private cssLenPx(prop: string): number {\r\n    const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();\r\n    if (raw.endsWith('px')) return parseFloat(raw);\r\n    if (raw.endsWith('rem')) {\r\n      const rootFontSize =\r\n        parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\r\n      return parseFloat(raw) * rootFontSize;\r\n    }\r\n    return parseFloat(raw) || 0;\r\n  }\r\n\r\n  private warnIfTriggerNotFocusable(): void {\r\n    const el = this.host.nativeElement;\r\n    if (!el.matches(FOCUSABLE_SELECTOR)) {\r\n      console.warn(\r\n        '[skraTooltip] host is not focusable — the tooltip is unreachable by keyboard ' +\r\n          '(WCAG 2.1.1) and never shows on focus. Apply it to a button/link/form control, ' +\r\n          'or add tabindex to the trigger.',\r\n      );\r\n    }\r\n  }\r\n\r\n  private teardown(): void {\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    this.docEscapeUnlisten?.();\r\n    this.positioner?.destroy();\r\n    this.unwireDescribedBy();\r\n    this.panelRef.destroy();\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skra-ui-tooltip.mjs","sources":["../../../../libs/ui/tooltip/src/lib/tooltip/tooltip-panel.ts","../../../../libs/ui/tooltip/src/lib/tooltip/tooltip.ts","../../../../libs/ui/tooltip/src/skra-ui-tooltip.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  input,\n} from '@angular/core';\n\nlet nextId = 0;\n\n/**\n * SkraTooltipPanel — the floating tooltip surface (ADR 0044 native top layer via the Popover API).\n *\n * INTERNAL: never placed by consumers in a template. `SkraTooltip` creates it programmatically with\n * `ViewContainerRef.createComponent` (Angular-idiomatic, in-tree → inherits the design-context cascade\n * + the O-8 Shadow-DOM bridge per ADR 0044 §3 rule 3) and drives `showPopover()`/`hidePopover()` on the\n * host element.\n *\n * `popover=\"manual\"` (NOT `auto`): a hover/focus tooltip's show/hide is Forge-owned, not click-toggle\n * light-dismiss. `role=\"tooltip\"` is the AT semantics; the trigger references this panel's `id` via\n * `aria-describedby` (wired by the directive). The 13-axis Universal Surface (ADR 025) + motion live in\n * `tooltip.scss`; geometry (`left`/`top` + `data-skra-placement`) is written by `SkraPositioner`.\n *\n * Full contract: adr/specs/component-tooltip-spec.md.\n */\n@Component({\n  selector: 'skra-tooltip-panel',\n  standalone: true,\n  template: '{{ text() }}',\n  styleUrl: './tooltip.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    role: 'tooltip',\n    popover: 'manual',\n    '[id]': 'panelId',\n  },\n})\nexport class SkraTooltipPanel {\n  /** Tooltip text; set by the directive and kept in sync. */\n  readonly text = input<string>('');\n\n  /** Stable unique id — target of the trigger's `aria-describedby`. */\n  readonly panelId = `skra-tooltip-${nextId++}`;\n}\n","import {\r\n  ComponentRef,\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  Renderer2,\r\n  ViewContainerRef,\r\n  effect,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  _attachPositioner,\r\n  type SkraPlacement,\r\n  type _PositionerHandle,\r\n} from '@skra/ui/core';\r\nimport { SkraTooltipPanel } from './tooltip-panel';\r\n\r\ndeclare const ngDevMode: boolean | undefined;\r\n\r\n/** A focusable trigger is required (WCAG 2.1.1); used only for the dev-mode nudge. */\r\n// Keyboard-reachable only: a `disabled` control is not focusable (and in most engines fires no\r\n// pointer events either), and `tabindex=\"-1\"` is programmatically focusable but not tab-reachable.\r\n// Both were false negatives before — and a tooltip on a `<button disabled>` is THE canonical\r\n// tooltip a11y trap, i.e. exactly what this dev-mode guard exists to catch.\r\nconst FOCUSABLE_SELECTOR =\r\n  'a[href],area[href],button:not([disabled]),input:not([disabled]),' +\r\n  'select:not([disabled]),textarea:not([disabled]),summary,' +\r\n  '[tabindex]:not([tabindex^=\"-\"]),[contenteditable]:not([contenteditable=\"false\"])';\r\n\r\n/**\r\n * SkraTooltip — a supplementary, non-interactive text description on a focusable trigger, shown on\r\n * hover AND keyboard focus (ADR 0044 native top layer via the Popover API). Applied to the consumer's\r\n * own trigger: `<button skraButton [skraTooltip]=\"'Settings'\">`.\r\n *\r\n * The bulk of this directive is the WCAG 1.4.13 (Content on Hover or Focus) state machine — the\r\n * platform's `popover=\"manual\"` gives top-layer rendering but no dismiss/Escape, so Forge wires it:\r\n *   - Dismissible: Escape hides WITHOUT moving focus.\r\n *   - Hoverable:   a hide grace-delay lets the pointer travel trigger→panel; hovering the panel keeps it.\r\n *   - Persistent:  no auto-timeout.\r\n *   - Keyboard:    focus shows immediately (no delay).\r\n *\r\n * Accessible-name contract (ADR 033, describedby-only): the tooltip is a DESCRIPTION, never the name —\r\n * it MERGES its panel id into the trigger's `aria-describedby` (preserving any existing value) and\r\n * removes only its own token on destroy. The trigger owns its own accessible name (an icon-only button\r\n * still needs its own `aria-label`). No `ariaLabel` input, no `aria-labelledby` wiring.\r\n *\r\n * The panel is created EAGERLY (hidden) so `aria-describedby` resolves and a screen reader announces\r\n * the description on first focus. Positioning is delegated to `SkraPositioner` (single JS path,\r\n * geometry-only inline; ADR 0044 §3 rules 4–5). Full contract: adr/specs/component-tooltip-spec.md.\r\n */\r\n@Directive({\r\n  selector: '[skraTooltip]',\r\n  standalone: true,\r\n  exportAs: 'skraTooltip',\r\n  host: {\r\n    '(pointerenter)': 'onPointerEnter()',\r\n    '(pointerleave)': 'onPointerLeave()',\r\n    '(focusin)': 'onFocusIn()',\r\n    '(focusout)': 'onFocusOut()',\r\n  },\r\n})\r\nexport class SkraTooltip {\r\n  /** The tooltip text (bound as `[skraTooltip]=\"...\"`). */\r\n  readonly skraTooltip = input.required<string>();\r\n  /** Placement intent; `flip`/`shift` adjust at runtime. */\r\n  readonly placement = input<SkraPlacement>('top');\r\n\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly vcr = inject(ViewContainerRef);\r\n  private readonly renderer = inject(Renderer2);\r\n\r\n  private readonly panelRef: ComponentRef<SkraTooltipPanel>;\r\n  private readonly panelEl: HTMLElement;\r\n  private readonly panelId: string;\r\n\r\n  private positioner?: _PositionerHandle;\r\n  private showTimer?: ReturnType<typeof setTimeout>;\r\n  private hideTimer?: ReturnType<typeof setTimeout>;\r\n  private docEscapeUnlisten?: () => void;\r\n\r\n  private open = false;\r\n  private hovered = false;\r\n  private focused = false;\r\n  private panelHovered = false;\r\n\r\n  constructor() {\r\n    // Eager, in-tree panel (ADR 0044 §3 rule 3): inherits the design-context cascade + O-8 bridge.\r\n    this.panelRef = this.vcr.createComponent(SkraTooltipPanel);\r\n    this.panelEl = this.panelRef.location.nativeElement as HTMLElement;\r\n    this.panelId = this.panelRef.instance.panelId;\r\n\r\n    // Describedby-only (ADR 033) — merge, never overwrite.\r\n    this.wireDescribedBy();\r\n\r\n    // Keep the panel text in sync with the input (effect runs after inputs are set).\r\n    effect(() => this.panelRef.setInput('text', this.skraTooltip()));\r\n\r\n    // Hoverable (WCAG 1.4.13): hovering the panel itself keeps the tooltip open.\r\n    this.renderer.listen(this.panelEl, 'pointerenter', () => {\r\n      this.panelHovered = true;\r\n      clearTimeout(this.hideTimer);\r\n    });\r\n    this.renderer.listen(this.panelEl, 'pointerleave', () => {\r\n      this.panelHovered = false;\r\n      this.scheduleHide();\r\n    });\r\n\r\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\r\n      this.warnIfTriggerNotFocusable();\r\n    }\r\n\r\n    inject(DestroyRef).onDestroy(() => this.teardown());\r\n  }\r\n\r\n  // ── Trigger events ──────────────────────────────────────────────────────────\r\n  protected onPointerEnter(): void {\r\n    this.hovered = true;\r\n    this.scheduleShow();\r\n  }\r\n\r\n  protected onPointerLeave(): void {\r\n    this.hovered = false;\r\n    this.scheduleHide();\r\n  }\r\n\r\n  protected onFocusIn(): void {\r\n    this.focused = true;\r\n    // Keyboard users get it immediately (WCAG 2.1.1) — no show-delay.\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    this.show();\r\n  }\r\n\r\n  protected onFocusOut(): void {\r\n    this.focused = false;\r\n    this.scheduleHide();\r\n  }\r\n\r\n  // ── Show / hide state machine ─────────────────────────────────────────────────\r\n  private scheduleShow(): void {\r\n    clearTimeout(this.hideTimer);\r\n    if (this.open) return;\r\n    clearTimeout(this.showTimer);\r\n    this.showTimer = setTimeout(\r\n      () => this.show(),\r\n      this.cssTimeMs('--skra-comp-tooltip-show-delay'),\r\n    );\r\n  }\r\n\r\n  private scheduleHide(): void {\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    this.hideTimer = setTimeout(() => {\r\n      // Only hide once nothing keeps it engaged (hoverable + focus coordination).\r\n      if (!this.hovered && !this.focused && !this.panelHovered) this.hide();\r\n    }, this.cssTimeMs('--skra-comp-tooltip-hide-delay'));\r\n  }\r\n\r\n  private show(): void {\r\n    clearTimeout(this.showTimer);\r\n    if (this.open) return;\r\n    this.open = true;\r\n\r\n    this.panelEl.showPopover?.();\r\n\r\n    this.positioner?.destroy();\r\n    this.positioner = _attachPositioner(\r\n      this.host.nativeElement,\r\n      this.panelEl,\r\n      () => ({\r\n        placement: this.placement(),\r\n        offset: this.cssLenPx('--skra-comp-tooltip-offset'),\r\n        viewportPadding: this.cssLenPx('--skra-comp-tooltip-viewport-padding'),\r\n      }),\r\n    );\r\n\r\n    // Dismissible (WCAG 1.4.13): Escape hides without moving focus. Transient document listener\r\n    // (active only while open) so Escape works even for a hover-triggered tooltip whose trigger is\r\n    // not focused — `popover=\"manual\"` does not provide platform Escape.\r\n    this.docEscapeUnlisten = this.renderer.listen(\r\n      'document',\r\n      'keydown',\r\n      (event: KeyboardEvent) => {\r\n        if (event.key === 'Escape') this.hide();\r\n      },\r\n    );\r\n  }\r\n\r\n  private hide(): void {\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    if (!this.open) return;\r\n    this.open = false;\r\n\r\n    this.panelEl.hidePopover?.();\r\n    this.positioner?.destroy();\r\n    this.positioner = undefined;\r\n    this.docEscapeUnlisten?.();\r\n    this.docEscapeUnlisten = undefined;\r\n  }\r\n\r\n  // ── aria-describedby merge (ADR 033 / ADR 013-style wiring) ───────────────────\r\n  private wireDescribedBy(): void {\r\n    const tokens = this.describedByTokens();\r\n    if (!tokens.includes(this.panelId)) tokens.push(this.panelId);\r\n    this.renderer.setAttribute(\r\n      this.host.nativeElement,\r\n      'aria-describedby',\r\n      tokens.join(' '),\r\n    );\r\n  }\r\n\r\n  private unwireDescribedBy(): void {\r\n    const remaining = this.describedByTokens().filter(\r\n      (t) => t !== this.panelId,\r\n    );\r\n    if (remaining.length) {\r\n      this.renderer.setAttribute(\r\n        this.host.nativeElement,\r\n        'aria-describedby',\r\n        remaining.join(' '),\r\n      );\r\n    } else {\r\n      this.renderer.removeAttribute(\r\n        this.host.nativeElement,\r\n        'aria-describedby',\r\n      );\r\n    }\r\n  }\r\n\r\n  private describedByTokens(): string[] {\r\n    return (this.host.nativeElement.getAttribute('aria-describedby') ?? '')\r\n      .split(/\\s+/)\r\n      .filter(Boolean);\r\n  }\r\n\r\n  // ── token resolution helpers (read computed comp tokens at runtime) ───────────\r\n  private cssTimeMs(prop: string): number {\r\n    const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();\r\n    if (raw.endsWith('ms')) return parseFloat(raw);\r\n    if (raw.endsWith('s')) return parseFloat(raw) * 1000;\r\n    return parseFloat(raw) || 0;\r\n  }\r\n\r\n  private cssLenPx(prop: string): number {\r\n    const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();\r\n    if (raw.endsWith('px')) return parseFloat(raw);\r\n    if (raw.endsWith('rem')) {\r\n      const rootFontSize =\r\n        parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\r\n      return parseFloat(raw) * rootFontSize;\r\n    }\r\n    return parseFloat(raw) || 0;\r\n  }\r\n\r\n  private warnIfTriggerNotFocusable(): void {\r\n    const el = this.host.nativeElement;\r\n    if (!el.matches(FOCUSABLE_SELECTOR)) {\r\n      console.warn(\r\n        '[skraTooltip] host is not focusable — the tooltip is unreachable by keyboard ' +\r\n          '(WCAG 2.1.1) and never shows on focus. Apply it to a button/link/form control, ' +\r\n          'or add tabindex to the trigger.',\r\n      );\r\n    }\r\n  }\r\n\r\n  private teardown(): void {\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    this.docEscapeUnlisten?.();\r\n    this.positioner?.destroy();\r\n    this.unwireDescribedBy();\r\n    this.panelRef.destroy();\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/skra-ui-typography.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-typography.mjs","sources":["../../../../libs/ui/typography/src/lib/typography/typography.ts","../../../../libs/ui/typography/src/skra-ui-typography.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ViewEncapsulation,\r\n  input,\r\n} from '@angular/core';\r\n\r\nexport type TypographyRole =\r\n  | 'display-large'\r\n  | 'display-medium'\r\n  | 'display-small'\r\n  | 'headline-large'\r\n  | 'headline-medium'\r\n  | 'headline-small'\r\n  | 'title-large'\r\n  | 'title-medium'\r\n  | 'title-small'\r\n  | 'body-large'\r\n  | 'body-medium'\r\n  | 'body-small'\r\n  | 'label-large'\r\n  | 'label-medium'\r\n  | 'label-small';\r\n\r\nexport type TypographySeverity = 'error' | 'warning' | 'success';\r\nexport type TypographyTruncate = 'single' | 'multi';\r\n\r\n@Component({\r\n  selector: '[skraTypography]',\r\n  standalone: true,\r\n  imports: [],\r\n  template: '<ng-content />',\r\n  styleUrl: './typography.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  host: {\r\n    // ADR 021 — CSP-safe state reflection. The zero-margin reset (ADR 022)\r\n    // lives in typography.scss `:host` — host-metadata bare keys would render\r\n    // as junk attributes, not styles.\r\n    '[attr.data-skra-typo-role]': 'role()',\r\n    '[attr.data-skra-severity]': 'severity()',\r\n    '[attr.data-skra-truncate]': 'truncate()',\r\n    // Line-clamp count — reflected as an enumerated data-attribute, consumed by\r\n    // static `-webkit-line-clamp` rules in typography.scss (buckets 2–6). NOT a\r\n    // `[style.--var]` binding (ADR 021 iron boundary) — same enumerated-bucket\r\n    // approach Grid/Stack use to keep CSP-safe. Values outside 2–6 fall back to\r\n    // the base 2-line rule.\r\n    '[attr.data-skra-line-clamp]':\r\n      'truncate() === \"multi\" ? lineClamp() : null',\r\n  },\r\n})\r\nexport class SkraTypography {\r\n  readonly role = input<TypographyRole>('body-medium', {\r\n    alias: 'skraTypography',\r\n  });\r\n  readonly severity = input<TypographySeverity | null>(null);\r\n  readonly truncate = input<TypographyTruncate | null>(null);\r\n  readonly lineClamp = input<number>(2);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAmDa,cAAc,CAAA;IAChB,IAAI,GAAG,KAAK,CAAiB,aAAa,4EACjD,KAAK,EAAE,gBAAgB,EAAA,CACvB;IACO,QAAQ,GAAG,KAAK,CAA4B,IAAI;iFAAC;IACjD,QAAQ,GAAG,KAAK,CAA4B,IAAI;iFAAC;IACjD,SAAS,GAAG,KAAK,CAAS,CAAC;kFAAC;uGAN1B,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,6zBApBf,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,23TAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAoBf,cAAc,EAAA,UAAA,EAAA,CAAA;kBAxB1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP,EAAE,YACD,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;;;;AAIJ,wBAAA,4BAA4B,EAAE,QAAQ;AACtC,wBAAA,2BAA2B,EAAE,YAAY;AACzC,wBAAA,2BAA2B,EAAE,YAAY;;;;;;AAMzC,wBAAA,6BAA6B,EAC3B,6CAA6C;AAChD,qBAAA,EAAA,MAAA,EAAA,CAAA,23TAAA,CAAA,EAAA;;;ACjDH;;AAEG;;;;"}
+{"version":3,"file":"skra-ui-typography.mjs","sources":["../../../../libs/ui/typography/src/lib/typography/typography.ts","../../../../libs/ui/typography/src/skra-ui-typography.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  input,\n} from '@angular/core';\n\nexport type TypographyRole =\n  | 'display-large'\n  | 'display-medium'\n  | 'display-small'\n  | 'headline-large'\n  | 'headline-medium'\n  | 'headline-small'\n  | 'title-large'\n  | 'title-medium'\n  | 'title-small'\n  | 'body-large'\n  | 'body-medium'\n  | 'body-small'\n  | 'label-large'\n  | 'label-medium'\n  | 'label-small';\n\nexport type TypographySeverity = 'error' | 'warning' | 'success';\nexport type TypographyTruncate = 'single' | 'multi';\n\n@Component({\n  selector: '[skraTypography]',\n  standalone: true,\n  imports: [],\n  template: '<ng-content />',\n  styleUrl: './typography.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    // ADR 021 — CSP-safe state reflection. The zero-margin reset (ADR 022)\n    // lives in typography.scss `:host` — host-metadata bare keys would render\n    // as junk attributes, not styles.\n    '[attr.data-skra-typo-role]': 'role()',\n    '[attr.data-skra-severity]': 'severity()',\n    '[attr.data-skra-truncate]': 'truncate()',\n    // Line-clamp count — reflected as an enumerated data-attribute, consumed by\n    // static `-webkit-line-clamp` rules in typography.scss (buckets 2–6). NOT a\n    // `[style.--var]` binding (ADR 021 iron boundary) — same enumerated-bucket\n    // approach Grid/Stack use to keep CSP-safe. Values outside 2–6 fall back to\n    // the base 2-line rule.\n    '[attr.data-skra-line-clamp]':\n      'truncate() === \"multi\" ? lineClamp() : null',\n  },\n})\nexport class SkraTypography {\n  readonly role = input<TypographyRole>('body-medium', {\n    alias: 'skraTypography',\n  });\n  readonly severity = input<TypographySeverity | null>(null);\n  readonly truncate = input<TypographyTruncate | null>(null);\n  readonly lineClamp = input<number>(2);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAmDa,cAAc,CAAA;IAChB,IAAI,GAAG,KAAK,CAAiB,aAAa,4EACjD,KAAK,EAAE,gBAAgB,EAAA,CACvB;IACO,QAAQ,GAAG,KAAK,CAA4B,IAAI;iFAAC;IACjD,QAAQ,GAAG,KAAK,CAA4B,IAAI;iFAAC;IACjD,SAAS,GAAG,KAAK,CAAS,CAAC;kFAAC;uGAN1B,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,6zBApBf,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,23TAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAoBf,cAAc,EAAA,UAAA,EAAA,CAAA;kBAxB1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP,EAAE,YACD,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;;;;AAIJ,wBAAA,4BAA4B,EAAE,QAAQ;AACtC,wBAAA,2BAA2B,EAAE,YAAY;AACzC,wBAAA,2BAA2B,EAAE,YAAY;;;;;;AAMzC,wBAAA,6BAA6B,EAC3B,6CAA6C;AAChD,qBAAA,EAAA,MAAA,EAAA,CAAA,23TAAA,CAAA,EAAA;;;ACjDH;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skra/ui",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
@@ -10,7 +10,7 @@
     "@angular/core": ">=22.0.0 <23.0.0",
     "@angular/common": ">=22.0.0 <23.0.0",
     "@angular/cdk": ">=22.0.0 <23.0.0",
-    "@skra/tokens": "^0.4.0"
+    "@skra/tokens": "^0.6.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
@@ -172,4 +172,4 @@
     }
   },
   "type": "module"
-}
+}

package/types/skra-ui-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-core.d.ts","sources":["../../../../libs/ui/core/src/lib/select/select-types.ts","../../../../libs/ui/core/src/lib/select/option.ts","../../../../libs/ui/core/src/lib/select/option.directives.ts","../../../../libs/ui/core/src/lib/select/select-trigger.ts","../../../../libs/ui/core/src/lib/positioning/positioner.ts","../../../../libs/ui/core/src/lib/select/listbox-keyboard.ts","../../../../libs/ui/core/src/lib/select/listbox-widget-base.ts","../../../../libs/ui/core/src/lib/select/select-base.ts"],"mappings":";;;;AAEA;;;;;AAKG;UACc,gBAAgB;;AAE/B;AACA;;;;AAIG;AACH;AACA;;;;AAIG;AACH;AACD;AAED;;;;;AAKG;UACc,uBAAuB;AACtC;;;;;AAKA;AACD;AAED;;;;AAIG;AACH,cAAa,kBAAkB,EAAA,cAAA,CAAA,gBAAA;;ACvB/B;;;;;;;;;;;;;;;AAeG;AACH,cAkCa,UAAU,yBAAyB,uBAAuB;;oBAEvD,aAAA,CAAA,WAAA;;;AAKd;AACA;AAEA;AACA;AACA,mCAA6B,aAAA,CAAA,MAAA;AAC7B,kCAA4B,aAAA,CAAA,MAAA;;AAG5B,+BAAyB,aAAA,CAAA,cAAA;AAEzB;;;;AAIG;AACH,iCAA2B,aAAA,CAAA,MAAA;;AAG3B,iCAA2B,aAAA,CAAA,MAAA;;AAgB3B;AAGA;AAIA;;;;;AAKG;AACH;AAqBA;;;;oDA5EW,UAAU;sDAAV,UAAU;AAyFtB;;AC/JD;;;AAGG;AACH,cAIa,iBAAiB;oDAAjB,iBAAiB;sDAAjB,iBAAiB;AAAG;AAEjC;;;AAGG;AACH,cAIa,gBAAgB;oDAAhB,gBAAgB;sDAAhB,gBAAgB;AAAG;;AClBhC;;;;;;;;;;;;;AAaG;AACH,cAIa,iBAAiB;oDAAjB,iBAAiB;sDAAjB,iBAAiB;AAAG;;ACXjC;;;;;;;;;;;;;;AAcG;AAEH;AACM,KAAM,aAAa;UAER,kBAAkB;;eAEtB,aAAa;;;;;AAKzB;UAEgB,iBAAiB;;;AAGjC;AAED;;;;;AAKG;AACH,iBAAgB,iBAAiB,YACpB,WAAW,YACZ,WAAW,iBACN,kBAAkB,GAChC,iBAAiB;;AChDpB;;;;;;;;;;AAUG;AACH,cAAa,oBAAoB;;;;;AAM/B,mCACkB,uBAAuB;AAKzC;;;;AAIG;AACH,6BAAyB,uBAAuB;;AAiBhD,qBAAiB,aAAa;AAI9B,sBAAkB,uBAAuB;;AAKzC,oBAAgB,uBAAuB;;AAOvC;AAIA;AAID;;AC/CD;;;;;;;;;;;;;;;;;;;;;AAqBG;AACH,uBAQsB,sBAAsB,yBAC/B,gBAAgB;;0BAGP,aAAA,CAAA,WAAA;;0BAEA,aAAA,CAAA,WAAA;;wBAEF,aAAA,CAAA,WAAA,CAAA,aAAA;;uBAED,aAAA,CAAA,wBAAA;uBACA,aAAA,CAAA,wBAAA;AAEjB,gCAA0B,aAAA,CAAA,MAAA,UAAA,UAAA;AAE1B,mCAA6B,aAAA,CAAA,MAAA,CAAA,UAAA,CAAA,WAAA;AAC7B,iCAA2B,aAAA,CAAA,MAAA,CAAA,UAAA,CAAA,WAAA;AAE3B,gCAA0B,gBAAA;AAC1B,iCAA2B,oBAAA;;AAG3B,+BAAyB,aAAA,CAAA,cAAA;AACzB,uCAAiC,aAAA,CAAA,cAAA;;;;AAQjC,mCAA6B,aAAA,CAAA,MAAA;AAG7B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,iCAA2B,aAAA,CAAA,MAAA;AAG3B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,kCAA4B,aAAA,CAAA,MAAA;AAG5B,oCAA8B,aAAA,CAAA,MAAA;;;AAgB9B;;AAEA;;AAEA;;AAEA,yCAAqC,uBAAuB;AAG5D,mCAA+B,KAAK;AAOpC;;;;;AAKG;AACH,mCAA+B,WAAW;AAI1C;AAqBA;;;;;;AAqBA;AAaA;oDA/IoB,sBAAsB;sDAAtB,sBAAsB;AAmJ3C;;ACtMD;;;;;;;;;;;;AAYG;AACH,uBACsB,eAAe,sBAE3B,sBAAsB;;AAE9B;;AAGA,wCAAkC,aAAA,CAAA,MAAA,CAAA,WAAA;AAKlC,oCAAgC,UAAU;AAK1C,sCAAkC,aAAa;oDAjB3B,eAAe;sDAAf,eAAe;AAuDpC;;;;","names":[]}
+{"version":3,"file":"skra-ui-core.d.ts","sources":["../../../../libs/ui/core/src/lib/select/select-types.ts","../../../../libs/ui/core/src/lib/select/option.ts","../../../../libs/ui/core/src/lib/select/option.directives.ts","../../../../libs/ui/core/src/lib/select/select-trigger.ts","../../../../libs/ui/core/src/lib/positioning/positioner.ts","../../../../libs/ui/core/src/lib/select/listbox-keyboard.ts","../../../../libs/ui/core/src/lib/select/listbox-widget-base.ts","../../../../libs/ui/core/src/lib/select/select-base.ts"],"mappings":";;;;AAEA;;;;;AAKG;UACc,gBAAgB;;AAE/B;AACA;;;;AAIG;AACH;AACA;;;;AAIG;AACH;AACD;AAED;;;;;AAKG;UACc,uBAAuB;AACtC;;;;;AAKA;AACD;AAED;;;;AAIG;AACH,cAAa,kBAAkB,EAAA,cAAA,CAAA,gBAAA;;ACvB/B;;;;;;;;;;;;;;;AAeG;AACH,cAkCa,UAAU,yBAAyB,uBAAuB;;oBAEvD,aAAA,CAAA,WAAA;;;AAKd;AACA;AAEA;AACA;AACA,mCAA6B,aAAA,CAAA,MAAA;AAC7B,kCAA4B,aAAA,CAAA,MAAA;;AAG5B,+BAAyB,aAAA,CAAA,cAAA;AAEzB;;;;AAIG;AACH,iCAA2B,aAAA,CAAA,MAAA;;AAG3B,iCAA2B,aAAA,CAAA,MAAA;;AAgB3B;AAGA;AAIA;;;;;AAKG;AACH;AAqBA;;;;oDA5EW,UAAU;sDAAV,UAAU;AAyFtB;;AC/JD;;;AAGG;AACH,cAIa,iBAAiB;oDAAjB,iBAAiB;sDAAjB,iBAAiB;AAAG;AAEjC;;;AAGG;AACH,cAIa,gBAAgB;oDAAhB,gBAAgB;sDAAhB,gBAAgB;AAAG;;AClBhC;;;;;;;;;;;;;AAaG;AACH,cAIa,iBAAiB;oDAAjB,iBAAiB;sDAAjB,iBAAiB;AAAG;;ACXjC;;;;;;;;;;;;;;AAcG;AAEH;AACM,KAAM,aAAa;UAER,kBAAkB;;eAEtB,aAAa;;;;;AAKzB;UAEgB,iBAAiB;;;AAGjC;AAED;;;;;AAKG;AACH,iBAAgB,iBAAiB,YACpB,WAAW,YACZ,WAAW,iBACN,kBAAkB,GAChC,iBAAiB;;AChDpB;;;;;;;;;;AAUG;AACH,cAAa,oBAAoB;;;;;AAM/B,mCACkB,uBAAuB;AAKzC;;;;AAIG;AACH,6BAAyB,uBAAuB;;AAiBhD,qBAAiB,aAAa;AAI9B,sBAAkB,uBAAuB;;AAKzC,oBAAgB,uBAAuB;;AAOvC;AAIA;AAID;;AC/CD;;;;;;;;;;;;;;;;;;;;;AAqBG;AACH,uBAQsB,sBAAsB,yBAC/B,gBAAgB;;0BAGP,aAAA,CAAA,WAAA;;0BAEA,aAAA,CAAA,WAAA;;wBAEF,aAAA,CAAA,WAAA,CAAA,aAAA;;uBAED,aAAA,CAAA,wBAAA;uBACA,aAAA,CAAA,wBAAA;AAEjB,gCAA0B,aAAA,CAAA,MAAA,UAAA,UAAA;AAE1B,mCAA6B,aAAA,CAAA,MAAA,CAAA,UAAA,CAAA,WAAA;AAC7B,iCAA2B,aAAA,CAAA,MAAA,CAAA,UAAA,CAAA,WAAA;AAE3B,gCAA0B,gBAAA;AAC1B,iCAA2B,oBAAA;;AAG3B,+BAAyB,aAAA,CAAA,cAAA;AACzB,uCAAiC,aAAA,CAAA,cAAA;;;;AAQjC,mCAA6B,aAAA,CAAA,MAAA;AAG7B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,iCAA2B,aAAA,CAAA,MAAA;AAG3B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,kCAA4B,aAAA,CAAA,MAAA;AAG5B,oCAA8B,aAAA,CAAA,MAAA;;;AAgB9B;;AAEA;;AAEA;;AAEA,yCAAqC,uBAAuB;AAG5D,mCAA+B,KAAK;AAOpC;;;;;AAKG;AACH,mCAA+B,WAAW;AAI1C;AAqBA;;;;;;AAqBA;AAaA;oDA/IoB,sBAAsB;sDAAtB,sBAAsB;AAmJ3C;;ACtMD;;;;;;;;;;;;AAYG;AACH,uBACsB,eAAe,sBAE3B,sBAAsB;;AAE9B;;AAGA,wCAAkC,aAAA,CAAA,MAAA,CAAA,WAAA;AAKlC,oCAAgC,UAAU;AAK1C,sCAAkC,aAAa;oDAjB3B,eAAe;sDAAf,eAAe;AAgEpC;;;;","names":[]}

package/types/skra-ui-datepicker.d.ts

@@ -10,40 +10,70 @@ interface WeekdayHeader {
     readonly long: string;
 }
 
-interface DayCell {
+/** The granularity of the emitted value (ADR 0057 R1). `'year'` is reserved, not yet implemented. */
+type SkraDatePrecision = 'day' | 'month';
+
+/**
+ * One cell of the calendar grid — a day in `day` view, a month in `month` view. ONE model for both
+ * (ADR 0057 R8): the views differ in what a cell means, never in how a cell behaves.
+ */
+interface GridCell {
     readonly key: string;
+    /** The value this cell commits, at the active precision. `null` = layout padding (day view only). */
     readonly iso: string | null;
-    readonly dayNum: string;
-    readonly srName: string;
+    /** Visible text — the localized day number, or the localized full month name. */
+    readonly label: string;
+    /**
+     * The ADR 033 Path-2 `[skra-sr-only]` extension, INCLUDING its leading separator, and never a
+     * restatement of `label` (ADR 0057 R6).
+     */
+    readonly srExt: string;
     readonly today: boolean;
     readonly selected: boolean;
     readonly disabled: boolean;
     readonly focused: boolean;
 }
-interface WeekRow {
+interface GridRow {
     readonly key: number;
-    readonly days: DayCell[];
+    readonly cells: GridCell[];
 }
 /**
- * SkraDatePicker — pick a single **calendar date** from an APG Date Picker grid in the native top layer.
- * Second Tier-3 component. A value-display **trigger** (`<button>`) opens a non-modal top-layer **calendar
- * panel** (Popover API, `popover="auto"`, ADR 0044). The value is an **ISO 8601 date-only string**
- * (`YYYY-MM-DD`), consumer-owned (ADR 0050/037 — NO `@angular/forms`); all date math is the zoneless
- * UTC-calculator discipline in `calendar-math` (no date library). Localization (month/weekday names,
- * first-day-of-week, digits) is `Intl`-derived in `calendar-intl`; the 2-D grid keyboard is the
- * hand-rolled `SkraCalendarKeyboard` (ADR 0044 §7 — roving REAL focus, not aria-activedescendant).
+ * SkraDatePicker — pick a **calendar date** or a **calendar month** from an APG Date Picker grid in the
+ * native top layer. Second Tier-3 component. A value-display **trigger** (`<button>`) opens a non-modal
+ * top-layer **calendar panel** (Popover API, `popover="auto"`, ADR 0044). The value is an **ISO 8601 string**
+ * truncated to the active `precision` (`YYYY-MM-DD` / `YYYY-MM`), consumer-owned (ADR 0050/0057/037 — NO
+ * `@angular/forms`); all date math is the zoneless UTC-calculator discipline in `calendar-math` (no date
+ * library). Localization (month/weekday names, first-day-of-week, digits) is `Intl`-derived in
+ * `calendar-intl`; the 2-D grid keyboard is the hand-rolled `SkraCalendarKeyboard` (ADR 0044 §7 — roving
+ * REAL focus, not aria-activedescendant).
+ *
+ * **Precision is a runtime axis, not a second component (ADR 0057).** `precision="month"` swaps the 7×N day
+ * grid for a 3×4 quarter-aligned month grid inside the SAME trigger, panel, positioner, field DI wiring,
+ * dismissal model, selection model and keyboard controller. The value channel does not widen — `YYYY-MM` is
+ * a truncation of `YYYY-MM-DD`, both `string` — which is exactly why this is an input and cardinality
+ * (ADR 0046) is not. `week` / `time` / `datetime-local` are excluded by rule (ADR 0057 R5): they need a
+ * second calendar coordinate system or are not grids at all, and stay the native `skraInput` path.
  *
- * No projected content: the calendar days are GENERATED (the structural divergence from select/combobox —
- * there is no `skra-option` reuse). The only focusable element in the open panel is the roving day cell;
- * the month-nav buttons are pointer affordances (`tabindex="-1"`, driven by PageUp/PageDown on keyboard),
- * and Tab dismisses — so no focus-containment machinery is needed (spec Q-1).
+ * No projected content: the cells are GENERATED (the structural divergence from select/combobox — there is
+ * no `skra-option` reuse). The only focusable element in the open panel is the roving cell; the period-nav
+ * buttons are pointer affordances (`tabindex="-1"`, driven by PageUp/PageDown on keyboard), and Tab
+ * dismisses — so no focus-containment machinery is needed (spec Q-1).
  *
  * Full contract: adr/specs/component-datepicker-spec.md.
  */
 declare class SkraDatePicker {
-    /** Consumer-owned value: ISO 8601 date-only (`YYYY-MM-DD`); `''` = unset. NEVER a Date (ADR 0050/037). */
+    /**
+     * Consumer-owned value: an ISO 8601 key truncated to `precision` — `YYYY-MM-DD` (`day`) or `YYYY-MM`
+     * (`month`); `''` = unset. NEVER a Date (ADR 0050/0057/037).
+     */
     readonly value: _angular_core.InputSignal<string>;
-    /** Inclusive lower bound (ISO); `''` = unbounded (ADR 0050 §2). */
+    /**
+     * Value granularity (ADR 0057 R1). `'day'` (default) emits `YYYY-MM-DD` over a 7×N day grid; `'month'`
+     * emits `YYYY-MM` over a 3×4 quarter-aligned month grid. NOT a look input, NOT a cardinality flag, and
+     * NOT reflected to a `data-skra-*` attribute — precision is configuration, not state.
+     */
+    readonly precision: _angular_core.InputSignal<SkraDatePrecision>;
+    /** Inclusive lower bound (ISO); `''` = unbounded (ADR 0050 §2, truncated to `precision` per ADR 0057 R4). */
     readonly min: _angular_core.InputSignal<string>;
     /** Inclusive upper bound (ISO); `''` = unbounded. */
     readonly max: _angular_core.InputSignal<string>;
@@ -58,7 +88,7 @@ declare class SkraDatePicker {
     /** Standalone availability source — `SkraFieldContext` wins when present. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Fires ONLY on user date selection — never on a programmatic `value()` change (ADR 037/0050). */
+    /** Fires ONLY on user selection — never on a programmatic `value()`/`precision()` change (ADR 037/0057 R3). */
     readonly valueChange: _angular_core.OutputEmitterRef<string>;
     private readonly triggerRef;
     private readonly panelRef;
@@ -66,12 +96,28 @@ declare class SkraDatePicker {
     private readonly injector;
     private readonly keyboard;
     readonly panelId: string;
-    readonly monthYearId: string;
+    readonly periodId: string;
     protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /**
+     * Which grid is on screen. Seeded from `precision` and writable in between (ADR 0057 R9) so the deferred
+     * month/year quick-pick — stepping UP from the day grid to pick a month, then back down — is an additive
+     * change rather than a rewrite. In MVP nothing writes it, so `view() === precision()` always.
+     *
+     * NOTE for whoever lands quick-pick: it adds a second focusable element to the open panel and therefore
+     * RE-OPENS spec Q-1, which was resolved on the premise that the panel holds exactly one focusable stop
+     * and Tab dismisses. Re-resolve Q-1 first.
+     */
+    protected readonly view: _angular_core.WritableSignal<SkraDatePrecision>;
     /** Today's LOCAL date (ADR 0050 §3) — stable for the session. */
     private readonly todayIso;
-    /** The roving-focus day; SINGLE source of truth for what the grid shows AND which cell is focusable. */
-    private readonly focusedIso;
+    /** The roving-focus cell; SINGLE source of truth for what the grid shows AND which cell is focusable. */
+    private readonly focusedKey;
+    /**
+     * The focused key re-keyed to the active view. A `precision` flip while the panel is closed leaves a key
+     * at the previous granularity behind; re-keying defensively keeps every downstream `computed` total
+     * without an effect or a reset cascade. `onOpen` re-seeds properly from the value.
+     */
+    private readonly focusedAt;
     private positioner?;
     /** Set when a close should return focus to the trigger (keyboard/select), not on outside-click. */
     private returnFocus;
@@ -81,50 +127,80 @@ declare class SkraDatePicker {
     protected readonly isRequired: _angular_core.Signal<boolean>;
     protected readonly triggerId: _angular_core.Signal<string | null>;
     protected readonly describedBy: _angular_core.Signal<string | null>;
-    /** The committed value, defensively normalized: invalid/out-of-range → `''` for display (ADR 0050 §1). */
-    protected readonly selectedIso: _angular_core.Signal<string>;
+    /**
+     * The committed value, defensively normalized: wrong-format-for-precision, invalid or out-of-range → `''`
+     * for display (ADR 0050 §1 as amended by ADR 0057 R3). Keyed on `precision` (what the value IS), not on
+     * `view` (what is on screen) — the two only diverge once quick-pick lands.
+     */
+    protected readonly selectedKey: _angular_core.Signal<string>;
     protected readonly formattedValue: _angular_core.Signal<string>;
     private readonly firstDow;
-    /** The month being shown — always the focused day's month (keeps the roving tabindex valid). */
-    private readonly displayedMonth;
-    protected readonly monthYearLabel: _angular_core.Signal<string>;
-    protected readonly prevMonthLabel: _angular_core.Signal<string>;
-    protected readonly nextMonthLabel: _angular_core.Signal<string>;
+    /**
+     * The container the grid shows — the focused cell's MONTH in day view, its YEAR in month view (`m` is
+     * then meaningless). Always derived from the focused cell, which keeps the roving tabindex valid.
+     */
+    private readonly displayed;
+    protected readonly periodLabel: _angular_core.Signal<string>;
+    protected readonly prevPeriodLabel: _angular_core.Signal<string>;
+    protected readonly nextPeriodLabel: _angular_core.Signal<string>;
+    /**
+     * `aria-current` token for the cell holding today. ARIA 1.2 has no `month` value, and `date` is
+     * defined as the current DATE within a collection of dates — accurate for a day cell, a stretch for a
+     * month cell, where the generic `true` ("current item within a set") is the honest mapping.
+     */
+    protected readonly currentToken: _angular_core.Signal<"true" | "date">;
     protected readonly weekdayHeadersView: _angular_core.Signal<WeekdayHeader[]>;
-    protected readonly weeks: _angular_core.Signal<WeekRow[]>;
+    /** ONE grid renderer, parameterized by view — the ADR 0057 R8 claim, made structural. */
+    protected readonly rows: _angular_core.Signal<GridRow[]>;
     constructor();
+    /**
+     * The dev-mode diagnostic, or `null` when the inputs are coherent. Split out of the constructor so it
+     * is a plain reactive expression rather than a closure buried in a lifecycle hook.
+     */
+    private readonly devWarning;
     protected onTriggerClick(event: MouseEvent): void;
     protected onTriggerKeydown(event: KeyboardEvent): void;
     protected onGridKeydown(event: KeyboardEvent): void;
-    protected goToPreviousMonth(): void;
-    protected goToNextMonth(): void;
-    protected selectDate(iso: string): void;
+    protected goToPreviousPeriod(): void;
+    protected goToNextPeriod(): void;
+    /** One period = one month (day view) / one year (month view). */
+    private stepPeriod;
+    protected selectCell(iso: string): void;
     protected onPanelToggle(event: Event): void;
     private onOpen;
     private onClose;
     private open;
     private close;
-    /** Seed the focused day on open: the valid current value, else today, clamped into `[min,max]`. */
+    /** Seed the focused cell on open: the valid current value, else today, clamped into `[min,max]`. */
     private seedFocus;
-    private monthOffsetLabel;
+    private buildDayRows;
+    private buildMonthRows;
+    /**
+     * The accessible-name separator is baked into the extension rather than left to the template or to the
+     * engine: `[skra-sr-only]` is absolutely positioned, so whether the name computation inserts a space
+     * between the visible text and the extension is engine-dependent. One explicit space, asserted by test.
+     */
+    private srExtension;
+    private periodOffsetLabel;
     private emptyCell;
     private scheduleFocus;
-    private focusActiveDay;
+    private focusActiveCell;
     /** Read a length comp token (px/rem) off the panel computed style for the positioner. */
     private cssLenPx;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkraDatePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkraDatePicker, "skra-datepicker", ["skraDatePicker"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkraDatePicker, "skra-datepicker", ["skraDatePicker"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 /**
  * The intent a key produces in the calendar grid. The controller is PURE (no DOM, no focus, no signals);
- * the `skra-datepicker` component applies the intent — sets `focusedIso`/`displayedMonth` and moves REAL
- * DOM focus (roving). `monthChanged` tells the component the grid will re-stamp so it must re-`focus()`.
+ * the `skra-datepicker` component applies the intent — sets `focusedKey`/the displayed period and moves REAL
+ * DOM focus (roving). The component re-focuses unconditionally after a `focus` intent, so the intent
+ * carries no "did the period change" hint: a field nothing reads is public API that only costs (dropped
+ * in the ADR 0057 review, together with its `monthChanged` predecessor).
  */
 type CalendarKeyIntent = {
     readonly type: 'focus';
     readonly iso: string;
-    readonly monthChanged: boolean;
 } | {
     readonly type: 'select';
 } | {
@@ -133,20 +209,37 @@ type CalendarKeyIntent = {
     readonly type: 'none';
 };
 interface CalendarKeyContext {
-    /** The currently focused day (ISO). */
+    /** The currently focused cell, as an ISO key AT `view` precision (`YYYY-MM-DD` or `YYYY-MM`). */
     readonly focusedIso: string;
-    /** First day of week, ISO 1=Mon … 7=Sun (already resolved by `calendar-intl`). */
+    /** First day of week, ISO 1=Mon … 7=Sun (already resolved by `calendar-intl`). Day view only. */
     readonly firstDayOfWeek: number;
+    /** Which grid is on screen — the ADR 0057 precision axis. */
+    readonly view: SkraDatePrecision;
 }
 /**
  * SkraCalendarKeyboard — the WAI-ARIA APG **Date Picker Dialog** grid keyboard model (2-D), confined to
  * ONE file. The THIRD per-pattern keyboard controller and the FIRST that does NOT wrap a CDK key manager:
  * neither `FocusKeyManager` (Menu) nor `ActiveDescendantKeyManager` (Select/Combobox) models a 2-D grid
- * whose focusable cell set is recomputed on month change (ADR 0044 §7 note, 2026-06-14). Date arithmetic
+ * whose focusable cell set is recomputed on period change (ADR 0044 §7 note, 2026-06-14). Date arithmetic
  * is delegated to `calendar-math` (the ADR 0050 single math site); this controller only maps keys to
  * intents. Roving REAL focus (NOT `aria-activedescendant`) — the divergence from Select/Combobox.
  *
- * Navigation is unclamped (a user may move onto a disabled out-of-range day — APG-discoverable); only
+ * **One model, two unit sets (ADR 0057 R8).** The `day` and `month` views share every key, every intent and
+ * the whole `switch` below; they differ ONLY in what a step, a row and a page mean. That parameterization is
+ * the falsifiable claim behind treating precision as a runtime axis rather than a second component — if this
+ * ever needs a second `resolve`, the classification was wrong and the feature splits.
+ *
+ * | Key                   | `day` view                    | `month` view                  |
+ * | --------------------- | ----------------------------- | ----------------------------- |
+ * | Left / Right          | ∓1 day                        | ∓1 month                      |
+ * | Up / Down             | ∓7 days (one week row)        | ∓3 months (one quarter row)   |
+ * | Home / End            | first / last day of the week   | first / last month of the quarter |
+ * | PageUp / PageDown     | ∓1 month (clamped)            | ∓1 year                       |
+ * | Shift+PageUp / -Down  | ∓1 year (clamped)             | ∓10 years                     |
+ *
+ * Home/End stay ROW-scoped in both views — APG grid semantics, and one rule beats two.
+ *
+ * Navigation is unclamped (a user may move onto a disabled out-of-range cell — APG-discoverable); only
  * SELECTION is range-guarded, and that guard lives in the component (one place, shared with pointer click).
  */
 declare class SkraCalendarKeyboard {
@@ -154,11 +247,18 @@ declare class SkraCalendarKeyboard {
         key: string;
         shiftKey: boolean;
     }, ctx: CalendarKeyContext): CalendarKeyIntent;
+    /** One cell = one day / one month. */
+    private step;
+    /** Row start: the week (day view) / the calendar quarter (month view). */
+    private rowStart;
+    /** Row end: last day of the week / last month of the quarter. */
+    private rowEnd;
+    /** Page = the next container up; Shift = the one above that. Day math stays clamped (ADR 0050 §4). */
+    private page;
     private toFocus;
-    private monthChanged;
     private weekStart;
 }
 
 export { SkraCalendarKeyboard, SkraDatePicker };
-export type { CalendarKeyContext, CalendarKeyIntent };
+export type { CalendarKeyContext, CalendarKeyIntent, SkraDatePrecision };
 //# sourceMappingURL=skra-ui-datepicker.d.ts.map

package/types/skra-ui-datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-datepicker.d.ts","sources":["../../../../libs/ui/datepicker/src/lib/datepicker/calendar-intl.ts","../../../../libs/ui/datepicker/src/lib/datepicker/datepicker.ts","../../../../libs/ui/datepicker/src/lib/datepicker/calendar-keyboard.ts"],"mappings":";;;;AAWA;UACiB,aAAa;;AAE5B;AACA;AACA;AACD;;AC2BD,UAAU,OAAO;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAED,UAAU,OAAO;AACf;AACA,mBAAe,OAAO;AACvB;AAID;;;;;;;;;;;;;;;AAeG;AACH,cAyJa,cAAc;;oBAEX,aAAA,CAAA,WAAA;;kBAEF,aAAA,CAAA,WAAA;;kBAEA,aAAA,CAAA,WAAA;;qBAEG,aAAA,CAAA,WAAA;;6BAEQ,aAAA,CAAA,WAAA;;0BAEH,aAAA,CAAA,WAAA;;wBAEF,aAAA,CAAA,WAAA,CAAA,aAAA;;uBAED,aAAA,CAAA,wBAAA;uBACA,aAAA,CAAA,wBAAA;;0BAGG,aAAA,CAAA,gBAAA;AAEpB;AAEA;AAEA;AACA;AACA;;;AAIA,+BAAyB,aAAA,CAAA,cAAA;;AAGzB;;AAEA;;;;AAOA,mCAA6B,aAAA,CAAA,MAAA;AAG7B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,iCAA2B,aAAA,CAAA,MAAA;AAG3B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,kCAA4B,aAAA,CAAA,MAAA;AAG5B,oCAA8B,aAAA,CAAA,MAAA;;AAM9B,oCAA8B,aAAA,CAAA,MAAA;AAI9B,uCAAiC,aAAA,CAAA,MAAA;AAGjC;;AAIA;AAIA,uCAAiC,aAAA,CAAA,MAAA;AAOjC,uCAAiC,aAAA,CAAA,MAAA;AACjC,uCAAiC,aAAA,CAAA,MAAA;AACjC,2CAAqC,aAAA,CAAA,MAAA,CAAAA,aAAA;AAGrC,8BAAwB,aAAA,CAAA,MAAA,CAAA,OAAA;;AAqDxB,oCAAgC,UAAU;AAI1C,sCAAkC,aAAa;AAS/C,mCAA+B,aAAa;;;AAwC5C;AAQA,mCAA+B,KAAK;AAOpC;AAiBA;AASA;AAGA;;AAKA;AAMA;AAMA;AAaA;AAIA;;AASA;oDA7RW,cAAc;sDAAd,cAAc;AAyS1B;;ACxgBD;;;;AAIG;AACG,KAAM,iBAAiB;AAEvB;AACA;AACA;;AAEA;;AACA;;AACA;;UAEW,kBAAkB;;AAEjC;;AAEA;AACD;AAID;;;;;;;;;;AAUG;AACH,cAAa,oBAAoB;;;;AAEY,YACpC,kBAAkB,GACtB,iBAAiB;AA8CpB;AAQA;AAMA;AAMD;;;;","names":["__calendar_intl.WeekdayHeader"]}
+{"version":3,"file":"skra-ui-datepicker.d.ts","sources":["../../../../libs/ui/datepicker/src/lib/datepicker/calendar-intl.ts","../../../../libs/ui/datepicker/src/lib/datepicker/calendar-math.ts","../../../../libs/ui/datepicker/src/lib/datepicker/datepicker.ts","../../../../libs/ui/datepicker/src/lib/datepicker/calendar-keyboard.ts"],"mappings":";;;;AA6BA;UACiB,aAAa;;AAE5B;AACA;AACA;AACD;;ACsID;KACY,iBAAiB;;AChH7B;;;AAGG;AACH,UAAU,QAAQ;AAChB;;AAEA;;AAEA;AACA;;;AAGG;AACH;AACA;AACA;AACA;AACA;AACD;AAED,UAAU,OAAO;AACf;AACA,oBAAgB,QAAQ;AACzB;AAID;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH,cA+Ja,cAAc;AACzB;;;AAGG;oBACW,aAAA,CAAA,WAAA;AACd;;;;AAIG;wBACe,aAAA,CAAA,WAAA,CAAA,iBAAA;;kBAEN,aAAA,CAAA,WAAA;;kBAEA,aAAA,CAAA,WAAA;;qBAEG,aAAA,CAAA,WAAA;;6BAEQ,aAAA,CAAA,WAAA;;0BAEH,aAAA,CAAA,WAAA;;wBAEF,aAAA,CAAA,WAAA,CAAA,aAAA;;uBAED,aAAA,CAAA,wBAAA;uBACA,aAAA,CAAA,wBAAA;;0BAGG,aAAA,CAAA,gBAAA;AAEpB;AAEA;AAEA;AACA;AACA;;;AAIA,+BAAyB,aAAA,CAAA,cAAA;AAEzB;;;;;;;;AAQG;AACH,6BAAuB,aAAA,CAAA,cAAA,CAAA,iBAAA;;AAGvB;;AAEA;AACA;;;;AAIG;AACH;;;;AAUA,mCAA6B,aAAA,CAAA,MAAA;AAG7B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,iCAA2B,aAAA,CAAA,MAAA;AAG3B,mCAA6B,aAAA,CAAA,MAAA;AAG7B,kCAA4B,aAAA,CAAA,MAAA;AAG5B,oCAA8B,aAAA,CAAA,MAAA;AAK9B;;;;AAIG;AACH,oCAA8B,aAAA,CAAA,MAAA;AAQ9B,uCAAiC,aAAA,CAAA,MAAA;AAKjC;AAGA;;;AAGG;AACH;AASA,oCAA8B,aAAA,CAAA,MAAA;AAM9B,wCAAkC,aAAA,CAAA,MAAA;AAGlC,wCAAkC,aAAA,CAAA,MAAA;AAGlC;;;;AAIG;AACH,qCAA+B,aAAA,CAAA,MAAA;AAG/B,2CAAqC,aAAA,CAAA,MAAA,CAAAA,aAAA;;AAIrC,6BAAuB,aAAA,CAAA,MAAA,CAAA,OAAA;;AAgCvB;;;AAGG;AACH;AAsCA,oCAAgC,UAAU;AAI1C,sCAAkC,aAAa;AAS/C,mCAA+B,aAAa;;;;AAwC5C;AAUA;AAuBA,mCAA+B,KAAK;AAOpC;AAiBA;AASA;AAGA;;AAKA;AAQA;AA0BA;AAwBA;;;;AAIG;AACH;AAIA;AAQA;AAaA;AAIA;;AASA;oDArcW,cAAc;sDAAd,cAAc;AAid1B;;ACjtBD;;;;;;AAMG;AACG,KAAM,iBAAiB;AAEvB;AACA;;AAEA;;AACA;;AACA;;UAEW,kBAAkB;;AAEjC;;AAEA;;AAEA,mBAAe,iBAAiB;AACjC;AAOD;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACH,cAAa,oBAAoB;;;;AAEY,YACpC,kBAAkB,GACtB,iBAAiB;;AA+BpB;;AAOA;;AAOA;;AAOA;AAYA;AAIA;AAMD;;;;","names":["__calendar_intl.WeekdayHeader"]}

package/types/skra-ui-menu.d.ts

@@ -31,11 +31,16 @@ interface SkraMenuPanel {
  *   <button skraButton popovertarget="actions" aria-haspopup="menu">Actions</button>
  *   <skra-menu id="actions">
  *     <button skraMenuItem (click)="edit()">Edit</button>
- *     <button skraMenuItem disabled (click)="archive()">Archive</button>
+ *     <button skraMenuItem aria-disabled="true" (click)="archive()">Archive</button>
  *     <button skraMenuItem (click)="remove()">Delete</button>
  *   </skra-menu>
  *
- * Forge adds, on top of the Popover substrate: the `role="menu"` keyboard model via `SkraMenuKeyboard`
+ * A disabled item is `aria-disabled="true"` set by the CONSUMER — never native `disabled` (boundary
+ * #9, native-attr-first): the item stays focusable and in the roving order per APG, and a
+ * capture-phase guard on the panel blocks activation. Native `disabled` would keep it in the roving
+ * order but make `focus()` a no-op, so arrow navigation would silently dead-end on that row.
+ *
+ * Skra adds, on top of the Popover substrate: the `role="menu"` keyboard model via `SkraMenuKeyboard`
  * (CDK `FocusKeyManager` — Down/Up roving + wrap, Home/End, type-ahead, Tab-dismiss), **focus moving
  * INTO the menu on open** (a composite widget — unlike non-modal Popover; the per-component ADR 0044
  * §3 rule-8 decision), and the trigger's disclosure ARIA (`aria-haspopup="menu"` / `aria-controls` /
@@ -52,9 +57,10 @@ declare class SkraMenu implements SkraMenuPanel {
     private readonly host;
     private readonly renderer;
     private readonly keyboard;
-    /** The consumer's `[popovertarget]` button, resolved once (lazily-idempotent via `resolved`). */
+    /** The consumer's `[popovertarget]` button; resolution is retried until it succeeds. */
     private trigger;
-    private resolved;
+    /** Latches the dev warning, NOT the resolution — see `ensureTrigger()`. */
+    private warned;
     private positioner?;
     constructor();
     /** SKRA_MENU contract — close on item activation (native focus-return to the trigger). */
@@ -67,8 +73,14 @@ declare class SkraMenu implements SkraMenuPanel {
     private onClose;
     /**
      * Resolve the `[popovertarget]` trigger and establish the menu disclosure ARIA on it (sanctioned a11y
-     * wiring, ADR 013-style — not style mutation). Idempotent. Returns the trigger (or null for an orphan
-     * menu, dev-warned once).
+     * wiring, ADR 013-style — not style mutation). Returns the trigger (or null for an orphan menu,
+     * dev-warned once).
+     *
+     * Idempotent on SUCCESS only — see the same note on `SkraPopover.ensureTrigger()`. Latching on
+     * failure would permanently strand a trigger rendered behind an `@if` / lazy route / `@defer`:
+     * no disclosure ARIA, and `onOpen()` bails on the null anchor so the panel opens unpositioned at
+     * viewport 0,0 — the exact signature of impl-finding #1 in the spec. The dev warning latches
+     * separately via `warned`.
      */
     private ensureTrigger;
     /** Read a length comp token (px/rem) off the host computed style for the positioner. */

package/types/skra-ui-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-menu.d.ts","sources":["../../../../libs/ui/menu/src/lib/menu/menu-types.ts","../../../../libs/ui/menu/src/lib/menu/menu.ts","../../../../libs/ui/menu/src/lib/menu/menu-item.ts"],"mappings":";;;;AAEA;;;;AAIG;UACc,oBAAoB;;;;AAIpC;AAED;UACiB,aAAa;;;AAG7B;;ACQD;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACH,cAoBa,QAAS,YAAW,aAAa;;wBAE1BA,EAAA,CAAA,WAAA,CAAA,aAAA;AAElB;AAIA;AACA;AACA;;;;;;;AAoCA;;AAKA;AAWA;AAKA;AAIA;AAmBA;AAQA;;;;AAIG;AACH;;AA0CA;;AAcA;AAUA;yCAzKW,QAAQ;2CAAR,QAAQ;AAsLpB;;AClPD;;;;;;;;;;;;;;;;;AAiBG;AACH,cAea,YAAa,YAAW,oBAAoB;AACvD;AACA;;AAcA;AAGA;;AAIA;AAIA,gCAA4B,UAAU;yCA3B3B,YAAY;2CAAZ,YAAY;AAsCxB;;;;","names":["_angular_core"]}
+{"version":3,"file":"skra-ui-menu.d.ts","sources":["../../../../libs/ui/menu/src/lib/menu/menu-types.ts","../../../../libs/ui/menu/src/lib/menu/menu.ts","../../../../libs/ui/menu/src/lib/menu/menu-item.ts"],"mappings":";;;;AAEA;;;;AAIG;UACc,oBAAoB;;;;AAIpC;AAED;UACiB,aAAa;;;AAG7B;;ACQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACH,cAoBa,QAAS,YAAW,aAAa;;wBAE1BA,EAAA,CAAA,WAAA,CAAA,aAAA;AAElB;AAIA;AACA;AACA;;;;;;;;AAqCA;;AAKA;AAWA;AAKA;AAIA;AAmBA;AAQA;;;;;;;;;;AAUG;AACH;;AAgDA;;AAcA;AAUA;yCAtLW,QAAQ;2CAAR,QAAQ;AAmMpB;;ACpQD;;;;;;;;;;;;;;;;;AAiBG;AACH,cAea,YAAa,YAAW,oBAAoB;AACvD;AACA;;AAcA;AAGA;;AAIA;AAIA,gCAA4B,UAAU;yCA3B3B,YAAY;2CAAZ,YAAY;AAyCxB;;;;","names":["_angular_core"]}

package/types/skra-ui-popover.d.ts

@@ -32,9 +32,10 @@ declare class SkraPopover {
     readonly placement: i0.InputSignal<SkraPlacement>;
     private readonly host;
     private readonly renderer;
-    /** The consumer's `[popovertarget]` button, resolved once (lazily-idempotent via `resolved`). */
+    /** The consumer's `[popovertarget]` button; resolution is retried until it succeeds. */
     private trigger;
-    private resolved;
+    /** Latches the dev warning, NOT the resolution — see `ensureTrigger()`. */
+    private warned;
     private positioner?;
     constructor();
     private readonly onToggleNative;
@@ -42,8 +43,16 @@ declare class SkraPopover {
     private onClose;
     /**
      * Resolve the `[popovertarget]` trigger and establish the disclosure ARIA on it (sanctioned a11y
-     * wiring, ADR 013-style — not style mutation). Idempotent: runs at most once. Returns the trigger
-     * (or null for an orphan popover, dev-warned once).
+     * wiring, ADR 013-style — not style mutation). Returns the trigger (or null for an orphan
+     * popover, dev-warned once).
+     *
+     * Idempotent on SUCCESS only. It deliberately does NOT latch on failure: a trigger behind an
+     * `@if`, a lazy route or a `@defer` block is simply not in the DOM at the `afterNextRender` tick,
+     * and latching there would strand it forever — no disclosure ARIA and, because `onOpen()` bails
+     * on a null anchor, an unpositioned panel at viewport 0,0. Retrying on each open is cheap (one
+     * `querySelectorAll` per open, only while still unresolved) and makes the `onOpen()` call a real
+     * safety net rather than the dead code it was. The dev warning latches separately via `warned`
+     * so a late-rendered trigger does not spam the console once per open.
      */
     private ensureTrigger;
     /** Read a length comp token (px/rem) off the host computed style for the positioner. */

package/types/skra-ui-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-popover.d.ts","sources":["../../../../libs/ui/popover/src/lib/popover/popover.ts"],"mappings":";;;;AAoBA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACH,cAkBa,WAAW;;wBAEJA,EAAA,CAAA,WAAA,CAAA,aAAA;AAElB;AACA;;;;;;AAqBA;AAKA;AAoBA;AAQA;;;;AAIG;AACH;;AAyCA;AAaA;yCAtHW,WAAW;2CAAX,WAAW;AA8HvB;;;;","names":["_angular_core"]}
+{"version":3,"file":"skra-ui-popover.d.ts","sources":["../../../../libs/ui/popover/src/lib/popover/popover.ts"],"mappings":";;;;AAoBA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACH,cAkBa,WAAW;;wBAEJA,EAAA,CAAA,WAAA,CAAA,aAAA;AAElB;AACA;;;;;;;AAsBA;AAKA;AAoBA;AAQA;;;;;;;;;;;;AAYG;AACH;;AAgDA;AAaA;yCAtIW,WAAW;2CAAX,WAAW;AA8IvB;;;;","names":["_angular_core"]}

package/types/skra-ui-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-tooltip.d.ts","sources":["../../../../libs/ui/tooltip/src/lib/tooltip/tooltip.ts","../../../../libs/ui/tooltip/src/lib/tooltip/tooltip-panel.ts"],"mappings":";;;;AA0BA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,cAWa,WAAW;;0BAEFA,EAAA,CAAA,WAAA;;wBAEFA,EAAA,CAAA,WAAA,CAAA,aAAA;AAElB;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;AAkEA;AAUA;AASA;AA8BA;AAcA;AAUA;AAkBA;AAOA;AAOA;AAWA;AAWA;yCA7MW,WAAW;2CAAX,WAAW;AAqNvB;;ACtQD;;;;;;;;;;;;;;AAcG;AACH,cAaa,gBAAgB;;mBAEdA,EAAA,CAAA,WAAA;;;yCAFF,gBAAgB;2CAAhB,gBAAgB;AAM5B;;;;","names":["_angular_core"]}
+{"version":3,"file":"skra-ui-tooltip.d.ts","sources":["../../../../libs/ui/tooltip/src/lib/tooltip/tooltip.ts","../../../../libs/ui/tooltip/src/lib/tooltip/tooltip-panel.ts"],"mappings":";;;;AA+BA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,cAWa,WAAW;;0BAEFA,EAAA,CAAA,WAAA;;wBAEFA,EAAA,CAAA,WAAA,CAAA,aAAA;AAElB;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;AAkEA;AAUA;AASA;AA8BA;AAcA;AAUA;AAkBA;AAOA;AAOA;AAWA;AAWA;yCA7MW,WAAW;2CAAX,WAAW;AAqNvB;;AC3QD;;;;;;;;;;;;;;AAcG;AACH,cAaa,gBAAgB;;mBAEdA,EAAA,CAAA,WAAA;;;yCAFF,gBAAgB;2CAAhB,gBAAgB;AAM5B;;;;","names":["_angular_core"]}