@radix-ng/primitives 0.7.1 → 0.8.1

package/esm2022/tabs/src/tabs-root.directive.mjs

@@ -0,0 +1,54 @@
+import { Directive, effect, EventEmitter, inject, Input, Output } from '@angular/core';
+import { RdxTabsContextService, TABS_CONTEXT_TOKEN } from './tabs-context.service';
+import * as i0 from "@angular/core";
+export class RdxTabsRootDirective {
+    constructor() {
+        this.tabsContext = inject(TABS_CONTEXT_TOKEN);
+        this.orientation = 'horizontal';
+        // Event handler called when the value changes.
+        this.onValueChange = new EventEmitter();
+        effect(() => {
+            const value = this.tabsContext.value$();
+            if (value !== undefined) {
+                this.onValueChange.emit(value);
+            }
+        });
+    }
+    ngOnInit() {
+        this.tabsContext.setOrientation(this.orientation);
+        if (this.dir) {
+            this.tabsContext.setDir(this.dir);
+        }
+        if (this.value) {
+            this.tabsContext.setValue(this.value);
+        }
+        else if (this.defaultValue) {
+            this.tabsContext.setValue(this.defaultValue);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RdxTabsRootDirective, isStandalone: true, selector: "[TabsRoot]", inputs: { value: "value", defaultValue: "defaultValue", orientation: "orientation", dir: "dir" }, outputs: { onValueChange: "onValueChange" }, host: { properties: { "attr.data-orientation": "orientation", "attr.dir": "dir" } }, providers: [{ provide: TABS_CONTEXT_TOKEN, useExisting: RdxTabsContextService }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TabsRoot]',
+                    standalone: true,
+                    providers: [{ provide: TABS_CONTEXT_TOKEN, useExisting: RdxTabsContextService }],
+                    host: {
+                        '[attr.data-orientation]': 'orientation',
+                        '[attr.dir]': 'dir'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], dir: [{
+                type: Input
+            }], onValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1yb290LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdGFicy9zcmMvdGFicy1yb290LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0YsT0FBTyxFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBbUNuRixNQUFNLE9BQU8sb0JBQW9CO0lBVzdCO1FBVmlCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFJakQsZ0JBQVcsR0FBRyxZQUFZLENBQUM7UUFHcEMsK0NBQStDO1FBQ3JDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUdqRCxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN4QyxJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUUsQ0FBQztnQkFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsV0FBVyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFbEQsSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDdEMsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFDLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakQsQ0FBQztJQUNMLENBQUM7OEdBaENRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDZSQU5sQixDQUFDLEVBQUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFdBQVcsRUFBRSxxQkFBcUIsRUFBRSxDQUFDOzsyRkFNdkUsb0JBQW9CO2tCQVRoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxZQUFZO29CQUN0QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLHFCQUFxQixFQUFFLENBQUM7b0JBQ2hGLElBQUksRUFBRTt3QkFDRix5QkFBeUIsRUFBRSxhQUFhO3dCQUN4QyxZQUFZLEVBQUUsS0FBSztxQkFDdEI7aUJBQ0o7d0RBSVksS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBR0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgZWZmZWN0LCBFdmVudEVtaXR0ZXIsIGluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFJkeFRhYnNDb250ZXh0U2VydmljZSwgVEFCU19DT05URVhUX1RPS0VOIH0gZnJvbSAnLi90YWJzLWNvbnRleHQuc2VydmljZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFic1Byb3BzIHtcbiAgICAvKiogVGhlIHZhbHVlIGZvciB0aGUgc2VsZWN0ZWQgdGFiLCBpZiBjb250cm9sbGVkICovXG4gICAgdmFsdWU/OiBzdHJpbmc7XG4gICAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgdGFiIHRvIHNlbGVjdCBieSBkZWZhdWx0LCBpZiB1bmNvbnRyb2xsZWQgKi9cbiAgICBkZWZhdWx0VmFsdWU/OiBzdHJpbmc7XG4gICAgLyoqIEEgZnVuY3Rpb24gY2FsbGVkIHdoZW4gYSBuZXcgdGFiIGlzIHNlbGVjdGVkICovXG4gICAgb25WYWx1ZUNoYW5nZT86ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAgIC8qKlxuICAgICAqIFRoZSBvcmllbnRhdGlvbiB0aGUgdGFicyBhcmUgbGF5ZWQgb3V0LlxuICAgICAqIE1haW5seSBzbyBhcnJvdyBuYXZpZ2F0aW9uIGlzIGRvbmUgYWNjb3JkaW5nbHkgKGxlZnQgJiByaWdodCB2cy4gdXAgJiBkb3duKVxuICAgICAqIEBkZWZhdWx0VmFsdWUgaG9yaXpvbnRhbFxuICAgICAqL1xuICAgIG9yaWVudGF0aW9uPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIFRoZSBkaXJlY3Rpb24gb2YgbmF2aWdhdGlvbiBiZXR3ZWVuIHRvb2xiYXIgaXRlbXMuXG4gICAgICovXG4gICAgZGlyPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgYSB0YWIgaXMgYWN0aXZhdGVkIGF1dG9tYXRpY2FsbHkgb3IgbWFudWFsbHkuXG4gICAgICogQGRlZmF1bHRWYWx1ZSBhdXRvbWF0aWNcbiAgICAgKiAqL1xuICAgIGFjdGl2YXRpb25Nb2RlPzogJ2F1dG9tYXRpYycgfCAnbWFudWFsJztcbn1cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbVGFic1Jvb3RdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogVEFCU19DT05URVhUX1RPS0VOLCB1c2VFeGlzdGluZzogUmR4VGFic0NvbnRleHRTZXJ2aWNlIH1dLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLmRhdGEtb3JpZW50YXRpb25dJzogJ29yaWVudGF0aW9uJyxcbiAgICAgICAgJ1thdHRyLmRpcl0nOiAnZGlyJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgUmR4VGFic1Jvb3REaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdGFic0NvbnRleHQgPSBpbmplY3QoVEFCU19DT05URVhUX1RPS0VOKTtcblxuICAgIEBJbnB1dCgpIHZhbHVlPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJztcbiAgICBASW5wdXQoKSBkaXI/OiBzdHJpbmc7XG5cbiAgICAvLyBFdmVudCBoYW5kbGVyIGNhbGxlZCB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzLlxuICAgIEBPdXRwdXQoKSBvblZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgZWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy50YWJzQ29udGV4dC52YWx1ZSQoKTtcbiAgICAgICAgICAgIGlmICh2YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5vblZhbHVlQ2hhbmdlLmVtaXQodmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy50YWJzQ29udGV4dC5zZXRPcmllbnRhdGlvbih0aGlzLm9yaWVudGF0aW9uKTtcblxuICAgICAgICBpZiAodGhpcy5kaXIpIHtcbiAgICAgICAgICAgIHRoaXMudGFic0NvbnRleHQuc2V0RGlyKHRoaXMuZGlyKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLnZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLnRhYnNDb250ZXh0LnNldFZhbHVlKHRoaXMudmFsdWUpO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuZGVmYXVsdFZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLnRhYnNDb250ZXh0LnNldFZhbHVlKHRoaXMuZGVmYXVsdFZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==

package/esm2022/tabs/src/tabs-trigger.directive.mjs

@@ -0,0 +1,52 @@
+import { booleanAttribute, computed, Directive, inject, input } from '@angular/core';
+import { TABS_CONTEXT_TOKEN } from './tabs-context.service';
+import * as i0 from "@angular/core";
+export class RdxTabsTriggerDirective {
+    constructor() {
+        this.tabsContext = inject(TABS_CONTEXT_TOKEN);
+        // A unique value that associates the trigger with a content.
+        this.value = input.required();
+        // When true, prevents the user from interacting with the tab.
+        this.disabled = input(false, {
+            transform: booleanAttribute
+        });
+        this.contentId = computed(() => `${this.tabsContext.getBaseId()}-content-${this.value()}`);
+        this.triggerId = computed(() => `${this.tabsContext.getBaseId()}-trigger-${this.value}`);
+        this.selected = computed(() => this.tabsContext.value$() === this.value());
+    }
+    onMouseDown(event) {
+        if (!this.disabled() && event.button === 0 && !event.ctrlKey) {
+            this.tabsContext?.setValue(this.value());
+        }
+        else {
+            // prevent focus to avoid accidental activation
+            event.preventDefault();
+        }
+    }
+    onKeyDown(event) {
+        if ([' ', 'Enter'].includes(event.key)) {
+            this.tabsContext?.setValue(this.value());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.4", type: RdxTabsTriggerDirective, isStandalone: true, selector: "[TabsTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "mousedown": "onMouseDown($event)", "keydown": "onKeyDown($event)" }, properties: { "id": "triggerId", "attr.aria-selected": "selected()", "attr.aria-controls": "contentId()", "attr.data-disabled": "disabled() ? '' : undefined", "attr.data-state": "selected() ? 'active' : 'inactive'" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TabsTrigger]',
+                    standalone: true,
+                    host: {
+                        type: 'button',
+                        role: 'tab',
+                        '[id]': 'triggerId',
+                        '[attr.aria-selected]': 'selected()',
+                        '[attr.aria-controls]': 'contentId()',
+                        '[attr.data-disabled]': "disabled() ? '' : undefined",
+                        '[attr.data-state]': "selected() ? 'active' : 'inactive'",
+                        '(mousedown)': 'onMouseDown($event)',
+                        '(keydown)': 'onKeyDown($event)'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdGFicy9zcmMvdGFicy10cmlnZ2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0gsZ0JBQWdCLEVBQ2hCLFFBQVEsRUFDUixTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFFUixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFzQjVELE1BQU0sT0FBTyx1QkFBdUI7SUFmcEM7UUFnQnVCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFNUQsNkRBQTZEO1FBQ3BELFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFFMUMsOERBQThEO1FBQ3JELGFBQVEsR0FBRyxLQUFLLENBQXdCLEtBQUssRUFBRTtZQUNwRCxTQUFTLEVBQUUsZ0JBQWdCO1NBQzlCLENBQUMsQ0FBQztRQUVnQixjQUFTLEdBQUcsUUFBUSxDQUNuQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxFQUFFLFlBQVksSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQ2xFLENBQUM7UUFDaUIsY0FBUyxHQUFHLFFBQVEsQ0FDbkMsR0FBRyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRSxZQUFZLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FDaEUsQ0FBQztRQUVpQixhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxFQUFFLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7S0FnQjVGO0lBZGEsV0FBVyxDQUFDLEtBQWlCO1FBQ25DLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDM0QsSUFBSSxDQUFDLFdBQVcsRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDN0MsQ0FBQzthQUFNLENBQUM7WUFDSiwrQ0FBK0M7WUFDL0MsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzNCLENBQUM7SUFDTCxDQUFDO0lBRVMsU0FBUyxDQUFDLEtBQW9CO1FBQ3BDLElBQUksQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxXQUFXLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLENBQUM7SUFDTCxDQUFDOzhHQWpDUSx1QkFBdUI7a0dBQXZCLHVCQUF1Qjs7MkZBQXZCLHVCQUF1QjtrQkFmbkMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRixJQUFJLEVBQUUsUUFBUTt3QkFDZCxJQUFJLEVBQUUsS0FBSzt3QkFDWCxNQUFNLEVBQUUsV0FBVzt3QkFDbkIsc0JBQXNCLEVBQUUsWUFBWTt3QkFDcEMsc0JBQXNCLEVBQUUsYUFBYTt3QkFDckMsc0JBQXNCLEVBQUUsNkJBQTZCO3dCQUNyRCxtQkFBbUIsRUFBRSxvQ0FBb0M7d0JBQ3pELGFBQWEsRUFBRSxxQkFBcUI7d0JBQ3BDLFdBQVcsRUFBRSxtQkFBbUI7cUJBQ25DO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgICBjb21wdXRlZCxcbiAgICBEaXJlY3RpdmUsXG4gICAgaW5qZWN0LFxuICAgIGlucHV0LFxuICAgIElucHV0U2lnbmFsV2l0aFRyYW5zZm9ybVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgVEFCU19DT05URVhUX1RPS0VOIH0gZnJvbSAnLi90YWJzLWNvbnRleHQuc2VydmljZSc7XG5cbmludGVyZmFjZSBUYWJzVHJpZ2dlclByb3BzIHtcbiAgICAvLyBXaGVuIHRydWUsIHByZXZlbnRzIHRoZSB1c2VyIGZyb20gaW50ZXJhY3Rpbmcgd2l0aCB0aGUgdGFiLlxuICAgIGRpc2FibGVkOiBJbnB1dFNpZ25hbFdpdGhUcmFuc2Zvcm08Ym9vbGVhbiwgQm9vbGVhbklucHV0Pjtcbn1cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbVGFic1RyaWdnZXJdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHlwZTogJ2J1dHRvbicsXG4gICAgICAgIHJvbGU6ICd0YWInLFxuICAgICAgICAnW2lkXSc6ICd0cmlnZ2VySWQnLFxuICAgICAgICAnW2F0dHIuYXJpYS1zZWxlY3RlZF0nOiAnc2VsZWN0ZWQoKScsXG4gICAgICAgICdbYXR0ci5hcmlhLWNvbnRyb2xzXSc6ICdjb250ZW50SWQoKScsXG4gICAgICAgICdbYXR0ci5kYXRhLWRpc2FibGVkXSc6IFwiZGlzYWJsZWQoKSA/ICcnIDogdW5kZWZpbmVkXCIsXG4gICAgICAgICdbYXR0ci5kYXRhLXN0YXRlXSc6IFwic2VsZWN0ZWQoKSA/ICdhY3RpdmUnIDogJ2luYWN0aXZlJ1wiLFxuICAgICAgICAnKG1vdXNlZG93biknOiAnb25Nb3VzZURvd24oJGV2ZW50KScsXG4gICAgICAgICcoa2V5ZG93biknOiAnb25LZXlEb3duKCRldmVudCknXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBSZHhUYWJzVHJpZ2dlckRpcmVjdGl2ZSBpbXBsZW1lbnRzIFRhYnNUcmlnZ2VyUHJvcHMge1xuICAgIHByb3RlY3RlZCByZWFkb25seSB0YWJzQ29udGV4dCA9IGluamVjdChUQUJTX0NPTlRFWFRfVE9LRU4pO1xuXG4gICAgLy8gQSB1bmlxdWUgdmFsdWUgdGhhdCBhc3NvY2lhdGVzIHRoZSB0cmlnZ2VyIHdpdGggYSBjb250ZW50LlxuICAgIHJlYWRvbmx5IHZhbHVlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXG4gICAgLy8gV2hlbiB0cnVlLCBwcmV2ZW50cyB0aGUgdXNlciBmcm9tIGludGVyYWN0aW5nIHdpdGggdGhlIHRhYi5cbiAgICByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4sIEJvb2xlYW5JbnB1dD4oZmFsc2UsIHtcbiAgICAgICAgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlXG4gICAgfSk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29udGVudElkID0gY29tcHV0ZWQoXG4gICAgICAgICgpID0+IGAke3RoaXMudGFic0NvbnRleHQuZ2V0QmFzZUlkKCl9LWNvbnRlbnQtJHt0aGlzLnZhbHVlKCl9YFxuICAgICk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHRyaWdnZXJJZCA9IGNvbXB1dGVkKFxuICAgICAgICAoKSA9PiBgJHt0aGlzLnRhYnNDb250ZXh0LmdldEJhc2VJZCgpfS10cmlnZ2VyLSR7dGhpcy52YWx1ZX1gXG4gICAgKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBzZWxlY3RlZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMudGFic0NvbnRleHQudmFsdWUkKCkgPT09IHRoaXMudmFsdWUoKSk7XG5cbiAgICBwcm90ZWN0ZWQgb25Nb3VzZURvd24oZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKCkgJiYgZXZlbnQuYnV0dG9uID09PSAwICYmICFldmVudC5jdHJsS2V5KSB7XG4gICAgICAgICAgICB0aGlzLnRhYnNDb250ZXh0Py5zZXRWYWx1ZSh0aGlzLnZhbHVlKCkpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gcHJldmVudCBmb2N1cyB0byBhdm9pZCBhY2NpZGVudGFsIGFjdGl2YXRpb25cbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIGlmIChbJyAnLCAnRW50ZXInXS5pbmNsdWRlcyhldmVudC5rZXkpKSB7XG4gICAgICAgICAgICB0aGlzLnRhYnNDb250ZXh0Py5zZXRWYWx1ZSh0aGlzLnZhbHVlKCkpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19

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

@@ -0,0 +1,431 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, signal, input, effect, Directive, contentChild, Input, contentChildren } from '@angular/core';
+import * as i1 from '@angular/cdk/accordion';
+import { CdkAccordionItem, CdkAccordion } from '@angular/cdk/accordion';
+import { animationFrameScheduler } from 'rxjs';
+
+const RdxAccordionContentToken = new InjectionToken('RdxAccordionContentToken');
+class RdxAccordionContentDirective {
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.elementRef = inject(ElementRef);
+        /**
+         * @ignore
+         */
+        this.initialized = signal(false);
+        /**
+         * Current item state
+         */
+        this.state = signal('closed');
+        /**
+         * When true, prevents the user from interacting with the accordion and all its items.
+         */
+        this.disabled = input(false);
+        /**
+         * @ignore
+         */
+        this.accordionItem = inject(CdkAccordionItem);
+        /**
+         * @ignore
+         */
+        this.orientation = 'vertical';
+        effect(() => {
+            if (this.state()) {
+                this.setPresence();
+            }
+        });
+    }
+    /**
+     * @ignore
+     */
+    ngOnInit() {
+        this.togglePresence();
+    }
+    /**
+     * @ignore
+     */
+    setOpen(state) {
+        if (this.disabled()) {
+            return;
+        }
+        if (state === undefined) {
+            this.state.update(() => (this.state() === 'open' ? 'closed' : 'open'));
+        }
+        else {
+            this.state.update(() => state);
+        }
+    }
+    /**
+     * @ignore
+     */
+    initialize() {
+        if (!this.initialized()) {
+            this.togglePresence();
+            animationFrameScheduler.schedule(() => {
+                this.elementRef.nativeElement
+                    .getAnimations()
+                    .forEach((animation) => animation.cancel());
+                this.initialized.set(true);
+            });
+        }
+    }
+    /**
+     * @ignore
+     */
+    setPresence() {
+        if (!this.initialized()) {
+            this.initialize();
+            return;
+        }
+        animationFrameScheduler.schedule(() => {
+            const animations = this.elementRef.nativeElement.getAnimations();
+            const hidden = this.elementRef.nativeElement.hasAttribute('hidden');
+            if (hidden) {
+                this.show();
+                const rect = this.elementRef.nativeElement.getBoundingClientRect();
+                const height = `${this.elementRef.nativeElement.scrollHeight /*rect.height*/}px`;
+                const width = `${rect.width}px`;
+                this.elementRef.nativeElement.style.setProperty('--radix-accordion-content-height', height);
+                this.elementRef.nativeElement.style.setProperty('--radix-accordion-content-width', width);
+                this.hide();
+            }
+            Promise.all(animations.map((animation) => animation.finished)).then(() => {
+                this.togglePresence();
+            });
+        });
+    }
+    /**
+     * @ignore
+     */
+    togglePresence() {
+        if (this.state() === 'open') {
+            this.show();
+        }
+        else {
+            this.hide();
+        }
+    }
+    /**
+     * @ignore
+     */
+    show() {
+        this.elementRef.nativeElement.removeAttribute('hidden');
+    }
+    /**
+     * @ignore
+     */
+    hide() {
+        this.elementRef.nativeElement.setAttribute('hidden', '');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.4", type: RdxAccordionContentDirective, isStandalone: true, selector: "[AccordionContent]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-state": "state()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-orientation": "orientation" } }, providers: [{ provide: RdxAccordionContentToken, useExisting: RdxAccordionContentDirective }], exportAs: ["AccordionContent"], hostDirectives: [{ directive: i1.CdkAccordionItem }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[AccordionContent]',
+                    standalone: true,
+                    exportAs: 'AccordionContent',
+                    providers: [{ provide: RdxAccordionContentToken, useExisting: RdxAccordionContentDirective }],
+                    host: {
+                        '[attr.data-state]': 'state()',
+                        '[attr.data-disabled]': 'disabled() ? "" : undefined',
+                        '[attr.data-orientation]': 'orientation'
+                    },
+                    hostDirectives: [CdkAccordionItem]
+                }]
+        }], ctorParameters: () => [] });
+
+const RdxAccordionItemToken = new InjectionToken('RdxAccordionItemToken');
+function injectAccordionItem() {
+    return inject(RdxAccordionItemDirective);
+}
+class RdxAccordionItemDirective {
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.accordionContent = contentChild.required(RdxAccordionContentToken);
+        /**
+         * Current item state
+         */
+        this.state = signal('closed');
+        /**
+         * When true, prevents the user from interacting with the item.
+         */
+        this.disabled = input(false);
+        /**
+         * @ignore
+         */
+        this.orientation = 'vertical';
+    }
+    /**
+     * Changes current item state
+     */
+    setOpen(state) {
+        if (this.disabled()) {
+            return;
+        }
+        if (state === undefined) {
+            this.state.update(() => (this.state() === 'open' ? 'closed' : 'open'));
+        }
+        else {
+            this.state.update(() => state);
+        }
+        this.accordionContent().setOpen(this.state());
+    }
+    /**
+     * @ignore
+     */
+    setOrientation(orientation) {
+        this.orientation = orientation;
+        this.accordionContent().orientation = orientation;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.0.4", type: RdxAccordionItemDirective, isStandalone: true, selector: "[AccordionItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-state": "state()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-orientation": "orientation" } }, providers: [
+            { provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective, multi: true }
+        ], queries: [{ propertyName: "accordionContent", first: true, predicate: RdxAccordionContentToken, descendants: true, isSignal: true }], exportAs: ["AccordionItem"], hostDirectives: [{ directive: i1.CdkAccordion }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[AccordionItem]',
+                    standalone: true,
+                    exportAs: 'AccordionItem',
+                    providers: [
+                        { provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective, multi: true }
+                    ],
+                    host: {
+                        '[attr.data-state]': 'state()',
+                        '[attr.data-disabled]': 'disabled() ? "" : undefined',
+                        '[attr.data-orientation]': 'orientation'
+                    },
+                    hostDirectives: [CdkAccordion]
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }] } });
+
+const RdxAccordionRootToken = new InjectionToken('RdxAccordionRootDirective');
+function injectAccordionRoot() {
+    return inject(RdxAccordionRootDirective);
+}
+class RdxAccordionRootDirective {
+    constructor() {
+        /**
+         * @private
+         * @ignore
+         */
+        this.accordionItems = contentChildren(RdxAccordionItemToken);
+        /**
+         * @private
+         * @ignore
+         */
+        this._orientation = 'vertical';
+        /**
+         * @private
+         * @ignore
+         */
+        this._value = [];
+        /**
+         * The value of the item to expand when initially rendered and type is "single". Use when you do not need to control the state of the items.
+         */
+        this.defaultValue = [];
+        /**
+         * Determines whether one or multiple items can be opened at the same time.
+         */
+        this.type = 'single';
+        /**
+         * @ignore
+         */
+        this.collapsible = true;
+    }
+    /**
+     * The controlled value of the item to expand
+     */
+    set value(value) {
+        if (value !== undefined) {
+            this._value = Array.isArray(value) ? value : [value];
+        }
+        else {
+            this._value = [];
+        }
+        this.onValueChange(this._value);
+    }
+    /**
+     * The orientation of the accordion.
+     */
+    set orientation(orientation) {
+        this._orientation = orientation ?? 'vertical';
+        this.accordionItems().forEach((accordionItem) => accordionItem.setOrientation(this._orientation));
+    }
+    /**
+     * @ignore
+     */
+    ngOnInit() {
+        if (this.defaultValue) {
+            this.value = this.defaultValue;
+        }
+    }
+    /**
+     * @ignore
+     */
+    onValueChange(value) {
+        if (this.type === 'single') {
+            const currentValue = value.length > 0 ? value[0] : undefined;
+            this.accordionItems().forEach((accordionItem) => {
+                if (accordionItem.value === currentValue) {
+                    accordionItem.setOpen();
+                }
+                else {
+                    accordionItem.setOpen('closed');
+                }
+            });
+        }
+        else {
+            value.forEach((valueItem) => {
+                this.accordionItems().forEach((accordionItem) => {
+                    if (accordionItem.value === valueItem) {
+                        accordionItem.setOpen();
+                    }
+                });
+            });
+        }
+    }
+    /**
+     * @ignore
+     */
+    getOrientation() {
+        return this._orientation;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.0.4", type: RdxAccordionRootDirective, isStandalone: true, selector: "[AccordionRoot]", inputs: { defaultValue: "defaultValue", type: "type", collapsible: "collapsible", value: "value", orientation: "orientation" }, host: { properties: { "attr.data-orientation": "getOrientation()" } }, providers: [{ provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective }], queries: [{ propertyName: "accordionItems", predicate: RdxAccordionItemToken, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[AccordionRoot]',
+                    standalone: true,
+                    providers: [{ provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective }],
+                    host: {
+                        '[attr.data-orientation]': 'getOrientation()'
+                    }
+                }]
+        }], propDecorators: { defaultValue: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], collapsible: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }] } });
+
+class RdxAccordionHeaderDirective {
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.accordionItem = injectAccordionItem();
+    }
+    /**
+     * @ignore
+     */
+    getState() {
+        return this.accordionItem.state();
+    }
+    /**
+     * @ignore
+     */
+    getDisabled() {
+        return this.accordionItem.disabled() ? '' : undefined;
+    }
+    /**
+     * @ignore
+     */
+    getOrientation() {
+        return this.accordionItem.orientation;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RdxAccordionHeaderDirective, isStandalone: true, selector: "[AccordionHeader]", host: { properties: { "attr.data-state": "getState()", "attr.data-disabled": "getDisabled()", "attr.data-orientation": "getOrientation()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[AccordionHeader]',
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'getState()',
+                        '[attr.data-disabled]': 'getDisabled()',
+                        '[attr.data-orientation]': 'getOrientation()'
+                    }
+                }]
+        }] });
+
+class RdxAccordionTriggerDirective {
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.accordionRoot = injectAccordionRoot();
+        /**
+         * @ignore
+         */
+        this.accordionItem = injectAccordionItem();
+    }
+    /**
+     * Fires when trigger clicked
+     */
+    onClick() {
+        if (!this.accordionRoot.collapsible) {
+            return;
+        }
+        if (this.accordionItem.value) {
+            this.accordionRoot.value = [this.accordionItem.value];
+        }
+    }
+    /**
+     * @ignore
+     */
+    getState() {
+        return this.accordionItem.state();
+    }
+    /**
+     * @ignore
+     */
+    getDisabled() {
+        return this.accordionItem.disabled() || undefined;
+    }
+    /**
+     * @ignore
+     */
+    getOrientation() {
+        return this.accordionRoot.getOrientation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RdxAccordionTriggerDirective, isStandalone: true, selector: "[AccordionTrigger]", host: { listeners: { "click": "onClick()" }, properties: { "attr.data-state": "getState()", "attr.data-disabled": "getDisabled()", "attr.data-orientation": "getOrientation()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxAccordionTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[AccordionTrigger]',
+                    standalone: true,
+                    host: {
+                        '(click)': 'onClick()',
+                        '[attr.data-state]': 'getState()',
+                        '[attr.data-disabled]': 'getDisabled()',
+                        '[attr.data-orientation]': 'getOrientation()'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxAccordionContentDirective, RdxAccordionContentToken, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionItemToken, RdxAccordionRootDirective, RdxAccordionRootToken, RdxAccordionTriggerDirective, injectAccordionItem, injectAccordionRoot };
+//# sourceMappingURL=radix-ng-primitives-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-content.directive.ts","../../../packages/primitives/accordion/src/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-root.directive.ts","../../../packages/primitives/accordion/src/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-trigger.directive.ts","../../../packages/primitives/accordion/radix-ng-primitives-accordion.ts"],"sourcesContent":["import { CdkAccordionItem } from '@angular/cdk/accordion';\nimport {\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    OnInit,\n    signal\n} from '@angular/core';\nimport { animationFrameScheduler } from 'rxjs';\n\nimport { RdxAccordionItemState } from './accordion-item.directive';\nimport { RdxAccordionOrientation } from './accordion-root.directive';\n\nexport const RdxAccordionContentToken = new InjectionToken<RdxAccordionContentDirective>(\n    'RdxAccordionContentToken'\n);\n\n@Directive({\n    selector: '[AccordionContent]',\n    standalone: true,\n    exportAs: 'AccordionContent',\n    providers: [{ provide: RdxAccordionContentToken, useExisting: RdxAccordionContentDirective }],\n    host: {\n        '[attr.data-state]': 'state()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'orientation'\n    },\n    hostDirectives: [CdkAccordionItem]\n})\nexport class RdxAccordionContentDirective implements OnInit {\n    /**\n     * @ignore\n     */\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    /**\n     * @ignore\n     */\n    private initialized = signal(false);\n    /**\n     * Current item state\n     */\n    state = signal<RdxAccordionItemState>('closed');\n    /**\n     * When true, prevents the user from interacting with the accordion and all its items.\n     */\n    disabled = input(false);\n    /**\n     * @ignore\n     */\n    accordionItem = inject(CdkAccordionItem);\n    /**\n     * @ignore\n     */\n    orientation: RdxAccordionOrientation = 'vertical';\n\n    constructor() {\n        effect(() => {\n            if (this.state()) {\n                this.setPresence();\n            }\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    ngOnInit(): void {\n        this.togglePresence();\n    }\n\n    /**\n     * @ignore\n     */\n    setOpen(state?: RdxAccordionItemState | undefined): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        if (state === undefined) {\n            this.state.update(() => (this.state() === 'open' ? 'closed' : 'open'));\n        } else {\n            this.state.update(() => state);\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    private initialize(): void {\n        if (!this.initialized()) {\n            this.togglePresence();\n\n            animationFrameScheduler.schedule(() => {\n                this.elementRef.nativeElement\n                    .getAnimations()\n                    .forEach((animation) => animation.cancel());\n\n                this.initialized.set(true);\n            });\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    private setPresence(): void {\n        if (!this.initialized()) {\n            this.initialize();\n\n            return;\n        }\n\n        animationFrameScheduler.schedule(() => {\n            const animations = this.elementRef.nativeElement.getAnimations();\n\n            const hidden = this.elementRef.nativeElement.hasAttribute('hidden');\n\n            if (hidden) {\n                this.show();\n\n                const rect = this.elementRef.nativeElement.getBoundingClientRect();\n                const height = `${this.elementRef.nativeElement.scrollHeight /*rect.height*/}px`;\n                const width = `${rect.width}px`;\n\n                this.elementRef.nativeElement.style.setProperty(\n                    '--radix-accordion-content-height',\n                    height\n                );\n\n                this.elementRef.nativeElement.style.setProperty(\n                    '--radix-accordion-content-width',\n                    width\n                );\n\n                this.hide();\n            }\n\n            Promise.all(animations.map((animation) => animation.finished)).then(() => {\n                this.togglePresence();\n            });\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    private togglePresence(): void {\n        if (this.state() === 'open') {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    private show(): void {\n        this.elementRef.nativeElement.removeAttribute('hidden');\n    }\n\n    /**\n     * @ignore\n     */\n    private hide(): void {\n        this.elementRef.nativeElement.setAttribute('hidden', '');\n    }\n}\n","import { CdkAccordion } from '@angular/cdk/accordion';\nimport {\n    contentChild,\n    Directive,\n    inject,\n    InjectionToken,\n    Input,\n    input,\n    signal\n} from '@angular/core';\n\nimport { RdxAccordionContentToken } from './accordion-content.directive';\nimport { RdxAccordionOrientation } from './accordion-root.directive';\n\nexport type RdxAccordionItemState = 'open' | 'closed';\n\nexport const RdxAccordionItemToken = new InjectionToken<RdxAccordionItemDirective>(\n    'RdxAccordionItemToken'\n);\n\nexport function injectAccordionItem(): RdxAccordionItemDirective {\n    return inject(RdxAccordionItemDirective);\n}\n\n@Directive({\n    selector: '[AccordionItem]',\n    standalone: true,\n    exportAs: 'AccordionItem',\n    providers: [\n        { provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective, multi: true }\n    ],\n    host: {\n        '[attr.data-state]': 'state()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'orientation'\n    },\n    hostDirectives: [CdkAccordion]\n})\nexport class RdxAccordionItemDirective {\n    /**\n     * @ignore\n     */\n    private accordionContent = contentChild.required(RdxAccordionContentToken);\n    /**\n     * Current item state\n     */\n    state = signal<RdxAccordionItemState>('closed');\n    /**\n     * When true, prevents the user from interacting with the item.\n     */\n    disabled = input(false);\n    /**\n     * @ignore\n     */\n    orientation: RdxAccordionOrientation = 'vertical';\n\n    @Input() value?: string;\n\n    /**\n     * Changes current item state\n     */\n    setOpen(state?: RdxAccordionItemState) {\n        if (this.disabled()) {\n            return;\n        }\n\n        if (state === undefined) {\n            this.state.update(() => (this.state() === 'open' ? 'closed' : 'open'));\n        } else {\n            this.state.update(() => state);\n        }\n\n        this.accordionContent().setOpen(this.state());\n    }\n\n    /**\n     * @ignore\n     */\n    setOrientation(orientation: RdxAccordionOrientation) {\n        this.orientation = orientation;\n\n        this.accordionContent().orientation = orientation;\n    }\n}\n","import { contentChildren, Directive, inject, InjectionToken, Input, OnInit } from '@angular/core';\n\nimport { RdxAccordionItemToken } from './accordion-item.directive';\n\nexport type RdxAccordionType = 'single' | 'multiple';\nexport type RdxAccordionOrientation = 'horizontal' | 'vertical';\n\nexport const RdxAccordionRootToken = new InjectionToken<RdxAccordionRootDirective>(\n    'RdxAccordionRootDirective'\n);\n\nexport function injectAccordionRoot(): RdxAccordionRootDirective {\n    return inject(RdxAccordionRootDirective);\n}\n\n@Directive({\n    selector: '[AccordionRoot]',\n    standalone: true,\n    providers: [{ provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective }],\n    host: {\n        '[attr.data-orientation]': 'getOrientation()'\n    }\n})\nexport class RdxAccordionRootDirective implements OnInit {\n    /**\n     * @private\n     * @ignore\n     */\n    private readonly accordionItems = contentChildren(RdxAccordionItemToken);\n    /**\n     * @private\n     * @ignore\n     */\n    private _orientation: RdxAccordionOrientation = 'vertical';\n    /**\n     * @private\n     * @ignore\n     */\n    private _value: string[] = [];\n    /**\n     * The value of the item to expand when initially rendered and type is \"single\". Use when you do not need to control the state of the items.\n     */\n    @Input() defaultValue?: string[] = [];\n    /**\n     * Determines whether one or multiple items can be opened at the same time.\n     */\n    @Input() type: RdxAccordionType = 'single';\n    /**\n     * @ignore\n     */\n    @Input() collapsible = true;\n    /**\n     * The controlled value of the item to expand\n     */\n    @Input() set value(value: string | string[] | undefined) {\n        if (value !== undefined) {\n            this._value = Array.isArray(value) ? value : [value];\n        } else {\n            this._value = [];\n        }\n\n        this.onValueChange(this._value);\n    }\n    /**\n     * The orientation of the accordion.\n     */\n    @Input() set orientation(orientation: RdxAccordionOrientation | undefined) {\n        this._orientation = orientation ?? 'vertical';\n        this.accordionItems().forEach((accordionItem) =>\n            accordionItem.setOrientation(this._orientation)\n        );\n    }\n\n    /**\n     * @ignore\n     */\n    ngOnInit(): void {\n        if (this.defaultValue) {\n            this.value = this.defaultValue;\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    onValueChange(value: string[]): void {\n        if (this.type === 'single') {\n            const currentValue = value.length > 0 ? value[0] : undefined;\n\n            this.accordionItems().forEach((accordionItem) => {\n                if (accordionItem.value === currentValue) {\n                    accordionItem.setOpen();\n                } else {\n                    accordionItem.setOpen('closed');\n                }\n            });\n        } else {\n            value.forEach((valueItem) => {\n                this.accordionItems().forEach((accordionItem) => {\n                    if (accordionItem.value === valueItem) {\n                        accordionItem.setOpen();\n                    }\n                });\n            });\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    getOrientation(): RdxAccordionOrientation {\n        return this._orientation;\n    }\n}\n","import { Directive } from '@angular/core';\n\nimport { injectAccordionItem, RdxAccordionItemState } from './accordion-item.directive';\nimport { RdxAccordionOrientation } from './accordion-root.directive';\n\n@Directive({\n    selector: '[AccordionHeader]',\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'getState()',\n        '[attr.data-disabled]': 'getDisabled()',\n        '[attr.data-orientation]': 'getOrientation()'\n    }\n})\nexport class RdxAccordionHeaderDirective {\n    /**\n     * @ignore\n     */\n    private readonly accordionItem = injectAccordionItem();\n\n    /**\n     * @ignore\n     */\n    getState(): RdxAccordionItemState {\n        return this.accordionItem.state();\n    }\n\n    /**\n     * @ignore\n     */\n    getDisabled(): string | undefined {\n        return this.accordionItem.disabled() ? '' : undefined;\n    }\n\n    /**\n     * @ignore\n     */\n    getOrientation(): RdxAccordionOrientation {\n        return this.accordionItem.orientation;\n    }\n}\n","import { Directive } from '@angular/core';\n\nimport { injectAccordionItem, RdxAccordionItemState } from './accordion-item.directive';\nimport { injectAccordionRoot, RdxAccordionOrientation } from './accordion-root.directive';\n\n@Directive({\n    selector: '[AccordionTrigger]',\n    standalone: true,\n    host: {\n        '(click)': 'onClick()',\n        '[attr.data-state]': 'getState()',\n        '[attr.data-disabled]': 'getDisabled()',\n        '[attr.data-orientation]': 'getOrientation()'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    /**\n     * @ignore\n     */\n    private readonly accordionRoot = injectAccordionRoot();\n    /**\n     * @ignore\n     */\n    private readonly accordionItem = injectAccordionItem();\n\n    /**\n     * Fires when trigger clicked\n     */\n    onClick(): void {\n        if (!this.accordionRoot.collapsible) {\n            return;\n        }\n\n        if (this.accordionItem.value) {\n            this.accordionRoot.value = [this.accordionItem.value];\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    getState(): RdxAccordionItemState {\n        return this.accordionItem.state();\n    }\n\n    /**\n     * @ignore\n     */\n    getDisabled(): boolean | undefined {\n        return this.accordionItem.disabled() || undefined;\n    }\n\n    /**\n     * @ignore\n     */\n    getOrientation(): RdxAccordionOrientation {\n        return this.accordionRoot.getOrientation();\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/radix-ng-primitives-alert-dialog.mjs

@@ -2,6 +2,8 @@ import * as i0 from '@angular/core';
 import { Injectable, inject, ViewContainerRef, Directive, Input, Renderer2, ElementRef } from '@angular/core';
 import * as i1 from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
+import * as i1$1 from '@angular/cdk/a11y';
+import { CdkTrapFocus } from '@angular/cdk/a11y';
 
 class AlertDialogService {
     constructor(overlay) {
@@ -25,6 +27,11 @@ class AlertDialogService {
         });
         const templatePortal = new TemplatePortal(this.dialogContent.template, this.dialogContent.viewContainerRef);
         this.overlayRef.attach(templatePortal);
+        this.overlayRef.keydownEvents().subscribe((event) => {
+            if (event.key === 'Escape' || event.code === 'Escape') {
+                this.close();
+            }
+        });
         this.overlayRef.backdropClick().subscribe(() => this.close());
     }
     close() {
@@ -94,15 +101,21 @@ class AlertDialogContentDirective {
         this.renderer.setStyle(this.elementRef.nativeElement, 'maxWidth', value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AlertDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: AlertDialogContentDirective, isStandalone: true, selector: "[rdxAlertDialogContent]", inputs: { maxWidth: "maxWidth" }, host: { properties: { "attr.data-state": "open" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: AlertDialogContentDirective, isStandalone: true, selector: "[rdxAlertDialogContent]", inputs: { maxWidth: "maxWidth" }, host: { properties: { "attr.data-state": "open", "attr.cdkTrapFocusAutoCapture": "true" } }, hostDirectives: [{ directive: i1$1.CdkTrapFocus }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AlertDialogContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxAlertDialogContent]',
+                    hostDirectives: [
+                        {
+                            directive: CdkTrapFocus
+                        }
+                    ],
                     standalone: true,
                     host: {
-                        '[attr.data-state]': 'open'
+                        '[attr.data-state]': 'open',
+                        '[attr.cdkTrapFocusAutoCapture]': 'true'
                     }
                 }]
         }], propDecorators: { maxWidth: [{