@radix-ng/primitives 0.7.2 → 0.8.1

package/esm2022/tabs/src/tabs-context.service.mjs

@@ -0,0 +1,43 @@
+import { computed, Injectable, InjectionToken, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export const TABS_CONTEXT_TOKEN = new InjectionToken('TabsContext');
+export class RdxTabsContextService {
+    constructor() {
+        this.baseId = this.generateId();
+        this.value = signal(undefined);
+        this.orientation = signal('horizontal');
+        this.dir = signal(undefined);
+        this.activationMode = signal('automatic');
+        this.value$ = computed(() => this.value());
+        this.orientation$ = computed(() => this.orientation());
+        this.dir$ = computed(() => this.dir());
+        this.activationMode$ = computed(() => this.activationMode());
+    }
+    setValue(value) {
+        this.value.set(value);
+    }
+    setOrientation(orientation) {
+        this.orientation.set(orientation);
+    }
+    setDir(dir) {
+        this.dir.set(dir);
+    }
+    setActivationMode(mode) {
+        this.activationMode.set(mode);
+    }
+    getBaseId() {
+        return this.baseId;
+    }
+    generateId() {
+        return `tabs-${Math.random().toString(36).substr(2, 9)}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContextService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsContextService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1jb250ZXh0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3RhYnMvc3JjL3RhYnMtY29udGV4dC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTdFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUF3QixhQUFhLENBQUMsQ0FBQztBQUszRixNQUFNLE9BQU8scUJBQXFCO0lBSGxDO1FBSVksV0FBTSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUMzQixVQUFLLEdBQUcsTUFBTSxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM5QyxnQkFBVyxHQUFHLE1BQU0sQ0FBUyxZQUFZLENBQUMsQ0FBQztRQUMzQyxRQUFHLEdBQUcsTUFBTSxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM1QyxtQkFBYyxHQUFHLE1BQU0sQ0FBUyxXQUFXLENBQUMsQ0FBQztRQUU1QyxXQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELFNBQUksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDbEMsb0JBQWUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7S0F5QnBFO0lBdkJHLFFBQVEsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjLENBQUMsV0FBbUI7UUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFXO1FBQ2QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQVk7UUFDMUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFNBQVM7UUFDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUVPLFVBQVU7UUFDZCxPQUFPLFFBQVEsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDN0QsQ0FBQzs4R0FsQ1EscUJBQXFCO2tIQUFyQixxQkFBcUIsY0FGbEIsTUFBTTs7MkZBRVQscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbXB1dGVkLCBJbmplY3RhYmxlLCBJbmplY3Rpb25Ub2tlbiwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBUQUJTX0NPTlRFWFRfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48UmR4VGFic0NvbnRleHRTZXJ2aWNlPignVGFic0NvbnRleHQnKTtcblxuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBSZHhUYWJzQ29udGV4dFNlcnZpY2Uge1xuICAgIHByaXZhdGUgYmFzZUlkID0gdGhpcy5nZW5lcmF0ZUlkKCk7XG4gICAgcHJpdmF0ZSB2YWx1ZSA9IHNpZ25hbDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gICAgcHJpdmF0ZSBvcmllbnRhdGlvbiA9IHNpZ25hbDxzdHJpbmc+KCdob3Jpem9udGFsJyk7XG4gICAgcHJpdmF0ZSBkaXIgPSBzaWduYWw8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAgIHByaXZhdGUgYWN0aXZhdGlvbk1vZGUgPSBzaWduYWw8c3RyaW5nPignYXV0b21hdGljJyk7XG5cbiAgICByZWFkb25seSB2YWx1ZSQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnZhbHVlKCkpO1xuICAgIHJlYWRvbmx5IG9yaWVudGF0aW9uJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMub3JpZW50YXRpb24oKSk7XG4gICAgcmVhZG9ubHkgZGlyJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZGlyKCkpO1xuICAgIHJlYWRvbmx5IGFjdGl2YXRpb25Nb2RlJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuYWN0aXZhdGlvbk1vZGUoKSk7XG5cbiAgICBzZXRWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMudmFsdWUuc2V0KHZhbHVlKTtcbiAgICB9XG5cbiAgICBzZXRPcmllbnRhdGlvbihvcmllbnRhdGlvbjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMub3JpZW50YXRpb24uc2V0KG9yaWVudGF0aW9uKTtcbiAgICB9XG5cbiAgICBzZXREaXIoZGlyOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5kaXIuc2V0KGRpcik7XG4gICAgfVxuXG4gICAgc2V0QWN0aXZhdGlvbk1vZGUobW9kZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuYWN0aXZhdGlvbk1vZGUuc2V0KG1vZGUpO1xuICAgIH1cblxuICAgIGdldEJhc2VJZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYmFzZUlkO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2VuZXJhdGVJZCgpIHtcbiAgICAgICAgcmV0dXJuIGB0YWJzLSR7TWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpfWA7XG4gICAgfVxufVxuIl19

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

@@ -0,0 +1,23 @@
+import { Directive, inject } from '@angular/core';
+import { TABS_CONTEXT_TOKEN } from './tabs-context.service';
+import * as i0 from "@angular/core";
+export class RdxTabsListDirective {
+    constructor() {
+        this.tabsContext = inject(TABS_CONTEXT_TOKEN);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RdxTabsListDirective, isStandalone: true, selector: "[TabsList]", host: { attributes: { "role": "tablist" }, properties: { "attr.aria-orientation": "tabsContext.orientation$()", "attr.data-orientation": "tabsContext.orientation$()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RdxTabsListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TabsList]',
+                    standalone: true,
+                    host: {
+                        role: 'tablist',
+                        '[attr.aria-orientation]': 'tabsContext.orientation$()',
+                        '[attr.data-orientation]': 'tabsContext.orientation$()'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1saXN0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdGFicy9zcmMvdGFicy1saXN0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVsRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFnQjVELE1BQU0sT0FBTyxvQkFBb0I7SUFUakM7UUFVdUIsZ0JBQVcsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztLQUMvRDs4R0FGWSxvQkFBb0I7a0dBQXBCLG9CQUFvQjs7MkZBQXBCLG9CQUFvQjtrQkFUaEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRixJQUFJLEVBQUUsU0FBUzt3QkFDZix5QkFBeUIsRUFBRSw0QkFBNEI7d0JBQ3ZELHlCQUF5QixFQUFFLDRCQUE0QjtxQkFDMUQ7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUQUJTX0NPTlRFWFRfVE9LRU4gfSBmcm9tICcuL3RhYnMtY29udGV4dC5zZXJ2aWNlJztcblxuaW50ZXJmYWNlIFRhYnNMaXN0UHJvcHMge1xuICAgIC8vIFdoZW4gdHJ1ZSwga2V5Ym9hcmQgbmF2aWdhdGlvbiB3aWxsIGxvb3AgZnJvbSBsYXN0IHRhYiB0byBmaXJzdCwgYW5kIHZpY2UgdmVyc2EuXG4gICAgbG9vcD86IGJvb2xlYW47XG59XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW1RhYnNMaXN0XScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBob3N0OiB7XG4gICAgICAgIHJvbGU6ICd0YWJsaXN0JyxcbiAgICAgICAgJ1thdHRyLmFyaWEtb3JpZW50YXRpb25dJzogJ3RhYnNDb250ZXh0Lm9yaWVudGF0aW9uJCgpJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtb3JpZW50YXRpb25dJzogJ3RhYnNDb250ZXh0Lm9yaWVudGF0aW9uJCgpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgUmR4VGFic0xpc3REaXJlY3RpdmUge1xuICAgIHByb3RlY3RlZCByZWFkb25seSB0YWJzQ29udGV4dCA9IGluamVjdChUQUJTX0NPTlRFWFRfVE9LRU4pO1xufVxuIl19

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