@radix-ng/primitives 1.0.2 → 1.0.3

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

@@ -1,23 +1,11 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, input, booleanAttribute, model, output, computed, effect, ElementRef, signal, NgModule } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/collapsible';
-import { RdxCollapsiblePanelPresenceDirective, injectCollapsibleRootContext, RdxCollapsibleRootDirective, RdxCollapsiblePanelDirective } from '@radix-ng/primitives/collapsible';
-import * as i1$1 from '@radix-ng/primitives/composite';
+import { inject, input, booleanAttribute, model, output, computed, effect, Directive, ElementRef, signal, NgModule } from '@angular/core';
+import * as i1$1 from '@radix-ng/primitives/collapsible';
+import { injectCollapsibleRootContext, RdxCollapsibleRootDirective, RdxCollapsiblePanelDirective } from '@radix-ng/primitives/collapsible';
+import * as i1 from '@radix-ng/primitives/composite';
 import { RdxCompositeList, RdxCompositeListItem } from '@radix-ng/primitives/composite';
 import { createContext, injectId } from '@radix-ng/primitives/core';
 
-class RdxAccordionContentPresenceDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionContentPresenceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAccordionContentPresenceDirective, isStandalone: true, selector: "ng-template[rdxAccordionContentPresence]", hostDirectives: [{ directive: i1.RdxCollapsiblePanelPresenceDirective }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionContentPresenceDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-template[rdxAccordionContentPresence]',
-                    hostDirectives: [RdxCollapsiblePanelPresenceDirective]
-                }]
-        }] });
-
 const [injectAccordionRootContext, provideAccordionRootContext] = createContext('AccordionRootContext', 'components/accordion');
 const rootContext = () => {
     const instance = inject(RdxAccordionRootDirective);
@@ -100,10 +88,7 @@ class RdxAccordionRootDirective {
         this.loopFocus = input(true, { ...(ngDevMode ? { debugName: "loopFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Whether to keep the content of collapsed items mounted in the DOM.
-         * When `true`, closed panels keep their element in the DOM instead of
-         * receiving a `hidden` attribute. Applies to the always-mounted
-         * `rdxAccordionContent`; the `rdxAccordionContentPresence` variant always
-         * unmounts.
+         * When `true`, closed panels keep their element in the DOM while hidden.
          *
          * @defaultValue false
          * @group Props
@@ -154,7 +139,7 @@ class RdxAccordionRootDirective {
         return JSON.stringify(a) === JSON.stringify(b);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxAccordionRootDirective, isStandalone: true, selector: "[rdxAccordionRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, keepMounted: { classPropertyName: "keepMounted", publicName: "keepMounted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { properties: { "attr.data-orientation": "orientation()", "attr.data-disabled": "disabled() ? \"\" : undefined" } }, providers: [provideAccordionRootContext(rootContext)], exportAs: ["rdxAccordionRoot"], hostDirectives: [{ directive: i1$1.RdxCompositeList }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxAccordionRootDirective, isStandalone: true, selector: "[rdxAccordionRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, keepMounted: { classPropertyName: "keepMounted", publicName: "keepMounted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { properties: { "attr.data-orientation": "orientation()", "attr.data-disabled": "disabled() ? \"\" : undefined" } }, providers: [provideAccordionRootContext(rootContext)], exportAs: ["rdxAccordionRoot"], hostDirectives: [{ directive: i1.RdxCompositeList }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionRootDirective, decorators: [{
             type: Directive,
@@ -246,7 +231,7 @@ class RdxAccordionItemDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxAccordionItemDirective, isStandalone: true, selector: "[rdxAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpenChange: "onOpenChange" }, host: { properties: { "attr.data-orientation": "rootContext.orientation()", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-state": "dataState()", "attr.data-index": "index()" } }, providers: [provideAccordionItemContext(itemContext)], exportAs: ["rdxAccordionItem"], hostDirectives: [{ directive: i1.RdxCollapsibleRootDirective, inputs: ["disabled", "disabled", "open", "open"] }, { directive: i1$1.RdxCompositeListItem }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxAccordionItemDirective, isStandalone: true, selector: "[rdxAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpenChange: "onOpenChange" }, host: { properties: { "attr.data-orientation": "rootContext.orientation()", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-state": "dataState()", "attr.data-index": "index()" } }, providers: [provideAccordionItemContext(itemContext)], exportAs: ["rdxAccordionItem"], hostDirectives: [{ directive: i1$1.RdxCollapsibleRootDirective, inputs: ["disabled", "disabled", "open", "open"] }, { directive: i1.RdxCompositeListItem }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionItemDirective, decorators: [{
             type: Directive,
@@ -276,7 +261,7 @@ class RdxAccordionContentDirective {
         this.itemContext = injectAccordionItemContext();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAccordionContentDirective, isStandalone: true, selector: "[rdxAccordionContent]", host: { attributes: { "role": "region" }, properties: { "attr.aria-labelledby": "itemContext.triggerId()", "attr.data-state": "itemContext.dataState()", "attr.data-disabled": "itemContext.dataDisabled() ? \"\" : undefined", "attr.data-orientation": "rootContext.orientation()", "attr.data-index": "itemContext.index()", "style": "{\n            '--radix-accordion-content-height': 'var(--collapsible-panel-height)',\n            '--radix-accordion-content-width': 'var(--collapsible-panel-width)',\n          }" } }, hostDirectives: [{ directive: i1.RdxCollapsiblePanelDirective }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxAccordionContentDirective, isStandalone: true, selector: "[rdxAccordionContent]", host: { attributes: { "role": "region" }, properties: { "attr.aria-labelledby": "itemContext.triggerId()", "attr.data-state": "itemContext.dataState()", "attr.data-disabled": "itemContext.dataDisabled() ? \"\" : undefined", "attr.data-orientation": "rootContext.orientation()", "attr.data-index": "itemContext.index()", "style": "{\n            '--radix-accordion-content-height': 'var(--collapsible-panel-height)',\n            '--radix-accordion-content-width': 'var(--collapsible-panel-width)',\n          }" } }, hostDirectives: [{ directive: i1$1.RdxCollapsiblePanelDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionContentDirective, decorators: [{
             type: Directive,
@@ -362,8 +347,7 @@ const _imports = [
     RdxAccordionHeaderDirective,
     RdxAccordionItemDirective,
     RdxAccordionRootDirective,
-    RdxAccordionTriggerDirective,
-    RdxAccordionContentPresenceDirective
+    RdxAccordionTriggerDirective
 ];
 class RdxAccordionModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -371,13 +355,11 @@ class RdxAccordionModule {
             RdxAccordionHeaderDirective,
             RdxAccordionItemDirective,
             RdxAccordionRootDirective,
-            RdxAccordionTriggerDirective,
-            RdxAccordionContentPresenceDirective], exports: [RdxAccordionContentDirective,
+            RdxAccordionTriggerDirective], exports: [RdxAccordionContentDirective,
             RdxAccordionHeaderDirective,
             RdxAccordionItemDirective,
             RdxAccordionRootDirective,
-            RdxAccordionTriggerDirective,
-            RdxAccordionContentPresenceDirective] }); }
+            RdxAccordionTriggerDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxAccordionModule, decorators: [{
@@ -392,5 +374,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RdxAccordionContentDirective, RdxAccordionContentPresenceDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionModule, RdxAccordionRootDirective, RdxAccordionTriggerDirective, injectAccordionItemContext, injectAccordionRootContext, provideAccordionItemContext, provideAccordionRootContext };
+export { RdxAccordionContentDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionModule, RdxAccordionRootDirective, RdxAccordionTriggerDirective, injectAccordionItemContext, injectAccordionRootContext, provideAccordionItemContext, provideAccordionRootContext };
 //# sourceMappingURL=radix-ng-primitives-accordion.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-content-presence.directive.ts","../../../packages/primitives/accordion/src/accordion-root.directive.ts","../../../packages/primitives/accordion/src/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-content.directive.ts","../../../packages/primitives/accordion/src/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-trigger.directive.ts","../../../packages/primitives/accordion/index.ts","../../../packages/primitives/accordion/radix-ng-primitives-accordion.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxCollapsiblePanelPresenceDirective } from '@radix-ng/primitives/collapsible';\n\n@Directive({\n    selector: 'ng-template[rdxAccordionContentPresence]',\n    hostDirectives: [RdxCollapsiblePanelPresenceDirective]\n})\nexport class RdxAccordionContentPresenceDirective {}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    Signal\n} from '@angular/core';\nimport { RdxCompositeList } from '@radix-ng/primitives/composite';\nimport { AcceptableValue, BooleanInput, createContext, DataOrientation, injectId } from '@radix-ng/primitives/core';\n\nexport type AccordionRootContext = {\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    orientation: InputSignal<DataOrientation>;\n    value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;\n    collapsible: Signal<boolean>;\n    isSingle: Signal<boolean>;\n    keepMounted: InputSignalWithTransform<boolean, BooleanInput>;\n    changeModelValue: (value: string) => void;\n};\n\nexport const [injectAccordionRootContext, provideAccordionRootContext] = createContext<AccordionRootContext>(\n    'AccordionRootContext',\n    'components/accordion'\n);\n\nconst rootContext = (): AccordionRootContext => {\n    const instance = inject(RdxAccordionRootDirective);\n\n    return {\n        disabled: instance.disabled,\n        collapsible: instance.collapsible,\n        orientation: instance.orientation,\n        value: instance.value,\n        isSingle: instance.isSingle,\n        keepMounted: instance.keepMounted,\n        changeModelValue: instance.changeModelValue\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionRoot]',\n    exportAs: 'rdxAccordionRoot',\n    providers: [provideAccordionRootContext(rootContext)],\n    hostDirectives: [RdxCompositeList],\n    host: {\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxAccordionRootDirective {\n    readonly id = input<string>(injectId('rdx-accordion-'));\n\n    /** Whether the Accordion is disabled.\n     * @defaultValue false\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The orientation of the accordion.\n     *\n     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue 'vertical'\n     * @group Props\n     * @deprecated\n     */\n    readonly orientation = input<DataOrientation>('vertical');\n\n    /**\n     * The default active value of the item(s).\n     *\n     * Use when you do not need to control the state of the item(s).\n     * @group Props\n     */\n    readonly defaultValue = input<string | string[]>();\n\n    /**\n     * The controlled value of the item to expand.\n     *\n     * @group Props\n     */\n    readonly value = model<AcceptableValue | AcceptableValue[]>();\n\n    /**\n     * When type is \"single\", allows closing content when clicking trigger for an open item.\n     * When type is \"multiple\", this prop has no effect.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly collapsible = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Determines whether a \"single\" or \"multiple\" items can be selected at a time.\n     *\n     * @defaultValue 'single'\n     * @group Props\n     */\n    readonly type = input<'multiple' | 'single'>('single');\n\n    /**\n     * Allow multiple panels to be open simultaneously.\n     * Takes precedence over `type` when `true`.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue true\n     * @group Props\n     * @deprecated\n     */\n    readonly loopFocus = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    /**\n     * Whether to keep the content of collapsed items mounted in the DOM.\n     * When `true`, closed panels keep their element in the DOM instead of\n     * receiving a `hidden` attribute. Applies to the always-mounted\n     * `rdxAccordionContent`; the `rdxAccordionContentPresence` variant always\n     * unmounts.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly keepMounted = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the expanded state of an item changes.\n     * @group Emits\n     */\n    readonly onValueChange = output<AcceptableValue | AcceptableValue[] | undefined>();\n\n    readonly isSingle = computed(() => !this.multiple() && this.type() !== 'multiple');\n\n    constructor() {\n        effect(() => {\n            if (this.defaultValue() !== undefined) {\n                this.value.set(this.defaultValue());\n            }\n        });\n    }\n\n    changeModelValue = (newValue: string) => {\n        if (this.isSingle()) {\n            this.value.set(this.isEqual(newValue, this.value()) ? undefined : newValue);\n        } else {\n            const currentValue = this.value();\n            let modelValueArray: AcceptableValue[] = [];\n\n            if (Array.isArray(currentValue)) {\n                modelValueArray = [...currentValue];\n            } else if (currentValue !== undefined && currentValue !== null) {\n                modelValueArray = [currentValue];\n            }\n\n            if (this.isValueEqualOrExist(modelValueArray, newValue)) {\n                const index = modelValueArray.findIndex((item) => this.isEqual(item, newValue));\n                if (index !== -1) {\n                    modelValueArray.splice(index, 1);\n                }\n            } else {\n                modelValueArray.push(newValue);\n            }\n\n            this.value.set(modelValueArray);\n        }\n\n        this.onValueChange.emit(this.value());\n    };\n\n    private isValueEqualOrExist(arr: AcceptableValue[], value: AcceptableValue): boolean {\n        return arr.some((item) => this.isEqual(item, value));\n    }\n\n    private isEqual(a: any, b: any): boolean {\n        return JSON.stringify(a) === JSON.stringify(b);\n    }\n}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    output,\n    signal,\n    Signal,\n    WritableSignal\n} from '@angular/core';\nimport { injectCollapsibleRootContext, RdxCollapsibleRootDirective } from '@radix-ng/primitives/collapsible';\nimport { RdxCompositeListItem } from '@radix-ng/primitives/composite';\nimport { BooleanInput, createContext } from '@radix-ng/primitives/core';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\nexport type RdxAccordionItemState = 'open' | 'closed';\n\nexport type AccordionItemContext = {\n    open: Signal<boolean>;\n    disabled: Signal<boolean>;\n    triggerId: WritableSignal<string>;\n    dataState: Signal<RdxAccordionItemState>;\n    dataDisabled: Signal<boolean>;\n    currentElement: ElementRef<HTMLElement>;\n    value: Signal<string | undefined>;\n    updateOpen: () => void;\n    index: Signal<number>;\n};\n\nexport const [injectAccordionItemContext, provideAccordionItemContext] = createContext<AccordionItemContext>(\n    'AccordionItemContext',\n    'components/accordion'\n);\n\nconst itemContext = (): AccordionItemContext => {\n    const instance = inject(RdxAccordionItemDirective);\n\n    return {\n        open: instance.open,\n        dataState: instance.dataState,\n        disabled: instance.disabled,\n        dataDisabled: instance.isDisabled,\n        triggerId: instance.triggerId,\n        currentElement: instance.elementRef,\n        value: computed(() => instance.value()),\n        updateOpen: instance.updateOpen,\n        index: instance.index\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionItem]',\n    exportAs: 'rdxAccordionItem',\n    providers: [provideAccordionItemContext(itemContext)],\n    hostDirectives: [\n        {\n            directive: RdxCollapsibleRootDirective,\n            inputs: ['disabled: disabled', 'open: open']\n        },\n        RdxCompositeListItem\n    ],\n    host: {\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-state]': 'dataState()',\n        '[attr.data-index]': 'index()'\n    }\n})\nexport class RdxAccordionItemDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    private readonly collapsibleContext = injectCollapsibleRootContext();\n    private readonly listItem = inject(RdxCompositeListItem, { self: true });\n\n    protected readonly rootContext = injectAccordionRootContext();\n\n    /**\n     * A string value for the accordion item. All items within an accordion should use a unique value.\n     * @group Props\n     */\n    readonly value = input<string>();\n\n    /**\n     * Whether or not an accordion item is disabled from user interaction.\n     * When `true`, prevents the user from interacting with the item.\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the panel open state changes.\n     * @group Emits\n     */\n    readonly onOpenChange = output<boolean>();\n\n    readonly isDisabled = computed(() => {\n        return this.rootContext.disabled() || this.disabled();\n    });\n\n    readonly open = computed(() => {\n        const rootValue = this.rootContext.value();\n\n        return this.rootContext.isSingle()\n            ? this.value() === rootValue\n            : Array.isArray(rootValue) && rootValue.includes(this.value()!);\n    });\n\n    readonly dataState = computed((): RdxAccordionItemState => (this.open() ? 'open' : 'closed'));\n\n    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */\n    readonly triggerId = signal('');\n\n    readonly index = this.listItem.index;\n\n    constructor() {\n        // Collapsed accordion panels stay findable by the browser's in-page search; opening one\n        // via find-in-page expands the item. (The standalone Collapsible defaults to plain `hidden`.)\n        this.collapsibleContext.hiddenUntilFound.set(true);\n\n        effect(() => {\n            this.updateOpen();\n        });\n\n        effect(() => {\n            this.collapsibleContext.keepMounted.set(this.rootContext.keepMounted());\n        });\n\n        let initialized = false;\n        effect(() => {\n            const isOpen = this.open();\n            if (!initialized) {\n                initialized = true;\n                return;\n            }\n            this.onOpenChange.emit(isOpen);\n        });\n    }\n\n    updateOpen = () => {\n        this.collapsibleContext.open.set(this.open());\n    };\n}\n","import { Directive } from '@angular/core';\nimport { RdxCollapsiblePanelDirective } from '@radix-ng/primitives/collapsible';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    hostDirectives: [RdxCollapsiblePanelDirective],\n    host: {\n        role: 'region',\n        '[attr.aria-labelledby]': 'itemContext.triggerId()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()',\n        '[style]': `{\n            '--radix-accordion-content-height': 'var(--collapsible-panel-height)',\n            '--radix-accordion-content-width': 'var(--collapsible-panel-width)',\n          }`\n    }\n})\nexport class RdxAccordionContentDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    host: {\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()'\n    }\n})\nexport class RdxAccordionHeaderDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectId } from '@radix-ng/primitives/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionTrigger]',\n    host: {\n        '[id]': 'itemContext.triggerId()',\n        '[attr.data-rdx-collection-item]': '\"\"',\n        '[attr.role]': '\"button\"',\n        '[attr.aria-expanded]': 'itemContext.open()',\n        '[attr.aria-disabled]': 'itemContext.open() && !rootContext.collapsible() ? \"true\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-panel-open]': 'itemContext.open() ? \"\" : undefined',\n        '[attr.data-index]': 'itemContext.index()',\n\n        '(click)': 'changeItem()'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n\n    constructor() {\n        this.itemContext.triggerId.set(injectId('rdx-accordion-trigger-'));\n    }\n\n    changeItem() {\n        // In single mode an open item stays open (unless `collapsible`), so a click on it is a no-op.\n        const lockedOpen = this.rootContext.isSingle() && this.itemContext.open() && !this.rootContext.collapsible();\n\n        // `dataDisabled` is the effective disabled state (accordion-root OR item level).\n        if (this.itemContext.dataDisabled() || lockedOpen) {\n            return;\n        }\n\n        this.rootContext.changeModelValue(this.itemContext.value()!);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAccordionContentPresenceDirective } from './src/accordion-content-presence.directive';\nimport { RdxAccordionContentDirective } from './src/accordion-content.directive';\nimport { RdxAccordionHeaderDirective } from './src/accordion-header.directive';\nimport { RdxAccordionItemDirective } from './src/accordion-item.directive';\nimport { RdxAccordionRootDirective } from './src/accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './src/accordion-trigger.directive';\n\nexport * from './src/accordion-content-presence.directive';\nexport * from './src/accordion-content.directive';\nexport * from './src/accordion-header.directive';\nexport * from './src/accordion-item.directive';\nexport * from './src/accordion-root.directive';\nexport * from './src/accordion-trigger.directive';\n\nconst _imports = [\n    RdxAccordionContentDirective,\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective,\n    RdxAccordionContentPresenceDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-root.directive.ts","../../../packages/primitives/accordion/src/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-content.directive.ts","../../../packages/primitives/accordion/src/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-trigger.directive.ts","../../../packages/primitives/accordion/index.ts","../../../packages/primitives/accordion/radix-ng-primitives-accordion.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    Signal\n} from '@angular/core';\nimport { RdxCompositeList } from '@radix-ng/primitives/composite';\nimport { AcceptableValue, BooleanInput, createContext, DataOrientation, injectId } from '@radix-ng/primitives/core';\n\nexport type AccordionRootContext = {\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    orientation: InputSignal<DataOrientation>;\n    value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;\n    collapsible: Signal<boolean>;\n    isSingle: Signal<boolean>;\n    keepMounted: InputSignalWithTransform<boolean, BooleanInput>;\n    changeModelValue: (value: string) => void;\n};\n\nexport const [injectAccordionRootContext, provideAccordionRootContext] = createContext<AccordionRootContext>(\n    'AccordionRootContext',\n    'components/accordion'\n);\n\nconst rootContext = (): AccordionRootContext => {\n    const instance = inject(RdxAccordionRootDirective);\n\n    return {\n        disabled: instance.disabled,\n        collapsible: instance.collapsible,\n        orientation: instance.orientation,\n        value: instance.value,\n        isSingle: instance.isSingle,\n        keepMounted: instance.keepMounted,\n        changeModelValue: instance.changeModelValue\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionRoot]',\n    exportAs: 'rdxAccordionRoot',\n    providers: [provideAccordionRootContext(rootContext)],\n    hostDirectives: [RdxCompositeList],\n    host: {\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxAccordionRootDirective {\n    readonly id = input<string>(injectId('rdx-accordion-'));\n\n    /** Whether the Accordion is disabled.\n     * @defaultValue false\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The orientation of the accordion.\n     *\n     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue 'vertical'\n     * @group Props\n     * @deprecated\n     */\n    readonly orientation = input<DataOrientation>('vertical');\n\n    /**\n     * The default active value of the item(s).\n     *\n     * Use when you do not need to control the state of the item(s).\n     * @group Props\n     */\n    readonly defaultValue = input<string | string[]>();\n\n    /**\n     * The controlled value of the item to expand.\n     *\n     * @group Props\n     */\n    readonly value = model<AcceptableValue | AcceptableValue[]>();\n\n    /**\n     * When type is \"single\", allows closing content when clicking trigger for an open item.\n     * When type is \"multiple\", this prop has no effect.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly collapsible = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Determines whether a \"single\" or \"multiple\" items can be selected at a time.\n     *\n     * @defaultValue 'single'\n     * @group Props\n     */\n    readonly type = input<'multiple' | 'single'>('single');\n\n    /**\n     * Allow multiple panels to be open simultaneously.\n     * Takes precedence over `type` when `true`.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue true\n     * @group Props\n     * @deprecated\n     */\n    readonly loopFocus = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    /**\n     * Whether to keep the content of collapsed items mounted in the DOM.\n     * When `true`, closed panels keep their element in the DOM while hidden.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly keepMounted = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the expanded state of an item changes.\n     * @group Emits\n     */\n    readonly onValueChange = output<AcceptableValue | AcceptableValue[] | undefined>();\n\n    readonly isSingle = computed(() => !this.multiple() && this.type() !== 'multiple');\n\n    constructor() {\n        effect(() => {\n            if (this.defaultValue() !== undefined) {\n                this.value.set(this.defaultValue());\n            }\n        });\n    }\n\n    changeModelValue = (newValue: string) => {\n        if (this.isSingle()) {\n            this.value.set(this.isEqual(newValue, this.value()) ? undefined : newValue);\n        } else {\n            const currentValue = this.value();\n            let modelValueArray: AcceptableValue[] = [];\n\n            if (Array.isArray(currentValue)) {\n                modelValueArray = [...currentValue];\n            } else if (currentValue !== undefined && currentValue !== null) {\n                modelValueArray = [currentValue];\n            }\n\n            if (this.isValueEqualOrExist(modelValueArray, newValue)) {\n                const index = modelValueArray.findIndex((item) => this.isEqual(item, newValue));\n                if (index !== -1) {\n                    modelValueArray.splice(index, 1);\n                }\n            } else {\n                modelValueArray.push(newValue);\n            }\n\n            this.value.set(modelValueArray);\n        }\n\n        this.onValueChange.emit(this.value());\n    };\n\n    private isValueEqualOrExist(arr: AcceptableValue[], value: AcceptableValue): boolean {\n        return arr.some((item) => this.isEqual(item, value));\n    }\n\n    private isEqual(a: any, b: any): boolean {\n        return JSON.stringify(a) === JSON.stringify(b);\n    }\n}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    output,\n    signal,\n    Signal,\n    WritableSignal\n} from '@angular/core';\nimport { injectCollapsibleRootContext, RdxCollapsibleRootDirective } from '@radix-ng/primitives/collapsible';\nimport { RdxCompositeListItem } from '@radix-ng/primitives/composite';\nimport { BooleanInput, createContext } from '@radix-ng/primitives/core';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\nexport type RdxAccordionItemState = 'open' | 'closed';\n\nexport type AccordionItemContext = {\n    open: Signal<boolean>;\n    disabled: Signal<boolean>;\n    triggerId: WritableSignal<string>;\n    dataState: Signal<RdxAccordionItemState>;\n    dataDisabled: Signal<boolean>;\n    currentElement: ElementRef<HTMLElement>;\n    value: Signal<string | undefined>;\n    updateOpen: () => void;\n    index: Signal<number>;\n};\n\nexport const [injectAccordionItemContext, provideAccordionItemContext] = createContext<AccordionItemContext>(\n    'AccordionItemContext',\n    'components/accordion'\n);\n\nconst itemContext = (): AccordionItemContext => {\n    const instance = inject(RdxAccordionItemDirective);\n\n    return {\n        open: instance.open,\n        dataState: instance.dataState,\n        disabled: instance.disabled,\n        dataDisabled: instance.isDisabled,\n        triggerId: instance.triggerId,\n        currentElement: instance.elementRef,\n        value: computed(() => instance.value()),\n        updateOpen: instance.updateOpen,\n        index: instance.index\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionItem]',\n    exportAs: 'rdxAccordionItem',\n    providers: [provideAccordionItemContext(itemContext)],\n    hostDirectives: [\n        {\n            directive: RdxCollapsibleRootDirective,\n            inputs: ['disabled: disabled', 'open: open']\n        },\n        RdxCompositeListItem\n    ],\n    host: {\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-state]': 'dataState()',\n        '[attr.data-index]': 'index()'\n    }\n})\nexport class RdxAccordionItemDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    private readonly collapsibleContext = injectCollapsibleRootContext();\n    private readonly listItem = inject(RdxCompositeListItem, { self: true });\n\n    protected readonly rootContext = injectAccordionRootContext();\n\n    /**\n     * A string value for the accordion item. All items within an accordion should use a unique value.\n     * @group Props\n     */\n    readonly value = input<string>();\n\n    /**\n     * Whether or not an accordion item is disabled from user interaction.\n     * When `true`, prevents the user from interacting with the item.\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the panel open state changes.\n     * @group Emits\n     */\n    readonly onOpenChange = output<boolean>();\n\n    readonly isDisabled = computed(() => {\n        return this.rootContext.disabled() || this.disabled();\n    });\n\n    readonly open = computed(() => {\n        const rootValue = this.rootContext.value();\n\n        return this.rootContext.isSingle()\n            ? this.value() === rootValue\n            : Array.isArray(rootValue) && rootValue.includes(this.value()!);\n    });\n\n    readonly dataState = computed((): RdxAccordionItemState => (this.open() ? 'open' : 'closed'));\n\n    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */\n    readonly triggerId = signal('');\n\n    readonly index = this.listItem.index;\n\n    constructor() {\n        // Collapsed accordion panels stay findable by the browser's in-page search; opening one\n        // via find-in-page expands the item. (The standalone Collapsible defaults to plain `hidden`.)\n        this.collapsibleContext.hiddenUntilFound.set(true);\n\n        effect(() => {\n            this.updateOpen();\n        });\n\n        effect(() => {\n            this.collapsibleContext.keepMounted.set(this.rootContext.keepMounted());\n        });\n\n        let initialized = false;\n        effect(() => {\n            const isOpen = this.open();\n            if (!initialized) {\n                initialized = true;\n                return;\n            }\n            this.onOpenChange.emit(isOpen);\n        });\n    }\n\n    updateOpen = () => {\n        this.collapsibleContext.open.set(this.open());\n    };\n}\n","import { Directive } from '@angular/core';\nimport { RdxCollapsiblePanelDirective } from '@radix-ng/primitives/collapsible';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    hostDirectives: [RdxCollapsiblePanelDirective],\n    host: {\n        role: 'region',\n        '[attr.aria-labelledby]': 'itemContext.triggerId()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()',\n        '[style]': `{\n            '--radix-accordion-content-height': 'var(--collapsible-panel-height)',\n            '--radix-accordion-content-width': 'var(--collapsible-panel-width)',\n          }`\n    }\n})\nexport class RdxAccordionContentDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    host: {\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()'\n    }\n})\nexport class RdxAccordionHeaderDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectId } from '@radix-ng/primitives/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionTrigger]',\n    host: {\n        '[id]': 'itemContext.triggerId()',\n        '[attr.data-rdx-collection-item]': '\"\"',\n        '[attr.role]': '\"button\"',\n        '[attr.aria-expanded]': 'itemContext.open()',\n        '[attr.aria-disabled]': 'itemContext.open() && !rootContext.collapsible() ? \"true\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-panel-open]': 'itemContext.open() ? \"\" : undefined',\n        '[attr.data-index]': 'itemContext.index()',\n\n        '(click)': 'changeItem()'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n\n    constructor() {\n        this.itemContext.triggerId.set(injectId('rdx-accordion-trigger-'));\n    }\n\n    changeItem() {\n        // In single mode an open item stays open (unless `collapsible`), so a click on it is a no-op.\n        const lockedOpen = this.rootContext.isSingle() && this.itemContext.open() && !this.rootContext.collapsible();\n\n        // `dataDisabled` is the effective disabled state (accordion-root OR item level).\n        if (this.itemContext.dataDisabled() || lockedOpen) {\n            return;\n        }\n\n        this.rootContext.changeModelValue(this.itemContext.value()!);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAccordionContentDirective } from './src/accordion-content.directive';\nimport { RdxAccordionHeaderDirective } from './src/accordion-header.directive';\nimport { RdxAccordionItemDirective } from './src/accordion-item.directive';\nimport { RdxAccordionRootDirective } from './src/accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './src/accordion-trigger.directive';\n\nexport * from './src/accordion-content.directive';\nexport * from './src/accordion-header.directive';\nexport * from './src/accordion-item.directive';\nexport * from './src/accordion-root.directive';\nexport * from './src/accordion-trigger.directive';\n\nconst _imports = [\n    RdxAccordionContentDirective,\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}

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

@@ -1,29 +1,26 @@
 import * as i0 from '@angular/core';
-import { inject, untracked, model, input, booleanAttribute, signal, computed, output, effect, Directive, ElementRef, DestroyRef, afterRenderEffect, NgModule } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/presence';
-import { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';
-import { createContext, useTransitionStatus, injectId } from '@radix-ng/primitives/core';
+import { inject, untracked, signal, model, input, booleanAttribute, computed, output, effect, Directive, ElementRef, Renderer2, DestroyRef, afterRenderEffect, NgModule } from '@angular/core';
+import { createContext, createCancelableChangeEventDetails, useTransitionStatus, injectId } from '@radix-ng/primitives/core';
 
 const [injectCollapsibleRootContext, provideCollapsibleRootContext] = createContext('CollapsibleRootContext', 'components/collapsible');
 const rootContext = () => {
     const instance = inject(RdxCollapsibleRootDirective);
     return {
-        panelId: instance.panelId,
+        panelId: instance.resolvedPanelId,
         open: instance.open,
         disabled: instance.disabled,
         transitionStatus: instance.transitionStatus,
         mounted: instance.mounted,
         keepMounted: instance.keepMountedContext,
         hiddenUntilFound: instance.hiddenUntilFoundContext,
+        setOpen: (open, reason, event, trigger) => instance.setOpen(open, reason, event, trigger),
+        setPanelIdState: (id) => instance.setPanelIdState(id),
         registerTransitionElement: (element) => instance.registerTransitionElement(element),
-        toggle: () => {
+        toggle: (event, trigger) => {
             if (instance.disabled()) {
                 return;
             }
-            untracked(() => {
-                instance.open.set(!instance.open());
-            });
-            instance.onOpenChange.emit(instance.open());
+            instance.setOpen(!instance.open(), 'trigger-press', event, trigger);
         }
     };
 };
@@ -33,8 +30,27 @@ const rootContext = () => {
  * @group Components
  */
 class RdxCollapsibleRootDirective {
+    setPanelIdState(id) {
+        this.panelIdState.set(id);
+    }
+    setOpen(nextOpen, reason, event, trigger) {
+        if (nextOpen === this.open()) {
+            return true;
+        }
+        const { eventDetails } = createCancelableChangeEventDetails(reason, event, trigger);
+        this.onOpenChange.emit({ open: nextOpen, eventDetails });
+        if (eventDetails.isCanceled()) {
+            return false;
+        }
+        untracked(() => {
+            this.open.set(nextOpen);
+        });
+        return true;
+    }
     constructor() {
         this.transition = useTransitionStatus((open) => this.onOpenChangeComplete.emit(open));
+        this.generatedPanelId = injectId('rdx-collapsible-panel-');
+        this.panelIdState = signal(undefined, ...(ngDevMode ? [{ debugName: "panelIdState" }] : /* istanbul ignore next */ []));
         /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */
         this.transitionStatus = this.transition.status;
         /** Registers the panel element whose transition duration gates the close completion. */
@@ -63,7 +79,9 @@ class RdxCollapsibleRootDirective {
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** Stable id linking the trigger's `aria-controls` to the panel. */
-        this.panelId = input(injectId('rdx-collapsible-panel-'), ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+        this.panelId = input(undefined, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+        /** Stable id linking the trigger's `aria-controls` to the panel. */
+        this.resolvedPanelId = computed(() => this.panelIdState() ?? this.panelId() ?? this.generatedPanelId, ...(ngDevMode ? [{ debugName: "resolvedPanelId" }] : /* istanbul ignore next */ []));
         /** Composition fallbacks (see {@link CollapsibleRootContext}). Default `false`. */
         this.keepMountedContext = signal(false, ...(ngDevMode ? [{ debugName: "keepMountedContext" }] : /* istanbul ignore next */ []));
         this.hiddenUntilFoundContext = signal(false, ...(ngDevMode ? [{ debugName: "hiddenUntilFoundContext" }] : /* istanbul ignore next */ []));
@@ -120,32 +138,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], panelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelId", required: false }] }], onOpenChange: [{ type: i0.Output, args: ["onOpenChange"] }], onOpenChangeComplete: [{ type: i0.Output, args: ["onOpenChangeComplete"] }] } });
 
-/**
- * Structural directive that mounts the collapsible panel contents only while open, unmounting them
- * once the exit animation finishes. Opt into this when the closed contents should leave the DOM;
- * otherwise apply `rdxCollapsiblePanel` directly (optionally with `keepMounted`).
- */
-class RdxCollapsiblePanelPresenceDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsiblePanelPresenceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCollapsiblePanelPresenceDirective, isStandalone: true, selector: "ng-template[rdxCollapsiblePanelPresence]", providers: [
-            provideRdxPresenceContext(() => ({
-                present: injectCollapsibleRootContext().open
-            }))
-        ], hostDirectives: [{ directive: i1.RdxPresenceDirective }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsiblePanelPresenceDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-template[rdxCollapsiblePanelPresence]',
-                    providers: [
-                        provideRdxPresenceContext(() => ({
-                            present: injectCollapsibleRootContext().open
-                        }))
-                    ],
-                    hostDirectives: [RdxPresenceDirective]
-                }]
-        }] });
-
 /**
  * Coerces a collapsible boolean input that distinguishes "not set" (`undefined`) from `false`,
  * so the Panel only overrides the shared context value when the consumer passes the input.
@@ -157,11 +149,22 @@ const optionalBoolean = (value) => value === undefined ? undefined : booleanAttr
 class RdxCollapsiblePanelDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        this.destroyRef = inject(DestroyRef);
+        this.marker = this.renderer.createComment('rdx-collapsible-panel');
+        this.parentNode = null;
+        this.isAttached = true;
         this.rootContext = injectCollapsibleRootContext();
+        /**
+         * Optional explicit panel id. When set, the trigger's `aria-controls` points to this id.
+         *
+         * @group Props
+         */
+        this.id = input(undefined, { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'id' });
         /**
          * Whether to keep the element in the DOM while the panel is closed.
-         * When `true`, the closed panel keeps its element (no `hidden` attribute) so the consumer's
-         * `data-closed` CSS is responsible for visually collapsing it.
+         * When `true`, the closed panel keeps its element and receives the `hidden` attribute once the
+         * close transition finishes.
          *
          * @group Props
          * @defaultValue false
@@ -177,14 +180,18 @@ class RdxCollapsiblePanelDirective {
         this.hiddenUntilFound = input(undefined, { ...(ngDevMode ? { debugName: "hiddenUntilFound" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
         this.height = signal(null, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
         this.width = signal(null, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        /** Mirrors Base UI's `shouldRender`: hidden panels unmount unless kept for search/measurement. */
+        this.shouldRender = computed(() => this.rootContext.keepMounted() ||
+            this.rootContext.hiddenUntilFound() ||
+            this.rootContext.mounted() ||
+            this.rootContext.open(), ...(ngDevMode ? [{ debugName: "shouldRender" }] : /* istanbul ignore next */ []));
         /**
-         * The `hidden` attribute value. The panel is shown while open or while its exit transition runs;
-         * a kept-mounted panel stays visible (the consumer collapses it via CSS); otherwise the closed
-         * panel is hidden — with `until-found` when find-in-page support is requested.
+         * The `hidden` attribute value. The panel is shown while open or while its exit transition runs.
+         * A kept-mounted panel remains in the DOM but is still hidden while closed.
          */
         this.hidden = computed(() => {
             const visible = this.rootContext.open() || this.rootContext.transitionStatus() === 'ending';
-            if (visible || this.rootContext.keepMounted()) {
+            if (visible) {
                 return undefined;
             }
             return this.rootContext.hiddenUntilFound() ? 'until-found' : '';
@@ -195,7 +202,24 @@ class RdxCollapsiblePanelDirective {
          */
         this.isFirstMeasure = true;
         const unregister = this.rootContext.registerTransitionElement(this.elementRef.nativeElement);
-        inject(DestroyRef).onDestroy(unregister);
+        this.destroyRef.onDestroy(unregister);
+        this.insertMarker();
+        const unlistenBeforeMatch = this.renderer.listen(this.elementRef.nativeElement, 'beforematch', (event) => {
+            this.rootContext.setOpen(true, 'none', event);
+        });
+        this.destroyRef.onDestroy(() => {
+            unlistenBeforeMatch();
+            this.removeMarker();
+        });
+        effect(() => {
+            this.rootContext.setPanelIdState(this.id());
+        });
+        this.destroyRef.onDestroy(() => {
+            this.rootContext.setPanelIdState(undefined);
+        });
+        effect(() => {
+            this.syncRenderedState();
+        });
         // Forward the Panel inputs into the shared context, but only when the consumer actually
         // sets them — so Accordion's context writes are never clobbered by the Panel defaults.
         effect(() => {
@@ -219,6 +243,38 @@ class RdxCollapsiblePanelDirective {
             this.updateDimensions();
         });
     }
+    insertMarker() {
+        const host = this.elementRef.nativeElement;
+        const parent = this.renderer.parentNode(host);
+        if (!parent) {
+            return;
+        }
+        this.parentNode = parent;
+        this.renderer.insertBefore(parent, this.marker, host);
+    }
+    removeMarker() {
+        const parent = this.renderer.parentNode(this.marker);
+        if (parent) {
+            this.renderer.removeChild(parent, this.marker);
+        }
+    }
+    syncRenderedState() {
+        const parent = this.parentNode;
+        if (!parent) {
+            return;
+        }
+        const host = this.elementRef.nativeElement;
+        const shouldRender = this.shouldRender();
+        if (shouldRender && !this.isAttached) {
+            this.renderer.insertBefore(parent, host, this.renderer.nextSibling(this.marker));
+            this.isAttached = true;
+            return;
+        }
+        if (!shouldRender && this.isAttached) {
+            this.renderer.removeChild(parent, host);
+            this.isAttached = false;
+        }
+    }
     updateDimensions() {
         const node = this.elementRef.nativeElement;
         if (!node)
@@ -246,7 +302,7 @@ class RdxCollapsiblePanelDirective {
         this.isFirstMeasure = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsiblePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCollapsiblePanelDirective, isStandalone: true, selector: "[rdxCollapsiblePanel]", inputs: { keepMounted: { classPropertyName: "keepMounted", publicName: "keepMounted", isSignal: true, isRequired: false, transformFunction: null }, hiddenUntilFound: { classPropertyName: "hiddenUntilFound", publicName: "hiddenUntilFound", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "rootContext.panelId()", "attr.data-open": "rootContext.open() ? \"\" : undefined", "attr.data-closed": "rootContext.open() ? undefined : \"\"", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.data-starting-style": "rootContext.transitionStatus() === \"starting\" ? \"\" : undefined", "attr.data-ending-style": "rootContext.transitionStatus() === \"ending\" ? \"\" : undefined", "attr.hidden": "hidden()", "style.--collapsible-panel-width.px": "width()", "style.--collapsible-panel-height.px": "height()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCollapsiblePanelDirective, isStandalone: true, selector: "[rdxCollapsiblePanel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, keepMounted: { classPropertyName: "keepMounted", publicName: "keepMounted", isSignal: true, isRequired: false, transformFunction: null }, hiddenUntilFound: { classPropertyName: "hiddenUntilFound", publicName: "hiddenUntilFound", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "rootContext.panelId()", "attr.data-open": "rootContext.open() ? \"\" : undefined", "attr.data-closed": "rootContext.open() ? undefined : \"\"", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.data-starting-style": "rootContext.transitionStatus() === \"starting\" ? \"\" : undefined", "attr.data-ending-style": "rootContext.transitionStatus() === \"ending\" ? \"\" : undefined", "attr.hidden": "hidden()", "style.--collapsible-panel-width.px": "width()", "style.--collapsible-panel-height.px": "height()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsiblePanelDirective, decorators: [{
             type: Directive,
@@ -264,48 +320,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[style.--collapsible-panel-height.px]': 'height()'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { keepMounted: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepMounted", required: false }] }], hiddenUntilFound: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenUntilFound", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], keepMounted: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepMounted", required: false }] }], hiddenUntilFound: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenUntilFound", required: false }] }] } });
 
 /**
  * A button that opens and closes the collapsible panel.
  */
 class RdxCollapsibleTriggerDirective {
     constructor() {
+        this.elementRef = inject(ElementRef);
         this.rootContext = injectCollapsibleRootContext();
     }
+    handleClick(event) {
+        this.rootContext.toggle(event, this.elementRef.nativeElement);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCollapsibleTriggerDirective, isStandalone: true, selector: "[rdxCollapsibleTrigger]", host: { listeners: { "click": "rootContext.toggle()" }, properties: { "attr.aria-controls": "rootContext.panelId()", "attr.aria-expanded": "rootContext.open()", "attr.data-panel-open": "rootContext.open() ? \"\" : undefined", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.disabled": "rootContext.disabled() || undefined" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCollapsibleTriggerDirective, isStandalone: true, selector: "[rdxCollapsibleTrigger]", host: { listeners: { "click": "handleClick($event)" }, properties: { "attr.aria-controls": "rootContext.open() ? rootContext.panelId() : undefined", "attr.aria-expanded": "rootContext.open()", "attr.data-panel-open": "rootContext.open() ? \"\" : undefined", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.aria-disabled": "rootContext.disabled() ? \"true\" : undefined" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCollapsibleTrigger]',
                     host: {
-                        '[attr.aria-controls]': 'rootContext.panelId()',
+                        '[attr.aria-controls]': 'rootContext.open() ? rootContext.panelId() : undefined',
                         '[attr.aria-expanded]': 'rootContext.open()',
                         '[attr.data-panel-open]': 'rootContext.open() ? "" : undefined',
                         '[attr.data-disabled]': 'rootContext.disabled() ? "" : undefined',
-                        '[attr.disabled]': 'rootContext.disabled() || undefined',
-                        '(click)': 'rootContext.toggle()'
+                        '[attr.aria-disabled]': 'rootContext.disabled() ? "true" : undefined',
+                        '(click)': 'handleClick($event)'
                     }
                 }]
         }] });
 
-const _imports = [
-    RdxCollapsiblePanelDirective,
-    RdxCollapsibleRootDirective,
-    RdxCollapsibleTriggerDirective,
-    RdxCollapsiblePanelPresenceDirective
-];
+const _imports = [RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective];
 class RdxCollapsibleModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleModule, imports: [RdxCollapsiblePanelDirective,
-            RdxCollapsibleRootDirective,
-            RdxCollapsibleTriggerDirective,
-            RdxCollapsiblePanelPresenceDirective], exports: [RdxCollapsiblePanelDirective,
-            RdxCollapsibleRootDirective,
-            RdxCollapsibleTriggerDirective,
-            RdxCollapsiblePanelPresenceDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleModule, imports: [RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective], exports: [RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleModule, decorators: [{
@@ -320,5 +369,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RdxCollapsibleModule, RdxCollapsiblePanelDirective, RdxCollapsiblePanelPresenceDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
+export { RdxCollapsibleModule, RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
 //# sourceMappingURL=radix-ng-primitives-collapsible.mjs.map

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":";;;;AAwDO,MAAM,CAAC,4BAA4B,EAAE,6BAA6B,CAAC,GAAG,aAAa,CACtF,wBAAwB,EACxB,wBAAwB;AAG5B,MAAM,WAAW,GAAG,MAA6B;AAC7C,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,2BAA2B,CAAC;IAEpD,OAAO;QACH,OAAO,EAAE,QAAQ,CAAC,eAAe;QACjC,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB;QAC3C,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,WAAW,EAAE,QAAQ,CAAC,kBAAkB;QACxC,gBAAgB,EAAE,QAAQ,CAAC,uBAAuB;QAClD,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC;QACzF,eAAe,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;QACrD,yBAAyB,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACnF,QAAA,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAI;AACvB,YAAA,IAAI,QAAQ,CAAC,QAAQ,EAAE,EAAE;gBACrB;YACJ;AAEA,YAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,CAAC;QACvE;KACH;AACL,CAAC;AAED;;;;AAIG;MAWU,2BAA2B,CAAA;AAoEpC,IAAA,eAAe,CAAC,EAAsB,EAAA;AAClC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;IAC7B;AAEA,IAAA,OAAO,CAAC,QAAiB,EAAE,MAAsC,EAAE,KAAY,EAAE,OAAqB,EAAA;AAClG,QAAA,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,EAAE,EAAE;AAC1B,YAAA,OAAO,IAAI;QACf;AAEA,QAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kCAAkC,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC;AAEnF,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAExD,QAAA,IAAI,YAAY,CAAC,UAAU,EAAE,EAAE;AAC3B,YAAA,OAAO,KAAK;QAChB;QAEA,SAAS,CAAC,MAAK;AACX,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC3B,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,WAAA,GAAA;AA3FiB,QAAA,IAAA,CAAA,UAAU,GAAG,mBAAmB,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEhF,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,wBAAwB,CAAC;AACrD,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAqB,SAAS,mFAAC;;AAG5D,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM;;AAGzC,QAAA,IAAA,CAAA,yBAAyB,GAAG,IAAI,CAAC,UAAU,CAAC,eAAe;AAEpE;;;;;;AAMG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAU,KAAK,2EAAC;AAErC;;;;;;AAMG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAwB,KAAK,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE3F;;;;;AAKG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;AAG/E,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAqB,SAAS,8EAAC;;QAG9C,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,gBAAgB,sFAAC;;AAGhG,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,KAAK,yFAAC;AAClC,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,KAAK,8FAAC;;AAGvC,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE,KAAK,QAAQ,8EAAC;AAEtF;;;;AAIG;QACM,IAAA,CAAA,YAAY,GAAG,MAAM,EAAiC;AAE/D;;;;AAIG;QACM,IAAA,CAAA,oBAAoB,GAAG,MAAM,EAAW;QAEzC,IAAA,CAAA,qBAAqB,GAAG,KAAK;AAC7B,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,CAAC,IAAI,EAAE;QA2B9B,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;AAEtC,YAAA,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,WAAW,EAAE;AAC5C,gBAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;gBACjC,SAAS,CAAC,MAAK;AACX,oBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;;;AAGnB,oBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AAC5B,gBAAA,CAAC,CAAC;YACN;AACJ,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AAExB,YAAA,IAAI,IAAI,KAAK,IAAI,CAAC,YAAY,EAAE;AAC5B,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,gBAAA,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAChD;AACJ,QAAA,CAAC,CAAC;IACN;8GAnHS,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,22BAPzB,CAAC,6BAA6B,CAAC,WAAW,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAO9C,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAVvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,SAAS,EAAE,CAAC,6BAA6B,CAAC,WAAW,CAAC,CAAC;AACvD,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,yBAAyB;AAC7C,wBAAA,oBAAoB,EAAE,yBAAyB;AAC/C,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;;AClFD;;;AAGG;AACH,MAAM,eAAe,GAAG,CAAC,KAA+B,KACpD,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE7D;;AAEG;MAeU,4BAA4B,CAAA;AA0ErC,IAAA,WAAA,GAAA;AAzEiB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAC/B,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC;QAEtE,IAAA,CAAA,UAAU,GAAgB,IAAI;QAC9B,IAAA,CAAA,UAAU,GAAG,IAAI;QAEN,IAAA,CAAA,WAAW,GAAG,4BAA4B,EAAE;AAE/D;;;;AAIG;QACM,IAAA,CAAA,EAAE,GAAG,KAAK,CAAqB,SAAS,0EAAI,KAAK,EAAE,IAAI,EAAA,CAAG;AAEnE;;;;;;;AAOG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAgD,SAAS,mFACjF,SAAS,EAAE,eAAe,EAAA,CAC5B;AAEF;;;;;;AAMG;QACM,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAgD,SAAS,wFACtF,SAAS,EAAE,eAAe,EAAA,CAC5B;AAEO,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAgB,IAAI,6EAAC;AACpC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAgB,IAAI,4EAAC;;QAGnC,IAAA,CAAA,YAAY,GAAG,QAAQ,CAC5B,MACI,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;AAC9B,YAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE;AACnC,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;AAC1B,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,mFAC9B;AAED;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAiC,MAAK;AAC5D,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,KAAK,QAAQ;YAE3F,IAAI,OAAO,EAAE;AACT,gBAAA,OAAO,SAAS;YACpB;AAEA,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,aAAa,GAAG,EAAE;AACnE,QAAA,CAAC,6EAAC;AAEF;;;AAGG;QACK,IAAA,CAAA,cAAc,GAAG,IAAI;AAIzB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,yBAAyB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AAC5F,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC;QAErC,IAAI,CAAC,YAAY,EAAE;AAEnB,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAC5C,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,aAAa,EACb,CAAC,KAAY,KAAI;YACb,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC;AACjD,QAAA,CAAC,CACJ;AAED,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAK;AAC3B,YAAA,mBAAmB,EAAE;YACrB,IAAI,CAAC,YAAY,EAAE;AACvB,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;YACR,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AAC/C,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAK;AAC3B,YAAA,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC;AAC/C,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;YACR,IAAI,CAAC,iBAAiB,EAAE;AAC5B,QAAA,CAAC,CAAC;;;QAIF,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;AACtC,YAAA,IAAI,WAAW,KAAK,SAAS,EAAE;AAC3B,gBAAA,SAAS,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;YAClE;AACJ,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAChD,YAAA,IAAI,gBAAgB,KAAK,SAAS,EAAE;AAChC,gBAAA,SAAS,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC5E;AACJ,QAAA,CAAC,CAAC;;;QAIF,iBAAiB,CAAC,MAAK;;;AAGnB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;YACvB,IAAI,CAAC,gBAAgB,EAAE;AAC3B,QAAA,CAAC,CAAC;IACN;IAEQ,YAAY,GAAA;AAChB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAgB;QAE5D,IAAI,CAAC,MAAM,EAAE;YACT;QACJ;AAEA,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;IACzD;IAEQ,YAAY,GAAA;AAChB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAgB;QAEnE,IAAI,MAAM,EAAE;YACR,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC;QAClD;IACJ;IAEQ,iBAAiB,GAAA;AACrB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU;QAE9B,IAAI,CAAC,MAAM,EAAE;YACT;QACJ;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC1C,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;AAExC,QAAA,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAChF,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;YACtB;QACJ;AAEA,QAAA,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,EAAE;YAClC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC;AACvC,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;QAC3B;IACJ;IAEQ,gBAAgB,GAAA;AACpB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC1C,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,IAAI,CAAC,cAAc,KAAK;AACpB,YAAA,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB;AACjD,YAAA,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC;SAC7B;;AAGD,QAAA,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI;AACpC,QAAA,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM;;;AAIjC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;AACxC,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AAE1B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AAE1B,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc;;AAGlC,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB;YACtE,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa;QAChE;AAEA,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;IAC/B;8GA5MS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,gBAAA,EAAA,uCAAA,EAAA,kBAAA,EAAA,uCAAA,EAAA,oBAAA,EAAA,2CAAA,EAAA,0BAAA,EAAA,oEAAA,EAAA,wBAAA,EAAA,kEAAA,EAAA,aAAA,EAAA,UAAA,EAAA,oCAAA,EAAA,SAAA,EAAA,qCAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,IAAI,EAAE;AACF,wBAAA,MAAM,EAAE,uBAAuB;AAC/B,wBAAA,kBAAkB,EAAE,qCAAqC;AACzD,wBAAA,oBAAoB,EAAE,qCAAqC;AAC3D,wBAAA,sBAAsB,EAAE,yCAAyC;AACjE,wBAAA,4BAA4B,EAAE,gEAAgE;AAC9F,wBAAA,0BAA0B,EAAE,8DAA8D;AAC1F,wBAAA,eAAe,EAAE,UAAU;AAC3B,wBAAA,sCAAsC,EAAE,SAAS;AACjD,wBAAA,uCAAuC,EAAE;AAC5C;AACJ,iBAAA;;;ACrCD;;AAEG;MAaU,8BAA8B,CAAA;AAZ3C,IAAA,WAAA,GAAA;AAaqB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;QAEtD,IAAA,CAAA,WAAW,GAAG,4BAA4B,EAAE;AAKlE,IAAA;AAHa,IAAA,WAAW,CAAC,KAAiB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IACjE;8GAPS,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,wDAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,uCAAA,EAAA,oBAAA,EAAA,2CAAA,EAAA,oBAAA,EAAA,+CAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAZ1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE,wDAAwD;AAChF,wBAAA,sBAAsB,EAAE,oBAAoB;AAC5C,wBAAA,wBAAwB,EAAE,qCAAqC;AAC/D,wBAAA,sBAAsB,EAAE,yCAAyC;AACjE,wBAAA,sBAAsB,EAAE,6CAA6C;AAErE,wBAAA,SAAS,EAAE;AACd;AACJ,iBAAA;;;ACRD,MAAM,QAAQ,GAAG,CAAC,4BAA4B,EAAE,2BAA2B,EAAE,8BAA8B,CAAC;MAM/F,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAApB,oBAAoB,EAAA,OAAA,EAAA,CANf,4BAA4B,EAAE,2BAA2B,EAAE,8BAA8B,CAAA,EAAA,OAAA,EAAA,CAAzF,4BAA4B,EAAE,2BAA2B,EAAE,8BAA8B,CAAA,EAAA,CAAA,CAAA;+GAM9F,oBAAoB,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC;AACtB,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ;AACxB,iBAAA;;;ACdD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Headless, signals-first UI primitives for Angular.",
   "license": "MIT",
   "publishConfig": {

package/types/radix-ng-primitives-accordion.d.ts

@@ -149,10 +149,7 @@ declare class RdxAccordionRootDirective {
     readonly loopFocus: InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Whether to keep the content of collapsed items mounted in the DOM.
-     * When `true`, closed panels keep their element in the DOM instead of
-     * receiving a `hidden` attribute. Applies to the always-mounted
-     * `rdxAccordionContent`; the `rdxAccordionContentPresence` variant always
-     * unmounts.
+     * When `true`, closed panels keep their element in the DOM while hidden.
      *
      * @defaultValue false
      * @group Props
@@ -181,16 +178,11 @@ declare class RdxAccordionTriggerDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionTriggerDirective, "[rdxAccordionTrigger]", never, {}, {}, never, never, true, never>;
 }
 
-declare class RdxAccordionContentPresenceDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionContentPresenceDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionContentPresenceDirective, "ng-template[rdxAccordionContentPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxCollapsiblePanelPresenceDirective; inputs: {}; outputs: {}; }]>;
-}
-
 declare class RdxAccordionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxAccordionModule, never, [typeof RdxAccordionContentDirective, typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective, typeof RdxAccordionContentPresenceDirective], [typeof RdxAccordionContentDirective, typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective, typeof RdxAccordionContentPresenceDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxAccordionModule, never, [typeof RdxAccordionContentDirective, typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective], [typeof RdxAccordionContentDirective, typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RdxAccordionModule>;
 }
 
-export { RdxAccordionContentDirective, RdxAccordionContentPresenceDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionModule, RdxAccordionRootDirective, RdxAccordionTriggerDirective, injectAccordionItemContext, injectAccordionRootContext, provideAccordionItemContext, provideAccordionRootContext };
+export { RdxAccordionContentDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionModule, RdxAccordionRootDirective, RdxAccordionTriggerDirective, injectAccordionItemContext, injectAccordionRootContext, provideAccordionItemContext, provideAccordionRootContext };
 export type { AccordionItemContext, AccordionRootContext, RdxAccordionItemState };

package/types/radix-ng-primitives-collapsible.d.ts

@@ -2,19 +2,29 @@ import * as _angular_core from '@angular/core';
 import { Signal, ModelSignal, WritableSignal } from '@angular/core';
 import * as _radix_ng_primitives_collapsible from '@radix-ng/primitives/collapsible';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, RdxTransitionStatus } from '@radix-ng/primitives/core';
-import * as i1 from '@radix-ng/primitives/presence';
+import { BooleanInput, RdxTransitionStatus, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
 
 /**
  * A panel with the collapsible contents.
  */
 declare class RdxCollapsiblePanelDirective {
     private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly marker;
+    private parentNode;
+    private isAttached;
     protected readonly rootContext: _radix_ng_primitives_collapsible.CollapsibleRootContext;
+    /**
+     * Optional explicit panel id. When set, the trigger's `aria-controls` points to this id.
+     *
+     * @group Props
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
     /**
      * Whether to keep the element in the DOM while the panel is closed.
-     * When `true`, the closed panel keeps its element (no `hidden` attribute) so the consumer's
-     * `data-closed` CSS is responsible for visually collapsing it.
+     * When `true`, the closed panel keeps its element and receives the `hidden` attribute once the
+     * close transition finishes.
      *
      * @group Props
      * @defaultValue false
@@ -30,10 +40,11 @@ declare class RdxCollapsiblePanelDirective {
     readonly hiddenUntilFound: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
     readonly height: _angular_core.WritableSignal<number | null>;
     readonly width: _angular_core.WritableSignal<number | null>;
+    /** Mirrors Base UI's `shouldRender`: hidden panels unmount unless kept for search/measurement. */
+    readonly shouldRender: _angular_core.Signal<boolean>;
     /**
-     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs;
-     * a kept-mounted panel stays visible (the consumer collapses it via CSS); otherwise the closed
-     * panel is hidden — with `until-found` when find-in-page support is requested.
+     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs.
+     * A kept-mounted panel remains in the DOM but is still hidden while closed.
      */
     readonly hidden: _angular_core.Signal<"" | "until-found" | undefined>;
     /**
@@ -43,12 +54,21 @@ declare class RdxCollapsiblePanelDirective {
     private isFirstMeasure;
     private originalStyles?;
     constructor();
+    private insertMarker;
+    private removeMarker;
+    private syncRenderedState;
     private updateDimensions;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsiblePanelDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsiblePanelDirective, "[rdxCollapsiblePanel]", never, { "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; "hiddenUntilFound": { "alias": "hiddenUntilFound"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsiblePanelDirective, "[rdxCollapsiblePanel]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; "hiddenUntilFound": { "alias": "hiddenUntilFound"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type RdxCollapsibleState = 'open' | 'closed';
+type RdxCollapsibleOpenChangeReason = 'trigger-press' | 'none';
+type RdxCollapsibleOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxCollapsibleOpenChangeReason>;
+interface RdxCollapsibleOpenChangeEvent {
+    open: boolean;
+    eventDetails: RdxCollapsibleOpenChangeEventDetails;
+}
 interface CollapsibleRootContext {
     /** Stable id linking the trigger's `aria-controls` to the panel. */
     panelId: Signal<string>;
@@ -65,7 +85,9 @@ interface CollapsibleRootContext {
      */
     keepMounted: WritableSignal<boolean>;
     hiddenUntilFound: WritableSignal<boolean>;
-    toggle: () => void;
+    toggle: (event: Event, trigger?: HTMLElement) => void;
+    setOpen: (open: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement) => boolean;
+    setPanelIdState: (id: string | undefined) => void;
     /** Registers the panel element whose transition duration gates the close completion. */
     registerTransitionElement: (element: HTMLElement) => () => void;
 }
@@ -78,6 +100,8 @@ declare const provideCollapsibleRootContext: (useFactory: () => CollapsibleRootC
  */
 declare class RdxCollapsibleRootDirective {
     private readonly transition;
+    private readonly generatedPanelId;
+    private readonly panelIdState;
     /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */
     readonly transitionStatus: Signal<RdxTransitionStatus>;
     /** Registers the panel element whose transition duration gates the close completion. */
@@ -106,7 +130,9 @@ declare class RdxCollapsibleRootDirective {
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /** Stable id linking the trigger's `aria-controls` to the panel. */
-    readonly panelId: _angular_core.InputSignal<string>;
+    readonly panelId: _angular_core.InputSignal<string | undefined>;
+    /** Stable id linking the trigger's `aria-controls` to the panel. */
+    readonly resolvedPanelId: Signal<string>;
     /** Composition fallbacks (see {@link CollapsibleRootContext}). Default `false`. */
     readonly keepMountedContext: WritableSignal<boolean>;
     readonly hiddenUntilFoundContext: WritableSignal<boolean>;
@@ -117,7 +143,7 @@ declare class RdxCollapsibleRootDirective {
      *
      * @group Emits
      */
-    readonly onOpenChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly onOpenChange: _angular_core.OutputEmitterRef<RdxCollapsibleOpenChangeEvent>;
     /**
      * Event handler called after the open/close transition has finished.
      *
@@ -126,6 +152,8 @@ declare class RdxCollapsibleRootDirective {
     readonly onOpenChangeComplete: _angular_core.OutputEmitterRef<boolean>;
     private hasAppliedDefaultOpen;
     private previousOpen;
+    setPanelIdState(id: string | undefined): void;
+    setOpen(nextOpen: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement): boolean;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsibleRootDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsibleRootDirective, "[rdxCollapsibleRoot]", ["rdxCollapsibleRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, never>;
@@ -135,26 +163,18 @@ declare class RdxCollapsibleRootDirective {
  * A button that opens and closes the collapsible panel.
  */
 declare class RdxCollapsibleTriggerDirective {
+    private readonly elementRef;
     protected readonly rootContext: _radix_ng_primitives_collapsible.CollapsibleRootContext;
+    protected handleClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsibleTriggerDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsibleTriggerDirective, "[rdxCollapsibleTrigger]", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * Structural directive that mounts the collapsible panel contents only while open, unmounting them
- * once the exit animation finishes. Opt into this when the closed contents should leave the DOM;
- * otherwise apply `rdxCollapsiblePanel` directly (optionally with `keepMounted`).
- */
-declare class RdxCollapsiblePanelPresenceDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsiblePanelPresenceDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsiblePanelPresenceDirective, "ng-template[rdxCollapsiblePanelPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
-}
-
 declare class RdxCollapsibleModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsibleModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxCollapsibleModule, never, [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective, typeof RdxCollapsiblePanelPresenceDirective], [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective, typeof RdxCollapsiblePanelPresenceDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxCollapsibleModule, never, [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective], [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxCollapsibleModule>;
 }
 
-export { RdxCollapsibleModule, RdxCollapsiblePanelDirective, RdxCollapsiblePanelPresenceDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
-export type { CollapsibleRootContext, RdxCollapsibleState };
+export { RdxCollapsibleModule, RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
+export type { CollapsibleRootContext, RdxCollapsibleOpenChangeEvent, RdxCollapsibleOpenChangeEventDetails, RdxCollapsibleOpenChangeReason, RdxCollapsibleState };