@skra/ui 0.2.0

package/fesm2022/skra-ui-accordion.mjs

@@ -0,0 +1,333 @@
+import * as i0 from '@angular/core';
+import { signal, Injectable, input, inject, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, booleanAttribute, output, contentChildren, effect, ElementRef, Directive, contentChild } from '@angular/core';
+
+/** Module-global counter → a deterministic, unique id base per `[skraAccordion]`
+ * instance. Lib-local (mirrors `SkraTabsContext`) so `@skra/disclosure` takes no
+ * dependency on another lib just for id generation. Stable across SSR↔hydration
+ * (same instantiation order yields the same ids — the standard counter technique). */
+let accordionInstanceCounter = 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 `[skraAccordion]` instance — the ADR 013 §3.6 **non-form**
+ * Contextual-ID-Sync bus (the 2nd consumer of the idiom after `SkraTabsContext`). It
+ * carries **IDs + derived, read-only interaction state only** (`expanded` mirrors the
+ * consumer's `[expanded]`; `exclusive` mirrors `[exclusive]`). It **never owns value** —
+ * the open/closed set stays consumer-owned (ADR 037); a header requests a change through
+ * `toggle()`, which the coordinator implements (resolving the exclusive policy) and from
+ * which it emits `(expandedChange)`.
+ */
+class SkraAccordionContext {
+    /** Unique per `[skraAccordion]` — the prefix for every header/panel id in this group. */
+    baseId = `skra-accordion-${++accordionInstanceCounter}`;
+    /** Mirror of the consumer's `[expanded]` — the set of OPEN item values (read-only to children). */
+    expanded = signal([], ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    /** Mirror of the consumer's `[exclusive]` policy (read-only to children). */
+    exclusive = signal(false, ...(ngDevMode ? [{ debugName: "exclusive" }] : /* istanbul ignore next */ []));
+    headerId(value) {
+        return `${this.baseId}-header-${idSafe(value)}`;
+    }
+    panelId(value) {
+        return `${this.baseId}-panel-${idSafe(value)}`;
+    }
+    isExpanded(value) {
+        return this.expanded().includes(value);
+    }
+    /** Coordinator-assigned: a header requests a toggle; the coordinator resolves the next
+     * open-set (applying the exclusive policy) and emits `(expandedChange)` — never mutated here. */
+    toggle = () => undefined;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionContext });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionContext, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Per-item DI context provided by `[skraAccordionItem]` (via `useExisting`). It lets
+ * `button[skraAccordionHeader]` and `[skraAccordionPanel]` read their shared `value`,
+ * derived ids, and open state **without each re-declaring `value`** — the item declares it
+ * once. All members are read-only/derived; `toggle()` forwards to the group coordinator
+ * (the open/closed set stays consumer-owned, ADR 037). `*Id` are `null` only when an item
+ * is used outside a `[skraAccordion]` (standalone misuse → dev-warned).
+ */
+class SkraAccordionItemContext {
+}
+
+/**
+ * SkraAccordionItem — one item, a Component on the consumer's `<div skraAccordionItem>`
+ * (ADR 040, `template: '<ng-content>'`). It declares `[value]` ONCE and provides
+ * `SkraAccordionItemContext` (via `useExisting`) so its `button[skraAccordionHeader]` and
+ * `[skraAccordionPanel]` read the shared value/ids/open-state without re-declaring it. It
+ * owns the per-item top divider (no double borders) and the open-item box (skins may tint it).
+ */
+class SkraAccordionItem {
+    /** The item key — matched against `[expanded]` and the id base for its header/panel. */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    group = inject(SkraAccordionContext, { optional: true });
+    expanded = computed(() => this.group?.isExpanded(this.value()) ?? false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    headerId = computed(() => this.group?.headerId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    panelId = computed(() => this.group?.panelId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    toggle() {
+        this.group?.toggle(this.value());
+    }
+    constructor() {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (!this.group) {
+                console.warn('[skraAccordionItem] has no [skraAccordion] ancestor — its header/panel are not wired ' +
+                    '(no aria-controls / open state). Project it inside <element skraAccordion>.');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: SkraAccordionItem, isStandalone: true, selector: "[skraAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-skra-expanded": "expanded() ? \"\" : null" } }, providers: [
+            { provide: SkraAccordionItemContext, useExisting: SkraAccordionItem },
+        ], exportAs: ["skraAccordionItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;border-block-start:var(--skra-comp-accordion-item-divider-width) solid var(--skra-comp-accordion-item-divider-color)}:host(:first-child){border-block-start-width:0}:host([data-skra-expanded]){background:var(--skra-comp-accordion-item-background-expanded)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionItem, decorators: [{
+            type: Component,
+            args: [{ selector: '[skraAccordionItem]', standalone: true, exportAs: 'skraAccordionItem', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
+                        { provide: SkraAccordionItemContext, useExisting: SkraAccordionItem },
+                    ], host: {
+                        '[attr.data-skra-expanded]': 'expanded() ? "" : null',
+                    }, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;border-block-start:var(--skra-comp-accordion-item-divider-width) solid var(--skra-comp-accordion-item-divider-color)}:host(:first-child){border-block-start-width:0}:host([data-skra-expanded]){background:var(--skra-comp-accordion-item-background-expanded)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+/**
+ * SkraAccordion — the WAI-ARIA APG **Accordion** coordinator. A Component on a wrapping
+ * element that holds `[skraAccordionItem]` children (each item wraps a
+ * `button[skraAccordionHeader]` + a `[skraAccordionPanel]`). It provides
+ * `SkraAccordionContext` (the ADR 013 §3.6 non-form Contextual-ID-Sync bus), owns the
+ * consumer-facing `[expanded]` / `(expandedChange)` (controlled, ADR 037 — NO internal open
+ * state) and the `[exclusive]` policy, and draws the group's outer border + radius.
+ *
+ *   <div skraAccordion [expanded]="open()" (expandedChange)="open.set($event)">
+ *     <div skraAccordionItem value="general">
+ *       <h3><button skraAccordionHeader>General</button></h3>
+ *       <div skraAccordionPanel>…</div>
+ *     </div>
+ *     <div skraAccordionItem value="security"> … </div>
+ *   </div>
+ *
+ * Open state is consumer-owned: a header click emits `(expandedChange)` with the resolved
+ * next set (the `[exclusive]` policy applied here); the visible state updates when the
+ * consumer round-trips `[expanded]`. `[exclusive]` is a POLICY flag on an invariant
+ * `string[]` value — NOT a value-type switch, so it does not trigger ADR 0046.
+ *
+ * Full contract: adr/specs/component-accordion-spec.md.
+ */
+class SkraAccordion {
+    /** Consumer-owned set of OPEN item values (ADR 037). `[]` = all closed; order irrelevant. */
+    expanded = input([], ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    /** Policy: `true` → opening one item emits a set that drops the others (single-open). */
+    exclusive = input(false, { ...(ngDevMode ? { debugName: "exclusive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Fires ONLY on user toggle — never on a programmatic `[expanded]` change. Carries the resolved next set. */
+    expandedChange = output();
+    ctx = inject(SkraAccordionContext);
+    items = contentChildren(SkraAccordionItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    constructor() {
+        // Wire the context bus (a header requests a toggle; the coordinator resolves + emits).
+        this.ctx.toggle = (value) => this.toggleItem(value);
+        // Mirror inputs → context (read-only to children).
+        effect(() => this.ctx.expanded.set(this.expanded()));
+        effect(() => this.ctx.exclusive.set(this.exclusive()));
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            effect(() => this.warnDuplicateValues());
+        }
+    }
+    /** A header was activated. Resolve the next open-set per the exclusive policy and REQUEST it
+     * from the consumer via `(expandedChange)` — never mutate open state internally (ADR 037). */
+    toggleItem(value) {
+        const open = this.expanded();
+        const isOpen = open.includes(value);
+        let next;
+        if (this.exclusive()) {
+            next = isOpen ? [] : [value];
+        }
+        else {
+            next = isOpen ? open.filter((v) => v !== value) : [...open, value];
+        }
+        this.expandedChange.emit(next);
+    }
+    /** Dev-only nudge: duplicate item values collide on the shared header/panel id base. */
+    warnDuplicateValues() {
+        const seen = new Set();
+        for (const item of this.items()) {
+            const v = item.value();
+            if (seen.has(v)) {
+                console.warn(`[skraAccordion] duplicate item value="${v}" — header/panel ids will collide; values must be unique within a group.`);
+            }
+            seen.add(v);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: SkraAccordion, isStandalone: true, selector: "[skraAccordion]", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, exclusive: { classPropertyName: "exclusive", publicName: "exclusive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, providers: [SkraAccordionContext], queries: [{ propertyName: "items", predicate: SkraAccordionItem, descendants: true, isSignal: true }], exportAs: ["skraAccordion"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;background:var(--skra-comp-accordion-root-background);border-width:var(--skra-comp-accordion-root-border-width);border-style:solid;border-color:var(--skra-comp-accordion-root-border-color);border-radius:var(--skra-comp-accordion-root-radius);overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: '[skraAccordion]', standalone: true, exportAs: 'skraAccordion', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [SkraAccordionContext], styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;background:var(--skra-comp-accordion-root-background);border-width:var(--skra-comp-accordion-root-border-width);border-style:solid;border-color:var(--skra-comp-accordion-root-border-color);border-radius:var(--skra-comp-accordion-root-radius);overflow:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], exclusive: [{ type: i0.Input, args: [{ isSignal: true, alias: "exclusive", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SkraAccordionItem), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }] } });
+
+/**
+ * SkraAccordionHeader — the heading wrapper, a Component on the consumer's heading element
+ * (`<h2 skraAccordionHeader>` … `<h6 skraAccordionHeader>` — the consumer picks the level for
+ * the document outline; ADR 012 attach-to-native). It wraps a `button[skraAccordionTrigger]`
+ * (the Radix Header+Trigger split, the way Material/Carbon/Radix all OWN the heading box rather
+ * than leaving a projected heading's UA margin to leak).
+ *
+ * Its ONLY job is to OWN the heading's box: because Forge is now the heading's host, its Emulated
+ * `:host` CSS can reset the UA heading margin (`margin: 0`) so the collapsed item hugs the
+ * trigger height — impossible to do from the item, which only sees the heading as projected
+ * content (ADR 040 cross-encapsulation limit; the same reason `_form-controls.scss` exists, but
+ * here solved structurally without a global slice). Carries no ARIA role of its own (the native
+ * heading element provides the heading semantics).
+ */
+class SkraAccordionHeader {
+    constructor() {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            const tag = inject(ElementRef).nativeElement.tagName;
+            if (!/^H[1-6]$/.test(tag)) {
+                console.warn(`[skraAccordionHeader] is on <${tag.toLowerCase()}> — APG requires the accordion ` +
+                    'trigger to sit inside a heading element (<h2>…<h6>) for screen-reader heading navigation. ' +
+                    'Apply it to a heading element.');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionHeader, isStandalone: true, selector: "[skraAccordionHeader]", exportAs: ["skraAccordionHeader"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionHeader, decorators: [{
+            type: Component,
+            args: [{ selector: '[skraAccordionHeader]', standalone: true, exportAs: 'skraAccordionHeader', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, styles: ["@charset \"UTF-8\";:host{display:block;margin:0}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Marker for the leading icon/element slot of `button[skraAccordionTrigger]` (the ADR 003
+ * `[skra-start]` convention). Detected via `contentChild` (ADR 020 Smart Slots v2.0) to
+ * toggle the start wrapper without emitting an empty DOM node. Lib-local (mirrors the
+ * Button/Chip per-lib marker) to avoid a cross-lib marker dependency.
+ */
+class SkraAccordionStart {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionStart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionStart, isStandalone: true, selector: "[skra-start]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionStart, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skra-start]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * Marker for the optional expand/collapse indicator override of `button[skraAccordionTrigger]`.
+ * When present, it replaces the component-rendered default chevron (the ADR 028 slot+fallback
+ * idiom — here a presentation override, NOT the loading primitive).
+ */
+class SkraAccordionIndicator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionIndicator, isStandalone: true, selector: "[skra-accordion-indicator]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skra-accordion-indicator]',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * SkraAccordionTrigger — the disclosure trigger, a Component on the native command host
+ * `button[skraAccordionTrigger]` (ADR 012/040: a `<button>` gives Enter/Space→click + focus
+ * for free — the same attach-to-native-button precedent as `button[skraButton]` / `skraTab` /
+ * `skraMenuItem`). It is wrapped by `[skraAccordionHeader]` on a heading element (Radix
+ * Header+Trigger split) so the heading owns the document outline + its own box/margin.
+ * `aria-expanded` is the canonical Toggle state (no native HTML "expanded" attribute on a button
+ * → ARIA is correct, boundary #9); the open STYLE keys off `:host([aria-expanded="true"])` (Tabs
+ * `aria-selected` precedent). value/ids/open-state come from `SkraAccordionItemContext` — the
+ * trigger declares no `value`.
+ *
+ * **Iron boundary:** no `expanded` / `ariaLabel` / `size` / `severity` inputs.
+ */
+class SkraAccordionTrigger {
+    ctx = inject(SkraAccordionItemContext, { optional: true });
+    // Smart Slots v2.0 (ADR 020)
+    startSlot = contentChild(SkraAccordionStart, ...(ngDevMode ? [{ debugName: "startSlot" }] : /* istanbul ignore next */ []));
+    indicatorSlot = contentChild(SkraAccordionIndicator, ...(ngDevMode ? [{ debugName: "indicatorSlot" }] : /* istanbul ignore next */ []));
+    hasStart = computed(() => !!this.startSlot(), ...(ngDevMode ? [{ debugName: "hasStart" }] : /* istanbul ignore next */ []));
+    hasIndicator = computed(() => !!this.indicatorSlot(), ...(ngDevMode ? [{ debugName: "hasIndicator" }] : /* istanbul ignore next */ []));
+    // Derived id / state from the item context (null only on standalone misuse)
+    headerId = computed(() => this.ctx?.headerId() ?? null, ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    panelId = computed(() => this.ctx?.panelId() ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    ariaExpanded = computed(() => this.ctx ? (this.ctx.expanded() ? 'true' : 'false') : null, ...(ngDevMode ? [{ debugName: "ariaExpanded" }] : /* istanbul ignore next */ []));
+    expandedAttr = computed(() => this.ctx?.expanded() ? '' : null, ...(ngDevMode ? [{ debugName: "expandedAttr" }] : /* istanbul ignore next */ []));
+    onClick() {
+        this.ctx?.toggle();
+    }
+    constructor() {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (!this.ctx) {
+                console.warn('[skraAccordionTrigger] has no [skraAccordionItem] ancestor — it is not wired to a panel ' +
+                    '(no aria-controls / toggle). Project it inside <element skraAccordionItem>.');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SkraAccordionTrigger, isStandalone: true, selector: "button[skraAccordionTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.id": "headerId()", "attr.aria-controls": "panelId()", "attr.aria-expanded": "ariaExpanded()", "attr.data-skra-expanded": "expandedAttr()", "attr.data-skra-has-start": "hasStart() ? \"\" : null" } }, queries: [{ propertyName: "startSlot", first: true, predicate: SkraAccordionStart, descendants: true, isSignal: true }, { propertyName: "indicatorSlot", first: true, predicate: SkraAccordionIndicator, descendants: true, isSignal: true }], exportAs: ["skraAccordionTrigger"], ngImport: i0, template: "@if (hasStart()) {\n<span class=\"skra-accordion-trigger-start\">\n  <ng-content select=\"[skra-start]\"></ng-content>\n</span>\n}\n\n<span class=\"skra-accordion-trigger-label\">\n  <ng-content></ng-content>\n</span>\n\n@if (hasIndicator()) {\n<span class=\"skra-accordion-trigger-indicator\">\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\n</span>\n} @else {\n<span\n  class=\"skra-accordion-trigger-indicator\"\n  data-skra-accordion-indicator\n  aria-hidden=\"true\"\n></span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--skra-comp-accordion-header-gap);inline-size:100%;min-block-size:var(--skra-comp-accordion-min-block-size);margin:0;box-sizing:border-box;cursor:pointer;text-align:start;background:var(--skra-comp-accordion-background);color:var(--skra-comp-accordion-foreground);border-width:var(--skra-comp-accordion-border-width);border-style:var(--skra-comp-accordion-border-style);border-color:var(--skra-comp-accordion-border-color);border-radius:var(--skra-comp-accordion-radius);padding-block:var(--skra-comp-accordion-padding-block);padding-inline:var(--skra-comp-accordion-padding-inline);box-shadow:var(--skra-comp-accordion-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:background var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing),color var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host(:hover){background:var(--skra-comp-accordion-header-background-hover)}:host(:focus-visible){outline-style:solid;outline-color:var(--skra-comp-accordion-focus-ring-color);outline-width:var(--skra-comp-accordion-focus-ring-width);outline-offset:-2px}:host([aria-expanded=true]){color:var(--skra-comp-accordion-header-foreground-expanded)}.skra-accordion-trigger-start{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-accordion-icon-size)}.skra-accordion-trigger-label{flex:1 1 auto;min-inline-size:0}.skra-accordion-trigger-indicator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--skra-comp-accordion-indicator-size);block-size:var(--skra-comp-accordion-indicator-size);color:var(--skra-comp-accordion-indicator-color);transition:transform var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}.skra-accordion-trigger-indicator[data-skra-accordion-indicator]:before{content:\"\";inline-size:.5em;block-size:.5em;border-inline-end:.125em solid currentColor;border-block-end:.125em solid currentColor;transform:translateY(-.15em) rotate(45deg)}:host([aria-expanded=true]) .skra-accordion-trigger-indicator{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-trigger-indicator{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[skraAccordionTrigger]', standalone: true, exportAs: 'skraAccordionTrigger', imports: [SkraAccordionStart, SkraAccordionIndicator], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        type: 'button', // never an implicit submit if the accordion sits inside a <form>
+                        '[attr.id]': 'headerId()',
+                        '[attr.aria-controls]': 'panelId()',
+                        '[attr.aria-expanded]': 'ariaExpanded()',
+                        '[attr.data-skra-expanded]': 'expandedAttr()',
+                        '[attr.data-skra-has-start]': 'hasStart() ? "" : null',
+                        '(click)': 'onClick()',
+                    }, template: "@if (hasStart()) {\n<span class=\"skra-accordion-trigger-start\">\n  <ng-content select=\"[skra-start]\"></ng-content>\n</span>\n}\n\n<span class=\"skra-accordion-trigger-label\">\n  <ng-content></ng-content>\n</span>\n\n@if (hasIndicator()) {\n<span class=\"skra-accordion-trigger-indicator\">\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\n</span>\n} @else {\n<span\n  class=\"skra-accordion-trigger-indicator\"\n  data-skra-accordion-indicator\n  aria-hidden=\"true\"\n></span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--skra-comp-accordion-header-gap);inline-size:100%;min-block-size:var(--skra-comp-accordion-min-block-size);margin:0;box-sizing:border-box;cursor:pointer;text-align:start;background:var(--skra-comp-accordion-background);color:var(--skra-comp-accordion-foreground);border-width:var(--skra-comp-accordion-border-width);border-style:var(--skra-comp-accordion-border-style);border-color:var(--skra-comp-accordion-border-color);border-radius:var(--skra-comp-accordion-radius);padding-block:var(--skra-comp-accordion-padding-block);padding-inline:var(--skra-comp-accordion-padding-inline);box-shadow:var(--skra-comp-accordion-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:background var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing),color var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host(:hover){background:var(--skra-comp-accordion-header-background-hover)}:host(:focus-visible){outline-style:solid;outline-color:var(--skra-comp-accordion-focus-ring-color);outline-width:var(--skra-comp-accordion-focus-ring-width);outline-offset:-2px}:host([aria-expanded=true]){color:var(--skra-comp-accordion-header-foreground-expanded)}.skra-accordion-trigger-start{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-accordion-icon-size)}.skra-accordion-trigger-label{flex:1 1 auto;min-inline-size:0}.skra-accordion-trigger-indicator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--skra-comp-accordion-indicator-size);block-size:var(--skra-comp-accordion-indicator-size);color:var(--skra-comp-accordion-indicator-color);transition:transform var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}.skra-accordion-trigger-indicator[data-skra-accordion-indicator]:before{content:\"\";inline-size:.5em;block-size:.5em;border-inline-end:.125em solid currentColor;border-block-end:.125em solid currentColor;transform:translateY(-.15em) rotate(45deg)}:host([aria-expanded=true]) .skra-accordion-trigger-indicator{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-trigger-indicator{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { startSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAccordionStart), { isSignal: true }] }], indicatorSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAccordionIndicator), { isSignal: true }] }] } });
+
+/**
+ * SkraAccordionPanel — the disclosed region, a Component on the consumer's
+ * `<div skraAccordionPanel>` (ADR 040). `role="region"`, auto-named by `aria-labelledby`→its
+ * header. Collapse/expand is a CSS-only `grid-template-rows: 0fr↔1fr` animation driven by
+ * `data-skra-expanded` (ADR 021 — no `[style.*]`); the inner wrapper's `visibility:hidden`
+ * at the collapsed end removes content from the a11y tree + Tab order (see accordion-panel.scss).
+ * value/ids/open-state come from `SkraAccordionItemContext`.
+ */
+class SkraAccordionPanel {
+    ctx = inject(SkraAccordionItemContext, { optional: true });
+    panelId = computed(() => this.ctx?.panelId() ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    headerId = computed(() => this.ctx?.headerId() ?? null, ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    expandedAttr = computed(() => this.ctx?.expanded() ? '' : null, ...(ngDevMode ? [{ debugName: "expandedAttr" }] : /* istanbul ignore next */ []));
+    constructor() {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (!this.ctx) {
+                console.warn('[skraAccordionPanel] has no [skraAccordionItem] ancestor — it is not wired to a header ' +
+                    '(no aria-labelledby / show-hide). Project it inside <element skraAccordionItem>.');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionPanel, isStandalone: true, selector: "[skraAccordionPanel]", host: { attributes: { "role": "region" }, properties: { "attr.id": "panelId()", "attr.aria-labelledby": "headerId()", "attr.data-skra-expanded": "expandedAttr()" } }, exportAs: ["skraAccordionPanel"], ngImport: i0, template: '<div class="skra-accordion-panel-clip"><div class="skra-accordion-panel-inner"><ng-content></ng-content></div></div>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:grid;grid-template-rows:0fr;margin:0;transition:grid-template-rows var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host([data-skra-expanded]){grid-template-rows:1fr}.skra-accordion-panel-clip{overflow:hidden;min-block-size:0;visibility:hidden;transition:visibility var(--skra-comp-accordion-motion-duration) allow-discrete}:host([data-skra-expanded]) .skra-accordion-panel-clip{visibility:visible}.skra-accordion-panel-inner{color:var(--skra-comp-accordion-panel-foreground);padding-block:var(--skra-comp-accordion-panel-padding-block);padding-inline:var(--skra-comp-accordion-panel-padding-inline)}.skra-accordion-panel-inner>:first-child{margin-block-start:0}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-panel-clip{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionPanel, decorators: [{
+            type: Component,
+            args: [{ selector: '[skraAccordionPanel]', standalone: true, exportAs: 'skraAccordionPanel', template: '<div class="skra-accordion-panel-clip"><div class="skra-accordion-panel-inner"><ng-content></ng-content></div></div>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        role: 'region',
+                        '[attr.id]': 'panelId()',
+                        '[attr.aria-labelledby]': 'headerId()',
+                        '[attr.data-skra-expanded]': 'expandedAttr()',
+                    }, styles: ["@charset \"UTF-8\";:host{display:grid;grid-template-rows:0fr;margin:0;transition:grid-template-rows var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host([data-skra-expanded]){grid-template-rows:1fr}.skra-accordion-panel-clip{overflow:hidden;min-block-size:0;visibility:hidden;transition:visibility var(--skra-comp-accordion-motion-duration) allow-discrete}:host([data-skra-expanded]) .skra-accordion-panel-clip{visibility:visible}.skra-accordion-panel-inner{color:var(--skra-comp-accordion-panel-foreground);padding-block:var(--skra-comp-accordion-panel-padding-block);padding-inline:var(--skra-comp-accordion-panel-padding-inline)}.skra-accordion-panel-inner>:first-child{margin-block-start:0}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-panel-clip{transition:none}}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkraAccordion, SkraAccordionContext, SkraAccordionHeader, SkraAccordionIndicator, SkraAccordionItem, SkraAccordionItemContext, SkraAccordionPanel, SkraAccordionStart, SkraAccordionTrigger };
+//# sourceMappingURL=skra-ui-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui-accordion.mjs","sources":["../../../../libs/ui/accordion/src/lib/accordion/accordion-context.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-item-context.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-item.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-header.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion.directives.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-trigger.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-trigger.html","../../../../libs/ui/accordion/src/lib/accordion/accordion-panel.ts","../../../../libs/ui/accordion/src/skra-ui-accordion.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n/** Module-global counter → a deterministic, unique id base per `[skraAccordion]`\n * instance. Lib-local (mirrors `SkraTabsContext`) so `@skra/disclosure` takes no\n * dependency on another lib just for id generation. Stable across SSR↔hydration\n * (same instantiation order yields the same ids — the standard counter technique). */\nlet accordionInstanceCounter = 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 `[skraAccordion]` instance — the ADR 013 §3.6 **non-form**\n * Contextual-ID-Sync bus (the 2nd consumer of the idiom after `SkraTabsContext`). It\n * carries **IDs + derived, read-only interaction state only** (`expanded` mirrors the\n * consumer's `[expanded]`; `exclusive` mirrors `[exclusive]`). It **never owns value** —\n * the open/closed set stays consumer-owned (ADR 037); a header requests a change through\n * `toggle()`, which the coordinator implements (resolving the exclusive policy) and from\n * which it emits `(expandedChange)`.\n */\n@Injectable()\nexport class SkraAccordionContext {\n  /** Unique per `[skraAccordion]` — the prefix for every header/panel id in this group. */\n  private readonly baseId = `skra-accordion-${++accordionInstanceCounter}`;\n\n  /** Mirror of the consumer's `[expanded]` — the set of OPEN item values (read-only to children). */\n  readonly expanded = signal<readonly string[]>([]);\n  /** Mirror of the consumer's `[exclusive]` policy (read-only to children). */\n  readonly exclusive = signal<boolean>(false);\n\n  headerId(value: string): string {\n    return `${this.baseId}-header-${idSafe(value)}`;\n  }\n  panelId(value: string): string {\n    return `${this.baseId}-panel-${idSafe(value)}`;\n  }\n  isExpanded(value: string): boolean {\n    return this.expanded().includes(value);\n  }\n\n  /** Coordinator-assigned: a header requests a toggle; the coordinator resolves the next\n   * open-set (applying the exclusive policy) and emits `(expandedChange)` — never mutated here. */\n  toggle: (value: string) => void = () => undefined;\n}\n","import type { Signal } from '@angular/core';\n\n/**\n * Per-item DI context provided by `[skraAccordionItem]` (via `useExisting`). It lets\n * `button[skraAccordionHeader]` and `[skraAccordionPanel]` read their shared `value`,\n * derived ids, and open state **without each re-declaring `value`** — the item declares it\n * once. All members are read-only/derived; `toggle()` forwards to the group coordinator\n * (the open/closed set stays consumer-owned, ADR 037). `*Id` are `null` only when an item\n * is used outside a `[skraAccordion]` (standalone misuse → dev-warned).\n */\nexport abstract class SkraAccordionItemContext {\n  abstract readonly value: Signal<string>;\n  abstract readonly expanded: Signal<boolean>;\n  abstract readonly headerId: Signal<string | null>;\n  abstract readonly panelId: Signal<string | null>;\n  abstract toggle(): void;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { SkraAccordionContext } from './accordion-context';\nimport { SkraAccordionItemContext } from './accordion-item-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionItem — one item, a Component on the consumer's `<div skraAccordionItem>`\n * (ADR 040, `template: '<ng-content>'`). It declares `[value]` ONCE and provides\n * `SkraAccordionItemContext` (via `useExisting`) so its `button[skraAccordionHeader]` and\n * `[skraAccordionPanel]` read the shared value/ids/open-state without re-declaring it. It\n * owns the per-item top divider (no double borders) and the open-item box (skins may tint it).\n */\n@Component({\n  selector: '[skraAccordionItem]',\n  standalone: true,\n  exportAs: 'skraAccordionItem',\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion-item.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  providers: [\n    { provide: SkraAccordionItemContext, useExisting: SkraAccordionItem },\n  ],\n  host: {\n    '[attr.data-skra-expanded]': 'expanded() ? \"\" : null',\n  },\n})\nexport class SkraAccordionItem implements SkraAccordionItemContext {\n  /** The item key — matched against `[expanded]` and the id base for its header/panel. */\n  readonly value = input.required<string>();\n\n  private readonly group = inject(SkraAccordionContext, { optional: true });\n\n  readonly expanded = computed(\n    () => this.group?.isExpanded(this.value()) ?? false,\n  );\n  readonly headerId = computed(\n    () => this.group?.headerId(this.value()) ?? null,\n  );\n  readonly panelId = computed(() => this.group?.panelId(this.value()) ?? null);\n\n  toggle(): void {\n    this.group?.toggle(this.value());\n  }\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.group) {\n        console.warn(\n          '[skraAccordionItem] has no [skraAccordion] ancestor — its header/panel are not wired ' +\n            '(no aria-controls / open state). Project it inside <element skraAccordion>.',\n        );\n      }\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { SkraAccordionContext } from './accordion-context';\nimport { SkraAccordionItem } from './accordion-item';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordion — the WAI-ARIA APG **Accordion** coordinator. A Component on a wrapping\n * element that holds `[skraAccordionItem]` children (each item wraps a\n * `button[skraAccordionHeader]` + a `[skraAccordionPanel]`). It provides\n * `SkraAccordionContext` (the ADR 013 §3.6 non-form Contextual-ID-Sync bus), owns the\n * consumer-facing `[expanded]` / `(expandedChange)` (controlled, ADR 037 — NO internal open\n * state) and the `[exclusive]` policy, and draws the group's outer border + radius.\n *\n *   <div skraAccordion [expanded]=\"open()\" (expandedChange)=\"open.set($event)\">\n *     <div skraAccordionItem value=\"general\">\n *       <h3><button skraAccordionHeader>General</button></h3>\n *       <div skraAccordionPanel>…</div>\n *     </div>\n *     <div skraAccordionItem value=\"security\"> … </div>\n *   </div>\n *\n * Open state is consumer-owned: a header click emits `(expandedChange)` with the resolved\n * next set (the `[exclusive]` policy applied here); the visible state updates when the\n * consumer round-trips `[expanded]`. `[exclusive]` is a POLICY flag on an invariant\n * `string[]` value — NOT a value-type switch, so it does not trigger ADR 0046.\n *\n * Full contract: adr/specs/component-accordion-spec.md.\n */\n@Component({\n  selector: '[skraAccordion]',\n  standalone: true,\n  exportAs: 'skraAccordion',\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  providers: [SkraAccordionContext],\n})\nexport class SkraAccordion {\n  /** Consumer-owned set of OPEN item values (ADR 037). `[]` = all closed; order irrelevant. */\n  readonly expanded = input<readonly string[]>([]);\n  /** Policy: `true` → opening one item emits a set that drops the others (single-open). */\n  readonly exclusive = input(false, { transform: booleanAttribute });\n  /** Fires ONLY on user toggle — never on a programmatic `[expanded]` change. Carries the resolved next set. */\n  readonly expandedChange = output<readonly string[]>();\n\n  private readonly ctx = inject(SkraAccordionContext);\n  private readonly items = contentChildren(SkraAccordionItem, {\n    descendants: true,\n  });\n\n  constructor() {\n    // Wire the context bus (a header requests a toggle; the coordinator resolves + emits).\n    this.ctx.toggle = (value) => this.toggleItem(value);\n\n    // Mirror inputs → context (read-only to children).\n    effect(() => this.ctx.expanded.set(this.expanded()));\n    effect(() => this.ctx.exclusive.set(this.exclusive()));\n\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      effect(() => this.warnDuplicateValues());\n    }\n  }\n\n  /** A header was activated. Resolve the next open-set per the exclusive policy and REQUEST it\n   * from the consumer via `(expandedChange)` — never mutate open state internally (ADR 037). */\n  private toggleItem(value: string): void {\n    const open = this.expanded();\n    const isOpen = open.includes(value);\n    let next: readonly string[];\n    if (this.exclusive()) {\n      next = isOpen ? [] : [value];\n    } else {\n      next = isOpen ? open.filter((v) => v !== value) : [...open, value];\n    }\n    this.expandedChange.emit(next);\n  }\n\n  /** Dev-only nudge: duplicate item values collide on the shared header/panel id base. */\n  private warnDuplicateValues(): void {\n    const seen = new Set<string>();\n    for (const item of this.items()) {\n      const v = item.value();\n      if (seen.has(v)) {\n        console.warn(\n          `[skraAccordion] duplicate item value=\"${v}\" — header/panel ids will collide; values must be unique within a group.`,\n        );\n      }\n      seen.add(v);\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionHeader — the heading wrapper, a Component on the consumer's heading element\n * (`<h2 skraAccordionHeader>` … `<h6 skraAccordionHeader>` — the consumer picks the level for\n * the document outline; ADR 012 attach-to-native). It wraps a `button[skraAccordionTrigger]`\n * (the Radix Header+Trigger split, the way Material/Carbon/Radix all OWN the heading box rather\n * than leaving a projected heading's UA margin to leak).\n *\n * Its ONLY job is to OWN the heading's box: because Forge is now the heading's host, its Emulated\n * `:host` CSS can reset the UA heading margin (`margin: 0`) so the collapsed item hugs the\n * trigger height — impossible to do from the item, which only sees the heading as projected\n * content (ADR 040 cross-encapsulation limit; the same reason `_form-controls.scss` exists, but\n * here solved structurally without a global slice). Carries no ARIA role of its own (the native\n * heading element provides the heading semantics).\n */\n@Component({\n  selector: '[skraAccordionHeader]',\n  standalone: true,\n  exportAs: 'skraAccordionHeader',\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion-header.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class SkraAccordionHeader {\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      const tag =\n        inject<ElementRef<HTMLElement>>(ElementRef).nativeElement.tagName;\n      if (!/^H[1-6]$/.test(tag)) {\n        console.warn(\n          `[skraAccordionHeader] is on <${tag.toLowerCase()}> — APG requires the accordion ` +\n            'trigger to sit inside a heading element (<h2>…<h6>) for screen-reader heading navigation. ' +\n            'Apply it to a heading element.',\n        );\n      }\n    }\n  }\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Marker for the leading icon/element slot of `button[skraAccordionTrigger]` (the ADR 003\n * `[skra-start]` convention). Detected via `contentChild` (ADR 020 Smart Slots v2.0) to\n * toggle the start wrapper without emitting an empty DOM node. Lib-local (mirrors the\n * Button/Chip per-lib marker) to avoid a cross-lib marker dependency.\n */\n@Directive({\n  selector: '[skra-start]',\n  standalone: true,\n})\nexport class SkraAccordionStart {}\n\n/**\n * Marker for the optional expand/collapse indicator override of `button[skraAccordionTrigger]`.\n * When present, it replaces the component-rendered default chevron (the ADR 028 slot+fallback\n * idiom — here a presentation override, NOT the loading primitive).\n */\n@Directive({\n  selector: '[skra-accordion-indicator]',\n  standalone: true,\n})\nexport class SkraAccordionIndicator {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  contentChild,\n  inject,\n} from '@angular/core';\n\nimport {\n  SkraAccordionIndicator,\n  SkraAccordionStart,\n} from './accordion.directives';\nimport { SkraAccordionItemContext } from './accordion-item-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionTrigger — the disclosure trigger, a Component on the native command host\n * `button[skraAccordionTrigger]` (ADR 012/040: a `<button>` gives Enter/Space→click + focus\n * for free — the same attach-to-native-button precedent as `button[skraButton]` / `skraTab` /\n * `skraMenuItem`). It is wrapped by `[skraAccordionHeader]` on a heading element (Radix\n * Header+Trigger split) so the heading owns the document outline + its own box/margin.\n * `aria-expanded` is the canonical Toggle state (no native HTML \"expanded\" attribute on a button\n * → ARIA is correct, boundary #9); the open STYLE keys off `:host([aria-expanded=\"true\"])` (Tabs\n * `aria-selected` precedent). value/ids/open-state come from `SkraAccordionItemContext` — the\n * trigger declares no `value`.\n *\n * **Iron boundary:** no `expanded` / `ariaLabel` / `size` / `severity` inputs.\n */\n@Component({\n  selector: 'button[skraAccordionTrigger]',\n  standalone: true,\n  exportAs: 'skraAccordionTrigger',\n  imports: [SkraAccordionStart, SkraAccordionIndicator],\n  templateUrl: './accordion-trigger.html',\n  styleUrl: './accordion-trigger.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    type: 'button', // never an implicit submit if the accordion sits inside a <form>\n    '[attr.id]': 'headerId()',\n    '[attr.aria-controls]': 'panelId()',\n    '[attr.aria-expanded]': 'ariaExpanded()',\n    '[attr.data-skra-expanded]': 'expandedAttr()',\n    '[attr.data-skra-has-start]': 'hasStart() ? \"\" : null',\n    '(click)': 'onClick()',\n  },\n})\nexport class SkraAccordionTrigger {\n  private readonly ctx = inject(SkraAccordionItemContext, { optional: true });\n\n  // Smart Slots v2.0 (ADR 020)\n  protected readonly startSlot = contentChild(SkraAccordionStart);\n  protected readonly indicatorSlot = contentChild(SkraAccordionIndicator);\n  protected readonly hasStart = computed(() => !!this.startSlot());\n  protected readonly hasIndicator = computed(() => !!this.indicatorSlot());\n\n  // Derived id / state from the item context (null only on standalone misuse)\n  protected readonly headerId = computed(() => this.ctx?.headerId() ?? null);\n  protected readonly panelId = computed(() => this.ctx?.panelId() ?? null);\n  protected readonly ariaExpanded = computed(() =>\n    this.ctx ? (this.ctx.expanded() ? 'true' : 'false') : null,\n  );\n  protected readonly expandedAttr = computed(() =>\n    this.ctx?.expanded() ? '' : null,\n  );\n\n  protected onClick(): void {\n    this.ctx?.toggle();\n  }\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.ctx) {\n        console.warn(\n          '[skraAccordionTrigger] has no [skraAccordionItem] ancestor — it is not wired to a panel ' +\n            '(no aria-controls / toggle). Project it inside <element skraAccordionItem>.',\n        );\n      }\n    }\n  }\n}\n","@if (hasStart()) {\n<span class=\"skra-accordion-trigger-start\">\n  <ng-content select=\"[skra-start]\"></ng-content>\n</span>\n}\n\n<span class=\"skra-accordion-trigger-label\">\n  <ng-content></ng-content>\n</span>\n\n@if (hasIndicator()) {\n<span class=\"skra-accordion-trigger-indicator\">\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\n</span>\n} @else {\n<span\n  class=\"skra-accordion-trigger-indicator\"\n  data-skra-accordion-indicator\n  aria-hidden=\"true\"\n></span>\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n} from '@angular/core';\n\nimport { SkraAccordionItemContext } from './accordion-item-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionPanel — the disclosed region, a Component on the consumer's\n * `<div skraAccordionPanel>` (ADR 040). `role=\"region\"`, auto-named by `aria-labelledby`→its\n * header. Collapse/expand is a CSS-only `grid-template-rows: 0fr↔1fr` animation driven by\n * `data-skra-expanded` (ADR 021 — no `[style.*]`); the inner wrapper's `visibility:hidden`\n * at the collapsed end removes content from the a11y tree + Tab order (see accordion-panel.scss).\n * value/ids/open-state come from `SkraAccordionItemContext`.\n */\n@Component({\n  selector: '[skraAccordionPanel]',\n  standalone: true,\n  exportAs: 'skraAccordionPanel',\n  template:\n    '<div class=\"skra-accordion-panel-clip\"><div class=\"skra-accordion-panel-inner\"><ng-content></ng-content></div></div>',\n  styleUrl: './accordion-panel.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    role: 'region',\n    '[attr.id]': 'panelId()',\n    '[attr.aria-labelledby]': 'headerId()',\n    '[attr.data-skra-expanded]': 'expandedAttr()',\n  },\n})\nexport class SkraAccordionPanel {\n  private readonly ctx = inject(SkraAccordionItemContext, { optional: true });\n\n  protected readonly panelId = computed(() => this.ctx?.panelId() ?? null);\n  protected readonly headerId = computed(() => this.ctx?.headerId() ?? null);\n  protected readonly expandedAttr = computed(() =>\n    this.ctx?.expanded() ? '' : null,\n  );\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.ctx) {\n        console.warn(\n          '[skraAccordionPanel] has no [skraAccordionItem] ancestor — it is not wired to a header ' +\n            '(no aria-labelledby / show-hide). Project it inside <element skraAccordionItem>.',\n        );\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/skra-ui-alert.mjs

@@ -0,0 +1,110 @@
+import * as i0 from '@angular/core';
+import { Directive, input, booleanAttribute, output, contentChild, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+/**
+ * Marker directive for the leading icon slot of `<skra-alert>`.
+ * Detected via `contentChild` (ADR 020 Smart Slots v2.0) to toggle the icon
+ * wrapper without emitting an empty DOM node. Feedback-local (not the button
+ * lib's `[skra-start]`) to avoid a cross-lib marker dependency.
+ */
+class SkraAlertIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAlertIcon, isStandalone: true, selector: "[skra-alert-icon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skra-alert-icon]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * Marker directive for the OPTIONAL title slot of `<skra-alert>` — a short, bold
+ * heading rendered above the message. Detected via `contentChild` (ADR 020) to
+ * toggle the title row. It is styled bold via a typography role but is NOT a
+ * semantic heading (`<h*>`): an alert title is not part of the document outline,
+ * and a heading would pollute screen-reader heading navigation (especially for a
+ * dynamically-injected alert). The live region announces title + body atomically.
+ */
+class SkraAlertTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAlertTitle, isStandalone: true, selector: "[skra-alert-title]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skra-alert-title]',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * `<skra-alert>` — in-content, page/section-level feedback message (Feedback/Status
+ * family, ADR 0052). Serves BOTH a static notification (`live="off"`, present at load)
+ * and a dynamically-injected alert (`live="polite"|"assertive"`, announced on insertion).
+ *
+ * SRP-distinct from `<skra-error>` (form-validation-bound, `SkraFieldContext`, error-only).
+ *
+ * Announcement (ADR 0052): the `live` input maps to the implicit-live ARIA role
+ * (`status`/`alert`) — which carries `aria-live` + `aria-atomic` implicitly. NO explicit
+ * `aria-live` is set (that would be redundant/contradictory; the `skra-error` pattern).
+ *
+ * Dismissal: `dismissible` renders a built-in close control that emits `(dismissed)`.
+ * Forge does NOT remove itself from the DOM — the consumer owns removal via `@if`
+ * (agnostic-atom doctrine). The close control's accessible name comes from a projected
+ * `[skra-alert-close-label]` (sr-only; ADR 033 Path 2) — the "×" glyph is `aria-hidden`.
+ */
+class SkraAlert {
+    // --- Variant Surface (ADR 035) ---
+    intent = input('neutral', ...(ngDevMode ? [{ debugName: "intent" }] : /* istanbul ignore next */ []));
+    emphasis = input('medium', ...(ngDevMode ? [{ debugName: "emphasis" }] : /* istanbul ignore next */ []));
+    // --- Announcement (ADR 0052) ---
+    live = input('off', ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
+    // --- Dismissal ---
+    dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    dismissed = output();
+    // --- Smart Slots v2.0 (ADR 020) ---
+    iconSlot = contentChild(SkraAlertIcon, ...(ngDevMode ? [{ debugName: "iconSlot" }] : /* istanbul ignore next */ []));
+    hasIcon = computed(() => !!this.iconSlot(), ...(ngDevMode ? [{ debugName: "hasIcon" }] : /* istanbul ignore next */ []));
+    titleSlot = contentChild(SkraAlertTitle, ...(ngDevMode ? [{ debugName: "titleSlot" }] : /* istanbul ignore next */ []));
+    hasTitle = computed(() => !!this.titleSlot(), ...(ngDevMode ? [{ debugName: "hasTitle" }] : /* istanbul ignore next */ []));
+    /**
+     * Map `live` politeness to the implicit-live ARIA role (ADR 0052). The role
+     * carries `aria-live` + `aria-atomic` implicitly; `off` → no live region.
+     */
+    liveRole = computed(() => {
+        switch (this.live()) {
+            case 'assertive':
+                return 'alert';
+            case 'polite':
+                return 'status';
+            default:
+                return null;
+        }
+    }, ...(ngDevMode ? [{ debugName: "liveRole" }] : /* istanbul ignore next */ []));
+    onDismiss() {
+        this.dismissed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SkraAlert, isStandalone: true, selector: "skra-alert", inputs: { intent: { classPropertyName: "intent", publicName: "intent", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.data-skra-intent": "intent()", "attr.data-skra-emphasis": "emphasis()", "attr.role": "liveRole()", "attr.data-skra-has-icon": "hasIcon() ? \"\" : null", "attr.data-skra-has-title": "hasTitle() ? \"\" : null" } }, queries: [{ propertyName: "iconSlot", first: true, predicate: SkraAlertIcon, descendants: true, isSignal: true }, { propertyName: "titleSlot", first: true, predicate: SkraAlertTitle, descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasIcon()) {\n<span class=\"skra-alert-icon\">\n  <ng-content select=\"[skra-alert-icon]\"></ng-content>\n</span>\n}\n\n<div class=\"skra-alert-content\">\n  @if (hasTitle()) {\n  <div class=\"skra-alert-title\">\n    <ng-content select=\"[skra-alert-title]\"></ng-content>\n  </div>\n  }\n  <div class=\"skra-alert-body\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n@if (dismissible()) {\n<button type=\"button\" class=\"skra-alert-dismiss\" (click)=\"onDismiss()\">\n  <span class=\"skra-alert-dismiss-glyph\" aria-hidden=\"true\">&times;</span>\n  <ng-content select=\"[skra-alert-close-label]\"></ng-content>\n</button>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:flex-start;box-sizing:border-box;margin:0;gap:var(--skra-comp-alert-icon-gap);font-family:var(--skra-sys-typography-role-body-medium-font-family);font-size:var(--skra-sys-typography-role-body-medium-font-size);font-weight:var(--skra-sys-typography-role-body-medium-font-weight);line-height:var(--skra-sys-typography-role-body-medium-line-height);letter-spacing:var(--skra-sys-typography-role-body-medium-letter-spacing);background:var(--skra-comp-alert-background);color:var(--skra-comp-alert-foreground);border-color:var(--skra-comp-alert-border-color);border-width:var(--skra-comp-alert-border-width);border-style:var(--skra-comp-alert-border-style);border-radius:var(--skra-comp-alert-radius);padding-block:var(--skra-comp-alert-padding-block);padding-inline:var(--skra-comp-alert-padding-inline);box-shadow:var(--skra-comp-alert-shadow)}:host([data-skra-emphasis=high]){--skra-comp-alert-border-width: 0}:host([data-skra-intent=neutral][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-high, var(--skra-sys-color-neutral-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-high, var(--skra-sys-color-neutral-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-high, transparent )}:host([data-skra-intent=neutral][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-medium, var(--skra-sys-color-neutral-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-medium, var(--skra-sys-color-neutral-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-medium, var(--skra-sys-color-neutral-border) )}:host([data-skra-intent=info][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-high, var(--skra-sys-color-info-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-high, var(--skra-sys-color-info-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-high, transparent )}:host([data-skra-intent=info][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-medium, var(--skra-sys-color-info-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-medium, var(--skra-sys-color-info-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-medium, var(--skra-sys-color-info-border) )}:host([data-skra-intent=success][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-high, var(--skra-sys-color-success-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-high, var(--skra-sys-color-success-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-high, transparent )}:host([data-skra-intent=success][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-medium, var(--skra-sys-color-success-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-medium, var(--skra-sys-color-success-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-medium, var(--skra-sys-color-success-border) )}:host([data-skra-intent=warning][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-high, var(--skra-sys-color-warning-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-high, var(--skra-sys-color-warning-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-high, transparent )}:host([data-skra-intent=warning][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-medium, var(--skra-sys-color-warning-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-medium, var(--skra-sys-color-warning-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-medium, var(--skra-sys-color-warning-border) )}:host([data-skra-intent=danger][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-high, var(--skra-sys-color-danger-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-high, var(--skra-sys-color-danger-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-high, transparent )}:host([data-skra-intent=danger][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-medium, var(--skra-sys-color-danger-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-medium, var(--skra-sys-color-danger-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-medium, var(--skra-sys-color-danger-border) )}.skra-alert-icon{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-alert-icon-size)}.skra-alert-content{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skra-comp-alert-title-gap)}.skra-alert-title{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)}.skra-alert-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skra-comp-alert-dismiss-size);block-size:var(--skra-comp-alert-dismiss-size);margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--skra-comp-alert-radius);transition:opacity var(--skra-comp-alert-motion-duration) var(--skra-comp-alert-motion-easing)}.skra-alert-dismiss:hover{opacity:.7}.skra-alert-dismiss:focus-visible{outline-style:solid;outline-color:var(--skra-comp-alert-focus-ring-color);outline-width:var(--skra-comp-alert-focus-ring-width);outline-offset:2px}.skra-alert-dismiss-glyph{font-size:1.25em;line-height:1}@media(prefers-reduced-motion:reduce){.skra-alert-dismiss{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'skra-alert', standalone: true, imports: [SkraAlertIcon, SkraAlertTitle], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        // Variant Surface reflection (ADR 035 §3.5)
+                        '[attr.data-skra-intent]': 'intent()',
+                        '[attr.data-skra-emphasis]': 'emphasis()',
+                        // Announcement role (ADR 0052) — implicit-live role ONLY; never an explicit aria-live.
+                        '[attr.role]': 'liveRole()',
+                        // Smart Slots layout reflection (ADR 020 v2.0 — slot-presence, State-Surface-exempt §3.6)
+                        '[attr.data-skra-has-icon]': 'hasIcon() ? "" : null',
+                        '[attr.data-skra-has-title]': 'hasTitle() ? "" : null',
+                    }, template: "@if (hasIcon()) {\n<span class=\"skra-alert-icon\">\n  <ng-content select=\"[skra-alert-icon]\"></ng-content>\n</span>\n}\n\n<div class=\"skra-alert-content\">\n  @if (hasTitle()) {\n  <div class=\"skra-alert-title\">\n    <ng-content select=\"[skra-alert-title]\"></ng-content>\n  </div>\n  }\n  <div class=\"skra-alert-body\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n@if (dismissible()) {\n<button type=\"button\" class=\"skra-alert-dismiss\" (click)=\"onDismiss()\">\n  <span class=\"skra-alert-dismiss-glyph\" aria-hidden=\"true\">&times;</span>\n  <ng-content select=\"[skra-alert-close-label]\"></ng-content>\n</button>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:flex-start;box-sizing:border-box;margin:0;gap:var(--skra-comp-alert-icon-gap);font-family:var(--skra-sys-typography-role-body-medium-font-family);font-size:var(--skra-sys-typography-role-body-medium-font-size);font-weight:var(--skra-sys-typography-role-body-medium-font-weight);line-height:var(--skra-sys-typography-role-body-medium-line-height);letter-spacing:var(--skra-sys-typography-role-body-medium-letter-spacing);background:var(--skra-comp-alert-background);color:var(--skra-comp-alert-foreground);border-color:var(--skra-comp-alert-border-color);border-width:var(--skra-comp-alert-border-width);border-style:var(--skra-comp-alert-border-style);border-radius:var(--skra-comp-alert-radius);padding-block:var(--skra-comp-alert-padding-block);padding-inline:var(--skra-comp-alert-padding-inline);box-shadow:var(--skra-comp-alert-shadow)}:host([data-skra-emphasis=high]){--skra-comp-alert-border-width: 0}:host([data-skra-intent=neutral][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-high, var(--skra-sys-color-neutral-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-high, var(--skra-sys-color-neutral-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-high, transparent )}:host([data-skra-intent=neutral][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-medium, var(--skra-sys-color-neutral-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-medium, var(--skra-sys-color-neutral-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-medium, var(--skra-sys-color-neutral-border) )}:host([data-skra-intent=info][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-high, var(--skra-sys-color-info-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-high, var(--skra-sys-color-info-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-high, transparent )}:host([data-skra-intent=info][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-medium, var(--skra-sys-color-info-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-medium, var(--skra-sys-color-info-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-medium, var(--skra-sys-color-info-border) )}:host([data-skra-intent=success][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-high, var(--skra-sys-color-success-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-high, var(--skra-sys-color-success-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-high, transparent )}:host([data-skra-intent=success][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-medium, var(--skra-sys-color-success-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-medium, var(--skra-sys-color-success-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-medium, var(--skra-sys-color-success-border) )}:host([data-skra-intent=warning][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-high, var(--skra-sys-color-warning-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-high, var(--skra-sys-color-warning-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-high, transparent )}:host([data-skra-intent=warning][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-medium, var(--skra-sys-color-warning-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-medium, var(--skra-sys-color-warning-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-medium, var(--skra-sys-color-warning-border) )}:host([data-skra-intent=danger][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-high, var(--skra-sys-color-danger-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-high, var(--skra-sys-color-danger-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-high, transparent )}:host([data-skra-intent=danger][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-medium, var(--skra-sys-color-danger-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-medium, var(--skra-sys-color-danger-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-medium, var(--skra-sys-color-danger-border) )}.skra-alert-icon{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-alert-icon-size)}.skra-alert-content{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skra-comp-alert-title-gap)}.skra-alert-title{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)}.skra-alert-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skra-comp-alert-dismiss-size);block-size:var(--skra-comp-alert-dismiss-size);margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--skra-comp-alert-radius);transition:opacity var(--skra-comp-alert-motion-duration) var(--skra-comp-alert-motion-easing)}.skra-alert-dismiss:hover{opacity:.7}.skra-alert-dismiss:focus-visible{outline-style:solid;outline-color:var(--skra-comp-alert-focus-ring-color);outline-width:var(--skra-comp-alert-focus-ring-width);outline-offset:2px}.skra-alert-dismiss-glyph{font-size:1.25em;line-height:1}@media(prefers-reduced-motion:reduce){.skra-alert-dismiss{transition:none}}\n"] }]
+        }], propDecorators: { intent: [{ type: i0.Input, args: [{ isSignal: true, alias: "intent", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], iconSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAlertIcon), { isSignal: true }] }], titleSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAlertTitle), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkraAlert, SkraAlertIcon, SkraAlertTitle };
+//# sourceMappingURL=skra-ui-alert.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui-alert.mjs","sources":["../../../../libs/ui/alert/src/lib/alert.directives.ts","../../../../libs/ui/alert/src/lib/alert/alert.ts","../../../../libs/ui/alert/src/lib/alert/alert.html","../../../../libs/ui/alert/src/skra-ui-alert.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Marker directive for the leading icon slot of `<skra-alert>`.\n * Detected via `contentChild` (ADR 020 Smart Slots v2.0) to toggle the icon\n * wrapper without emitting an empty DOM node. Feedback-local (not the button\n * lib's `[skra-start]`) to avoid a cross-lib marker dependency.\n */\n@Directive({\n  selector: '[skra-alert-icon]',\n  standalone: true,\n})\nexport class SkraAlertIcon {}\n\n/**\n * Marker directive for the OPTIONAL title slot of `<skra-alert>` — a short, bold\n * heading rendered above the message. Detected via `contentChild` (ADR 020) to\n * toggle the title row. It is styled bold via a typography role but is NOT a\n * semantic heading (`<h*>`): an alert title is not part of the document outline,\n * and a heading would pollute screen-reader heading navigation (especially for a\n * dynamically-injected alert). The live region announces title + body atomically.\n */\n@Directive({\n  selector: '[skra-alert-title]',\n  standalone: true,\n})\nexport class SkraAlertTitle {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  contentChild,\n  input,\n  output,\n} from '@angular/core';\nimport { SkraAlertIcon, SkraAlertTitle } from '../alert.directives';\n\n/**\n * AlertIntent — semantic feedback meaning (ADR 035 §3.1, downward subset).\n * Excludes the action intents `primary`/`secondary` (meaningless for a status\n * message). Closed enum; extension requires an ADR 035 amendment.\n */\nexport type AlertIntent = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\n/**\n * AlertEmphasis — visual loudness within the chosen intent (ADR 035 §3.1, subset).\n * `high` = filled banner, `medium` = soft/tinted. `low` deferred.\n */\nexport type AlertEmphasis = 'high' | 'medium';\n\n/**\n * AlertLive — screen-reader announcement politeness (ADR 0052). Maps to the\n * implicit-live ARIA role; politeness is a property of USE (static vs injected),\n * NOT of intent.\n */\nexport type AlertLive = 'off' | 'polite' | 'assertive';\n\n/**\n * `<skra-alert>` — in-content, page/section-level feedback message (Feedback/Status\n * family, ADR 0052). Serves BOTH a static notification (`live=\"off\"`, present at load)\n * and a dynamically-injected alert (`live=\"polite\"|\"assertive\"`, announced on insertion).\n *\n * SRP-distinct from `<skra-error>` (form-validation-bound, `SkraFieldContext`, error-only).\n *\n * Announcement (ADR 0052): the `live` input maps to the implicit-live ARIA role\n * (`status`/`alert`) — which carries `aria-live` + `aria-atomic` implicitly. NO explicit\n * `aria-live` is set (that would be redundant/contradictory; the `skra-error` pattern).\n *\n * Dismissal: `dismissible` renders a built-in close control that emits `(dismissed)`.\n * Forge does NOT remove itself from the DOM — the consumer owns removal via `@if`\n * (agnostic-atom doctrine). The close control's accessible name comes from a projected\n * `[skra-alert-close-label]` (sr-only; ADR 033 Path 2) — the \"×\" glyph is `aria-hidden`.\n */\n@Component({\n  selector: 'skra-alert',\n  standalone: true,\n  imports: [SkraAlertIcon, SkraAlertTitle],\n  templateUrl: './alert.html',\n  styleUrl: './alert.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    // Variant Surface reflection (ADR 035 §3.5)\n    '[attr.data-skra-intent]': 'intent()',\n    '[attr.data-skra-emphasis]': 'emphasis()',\n\n    // Announcement role (ADR 0052) — implicit-live role ONLY; never an explicit aria-live.\n    '[attr.role]': 'liveRole()',\n\n    // Smart Slots layout reflection (ADR 020 v2.0 — slot-presence, State-Surface-exempt §3.6)\n    '[attr.data-skra-has-icon]': 'hasIcon() ? \"\" : null',\n    '[attr.data-skra-has-title]': 'hasTitle() ? \"\" : null',\n  },\n})\nexport class SkraAlert {\n  // --- Variant Surface (ADR 035) ---\n  readonly intent = input<AlertIntent>('neutral');\n  readonly emphasis = input<AlertEmphasis>('medium');\n\n  // --- Announcement (ADR 0052) ---\n  readonly live = input<AlertLive>('off');\n\n  // --- Dismissal ---\n  readonly dismissible = input(false, { transform: booleanAttribute });\n  readonly dismissed = output<void>();\n\n  // --- Smart Slots v2.0 (ADR 020) ---\n  readonly iconSlot = contentChild(SkraAlertIcon);\n  readonly hasIcon = computed(() => !!this.iconSlot());\n\n  readonly titleSlot = contentChild(SkraAlertTitle);\n  readonly hasTitle = computed(() => !!this.titleSlot());\n\n  /**\n   * Map `live` politeness to the implicit-live ARIA role (ADR 0052). The role\n   * carries `aria-live` + `aria-atomic` implicitly; `off` → no live region.\n   */\n  readonly liveRole = computed<'alert' | 'status' | null>(() => {\n    switch (this.live()) {\n      case 'assertive':\n        return 'alert';\n      case 'polite':\n        return 'status';\n      default:\n        return null;\n    }\n  });\n\n  protected onDismiss(): void {\n    this.dismissed.emit();\n  }\n}\n","@if (hasIcon()) {\n<span class=\"skra-alert-icon\">\n  <ng-content select=\"[skra-alert-icon]\"></ng-content>\n</span>\n}\n\n<div class=\"skra-alert-content\">\n  @if (hasTitle()) {\n  <div class=\"skra-alert-title\">\n    <ng-content select=\"[skra-alert-title]\"></ng-content>\n  </div>\n  }\n  <div class=\"skra-alert-body\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n@if (dismissible()) {\n<button type=\"button\" class=\"skra-alert-dismiss\" (click)=\"onDismiss()\">\n  <span class=\"skra-alert-dismiss-glyph\" aria-hidden=\"true\">&times;</span>\n  <ng-content select=\"[skra-alert-close-label]\"></ng-content>\n</button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}