@radix-ng/primitives 0.41.0 → 0.43.0

package/fesm2022/radix-ng-primitives-visually-hidden.mjs

@@ -1,49 +1,50 @@
 import * as i0 from '@angular/core';
-import { input, linkedSignal, Directive, inject, ElementRef, effect, computed } from '@angular/core';
+import { input, linkedSignal, Directive, inject, ElementRef, computed, effect, Injector, afterNextRender } from '@angular/core';
+import { watch } from '@radix-ng/primitives/core';
 
 /**
  *
  * <span rdxVisuallyHidden [feature]="'fully-hidden'">
- *   <ng-content></ng-content>
+ *   <ng-content />
  * </span>
  *
- * <button (click)="directiveInstance.feature.set('focusable')">Make Focusable</button>
- * <button (click)="directiveInstance.feature.set('fully-hidden')">Hide</button>
+ * <button (click)="directiveInstance.setFeature('focusable')">Make Focusable</button>
+ * <button (click)="directiveInstance.setFeature('fully-hidden')">Hide</button>
  */
 class RdxVisuallyHiddenDirective {
     constructor() {
         this.feature = input('focusable');
-        this.featureEffect = linkedSignal({
-            source: this.feature,
-            computation: (feature) => feature
-        });
+        this.computedFeature = linkedSignal(this.feature);
     }
-    updateFeature(feature) {
-        this.featureEffect.set(feature);
+    setFeature(feature) {
+        this.computedFeature.set(feature);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxVisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxVisuallyHiddenDirective, isStandalone: true, selector: "[rdxVisuallyHidden]", inputs: { feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "feature() === \"focusable\" ? \"true\" : undefined", "hidden": "feature() === \"fully-hidden\" ? true : undefined", "attr.tabindex": "feature() === \"fully-hidden\" ? \"-1\" : undefined", "style.position": "\"absolute\"", "style.border": "\"0\"", "style.display": "feature() === \"focusable\" ? \"inline-block\" : \"none\"", "style.width": "\"1px\"", "style.height": "\"1px\"", "style.padding": "\"0\"", "style.margin": "\"-1px\"", "style.overflow": "\"hidden\"", "style.clip": "\"rect(0, 0, 0, 0)\"", "style.clipPath": "\"inset(50%)\"", "style.white-space": "\"nowrap\"", "style.word-wrap": "\"normal\"" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxVisuallyHiddenDirective, isStandalone: true, selector: "[rdxVisuallyHidden]", inputs: { feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "computedFeature() === \"fully-hidden\" ? \"-1\" : undefined", "attr.aria-hidden": "computedFeature() === \"focusable\" ? \"true\" : undefined", "attr.data-hidden": "computedFeature() === \"fully-hidden\" ? \"\" : undefined", "hidden": "computedFeature() === \"fully-hidden\" ? true : undefined", "style": "{\n            position: 'absolute',\n            border: 0,\n            width: '1px',\n            height: '1px',\n            padding: 0,\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            clipPath: 'inset(50%)',\n            whiteSpace: 'nowrap',\n            wordWrap: 'normal',\n        }", "style.display": "feature() === \"focusable\" ? \"inline-block\" : \"none\"" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxVisuallyHiddenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxVisuallyHidden]',
                     host: {
-                        '[attr.aria-hidden]': 'feature() === "focusable" ? "true" : undefined',
-                        '[hidden]': 'feature() === "fully-hidden" ? true : undefined',
-                        '[attr.tabindex]': 'feature() === "fully-hidden" ? "-1" : undefined',
-                        '[style.position]': '"absolute"',
-                        '[style.border]': '"0"',
-                        '[style.display]': 'feature() === "focusable" ? "inline-block" : "none"',
-                        '[style.width]': '"1px"',
-                        '[style.height]': '"1px"',
-                        '[style.padding]': '"0"',
-                        '[style.margin]': '"-1px"',
-                        '[style.overflow]': '"hidden"',
-                        '[style.clip]': '"rect(0, 0, 0, 0)"',
-                        '[style.clipPath]': '"inset(50%)"',
-                        '[style.white-space]': '"nowrap"',
-                        '[style.word-wrap]': '"normal"'
+                        '[attr.tabindex]': 'computedFeature() === "fully-hidden" ? "-1" : undefined',
+                        '[attr.aria-hidden]': 'computedFeature() === "focusable" ? "true" : undefined',
+                        '[attr.data-hidden]': 'computedFeature() === "fully-hidden" ? "" : undefined',
+                        '[hidden]': 'computedFeature() === "fully-hidden" ? true : undefined',
+                        '[style]': `{
+            position: 'absolute',
+            border: 0,
+            width: '1px',
+            height: '1px',
+            padding: 0,
+            margin: '-1px',
+            overflow: 'hidden',
+            clip: 'rect(0, 0, 0, 0)',
+            clipPath: 'inset(50%)',
+            whiteSpace: 'nowrap',
+            wordWrap: 'normal',
+        }`,
+                        '[style.display]': 'feature() === "focusable" ? "inline-block" : "none"'
                     }
                 }]
         }] });
