@radix-ng/primitives 0.37.0 → 0.38.0

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

@@ -1,22 +1,36 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, contentChild, input, booleanAttribute, output, Input, Directive, ElementRef } from '@angular/core';
-import { asyncScheduler } from 'rxjs';
+import { inject, untracked, model, input, booleanAttribute, linkedSignal, computed, output, Directive, ElementRef, signal, afterNextRender, NgModule } from '@angular/core';
+import * as i1 from '@radix-ng/primitives/presence';
+import { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';
+import { createContext, watch } from '@radix-ng/primitives/core';
 
-const RdxCollapsibleContentToken = new InjectionToken('RdxCollapsibleContentToken');
-
-const RdxCollapsibleRootToken = new InjectionToken('RdxCollapsibleRootToken');
-function injectCollapsible() {
-    return inject(RdxCollapsibleRootDirective);
-}
+const [injectCollapsibleRootContext, provideCollapsibleRootContext] = createContext('CollapsibleRootContext');
+const rootContext = () => {
+    const instance = inject(RdxCollapsibleRootDirective);
+    return {
+        contentId: instance.contentId,
+        disabled: instance.isDisabled,
+        open: instance.open,
+        toggle: () => {
+            untracked(() => instance.open.update((v) => !v));
+            instance.onOpenChange.emit(instance.open());
+        }
+    };
+};
 /**
  * @group Components
  */
 class RdxCollapsibleRootDirective {
     constructor() {
         /**
-         * Reference to RdxCollapsibleContent directive
+         * The controlled open state of the collapsible.
+         * Sets the state of the directive. `true` - expanded, `false` - collapsed
+         *
+         * @group Props
+         * @defaultValue false
          */
-        this.contentDirective = contentChild.required(RdxCollapsibleContentToken);
+        this.open = model(false);
+        this.contentId = input('');
         /**
          * Determines whether a directive is available for interaction.
          * When true, prevents the user from interacting with the collapsible.
@@ -24,10 +38,9 @@ class RdxCollapsibleRootDirective {
          * @group Props
          */
         this.disabled = input(false, { transform: booleanAttribute });
-        /**
-         * Stores collapsible state
-         */
-        this._open = false;
+        this._disabled = linkedSignal(this.disabled);
+        this.isDisabled = this._disabled.asReadonly();
+        this.isOpen = computed(() => this.open());
         /**
          * Emitted with new value when directive state changed.
          * Event handler called when the open state of the collapsible changes.
@@ -36,177 +49,159 @@ class RdxCollapsibleRootDirective {
          */
         this.onOpenChange = output();
     }
-    /**
-     * The controlled open state of the collapsible.
-     * Sets the state of the directive. `true` - expanded, `false` - collapsed
-     *
-     * @group Props
-     * @defaultValue false
-     */
-    set open(value) {
-        if (value !== this._open) {
-            this.onOpenChange.emit(value);
-        }
-        this._open = value;
-        this.setPresence();
-    }
-    get open() {
-        return this._open;
-    }
-    /**
-     * Allows to change directive state
-     * @param {boolean | undefined} value
-     * @ignore
-     */
-    setOpen(value) {
-        if (this.disabled()) {
-            return;
-        }
-        if (value === undefined) {
-            this.open = !this.open;
-        }
-        else {
-            this.open = value;
-        }
-        this.setPresence();
-    }
-    /**
-     * Returns directive state (open | closed)
-     * @ignore
-     */
-    getState() {
-        return this.open ? 'open' : 'closed';
-    }
-    /**
-     * Returns current directive state
-     * @ignore
-     */
-    isOpen() {
-        return this.open;
-    }
-    /**
-     * Controls visibility of content
-     */
-    setPresence() {
-        if (!this.contentDirective) {
-            return;
-        }
-        if (this.isOpen()) {
-            this.contentDirective().elementRef.nativeElement.removeAttribute('hidden');
-        }
-        else {
-            asyncScheduler.schedule(() => {
-                const animations = this.contentDirective().elementRef.nativeElement.getAnimations();
-                if (animations === undefined || animations.length === 0) {
-                    this.contentDirective().elementRef.nativeElement.setAttribute('hidden', '');
-                }
-            });
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.4", type: RdxCollapsibleRootDirective, isStandalone: true, selector: "[rdxCollapsibleRoot]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onOpenChange: "onOpenChange" }, host: { properties: { "attr.data-state": "getState()", "attr.data-disabled": "disabled() ? \"\" : undefined" } }, providers: [{ provide: RdxCollapsibleRootToken, useExisting: RdxCollapsibleRootDirective }], queries: [{ propertyName: "contentDirective", first: true, predicate: RdxCollapsibleContentToken, descendants: true, isSignal: true }], exportAs: ["collapsibleRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCollapsibleRoot]',
-                    exportAs: 'collapsibleRoot',
-                    providers: [{ provide: RdxCollapsibleRootToken, useExisting: RdxCollapsibleRootDirective }],
+                    exportAs: 'rdxCollapsibleRoot',
+                    providers: [provideCollapsibleRootContext(rootContext)],
                     host: {
-                        '[attr.data-state]': 'getState()',
+                        '[attr.data-state]': 'open() ? "open" : "closed"',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined'
                     }
                 }]
-        }], propDecorators: { open: [{
-                type: Input
-            }] } });
+        }] });
+
+class RdxCollapsibleContentPresenceDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleContentPresenceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxCollapsibleContentPresenceDirective, isStandalone: true, selector: "ng-template[rdxCollapsibleContentPresence]", providers: [
+            provideRdxPresenceContext(() => ({
+                present: injectCollapsibleRootContext().open
+            }))
+        ], hostDirectives: [{ directive: i1.RdxPresenceDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleContentPresenceDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[rdxCollapsibleContentPresence]',
+                    providers: [
+                        provideRdxPresenceContext(() => ({
+                            present: injectCollapsibleRootContext().open
+                        }))
+                    ],
+                    hostDirectives: [RdxPresenceDirective]
+                }]
+        }] });
 
 class RdxCollapsibleContentDirective {
     constructor() {
-        this.collapsible = inject(RdxCollapsibleRootDirective);
-        /**
-         * Reference to CollapsibleContent host element
-         * @ignore
-         */
         this.elementRef = inject(ElementRef);
+        this.rootContext = injectCollapsibleRootContext();
+        this.isOpen = computed(() => this.rootContext.open());
+        this.height = signal(0);
+        this.width = signal(0);
+        this.isMountAnimationPrevented = signal(true);
+        this.originalStyles = {
+            transition: '',
+            animation: ''
+        };
+        this.hiddenSignal = signal(false);
+        watch([this.isOpen], ([isOpen]) => {
+            if (isOpen) {
+                this.hiddenSignal.set(false);
+                setTimeout(() => {
+                    const node = this.elementRef.nativeElement;
+                    if (!node)
+                        return;
+                    node.style.transition = 'none';
+                    node.style.animation = 'none';
+                    const rect = node.getBoundingClientRect();
+                    this.height.set(rect.height);
+                    this.width.set(rect.width);
+                    if (!this.isMountAnimationPrevented()) {
+                        node.style.transition = this.originalStyles.transition;
+                        node.style.animation = this.originalStyles.animation;
+                    }
+                });
+            }
+        });
+        afterNextRender(() => {
+            this.originalStyles = {
+                transition: this.elementRef.nativeElement.style.transition,
+                animation: this.elementRef.nativeElement.style.animation
+            };
+            requestAnimationFrame(() => {
+                this.isMountAnimationPrevented.set(false);
+            });
+        });
     }
-    getDisabled() {
-        return this.collapsible.disabled() ? 'disabled' : undefined;
+    onAnimationEnd() {
+        if (!this.rootContext.open()) {
+            this.hiddenSignal.set(true);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxCollapsibleContentDirective, isStandalone: true, selector: "[rdxCollapsibleContent]", host: { properties: { "attr.data-state": "collapsible.getState()", "attr.data-disabled": "getDisabled()" } }, providers: [
-            {
-                provide: RdxCollapsibleContentToken,
-                useExisting: RdxCollapsibleContentDirective
-            }
-        ], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxCollapsibleContentDirective, isStandalone: true, selector: "[rdxCollapsibleContent]", host: { attributes: { "id": "rootContext.contentId()" }, listeners: { "animationend": "onAnimationEnd()" }, properties: { "attr.data-state": "rootContext.open() ? \"open\" : \"closed\"", "attr.data-disabled": "rootContext.disabled() ? \"true\" : undefined", "style.display": "hiddenSignal() ? \"none\" : undefined", "style.--radix-collapsible-content-width.px": "width()", "style.--radix-collapsible-content-height.px": "height()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCollapsibleContent]',
-                    providers: [
-                        {
-                            provide: RdxCollapsibleContentToken,
-                            useExisting: RdxCollapsibleContentDirective
-                        }
-                    ],
                     host: {
-                        '[attr.data-state]': 'collapsible.getState()',
-                        '[attr.data-disabled]': 'getDisabled()'
+                        id: 'rootContext.contentId()',
+                        '[attr.data-state]': 'rootContext.open() ? "open" : "closed"',
+                        '[attr.data-disabled]': 'rootContext.disabled() ? "true" : undefined',
+                        '[style.display]': 'hiddenSignal() ? "none" : undefined',
+                        '[style.--radix-collapsible-content-width.px]': 'width()',
+                        '[style.--radix-collapsible-content-height.px]': 'height()',
+                        '(animationend)': 'onAnimationEnd()'
                     }
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class RdxCollapsibleTriggerDirective {
     constructor() {
-        /**
-         * Reference to CollapsibleRoot
-         * @private
-         * @ignore
-         */
-        this.collapsible = injectCollapsible();
-    }
-    /**
-     * Called on trigger clicked
-     */
-    onOpenToggle() {
-        this.collapsible.setOpen();
-    }
-    /**
-     * Returns current directive state (open | closed)
-     * @ignore
-     */
-    getState() {
-        return this.collapsible.getState();
-    }
-    /**
-     * Returns current trigger state
-     * @ignore
-     */
-    getDisabled() {
-        return this.collapsible.disabled() ? 'disabled' : undefined;
+        this.rootContext = injectCollapsibleRootContext();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxCollapsibleTriggerDirective, isStandalone: true, selector: "[rdxCollapsibleTrigger]", host: { listeners: { "click": "onOpenToggle()" }, properties: { "attr.data-state": "getState()", "attr.data-disabled": "getDisabled()", "attr.aria-expanded": "getState() === \"open\" ? \"true\" : \"false\"", "disabled": "getDisabled()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", 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", "disabled": "rootContext.disabled()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCollapsibleTrigger]',
                     host: {
-                        '[attr.data-state]': 'getState()',
-                        '[attr.data-disabled]': 'getDisabled()',
-                        '[attr.aria-expanded]': 'getState() === "open" ? "true" : "false"',
-                        '[disabled]': 'getDisabled()',
-                        '(click)': 'onOpenToggle()'
+                        '[attr.aria-controls]': 'rootContext.contentId()',
+                        '[attr.aria-expanded]': 'rootContext.open()',
+                        '[attr.data-state]': 'rootContext.open() ? "open" : "closed"',
+                        '[attr.data-disabled]': 'rootContext.disabled() ? "true" : undefined',
+                        '[disabled]': 'rootContext.disabled()',
+                        '(click)': 'rootContext.toggle()'
                     }
                 }]
         }] });
 
+const _imports = [
+    RdxCollapsibleContentDirective,
+    RdxCollapsibleRootDirective,
+    RdxCollapsibleTriggerDirective,
+    RdxCollapsibleContentPresenceDirective
+];
+class RdxCollapsibleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleModule, imports: [RdxCollapsibleContentDirective,
+            RdxCollapsibleRootDirective,
+            RdxCollapsibleTriggerDirective,
+            RdxCollapsibleContentPresenceDirective], exports: [RdxCollapsibleContentDirective,
+            RdxCollapsibleRootDirective,
+            RdxCollapsibleTriggerDirective,
+            RdxCollapsibleContentPresenceDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCollapsibleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [..._imports],
+                    exports: [..._imports]
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { RdxCollapsibleContentDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsible };
+export { RdxCollapsibleContentDirective, RdxCollapsibleContentPresenceDirective, RdxCollapsibleModule, 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-content.token.ts","../../../packages/primitives/collapsible/src/collapsible-root.directive.ts","../../../packages/primitives/collapsible/src/collapsible-content.directive.ts","../../../packages/primitives/collapsible/src/collapsible-trigger.directive.ts","../../../packages/primitives/collapsible/radix-ng-primitives-collapsible.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { RdxCollapsibleContentDirective } from './collapsible-content.directive';\n\nexport const RdxCollapsibleContentToken = new InjectionToken<RdxCollapsibleContentDirective>(\n    'RdxCollapsibleContentToken'\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, contentChild, Directive, inject, InjectionToken, input, Input, output } from '@angular/core';\nimport { asyncScheduler } from 'rxjs';\nimport { RdxCollapsibleContentToken } from './collapsible-content.token';\n\nconst RdxCollapsibleRootToken = new InjectionToken<RdxCollapsibleRootDirective>('RdxCollapsibleRootToken');\n\nexport function injectCollapsible(): RdxCollapsibleRootDirective {\n    return inject(RdxCollapsibleRootDirective);\n}\n\nexport type RdxCollapsibleState = 'open' | 'closed';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollapsibleRoot]',\n    exportAs: 'collapsibleRoot',\n    providers: [{ provide: RdxCollapsibleRootToken, useExisting: RdxCollapsibleRootDirective }],\n    host: {\n        '[attr.data-state]': 'getState()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxCollapsibleRootDirective {\n    /**\n     * Reference to RdxCollapsibleContent directive\n     */\n    private readonly contentDirective = contentChild.required(RdxCollapsibleContentToken);\n\n    /**\n     * Determines whether a directive is available for interaction.\n     * When true, prevents the user from interacting with the collapsible.\n     *\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled open state of the collapsible.\n     * Sets the state of the directive. `true` - expanded, `false` - collapsed\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    @Input() set open(value: boolean) {\n        if (value !== this._open) {\n            this.onOpenChange.emit(value);\n        }\n\n        this._open = value;\n        this.setPresence();\n    }\n\n    get open(): boolean {\n        return this._open;\n    }\n\n    /**\n     * Stores collapsible state\n     */\n    private _open = false;\n\n    /**\n     * Emitted with new value when directive state changed.\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     * Allows to change directive state\n     * @param {boolean | undefined} value\n     * @ignore\n     */\n    setOpen(value?: boolean) {\n        if (this.disabled()) {\n            return;\n        }\n\n        if (value === undefined) {\n            this.open = !this.open;\n        } else {\n            this.open = value;\n        }\n\n        this.setPresence();\n    }\n\n    /**\n     * Returns directive state (open | closed)\n     * @ignore\n     */\n    getState(): RdxCollapsibleState {\n        return this.open ? 'open' : 'closed';\n    }\n\n    /**\n     * Returns current directive state\n     * @ignore\n     */\n    isOpen(): boolean {\n        return this.open;\n    }\n\n    /**\n     * Controls visibility of content\n     */\n    private setPresence(): void {\n        if (!this.contentDirective) {\n            return;\n        }\n\n        if (this.isOpen()) {\n            this.contentDirective().elementRef.nativeElement.removeAttribute('hidden');\n        } else {\n            asyncScheduler.schedule(() => {\n                const animations = this.contentDirective().elementRef.nativeElement.getAnimations();\n\n                if (animations === undefined || animations.length === 0) {\n                    this.contentDirective().elementRef.nativeElement.setAttribute('hidden', '');\n                }\n            });\n        }\n    }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\nimport { RdxCollapsibleContentToken } from './collapsible-content.token';\nimport { RdxCollapsibleRootDirective } from './collapsible-root.directive';\n\n@Directive({\n    selector: '[rdxCollapsibleContent]',\n    providers: [\n        {\n            provide: RdxCollapsibleContentToken,\n            useExisting: RdxCollapsibleContentDirective\n        }\n    ],\n    host: {\n        '[attr.data-state]': 'collapsible.getState()',\n        '[attr.data-disabled]': 'getDisabled()'\n    }\n})\nexport class RdxCollapsibleContentDirective {\n    protected readonly collapsible = inject(RdxCollapsibleRootDirective);\n\n    /**\n     * Reference to CollapsibleContent host element\n     * @ignore\n     */\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    getDisabled(): string | undefined {\n        return this.collapsible.disabled() ? 'disabled' : undefined;\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectCollapsible, RdxCollapsibleState } from './collapsible-root.directive';\n\n@Directive({\n    selector: '[rdxCollapsibleTrigger]',\n    host: {\n        '[attr.data-state]': 'getState()',\n        '[attr.data-disabled]': 'getDisabled()',\n        '[attr.aria-expanded]': 'getState() === \"open\" ? \"true\" : \"false\"',\n        '[disabled]': 'getDisabled()',\n\n        '(click)': 'onOpenToggle()'\n    }\n})\nexport class RdxCollapsibleTriggerDirective {\n    /**\n     * Reference to CollapsibleRoot\n     * @private\n     * @ignore\n     */\n    private readonly collapsible = injectCollapsible();\n\n    /**\n     * Called on trigger clicked\n     */\n    onOpenToggle(): void {\n        this.collapsible.setOpen();\n    }\n\n    /**\n     * Returns current directive state (open | closed)\n     * @ignore\n     */\n    getState(): RdxCollapsibleState {\n        return this.collapsible.getState();\n    }\n\n    /**\n     * Returns current trigger state\n     * @ignore\n     */\n    getDisabled(): string | undefined {\n        return this.collapsible.disabled() ? 'disabled' : undefined;\n    }\n}\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-content-presence.directive.ts","../../../packages/primitives/collapsible/src/collapsible-content.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 { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    Directive,\n    inject,\n    input,\n    InputSignal,\n    linkedSignal,\n    model,\n    ModelSignal,\n    output,\n    Signal,\n    untracked\n} from '@angular/core';\nimport { createContext } from '@radix-ng/primitives/core';\n\nexport type RdxCollapsibleState = 'open' | 'closed';\n\nexport interface CollapsibleRootContext {\n    contentId: InputSignal<string>;\n    open: ModelSignal<boolean>;\n    toggle: () => void;\n    disabled: Signal<boolean>;\n}\n\nexport const [injectCollapsibleRootContext, provideCollapsibleRootContext] =\n    createContext<CollapsibleRootContext>('CollapsibleRootContext');\n\nconst rootContext = (): CollapsibleRootContext => {\n    const instance = inject(RdxCollapsibleRootDirective);\n\n    return {\n        contentId: instance.contentId,\n        disabled: instance.isDisabled,\n        open: instance.open,\n        toggle: () => {\n            untracked(() => instance.open.update((v) => !v));\n            instance.onOpenChange.emit(instance.open());\n        }\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollapsibleRoot]',\n    exportAs: 'rdxCollapsibleRoot',\n    providers: [provideCollapsibleRootContext(rootContext)],\n    host: {\n        '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxCollapsibleRootDirective {\n    /**\n     * The controlled open state of the collapsible.\n     * Sets the state of the directive. `true` - expanded, `false` - collapsed\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly open = model<boolean>(false);\n\n    readonly contentId = input<string>('');\n\n    /**\n     * Determines whether a directive is available for interaction.\n     * When true, prevents the user from interacting with the collapsible.\n     *\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly _disabled = linkedSignal(this.disabled);\n\n    readonly isDisabled = this._disabled.asReadonly();\n\n    readonly isOpen = computed(() => this.open());\n\n    /**\n     * Emitted with new value when directive state changed.\n     * Event handler called when the open state of the collapsible changes.\n     *\n     * @group Emits\n     */\n    readonly onOpenChange = output<boolean>();\n}\n","import { Directive } from '@angular/core';\nimport { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n@Directive({\n    selector: 'ng-template[rdxCollapsibleContentPresence]',\n    providers: [\n        provideRdxPresenceContext(() => ({\n            present: injectCollapsibleRootContext()!.open\n        }))\n    ],\n    hostDirectives: [RdxPresenceDirective]\n})\nexport class RdxCollapsibleContentPresenceDirective {}\n","import { afterNextRender, computed, Directive, ElementRef, inject, signal } from '@angular/core';\nimport { watch } from '@radix-ng/primitives/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n@Directive({\n    selector: '[rdxCollapsibleContent]',\n    host: {\n        id: 'rootContext.contentId()',\n\n        '[attr.data-state]': 'rootContext.open() ? \"open\" : \"closed\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"true\" : undefined',\n        '[style.display]': 'hiddenSignal() ? \"none\" : undefined',\n        '[style.--radix-collapsible-content-width.px]': 'width()',\n        '[style.--radix-collapsible-content-height.px]': 'height()',\n        '(animationend)': 'onAnimationEnd()'\n    }\n})\nexport class RdxCollapsibleContentDirective {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    protected readonly rootContext = injectCollapsibleRootContext()!;\n\n    readonly isOpen = computed(() => this.rootContext.open());\n\n    readonly height = signal(0);\n    readonly width = signal(0);\n    readonly isMountAnimationPrevented = signal(true);\n\n    private originalStyles: { transition: string; animation: string } = {\n        transition: '',\n        animation: ''\n    };\n\n    protected readonly hiddenSignal = signal(false);\n\n    constructor() {\n        watch([this.isOpen], ([isOpen]) => {\n            if (isOpen) {\n                this.hiddenSignal.set(false);\n\n                setTimeout(() => {\n                    const node = this.elementRef.nativeElement;\n                    if (!node) return;\n\n                    node.style.transition = 'none';\n                    node.style.animation = 'none';\n\n                    const rect = node.getBoundingClientRect();\n                    this.height.set(rect.height);\n                    this.width.set(rect.width);\n\n                    if (!this.isMountAnimationPrevented()) {\n                        node.style.transition = this.originalStyles.transition;\n                        node.style.animation = this.originalStyles.animation;\n                    }\n                });\n            }\n        });\n\n        afterNextRender(() => {\n            this.originalStyles = {\n                transition: this.elementRef.nativeElement.style.transition,\n                animation: this.elementRef.nativeElement.style.animation\n            };\n            requestAnimationFrame(() => {\n                this.isMountAnimationPrevented.set(false);\n            });\n        });\n    }\n\n    onAnimationEnd() {\n        if (!this.rootContext.open()) {\n            this.hiddenSignal.set(true);\n        }\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n@Directive({\n    selector: '[rdxCollapsibleTrigger]',\n    host: {\n        '[attr.aria-controls]': 'rootContext.contentId()',\n        '[attr.aria-expanded]': 'rootContext.open()',\n        '[attr.data-state]': 'rootContext.open() ? \"open\" : \"closed\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"true\" : undefined',\n        '[disabled]': 'rootContext.disabled()',\n\n        '(click)': 'rootContext.toggle()'\n    }\n})\nexport class RdxCollapsibleTriggerDirective {\n    protected readonly rootContext = injectCollapsibleRootContext()!;\n}\n","import { NgModule } from '@angular/core';\nimport { RdxCollapsibleContentPresenceDirective } from './src/collapsible-content-presence.directive';\nimport { RdxCollapsibleContentDirective } from './src/collapsible-content.directive';\nimport { RdxCollapsibleRootDirective } from './src/collapsible-root.directive';\nimport { RdxCollapsibleTriggerDirective } from './src/collapsible-trigger.directive';\n\nexport * from './src/collapsible-content-presence.directive';\nexport * from './src/collapsible-content.directive';\nexport * from './src/collapsible-root.directive';\nexport * from './src/collapsible-trigger.directive';\n\nconst _imports = [\n    RdxCollapsibleContentDirective,\n    RdxCollapsibleRootDirective,\n    RdxCollapsibleTriggerDirective,\n    RdxCollapsibleContentPresenceDirective\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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"}