@radix-ng/primitives 0.12.0 → 0.12.2

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

@@ -0,0 +1,241 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, computed, Directive, EventEmitter, booleanAttribute, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+const RdxCheckboxToken = new InjectionToken('RdxCheckboxToken');
+function injectCheckbox() {
+    return inject(RdxCheckboxToken);
+}
+
+class RdxCheckboxButtonDirective {
+    constructor() {
+        this.checkbox = injectCheckbox();
+        this.id = input(null);
+        this.elementId = computed(() => (this.id() ? this.id() : `rdx-checkbox-${this.id()}`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxCheckboxButtonDirective, isStandalone: true, selector: "button[CheckboxButton]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "checkbox", "tabindex": "-1" }, properties: { "checked": "checkbox.checked", "disabled": "checkbox.disabled", "required": "checkbox.required", "attr.id": "elementId()", "attr.aria-checked": "checkbox.indeterminate ? \"mixed\" : checkbox.checked", "attr.aria-required": "checkbox.required ? \"\" : null", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'button[CheckboxButton]',
+                    host: {
+                        type: 'button',
+                        role: 'checkbox',
+                        tabindex: '-1',
+                        '[checked]': 'checkbox.checked',
+                        '[disabled]': 'checkbox.disabled',
+                        '[required]': 'checkbox.required',
+                        '[attr.id]': 'elementId()',
+                        '[attr.aria-checked]': 'checkbox.indeterminate ? "mixed" : checkbox.checked',
+                        '[attr.aria-required]': 'checkbox.required ? "" : null',
+                        '[attr.data-state]': 'checkbox.state',
+                        '[attr.data-disabled]': 'checkbox.disabled ? "" : null'
+                    }
+                }]
+        }] });
+
+class RdxCheckboxIndicatorDirective {
+    constructor() {
+        this.checkbox = injectCheckbox();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RdxCheckboxIndicatorDirective, isStandalone: true, selector: "[CheckboxIndicator]", host: { properties: { "style.pointer-events": "\"none\"", "attr.aria-checked": "checkbox.indeterminate ? \"mixed\" : checkbox.checked", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[CheckboxIndicator]',
+                    standalone: true,
+                    host: {
+                        '[style.pointer-events]': '"none"',
+                        '[attr.aria-checked]': 'checkbox.indeterminate ? "mixed" : checkbox.checked',
+                        '[attr.data-state]': 'checkbox.state',
+                        '[attr.data-disabled]': 'checkbox.disabled ? "" : null'
+                    }
+                }]
+        }] });
+
+class RdxCheckboxInputDirective {
+    constructor() {
+        this.checkbox = injectCheckbox();
+        this.id = input();
+        this.elementId = computed(() => (this.id() ? this.id() : `rdx-checkbox-${this.id()}`));
+        this.value = computed(() => {
+            const state = this.checkbox.state;
+            if (state === 'indeterminate') {
+                return '';
+            }
+            return state ? 'on' : 'off';
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxCheckboxInputDirective, isStandalone: true, selector: "input[CheckboxInput]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "checkbox", "tabindex": "-1" }, properties: { "checked": "checkbox.checked", "disabled": "checkbox.disabled", "required": "checkbox.required", "attr.id": "elementId()", "attr.aria-hidden": "true", "attr.aria-checked": "checkbox.indeterminate ? \"mixed\" : checkbox.checked", "attr.aria-required": "checkbox.required ? \"\" : null", "attr.data-state": "checkbox.state", "attr.data-disabled": "checkbox.disabled ? \"\" : null", "attr.value": "value()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'input[CheckboxInput]',
+                    host: {
+                        type: 'checkbox',
+                        tabindex: '-1',
+                        '[checked]': 'checkbox.checked',
+                        '[disabled]': 'checkbox.disabled',
+                        '[required]': 'checkbox.required',
+                        '[attr.id]': 'elementId()',
+                        '[attr.aria-hidden]': 'true',
+                        '[attr.aria-checked]': 'checkbox.indeterminate ? "mixed" : checkbox.checked',
+                        '[attr.aria-required]': 'checkbox.required ? "" : null',
+                        '[attr.data-state]': 'checkbox.state',
+                        '[attr.data-disabled]': 'checkbox.disabled ? "" : null',
+                        '[attr.value]': 'value()'
+                    }
+                }]
+        }] });
+
+class RdxCheckboxDirective {
+    constructor() {
+        /**
+         * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
+         */
+        this.checked = false;
+        /**
+         * Defines whether the checkbox is indeterminate.
+         */
+        this.indeterminate = false;
+        /**
+         * Defines whether the checkbox is disabled.
+         */
+        this.disabled = false;
+        this.required = false;
+        /**
+         * Event emitted when the checkbox checked state changes.
+         */
+        this.checkedChange = new EventEmitter();
+        /**
+         * Event emitted when the indeterminate state changes.
+         */
+        this.indeterminateChange = new EventEmitter();
+    }
+    /**
+     * Determine the state
+     */
+    get state() {
+        if (this.indeterminate) {
+            return 'indeterminate';
+        }
+        return this.checked ? 'checked' : 'unchecked';
+    }
+    onKeyDown(event) {
+        // According to WAI ARIA, Checkboxes don't activate on enter keypress
+        if (event.key === 'Enter') {
+            event.preventDefault();
+        }
+    }
+    onClick($event) {
+        if (this.disabled) {
+            return;
+        }
+        this.checked = this.indeterminate ? true : !this.checked;
+        this.checkedChange.emit(this.checked);
+        this.onChange?.(this.checked);
+        if (this.indeterminate) {
+            this.indeterminate = false;
+            this.indeterminateChange.emit(this.indeterminate);
+        }
+        $event.preventDefault();
+    }
+    onBlur() {
+        this.onTouched?.();
+    }
+    ngOnChanges(changes) {
+        if (changes['checked'] && !changes['checked'].isFirstChange()) {
+            this.checkedChange.emit(this.checked);
+        }
+        if (changes['indeterminate'] && !changes['indeterminate'].isFirstChange()) {
+            this.indeterminateChange.emit(this.indeterminate);
+        }
+    }
+    /**
+     * Sets the checked state of the checkbox.
+     * @param checked The checked state of the checkbox.
+     * @internal
+     */
+    writeValue(checked) {
+        this.checked = checked;
+    }
+    /**
+     * Registers a callback function that should be called when the checkbox checked state changes.
+     * @param fn The callback function.
+     * @internal
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * Registers a callback function that should be called when the checkbox is blurred.
+     * @param fn The callback function.
+     * @internal
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Sets the disabled state of the checkbox.
+     * @param isDisabled The disabled state of the checkbox.
+     * @internal
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxCheckboxDirective, isStandalone: true, selector: "[CheckboxRoot]", inputs: { checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, outputs: { checkedChange: "checkedChange", indeterminateChange: "indeterminateChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)", "blur": "onBlur()" }, properties: { "disabled": "disabled", "attr.data-disabled": "disabled ? \"\" : null", "attr.data-state": "state" } }, providers: [
+            { provide: RdxCheckboxToken, useExisting: RdxCheckboxDirective },
+            { provide: NG_VALUE_ACCESSOR, useExisting: RdxCheckboxDirective, multi: true }
+        ], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCheckboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[CheckboxRoot]',
+                    standalone: true,
+                    providers: [
+                        { provide: RdxCheckboxToken, useExisting: RdxCheckboxDirective },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: RdxCheckboxDirective, multi: true }
+                    ],
+                    host: {
+                        '[disabled]': 'disabled',
+                        '[attr.data-disabled]': 'disabled ? "" : null',
+                        '[attr.data-state]': 'state',
+                        '(keydown)': 'onKeyDown($event)',
+                        '(click)': 'onClick($event)',
+                        '(blur)': 'onBlur()'
+                    }
+                }]
+        }], propDecorators: { checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], indeterminate: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], checkedChange: [{
+                type: Output
+            }], indeterminateChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxCheckboxButtonDirective, RdxCheckboxDirective, RdxCheckboxIndicatorDirective, RdxCheckboxInputDirective, RdxCheckboxToken, injectCheckbox };
+//# sourceMappingURL=radix-ng-primitives-checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-checkbox.mjs","sources":["../../../packages/primitives/checkbox/src/checkbox.token.ts","../../../packages/primitives/checkbox/src/checkbox-button.directive.ts","../../../packages/primitives/checkbox/src/checkbox-indicator.directive.ts","../../../packages/primitives/checkbox/src/checkbox-input.directive.ts","../../../packages/primitives/checkbox/src/checkbox.directive.ts","../../../packages/primitives/checkbox/radix-ng-primitives-checkbox.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\nimport type { RdxCheckboxDirective } from './checkbox.directive';\n\nexport const RdxCheckboxToken = new InjectionToken<RdxCheckboxDirective>('RdxCheckboxToken');\n\nexport function injectCheckbox(): RdxCheckboxDirective {\n    return inject(RdxCheckboxToken);\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { injectCheckbox } from './checkbox.token';\n\n@Directive({\n    standalone: true,\n    selector: 'button[CheckboxButton]',\n    host: {\n        type: 'button',\n        role: 'checkbox',\n        tabindex: '-1',\n        '[checked]': 'checkbox.checked',\n        '[disabled]': 'checkbox.disabled',\n        '[required]': 'checkbox.required',\n        '[attr.id]': 'elementId()',\n        '[attr.aria-checked]': 'checkbox.indeterminate ? \"mixed\" : checkbox.checked',\n        '[attr.aria-required]': 'checkbox.required ? \"\" : null',\n        '[attr.data-state]': 'checkbox.state',\n        '[attr.data-disabled]': 'checkbox.disabled ? \"\" : null'\n    }\n})\nexport class RdxCheckboxButtonDirective {\n    protected readonly checkbox = injectCheckbox();\n\n    readonly id = input<string | null>(null);\n    protected readonly elementId = computed(() => (this.id() ? this.id() : `rdx-checkbox-${this.id()}`));\n}\n","import { Directive } from '@angular/core';\nimport { injectCheckbox } from './checkbox.token';\n\n@Directive({\n    selector: '[CheckboxIndicator]',\n    standalone: true,\n    host: {\n        '[style.pointer-events]': '\"none\"',\n        '[attr.aria-checked]': 'checkbox.indeterminate ? \"mixed\" : checkbox.checked',\n        '[attr.data-state]': 'checkbox.state',\n        '[attr.data-disabled]': 'checkbox.disabled ? \"\" : null'\n    }\n})\nexport class RdxCheckboxIndicatorDirective {\n    protected readonly checkbox = injectCheckbox();\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { injectCheckbox } from './checkbox.token';\n\n@Directive({\n    standalone: true,\n    selector: 'input[CheckboxInput]',\n    host: {\n        type: 'checkbox',\n        tabindex: '-1',\n        '[checked]': 'checkbox.checked',\n        '[disabled]': 'checkbox.disabled',\n        '[required]': 'checkbox.required',\n        '[attr.id]': 'elementId()',\n        '[attr.aria-hidden]': 'true',\n        '[attr.aria-checked]': 'checkbox.indeterminate ? \"mixed\" : checkbox.checked',\n        '[attr.aria-required]': 'checkbox.required ? \"\" : null',\n        '[attr.data-state]': 'checkbox.state',\n        '[attr.data-disabled]': 'checkbox.disabled ? \"\" : null',\n        '[attr.value]': 'value()'\n    }\n})\nexport class RdxCheckboxInputDirective {\n    protected readonly checkbox = injectCheckbox();\n\n    readonly id = input<string>();\n    protected readonly elementId = computed(() => (this.id() ? this.id() : `rdx-checkbox-${this.id()}`));\n\n    protected readonly value = computed(() => {\n        const state = this.checkbox.state;\n        if (state === 'indeterminate') {\n            return '';\n        }\n\n        return state ? 'on' : 'off';\n    });\n}\n","import { booleanAttribute, Directive, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { RdxCheckboxToken } from './checkbox.token';\n\nexport type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';\n\n@Directive({\n    selector: '[CheckboxRoot]',\n    standalone: true,\n    providers: [\n        { provide: RdxCheckboxToken, useExisting: RdxCheckboxDirective },\n        { provide: NG_VALUE_ACCESSOR, useExisting: RdxCheckboxDirective, multi: true }\n    ],\n    host: {\n        '[disabled]': 'disabled',\n        '[attr.data-disabled]': 'disabled ? \"\" : null',\n        '[attr.data-state]': 'state',\n\n        '(keydown)': 'onKeyDown($event)',\n        '(click)': 'onClick($event)',\n        '(blur)': 'onBlur()'\n    }\n})\nexport class RdxCheckboxDirective implements ControlValueAccessor, OnChanges {\n    /**\n     * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.\n     */\n    @Input({ transform: booleanAttribute }) checked = false;\n\n    /**\n     * Defines whether the checkbox is indeterminate.\n     */\n    @Input({ transform: booleanAttribute }) indeterminate = false;\n\n    /**\n     * Defines whether the checkbox is disabled.\n     */\n    @Input({ transform: booleanAttribute }) disabled = false;\n\n    @Input({ transform: booleanAttribute }) required = false;\n\n    /**\n     * Event emitted when the checkbox checked state changes.\n     */\n    @Output() readonly checkedChange = new EventEmitter<boolean>();\n\n    /**\n     * Event emitted when the indeterminate state changes.\n     */\n    @Output() readonly indeterminateChange = new EventEmitter<boolean>();\n\n    /**\n     * Determine the state\n     */\n    get state(): CheckboxState {\n        if (this.indeterminate) {\n            return 'indeterminate';\n        }\n        return this.checked ? 'checked' : 'unchecked';\n    }\n\n    /**\n     * Store the callback function that should be called when the checkbox checked state changes.\n     * @internal\n     */\n    private onChange?: (checked: boolean) => void;\n\n    /**\n     * Store the callback function that should be called when the checkbox is blurred.\n     * @internal\n     */\n    private onTouched?: () => void;\n\n    protected onKeyDown(event: KeyboardEvent): void {\n        // According to WAI ARIA, Checkboxes don't activate on enter keypress\n        if (event.key === 'Enter') {\n            event.preventDefault();\n        }\n    }\n\n    protected onClick($event: MouseEvent): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.checked = this.indeterminate ? true : !this.checked;\n        this.checkedChange.emit(this.checked);\n        this.onChange?.(this.checked);\n\n        if (this.indeterminate) {\n            this.indeterminate = false;\n            this.indeterminateChange.emit(this.indeterminate);\n        }\n\n        $event.preventDefault();\n    }\n\n    protected onBlur(): void {\n        this.onTouched?.();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['checked'] && !changes['checked'].isFirstChange()) {\n            this.checkedChange.emit(this.checked);\n        }\n        if (changes['indeterminate'] && !changes['indeterminate'].isFirstChange()) {\n            this.indeterminateChange.emit(this.indeterminate);\n        }\n    }\n\n    /**\n     * Sets the checked state of the checkbox.\n     * @param checked The checked state of the checkbox.\n     * @internal\n     */\n    writeValue(checked: boolean): void {\n        this.checked = checked;\n    }\n\n    /**\n     * Registers a callback function that should be called when the checkbox checked state changes.\n     * @param fn The callback function.\n     * @internal\n     */\n    registerOnChange(fn: (checked: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Registers a callback function that should be called when the checkbox is blurred.\n     * @param fn The callback function.\n     * @internal\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Sets the disabled state of the checkbox.\n     * @param isDisabled The disabled state of the checkbox.\n     * @internal\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAGa,gBAAgB,GAAG,IAAI,cAAc,CAAuB,kBAAkB,EAAE;SAE7E,cAAc,GAAA;AAC1B,IAAA,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACpC;;MCaa,0BAA0B,CAAA;AAjBvC,IAAA,WAAA,GAAA;QAkBuB,IAAQ,CAAA,QAAA,GAAG,cAAc,EAAE,CAAC;AAEtC,QAAA,IAAA,CAAA,EAAE,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;AACtB,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,GAAG,CAAA,aAAA,EAAgB,IAAI,CAAC,EAAE,EAAE,CAAE,CAAA,CAAC,CAAC,CAAC;AACxG,KAAA;8GALY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,uDAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAjBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,WAAW,EAAE,kBAAkB;AAC/B,wBAAA,YAAY,EAAE,mBAAmB;AACjC,wBAAA,YAAY,EAAE,mBAAmB;AACjC,wBAAA,WAAW,EAAE,aAAa;AAC1B,wBAAA,qBAAqB,EAAE,qDAAqD;AAC5E,wBAAA,sBAAsB,EAAE,+BAA+B;AACvD,wBAAA,mBAAmB,EAAE,gBAAgB;AACrC,wBAAA,sBAAsB,EAAE,+BAA+B;AAC1D,qBAAA;AACJ,iBAAA,CAAA;;;MCNY,6BAA6B,CAAA;AAV1C,IAAA,WAAA,GAAA;QAWuB,IAAQ,CAAA,QAAA,GAAG,cAAc,EAAE,CAAC;AAClD,KAAA;8GAFY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,uDAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAVzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,wBAAwB,EAAE,QAAQ;AAClC,wBAAA,qBAAqB,EAAE,qDAAqD;AAC5E,wBAAA,mBAAmB,EAAE,gBAAgB;AACrC,wBAAA,sBAAsB,EAAE,+BAA+B;AAC1D,qBAAA;AACJ,iBAAA,CAAA;;;MCSY,yBAAyB,CAAA;AAlBtC,IAAA,WAAA,GAAA;QAmBuB,IAAQ,CAAA,QAAA,GAAG,cAAc,EAAE,CAAC;QAEtC,IAAE,CAAA,EAAA,GAAG,KAAK,EAAU,CAAC;AACX,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,GAAG,CAAA,aAAA,EAAgB,IAAI,CAAC,EAAE,EAAE,CAAE,CAAA,CAAC,CAAC,CAAC;AAElF,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACrC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AAClC,YAAA,IAAI,KAAK,KAAK,eAAe,EAAE;AAC3B,gBAAA,OAAO,EAAE,CAAC;aACb;YAED,OAAO,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC;AAChC,SAAC,CAAC,CAAC;AACN,KAAA;8GAdY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,uDAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,YAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAlBrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,WAAW,EAAE,kBAAkB;AAC/B,wBAAA,YAAY,EAAE,mBAAmB;AACjC,wBAAA,YAAY,EAAE,mBAAmB;AACjC,wBAAA,WAAW,EAAE,aAAa;AAC1B,wBAAA,oBAAoB,EAAE,MAAM;AAC5B,wBAAA,qBAAqB,EAAE,qDAAqD;AAC5E,wBAAA,sBAAsB,EAAE,+BAA+B;AACvD,wBAAA,mBAAmB,EAAE,gBAAgB;AACrC,wBAAA,sBAAsB,EAAE,+BAA+B;AACvD,wBAAA,cAAc,EAAE,SAAS;AAC5B,qBAAA;AACJ,iBAAA,CAAA;;;MCGY,oBAAoB,CAAA;AAjBjC,IAAA,WAAA,GAAA;AAkBI;;AAEG;QACqC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAExD;;AAEG;QACqC,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;AAE9D;;AAEG;QACqC,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAEjB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAEzD;;AAEG;AACgB,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;AAE/D;;AAEG;AACgB,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAW,CAAC;AAgGxE,KAAA;AA9FG;;AAEG;AACH,IAAA,IAAI,KAAK,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,OAAO,eAAe,CAAC;SAC1B;QACD,OAAO,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;KACjD;AAcS,IAAA,SAAS,CAAC,KAAoB,EAAA;;AAEpC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;KACJ;AAES,IAAA,OAAO,CAAC,MAAkB,EAAA;AAChC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QACzD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;AAE9B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACrD;QAED,MAAM,CAAC,cAAc,EAAE,CAAC;KAC3B;IAES,MAAM,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC;KACtB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,EAAE;YAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACzC;AACD,QAAA,IAAI,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,aAAa,EAAE,EAAE;YACvE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACrD;KACJ;AAED;;;;AAIG;AACH,IAAA,UAAU,CAAC,OAAgB,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;KAC1B;AAED;;;;AAIG;AACH,IAAA,gBAAgB,CAAC,EAA8B,EAAA;AAC3C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACtB;AAED;;;;AAIG;AACH,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;AAED;;;;AAIG;AACH,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;KAC9B;8GAzHQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAIT,gBAAgB,CAKhB,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,sCAKhB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEhB,gBAAgB,CA9BzB,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,oBAAoB,EAAE;YAChE,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,oBAAoB,EAAE,KAAK,EAAE,IAAI,EAAE;AACjF,SAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAWQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAjBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE;AACP,wBAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,sBAAsB,EAAE;wBAChE,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE;AACjF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,YAAY,EAAE,UAAU;AACxB,wBAAA,sBAAsB,EAAE,sBAAsB;AAC9C,wBAAA,mBAAmB,EAAE,OAAO;AAE5B,wBAAA,WAAW,EAAE,mBAAmB;AAChC,wBAAA,SAAS,EAAE,iBAAiB;AAC5B,wBAAA,QAAQ,EAAE,UAAU;AACvB,qBAAA;AACJ,iBAAA,CAAA;8BAK2C,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAKE,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAKE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAEE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAKnB,aAAa,EAAA,CAAA;sBAA/B,MAAM;gBAKY,mBAAmB,EAAA,CAAA;sBAArC,MAAM;;;ACjDX;;AAEG;;;;"}

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

@@ -0,0 +1,213 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, contentChild, EventEmitter, Directive, Input, Output, ElementRef } from '@angular/core';
+import { asyncScheduler } from 'rxjs';
+
+const RdxCollapsibleContentToken = new InjectionToken('RdxCollapsibleContentToken');
+
+const RdxCollapsibleRootToken = new InjectionToken('RdxCollapsibleRootToken');
+function injectCollapsible() {
+    return inject(RdxCollapsibleRootDirective);
+}
+class RdxCollapsibleRootDirective {
+    constructor() {
+        /**
+         * Reference to RdxCollapsibleContent directive
+         * @private
+         * @ignore
+         */
+        this.contentDirective = contentChild.required(RdxCollapsibleContentToken);
+        /**
+         * Stores collapsible state
+         * @private
+         * @ignore
+         */
+        this._open = false;
+        /**
+         * Determines whether a directive is available for interaction.
+         * When true, prevents the user from interacting with the collapsible.
+         */
+        this.disabled = false;
+        /**
+         * Emitted with new value when directive state changed.
+         * Event handler called when the open state of the collapsible changes.
+         */
+        this.onOpenChange = new EventEmitter();
+    }
+    /**
+     * The controlled open state of the collapsible.
+     * Sets the state of the directive. `true` - expanded, `false` - collapsed
+     * @param {boolean} value
+     */
+    set open(value) {
+        if (value !== this._open) {
+            this.onOpenChange.emit(value);
+        }
+        this._open = value;
+        this.setPresence();
+    }
+    /**
+     * Allows to change directive state
+     * @param {boolean | undefined} value
+     */
+    setOpen(value) {
+        if (this.disabled) {
+            return;
+        }
+        if (value === undefined) {
+            this.open = !this._open;
+        }
+        else {
+            this.open = value;
+        }
+        this.setPresence();
+    }
+    /**
+     * Returns directive state (open | closed)
+     */
+    getState() {
+        return this._open ? 'open' : 'closed';
+    }
+    /**
+     * Returns current directive state
+     */
+    isOpen() {
+        return this._open;
+    }
+    /**
+     * Controls visibility of content
+     * @private
+     * @ignore
+     */
+    setPresence() {
+        if (!this.contentDirective) {
+            return;
+        }
+        this.contentDirective().elementRef.nativeElement.setAttribute('data-state', this.getState());
+        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: "18.2.1", ngImport: i0, type: RdxCollapsibleRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.1", type: RdxCollapsibleRootDirective, isStandalone: true, selector: "[rdxCollapsibleRoot]", inputs: { disabled: "disabled", open: "open" }, 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCollapsibleRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxCollapsibleRoot]',
+                    standalone: true,
+                    exportAs: 'collapsibleRoot',
+                    providers: [{ provide: RdxCollapsibleRootToken, useExisting: RdxCollapsibleRootDirective }],
+                    host: {
+                        '[attr.data-state]': 'getState()',
+                        '[attr.data-disabled]': 'disabled ? "" : undefined'
+                    }
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], onOpenChange: [{
+                type: Output
+            }] } });
+
+class RdxCollapsibleContentDirective {
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.collapsible = inject(RdxCollapsibleRootDirective);
+        /**
+         * Reference to CollapsibleContent host element
+         * @ignore
+         */
+        this.elementRef = inject(ElementRef);
+    }
+    getDisabled() {
+        return this.collapsible.disabled ? 'disabled' : undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCollapsibleContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RdxCollapsibleContentDirective, isStandalone: true, selector: "[rdxCollapsibleContent]", host: { properties: { "attr.data-state": "collapsible.getState()", "attr.data-disabled": "getDisabled()" } }, providers: [
+            {
+                provide: RdxCollapsibleContentToken,
+                useExisting: RdxCollapsibleContentDirective
+            }
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCollapsibleContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxCollapsibleContent]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: RdxCollapsibleContentToken,
+                            useExisting: RdxCollapsibleContentDirective
+                        }
+                    ],
+                    host: {
+                        '[attr.data-state]': 'collapsible.getState()',
+                        '[attr.data-disabled]': 'getDisabled()'
+                    }
+                }]
+        }] });
+
+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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCollapsibleTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RdxCollapsibleTriggerDirective, isStandalone: true, selector: "[rdxCollapsibleTrigger]", host: { listeners: { "click": "onOpenToggle()" }, properties: { "attr.data-state": "getState()", "attr.aria-expanded": "getState() === \"open\" ? \"true\" : \"false\"", "disabled": "getDisabled()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxCollapsibleTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxCollapsibleTrigger]',
+                    standalone: true,
+                    host: {
+                        '(click)': 'onOpenToggle()',
+                        '[attr.data-state]': 'getState()',
+                        '[attr.aria-expanded]': 'getState() === "open" ? "true" : "false"',
+                        '[disabled]': 'getDisabled()'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxCollapsibleContentDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsible };
+//# sourceMappingURL=radix-ng-primitives-collapsible.mjs.map

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

@@ -0,0 +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 { contentChild, Directive, EventEmitter, inject, InjectionToken, 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@Directive({\n    selector: '[rdxCollapsibleRoot]',\n    standalone: true,\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     * @private\n     * @ignore\n     */\n    private readonly contentDirective = contentChild.required(RdxCollapsibleContentToken);\n\n    /**\n     * Stores collapsible state\n     * @private\n     * @ignore\n     */\n    private _open = false;\n\n    /**\n     * Determines whether a directive is available for interaction.\n     * When true, prevents the user from interacting with the collapsible.\n     */\n    @Input() disabled = false;\n\n    /**\n     * The controlled open state of the collapsible.\n     * Sets the state of the directive. `true` - expanded, `false` - collapsed\n     * @param {boolean} value\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    /**\n     * Emitted with new value when directive state changed.\n     * Event handler called when the open state of the collapsible changes.\n     */\n    @Output() onOpenChange = new EventEmitter<boolean>();\n\n    /**\n     * Allows to change directive state\n     * @param {boolean | undefined} value\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     */\n    getState(): RdxCollapsibleState {\n        return this._open ? 'open' : 'closed';\n    }\n\n    /**\n     * Returns current directive state\n     */\n    isOpen(): boolean {\n        return this._open;\n    }\n\n    /**\n     * Controls visibility of content\n     * @private\n     * @ignore\n     */\n    private setPresence(): void {\n        if (!this.contentDirective) {\n            return;\n        }\n\n        this.contentDirective().elementRef.nativeElement.setAttribute('data-state', this.getState());\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    standalone: true,\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    /**\n     * @ignore\n     */\n    protected readonly collapsible = inject(RdxCollapsibleRootDirective);\n\n    /**\n     * Reference to CollapsibleContent host element\n     * @ignore\n     */\n    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    standalone: true,\n    host: {\n        '(click)': 'onOpenToggle()',\n        '[attr.data-state]': 'getState()',\n        '[attr.aria-expanded]': 'getState() === \"open\" ? \"true\" : \"false\"',\n        '[disabled]': 'getDisabled()'\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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"}