@@ -54,72 +55,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
 class RdxVisuallyHiddenInputBubbleDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
-        this.name = input('');
+        this.visuallyHidden = inject(RdxVisuallyHiddenDirective);
+        this.feature = input('fully-hidden');
+        this.name = input(undefined);
         this.value = input();
         this.checked = input(undefined);
         this.required = input(undefined);
         this.disabled = input(undefined);
-        this.feature = input('fully-hidden');
-        this.valueEffect = linkedSignal({
-            source: this.value,
-            computation: (value) => value
+        this.computedFeature = linkedSignal(this.feature);
+        this.computedValue = linkedSignal(this.value);
+        this.valueState = computed(() => this.checked() ?? this.computedValue());
+        watch([this.valueState], ([cur]) => {
+            if (!this.elementRef.nativeElement) {
+                return;
+            }
+            const input = this.elementRef.nativeElement;
+            const inputProto = window.HTMLInputElement.prototype;
+            const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value');
+            const setValue = descriptor.set;
+            if (setValue) {
+                const inputEvent = new Event('input', { bubbles: true });
+                const changeEvent = new Event('change', { bubbles: true });
+                setValue.call(input, cur);
+                input.dispatchEvent(inputEvent);
+                input.dispatchEvent(changeEvent);
+            }
         });
         effect(() => {
-            this.updateInputValue();
+            this.visuallyHidden.setFeature(this.computedFeature());
         });
     }
-    updateValue(value) {
-        this.valueEffect.set(value);
-    }
-    onChange() {
-        this.updateInputValue();
-    }
-    updateInputValue() {
-        let valueChanged = false;
-        let checkedChanged = false;
-        // Check if the value has changed before applying the update
-        const currentValue = this.inputElement.value;
-        const newValue = String(this.value());
-        if (currentValue !== newValue) {
-            this.inputElement.value = newValue;
-            valueChanged = true;
-        }
-        if (this.inputElement.type === 'checkbox' || this.inputElement.type === 'radio') {
-            const currentChecked = this.inputElement.checked;
-            const newChecked = !!this.checked();
-            if (currentChecked !== newChecked) {
-                this.inputElement.checked = newChecked;
-                checkedChanged = true;
-            }
-        }
-        if (valueChanged || checkedChanged) {
-            this.dispatchInputEvents();
-        }
-    }
-    get inputElement() {
-        return this.elementRef.nativeElement;
+    setValue(value) {
+        this.computedValue.set(value);
     }
-    dispatchInputEvents() {
-        const inputEvent = new Event('input', { bubbles: true });
-        const changeEvent = new Event('change', { bubbles: true });
-        this.inputElement.dispatchEvent(inputEvent);
-        this.inputElement.dispatchEvent(changeEvent);
+    setFeature(feature) {
+        this.computedFeature.set(feature);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxVisuallyHiddenInputBubbleDirective, isStandalone: true, selector: "input[rdxVisuallyHiddenInputBubble]", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "change": "onChange()" }, properties: { "attr.name": "name()", "attr.required": "required()", "attr.disabled": "disabled()", "attr.checked": "checked()", "value": "value()" } }, hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ["feature", "feature"] }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxVisuallyHiddenInputBubbleDirective, isStandalone: true, selector: "input[rdxVisuallyHiddenInputBubble]", inputs: { feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.name": "name()", "attr.required": "required()", "attr.disabled": "disabled()", "attr.checked": "checked()", "value": "computedValue()" } }, hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ["feature", "feature"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[rdxVisuallyHiddenInputBubble]',
-                    hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ['feature: feature'] }],
+                    hostDirectives: [
+                        {
+                            directive: RdxVisuallyHiddenDirective,
+                            inputs: ['feature: feature']
+                        }
+                    ],
                     host: {
                         '[attr.name]': 'name()',
                         '[attr.required]': 'required()',
                         '[attr.disabled]': 'disabled()',
                         '[attr.checked]': 'checked()',
-                        '[value]': 'value()',
-                        '(change)': 'onChange()'
+                        '[value]': 'computedValue()'
                     }
                 }]
         }], ctorParameters: () => [] });
