@radix-ng/primitives 0.4.0 → 0.5.0

package/esm2022/toggle-group/src/toggle-group.directive.mjs

@@ -0,0 +1,157 @@
+import { booleanAttribute, ContentChildren, Directive, EventEmitter, Input, QueryList } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { injectRovingFocusGroup, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
+import { RdxToggleGroupButtonToken } from './toggle-group-button.token';
+import { RdxToggleGroupToken } from './toggle-group.token';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export class RdxToggleGroupDirective {
+    constructor() {
+        /**
+         * Access the roving focus group
+         */
+        this.rovingFocusGroup = injectRovingFocusGroup();
+        /**
+         * The selected toggle button.
+         */
+        this.value = null;
+        /**
+         * The orientation of the toggle group.
+         * @default 'horizontal'
+         */
+        this.orientation = 'horizontal';
+        /**
+         * Whether the toggle group is disabled.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Whether the toggle group roving focus should wrap.
+         * @default true
+         */
+        this.wrap = true;
+        /**
+         * Event emitted when the selected toggle button changes.
+         */
+        this.valueChange = new EventEmitter();
+    }
+    ngOnInit() {
+        // the toggle button group has a default orientation of horizontal
+        // whereas the roving focus group has a default orientation of vertical
+        // if the toggle button group input is not defined, the orientation will not be set
+        // in the roving focus group and the default vertical orientation will be used.
+        // we must initially set the orientation of the roving focus group to match the toggle button group orientation
+        this.rovingFocusGroup.setOrientation(this.orientation);
+    }
+    ngOnChanges(changes) {
+        if ('disabled' in changes) {
+            this.buttons?.forEach((button) => button.updateDisabled());
+        }
+    }
+    ngAfterContentInit() {
+        if (this.disabled) {
+            this.buttons?.forEach((button) => button.updateDisabled());
+        }
+    }
+    /**
+     * Determine if a value is selected.
+     * @param value The value to check.
+     * @returns Whether the value is selected.
+     * @internal
+     */
+    isSelected(value) {
+        return this.value === value;
+    }
+    /**
+     * Toggle a value.
+     * @param value The value to toggle.
+     * @internal
+     */
+    toggle(value) {
+        if (this.disabled) {
+            return;
+        }
+        this.value = this.value === value ? null : value;
+        this.valueChange.emit(this.value);
+        this.onChange?.(this.value);
+    }
+    /**
+     * Select a value from Angular forms.
+     * @param value The value to select.
+     * @internal
+     */
+    writeValue(value) {
+        this.value = value;
+    }
+    /**
+     * Register a callback to be called when the value changes.
+     * @param fn The callback to register.
+     * @internal
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * Register a callback to be called when the toggle group is touched.
+     * @param fn The callback to register.
+     * @internal
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Set the disabled state of the toggle group.
+     * @param isDisabled Whether the toggle group is disabled.
+     * @internal
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.buttons?.forEach((button) => button.updateDisabled());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxToggleGroupDirective, isStandalone: true, selector: "[rdxToggleGroup]", inputs: { value: ["rdxToggleGroupValue", "value"], orientation: ["rdxToggleGroupOrientation", "orientation"], disabled: ["rdxToggleGroupDisabled", "disabled", booleanAttribute], wrap: ["rdxToggleGroupWrap", "wrap", booleanAttribute], valueChange: ["rdxToggleGroupValueChange", "valueChange"] }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "orientation" } }, providers: [
+            { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupDirective },
+            { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupDirective, multi: true }
+        ], queries: [{ propertyName: "buttons", predicate: RdxToggleGroupButtonToken }], usesOnChanges: true, hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective, inputs: ["rdxRovingFocusGroupWrap", "wrap", "rdxRovingFocusGroupOrientation", "orientation"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxToggleGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToggleGroup]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: RdxRovingFocusGroupDirective,
+                            inputs: ['rdxRovingFocusGroupWrap:wrap', 'rdxRovingFocusGroupOrientation:orientation']
+                        }
+                    ],
+                    providers: [
+                        { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupDirective },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupDirective, multi: true }
+                    ],
+                    host: {
+                        role: 'group',
+                        '[attr.data-orientation]': 'orientation',
+                        '(focusout)': 'onTouched?.()'
+                    }
+                }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: ['rdxToggleGroupValue']
+            }], orientation: [{
+                type: Input,
+                args: ['rdxToggleGroupOrientation']
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'rdxToggleGroupDisabled', transform: booleanAttribute }]
+            }], wrap: [{
+                type: Input,
+                args: [{ alias: 'rdxToggleGroupWrap', transform: booleanAttribute }]
+            }], valueChange: [{
+                type: Input,
+                args: ['rdxToggleGroupValueChange']
+            }], buttons: [{
+                type: ContentChildren,
+                args: [RdxToggleGroupButtonToken]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWdyb3VwLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdG9nZ2xlLWdyb3VwL3NyYy90b2dnbGUtZ3JvdXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxnQkFBZ0IsRUFDaEIsZUFBZSxFQUNmLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLFNBQVMsRUFFWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUNILHNCQUFzQixFQUN0Qiw0QkFBNEIsRUFDL0IsTUFBTSxtQ0FBbUMsQ0FBQztBQUczQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7O0FBcUIzRCxNQUFNLE9BQU8sdUJBQXVCO0lBbkJwQztRQXNCSTs7V0FFRztRQUNjLHFCQUFnQixHQUFHLHNCQUFzQixFQUFFLENBQUM7UUFFN0Q7O1dBRUc7UUFDMkIsVUFBSyxHQUFrQixJQUFJLENBQUM7UUFFMUQ7OztXQUdHO1FBQ2lDLGdCQUFXLEdBQThCLFlBQVksQ0FBQztRQUUxRjs7O1dBR0c7UUFDc0UsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxRjs7O1dBR0c7UUFDa0UsU0FBSSxHQUFHLElBQUksQ0FBQztRQUVqRjs7V0FFRztRQUMwQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO0tBb0doRztJQWxGRyxRQUFRO1FBQ0osa0VBQWtFO1FBQ2xFLHVFQUF1RTtRQUN2RSxtRkFBbUY7UUFDbkYsK0VBQStFO1FBQy9FLCtHQUErRztRQUMvRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJ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QyxLQUFLO3NCQUFsQyxLQUFLO3VCQUFDLHFCQUFxQjtnQkFNUSxXQUFXO3NCQUE5QyxLQUFLO3VCQUFDLDJCQUEyQjtnQkFNdUMsUUFBUTtzQkFBaEYsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSx3QkFBd0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBTUYsSUFBSTtzQkFBeEUsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBS3RCLFdBQVc7c0JBQXZELEtBQUs7dUJBQUMsMkJBQTJCO2dCQU14QixPQUFPO3NCQURoQixlQUFlO3VCQUFDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBib29sZWFuQXR0cmlidXRlLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBEaXJlY3RpdmUsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPbkluaXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gICAgaW5qZWN0Um92aW5nRm9jdXNHcm91cCxcbiAgICBSZHhSb3ZpbmdGb2N1c0dyb3VwRGlyZWN0aXZlXG59IGZyb20gJ0ByYWRpeC1uZy9wcmltaXRpdmVzL3JvdmluZy1mb2N1cyc7XG5cbmltcG9ydCB0eXBlIHsgUmR4VG9nZ2xlR3JvdXBCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL3RvZ2dsZS1ncm91cC1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFJkeFRvZ2dsZUdyb3VwQnV0dG9uVG9rZW4gfSBmcm9tICcuL3RvZ2dsZS1ncm91cC1idXR0b24udG9rZW4nO1xuaW1wb3J0IHsgUmR4VG9nZ2xlR3JvdXBUb2tlbiB9IGZyb20gJy4vdG9nZ2xlLWdyb3VwLnRva2VuJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbcmR4VG9nZ2xlR3JvdXBdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogUmR4Um92aW5nRm9jdXNHcm91cERpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogWydyZHhSb3ZpbmdGb2N1c0dyb3VwV3JhcDp3cmFwJywgJ3JkeFJvdmluZ0ZvY3VzR3JvdXBPcmllbnRhdGlvbjpvcmllbnRhdGlvbiddXG4gICAgICAgIH1cbiAgICBdLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7IHByb3ZpZGU6IFJkeFRvZ2dsZUdyb3VwVG9rZW4sIHVzZUV4aXN0aW5nOiBSZHhUb2dnbGVHcm91cERpcmVjdGl2ZSB9LFxuICAgICAgICB7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogUmR4VG9nZ2xlR3JvdXBEaXJlY3RpdmUsIG11bHRpOiB0cnVlIH1cbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgcm9sZTogJ2dyb3VwJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtb3JpZW50YXRpb25dJzogJ29yaWVudGF0aW9uJyxcbiAgICAgICAgJyhmb2N1c291dCknOiAnb25Ub3VjaGVkPy4oKSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFJkeFRvZ2dsZUdyb3VwRGlyZWN0aXZlXG4gICAgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQWZ0ZXJDb250ZW50SW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3JcbntcbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIHJvdmluZyBmb2N1cyBncm91cFxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgcm92aW5nRm9jdXNHcm91cCA9IGluamVjdFJvdmluZ0ZvY3VzR3JvdXAoKTtcblxuICAgIC8qKlxuICAgICAqIFRoZSBzZWxlY3RlZCB0b2dnbGUgYnV0dG9uLlxuICAgICAqL1xuICAgIEBJbnB1dCgncmR4VG9nZ2xlR3JvdXBWYWx1ZScpIHZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIC8qKlxuICAgICAqIFRoZSBvcmllbnRhdGlvbiBvZiB0aGUgdG9nZ2xlIGdyb3VwLlxuICAgICAqIEBkZWZhdWx0ICdob3Jpem9udGFsJ1xuICAgICAqL1xuICAgIEBJbnB1dCgncmR4VG9nZ2xlR3JvdXBPcmllbnRhdGlvbicpIG9yaWVudGF0aW9uOiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnID0gJ2hvcml6b250YWwnO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgdG9nZ2xlIGdyb3VwIGlzIGRpc2FibGVkLlxuICAgICAqIEBkZWZhdWx0IGZhbHNlXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhUb2dnbGVHcm91cERpc2FibGVkJywgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBXaGV0aGVyIHRoZSB0b2dnbGUgZ3JvdXAgcm92aW5nIGZvY3VzIHNob3VsZCB3cmFwLlxuICAgICAqIEBkZWZhdWx0IHRydWVcbiAgICAgKi9cbiAgICBASW5wdXQoeyBhbGlhczogJ3JkeFRvZ2dsZUdyb3VwV3JhcCcsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSB3cmFwID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgc2VsZWN0ZWQgdG9nZ2xlIGJ1dHRvbiBjaGFuZ2VzLlxuICAgICAqL1xuICAgIEBJbnB1dCgncmR4VG9nZ2xlR3JvdXBWYWx1ZUNoYW5nZScpIHJlYWRvbmx5IHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBudWxsPigpO1xuXG4gICAgLyoqXG4gICAgICogQWNjZXNzIHRoZSBidXR0b25zIGluIHRoZSB0b2dnbGUgZ3JvdXAuXG4gICAgICovXG4gICAgQENvbnRlbnRDaGlsZHJlbihSZHhUb2dnbGVHcm91cEJ1dHRvblRva2VuKVxuICAgIHByb3RlY3RlZCBidXR0b25zPzogUXVlcnlMaXN0PFJkeFRvZ2dsZUdyb3VwQnV0dG9uRGlyZWN0aXZlPjtcblxuICAgIC8qKlxuICAgICAqIFRoZSB2YWx1ZSBjaGFuZ2UgY2FsbGJhY2suXG4gICAgICovXG4gICAgcHJpdmF0ZSBvbkNoYW5nZT86ICh2YWx1ZTogc3RyaW5nIHwgbnVsbCkgPT4gdm9pZDtcblxuICAgIC8qKlxuICAgICAqIFRoZSB0b3VjaGVkIGNhbGxiYWNrLlxuICAgICAqL1xuICAgIHByb3RlY3RlZCBvblRvdWNoZWQ/OiAoKSA9PiB2b2lkO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIHRoZSB0b2dnbGUgYnV0dG9uIGdyb3VwIGhhcyBhIGRlZmF1bHQgb3JpZW50YXRpb24gb2YgaG9yaXpvbnRhbFxuICAgICAgICAvLyB3aGVyZWFzIHRoZSByb3ZpbmcgZm9jdXMgZ3JvdXAgaGFzIGEgZGVmYXVsdCBvcmllbnRhdGlvbiBvZiB2ZXJ0aWNhbFxuICAgICAgICAvLyBpZiB0aGUgdG9nZ2xlIGJ1dHRvbiBncm91cCBpbnB1dCBpcyBub3QgZGVmaW5lZCwgdGhlIG9yaWVudGF0aW9uIHdpbGwgbm90IGJlIHNldFxuICAgICAgICAvLyBpbiB0aGUgcm92aW5nIGZvY3VzIGdyb3VwIGFuZCB0aGUgZGVmYXVsdCB2ZXJ0aWNhbCBvcmllbnRhdGlvbiB3aWxsIGJlIHVzZWQuXG4gICAgICAgIC8vIHdlIG11c3QgaW5pdGlhbGx5IHNldCB0aGUgb3JpZW50YXRpb24gb2YgdGhlIHJvdmluZyBmb2N1cyBncm91cCB0byBtYXRjaCB0aGUgdG9nZ2xlIGJ1dHRvbiBncm91cCBvcmllbnRhdGlvblxuICAgICAgICB0aGlzLnJvdmluZ0ZvY3VzR3JvdXAuc2V0T3JpZW50YXRpb24odGhpcy5vcmllbnRhdGlvbik7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoJ2Rpc2FibGVkJyBpbiBjaGFuZ2VzKSB7XG4gICAgICAgICAgICB0aGlzLmJ1dHRvbnM/LmZvckVhY2goKGJ1dHRvbikgPT4gYnV0dG9uLnVwZGF0ZURpc2FibGVkKCkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5idXR0b25zPy5mb3JFYWNoKChidXR0b24pID0+IGJ1dHRvbi51cGRhdGVEaXNhYmxlZCgpKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIERldGVybWluZSBpZiBhIHZhbHVlIGlzIHNlbGVjdGVkLlxuICAgICAqIEBwYXJhbSB2YWx1ZSBUaGUgdmFsdWUgdG8gY2hlY2suXG4gICAgICogQHJldHVybnMgV2hldGhlciB0aGUgdmFsdWUgaXMgc2VsZWN0ZWQuXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgaXNTZWxlY3RlZCh2YWx1ZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLnZhbHVlID09PSB2YWx1ZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUb2dnbGUgYSB2YWx1ZS5cbiAgICAgKiBAcGFyYW0gdmFsdWUgVGhlIHZhbHVlIHRvIHRvZ2dsZS5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICB0b2dnbGUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUgPT09IHZhbHVlID8gbnVsbCA6IHZhbHVlO1xuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgICAgIHRoaXMub25DaGFuZ2U/Lih0aGlzLnZhbHVlKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBTZWxlY3QgYSB2YWx1ZSBmcm9tIEFuZ3VsYXIgZm9ybXMuXG4gICAgICogQHBhcmFtIHZhbHVlIFRoZSB2YWx1ZSB0byBzZWxlY3QuXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhIGNhbGxiYWNrIHRvIGJlIGNhbGxlZCB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzLlxuICAgICAqIEBwYXJhbSBmbiBUaGUgY2FsbGJhY2sgdG8gcmVnaXN0ZXIuXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlciBhIGNhbGxiYWNrIHRvIGJlIGNhbGxlZCB3aGVuIHRoZSB0b2dnbGUgZ3JvdXAgaXMgdG91Y2hlZC5cbiAgICAgKiBAcGFyYW0gZm4gVGhlIGNhbGxiYWNrIHRvIHJlZ2lzdGVyLlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqL1xuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2V0IHRoZSBkaXNhYmxlZCBzdGF0ZSBvZiB0aGUgdG9nZ2xlIGdyb3VwLlxuICAgICAqIEBwYXJhbSBpc0Rpc2FibGVkIFdoZXRoZXIgdGhlIHRvZ2dsZSBncm91cCBpcyBkaXNhYmxlZC5cbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgICAgIHRoaXMuYnV0dG9ucz8uZm9yRWFjaCgoYnV0dG9uKSA9PiBidXR0b24udXBkYXRlRGlzYWJsZWQoKSk7XG4gICAgfVxufVxuIl19

package/esm2022/toggle-group/src/toggle-group.token.mjs

@@ -0,0 +1,6 @@
+import { inject, InjectionToken } from '@angular/core';
+export const RdxToggleGroupToken = new InjectionToken('RdxToggleGroupToken');
+export function injectToggleGroup() {
+    return inject(RdxToggleGroupToken);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWdyb3VwLnRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy90b2dnbGUtZ3JvdXAvc3JjL3RvZ2dsZS1ncm91cC50b2tlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUt2RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLGNBQWMsQ0FFbkQscUJBQXFCLENBQUMsQ0FBQztBQUV6QixNQUFNLFVBQVUsaUJBQWlCO0lBQzdCLE9BQU8sTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7QUFDdkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHR5cGUgeyBSZHhUb2dnbGVHcm91cE11bHRpRGlyZWN0aXZlIH0gZnJvbSAnLi90b2dnbGUtZ3JvdXAtbXVsdGkuZGlyZWN0aXZlJztcbmltcG9ydCB0eXBlIHsgUmR4VG9nZ2xlR3JvdXBEaXJlY3RpdmUgfSBmcm9tICcuL3RvZ2dsZS1ncm91cC5kaXJlY3RpdmUnO1xuXG5leHBvcnQgY29uc3QgUmR4VG9nZ2xlR3JvdXBUb2tlbiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxcbiAgICBSZHhUb2dnbGVHcm91cERpcmVjdGl2ZSB8IFJkeFRvZ2dsZUdyb3VwTXVsdGlEaXJlY3RpdmVcbj4oJ1JkeFRvZ2dsZUdyb3VwVG9rZW4nKTtcblxuZXhwb3J0IGZ1bmN0aW9uIGluamVjdFRvZ2dsZUdyb3VwKCk6IFJkeFRvZ2dsZUdyb3VwRGlyZWN0aXZlIHwgUmR4VG9nZ2xlR3JvdXBNdWx0aURpcmVjdGl2ZSB7XG4gICAgcmV0dXJuIGluamVjdChSZHhUb2dnbGVHcm91cFRva2VuKTtcbn1cbiJdfQ==

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

@@ -0,0 +1,394 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, computed, Directive, ElementRef, ChangeDetectorRef, HostBinding, EventEmitter, booleanAttribute, Input, Output, HostListener, signal } from '@angular/core';
+import * as i2 from '@radix-ng/primitives/roving-focus';
+import { RdxRovingFocusItemDirective, injectRovingFocusGroup, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
+
+const RdxAccordionItemToken = new InjectionToken('RdxAccordionItemToken');
+function injectAccordionItem() {
+    return inject(RdxAccordionItemToken);
+}
+
+const RdxAccordionToken = new InjectionToken('NgpAccordionToken');
+function injectAccordion() {
+    return inject(RdxAccordionToken);
+}
+
+class RdxAccordionStateDirective {
+    constructor() {
+        /**
+         * Access the accordion the trigger belongs to.
+         */
+        this.accordion = injectAccordion();
+        /**
+         * Access the item the trigger belongs to.
+         */
+        this.item = injectAccordionItem();
+        /**
+         * Determine the expanded state of the item.
+         * @internal
+         */
+        this.state = computed(() => (this.item.isExpanded() ? 'open' : 'closed'));
+    }
+    /**
+     * Determine the disabled state of the item.
+     * @internal
+     */
+    get isDisabled() {
+        return this.item.disabled || this.accordion.disabled;
+    }
+    /**
+     * Determine the orientation of the accordion.
+     * @internal
+     */
+    get orientation() {
+        return this.accordion.orientation;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionStateDirective, isStandalone: true, host: { properties: { "attr.data-state": "state()", "attr.data-disabled": "isDisabled", "attr.data-orientation": "orientation" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'state()',
+                        '[attr.data-disabled]': 'isDisabled',
+                        '[attr.data-orientation]': 'orientation'
+                    }
+                }]
+        }] });
+
+class RdxAccordionContentDirective {
+    constructor() {
+        /**
+         * Access the element ref.
+         */
+        this.elementRef = inject(ElementRef);
+        /**
+         * Access the change detector ref.
+         */
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        /**
+         * Access the item the content belongs to.
+         */
+        this.item = inject(RdxAccordionItemToken);
+        /**
+         * Derive the id of the content.
+         * @internal
+         */
+        this.id = `${this.item.id}-content`;
+        /**
+         * Derive the id of the trigger.
+         * @internal
+         */
+        this.labelledby = `${this.item.id}-trigger`;
+        /**
+         * Define the width of the content as a CSS variable, so it can be used in animations.
+         * @internal
+         */
+        this.width = this.elementRef.nativeElement.scrollWidth;
+        /**
+         * Define the height of the content as a CSS variable, so it can be used in animations.
+         * @internal
+         */
+        this.height = this.elementRef.nativeElement.scrollHeight;
+    }
+    ngAfterViewInit() {
+        this.updateContentSize();
+    }
+    /**
+     * Update the size of the content.
+     */
+    updateContentSize() {
+        this.width = this.elementRef.nativeElement.scrollWidth;
+        this.height = this.elementRef.nativeElement.scrollHeight;
+        this.changeDetectorRef.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionContentDirective, isStandalone: true, selector: "[rdxAccordionContent]", host: { attributes: { "role": "region" }, properties: { "id": "id", "attr.aria-labelledby": "labelledby", "style.display": "!item.isExpanded() ? \"none\": \"\"", "style.--rdx-accordion-content-width.px": "this.width", "style.--rdx-accordion-content-height.px": "this.height" } }, hostDirectives: [{ directive: RdxAccordionStateDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionContent]',
+                    standalone: true,
+                    host: {
+                        role: 'region',
+                        '[id]': 'id',
+                        '[attr.aria-labelledby]': 'labelledby',
+                        '[style.display]': '!item.isExpanded() ? "none": ""'
+                    },
+                    hostDirectives: [RdxAccordionStateDirective]
+                }]
+        }], propDecorators: { width: [{
+                type: HostBinding,
+                args: ['style.--rdx-accordion-content-width.px']
+            }], height: [{
+                type: HostBinding,
+                args: ['style.--rdx-accordion-content-height.px']
+            }] } });
+
+class RdxAccordionHeaderDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionHeaderDirective, isStandalone: true, selector: "[rdxAccordionHeader]", hostDirectives: [{ directive: RdxAccordionStateDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionHeader]',
+                    standalone: true,
+                    hostDirectives: [RdxAccordionStateDirective]
+                }]
+        }] });
+
+/**
+ * A unique id for the item.
+ */
+let uniqueId = 0;
+class RdxAccordionItemDirective {
+    constructor() {
+        /**
+         * Access the accordion the item belongs to.
+         */
+        this.accordion = injectAccordion();
+        /**
+         * Determines whether the item should be expanded.
+         * @default false
+         */
+        this.expanded = false;
+        /**
+         * Determines whether the Item should be disabled.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Event emitted when the Item is expanded.
+         */
+        this.expandedChange = new EventEmitter();
+        /**
+         * The unique id of the Item.
+         * @internal
+         */
+        this.id = `rdx-accordion-item-${uniqueId++}`;
+        /**
+         * Determine if this item is expanded.
+         * @internal
+         */
+        this.isExpanded = computed(() => this.accordion.expanded().includes(this.id));
+    }
+    /**
+     * Toggle the expanded state of the Item.
+     */
+    toggle() {
+        // If the accordion or Item is disabled, do nothing.
+        if (this.accordion.disabled || this.disabled) {
+            return;
+        }
+        if (this.isExpanded()) {
+            this.accordion.collapse(this.id);
+        }
+        else {
+            this.accordion.expand(this.id);
+        }
+        this.expandedChange.emit(this.isExpanded());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxAccordionItemDirective, isStandalone: true, selector: "[rdxAccordionItem]", inputs: { expanded: ["rdxAccordionItemExpanded", "expanded", booleanAttribute], disabled: ["rdxAccordionItemDisabled", "disabled", booleanAttribute] }, outputs: { expandedChange: "rdxAccordionItemExpandedChange" }, providers: [{ provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective }], hostDirectives: [{ directive: RdxAccordionStateDirective }, { directive: i2.RdxRovingFocusItemDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionItem]',
+                    standalone: true,
+                    providers: [{ provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective }],
+                    hostDirectives: [RdxAccordionStateDirective, RdxRovingFocusItemDirective]
+                }]
+        }], propDecorators: { expanded: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionItemExpanded', transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionItemDisabled', transform: booleanAttribute }]
+            }], expandedChange: [{
+                type: Output,
+                args: ['rdxAccordionItemExpandedChange']
+            }] } });
+
+class RdxAccordionTriggerDirective {
+    constructor() {
+        /**
+         * Access the item the trigger belongs to.
+         */
+        this.item = inject(RdxAccordionItemToken);
+        /**
+         * Get the id of the item content.
+         * @internal
+         */
+        this.contentId = `${this.item.id}-content`;
+    }
+    /**
+     * Derive the id of the trigger.
+     */
+    get triggerId() {
+        return `${this.item.id}-trigger`;
+    }
+    /**
+     * Toggle the expanded state of the item.
+     */
+    toggle() {
+        this.item.toggle();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxAccordionTriggerDirective, isStandalone: true, selector: "[rdxAccordionTrigger]", host: { listeners: { "click": "toggle()" }, properties: { "id": "triggerId", "attr.aria-expanded": "item.isExpanded()", "attr.aria-controls": "contentId" } }, hostDirectives: [{ directive: RdxAccordionStateDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionTrigger]',
+                    standalone: true,
+                    hostDirectives: [RdxAccordionStateDirective],
+                    host: {
+                        '[id]': 'triggerId',
+                        '[attr.aria-expanded]': 'item.isExpanded()',
+                        '[attr.aria-controls]': 'contentId'
+                    }
+                }]
+        }], propDecorators: { toggle: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+const RdxAccordionConfigToken = new InjectionToken('RdxAccordionConfiguration');
+const defaultAccordionConfig = {
+    multiple: false,
+    orientation: 'vertical'
+};
+/**
+ * Provide the default accordion configuration
+ * @param config The accordion configuration
+ * @returns The provider
+ */
+function provideAccordionConfig(config) {
+    return [
+        {
+            provide: RdxAccordionConfigToken,
+            useValue: { ...defaultAccordionConfig, ...config }
+        }
+    ];
+}
+/**
+ * Inject the accordion configuration
+ * @returns The global accordion configuration
+ */
+function injectAccordionConfig() {
+    return inject(RdxAccordionConfigToken, { optional: true }) ?? defaultAccordionConfig;
+}
+
+/**
+ * The root accordion directive that all parts should be placed within.
+ */
+class RdxAccordionDirective {
+    constructor() {
+        /**
+         * Access the global accordion configuration.
+         */
+        this.config = injectAccordionConfig();
+        /**
+         * Access the roving focus group
+         */
+        this.rovingFocusGroup = injectRovingFocusGroup();
+        /**
+         * Determines whether multiple items can be open simultaneously.
+         * @default false
+         */
+        this.multiple = this.config.multiple;
+        /**
+         * The orientation of the accordion.
+         * @default 'vertical'
+         */
+        this.orientation = this.config.orientation;
+        /**
+         * Determines whether the accordion should be disabled.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Store the currently expanded item(s).
+         * @internal
+         */
+        this.expanded = signal([]);
+    }
+    ngOnInit() {
+        this.rovingFocusGroup.setOrientation(this.orientation);
+    }
+    /**
+     * Expand an item.
+     * @param id The id of the item to expand.
+     */
+    expand(id) {
+        this.expanded.set(this.multiple ? [...this.expanded(), id] : [id]);
+    }
+    /**
+     * Collapse an Item.
+     * @param id The id of the Item to collapse.
+     */
+    collapse(id) {
+        this.expanded.set(this.expanded().filter((expandedId) => expandedId !== id));
+    }
+    /**
+     * Toggle an item.
+     * @param id The id of the item to toggle.
+     */
+    toggle(id) {
+        if (this.expanded().includes(id)) {
+            this.collapse(id);
+        }
+        else {
+            this.expand(id);
+        }
+    }
+    /**
+     * Collapse all items.
+     */
+    collapseAll() {
+        this.expanded.set([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxAccordionDirective, isStandalone: true, selector: "[rdxAccordion]", inputs: { multiple: ["rdxAccordionMultiple", "multiple", booleanAttribute], orientation: ["rdxAccordionOrientation", "orientation"], disabled: ["rdxAccordionDisabled", "disabled", booleanAttribute] }, host: { listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "this.orientation" } }, providers: [{ provide: RdxAccordionToken, useExisting: RdxAccordionDirective }], hostDirectives: [{ directive: i2.RdxRovingFocusGroupDirective, inputs: ["rdxRovingFocusGroupOrientation", "orientation"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxAccordionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordion]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: RdxRovingFocusGroupDirective,
+                            inputs: ['rdxRovingFocusGroupOrientation:orientation']
+                        }
+                    ],
+                    providers: [{ provide: RdxAccordionToken, useExisting: RdxAccordionDirective }],
+                    host: {
+                        '(focusout)': 'onTouched?.()'
+                    }
+                }]
+        }], propDecorators: { multiple: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionMultiple', transform: booleanAttribute }]
+            }], orientation: [{
+                type: HostBinding,
+                args: ['attr.data-orientation']
+            }, {
+                type: Input,
+                args: [{ alias: 'rdxAccordionOrientation' }]
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'rdxAccordionDisabled', transform: booleanAttribute }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxAccordionConfigToken, RdxAccordionContentDirective, RdxAccordionDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionStateDirective, RdxAccordionTriggerDirective, injectAccordionConfig, provideAccordionConfig };
+//# 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-item/accordion-item.token.ts","../../../packages/primitives/accordion/src/accordion/accordion.token.ts","../../../packages/primitives/accordion/src/accordion-state.directive.ts","../../../packages/primitives/accordion/src/accordion-content/accordion-content.directive.ts","../../../packages/primitives/accordion/src/accordion-header/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-item/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-trigger/accordion-trigger.directive.ts","../../../packages/primitives/accordion/src/accordion.config.ts","../../../packages/primitives/accordion/src/accordion/accordion.directive.ts","../../../packages/primitives/accordion/radix-ng-primitives-accordion.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxAccordionItemDirective } from './accordion-item.directive';\n\nexport const RdxAccordionItemToken = new InjectionToken<RdxAccordionItemDirective>(\n    'RdxAccordionItemToken'\n);\n\nexport function injectAccordionItem(): RdxAccordionItemDirective {\n    return inject(RdxAccordionItemToken);\n}\n","import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxAccordionDirective } from './accordion.directive';\n\nexport const RdxAccordionToken = new InjectionToken<RdxAccordionDirective>('NgpAccordionToken');\n\nexport function injectAccordion(): RdxAccordionDirective {\n    return inject(RdxAccordionToken);\n}\n","import { computed, Directive } from '@angular/core';\n\nimport { injectAccordionItem } from './accordion-item/accordion-item.token';\nimport { injectAccordion } from './accordion/accordion.token';\n\n@Directive({\n    standalone: true,\n    host: {\n        '[attr.data-state]': 'state()',\n        '[attr.data-disabled]': 'isDisabled',\n        '[attr.data-orientation]': 'orientation'\n    }\n})\nexport class RdxAccordionStateDirective {\n    /**\n     * Access the accordion the trigger belongs to.\n     */\n    private readonly accordion = injectAccordion();\n\n    /**\n     * Access the item the trigger belongs to.\n     */\n    private readonly item = injectAccordionItem();\n\n    /**\n     * Determine the expanded state of the item.\n     * @internal\n     */\n    readonly state = computed(() => (this.item.isExpanded() ? 'open' : 'closed'));\n\n    /**\n     * Determine the disabled state of the item.\n     * @internal\n     */\n    get isDisabled(): boolean {\n        return this.item.disabled || this.accordion.disabled;\n    }\n\n    /**\n     * Determine the orientation of the accordion.\n     * @internal\n     */\n    get orientation(): 'horizontal' | 'vertical' {\n        return this.accordion.orientation;\n    }\n}\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Directive,\n    ElementRef,\n    HostBinding,\n    inject\n} from '@angular/core';\n\nimport { RdxAccordionItemToken } from '../accordion-item/accordion-item.token';\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    standalone: true,\n    host: {\n        role: 'region',\n        '[id]': 'id',\n        '[attr.aria-labelledby]': 'labelledby',\n        '[style.display]': '!item.isExpanded() ? \"none\": \"\"'\n    },\n    hostDirectives: [RdxAccordionStateDirective]\n})\nexport class RdxAccordionContentDirective implements AfterViewInit {\n    /**\n     * Access the element ref.\n     */\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    /**\n     * Access the change detector ref.\n     */\n    private readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n    /**\n     * Access the item the content belongs to.\n     */\n    protected readonly item = inject(RdxAccordionItemToken);\n\n    /**\n     * Derive the id of the content.\n     * @internal\n     */\n    readonly id = `${this.item.id}-content`;\n\n    /**\n     * Derive the id of the trigger.\n     * @internal\n     */\n    readonly labelledby = `${this.item.id}-trigger`;\n\n    /**\n     * Define the width of the content as a CSS variable, so it can be used in animations.\n     * @internal\n     */\n    @HostBinding('style.--rdx-accordion-content-width.px')\n    protected width = this.elementRef.nativeElement.scrollWidth;\n\n    /**\n     * Define the height of the content as a CSS variable, so it can be used in animations.\n     * @internal\n     */\n    @HostBinding('style.--rdx-accordion-content-height.px')\n    protected height = this.elementRef.nativeElement.scrollHeight;\n\n    ngAfterViewInit(): void {\n        this.updateContentSize();\n    }\n\n    /**\n     * Update the size of the content.\n     */\n    private updateContentSize(): void {\n        this.width = this.elementRef.nativeElement.scrollWidth;\n        this.height = this.elementRef.nativeElement.scrollHeight;\n        this.changeDetectorRef.detectChanges();\n    }\n}\n","import { Directive } from '@angular/core';\n\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    standalone: true,\n    hostDirectives: [RdxAccordionStateDirective]\n})\nexport class RdxAccordionHeaderDirective {}\n","import { booleanAttribute, computed, Directive, EventEmitter, Input, Output } from '@angular/core';\n\nimport { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\n\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\nimport { injectAccordion } from '../accordion/accordion.token';\nimport { RdxAccordionItemToken } from './accordion-item.token';\n\n/**\n * A unique id for the item.\n */\nlet uniqueId = 0;\n\n@Directive({\n    selector: '[rdxAccordionItem]',\n    standalone: true,\n    providers: [{ provide: RdxAccordionItemToken, useExisting: RdxAccordionItemDirective }],\n    hostDirectives: [RdxAccordionStateDirective, RdxRovingFocusItemDirective]\n})\nexport class RdxAccordionItemDirective {\n    /**\n     * Access the accordion the item belongs to.\n     */\n    private readonly accordion = injectAccordion();\n\n    /**\n     * Determines whether the item should be expanded.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionItemExpanded', transform: booleanAttribute }) expanded = false;\n\n    /**\n     * Determines whether the Item should be disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionItemDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Event emitted when the Item is expanded.\n     */\n    @Output('rdxAccordionItemExpandedChange') readonly expandedChange = new EventEmitter<boolean>();\n\n    /**\n     * The unique id of the Item.\n     * @internal\n     */\n    readonly id = `rdx-accordion-item-${uniqueId++}`;\n\n    /**\n     * Determine if this item is expanded.\n     * @internal\n     */\n    readonly isExpanded = computed(() => this.accordion.expanded().includes(this.id));\n\n    /**\n     * Toggle the expanded state of the Item.\n     */\n    toggle(): void {\n        // If the accordion or Item is disabled, do nothing.\n        if (this.accordion.disabled || this.disabled) {\n            return;\n        }\n\n        if (this.isExpanded()) {\n            this.accordion.collapse(this.id);\n        } else {\n            this.accordion.expand(this.id);\n        }\n\n        this.expandedChange.emit(this.isExpanded());\n    }\n}\n","import { Directive, HostListener, inject } from '@angular/core';\n\nimport { RdxAccordionItemToken } from '../accordion-item/accordion-item.token';\nimport { RdxAccordionStateDirective } from '../accordion-state.directive';\n\n@Directive({\n    selector: '[rdxAccordionTrigger]',\n    standalone: true,\n    hostDirectives: [RdxAccordionStateDirective],\n    host: {\n        '[id]': 'triggerId',\n        '[attr.aria-expanded]': 'item.isExpanded()',\n        '[attr.aria-controls]': 'contentId'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    /**\n     * Access the item the trigger belongs to.\n     */\n    protected readonly item = inject(RdxAccordionItemToken);\n\n    /**\n     * Derive the id of the trigger.\n     */\n    protected get triggerId(): string {\n        return `${this.item.id}-trigger`;\n    }\n\n    /**\n     * Get the id of the item content.\n     * @internal\n     */\n    protected readonly contentId = `${this.item.id}-content`;\n\n    /**\n     * Toggle the expanded state of the item.\n     */\n    @HostListener('click')\n    toggle(): void {\n        this.item.toggle();\n    }\n}\n","import { inject, InjectionToken, Provider } from '@angular/core';\n\nexport const RdxAccordionConfigToken = new InjectionToken<RdxAccordionConfig>(\n    'RdxAccordionConfiguration'\n);\n\nexport interface RdxAccordionConfig {\n    /**\n     * Determines whether multiple items can be open simultaneously.\n     * @default false\n     */\n    multiple: boolean;\n\n    /**\n     * The orientation of the accordion.\n     * @default 'vertical'\n     */\n    orientation: 'horizontal' | 'vertical';\n}\n\nconst defaultAccordionConfig: RdxAccordionConfig = {\n    multiple: false,\n    orientation: 'vertical'\n};\n\n/**\n * Provide the default accordion configuration\n * @param config The accordion configuration\n * @returns The provider\n */\nexport function provideAccordionConfig(config: Partial<RdxAccordionConfig>): Provider[] {\n    return [\n        {\n            provide: RdxAccordionConfigToken,\n            useValue: { ...defaultAccordionConfig, ...config }\n        }\n    ];\n}\n\n/**\n * Inject the accordion configuration\n * @returns The global accordion configuration\n */\nexport function injectAccordionConfig(): RdxAccordionConfig {\n    return inject(RdxAccordionConfigToken, { optional: true }) ?? defaultAccordionConfig;\n}\n","import { booleanAttribute, Directive, HostBinding, Input, OnInit, signal } from '@angular/core';\n\nimport {\n    injectRovingFocusGroup,\n    RdxRovingFocusGroupDirective\n} from '@radix-ng/primitives/roving-focus';\n\nimport { injectAccordionConfig } from '../accordion.config';\nimport { RdxAccordionToken } from './accordion.token';\n\n/**\n * The root accordion directive that all parts should be placed within.\n */\n@Directive({\n    selector: '[rdxAccordion]',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxRovingFocusGroupDirective,\n            inputs: ['rdxRovingFocusGroupOrientation:orientation']\n        }\n    ],\n    providers: [{ provide: RdxAccordionToken, useExisting: RdxAccordionDirective }],\n    host: {\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxAccordionDirective implements OnInit {\n    /**\n     * Access the global accordion configuration.\n     */\n    private readonly config = injectAccordionConfig();\n\n    /**\n     * Access the roving focus group\n     */\n    private readonly rovingFocusGroup = injectRovingFocusGroup();\n\n    /**\n     * Determines whether multiple items can be open simultaneously.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionMultiple', transform: booleanAttribute }) multiple: boolean =\n        this.config.multiple;\n\n    /**\n     * The orientation of the accordion.\n     * @default 'vertical'\n     */\n    @HostBinding('attr.data-orientation')\n    @Input({ alias: 'rdxAccordionOrientation' })\n    orientation: 'horizontal' | 'vertical' = this.config.orientation;\n\n    /**\n     * Determines whether the accordion should be disabled.\n     * @default false\n     */\n    @Input({ alias: 'rdxAccordionDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * Store the currently expanded item(s).\n     * @internal\n     */\n    readonly expanded = signal<string[]>([]);\n\n    /**\n     * The touched callback.\n     */\n    protected onTouched?: () => void;\n\n    ngOnInit(): void {\n        this.rovingFocusGroup.setOrientation(this.orientation);\n    }\n    /**\n     * Expand an item.\n     * @param id The id of the item to expand.\n     */\n    expand(id: string): void {\n        this.expanded.set(this.multiple ? [...this.expanded(), id] : [id]);\n    }\n\n    /**\n     * Collapse an Item.\n     * @param id The id of the Item to collapse.\n     */\n    collapse(id: string): void {\n        this.expanded.set(this.expanded().filter((expandedId) => expandedId !== id));\n    }\n\n    /**\n     * Toggle an item.\n     * @param id The id of the item to toggle.\n     */\n    toggle(id: string): void {\n        if (this.expanded().includes(id)) {\n            this.collapse(id);\n        } else {\n            this.expand(id);\n        }\n    }\n\n    /**\n     * Collapse all items.\n     */\n    collapseAll(): void {\n        this.expanded.set([]);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.RdxAccordionStateDirective","i1"],"mappings":"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"}