forty-cdk 0.20.0 → 0.21.1

package/README.md

@@ -34,9 +34,21 @@ Optional — install only if you use the matching entry point / primitives:
 
 `@floating-ui/dom` is a regular dependency, installed automatically with the package. Positioned overlays (`Tooltip`, `Popover`, `Menu`, `Combobox`, `Select`, etc.) import it statically from the main entry point, so every consumer's build must be able to resolve it — but it is internal-only (no floating-ui value crosses the public API) and tree-shakes out of your bundle when you don't use any positioned primitive.
 
+## Entry points
+
+**The package name itself exports nothing.** `import { … } from 'forty-cdk'` resolves to no symbol, and your editor will not auto-import anything under the bare package name — by design, so that every symbol has exactly one import path. There are three specifiers you do import from:
+
+| Specifier                          | What it exports                                                                                                                                                                                                                                       |
+| ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `forty-cdk/<primitive>`            | The primitive's directives, components, context tokens and defaults provider — `ForDialog` from `forty-cdk/dialog`, `ForAccordion` from `forty-cdk/accordion`, and so on for every entry in the tables below.                                         |
+| [`forty-cdk/shared`](shared)       | The cross-primitive contract types a primitive's public API references — `WritingDirection`, `VetoableEvent`, `DateAdapter`, `FloatingSide`, … — declared once and published once. Six of them ship from their own primitive instead; see its README. |
+| `forty-cdk/internationalized-date` | The `@internationalized/date` adapters, kept apart so that optional peer stays genuinely optional.                                                                                                                                                    |
+
+`forty-cdk/core` resolves too, but it is **not** public: it holds the engines and DI singletons the library refactors freely, and it exists so every primitive resolves that shared implementation to one compiled module. If a symbol you need is not exported by the three specifiers above, it is internal by design — [open an issue](https://github.com/tutkli/forty-cdk/issues) rather than importing from `core`.
+
 ## Primitives
 
-Every primitive ships as its own **secondary entry point** — import `ForDialog` from `forty-cdk/dialog`, `ForAccordion` from `forty-cdk/accordion`, and so on — backed by the shared `forty-cdk/core` entry point. Each lives in its own folder under `projects/forty-cdk/` with its own `README.md` documenting its anatomy, API, keyboard interaction and styling hooks. The `@internationalized/date` adapters live in a dedicated `forty-cdk/internationalized-date` entry point so that optional peer stays truly optional. The cross-primitive contract types a primitive's public API references — `WritingDirection`, `VetoableEvent`, `DateAdapter`, `FloatingSide`, … — are published by [`forty-cdk/shared`](shared); the main `forty-cdk` barrel is **intentionally empty** (it exports no symbols), so always import primitives from the specific `forty-cdk/<primitive>` entry point. Standalone directives plus `"sideEffects": false` mean your bundle only ever includes the primitives you import.
+Every primitive ships as its own secondary entry point, and each lives in its own folder under `projects/forty-cdk/` with its own `README.md` documenting its anatomy, API, keyboard interaction and styling hooks. Standalone directives plus `"sideEffects": false` mean your bundle only ever includes the primitives you import.
 
 The tables below group the primitives by purpose. The link on each name opens that primitive's README — the canonical reference for which HTML element each directive belongs on, its inputs / outputs, `data-*` attributes and keyboard map.
 
@@ -135,11 +147,13 @@ The tables below group the primitives by purpose. The link on each name opens th
 
 Headless — no DOM or ARIA of their own; an `inject*` / provider API that other primitives compose.
 
-| Utility                          | What it is                                                                                                                             |
-| -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
-| [Breakpoints](breakpoints)       | A signal-first, zoneless, SSR-safe viewport breakpoint observer (`injectBreakpoints`).                                                 |
-| [Drag & Drop](drag-drop)         | Headless, accessible drag-and-drop for sortable lists and cross-list transfers, keyboard and pointer driven.                           |
-| [Virtualization](virtualization) | A headless windowing core (`injectVirtualizer`) plus a `[forVirtualViewport]` layer that renders only the visible slice of huge lists. |
+| Utility                                      | What it is                                                                                                                                             |
+| -------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| [Breakpoints](breakpoints)                   | A signal-first, zoneless, SSR-safe viewport breakpoint observer (`injectBreakpoints`).                                                                 |
+| [Drag & Drop](drag-drop)                     | Headless, accessible drag-and-drop for sortable lists and cross-list transfers, keyboard and pointer driven.                                           |
+| [Virtualization](virtualization)             | A headless windowing core (`injectVirtualizer`) plus a `[forVirtualViewport]` layer that renders only the visible slice of huge lists.                 |
+| [Table Virtualization](table-virtualization) | `[forTableVirtualized]`, the adapter that windows a `[forTable]` grid — its own entry point because it composes both the table and the windowing core. |
+| [Virtual Reorder](virtual-reorder)           | `[forVirtualReorder]`, drag-reorder for a windowed `*forVirtualFor` list — its own entry point because it composes both the viewport and drag-drop.    |
 
 ## Building
 

package/accordion/README.md

@@ -134,4 +134,4 @@ forty-cdk ships no styles. Add your own class to each piece — the `for*` selec
 
 ## Wrapping in a design system
 
-Subclassing the root is the supported pattern; the subclass must spread `provideForAccordion(MyRoot)` into its own `providers` because Angular does not inherit a directive's `providers`, and every projected piece resolves its context through it. Re-providing `FOR_ACCORDION_CONTEXT` by hand is not enough: the root also provides an unexported registration token the wrapper cannot name. See [Wrapping non-form roots](../../../docs/wrapping-non-form-roots.md).
+Subclassing the root is the supported pattern; the subclass must re-provide `FOR_ACCORDION_CONTEXT` with `useExisting` pointing at itself, because Angular does not inherit a directive's `providers` and every projected piece resolves its context through that token. See [Wrapping non-form roots](../../../docs/wrapping-non-form-roots.md).

package/carousel/README.md

@@ -426,4 +426,4 @@ The example CSS above is LTR-only by default.
 
 ## Wrapping in a design system
 
-Subclassing the root is the supported pattern; the subclass must spread `provideForCarousel(MyRoot)` into its own `providers` because Angular does not inherit a directive's `providers`, and every projected piece resolves its context through it. Re-providing `FOR_CAROUSEL_CONTEXT` by hand is not enough: the root also provides an unexported registration token the wrapper cannot name. See [Wrapping non-form roots](../../../docs/wrapping-non-form-roots.md).
+Subclassing the root is the supported pattern; the subclass must re-provide `FOR_CAROUSEL_CONTEXT` with `useExisting` pointing at itself, because Angular does not inherit a directive's `providers` and every projected piece resolves its context through that token. See [Wrapping non-form roots](../../../docs/wrapping-non-form-roots.md).

package/drag-drop/README.md

@@ -328,7 +328,7 @@ recycled out of the DOM) is supported through two opt-in companions:
 - a **table** — [`[forTableRowReorder]`](../../../docs/table-reordering.md#reordering-under-virtualization)
   composed with `[forTableVirtualized]`, and
 - a **plain `*forVirtualFor` list** — `[forVirtualReorder]` composed with
-  `[forVirtualViewport]` (see `forty-cdk/virtualization`).
+  `[forVirtualViewport]` (see [`forty-cdk/virtual-reorder`](../virtual-reorder/README.md)).
 
 A bare `[forDropList]` wrapping `*forVirtualFor` is **not** supported on its own:
 it only ever registers the rows currently rendered in the window, so it
@@ -388,6 +388,22 @@ for the full analysis.
 | `data-drag-animating`   | `[forDraggable]`  | Present while the item's FLIP reorder transition plays (requires `[animateReorder]`) |
 | `data-settling`         | preview element   | Present while the drop-settle transition plays (requires `[animateReorder]`)         |
 
+Both `data-dragging` rows hold for a drag a **coordinator** composing the list owns rather
+than starting through `[forDraggable]` itself — the keyboard lift of `[forVirtualReorder]`, and
+the virtualized branch of `[forTableRowReorder]`. Those intercept the lift key before the item
+sees it, so the list carries no lift state for the gesture, and the coordinator marks the item
+instead ([#1693](https://github.com/tutkli/forty-cdk/issues/1693)). Styling keyed off either
+attribute therefore behaves the same whether the collection is windowed or not.
+
+The `data-for-drag-preview` row is also the supported hook for **keeping the clone out of element
+queries**. The default preview is a `cloneNode(true)` copy appended to `document.body`, so for the
+whole gesture — and past the drop, while a settle transition runs — it answers the item's own
+selector (`[forDraggable]`, or a composed one such as `[forTableRow]`) and repeats its `data-index`.
+`id` and `data-testid` are stripped from the clone and its whole subtree, so a hook that identifies
+a single element stays unambiguous; anything that **enumerates** items by attribute selector during
+a drag must filter the preview out with `:not([data-for-drag-preview])`
+([#1691](https://github.com/tutkli/forty-cdk/issues/1691)).
+
 ## Sortable list
 
 ```html

package/fesm2022/forty-cdk-accordion.mjs

@@ -1,16 +1,31 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, booleanAttribute, model, Directive, computed, signal, ElementRef } from '@angular/core';
-import { Collection, injectTextDirection, moveIndex, IdGenerator, adoptHostId, hostButtonType, registerHandle, reflectDisabled, resolveListNavigation, hostLabelledBy } from 'forty-cdk/core';
+import { assertRootContext, Collection, injectTextDirection, moveIndex, IdGenerator, adoptHostId, hostButtonType, registerHandle, reflectDisabled, resolveListNavigation, hostLabelledBy } from 'forty-cdk/core';
 
+/**
+ * DI token for the accordion's coordination surface, provided by `[forAccordion]`.
+ *
+ * Publicly typed as the read surface {@link ForAccordionContext}, which is the whole of
+ * what the token promises a consumer. The pieces read the same token at an internal type
+ * that adds the trigger-registration protocol, so a wrapper re-providing it must alias it
+ * to the root: `{ provide: FOR_ACCORDION_CONTEXT, useExisting: MyAccordion }`, where
+ * `MyAccordion` extends `ForAccordion`. A value that merely satisfies the declared type
+ * resolves too, and is rejected in dev mode by the first piece to reach the protocol.
+ */
 const FOR_ACCORDION_CONTEXT = new InjectionToken('FOR_ACCORDION_CONTEXT');
 const FOR_ACCORDION_ITEM_CONTEXT = new InjectionToken('FOR_ACCORDION_ITEM_CONTEXT');
-/** DI token carrying the internal {@link AccordionContext}. Provided by `[forAccordion]`. */
-const ACCORDION_CONTEXT = new InjectionToken('ACCORDION_CONTEXT');
 function injectAccordionContext(piece) {
-    const ctx = inject(ACCORDION_CONTEXT, { optional: true });
+    const ctx = inject(FOR_ACCORDION_CONTEXT, { optional: true });
     if (!ctx) {
         throw new Error(`[forty-cdk/accordion] ${piece} must be used inside a [forAccordion] element.`);
     }
+    assertRootContext({
+        entryPoint: 'accordion',
+        token: 'FOR_ACCORDION_CONTEXT',
+        root: '[forAccordion]',
+        piece,
+        probe: () => ctx.registerTrigger,
+    });
     return ctx;
 }
 function injectAccordionItemContext(piece) {
@@ -140,7 +155,7 @@ class ForAccordion {
         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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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.data-disabled": "disabled() ? \"\" : null", "attr.dir": "dir()" } }, providers: provideForAccordion(ForAccordion), exportAs: ["forAccordion"], ngImport: i0 });
+    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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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.data-disabled": "disabled() ? \"\" : null", "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,
@@ -152,37 +167,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[attr.data-disabled]': 'disabled() ? "" : null',
                         '[attr.dir]': 'dir()',
                     },
-                    providers: provideForAccordion(ForAccordion),
+                    providers: [{ provide: FOR_ACCORDION_CONTEXT, useExisting: ForAccordion }],
                 }]
         }], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", 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"] }] } });
-/**
- * The providers a `[forAccordion]` root installs: the public
- * {@link FOR_ACCORDION_CONTEXT}, aliased to `root`, plus the internal
- * coordination token the accordion's pieces resolve.
- *
- * `ForAccordion` declares its own providers through this helper, so a wrapper
- * that **subclasses** the root has a single call to keep in step with it. That
- * matters because Angular does not inherit a directive's `providers`: a subclass
- * carrying its own `@Directive` metadata replaces the array wholesale, so
- * re-providing `FOR_ACCORDION_CONTEXT` alone leaves the internal token absent
- * and every piece orphans with the "must be used inside a [forAccordion]
- * element" error. That token is deliberately unnameable outside the library
- * ([#1399](https://github.com/tutkli/forty-cdk/issues/1399)), which is why the
- * wrapper cannot list it by hand.
- *
- * ```ts
- * providers: provideForAccordion(MyAccordion),
- * ```
- *
- * Wrapping through `hostDirectives: [ForAccordion]` needs none of this — a host
- * directive brings its own providers to the element.
- */
-function provideForAccordion(root) {
-    return [
-        { provide: FOR_ACCORDION_CONTEXT, useExisting: root },
-        { provide: ACCORDION_CONTEXT, useExisting: root },
-    ];
-}
 
 /**
  * One section of a `ForAccordion`. Owns the unique `value` identifying this
@@ -384,5 +371,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FOR_ACCORDION_CONTEXT, FOR_ACCORDION_ITEM_CONTEXT, ForAccordion, ForAccordionContent, ForAccordionItem, ForAccordionTrigger, provideForAccordion };
+export { FOR_ACCORDION_CONTEXT, FOR_ACCORDION_ITEM_CONTEXT, ForAccordion, ForAccordionContent, ForAccordionItem, ForAccordionTrigger };
 //# sourceMappingURL=forty-cdk-accordion.mjs.map

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

@@ -1 +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/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 *\n * Part of the registration protocol, so it is never exported from\n * `public-api.ts` — see {@link AccordionContext}.\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  /** Whether the whole accordion is disabled; each item ORs this into its own disabled state. */\n  readonly disabled: 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}\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\n/**\n * The accordion's internal coordination surface: everything\n * {@link ForAccordionContext} publishes plus the trigger-registration protocol\n * the root drives keyboard navigation from.\n *\n * Never exported from `public-api.ts`. `[forAccordion]` provides it alongside\n * {@link FOR_ACCORDION_CONTEXT} on the same object, so a consumer who injects\n * the public token gets the read surface while the pieces get the wiring\n * protocol.\n */\nexport interface AccordionContext extends ForAccordionContext {\n  registerTrigger(handle: ForAccordionTriggerHandle): void;\n  unregisterTrigger(handle: ForAccordionTriggerHandle): void;\n}\n\n/** DI token carrying the internal {@link AccordionContext}. Provided by `[forAccordion]`. */\nexport const ACCORDION_CONTEXT = new InjectionToken<AccordionContext>('ACCORDION_CONTEXT');\n\nexport function injectAccordionContext(piece: string): AccordionContext {\n  const ctx = inject(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, type Provider, type Type } from '@angular/core';\n\nimport {\n  Collection,\n  type ListNavigationAction,\n  moveIndex,\n  type WritingDirection,\n  injectTextDirection,\n} from 'forty-cdk/core';\nimport {\n  ACCORDION_CONTEXT,\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.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.dir]': 'dir()',\n  },\n  providers: provideForAccordion(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   * When true, the whole accordion is disabled: every item's trigger reflects\n   * the native `disabled` attribute (dropped from the Tab order and skipped by\n   * arrow-key navigation) and cannot toggle. Composes with a per-item\n   * `[disabled]` — an item is effectively disabled when either is set. Mirrors\n   * the root `disabled` on `ForTabs` / `ForStepper` / `ForDisclosure`.\n   */\n  readonly disabled = 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  private registerTrigger(handle: ForAccordionTriggerHandle): void {\n    this.#triggers.register(handle);\n  }\n\n  private unregisterTrigger(handle: ForAccordionTriggerHandle): void {\n    this.#triggers.unregister(handle);\n  }\n}\n\n/**\n * The providers a `[forAccordion]` root installs: the public\n * {@link FOR_ACCORDION_CONTEXT}, aliased to `root`, plus the internal\n * coordination token the accordion's pieces resolve.\n *\n * `ForAccordion` declares its own providers through this helper, so a wrapper\n * that **subclasses** the root has a single call to keep in step with it. That\n * matters because Angular does not inherit a directive's `providers`: a subclass\n * carrying its own `@Directive` metadata replaces the array wholesale, so\n * re-providing `FOR_ACCORDION_CONTEXT` alone leaves the internal token absent\n * and every piece orphans with the \"must be used inside a [forAccordion]\n * element\" error. That token is deliberately unnameable outside the library\n * ([#1399](https://github.com/tutkli/forty-cdk/issues/1399)), which is why the\n * wrapper cannot list it by hand.\n *\n * ```ts\n * providers: provideForAccordion(MyAccordion),\n * ```\n *\n * Wrapping through `hostDirectives: [ForAccordion]` needs none of this — a host\n * directive brings its own providers to the element.\n */\nexport function provideForAccordion(root: Type<ForAccordion>): Provider[] {\n  return [\n    { provide: FOR_ACCORDION_CONTEXT, useExisting: root },\n    { provide: ACCORDION_CONTEXT, useExisting: root },\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, this item's trigger ignores clicks and reflects the native\n   * `disabled` attribute (not `aria-disabled`): dropped from the Tab order and\n   * skipped by arrow-key navigation, but kept in the accessibility tree so\n   * screen readers still announce it. See `ForAccordionTrigger` for the\n   * rationale (rule #561 D2). Bind via `[disabled]`; read the composed\n   * {@link disabled} for state.\n   */\n  readonly disabledInput = input(false, { transform: booleanAttribute, alias: 'disabled' });\n\n  /**\n   * Effective disabled: this item's own `[disabled]` OR'd with the root\n   * `[forAccordion]`'s `disabled`. Everything that gates on the item's disabled\n   * state — native attribute reflection, trigger click, arrow-navigation skip,\n   * `data-disabled` — reads this, so disabling the whole accordion disables\n   * every item.\n   */\n  readonly disabled = computed(() => this.disabledInput() || this.parent.disabled());\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 {\n  hostButtonType,\n  registerHandle,\n  reflectDisabled,\n  resolveListNavigation,\n} 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    '[attr.type]': 'buttonType()',\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-disabled]': 'item.disabled() ? \"\" : null',\n    '[attr.data-orientation]': 'parent.orientation()',\n    '(click)': 'item.toggle()',\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class ForAccordionTrigger {\n  protected readonly buttonType = hostButtonType();\n\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 { hostLabelledBy } from 'forty-cdk/core';\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]': 'labelledBy()',\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-disabled]': 'item.disabled() ? \"\" : null',\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  protected readonly labelledBy = hostLabelledBy(() => this.item.triggerId());\n\n  constructor() {\n    this.item.adoptContentId(inject<ElementRef<HTMLElement>>(ElementRef).nativeElement);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"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/forty-cdk-accordion.ts"],"sourcesContent":["import { inject, InjectionToken, type Signal } from '@angular/core';\n\nimport {\n  assertRootContext,\n  type ListNavigationAction,\n  type WritingDirection,\n} 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 *\n * Part of the registration protocol, so it is never exported from\n * `public-api.ts` — see {@link AccordionContext}.\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  /** Whether the whole accordion is disabled; each item ORs this into its own disabled state. */\n  readonly disabled: 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}\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\n/**\n * DI token for the accordion's coordination surface, provided by `[forAccordion]`.\n *\n * Publicly typed as the read surface {@link ForAccordionContext}, which is the whole of\n * what the token promises a consumer. The pieces read the same token at an internal type\n * that adds the trigger-registration protocol, so a wrapper re-providing it must alias it\n * to the root: `{ provide: FOR_ACCORDION_CONTEXT, useExisting: MyAccordion }`, where\n * `MyAccordion` extends `ForAccordion`. A value that merely satisfies the declared type\n * resolves too, and is rejected in dev mode by the first piece to reach the protocol.\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\n/**\n * The accordion's internal coordination surface: everything\n * {@link ForAccordionContext} publishes plus the trigger-registration protocol\n * the root drives keyboard navigation from.\n *\n * Never exported from `public-api.ts`. It is the type the pieces read\n * {@link FOR_ACCORDION_CONTEXT} at, so a consumer who injects that token gets\n * the read surface while the pieces get the wiring protocol. `ForAccordion`\n * declares the protocol members TS-`private`, which keeps them out of the\n * emitted `.d.ts` while `useExisting` still satisfies this contract at runtime.\n */\nexport interface AccordionContext extends ForAccordionContext {\n  registerTrigger(handle: ForAccordionTriggerHandle): void;\n  unregisterTrigger(handle: ForAccordionTriggerHandle): void;\n}\n\nexport function injectAccordionContext(piece: string): AccordionContext {\n  const ctx = inject(FOR_ACCORDION_CONTEXT, { optional: true }) as AccordionContext | null;\n  if (!ctx) {\n    throw new Error(`[forty-cdk/accordion] ${piece} must be used inside a [forAccordion] element.`);\n  }\n  assertRootContext({\n    entryPoint: 'accordion',\n    token: 'FOR_ACCORDION_CONTEXT',\n    root: '[forAccordion]',\n    piece,\n    probe: () => ctx.registerTrigger,\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.data-disabled]': 'disabled() ? \"\" : null',\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   * When true, the whole accordion is disabled: every item's trigger reflects\n   * the native `disabled` attribute (dropped from the Tab order and skipped by\n   * arrow-key navigation) and cannot toggle. Composes with a per-item\n   * `[disabled]` — an item is effectively disabled when either is set. Mirrors\n   * the root `disabled` on `ForTabs` / `ForStepper` / `ForDisclosure`.\n   */\n  readonly disabled = 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  private registerTrigger(handle: ForAccordionTriggerHandle): void {\n    this.#triggers.register(handle);\n  }\n\n  private 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, this item's trigger ignores clicks and reflects the native\n   * `disabled` attribute (not `aria-disabled`): dropped from the Tab order and\n   * skipped by arrow-key navigation, but kept in the accessibility tree so\n   * screen readers still announce it. See `ForAccordionTrigger` for the\n   * rationale (rule #561 D2). Bind via `[disabled]`; read the composed\n   * {@link disabled} for state.\n   */\n  readonly disabledInput = input(false, { transform: booleanAttribute, alias: 'disabled' });\n\n  /**\n   * Effective disabled: this item's own `[disabled]` OR'd with the root\n   * `[forAccordion]`'s `disabled`. Everything that gates on the item's disabled\n   * state — native attribute reflection, trigger click, arrow-navigation skip,\n   * `data-disabled` — reads this, so disabling the whole accordion disables\n   * every item.\n   */\n  readonly disabled = computed(() => this.disabledInput() || this.parent.disabled());\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 {\n  hostButtonType,\n  registerHandle,\n  reflectDisabled,\n  resolveListNavigation,\n} 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    '[attr.type]': 'buttonType()',\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-disabled]': 'item.disabled() ? \"\" : null',\n    '[attr.data-orientation]': 'parent.orientation()',\n    '(click)': 'item.toggle()',\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class ForAccordionTrigger {\n  protected readonly buttonType = hostButtonType();\n\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 { hostLabelledBy } from 'forty-cdk/core';\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]': 'labelledBy()',\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-disabled]': 'item.disabled() ? \"\" : null',\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  protected readonly labelledBy = hostLabelledBy(() => this.item.triggerId());\n\n  constructor() {\n    this.item.adoptContentId(inject<ElementRef<HTMLElement>>(ElementRef).nativeElement);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/forty-cdk-carousel.mjs

@@ -1,17 +1,32 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, model, input, booleanAttribute, numberAttribute, DestroyRef, PLATFORM_ID, ElementRef, signal, computed, effect, untracked, isDevMode, Directive } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';
-import { createDefaults, hostAriaLabel, injectTextDirection, RovingTabindex, injectPrefersReducedMotion, injectPauseController, Collection, createSingleSlot, injectElementSize, firstEnabledHost, moveIndex, hostId, registerHandle, hostButtonType, rovingTabStop, resolveListNavigation, attachSwipeDismiss, isScrollableAtEdge, FLICK_STALE_VELOCITY_MS, flickVelocity, FLICK_VELOCITY_PX_PER_MS } from 'forty-cdk/core';
+import { assertRootContext, createDefaults, hostAriaLabel, injectTextDirection, RovingTabindex, injectPrefersReducedMotion, injectPauseController, Collection, createSingleSlot, injectElementSize, firstEnabledHost, moveIndex, hostId, registerHandle, hostButtonType, rovingTabStop, resolveListNavigation, attachSwipeDismiss, isScrollableAtEdge, FLICK_STALE_VELOCITY_MS, flickVelocity, FLICK_VELOCITY_PX_PER_MS } from 'forty-cdk/core';
 
-/** DI token providing the carousel context to descendant pieces. */
+/**
+ * DI token providing the carousel context to descendant pieces.
+ *
+ * Publicly typed as the read surface {@link ForCarouselContext}, which is the whole of
+ * what the token promises a consumer. The pieces read the same token at an internal type
+ * that adds the slide / indicator / viewport registration protocol, so a wrapper
+ * re-providing it must alias it to the root: `{ provide: FOR_CAROUSEL_CONTEXT,
+ * useExisting: MyCarousel }`, where `MyCarousel` extends `ForCarousel`. A value that
+ * merely satisfies the declared type resolves too, and is rejected in dev mode by the
+ * first piece to reach the protocol.
+ */
 const FOR_CAROUSEL_CONTEXT = new InjectionToken('FOR_CAROUSEL_CONTEXT');
-/** DI token carrying the internal {@link CarouselContext}. Provided by `[forCarousel]`. */
-const CAROUSEL_CONTEXT = new InjectionToken('CAROUSEL_CONTEXT');
 function injectCarouselContext(piece) {
-    const ctx = inject(CAROUSEL_CONTEXT, { optional: true });
+    const ctx = inject(FOR_CAROUSEL_CONTEXT, { optional: true });
     if (!ctx) {
         throw new Error(`[forty-cdk/carousel] ${piece} must be used inside a [forCarousel] element.`);
     }
+    assertRootContext({
+        entryPoint: 'carousel',
+        token: 'FOR_CAROUSEL_CONTEXT',
+        root: '[forCarousel]',
+        piece,
+        probe: () => ctx.registerSlide,
+    });
     return ctx;
 }
 
@@ -401,7 +416,7 @@ class ForCarousel {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForCarousel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForCarousel, isStandalone: true, selector: "[forCarousel]", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, slidesPerView: { classPropertyName: "slidesPerView", publicName: "slidesPerView", isSignal: true, isRequired: false, transformFunction: null }, containScroll: { classPropertyName: "containScroll", publicName: "containScroll", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, autoplayInterval: { classPropertyName: "autoplayInterval", publicName: "autoplayInterval", isSignal: true, isRequired: false, transformFunction: null }, _dirInput: { classPropertyName: "_dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange" }, host: { attributes: { "role": "group", "aria-roledescription": "carousel" }, listeners: { "pointerenter": "onAutoplayPause(\"hover\")", "pointerleave": "onAutoplayResume(\"hover\")", "focusin": "onAutoplayPause(\"focus\")", "focusout": "onAutoplayFocusOut($event)" }, properties: { "attr.aria-label": "resolvedAriaLabel()", "attr.data-orientation": "orientation()", "attr.data-align": "align()", "attr.dir": "dir()", "style.--for-carousel-offset": "offset()", "style.--for-carousel-active-index": "activeIndex()", "style.--for-carousel-slide-count": "slideCount()", "style.--for-carousel-slides-per-view": "slidesPerView()", "style.--for-carousel-viewport-width": "viewportWidth()", "style.--for-carousel-viewport-height": "viewportHeight()", "attr.data-autoplay": "autoplay() ? \"\" : null", "attr.data-rotating": "rotating() ? \"\" : null" } }, providers: provideForCarousel(ForCarousel), exportAs: ["forCarousel"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForCarousel, isStandalone: true, selector: "[forCarousel]", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, slidesPerView: { classPropertyName: "slidesPerView", publicName: "slidesPerView", isSignal: true, isRequired: false, transformFunction: null }, containScroll: { classPropertyName: "containScroll", publicName: "containScroll", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, autoplayInterval: { classPropertyName: "autoplayInterval", publicName: "autoplayInterval", isSignal: true, isRequired: false, transformFunction: null }, _dirInput: { classPropertyName: "_dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange" }, host: { attributes: { "role": "group", "aria-roledescription": "carousel" }, listeners: { "pointerenter": "onAutoplayPause(\"hover\")", "pointerleave": "onAutoplayResume(\"hover\")", "focusin": "onAutoplayPause(\"focus\")", "focusout": "onAutoplayFocusOut($event)" }, properties: { "attr.aria-label": "resolvedAriaLabel()", "attr.data-orientation": "orientation()", "attr.data-align": "align()", "attr.dir": "dir()", "style.--for-carousel-offset": "offset()", "style.--for-carousel-active-index": "activeIndex()", "style.--for-carousel-slide-count": "slideCount()", "style.--for-carousel-slides-per-view": "slidesPerView()", "style.--for-carousel-viewport-width": "viewportWidth()", "style.--for-carousel-viewport-height": "viewportHeight()", "attr.data-autoplay": "autoplay() ? \"\" : null", "attr.data-rotating": "rotating() ? \"\" : null" } }, providers: [{ provide: FOR_CAROUSEL_CONTEXT, useExisting: ForCarousel }], exportAs: ["forCarousel"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForCarousel, decorators: [{
             type: Directive,
@@ -428,37 +443,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '(focusin)': 'onAutoplayPause("focus")',
                         '(focusout)': 'onAutoplayFocusOut($event)',
                     },
-                    providers: provideForCarousel(ForCarousel),
+                    providers: [{ provide: FOR_CAROUSEL_CONTEXT, useExisting: ForCarousel }],
                 }]
         }], ctorParameters: () => [], propDecorators: { activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], slidesPerView: [{ type: i0.Input, args: [{ isSignal: true, alias: "slidesPerView", required: false }] }], containScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "containScroll", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], autoplayInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplayInterval", required: false }] }], _dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }] } });
-/**
- * The providers a `[forCarousel]` root installs: the public
- * {@link FOR_CAROUSEL_CONTEXT}, aliased to `root`, plus the internal
- * coordination token the carousel's pieces resolve.
- *
- * `ForCarousel` declares its own providers through this helper, so a wrapper
- * that **subclasses** the root has a single call to keep in step with it. That
- * matters because Angular does not inherit a directive's `providers`: a subclass
- * carrying its own `@Directive` metadata replaces the array wholesale, so
- * re-providing `FOR_CAROUSEL_CONTEXT` alone leaves the internal token absent and
- * every piece orphans with the "must be used inside a [forCarousel] element"
- * error. That token is deliberately unnameable outside the library
- * ([#1399](https://github.com/tutkli/forty-cdk/issues/1399)), which is why the
- * wrapper cannot list it by hand.
- *
- * ```ts
- * providers: provideForCarousel(MyCarousel),
- * ```
- *
- * Wrapping through `hostDirectives: [ForCarousel]` needs none of this — a host
- * directive brings its own providers to the element.
- */
-function provideForCarousel(root) {
-    return [
-        { provide: FOR_CAROUSEL_CONTEXT, useExisting: root },
-        { provide: CAROUSEL_CONTEXT, useExisting: root },
-    ];
-}
 
 /**
  * Clips the visible window of the carousel track. Acts as the APG-mandated
@@ -1051,5 +1038,5 @@ function resolveDragIndex(activeIndex, slidesDragged, velocityTowardNext) {
  * Generated bundle index. Do not edit.
  */
 
-export { FOR_CAROUSEL_CONTEXT, FOR_CAROUSEL_DEFAULTS, ForCarousel, ForCarouselDrag, ForCarouselIndicator, ForCarouselIndicators, ForCarouselNext, ForCarouselPrevious, ForCarouselRotationControl, ForCarouselSlide, ForCarouselTrack, ForCarouselViewport, provideForCarousel, provideForCarouselDefaults };
+export { FOR_CAROUSEL_CONTEXT, FOR_CAROUSEL_DEFAULTS, ForCarousel, ForCarouselDrag, ForCarouselIndicator, ForCarouselIndicators, ForCarouselNext, ForCarouselPrevious, ForCarouselRotationControl, ForCarouselSlide, ForCarouselTrack, ForCarouselViewport, provideForCarouselDefaults };
 //# sourceMappingURL=forty-cdk-carousel.mjs.map