@radix-ng/primitives 0.12.0 → 0.12.2

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

@@ -0,0 +1,134 @@
+import { booleanAttribute, ContentChildren, Directive, EventEmitter, Input, QueryList } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { RdxToggleGroupButtonToken } from './toggle-group-button.token';
+import { RdxToggleGroupToken } from './toggle-group.token';
+import * as i0 from "@angular/core";
+export class RdxToggleGroupDirective {
+    constructor() {
+        /**
+         * 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();
+    }
+    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: "18.2.1", ngImport: i0, type: RdxToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxToggleGroupDirective, isStandalone: true, selector: "[rdxToggleGroup]", inputs: { value: "value", orientation: "orientation", disabled: ["disabled", "disabled", booleanAttribute], wrap: ["wrap", "wrap", booleanAttribute], valueChange: "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, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToggleGroup]',
+                    standalone: true,
+                    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
+            }], orientation: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], wrap: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], valueChange: [{
+                type: Input
+            }], buttons: [{
+                type: ContentChildren,
+                args: [RdxToggleGroupButtonToken]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWdyb3VwLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdG9nZ2xlLWdyb3VwL3NyYy90b2dnbGUtZ3JvdXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxnQkFBZ0IsRUFDaEIsZUFBZSxFQUNmLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLFNBQVMsRUFFWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBZTNELE1BQU0sT0FBTyx1QkFBdUI7SUFicEM7UUFjSTs7V0FFRztRQUNNLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBRXJDOzs7V0FHRztRQUNNLGdCQUFXLEdBQThCLFlBQVksQ0FBQztRQUUvRDs7O1dBR0c7UUFDcUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUV6RDs7O1dBR0c7UUFDcUMsU0FBSSxHQUFHLElBQUksQ0FBQztRQUVwRDs7V0FFRztRQUNlLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7S0EyRnJFO0lBekVHLFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLFVBQVUsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7UUFDL0QsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7UUFDL0QsQ0FBQztJQUNMLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILFVBQVUsQ0FBQyxLQUFhO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUM7SUFDaEMsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxNQUFNLENBQUMsS0FBYTtRQUNoQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNoQixPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ2pELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsVUFBVSxDQUFDLEtBQWE7UUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxnQkFBZ0IsQ0FBQyxFQUFrQztRQUMvQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGlCQUFpQixDQUFDLEVBQWM7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7SUFDL0QsQ0FBQzs4R0FySFEsdUJBQXVCO2tHQUF2Qix1QkFBdUIsNklBZ0JaLGdCQUFnQiwwQkFNaEIsZ0JBQWdCLDJMQWhDekI7WUFDUCxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUU7WUFDdEUsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7U0FDcEYsa0RBdUNnQix5QkFBeUI7OzJGQWhDakMsdUJBQXVCO2tCQWJuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixTQUFTLEVBQUU7d0JBQ1AsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyx5QkFBeUIsRUFBRTt3QkFDdEUsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyx5QkFBeUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO3FCQUNwRjtvQkFDRCxJQUFJLEVBQUU7d0JBQ0YsSUFBSSxFQUFFLE9BQU87d0JBQ2IseUJBQXlCLEVBQUUsYUFBYTt3QkFDeEMsWUFBWSxFQUFFLGVBQWU7cUJBQ2hDO2lCQUNKOzhCQUtZLEtBQUs7c0JBQWIsS0FBSztnQkFNRyxXQUFXO3NCQUFuQixLQUFLO2dCQU1rQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQU1FLElBQUk7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBS3BCLFdBQVc7c0JBQTVCLEtBQUs7Z0JBTUksT0FBTztzQkFEaEIsZUFBZTt1QkFBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgRGlyZWN0aXZlLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgUXVlcnlMaXN0LFxuICAgIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgdHlwZSB7IFJkeFRvZ2dsZUdyb3VwQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi90b2dnbGUtZ3JvdXAtYnV0dG9uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBSZHhUb2dnbGVHcm91cEJ1dHRvblRva2VuIH0gZnJvbSAnLi90b2dnbGUtZ3JvdXAtYnV0dG9uLnRva2VuJztcbmltcG9ydCB7IFJkeFRvZ2dsZUdyb3VwVG9rZW4gfSBmcm9tICcuL3RvZ2dsZS1ncm91cC50b2tlbic7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3JkeFRvZ2dsZUdyb3VwXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBSZHhUb2dnbGVHcm91cFRva2VuLCB1c2VFeGlzdGluZzogUmR4VG9nZ2xlR3JvdXBEaXJlY3RpdmUgfSxcbiAgICAgICAgeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IFJkeFRvZ2dsZUdyb3VwRGlyZWN0aXZlLCBtdWx0aTogdHJ1ZSB9XG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHJvbGU6ICdncm91cCcsXG4gICAgICAgICdbYXR0ci5kYXRhLW9yaWVudGF0aW9uXSc6ICdvcmllbnRhdGlvbicsXG4gICAgICAgICcoZm9jdXNvdXQpJzogJ29uVG91Y2hlZD8uKCknXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBSZHhUb2dnbGVHcm91cERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgQWZ0ZXJDb250ZW50SW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIC8qKlxuICAgICAqIFRoZSBzZWxlY3RlZCB0b2dnbGUgYnV0dG9uLlxuICAgICAqL1xuICAgIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIC8qKlxuICAgICAqIFRoZSBvcmllbnRhdGlvbiBvZiB0aGUgdG9nZ2xlIGdyb3VwLlxuICAgICAqIEBkZWZhdWx0ICdob3Jpem9udGFsJ1xuICAgICAqL1xuICAgIEBJbnB1dCgpIG9yaWVudGF0aW9uOiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnID0gJ2hvcml6b250YWwnO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgdG9nZ2xlIGdyb3VwIGlzIGRpc2FibGVkLlxuICAgICAqIEBkZWZhdWx0IGZhbHNlXG4gICAgICovXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBXaGV0aGVyIHRoZSB0b2dnbGUgZ3JvdXAgcm92aW5nIGZvY3VzIHNob3VsZCB3cmFwLlxuICAgICAqIEBkZWZhdWx0IHRydWVcbiAgICAgKi9cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgd3JhcCA9IHRydWU7XG5cbiAgICAvKipcbiAgICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIHNlbGVjdGVkIHRvZ2dsZSBidXR0b24gY2hhbmdlcy5cbiAgICAgKi9cbiAgICBASW5wdXQoKSByZWFkb25seSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcblxuICAgIC8qKlxuICAgICAqIEFjY2VzcyB0aGUgYnV0dG9ucyBpbiB0aGUgdG9nZ2xlIGdyb3VwLlxuICAgICAqL1xuICAgIEBDb250ZW50Q2hpbGRyZW4oUmR4VG9nZ2xlR3JvdXBCdXR0b25Ub2tlbilcbiAgICBwcm90ZWN0ZWQgYnV0dG9ucz86IFF1ZXJ5TGlzdDxSZHhUb2dnbGVHcm91cEJ1dHRvbkRpcmVjdGl2ZT47XG5cbiAgICAvKipcbiAgICAgKiBUaGUgdmFsdWUgY2hhbmdlIGNhbGxiYWNrLlxuICAgICAqL1xuICAgIHByaXZhdGUgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZyB8IG51bGwpID0+IHZvaWQ7XG5cbiAgICAvKipcbiAgICAgKiBvblRvdWNoIGZ1bmN0aW9uIHJlZ2lzdGVyZWQgdmlhIHJlZ2lzdGVyT25Ub3VjaCAoQ29udHJvbFZhbHVlQWNjZXNzb3IpLlxuICAgICAqL1xuICAgIHByb3RlY3RlZCBvblRvdWNoZWQ/OiAoKSA9PiB2b2lkO1xuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoJ2Rpc2FibGVkJyBpbiBjaGFuZ2VzKSB7XG4gICAgICAgICAgICB0aGlzLmJ1dHRvbnM/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWdyb3VwLnRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy90b2dnbGUtZ3JvdXAvc3JjL3RvZ2dsZS1ncm91cC50b2tlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUl2RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLGNBQWMsQ0FDakQscUJBQXFCLENBQ3hCLENBQUM7QUFFRixNQUFNLFVBQVUsaUJBQWlCO0lBQzdCLE9BQU8sTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7QUFDdkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgUmR4VG9nZ2xlR3JvdXBNdWx0aURpcmVjdGl2ZSB9IGZyb20gJy4vdG9nZ2xlLWdyb3VwLW11bHRpLmRpcmVjdGl2ZSc7XG5pbXBvcnQgdHlwZSB7IFJkeFRvZ2dsZUdyb3VwRGlyZWN0aXZlIH0gZnJvbSAnLi90b2dnbGUtZ3JvdXAuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNvbnN0IFJkeFRvZ2dsZUdyb3VwVG9rZW4gPSBuZXcgSW5qZWN0aW9uVG9rZW48UmR4VG9nZ2xlR3JvdXBEaXJlY3RpdmUgfCBSZHhUb2dnbGVHcm91cE11bHRpRGlyZWN0aXZlPihcbiAgICAnUmR4VG9nZ2xlR3JvdXBUb2tlbidcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBpbmplY3RUb2dnbGVHcm91cCgpOiBSZHhUb2dnbGVHcm91cERpcmVjdGl2ZSB8IFJkeFRvZ2dsZUdyb3VwTXVsdGlEaXJlY3RpdmUge1xuICAgIHJldHVybiBpbmplY3QoUmR4VG9nZ2xlR3JvdXBUb2tlbik7XG59XG4iXX0=

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

@@ -0,0 +1,455 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, EventEmitter, booleanAttribute, Directive, Input, ContentChildren, forwardRef, Output, ElementRef, ChangeDetectorRef, ContentChild } from '@angular/core';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { Subject, merge, Subscription } from 'rxjs';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { ENTER, SPACE } from '@angular/cdk/keycodes';
+
+const RdxAccordionRootToken = new InjectionToken('RdxAccordionRootDirective');
+let nextId$1 = 0;
+class RdxAccordionRootDirective {
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.selectionDispatcher = inject(UniqueSelectionDispatcher);
+        /**
+         * @ignore
+         */
+        this.dir = inject(Directionality, { optional: true });
+        /**
+         * @ignore
+         */
+        this.id = `rdx-accordion-${nextId$1++}`;
+        /**
+         * @ignore
+         */
+        this.openCloseAllActions = new Subject();
+        /**
+         * The orientation of the accordion.
+         */
+        this.orientation = 'vertical';
+        /**
+         * Determines whether one or multiple items can be opened at the same time.
+         */
+        this.type = 'single';
+        /**
+         * @ignore
+         */
+        this.collapsible = true;
+        this.onValueChange = new EventEmitter();
+        this._defaultValue = [];
+    }
+    get isMultiple() {
+        return this.type === 'multiple';
+    }
+    /**
+     * 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.
+     */
+    set defaultValue(value) {
+        if (value !== this._defaultValue) {
+            this._defaultValue = Array.isArray(value) ? value : [value];
+        }
+    }
+    get defaultValue() {
+        return this.isMultiple ? this._defaultValue : this._defaultValue[0];
+    }
+    /**
+     * The controlled value of the item to expand
+     */
+    set value(value) {
+        if (value !== this._value) {
+            this._value = Array.isArray(value) ? value : [value];
+            this.selectionDispatcher.notify(this.value, this.id);
+        }
+    }
+    get value() {
+        if (this._value === undefined) {
+            return this.defaultValue;
+        }
+        return this.isMultiple ? this._value : this._value[0];
+    }
+    /**
+     * @ignore
+     */
+    ngAfterContentInit() {
+        this.selectionDispatcher.notify((this._value ?? this._defaultValue), this.id);
+        this.keyManager = new FocusKeyManager(this.items).withHomeAndEnd();
+        if (this.orientation === 'horizontal') {
+            this.keyManager.withHorizontalOrientation(this.dir?.value || 'ltr');
+        }
+        else {
+            this.keyManager.withVerticalOrientation();
+        }
+        this.onValueChangeSubscription = merge(...this.items.map((item) => item.expandedChange)).subscribe(() => this.onValueChange.emit());
+    }
+    /**
+     * @ignore
+     */
+    ngOnDestroy() {
+        this.openCloseAllActions.complete();
+        this.onValueChangeSubscription.unsubscribe();
+    }
+    /**
+     * @ignore
+     */
+    handleKeydown(event) {
+        if (!this.keyManager.activeItem) {
+            this.keyManager.setFirstItemActive();
+        }
+        const activeItem = this.keyManager.activeItem;
+        if ((event.keyCode === ENTER || event.keyCode === SPACE) &&
+            !this.keyManager.isTyping() &&
+            activeItem &&
+            !activeItem.disabled) {
+            event.preventDefault();
+            activeItem.toggle();
+        }
+        else {
+            this.keyManager.onKeydown(event);
+        }
+    }
+    /** Opens all enabled accordion items in an accordion where multi is enabled.
+     * @ignore
+     */
+    openAll() {
+        if (this.isMultiple) {
+            this.openCloseAllActions.next(true);
+        }
+    }
+    /** Closes all enabled accordion items.
+     * @ignore
+     */
+    closeAll() {
+        this.openCloseAllActions.next(false);
+    }
+    /**
+     * @ignore
+     */
+    setActiveItem(item) {
+        this.keyManager.setActiveItem(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxAccordionRootDirective, isStandalone: true, selector: "[rdxAccordionRoot]", inputs: { disabled: ["disabled", "disabled", booleanAttribute], orientation: "orientation", defaultValue: "defaultValue", type: "type", collapsible: "collapsible", value: "value" }, outputs: { onValueChange: "onValueChange" }, host: { listeners: { "keydown": "handleKeydown($event)" }, properties: { "attr.data-orientation": "orientation" } }, providers: [
+            { provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective },
+            { provide: UniqueSelectionDispatcher, useClass: UniqueSelectionDispatcher }
+        ], queries: [{ propertyName: "items", predicate: i0.forwardRef(() => RdxAccordionItemDirective), descendants: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionRoot]',
+                    standalone: true,
+                    providers: [
+                        { provide: RdxAccordionRootToken, useExisting: RdxAccordionRootDirective },
+                        { provide: UniqueSelectionDispatcher, useClass: UniqueSelectionDispatcher }
+                    ],
+                    host: {
+                        '[attr.data-orientation]': 'orientation',
+                        '(keydown)': 'handleKeydown($event)'
+                    }
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], orientation: [{
+                type: Input
+            }], items: [{
+                type: ContentChildren,
+                args: [forwardRef(() => RdxAccordionItemDirective), { descendants: true }]
+            }], defaultValue: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], collapsible: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], onValueChange: [{
+                type: Output
+            }] } });
+
+class RdxAccordionTriggerDirective {
+    constructor() {
+        this.nativeElement = inject(ElementRef).nativeElement;
+        this.accordionRoot = inject(RdxAccordionRootDirective);
+        this.item = inject(RdxAccordionItemDirective);
+    }
+    /**
+     * Fires when trigger clicked
+     */
+    onClick() {
+        if (!this.accordionRoot.collapsible && this.item.expanded)
+            return;
+        this.item.toggle();
+        this.accordionRoot.setActiveItem(this.item);
+    }
+    focus() {
+        this.nativeElement.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RdxAccordionTriggerDirective, isStandalone: true, selector: "[rdxAccordionTrigger]", host: { listeners: { "click": "onClick()" }, properties: { "attr.role": "\"button\"", "attr.aria-expanded": "item.expanded", "attr.data-state": "item.dataState", "attr.data-disabled": "item.disabled", "attr.disabled": "item.disabled ? \"\" : null", "attr.data-orientation": "item.orientation" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionTrigger]',
+                    standalone: true,
+                    host: {
+                        '[attr.role]': '"button"',
+                        '[attr.aria-expanded]': 'item.expanded',
+                        '[attr.data-state]': 'item.dataState',
+                        '[attr.data-disabled]': 'item.disabled',
+                        '[attr.disabled]': 'item.disabled ? "" : null',
+                        '[attr.data-orientation]': 'item.orientation',
+                        '(click)': 'onClick()'
+                    }
+                }]
+        }] });
+
+let nextId = 0;
+class RdxAccordionItemDirective {
+    get dataState() {
+        return this.expanded ? 'open' : 'closed';
+    }
+    get orientation() {
+        return this.accordion.orientation;
+    }
+    /** Whether the AccordionItem is expanded. */
+    set expanded(expanded) {
+        // Only emit events and update the internal value if the value changes.
+        if (this._expanded !== expanded) {
+            this._expanded = expanded;
+            this.expandedChange.emit(expanded);
+            if (expanded) {
+                this.opened.emit();
+                /**
+                 * In the unique selection dispatcher, the id parameter is the id of the CdkAccordionItem,
+                 * the name value is the id of the accordion.
+                 */
+                const accordionId = this.accordion ? this.accordion.id : this.value;
+                this.expansionDispatcher.notify(this.value, accordionId);
+            }
+            else {
+                this.closed.emit();
+            }
+            // Ensures that the animation will run when the value is set outside of an `@Input`.
+            // This includes cases like the open, close and toggle methods.
+            this.changeDetectorRef.markForCheck();
+        }
+    }
+    get expanded() {
+        return this._expanded;
+    }
+    set value(value) {
+        this._value = value;
+    }
+    get value() {
+        return this._value || this.id;
+    }
+    /** Whether the AccordionItem is disabled. */
+    set disabled(value) {
+        this._disabled = value;
+    }
+    get disabled() {
+        return this.accordion.disabled ?? this._disabled;
+    }
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.accordion = inject(RdxAccordionRootToken, { skipSelf: true });
+        /**
+         * @ignore
+         */
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        /**
+         * @ignore
+         */
+        this.expansionDispatcher = inject(UniqueSelectionDispatcher);
+        /**
+         * The unique AccordionItem id.
+         * @ignore
+         */
+        this.id = `rdx-accordion-item-${nextId++}`;
+        this._expanded = false;
+        this._disabled = false;
+        /** Event emitted every time the AccordionItem is closed. */
+        this.closed = new EventEmitter();
+        /** Event emitted every time the AccordionItem is opened. */
+        this.opened = new EventEmitter();
+        /**
+         * Event emitted when the AccordionItem is destroyed.
+         * @ignore
+         */
+        this.destroyed = new EventEmitter();
+        /**
+         * Emits whenever the expanded state of the accordion changes.
+         * Primarily used to facilitate two-way binding.
+         * @docs-private
+         */
+        this.expandedChange = new EventEmitter();
+        /** Subscription to openAll/closeAll events. */
+        this.openCloseAllSubscription = Subscription.EMPTY;
+        this.removeUniqueSelectionListener = this.expansionDispatcher.listen((id, accordionId) => {
+            if (this.accordion.isMultiple) {
+                if (this.accordion.id === accordionId && id.includes(this.value)) {
+                    this.expanded = true;
+                }
+            }
+            else {
+                this.expanded = this.accordion.id === accordionId && id.includes(this.value);
+            }
+        });
+        // When an accordion item is hosted in an accordion, subscribe to open/close events.
+        if (this.accordion) {
+            this.openCloseAllSubscription = this.subscribeToOpenCloseAllActions();
+        }
+    }
+    /** Emits an event for the accordion item being destroyed. */
+    ngOnDestroy() {
+        this.opened.complete();
+        this.closed.complete();
+        this.destroyed.emit();
+        this.destroyed.complete();
+        this.removeUniqueSelectionListener();
+        this.openCloseAllSubscription.unsubscribe();
+    }
+    focus() {
+        this.trigger.focus();
+    }
+    /** Toggles the expanded state of the accordion item. */
+    toggle() {
+        if (!this.disabled) {
+            this.content.onToggle();
+            this.expanded = !this.expanded;
+        }
+    }
+    /** Sets the expanded state of the accordion item to false. */
+    close() {
+        if (!this.disabled) {
+            this.expanded = false;
+        }
+    }
+    /** Sets the expanded state of the accordion item to true. */
+    open() {
+        if (!this.disabled) {
+            this.expanded = true;
+        }
+    }
+    subscribeToOpenCloseAllActions() {
+        return this.accordion.openCloseAllActions.subscribe((expanded) => {
+            // Only change expanded state if item is enabled
+            if (!this.disabled) {
+                this.expanded = expanded;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxAccordionItemDirective, isStandalone: true, selector: "[rdxAccordionItem]", inputs: { expanded: ["expanded", "expanded", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { properties: { "attr.data-state": "dataState", "attr.data-disabled": "disabled", "attr.data-orientation": "orientation" } }, providers: [
+            { provide: RdxAccordionRootToken, useValue: undefined }
+        ], queries: [{ propertyName: "trigger", first: true, predicate: RdxAccordionTriggerDirective, descendants: true }, { propertyName: "content", first: true, predicate: i0.forwardRef(() => RdxAccordionContentDirective), descendants: true }], exportAs: ["rdxAccordionItem"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionItem]',
+                    standalone: true,
+                    exportAs: 'rdxAccordionItem',
+                    host: {
+                        '[attr.data-state]': 'dataState',
+                        '[attr.data-disabled]': 'disabled',
+                        '[attr.data-orientation]': 'orientation'
+                    },
+                    providers: [
+                        { provide: RdxAccordionRootToken, useValue: undefined }
+                    ]
+                }]
+        }], ctorParameters: () => [], propDecorators: { trigger: [{
+                type: ContentChild,
+                args: [RdxAccordionTriggerDirective, { descendants: true }]
+            }], content: [{
+                type: ContentChild,
+                args: [forwardRef(() => RdxAccordionContentDirective), { descendants: true }]
+            }], expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], closed: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], expandedChange: [{
+                type: Output
+            }] } });
+
+class RdxAccordionContentDirective {
+    constructor() {
+        this.item = inject(RdxAccordionItemDirective);
+        this.nativeElement = inject(ElementRef).nativeElement;
+        this.hidden = false;
+    }
+    onAnimationEnd() {
+        this.hidden = !this.item.expanded;
+        const { height, width } = this.nativeElement.getBoundingClientRect();
+        this.nativeElement.style.setProperty('--radix-collapsible-content-height', `${height}px`);
+        this.nativeElement.style.setProperty('--radix-collapsible-content-width', `${width}px`);
+        this.nativeElement.style.setProperty('--radix-accordion-content-height', 'var(--radix-collapsible-content-height)');
+        this.nativeElement.style.setProperty('--radix-accordion-content-width', 'var(--radix-collapsible-content-width)');
+    }
+    onToggle() {
+        if (!this.item.expanded) {
+            this.hidden = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RdxAccordionContentDirective, isStandalone: true, selector: "[rdxAccordionContent]", host: { listeners: { "animationend": "onAnimationEnd()" }, properties: { "attr.role": "\"region\"", "style.display": "hidden ? \"none\" : \"\"", "attr.data-state": "item.dataState", "attr.data-disabled": "item.disabled", "attr.data-orientation": "item.orientation" } }, exportAs: ["rdxAccordionContent"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionContent]',
+                    standalone: true,
+                    exportAs: 'rdxAccordionContent',
+                    host: {
+                        '[attr.role]': '"region"',
+                        '[style.display]': 'hidden ? "none" : ""',
+                        '[attr.data-state]': 'item.dataState',
+                        '[attr.data-disabled]': 'item.disabled',
+                        '[attr.data-orientation]': 'item.orientation',
+                        '(animationend)': 'onAnimationEnd()'
+                    }
+                }]
+        }] });
+
+class RdxAccordionHeaderDirective {
+    constructor() {
+        this.item = inject(RdxAccordionItemDirective);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RdxAccordionHeaderDirective, isStandalone: true, selector: "[rdxAccordionHeader]", host: { properties: { "attr.data-state": "item.dataState", "attr.data-disabled": "item.disabled", "attr.data-orientation": "item.orientation" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAccordionHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAccordionHeader]',
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'item.dataState',
+                        '[attr.data-disabled]': 'item.disabled',
+                        '[attr.data-orientation]': 'item.orientation'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxAccordionContentDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionRootDirective, RdxAccordionRootToken, RdxAccordionTriggerDirective };
+//# sourceMappingURL=radix-ng-primitives-accordion.mjs.map