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

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-progress.mjs","sources":["../tmp-esm2022/progress/src/progress-root.directive.js","../tmp-esm2022/progress/src/progress-indicator.directive.js","../tmp-esm2022/progress/index.js","../tmp-esm2022/progress/radix-ng-primitives-progress.js"],"sourcesContent":["import { computed, Directive, effect, inject, InjectionToken, input, model } from '@angular/core';\nimport { isNullish, isNumber, provideToken } from '@radix-ng/primitives/core';\nimport * as i0 from \"@angular/core\";\nexport const RdxProgressToken = new InjectionToken('RdxProgressDirective');\n/**\n * Injects the current instance of RdxProgressRootDirective.\n * @returns The instance of RdxProgressRootDirective.\n */\nexport function injectProgress() {\n    return inject(RdxProgressToken);\n}\nconst MIN_PERCENT = 0;\nconst DEFAULT_MAX = 100;\n/**\n * Directive to manage progress bar state and attributes.\n *\n * This directive provides a way to create a progress bar with customizable value and max attributes.\n * It handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.\n *\n * @group Components\n */\nexport class RdxProgressRootDirective {\n    constructor() {\n        /**\n         * The current value of the progress bar.\n         * @group Props\n         * @defaultValue 0\n         */\n        this.value = model(MIN_PERCENT, ...(ngDevMode ? [{ debugName: \"value\" }] : []));\n        /**\n         * The maximum value of the progress bar.\n         * @defaultValue 100\n         * @group Props\n         */\n        this.max = model(DEFAULT_MAX, ...(ngDevMode ? [{ debugName: \"max\" }] : []));\n        /**\n         * Function to generate the value label.\n         * @group Props\n         */\n        this.valueLabel = input((value, max) => this.defaultGetValueLabel(value, max), ...(ngDevMode ? [{ debugName: \"valueLabel\" }] : []));\n        this.label = computed(() => this.valueLabel()(this.value(), this.max()), ...(ngDevMode ? [{ debugName: \"label\" }] : []));\n        this.progressState = computed(() => {\n            if (isNullish(this.value())) {\n                return 'indeterminate';\n            }\n            if (this.value() === this.max()) {\n                return 'complete';\n            }\n            return 'loading';\n        }, ...(ngDevMode ? [{ debugName: \"progressState\" }] : []));\n        effect(() => {\n            const correctedValue = this.validateValue(this.value(), this.max());\n            if (correctedValue != null && correctedValue !== this.value()) {\n                this.value.set(correctedValue);\n            }\n        });\n        effect(() => {\n            const correctedMax = this.validateMax(this.max());\n            if (correctedMax !== this.max()) {\n                this.max.set(correctedMax);\n            }\n        });\n    }\n    validateValue(value, max) {\n        const isValidValueError = isNullish(value) || (isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0);\n        if (isValidValueError)\n            return value;\n        console.error(`Invalid prop \\`value\\` of value \\`${value}\\` supplied to \\`ProgressRoot\\`. The \\`value\\` prop must be:\n  - a positive number\n  - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n  - \\`null\\`  or \\`undefined\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`);\n        return null;\n    }\n    validateMax(max) {\n        const isValidMaxError = isNumber(max) && !Number.isNaN(max) && max > 0;\n        if (isValidMaxError)\n            return max;\n        console.error(`Invalid prop \\`max\\` of value \\`${max}\\` supplied to \\`ProgressRoot\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`);\n        return DEFAULT_MAX;\n    }\n    defaultGetValueLabel(value, max) {\n        return `${Math.round((value / max) * 100)}%`;\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.3.3\", type: RdxProgressRootDirective, isStandalone: true, selector: \"[rdxProgressRoot]\", inputs: { value: { classPropertyName: \"value\", publicName: \"value\", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: \"max\", publicName: \"max\", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: \"valueLabel\", publicName: \"valueLabel\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: \"valueChange\", max: \"maxChange\" }, host: { attributes: { \"role\": \"progressbar\", \"tabindex\": \"-1\" }, properties: { \"attr.aria-valuemax\": \"max()\", \"attr.aria-valuemin\": \"0\", \"attr.aria-valuenow\": \"value()\", \"attr.aria-valuetext\": \"label()\", \"attr.aria-label\": \"label()\", \"attr.data-state\": \"progressState()\", \"attr.data-value\": \"value() ?? undefined\", \"attr.data-max\": \"max()\" } }, providers: [provideToken(RdxProgressToken, RdxProgressRootDirective)], exportAs: [\"rdxProgressRoot\"], ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressRootDirective, decorators: [{\n            type: Directive,\n            args: [{\n                    selector: '[rdxProgressRoot]',\n                    exportAs: 'rdxProgressRoot',\n                    providers: [provideToken(RdxProgressToken, RdxProgressRootDirective)],\n                    host: {\n                        role: 'progressbar',\n                        '[attr.aria-valuemax]': 'max()',\n                        '[attr.aria-valuemin]': '0',\n                        '[attr.aria-valuenow]': 'value()',\n                        '[attr.aria-valuetext]': 'label()',\n                        '[attr.aria-label]': 'label()',\n                        '[attr.data-state]': 'progressState()',\n                        '[attr.data-value]': 'value() ?? undefined',\n                        '[attr.data-max]': 'max()',\n                        // set tab index to -1 so screen readers will read the aria-label\n                        // Note: there is a known issue with JAWS that does not read progressbar aria labels on FireFox\n                        tabindex: '-1'\n                    }\n                }]\n        }], ctorParameters: () => [] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtcm9vdC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Byb2dyZXNzL3NyYy9wcm9ncmVzcy1yb290LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQUU5RSxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FBMkIsc0JBQXNCLENBQUMsQ0FBQztBQUVyRzs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsY0FBYztJQUMxQixPQUFPLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0FBQ3BDLENBQUM7QUFlRCxNQUFNLFdBQVcsR0FBRyxDQUFDLENBQUM7QUFDdEIsTUFBTSxXQUFXLEdBQUcsR0FBRyxDQUFDO0FBRXhCOzs7Ozs7O0dBT0c7QUFvQkgsTUFBTSxPQUFPLHdCQUF3QjtJQW1DakM7UUFsQ0E7Ozs7V0FJRztRQUNNLFVBQUssR0FBRyxLQUFLLENBQVMsV0FBVyxpREFBQyxDQUFDO1FBRTVDOzs7O1dBSUc7UUFDTSxRQUFHLEdBQUcsS0FBSyxDQUFTLFdBQVcsK0NBQUMsQ0FBQztRQUUxQzs7O1dBR0c7UUFDTSxlQUFVLEdBQUcsS0FBSyxDQUF5QyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUMvRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxzREFDeEMsQ0FBQztRQUVpQixVQUFLLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FB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RixJQUFJLEVBQUUsYUFBYTt3QkFDbkIsc0JBQXNCLEVBQUUsT0FBTzt3QkFDL0Isc0JBQXNCLEVBQUUsR0FBRzt3QkFDM0Isc0JBQXNCLEVBQUUsU0FBUzt3QkFDakMsdUJBQXVCLEVBQUUsU0FBUzt3QkFDbEMsbUJBQW1CLEVBQUUsU0FBUzt3QkFDOUIsbUJBQW1CLEVBQUUsaUJBQWlCO3dCQUN0QyxtQkFBbUIsRUFBRSxzQkFBc0I7d0JBQzNDLGlCQUFpQixFQUFFLE9BQU87d0JBQzFCLGlFQUFpRTt3QkFDakUsK0ZBQStGO3dCQUMvRixRQUFRLEVBQUUsSUFBSTtxQkFDakI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb21wdXRlZCwgRGlyZWN0aXZlLCBlZmZlY3QsIGluamVjdCwgSW5qZWN0aW9uVG9rZW4sIGlucHV0LCBtb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNOdWxsaXNoLCBpc051bWJlciwgcHJvdmlkZVRva2VuIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBSZHhQcm9ncmVzc1Rva2VuID0gbmV3IEluamVjdGlvblRva2VuPFJkeFByb2dyZXNzUm9vdERpcmVjdGl2ZT4oJ1JkeFByb2dyZXNzRGlyZWN0aXZlJyk7XG5cbi8qKlxuICogSW5qZWN0cyB0aGUgY3VycmVudCBpbnN0YW5jZSBvZiBSZHhQcm9ncmVzc1Jvb3REaXJlY3RpdmUuXG4gKiBAcmV0dXJucyBUaGUgaW5zdGFuY2Ugb2YgUmR4UHJvZ3Jlc3NSb290RGlyZWN0aXZlLlxuICovXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0UHJvZ3Jlc3MoKTogUmR4UHJvZ3Jlc3NSb290RGlyZWN0aXZlIHtcbiAgICByZXR1cm4gaW5qZWN0KFJkeFByb2dyZXNzVG9rZW4pO1xufVxuXG5leHBvcnQgdHlwZSBQcm9ncmVzc1N0YXRlID0gJ2luZGV0ZXJtaW5hdGUnIHwgJ2NvbXBsZXRlJyB8ICdsb2FkaW5nJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmVzc1Byb3BzIHtcbiAgICB2YWx1ZT86IG51bWJlciB8IG51bGw7XG4gICAgbWF4PzogbnVtYmVyO1xuICAgIC8qKlxuICAgICAqIEEgZnVuY3Rpb24gdG8gZ2V0IHRoZSBhY2Nlc3NpYmxlIGxhYmVsIHRleHQgcmVwcmVzZW50aW5nIHRoZSBjdXJyZW50IHZhbHVlIGluIGEgaHVtYW4tcmVhZGFibGUgZm9ybWF0LlxuICAgICAqXG4gICAgICogIElmIG5vdCBwcm92aWRlZCwgdGhlIHZhbHVlIGxhYmVsIHdpbGwgYmUgcmVhZCBhcyB0aGUgbnVtZXJpYyB2YWx1ZSBhcyBhIHBlcmNlbnRhZ2Ugb2YgdGhlIG1heCB2YWx1ZS5cbiAgICAgKi9cbiAgICBnZXRWYWx1ZUxhYmVsPzogKHZhbHVlOiBudW1iZXIsIG1heDogbnVtYmVyKSA9PiBzdHJpbmc7XG59XG5cbmNvbnN0IE1JTl9QRVJDRU5UID0gMDtcbmNvbnN0IERFRkFVTFRfTUFYID0gMTAwO1xuXG4vKipcbiAqIERpcmVjdGl2ZSB0byBtYW5hZ2UgcHJvZ3Jlc3MgYmFyIHN0YXRlIGFuZCBhdHRyaWJ1dGVzLlxuICpcbiAqIFRoaXMgZGlyZWN0aXZlIHByb3ZpZGVzIGEgd2F5IHRvIGNyZWF0ZSBhIHByb2dyZXNzIGJhciB3aXRoIGN1c3RvbWl6YWJsZSB2YWx1ZSBhbmQgbWF4IGF0dHJpYnV0ZXMuXG4gKiBJdCBoYW5kbGVzIGFyaWEgYXR0cmlidXRlcyBmb3IgYWNjZXNzaWJpbGl0eSBhbmQgcHJvdmlkZXMgZGlmZmVyZW50IHN0YXRlcyBsaWtlICdpbmRldGVybWluYXRlJywgJ2NvbXBsZXRlJywgYW5kICdsb2FkaW5nJy5cbiAqXG4gKiBAZ3JvdXAgQ29tcG9uZW50c1xuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhQcm9ncmVzc1Jvb3RdJyxcbiAgICBleHBvcnRBczogJ3JkeFByb2dyZXNzUm9vdCcsXG4gICAgcHJvdmlkZXJzOiBbcHJvdmlkZVRva2VuKFJkeFByb2dyZXNzVG9rZW4sIFJkeFByb2dyZXNzUm9vdERpcmVjdGl2ZSldLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgcm9sZTogJ3Byb2dyZXNzYmFyJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtdmFsdWVtYXhdJzogJ21heCgpJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtdmFsdWVtaW5dJzogJzAnLFxuICAgICAgICAnW2F0dHIuYXJpYS12YWx1ZW5vd10nOiAndmFsdWUoKScsXG4gICAgICAgICdbYXR0ci5hcmlhLXZhbHVldGV4dF0nOiAnbGFiZWwoKScsXG4gICAgICAgICdbYXR0ci5hcmlhLWxhYmVsXSc6ICdsYWJlbCgpJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc3RhdGVdJzogJ3Byb2dyZXNzU3RhdGUoKScsXG4gICAgICAgICdbYXR0ci5kYXRhLXZhbHVlXSc6ICd2YWx1ZSgpID8/IHVuZGVmaW5lZCcsXG4gICAgICAgICdbYXR0ci5kYXRhLW1heF0nOiAnbWF4KCknLFxuICAgICAgICAvLyBzZXQgdGFiIGluZGV4IHRvIC0xIHNvIHNjcmVlbiByZWFkZXJzIHdpbGwgcmVhZCB0aGUgYXJpYS1sYWJlbFxuICAgICAgICAvLyBOb3RlOiB0aGVyZSBpcyBhIGtub3duIGlzc3VlIHdpdGggSkFXUyB0aGF0IGRvZXMgbm90IHJlYWQgcHJvZ3Jlc3NiYXIgYXJpYSBsYWJlbHMgb24gRmlyZUZveFxuICAgICAgICB0YWJpbmRleDogJy0xJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgUmR4UHJvZ3Jlc3NSb290RGlyZWN0aXZlIHtcbiAgICAvKipcbiAgICAgKiBUaGUgY3VycmVudCB2YWx1ZSBvZiB0aGUgcHJvZ3Jlc3MgYmFyLlxuICAgICAqIEBncm91cCBQcm9wc1xuICAgICAqIEBkZWZhdWx0VmFsdWUgMFxuICAgICAqL1xuICAgIHJlYWRvbmx5IHZhbHVlID0gbW9kZWw8bnVtYmVyPihNSU5fUEVSQ0VOVCk7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgbWF4aW11bSB2YWx1ZSBvZiB0aGUgcHJvZ3Jlc3MgYmFyLlxuICAgICAqIEBkZWZhdWx0VmFsdWUgMTAwXG4gICAgICogQGdyb3VwIFByb3BzXG4gICAgICovXG4gICAgcmVhZG9ubHkgbWF4ID0gbW9kZWw8bnVtYmVyPihERUZBVUxUX01BWCk7XG5cbiAgICAvKipcbiAgICAgKiBGdW5jdGlvbiB0byBnZW5lcmF0ZSB0aGUgdmFsdWUgbGFiZWwuXG4gICAgICogQGdyb3VwIFByb3BzXG4gICAgICovXG4gICAgcmVhZG9ubHkgdmFsdWVMYWJlbCA9IGlucHV0PCh2YWx1ZTogbnVtYmVyLCBtYXg6IG51bWJlcikgPT4gc3RyaW5nPigodmFsdWUsIG1heCkgPT5cbiAgICAgICAgdGhpcy5kZWZhdWx0R2V0VmFsdWVMYWJlbCh2YWx1ZSwgbWF4KVxuICAgICk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbGFiZWwgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnZhbHVlTGFiZWwoKSh0aGlzLnZhbHVlKCksIHRoaXMubWF4KCkpKTtcblxuICAgIHJlYWRvbmx5IHByb2dyZXNzU3RhdGUgPSBjb21wdXRlZDxQcm9ncmVzc1N0YXRlPigoKSA9PiB7XG4gICAgICAgIGlmIChpc051bGxpc2godGhpcy52YWx1ZSgpKSkge1xuICAgICAgICAgICAgcmV0dXJuICdpbmRldGVybWluYXRlJztcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy52YWx1ZSgpID09PSB0aGlzLm1heCgpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2NvbXBsZXRlJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gJ2xvYWRpbmcnO1xuICAgIH0pO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBjb3JyZWN0ZWRWYWx1ZSA9IHRoaXMudmFsaWRhdGVWYWx1ZSh0aGlzLnZhbHVlKCksIHRoaXMubWF4KCkpO1xuICAgICAgICAgICAgaWYgKGNvcnJlY3RlZFZhbHVlICE9IG51bGwgJiYgY29ycmVjdGVkVmFsdWUgIT09IHRoaXMudmFsdWUoKSkge1xuICAgICAgICAgICAgICAgIHRoaXMudmFsdWUuc2V0KGNvcnJlY3RlZFZhbHVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgZWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGNvcnJlY3RlZE1heCA9IHRoaXMudmFsaWRhdGVNYXgodGhpcy5tYXgoKSk7XG4gICAgICAgICAgICBpZiAoY29ycmVjdGVkTWF4ICE9PSB0aGlzLm1heCgpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5tYXguc2V0KGNvcnJlY3RlZE1heCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgdmFsaWRhdGVWYWx1ZSh2YWx1ZTogYW55LCBtYXg6IG51bWJlcik6IG51bWJlciB8IG51bGwge1xuICAgICAgICBjb25zdCBpc1ZhbGlkVmFsdWVFcnJvciA9XG4gICAgICAgICAgICBpc051bGxpc2godmFsdWUpIHx8IChpc051bWJlcih2YWx1ZSkgJiYgIU51bWJlci5pc05hTih2YWx1ZSkgJiYgdmFsdWUgPD0gbWF4ICYmIHZhbHVlID49IDApO1xuXG4gICAgICAgIGlmIChpc1ZhbGlkVmFsdWVFcnJvcikgcmV0dXJuIHZhbHVlIGFzIG51bGw7XG5cbiAgICAgICAgY29uc29sZS5lcnJvcihgSW52YWxpZCBwcm9wIFxcYHZhbHVlXFxgIG9mIHZhbHVlIFxcYCR7dmFsdWV9XFxgIHN1cHBsaWVkIHRvIFxcYFByb2dyZXNzUm9vdFxcYC4gVGhlIFxcYHZhbHVlXFxgIHByb3AgbXVzdCBiZTpcbiAgLSBhIHBvc2l0aXZlIG51bWJlclxuICAtIGxlc3MgdGhhbiB0aGUgdmFsdWUgcGFzc2VkIHRvIFxcYG1heFxcYCAob3IgJHtERUZBVUxUX01BWH0gaWYgbm8gXFxgbWF4XFxgIHByb3AgaXMgc2V0KVxuICAtIFxcYG51bGxcXGAgIG9yIFxcYHVuZGVmaW5lZFxcYCBpZiB0aGUgcHJvZ3Jlc3MgaXMgaW5kZXRlcm1pbmF0ZS5cblxuRGVmYXVsdGluZyB0byBcXGBudWxsXFxgLmApO1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBwcml2YXRlIHZhbGlkYXRlTWF4KG1heDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgICAgY29uc3QgaXNWYWxpZE1heEVycm9yID0gaXNOdW1iZXIobWF4KSAmJiAhTnVtYmVyLmlzTmFOKG1heCkgJiYgbWF4ID4gMDtcblxuICAgICAgICBpZiAoaXNWYWxpZE1heEVycm9yKSByZXR1cm4gbWF4O1xuXG4gICAgICAgIGNvbnNvbGUuZXJyb3IoXG4gICAgICAgICAgICBgSW52YWxpZCBwcm9wIFxcYG1heFxcYCBvZiB2YWx1ZSBcXGAke21heH1cXGAgc3VwcGxpZWQgdG8gXFxgUHJvZ3Jlc3NSb290XFxgLiBPbmx5IG51bWJlcnMgZ3JlYXRlciB0aGFuIDAgYXJlIHZhbGlkIG1heCB2YWx1ZXMuIERlZmF1bHRpbmcgdG8gXFxgJHtERUZBVUxUX01BWH1cXGAuYFxuICAgICAgICApO1xuICAgICAgICByZXR1cm4gREVGQVVMVF9NQVg7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkZWZhdWx0R2V0VmFsdWVMYWJlbCh2YWx1ZTogbnVtYmVyLCBtYXg6IG51bWJlcikge1xuICAgICAgICByZXR1cm4gYCR7TWF0aC5yb3VuZCgodmFsdWUgLyBtYXgpICogMTAwKX0lYDtcbiAgICB9XG59XG4iXX0=","import { Directive } from '@angular/core';\nimport { injectProgress } from './progress-root.directive';\nimport * as i0 from \"@angular/core\";\n/**\n * Directive to manage progress indicator state and attributes.\n *\n * This directive is used to display the progress indicator inside the progress bar.\n * It inherits the state and value from the `RdxProgressRootDirective`.\n */\nexport class RdxProgressIndicatorDirective {\n    constructor() {\n        /**\n         * This allows the directive to access the progress bar state and values.\n         */\n        this.progress = injectProgress();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.3.3\", type: RdxProgressIndicatorDirective, isStandalone: true, selector: \"[rdxProgressIndicator]\", host: { properties: { \"attr.data-state\": \"progress.progressState()\", \"attr.data-value\": \"progress.value()\", \"attr.data-max\": \"progress.max()\" } }, exportAs: [\"rdxProgressIndicator\"], ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressIndicatorDirective, decorators: [{\n            type: Directive,\n            args: [{\n                    selector: '[rdxProgressIndicator]',\n                    exportAs: 'rdxProgressIndicator',\n                    host: {\n                        '[attr.data-state]': 'progress.progressState()',\n                        '[attr.data-value]': 'progress.value()',\n                        '[attr.data-max]': 'progress.max()'\n                    }\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvcHJvZ3Jlc3Mvc3JjL3Byb2dyZXNzLWluZGljYXRvci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBRTNEOzs7OztHQUtHO0FBVUgsTUFBTSxPQUFPLDZCQUE2QjtJQVQxQztRQVVJOztXQUVHO1FBQ2dCLGFBQVEsR0FBRyxjQUFjLEVBQUUsQ0FBQztLQUNsRDs4R0FMWSw2QkFBNkI7a0dBQTdCLDZCQUE2Qjs7MkZBQTdCLDZCQUE2QjtrQkFUekMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxJQUFJLEVBQUU7d0JBQ0YsbUJBQW1CLEVBQUUsMEJBQTBCO3dCQUMvQyxtQkFBbUIsRUFBRSxrQkFBa0I7d0JBQ3ZDLGlCQUFpQixFQUFFLGdCQUFnQjtxQkFDdEM7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGluamVjdFByb2dyZXNzIH0gZnJvbSAnLi9wcm9ncmVzcy1yb290LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIG1hbmFnZSBwcm9ncmVzcyBpbmRpY2F0b3Igc3RhdGUgYW5kIGF0dHJpYnV0ZXMuXG4gKlxuICogVGhpcyBkaXJlY3RpdmUgaXMgdXNlZCB0byBkaXNwbGF5IHRoZSBwcm9ncmVzcyBpbmRpY2F0b3IgaW5zaWRlIHRoZSBwcm9ncmVzcyBiYXIuXG4gKiBJdCBpbmhlcml0cyB0aGUgc3RhdGUgYW5kIHZhbHVlIGZyb20gdGhlIGBSZHhQcm9ncmVzc1Jvb3REaXJlY3RpdmVgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhQcm9ncmVzc0luZGljYXRvcl0nLFxuICAgIGV4cG9ydEFzOiAncmR4UHJvZ3Jlc3NJbmRpY2F0b3InLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLmRhdGEtc3RhdGVdJzogJ3Byb2dyZXNzLnByb2dyZXNzU3RhdGUoKScsXG4gICAgICAgICdbYXR0ci5kYXRhLXZhbHVlXSc6ICdwcm9ncmVzcy52YWx1ZSgpJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtbWF4XSc6ICdwcm9ncmVzcy5tYXgoKSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFJkeFByb2dyZXNzSW5kaWNhdG9yRGlyZWN0aXZlIHtcbiAgICAvKipcbiAgICAgKiBUaGlzIGFsbG93cyB0aGUgZGlyZWN0aXZlIHRvIGFjY2VzcyB0aGUgcHJvZ3Jlc3MgYmFyIHN0YXRlIGFuZCB2YWx1ZXMuXG4gICAgICovXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHByb2dyZXNzID0gaW5qZWN0UHJvZ3Jlc3MoKTtcbn1cbiJdfQ==","import { NgModule } from '@angular/core';\nimport { RdxProgressIndicatorDirective } from './src/progress-indicator.directive';\nimport { RdxProgressRootDirective } from './src/progress-root.directive';\nimport * as i0 from \"@angular/core\";\nexport * from './src/progress-indicator.directive';\nexport * from './src/progress-root.directive';\nconst _imports = [RdxProgressRootDirective, RdxProgressIndicatorDirective];\nexport class RdxProgressModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressModule, imports: [RdxProgressRootDirective, RdxProgressIndicatorDirective], exports: [RdxProgressRootDirective, RdxProgressIndicatorDirective] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: RdxProgressModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [..._imports],\n                    exports: [..._imports]\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBRXpFLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywrQkFBK0IsQ0FBQztBQUk5QyxNQUFNLFFBQVEsR0FBRyxDQUFDLHdCQUF3QixFQUFFLDZCQUE2QixDQUFDLENBQUM7QUFNM0UsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsWUFOWix3QkFBd0IsRUFBRSw2QkFBNkIsYUFBdkQsd0JBQXdCLEVBQUUsNkJBQTZCOytHQU01RCxpQkFBaUI7OzJGQUFqQixpQkFBaUI7a0JBSjdCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsR0FBRyxRQUFRLENBQUM7b0JBQ3RCLE9BQU8sRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDO2lCQUN6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHhQcm9ncmVzc0luZGljYXRvckRpcmVjdGl2ZSB9IGZyb20gJy4vc3JjL3Byb2dyZXNzLWluZGljYXRvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgUmR4UHJvZ3Jlc3NSb290RGlyZWN0aXZlIH0gZnJvbSAnLi9zcmMvcHJvZ3Jlc3Mtcm9vdC5kaXJlY3RpdmUnO1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9wcm9ncmVzcy1pbmRpY2F0b3IuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3Byb2dyZXNzLXJvb3QuZGlyZWN0aXZlJztcblxuZXhwb3J0IHR5cGUgeyBQcm9ncmVzc1Byb3BzIH0gZnJvbSAnLi9zcmMvcHJvZ3Jlc3Mtcm9vdC5kaXJlY3RpdmUnO1xuXG5jb25zdCBfaW1wb3J0cyA9IFtSZHhQcm9ncmVzc1Jvb3REaXJlY3RpdmUsIFJkeFByb2dyZXNzSW5kaWNhdG9yRGlyZWN0aXZlXTtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbLi4uX2ltcG9ydHNdLFxuICAgIGV4cG9ydHM6IFsuLi5faW1wb3J0c11cbn0pXG5leHBvcnQgY2xhc3MgUmR4UHJvZ3Jlc3NNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaXgtbmctcHJpbWl0aXZlcy1wcm9ncmVzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvcHJvZ3Jlc3MvcmFkaXgtbmctcHJpbWl0aXZlcy1wcm9ncmVzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-progress.mjs","sources":["../../../packages/primitives/progress/src/progress-root.directive.ts","../../../packages/primitives/progress/src/progress-indicator.directive.ts","../../../packages/primitives/progress/src/progress-label.directive.ts","../../../packages/primitives/progress/src/progress-track.directive.ts","../../../packages/primitives/progress/src/progress-value.directive.ts","../../../packages/primitives/progress/index.ts","../../../packages/primitives/progress/radix-ng-primitives-progress.ts"],"sourcesContent":["import { computed, Directive, inject, input, numberAttribute } from '@angular/core';\nimport { createContext } from '@radix-ng/primitives/core';\n\nlet progressId = 0;\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\nexport type ProgressState = 'indeterminate' | 'complete' | 'progressing';\n\nexport type ProgressValueFormatter = (value: number, min: number, max: number) => string;\n\nexport interface ProgressProps {\n    value?: number | null;\n    min?: number;\n    max?: number;\n    valueLabel?: ProgressValueFormatter;\n}\n\nconst DEFAULT_MIN = 0;\nconst DEFAULT_MAX = 100;\n\nconst isValidNumber = (value: unknown): value is number => typeof value === 'number' && !Number.isNaN(value);\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst progressRootContext = () => {\n    const root = injectProgressRoot();\n\n    return {\n        labelId: root.labelId,\n        valueId: root.valueId,\n        minState: root.minState,\n        maxState: root.maxState,\n        valueState: root.valueState,\n        percentageState: root.percentageState,\n        valueLabelState: root.valueLabelState,\n        progressState: root.progressState,\n        completeState: root.completeState,\n        progressingState: root.progressingState,\n        indeterminateState: root.indeterminateState\n    };\n};\n\nexport type RdxProgressRootContext = ReturnType<typeof progressRootContext>;\n\nexport const [injectProgressRootContext, provideProgressRootContext] =\n    createContext<RdxProgressRootContext>('RdxProgressRoot');\n\n/**\n * Provides progress state and accessibility attributes.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxProgressRoot]',\n    exportAs: 'rdxProgressRoot',\n    providers: [provideProgressRootContext(progressRootContext)],\n    host: {\n        role: 'progressbar',\n        '[attr.aria-labelledby]': 'labelId()',\n        '[attr.aria-describedby]': 'valueId()',\n        '[attr.aria-valuemin]': 'indeterminateState() ? undefined : minState()',\n        '[attr.aria-valuemax]': 'indeterminateState() ? undefined : maxState()',\n        '[attr.aria-valuenow]': 'valueState() ?? undefined',\n        '[attr.aria-valuetext]': 'valueLabelState()',\n        '[attr.data-state]': 'progressState()',\n        '[attr.data-value]': 'valueState() ?? undefined',\n        '[attr.data-min]': 'minState()',\n        '[attr.data-max]': 'maxState()',\n        '[attr.data-complete]': 'dataAttr(completeState())',\n        '[attr.data-progressing]': 'dataAttr(progressingState())',\n        '[attr.data-indeterminate]': 'dataAttr(indeterminateState())'\n    }\n})\nexport class RdxProgressRootDirective {\n    /**\n     * Current progress value. Set to `null` for indeterminate progress.\n     *\n     * @group Props\n     * @defaultValue null\n     */\n    readonly value = input<number | null, number | null>(null, { transform: (value) => this.valueTransform(value) });\n\n    /**\n     * Minimum progress value.\n     *\n     * @group Props\n     * @defaultValue 0\n     */\n    readonly min = input(DEFAULT_MIN, { transform: numberAttribute });\n\n    /**\n     * Maximum progress value.\n     *\n     * @group Props\n     * @defaultValue 100\n     */\n    readonly max = input(DEFAULT_MAX, { transform: numberAttribute });\n\n    /**\n     * Formats the current value for assistive technologies and `rdxProgressValue`.\n     *\n     * @group Props\n     */\n    readonly valueLabel = input<ProgressValueFormatter>((value, min, max) => this.defaultValueLabel(value, min, max));\n\n    readonly labelId = input(`rdx-progress-label-${progressId++}`);\n    readonly valueId = input(`rdx-progress-value-${progressId++}`);\n\n    readonly minState = computed(() => (isValidNumber(this.min()) ? this.min() : DEFAULT_MIN));\n    readonly maxState = computed(() => {\n        const min = this.minState();\n        const max = this.max();\n\n        return isValidNumber(max) && max > min ? max : min + DEFAULT_MAX;\n    });\n\n    readonly valueState = computed(() => {\n        const value = this.value();\n\n        if (value === null || !isValidNumber(value)) {\n            return null;\n        }\n\n        return clamp(value, this.minState(), this.maxState());\n    });\n\n    readonly percentageState = computed(() => {\n        const value = this.valueState();\n\n        if (value === null) {\n            return null;\n        }\n\n        const min = this.minState();\n        const max = this.maxState();\n\n        return ((value - min) / (max - min)) * 100;\n    });\n\n    readonly valueLabelState = computed(() => {\n        const value = this.valueState();\n\n        return value === null ? undefined : this.valueLabel()(value, this.minState(), this.maxState());\n    });\n\n    readonly progressState = computed<ProgressState>(() => {\n        const value = this.valueState();\n\n        if (value === null) {\n            return 'indeterminate';\n        }\n\n        if (value === this.maxState()) {\n            return 'complete';\n        }\n\n        return 'progressing';\n    });\n\n    readonly completeState = computed(() => this.progressState() === 'complete');\n    readonly progressingState = computed(() => this.progressState() === 'progressing');\n    readonly indeterminateState = computed(() => this.progressState() === 'indeterminate');\n\n    protected readonly dataAttr = attr;\n\n    private valueTransform(value: number | null): number | null {\n        return value === null ? null : numberAttribute(value);\n    }\n\n    private defaultValueLabel(value: number, min: number, max: number) {\n        return `${Math.round(((value - min) / (max - min)) * 100)}%`;\n    }\n}\n\nfunction injectProgressRoot(): RdxProgressRootDirective {\n    return inject(RdxProgressRootDirective);\n}\n","import { Directive } from '@angular/core';\nimport { injectProgressRootContext } from './progress-root.directive';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Displays the visual progress fill.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxProgressIndicator]',\n    exportAs: 'rdxProgressIndicator',\n    host: {\n        '[attr.data-state]': 'progress.progressState()',\n        '[attr.data-value]': 'progress.valueState() ?? undefined',\n        '[attr.data-min]': 'progress.minState()',\n        '[attr.data-max]': 'progress.maxState()',\n        '[attr.data-percent]': 'progress.percentageState() ?? undefined',\n        '[attr.data-complete]': 'dataAttr(progress.completeState())',\n        '[attr.data-progressing]': 'dataAttr(progress.progressingState())',\n        '[attr.data-indeterminate]': 'dataAttr(progress.indeterminateState())'\n    }\n})\nexport class RdxProgressIndicatorDirective {\n    protected readonly progress = injectProgressRootContext()!;\n    protected readonly dataAttr = attr;\n}\n","import { Directive } from '@angular/core';\nimport { injectProgressRootContext } from './progress-root.directive';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Labels the progress task.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxProgressLabel]',\n    exportAs: 'rdxProgressLabel',\n    host: {\n        '[attr.id]': 'progress.labelId()',\n        '[attr.data-state]': 'progress.progressState()',\n        '[attr.data-complete]': 'dataAttr(progress.completeState())',\n        '[attr.data-progressing]': 'dataAttr(progress.progressingState())',\n        '[attr.data-indeterminate]': 'dataAttr(progress.indeterminateState())'\n    }\n})\nexport class RdxProgressLabelDirective {\n    protected readonly progress = injectProgressRootContext()!;\n    protected readonly dataAttr = attr;\n}\n","import { Directive } from '@angular/core';\nimport { injectProgressRootContext } from './progress-root.directive';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Contains the visual progress indicator.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxProgressTrack]',\n    exportAs: 'rdxProgressTrack',\n    host: {\n        '[attr.data-state]': 'progress.progressState()',\n        '[attr.data-value]': 'progress.valueState() ?? undefined',\n        '[attr.data-min]': 'progress.minState()',\n        '[attr.data-max]': 'progress.maxState()',\n        '[attr.data-complete]': 'dataAttr(progress.completeState())',\n        '[attr.data-progressing]': 'dataAttr(progress.progressingState())',\n        '[attr.data-indeterminate]': 'dataAttr(progress.indeterminateState())'\n    }\n})\nexport class RdxProgressTrackDirective {\n    protected readonly progress = injectProgressRootContext()!;\n    protected readonly dataAttr = attr;\n}\n","import { Directive } from '@angular/core';\nimport { injectProgressRootContext } from './progress-root.directive';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Displays the formatted progress value.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxProgressValue]',\n    exportAs: 'rdxProgressValue',\n    host: {\n        '[attr.id]': 'progress.valueId()',\n        '[textContent]': 'progress.valueLabelState() ?? \"\"',\n        '[attr.data-state]': 'progress.progressState()',\n        '[attr.data-value]': 'progress.valueState() ?? undefined',\n        '[attr.data-min]': 'progress.minState()',\n        '[attr.data-max]': 'progress.maxState()',\n        '[attr.data-complete]': 'dataAttr(progress.completeState())',\n        '[attr.data-progressing]': 'dataAttr(progress.progressingState())',\n        '[attr.data-indeterminate]': 'dataAttr(progress.indeterminateState())'\n    }\n})\nexport class RdxProgressValueDirective {\n    protected readonly progress = injectProgressRootContext()!;\n    protected readonly dataAttr = attr;\n}\n","import { NgModule } from '@angular/core';\nimport { RdxProgressIndicatorDirective } from './src/progress-indicator.directive';\nimport { RdxProgressLabelDirective } from './src/progress-label.directive';\nimport { RdxProgressRootDirective } from './src/progress-root.directive';\nimport { RdxProgressTrackDirective } from './src/progress-track.directive';\nimport { RdxProgressValueDirective } from './src/progress-value.directive';\n\nexport * from './src/progress-indicator.directive';\nexport * from './src/progress-label.directive';\nexport * from './src/progress-root.directive';\nexport * from './src/progress-track.directive';\nexport * from './src/progress-value.directive';\n\nexport type { ProgressProps, ProgressState, ProgressValueFormatter } from './src/progress-root.directive';\n\nconst _imports = [\n    RdxProgressRootDirective,\n    RdxProgressLabelDirective,\n    RdxProgressValueDirective,\n    RdxProgressTrackDirective,\n    RdxProgressIndicatorDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["attr"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, model, input, booleanAttribute, output, signal, computed, Input, Directive, inject, ElementRef } from '@angular/core';
+import { InjectionToken, model, input, booleanAttribute, output, signal, computed, effect, Directive, inject, ElementRef, Renderer2, DestroyRef } from '@angular/core';
 import { provideValueAccessor, provideToken } from '@radix-ng/primitives/core';
 import * as i1 from '@radix-ng/primitives/roving-focus';
 import { RdxRovingFocusGroupDirective, RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';
@@ -10,16 +10,21 @@ const RDX_RADIO_GROUP = new InjectionToken('RdxRadioGroup');
 
 class RdxRadioGroupDirective {
     constructor() {
-        this.value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.required = input(false, ...(ngDevMode ? [{ debugName: "required", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : []));
+        this.value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+        this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
         /**
          * Event handler called when the value changes.
          */
         this.onValueChange = output();
-        this.disable = signal(this.disabled(), ...(ngDevMode ? [{ debugName: "disable" }] : []));
-        this.disableState = computed(() => this.disable() || this.disabled(), ...(ngDevMode ? [{ debugName: "disableState" }] : []));
+        this.disable = signal(this.disabled(), ...(ngDevMode ? [{ debugName: "disable" }] : /* istanbul ignore next */ []));
+        this.disabledState = computed(() => this.disable() || this.disabled(), ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+        this.arrowNavigation = signal(false, ...(ngDevMode ? [{ debugName: "arrowNavigation" }] : /* istanbul ignore next */ []));
         /**
          * The callback function to call when the value of the radio group changes.
          */
@@ -33,6 +38,11 @@ class RdxRadioGroupDirective {
         this.onTouched = () => {
             /* Empty */
         };
+        effect(() => {
+            if (this.value() === null && this.defaultValue() !== undefined) {
+                this.value.set(this.defaultValue());
+            }
+        });
     }
     /**
      * Select a radio item.
@@ -40,8 +50,13 @@ class RdxRadioGroupDirective {
      * @ignore
      */
     select(value) {
+        if (this.disabledState() || this.readonly() || this.value() === value) {
+            return;
+        }
         this.value.set(value);
-        this.onValueChange.emit(value);
+        if (value !== null) {
+            this.onValueChange.emit(value);
+        }
         this.onChange?.(value);
         this.onTouched();
     }
@@ -73,17 +88,23 @@ class RdxRadioGroupDirective {
     setDisabledState(isDisabled) {
         this.disable.set(isDisabled);
     }
+    setArrowNavigation(value) {
+        this.arrowNavigation.set(value);
+    }
+    isArrowNavigation() {
+        return this.arrowNavigation();
+    }
     onKeydown() {
-        if (this.disableState())
+        if (this.disabledState())
             return;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxRadioGroupDirective, isStandalone: true, selector: "[rdxRadioRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown()" }, properties: { "attr.aria-orientation": "orientation()", "attr.aria-required": "required()", "attr.data-disabled": "disableState() ? \"\" : null" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxRadioGroupDirective, isStandalone: true, selector: "[rdxRadioRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown()" }, properties: { "attr.aria-orientation": "orientation()", "attr.aria-required": "required() ? \"true\" : undefined", "attr.data-disabled": "disabledState() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-required": "required() ? \"\" : undefined" } }, providers: [
             provideValueAccessor(RdxRadioGroupDirective),
             { provide: RDX_RADIO_GROUP, useExisting: RdxRadioGroupDirective }
         ], exportAs: ["rdxRadioRoot"], hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective, inputs: ["dir", "dir", "orientation", "orientation", "loop", "loop"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxRadioRoot]',
@@ -96,14 +117,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                     host: {
                         role: 'radiogroup',
                         '[attr.aria-orientation]': 'orientation()',
-                        '[attr.aria-required]': 'required()',
-                        '[attr.data-disabled]': 'disableState() ? "" : null',
+                        '[attr.aria-required]': 'required() ? "true" : undefined',
+                        '[attr.data-disabled]': 'disabledState() ? "" : undefined',
+                        '[attr.data-readonly]': 'readonly() ? "" : undefined',
+                        '[attr.data-required]': 'required() ? "" : undefined',
                         '(keydown)': 'onKeydown()'
                     }
                 }]
-        }], propDecorators: { defaultValue: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }] } });
 
 const RdxRadioItemToken = new InjectionToken('RadioItemToken');
 function injectRadioItem() {
@@ -113,55 +134,136 @@ class RdxRadioItemDirective {
     constructor() {
         this.radioGroup = inject(RDX_RADIO_GROUP);
         this.elementRef = inject(ElementRef);
-        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
-        this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.disabledState = computed(() => this.radioGroup.disableState() || this.disabled(), ...(ngDevMode ? [{ debugName: "disabledState" }] : []));
-        this.checkedState = computed(() => this.radioGroup.value() === this.value(), ...(ngDevMode ? [{ debugName: "checkedState" }] : []));
+        this.renderer = inject(Renderer2);
+        this.rovingFocusItem = inject(RdxRovingFocusItemDirective);
+        this.destroyRef = inject(DestroyRef);
+        this.inputElement = this.renderer.createElement('input');
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
+        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.nativeButton = input(false, { ...(ngDevMode ? { debugName: "nativeButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.nativeButtonState = computed(() => this.nativeButton() || this.elementRef.nativeElement.tagName === 'BUTTON', ...(ngDevMode ? [{ debugName: "nativeButtonState" }] : /* istanbul ignore next */ []));
+        this.disabledState = computed(() => this.radioGroup.disabledState() || this.disabled(), ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+        this.readonlyState = computed(() => this.radioGroup.readonly() || this.readonly(), ...(ngDevMode ? [{ debugName: "readonlyState" }] : /* istanbul ignore next */ []));
+        this.requiredState = computed(() => this.radioGroup.required() || this.required(), ...(ngDevMode ? [{ debugName: "requiredState" }] : /* istanbul ignore next */ []));
+        this.checkedState = computed(() => this.radioGroup.value() === this.value(), ...(ngDevMode ? [{ debugName: "checkedState" }] : /* istanbul ignore next */ []));
         this.ARROW_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
-        this.isArrowKeyPressedSignal = signal(false, ...(ngDevMode ? [{ debugName: "isArrowKeyPressedSignal" }] : []));
-    }
-    /** @ignore */
-    ngOnInit() {
-        if (this.radioGroup.defaultValue === this.value()) {
-            this.radioGroup.select(this.value());
-        }
+        this.createHiddenInput();
+        const unlistenInputChange = this.renderer.listen(this.inputElement, 'change', () => {
+            if (this.inputElement.checked) {
+                this.radioGroup.select(this.value());
+            }
+        });
+        this.destroyRef.onDestroy(() => {
+            unlistenInputChange();
+            const parent = this.inputElement.parentNode;
+            if (parent) {
+                this.renderer.removeChild(parent, this.inputElement);
+            }
+        });
+        effect(() => {
+            this.rovingFocusItem.setActive(this.checkedState());
+            this.rovingFocusItem.setFocusable(!this.disabledState());
+            this.syncHiddenInput();
+        });
     }
     /** @ignore */
     onClick() {
-        if (!this.disabledState()) {
+        if (!this.disabledState() && !this.readonlyState()) {
             this.radioGroup.select(this.value());
-            this.isArrowKeyPressedSignal.set(true);
         }
     }
     /** @ignore */
     onKeyDown(event) {
-        if (this.ARROW_KEYS.includes(event.key)) {
-            this.isArrowKeyPressedSignal.set(true);
+        const keyEvent = event;
+        if (keyEvent.key === ' ' || keyEvent.key === 'Enter') {
+            this.onClick();
+            return;
+        }
+        if (this.isAllowedArrowKey(keyEvent.key)) {
+            this.radioGroup.setArrowNavigation(true);
         }
     }
     /** @ignore */
     onKeyUp() {
-        this.isArrowKeyPressedSignal.set(false);
+        this.radioGroup.setArrowNavigation(false);
     }
     /** @ignore */
     onFocus() {
-        this.radioGroup.select(this.value());
-        setTimeout(() => {
-            /**
-             * When navigating with arrow keys, focus triggers on the radio item.
-             * To "check" the radio, we programmatically trigger a click event.
-             */
-            if (this.isArrowKeyPressedSignal()) {
-                this.elementRef.nativeElement.click();
+        queueMicrotask(() => {
+            if (this.radioGroup.isArrowNavigation()) {
+                this.radioGroup.select(this.value());
+                this.radioGroup.setArrowNavigation(false);
             }
-        }, 0);
+        });
+    }
+    isAllowedArrowKey(key) {
+        if (!this.ARROW_KEYS.includes(key)) {
+            return false;
+        }
+        const orientation = this.radioGroup.orientation() ?? 'horizontal';
+        if (orientation === 'vertical') {
+            return key === 'ArrowUp' || key === 'ArrowDown';
+        }
+        return key === 'ArrowLeft' || key === 'ArrowRight';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxRadioItemDirective, isStandalone: true, selector: "[rdxRadioItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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: { attributes: { "type": "button", "role": "radio" }, listeners: { "click": "onClick()", "keydown": "onKeyDown($event)", "keyup": "onKeyUp()", "focus": "onFocus()" }, properties: { "attr.aria-checked": "checkedState()", "attr.data-disabled": "disabledState() ? \"\" : null", "attr.data-state": "checkedState() ? \"checked\" : \"unchecked\"", "disabled": "disabledState()" } }, providers: [provideToken(RdxRadioItemToken, RdxRadioItemDirective)], exportAs: ["rdxRadioItem"], hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective, inputs: ["tabStopId", "id", "focusable", "focusable", "active", "active", "allowShiftKey", "allowShiftKey"] }], ngImport: i0 }); }
+    createHiddenInput() {
+        const host = this.elementRef.nativeElement;
+        const parent = host.parentNode;
+        this.renderer.setAttribute(this.inputElement, 'type', 'radio');
+        this.renderer.setAttribute(this.inputElement, 'tabindex', '-1');
+        this.renderer.setAttribute(this.inputElement, 'aria-hidden', 'true');
+        this.renderer.setStyle(this.inputElement, 'position', 'absolute');
+        this.renderer.setStyle(this.inputElement, 'pointer-events', 'none');
+        this.renderer.setStyle(this.inputElement, 'opacity', '0');
+        this.renderer.setStyle(this.inputElement, 'margin', '0');
+        this.renderer.setStyle(this.inputElement, 'inset', '0');
+        this.renderer.setStyle(this.inputElement, 'transform', 'translateX(-100%)');
+        if (parent) {
+            this.renderer.insertBefore(parent, this.inputElement, host.nextSibling);
+        }
+    }
+    syncHiddenInput() {
+        const checked = this.checkedState();
+        this.inputElement.name = this.radioGroup.name() ?? '';
+        this.inputElement.value = this.value();
+        this.inputElement.checked = checked;
+        this.inputElement.required = this.requiredState();
+        this.inputElement.disabled = this.disabledState();
+        this.setOptionalAttribute('name', this.radioGroup.name());
+        this.setOptionalAttribute('form', this.radioGroup.form());
+        this.setBooleanAttribute('checked', checked);
+        this.setBooleanAttribute('required', this.requiredState());
+        this.setBooleanAttribute('disabled', this.disabledState());
+        this.renderer.setAttribute(this.inputElement, 'value', this.value());
+        if (this.previousCheckedState === false && checked) {
+            this.inputElement.dispatchEvent(new Event('input', { bubbles: true }));
+            this.inputElement.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+        this.previousCheckedState = checked;
+    }
+    setOptionalAttribute(name, value) {
+        if (value) {
+            this.renderer.setAttribute(this.inputElement, name, value);
+        }
+        else {
+            this.renderer.removeAttribute(this.inputElement, name);
+        }
+    }
+    setBooleanAttribute(name, value) {
+        if (value) {
+            this.renderer.setAttribute(this.inputElement, name, '');
+        }
+        else {
+            this.renderer.removeAttribute(this.inputElement, name);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxRadioItemDirective, isStandalone: true, selector: "[rdxRadioItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, nativeButton: { classPropertyName: "nativeButton", publicName: "nativeButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "radio" }, listeners: { "click": "onClick()", "keydown": "onKeyDown($event)", "keyup": "onKeyUp()", "focus": "onFocus()" }, properties: { "attr.type": "nativeButtonState() ? \"button\" : undefined", "attr.aria-checked": "checkedState()", "attr.aria-readonly": "readonlyState() ? \"true\" : undefined", "attr.aria-required": "requiredState() ? \"true\" : undefined", "attr.data-checked": "checkedState() ? \"\" : undefined", "attr.data-unchecked": "!checkedState() ? \"\" : undefined", "attr.data-disabled": "disabledState() ? \"\" : undefined", "attr.data-readonly": "readonlyState() ? \"\" : undefined", "attr.data-required": "requiredState() ? \"\" : undefined", "attr.data-state": "checkedState() ? \"checked\" : \"unchecked\"", "attr.disabled": "nativeButtonState() && disabledState() ? \"\" : undefined" } }, providers: [provideToken(RdxRadioItemToken, RdxRadioItemDirective)], exportAs: ["rdxRadioItem"], hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective, inputs: ["tabStopId", "id", "focusable", "focusable", "active", "active", "allowShiftKey", "allowShiftKey"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxRadioItem]',
@@ -171,36 +273,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         { directive: RdxRovingFocusItemDirective, inputs: ['tabStopId: id', 'focusable', 'active', 'allowShiftKey'] }
                     ],
                     host: {
-                        type: 'button',
+                        '[attr.type]': 'nativeButtonState() ? "button" : undefined',
                         role: 'radio',
                         '[attr.aria-checked]': 'checkedState()',
-                        '[attr.data-disabled]': 'disabledState() ? "" : null',
+                        '[attr.aria-readonly]': 'readonlyState() ? "true" : undefined',
+                        '[attr.aria-required]': 'requiredState() ? "true" : undefined',
+                        '[attr.data-checked]': 'checkedState() ? "" : undefined',
+                        '[attr.data-unchecked]': '!checkedState() ? "" : undefined',
+                        '[attr.data-disabled]': 'disabledState() ? "" : undefined',
+                        '[attr.data-readonly]': 'readonlyState() ? "" : undefined',
+                        '[attr.data-required]': 'requiredState() ? "" : undefined',
                         '[attr.data-state]': 'checkedState() ? "checked" : "unchecked"',
-                        '[disabled]': 'disabledState()',
+                        '[attr.disabled]': 'nativeButtonState() && disabledState() ? "" : undefined',
                         '(click)': 'onClick()',
                         '(keydown)': 'onKeyDown($event)',
                         '(keyup)': 'onKeyUp()',
                         '(focus)': 'onFocus()'
                     }
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], nativeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "nativeButton", required: false }] }] } });
 
 class RdxRadioIndicatorDirective {
     constructor() {
         this.radioGroup = inject(RDX_RADIO_GROUP);
         this.radioItem = inject(RdxRadioItemDirective);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxRadioIndicatorDirective, isStandalone: true, selector: "[rdxRadioIndicator]", host: { properties: { "attr.data-state": "radioItem.checkedState() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "radioItem.disabled() ? \"\" : undefined" } }, exportAs: ["rdxRadioIndicator"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxRadioIndicatorDirective, isStandalone: true, selector: "[rdxRadioIndicator]", host: { properties: { "attr.data-checked": "radioItem.checkedState() ? \"\" : undefined", "attr.data-unchecked": "!radioItem.checkedState() ? \"\" : undefined", "attr.data-state": "radioItem.checkedState() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "radioItem.disabledState() ? \"\" : undefined", "attr.data-readonly": "radioItem.readonlyState() ? \"\" : undefined", "attr.data-required": "radioItem.requiredState() ? \"\" : undefined", "hidden": "!radioItem.checkedState()", "style.pointer-events": "\"none\"" } }, exportAs: ["rdxRadioIndicator"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxRadioIndicator]',
                     exportAs: 'rdxRadioIndicator',
                     host: {
+                        '[attr.data-checked]': 'radioItem.checkedState() ? "" : undefined',
+                        '[attr.data-unchecked]': '!radioItem.checkedState() ? "" : undefined',
                         '[attr.data-state]': 'radioItem.checkedState() ? "checked" : "unchecked"',
-                        '[attr.data-disabled]': 'radioItem.disabled() ? "" : undefined'
+                        '[attr.data-disabled]': 'radioItem.disabledState() ? "" : undefined',
+                        '[attr.data-readonly]': 'radioItem.readonlyState() ? "" : undefined',
+                        '[attr.data-required]': 'radioItem.requiredState() ? "" : undefined',
+                        '[hidden]': '!radioItem.checkedState()',
+                        '[style.pointer-events]': '"none"'
                     }
                 }]
         }] });
