@radix-ng/primitives 0.14.0 → 0.15.0

package/fesm2022/radix-ng-primitives-aspect-ratio.mjs

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Renderer2, input, numberAttribute, computed, Directive } from '@angular/core';
+
+/**
+ * Directive to maintain an aspect ratio for an element.
+ * The element will have its `padding-bottom` dynamically calculated
+ * based on the provided aspect ratio to maintain the desired ratio.
+ * The content inside the element will be positioned absolutely.
+ */
+class RdxAspectRatioDirective {
+    constructor() {
+        this.element = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        /**
+         * The desired aspect ratio (e.g., 16/9).
+         * By default, it is set to 1 (which results in a square, 1:1).
+         */
+        this.ratio = input(1, { transform: numberAttribute });
+        /**
+         * Dynamically computed `padding-bottom` style for the element.
+         * This value is calculated based on the inverse of the aspect ratio.
+         *
+         * If the ratio is zero, it defaults to `0%` to avoid division by zero.
+         */
+        this.paddingBottom = computed(() => {
+            const ratioValue = this.ratio();
+            return `${ratioValue !== 0 ? (1 / ratioValue) * 100 : 0}%`;
+        });
+    }
+    ngAfterViewInit() {
+        const content = this.element.nativeElement.firstElementChild;
+        if (content) {
+            // Set the content to cover the entire element with absolute positioning
+            this.renderer.setStyle(content, 'position', 'absolute');
+            this.renderer.setStyle(content, 'inset', '0');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAspectRatioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxAspectRatioDirective, isStandalone: true, selector: "[rdxAspectRatio]", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.position": "'relative'", "style.width": "'100%'", "style.padding-bottom": "paddingBottom()" } }, exportAs: ["rdxAspectRatio"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAspectRatioDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAspectRatio]',
+                    exportAs: 'rdxAspectRatio',
+                    standalone: true,
+                    host: {
+                        '[style.position]': `'relative'`,
+                        '[style.width]': `'100%'`,
+                        '[style.padding-bottom]': 'paddingBottom()'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxAspectRatioDirective };
+//# sourceMappingURL=radix-ng-primitives-aspect-ratio.mjs.map

package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-aspect-ratio.mjs","sources":["../../../packages/primitives/aspect-ratio/src/aspect-ratio.directive.ts","../../../packages/primitives/aspect-ratio/radix-ng-primitives-aspect-ratio.ts"],"sourcesContent":["import { NumberInput } from '@angular/cdk/coercion';\nimport {\n    AfterViewInit,\n    computed,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    numberAttribute,\n    Renderer2\n} from '@angular/core';\n\n/**\n * Directive to maintain an aspect ratio for an element.\n * The element will have its `padding-bottom` dynamically calculated\n * based on the provided aspect ratio to maintain the desired ratio.\n * The content inside the element will be positioned absolutely.\n */\n@Directive({\n    selector: '[rdxAspectRatio]',\n    exportAs: 'rdxAspectRatio',\n    standalone: true,\n    host: {\n        '[style.position]': `'relative'`,\n        '[style.width]': `'100%'`,\n        '[style.padding-bottom]': 'paddingBottom()'\n    }\n})\nexport class RdxAspectRatioDirective implements AfterViewInit {\n    private element = inject(ElementRef);\n    private renderer = inject(Renderer2);\n\n    /**\n     * The desired aspect ratio (e.g., 16/9).\n     * By default, it is set to 1 (which results in a square, 1:1).\n     */\n    readonly ratio = input<number, NumberInput>(1, { transform: numberAttribute });\n\n    /**\n     * Dynamically computed `padding-bottom` style for the element.\n     * This value is calculated based on the inverse of the aspect ratio.\n     *\n     * If the ratio is zero, it defaults to `0%` to avoid division by zero.\n     */\n    protected readonly paddingBottom = computed(() => {\n        const ratioValue = this.ratio();\n        return `${ratioValue !== 0 ? (1 / ratioValue) * 100 : 0}%`;\n    });\n\n    ngAfterViewInit() {\n        const content = this.element.nativeElement.firstElementChild;\n        if (content) {\n            // Set the content to cover the entire element with absolute positioning\n            this.renderer.setStyle(content, 'position', 'absolute');\n            this.renderer.setStyle(content, 'inset', '0');\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAYA;;;;;AAKG;MAWU,uBAAuB,CAAA;AAVpC,IAAA,WAAA,GAAA;AAWY,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC7B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAErC;;;AAGG;QACM,IAAK,CAAA,KAAA,GAAG,KAAK,CAAsB,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;AAE/E;;;;;AAKG;AACgB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC7C,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAChC,YAAA,OAAO,GAAG,UAAU,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC;AAC/D,SAAC,CAAC,CAAC;AAUN,KAAA;IARG,eAAe,GAAA;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAC7D,IAAI,OAAO,EAAE;;YAET,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;YACxD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;SACjD;KACJ;8GA5BQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,CAAY,UAAA,CAAA;AAChC,wBAAA,eAAe,EAAE,CAAQ,MAAA,CAAA;AACzB,wBAAA,wBAAwB,EAAE,iBAAiB;AAC9C,qBAAA;AACJ,iBAAA,CAAA;;;AC3BD;;AAEG;;;;"}

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

@@ -0,0 +1,144 @@
+import { NG_VALUE_ACCESSOR, NgControl, FormControlDirective, FormControlName, NgModel } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, NgZone, booleanAttribute, Directive, Input, InjectionToken } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { Platform } from '@angular/cdk/platform';
+
+/**
+ * Include in the providers section of a component which utilizes ControlValueAccessor to redundant code.
+ *
+ * ```ts
+ * @Directive({
+ *   providers: [provideValueAccessor(ExampleDirective)]
+ *}
+ * export class ExampleDirective{}
+ * ```
+ */
+function provideValueAccessor(type) {
+    return {
+        provide: NG_VALUE_ACCESSOR,
+        useExisting: type,
+        multi: true
+    };
+}
+
+/*
+ * <div [rdxAutoFocus]="true"></div>
+ */
+class RdxAutoFocusDirective {
+    constructor() {
+        this.#elementRef = inject(ElementRef);
+        this.#ngZone = inject(NgZone);
+        this._autoSelect = false;
+    }
+    #elementRef;
+    #ngZone;
+    /**
+     * @default false
+     */
+    set autoFocus(value) {
+        if (value) {
+            // Note: Running this outside Angular's zone because `element.focus()` does not trigger change detection.
+            this.#ngZone.runOutsideAngular(() => 
+            // Note: `element.focus()` causes re-layout which might lead to frame drops on slower devices.
+            // https://gist.github.com/paulirish/5d52fb081b3570c81e3a#setting-focus
+            // `setTimeout` is a macrotask executed within the current rendering frame.
+            // Animation tasks are executed in the next rendering frame.
+            reqAnimationFrame(() => {
+                this.#elementRef.nativeElement.focus();
+                if (this._autoSelect && this.#elementRef.nativeElement.select) {
+                    this.#elementRef.nativeElement.select();
+                }
+            }));
+        }
+    }
+    // Setter for autoSelect attribute to enable text selection when autoFocus is true.
+    set autoSelect(value) {
+        this._autoSelect = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAutoFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxAutoFocusDirective, isStandalone: true, selector: "[rdxAutoFocus]", inputs: { autoFocus: ["rdxAutoFocus", "autoFocus", booleanAttribute], autoSelect: ["autoSelect", "autoSelect", booleanAttribute] }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxAutoFocusDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxAutoFocus]',
+                    standalone: true
+                }]
+        }], propDecorators: { autoFocus: [{
+                type: Input,
+                args: [{ alias: 'rdxAutoFocus', transform: booleanAttribute }]
+            }], autoSelect: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+const availablePrefixes = ['moz', 'ms', 'webkit'];
+function requestAnimationFramePolyfill() {
+    let lastTime = 0;
+    return function (callback) {
+        const currTime = new Date().getTime();
+        const timeToCall = Math.max(0, 16 - (currTime - lastTime));
+        const id = setTimeout(() => {
+            callback(currTime + timeToCall);
+        }, timeToCall);
+        lastTime = currTime + timeToCall;
+        return id;
+    };
+}
+// Function to get the appropriate requestAnimationFrame method with fallback to polyfill.
+function getRequestAnimationFrame() {
+    if (typeof window === 'undefined') {
+        return () => 0;
+    }
+    if (window.requestAnimationFrame) {
+        // https://github.com/vuejs/vue/issues/4465
+        return window.requestAnimationFrame.bind(window);
+    }
+    const prefix = availablePrefixes.filter((key) => `${key}RequestAnimationFrame` in window)[0];
+    return prefix ? window[`${prefix}RequestAnimationFrame`] : requestAnimationFramePolyfill();
+}
+// Get the requestAnimationFrame function or its polyfill.
+const reqAnimationFrame = getRequestAnimationFrame();
+
+function injectDocument() {
+    return inject(DOCUMENT);
+}
+
+function injectNgControl(params) {
+    const ngControl = inject(NgControl, { self: true, optional: true });
+    if (!params?.optional && !ngControl)
+        throw new Error('NgControl not found');
+    if (ngControl instanceof FormControlDirective ||
+        ngControl instanceof FormControlName ||
+        ngControl instanceof NgModel) {
+        return ngControl;
+    }
+    if (params?.optional) {
+        return undefined;
+    }
+    throw new Error('NgControl is not an instance of FormControlDirective, FormControlName or NgModel');
+}
+
+function injectIsClient() {
+    return inject(Platform).isBrowser;
+}
+
+const WINDOW = new InjectionToken('An abstraction over global window object', {
+    factory: () => {
+        const { defaultView } = injectDocument();
+        if (!defaultView) {
+            throw new Error('Window is not available');
+        }
+        return defaultView;
+    }
+});
+function injectWindow() {
+    return inject(WINDOW);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxAutoFocusDirective, WINDOW, injectDocument, injectIsClient, injectNgControl, injectWindow, provideValueAccessor };
+//# sourceMappingURL=radix-ng-primitives-core.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-core.mjs","sources":["../../../packages/primitives/core/src/accessor/provide-value-accessor.ts","../../../packages/primitives/core/src/auto-focus.directive.ts","../../../packages/primitives/core/src/document.ts","../../../packages/primitives/core/src/inject-ng-control.ts","../../../packages/primitives/core/src/is-client.ts","../../../packages/primitives/core/src/window.ts","../../../packages/primitives/core/radix-ng-primitives-core.ts"],"sourcesContent":["import { Provider, Type } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n/**\n * Include in the providers section of a component which utilizes ControlValueAccessor to redundant code.\n *\n * ```ts\n * @Directive({\n *   providers: [provideValueAccessor(ExampleDirective)]\n *}\n * export class ExampleDirective{}\n * ```\n */\nexport function provideValueAccessor(type: Type<never>): Provider {\n    return {\n        provide: NG_VALUE_ACCESSOR,\n        useExisting: type,\n        multi: true\n    };\n}\n","import { booleanAttribute, Directive, ElementRef, inject, Input, NgZone } from '@angular/core';\n\n/*\n * <div [rdxAutoFocus]=\"true\"></div>\n */\n\n@Directive({\n    selector: '[rdxAutoFocus]',\n    standalone: true\n})\nexport class RdxAutoFocusDirective {\n    #elementRef = inject(ElementRef);\n    #ngZone = inject(NgZone);\n\n    private _autoSelect = false;\n\n    /**\n     * @default false\n     */\n    @Input({ alias: 'rdxAutoFocus', transform: booleanAttribute })\n    set autoFocus(value: boolean) {\n        if (value) {\n            // Note: Running this outside Angular's zone because `element.focus()` does not trigger change detection.\n            this.#ngZone.runOutsideAngular(() =>\n                // Note: `element.focus()` causes re-layout which might lead to frame drops on slower devices.\n                // https://gist.github.com/paulirish/5d52fb081b3570c81e3a#setting-focus\n                // `setTimeout` is a macrotask executed within the current rendering frame.\n                // Animation tasks are executed in the next rendering frame.\n                reqAnimationFrame(() => {\n                    this.#elementRef.nativeElement.focus();\n                    if (this._autoSelect && this.#elementRef.nativeElement.select) {\n                        this.#elementRef.nativeElement.select();\n                    }\n                })\n            );\n        }\n    }\n\n    // Setter for autoSelect attribute to enable text selection when autoFocus is true.\n    @Input({ transform: booleanAttribute })\n    set autoSelect(value: boolean) {\n        this._autoSelect = value;\n    }\n}\n\nconst availablePrefixes = ['moz', 'ms', 'webkit'];\n\nfunction requestAnimationFramePolyfill(): typeof requestAnimationFrame {\n    let lastTime = 0;\n\n    return function (callback: FrameRequestCallback): number {\n        const currTime = new Date().getTime();\n        const timeToCall = Math.max(0, 16 - (currTime - lastTime));\n\n        const id = setTimeout(() => {\n            callback(currTime + timeToCall);\n        }, timeToCall) as any;\n\n        lastTime = currTime + timeToCall;\n\n        return id;\n    };\n}\n\n// Function to get the appropriate requestAnimationFrame method with fallback to polyfill.\nfunction getRequestAnimationFrame(): typeof requestAnimationFrame {\n    if (typeof window === 'undefined') {\n        return () => 0;\n    }\n    if (window.requestAnimationFrame) {\n        // https://github.com/vuejs/vue/issues/4465\n        return window.requestAnimationFrame.bind(window);\n    }\n\n    const prefix = availablePrefixes.filter((key) => `${key}RequestAnimationFrame` in window)[0];\n\n    return prefix ? (window as any)[`${prefix}RequestAnimationFrame`] : requestAnimationFramePolyfill();\n}\n\n// Get the requestAnimationFrame function or its polyfill.\nconst reqAnimationFrame = getRequestAnimationFrame();\n","import { DOCUMENT } from '@angular/common';\nimport { inject } from '@angular/core';\n\nexport function injectDocument(): Document {\n    return inject(DOCUMENT);\n}\n","import { inject } from '@angular/core';\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from '@angular/forms';\n\nexport function injectNgControl(params: {\n    optional: true;\n}): FormControlDirective | FormControlName | NgModel | undefined;\nexport function injectNgControl(params: { optional: false }): FormControlDirective | FormControlName | NgModel;\nexport function injectNgControl(): FormControlDirective | FormControlName | NgModel;\n\nexport function injectNgControl(params?: { optional: true } | { optional: false }) {\n    const ngControl = inject(NgControl, { self: true, optional: true });\n\n    if (!params?.optional && !ngControl) throw new Error('NgControl not found');\n\n    if (\n        ngControl instanceof FormControlDirective ||\n        ngControl instanceof FormControlName ||\n        ngControl instanceof NgModel\n    ) {\n        return ngControl;\n    }\n\n    if (params?.optional) {\n        return undefined;\n    }\n\n    throw new Error('NgControl is not an instance of FormControlDirective, FormControlName or NgModel');\n}\n","import { Platform } from '@angular/cdk/platform';\nimport { inject } from '@angular/core';\n\nexport function injectIsClient() {\n    return inject(Platform).isBrowser;\n}\n","import { inject, InjectionToken } from '@angular/core';\nimport { injectDocument } from './document';\n\nexport const WINDOW = new InjectionToken<Window & typeof globalThis>('An abstraction over global window object', {\n    factory: () => {\n        const { defaultView } = injectDocument();\n        if (!defaultView) {\n            throw new Error('Window is not available');\n        }\n        return defaultView;\n    }\n});\n\nexport function injectWindow(): Window & typeof globalThis {\n    return inject(WINDOW);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,16 +1,40 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, Directive, Input } from '@angular/core';
+import { input, booleanAttribute, computed, Directive } from '@angular/core';
 
 const DEFAULT_ORIENTATION = 'horizontal';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const ORIENTATIONS = ['horizontal', 'vertical'];
+/**
+ * Directive that adds accessible and configurable separator element to the DOM.
+ * This can be either horizontal or vertical and optionally decorative (which removes
+ * it from the accessibility tree).
+ */
 class RdxSeparatorRootDirective {
     constructor() {
-        this.orientation = DEFAULT_ORIENTATION;
-        this.decorative = false;
+        /**
+         * Orientation of the separator, can be either 'horizontal' or 'vertical'.
+         * Defaults to 'horizontal'.
+         */
+        this.orientation = input(DEFAULT_ORIENTATION);
+        /**
+         * If true, the separator will be considered decorative and removed from
+         * the accessibility tree. Defaults to false.
+         */
+        this.decorative = input(false, { transform: booleanAttribute });
+        /**
+         * Computes the `role` attribute for the separator. If `decorative` is true,
+         * the role is set to "none", otherwise it is "separator".
+         */
+        this.computedRole = computed(() => (this.decorative() ? 'none' : 'separator'));
+        /**
+         * Computes the `aria-orientation` attribute. It is set to "vertical" only if
+         * the separator is not decorative and the orientation is set to "vertical".
+         * For horizontal orientation, the attribute is omitted.
+         */
+        this.computedAriaOrientation = computed(() => !this.decorative() && this.orientation() === 'vertical' ? 'vertical' : null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxSeparatorRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxSeparatorRootDirective, isStandalone: true, selector: "div[rdxSeparatorRoot]", inputs: { orientation: "orientation", decorative: ["decorative", "decorative", booleanAttribute] }, host: { properties: { "attr.role": "decorative ? \"none\" : \"separator\"", "attr.aria-orientation": "!decorative && orientation === \"vertical\" ? \"vertical\" : null", "attr.data-orientation": "orientation" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxSeparatorRootDirective, isStandalone: true, selector: "div[rdxSeparatorRoot]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "computedRole()", "attr.aria-orientation": "computedAriaOrientation()", "attr.data-orientation": "orientation()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxSeparatorRootDirective, decorators: [{
             type: Directive,
@@ -18,18 +42,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                     selector: 'div[rdxSeparatorRoot]',
                     standalone: true,
                     host: {
-                        '[attr.role]': 'decorative ? "none" : "separator"',
-                        // `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical
-                        '[attr.aria-orientation]': '!decorative && orientation === "vertical" ? "vertical" : null',
-                        '[attr.data-orientation]': 'orientation'
+                        '[attr.role]': 'computedRole()',
+                        '[attr.aria-orientation]': 'computedAriaOrientation()',
+                        '[attr.data-orientation]': 'orientation()'
                     }
                 }]
-        }], propDecorators: { orientation: [{
-                type: Input
-            }], decorative: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-separator.mjs","sources":["../../../packages/primitives/separator/src/separator.directive.ts","../../../packages/primitives/separator/radix-ng-primitives-separator.ts"],"sourcesContent":["import { booleanAttribute, Directive, Input } from '@angular/core';\n\nconst DEFAULT_ORIENTATION = 'horizontal';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst ORIENTATIONS = ['horizontal', 'vertical'] as const;\n\nexport type Orientation = (typeof ORIENTATIONS)[number];\n\nexport interface SeparatorProps {\n    /**\n     * Either `vertical` or `horizontal`. Defaults to `horizontal`.\n     */\n    orientation?: Orientation;\n    /**\n     * Whether the component is purely decorative. When true, accessibility-related attributes\n     * are updated so that the rendered element is removed from the accessibility tree.\n     */\n    decorative?: boolean;\n}\n\n@Directive({\n    selector: 'div[rdxSeparatorRoot]',\n    standalone: true,\n    host: {\n        '[attr.role]': 'decorative ? \"none\" : \"separator\"',\n        // `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical\n        '[attr.aria-orientation]': '!decorative && orientation === \"vertical\" ? \"vertical\" : null',\n        '[attr.data-orientation]': 'orientation'\n    }\n})\nexport class RdxSeparatorRootDirective implements SeparatorProps {\n    @Input() orientation: Orientation = DEFAULT_ORIENTATION;\n\n    @Input({ transform: booleanAttribute }) decorative = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,MAAM,mBAAmB,GAAG,YAAY,CAAC;AACzC;AACA,MAAM,YAAY,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU,CAAC;MA0B5C,yBAAyB,CAAA;AAVtC,IAAA,WAAA,GAAA;QAWa,IAAW,CAAA,WAAA,GAAgB,mBAAmB,CAAC;QAEhB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAC9D,KAAA;8GAJY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,wIAGd,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,uCAAA,EAAA,uBAAA,EAAA,mEAAA,EAAA,uBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAH3B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,aAAa,EAAE,mCAAmC;;AAElD,wBAAA,yBAAyB,EAAE,+DAA+D;AAC1F,wBAAA,yBAAyB,EAAE,aAAa;AAC3C,qBAAA;AACJ,iBAAA,CAAA;8BAEY,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEkC,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;;;ACjC1C;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-separator.mjs","sources":["../../../packages/primitives/separator/src/separator.directive.ts","../../../packages/primitives/separator/radix-ng-primitives-separator.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input } from '@angular/core';\n\nconst DEFAULT_ORIENTATION = 'horizontal';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst ORIENTATIONS = ['horizontal', 'vertical'] as const;\n\nexport type Orientation = (typeof ORIENTATIONS)[number];\n\nexport interface SeparatorProps {\n    /**\n     * Either `vertical` or `horizontal`. Defaults to `horizontal`.\n     */\n    orientation?: Orientation;\n    /**\n     * Whether the component is purely decorative. When true, accessibility-related attributes\n     * are updated so that the rendered element is removed from the accessibility tree.\n     */\n    decorative?: boolean;\n}\n\n/**\n * Directive that adds accessible and configurable separator element to the DOM.\n * This can be either horizontal or vertical and optionally decorative (which removes\n * it from the accessibility tree).\n */\n@Directive({\n    selector: 'div[rdxSeparatorRoot]',\n    standalone: true,\n    host: {\n        '[attr.role]': 'computedRole()',\n        '[attr.aria-orientation]': 'computedAriaOrientation()',\n\n        '[attr.data-orientation]': 'orientation()'\n    }\n})\nexport class RdxSeparatorRootDirective {\n    /**\n     * Orientation of the separator, can be either 'horizontal' or 'vertical'.\n     * Defaults to 'horizontal'.\n     */\n    readonly orientation = input<Orientation>(DEFAULT_ORIENTATION);\n\n    /**\n     * If true, the separator will be considered decorative and removed from\n     * the accessibility tree. Defaults to false.\n     */\n    readonly decorative = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Computes the `role` attribute for the separator. If `decorative` is true,\n     * the role is set to \"none\", otherwise it is \"separator\".\n     */\n    protected readonly computedRole = computed(() => (this.decorative() ? 'none' : 'separator'));\n\n    /**\n     * Computes the `aria-orientation` attribute. It is set to \"vertical\" only if\n     * the separator is not decorative and the orientation is set to \"vertical\".\n     * For horizontal orientation, the attribute is omitted.\n     */\n    protected readonly computedAriaOrientation = computed(() =>\n        !this.decorative() && this.orientation() === 'vertical' ? 'vertical' : null\n    );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAEzC;AACA,MAAM,YAAY,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU,CAAC;AAgBzD;;;;AAIG;MAWU,yBAAyB,CAAA;AAVtC,IAAA,WAAA,GAAA;AAWI;;;AAGG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAc,mBAAmB,CAAC,CAAC;AAE/D;;;AAGG;QACM,IAAU,CAAA,UAAA,GAAG,KAAK,CAAwB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAE3F;;;AAGG;QACgB,IAAY,CAAA,YAAA,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC;AAE7F;;;;AAIG;QACgB,IAAuB,CAAA,uBAAA,GAAG,QAAQ,CAAC,MAClD,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU,GAAG,UAAU,GAAG,IAAI,CAC9E,CAAC;AACL,KAAA;8GA3BY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,2BAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,aAAa,EAAE,gBAAgB;AAC/B,wBAAA,yBAAyB,EAAE,2BAA2B;AAEtD,wBAAA,yBAAyB,EAAE,eAAe;AAC7C,qBAAA;AACJ,iBAAA,CAAA;;;ACpCD;;AAEG;;;;"}

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

@@ -0,0 +1,189 @@
+import * as i0 from '@angular/core';
+import { input, Directive, inject, ElementRef, effect, computed } from '@angular/core';
+
+/**
+ *
+ * <span rdxVisuallyHidden [feature]="'fully-hidden'">
+ *   <ng-content></ng-content>
+ * </span>
+ *
+ * <button (click)="directiveInstance.feature.set('focusable')">Make Focusable</button>
+ * <button (click)="directiveInstance.feature.set('fully-hidden')">Hide</button>
+ */
+class RdxVisuallyHiddenDirective {
+    constructor() {
+        this.feature = input('focusable');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxVisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", 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\" : null", "hidden": "feature() === \"fully-hidden\" ? true : null", "attr.tabindex": "feature() === \"fully-hidden\" ? \"-1\" : null", "style.position": "\"absolute\"", "style.border": "\"0\"", "style.width": "\"1px\"", "style.display": "feature() === \"focusable\" ? \"inline-block\" : \"none\"", "style.height": "\"1px\"", "style.padding": "\"0\"", "style.margin": "\"-1px\"", "style.overflow": "\"hidden\"", "style.clip": "\"rect(0, 0, 0, 0)\"", "style.white-space": "\"nowrap\"", "style.word-wrap": "\"normal\"" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxVisuallyHiddenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxVisuallyHidden]',
+                    standalone: true,
+                    host: {
+                        '[attr.aria-hidden]': 'feature() === "focusable" ? "true" : null',
+                        '[hidden]': 'feature() === "fully-hidden" ? true : null',
+                        '[attr.tabindex]': 'feature() === "fully-hidden" ? "-1" : null',
+                        '[style.position]': '"absolute"',
+                        '[style.border]': '"0"',
+                        '[style.width]': '"1px"',
+                        '[style.display]': 'feature() === "focusable" ? "inline-block" : "none"',
+                        '[style.height]': '"1px"',
+                        '[style.padding]': '"0"',
+                        '[style.margin]': '"-1px"',
+                        '[style.overflow]': '"hidden"',
+                        '[style.clip]': '"rect(0, 0, 0, 0)"',
+                        '[style.white-space]': '"nowrap"',
+                        '[style.word-wrap]': '"normal"'
+                    }
+                }]
+        }] });
+
+/**
+ *
+ */
+class RdxVisuallyHiddenInputBubbleDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.name = input('');
+        this.value = input(null);
+        this.checked = input(undefined);
+        this.required = input(undefined);
+        this.disabled = input(undefined);
+        this.feature = input('fully-hidden');
+        effect(() => {
+            this.updateInputValue();
+        });
+    }
+    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;
+    }
+    dispatchInputEvents() {
+        const inputEvent = new Event('input', { bubbles: true });
+        const changeEvent = new Event('change', { bubbles: true });
+        this.inputElement.dispatchEvent(inputEvent);
+        this.inputElement.dispatchEvent(changeEvent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxVisuallyHiddenInputBubbleDirective, isStandalone: true, selector: "[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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxVisuallyHiddenInputBubble]',
+                    standalone: true,
+                    hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ['feature: feature'] }],
+                    host: {
+                        '[attr.name]': 'name()',
+                        '[attr.required]': 'required()',
+                        '[attr.disabled]': 'disabled()',
+                        '[attr.checked]': 'checked()',
+                        '[value]': 'value()',
+                        '(change)': 'onChange()'
+                    }
+                }]
+        }], ctorParameters: () => [] });
+
+// Implementation from https://github.com/unovue/radix-vue
+class RdxVisuallyHiddenInputDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.name = input('');
+        this.value = input(null);
+        this.checked = input(undefined);
+        this.required = input(undefined);
+        this.disabled = input(undefined);
+        this.feature = input('fully-hidden');
+        this.parsedValue = computed(() => {
+            const value = this.value();
+            const name = this.name();
+            if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+                return [{ name, value }];
+            }
+            if (Array.isArray(value)) {
+                return value.flatMap((obj, index) => {
+                    if (typeof obj === 'object') {
+                        return Object.entries(obj).map(([key, val]) => ({
+                            name: `[${name}][${index}][${key}]`,
+                            value: val
+                        }));
+                    }
+                    else {
+                        return { name: `[${name}][${index}]`, value: obj };
+                    }
+                });
+            }
+            if (value !== null && typeof value === 'object') {
+                return Object.entries(value).map(([key, val]) => ({
+                    name: `[${name}][${key}]`,
+                    value: val
+                }));
+            }
+            return [];
+        });
+    }
+    ngOnInit() {
+        const parsedValues = this.parsedValue();
+        parsedValues.forEach((parsed) => {
+            const inputElement = this.elementRef.nativeElement;
+            inputElement.setAttribute('name', parsed.name);
+            inputElement.setAttribute('value', parsed.value);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxVisuallyHiddenInputDirective, isStandalone: true, selector: "[rdxVisuallyHiddenInput]", 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 } }, hostDirectives: [{ directive: RdxVisuallyHiddenInputBubbleDirective, inputs: ["feature", "feature", "name", "name", "value", "value", "checked", "checked", "disabled", "disabled", "required", "required"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxVisuallyHiddenInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxVisuallyHiddenInput]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: RdxVisuallyHiddenInputBubbleDirective,
+                            inputs: [
+                                'feature: feature',
+                                'name: name ',
+                                'value: value',
+                                'checked: checked',
+                                'disabled: disabled',
+                                'required: required'
+                            ]
+                        }
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxVisuallyHiddenDirective, RdxVisuallyHiddenInputBubbleDirective, RdxVisuallyHiddenInputDirective };
+//# sourceMappingURL=radix-ng-primitives-visually-hidden.mjs.map

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

@@ -0,0 +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 } 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    standalone: true,\n    host: {\n        '[attr.aria-hidden]': 'feature() === \"focusable\" ? \"true\" : null',\n        '[hidden]': 'feature() === \"fully-hidden\" ? true : null',\n        '[attr.tabindex]': 'feature() === \"fully-hidden\" ? \"-1\" : null',\n        '[style.position]': '\"absolute\"',\n        '[style.border]': '\"0\"',\n        '[style.width]': '\"1px\"',\n        '[style.display]': 'feature() === \"focusable\" ? \"inline-block\" : \"none\"',\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.white-space]': '\"nowrap\"',\n        '[style.word-wrap]': '\"normal\"'\n    }\n})\nexport class RdxVisuallyHiddenDirective {\n    readonly feature = input<'focusable' | 'fully-hidden'>('focusable');\n}\n","import { Directive, effect, ElementRef, inject, input } from '@angular/core';\nimport { RdxVisuallyHiddenDirective } from './visually-hidden.directive';\n\n/**\n *\n */\n@Directive({\n    selector: '[rdxVisuallyHiddenInputBubble]',\n    standalone: true,\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 | null>(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    constructor() {\n        effect(() => {\n            this.updateInputValue();\n        });\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    standalone: true,\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 | null>(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<'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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -49,6 +49,12 @@
       "esm": "./esm2022/alert-dialog/radix-ng-primitives-alert-dialog.mjs",
       "default": "./fesm2022/radix-ng-primitives-alert-dialog.mjs"
     },
