@radix-ng/primitives 0.51.0 → 1.0.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-checkbox.mjs","sources":["../../../packages/primitives/checkbox/src/checkbox-root.ts","../../../packages/primitives/checkbox/src/checkbox-button.ts","../../../packages/primitives/checkbox/src/checkbox-indicator.ts","../../../packages/primitives/checkbox/src/checkbox-indicator-presence.ts","../../../packages/primitives/checkbox/src/checkbox-input.ts","../../../packages/primitives/checkbox/index.ts","../../../packages/primitives/checkbox/radix-ng-primitives-checkbox.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, inject, input, model } from '@angular/core';\nimport { outputFromObservable, outputToObservable } from '@angular/core/rxjs-interop';\nimport { createContext, RdxControlValueAccessor } from '@radix-ng/primitives/core';\n\nexport type CheckedState = boolean | 'indeterminate';\n\nexport function isIndeterminate(checked?: CheckedState): checked is 'indeterminate' {\n    return checked === 'indeterminate';\n}\n\nexport function getState(checked: CheckedState) {\n    return isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\n\nconst rootContext = () => {\n    const checkbox = inject(RdxCheckboxRootDirective);\n    const controlValueAccessor = inject<RdxControlValueAccessor<CheckedState>>(RdxControlValueAccessor);\n\n    return {\n        checked: controlValueAccessor.value,\n        disabled: controlValueAccessor.disabled,\n        required: checkbox.required,\n        value: checkbox.value,\n        name: checkbox.name,\n        form: checkbox.form,\n        readonly: checkbox.readonly,\n        state: checkbox.state,\n        toggle() {\n            checkbox.toggle();\n        }\n    };\n};\n\nexport type CheckboxRootContext = ReturnType<typeof rootContext>;\n\nexport const [injectCheckboxRootContext, provideCheckboxRootContext] =\n    createContext<CheckboxRootContext>('CheckboxRootContext');\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxCheckboxRoot]',\n    providers: [provideCheckboxRootContext(rootContext)],\n    hostDirectives: [\n        {\n            directive: RdxControlValueAccessor,\n            inputs: ['value:checked', 'disabled']\n        }\n    ],\n    host: {\n        '[attr.data-state]': 'state()'\n    }\n})\nexport class RdxCheckboxRootDirective {\n    private readonly controlValueAccessor = inject(RdxControlValueAccessor);\n\n    /**\n     * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.\n     * @group Props\n     */\n    readonly checked = model<CheckedState>(false);\n\n    /**\n     * The value of the checkbox. This is what is submitted with the form when the checkbox is checked.\n     * @group Props\n     */\n    readonly value = input<string>('on');\n\n    /**\n     * Whether or not the checkbox button is disabled. This prevents the user from interacting with it.\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the user should be unable to tick or untick the checkbox.\n     * @group Props\n     */\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether or not the checkbox is required.\n     * @group Props\n     */\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Name of the form control. Submitted with the form as part of a name/value pair.\n     * @group Props\n     */\n    readonly name = input<string>();\n\n    /**\n     * Associates the control with a form element.\n     * @group Props\n     */\n    readonly form = input<string>();\n\n    /**\n     * Event emitted when the checkbox checked state changes.\n     * @group Emits\n     */\n    readonly onCheckedChange = outputFromObservable(outputToObservable(this.controlValueAccessor.valueChange));\n\n    readonly state = computed(() => {\n        const checked = this.controlValueAccessor.value();\n\n        if (checked === 'indeterminate') {\n            return checked;\n        }\n\n        return checked ? 'checked' : 'unchecked';\n    });\n\n    toggle() {\n        const checked = this.controlValueAccessor.value();\n\n        if (checked === 'indeterminate') {\n            this.controlValueAccessor.setValue(true);\n        }\n\n        this.controlValueAccessor.setValue(!checked);\n    }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n/**\n * Directive: rdxCheckboxButton\n * Purpose: Turns a native <button> into an accessible checkbox control bound to the Radix Checkbox context.\n * It mirrors the checkbox state via ARIA/data attributes, toggles on click, and prevents Enter activation per WAI-ARIA.\n * In forms, it stops the button's click from bubbling so only the hidden input emits the native event used for form/validator integration.\n */\n@Directive({\n    selector: 'button[rdxCheckboxButton]',\n    host: {\n        type: 'button',\n        role: 'checkbox',\n        '[attr.aria-checked]': 'rootContext.checked() === \"indeterminate\" ? \"mixed\" : rootContext.checked()',\n        '[attr.aria-required]': 'rootContext.required() || undefined',\n        '[attr.aria-readonly]': 'rootContext.readonly() || undefined',\n        '[attr.data-state]': 'rootContext.state()',\n        '[attr.data-disabled]': 'rootContext.disabled() || undefined',\n        '[attr.data-readonly]': 'rootContext.readonly() || undefined',\n        '[attr.disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.value]': 'rootContext.value()',\n        '(click)': 'clicked($event)',\n        // According to WAI ARIA, Checkboxes don't activate on enter keypress\n        '(keydown.enter)': '$event.preventDefault()'\n    }\n})\nexport class RdxCheckboxButtonDirective {\n    protected readonly rootContext = injectCheckboxRootContext()!;\n\n    private readonly elementRef = inject<ElementRef<HTMLButtonElement>>(ElementRef);\n\n    protected clicked(event: MouseEvent) {\n        if (event.defaultPrevented || this.rootContext.readonly()) {\n            return;\n        }\n\n        this.rootContext.toggle();\n\n        if (this.rootContext.form() || this.elementRef.nativeElement.closest('form')) {\n            // if checkbox is in a form, stop propagation from the button so that we only propagate\n            // one click event (from the input). We propagate changes from an input so that native\n            // form validation works and form events reflect checkbox updates.\n            event.stopPropagation();\n        }\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n@Directive({\n    selector: '[rdxCheckboxIndicator]',\n    host: {\n        '[attr.data-state]': 'rootContext.state()',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[hidden]': '!rootContext.checked()',\n        '[style.pointer-events]': '\"none\"'\n    }\n})\nexport class RdxCheckboxIndicatorDirective {\n    protected readonly rootContext = injectCheckboxRootContext()!;\n}\n","import { computed, Directive } from '@angular/core';\nimport { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n@Directive({\n    selector: 'ng-template[rdxCheckboxIndicatorPresence]',\n    providers: [\n        provideRdxPresenceContext(() => {\n            const rootContext = injectCheckboxRootContext()!;\n\n            return {\n                present: computed(() => !!rootContext.checked())\n            };\n        })\n    ],\n    hostDirectives: [RdxPresenceDirective]\n})\nexport class RdxCheckboxIndicatorPresenceDirective {}\n","import { afterNextRender, DestroyRef, Directive, ElementRef, inject } from '@angular/core';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n@Directive({\n    selector: 'input[rdxCheckboxInput]',\n    host: {\n        type: 'checkbox',\n        tabindex: '-1',\n        'aria-hidden': 'true',\n        '[attr.name]': 'rootContext.name() || undefined',\n        '[attr.checked]': 'rootContext.checked()',\n        '[attr.form]': 'rootContext.form() || undefined',\n        '[attr.value]': 'rootContext.value()',\n        '[required]': 'rootContext.required() || undefined',\n        '[attr.disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[style]': `{\n          position: 'absolute',\n          pointerEvents: 'none',\n          opacity: 0,\n          margin: 0,\n          inset: 0,\n          transform: 'translateX(-100%)',\n        }`\n    }\n})\nexport class RdxCheckboxInputDirective {\n    protected readonly rootContext = injectCheckboxRootContext()!;\n\n    private readonly elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    constructor() {\n        /**\n         * Sets up an observer to bubble native input events when the underlying \"checked\" attribute changes.\n         *\n         * Why this exists\n         * - The checkbox input in this directive is visually hidden and controlled by the Radix checkbox state.\n         * - When Radix changes the checked state, it updates the input's DOM attribute (\"checked\").\n         * - Some forms and frameworks rely on native events (click/change) from the input to sync value, validity and\n         *   form state. If the attribute changes programmatically without a user click, no event is fired by default.\n         */\n        afterNextRender(() => {\n            const mutationObserver = new MutationObserver(() => {\n                this.elementRef.nativeElement.dispatchEvent(new Event('click', { bubbles: true }));\n            });\n            mutationObserver.observe(this.elementRef.nativeElement, {\n                attributes: true,\n                attributeFilter: ['checked']\n            });\n\n            this.destroyRef.onDestroy(() => mutationObserver.disconnect());\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxCheckboxButtonDirective } from './src/checkbox-button';\nimport { RdxCheckboxIndicatorDirective } from './src/checkbox-indicator';\nimport { RdxCheckboxIndicatorPresenceDirective } from './src/checkbox-indicator-presence';\nimport { RdxCheckboxInputDirective } from './src/checkbox-input';\nimport { RdxCheckboxRootDirective } from './src/checkbox-root';\n\nexport * from './src/checkbox-button';\nexport * from './src/checkbox-indicator';\nexport * from './src/checkbox-indicator-presence';\nexport * from './src/checkbox-input';\nexport * from './src/checkbox-root';\nexport type { CheckedState } from './src/checkbox-root';\n\nexport const checkboxImports = [\n    RdxCheckboxInputDirective,\n    RdxCheckboxRootDirective,\n    RdxCheckboxButtonDirective,\n    RdxCheckboxIndicatorDirective,\n    RdxCheckboxIndicatorPresenceDirective\n];\n\n@NgModule({\n    imports: [...checkboxImports],\n    exports: [...checkboxImports]\n})\nexport class RdxCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;;AAOM,SAAU,eAAe,CAAC,OAAsB,EAAA;IAClD,OAAO,OAAO,KAAK,eAAe;AACtC;AAEM,SAAU,QAAQ,CAAC,OAAqB,EAAA;IAC1C,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW;AACzF;AAEA,MAAM,WAAW,GAAG,MAAK;AACrB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,wBAAwB,CAAC;AACjD,IAAA,MAAM,oBAAoB,GAAG,MAAM,CAAwC,uBAAuB,CAAC;IAEnG,OAAO;QACH,OAAO,EAAE,oBAAoB,CAAC,KAAK;QACnC,QAAQ,EAAE,oBAAoB,CAAC,QAAQ;QACvC,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,MAAM,GAAA;YACF,QAAQ,CAAC,MAAM,EAAE;QACrB;KACH;AACL,CAAC;AAIM,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,GAChE,aAAa,CAAsB,qBAAqB;AAE5D;;AAEG;MAcU,wBAAwB,CAAA;AAbrC,IAAA,WAAA,GAAA;AAcqB,QAAA,IAAA,CAAA,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,CAAC;AAEvE;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAe,KAAK,8EAAC;AAE7C;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,IAAI,4EAAC;AAEpC;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAE/B;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAE/B;;;AAGG;AACM,QAAA,IAAA,CAAA,eAAe,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;AAEjG,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE;AAEjD,YAAA,IAAI,OAAO,KAAK,eAAe,EAAE;AAC7B,gBAAA,OAAO,OAAO;YAClB;YAEA,OAAO,OAAO,GAAG,SAAS,GAAG,WAAW;AAC5C,QAAA,CAAC,4EAAC;AAWL,IAAA;IATG,MAAM,GAAA;QACF,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE;AAEjD,QAAA,IAAI,OAAO,KAAK,eAAe,EAAE;AAC7B,YAAA,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC5C;QAEA,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC;IAChD;8GArES,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,kjCAXtB,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAW3C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,SAAS,EAAE,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;AACpD,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,uBAAuB;AAClC,4BAAA,MAAM,EAAE,CAAC,eAAe,EAAE,UAAU;AACvC;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,mBAAmB,EAAE;AACxB;AACJ,iBAAA;;;ACnDD;;;;;AAKG;MAmBU,0BAA0B,CAAA;AAlBvC,IAAA,WAAA,GAAA;QAmBuB,IAAA,CAAA,WAAW,GAAG,yBAAyB,EAAG;AAE5C,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAgC,UAAU,CAAC;AAgBlF,IAAA;AAda,IAAA,OAAO,CAAC,KAAiB,EAAA;QAC/B,IAAI,KAAK,CAAC,gBAAgB,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE;YACvD;QACJ;AAEA,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;AAEzB,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;;;;YAI1E,KAAK,CAAC,eAAe,EAAE;QAC3B;IACJ;8GAlBS,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,yBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,iFAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,eAAA,EAAA,2CAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAlBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,qBAAqB,EAAE,6EAA6E;AACpG,wBAAA,sBAAsB,EAAE,qCAAqC;AAC7D,wBAAA,sBAAsB,EAAE,qCAAqC;AAC7D,wBAAA,mBAAmB,EAAE,qBAAqB;AAC1C,wBAAA,sBAAsB,EAAE,qCAAqC;AAC7D,wBAAA,sBAAsB,EAAE,qCAAqC;AAC7D,wBAAA,iBAAiB,EAAE,yCAAyC;AAC5D,wBAAA,cAAc,EAAE,qBAAqB;AACrC,wBAAA,SAAS,EAAE,iBAAiB;;AAE5B,wBAAA,iBAAiB,EAAE;AACtB;AACJ,iBAAA;;;MCdY,6BAA6B,CAAA;AAT1C,IAAA,WAAA,GAAA;QAUuB,IAAA,CAAA,WAAW,GAAG,yBAAyB,EAAG;AAChE,IAAA;8GAFY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,2CAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBATzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,IAAI,EAAE;AACF,wBAAA,mBAAmB,EAAE,qBAAqB;AAC1C,wBAAA,sBAAsB,EAAE,yCAAyC;AACjE,wBAAA,UAAU,EAAE,wBAAwB;AACpC,wBAAA,wBAAwB,EAAE;AAC7B;AACJ,iBAAA;;;MCMY,qCAAqC,CAAA;8GAArC,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,SAAA,EAXnC;YACP,yBAAyB,CAAC,MAAK;AAC3B,gBAAA,MAAM,WAAW,GAAG,yBAAyB,EAAG;gBAEhD,OAAO;AACH,oBAAA,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE;iBAClD;AACL,YAAA,CAAC;AACJ,SAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,IAAA,CAAA,oBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAGQ,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAbjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2CAA2C;AACrD,oBAAA,SAAS,EAAE;wBACP,yBAAyB,CAAC,MAAK;AAC3B,4BAAA,MAAM,WAAW,GAAG,yBAAyB,EAAG;4BAEhD,OAAO;AACH,gCAAA,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE;6BAClD;AACL,wBAAA,CAAC;AACJ,qBAAA;oBACD,cAAc,EAAE,CAAC,oBAAoB;AACxC,iBAAA;;;MCSY,yBAAyB,CAAA;AAOlC,IAAA,WAAA,GAAA;QANmB,IAAA,CAAA,WAAW,GAAG,yBAAyB,EAAG;AAE5C,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA+B,UAAU,CAAC;AAE7D,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAG5C;;;;;;;;AAQG;QACH,eAAe,CAAC,MAAK;AACjB,YAAA,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;AAC/C,gBAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACtF,YAAA,CAAC,CAAC;YACF,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AACpD,gBAAA,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,CAAC,SAAS;AAC9B,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,gBAAgB,CAAC,UAAU,EAAE,CAAC;AAClE,QAAA,CAAC,CAAC;IACN;8GA5BS,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,iCAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,iCAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qCAAA,EAAA,eAAA,EAAA,2CAAA,EAAA,OAAA,EAAA,8LAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAtBrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,aAAa,EAAE,iCAAiC;AAChD,wBAAA,gBAAgB,EAAE,uBAAuB;AACzC,wBAAA,aAAa,EAAE,iCAAiC;AAChD,wBAAA,cAAc,EAAE,qBAAqB;AACrC,wBAAA,YAAY,EAAE,qCAAqC;AACnD,wBAAA,iBAAiB,EAAE,yCAAyC;AAC5D,wBAAA,SAAS,EAAE,CAAA;;;;;;;AAOT,SAAA;AACL;AACJ,iBAAA;;;ACVM,MAAM,eAAe,GAAG;IAC3B,yBAAyB;IACzB,wBAAwB;IACxB,0BAA0B;IAC1B,6BAA6B;IAC7B;;MAOS,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAX1B,yBAAyB;YACzB,wBAAwB;YACxB,0BAA0B;YAC1B,6BAA6B;AAC7B,YAAA,qCAAqC,aAJrC,yBAAyB;YACzB,wBAAwB;YACxB,0BAA0B;YAC1B,6BAA6B;YAC7B,qCAAqC,CAAA,EAAA,CAAA,CAAA;+GAO5B,iBAAiB,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,eAAe,CAAC;AAC7B,oBAAA,OAAO,EAAE,CAAC,GAAG,eAAe;AAC/B,iBAAA;;;ACzBD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-checkbox.mjs","sources":["../../../packages/primitives/checkbox/src/checkbox-group.ts","../../../packages/primitives/checkbox/src/checkbox-root.ts","../../../packages/primitives/checkbox/src/checkbox-button.ts","../../../packages/primitives/checkbox/src/checkbox-indicator.ts","../../../packages/primitives/checkbox/src/checkbox-indicator-presence.ts","../../../packages/primitives/checkbox/src/checkbox-input.ts","../../../packages/primitives/checkbox/index.ts","../../../packages/primitives/checkbox/radix-ng-primitives-checkbox.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    model,\n    output,\n    signal,\n    Signal\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { BooleanInput, createContext, provideValueAccessor } from '@radix-ng/primitives/core';\nimport type { CheckedState } from './checkbox-root';\n\nexport interface RdxCheckboxGroupContext {\n    /** The names of the currently checked checkboxes. */\n    value: Signal<string[]>;\n    /** All checkbox names, used by a `parent` checkbox to check/uncheck every child. */\n    allValues: Signal<string[]>;\n    /** Whether the whole group is disabled. */\n    disabled: Signal<boolean>;\n    /** The derived state of a `parent` checkbox: all / none / some checked. */\n    parentState: Signal<CheckedState>;\n    /** The space-separated control ids the `parent` checkbox controls (for `aria-controls`). */\n    controlledIds: Signal<string | undefined>;\n    /** A stable id for a child's control element, derived from the group id and the child name. */\n    controlId: (name: string) => string;\n    /** Toggle a single child by name. */\n    toggleValue: (name: string) => void;\n    /** Toggle every child on or off (used by a `parent` checkbox). */\n    toggleAll: () => void;\n    /** Register a child's name and disabled state so the parent can preserve disabled items. */\n    registerChild: (name: string, disabled: Signal<boolean>) => () => void;\n    /** Register a child's control element id so the parent can reference it via `aria-controls`. */\n    registerControl: (name: string, id: string) => () => void;\n}\n\nexport const [injectCheckboxGroupContext, provideCheckboxGroupContext] =\n    createContext<RdxCheckboxGroupContext>('CheckboxGroupContext');\n\nconst groupContext = (): RdxCheckboxGroupContext => {\n    const group = inject(RdxCheckboxGroupDirective);\n    return {\n        value: group.value,\n        allValues: group.allValues,\n        disabled: group.disabledState,\n        parentState: group.parentState,\n        controlledIds: group.controlledIds,\n        controlId: (name) => group.controlId(name),\n        toggleValue: (name) => group.toggleValue(name),\n        toggleAll: () => group.toggleAll(),\n        registerChild: (name, disabled) => group.registerChild(name, disabled),\n        registerControl: (name, id) => group.registerControl(name, id)\n    };\n};\n\nlet nextCheckboxGroupId = 0;\n\n/**\n * Groups a set of checkboxes that share a single array value (the names of the checked boxes).\n *\n * Each child `rdxCheckboxRoot` participates by its `name`. A child marked `parent` becomes a\n * \"select all\" checkbox whose state is derived from `allValues`.\n */\n@Directive({\n    selector: '[rdxCheckboxGroup]',\n    exportAs: 'rdxCheckboxGroup',\n    providers: [provideValueAccessor(RdxCheckboxGroupDirective), provideCheckboxGroupContext(groupContext)],\n    host: {\n        role: 'group',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined'\n    }\n})\nexport class RdxCheckboxGroupDirective implements ControlValueAccessor {\n    /** The names of the currently checked checkboxes. Use with `onValueChange` or `[(value)]`. */\n    readonly value = model<string[]>([]);\n\n    /** The names checked initially when the group is uncontrolled. */\n    readonly defaultValue = input<string[]>();\n\n    /** All checkbox names in the group. Required for a `parent` (select-all) checkbox. */\n    readonly allValues = input<string[]>([]);\n\n    /** Whether the whole group is disabled. */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** Emits the new array of checked names whenever the value changes. */\n    readonly onValueChange = output<string[]>();\n\n    private readonly disabledByCva = signal(false);\n    readonly disabledState = computed(() => this.disabledByCva() || this.disabled());\n\n    /** Derived state for a `parent` checkbox: `true` (all), `false` (none) or `'indeterminate'`. */\n    readonly parentState = computed<CheckedState>(() => {\n        const total = this.allValues().length;\n        const count = this.value().length;\n        if (total > 0 && count === total) {\n            return true;\n        }\n        return count > 0 ? 'indeterminate' : false;\n    });\n\n    /**\n     * The value as last set directly by a child (or the initial value) — the \"remembered\" partial\n     * selection that a `parent` checkbox cycles back to, mirroring Base UI's `uncontrolledStateRef`.\n     */\n    private uncontrolledState: string[] = [];\n    private seeded = false;\n    /** Where the parent is in its mixed → on → off cycle. Reset to `mixed` on any direct child change. */\n    private parentStatus: 'on' | 'off' | 'mixed' = 'mixed';\n    /** Per-name disabled signals, so the parent can preserve disabled-but-checked children. */\n    private readonly disabledByName = new Map<string, Signal<boolean>>();\n\n    /** Stable group id used to derive child control ids when the consumer sets none. */\n    private readonly elementId = `rdx-checkbox-group-${nextCheckboxGroupId++}`;\n    /** Registered control element ids, keyed by child name. */\n    private readonly controlIds = signal<Record<string, string>>({});\n\n    /** The space-separated control ids in `allValues` order, for the parent's `aria-controls`. */\n    readonly controlledIds = computed<string | undefined>(() => {\n        const ids = this.controlIds();\n        const list = this.allValues()\n            .map((name) => ids[name])\n            .filter((id): id is string => id !== undefined);\n        return list.length > 0 ? list.join(' ') : undefined;\n    });\n\n    private hasAppliedDefault = false;\n    private onChange: (value: string[]) => void = () => {\n        /* Empty */\n    };\n    onTouched: () => void = () => {\n        /* Empty */\n    };\n\n    constructor() {\n        effect(() => {\n            const defaultValue = this.defaultValue();\n            if (!this.hasAppliedDefault && defaultValue !== undefined) {\n                this.hasAppliedDefault = true;\n                this.value.set(defaultValue);\n            }\n        });\n    }\n\n    /** @ignore Register a child's disabled signal keyed by its name. */\n    registerChild(name: string, disabled: Signal<boolean>): () => void {\n        this.disabledByName.set(name, disabled);\n        return () => {\n            if (this.disabledByName.get(name) === disabled) {\n                this.disabledByName.delete(name);\n            }\n        };\n    }\n\n    /** A stable control id for a child, derived from the group id and the child name. */\n    controlId(name: string): string {\n        return `${this.elementId}-${name}`;\n    }\n\n    /** @ignore Register a child's control element id so the parent can list it in `aria-controls`. */\n    registerControl(name: string, id: string): () => void {\n        this.controlIds.update((ids) => ({ ...ids, [name]: id }));\n        return () => {\n            this.controlIds.update((ids) => {\n                if (ids[name] !== id) {\n                    return ids;\n                }\n                const next = { ...ids };\n                delete next[name];\n                return next;\n            });\n        };\n    }\n\n    /** Add/remove a single child name from the value (a direct child change). */\n    toggleValue(name: string): void {\n        if (this.disabledState()) {\n            return;\n        }\n\n        const current = this.value();\n        const next = current.includes(name) ? current.filter((v) => v !== name) : [...current, name];\n        this.emit(next);\n\n        // A direct child change becomes the new \"remembered\" selection and resets the parent cycle.\n        this.seeded = true;\n        this.uncontrolledState = next;\n        this.parentStatus = 'mixed';\n    }\n\n    /**\n     * Toggle from the `parent` checkbox. Mirrors Base UI's `useCheckboxGroupParent`:\n     *\n     * - When the remembered selection is all/none, this is a plain check-all ↔ uncheck-all toggle.\n     * - When it is a partial selection, clicks cycle: partial → all → none → partial → …, so the\n     *   user's original partial choice is restored rather than lost.\n     *\n     * Disabled-but-checked children are always preserved (they cannot be toggled programmatically).\n     */\n    toggleAll(): void {\n        if (this.disabledState()) {\n            return;\n        }\n\n        this.ensureSeeded();\n\n        const allValues = this.allValues();\n        const remembered = this.uncontrolledState;\n\n        // Disabled children that were checked stay checked through every transition.\n        const none = allValues.filter((name) => this.isNameDisabled(name) && remembered.includes(name));\n        const all = allValues.filter((name) => !this.isNameDisabled(name) || remembered.includes(name));\n\n        const rememberedIsAllOrNone = remembered.length === all.length || remembered.length === 0;\n        if (rememberedIsAllOrNone) {\n            this.emit(this.value().length === all.length ? none : all);\n            return;\n        }\n\n        let nextStatus: 'on' | 'off' | 'mixed' = 'mixed';\n        let nextValue = remembered;\n        if (this.parentStatus === 'mixed') {\n            nextStatus = 'on';\n            nextValue = all;\n        } else if (this.parentStatus === 'on') {\n            nextStatus = 'off';\n            nextValue = none;\n        }\n\n        this.emit(nextValue);\n        this.parentStatus = nextStatus;\n    }\n\n    private isNameDisabled(name: string): boolean {\n        return this.disabledByName.get(name)?.() ?? false;\n    }\n\n    /** Seed the remembered selection from the current value the first time the parent is used. */\n    private ensureSeeded(): void {\n        if (!this.seeded) {\n            this.seeded = true;\n            this.uncontrolledState = this.value();\n        }\n    }\n\n    private emit(next: string[]): void {\n        this.value.set(next);\n        this.onValueChange.emit(next);\n        this.onChange(next);\n        this.onTouched();\n    }\n\n    /** @ignore */\n    writeValue(value: string[] | null): void {\n        this.value.set(value ?? []);\n    }\n\n    /** @ignore */\n    registerOnChange(fn: (value: string[]) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @ignore */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabledByCva.set(isDisabled);\n    }\n}\n","import { booleanAttribute, computed, Directive, effect, inject, input, model } from '@angular/core';\nimport { outputFromObservable, outputToObservable } from '@angular/core/rxjs-interop';\nimport {\n    BooleanInput,\n    createContext,\n    RdxControlValueAccessor,\n    RdxFormCheckboxControl\n} from '@radix-ng/primitives/core';\nimport { injectCheckboxGroupContext } from './checkbox-group';\n\n/**\n * Internal tri-state used only for the derived `parent` (select-all) state in\n * `rdxCheckboxGroup` and the `data-state` string. The public `checked` member is\n * a plain `boolean`; mixed state is exposed via the separate `indeterminate`\n * member (Base UI shape).\n */\nexport type CheckedState = boolean | 'indeterminate';\n\nexport function isIndeterminate(checked?: CheckedState): checked is 'indeterminate' {\n    return checked === 'indeterminate';\n}\n\nexport function getState(checked: CheckedState) {\n    return isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\n\nconst rootContext = () => {\n    const checkbox = inject(RdxCheckboxRootDirective);\n\n    // `checked`/`disabled` come from the directive so they reflect group membership when the\n    // checkbox is inside a `rdxCheckboxGroup`; otherwise they fall back to the CVA.\n    return {\n        checked: checkbox.checkedState,\n        indeterminate: checkbox.indeterminateState,\n        disabled: checkbox.disabledState,\n        required: checkbox.required,\n        value: checkbox.submitValue,\n        name: checkbox.name,\n        parent: checkbox.parent,\n        form: checkbox.form,\n        readonly: checkbox.readonly,\n        state: checkbox.state,\n        toggle() {\n            checkbox.toggle();\n        }\n    };\n};\n\nexport type CheckboxRootContext = ReturnType<typeof rootContext>;\n\nexport const [injectCheckboxRootContext, provideCheckboxRootContext] =\n    createContext<CheckboxRootContext>('CheckboxRootContext');\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxCheckboxRoot]',\n    providers: [provideCheckboxRootContext(rootContext)],\n    hostDirectives: [\n        {\n            directive: RdxControlValueAccessor,\n            inputs: ['value:checked', 'disabled']\n        }\n    ],\n    host: {\n        '[attr.data-state]': 'state()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonly() ? \"\" : undefined',\n        '[attr.data-required]': 'required() ? \"\" : undefined'\n    }\n})\nexport class RdxCheckboxRootDirective implements RdxFormCheckboxControl {\n    private readonly controlValueAccessor = inject(RdxControlValueAccessor);\n\n    /** The group this checkbox belongs to, if it is rendered inside a `rdxCheckboxGroup`. */\n    private readonly group = injectCheckboxGroupContext(true);\n\n    /**\n     * @ignore\n     * Reflects the effective disabled state (CVA, covering reactive-forms `.disable()`, plus the\n     * group's disabled state), used for the `data-disabled` host attribute.\n     */\n    protected readonly isDisabled = computed(() => this.disabledState());\n\n    /**\n     * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.\n     *\n     * Mixed state is no longer expressed through `checked` — use the separate\n     * `indeterminate` input (Base UI shape). This `boolean` model is what\n     * `RdxFormCheckboxControl` / Angular Signal Forms bind to.\n     * @group Props\n     */\n    readonly checked = model<boolean>(false);\n\n    /**\n     * Whether the checkbox is in a mixed state: neither ticked nor unticked.\n     * Orthogonal to `checked` and not part of the submitted form value. A user\n     * click resolves the checkbox to `checked` and clears `indeterminate`.\n     * @group Props\n     */\n    readonly indeterminate = model<boolean>(false);\n\n    /**\n     * The value of the checkbox. This is what is submitted with the form when the checkbox is checked.\n     *\n     * Bound publicly as `[value]`; the TS member is named `submitValue` so the\n     * directive can satisfy `RdxFormCheckboxControl`, whose contract reserves a\n     * `value` member for `RdxFormValueControl` and forbids it on checkbox-style\n     * controls. (Checkbox is not yet marked `implements` — its `checked` is still\n     * `CheckedState`; see the `indeterminate` half of collision #1.)\n     * @group Props\n     */\n    readonly submitValue = input<string>('on', { alias: 'value' });\n\n    /**\n     * Whether or not the checkbox button is disabled. This prevents the user from interacting with it.\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the user should be unable to tick or untick the checkbox.\n     * @group Props\n     */\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether or not the checkbox is required.\n     * @group Props\n     */\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Name of the form control. Submitted with the form as part of a name/value pair. Inside a\n     * `rdxCheckboxGroup` this also identifies the checkbox in the group's value array.\n     * @group Props\n     */\n    readonly name = input<string>();\n\n    /**\n     * When inside a `rdxCheckboxGroup`, marks this as the \"select all\" checkbox: its state is\n     * derived from the group's `allValues`, and toggling it checks or unchecks every child.\n     * @group Props\n     */\n    readonly parent = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Associates the control with a form element.\n     * @group Props\n     */\n    readonly form = input<string>();\n\n    /**\n     * Event emitted when the checkbox checked state changes.\n     * @group Emits\n     */\n    readonly onCheckedChange = outputFromObservable(outputToObservable(this.controlValueAccessor.valueChange));\n\n    /**\n     * @ignore\n     * The effective checked state as a `boolean`. Inside a `rdxCheckboxGroup` it is derived from the\n     * group (a `parent` checkbox is checked only when every child is; a child from whether its `name`\n     * is in the group value); standalone it reads the CVA value.\n     */\n    readonly checkedState = computed<boolean>(() => {\n        const group = this.group;\n        if (group) {\n            if (this.parent()) {\n                return group.parentState() === true;\n            }\n\n            const name = this.name();\n            if (name !== undefined) {\n                return group.value().includes(name);\n            }\n        }\n\n        return !!this.controlValueAccessor.value();\n    });\n\n    /**\n     * @ignore\n     * The effective mixed state. A `parent` checkbox is indeterminate when some — but not all —\n     * children are checked; otherwise it follows the `indeterminate` input.\n     */\n    readonly indeterminateState = computed<boolean>(() => {\n        const group = this.group;\n        if (group && this.parent()) {\n            return group.parentState() === 'indeterminate';\n        }\n\n        return this.indeterminate();\n    });\n\n    /** @ignore The effective disabled state, including the group. */\n    readonly disabledState = computed(() => this.controlValueAccessor.disabled() || (this.group?.disabled() ?? false));\n\n    readonly state = computed(() =>\n        this.indeterminateState() ? 'indeterminate' : this.checkedState() ? 'checked' : 'unchecked'\n    );\n\n    constructor() {\n        // Inside a group, register this child's name and its own disabled state so a `parent`\n        // checkbox can preserve disabled-but-checked children when selecting/deselecting all.\n        effect((onCleanup) => {\n            const group = this.group;\n            const name = this.name();\n            if (group && !this.parent() && name !== undefined) {\n                onCleanup(group.registerChild(name, this.controlValueAccessor.disabled));\n            }\n        });\n    }\n\n    toggle() {\n        const group = this.group;\n        if (group) {\n            if (this.parent()) {\n                group.toggleAll();\n                return;\n            }\n\n            const name = this.name();\n            if (name !== undefined) {\n                group.toggleValue(name);\n                return;\n            }\n        }\n\n        // From the indeterminate state a click resolves to checked (matching\n        // native + Base UI), otherwise it flips the boolean. A single setValue so\n        // onCheckedChange fires once; the `checked`/`indeterminate` models are\n        // kept in sync so `[(checked)]` / `[(indeterminate)]` reflect the change.\n        const next = this.indeterminateState() ? true : !this.checkedState();\n\n        this.indeterminate.set(false);\n        this.checked.set(next);\n        this.controlValueAccessor.setValue(next);\n    }\n}\n","import { computed, Directive, effect, ElementRef, inject } from '@angular/core';\nimport { injectCheckboxGroupContext } from './checkbox-group';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n/**\n * Directive: rdxCheckboxButton\n * Purpose: Turns a native <button> into an accessible checkbox control bound to the Radix Checkbox context.\n * It mirrors the checkbox state via ARIA/data attributes, toggles on click, and prevents Enter activation per WAI-ARIA.\n * In forms, it stops the button's click from bubbling so only the hidden input emits the native event used for form/validator integration.\n */\n@Directive({\n    selector: 'button[rdxCheckboxButton]',\n    host: {\n        type: 'button',\n        role: 'checkbox',\n        '[attr.aria-checked]': 'rootContext.indeterminate() ? \"mixed\" : rootContext.checked()',\n        '[attr.aria-controls]': 'ariaControls()',\n        '[attr.aria-required]': 'rootContext.required() || undefined',\n        '[attr.aria-readonly]': 'rootContext.readonly() || undefined',\n        '[attr.data-state]': 'rootContext.state()',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'rootContext.readonly() ? \"\" : undefined',\n        '[attr.disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.value]': 'rootContext.value()',\n        '(click)': 'clicked($event)',\n        // According to WAI ARIA, Checkboxes don't activate on enter keypress\n        '(keydown.enter)': '$event.preventDefault()'\n    }\n})\nexport class RdxCheckboxButtonDirective {\n    protected readonly rootContext = injectCheckboxRootContext();\n    private readonly group = injectCheckboxGroupContext(true);\n\n    private readonly elementRef = inject<ElementRef<HTMLButtonElement>>(ElementRef);\n\n    /** A `parent` checkbox lists the ids of the children it controls. */\n    protected readonly ariaControls = computed(() =>\n        this.group && this.rootContext.parent() ? this.group.controlledIds() : undefined\n    );\n\n    constructor() {\n        // A child checkbox in a group exposes its control id so the parent can reference it via\n        // `aria-controls`. Use the consumer's id when present, otherwise derive a stable one.\n        effect((onCleanup) => {\n            const group = this.group;\n            const name = this.rootContext.name();\n            if (!group || this.rootContext.parent() || name === undefined) {\n                return;\n            }\n\n            const el = this.elementRef.nativeElement;\n            if (!el.id) {\n                el.id = group.controlId(name);\n            }\n            onCleanup(group.registerControl(name, el.id));\n        });\n    }\n\n    protected clicked(event: MouseEvent) {\n        if (event.defaultPrevented || this.rootContext.readonly()) {\n            return;\n        }\n\n        this.rootContext.toggle();\n\n        if (this.rootContext.form() || this.elementRef.nativeElement.closest('form')) {\n            // if checkbox is in a form, stop propagation from the button so that we only propagate\n            // one click event (from the input). We propagate changes from an input so that native\n            // form validation works and form events reflect checkbox updates.\n            event.stopPropagation();\n        }\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n@Directive({\n    selector: '[rdxCheckboxIndicator]',\n    host: {\n        '[attr.data-state]': 'rootContext.state()',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[hidden]': '!rootContext.checked() && !rootContext.indeterminate()',\n        '[style.pointer-events]': '\"none\"'\n    }\n})\nexport class RdxCheckboxIndicatorDirective {\n    protected readonly rootContext = injectCheckboxRootContext();\n}\n","import { computed, Directive } from '@angular/core';\nimport { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n@Directive({\n    selector: 'ng-template[rdxCheckboxIndicatorPresence]',\n    providers: [\n        provideRdxPresenceContext(() => {\n            const rootContext = injectCheckboxRootContext();\n\n            return {\n                present: computed(() => rootContext.checked() || rootContext.indeterminate())\n            };\n        })\n    ],\n    hostDirectives: [RdxPresenceDirective]\n})\nexport class RdxCheckboxIndicatorPresenceDirective {}\n","import { Directive, effect, ElementRef, inject } from '@angular/core';\nimport { injectCheckboxRootContext } from './checkbox-root';\n\n@Directive({\n    selector: 'input[rdxCheckboxInput]',\n    host: {\n        type: 'checkbox',\n        tabindex: '-1',\n        'aria-hidden': 'true',\n        '[attr.name]': 'rootContext.name() || undefined',\n        // Only a truly checked box is submitted; `indeterminate` is a property\n        // (set below), never a submitted \"checked\" value.\n        '[attr.checked]': 'rootContext.state() === \"checked\" ? \"\" : undefined',\n        '[attr.form]': 'rootContext.form() || undefined',\n        '[attr.value]': 'rootContext.value()',\n        '[required]': 'rootContext.required() || undefined',\n        '[attr.disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[style]': `{\n          position: 'absolute',\n          pointerEvents: 'none',\n          opacity: 0,\n          margin: 0,\n          inset: 0,\n          transform: 'translateX(-100%)',\n        }`\n    }\n})\nexport class RdxCheckboxInputDirective {\n    protected readonly rootContext = injectCheckboxRootContext();\n\n    private readonly input = inject<ElementRef<HTMLInputElement>>(ElementRef).nativeElement;\n\n    constructor() {\n        let isInitial = true;\n\n        /**\n         * Keeps the hidden native input in sync so form submission, native\n         * validation and form events reflect the checkbox state.\n         *\n         * - `indeterminate` is a native property (not a submittable value), so we\n         *   mirror it here rather than via an attribute.\n         * - On every change (but not the initial render) we emit bubbling\n         *   `input`/`change` events so native form listeners react. We do NOT\n         *   dispatch a `click`: a click on a checkbox runs the toggle activation\n         *   behavior and would desync the input from the bound state.\n         */\n        effect(() => {\n            // Track both so the native input mirrors the checkbox and emits change\n            // events when either the checked or indeterminate state moves.\n            this.rootContext.checked();\n            this.input.indeterminate = this.rootContext.indeterminate();\n\n            if (isInitial) {\n                isInitial = false;\n                return;\n            }\n\n            this.input.dispatchEvent(new Event('input', { bubbles: true }));\n            this.input.dispatchEvent(new Event('change', { bubbles: true }));\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxCheckboxButtonDirective } from './src/checkbox-button';\nimport { RdxCheckboxGroupDirective } from './src/checkbox-group';\nimport { RdxCheckboxIndicatorDirective } from './src/checkbox-indicator';\nimport { RdxCheckboxIndicatorPresenceDirective } from './src/checkbox-indicator-presence';\nimport { RdxCheckboxInputDirective } from './src/checkbox-input';\nimport { RdxCheckboxRootDirective } from './src/checkbox-root';\n\nexport * from './src/checkbox-button';\nexport * from './src/checkbox-group';\nexport * from './src/checkbox-indicator';\nexport * from './src/checkbox-indicator-presence';\nexport * from './src/checkbox-input';\nexport * from './src/checkbox-root';\nexport type { CheckedState } from './src/checkbox-root';\n\nexport const checkboxImports = [\n    RdxCheckboxInputDirective,\n    RdxCheckboxRootDirective,\n    RdxCheckboxButtonDirective,\n    RdxCheckboxIndicatorDirective,\n    RdxCheckboxIndicatorPresenceDirective,\n    RdxCheckboxGroupDirective\n];\n\n@NgModule({\n    imports: [...checkboxImports],\n    exports: [...checkboxImports]\n})\nexport class RdxCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -1,19 +1,23 @@
 import * as i0 from '@angular/core';
-import { inject, untracked, model, input, booleanAttribute, linkedSignal, computed, output, Directive, ElementRef, PLATFORM_ID, signal, effect, afterNextRender, NgModule } 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 } from '@radix-ng/primitives/core';
-import { isPlatformBrowser } from '@angular/common';
+import { createContext, useTransitionStatus, injectId } from '@radix-ng/primitives/core';
 
 const [injectCollapsibleRootContext, provideCollapsibleRootContext] = createContext('CollapsibleRootContext');
 const rootContext = () => {
     const instance = inject(RdxCollapsibleRootDirective);
     return {
-        contentId: instance.contentId,
-        disabled: instance.isDisabled,
+        panelId: instance.panelId,
         open: instance.open,
+        disabled: instance.disabled,
+        transitionStatus: instance.transitionStatus,
+        mounted: instance.mounted,
+        keepMounted: instance.keepMountedContext,
+        hiddenUntilFound: instance.hiddenUntilFoundContext,
+        registerTransitionElement: (element) => instance.registerTransitionElement(element),
         toggle: () => {
-            if (instance.isDisabled()) {
+            if (instance.disabled()) {
                 return;
             }
             untracked(() => {
@@ -24,39 +28,83 @@ const rootContext = () => {
     };
 };
 /**
+ * Groups all parts of the collapsible.
+ *
  * @group Components
  */
 class RdxCollapsibleRootDirective {
     constructor() {
+        this.transition = useTransitionStatus((open) => this.onOpenChangeComplete.emit(open));
+        /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */
+        this.transitionStatus = this.transition.status;
+        /** Registers the panel element whose transition duration gates the close completion. */
+        this.registerTransitionElement = this.transition.registerElement;
         /**
          * The controlled open state of the collapsible.
-         * Sets the state of the directive. `true` - expanded, `false` - collapsed
+         * `true` - expanded, `false` - collapsed.
          *
          * @group Props
          * @defaultValue false
          */
         this.open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
-        this.contentId = input('', ...(ngDevMode ? [{ debugName: "contentId" }] : /* istanbul ignore next */ []));
         /**
-         * Determines whether a directive is available for interaction.
-         * When true, prevents the user from interacting with the collapsible.
+         * The open state of the collapsible when it is initially rendered.
+         * Use when you do not need to control its open state.
          *
          * @group Props
+         * @defaultValue false
+         */
+        this.defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Whether the component should ignore user interaction.
+         *
+         * @group Props
+         * @defaultValue false
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this._disabled = linkedSignal(this.disabled, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-        this.isDisabled = this._disabled.asReadonly();
-        this.isOpen = computed(() => this.open(), ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        /** Stable id linking the trigger's `aria-controls` to the panel. */
+        this.panelId = input(injectId('rdx-collapsible-panel-'), ...(ngDevMode ? [{ debugName: "panelId" }] : /* 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 */ []));
+        /** `true` while the panel must stay rendered: open, or mid exit transition. */
+        this.mounted = computed(() => this.open() || this.transitionStatus() === 'ending', ...(ngDevMode ? [{ debugName: "mounted" }] : /* istanbul ignore next */ []));
         /**
-         * Emitted with new value when directive state changed.
          * Event handler called when the open state of the collapsible changes.
          *
          * @group Emits
          */
         this.onOpenChange = output();
+        /**
+         * Event handler called after the open/close transition has finished.
+         *
+         * @group Emits
+         */
+        this.onOpenChangeComplete = output();
+        this.hasAppliedDefaultOpen = false;
+        this.previousOpen = this.open();
+        effect(() => {
+            const defaultOpen = this.defaultOpen();
+            if (!this.hasAppliedDefaultOpen && defaultOpen) {
+                this.hasAppliedDefaultOpen = true;
+                untracked(() => {
+                    this.open.set(true);
+                    // Treat an initially-open collapsible as settled so it doesn't play an
+                    // enter transition on first render.
+                    this.previousOpen = true;
+                });
+            }
+        });
+        effect(() => {
+            const open = this.open();
+            if (open !== this.previousOpen) {
+                this.previousOpen = open;
+                untracked(() => this.transition.start(open));
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCollapsibleRootDirective, isStandalone: true, selector: "[rdxCollapsibleRoot]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, contentId: { classPropertyName: "contentId", publicName: "contentId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", onOpenChange: "onOpenChange" }, host: { properties: { "attr.data-state": "open() ? \"open\" : \"closed\"", "attr.data-disabled": "disabled() ? \"\" : undefined" } }, providers: [provideCollapsibleRootContext(rootContext)], exportAs: ["rdxCollapsibleRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCollapsibleRootDirective, isStandalone: true, selector: "[rdxCollapsibleRoot]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", onOpenChange: "onOpenChange", onOpenChangeComplete: "onOpenChangeComplete" }, host: { properties: { "attr.data-open": "open() ? \"\" : undefined", "attr.data-closed": "open() ? undefined : \"\"", "attr.data-disabled": "disabled() ? \"\" : undefined" } }, providers: [provideCollapsibleRootContext(rootContext)], exportAs: ["rdxCollapsibleRoot"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleRootDirective, decorators: [{
             type: Directive,
@@ -65,24 +113,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     exportAs: 'rdxCollapsibleRoot',
                     providers: [provideCollapsibleRootContext(rootContext)],
                     host: {
-                        '[attr.data-state]': 'open() ? "open" : "closed"',
+                        '[attr.data-open]': 'open() ? "" : undefined',
+                        '[attr.data-closed]': 'open() ? undefined : ""',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined'
                     }
                 }]
-        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], contentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentId", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], onOpenChange: [{ type: i0.Output, args: ["onOpenChange"] }] } });
+        }], 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"] }] } });
 
-class RdxCollapsibleContentPresenceDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleContentPresenceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCollapsibleContentPresenceDirective, isStandalone: true, selector: "ng-template[rdxCollapsibleContentPresence]", providers: [
+/**
+ * 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: RdxCollapsibleContentPresenceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsiblePanelPresenceDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'ng-template[rdxCollapsibleContentPresence]',
+                    selector: 'ng-template[rdxCollapsiblePanelPresence]',
                     providers: [
                         provideRdxPresenceContext(() => ({
                             present: injectCollapsibleRootContext().open
@@ -92,98 +146,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
-class RdxCollapsibleContentDirective {
+/**
+ * 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.
+ */
+const optionalBoolean = (value) => value === undefined ? undefined : booleanAttribute(value);
+/**
+ * A panel with the collapsible contents.
+ */
+class RdxCollapsiblePanelDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
-        this.platformId = inject(PLATFORM_ID);
         this.rootContext = injectCollapsibleRootContext();
-        this.isOpen = computed(() => this.rootContext.open(), ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        /**
+         * 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.
+         *
+         * @group Props
+         * @defaultValue false
+         */
+        this.keepMounted = input(undefined, { ...(ngDevMode ? { debugName: "keepMounted" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+        /**
+         * Allows the browser's built-in page search to find and expand the panel contents.
+         * When `true`, the closed panel uses `hidden="until-found"` instead of plain `hidden`.
+         *
+         * @group Props
+         * @defaultValue false
+         */
+        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 */ []));
-        this.shouldHide = signal(true, ...(ngDevMode ? [{ debugName: "shouldHide" }] : /* istanbul ignore next */ []));
-        this.isMountAnimationPrevented = signal(true, ...(ngDevMode ? [{ debugName: "isMountAnimationPrevented" }] : /* istanbul ignore next */ []));
-        this.currentStyle = signal(null, ...(ngDevMode ? [{ debugName: "currentStyle" }] : /* istanbul ignore next */ []));
-        this.firstRender = true;
+        /**
+         * 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.
+         */
+        this.hidden = computed(() => {
+            const visible = this.rootContext.open() || this.rootContext.transitionStatus() === 'ending';
+            if (visible || this.rootContext.keepMounted()) {
+                return undefined;
+            }
+            return this.rootContext.hiddenUntilFound() ? 'until-found' : '';
+        }, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
+        /**
+         * The first measurement (the initial mount) must not re-enable animations, so an element that
+         * mounts already open renders at its final size without playing the open animation.
+         */
+        this.isFirstMeasure = true;
+        const unregister = this.rootContext.registerTransitionElement(this.elementRef.nativeElement);
+        inject(DestroyRef).onDestroy(unregister);
+        // 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(() => {
-            const isOpen = this.isOpen();
-            if (!isPlatformBrowser(this.platformId)) {
-                return;
+            const keepMounted = this.keepMounted();
+            if (keepMounted !== undefined) {
+                untracked(() => this.rootContext.keepMounted.set(keepMounted));
             }
-            requestAnimationFrame(() => {
-                this.updateDimensions(isOpen);
-            });
         });
-        afterNextRender(() => {
-            requestAnimationFrame(() => {
-                this.isMountAnimationPrevented.set(false);
-            });
+        effect(() => {
+            const hiddenUntilFound = this.hiddenUntilFound();
+            if (hiddenUntilFound !== undefined) {
+                untracked(() => this.rootContext.hiddenUntilFound.set(hiddenUntilFound));
+            }
+        });
+        // `afterRenderEffect` runs after the DOM is committed (but before paint) with the settled
+        // `open` state — no `requestAnimationFrame` race — and is a no-op during SSR.
+        afterRenderEffect(() => {
+            // Re-measure whenever the open state flips; the panel is visible at that point (during
+            // an exit it is kept rendered by the `ending` transition phase).
+            this.rootContext.open();
+            this.updateDimensions();
         });
     }
-    onAnimationEnd() {
-        if (!this.isOpen()) {
-            this.shouldHide.set(true);
-        }
-    }
-    async updateDimensions(isOpen) {
+    updateDimensions() {
         const node = this.elementRef.nativeElement;
         if (!node)
             return;
-        if (!this.currentStyle()) {
-            this.currentStyle.set({
-                transitionDuration: node.style.transitionDuration,
-                animationName: node.style.animationName
-            });
-        }
-        if (isOpen) {
-            this.shouldHide.set(false);
-            node.hidden = false;
-        }
+        this.originalStyles ??= {
+            transitionDuration: node.style.transitionDuration,
+            animationName: node.style.animationName
+        };
+        // Block any animation/transition so we can measure the element at its natural size.
         node.style.transitionDuration = '0s';
         node.style.animationName = 'none';
+        // Let the element take its natural height while measuring, so a `height` bound to the very
+        // variable we are computing (the Base UI collapse pattern) does not feed back into itself.
+        const previousHeight = node.style.height;
+        node.style.height = 'auto';
         const rect = node.getBoundingClientRect();
         this.height.set(rect.height);
         this.width.set(rect.width);
-        if (!this.isMountAnimationPrevented() && !this.firstRender) {
-            node.style.transitionDuration = this.currentStyle()?.transitionDuration || '';
-            node.style.animationName = this.currentStyle()?.animationName || '';
+        node.style.height = previousHeight;
+        // Re-enable the original animation, unless this is the very first (mount) measurement.
+        if (!this.isFirstMeasure) {
+            node.style.transitionDuration = this.originalStyles.transitionDuration;
+            node.style.animationName = this.originalStyles.animationName;
         }
-        this.firstRender = false;
+        this.isFirstMeasure = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCollapsibleContentDirective, isStandalone: true, selector: "[rdxCollapsibleContent]", host: { listeners: { "animationend": "onAnimationEnd()" }, properties: { "id": "rootContext.contentId()", "attr.data-state": "rootContext.open() ? \"open\" : \"closed\"", "attr.data-disabled": "rootContext.disabled() ? \"true\" : undefined", "attr.hidden": "shouldHide() ? \"until-found\" : undefined", "style.--radix-collapsible-content-width.px": "width()", "style.--radix-collapsible-content-height.px": "height()" } }, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsiblePanelDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[rdxCollapsibleContent]',
+                    selector: '[rdxCollapsiblePanel]',
                     host: {
-                        '[id]': 'rootContext.contentId()',
-                        '[attr.data-state]': 'rootContext.open() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'rootContext.disabled() ? "true" : undefined',
-                        '[attr.hidden]': 'shouldHide() ? "until-found" : undefined',
-                        '[style.--radix-collapsible-content-width.px]': 'width()',
-                        '[style.--radix-collapsible-content-height.px]': 'height()',
-                        '(animationend)': 'onAnimationEnd()'
+                        '[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()'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { 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.rootContext = injectCollapsibleRootContext();
     }
     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.contentId()", "attr.aria-expanded": "rootContext.open()", "attr.data-state": "rootContext.open() ? \"open\" : \"closed\"", "attr.data-disabled": "rootContext.disabled() ? \"true\" : 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": "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 }); }
 }
 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.contentId()',
+                        '[attr.aria-controls]': 'rootContext.panelId()',
                         '[attr.aria-expanded]': 'rootContext.open()',
-                        '[attr.data-state]': 'rootContext.open() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'rootContext.disabled() ? "true" : undefined',
+                        '[attr.data-panel-open]': 'rootContext.open() ? "" : undefined',
+                        '[attr.data-disabled]': 'rootContext.disabled() ? "" : undefined',
                         '[attr.disabled]': 'rootContext.disabled() || undefined',
                         '(click)': 'rootContext.toggle()'
                     }
@@ -191,20 +292,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 const _imports = [
-    RdxCollapsibleContentDirective,
+    RdxCollapsiblePanelDirective,
     RdxCollapsibleRootDirective,
     RdxCollapsibleTriggerDirective,
-    RdxCollapsibleContentPresenceDirective
+    RdxCollapsiblePanelPresenceDirective
 ];
 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: [RdxCollapsibleContentDirective,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxCollapsibleModule, imports: [RdxCollapsiblePanelDirective,
             RdxCollapsibleRootDirective,
             RdxCollapsibleTriggerDirective,
-            RdxCollapsibleContentPresenceDirective], exports: [RdxCollapsibleContentDirective,
+            RdxCollapsiblePanelPresenceDirective], exports: [RdxCollapsiblePanelDirective,
             RdxCollapsibleRootDirective,
             RdxCollapsibleTriggerDirective,
-            RdxCollapsibleContentPresenceDirective] }); }
+            RdxCollapsiblePanelPresenceDirective] }); }
     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: [{
@@ -219,5 +320,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RdxCollapsibleContentDirective, RdxCollapsibleContentPresenceDirective, RdxCollapsibleModule, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
+export { RdxCollapsibleModule, RdxCollapsiblePanelDirective, RdxCollapsiblePanelPresenceDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
 //# sourceMappingURL=radix-ng-primitives-collapsible.mjs.map