@@ -208,31 +322,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
 class RdxRadioItemInputDirective {
     constructor() {
         this.radioItem = injectRadioItem();
-        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
-        this.value = computed(() => this.radioItem.value() || undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
-        this.checked = computed(() => this.radioItem.checkedState() || undefined, ...(ngDevMode ? [{ debugName: "checked" }] : []));
-        this.required = input(this.radioItem.required(), ...(ngDevMode ? [{ debugName: "required" }] : []));
-        this.disabled = input(this.radioItem.disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioItemInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxRadioItemInputDirective, isStandalone: true, selector: "[rdxRadioItemInput]", inputs: { name: { classPropertyName: "name", publicName: "name", 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: { attributes: { "type": "radio" }, properties: { "attr.name": "name()", "attr.required": "required()", "attr.disabled": "disabled() ? disabled() : undefined", "attr.checked": "checked()", "value": "value()" } }, exportAs: ["rdxRadioItemInput"], hostDirectives: [{ directive: i1$1.RdxVisuallyHiddenDirective, inputs: ["feature", "feature"] }], ngImport: i0 }); }
+        this.radioGroup = inject(RDX_RADIO_GROUP);
+        this.input = inject(ElementRef).nativeElement;
+        this.name = computed(() => this.radioGroup.name(), ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.form = computed(() => this.radioGroup.form(), ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+        this.value = computed(() => this.radioItem.value() || undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.checked = computed(() => this.radioItem.checkedState(), ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+        this.required = computed(() => this.radioItem.requiredState(), ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+        this.disabled = computed(() => this.radioItem.disabledState(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        let isInitial = true;
+        effect(() => {
+            const checked = this.checked();
+            if (isInitial) {
+                isInitial = false;
+                return;
+            }
+            if (checked) {
+                this.input.dispatchEvent(new Event('input', { bubbles: true }));
+                this.input.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioItemInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxRadioItemInputDirective, isStandalone: true, selector: "input[rdxRadioItemInput]", host: { attributes: { "type": "radio", "tabindex": "-1", "aria-hidden": "true" }, properties: { "attr.name": "name()", "attr.form": "form()", "attr.required": "required() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined", "attr.checked": "checked() ? \"\" : undefined", "checked": "checked()", "attr.value": "value()", "style": "{\n          position: 'absolute',\n          pointerEvents: 'none',\n          opacity: 0,\n          margin: 0,\n          inset: 0,\n          transform: 'translateX(-100%)',\n        }" } }, exportAs: ["rdxRadioItemInput"], hostDirectives: [{ directive: i1$1.RdxVisuallyHiddenDirective, inputs: ["feature", "feature"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxRadioItemInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioItemInputDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[rdxRadioItemInput]',
+                    selector: 'input[rdxRadioItemInput]',
                     exportAs: 'rdxRadioItemInput',
                     hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ['feature'] }],
                     host: {
                         type: 'radio',
+                        tabindex: '-1',
+                        'aria-hidden': 'true',
                         '[attr.name]': 'name()',
-                        '[attr.required]': 'required()',
-                        '[attr.disabled]': 'disabled() ? disabled() : undefined',
-                        '[attr.checked]': 'checked()',
-                        '[value]': 'value()'
+                        '[attr.form]': 'form()',
+                        '[attr.required]': 'required() ? "" : undefined',
+                        '[attr.disabled]': 'disabled() ? "" : undefined',
+                        '[attr.checked]': 'checked() ? "" : undefined',
+                        '[checked]': 'checked()',
+                        '[attr.value]': 'value()',
+                        '[style]': `{
+          position: 'absolute',
+          pointerEvents: 'none',
+          opacity: 0,
+          margin: 0,
+          inset: 0,
+          transform: 'translateX(-100%)',
+        }`
                     }
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.