forty-cdk 0.2.0 → 0.3.0

package/dropdown-menu/README.md

@@ -0,0 +1,176 @@
+# DropdownMenu
+
+> New to overlays in forty-cdk? [Your first overlay](../../../../../docs/your-first-overlay.md) walks a Popover from empty markup to styled-and-animated and explains the `@if` / open-state model and the portal → global CSS rule.
+
+Headless implementation of the [WAI-ARIA Menu Button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/): a button that opens a menu of actions on click, ArrowDown, or ArrowUp.
+
+## Usage
+
+```ts
+import { Component, signal } from '@angular/core';
+import { ForDropdownMenu, ForDropdownMenuTrigger } from 'forty-cdk/dropdown-menu';
+import {
+  ForMenuContent,
+  ForMenuItem,
+  ForMenuRadioGroup,
+  ForMenuRadioItem,
+  ForMenuSeparator,
+} from 'forty-cdk/menu';
+
+@Component({
+  selector: 'demo-options',
+  imports: [
+    ForDropdownMenu,
+    ForDropdownMenuTrigger,
+    ForMenuContent,
+    ForMenuItem,
+    ForMenuSeparator,
+    ForMenuRadioGroup,
+    ForMenuRadioItem,
+  ],
+  template: `
+    <div forDropdownMenu #menu="forDropdownMenu">
+      <button forDropdownMenuTrigger class="dropdown-menu-trigger">Options</button>
+      @if (menu.open()) {
+        <div forMenuContent animate.leave="fade-out">
+          <button forMenuItem (activate)="cut()">Cut</button>
+          <button forMenuItem (activate)="copy()">Copy</button>
+          <button forMenuItem disabled>Paste</button>
+          <hr forMenuSeparator />
+          <div forMenuRadioGroup [(value)]="alignment">
+            <button forMenuRadioItem value="left">Left</button>
+            <button forMenuRadioItem value="center">Center</button>
+            <button forMenuRadioItem value="right">Right</button>
+          </div>
+        </div>
+      }
+    </div>
+  `,
+})
+export class DemoOptions {
+  readonly alignment = signal<string>('left');
+  cut() {
+    /* ... */
+  }
+  copy() {
+    /* ... */
+  }
+}
+```
+
+`@if` is what makes Angular's `animate.enter` / `animate.leave` work — they fire on real mount / unmount.
+
+### `#menu="forDropdownMenu"` vs. `[(open)]`
+
+The minimal "click trigger → show menu" case needs **neither** a separate `open` signal **nor** a two-way binding. `[forDropdownMenu]` is `exportAs: 'forDropdownMenu'`, so expose the directive instance with a template reference variable — `#menu="forDropdownMenu"` — and drive the `@if` straight off its own `open()` signal, as above. Trigger interactions, item activation, Escape, and outside dismissal all flip it.
+
+Reach for the explicit `[(open)]="mySignal"` model binding only when the component class needs to read or drive open state — open it programmatically, persist it, or react to it elsewhere:
+
+```html
+<div forDropdownMenu [(open)]="open">
+  <button forDropdownMenuTrigger class="dropdown-menu-trigger">Options</button>
+  @if (open()) {
+  <div forMenuContent>…</div>
+  }
+</div>
+```
+
+### Triggers stamped from outside-declared templates
+
+Angular resolves `ng-template` DI at the template's **declaration** site, not where it is stamped. A `[forDropdownMenuTrigger]` declared in a template outside the root throws the orphan error even when the template is rendered inside the root via `ngTemplateOutlet`. For that case the selector attribute accepts the root reference as a value, `routerLink`-style — grab it with `#root="forDropdownMenu"` and pass it through the outlet context. The bare valueless attribute keeps resolving via DI.
+
+```html
+<div forDropdownMenu #root="forDropdownMenu">
+  <ng-container *ngTemplateOutlet="trig; context: { root }" />
+  @if (root.open()) {
+  <div forMenuContent>…</div>
+  }
+</div>
+
+<ng-template #trig let-root="root">
+  <button [forDropdownMenuTrigger]="root">Options</button>
+</ng-template>
+```
+
+## Pieces
+
+| Class                    | Selector                   | Role                                                                                |
+| ------------------------ | -------------------------- | ----------------------------------------------------------------------------------- |
+| `ForDropdownMenu`        | `[forDropdownMenu]`        | Root. Owns open state, ids, item collection, navigate / typeahead / open semantics. |
+| `ForDropdownMenuTrigger` | `[forDropdownMenuTrigger]` | The button. Wires `aria-haspopup="menu"`, `aria-expanded`, `aria-controls`.         |
+
+The actual menu items, content surface, radio groups, separators, and groups come from the [`menu/`](../menu/README.md) folder — same primitives are used by `[forContextMenu]`.
+
+## Inputs (`ForDropdownMenu`)
+
+| API           | Default    | Description                                                                                                                                                                    |
+| ------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `open`        | `false`    | Two-way bindable. Whether the menu is shown.                                                                                                                                   |
+| `side`        | `'bottom'` | Anchor side of `[forMenuContent]` against the trigger.                                                                                                                         |
+| `align`       | `'start'`  | Alignment along `side` (`'start'` / `'center'` / `'end'`).                                                                                                                     |
+| `sideOffset`  | `4`        | Gap (px) between the trigger and the content along the main axis.                                                                                                              |
+| `alignOffset` | `0`        | Gap (px) along the cross axis (parallel to `side`).                                                                                                                            |
+| `loop`        | `true`     | Whether arrow navigation wraps at the ends.                                                                                                                                    |
+| `dir`         | `'ltr'`    | Writing direction. In RTL, ArrowLeft opens submenus and ArrowRight closes them — the swap is automatic. Inherited by every nested `[forMenuSub]` underneath unless overridden. |
+| `disabled`    | `false`    | When `true`, trigger interactions are ignored.                                                                                                                                 |
+| `dismissible` | `true`     | When `false`, Escape and outside interactions don't close.                                                                                                                     |
+| `returnFocus` | `true`     | When `true`, focus returns to the trigger on close.                                                                                                                            |
+| `ariaLabel`   | `null`     | Manual `aria-label` on `[forMenuContent]` if the trigger isn't a meaningful name.                                                                                              |
+
+## Outputs (`ForDropdownMenu`)
+
+Every output below is vetoable — each handler receives a `VetoableEvent` (or `VetoableNativeEvent<E>` when there is a native DOM event). Call `preventDefault()` on the emitted veto to suppress the directive's default action; the original DOM event, when present, is on `.event`.
+
+| Output               | Payload                                           | Fires on                                                                 |
+| -------------------- | ------------------------------------------------- | ------------------------------------------------------------------------ |
+| `escapeKeyDown`      | `VetoableNativeEvent<KeyboardEvent>`              | Escape pressed while the menu is the topmost dismissable layer.          |
+| `pointerDownOutside` | `VetoableNativeEvent<PointerEvent>`               | Pointer-down on a target outside content + trigger.                      |
+| `focusOutside`       | `VetoableNativeEvent<FocusEvent>`                 | Focus moves outside content + trigger.                                   |
+| `interactOutside`    | `VetoableNativeEvent<PointerEvent \| FocusEvent>` | Composite — fires alongside the two above (and shares their veto state). |
+| `autoFocusOnOpen`    | `VetoableEvent`                                   | Just before focus moves to the first / last enabled item on mount.       |
+| `autoFocusOnClose`   | `VetoableEvent`                                   | Just before focus returns to the trigger on unmount.                     |
+
+`(autoFocusOnOpen)` / `(autoFocusOnClose)` are output-shape because DropdownMenu always routes close transitions through `[(open)]` (via the implicit `openChange` emitter). See [CLAUDE.md › Auto-focus hook shape](../../../../../CLAUDE.md#auto-focus-hook-shape) for why Dialog uses callback-shape inputs instead.
+
+## Trigger keyboard
+
+| Key                         | Behavior                                                          |
+| --------------------------- | ----------------------------------------------------------------- |
+| `Click` / `Enter` / `Space` | Toggles the menu. On open, focus moves to the first enabled item. |
+| `ArrowDown`                 | Opens the menu and focuses the first enabled item.                |
+| `ArrowUp`                   | Opens the menu and focuses the last enabled item.                 |
+
+Once focus is in the menu, see [`menu/README.md`](../menu/README.md) for the in-menu keyboard.
+
+## Styling
+
+forty-cdk ships no styles. Add your own class to each piece — the `for*` selectors are the behavior API, not a styling contract (see [Styling forty-cdk](../../../../../docs/styling.md)). Key your CSS off the reflected `data-*` attributes below.
+
+### Data attributes
+
+| Piece                      | Attribute       | Values             |
+| -------------------------- | --------------- | ------------------ |
+| `[forDropdownMenu]`        | `data-state`    | `open` \| `closed` |
+| `[forDropdownMenu]`        | `data-disabled` | present \| absent  |
+| `[forDropdownMenuTrigger]` | `data-state`    | `open` \| `closed` |
+| `[forDropdownMenuTrigger]` | `data-disabled` | present \| absent  |
+
+The menu items, content surface, radio groups, separators, and groups live in the [`menu/`](../menu/README.md) folder — see [menu → Styling](../menu/README.md#styling) for their `data-state` / `data-highlighted` / `data-disabled` attributes and the content-surface CSS custom properties.
+
+> The menu content (`[forMenuContent]`) portals to `document.body`, so a class scoped to your trigger's component cannot reach it. Style it with **global CSS** or a class you pass through (see [Styling floating content](../../../../../docs/styling-floating-content.md)). The content host also exposes the shared positioner custom properties — `--for-anchor-width` / `--for-anchor-height`, `--for-available-width` / `--for-available-height`, and `--for-content-transform-origin` — documented in full in [Styling floating content](../../../../../docs/styling-floating-content.md).
+
+```css
+.dropdown-menu-trigger .chevron {
+  transition: transform 150ms;
+}
+.dropdown-menu-trigger[data-state='open'] .chevron {
+  transform: rotate(180deg);
+}
+```
+
+## Behavior notes
+
+- **Mount equals open.** The directive does not toggle `[hidden]` — `@if (open())` controls presence so `animate.enter` / `animate.leave` fire on the natural mount cycle.
+- **Trigger is exempt** from outside-pointer / outside-focus checks. Without this, clicking the trigger to close would race with its own toggle handler and reopen immediately.
+- **Initial focus depends on the opening key.** Click / Space / Enter / ArrowDown focus the first enabled item; ArrowUp focuses the last enabled item.
+- **Selecting an item closes the menu** by default. To keep the menu open after activation (multi-select pattern), call `$event.preventDefault()` in the item's `(activate)` handler.

package/fesm2022/forty-cdk-accordion.mjs

@@ -0,0 +1,348 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, model, Directive, signal, computed, ElementRef } from '@angular/core';
+import { Collection, injectTextDirection, moveIndex, IdGenerator, adoptHostId, registerHandle, reflectDisabled, resolveListNavigation, createDefaults } from 'forty-cdk/core';
+
+const FOR_ACCORDION_CONTEXT = new InjectionToken('FOR_ACCORDION_CONTEXT');
+const FOR_ACCORDION_ITEM_CONTEXT = new InjectionToken('FOR_ACCORDION_ITEM_CONTEXT');
+function injectAccordionContext(piece) {
+    const ctx = inject(FOR_ACCORDION_CONTEXT, { optional: true });
+    if (!ctx) {
+        throw new Error(`[forty-cdk/accordion] ${piece} must be used inside a [forAccordion] element.`);
+    }
+    return ctx;
+}
+function injectAccordionItemContext(piece) {
+    const ctx = inject(FOR_ACCORDION_ITEM_CONTEXT, { optional: true });
+    if (!ctx) {
+        throw new Error(`[forty-cdk/accordion] ${piece} must be used inside a [forAccordionItem] element.`);
+    }
+    return ctx;
+}
+
+/**
+ * Root of the Accordion primitive. Holds the open value(s) and orchestrates
+ * single/multiple expansion, collapse rules, and keyboard navigation between
+ * triggers.
+ *
+ * Implements the [WAI-ARIA Accordion pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).
+ *
+ * State is modeled as `value: readonly string[]` regardless of mode:
+ * - In single mode (`multiple=false`, default), the array has 0 or 1 element.
+ * - In multiple mode, any number of items can be open.
+ *
+ * @example
+ * ```html
+ * <div forAccordion [(value)]="open" collapsible>
+ *   <div forAccordionItem value="a">
+ *     <h3><button type="button" forAccordionTrigger>A</button></h3>
+ *     <section forAccordionContent>...</section>
+ *   </div>
+ *   <div forAccordionItem value="b">...</div>
+ * </div>
+ * ```
+ */
+class ForAccordion {
+    #triggers = new Collection();
+    /** When true, multiple items can be expanded simultaneously. */
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Single mode only: when true, the open item can be collapsed by clicking
+     * its trigger. When false, exactly one item stays open at all times once
+     * any has been opened.
+     */
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Layout direction of the trigger list. `'vertical'` (default) maps
+     * ArrowUp/Down to prev/next; `'horizontal'` maps ArrowLeft/Right (with RTL
+     * swap when `dir='rtl'`).
+     */
+    orientation = input('vertical', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /**
+     * Writing direction. Only relevant when `orientation='horizontal'`. When
+     * unset (default `null`), the inherited ambient direction is resolved from
+     * the nearest ancestor carrying a `dir` attribute (or `<html dir>`),
+     * defaulting to `'ltr'`. An explicit `[dir]` always wins. The resolved
+     * value is reflected to the host `dir` attribute and drives arrow-key
+     * semantics.
+     */
+    _dirInput = input(null, { ...(ngDevMode ? { debugName: "_dirInput" } : /* istanbul ignore next */ {}), alias: 'dir' });
+    dir = injectTextDirection(this._dirInput);
+    /**
+     * When true (default), arrow navigation between triggers wraps at the ends —
+     * moving past the last trigger focuses the first and vice versa. Set `false`
+     * to stop at the boundaries. Mirrors the `loop` input on `ForTabs` and
+     * `ForListbox`.
+     */
+    loop = input(true, { ...(ngDevMode ? { debugName: "loop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Two-way bindable. List of currently expanded item values. In single
+     * mode the array has 0 or 1 element. The `model()` change emitter
+     * (`(valueChange)`) fires only on internal toggles, never on consumer
+     * writes via `[(value)]` — observe transitions without binding back.
+     */
+    value = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    isExpanded(itemValue) {
+        return this.value().includes(itemValue);
+    }
+    toggle(itemValue) {
+        const current = this.value();
+        const isOpen = current.includes(itemValue);
+        if (isOpen) {
+            if (!this.canCollapse(itemValue)) {
+                return;
+            }
+            this.value.set(current.filter((v) => v !== itemValue));
+            return;
+        }
+        if (this.multiple()) {
+            this.value.set([...current, itemValue]);
+        }
+        else {
+            this.value.set([itemValue]);
+        }
+    }
+    canCollapse(_itemValue) {
+        return this.multiple() || this.collapsible();
+    }
+    focusByOffset(currentTrigger, action) {
+        const triggers = this.#triggers.items();
+        if (triggers.length === 0) {
+            return;
+        }
+        const currentIndex = triggers.findIndex((t) => t.host === currentTrigger);
+        if (currentIndex === -1 && action !== 'first' && action !== 'last') {
+            return;
+        }
+        const next = moveIndex(currentIndex < 0 ? 0 : currentIndex, triggers.length, action, {
+            loop: this.loop(),
+            isDisabled: (i) => triggers[i]?.disabled() ?? false,
+        });
+        if (next !== null) {
+            triggers[next]?.host.focus();
+        }
+    }
+    registerTrigger(handle) {
+        this.#triggers.register(handle);
+    }
+    unregisterTrigger(handle) {
+        this.#triggers.unregister(handle);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForAccordion, isStandalone: true, selector: "[forAccordion]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, _dirInput: { classPropertyName: "_dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "attr.data-orientation": "orientation()", "attr.dir": "dir()" } }, providers: [{ provide: FOR_ACCORDION_CONTEXT, useExisting: ForAccordion }], exportAs: ["forAccordion"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordion, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forAccordion]',
+                    exportAs: 'forAccordion',
+                    host: {
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.dir]': 'dir()',
+                    },
+                    providers: [{ provide: FOR_ACCORDION_CONTEXT, useExisting: ForAccordion }],
+                }]
+        }], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], _dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * One section of a `ForAccordion`. Owns the unique `value` identifying this
+ * item to the root and exposes the per-item context that the trigger and
+ * content read.
+ */
+class ForAccordionItem {
+    parent = injectAccordionContext('ForAccordionItem');
+    #idGen = inject(IdGenerator);
+    /** Unique identifier of this item within the accordion. Required. */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * When true, the trigger ignores clicks and reflects the native `disabled`
+     * attribute (not `aria-disabled`). The trigger is therefore dropped from the
+     * Tab order and skipped by arrow-key navigation, but stays in the
+     * accessibility tree so screen readers still announce it. See
+     * `ForAccordionTrigger` for the rationale (rule #561 D2).
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    #triggerId = signal(this.#idGen.next('for-accordion-trigger'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#triggerId" }] : /* istanbul ignore next */ []));
+    #contentId = signal(this.#idGen.next('for-accordion-content'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#contentId" }] : /* istanbul ignore next */ []));
+    triggerId = this.#triggerId.asReadonly();
+    contentId = this.#contentId.asReadonly();
+    expanded = computed(() => this.parent.isExpanded(this.value()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    /**
+     * Adopts a consumer-set static `id` on the `[forAccordionTrigger]` host into
+     * `triggerId` (preserving anchors / external `aria-labelledby` references /
+     * label `for`) instead of letting the `[id]` host binding clobber it.
+     */
+    adoptTriggerId(el) {
+        adoptHostId(el, this.#triggerId);
+    }
+    /** Adopts a consumer-set static `id` on the content host into `contentId`. */
+    adoptContentId(el) {
+        adoptHostId(el, this.#contentId);
+    }
+    toggle() {
+        if (this.disabled()) {
+            return;
+        }
+        this.parent.toggle(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForAccordionItem, isStandalone: true, selector: "[forAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-state": "expanded() ? \"open\" : \"closed\"", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-orientation": "parent.orientation()" } }, providers: [{ provide: FOR_ACCORDION_ITEM_CONTEXT, useExisting: ForAccordionItem }], exportAs: ["forAccordionItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forAccordionItem]',
+                    exportAs: 'forAccordionItem',
+                    host: {
+                        '[attr.data-state]': 'expanded() ? "open" : "closed"',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-orientation]': 'parent.orientation()',
+                    },
+                    providers: [{ provide: FOR_ACCORDION_ITEM_CONTEXT, useExisting: ForAccordionItem }],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Header button for a `ForAccordionItem`. Apply on a `<button>` wrapped in a
+ * heading element (`<h2>`–`<h6>`) so APG landmark navigation works. The
+ * directive host-binds `type="button"` so a trigger inside a `<form>` never
+ * submits it on toggle.
+ *
+ * Handles ARIA wiring, click-to-toggle, and the recommended keyboard
+ * navigation (ArrowDown / ArrowUp / Home / End).
+ *
+ * `aria-controls` is emitted only while the item is expanded — mirroring the
+ * overlay triggers' open-only gating — so the reference never dangles at an
+ * unmounted panel under the recommended `@if (item.expanded())` mount pattern.
+ */
+class ForAccordionTrigger {
+    #host = inject(ElementRef);
+    parent = injectAccordionContext('ForAccordionTrigger');
+    item = injectAccordionItemContext('ForAccordionTrigger');
+    /**
+     * APG: aria-disabled is true only when the panel is open AND the accordion
+     * disallows collapse. A real `disabled` item is reflected via the native
+     * `disabled` attribute instead — the sanctioned exception in rule #561 (D2):
+     * the trigger is a real single-purpose `<button>`, not a roving collection
+     * item (every trigger stays independently in the Tab order; the arrow-key
+     * navigation is an APG-optional enhancement layered on top, not a
+     * roving-tabindex collection), so native `disabled` is correct here. The
+     * button stays in the accessibility tree — screen readers still announce it
+     * as unavailable in browse mode — while being dropped from the Tab order and
+     * the arrow-key navigation (which `focusByOffset` already skips), keeping
+     * disabled triggers uniformly unreachable. The APG Accordion pattern does not
+     * require disabled headers to remain focusable.
+     */
+    ariaDisabled = computed(() => {
+        if (this.item.disabled()) {
+            return false;
+        }
+        return this.item.expanded() && !this.parent.canCollapse(this.item.value());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDisabled" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.item.adoptTriggerId(this.#host.nativeElement);
+        const handle = {
+            host: this.#host.nativeElement,
+            disabled: this.item.disabled,
+        };
+        registerHandle(handle, (h) => this.parent.registerTrigger(h), (h) => this.parent.unregisterTrigger(h));
+        reflectDisabled(this.item.disabled);
+    }
+    onKeyDown(event) {
+        const action = resolveListNavigation(event, {
+            orientation: this.parent.orientation(),
+            dir: this.parent.dir(),
+        });
+        if (!action) {
+            return;
+        }
+        event.preventDefault();
+        this.parent.focusByOffset(this.#host.nativeElement, action);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: ForAccordionTrigger, isStandalone: true, selector: "[forAccordionTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "item.toggle()", "keydown": "onKeyDown($event)" }, properties: { "id": "item.triggerId()", "attr.aria-expanded": "item.expanded() ? \"true\" : \"false\"", "attr.aria-controls": "item.expanded() ? item.contentId() : null", "attr.aria-disabled": "ariaDisabled() ? \"true\" : null", "attr.data-state": "item.expanded() ? \"open\" : \"closed\"", "attr.data-orientation": "parent.orientation()" } }, exportAs: ["forAccordionTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forAccordionTrigger]',
+                    exportAs: 'forAccordionTrigger',
+                    host: {
+                        type: 'button',
+                        '[id]': 'item.triggerId()',
+                        '[attr.aria-expanded]': 'item.expanded() ? "true" : "false"',
+                        '[attr.aria-controls]': 'item.expanded() ? item.contentId() : null',
+                        '[attr.aria-disabled]': 'ariaDisabled() ? "true" : null',
+                        '[attr.data-state]': 'item.expanded() ? "open" : "closed"',
+                        '[attr.data-orientation]': 'parent.orientation()',
+                        '(click)': 'item.toggle()',
+                        '(keydown)': 'onKeyDown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Panel revealed by a `ForAccordionTrigger`. The directive does not manage
+ * DOM presence — wrap with `@if (item.expanded())` so panels mount and
+ * unmount with the expanded state and `animate.enter` / `animate.leave`
+ * work natively. If the consumer prefers to keep the panel mounted (for
+ * CSS-only transitions or to preserve internal state), the directive
+ * reflects `aria-hidden="true"` and `inert` while closed so the panel is
+ * removed from the accessibility tree and focus order automatically.
+ *
+ * APG note: `role="region"` adds the panel to the landmark navigation tree.
+ * If the accordion has 6+ simultaneously expandable panels, consider not
+ * using region — the directive will gain an opt-out input when this comes up
+ * in real usage.
+ */
+class ForAccordionContent {
+    parent = injectAccordionContext('ForAccordionContent');
+    item = injectAccordionItemContext('ForAccordionContent');
+    constructor() {
+        this.item.adoptContentId(inject(ElementRef).nativeElement);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: ForAccordionContent, isStandalone: true, selector: "[forAccordionContent]", host: { properties: { "id": "item.contentId()", "attr.role": "\"region\"", "attr.aria-labelledby": "item.triggerId()", "attr.aria-hidden": "item.expanded() ? null : \"true\"", "attr.inert": "item.expanded() ? null : \"\"", "attr.data-state": "item.expanded() ? \"open\" : \"closed\"", "attr.data-orientation": "parent.orientation()" } }, exportAs: ["forAccordionContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forAccordionContent]',
+                    exportAs: 'forAccordionContent',
+                    host: {
+                        '[id]': 'item.contentId()',
+                        '[attr.role]': '"region"',
+                        '[attr.aria-labelledby]': 'item.triggerId()',
+                        '[attr.aria-hidden]': 'item.expanded() ? null : "true"',
+                        '[attr.inert]': 'item.expanded() ? null : ""',
+                        '[attr.data-state]': 'item.expanded() ? "open" : "closed"',
+                        '[attr.data-orientation]': 'parent.orientation()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const FALLBACK = {};
+const { token, provideDefaults } = createDefaults('FOR_ACCORDION_DEFAULTS', FALLBACK);
+/** Token holding the resolved accordion defaults for the current scope. */
+const FOR_ACCORDION_DEFAULTS = token;
+/**
+ * Configures forty-cdk accordion defaults for this injector scope. Partial
+ * overrides inherit unspecified keys from the parent scope (or library
+ * defaults at the root).
+ */
+function provideForAccordionDefaults(defaults = {}) {
+    return provideDefaults(defaults);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FOR_ACCORDION_CONTEXT, FOR_ACCORDION_DEFAULTS, FOR_ACCORDION_ITEM_CONTEXT, ForAccordion, ForAccordionContent, ForAccordionItem, ForAccordionTrigger, provideForAccordionDefaults };
+//# sourceMappingURL=forty-cdk-accordion.mjs.map

package/fesm2022/forty-cdk-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forty-cdk-accordion.mjs","sources":["../../../projects/forty-cdk/accordion/src/accordion-context.ts","../../../projects/forty-cdk/accordion/src/accordion.ts","../../../projects/forty-cdk/accordion/src/accordion-item.ts","../../../projects/forty-cdk/accordion/src/accordion-trigger.ts","../../../projects/forty-cdk/accordion/src/accordion-content.ts","../../../projects/forty-cdk/accordion/src/accordion-defaults.ts","../../../projects/forty-cdk/accordion/src/forty-cdk-accordion.ts"],"sourcesContent":["import { inject, InjectionToken, type Signal } from '@angular/core';\n\nimport { type ListNavigationAction, type WritingDirection } from 'forty-cdk/core';\n\n/**\n * Registry entry for one `ForAccordionTrigger`. Triggers register their host\n * element so the root can drive keyboard navigation over its own triggers\n * without an unscoped DOM query that would leak into nested accordions.\n */\nexport interface ForAccordionTriggerHandle {\n  readonly host: HTMLElement;\n  readonly disabled: Signal<boolean>;\n}\n\n/**\n * Coordination contract owned by the `ForAccordion` root.\n * Items derive their state from this context; triggers route clicks and\n * keyboard navigation through it.\n */\nexport interface ForAccordionContext {\n  readonly multiple: Signal<boolean>;\n  readonly collapsible: Signal<boolean>;\n  readonly orientation: Signal<'horizontal' | 'vertical'>;\n  readonly dir: Signal<WritingDirection>;\n  isExpanded(itemValue: string): boolean;\n  toggle(itemValue: string): void;\n  /** Whether the given item is allowed to collapse right now. */\n  canCollapse(itemValue: string): boolean;\n  /**\n   * Focus a sibling trigger relative to the one currently focused. Disabled\n   * triggers are skipped. `currentTrigger` is the element from which the\n   * keyboard event originated. Navigation stays within this accordion's own\n   * registered triggers, so a nested accordion does not cross-contaminate.\n   */\n  focusByOffset(currentTrigger: HTMLElement, action: ListNavigationAction): void;\n  registerTrigger(handle: ForAccordionTriggerHandle): void;\n  unregisterTrigger(handle: ForAccordionTriggerHandle): void;\n}\n\n/**\n * Per-item state contract. Provided by `ForAccordionItem`, consumed by\n * its `ForAccordionTrigger` and `ForAccordionContent`.\n */\nexport interface ForAccordionItemContext {\n  readonly expanded: Signal<boolean>;\n  readonly disabled: Signal<boolean>;\n  readonly value: Signal<string>;\n  readonly triggerId: Signal<string>;\n  readonly contentId: Signal<string>;\n  /** Adopts a consumer-set static `id` on the trigger host into `triggerId`. */\n  adoptTriggerId(el: HTMLElement): void;\n  /** Adopts a consumer-set static `id` on the content host into `contentId`. */\n  adoptContentId(el: HTMLElement): void;\n  toggle(): void;\n}\n\nexport const FOR_ACCORDION_CONTEXT = new InjectionToken<ForAccordionContext>(\n  'FOR_ACCORDION_CONTEXT',\n);\n\nexport const FOR_ACCORDION_ITEM_CONTEXT = new InjectionToken<ForAccordionItemContext>(\n  'FOR_ACCORDION_ITEM_CONTEXT',\n);\n\nexport function injectAccordionContext(piece: string): ForAccordionContext {\n  const ctx = inject(FOR_ACCORDION_CONTEXT, { optional: true });\n  if (!ctx) {\n    throw new Error(`[forty-cdk/accordion] ${piece} must be used inside a [forAccordion] element.`);\n  }\n  return ctx;\n}\n\nexport function injectAccordionItemContext(piece: string): ForAccordionItemContext {\n  const ctx = inject(FOR_ACCORDION_ITEM_CONTEXT, { optional: true });\n  if (!ctx) {\n    throw new Error(\n      `[forty-cdk/accordion] ${piece} must be used inside a [forAccordionItem] element.`,\n    );\n  }\n  return ctx;\n}\n","import { booleanAttribute, Directive, input, model } from '@angular/core';\n\nimport {\n  Collection,\n  type ListNavigationAction,\n  moveIndex,\n  type WritingDirection,\n  injectTextDirection,\n} from 'forty-cdk/core';\nimport {\n  FOR_ACCORDION_CONTEXT,\n  type ForAccordionContext,\n  type ForAccordionTriggerHandle,\n} from './accordion-context';\n\n/**\n * Root of the Accordion primitive. Holds the open value(s) and orchestrates\n * single/multiple expansion, collapse rules, and keyboard navigation between\n * triggers.\n *\n * Implements the [WAI-ARIA Accordion pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).\n *\n * State is modeled as `value: readonly string[]` regardless of mode:\n * - In single mode (`multiple=false`, default), the array has 0 or 1 element.\n * - In multiple mode, any number of items can be open.\n *\n * @example\n * ```html\n * <div forAccordion [(value)]=\"open\" collapsible>\n *   <div forAccordionItem value=\"a\">\n *     <h3><button type=\"button\" forAccordionTrigger>A</button></h3>\n *     <section forAccordionContent>...</section>\n *   </div>\n *   <div forAccordionItem value=\"b\">...</div>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[forAccordion]',\n  exportAs: 'forAccordion',\n  host: {\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.dir]': 'dir()',\n  },\n  providers: [{ provide: FOR_ACCORDION_CONTEXT, useExisting: ForAccordion }],\n})\nexport class ForAccordion implements ForAccordionContext {\n  readonly #triggers = new Collection<ForAccordionTriggerHandle>();\n\n  /** When true, multiple items can be expanded simultaneously. */\n  readonly multiple = input(false, { transform: booleanAttribute });\n\n  /**\n   * Single mode only: when true, the open item can be collapsed by clicking\n   * its trigger. When false, exactly one item stays open at all times once\n   * any has been opened.\n   */\n  readonly collapsible = input(false, { transform: booleanAttribute });\n\n  /**\n   * Layout direction of the trigger list. `'vertical'` (default) maps\n   * ArrowUp/Down to prev/next; `'horizontal'` maps ArrowLeft/Right (with RTL\n   * swap when `dir='rtl'`).\n   */\n  readonly orientation = input<'horizontal' | 'vertical'>('vertical');\n\n  /**\n   * Writing direction. Only relevant when `orientation='horizontal'`. When\n   * unset (default `null`), the inherited ambient direction is resolved from\n   * the nearest ancestor carrying a `dir` attribute (or `<html dir>`),\n   * defaulting to `'ltr'`. An explicit `[dir]` always wins. The resolved\n   * value is reflected to the host `dir` attribute and drives arrow-key\n   * semantics.\n   */\n  readonly _dirInput = input<WritingDirection | null>(null, { alias: 'dir' });\n  readonly dir = injectTextDirection(this._dirInput);\n\n  /**\n   * When true (default), arrow navigation between triggers wraps at the ends —\n   * moving past the last trigger focuses the first and vice versa. Set `false`\n   * to stop at the boundaries. Mirrors the `loop` input on `ForTabs` and\n   * `ForListbox`.\n   */\n  readonly loop = input(true, { transform: booleanAttribute });\n\n  /**\n   * Two-way bindable. List of currently expanded item values. In single\n   * mode the array has 0 or 1 element. The `model()` change emitter\n   * (`(valueChange)`) fires only on internal toggles, never on consumer\n   * writes via `[(value)]` — observe transitions without binding back.\n   */\n  readonly value = model<readonly string[]>([]);\n\n  isExpanded(itemValue: string): boolean {\n    return this.value().includes(itemValue);\n  }\n\n  toggle(itemValue: string): void {\n    const current = this.value();\n    const isOpen = current.includes(itemValue);\n\n    if (isOpen) {\n      if (!this.canCollapse(itemValue)) {\n        return;\n      }\n      this.value.set(current.filter((v) => v !== itemValue));\n      return;\n    }\n\n    if (this.multiple()) {\n      this.value.set([...current, itemValue]);\n    } else {\n      this.value.set([itemValue]);\n    }\n  }\n\n  canCollapse(_itemValue: string): boolean {\n    return this.multiple() || this.collapsible();\n  }\n\n  focusByOffset(currentTrigger: HTMLElement, action: ListNavigationAction): void {\n    const triggers = this.#triggers.items();\n    if (triggers.length === 0) {\n      return;\n    }\n    const currentIndex = triggers.findIndex((t) => t.host === currentTrigger);\n    if (currentIndex === -1 && action !== 'first' && action !== 'last') {\n      return;\n    }\n    const next = moveIndex(currentIndex < 0 ? 0 : currentIndex, triggers.length, action, {\n      loop: this.loop(),\n      isDisabled: (i) => triggers[i]?.disabled() ?? false,\n    });\n    if (next !== null) {\n      triggers[next]?.host.focus();\n    }\n  }\n\n  registerTrigger(handle: ForAccordionTriggerHandle): void {\n    this.#triggers.register(handle);\n  }\n\n  unregisterTrigger(handle: ForAccordionTriggerHandle): void {\n    this.#triggers.unregister(handle);\n  }\n}\n","import { booleanAttribute, computed, Directive, inject, input, signal } from '@angular/core';\n\nimport { adoptHostId, IdGenerator } from 'forty-cdk/core';\nimport {\n  FOR_ACCORDION_ITEM_CONTEXT,\n  type ForAccordionItemContext,\n  injectAccordionContext,\n} from './accordion-context';\n\n/**\n * One section of a `ForAccordion`. Owns the unique `value` identifying this\n * item to the root and exposes the per-item context that the trigger and\n * content read.\n */\n@Directive({\n  selector: '[forAccordionItem]',\n  exportAs: 'forAccordionItem',\n  host: {\n    '[attr.data-state]': 'expanded() ? \"open\" : \"closed\"',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-orientation]': 'parent.orientation()',\n  },\n  providers: [{ provide: FOR_ACCORDION_ITEM_CONTEXT, useExisting: ForAccordionItem }],\n})\nexport class ForAccordionItem implements ForAccordionItemContext {\n  protected readonly parent = injectAccordionContext('ForAccordionItem');\n  readonly #idGen = inject(IdGenerator);\n\n  /** Unique identifier of this item within the accordion. Required. */\n  readonly value = input.required<string>();\n\n  /**\n   * When true, the trigger ignores clicks and reflects the native `disabled`\n   * attribute (not `aria-disabled`). The trigger is therefore dropped from the\n   * Tab order and skipped by arrow-key navigation, but stays in the\n   * accessibility tree so screen readers still announce it. See\n   * `ForAccordionTrigger` for the rationale (rule #561 D2).\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  readonly #triggerId = signal(this.#idGen.next('for-accordion-trigger'));\n  readonly #contentId = signal(this.#idGen.next('for-accordion-content'));\n\n  readonly triggerId = this.#triggerId.asReadonly();\n  readonly contentId = this.#contentId.asReadonly();\n\n  readonly expanded = computed(() => this.parent.isExpanded(this.value()));\n\n  /**\n   * Adopts a consumer-set static `id` on the `[forAccordionTrigger]` host into\n   * `triggerId` (preserving anchors / external `aria-labelledby` references /\n   * label `for`) instead of letting the `[id]` host binding clobber it.\n   */\n  adoptTriggerId(el: HTMLElement): void {\n    adoptHostId(el, this.#triggerId);\n  }\n\n  /** Adopts a consumer-set static `id` on the content host into `contentId`. */\n  adoptContentId(el: HTMLElement): void {\n    adoptHostId(el, this.#contentId);\n  }\n\n  toggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n    this.parent.toggle(this.value());\n  }\n}\n","import { computed, Directive, ElementRef, inject } from '@angular/core';\n\nimport { registerHandle, reflectDisabled, resolveListNavigation } from 'forty-cdk/core';\nimport { injectAccordionContext, injectAccordionItemContext } from './accordion-context';\n\n/**\n * Header button for a `ForAccordionItem`. Apply on a `<button>` wrapped in a\n * heading element (`<h2>`–`<h6>`) so APG landmark navigation works. The\n * directive host-binds `type=\"button\"` so a trigger inside a `<form>` never\n * submits it on toggle.\n *\n * Handles ARIA wiring, click-to-toggle, and the recommended keyboard\n * navigation (ArrowDown / ArrowUp / Home / End).\n *\n * `aria-controls` is emitted only while the item is expanded — mirroring the\n * overlay triggers' open-only gating — so the reference never dangles at an\n * unmounted panel under the recommended `@if (item.expanded())` mount pattern.\n */\n@Directive({\n  selector: '[forAccordionTrigger]',\n  exportAs: 'forAccordionTrigger',\n  host: {\n    type: 'button',\n    '[id]': 'item.triggerId()',\n    '[attr.aria-expanded]': 'item.expanded() ? \"true\" : \"false\"',\n    '[attr.aria-controls]': 'item.expanded() ? item.contentId() : null',\n    '[attr.aria-disabled]': 'ariaDisabled() ? \"true\" : null',\n    '[attr.data-state]': 'item.expanded() ? \"open\" : \"closed\"',\n    '[attr.data-orientation]': 'parent.orientation()',\n    '(click)': 'item.toggle()',\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class ForAccordionTrigger {\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected readonly parent = injectAccordionContext('ForAccordionTrigger');\n  protected readonly item = injectAccordionItemContext('ForAccordionTrigger');\n\n  /**\n   * APG: aria-disabled is true only when the panel is open AND the accordion\n   * disallows collapse. A real `disabled` item is reflected via the native\n   * `disabled` attribute instead — the sanctioned exception in rule #561 (D2):\n   * the trigger is a real single-purpose `<button>`, not a roving collection\n   * item (every trigger stays independently in the Tab order; the arrow-key\n   * navigation is an APG-optional enhancement layered on top, not a\n   * roving-tabindex collection), so native `disabled` is correct here. The\n   * button stays in the accessibility tree — screen readers still announce it\n   * as unavailable in browse mode — while being dropped from the Tab order and\n   * the arrow-key navigation (which `focusByOffset` already skips), keeping\n   * disabled triggers uniformly unreachable. The APG Accordion pattern does not\n   * require disabled headers to remain focusable.\n   */\n  protected readonly ariaDisabled = computed(() => {\n    if (this.item.disabled()) {\n      return false;\n    }\n    return this.item.expanded() && !this.parent.canCollapse(this.item.value());\n  });\n\n  constructor() {\n    this.item.adoptTriggerId(this.#host.nativeElement);\n    const handle = {\n      host: this.#host.nativeElement,\n      disabled: this.item.disabled,\n    };\n    registerHandle(\n      handle,\n      (h) => this.parent.registerTrigger(h),\n      (h) => this.parent.unregisterTrigger(h),\n    );\n    reflectDisabled(this.item.disabled);\n  }\n\n  protected onKeyDown(event: KeyboardEvent): void {\n    const action = resolveListNavigation(event, {\n      orientation: this.parent.orientation(),\n      dir: this.parent.dir(),\n    });\n    if (!action) {\n      return;\n    }\n    event.preventDefault();\n    this.parent.focusByOffset(this.#host.nativeElement, action);\n  }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\nimport { injectAccordionContext, injectAccordionItemContext } from './accordion-context';\n\n/**\n * Panel revealed by a `ForAccordionTrigger`. The directive does not manage\n * DOM presence — wrap with `@if (item.expanded())` so panels mount and\n * unmount with the expanded state and `animate.enter` / `animate.leave`\n * work natively. If the consumer prefers to keep the panel mounted (for\n * CSS-only transitions or to preserve internal state), the directive\n * reflects `aria-hidden=\"true\"` and `inert` while closed so the panel is\n * removed from the accessibility tree and focus order automatically.\n *\n * APG note: `role=\"region\"` adds the panel to the landmark navigation tree.\n * If the accordion has 6+ simultaneously expandable panels, consider not\n * using region — the directive will gain an opt-out input when this comes up\n * in real usage.\n */\n@Directive({\n  selector: '[forAccordionContent]',\n  exportAs: 'forAccordionContent',\n  host: {\n    '[id]': 'item.contentId()',\n    '[attr.role]': '\"region\"',\n    '[attr.aria-labelledby]': 'item.triggerId()',\n    '[attr.aria-hidden]': 'item.expanded() ? null : \"true\"',\n    '[attr.inert]': 'item.expanded() ? null : \"\"',\n    '[attr.data-state]': 'item.expanded() ? \"open\" : \"closed\"',\n    '[attr.data-orientation]': 'parent.orientation()',\n  },\n})\nexport class ForAccordionContent {\n  protected readonly parent = injectAccordionContext('ForAccordionContent');\n  protected readonly item = injectAccordionItemContext('ForAccordionContent');\n\n  constructor() {\n    this.item.adoptContentId(inject<ElementRef<HTMLElement>>(ElementRef).nativeElement);\n  }\n}\n","import { type Provider } from '@angular/core';\n\nimport { createDefaults } from 'forty-cdk/core';\n\n/**\n * Defaults inherited by descendant accordions in the surrounding injector\n * scope. Configure with `provideForAccordionDefaults`. The shape is a stub\n * today — present so future per-scope tuning can land without churning the\n * public surface.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ForAccordionDefaults {}\n\nconst FALLBACK: ForAccordionDefaults = {};\n\nconst { token, provideDefaults } = createDefaults<ForAccordionDefaults>(\n  'FOR_ACCORDION_DEFAULTS',\n  FALLBACK,\n);\n\n/** Token holding the resolved accordion defaults for the current scope. */\nexport const FOR_ACCORDION_DEFAULTS = token;\n\n/**\n * Configures forty-cdk accordion defaults for this injector scope. Partial\n * overrides inherit unspecified keys from the parent scope (or library\n * defaults at the root).\n */\nexport function provideForAccordionDefaults(\n  defaults: Partial<ForAccordionDefaults> = {},\n): Provider[] {\n  return provideDefaults(defaults);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}