+    "./aspect-ratio": {
+      "types": "./aspect-ratio/index.d.ts",
+      "esm2022": "./esm2022/aspect-ratio/radix-ng-primitives-aspect-ratio.mjs",
+      "esm": "./esm2022/aspect-ratio/radix-ng-primitives-aspect-ratio.mjs",
+      "default": "./fesm2022/radix-ng-primitives-aspect-ratio.mjs"
+    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "esm2022": "./esm2022/avatar/radix-ng-primitives-avatar.mjs",
@@ -73,6 +79,12 @@
       "esm": "./esm2022/context-menu/radix-ng-primitives-context-menu.mjs",
       "default": "./fesm2022/radix-ng-primitives-context-menu.mjs"
     },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "esm2022": "./esm2022/core/radix-ng-primitives-core.mjs",
+      "esm": "./esm2022/core/radix-ng-primitives-core.mjs",
+      "default": "./fesm2022/radix-ng-primitives-core.mjs"
+    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "esm2022": "./esm2022/dialog/radix-ng-primitives-dialog.mjs",
@@ -144,6 +156,12 @@
       "esm2022": "./esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs",
       "esm": "./esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs",
       "default": "./fesm2022/radix-ng-primitives-toggle-group.mjs"
+    },
+    "./visually-hidden": {
+      "types": "./visually-hidden/index.d.ts",
+      "esm2022": "./esm2022/visually-hidden/radix-ng-primitives-visually-hidden.mjs",
+      "esm": "./esm2022/visually-hidden/radix-ng-primitives-visually-hidden.mjs",
+      "default": "./fesm2022/radix-ng-primitives-visually-hidden.mjs"
     }
   }
 }