@skra/ui 0.2.0

package/fesm2022/skra-ui-status-dot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui-status-dot.mjs","sources":["../../../../libs/ui/status-dot/src/lib/status-dot/status-dot.ts","../../../../libs/ui/status-dot/src/skra-ui-status-dot.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  input,\n} from '@angular/core';\n\n/**\n * StatusDotIntent — the Variant Surface Intent axis (ADR 035 §3.1, the status palette subset).\n * Drops the action intents `primary`/`secondary` (those belong to interactive surfaces, not a\n * status glyph). Closed enum; extension requires an ADR 035 amendment.\n */\nexport type StatusDotIntent =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\n/**\n * StatusDotSize — the Variant Surface Size axis (ADR 035 §3.1, downward subset `sm|md|lg`).\n * `xs`/`xl` are reserved (ADR 035 §3.2) and NOT in MVP — adding them later is purely additive.\n * Unlike content-width Badge (which has no size — its size is its text), the dot has NO content,\n * so size is a genuine free variable the consumer needs (corner-of-`lg`-avatar vs inline-in-text).\n */\nexport type StatusDotSize = 'sm' | 'md' | 'lg';\n\n/**\n * `<skra-status-dot>` — a bare, small, non-interactive status/presence indicator (a coloured dot)\n * composed beside other content: an avatar corner (online/away/busy/offline), or beside a label.\n * Second resident of `libs/ui/data-display`, sibling to `<skra-avatar>` (whose corner presence-dot\n * it provides). See `adr/specs/component-status-dot-spec.md`.\n *\n * **Element, not a decorated native (ADR 012):** there is no native `<dot>`, and a bare `<span>`\n * carries no semantics and forces a colour literal. NOT a Web Component (ADR 000).\n *\n * **No content (the SRP line vs `skra-badge`):** the dot IS the glyph — no slots, no projected\n * content, no label/count. Meaning is carried by ADJACENT text the consumer owns. The defining\n * value-add over a hand-rolled span is the semantic `intent`→token-colour mapping (no hex — ADR\n * 002/023) + the size axis that tracks the avatar.\n *\n * **Non-interactive (Avatar/Badge precedent):** no focusable node, no widget role, no keyboard, no\n * outputs → State Surface all-N/A. A clickable status = `button[skraButton]` composition, not a\n * variant.\n *\n * **Accessible name (ADR 033 Path 3 — graphic host, the SkraIcon/Avatar contract):** the host\n * carries NO default ARIA. The consumer declares semantics explicitly, exactly as for\n * `<skra-icon>`/`<skra-avatar>`:\n *   - decorative (Mode A, the ~90% case — dot beside visible/sr-only status text) → `aria-hidden=\"true\"`;\n *   - meaningful (Mode B — the dot is the SOLE status carrier) → **`role=\"img\"` + `aria-label`/\n *     `aria-labelledby` TOGETHER**. `role=\"img\"` is REQUIRED: `aria-label` on the roleless host is\n *     ARIA-prohibited (axe `aria-prohibited-attr`, the Avatar Mode-B fix) and conveys no name.\n * WCAG 1.4.1 (colour-independence) cannot be enforced by the atom — the adjacent text is the\n * consumer's; the `InlineStatus`/`A11yCheck` stories carry the editorial contract. NO `ariaLabel`\n * input (ADR 033 boundary #8).\n *\n * **Look is skin-owned:** circle-vs-square is the `radius` comp token (brutal's `radius.full: 0`\n * ships a square dot automatically). The fill is the semantic `intent`→`sys.color.<intent>.base`\n * (recolour at the sys level, not a per-dot token — skin philosophy); NO `emphasis` (always filled),\n * NO `live` (a dot has no text to announce — the consumer's adjacent live text does), NO\n * `color`/`variant`/`shape` look-inputs.\n */\n@Component({\n  selector: 'skra-status-dot',\n  standalone: true,\n  template: '',\n  styleUrl: './status-dot.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    // Variant Surface reflection (ADR 035 §3.5; ADR 021 — never [style.--var]).\n    '[attr.data-skra-intent]': 'intent()',\n    '[attr.data-skra-size]': 'size()',\n  },\n})\nexport class SkraStatusDot {\n  /** Variant Surface Intent axis (ADR 035) — the fill colour (status palette subset). */\n  readonly intent = input<StatusDotIntent>('neutral');\n\n  /** Variant Surface Size axis (ADR 035) — the dot's (colored core) diameter. */\n  readonly size = input<StatusDotSize>('md');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AA2BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;MAcU,aAAa,CAAA;;AAEf,IAAA,MAAM,GAAG,KAAK,CAAkB,SAAS,6EAAC;;AAG1C,IAAA,IAAI,GAAG,KAAK,CAAgB,IAAI,2EAAC;uGAL/B,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,uaAVd,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gvCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAUD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAbzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;;AAEJ,wBAAA,yBAAyB,EAAE,UAAU;AACrC,wBAAA,uBAAuB,EAAE,QAAQ;AAClC,qBAAA,EAAA,MAAA,EAAA,CAAA,gvCAAA,CAAA,EAAA;;;ACzEH;;AAEG;;;;"}

package/fesm2022/skra-ui-switch.mjs

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SkraFieldContext } from '@skra/ui/field';
+
+/**
+ * Wires a native `<input type="checkbox">` to the **switch** role + skin when inside
+ * `<skra-field>` (ADR 013), or standalone with no cascade. Per ADR 039/040, Forge ships
+ * no `<skra-switch>` wrapper — this is a Component-on-the-native-host (`<input>` is void →
+ * `template: ''`, ADR 040 §2) carrying its own `switch.scss` via Emulated encapsulation. The
+ * ADR 039 revision history named this exact pattern as the future switch primitive.
+ *
+ * **The directive SETS `role="switch"`** (it is not part of the selector) — the consumer must
+ * not be asked to repeat an obvious, required ARIA role. No native HTML element produces switch
+ * semantics, so `role="switch"` is the legitimate ARIA mechanism (native-attr-first rule 2). The
+ * browser maps the native checked state to `aria-checked` (on/off) under this role.
+ *
+ *   <!-- inside Field -->
+ *   <skra-field>
+ *     <input type="checkbox" skraSwitch [checked]="x()" (change)="x.set($any($event.target).checked)" />
+ *     <label skraLabelFor>Enable notifications</label>
+ *   </skra-field>
+ *
+ *   <!-- standalone (label wraps input — no id/for needed) -->
+ *   <label>
+ *     <input type="checkbox" skraSwitch [checked]="x()" (change)="x.set($any($event.target).checked)" />
+ *     Dark mode
+ *   </label>
+ *
+ * Value channel stays consumer-owned per ADR 037 (native `[checked]` + `(change)`, Reactive
+ * Forms `formControlName`, Signal Forms `[formField]`, or `[(ngModel)]` — all orthogonal). Toggle
+ * state is NOT reflected as `data-skra-*` (that would require Forge to observe native state,
+ * violating ADR 037); the skin keys off the native `:checked` pseudo-class.
+ *
+ * Distinct from `skraCheckbox` (the atom-granularity split): a switch is strictly binary —
+ * `role="switch"` forbids `aria-checked="mixed"`, so there is **no `indeterminate` input**.
+ */
+class SkraSwitch {
+    el = inject(ElementRef);
+    context = inject(SkraFieldContext, { optional: true });
+    constructor() {
+        // Field-cascaded native properties — only bind when context is present so
+        // standalone consumers retain full control of their static attributes.
+        if (this.context) {
+            const ctx = this.context;
+            const el = this.el.nativeElement;
+            effect(() => {
+                el.id = ctx.fieldId();
+            });
+            effect(() => {
+                el.disabled = ctx.isDisabled();
+            });
+        }
+    }
+    /**
+     * Readonly enforcement — native checkbox has no `[readonly]`, so without this the
+     * `aria-readonly` we announce would be a lie (the user could still toggle it).
+     * `preventDefault` on `click` blocks the toggle from both pointer and Space (keyboard
+     * activation dispatches a click on form controls). Mirrors the checkbox/radio guards.
+     */
+    blockWhenReadonly(event) {
+        if (this.context?.isReadonly())
+            event.preventDefault();
+    }
+    /** Block keyboard activation (Space) when readonly; let `Tab` through. */
+    blockKeyWhenReadonly(event) {
+        if (this.context?.isReadonly() && event.key !== 'Tab') {
+            event.preventDefault();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SkraSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][skraSwitch]", host: { attributes: { "role": "switch" }, listeners: { "click": "blockWhenReadonly($event)", "keydown": "blockKeyWhenReadonly($event)" }, properties: { "attr.data-skra-disabled": "context?.isDisabled() ? \"\" : null", "attr.aria-invalid": "context?.hasError() ? \"true\" : null", "attr.aria-readonly": "context?.isReadonly() ? \"true\" : null", "attr.aria-describedby": "context?.describedByIds() ?? null" } }, ngImport: i0, template: '', isInline: true, styles: [":host{appearance:none;box-sizing:border-box;flex-shrink:0;cursor:pointer;outline:none;inline-size:var(--skra-comp-field-switch-track-inline-size);block-size:var(--skra-comp-field-switch-track-block-size);border-width:var(--skra-comp-field-switch-border-width);border-style:solid;border-color:var(--skra-comp-field-switch-border-color);border-radius:var(--skra-comp-field-switch-track-radius);background-color:var(--skra-comp-field-switch-background);--_switch-thumb: var(--skra-comp-field-switch-thumb-color);background-repeat:no-repeat;background-size:var(--skra-comp-field-switch-thumb-size) var(--skra-comp-field-switch-thumb-size);background-position:left var(--skra-comp-field-switch-thumb-inset) center;background-image:radial-gradient(circle,var(--_switch-thumb) 49%,transparent 50%);transition:background-color var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing),background-position var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing),border-color var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing),box-shadow var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing)}:host(:checked){--_switch-thumb: var(--skra-comp-field-switch-thumb-color-checked);background-color:var(--skra-comp-field-switch-checked-background);border-color:var(--skra-comp-field-switch-checked-background);background-position:right var(--skra-comp-field-switch-thumb-inset) center}:host(:hover:not(:disabled):not([aria-readonly=true])){background-color:var(--skra-comp-field-switch-background-hover);border-color:var(--skra-comp-field-switch-border-color-hover)}:host(:checked:hover:not(:disabled):not([aria-readonly=true])){background-color:var(--skra-comp-field-switch-checked-background-hover);border-color:var(--skra-comp-field-switch-checked-background-hover)}:host(:focus-visible){box-shadow:0 0 0 var(--skra-comp-field-focus-ring-width) var(--skra-comp-field-focus-ring-color)}:host(:disabled),:host([data-skra-disabled]){cursor:not-allowed;opacity:var(--skra-sys-opacity-disabled)}:host([aria-readonly=true]){cursor:default;background-color:var(--skra-comp-field-background-readonly);border-color:var(--skra-comp-field-border-color-readonly)}:host(:checked[aria-readonly=true]){background-color:var(--skra-comp-field-switch-checked-background-readonly);border-color:var(--skra-comp-field-switch-checked-background-readonly)}:host([aria-invalid=true]){border-color:var(--skra-comp-field-error-color)}:host([aria-invalid=true]:focus-visible){box-shadow:0 0 0 var(--skra-comp-field-focus-ring-width) var(--skra-comp-field-error-color)}@media(prefers-reduced-motion:reduce){:host{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraSwitch, decorators: [{
+            type: Component,
+            args: [{ selector: 'input[type="checkbox"][skraSwitch]', standalone: true, template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        // The directive owns the switch semantic (resolved in scope, refines the ADR 039 sketch).
+                        role: 'switch',
+                        '[attr.data-skra-disabled]': 'context?.isDisabled() ? "" : null',
+                        '[attr.aria-invalid]': 'context?.hasError() ? "true" : null',
+                        // Readonly is ARIA-only (native `readonly` doesn't apply to checkboxes per HTML spec);
+                        // styling keys off `[aria-readonly]`. Mirrors skraCheckbox / skraRadio.
+                        '[attr.aria-readonly]': 'context?.isReadonly() ? "true" : null',
+                        '[attr.aria-describedby]': 'context?.describedByIds() ?? null',
+                        '(click)': 'blockWhenReadonly($event)',
+                        '(keydown)': 'blockKeyWhenReadonly($event)',
+                    }, styles: [":host{appearance:none;box-sizing:border-box;flex-shrink:0;cursor:pointer;outline:none;inline-size:var(--skra-comp-field-switch-track-inline-size);block-size:var(--skra-comp-field-switch-track-block-size);border-width:var(--skra-comp-field-switch-border-width);border-style:solid;border-color:var(--skra-comp-field-switch-border-color);border-radius:var(--skra-comp-field-switch-track-radius);background-color:var(--skra-comp-field-switch-background);--_switch-thumb: var(--skra-comp-field-switch-thumb-color);background-repeat:no-repeat;background-size:var(--skra-comp-field-switch-thumb-size) var(--skra-comp-field-switch-thumb-size);background-position:left var(--skra-comp-field-switch-thumb-inset) center;background-image:radial-gradient(circle,var(--_switch-thumb) 49%,transparent 50%);transition:background-color var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing),background-position var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing),border-color var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing),box-shadow var(--skra-comp-field-motion-duration) var(--skra-comp-field-motion-easing)}:host(:checked){--_switch-thumb: var(--skra-comp-field-switch-thumb-color-checked);background-color:var(--skra-comp-field-switch-checked-background);border-color:var(--skra-comp-field-switch-checked-background);background-position:right var(--skra-comp-field-switch-thumb-inset) center}:host(:hover:not(:disabled):not([aria-readonly=true])){background-color:var(--skra-comp-field-switch-background-hover);border-color:var(--skra-comp-field-switch-border-color-hover)}:host(:checked:hover:not(:disabled):not([aria-readonly=true])){background-color:var(--skra-comp-field-switch-checked-background-hover);border-color:var(--skra-comp-field-switch-checked-background-hover)}:host(:focus-visible){box-shadow:0 0 0 var(--skra-comp-field-focus-ring-width) var(--skra-comp-field-focus-ring-color)}:host(:disabled),:host([data-skra-disabled]){cursor:not-allowed;opacity:var(--skra-sys-opacity-disabled)}:host([aria-readonly=true]){cursor:default;background-color:var(--skra-comp-field-background-readonly);border-color:var(--skra-comp-field-border-color-readonly)}:host(:checked[aria-readonly=true]){background-color:var(--skra-comp-field-switch-checked-background-readonly);border-color:var(--skra-comp-field-switch-checked-background-readonly)}:host([aria-invalid=true]){border-color:var(--skra-comp-field-error-color)}:host([aria-invalid=true]:focus-visible){box-shadow:0 0 0 var(--skra-comp-field-focus-ring-width) var(--skra-comp-field-error-color)}@media(prefers-reduced-motion:reduce){:host{transition:none}}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkraSwitch };
+//# sourceMappingURL=skra-ui-switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui-switch.mjs","sources":["../../../../libs/ui/switch/src/lib/switch/switch.ts","../../../../libs/ui/switch/src/skra-ui-switch.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  effect,\n  inject,\n} from '@angular/core';\nimport { SkraFieldContext } from '@skra/ui/field';\n\n/**\n * Wires a native `<input type=\"checkbox\">` to the **switch** role + skin when inside\n * `<skra-field>` (ADR 013), or standalone with no cascade. Per ADR 039/040, Forge ships\n * no `<skra-switch>` wrapper — this is a Component-on-the-native-host (`<input>` is void →\n * `template: ''`, ADR 040 §2) carrying its own `switch.scss` via Emulated encapsulation. The\n * ADR 039 revision history named this exact pattern as the future switch primitive.\n *\n * **The directive SETS `role=\"switch\"`** (it is not part of the selector) — the consumer must\n * not be asked to repeat an obvious, required ARIA role. No native HTML element produces switch\n * semantics, so `role=\"switch\"` is the legitimate ARIA mechanism (native-attr-first rule 2). The\n * browser maps the native checked state to `aria-checked` (on/off) under this role.\n *\n *   <!-- inside Field -->\n *   <skra-field>\n *     <input type=\"checkbox\" skraSwitch [checked]=\"x()\" (change)=\"x.set($any($event.target).checked)\" />\n *     <label skraLabelFor>Enable notifications</label>\n *   </skra-field>\n *\n *   <!-- standalone (label wraps input — no id/for needed) -->\n *   <label>\n *     <input type=\"checkbox\" skraSwitch [checked]=\"x()\" (change)=\"x.set($any($event.target).checked)\" />\n *     Dark mode\n *   </label>\n *\n * Value channel stays consumer-owned per ADR 037 (native `[checked]` + `(change)`, Reactive\n * Forms `formControlName`, Signal Forms `[formField]`, or `[(ngModel)]` — all orthogonal). Toggle\n * state is NOT reflected as `data-skra-*` (that would require Forge to observe native state,\n * violating ADR 037); the skin keys off the native `:checked` pseudo-class.\n *\n * Distinct from `skraCheckbox` (the atom-granularity split): a switch is strictly binary —\n * `role=\"switch\"` forbids `aria-checked=\"mixed\"`, so there is **no `indeterminate` input**.\n */\n@Component({\n  selector: 'input[type=\"checkbox\"][skraSwitch]',\n  standalone: true,\n  // Void host — no <ng-content>. See ADR 040 §2.\n  template: '',\n  styleUrl: './switch.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    // The directive owns the switch semantic (resolved in scope, refines the ADR 039 sketch).\n    role: 'switch',\n    '[attr.data-skra-disabled]': 'context?.isDisabled() ? \"\" : null',\n    '[attr.aria-invalid]': 'context?.hasError() ? \"true\" : null',\n    // Readonly is ARIA-only (native `readonly` doesn't apply to checkboxes per HTML spec);\n    // styling keys off `[aria-readonly]`. Mirrors skraCheckbox / skraRadio.\n    '[attr.aria-readonly]': 'context?.isReadonly() ? \"true\" : null',\n    '[attr.aria-describedby]': 'context?.describedByIds() ?? null',\n    '(click)': 'blockWhenReadonly($event)',\n    '(keydown)': 'blockKeyWhenReadonly($event)',\n  },\n})\nexport class SkraSwitch {\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  readonly context = inject(SkraFieldContext, { optional: true });\n\n  constructor() {\n    // Field-cascaded native properties — only bind when context is present so\n    // standalone consumers retain full control of their static attributes.\n    if (this.context) {\n      const ctx = this.context;\n      const el = this.el.nativeElement;\n      effect(() => {\n        el.id = ctx.fieldId();\n      });\n      effect(() => {\n        el.disabled = ctx.isDisabled();\n      });\n    }\n  }\n\n  /**\n   * Readonly enforcement — native checkbox has no `[readonly]`, so without this the\n   * `aria-readonly` we announce would be a lie (the user could still toggle it).\n   * `preventDefault` on `click` blocks the toggle from both pointer and Space (keyboard\n   * activation dispatches a click on form controls). Mirrors the checkbox/radio guards.\n   */\n  protected blockWhenReadonly(event: Event): void {\n    if (this.context?.isReadonly()) event.preventDefault();\n  }\n\n  /** Block keyboard activation (Space) when readonly; let `Tab` through. */\n  protected blockKeyWhenReadonly(event: KeyboardEvent): void {\n    if (this.context?.isReadonly() && event.key !== 'Tab') {\n      event.preventDefault();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;MAsBU,UAAU,CAAA;AACJ,IAAA,EAAE,GAAG,MAAM,CAA+B,UAAU,CAAC;IAC7D,OAAO,GAAG,MAAM,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE/D,IAAA,WAAA,GAAA;;;AAGE,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO;AACxB,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;YAChC,MAAM,CAAC,MAAK;AACV,gBAAA,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE;AACvB,YAAA,CAAC,CAAC;YACF,MAAM,CAAC,MAAK;AACV,gBAAA,EAAE,CAAC,QAAQ,GAAG,GAAG,CAAC,UAAU,EAAE;AAChC,YAAA,CAAC,CAAC;QACJ;IACF;AAEA;;;;;AAKG;AACO,IAAA,iBAAiB,CAAC,KAAY,EAAA;AACtC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE;YAAE,KAAK,CAAC,cAAc,EAAE;IACxD;;AAGU,IAAA,oBAAoB,CAAC,KAAoB,EAAA;AACjD,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACrD,KAAK,CAAC,cAAc,EAAE;QACxB;IACF;uGAlCW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,2fAjBX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qnFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAiBD,UAAU,EAAA,UAAA,EAAA,CAAA;kBArBtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oCAAoC,EAAA,UAAA,EAClC,IAAI,EAAA,QAAA,EAEN,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;;AAEJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,2BAA2B,EAAE,mCAAmC;AAChE,wBAAA,qBAAqB,EAAE,qCAAqC;;;AAG5D,wBAAA,sBAAsB,EAAE,uCAAuC;AAC/D,wBAAA,yBAAyB,EAAE,mCAAmC;AAC9D,wBAAA,SAAS,EAAE,2BAA2B;AACtC,wBAAA,WAAW,EAAE,8BAA8B;AAC5C,qBAAA,EAAA,MAAA,EAAA,CAAA,qnFAAA,CAAA,EAAA;;;AC7DH;;AAEG;;;;"}

package/fesm2022/skra-ui-tabs.mjs

@@ -0,0 +1,356 @@
+import * as i0 from '@angular/core';
+import { signal, Injectable, input, inject, ElementRef, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, output, contentChildren, effect, DestroyRef, Directive } from '@angular/core';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+
+/** Module-global counter → a deterministic, unique id base per `[skraTabs]` instance.
+ * Equivalent to the forms `IdGeneratorService` (ADR 013) but lib-local, so `@skra/navigation`
+ * takes no dependency on `@skra/forms` just for id generation. Stable across SSR↔hydration
+ * (same instantiation order yields the same ids — the standard counter technique). */
+let tabsInstanceCounter = 0;
+/** Sanitize a consumer `value` into an id-safe fragment (no spaces / special chars). */
+function idSafe(value) {
+    return value.replace(/[^a-zA-Z0-9_-]/g, '-');
+}
+/**
+ * DI Context provided per `[skraTabs]` instance — the ADR 013 §3.6 **non-form** Contextual-ID-Sync
+ * bus wiring `tab` ↔ `tabpanel`. It carries **IDs + derived, read-only interaction state only**
+ * (`selected` mirrors the consumer's `[selected]`; `activeValue` is the roving-focus position). It
+ * **never owns value** — selection stays consumer-owned (ADR 037); a tab requests a change through
+ * `select()`, which the coordinator implements and from which it emits `(selectedChange)`.
+ */
+class SkraTabsContext {
+    /** Unique per `[skraTabs]` — the prefix for every tab/panel id in this group. */
+    baseId = `skra-tabs-${++tabsInstanceCounter}`;
+    /** Mirror of the consumer's `[selected]` — drives `aria-selected` + panel visibility (read-only to children). */
+    selected = signal('', ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    /** Roving-focus position — the value of the tab that currently carries `tabindex="0"` (read-only to children). */
+    activeValue = signal('', ...(ngDevMode ? [{ debugName: "activeValue" }] : /* istanbul ignore next */ []));
+    /** Activation model (read-only to children). */
+    activation = signal('automatic', ...(ngDevMode ? [{ debugName: "activation" }] : /* istanbul ignore next */ []));
+    tabId(value) {
+        return `${this.baseId}-tab-${idSafe(value)}`;
+    }
+    panelId(value) {
+        return `${this.baseId}-panel-${idSafe(value)}`;
+    }
+    isSelected(value) {
+        return this.selected() === value;
+    }
+    /** Coordinator-assigned: a tab/keyboard requests selection (the coordinator emits `(selectedChange)`). */
+    select = () => undefined;
+    /** Coordinator-assigned: the tablist forwards its `keydown` here (routed to the keyboard controller). */
+    handleKeydown = () => undefined;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTabsContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTabsContext });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTabsContext, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * SkraTab — a single tab, a Component on the native command host `button[skraTab]` (ADR 012/040:
+ * a `<button>` gives Enter/Space→click + focusability for free; its implicit role is overridden to
+ * `role="tab"`, the precedent set by `button[skraMenuItem]`).
+ *
+ * Roving tabindex: `tabindex="0"` only when this tab is the roving stop (`SkraTabsContext.activeValue`),
+ * else `-1` — the controller (`SkraTabsKeyboard`) moves real focus. `aria-selected` reflects the
+ * consumer-owned selection (`[selected]`), NOT the roving focus — and is the source of truth for the
+ * selected STYLE too (CSS keys off `:host([aria-selected="true"])`; no `data-skra-*`). On activation it
+ * REQUESTS selection from the coordinator (`ctx.select`) — it never mutates selection itself (ADR 037).
+ *
+ * **Disabled is native-attr-first (boundary #9): the consumer sets the native `disabled` attribute** —
+ * Forge OBSERVES it (no `disabled` input). A disabled tab is SKIPPED in the roving order (APG).
+ */
+class SkraTab {
+    /** Selection key — matched against `skraTabs [selected]` and the owning panel's `value`. */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
+    ctx = inject(SkraTabsContext, { optional: true });
+    tabId = computed(() => this.ctx?.tabId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "tabId" }] : /* istanbul ignore next */ []));
+    panelId = computed(() => this.ctx?.panelId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    ariaSelected = computed(() => this.ctx?.isSelected(this.value()) ? 'true' : 'false', ...(ngDevMode ? [{ debugName: "ariaSelected" }] : /* istanbul ignore next */ []));
+    tabindex = computed(() => {
+        if (!this.ctx)
+            return null; // standalone misuse — leave the native button focusable
+        return this.ctx.activeValue() === this.value() ? '0' : '-1';
+    }, ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
+    constructor() {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (!this.ctx) {
+                console.warn('[skraTab] has no [skraTabs] ancestor — it is not wired to a tablist (no aria-controls / ' +
+                    'roving / selection). Project it inside <div skraTablist> within <element skraTabs>.');
+            }
+        }
+    }
+    // ── SkraTabKeyItem (driven by SkraTabsKeyboard / CDK FocusKeyManager) ──
+    focus() {
+        this.host.nativeElement.focus();
+    }
+    /** Disabled tabs are skipped in the roving order — read live off the native attribute (no input). */
+    isDisabled() {
+        return this.host.nativeElement.disabled;
+    }
+    getValue() {
+        return this.value();
+    }
+    onClick() {
+        if (this.host.nativeElement.disabled)
+            return; // belt-and-suspenders (native disabled won't fire click)
+        this.ctx?.select(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: SkraTab, isStandalone: true, selector: "button[skraTab]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tab", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.id": "tabId()", "attr.aria-controls": "panelId()", "attr.aria-selected": "ariaSelected()", "attr.tabindex": "tabindex()" } }, exportAs: ["skraTab"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;justify-content:center;gap:var(--skra-comp-tabs-gap);position:relative;margin:0;box-sizing:border-box;appearance:none;cursor:pointer;background:var(--skra-comp-tabs-background);color:var(--skra-comp-tabs-foreground);border-color:var(--skra-comp-tabs-border-color);border-width:var(--skra-comp-tabs-border-width);border-style:var(--skra-comp-tabs-border-style);border-radius:var(--skra-comp-tabs-radius);padding-block:var(--skra-comp-tabs-padding-block);padding-inline:var(--skra-comp-tabs-padding-inline);box-shadow:var(--skra-comp-tabs-shadow);font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing);transition:color var(--skra-comp-tabs-motion-duration) var(--skra-comp-tabs-motion-easing),background-color var(--skra-comp-tabs-motion-duration) var(--skra-comp-tabs-motion-easing)}:host:after{content:\"\";position:absolute;inset-inline:0;inset-block-end:calc(-1 * var(--skra-comp-tabs-tablist-border-width));block-size:var(--skra-comp-tabs-indicator-thickness);background-color:var(--skra-comp-tabs-indicator-color);opacity:0;transition:opacity var(--skra-comp-tabs-motion-duration) var(--skra-comp-tabs-motion-easing)}:host(:hover:not(:disabled)){background-color:var(--skra-comp-tabs-background-hover);color:var(--skra-comp-tabs-foreground-selected)}:host(:focus-visible){outline:var(--skra-comp-tabs-focus-ring-width) solid var(--skra-comp-tabs-focus-ring-color);outline-offset:calc(-1 * var(--skra-comp-tabs-focus-ring-width))}:host([aria-selected=true]){color:var(--skra-comp-tabs-foreground-selected)}:host([aria-selected=true]):after{opacity:1}:host(:disabled){color:var(--skra-comp-tabs-foreground-disabled);cursor:default}@media(prefers-reduced-motion:reduce){:host,:host:after{transition-duration:0ms}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTab, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[skraTab]', standalone: true, exportAs: 'skraTab', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        role: 'tab',
+                        type: 'button', // never an implicit submit if the tablist sits inside a <form>
+                        '[attr.id]': 'tabId()',
+                        '[attr.aria-controls]': 'panelId()',
+                        '[attr.aria-selected]': 'ariaSelected()',
+                        '[attr.tabindex]': 'tabindex()',
+                        '(click)': 'onClick()',
+                    }, styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;justify-content:center;gap:var(--skra-comp-tabs-gap);position:relative;margin:0;box-sizing:border-box;appearance:none;cursor:pointer;background:var(--skra-comp-tabs-background);color:var(--skra-comp-tabs-foreground);border-color:var(--skra-comp-tabs-border-color);border-width:var(--skra-comp-tabs-border-width);border-style:var(--skra-comp-tabs-border-style);border-radius:var(--skra-comp-tabs-radius);padding-block:var(--skra-comp-tabs-padding-block);padding-inline:var(--skra-comp-tabs-padding-inline);box-shadow:var(--skra-comp-tabs-shadow);font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing);transition:color var(--skra-comp-tabs-motion-duration) var(--skra-comp-tabs-motion-easing),background-color var(--skra-comp-tabs-motion-duration) var(--skra-comp-tabs-motion-easing)}:host:after{content:\"\";position:absolute;inset-inline:0;inset-block-end:calc(-1 * var(--skra-comp-tabs-tablist-border-width));block-size:var(--skra-comp-tabs-indicator-thickness);background-color:var(--skra-comp-tabs-indicator-color);opacity:0;transition:opacity var(--skra-comp-tabs-motion-duration) var(--skra-comp-tabs-motion-easing)}:host(:hover:not(:disabled)){background-color:var(--skra-comp-tabs-background-hover);color:var(--skra-comp-tabs-foreground-selected)}:host(:focus-visible){outline:var(--skra-comp-tabs-focus-ring-width) solid var(--skra-comp-tabs-focus-ring-color);outline-offset:calc(-1 * var(--skra-comp-tabs-focus-ring-width))}:host([aria-selected=true]){color:var(--skra-comp-tabs-foreground-selected)}:host([aria-selected=true]):after{opacity:1}:host(:disabled){color:var(--skra-comp-tabs-foreground-disabled);cursor:default}@media(prefers-reduced-motion:reduce){:host,:host:after{transition-duration:0ms}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+/**
+ * SkraTabPanel — the `role="tabpanel"` for one tab, a Component on the consumer's `<div skraTabPanel>`
+ * (ADR 040, `template: '<ng-content>'` so the panel body renders). It is focusable (`tabindex="0"`, APG —
+ * keyboard users Tab from the active tab into its content), auto-named by `aria-labelledby`→its tab, and
+ * `hidden` when its `value` is not the selected one (removed from the a11y tree; stays in the DOM — lazy
+ * mounting is the consumer's own `@if` on the content).
+ */
+class SkraTabPanel {
+    /** Selection key — matched against the owning `button[skraTab]`'s `value`. */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    ctx = inject(SkraTabsContext, { optional: true });
+    panelId = computed(() => this.ctx?.panelId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    tabId = computed(() => this.ctx?.tabId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "tabId" }] : /* istanbul ignore next */ []));
+    /** `''` (attribute present) when not selected → hidden; `null` (absent) when selected → shown. */
+    hidden = computed(() => this.ctx?.isSelected(this.value()) ? null : '', ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
+    constructor() {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (!this.ctx) {
+                console.warn('[skraTabPanel] has no [skraTabs] ancestor — it cannot be linked to a tab or shown/hidden. ' +
+                    'Project it inside <element skraTabs>.');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: SkraTabPanel, isStandalone: true, selector: "[skraTabPanel]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tabpanel", "tabindex": "0" }, properties: { "attr.id": "panelId()", "attr.aria-labelledby": "tabId()", "attr.hidden": "hidden()" } }, exportAs: ["skraTabPanel"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;padding-block:var(--skra-comp-tabs-panel-padding-block);padding-inline:var(--skra-comp-tabs-panel-padding-inline)}:host([hidden]){display:none}:host(:focus-visible){outline:var(--skra-comp-tabs-focus-ring-width) solid var(--skra-comp-tabs-focus-ring-color);outline-offset:calc(-1 * var(--skra-comp-tabs-focus-ring-width))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTabPanel, decorators: [{
+            type: Component,
+            args: [{ selector: '[skraTabPanel]', standalone: true, exportAs: 'skraTabPanel', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        role: 'tabpanel',
+                        tabindex: '0',
+                        '[attr.id]': 'panelId()',
+                        '[attr.aria-labelledby]': 'tabId()',
+                        '[attr.hidden]': 'hidden()',
+                    }, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;padding-block:var(--skra-comp-tabs-panel-padding-block);padding-inline:var(--skra-comp-tabs-panel-padding-inline)}:host([hidden]){display:none}:host(:focus-visible){outline:var(--skra-comp-tabs-focus-ring-width) solid var(--skra-comp-tabs-focus-ring-color);outline-offset:calc(-1 * var(--skra-comp-tabs-focus-ring-width))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+/**
+ * SkraTabsKeyboard — the WAI-ARIA APG **Tabs** roving-tabindex keyboard model, confined to ONE file.
+ *
+ * This is the **only** module in `@skra/navigation` that imports `@angular/cdk` (ADR 0044 §7,
+ * generalized library-wide 2026-06-19). It wraps CDK `FocusKeyManager` (roving REAL focus) so the
+ * engine is swappable in one file — exactly as `SkraMenuKeyboard` does for the menu. Unlike the menu,
+ * tabs use **horizontal** orientation (Left/Right) and **skip** disabled tabs.
+ *
+ * Owns: Left/Right roving (wrap), Home/End. Enter/Space (native button activation) and selection are
+ * the coordinator's job — the controller only moves focus and reports the active tab's value.
+ */
+class SkraTabsKeyboard {
+    manager;
+    items = [];
+    /**
+     * (Re)build the manager from the current projected tab set. Called from an `effect` on the signal
+     * `contentChildren` — a passed array is a static snapshot, so the manager is rebuilt whenever the
+     * tab set changes (the documented signal↔CDK seam, mirroring `menu-keyboard.ts`).
+     */
+    setItems(items) {
+        this.items = [...items];
+        this.manager?.destroy();
+        this.manager = new FocusKeyManager(this.items)
+            .withHorizontalOrientation('ltr') // Left/Right; RTL handled by the manager via the page dir
+            .withWrap()
+            .withHomeAndEnd()
+            // Tabs SKIP disabled (APG): a disabled tab is not a roving stop. (Menu keeps them focusable.)
+            .skipPredicate((tab) => tab.isDisabled());
+    }
+    /** Delegate Left/Right/Home/End. Enter/Space/Tab are intentionally left to the platform/coordinator. */
+    onKeydown(event) {
+        this.manager?.onKeydown(event);
+    }
+    /** The value of the tab the manager currently considers active (focused after `onKeydown`). */
+    activeValue() {
+        return this.manager?.activeItem?.getValue();
+    }
+    /** Sync the manager's active index to a value WITHOUT moving focus (after a click / on init). */
+    setActive(value) {
+        const index = this.items.findIndex((tab) => tab.getValue() === value);
+        if (index >= 0)
+            this.manager?.updateActiveItem(index);
+    }
+    /** The first non-disabled tab's value (the roving stop when nothing is selected) — APG. */
+    firstEnabledValue() {
+        return this.items.find((tab) => !tab.isDisabled())?.getValue();
+    }
+    hasValue(value) {
+        return this.items.some((tab) => tab.getValue() === value);
+    }
+    destroy() {
+        this.manager?.destroy();
+        this.manager = undefined;
+    }
+}
+
+/**
+ * SkraTabs — the WAI-ARIA APG **Tabs** coordinator. A directive on a wrapping element that holds a
+ * `[skraTablist]` (the `role="tablist"` with its `button[skraTab]` children) and the
+ * `[skraTabPanel]` panels as DI descendants. It provides `SkraTabsContext` (the ADR 013 §3.6 non-form
+ * Contextual-ID-Sync bus), owns the consumer-facing `[selected]` / `(selectedChange)` (controlled,
+ * ADR 037 — NO internal selection state) and `[activation]`, and drives the roving-tabindex keyboard
+ * (`SkraTabsKeyboard` → CDK `FocusKeyManager`).
+ *
+ *   <div skraTabs [selected]="tab()" (selectedChange)="tab.set($event)">
+ *     <div skraTablist aria-label="Account">
+ *       <button skraTab value="profile">Profile</button>
+ *       <button skraTab value="security">Security</button>
+ *     </div>
+ *     <div skraTabPanel value="profile">…</div>
+ *     <div skraTabPanel value="security">…</div>
+ *   </div>
+ *
+ * Selection is consumer-owned: a click / Enter / Space / (automatic) arrow emits `(selectedChange)`;
+ * the visible selection updates when the consumer round-trips `[selected]`. The roving focus position
+ * (`tabindex="0"`) is component-owned UI state — it moves immediately, independent of `[selected]`.
+ *
+ * Full contract: adr/specs/component-tabs-spec.md.
+ */
+class SkraTabs {
+    /** Consumer-owned selection key (matches a tab's `value`); '' / no-match → nothing selected (ADR 037). */
+    selected = input('', ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    /** Automatic (selection follows roving focus) | manual (Enter/Space selects). */
+    activation = input('automatic', ...(ngDevMode ? [{ debugName: "activation" }] : /* istanbul ignore next */ []));
+    /** Fires ONLY on user activation — never on a programmatic `[selected]` change. */
+    selectedChange = output();
+    ctx = inject(SkraTabsContext);
+    tabs = contentChildren(SkraTab, { ...(ngDevMode ? { debugName: "tabs" } : /* istanbul ignore next */ {}), descendants: true });
+    panels = contentChildren(SkraTabPanel, { ...(ngDevMode ? { debugName: "panels" } : /* istanbul ignore next */ {}), descendants: true });
+    keyboard = new SkraTabsKeyboard();
+    constructor() {
+        // Wire the context bus (a tab requests selection; the tablist forwards keydown).
+        this.ctx.select = (value) => this.selectTab(value);
+        this.ctx.handleKeydown = (event) => this.onTablistKeydown(event);
+        // Mirror inputs → context (read-only to children).
+        effect(() => this.ctx.selected.set(this.selected()));
+        effect(() => this.ctx.activation.set(this.activation()));
+        // (Re)build the keyboard from the projected tab set and (re)seat the roving stop whenever the tab
+        // set or the selection changes. Rebuilding the manager for a handful of tabs is trivial.
+        effect(() => {
+            this.keyboard.setItems(this.tabs());
+            this.reseat();
+        });
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            effect(() => this.warnMismatches());
+        }
+        inject(DestroyRef).onDestroy(() => this.keyboard.destroy());
+    }
+    /** Seat the roving stop (`tabindex="0"`) on a real, enabled tab: the selected one if valid, else the
+     * first enabled tab (APG — the tablist must always have exactly one tab stop). */
+    reseat() {
+        const sel = this.selected();
+        const next = this.keyboard.hasValue(sel)
+            ? sel
+            : (this.keyboard.firstEnabledValue() ?? '');
+        this.ctx.activeValue.set(next);
+        if (next)
+            this.keyboard.setActive(next);
+    }
+    /** A tab was activated (click / Enter / Space / automatic arrow). Move the roving stop immediately
+     * (UI state), then REQUEST selection from the consumer — never mutate selection internally (ADR 037). */
+    selectTab(value) {
+        this.ctx.activeValue.set(value);
+        this.keyboard.setActive(value);
+        if (this.selected() === value)
+            return; // idempotent — no redundant output
+        this.selectedChange.emit(value);
+    }
+    onTablistKeydown(event) {
+        const before = this.keyboard.activeValue();
+        this.keyboard.onKeydown(event);
+        const after = this.keyboard.activeValue();
+        if (after && after !== before) {
+            this.ctx.activeValue.set(after); // roving moved (focus already on the new tab)
+            if (this.ctx.activation() === 'automatic')
+                this.selectTab(after);
+        }
+    }
+    /** Dev-only nudge: every tab needs a panel of the same `value`, and vice-versa (aria-controls / -labelledby). */
+    warnMismatches() {
+        const tabValues = new Set(this.tabs().map((t) => t.value()));
+        const panelValues = new Set(this.panels().map((p) => p.value()));
+        for (const v of tabValues) {
+            if (!panelValues.has(v))
+                console.warn(`[skraTabs] tab value="${v}" has no matching [skraTabPanel] — its aria-controls points to a missing panel.`);
+        }
+        for (const v of panelValues) {
+            if (!tabValues.has(v))
+                console.warn(`[skraTabs] panel value="${v}" has no matching button[skraTab] — it will never be revealed.`);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTabs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.7", type: SkraTabs, isStandalone: true, selector: "[skraTabs]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, activation: { classPropertyName: "activation", publicName: "activation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, providers: [SkraTabsContext], queries: [{ propertyName: "tabs", predicate: SkraTab, descendants: true, isSignal: true }, { propertyName: "panels", predicate: SkraTabPanel, descendants: true, isSignal: true }], exportAs: ["skraTabs"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTabs, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skraTabs]',
+                    standalone: true,
+                    exportAs: 'skraTabs',
+                    providers: [SkraTabsContext],
+                }]
+        }], ctorParameters: () => [], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], activation: [{ type: i0.Input, args: [{ isSignal: true, alias: "activation", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SkraTab), { ...{ descendants: true }, isSignal: true }] }], panels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SkraTabPanel), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }] } });
+
+/**
+ * SkraTablist — the `role="tablist"` container, a Component on the consumer's `<div skraTablist>`
+ * (ADR 040, `template: '<ng-content>'` so the projected `button[skraTab]` children render). It carries
+ * the rail styling and forwards its `keydown` to the coordinator's roving keyboard (`SkraTabsKeyboard`)
+ * via the `SkraTabsContext` bus. Name it for AT with consumer `aria-label`/`aria-labelledby` (ADR 033).
+ */
+class SkraTablist {
+    ctx = inject(SkraTabsContext, { optional: true });
+    constructor() {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (!this.ctx) {
+                console.warn('[skraTablist] has no [skraTabs] ancestor — its tabs cannot be keyboard-navigated. ' +
+                    'Wrap the tablist + panels in <element skraTabs>.');
+            }
+        }
+    }
+    onKeydown(event) {
+        this.ctx?.handleKeydown(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTablist, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SkraTablist, isStandalone: true, selector: "[skraTablist]", host: { attributes: { "role": "tablist", "aria-orientation": "horizontal" }, listeners: { "keydown": "onKeydown($event)" } }, exportAs: ["skraTablist"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:flex;align-items:stretch;gap:var(--skra-comp-tabs-gap);margin:0;box-sizing:border-box;border-block-end:var(--skra-comp-tabs-tablist-border-width) solid var(--skra-comp-tabs-tablist-border-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTablist, decorators: [{
+            type: Component,
+            args: [{ selector: '[skraTablist]', standalone: true, exportAs: 'skraTablist', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        role: 'tablist',
+                        'aria-orientation': 'horizontal',
+                        '(keydown)': 'onKeydown($event)',
+                    }, styles: ["@charset \"UTF-8\";:host{display:flex;align-items:stretch;gap:var(--skra-comp-tabs-gap);margin:0;box-sizing:border-box;border-block-end:var(--skra-comp-tabs-tablist-border-width) solid var(--skra-comp-tabs-tablist-border-color)}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkraTab, SkraTabPanel, SkraTablist, SkraTabs, SkraTabsContext, SkraTabsKeyboard };
+//# sourceMappingURL=skra-ui-tabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui-tabs.mjs","sources":["../../../../libs/ui/tabs/src/lib/tabs/tabs-context.ts","../../../../libs/ui/tabs/src/lib/tabs/tab.ts","../../../../libs/ui/tabs/src/lib/tabs/tab-panel.ts","../../../../libs/ui/tabs/src/lib/tabs/tabs-keyboard.ts","../../../../libs/ui/tabs/src/lib/tabs/tabs.ts","../../../../libs/ui/tabs/src/lib/tabs/tablist.ts","../../../../libs/ui/tabs/src/skra-ui-tabs.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n/** Module-global counter → a deterministic, unique id base per `[skraTabs]` instance.\n * Equivalent to the forms `IdGeneratorService` (ADR 013) but lib-local, so `@skra/navigation`\n * takes no dependency on `@skra/forms` just for id generation. Stable across SSR↔hydration\n * (same instantiation order yields the same ids — the standard counter technique). */\nlet tabsInstanceCounter = 0;\n\n/** Sanitize a consumer `value` into an id-safe fragment (no spaces / special chars). */\nfunction idSafe(value: string): string {\n  return value.replace(/[^a-zA-Z0-9_-]/g, '-');\n}\n\n/**\n * DI Context provided per `[skraTabs]` instance — the ADR 013 §3.6 **non-form** Contextual-ID-Sync\n * bus wiring `tab` ↔ `tabpanel`. It carries **IDs + derived, read-only interaction state only**\n * (`selected` mirrors the consumer's `[selected]`; `activeValue` is the roving-focus position). It\n * **never owns value** — selection stays consumer-owned (ADR 037); a tab requests a change through\n * `select()`, which the coordinator implements and from which it emits `(selectedChange)`.\n */\n@Injectable()\nexport class SkraTabsContext {\n  /** Unique per `[skraTabs]` — the prefix for every tab/panel id in this group. */\n  private readonly baseId = `skra-tabs-${++tabsInstanceCounter}`;\n\n  /** Mirror of the consumer's `[selected]` — drives `aria-selected` + panel visibility (read-only to children). */\n  readonly selected = signal<string>('');\n  /** Roving-focus position — the value of the tab that currently carries `tabindex=\"0\"` (read-only to children). */\n  readonly activeValue = signal<string>('');\n  /** Activation model (read-only to children). */\n  readonly activation = signal<'automatic' | 'manual'>('automatic');\n\n  tabId(value: string): string {\n    return `${this.baseId}-tab-${idSafe(value)}`;\n  }\n  panelId(value: string): string {\n    return `${this.baseId}-panel-${idSafe(value)}`;\n  }\n  isSelected(value: string): boolean {\n    return this.selected() === value;\n  }\n\n  /** Coordinator-assigned: a tab/keyboard requests selection (the coordinator emits `(selectedChange)`). */\n  select: (value: string) => void = () => undefined;\n  /** Coordinator-assigned: the tablist forwards its `keydown` here (routed to the keyboard controller). */\n  handleKeydown: (event: KeyboardEvent) => void = () => undefined;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { SkraTabsContext } from './tabs-context';\nimport type { SkraTabKeyItem } from './tabs-types';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraTab — a single tab, a Component on the native command host `button[skraTab]` (ADR 012/040:\n * a `<button>` gives Enter/Space→click + focusability for free; its implicit role is overridden to\n * `role=\"tab\"`, the precedent set by `button[skraMenuItem]`).\n *\n * Roving tabindex: `tabindex=\"0\"` only when this tab is the roving stop (`SkraTabsContext.activeValue`),\n * else `-1` — the controller (`SkraTabsKeyboard`) moves real focus. `aria-selected` reflects the\n * consumer-owned selection (`[selected]`), NOT the roving focus — and is the source of truth for the\n * selected STYLE too (CSS keys off `:host([aria-selected=\"true\"])`; no `data-skra-*`). On activation it\n * REQUESTS selection from the coordinator (`ctx.select`) — it never mutates selection itself (ADR 037).\n *\n * **Disabled is native-attr-first (boundary #9): the consumer sets the native `disabled` attribute** —\n * Forge OBSERVES it (no `disabled` input). A disabled tab is SKIPPED in the roving order (APG).\n */\n@Component({\n  selector: 'button[skraTab]',\n  standalone: true,\n  exportAs: 'skraTab',\n  template: '<ng-content></ng-content>',\n  styleUrl: './tab.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    role: 'tab',\n    type: 'button', // never an implicit submit if the tablist sits inside a <form>\n    '[attr.id]': 'tabId()',\n    '[attr.aria-controls]': 'panelId()',\n    '[attr.aria-selected]': 'ariaSelected()',\n    '[attr.tabindex]': 'tabindex()',\n    '(click)': 'onClick()',\n  },\n})\nexport class SkraTab implements SkraTabKeyItem {\n  /** Selection key — matched against `skraTabs [selected]` and the owning panel's `value`. */\n  readonly value = input.required<string>();\n\n  private readonly host = inject<ElementRef<HTMLButtonElement>>(ElementRef);\n  private readonly ctx = inject(SkraTabsContext, { optional: true });\n\n  protected readonly tabId = computed(\n    () => this.ctx?.tabId(this.value()) ?? null,\n  );\n  protected readonly panelId = computed(\n    () => this.ctx?.panelId(this.value()) ?? null,\n  );\n  protected readonly ariaSelected = computed(() =>\n    this.ctx?.isSelected(this.value()) ? 'true' : 'false',\n  );\n  protected readonly tabindex = computed(() => {\n    if (!this.ctx) return null; // standalone misuse — leave the native button focusable\n    return this.ctx.activeValue() === this.value() ? '0' : '-1';\n  });\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.ctx) {\n        console.warn(\n          '[skraTab] has no [skraTabs] ancestor — it is not wired to a tablist (no aria-controls / ' +\n            'roving / selection). Project it inside <div skraTablist> within <element skraTabs>.',\n        );\n      }\n    }\n  }\n\n  // ── SkraTabKeyItem (driven by SkraTabsKeyboard / CDK FocusKeyManager) ──\n  focus(): void {\n    this.host.nativeElement.focus();\n  }\n  /** Disabled tabs are skipped in the roving order — read live off the native attribute (no input). */\n  isDisabled(): boolean {\n    return this.host.nativeElement.disabled;\n  }\n  getValue(): string {\n    return this.value();\n  }\n\n  protected onClick(): void {\n    if (this.host.nativeElement.disabled) return; // belt-and-suspenders (native disabled won't fire click)\n    this.ctx?.select(this.value());\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { SkraTabsContext } from './tabs-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraTabPanel — the `role=\"tabpanel\"` for one tab, a Component on the consumer's `<div skraTabPanel>`\n * (ADR 040, `template: '<ng-content>'` so the panel body renders). It is focusable (`tabindex=\"0\"`, APG —\n * keyboard users Tab from the active tab into its content), auto-named by `aria-labelledby`→its tab, and\n * `hidden` when its `value` is not the selected one (removed from the a11y tree; stays in the DOM — lazy\n * mounting is the consumer's own `@if` on the content).\n */\n@Component({\n  selector: '[skraTabPanel]',\n  standalone: true,\n  exportAs: 'skraTabPanel',\n  template: '<ng-content></ng-content>',\n  styleUrl: './tab-panel.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    role: 'tabpanel',\n    tabindex: '0',\n    '[attr.id]': 'panelId()',\n    '[attr.aria-labelledby]': 'tabId()',\n    '[attr.hidden]': 'hidden()',\n  },\n})\nexport class SkraTabPanel {\n  /** Selection key — matched against the owning `button[skraTab]`'s `value`. */\n  readonly value = input.required<string>();\n\n  private readonly ctx = inject(SkraTabsContext, { optional: true });\n\n  protected readonly panelId = computed(\n    () => this.ctx?.panelId(this.value()) ?? null,\n  );\n  protected readonly tabId = computed(\n    () => this.ctx?.tabId(this.value()) ?? null,\n  );\n  /** `''` (attribute present) when not selected → hidden; `null` (absent) when selected → shown. */\n  protected readonly hidden = computed(() =>\n    this.ctx?.isSelected(this.value()) ? null : '',\n  );\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.ctx) {\n        console.warn(\n          '[skraTabPanel] has no [skraTabs] ancestor — it cannot be linked to a tab or shown/hidden. ' +\n            'Project it inside <element skraTabs>.',\n        );\n      }\n    }\n  }\n}\n","import { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport type { SkraTabKeyItem } from './tabs-types';\n\n/**\n * SkraTabsKeyboard — the WAI-ARIA APG **Tabs** roving-tabindex keyboard model, confined to ONE file.\n *\n * This is the **only** module in `@skra/navigation` that imports `@angular/cdk` (ADR 0044 §7,\n * generalized library-wide 2026-06-19). It wraps CDK `FocusKeyManager` (roving REAL focus) so the\n * engine is swappable in one file — exactly as `SkraMenuKeyboard` does for the menu. Unlike the menu,\n * tabs use **horizontal** orientation (Left/Right) and **skip** disabled tabs.\n *\n * Owns: Left/Right roving (wrap), Home/End. Enter/Space (native button activation) and selection are\n * the coordinator's job — the controller only moves focus and reports the active tab's value.\n */\nexport class SkraTabsKeyboard {\n  private manager?: FocusKeyManager<SkraTabKeyItem>;\n  private items: SkraTabKeyItem[] = [];\n\n  /**\n   * (Re)build the manager from the current projected tab set. Called from an `effect` on the signal\n   * `contentChildren` — a passed array is a static snapshot, so the manager is rebuilt whenever the\n   * tab set changes (the documented signal↔CDK seam, mirroring `menu-keyboard.ts`).\n   */\n  setItems(items: readonly SkraTabKeyItem[]): void {\n    this.items = [...items];\n    this.manager?.destroy();\n    this.manager = new FocusKeyManager<SkraTabKeyItem>(this.items)\n      .withHorizontalOrientation('ltr') // Left/Right; RTL handled by the manager via the page dir\n      .withWrap()\n      .withHomeAndEnd()\n      // Tabs SKIP disabled (APG): a disabled tab is not a roving stop. (Menu keeps them focusable.)\n      .skipPredicate((tab) => tab.isDisabled());\n  }\n\n  /** Delegate Left/Right/Home/End. Enter/Space/Tab are intentionally left to the platform/coordinator. */\n  onKeydown(event: KeyboardEvent): void {\n    this.manager?.onKeydown(event);\n  }\n\n  /** The value of the tab the manager currently considers active (focused after `onKeydown`). */\n  activeValue(): string | undefined {\n    return this.manager?.activeItem?.getValue();\n  }\n\n  /** Sync the manager's active index to a value WITHOUT moving focus (after a click / on init). */\n  setActive(value: string): void {\n    const index = this.items.findIndex((tab) => tab.getValue() === value);\n    if (index >= 0) this.manager?.updateActiveItem(index);\n  }\n\n  /** The first non-disabled tab's value (the roving stop when nothing is selected) — APG. */\n  firstEnabledValue(): string | undefined {\n    return this.items.find((tab) => !tab.isDisabled())?.getValue();\n  }\n\n  hasValue(value: string): boolean {\n    return this.items.some((tab) => tab.getValue() === value);\n  }\n\n  destroy(): void {\n    this.manager?.destroy();\n    this.manager = undefined;\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { SkraTab } from './tab';\nimport { SkraTabPanel } from './tab-panel';\nimport { SkraTabsContext } from './tabs-context';\nimport { SkraTabsKeyboard } from './tabs-keyboard';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraTabs — the WAI-ARIA APG **Tabs** coordinator. A directive on a wrapping element that holds a\n * `[skraTablist]` (the `role=\"tablist\"` with its `button[skraTab]` children) and the\n * `[skraTabPanel]` panels as DI descendants. It provides `SkraTabsContext` (the ADR 013 §3.6 non-form\n * Contextual-ID-Sync bus), owns the consumer-facing `[selected]` / `(selectedChange)` (controlled,\n * ADR 037 — NO internal selection state) and `[activation]`, and drives the roving-tabindex keyboard\n * (`SkraTabsKeyboard` → CDK `FocusKeyManager`).\n *\n *   <div skraTabs [selected]=\"tab()\" (selectedChange)=\"tab.set($event)\">\n *     <div skraTablist aria-label=\"Account\">\n *       <button skraTab value=\"profile\">Profile</button>\n *       <button skraTab value=\"security\">Security</button>\n *     </div>\n *     <div skraTabPanel value=\"profile\">…</div>\n *     <div skraTabPanel value=\"security\">…</div>\n *   </div>\n *\n * Selection is consumer-owned: a click / Enter / Space / (automatic) arrow emits `(selectedChange)`;\n * the visible selection updates when the consumer round-trips `[selected]`. The roving focus position\n * (`tabindex=\"0\"`) is component-owned UI state — it moves immediately, independent of `[selected]`.\n *\n * Full contract: adr/specs/component-tabs-spec.md.\n */\n@Directive({\n  selector: '[skraTabs]',\n  standalone: true,\n  exportAs: 'skraTabs',\n  providers: [SkraTabsContext],\n})\nexport class SkraTabs {\n  /** Consumer-owned selection key (matches a tab's `value`); '' / no-match → nothing selected (ADR 037). */\n  readonly selected = input<string>('');\n  /** Automatic (selection follows roving focus) | manual (Enter/Space selects). */\n  readonly activation = input<'automatic' | 'manual'>('automatic');\n  /** Fires ONLY on user activation — never on a programmatic `[selected]` change. */\n  readonly selectedChange = output<string>();\n\n  private readonly ctx = inject(SkraTabsContext);\n  private readonly tabs = contentChildren(SkraTab, { descendants: true });\n  private readonly panels = contentChildren(SkraTabPanel, {\n    descendants: true,\n  });\n  private readonly keyboard = new SkraTabsKeyboard();\n\n  constructor() {\n    // Wire the context bus (a tab requests selection; the tablist forwards keydown).\n    this.ctx.select = (value) => this.selectTab(value);\n    this.ctx.handleKeydown = (event) => this.onTablistKeydown(event);\n\n    // Mirror inputs → context (read-only to children).\n    effect(() => this.ctx.selected.set(this.selected()));\n    effect(() => this.ctx.activation.set(this.activation()));\n\n    // (Re)build the keyboard from the projected tab set and (re)seat the roving stop whenever the tab\n    // set or the selection changes. Rebuilding the manager for a handful of tabs is trivial.\n    effect(() => {\n      this.keyboard.setItems(this.tabs());\n      this.reseat();\n    });\n\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      effect(() => this.warnMismatches());\n    }\n\n    inject(DestroyRef).onDestroy(() => this.keyboard.destroy());\n  }\n\n  /** Seat the roving stop (`tabindex=\"0\"`) on a real, enabled tab: the selected one if valid, else the\n   * first enabled tab (APG — the tablist must always have exactly one tab stop). */\n  private reseat(): void {\n    const sel = this.selected();\n    const next = this.keyboard.hasValue(sel)\n      ? sel\n      : (this.keyboard.firstEnabledValue() ?? '');\n    this.ctx.activeValue.set(next);\n    if (next) this.keyboard.setActive(next);\n  }\n\n  /** A tab was activated (click / Enter / Space / automatic arrow). Move the roving stop immediately\n   * (UI state), then REQUEST selection from the consumer — never mutate selection internally (ADR 037). */\n  private selectTab(value: string): void {\n    this.ctx.activeValue.set(value);\n    this.keyboard.setActive(value);\n    if (this.selected() === value) return; // idempotent — no redundant output\n    this.selectedChange.emit(value);\n  }\n\n  private onTablistKeydown(event: KeyboardEvent): void {\n    const before = this.keyboard.activeValue();\n    this.keyboard.onKeydown(event);\n    const after = this.keyboard.activeValue();\n    if (after && after !== before) {\n      this.ctx.activeValue.set(after); // roving moved (focus already on the new tab)\n      if (this.ctx.activation() === 'automatic') this.selectTab(after);\n    }\n  }\n\n  /** Dev-only nudge: every tab needs a panel of the same `value`, and vice-versa (aria-controls / -labelledby). */\n  private warnMismatches(): void {\n    const tabValues = new Set(this.tabs().map((t) => t.value()));\n    const panelValues = new Set(this.panels().map((p) => p.value()));\n    for (const v of tabValues) {\n      if (!panelValues.has(v))\n        console.warn(\n          `[skraTabs] tab value=\"${v}\" has no matching [skraTabPanel] — its aria-controls points to a missing panel.`,\n        );\n    }\n    for (const v of panelValues) {\n      if (!tabValues.has(v))\n        console.warn(\n          `[skraTabs] panel value=\"${v}\" has no matching button[skraTab] — it will never be revealed.`,\n        );\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\n\nimport { SkraTabsContext } from './tabs-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraTablist — the `role=\"tablist\"` container, a Component on the consumer's `<div skraTablist>`\n * (ADR 040, `template: '<ng-content>'` so the projected `button[skraTab]` children render). It carries\n * the rail styling and forwards its `keydown` to the coordinator's roving keyboard (`SkraTabsKeyboard`)\n * via the `SkraTabsContext` bus. Name it for AT with consumer `aria-label`/`aria-labelledby` (ADR 033).\n */\n@Component({\n  selector: '[skraTablist]',\n  standalone: true,\n  exportAs: 'skraTablist',\n  template: '<ng-content></ng-content>',\n  styleUrl: './tablist.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    role: 'tablist',\n    'aria-orientation': 'horizontal',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class SkraTablist {\n  private readonly ctx = inject(SkraTabsContext, { optional: true });\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.ctx) {\n        console.warn(\n          '[skraTablist] has no [skraTabs] ancestor — its tabs cannot be keyboard-navigated. ' +\n            'Wrap the tablist + panels in <element skraTabs>.',\n        );\n      }\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    this.ctx?.handleKeydown(event);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAEA;;;AAGsF;AACtF,IAAI,mBAAmB,GAAG,CAAC;AAE3B;AACA,SAAS,MAAM,CAAC,KAAa,EAAA;IAC3B,OAAO,KAAK,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC;AAC9C;AAEA;;;;;;AAMG;MAEU,eAAe,CAAA;;AAET,IAAA,MAAM,GAAG,CAAA,UAAA,EAAa,EAAE,mBAAmB,EAAE;;AAGrD,IAAA,QAAQ,GAAG,MAAM,CAAS,EAAE,+EAAC;;AAE7B,IAAA,WAAW,GAAG,MAAM,CAAS,EAAE,kFAAC;;AAEhC,IAAA,UAAU,GAAG,MAAM,CAAyB,WAAW,iFAAC;AAEjE,IAAA,KAAK,CAAC,KAAa,EAAA;QACjB,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,KAAA,EAAQ,MAAM,CAAC,KAAK,CAAC,CAAA,CAAE;IAC9C;AACA,IAAA,OAAO,CAAC,KAAa,EAAA;QACnB,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,OAAA,EAAU,MAAM,CAAC,KAAK,CAAC,CAAA,CAAE;IAChD;AACA,IAAA,UAAU,CAAC,KAAa,EAAA;AACtB,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK;IAClC;;AAGA,IAAA,MAAM,GAA4B,MAAM,SAAS;;AAEjD,IAAA,aAAa,GAAmC,MAAM,SAAS;uGAxBpD,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAf,eAAe,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;;ACLD;;;;;;;;;;;;;AAaG;MAmBU,OAAO,CAAA;;AAET,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;AAExB,IAAA,IAAI,GAAG,MAAM,CAAgC,UAAU,CAAC;IACxD,GAAG,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAE/C,KAAK,GAAG,QAAQ,CACjC,MAAM,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,4EAC5C;IACkB,OAAO,GAAG,QAAQ,CACnC,MAAM,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,8EAC9C;IACkB,YAAY,GAAG,QAAQ,CAAC,MACzC,IAAI,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,GAAG,OAAO,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACtD;AACkB,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;QAC1C,IAAI,CAAC,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;AAC3B,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,IAAI;AAC7D,IAAA,CAAC,+EAAC;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,EAAE;AACjD,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;gBACb,OAAO,CAAC,IAAI,CACV,0FAA0F;AACxF,oBAAA,qFAAqF,CACxF;YACH;QACF;IACF;;IAGA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;IACjC;;IAEA,UAAU,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ;IACzC;IACA,QAAQ,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;IACrB;IAEU,OAAO,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ;AAAE,YAAA,OAAO;QAC7C,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IAChC;uGA/CW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,qdAdR,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qhEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAc1B,OAAO,EAAA,UAAA,EAAA,CAAA;kBAlBnB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,QAAA,EACN,SAAS,YACT,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;AACJ,wBAAA,IAAI,EAAE,KAAK;wBACX,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,SAAS;AACtB,wBAAA,sBAAsB,EAAE,WAAW;AACnC,wBAAA,sBAAsB,EAAE,gBAAgB;AACxC,wBAAA,iBAAiB,EAAE,YAAY;AAC/B,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA,EAAA,MAAA,EAAA,CAAA,qhEAAA,CAAA,EAAA;;;AChCH;;;;;;AAMG;MAiBU,YAAY,CAAA;;AAEd,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;IAExB,GAAG,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAE/C,OAAO,GAAG,QAAQ,CACnC,MAAM,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,8EAC9C;IACkB,KAAK,GAAG,QAAQ,CACjC,MAAM,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,4EAC5C;;IAEkB,MAAM,GAAG,QAAQ,CAAC,MACnC,IAAI,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAC/C;AAED,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,EAAE;AACjD,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;gBACb,OAAO,CAAC,IAAI,CACV,4FAA4F;AAC1F,oBAAA,uCAAuC,CAC1C;YACH;QACF;IACF;uGA1BW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,8YAZb,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4YAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAY1B,YAAY,EAAA,UAAA,EAAA,CAAA;kBAhBxB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,QAAA,EACN,cAAc,YACd,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;AACJ,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,GAAG;AACb,wBAAA,WAAW,EAAE,WAAW;AACxB,wBAAA,wBAAwB,EAAE,SAAS;AACnC,wBAAA,eAAe,EAAE,UAAU;AAC5B,qBAAA,EAAA,MAAA,EAAA,CAAA,4YAAA,CAAA,EAAA;;;AC9BH;;;;;;;;;;AAUG;MACU,gBAAgB,CAAA;AACnB,IAAA,OAAO;IACP,KAAK,GAAqB,EAAE;AAEpC;;;;AAIG;AACH,IAAA,QAAQ,CAAC,KAAgC,EAAA;AACvC,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,eAAe,CAAiB,IAAI,CAAC,KAAK;AAC1D,aAAA,yBAAyB,CAAC,KAAK,CAAC;AAChC,aAAA,QAAQ;AACR,aAAA,cAAc;;aAEd,aAAa,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,UAAU,EAAE,CAAC;IAC7C;;AAGA,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC;;IAGA,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE;IAC7C;;AAGA,IAAA,SAAS,CAAC,KAAa,EAAA;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC;QACrE,IAAI,KAAK,IAAI,CAAC;AAAE,YAAA,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC;IACvD;;IAGA,iBAAiB,GAAA;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE;IAChE;AAEA,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC;IAC3D;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;IAC1B;AACD;;AC/CD;;;;;;;;;;;;;;;;;;;;;;AAsBG;MAOU,QAAQ,CAAA;;AAEV,IAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,+EAAC;;AAE5B,IAAA,UAAU,GAAG,KAAK,CAAyB,WAAW,iFAAC;;IAEvD,cAAc,GAAG,MAAM,EAAU;AAEzB,IAAA,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC;IAC7B,IAAI,GAAG,eAAe,CAAC,OAAO,4EAAI,WAAW,EAAE,IAAI,EAAA,CAAG;IACtD,MAAM,GAAG,eAAe,CAAC,YAAY,8EACpD,WAAW,EAAE,IAAI,EAAA,CACjB;AACe,IAAA,QAAQ,GAAG,IAAI,gBAAgB,EAAE;AAElD,IAAA,WAAA,GAAA;;AAEE,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAClD,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;;AAGhE,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpD,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;;;QAIxD,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,EAAE;AACf,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,EAAE;YACjD,MAAM,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC;AAEA,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;IAC7D;AAEA;AACkF;IAC1E,MAAM,GAAA;AACZ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG;AACrC,cAAE;eACC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,CAAC;QAC7C,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;AAC9B,QAAA,IAAI,IAAI;AAAE,YAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;IACzC;AAEA;AACyG;AACjG,IAAA,SAAS,CAAC,KAAa,EAAA;QAC7B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC/B,QAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK;AAAE,YAAA,OAAO;AACtC,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;IACjC;AAEQ,IAAA,gBAAgB,CAAC,KAAoB,EAAA;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;AAC1C,QAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;AACzC,QAAA,IAAI,KAAK,IAAI,KAAK,KAAK,MAAM,EAAE;YAC7B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAChC,YAAA,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,WAAW;AAAE,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QAClE;IACF;;IAGQ,cAAc,GAAA;QACpB,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5D,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AAChE,QAAA,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE;AACzB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;AACrB,gBAAA,OAAO,CAAC,IAAI,CACV,yBAAyB,CAAC,CAAA,+EAAA,CAAiF,CAC5G;QACL;AACA,QAAA,KAAK,MAAM,CAAC,IAAI,WAAW,EAAE;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AACnB,gBAAA,OAAO,CAAC,IAAI,CACV,2BAA2B,CAAC,CAAA,8DAAA,CAAgE,CAC7F;QACL;IACF;uGApFW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,4XAFR,CAAC,eAAe,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,SAAA,EAWY,OAAO,4EACL,YAAY,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAV3C,QAAQ,EAAA,UAAA,EAAA,CAAA;kBANpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,eAAe,CAAC;AAC7B,iBAAA;2XAUyC,OAAO,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAC5B,YAAY,CAAA,EAAA,EAAA,GAAE;AACtD,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AC/CH;;;;;AAKG;MAeU,WAAW,CAAA;IACL,GAAG,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAElE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,EAAE;AACjD,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;gBACb,OAAO,CAAC,IAAI,CACV,oFAAoF;AAClF,oBAAA,kDAAkD,CACrD;YACH;QACF;IACF;AAEU,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,IAAI,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC;IAChC;uGAhBW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,kOAVZ,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wOAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAU1B,WAAW,EAAA,UAAA,EAAA,CAAA;kBAdvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,QAAA,EACN,aAAa,YACb,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;AACJ,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,kBAAkB,EAAE,YAAY;AAChC,wBAAA,WAAW,EAAE,mBAAmB;AACjC,qBAAA,EAAA,MAAA,EAAA,CAAA,wOAAA,CAAA,EAAA;;;AC7BH;;AAEG;;;;"}