ng-primitives 0.124.0 → 0.125.0

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

@@ -32,7 +32,7 @@ function injectToggleGroupConfig() {
     return inject(NgpToggleGroupConfigToken, { optional: true }) ?? defaultToggleGroupConfig;
 }
 
-const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provideToggleGroupState,] = createPrimitive('NgpToggleGroup', ({ orientation: _orientation, wrap: _wrap, allowDeselection: _allowDeselection, type: _type, value: _value, defaultValue: _defaultValue, disabled: _disabled, onValueChange, }) => {
+const [NgpToggleGroupStateToken, ngpToggleGroup, _injectToggleGroupState, provideToggleGroupState,] = createPrimitive('NgpToggleGroup', ({ orientation: _orientation, wrap: _wrap, allowDeselection: _allowDeselection, type: _type, value: _value, defaultValue: _defaultValue, disabled: _disabled, compareWith: _compareWith, onValueChange, }) => {
     const element = injectElementRef();
     const allowDeselection = controlled(_allowDeselection, true);
     const type = controlled(_type, 'single');
@@ -40,6 +40,7 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
     const orientation = controlled(_orientation, 'horizontal');
     const wrap = controlled(_wrap, true);
     const defaultValue = controlled(_defaultValue, []);
+    const compareWith = controlled(_compareWith, (a, b) => a === b);
     const [value, setValueInternal, valueChange] = controlledState({
         value: _value,
         defaultValue,
@@ -78,7 +79,8 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
         if (disabled() || !allowDeselection()) {
             return;
         }
-        const newValue = value().filter(v => v !== selection);
+        const cmp = compareWith();
+        const newValue = value().filter(v => !cmp(v, selection));
         setValue(newValue);
     }
     /**
@@ -86,7 +88,8 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
      * @internal
      */
     function isSelected(itemValue) {
-        return value().includes(itemValue);
+        const cmp = compareWith();
+        return value().some(v => cmp(v, itemValue));
     }
     /**
      * Toggle a value in the toggle group.
@@ -118,6 +121,7 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
         toggle,
         value: deprecatedSetter(value, 'setValue', setValue),
         orientation: deprecatedSetter(orientation, 'setOrientation', setOrientation),
+        type,
         setValue,
         setDefaultValue: defaultValue.set,
         setDisabled,
@@ -125,15 +129,27 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
         valueChange,
     };
 });
+/**
+ * Injects the ToggleGroup state, typed to the value type `T`.
+ */
+function injectToggleGroupState(options) {
+    return _injectToggleGroupState(options);
+}
 
-const [NgpToggleGroupItemToken, ngpToggleGroupItem, injectToggleGroupItemState, provideToggleGroupItemState,] = createPrimitive('NgpToggleGroupItem', ({ value, disabled = signal(false) }) => {
+const [NgpToggleGroupItemToken, ngpToggleGroupItem, injectToggleGroupItemState, provideToggleGroupItemState,] = createPrimitive('NgpToggleGroupItem', ({ value, disabled = signal(false), }) => {
     const element = injectElementRef();
     const toggleGroup = injectToggleGroupState();
     // Whether the item is selected.
     const selected = computed(() => toggleGroup()?.isSelected(value()) ?? false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    // Whether the item belongs to a multiple-select toggle group.
+    const multiple = computed(() => toggleGroup()?.type() === 'multiple', ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
     // Host bindings
-    attrBinding(element, 'role', 'radio');
-    attrBinding(element, 'aria-checked', selected);
+    // In a single-select group the items behave like radio buttons, while in a
+    // multiple-select group they are independent toggle buttons exposing
+    // aria-pressed, matching the standalone toggle primitive.
+    attrBinding(element, 'role', () => (multiple() ? null : 'radio'));
+    attrBinding(element, 'aria-checked', () => (multiple() ? null : selected()));
+    attrBinding(element, 'aria-pressed', () => (multiple() ? selected() : null));
     dataBinding(element, 'data-selected', selected);
     attrBinding(element, 'aria-disabled', disabled);
     dataBinding(element, 'data-disabled', disabled);
@@ -225,6 +241,12 @@ class NgpToggleGroup {
          * Emits when the value of the toggle group changes.
          */
         this.valueChange = output({ alias: 'ngpToggleGroupValueChange' });
+        /**
+         * The comparator used to determine whether two values are equal.
+         * Useful when values are objects and equality should be checked by value rather than by reference.
+         * @default (a, b) => a === b
+         */
+        this.compareWith = input((a, b) => a === b, { ...(ngDevMode ? { debugName: "compareWith" } : /* istanbul ignore next */ {}), alias: 'ngpToggleGroupCompareWith' });
         /**
          * Whether the toggle group is disabled.
          */
@@ -241,6 +263,7 @@ class NgpToggleGroup {
             value: this.value,
             defaultValue: this.defaultValue,
             disabled: this.disabled,
+            compareWith: this.compareWith,
             onValueChange: (value) => this.valueChange.emit(value),
         });
     }
@@ -275,7 +298,7 @@ class NgpToggleGroup {
         this.state.setOrientation(newOrientation);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpToggleGroup, isStandalone: true, selector: "[ngpToggleGroup]", inputs: { orientation: { classPropertyName: "orientation", publicName: "ngpToggleGroupOrientation", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "ngpToggleGroupWrap", isSignal: true, isRequired: false, transformFunction: null }, allowDeselection: { classPropertyName: "allowDeselection", publicName: "ngpToggleGroupAllowDeselection", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "ngpToggleGroupType", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpToggleGroupValue", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "ngpToggleGroupDefaultValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpToggleGroupDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpToggleGroupValueChange" }, providers: [provideToggleGroupState(), provideRovingFocusGroupState({ inherit: true })], exportAs: ["ngpToggleGroup"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpToggleGroup, isStandalone: true, selector: "[ngpToggleGroup]", inputs: { orientation: { classPropertyName: "orientation", publicName: "ngpToggleGroupOrientation", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "ngpToggleGroupWrap", isSignal: true, isRequired: false, transformFunction: null }, allowDeselection: { classPropertyName: "allowDeselection", publicName: "ngpToggleGroupAllowDeselection", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "ngpToggleGroupType", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpToggleGroupValue", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "ngpToggleGroupDefaultValue", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "ngpToggleGroupCompareWith", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpToggleGroupDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpToggleGroupValueChange" }, providers: [provideToggleGroupState(), provideRovingFocusGroupState({ inherit: true })], exportAs: ["ngpToggleGroup"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpToggleGroup, decorators: [{
             type: Directive,
@@ -284,7 +307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     exportAs: 'ngpToggleGroup',
                     providers: [provideToggleGroupState(), provideRovingFocusGroupState({ inherit: true })],
                 }]
-        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupOrientation", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupWrap", required: false }] }], allowDeselection: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupAllowDeselection", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupType", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupValue", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupDefaultValue", required: false }] }], valueChange: [{ type: i0.Output, args: ["ngpToggleGroupValueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupDisabled", required: false }] }] } });
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupOrientation", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupWrap", required: false }] }], allowDeselection: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupAllowDeselection", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupType", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupValue", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupDefaultValue", required: false }] }], valueChange: [{ type: i0.Output, args: ["ngpToggleGroupValueChange"] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupCompareWith", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleGroupDisabled", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-toggle-group.mjs","sources":["../../../../packages/ng-primitives/toggle-group/src/config/toggle-group-config.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group.ts","../../../../packages/ng-primitives/toggle-group/src/ng-primitives-toggle-group.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\n\nexport interface NgpToggleGroupConfig {\n  /**\n   * The orientation of the toggle group.\n   * @default 'horizontal'\n   */\n  orientation: NgpOrientation;\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   * @default 'single'\n   */\n  type: 'single' | 'multiple';\n\n  /**\n   * Whether a toggle button can be deselected.\n   * @default true\n   */\n  allowDeselection: boolean;\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  wrap: boolean;\n}\n\nexport const defaultToggleGroupConfig: NgpToggleGroupConfig = {\n  orientation: 'horizontal',\n  type: 'single',\n  allowDeselection: true,\n  wrap: true,\n};\n\nexport const NgpToggleGroupConfigToken = new InjectionToken<NgpToggleGroupConfig>(\n  'NgpToggleGroupConfigToken',\n);\n\n/**\n * Provide the default ToggleGroup configuration\n * @param config The ToggleGroup configuration\n * @returns The provider\n */\nexport function provideToggleGroupConfig(config: Partial<NgpToggleGroupConfig>): Provider[] {\n  return [\n    {\n      provide: NgpToggleGroupConfigToken,\n      useValue: { ...defaultToggleGroupConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the ToggleGroup configuration\n * @returns The global ToggleGroup configuration\n */\nexport function injectToggleGroupConfig(): NgpToggleGroupConfig {\n  return inject(NgpToggleGroupConfigToken, { optional: true }) ?? defaultToggleGroupConfig;\n}\n","import { Signal, WritableSignal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { ngpRovingFocusGroup } from 'ng-primitives/roving-focus';\nimport {\n  attrBinding,\n  controlled,\n  controlledState,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  SetterOptions,\n} from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\n\n/**\n * The state interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupState {\n  /**\n   * The current value(s) of the toggle group.\n   */\n  readonly value: WritableSignal<string[]>;\n\n  /**\n   * Emit when the value changes.\n   */\n  readonly valueChange: Observable<string[]>;\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation: WritableSignal<NgpOrientation>;\n  /**\n   * Select a value in the toggle group.\n   */\n  select(selection: string): void;\n\n  /**\n   * De-select a value in the toggle group.\n   */\n  deselect(selection: string): void;\n\n  /**\n   * Check if a value is selected in the toggle group.\n   */\n  isSelected(selection: string): boolean;\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(selection: string): void;\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: string[], options?: SetterOptions): void;\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: string[]): void;\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void;\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void;\n}\n\n/**\n * The props interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupProps {\n  /**\n   * The orientation of the toggle-group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle-group.\n   */\n  readonly wrap?: Signal<boolean>;\n  /**\n   * Whether deselection is allowed in the toggle-group.\n   */\n  readonly allowDeselection?: Signal<boolean>;\n  /**\n   * The type of the toggle-group (e.g., 'single' or 'multiple').\n   */\n  readonly type?: Signal<'single' | 'multiple'>;\n  /**\n   * The value(s) of the toggle-group.\n   */\n  readonly value: Signal<string[] | undefined>;\n  /**\n   * The default value(s) of the toggle-group for uncontrolled usage.\n   */\n  readonly defaultValue?: Signal<string[]>;\n  /**\n   * Whether the toggle-group is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Emit when the value changes.\n   */\n  readonly onValueChange?: (value: string[]) => void;\n}\n\nexport const [\n  NgpToggleGroupStateToken,\n  ngpToggleGroup,\n  injectToggleGroupState,\n  provideToggleGroupState,\n] = createPrimitive(\n  'NgpToggleGroup',\n  ({\n    orientation: _orientation,\n    wrap: _wrap,\n    allowDeselection: _allowDeselection,\n    type: _type,\n    value: _value,\n    defaultValue: _defaultValue,\n    disabled: _disabled,\n    onValueChange,\n  }: NgpToggleGroupProps): NgpToggleGroupState => {\n    const element = injectElementRef();\n\n    const allowDeselection = controlled(_allowDeselection, true);\n    const type = controlled(_type, 'single');\n    const disabled = controlled(_disabled, false);\n    const orientation = controlled(_orientation, 'horizontal');\n    const wrap = controlled(_wrap, true);\n    const defaultValue = controlled(_defaultValue, []);\n\n    const [value, setValueInternal, valueChange] = controlledState<string[]>({\n      value: _value,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    // Own the roving focus group so it shares the group's `disabled` and\n    // `orientation` signals directly. This keeps keyboard navigation in sync\n    // with programmatic/form-driven changes (e.g. `setDisabled`, `setOrientation`)\n    // without needing to re-push each value across a directive boundary.\n    ngpRovingFocusGroup({ orientation, disabled, wrap });\n\n    // Host bindings\n    attrBinding(element, 'role', 'group');\n    dataBinding(element, 'data-orientation', orientation);\n    dataBinding(element, 'data-type', type);\n    dataBinding(element, 'data-disabled', disabled);\n\n    /**\n     * Select a value in the toggle group.\n     */\n    function select(selection: string): void {\n      if (disabled()) {\n        return;\n      }\n\n      let newValue: string[] = [];\n\n      if (type() === 'single') {\n        newValue = [selection];\n      } else {\n        newValue = [...value(), selection];\n      }\n\n      setValue(newValue);\n    }\n\n    /**\n     * De-select a value in the toggle group.\n     */\n    function deselect(selection: string): void {\n      if (disabled() || !allowDeselection()) {\n        return;\n      }\n\n      const newValue = value().filter(v => v !== selection);\n      setValue(newValue);\n    }\n\n    /**\n     * Check if a value is selected in the toggle group.\n     * @internal\n     */\n    function isSelected(itemValue: string): boolean {\n      return value().includes(itemValue);\n    }\n\n    /**\n     * Toggle a value in the toggle group.\n     * @internal\n     */\n    function toggle(itemValue: string): void {\n      if (isSelected(itemValue)) {\n        deselect(itemValue);\n      } else {\n        select(itemValue);\n      }\n    }\n\n    function setValue(newValue: string[], options?: SetterOptions): void {\n      setValueInternal(newValue, options);\n    }\n\n    function setDisabled(isDisabled: boolean): void {\n      disabled.set(isDisabled);\n    }\n\n    function setOrientation(newOrientation: NgpOrientation): void {\n      // The roving focus group shares this signal, so it stays in sync.\n      orientation.set(newOrientation);\n    }\n\n    return {\n      select,\n      deselect,\n      disabled: deprecatedSetter(disabled, 'setDisabled'),\n      isSelected,\n      toggle,\n      value: deprecatedSetter(value, 'setValue', setValue),\n      orientation: deprecatedSetter(orientation, 'setOrientation', setOrientation),\n      setValue,\n      setDefaultValue: defaultValue.set,\n      setDisabled,\n      setOrientation,\n      valueChange,\n    } satisfies NgpToggleGroupState;\n  },\n);\n","import { computed, signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, listener } from 'ng-primitives/state';\nimport { injectToggleGroupState } from '../toggle-group/toggle-group-state';\n\n/**\n * The state interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemState {\n  selected: Signal<boolean>;\n  toggle(): void;\n}\n\n/**\n * The props interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemProps {\n  /**\n   * The value of the toggle group item.\n   */\n  value: Signal<string>;\n\n  /**\n   * Whether the toggle group item is disabled.\n   */\n  disabled?: Signal<boolean>;\n}\n\nexport const [\n  NgpToggleGroupItemToken,\n  ngpToggleGroupItem,\n  injectToggleGroupItemState,\n  provideToggleGroupItemState,\n] = createPrimitive(\n  'NgpToggleGroupItem',\n  ({ value, disabled = signal(false) }: NgpToggleGroupItemProps): NgpToggleGroupItemState => {\n    const element = injectElementRef();\n    const toggleGroup = injectToggleGroupState();\n\n    // Whether the item is selected.\n    const selected = computed(() => toggleGroup()?.isSelected(value()!) ?? false);\n\n    // Host bindings\n    attrBinding(element, 'role', 'radio');\n    attrBinding(element, 'aria-checked', selected);\n    dataBinding(element, 'data-selected', selected);\n    attrBinding(element, 'aria-disabled', disabled);\n    dataBinding(element, 'data-disabled', disabled);\n\n    // Host listener\n    listener(element, 'click', () => toggle());\n\n    // Toggle the item.\n    const toggle = (): void => {\n      if (disabled?.()) {\n        return;\n      }\n      toggleGroup()?.toggle(value()!);\n    };\n\n    return { selected, toggle } satisfies NgpToggleGroupItemState;\n  },\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, OnInit, Signal } from '@angular/core';\nimport { ngpRovingFocusItem, provideRovingFocusItemState } from 'ng-primitives/roving-focus';\nimport { ngpToggleGroupItem, provideToggleGroupItemState } from './toggle-group-item-state';\n\n@Directive({\n  selector: '[ngpToggleGroupItem]',\n  exportAs: 'ngpToggleGroupItem',\n  providers: [provideToggleGroupItemState(), provideRovingFocusItemState()],\n})\nexport class NgpToggleGroupItem implements OnInit {\n  /**\n   * The value of the item.\n   * @required\n   */\n  readonly value = input<string>(undefined, {\n    alias: 'ngpToggleGroupItemValue',\n  });\n\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    ngpToggleGroupItem({\n      value: this.value as Signal<string>,\n      disabled: this.disabled,\n    });\n    // Initialize the roving focus item state\n    ngpRovingFocusItem({ disabled: this.disabled });\n  }\n\n  ngOnInit(): void {\n    // we can't use a required input for value as it is used in a computed property before the input is set\n    if (this.value() === undefined) {\n      throw new Error('The value input is required for the toggle group item.');\n    }\n  }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { provideRovingFocusGroupState } from 'ng-primitives/roving-focus';\nimport { SetterOptions } from 'ng-primitives/state';\nimport { injectToggleGroupConfig } from '../config/toggle-group-config';\nimport { ngpToggleGroup, provideToggleGroupState } from './toggle-group-state';\n\n@Directive({\n  selector: '[ngpToggleGroup]',\n  exportAs: 'ngpToggleGroup',\n  providers: [provideToggleGroupState(), provideRovingFocusGroupState({ inherit: true })],\n})\nexport class NgpToggleGroup {\n  /**\n   * Access the global toggle group configuration.\n   */\n  private readonly config = injectToggleGroupConfig();\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation = input<NgpOrientation>(this.config.orientation, {\n    alias: 'ngpToggleGroupOrientation',\n  });\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  readonly wrap = input<boolean, BooleanInput>(this.config.wrap, {\n    alias: 'ngpToggleGroupWrap',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether toggle buttons can be deselected. If set to `false`, clicking a selected toggle button will not deselect it.\n   * @default true\n   */\n  readonly allowDeselection = input<boolean, BooleanInput>(this.config.allowDeselection, {\n    alias: 'ngpToggleGroupAllowDeselection',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   */\n  readonly type = input<'single' | 'multiple'>(this.config.type, { alias: 'ngpToggleGroupType' });\n\n  /**\n   * The selected value(s) of the toggle group.\n   */\n  readonly value = input<string[] | undefined>(undefined, { alias: 'ngpToggleGroupValue' });\n\n  /**\n   * The default selected value(s) for uncontrolled usage.\n   * @default []\n   */\n  readonly defaultValue = input<string[]>([], { alias: 'ngpToggleGroupDefaultValue' });\n\n  /**\n   * Emits when the value of the toggle group changes.\n   */\n  readonly valueChange = output<string[]>({ alias: 'ngpToggleGroupValueChange' });\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state of the toggle group.\n   */\n  protected readonly state = ngpToggleGroup({\n    orientation: this.orientation,\n    wrap: this.wrap,\n    allowDeselection: this.allowDeselection,\n    type: this.type,\n    value: this.value,\n    defaultValue: this.defaultValue,\n    disabled: this.disabled,\n    onValueChange: (value: string[]) => this.valueChange.emit(value),\n  });\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(value: string): void {\n    this.state.toggle(value);\n  }\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: string[], options?: SetterOptions): void {\n    this.state.setValue(newValue, options);\n  }\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: string[]): void {\n    this.state.setDefaultValue(defaultValue);\n  }\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void {\n    this.state.setDisabled(isDisabled);\n  }\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void {\n    this.state.setOrientation(newOrientation);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-toggle-group.mjs","sources":["../../../../packages/ng-primitives/toggle-group/src/config/toggle-group-config.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group.ts","../../../../packages/ng-primitives/toggle-group/src/ng-primitives-toggle-group.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\n\nexport interface NgpToggleGroupConfig {\n  /**\n   * The orientation of the toggle group.\n   * @default 'horizontal'\n   */\n  orientation: NgpOrientation;\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   * @default 'single'\n   */\n  type: 'single' | 'multiple';\n\n  /**\n   * Whether a toggle button can be deselected.\n   * @default true\n   */\n  allowDeselection: boolean;\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  wrap: boolean;\n}\n\nexport const defaultToggleGroupConfig: NgpToggleGroupConfig = {\n  orientation: 'horizontal',\n  type: 'single',\n  allowDeselection: true,\n  wrap: true,\n};\n\nexport const NgpToggleGroupConfigToken = new InjectionToken<NgpToggleGroupConfig>(\n  'NgpToggleGroupConfigToken',\n);\n\n/**\n * Provide the default ToggleGroup configuration\n * @param config The ToggleGroup configuration\n * @returns The provider\n */\nexport function provideToggleGroupConfig(config: Partial<NgpToggleGroupConfig>): Provider[] {\n  return [\n    {\n      provide: NgpToggleGroupConfigToken,\n      useValue: { ...defaultToggleGroupConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the ToggleGroup configuration\n * @returns The global ToggleGroup configuration\n */\nexport function injectToggleGroupConfig(): NgpToggleGroupConfig {\n  return inject(NgpToggleGroupConfigToken, { optional: true }) ?? defaultToggleGroupConfig;\n}\n","import { Signal, WritableSignal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { ngpRovingFocusGroup } from 'ng-primitives/roving-focus';\nimport {\n  attrBinding,\n  controlled,\n  controlledState,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  SetterOptions,\n  StateInjectionOptions,\n} from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\n\n/**\n * The state interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupState<T = string> {\n  /**\n   * The current value(s) of the toggle group.\n   */\n  readonly value: WritableSignal<T[]>;\n\n  /**\n   * Emit when the value changes.\n   */\n  readonly valueChange: Observable<T[]>;\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation: WritableSignal<NgpOrientation>;\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   */\n  readonly type: Signal<'single' | 'multiple'>;\n\n  /**\n   * Select a value in the toggle group.\n   */\n  select(selection: T): void;\n\n  /**\n   * De-select a value in the toggle group.\n   */\n  deselect(selection: T): void;\n\n  /**\n   * Check if a value is selected in the toggle group.\n   */\n  isSelected(selection: T): boolean;\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(selection: T): void;\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: T[], options?: SetterOptions): void;\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: T[]): void;\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void;\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void;\n}\n\n/**\n * The props interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupProps<T = string> {\n  /**\n   * The orientation of the toggle-group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle-group.\n   */\n  readonly wrap?: Signal<boolean>;\n  /**\n   * Whether deselection is allowed in the toggle-group.\n   */\n  readonly allowDeselection?: Signal<boolean>;\n  /**\n   * The type of the toggle-group (e.g., 'single' or 'multiple').\n   */\n  readonly type?: Signal<'single' | 'multiple'>;\n  /**\n   * The value(s) of the toggle-group.\n   */\n  readonly value: Signal<T[] | undefined>;\n  /**\n   * The default value(s) of the toggle-group for uncontrolled usage.\n   */\n  readonly defaultValue?: Signal<T[]>;\n  /**\n   * Whether the toggle-group is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * The comparator used to determine whether two values are equal.\n   * @default (a, b) => a === b\n   */\n  readonly compareWith?: Signal<(a: T, b: T) => boolean>;\n  /**\n   * Emit when the value changes.\n   */\n  readonly onValueChange?: (value: T[]) => void;\n}\n\nexport const [\n  NgpToggleGroupStateToken,\n  ngpToggleGroup,\n  _injectToggleGroupState,\n  provideToggleGroupState,\n] = createPrimitive(\n  'NgpToggleGroup',\n  <T = string>({\n    orientation: _orientation,\n    wrap: _wrap,\n    allowDeselection: _allowDeselection,\n    type: _type,\n    value: _value,\n    defaultValue: _defaultValue,\n    disabled: _disabled,\n    compareWith: _compareWith,\n    onValueChange,\n  }: NgpToggleGroupProps<T>): NgpToggleGroupState<T> => {\n    const element = injectElementRef();\n\n    const allowDeselection = controlled(_allowDeselection, true);\n    const type = controlled(_type, 'single');\n    const disabled = controlled(_disabled, false);\n    const orientation = controlled(_orientation, 'horizontal');\n    const wrap = controlled(_wrap, true);\n    const defaultValue = controlled(_defaultValue, []);\n    const compareWith = controlled(_compareWith, (a: T, b: T) => a === b);\n\n    const [value, setValueInternal, valueChange] = controlledState<T[]>({\n      value: _value,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    // Own the roving focus group so it shares the group's `disabled` and\n    // `orientation` signals directly. This keeps keyboard navigation in sync\n    // with programmatic/form-driven changes (e.g. `setDisabled`, `setOrientation`)\n    // without needing to re-push each value across a directive boundary.\n    ngpRovingFocusGroup({ orientation, disabled, wrap });\n\n    // Host bindings\n    attrBinding(element, 'role', 'group');\n    dataBinding(element, 'data-orientation', orientation);\n    dataBinding(element, 'data-type', type);\n    dataBinding(element, 'data-disabled', disabled);\n\n    /**\n     * Select a value in the toggle group.\n     */\n    function select(selection: T): void {\n      if (disabled()) {\n        return;\n      }\n\n      let newValue: T[] = [];\n\n      if (type() === 'single') {\n        newValue = [selection];\n      } else {\n        newValue = [...value(), selection];\n      }\n\n      setValue(newValue);\n    }\n\n    /**\n     * De-select a value in the toggle group.\n     */\n    function deselect(selection: T): void {\n      if (disabled() || !allowDeselection()) {\n        return;\n      }\n\n      const cmp = compareWith();\n      const newValue = value().filter(v => !cmp(v, selection));\n      setValue(newValue);\n    }\n\n    /**\n     * Check if a value is selected in the toggle group.\n     * @internal\n     */\n    function isSelected(itemValue: T): boolean {\n      const cmp = compareWith();\n      return value().some(v => cmp(v, itemValue));\n    }\n\n    /**\n     * Toggle a value in the toggle group.\n     * @internal\n     */\n    function toggle(itemValue: T): void {\n      if (isSelected(itemValue)) {\n        deselect(itemValue);\n      } else {\n        select(itemValue);\n      }\n    }\n\n    function setValue(newValue: T[], options?: SetterOptions): void {\n      setValueInternal(newValue, options);\n    }\n\n    function setDisabled(isDisabled: boolean): void {\n      disabled.set(isDisabled);\n    }\n\n    function setOrientation(newOrientation: NgpOrientation): void {\n      // The roving focus group shares this signal, so it stays in sync.\n      orientation.set(newOrientation);\n    }\n\n    return {\n      select,\n      deselect,\n      disabled: deprecatedSetter(disabled, 'setDisabled'),\n      isSelected,\n      toggle,\n      value: deprecatedSetter(value, 'setValue', setValue),\n      orientation: deprecatedSetter(orientation, 'setOrientation', setOrientation),\n      type,\n      setValue,\n      setDefaultValue: defaultValue.set,\n      setDisabled,\n      setOrientation,\n      valueChange,\n    } satisfies NgpToggleGroupState<T>;\n  },\n);\n\n/**\n * Injects the ToggleGroup state, typed to the value type `T`.\n */\nexport function injectToggleGroupState<T = string>(\n  options?: StateInjectionOptions,\n): Signal<NgpToggleGroupState<T>> {\n  return _injectToggleGroupState(options) as Signal<NgpToggleGroupState<T>>;\n}\n","import { computed, signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, listener } from 'ng-primitives/state';\nimport { injectToggleGroupState } from '../toggle-group/toggle-group-state';\n\n/**\n * The state interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemState {\n  selected: Signal<boolean>;\n  toggle(): void;\n}\n\n/**\n * The props interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemProps<T = string> {\n  /**\n   * The value of the toggle group item.\n   */\n  value: Signal<T>;\n\n  /**\n   * Whether the toggle group item is disabled.\n   */\n  disabled?: Signal<boolean>;\n}\n\nexport const [\n  NgpToggleGroupItemToken,\n  ngpToggleGroupItem,\n  injectToggleGroupItemState,\n  provideToggleGroupItemState,\n] = createPrimitive(\n  'NgpToggleGroupItem',\n  <T = string>({\n    value,\n    disabled = signal(false),\n  }: NgpToggleGroupItemProps<T>): NgpToggleGroupItemState => {\n    const element = injectElementRef();\n    const toggleGroup = injectToggleGroupState<T>();\n\n    // Whether the item is selected.\n    const selected = computed(() => toggleGroup()?.isSelected(value()!) ?? false);\n\n    // Whether the item belongs to a multiple-select toggle group.\n    const multiple = computed(() => toggleGroup()?.type() === 'multiple');\n\n    // Host bindings\n    // In a single-select group the items behave like radio buttons, while in a\n    // multiple-select group they are independent toggle buttons exposing\n    // aria-pressed, matching the standalone toggle primitive.\n    attrBinding(element, 'role', () => (multiple() ? null : 'radio'));\n    attrBinding(element, 'aria-checked', () => (multiple() ? null : selected()));\n    attrBinding(element, 'aria-pressed', () => (multiple() ? selected() : null));\n    dataBinding(element, 'data-selected', selected);\n    attrBinding(element, 'aria-disabled', disabled);\n    dataBinding(element, 'data-disabled', disabled);\n\n    // Host listener\n    listener(element, 'click', () => toggle());\n\n    // Toggle the item.\n    const toggle = (): void => {\n      if (disabled?.()) {\n        return;\n      }\n      toggleGroup()?.toggle(value()!);\n    };\n\n    return { selected, toggle } satisfies NgpToggleGroupItemState;\n  },\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, OnInit, Signal } from '@angular/core';\nimport { ngpRovingFocusItem, provideRovingFocusItemState } from 'ng-primitives/roving-focus';\nimport { ngpToggleGroupItem, provideToggleGroupItemState } from './toggle-group-item-state';\n\n@Directive({\n  selector: '[ngpToggleGroupItem]',\n  exportAs: 'ngpToggleGroupItem',\n  providers: [provideToggleGroupItemState(), provideRovingFocusItemState()],\n})\nexport class NgpToggleGroupItem<T = string> implements OnInit {\n  /**\n   * The value of the item.\n   * @required\n   */\n  readonly value = input<T>(undefined, {\n    alias: 'ngpToggleGroupItemValue',\n  });\n\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    ngpToggleGroupItem<T>({\n      value: this.value as Signal<T>,\n      disabled: this.disabled,\n    });\n    // Initialize the roving focus item state\n    ngpRovingFocusItem({ disabled: this.disabled });\n  }\n\n  ngOnInit(): void {\n    // we can't use a required input for value as it is used in a computed property before the input is set\n    if (this.value() === undefined) {\n      throw new Error('The value input is required for the toggle group item.');\n    }\n  }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { provideRovingFocusGroupState } from 'ng-primitives/roving-focus';\nimport { SetterOptions } from 'ng-primitives/state';\nimport { injectToggleGroupConfig } from '../config/toggle-group-config';\nimport { ngpToggleGroup, provideToggleGroupState } from './toggle-group-state';\n\n@Directive({\n  selector: '[ngpToggleGroup]',\n  exportAs: 'ngpToggleGroup',\n  providers: [provideToggleGroupState(), provideRovingFocusGroupState({ inherit: true })],\n})\nexport class NgpToggleGroup<T = string> {\n  /**\n   * Access the global toggle group configuration.\n   */\n  private readonly config = injectToggleGroupConfig();\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation = input<NgpOrientation>(this.config.orientation, {\n    alias: 'ngpToggleGroupOrientation',\n  });\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  readonly wrap = input<boolean, BooleanInput>(this.config.wrap, {\n    alias: 'ngpToggleGroupWrap',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether toggle buttons can be deselected. If set to `false`, clicking a selected toggle button will not deselect it.\n   * @default true\n   */\n  readonly allowDeselection = input<boolean, BooleanInput>(this.config.allowDeselection, {\n    alias: 'ngpToggleGroupAllowDeselection',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   */\n  readonly type = input<'single' | 'multiple'>(this.config.type, { alias: 'ngpToggleGroupType' });\n\n  /**\n   * The selected value(s) of the toggle group.\n   */\n  readonly value = input<T[] | undefined>(undefined, { alias: 'ngpToggleGroupValue' });\n\n  /**\n   * The default selected value(s) for uncontrolled usage.\n   * @default []\n   */\n  readonly defaultValue = input<T[]>([], { alias: 'ngpToggleGroupDefaultValue' });\n\n  /**\n   * Emits when the value of the toggle group changes.\n   */\n  readonly valueChange = output<T[]>({ alias: 'ngpToggleGroupValueChange' });\n\n  /**\n   * The comparator used to determine whether two values are equal.\n   * Useful when values are objects and equality should be checked by value rather than by reference.\n   * @default (a, b) => a === b\n   */\n  readonly compareWith = input<(a: T, b: T) => boolean>((a, b) => a === b, {\n    alias: 'ngpToggleGroupCompareWith',\n  });\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state of the toggle group.\n   */\n  protected readonly state = ngpToggleGroup<T>({\n    orientation: this.orientation,\n    wrap: this.wrap,\n    allowDeselection: this.allowDeselection,\n    type: this.type,\n    value: this.value,\n    defaultValue: this.defaultValue,\n    disabled: this.disabled,\n    compareWith: this.compareWith,\n    onValueChange: (value: T[]) => this.valueChange.emit(value),\n  });\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(value: T): void {\n    this.state.toggle(value);\n  }\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: T[], options?: SetterOptions): void {\n    this.state.setValue(newValue, options);\n  }\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: T[]): void {\n    this.state.setDefaultValue(defaultValue);\n  }\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void {\n    this.state.setDisabled(isDisabled);\n  }\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void {\n    this.state.setOrientation(newOrientation);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "ng-primitives",
   "description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
   "license": "Apache-2.0",
-  "version": "0.124.0",
+  "version": "0.125.0",
   "keywords": [
     "angular",
     "primitives",
@@ -45,6 +45,9 @@
   "peerDependenciesMeta": {
     "luxon": {
       "optional": true
+    },
+    "date-fns": {
+      "optional": true
     }
   },
   "ng-add": {
@@ -116,6 +119,10 @@
       "types": "./types/ng-primitives-date-time.d.ts",
       "default": "./fesm2022/ng-primitives-date-time.mjs"
     },
+    "./date-time-date-fns": {
+      "types": "./types/ng-primitives-date-time-date-fns.d.ts",
+      "default": "./fesm2022/ng-primitives-date-time-date-fns.mjs"
+    },
     "./date-time-luxon": {
       "types": "./types/ng-primitives-date-time-luxon.d.ts",
       "default": "./fesm2022/ng-primitives-date-time-luxon.mjs"

package/schematics/ng-generate/templates/checkbox/checkbox.__fileSuffix@dasherize__.ts.template

@@ -94,7 +94,8 @@ export class Checkbox<%= componentSuffix %> implements ControlValueAccessor {
   }
 
   writeValue(checked: boolean): void {
-    this.state().setChecked(checked);
+    // writing a value from the model must not re-emit through onChange
+    this.state().setChecked(checked, { emit: false });
   }
 
   registerOnChange(fn: ChangeFn<boolean>): void {

package/schematics/ng-generate/templates/combobox/combobox.__fileSuffix@dasherize__.ts.template

@@ -215,7 +215,7 @@ export class Combobox<%= componentSuffix %> implements ControlValueAccessor {
   protected readonly formDisabled = signal(false);
 
   /** The on change callback */
-  private onChange?: ChangeFn<string>;
+  private onChange?: ChangeFn<string | undefined>;
 
   /** The on touch callback */
   protected onTouched?: TouchedFn;
@@ -254,9 +254,10 @@ export class Combobox<%= componentSuffix %> implements ControlValueAccessor {
       return;
     }
 
-    // if the filter value is empty, set the value to undefined
+    // if the filter value is empty, clear the value and notify the form control
     if (this.filter() === '') {
       this.value.set(undefined);
+      this.onChange?.(undefined);
     } else {
       // otherwise set the filter value to the selected value
       this.filter.set(this.value() ?? '');

package/schematics/ng-generate/templates/date-picker/date-picker.__fileSuffix@dasherize__.ts.template

@@ -228,7 +228,8 @@ export class DatePicker<%= componentSuffix %> implements ControlValueAccessor {
   }
 
   writeValue(date: Date): void {
-    this.state().select(date);
+    // writing a value from the model must not re-emit through onChange
+    this.state().select(date, false, { emit: false });
   }
 
   registerOnChange(fn: ChangeFn<Date | undefined>): void {

package/schematics/ng-generate/templates/listbox/listbox.__fileSuffix@dasherize__.ts.template

@@ -1,5 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { booleanAttribute, Component, input, model } from '@angular/core';
+import { booleanAttribute, Component, input, model, signal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { provideIcons } from '@ng-icons/core';
 import { heroChevronDownSolid } from '@ng-icons/heroicons/solid';
@@ -19,7 +19,7 @@ import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
     <div
       [(ngpListboxValue)]="value"
       [ngpListboxMode]="mode()"
-      [ngpListboxDisabled]="disabled()"
+      [ngpListboxDisabled]="disabled() || formDisabled()"
       [ngpListboxCompareWith]="compareWith()"
       [attr.aria-label]="ariaLabel()"
       (ngpListboxValueChange)="onListboxValueChange($event)"
@@ -43,6 +43,7 @@ import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
   `,
   host: {
     '[attr.aria-label]': 'null',
+    '(focusout)': 'onTouch?.()',
   },
 })
 export class Listbox<%= componentSuffix %> implements ControlValueAccessor {
@@ -95,8 +96,12 @@ export class Listbox<%= componentSuffix %> implements ControlValueAccessor {
    */
   protected onTouch?: TouchedFn;
 
+  /** Form-driven disabled state, combined with the `disabled` input. */
+  protected readonly formDisabled = signal(false);
+
   writeValue(value: string[]): void {
-    this.state()?.value.set(value);
+    // drive the value through the bound model so the controlled input reflects it
+    this.value.set(value);
   }
 
   registerOnChange(fn: ChangeFn<string[]>): void {
@@ -108,7 +113,7 @@ export class Listbox<%= componentSuffix %> implements ControlValueAccessor {
   }
 
   setDisabledState(isDisabled: boolean): void {
-    this.state()?.disabled.set(isDisabled);
+    this.formDisabled.set(isDisabled);
   }
 
   onListboxValueChange(value: string[]): void {

package/schematics/ng-generate/templates/pagination/pagination.__fileSuffix@dasherize__.ts.template

@@ -168,7 +168,8 @@ export class Pagination<%= componentSuffix %> implements ControlValueAccessor {
 
   /** Write a new value to the control */
   writeValue(value: number): void {
-    this.state().page.set(value);
+    // writing a value from the model must not re-emit through onChange
+    this.state().setPage(value, { emit: false });
   }
 
   /** Register a callback to be called when the value changes */
@@ -180,4 +181,9 @@ export class Pagination<%= componentSuffix %> implements ControlValueAccessor {
   registerOnTouched(fn: TouchedFn): void {
     this.onTouched = fn;
   }
+
+  /** Reflect the form control's disabled state onto the pagination. */
+  setDisabledState(isDisabled: boolean): void {
+    this.state().setDisabled(isDisabled);
+  }
 }

package/schematics/ng-generate/templates/range-slider/range-slider.__fileSuffix@dasherize__.ts.template

@@ -118,9 +118,10 @@ export class RangeSlider<%= componentSuffix %> implements ControlValueAccessor {
     }
 
     const [low, high] = value;
-    // Use the directive's clamping setters to respect min/max and ordering
-    this.state().setLowValue(low);
-    this.state().setHighValue(high);
+    // Use the directive's clamping setters to respect min/max and ordering.
+    // writing a value from the model must not re-emit through onChange
+    this.state().setLowValue(low, { emit: false });
+    this.state().setHighValue(high, { emit: false });
   }
 
   registerOnChange(fn: ChangeFn<[number, number]>): void {

package/schematics/ng-generate/templates/slider/slider.__fileSuffix@dasherize__.ts.template

@@ -108,7 +108,8 @@ export class Slider<%= componentSuffix %> implements ControlValueAccessor {
   }
 
   writeValue(value: number): void {
-    this.state().setValue(value);
+    // writing a value from the model must not re-emit through onChange
+    this.state().setValue(value, { emit: false });
   }
 
   registerOnChange(fn: ChangeFn<number>): void {

package/schematics/ng-generate/templates/switch/switch.__fileSuffix@dasherize__.ts.template

@@ -88,7 +88,8 @@ export class Switch<%= componentSuffix %> implements ControlValueAccessor {
 
   /** Write a new value to the switch. */
   writeValue(value: boolean): void {
-    this.switch().setChecked(value);
+    // writing a value from the model must not re-emit through onChange
+    this.switch().setChecked(value, { emit: false });
   }
 
   /** Register a callback function to be called when the value changes. */

package/types/ng-primitives-checkbox.d.ts

@@ -142,6 +142,10 @@ interface NgpCheckboxProps {
      * Whether the checkbox is disabled.
      */
     readonly disabled?: Signal<boolean>;
+    /**
+     * Whether the checkbox is required.
+     */
+    readonly required?: Signal<boolean>;
     /**
      * Callback fired when the checked state changes.
      */
@@ -151,7 +155,7 @@ interface NgpCheckboxProps {
      */
     readonly onIndeterminateChange?: (indeterminate: boolean) => void;
 }
-declare const ngpCheckbox: ({ id, checked: _checked, defaultChecked: _defaultChecked, indeterminate: _indeterminate, disabled: _disabled, onCheckedChange, onIndeterminateChange, }: NgpCheckboxProps) => NgpCheckboxState;
+declare const ngpCheckbox: ({ id, checked: _checked, defaultChecked: _defaultChecked, indeterminate: _indeterminate, disabled: _disabled, required: _required, onCheckedChange, onIndeterminateChange, }: NgpCheckboxProps) => NgpCheckboxState;
 declare const injectCheckboxState: {
     (): Signal<NgpCheckboxState>;
     (options: ng_primitives_state.StateInjectionOptions): Signal<NgpCheckboxState | null>;

package/types/ng-primitives-date-picker.d.ts

@@ -106,18 +106,12 @@ declare function injectDatePickerCellDate<T>(): T;
  * A cell in the date picker grid.
  */
 declare class NgpDatePickerCell {
-    /**
-     * Access the date picker.
-     */
-    private readonly state;
     /**
      * Access the child date picker date button.
+     * The cell's accessible name comes from this button's day content, not the
+     * shared month/year label (which would make every cell announce the month).
      */
     protected readonly datePickerButton: _angular_core.Signal<ng_primitives_date_picker.NgpDatePickerDateButton<unknown> | undefined>;
-    /**
-     * Access the label id.
-     */
-    protected readonly labelId: _angular_core.Signal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpDatePickerCell, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpDatePickerCell, "[ngpDatePickerCell]", ["ngpDatePickerCell"], {}, {}, ["datePickerButton"], never, true, never>;
 }
@@ -521,9 +515,13 @@ declare class NgpDatePicker<T> {
      * Select a date.
      * @param date The date to select.
      * @param preserveTime Whether to preserve time components from existing selected date.
+     * @param options Options for the selection. Set `emit` to false to update the state without
+     * emitting `dateChange` (e.g. when writing a value from a form model).
      * @internal
      */
-    select(date: T, preserveTime?: boolean): void;
+    select(date: T, preserveTime?: boolean, options?: {
+        emit?: boolean;
+    }): void;
     /**
      * Determine if a date is selected.
      * @param date The date to check.

package/types/ng-primitives-date-time-date-fns.d.ts

@@ -0,0 +1,30 @@
+import { NgpDateAdapter, NgpDateUnits, NgpDuration } from 'ng-primitives/date-time';
+
+declare class NgpDateFnsDateAdapter implements NgpDateAdapter<Date> {
+    create({ day, hour, minute, month, second, year, millisecond }: NgpDateUnits): Date;
+    now(): Date;
+    set(date: Date, values: NgpDateUnits): Date;
+    add(date: Date, duration: NgpDuration): Date;
+    subtract(date: Date, duration: NgpDuration): Date;
+    compare(a: Date, b: Date): number;
+    isEqual(a: Date, b: Date): boolean;
+    isBefore(a: Date, b: Date): boolean;
+    isAfter(a: Date, b: Date): boolean;
+    isSameDay(a: Date, b: Date): boolean;
+    isSameMonth(a: Date, b: Date): boolean;
+    isSameYear(a: Date, b: Date): boolean;
+    getYear(date: Date): number;
+    getMonth(date: Date): number;
+    getDate(date: Date): number;
+    getDay(date: Date): number;
+    getHours(date: Date): number;
+    getMinutes(date: Date): number;
+    getSeconds(date: Date): number;
+    getMilliseconds(date: Date): number;
+    startOfMonth(date: Date): Date;
+    endOfMonth(date: Date): Date;
+    startOfDay(date: Date): Date;
+    endOfDay(date: Date): Date;
+}
+
+export { NgpDateFnsDateAdapter };

package/types/ng-primitives-date-time.d.ts

@@ -6,7 +6,9 @@ import { Type, ClassProvider } from '@angular/core';
  */
 interface NgpDateAdapter<T> {
     /**
-     * Create a new date time object.
+     * Create a new date time object. Here `month` is one-based (1-12), matching
+     * the `NgpDateUnits` documentation. Note this differs from `set` and
+     * `getMonth`, which use a zero-based month (0-11).
      */
     create(values: NgpDateUnits): T;
     /**
@@ -14,7 +16,10 @@ interface NgpDateAdapter<T> {
      */
     now(): T;
     /**
-     * Set the year of the date time object based on a duration.
+     * Set the specified units on the date time object, leaving the rest
+     * unchanged. Here `month` is zero-based (0-11), matching `getMonth` so
+     * `set(date, { month: getMonth(other) })` round-trips. Note this differs from
+     * `create`, which takes a one-based month (1-12).
      */
     set(date: T, values: NgpDateUnits): T;
     /**
@@ -58,7 +63,8 @@ interface NgpDateAdapter<T> {
      */
     getYear(date: T): number;
     /**
-     * Get the month.
+     * Get the month as a zero-based number (0-11, January = 0). This matches the
+     * range accepted by `set`, so `set(date, { month: getMonth(other) })` round-trips.
      */
     getMonth(date: T): number;
     /**
@@ -200,6 +206,12 @@ declare class NgpNativeDateAdapter implements NgpDateAdapter<Date> {
      * Subtract a duration from the date time object
      */
     subtract(date: Date, duration: NgpDuration): Date;
+    /**
+     * Apply a duration in `sign` direction. Year/month are applied first with the
+     * day clamped to the target month's length (so 31 Jan + 1 month is 28 Feb, not
+     * 3 Mar), matching the Luxon and date-fns adapters; day/time deltas follow.
+     */
+    private shift;
     /**
      * Compare two date time objects
      */

package/types/ng-primitives-dialog.d.ts

@@ -321,6 +321,10 @@ declare class NgpDialog<T = unknown, R = unknown> implements OnDestroy {
     protected readonly labelledBy: _angular_core.WritableSignal<string[]>;
     /** The describedby ids */
     protected readonly describedBy: _angular_core.WritableSignal<string[]>;
+    /** The aria-labelledby value, omitted when there are no ids to reference. */
+    protected readonly ariaLabelledBy: _angular_core.Signal<string | null>;
+    /** The aria-describedby value, omitted when there are no ids to reference. */
+    protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
     /** The dialog state */
     protected readonly state: ng_primitives_state.CreatedState<NgpDialog<T, R>>;
     ngOnDestroy(): void;

package/types/ng-primitives-input-otp.d.ts

@@ -1,11 +1,11 @@
 import * as ng_primitives_state from 'ng-primitives/state';
 import * as ng_primitives_input_otp from 'ng-primitives/input-otp';
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, OnDestroy } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import * as i1 from 'ng-primitives/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 
-declare class NgpInputOtpInput implements AfterViewInit {
+declare class NgpInputOtpInput {
     /**
      * Access the element reference.
      */
@@ -15,7 +15,6 @@ declare class NgpInputOtpInput implements AfterViewInit {
      */
     protected readonly state: _angular_core.Signal<ng_primitives_state.State<ng_primitives_input_otp.NgpInputOtp>>;
     constructor();
-    ngAfterViewInit(): void;
     /**
      * Focus the input.
      * @internal
@@ -115,9 +114,10 @@ declare class NgpInputOtp {
      */
     readonly id: _angular_core.InputSignal<string>;
     /**
-     * The current value of the OTP.
+     * The current value of the OTP. A null/undefined value (e.g. from a form
+     * `writeValue(null)` or `reset()`) is coerced to an empty string.
      */
-    readonly value: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignalWithTransform<string, string | null | undefined>;
     /**
      * The regex pattern for allowed characters.
      */