@@ -128,7 +118,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
 class RdxVisuallyHiddenInputDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
-        this.name = input('');
+        this.injector = inject(Injector);
+        this.name = input(undefined);
         this.value = input();
         this.checked = input(undefined);
         this.required = input(undefined);
@@ -161,13 +152,15 @@ class RdxVisuallyHiddenInputDirective {
             }
             return [];
         });
-    }
-    ngOnInit() {
-        const parsedValues = this.parsedValue();
-        parsedValues.forEach((parsed) => {
-            const inputElement = this.elementRef.nativeElement;
-            inputElement.setAttribute('name', parsed.name);
-            inputElement.setAttribute('value', parsed.value);
+        afterNextRender(() => {
+            effect(() => {
+                const parsedValues = this.parsedValue();
+                parsedValues.forEach((parsed) => {
+                    const inputElement = this.elementRef.nativeElement;
+                    inputElement.setAttribute('name', parsed.name);
+                    inputElement.setAttribute('value', parsed.value);
+                });
+            }, { injector: this.injector });
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -191,7 +184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                         }
                     ]
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-visually-hidden.mjs","sources":["../../../packages/primitives/visually-hidden/src/visually-hidden.directive.ts","../../../packages/primitives/visually-hidden/src/visually-hidden-input-bubble.directive.ts","../../../packages/primitives/visually-hidden/src/visually-hidden-input.directive.ts","../../../packages/primitives/visually-hidden/radix-ng-primitives-visually-hidden.ts"],"sourcesContent":["import { Directive, input, linkedSignal } from '@angular/core';\n\n/**\n *\n * <span rdxVisuallyHidden [feature]=\"'fully-hidden'\">\n *   <ng-content></ng-content>\n * </span>\n *\n * <button (click)=\"directiveInstance.feature.set('focusable')\">Make Focusable</button>\n * <button (click)=\"directiveInstance.feature.set('fully-hidden')\">Hide</button>\n */\n@Directive({\n    selector: '[rdxVisuallyHidden]',\n    host: {\n        '[attr.aria-hidden]': 'feature() === \"focusable\" ? \"true\" : undefined',\n        '[hidden]': 'feature() === \"fully-hidden\" ? true : undefined',\n        '[attr.tabindex]': 'feature() === \"fully-hidden\" ? \"-1\" : undefined',\n        '[style.position]': '\"absolute\"',\n        '[style.border]': '\"0\"',\n        '[style.display]': 'feature() === \"focusable\" ? \"inline-block\" : \"none\"',\n        '[style.width]': '\"1px\"',\n        '[style.height]': '\"1px\"',\n        '[style.padding]': '\"0\"',\n        '[style.margin]': '\"-1px\"',\n        '[style.overflow]': '\"hidden\"',\n        '[style.clip]': '\"rect(0, 0, 0, 0)\"',\n        '[style.clipPath]': '\"inset(50%)\"',\n        '[style.white-space]': '\"nowrap\"',\n        '[style.word-wrap]': '\"normal\"'\n    }\n})\nexport class RdxVisuallyHiddenDirective {\n    readonly feature = input<'focusable' | 'fully-hidden'>('focusable');\n\n    protected readonly featureEffect = linkedSignal({\n        source: this.feature,\n        computation: (feature: 'focusable' | 'fully-hidden') => feature\n    });\n\n    updateFeature(feature: 'focusable' | 'fully-hidden') {\n        this.featureEffect.set(feature);\n    }\n}\n","import { Directive, effect, ElementRef, inject, input, linkedSignal } from '@angular/core';\nimport { RdxVisuallyHiddenDirective } from './visually-hidden.directive';\n\n/**\n *\n */\n@Directive({\n    selector: 'input[rdxVisuallyHiddenInputBubble]',\n    hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ['feature: feature'] }],\n    host: {\n        '[attr.name]': 'name()',\n        '[attr.required]': 'required()',\n        '[attr.disabled]': 'disabled()',\n        '[attr.checked]': 'checked()',\n        '[value]': 'value()',\n        '(change)': 'onChange()'\n    }\n})\nexport class RdxVisuallyHiddenInputBubbleDirective<T> {\n    private readonly elementRef = inject(ElementRef);\n\n    readonly name = input<string>('');\n    readonly value = input<T | string | null>();\n    readonly checked = input<boolean | undefined>(undefined);\n    readonly required = input<boolean | undefined>(undefined);\n    readonly disabled = input<boolean | undefined>(undefined);\n    readonly feature = input<string>('fully-hidden');\n\n    protected readonly valueEffect = linkedSignal({\n        source: this.value,\n        computation: (value: NoInfer<string | T | null | undefined>) => value\n    });\n\n    constructor() {\n        effect(() => {\n            this.updateInputValue();\n        });\n    }\n\n    updateValue(value: string) {\n        this.valueEffect.set(value);\n    }\n\n    protected onChange() {\n        this.updateInputValue();\n    }\n\n    private updateInputValue() {\n        let valueChanged = false;\n        let checkedChanged = false;\n\n        // Check if the value has changed before applying the update\n        const currentValue = this.inputElement.value;\n        const newValue = String(this.value());\n\n        if (currentValue !== newValue) {\n            this.inputElement.value = newValue;\n            valueChanged = true;\n        }\n\n        if (this.inputElement.type === 'checkbox' || this.inputElement.type === 'radio') {\n            const currentChecked = this.inputElement.checked;\n            const newChecked = !!this.checked();\n\n            if (currentChecked !== newChecked) {\n                this.inputElement.checked = newChecked;\n                checkedChanged = true;\n            }\n        }\n\n        if (valueChanged || checkedChanged) {\n            this.dispatchInputEvents();\n        }\n    }\n\n    private get inputElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    private dispatchInputEvents() {\n        const inputEvent = new Event('input', { bubbles: true });\n        const changeEvent = new Event('change', { bubbles: true });\n\n        this.inputElement.dispatchEvent(inputEvent);\n        this.inputElement.dispatchEvent(changeEvent);\n    }\n}\n","// Implementation from https://github.com/unovue/radix-vue\n\nimport { Directive, ElementRef, OnInit, computed, inject, input } from '@angular/core';\nimport { RdxVisuallyHiddenInputBubbleDirective } from './visually-hidden-input-bubble.directive';\n\n@Directive({\n    selector: '[rdxVisuallyHiddenInput]',\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputBubbleDirective,\n            inputs: [\n                'feature: feature',\n                'name: name ',\n                'value: value',\n                'checked: checked',\n                'disabled: disabled',\n                'required: required'\n            ]\n        }\n    ]\n})\nexport class RdxVisuallyHiddenInputDirective<T> implements OnInit {\n    private readonly elementRef = inject(ElementRef);\n\n    readonly name = input<string>('');\n    readonly value = input<T | string>();\n    readonly checked = input<boolean | undefined>(undefined);\n    readonly required = input<boolean | undefined>(undefined);\n    readonly disabled = input<boolean | undefined>(undefined);\n    readonly feature = input<'focusable' | 'fully-hidden'>('fully-hidden');\n\n    readonly parsedValue = computed<{ name: string; value: any }[]>(() => {\n        const value = this.value();\n        const name = this.name();\n\n        if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {\n            return [{ name, value }];\n        }\n\n        if (Array.isArray(value)) {\n            return value.flatMap((obj, index) => {\n                if (typeof obj === 'object') {\n                    return Object.entries(obj).map(([key, val]) => ({\n                        name: `[${name}][${index}][${key}]`,\n                        value: val\n                    }));\n                } else {\n                    return { name: `[${name}][${index}]`, value: obj };\n                }\n            });\n        }\n\n        if (value !== null && typeof value === 'object') {\n            return Object.entries(value).map(([key, val]) => ({\n                name: `[${name}][${key}]`,\n                value: val\n            }));\n        }\n\n        return [];\n    });\n\n    ngOnInit() {\n        const parsedValues = this.parsedValue();\n\n        parsedValues.forEach((parsed) => {\n            const inputElement = this.elementRef.nativeElement;\n            inputElement.setAttribute('name', parsed.name);\n            inputElement.setAttribute('value', parsed.value);\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.RdxVisuallyHiddenDirective","i1.RdxVisuallyHiddenInputBubbleDirective"],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-visually-hidden.mjs","sources":["../../../packages/primitives/visually-hidden/src/visually-hidden.directive.ts","../../../packages/primitives/visually-hidden/src/visually-hidden-input-bubble.directive.ts","../../../packages/primitives/visually-hidden/src/visually-hidden-input.directive.ts","../../../packages/primitives/visually-hidden/radix-ng-primitives-visually-hidden.ts"],"sourcesContent":["import { Directive, input, linkedSignal } from '@angular/core';\n\nexport type VisuallyHidden = 'focusable' | 'fully-hidden';\n\n/**\n *\n * <span rdxVisuallyHidden [feature]=\"'fully-hidden'\">\n *   <ng-content />\n * </span>\n *\n * <button (click)=\"directiveInstance.setFeature('focusable')\">Make Focusable</button>\n * <button (click)=\"directiveInstance.setFeature('fully-hidden')\">Hide</button>\n */\n@Directive({\n    selector: '[rdxVisuallyHidden]',\n    host: {\n        '[attr.tabindex]': 'computedFeature() === \"fully-hidden\" ? \"-1\" : undefined',\n        '[attr.aria-hidden]': 'computedFeature() === \"focusable\" ? \"true\" : undefined',\n        '[attr.data-hidden]': 'computedFeature() === \"fully-hidden\" ? \"\" : undefined',\n        '[hidden]': 'computedFeature() === \"fully-hidden\" ? true : undefined',\n        '[style]': `{\n            position: 'absolute',\n            border: 0,\n            width: '1px',\n            height: '1px',\n            padding: 0,\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            clipPath: 'inset(50%)',\n            whiteSpace: 'nowrap',\n            wordWrap: 'normal',\n        }`,\n        '[style.display]': 'feature() === \"focusable\" ? \"inline-block\" : \"none\"'\n    }\n})\nexport class RdxVisuallyHiddenDirective {\n    readonly feature = input<VisuallyHidden>('focusable');\n\n    protected readonly computedFeature = linkedSignal(this.feature);\n\n    setFeature(feature: VisuallyHidden) {\n        this.computedFeature.set(feature);\n    }\n}\n","import { computed, Directive, effect, ElementRef, inject, input, linkedSignal } from '@angular/core';\nimport { watch } from '@radix-ng/primitives/core';\nimport { RdxVisuallyHiddenDirective, VisuallyHidden } from './visually-hidden.directive';\n\n/**\n *\n */\n@Directive({\n    selector: 'input[rdxVisuallyHiddenInputBubble]',\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenDirective,\n            inputs: ['feature: feature']\n        }\n    ],\n    host: {\n        '[attr.name]': 'name()',\n        '[attr.required]': 'required()',\n        '[attr.disabled]': 'disabled()',\n        '[attr.checked]': 'checked()',\n        '[value]': 'computedValue()'\n    }\n})\nexport class RdxVisuallyHiddenInputBubbleDirective<T> {\n    private readonly elementRef = inject(ElementRef);\n    private readonly visuallyHidden = inject(RdxVisuallyHiddenDirective);\n\n    readonly feature = input<VisuallyHidden>('fully-hidden');\n\n    readonly name = input<string | undefined>(undefined);\n    readonly value = input<T | string | null>();\n    readonly checked = input<boolean | undefined>(undefined);\n    readonly required = input<boolean | undefined>(undefined);\n    readonly disabled = input<boolean | undefined>(undefined);\n\n    protected readonly computedFeature = linkedSignal(this.feature);\n    protected readonly computedValue = linkedSignal(this.value);\n\n    readonly valueState = computed(() => this.checked() ?? this.computedValue());\n\n    constructor() {\n        watch([this.valueState], ([cur]) => {\n            if (!this.elementRef.nativeElement) {\n                return;\n            }\n\n            const input = this.elementRef.nativeElement as HTMLInputElement;\n            const inputProto = window.HTMLInputElement.prototype;\n            const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor;\n            const setValue = descriptor.set;\n\n            if (setValue) {\n                const inputEvent = new Event('input', { bubbles: true });\n                const changeEvent = new Event('change', { bubbles: true });\n                setValue.call(input, cur);\n                input.dispatchEvent(inputEvent);\n                input.dispatchEvent(changeEvent);\n            }\n        });\n\n        effect(() => {\n            this.visuallyHidden.setFeature(this.computedFeature());\n        });\n    }\n\n    setValue(value: string) {\n        this.computedValue.set(value);\n    }\n\n    setFeature(feature: VisuallyHidden) {\n        this.computedFeature.set(feature);\n    }\n}\n","// Implementation from https://github.com/unovue/radix-vue\n\nimport { Directive, ElementRef, Injector, afterNextRender, computed, effect, inject, input } from '@angular/core';\nimport { RdxVisuallyHiddenInputBubbleDirective } from './visually-hidden-input-bubble.directive';\nimport { VisuallyHidden } from './visually-hidden.directive';\n\n@Directive({\n    selector: '[rdxVisuallyHiddenInput]',\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputBubbleDirective,\n            inputs: [\n                'feature: feature',\n                'name: name ',\n                'value: value',\n                'checked: checked',\n                'disabled: disabled',\n                'required: required'\n            ]\n        }\n    ]\n})\nexport class RdxVisuallyHiddenInputDirective<T> {\n    private readonly elementRef = inject(ElementRef);\n    private readonly injector = inject(Injector);\n\n    readonly name = input<string | undefined>(undefined);\n    readonly value = input<T | string>();\n    readonly checked = input<boolean | undefined>(undefined);\n    readonly required = input<boolean | undefined>(undefined);\n    readonly disabled = input<boolean | undefined>(undefined);\n    readonly feature = input<VisuallyHidden>('fully-hidden');\n\n    readonly parsedValue = computed(() => {\n        const value = this.value();\n        const name = this.name();\n\n        if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {\n            return [{ name, value }];\n        }\n\n        if (Array.isArray(value)) {\n            return value.flatMap((obj, index) => {\n                if (typeof obj === 'object') {\n                    return Object.entries(obj).map(([key, val]) => ({\n                        name: `[${name}][${index}][${key}]`,\n                        value: val\n                    }));\n                } else {\n                    return { name: `[${name}][${index}]`, value: obj };\n                }\n            });\n        }\n\n        if (value !== null && typeof value === 'object') {\n            return Object.entries(value).map(([key, val]) => ({\n                name: `[${name}][${key}]`,\n                value: val\n            }));\n        }\n\n        return [];\n    });\n\n    constructor() {\n        afterNextRender(() => {\n            effect(\n                () => {\n                    const parsedValues = this.parsedValue();\n\n                    parsedValues.forEach((parsed) => {\n                        const inputElement = this.elementRef.nativeElement;\n                        inputElement.setAttribute('name', parsed.name);\n                        inputElement.setAttribute('value', parsed.value);\n                    });\n                },\n                { injector: this.injector }\n            );\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.RdxVisuallyHiddenDirective","i1.RdxVisuallyHiddenInputBubbleDirective"],"mappings":"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"}

package/focus-guards/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/focus-guards

package/focus-guards/index.d.ts

@@ -0,0 +1 @@
+export * from './src/focus-guards';

package/focus-guards/src/focus-guards.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+/**
+ * Injects a pair of focus guards at the edges of the whole DOM tree
+ * to ensure `focusin` & `focusout` events can be caught consistently.
+ */
+export declare class RdxFocusGuards {
+    private readonly injector;
+    constructor();
+    createFocusGuard(): HTMLSpanElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxFocusGuards, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxFocusGuards, never, never, {}, {}, never, never, true, never>;
+}

package/focus-scope/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/focus-scope

package/focus-scope/index.d.ts

@@ -0,0 +1 @@
+export * from './src/focus-scope';

package/focus-scope/src/focus-scope.d.ts

@@ -0,0 +1,53 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { Signal } from '@angular/core';
+import { FocusScopeAPI } from './stack';
+import * as i0 from "@angular/core";
+export interface FocusScopeContext {
+    loop?: Signal<boolean>;
+    trapped?: Signal<boolean>;
+}
+export declare const injectFocusScopeContext: (optional?: boolean) => FocusScopeContext | null, provideFocusScopeContext: (useFactory: () => FocusScopeContext) => import("@angular/core").Provider;
+/**
+ * @group Components
+ */
+export declare class RdxFocusScope {
+    private readonly injector;
+    private readonly elementRef;
+    /**
+     * When `true`, tabbing from last item will focus first tabbable
+     * and shift+tab from first item will focus last tababble.
+     *
+     * @group Props
+     * @defaultValue false
+     */
+    readonly loop: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * When `true`, focus cannot escape the focus scope via keyboard,
+     * pointer, or a programmatic focus.
+     *
+     * @group Props
+     * @defaultValue false
+     */
+    readonly trapped: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Event handler called when auto-focusing on mount.
+     * Can be prevented.
+     *
+     * @group Emits
+     */
+    readonly mountAutoFocus: import("@angular/core").OutputEmitterRef<Event>;
+    /**
+     * Event handler called when auto-focusing on unmount.
+     * Can be prevented.
+     *
+     * @group Emits
+     */
+    readonly unmountAutoFocus: import("@angular/core").OutputEmitterRef<Event>;
+    readonly lastFocusedElement: import("@angular/core").WritableSignal<HTMLElement | null>;
+    private readonly focusScopesStack;
+    readonly focusScope: FocusScopeAPI;
+    constructor();
+    handleKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxFocusScope, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxFocusScope, "[rdxFocusScope]", never, { "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "trapped": { "alias": "trapped"; "required": false; "isSignal": true; }; }, { "mountAutoFocus": "mountAutoFocus"; "unmountAutoFocus": "unmountAutoFocus"; }, never, never, true, never>;
+}

package/focus-scope/src/stack.d.ts

@@ -0,0 +1,13 @@
+import { WritableSignal } from '@angular/core';
+export declare function createGlobalState<T>(factory: () => T): () => T;
+export interface FocusScopeAPI {
+    paused: WritableSignal<boolean>;
+    pause(): void;
+    resume(): void;
+}
+export declare function createFocusScopesStack(): {
+    add(focusScope: FocusScopeAPI): void;
+    remove(focusScope: FocusScopeAPI): void;
+};
+export declare function arrayRemove<T>(array: T[], item: T): T[];
+export declare function removeLinks(items: HTMLElement[]): HTMLElement[];

package/focus-scope/src/utils.d.ts

@@ -0,0 +1,46 @@
+export declare const AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
+export declare const AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
+export declare const EVENT_OPTIONS: {
+    bubbles: boolean;
+    cancelable: boolean;
+};
+type FocusableTarget = HTMLElement | {
+    focus: () => void;
+};
+/**
+ * Attempts focusing the first element in a list of candidates.
+ * Stops when focus has actually moved.
+ */
+export declare function focusFirst(candidates: HTMLElement[], { select }?: {
+    select?: boolean | undefined;
+}): true | undefined;
+/**
+ * Returns a list of potential tabbable candidates.
+ *
+ * NOTE: This is only a close approximation. For example it doesn't take into account cases like when
+ * elements are not visible. This cannot be worked out easily by just reading a property, but rather
+ * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.
+ *
+ * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
+ * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
+ */
+export declare function getTabbableCandidates(container: HTMLElement): HTMLElement[];
+export declare function isHidden(node: HTMLElement, { upTo }: {
+    upTo?: HTMLElement;
+}): boolean;
+/**
+ * Returns the first visible element in a list.
+ * NOTE: Only checks visibility up to the `container`.
+ */
+export declare function findVisible(elements: HTMLElement[], container: HTMLElement): HTMLElement | undefined;
+/**
+ * Returns the first and last tabbable elements inside a container.
+ */
+export declare function getTabbableEdges(container: HTMLElement): readonly [HTMLElement | undefined, HTMLElement | undefined];
+export declare function isSelectableInput(element: any): element is FocusableTarget & {
+    select: () => void;
+};
+export declare function focus(element?: FocusableTarget | null, { select }?: {
+    select?: boolean | undefined;
+}): void;
+export {};

package/hover-card/src/hover-card-root.directive.d.ts

@@ -93,7 +93,7 @@ export declare class RdxHoverCardRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#14558@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#14891@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -104,9 +104,9 @@ export declare class RdxHoverCardRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#14558@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#14558@#registerOnDestroyCallbacks"(): void;
-        "__#14558@#listenToClickDomRootEvent"(): void;
+        "__#14891@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#14891@#registerOnDestroyCallbacks"(): void;
+        "__#14891@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

package/navigation-menu/src/navigation-menu-trigger.directive.d.ts

@@ -10,6 +10,7 @@ export declare class RdxNavigationMenuTriggerDirective extends RdxNavigationMenu
     private readonly elementRef;
     private readonly viewContainerRef;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly openOnHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly triggerId: string;
     readonly contentId: string;
     readonly open: import("@angular/core").Signal<boolean>;
@@ -29,5 +30,5 @@ export declare class RdxNavigationMenuTriggerDirective extends RdxNavigationMenu
     onClick(): void;
     onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxNavigationMenuTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNavigationMenuTriggerDirective, "[rdxNavigationMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNavigationMenuTriggerDirective, "[rdxNavigationMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.41.0",
+  "version": "0.43.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -100,6 +100,14 @@
       "types": "./editable/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-editable.mjs"
     },
+    "./focus-guards": {
+      "types": "./focus-guards/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-focus-guards.mjs"
+    },
+    "./focus-scope": {
+      "types": "./focus-scope/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-focus-scope.mjs"
+    },
     "./hover-card": {
       "types": "./hover-card/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-hover-card.mjs"

package/popover/src/popover-root.directive.d.ts

@@ -70,7 +70,7 @@ export declare class RdxPopoverRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#18898@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#19196@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -81,9 +81,9 @@ export declare class RdxPopoverRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#18898@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#18898@#registerOnDestroyCallbacks"(): void;
-        "__#18898@#listenToClickDomRootEvent"(): void;
+        "__#19196@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#19196@#registerOnDestroyCallbacks"(): void;
+        "__#19196@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

package/tooltip/src/tooltip-root.directive.d.ts

@@ -79,7 +79,7 @@ export declare class RdxTooltipRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#22743@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#23041@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -90,9 +90,9 @@ export declare class RdxTooltipRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#22743@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#22743@#registerOnDestroyCallbacks"(): void;
-        "__#22743@#listenToClickDomRootEvent"(): void;
+        "__#23041@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#23041@#registerOnDestroyCallbacks"(): void;
+        "__#23041@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

package/visually-hidden/src/visually-hidden-input-bubble.directive.d.ts

@@ -1,3 +1,4 @@
+import { VisuallyHidden } from './visually-hidden.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./visually-hidden.directive";
 /**
@@ -5,19 +6,19 @@ import * as i1 from "./visually-hidden.directive";
  */
 export declare class RdxVisuallyHiddenInputBubbleDirective<T> {
     private readonly elementRef;
-    readonly name: import("@angular/core").InputSignal<string>;
+    private readonly visuallyHidden;
+    readonly feature: import("@angular/core").InputSignal<VisuallyHidden>;
+    readonly name: import("@angular/core").InputSignal<string | undefined>;
     readonly value: import("@angular/core").InputSignal<string | T | null | undefined>;
     readonly checked: import("@angular/core").InputSignal<boolean | undefined>;
     readonly required: import("@angular/core").InputSignal<boolean | undefined>;
     readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly feature: import("@angular/core").InputSignal<string>;
-    protected readonly valueEffect: import("@angular/core").WritableSignal<string | T | null | undefined>;
+    protected readonly computedFeature: import("@angular/core").WritableSignal<VisuallyHidden>;
+    protected readonly computedValue: import("@angular/core").WritableSignal<string | T | null | undefined>;
+    readonly valueState: import("@angular/core").Signal<string | boolean | T | null | undefined>;
     constructor();
-    updateValue(value: string): void;
-    protected onChange(): void;
-    private updateInputValue;
-    private get inputElement();
-    private dispatchInputEvents;
+    setValue(value: string): void;
+    setFeature(feature: VisuallyHidden): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxVisuallyHiddenInputBubbleDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenInputBubbleDirective<any>, "input[rdxVisuallyHiddenInputBubble]", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "feature": { "alias": "feature"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenDirective; inputs: { "feature": "feature"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenInputBubbleDirective<any>, "input[rdxVisuallyHiddenInputBubble]", never, { "feature": { "alias": "feature"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenDirective; inputs: { "feature": "feature"; }; outputs: {}; }]>;
 }