@radix-ng/primitives 0.50.0 → 1.0.0-beta.0

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

@@ -1,96 +1,133 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, input, booleanAttribute, model } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/visually-hidden';
-import { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';
-import { outputFromObservable, outputToObservable } from '@angular/core/rxjs-interop';
-import * as i1$1 from '@radix-ng/primitives/core';
-import { RdxControlValueAccessor } from '@radix-ng/primitives/core';
-
-class RdxToggleVisuallyHiddenInputDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxToggleVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxToggleVisuallyHiddenInputDirective, isStandalone: true, selector: "input[rdxToggleVisuallyHiddenInput]", host: { attributes: { "type": "checkbox" } }, exportAs: ["rdxToggleVisuallyHiddenInput"], hostDirectives: [{ directive: i1.RdxVisuallyHiddenInputDirective, inputs: ["name", "name", "required", "required", "value", "value", "disabled", "disabled"] }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxToggleVisuallyHiddenInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[rdxToggleVisuallyHiddenInput]',
-                    exportAs: 'rdxToggleVisuallyHiddenInput',
-                    hostDirectives: [
-                        {
-                            directive: RdxVisuallyHiddenInputDirective,
-                            inputs: ['name', 'required', 'value', 'disabled']
-                        }
-                    ],
-                    host: {
-                        type: 'checkbox'
-                    }
-                }]
-        }] });
+import { inject, input, booleanAttribute, model, output, linkedSignal, computed, effect, Directive } from '@angular/core';
+import * as i1 from '@radix-ng/primitives/roving-focus';
+import { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';
+import { injectToggleGroupContext } from '@radix-ng/primitives/toggle-group';
+import * as i1$1 from '@radix-ng/primitives/visually-hidden';
+import { RdxVisuallyHiddenInputBubbleDirective } from '@radix-ng/primitives/visually-hidden';
 
 /**
- * @group Components
+ * A two-state button that can be either on (pressed) or off.
+ *
+ * Works standalone or as an item of a `[rdxToggleGroup]`: inside a group it derives its pressed
+ * state from the group's value (matched by `value`) and participates in the group's roving focus.
+ *
+ * @see https://base-ui.com/react/components/toggle
  */
-class RdxToggleDirective {
+class RdxToggle {
     constructor() {
+        this.group = injectToggleGroupContext(true);
+        this.rovingItem = inject(RdxRovingFocusItemDirective);
         /**
-         * @ignore
+         * A value identifying this toggle inside a `[rdxToggleGroup]`. Required when used in a group.
          */
-        this.cva = inject(RdxControlValueAccessor);
+        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
         /**
-         * The pressed state of the toggle when it is initially rendered.
-         * Use when you do not need to control its pressed state.
+         * The pressed state when initially rendered (uncontrolled, standalone only).
          *
-         * @group Props
+         * @default false
          */
-        this.defaultPressed = input(false, ...(ngDevMode ? [{ debugName: "defaultPressed", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.defaultPressed = input(false, { ...(ngDevMode ? { debugName: "defaultPressed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
-         * The controlled pressed state of the toggle.
-         * Must be used in conjunction with `onPressedChange`.
-         *
-         * @group Props
+         * The controlled pressed state (standalone). Use with `(onPressedChange)` or two-way `[(pressed)]`.
          */
-        this.pressed = model(this.defaultPressed(), ...(ngDevMode ? [{ debugName: "pressed" }] : []));
+        this.pressed = model(undefined, ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
         /**
-         * When true, prevents the user from interacting with the toggle.
+         * Whether the toggle is disabled.
          *
-         * @group Props
+         * @default false
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
-         * Event handler called when the pressed state of the toggle changes.
+         * Whether the host is a native `<button>`. When `false`, the toggle adds `role="button"` and
+         * handles Enter/Space itself.
          *
-         * @group Emits
+         * @default true
          */
-        this.onPressedChange = outputFromObservable(outputToObservable(this.cva.valueChange));
+        this.nativeButton = input(true, { ...(ngDevMode ? { debugName: "nativeButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Event emitted when the pressed state changes (standalone). */
+        this.onPressedChange = output();
+        this.internalPressed = linkedSignal(() => this.pressed() ?? this.defaultPressed(), ...(ngDevMode ? [{ debugName: "internalPressed" }] : /* istanbul ignore next */ []));
+        /** @ignore Whether the toggle is currently pressed (from the group when grouped). */
+        this.pressedState = computed(() => {
+            if (this.group) {
+                const value = this.value();
+                return value !== undefined && this.group.value().includes(value);
+            }
+            return this.internalPressed();
+        }, ...(ngDevMode ? [{ debugName: "pressedState" }] : /* istanbul ignore next */ []));
+        /** @ignore */
+        this.isDisabled = computed(() => this.disabled() || (this.group?.disabled() ?? false), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        effect(() => this.rovingItem.setActive(this.pressedState()));
+        effect(() => this.rovingItem.setFocusable(!this.isDisabled()));
     }
+    /** @ignore */
     onClick() {
-        if (!this.disabled()) {
-            this.pressed.set(!this.pressed());
-            this.cva.writeValue(this.pressed());
-            this.cva.setValue(this.pressed());
+        if (this.isDisabled()) {
+            return;
+        }
+        if (this.group) {
+            const value = this.value();
+            if (value !== undefined) {
+                this.group.toggle(value);
+            }
+            return;
+        }
+        const next = !this.internalPressed();
+        this.internalPressed.set(next);
+        this.pressed.set(next);
+        this.onPressedChange.emit(next);
+    }
+    /** @ignore */
+    onKeyDown(event) {
+        if (this.nativeButton()) {
+            return;
+        }
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            this.onClick();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxToggleDirective, isStandalone: true, selector: "[rdxToggle]", inputs: { defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", onPressedChange: "onPressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.aria-pressed": "cva.value()", "attr.data-state": "cva.value() ? \"on\" : \"off\"", "attr.data-disabled": "cva.disabled() ? \"\" : undefined", "disabled": "cva.disabled()" } }, exportAs: ["rdxToggle"], hostDirectives: [{ directive: i1$1.RdxControlValueAccessor, inputs: ["value", "pressed", "disabled", "disabled"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxToggle, isStandalone: true, selector: "[rdxToggle]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, nativeButton: { classPropertyName: "nativeButton", publicName: "nativeButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", onPressedChange: "onPressedChange" }, host: { listeners: { "click": "onClick()", "keydown": "onKeyDown($event)" }, properties: { "attr.type": "nativeButton() ? \"button\" : undefined", "attr.role": "nativeButton() ? undefined : \"button\"", "attr.aria-pressed": "pressedState()", "attr.data-pressed": "pressedState() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.disabled": "nativeButton() && isDisabled() ? \"\" : undefined", "attr.aria-disabled": "!nativeButton() && isDisabled() ? \"true\" : undefined" } }, exportAs: ["rdxToggle"], hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxToggle]',
                     exportAs: 'rdxToggle',
+                    hostDirectives: [RdxRovingFocusItemDirective],
+                    host: {
+                        '[attr.type]': 'nativeButton() ? "button" : undefined',
+                        '[attr.role]': 'nativeButton() ? undefined : "button"',
+                        '[attr.aria-pressed]': 'pressedState()',
+                        '[attr.data-pressed]': 'pressedState() ? "" : undefined',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : undefined',
+                        '[attr.disabled]': 'nativeButton() && isDisabled() ? "" : undefined',
+                        '[attr.aria-disabled]': '!nativeButton() && isDisabled() ? "true" : undefined',
+                        '(click)': 'onClick()',
+                        '(keydown)': 'onKeyDown($event)'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPressed", required: false }] }], pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }, { type: i0.Output, args: ["pressedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], nativeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "nativeButton", required: false }] }], onPressedChange: [{ type: i0.Output, args: ["onPressedChange"] }] } });
+
+class RdxToggleVisuallyHiddenInputDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxToggleVisuallyHiddenInputDirective, isStandalone: true, selector: "input[rdxToggleVisuallyHiddenInput]", host: { attributes: { "type": "checkbox" } }, exportAs: ["rdxToggleVisuallyHiddenInput"], hostDirectives: [{ directive: i1$1.RdxVisuallyHiddenInputBubbleDirective, inputs: ["name", "name", "required", "required", "value", "value", "disabled", "disabled"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleVisuallyHiddenInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[rdxToggleVisuallyHiddenInput]',
+                    exportAs: 'rdxToggleVisuallyHiddenInput',
                     hostDirectives: [
                         {
-                            directive: RdxControlValueAccessor,
-                            inputs: ['value: pressed', 'disabled']
+                            directive: RdxVisuallyHiddenInputBubbleDirective,
+                            inputs: ['name', 'required', 'value', 'disabled']
                         }
                     ],
                     host: {
-                        type: 'button',
-                        '[attr.aria-pressed]': 'cva.value()',
-                        '[attr.data-state]': 'cva.value() ? "on" : "off"',
-                        '[attr.data-disabled]': 'cva.disabled() ? "" : undefined',
-                        '[disabled]': 'cva.disabled()',
-                        '(click)': 'onClick()'
+                        type: 'checkbox'
                     }
                 }]
         }] });
@@ -99,5 +136,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RdxToggleDirective, RdxToggleVisuallyHiddenInputDirective };
+export { RdxToggle, RdxToggleVisuallyHiddenInputDirective };
 //# sourceMappingURL=radix-ng-primitives-toggle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../tmp-esm2022/toggle/src/toggle-visually-hidden-input.directive.js","../tmp-esm2022/toggle/src/toggle.directive.js","../tmp-esm2022/toggle/radix-ng-primitives-toggle.js"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@radix-ng/primitives/visually-hidden\";\nexport class RdxToggleVisuallyHiddenInputDirective {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxToggleVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.3.3\", type: RdxToggleVisuallyHiddenInputDirective, isStandalone: true, selector: \"input[rdxToggleVisuallyHiddenInput]\", host: { attributes: { \"type\": \"checkbox\" } }, exportAs: [\"rdxToggleVisuallyHiddenInput\"], hostDirectives: [{ directive: i1.RdxVisuallyHiddenInputDirective, inputs: [\"name\", \"name\", \"required\", \"required\", \"value\", \"value\", \"disabled\", \"disabled\"] }], ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxToggleVisuallyHiddenInputDirective, decorators: [{\n            type: Directive,\n            args: [{\n                    selector: 'input[rdxToggleVisuallyHiddenInput]',\n                    exportAs: 'rdxToggleVisuallyHiddenInput',\n                    hostDirectives: [\n                        {\n                            directive: RdxVisuallyHiddenInputDirective,\n                            inputs: ['name', 'required', 'value', 'disabled']\n                        }\n                    ],\n                    host: {\n                        type: 'checkbox'\n                    }\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLXZpc3VhbGx5LWhpZGRlbi1pbnB1dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3RvZ2dsZS9zcmMvdG9nZ2xlLXZpc3VhbGx5LWhpZGRlbi1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBZXZGLE1BQU0sT0FBTyxxQ0FBcUM7OEdBQXJDLHFDQUFxQztrR0FBckMscUNBQXFDOzsyRkFBckMscUNBQXFDO2tCQWJqRCxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxxQ0FBcUM7b0JBQy9DLFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLGNBQWMsRUFBRTt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsK0JBQStCOzRCQUMxQyxNQUFNLEVBQUUsQ0FBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxVQUFVLENBQUM7eUJBQ3BEO3FCQUNKO29CQUNELElBQUksRUFBRTt3QkFDRixJQUFJLEVBQUUsVUFBVTtxQkFDbkI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJkeFZpc3VhbGx5SGlkZGVuSW5wdXREaXJlY3RpdmUgfSBmcm9tICdAcmFkaXgtbmcvcHJpbWl0aXZlcy92aXN1YWxseS1oaWRkZW4nO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2lucHV0W3JkeFRvZ2dsZVZpc3VhbGx5SGlkZGVuSW5wdXRdJyxcbiAgICBleHBvcnRBczogJ3JkeFRvZ2dsZVZpc3VhbGx5SGlkZGVuSW5wdXQnLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogUmR4VmlzdWFsbHlIaWRkZW5JbnB1dERpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogWyduYW1lJywgJ3JlcXVpcmVkJywgJ3ZhbHVlJywgJ2Rpc2FibGVkJ11cbiAgICAgICAgfVxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICB0eXBlOiAnY2hlY2tib3gnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBSZHhUb2dnbGVWaXN1YWxseUhpZGRlbklucHV0RGlyZWN0aXZlIHt9XG4iXX0=","import { booleanAttribute, Directive, inject, input, model } from '@angular/core';\nimport { outputFromObservable, outputToObservable } from '@angular/core/rxjs-interop';\nimport { RdxControlValueAccessor } from '@radix-ng/primitives/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@radix-ng/primitives/core\";\n/**\n * @group Components\n */\nexport class RdxToggleDirective {\n    constructor() {\n        /**\n         * @ignore\n         */\n        this.cva = inject(RdxControlValueAccessor);\n        /**\n         * The pressed state of the toggle when it is initially rendered.\n         * Use when you do not need to control its pressed state.\n         *\n         * @group Props\n         */\n        this.defaultPressed = input(false, ...(ngDevMode ? [{ debugName: \"defaultPressed\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n        /**\n         * The controlled pressed state of the toggle.\n         * Must be used in conjunction with `onPressedChange`.\n         *\n         * @group Props\n         */\n        this.pressed = model(this.defaultPressed(), ...(ngDevMode ? [{ debugName: \"pressed\" }] : []));\n        /**\n         * When true, prevents the user from interacting with the toggle.\n         *\n         * @group Props\n         */\n        this.disabled = input(false, ...(ngDevMode ? [{ debugName: \"disabled\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n        /**\n         * Event handler called when the pressed state of the toggle changes.\n         *\n         * @group Emits\n         */\n        this.onPressedChange = outputFromObservable(outputToObservable(this.cva.valueChange));\n    }\n    onClick() {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.cva.writeValue(this.pressed());\n            this.cva.setValue(this.pressed());\n        }\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.3.3\", type: RdxToggleDirective, isStandalone: true, selector: \"[rdxToggle]\", inputs: { defaultPressed: { classPropertyName: \"defaultPressed\", publicName: \"defaultPressed\", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: \"pressed\", publicName: \"pressed\", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: \"pressedChange\", onPressedChange: \"onPressedChange\" }, host: { attributes: { \"type\": \"button\" }, listeners: { \"click\": \"onClick()\" }, properties: { \"attr.aria-pressed\": \"cva.value()\", \"attr.data-state\": \"cva.value() ? \\\"on\\\" : \\\"off\\\"\", \"attr.data-disabled\": \"cva.disabled() ? \\\"\\\" : undefined\", \"disabled\": \"cva.disabled()\" } }, exportAs: [\"rdxToggle\"], hostDirectives: [{ directive: i1.RdxControlValueAccessor, inputs: [\"value\", \"pressed\", \"disabled\", \"disabled\"] }], ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxToggleDirective, decorators: [{\n            type: Directive,\n            args: [{\n                    selector: '[rdxToggle]',\n                    exportAs: 'rdxToggle',\n                    hostDirectives: [\n                        {\n                            directive: RdxControlValueAccessor,\n                            inputs: ['value: pressed', 'disabled']\n                        }\n                    ],\n                    host: {\n                        type: 'button',\n                        '[attr.aria-pressed]': 'cva.value()',\n                        '[attr.data-state]': 'cva.value() ? \"on\" : \"off\"',\n                        '[attr.data-disabled]': 'cva.disabled() ? \"\" : undefined',\n                        '[disabled]': 'cva.disabled()',\n                        '(click)': 'onClick()'\n                    }\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdG9nZ2xlL3NyYy90b2dnbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUE2QnBFOztHQUVHO0FBb0JILE1BQU0sT0FBTyxrQkFBa0I7SUFuQi9CO1FBb0JJOztXQUVHO1FBQ00sUUFBRyxHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBRS9DOzs7OztXQUtHO1FBQ00sbUJBQWMsR0FBRyxLQUFLLENBQXdCLEtBQUssa0RBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7UUFFL0Y7Ozs7O1dBS0c7UUFDTSxZQUFPLEdBQUcsS0FBSyxDQUFVLElBQUksQ0FBQyxjQUFjLEVBQUUsbURBQUMsQ0FBQztRQUV6RDs7OztXQUlHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBd0IsS0FBSyw0Q0FBSSxTQUFTLEVBQUUsZ0JBQWdCLE9BQTdCLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLEdBQUMsQ0FBQztRQUV6Rjs7OztXQUlHO1FBQ00sb0JBQWUsR0FBRyxvQkFBb0IsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7S0FTN0Y7SUFQYSxPQUFPO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7WUFDbEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7WUFDcEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDdEMsQ0FBQztJQUNMLENBQUM7OEdBMUNRLGtCQUFrQjtrR0FBbEIsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQW5COUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLGNBQWMsRUFBRTt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsdUJBQXVCOzRCQUNsQyxNQUFNLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxVQUFVLENBQUM7eUJBQ3pDO3FCQUNKO29CQUNELElBQUksRUFBRTt3QkFDRixJQUFJLEVBQUUsUUFBUTt3QkFDZCxxQkFBcUIsRUFBRSxhQUFhO3dCQUNwQyxtQkFBbUIsRUFBRSw0QkFBNEI7d0JBQ2pELHNCQUFzQixFQUFFLGlDQUFpQzt3QkFDekQsWUFBWSxFQUFFLGdCQUFnQjt3QkFFOUIsU0FBUyxFQUFFLFdBQVc7cUJBQ3pCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIERpcmVjdGl2ZSwgaW5qZWN0LCBpbnB1dCwgbW9kZWwsIE91dHB1dEVtaXR0ZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG91dHB1dEZyb21PYnNlcnZhYmxlLCBvdXRwdXRUb09ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBSZHhDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0ByYWRpeC1uZy9wcmltaXRpdmVzL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRvZ2dsZVByb3BzIHtcbiAgICAvKipcbiAgICAgKiBUaGUgY29udHJvbGxlZCBzdGF0ZSBvZiB0aGUgdG9nZ2xlLlxuICAgICAqL1xuICAgIHByZXNzZWQ/OiBib29sZWFuO1xuXG4gICAgLyoqXG4gICAgICogVGhlIHN0YXRlIG9mIHRoZSB0b2dnbGUgd2hlbiBpbml0aWFsbHkgcmVuZGVyZWQuIFVzZSBgZGVmYXVsdFByZXNzZWRgXG4gICAgICogaWYgeW91IGRvIG5vdCBuZWVkIHRvIGNvbnRyb2wgdGhlIHN0YXRlIG9mIHRoZSB0b2dnbGUuXG4gICAgICogQGRlZmF1bHRWYWx1ZSBmYWxzZVxuICAgICAqL1xuICAgIGRlZmF1bHRQcmVzc2VkPzogYm9vbGVhbjtcblxuICAgIC8qKlxuICAgICAqIFRoZSBjYWxsYmFjayB0aGF0IGZpcmVzIHdoZW4gdGhlIHN0YXRlIG9mIHRoZSB0b2dnbGUgY2hhbmdlcy5cbiAgICAgKi9cbiAgICBvblByZXNzZWRDaGFuZ2U/OiBPdXRwdXRFbWl0dGVyUmVmPGJvb2xlYW4+O1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgdG9nZ2xlIGlzIGRpc2FibGVkLlxuICAgICAqIEBkZWZhdWx0VmFsdWUgZmFsc2VcbiAgICAgKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCB0eXBlIERhdGFTdGF0ZSA9ICdvbicgfCAnb2ZmJztcblxuLyoqXG4gKiBAZ3JvdXAgQ29tcG9uZW50c1xuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhUb2dnbGVdJyxcbiAgICBleHBvcnRBczogJ3JkeFRvZ2dsZScsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBSZHhDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgICAgICAgICAgIGlucHV0czogWyd2YWx1ZTogcHJlc3NlZCcsICdkaXNhYmxlZCddXG4gICAgICAgIH1cbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHlwZTogJ2J1dHRvbicsXG4gICAgICAgICdbYXR0ci5hcmlhLXByZXNzZWRdJzogJ2N2YS52YWx1ZSgpJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc3RhdGVdJzogJ2N2YS52YWx1ZSgpID8gXCJvblwiIDogXCJvZmZcIicsXG4gICAgICAgICdbYXR0ci5kYXRhLWRpc2FibGVkXSc6ICdjdmEuZGlzYWJsZWQoKSA/IFwiXCIgOiB1bmRlZmluZWQnLFxuICAgICAgICAnW2Rpc2FibGVkXSc6ICdjdmEuZGlzYWJsZWQoKScsXG5cbiAgICAgICAgJyhjbGljayknOiAnb25DbGljaygpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgUmR4VG9nZ2xlRGlyZWN0aXZlIHtcbiAgICAvKipcbiAgICAgKiBAaWdub3JlXG4gICAgICovXG4gICAgcmVhZG9ubHkgY3ZhID0gaW5qZWN0KFJkeENvbnRyb2xWYWx1ZUFjY2Vzc29yKTtcblxuICAgIC8qKlxuICAgICAqIFRoZSBwcmVzc2VkIHN0YXRlIG9mIHRoZSB0b2dnbGUgd2hlbiBpdCBpcyBpbml0aWFsbHkgcmVuZGVyZWQuXG4gICAgICogVXNlIHdoZW4geW91IGRvIG5vdCBuZWVkIHRvIGNvbnRyb2wgaXRzIHByZXNzZWQgc3RhdGUuXG4gICAgICpcbiAgICAgKiBAZ3JvdXAgUHJvcHNcbiAgICAgKi9cbiAgICByZWFkb25seSBkZWZhdWx0UHJlc3NlZCA9IGlucHV0PGJvb2xlYW4sIEJvb2xlYW5JbnB1dD4oZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gICAgLyoqXG4gICAgICogVGhlIGNvbnRyb2xsZWQgcHJlc3NlZCBzdGF0ZSBvZiB0aGUgdG9nZ2xlLlxuICAgICAqIE11c3QgYmUgdXNlZCBpbiBjb25qdW5jdGlvbiB3aXRoIGBvblByZXNzZWRDaGFuZ2VgLlxuICAgICAqXG4gICAgICogQGdyb3VwIFByb3BzXG4gICAgICovXG4gICAgcmVhZG9ubHkgcHJlc3NlZCA9IG1vZGVsPGJvb2xlYW4+KHRoaXMuZGVmYXVsdFByZXNzZWQoKSk7XG5cbiAgICAvKipcbiAgICAgKiBXaGVuIHRydWUsIHByZXZlbnRzIHRoZSB1c2VyIGZyb20gaW50ZXJhY3Rpbmcgd2l0aCB0aGUgdG9nZ2xlLlxuICAgICAqXG4gICAgICogQGdyb3VwIFByb3BzXG4gICAgICovXG4gICAgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dDxib29sZWFuLCBCb29sZWFuSW5wdXQ+KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAgIC8qKlxuICAgICAqIEV2ZW50IGhhbmRsZXIgY2FsbGVkIHdoZW4gdGhlIHByZXNzZWQgc3RhdGUgb2YgdGhlIHRvZ2dsZSBjaGFuZ2VzLlxuICAgICAqXG4gICAgICogQGdyb3VwIEVtaXRzXG4gICAgICovXG4gICAgcmVhZG9ubHkgb25QcmVzc2VkQ2hhbmdlID0gb3V0cHV0RnJvbU9ic2VydmFibGUob3V0cHV0VG9PYnNlcnZhYmxlKHRoaXMuY3ZhLnZhbHVlQ2hhbmdlKSk7XG5cbiAgICBwcm90ZWN0ZWQgb25DbGljaygpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKCkpIHtcbiAgICAgICAgICAgIHRoaXMucHJlc3NlZC5zZXQoIXRoaXMucHJlc3NlZCgpKTtcbiAgICAgICAgICAgIHRoaXMuY3ZhLndyaXRlVmFsdWUodGhpcy5wcmVzc2VkKCkpO1xuICAgICAgICAgICAgdGhpcy5jdmEuc2V0VmFsdWUodGhpcy5wcmVzc2VkKCkpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaXgtbmctcHJpbWl0aXZlcy10b2dnbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3RvZ2dsZS9yYWRpeC1uZy1wcmltaXRpdmVzLXRvZ2dsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle.ts","../../../packages/primitives/toggle/src/toggle-visually-hidden-input.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    linkedSignal,\n    model,\n    output\n} from '@angular/core';\nimport { BooleanInput } from '@radix-ng/primitives/core';\nimport { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\nimport { injectToggleGroupContext } from '@radix-ng/primitives/toggle-group';\n\n/**\n * A two-state button that can be either on (pressed) or off.\n *\n * Works standalone or as an item of a `[rdxToggleGroup]`: inside a group it derives its pressed\n * state from the group's value (matched by `value`) and participates in the group's roving focus.\n *\n * @see https://base-ui.com/react/components/toggle\n */\n@Directive({\n    selector: '[rdxToggle]',\n    exportAs: 'rdxToggle',\n    hostDirectives: [RdxRovingFocusItemDirective],\n    host: {\n        '[attr.type]': 'nativeButton() ? \"button\" : undefined',\n        '[attr.role]': 'nativeButton() ? undefined : \"button\"',\n        '[attr.aria-pressed]': 'pressedState()',\n        '[attr.data-pressed]': 'pressedState() ? \"\" : undefined',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.disabled]': 'nativeButton() && isDisabled() ? \"\" : undefined',\n        '[attr.aria-disabled]': '!nativeButton() && isDisabled() ? \"true\" : undefined',\n        '(click)': 'onClick()',\n        '(keydown)': 'onKeyDown($event)'\n    }\n})\nexport class RdxToggle {\n    private readonly group = injectToggleGroupContext(true);\n    private readonly rovingItem = inject(RdxRovingFocusItemDirective);\n\n    /**\n     * A value identifying this toggle inside a `[rdxToggleGroup]`. Required when used in a group.\n     */\n    readonly value = input<string>();\n\n    /**\n     * The pressed state when initially rendered (uncontrolled, standalone only).\n     *\n     * @default false\n     */\n    readonly defaultPressed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled pressed state (standalone). Use with `(onPressedChange)` or two-way `[(pressed)]`.\n     */\n    readonly pressed = model<boolean | undefined>(undefined);\n\n    /**\n     * Whether the toggle is disabled.\n     *\n     * @default false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the host is a native `<button>`. When `false`, the toggle adds `role=\"button\"` and\n     * handles Enter/Space itself.\n     *\n     * @default true\n     */\n    readonly nativeButton = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    /** Event emitted when the pressed state changes (standalone). */\n    readonly onPressedChange = output<boolean>();\n\n    private readonly internalPressed = linkedSignal(() => this.pressed() ?? this.defaultPressed());\n\n    /** @ignore Whether the toggle is currently pressed (from the group when grouped). */\n    readonly pressedState = computed(() => {\n        if (this.group) {\n            const value = this.value();\n            return value !== undefined && this.group.value().includes(value);\n        }\n        return this.internalPressed();\n    });\n\n    /** @ignore */\n    readonly isDisabled = computed(() => this.disabled() || (this.group?.disabled() ?? false));\n\n    constructor() {\n        effect(() => this.rovingItem.setActive(this.pressedState()));\n        effect(() => this.rovingItem.setFocusable(!this.isDisabled()));\n    }\n\n    /** @ignore */\n    protected onClick(): void {\n        if (this.isDisabled()) {\n            return;\n        }\n\n        if (this.group) {\n            const value = this.value();\n            if (value !== undefined) {\n                this.group.toggle(value);\n            }\n            return;\n        }\n\n        const next = !this.internalPressed();\n        this.internalPressed.set(next);\n        this.pressed.set(next);\n        this.onPressedChange.emit(next);\n    }\n\n    /** @ignore */\n    protected onKeyDown(event: KeyboardEvent): void {\n        if (this.nativeButton()) {\n            return;\n        }\n        if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n            this.onClick();\n        }\n    }\n}\n","import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputBubbleDirective } from '@radix-ng/primitives/visually-hidden';\n\n@Directive({\n    selector: 'input[rdxToggleVisuallyHiddenInput]',\n    exportAs: 'rdxToggleVisuallyHiddenInput',\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputBubbleDirective,\n            inputs: ['name', 'required', 'value', 'disabled']\n        }\n    ],\n    host: {\n        type: 'checkbox'\n    }\n})\nexport class RdxToggleVisuallyHiddenInputDirective {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}