@radix-ng/primitives 1.0.1 → 1.0.3

package/fesm2022/radix-ng-primitives-collapsible.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-collapsible.mjs","sources":["../../../packages/primitives/collapsible/src/collapsible-root.directive.ts","../../../packages/primitives/collapsible/src/collapsible-panel-presence.directive.ts","../../../packages/primitives/collapsible/src/collapsible-panel.directive.ts","../../../packages/primitives/collapsible/src/collapsible-trigger.directive.ts","../../../packages/primitives/collapsible/index.ts","../../../packages/primitives/collapsible/radix-ng-primitives-collapsible.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    model,\n    ModelSignal,\n    output,\n    signal,\n    Signal,\n    untracked,\n    WritableSignal\n} from '@angular/core';\nimport {\n    BooleanInput,\n    createContext,\n    injectId,\n    RdxTransitionStatus,\n    useTransitionStatus\n} from '@radix-ng/primitives/core';\n\nexport type RdxCollapsibleState = 'open' | 'closed';\n\nexport interface CollapsibleRootContext {\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    panelId: Signal<string>;\n    /** Writable so composing primitives (Accordion) can drive the state. */\n    open: ModelSignal<boolean>;\n    disabled: Signal<boolean>;\n    /** Open/close transition phase, for `data-starting-style` / `data-ending-style`. */\n    transitionStatus: Signal<RdxTransitionStatus>;\n    /** `true` while the panel should stay rendered: open, or running its exit transition. */\n    mounted: Signal<boolean>;\n    /**\n     * Composition fallbacks. The standalone Panel inputs write here, and Accordion writes here\n     * directly; the Panel reads these so both wiring paths converge on a single source of truth.\n     */\n    keepMounted: WritableSignal<boolean>;\n    hiddenUntilFound: WritableSignal<boolean>;\n    toggle: () => void;\n    /** Registers the panel element whose transition duration gates the close completion. */\n    registerTransitionElement: (element: HTMLElement) => () => void;\n}\n\nexport const [injectCollapsibleRootContext, provideCollapsibleRootContext] = createContext<CollapsibleRootContext>(\n    'CollapsibleRootContext',\n    'components/collapsible'\n);\n\nconst rootContext = (): CollapsibleRootContext => {\n    const instance = inject(RdxCollapsibleRootDirective);\n\n    return {\n        panelId: instance.panelId,\n        open: instance.open,\n        disabled: instance.disabled,\n        transitionStatus: instance.transitionStatus,\n        mounted: instance.mounted,\n        keepMounted: instance.keepMountedContext,\n        hiddenUntilFound: instance.hiddenUntilFoundContext,\n        registerTransitionElement: (element) => instance.registerTransitionElement(element),\n        toggle: () => {\n            if (instance.disabled()) {\n                return;\n            }\n\n            untracked(() => {\n                instance.open.set(!instance.open());\n            });\n\n            instance.onOpenChange.emit(instance.open());\n        }\n    };\n};\n\n/**\n * Groups all parts of the collapsible.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollapsibleRoot]',\n    exportAs: 'rdxCollapsibleRoot',\n    providers: [provideCollapsibleRootContext(rootContext)],\n    host: {\n        '[attr.data-open]': 'open() ? \"\" : undefined',\n        '[attr.data-closed]': 'open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxCollapsibleRootDirective {\n    private readonly transition = useTransitionStatus((open) => this.onOpenChangeComplete.emit(open));\n\n    /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */\n    readonly transitionStatus = this.transition.status;\n\n    /** Registers the panel element whose transition duration gates the close completion. */\n    readonly registerTransitionElement = this.transition.registerElement;\n\n    /**\n     * The controlled open state of the collapsible.\n     * `true` - expanded, `false` - collapsed.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly open = model<boolean>(false);\n\n    /**\n     * The open state of the collapsible when it is initially rendered.\n     * Use when you do not need to control its open state.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly defaultOpen = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the component should ignore user interaction.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    readonly panelId = input<string>(injectId('rdx-collapsible-panel-'));\n\n    /** Composition fallbacks (see {@link CollapsibleRootContext}). Default `false`. */\n    readonly keepMountedContext = signal(false);\n    readonly hiddenUntilFoundContext = signal(false);\n\n    /** `true` while the panel must stay rendered: open, or mid exit transition. */\n    readonly mounted = computed(() => this.open() || this.transitionStatus() === 'ending');\n\n    /**\n     * Event handler called when the open state of the collapsible changes.\n     *\n     * @group Emits\n     */\n    readonly onOpenChange = output<boolean>();\n\n    /**\n     * Event handler called after the open/close transition has finished.\n     *\n     * @group Emits\n     */\n    readonly onOpenChangeComplete = output<boolean>();\n\n    private hasAppliedDefaultOpen = false;\n    private previousOpen = this.open();\n\n    constructor() {\n        effect(() => {\n            const defaultOpen = this.defaultOpen();\n\n            if (!this.hasAppliedDefaultOpen && defaultOpen) {\n                this.hasAppliedDefaultOpen = true;\n                untracked(() => {\n                    this.open.set(true);\n                    // Treat an initially-open collapsible as settled so it doesn't play an\n                    // enter transition on first render.\n                    this.previousOpen = true;\n                });\n            }\n        });\n\n        effect(() => {\n            const open = this.open();\n\n            if (open !== this.previousOpen) {\n                this.previousOpen = open;\n                untracked(() => this.transition.start(open));\n            }\n        });\n    }\n}\n","import { Directive } from '@angular/core';\nimport { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * Structural directive that mounts the collapsible panel contents only while open, unmounting them\n * once the exit animation finishes. Opt into this when the closed contents should leave the DOM;\n * otherwise apply `rdxCollapsiblePanel` directly (optionally with `keepMounted`).\n */\n@Directive({\n    selector: 'ng-template[rdxCollapsiblePanelPresence]',\n    providers: [\n        provideRdxPresenceContext(() => ({\n            present: injectCollapsibleRootContext().open\n        }))\n    ],\n    hostDirectives: [RdxPresenceDirective]\n})\nexport class RdxCollapsiblePanelPresenceDirective {}\n","import {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    signal,\n    untracked\n} from '@angular/core';\nimport { BooleanInput } from '@radix-ng/primitives/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * Coerces a collapsible boolean input that distinguishes \"not set\" (`undefined`) from `false`,\n * so the Panel only overrides the shared context value when the consumer passes the input.\n */\nconst optionalBoolean = (value: BooleanInput | undefined): boolean | undefined =>\n    value === undefined ? undefined : booleanAttribute(value);\n\n/**\n * A panel with the collapsible contents.\n */\n@Directive({\n    selector: '[rdxCollapsiblePanel]',\n    host: {\n        '[id]': 'rootContext.panelId()',\n        '[attr.data-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-closed]': 'rootContext.open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.data-starting-style]': 'rootContext.transitionStatus() === \"starting\" ? \"\" : undefined',\n        '[attr.data-ending-style]': 'rootContext.transitionStatus() === \"ending\" ? \"\" : undefined',\n        '[attr.hidden]': 'hidden()',\n        '[style.--collapsible-panel-width.px]': 'width()',\n        '[style.--collapsible-panel-height.px]': 'height()'\n    }\n})\nexport class RdxCollapsiblePanelDirective {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    protected readonly rootContext = injectCollapsibleRootContext();\n\n    /**\n     * Whether to keep the element in the DOM while the panel is closed.\n     * When `true`, the closed panel keeps its element (no `hidden` attribute) so the consumer's\n     * `data-closed` CSS is responsible for visually collapsing it.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly keepMounted = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    /**\n     * Allows the browser's built-in page search to find and expand the panel contents.\n     * When `true`, the closed panel uses `hidden=\"until-found\"` instead of plain `hidden`.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly hiddenUntilFound = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    readonly height = signal<number | null>(null);\n    readonly width = signal<number | null>(null);\n\n    /**\n     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs;\n     * a kept-mounted panel stays visible (the consumer collapses it via CSS); otherwise the closed\n     * panel is hidden — with `until-found` when find-in-page support is requested.\n     */\n    readonly hidden = computed<'' | 'until-found' | undefined>(() => {\n        const visible = this.rootContext.open() || this.rootContext.transitionStatus() === 'ending';\n\n        if (visible || this.rootContext.keepMounted()) {\n            return undefined;\n        }\n\n        return this.rootContext.hiddenUntilFound() ? 'until-found' : '';\n    });\n\n    /**\n     * The first measurement (the initial mount) must not re-enable animations, so an element that\n     * mounts already open renders at its final size without playing the open animation.\n     */\n    private isFirstMeasure = true;\n    private originalStyles?: { transitionDuration: string; animationName: string };\n\n    constructor() {\n        const unregister = this.rootContext.registerTransitionElement(this.elementRef.nativeElement);\n        inject(DestroyRef).onDestroy(unregister);\n\n        // Forward the Panel inputs into the shared context, but only when the consumer actually\n        // sets them — so Accordion's context writes are never clobbered by the Panel defaults.\n        effect(() => {\n            const keepMounted = this.keepMounted();\n            if (keepMounted !== undefined) {\n                untracked(() => this.rootContext.keepMounted.set(keepMounted));\n            }\n        });\n\n        effect(() => {\n            const hiddenUntilFound = this.hiddenUntilFound();\n            if (hiddenUntilFound !== undefined) {\n                untracked(() => this.rootContext.hiddenUntilFound.set(hiddenUntilFound));\n            }\n        });\n\n        // `afterRenderEffect` runs after the DOM is committed (but before paint) with the settled\n        // `open` state — no `requestAnimationFrame` race — and is a no-op during SSR.\n        afterRenderEffect(() => {\n            // Re-measure whenever the open state flips; the panel is visible at that point (during\n            // an exit it is kept rendered by the `ending` transition phase).\n            this.rootContext.open();\n            this.updateDimensions();\n        });\n    }\n\n    private updateDimensions(): void {\n        const node = this.elementRef.nativeElement;\n        if (!node) return;\n\n        this.originalStyles ??= {\n            transitionDuration: node.style.transitionDuration,\n            animationName: node.style.animationName\n        };\n\n        // Block any animation/transition so we can measure the element at its natural size.\n        node.style.transitionDuration = '0s';\n        node.style.animationName = 'none';\n\n        // Let the element take its natural height while measuring, so a `height` bound to the very\n        // variable we are computing (the Base UI collapse pattern) does not feed back into itself.\n        const previousHeight = node.style.height;\n        node.style.height = 'auto';\n\n        const rect = node.getBoundingClientRect();\n        this.height.set(rect.height);\n        this.width.set(rect.width);\n\n        node.style.height = previousHeight;\n\n        // Re-enable the original animation, unless this is the very first (mount) measurement.\n        if (!this.isFirstMeasure) {\n            node.style.transitionDuration = this.originalStyles.transitionDuration;\n            node.style.animationName = this.originalStyles.animationName;\n        }\n\n        this.isFirstMeasure = false;\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * A button that opens and closes the collapsible panel.\n */\n@Directive({\n    selector: '[rdxCollapsibleTrigger]',\n    host: {\n        '[attr.aria-controls]': 'rootContext.panelId()',\n        '[attr.aria-expanded]': 'rootContext.open()',\n        '[attr.data-panel-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.disabled]': 'rootContext.disabled() || undefined',\n\n        '(click)': 'rootContext.toggle()'\n    }\n})\nexport class RdxCollapsibleTriggerDirective {\n    protected readonly rootContext = injectCollapsibleRootContext();\n}\n","import { NgModule } from '@angular/core';\nimport { RdxCollapsiblePanelPresenceDirective } from './src/collapsible-panel-presence.directive';\nimport { RdxCollapsiblePanelDirective } from './src/collapsible-panel.directive';\nimport { RdxCollapsibleRootDirective } from './src/collapsible-root.directive';\nimport { RdxCollapsibleTriggerDirective } from './src/collapsible-trigger.directive';\n\nexport * from './src/collapsible-panel-presence.directive';\nexport * from './src/collapsible-panel.directive';\nexport * from './src/collapsible-root.directive';\nexport * from './src/collapsible-trigger.directive';\n\nconst _imports = [\n    RdxCollapsiblePanelDirective,\n    RdxCollapsibleRootDirective,\n    RdxCollapsibleTriggerDirective,\n    RdxCollapsiblePanelPresenceDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxCollapsibleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-collapsible.mjs","sources":["../../../packages/primitives/collapsible/src/collapsible-root.directive.ts","../../../packages/primitives/collapsible/src/collapsible-panel.directive.ts","../../../packages/primitives/collapsible/src/collapsible-trigger.directive.ts","../../../packages/primitives/collapsible/index.ts","../../../packages/primitives/collapsible/radix-ng-primitives-collapsible.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    model,\n    ModelSignal,\n    output,\n    signal,\n    Signal,\n    untracked,\n    WritableSignal\n} from '@angular/core';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    createContext,\n    injectId,\n    RdxCancelableChangeEventDetails,\n    RdxTransitionStatus,\n    useTransitionStatus\n} from '@radix-ng/primitives/core';\n\nexport type RdxCollapsibleState = 'open' | 'closed';\nexport type RdxCollapsibleOpenChangeReason = 'trigger-press' | 'none';\nexport type RdxCollapsibleOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxCollapsibleOpenChangeReason>;\nexport interface RdxCollapsibleOpenChangeEvent {\n    open: boolean;\n    eventDetails: RdxCollapsibleOpenChangeEventDetails;\n}\n\nexport interface CollapsibleRootContext {\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    panelId: Signal<string>;\n    /** Writable so composing primitives (Accordion) can drive the state. */\n    open: ModelSignal<boolean>;\n    disabled: Signal<boolean>;\n    /** Open/close transition phase, for `data-starting-style` / `data-ending-style`. */\n    transitionStatus: Signal<RdxTransitionStatus>;\n    /** `true` while the panel should stay rendered: open, or running its exit transition. */\n    mounted: Signal<boolean>;\n    /**\n     * Composition fallbacks. The standalone Panel inputs write here, and Accordion writes here\n     * directly; the Panel reads these so both wiring paths converge on a single source of truth.\n     */\n    keepMounted: WritableSignal<boolean>;\n    hiddenUntilFound: WritableSignal<boolean>;\n    toggle: (event: Event, trigger?: HTMLElement) => void;\n    setOpen: (open: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement) => boolean;\n    setPanelIdState: (id: string | undefined) => void;\n    /** Registers the panel element whose transition duration gates the close completion. */\n    registerTransitionElement: (element: HTMLElement) => () => void;\n}\n\nexport const [injectCollapsibleRootContext, provideCollapsibleRootContext] = createContext<CollapsibleRootContext>(\n    'CollapsibleRootContext',\n    'components/collapsible'\n);\n\nconst rootContext = (): CollapsibleRootContext => {\n    const instance = inject(RdxCollapsibleRootDirective);\n\n    return {\n        panelId: instance.resolvedPanelId,\n        open: instance.open,\n        disabled: instance.disabled,\n        transitionStatus: instance.transitionStatus,\n        mounted: instance.mounted,\n        keepMounted: instance.keepMountedContext,\n        hiddenUntilFound: instance.hiddenUntilFoundContext,\n        setOpen: (open, reason, event, trigger) => instance.setOpen(open, reason, event, trigger),\n        setPanelIdState: (id) => instance.setPanelIdState(id),\n        registerTransitionElement: (element) => instance.registerTransitionElement(element),\n        toggle: (event, trigger) => {\n            if (instance.disabled()) {\n                return;\n            }\n\n            instance.setOpen(!instance.open(), 'trigger-press', event, trigger);\n        }\n    };\n};\n\n/**\n * Groups all parts of the collapsible.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollapsibleRoot]',\n    exportAs: 'rdxCollapsibleRoot',\n    providers: [provideCollapsibleRootContext(rootContext)],\n    host: {\n        '[attr.data-open]': 'open() ? \"\" : undefined',\n        '[attr.data-closed]': 'open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxCollapsibleRootDirective {\n    private readonly transition = useTransitionStatus((open) => this.onOpenChangeComplete.emit(open));\n\n    private readonly generatedPanelId = injectId('rdx-collapsible-panel-');\n    private readonly panelIdState = signal<string | undefined>(undefined);\n\n    /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */\n    readonly transitionStatus = this.transition.status;\n\n    /** Registers the panel element whose transition duration gates the close completion. */\n    readonly registerTransitionElement = this.transition.registerElement;\n\n    /**\n     * The controlled open state of the collapsible.\n     * `true` - expanded, `false` - collapsed.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly open = model<boolean>(false);\n\n    /**\n     * The open state of the collapsible when it is initially rendered.\n     * Use when you do not need to control its open state.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly defaultOpen = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the component should ignore user interaction.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    readonly panelId = input<string | undefined>(undefined);\n\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    readonly resolvedPanelId = computed(() => this.panelIdState() ?? this.panelId() ?? this.generatedPanelId);\n\n    /** Composition fallbacks (see {@link CollapsibleRootContext}). Default `false`. */\n    readonly keepMountedContext = signal(false);\n    readonly hiddenUntilFoundContext = signal(false);\n\n    /** `true` while the panel must stay rendered: open, or mid exit transition. */\n    readonly mounted = computed(() => this.open() || this.transitionStatus() === 'ending');\n\n    /**\n     * Event handler called when the open state of the collapsible changes.\n     *\n     * @group Emits\n     */\n    readonly onOpenChange = output<RdxCollapsibleOpenChangeEvent>();\n\n    /**\n     * Event handler called after the open/close transition has finished.\n     *\n     * @group Emits\n     */\n    readonly onOpenChangeComplete = output<boolean>();\n\n    private hasAppliedDefaultOpen = false;\n    private previousOpen = this.open();\n\n    setPanelIdState(id: string | undefined): void {\n        this.panelIdState.set(id);\n    }\n\n    setOpen(nextOpen: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement): boolean {\n        if (nextOpen === this.open()) {\n            return true;\n        }\n\n        const { eventDetails } = createCancelableChangeEventDetails(reason, event, trigger);\n\n        this.onOpenChange.emit({ open: nextOpen, eventDetails });\n\n        if (eventDetails.isCanceled()) {\n            return false;\n        }\n\n        untracked(() => {\n            this.open.set(nextOpen);\n        });\n\n        return true;\n    }\n\n    constructor() {\n        effect(() => {\n            const defaultOpen = this.defaultOpen();\n\n            if (!this.hasAppliedDefaultOpen && defaultOpen) {\n                this.hasAppliedDefaultOpen = true;\n                untracked(() => {\n                    this.open.set(true);\n                    // Treat an initially-open collapsible as settled so it doesn't play an\n                    // enter transition on first render.\n                    this.previousOpen = true;\n                });\n            }\n        });\n\n        effect(() => {\n            const open = this.open();\n\n            if (open !== this.previousOpen) {\n                this.previousOpen = open;\n                untracked(() => this.transition.start(open));\n            }\n        });\n    }\n}\n","import {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    Renderer2,\n    signal,\n    untracked\n} from '@angular/core';\nimport { BooleanInput } from '@radix-ng/primitives/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * Coerces a collapsible boolean input that distinguishes \"not set\" (`undefined`) from `false`,\n * so the Panel only overrides the shared context value when the consumer passes the input.\n */\nconst optionalBoolean = (value: BooleanInput | undefined): boolean | undefined =>\n    value === undefined ? undefined : booleanAttribute(value);\n\n/**\n * A panel with the collapsible contents.\n */\n@Directive({\n    selector: '[rdxCollapsiblePanel]',\n    host: {\n        '[id]': 'rootContext.panelId()',\n        '[attr.data-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-closed]': 'rootContext.open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.data-starting-style]': 'rootContext.transitionStatus() === \"starting\" ? \"\" : undefined',\n        '[attr.data-ending-style]': 'rootContext.transitionStatus() === \"ending\" ? \"\" : undefined',\n        '[attr.hidden]': 'hidden()',\n        '[style.--collapsible-panel-width.px]': 'width()',\n        '[style.--collapsible-panel-height.px]': 'height()'\n    }\n})\nexport class RdxCollapsiblePanelDirective {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly renderer = inject(Renderer2);\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly marker = this.renderer.createComment('rdx-collapsible-panel');\n\n    private parentNode: Node | null = null;\n    private isAttached = true;\n\n    protected readonly rootContext = injectCollapsibleRootContext();\n\n    /**\n     * Optional explicit panel id. When set, the trigger's `aria-controls` points to this id.\n     *\n     * @group Props\n     */\n    readonly id = input<string | undefined>(undefined, { alias: 'id' });\n\n    /**\n     * Whether to keep the element in the DOM while the panel is closed.\n     * When `true`, the closed panel keeps its element and receives the `hidden` attribute once the\n     * close transition finishes.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly keepMounted = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    /**\n     * Allows the browser's built-in page search to find and expand the panel contents.\n     * When `true`, the closed panel uses `hidden=\"until-found\"` instead of plain `hidden`.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly hiddenUntilFound = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    readonly height = signal<number | null>(null);\n    readonly width = signal<number | null>(null);\n\n    /** Mirrors Base UI's `shouldRender`: hidden panels unmount unless kept for search/measurement. */\n    readonly shouldRender = computed(\n        () =>\n            this.rootContext.keepMounted() ||\n            this.rootContext.hiddenUntilFound() ||\n            this.rootContext.mounted() ||\n            this.rootContext.open()\n    );\n\n    /**\n     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs.\n     * A kept-mounted panel remains in the DOM but is still hidden while closed.\n     */\n    readonly hidden = computed<'' | 'until-found' | undefined>(() => {\n        const visible = this.rootContext.open() || this.rootContext.transitionStatus() === 'ending';\n\n        if (visible) {\n            return undefined;\n        }\n\n        return this.rootContext.hiddenUntilFound() ? 'until-found' : '';\n    });\n\n    /**\n     * The first measurement (the initial mount) must not re-enable animations, so an element that\n     * mounts already open renders at its final size without playing the open animation.\n     */\n    private isFirstMeasure = true;\n    private originalStyles?: { transitionDuration: string; animationName: string };\n\n    constructor() {\n        const unregister = this.rootContext.registerTransitionElement(this.elementRef.nativeElement);\n        this.destroyRef.onDestroy(unregister);\n\n        this.insertMarker();\n\n        const unlistenBeforeMatch = this.renderer.listen(\n            this.elementRef.nativeElement,\n            'beforematch',\n            (event: Event) => {\n                this.rootContext.setOpen(true, 'none', event);\n            }\n        );\n\n        this.destroyRef.onDestroy(() => {\n            unlistenBeforeMatch();\n            this.removeMarker();\n        });\n\n        effect(() => {\n            this.rootContext.setPanelIdState(this.id());\n        });\n\n        this.destroyRef.onDestroy(() => {\n            this.rootContext.setPanelIdState(undefined);\n        });\n\n        effect(() => {\n            this.syncRenderedState();\n        });\n\n        // Forward the Panel inputs into the shared context, but only when the consumer actually\n        // sets them — so Accordion's context writes are never clobbered by the Panel defaults.\n        effect(() => {\n            const keepMounted = this.keepMounted();\n            if (keepMounted !== undefined) {\n                untracked(() => this.rootContext.keepMounted.set(keepMounted));\n            }\n        });\n\n        effect(() => {\n            const hiddenUntilFound = this.hiddenUntilFound();\n            if (hiddenUntilFound !== undefined) {\n                untracked(() => this.rootContext.hiddenUntilFound.set(hiddenUntilFound));\n            }\n        });\n\n        // `afterRenderEffect` runs after the DOM is committed (but before paint) with the settled\n        // `open` state — no `requestAnimationFrame` race — and is a no-op during SSR.\n        afterRenderEffect(() => {\n            // Re-measure whenever the open state flips; the panel is visible at that point (during\n            // an exit it is kept rendered by the `ending` transition phase).\n            this.rootContext.open();\n            this.updateDimensions();\n        });\n    }\n\n    private insertMarker(): void {\n        const host = this.elementRef.nativeElement;\n        const parent = this.renderer.parentNode(host) as Node | null;\n\n        if (!parent) {\n            return;\n        }\n\n        this.parentNode = parent;\n        this.renderer.insertBefore(parent, this.marker, host);\n    }\n\n    private removeMarker(): void {\n        const parent = this.renderer.parentNode(this.marker) as Node | null;\n\n        if (parent) {\n            this.renderer.removeChild(parent, this.marker);\n        }\n    }\n\n    private syncRenderedState(): void {\n        const parent = this.parentNode;\n\n        if (!parent) {\n            return;\n        }\n\n        const host = this.elementRef.nativeElement;\n        const shouldRender = this.shouldRender();\n\n        if (shouldRender && !this.isAttached) {\n            this.renderer.insertBefore(parent, host, this.renderer.nextSibling(this.marker));\n            this.isAttached = true;\n            return;\n        }\n\n        if (!shouldRender && this.isAttached) {\n            this.renderer.removeChild(parent, host);\n            this.isAttached = false;\n        }\n    }\n\n    private updateDimensions(): void {\n        const node = this.elementRef.nativeElement;\n        if (!node) return;\n\n        this.originalStyles ??= {\n            transitionDuration: node.style.transitionDuration,\n            animationName: node.style.animationName\n        };\n\n        // Block any animation/transition so we can measure the element at its natural size.\n        node.style.transitionDuration = '0s';\n        node.style.animationName = 'none';\n\n        // Let the element take its natural height while measuring, so a `height` bound to the very\n        // variable we are computing (the Base UI collapse pattern) does not feed back into itself.\n        const previousHeight = node.style.height;\n        node.style.height = 'auto';\n\n        const rect = node.getBoundingClientRect();\n        this.height.set(rect.height);\n        this.width.set(rect.width);\n\n        node.style.height = previousHeight;\n\n        // Re-enable the original animation, unless this is the very first (mount) measurement.\n        if (!this.isFirstMeasure) {\n            node.style.transitionDuration = this.originalStyles.transitionDuration;\n            node.style.animationName = this.originalStyles.animationName;\n        }\n\n        this.isFirstMeasure = false;\n    }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * A button that opens and closes the collapsible panel.\n */\n@Directive({\n    selector: '[rdxCollapsibleTrigger]',\n    host: {\n        '[attr.aria-controls]': 'rootContext.open() ? rootContext.panelId() : undefined',\n        '[attr.aria-expanded]': 'rootContext.open()',\n        '[attr.data-panel-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.aria-disabled]': 'rootContext.disabled() ? \"true\" : undefined',\n\n        '(click)': 'handleClick($event)'\n    }\n})\nexport class RdxCollapsibleTriggerDirective {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    protected readonly rootContext = injectCollapsibleRootContext();\n\n    protected handleClick(event: MouseEvent): void {\n        this.rootContext.toggle(event, this.elementRef.nativeElement);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxCollapsiblePanelDirective } from './src/collapsible-panel.directive';\nimport { RdxCollapsibleRootDirective } from './src/collapsible-root.directive';\nimport { RdxCollapsibleTriggerDirective } from './src/collapsible-trigger.directive';\n\nexport * from './src/collapsible-panel.directive';\nexport * from './src/collapsible-root.directive';\nexport * from './src/collapsible-trigger.directive';\n\nconst _imports = [RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxCollapsibleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/radix-ng-primitives-composite.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, signal, input, linkedSignal, booleanAttribute, model, output, computed, effect, Directive, untracked, NgModule } from '@angular/core';
+import { inject, ElementRef, signal, output, computed, effect, Directive, input, linkedSignal, afterNextRender, untracked, booleanAttribute, model, NgModule } from '@angular/core';
 import { ARROW_UP, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, HOME, END, createContext } from '@radix-ng/primitives/core';
 import { injectDirection } from '@radix-ng/primitives/direction-provider';
 
@@ -190,6 +190,111 @@ function getScrollStyles(element) {
     };
 }
 
+const listContext = () => {
+    const list = inject(RdxCompositeList);
+    return {
+        listElement: list.elementRef.nativeElement,
+        items: list.items,
+        itemMap: list.itemMap,
+        registerItem: (item) => list.registerItem(item),
+        indexOf: (element) => list.indexOf(element)
+    };
+};
+const [injectRdxCompositeListContext, provideRdxCompositeListContext] = createContext('RdxCompositeListContext', 'utils/composite');
+/**
+ * Base UI-style composite list. Owns item registration and DOM-order metadata without applying
+ * roving tabindex or keyboard navigation.
+ */
+class RdxCompositeList {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.registeredItems = signal([], ...(ngDevMode ? [{ debugName: "registeredItems" }] : /* istanbul ignore next */ []));
+        /** Emits when the ordered item map changes. */
+        this.onMapChange = output();
+        /** Items registered with this list, sorted in DOM order. */
+        this.items = computed(() => sortByDocumentPosition(this.registeredItems()), ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Ordered metadata keyed by item element. */
+        this.itemMap = computed(() => {
+            const map = new Map();
+            this.items().forEach((item, index) => {
+                map.set(item.element, { ...(item.metadata() ?? {}), index });
+            });
+            return map;
+        }, ...(ngDevMode ? [{ debugName: "itemMap" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            this.onMapChange.emit(this.itemMap());
+        });
+    }
+    registerItem(item) {
+        this.registeredItems.update((items) => [
+            ...items.filter((registered) => registered.element !== item.element),
+            item
+        ]);
+        return () => {
+            this.registeredItems.update((items) => items.filter((registered) => registered.element !== item.element));
+        };
+    }
+    indexOf(element) {
+        return this.items().findIndex((item) => item.element === element);
+    }
+    elements() {
+        return this.items().map((item) => item.element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCompositeList, isStandalone: true, selector: "[rdxCompositeList]", outputs: { onMapChange: "onMapChange" }, providers: [provideRdxCompositeListContext(listContext)], exportAs: ["rdxCompositeList"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxCompositeList]',
+                    exportAs: 'rdxCompositeList',
+                    providers: [provideRdxCompositeListContext(listContext)]
+                }]
+        }], ctorParameters: () => [], propDecorators: { onMapChange: [{ type: i0.Output, args: ["onMapChange"] }] } });
+
+/**
+ * Registers the host with the nearest composite list without changing focus behavior.
+ */
+class RdxCompositeListItem {
+    constructor() {
+        this.listContext = injectRdxCompositeListContext(true);
+        this.elementRef = inject(ElementRef);
+        this.hasRendered = signal(false, ...(ngDevMode ? [{ debugName: "hasRendered" }] : /* istanbul ignore next */ []));
+        /** Arbitrary metadata included in the list's ordered item map. */
+        this.metadataInput = input(undefined, { ...(ngDevMode ? { debugName: "metadataInput" } : /* istanbul ignore next */ {}), alias: 'metadata' });
+        this._metadata = linkedSignal(() => this.metadataInput(), ...(ngDevMode ? [{ debugName: "_metadata" }] : /* istanbul ignore next */ []));
+        this.index = computed(() => this.listContext?.indexOf(this.elementRef.nativeElement) ?? -1, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+        this.inListElement = computed(() => {
+            const listContext = this.listContext;
+            return !!listContext && listContext.listElement.contains(this.elementRef.nativeElement);
+        }, ...(ngDevMode ? [{ debugName: "inListElement" }] : /* istanbul ignore next */ []));
+        afterNextRender(() => {
+            this.hasRendered.set(true);
+        });
+        effect((onCleanup) => {
+            const listContext = this.listContext;
+            if (!listContext || !this.hasRendered() || !this.inListElement()) {
+                return;
+            }
+            const element = this.elementRef.nativeElement;
+            const unregister = untracked(() => listContext.registerItem({ element, metadata: this._metadata.asReadonly() }));
+            onCleanup(unregister);
+        });
+    }
+    setMetadata(value) {
+        this._metadata.set(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeListItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCompositeListItem, isStandalone: true, selector: "[rdxCompositeListItem]", inputs: { metadataInput: { classPropertyName: "metadataInput", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["rdxCompositeListItem"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeListItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxCompositeListItem]',
+                    exportAs: 'rdxCompositeListItem'
+                }]
+        }], ctorParameters: () => [], propDecorators: { metadataInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: false }] }] } });
+
 const rootContext = () => {
     const root = inject(RdxCompositeRoot);
     return {
@@ -198,8 +303,6 @@ const rootContext = () => {
         highlightItemOnHover: root.highlightItemOnHover,
         orientation: root.orientation,
         dir: root.dir,
-        registerItem: (item) => root.registerItem(item),
-        indexOf: (element) => root.indexOf(element),
         isIndexDisabled: (index) => root.isIndexDisabled(index),
         setHighlightedIndex: (index, shouldScrollIntoView) => root.setHighlightedIndex(index, shouldScrollIntoView),
         relayKeyboardEvent: (event) => root.relayKeyboardEvent(event)
@@ -212,7 +315,7 @@ const [injectRdxCompositeRootContext, provideRdxCompositeRootContext] = createCo
 class RdxCompositeRoot {
     constructor() {
         this.elementRef = inject(ElementRef);
-        this.registeredItems = signal([], ...(ngDevMode ? [{ debugName: "registeredItems" }] : /* istanbul ignore next */ []));
+        this.compositeList = inject(RdxCompositeList, { self: true });
         this.hasSetInitialIndex = false;
         /** The composite orientation. */
         this.orientationInput = input('both', { ...(ngDevMode ? { debugName: "orientationInput" } : /* istanbul ignore next */ {}), alias: 'orientation' });
@@ -251,14 +354,8 @@ class RdxCompositeRoot {
         this.onHighlightedIndexChange = output();
         /** Emits when the ordered item map changes. */
         this.onMapChange = output();
-        this.items = computed(() => sortByDocumentPosition(this.registeredItems()), ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-        this.itemMap = computed(() => {
-            const map = new Map();
-            this.items().forEach((item, index) => {
-                map.set(item.element, { ...(item.metadata() ?? {}), index });
-            });
-            return map;
-        }, ...(ngDevMode ? [{ debugName: "itemMap" }] : /* istanbul ignore next */ []));
+        this.items = this.compositeList.items;
+        this.itemMap = this.compositeList.itemMap;
         effect(() => {
             const items = this.items();
             if (items.length === 0) {
@@ -283,17 +380,8 @@ class RdxCompositeRoot {
             this.onMapChange.emit(this.itemMap());
         });
     }
-    registerItem(item) {
-        this.registeredItems.update((items) => [
-            ...items.filter((registered) => registered.element !== item.element),
-            item
-        ]);
-        return () => {
-            this.registeredItems.update((items) => items.filter((registered) => registered.element !== item.element));
-        };
-    }
     indexOf(element) {
-        return this.items().findIndex((item) => item.element === element);
+        return this.compositeList.indexOf(element);
     }
     setOrientation(value) {
         this._orientation.set(value);
@@ -402,16 +490,17 @@ class RdxCompositeRoot {
         });
     }
     elements() {
-        return this.items().map((item) => item.element);
+        return this.compositeList.elements();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCompositeRoot, isStandalone: true, selector: "[rdxCompositeRoot]", inputs: { orientationInput: { classPropertyName: "orientationInput", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, dirInput: { classPropertyName: "dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, loopFocusInput: { classPropertyName: "loopFocusInput", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, enableHomeAndEndKeysInput: { classPropertyName: "enableHomeAndEndKeysInput", publicName: "enableHomeAndEndKeys", isSignal: true, isRequired: false, transformFunction: null }, disabledIndicesInput: { classPropertyName: "disabledIndicesInput", publicName: "disabledIndices", isSignal: true, isRequired: false, transformFunction: null }, modifierKeysInput: { classPropertyName: "modifierKeysInput", publicName: "modifierKeys", isSignal: true, isRequired: false, transformFunction: null }, highlightItemOnHover: { classPropertyName: "highlightItemOnHover", publicName: "highlightItemOnHover", isSignal: true, isRequired: false, transformFunction: null }, stopEventPropagation: { classPropertyName: "stopEventPropagation", publicName: "stopEventPropagation", isSignal: true, isRequired: false, transformFunction: null }, highlightedIndex: { classPropertyName: "highlightedIndex", publicName: "highlightedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { highlightedIndex: "highlightedIndexChange", onHighlightedIndexChange: "onHighlightedIndexChange", onMapChange: "onMapChange" }, host: { listeners: { "keydown": "handleKeydown($event)" } }, providers: [provideRdxCompositeRootContext(rootContext)], exportAs: ["rdxCompositeRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCompositeRoot, isStandalone: true, selector: "[rdxCompositeRoot]", inputs: { orientationInput: { classPropertyName: "orientationInput", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, dirInput: { classPropertyName: "dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, loopFocusInput: { classPropertyName: "loopFocusInput", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, enableHomeAndEndKeysInput: { classPropertyName: "enableHomeAndEndKeysInput", publicName: "enableHomeAndEndKeys", isSignal: true, isRequired: false, transformFunction: null }, disabledIndicesInput: { classPropertyName: "disabledIndicesInput", publicName: "disabledIndices", isSignal: true, isRequired: false, transformFunction: null }, modifierKeysInput: { classPropertyName: "modifierKeysInput", publicName: "modifierKeys", isSignal: true, isRequired: false, transformFunction: null }, highlightItemOnHover: { classPropertyName: "highlightItemOnHover", publicName: "highlightItemOnHover", isSignal: true, isRequired: false, transformFunction: null }, stopEventPropagation: { classPropertyName: "stopEventPropagation", publicName: "stopEventPropagation", isSignal: true, isRequired: false, transformFunction: null }, highlightedIndex: { classPropertyName: "highlightedIndex", publicName: "highlightedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { highlightedIndex: "highlightedIndexChange", onHighlightedIndexChange: "onHighlightedIndexChange", onMapChange: "onMapChange" }, host: { listeners: { "keydown": "handleKeydown($event)" } }, providers: [provideRdxCompositeRootContext(rootContext)], exportAs: ["rdxCompositeRoot"], hostDirectives: [{ directive: RdxCompositeList }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeRoot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCompositeRoot]',
                     exportAs: 'rdxCompositeRoot',
+                    hostDirectives: [RdxCompositeList],
                     providers: [provideRdxCompositeRootContext(rootContext)],
                     host: {
                         '(keydown)': 'handleKeydown($event)'
@@ -426,11 +515,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class RdxCompositeItem {
     constructor() {
         this.rootContext = injectRdxCompositeRootContext(true);
+        this.listItem = inject(RdxCompositeListItem, { self: true });
         this.elementRef = inject(ElementRef);
-        /** Arbitrary metadata included in the root's ordered item map. */
-        this.metadataInput = input(undefined, { ...(ngDevMode ? { debugName: "metadataInput" } : /* istanbul ignore next */ {}), alias: 'metadata' });
-        this._metadata = linkedSignal(() => this.metadataInput(), ...(ngDevMode ? [{ debugName: "_metadata" }] : /* istanbul ignore next */ []));
-        this.index = computed(() => this.rootContext?.indexOf(this.elementRef.nativeElement) ?? -1, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+        this.index = this.listItem.index;
         this.inRootElement = computed(() => {
             const rootContext = this.rootContext;
             return !!rootContext && rootContext.rootElement.contains(this.elementRef.nativeElement);
@@ -444,18 +531,9 @@ class RdxCompositeItem {
             const index = this.index();
             return index !== -1 && rootContext.highlightedIndex() === index && !rootContext.isIndexDisabled(index) ? 0 : -1;
         }, ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
-        effect((onCleanup) => {
-            const rootContext = this.rootContext;
-            if (!rootContext || !this.inRootElement()) {
-                return;
-            }
-            const element = this.elementRef.nativeElement;
-            const unregister = untracked(() => rootContext.registerItem({ element, metadata: this._metadata.asReadonly() }));
-            onCleanup(unregister);
-        });
     }
     setMetadata(value) {
-        this._metadata.set(value);
+        this.listItem.setMetadata(value);
     }
     handleFocus() {
         const index = this.index();
@@ -478,25 +556,31 @@ class RdxCompositeItem {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCompositeItem, isStandalone: true, selector: "[rdxCompositeItem]", inputs: { metadataInput: { classPropertyName: "metadataInput", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "handleFocus()", "mousemove": "handleMouseMove()" }, properties: { "attr.tabindex": "tabIndex()" } }, exportAs: ["rdxCompositeItem"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCompositeItem, isStandalone: true, selector: "[rdxCompositeItem]", host: { listeners: { "focus": "handleFocus()", "mousemove": "handleMouseMove()" }, properties: { "attr.tabindex": "tabIndex()" } }, exportAs: ["rdxCompositeItem"], hostDirectives: [{ directive: RdxCompositeListItem, inputs: ["metadata", "metadata"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeItem, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCompositeItem]',
                     exportAs: 'rdxCompositeItem',
+                    hostDirectives: [
+                        {
+                            directive: RdxCompositeListItem,
+                            inputs: ['metadata']
+                        }
+                    ],
                     host: {
                         '[attr.tabindex]': 'tabIndex()',
                         '(focus)': 'handleFocus()',
                         '(mousemove)': 'handleMouseMove()'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { metadataInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: false }] }] } });
+        }] });
 
-const compositeImports = [RdxCompositeRoot, RdxCompositeItem];
+const compositeImports = [RdxCompositeList, RdxCompositeListItem, RdxCompositeRoot, RdxCompositeItem];
 class RdxCompositeModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeModule, imports: [RdxCompositeRoot, RdxCompositeItem], exports: [RdxCompositeRoot, RdxCompositeItem] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeModule, imports: [RdxCompositeList, RdxCompositeListItem, RdxCompositeRoot, RdxCompositeItem], exports: [RdxCompositeList, RdxCompositeListItem, RdxCompositeRoot, RdxCompositeItem] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCompositeModule, decorators: [{
@@ -511,5 +595,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVE_COMPOSITE_ITEM, ARROW_KEYS, COMPOSITE_KEYS, MODIFIER_KEYS, RdxCompositeItem, RdxCompositeModule, RdxCompositeRoot, compositeImports, findNonDisabledListIndex, getCompositeNavigationKeys, getMaxListIndex, getMinListIndex, injectRdxCompositeRootContext, isElementDisabled, isElementVisible, isIndexOutOfListBounds, isListIndexDisabled, isModifierKeySet, isNativeTextInput, provideRdxCompositeRootContext, scrollIntoViewIfNeeded, shouldKeepNativeTextInputBehavior, sortByDocumentPosition };
+export { ACTIVE_COMPOSITE_ITEM, ARROW_KEYS, COMPOSITE_KEYS, MODIFIER_KEYS, RdxCompositeItem, RdxCompositeList, RdxCompositeListItem, RdxCompositeModule, RdxCompositeRoot, compositeImports, findNonDisabledListIndex, getCompositeNavigationKeys, getMaxListIndex, getMinListIndex, injectRdxCompositeListContext, injectRdxCompositeRootContext, isElementDisabled, isElementVisible, isIndexOutOfListBounds, isListIndexDisabled, isModifierKeySet, isNativeTextInput, provideRdxCompositeListContext, provideRdxCompositeRootContext, scrollIntoViewIfNeeded, shouldKeepNativeTextInputBehavior, sortByDocumentPosition };
 //# sourceMappingURL=radix-ng-primitives-composite.mjs.map