@radix-ng/primitives 1.1.0 → 1.1.2

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

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, ElementRef, DestroyRef, Directive, computed, input, numberAttribute, booleanAttribute, model, output, signal, effect, afterNextRender, afterRenderEffect, untracked, NgModule } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 import * as i2 from '@radix-ng/primitives/core';
-import { createContext, clamp, RdxFormUiControlBase, injectControlValueAccessor, injectDocument, injectId, createCancelableChangeEventDetails, provideFormUiState, RdxFormUiStateHost, RdxControlValueAccessor } from '@radix-ng/primitives/core';
+import { createContext, clamp, RdxFormUiControlBase, injectControlValueAccessor, injectDocument, injectId, useNativeFormControl, createCancelableChangeEventDetails, provideFormUiState, RdxFormUiStateHost, RdxControlValueAccessor } from '@radix-ng/primitives/core';
 export { clamp } from '@radix-ng/primitives/core';
 import * as i1 from '@radix-ng/primitives/composite';
 import { RdxCompositeList, RdxCompositeListItem } from '@radix-ng/primitives/composite';
@@ -787,7 +787,7 @@ class RdxSliderRoot extends RdxFormUiControlBase {
         /** Locale used for value formatting. */
         this.locale = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "locale" }] : /* istanbul ignore next */ []));
-        /** Name of the hidden inputs rendered by each thumb, for form submission. */
+        /** Name of the native range input rendered by each thumb, for form submission. */
         this.name = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
         /** Id of the form the slider belongs to. */
@@ -837,6 +837,21 @@ class RdxSliderRoot extends RdxFormUiControlBase {
         /** @ignore */
         this.isDisabled = computed(() => !!this.cva.disabled(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        // Range thumbs already are native inputs and therefore serialize themselves. The shared layer
+        // owns only reset here, so the root model follows a native `<form>.reset()` as well.
+        this.nativeFormControl = useNativeFormControl({
+            name: this.name,
+            form: this.form,
+            disabled: this.isDisabled,
+            defaultValue: () => this.cva.value() ?? this.defaultValue() ?? this.min(),
+            onReset: (value) => {
+                this.value.set(value);
+                if (!this.resetNgControl(value)) {
+                    this.cva.setValue(value);
+                }
+                this.formUi.resetInteractionState?.();
+            }
+        });
         /** @ignore */
         this.inset = computed(() => this.thumbAlignment() !== 'center', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "inset" }] : /* istanbul ignore next */ []));