ng-primitives 0.115.2 → 0.116.0

package/fesm2022/ng-primitives-state.mjs

@@ -176,8 +176,42 @@ function createPrimitive(name, fn, options = {}) {
     };
     return [token, factory, injectFn, provideFn];
 }
-function controlled(value) {
-    return linkedSignal(() => value());
+function controlled(value, defaultValue) {
+    return value ? linkedSignal(() => value()) : signal(defaultValue);
+}
+function controlledState({ value, onChange, defaultValue, }) {
+    const change = emitter();
+    const UNSET = Symbol('UNSET');
+    const userValue = signal(UNSET, ...(ngDevMode ? [{ debugName: "userValue" }] : []));
+    // Latching flag: once the controlled value has been defined, the component
+    // is permanently controlled and set() must not update internal state.
+    // This is intentionally mutated inside `resolved` — it must latch
+    // synchronously during signal evaluation so that set() sees the correct
+    // state. A pure computation cannot express "once true, always true" without
+    // external state.
+    let isControlled = value() !== undefined;
+    const resolved = linkedSignal(() => {
+        const v = value();
+        if (v !== undefined) {
+            isControlled = true;
+            return v;
+        }
+        const uv = userValue();
+        return uv !== UNSET ? uv : defaultValue?.();
+    }, ...(ngDevMode ? [{ debugName: "resolved" }] : []));
+    function set(newValue, options) {
+        if (resolved() === newValue && options?.emit !== false) {
+            return;
+        }
+        if (!isControlled) {
+            userValue.set(newValue);
+        }
+        if (options?.emit !== false) {
+            onChange?.(newValue);
+            change.emit(newValue);
+        }
+    }
+    return [resolved.asReadonly(), set, change.asObservable()];
 }
 function setAttribute(element, attr, value) {
     // if the attribute is "disabled" and the value is 'false', we need to remove the attribute
@@ -281,18 +315,30 @@ function onDestroy(callback) {
     const destroyRef = inject(DestroyRef);
     destroyRef.onDestroy(callback);
 }
-/**
- * Previously, with our state approach, we allowed signals to be written directly using their setters.
- * However, with our new approach, we want people to use the appropriate set method instead. This function takes in a writable
- * signal and returns a proxy that warns the user when set is called directly.
- */
-function deprecatedSetter(signal, methodName) {
+function deprecatedSetter(signal, methodName, setter) {
     return new Proxy(signal, {
         get(target, prop) {
             if (prop === 'set') {
                 return (value) => {
                     console.warn(`Deprecation warning: Use ${methodName}() instead of setting the value directly.`);
-                    target.set(value);
+                    if (setter) {
+                        setter(value);
+                    }
+                    else {
+                        target.set(value);
+                    }
+                };
+            }
+            if (prop === 'update') {
+                return (updateFn) => {
+                    console.warn(`Deprecation warning: Use ${methodName}() instead of setting the value directly.`);
+                    const newValue = updateFn(target());
+                    if (setter) {
+                        setter(newValue);
+                    }
+                    else {
+                        target.set(newValue);
+                    }
                 };
             }
             return target[prop];
@@ -345,5 +391,5 @@ function isomorphicEffect(callback) {
  * Generated bundle index. Do not edit.
  */
 
-export { attrBinding, controlled, createPrimitive, createState, createStateInjector, createStateProvider, createStateToken, dataBinding, deprecatedSetter, emitter, injectInheritedState, listener, onDestroy, onMount, styleBinding };
+export { attrBinding, controlled, controlledState, createPrimitive, createState, createStateInjector, createStateProvider, createStateToken, dataBinding, deprecatedSetter, emitter, injectInheritedState, listener, onDestroy, onMount, styleBinding };
 //# sourceMappingURL=ng-primitives-state.mjs.map

package/fesm2022/ng-primitives-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-state.mjs","sources":["../../../../packages/ng-primitives/state/src/index.ts","../../../../packages/ng-primitives/state/src/ng-primitives-state.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-uncalled-signals */\nimport { coerceElement } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  afterRenderEffect,\n  ChangeDetectorRef,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  FactoryProvider,\n  forwardRef,\n  inject,\n  InjectionToken,\n  InjectOptions,\n  Injector,\n  InputSignal,\n  InputSignalWithTransform,\n  isSignal,\n  linkedSignal,\n  NgZone,\n  PLATFORM_ID,\n  ProviderToken,\n  runInInjectionContext,\n  signal,\n  Signal,\n  WritableSignal,\n} from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\n/**\n * This converts the state object to a writable state object.\n * This means that inputs become signals which are writable.\n */\nexport type State<T> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [K in keyof T]: T[K] extends InputSignalWithTransform<infer U, any>\n    ? WritableSignal<U>\n    : T[K] extends InputSignal<infer R>\n      ? WritableSignal<R>\n      : T[K];\n};\n\n/**\n * This is similar to the state object, but we don't expose properties that are not\n * inputs.\n */\nexport type CreatedState<T> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [K in keyof T]: T[K] extends InputSignalWithTransform<infer U, any>\n    ? WritableSignal<U>\n    : T[K] extends InputSignal<infer R>\n      ? WritableSignal<R>\n      : never;\n};\n\nexport type InjectedState<T> = Signal<State<T>>;\n\n/**\n * Create a new injection token for the state.\n * @param description The description of the token\n */\nexport function createStateToken<T>(description: string): InjectionToken<T> {\n  return new InjectionToken<Signal<State<T>>>(`Ngp${description}StateToken`);\n}\n\nexport interface CreateStateProviderOptions {\n  /**\n   * Whether we should check for the state in the parent injector.\n   */\n  inherit?: boolean;\n}\n\n/**\n * Create a new provider for the state. It first tries to inject the state from the parent injector,\n * as this allows for the state to be hoisted to a higher level in the component tree. This can\n * be useful to avoid issues where the injector can't be shared in some cases when ng-content is used.\n * @param token The token for the state\n */\nexport function createStateProvider<T>(\n  token: ProviderToken<T>,\n): (options?: CreateStateProviderOptions) => FactoryProvider {\n  return ({ inherit }: CreateStateProviderOptions = {}) => ({\n    provide: token,\n    useFactory: () => {\n      if (inherit === false) {\n        // if we are not checking the parent, we want to create a new state\n        return signal({});\n      }\n      // if we are checking the parent, we want to check if the state is already defined\n      return inject(token, { optional: true, skipSelf: true }) ?? signal({});\n    },\n  });\n}\n\ntype CreateStateInjectorOptions = {\n  /**\n   * Whether the state may not be immediately available. This can happen when the child is instantiated before the parent.\n   */\n  deferred?: boolean;\n};\n\n/**\n * Create a new state injector for the state.\n * @param token The token for the state\n */\nexport function createStateInjector<T>(\n  token: ProviderToken<State<T>>,\n  options: { deferred: true },\n): <U = T>(injectOptions?: InjectOptions) => Signal<State<U> | undefined>;\nexport function createStateInjector<T>(\n  token: ProviderToken<State<T>>,\n  options?: CreateStateInjectorOptions,\n): <U = T>(injectOptions?: InjectOptions) => Signal<State<U>>;\nexport function createStateInjector<T>(\n  token: ProviderToken<State<T>>,\n  options: CreateStateInjectorOptions = {},\n): <U = T>(injectOptions?: InjectOptions) => Signal<State<U> | undefined> {\n  return <U = T>(injectOptions: InjectOptions = {}) => {\n    const value = inject(token, injectOptions) as Signal<State<U> | undefined> | null;\n\n    if (options.deferred) {\n      return computed(() =>\n        value && Object.keys(value() ?? {}).length === 0 ? undefined : value?.(),\n      ) as Signal<State<U> | undefined>;\n    }\n\n    return (value as Signal<State<U>>) ?? signal(undefined);\n  };\n}\n\n/**\n * Convert the original state object into a writable state object.\n * @param token The token for the state\n */\nexport function createState(token: ProviderToken<WritableSignal<State<unknown>>>) {\n  return <U>(state: U): CreatedState<U> => {\n    const internalState = inject(token);\n\n    internalState.update(obj => {\n      // Iterating over properties\n      for (const key in state) {\n        const value = state[key as keyof U];\n\n        // We want to make this a controlled input if it is an InputSignal or InputSignalWithTransform\n        if (isSignalInput(value)) {\n          // @ts-ignore\n          obj[key] = createControlledInput(value);\n        } else {\n          // @ts-ignore\n          obj[key] = value;\n        }\n      }\n\n      // Iterating over prototype methods\n      const prototype = Object.getPrototypeOf(state);\n\n      for (const key of Object.getOwnPropertyNames(prototype)) {\n        const descriptor = Object.getOwnPropertyDescriptor(prototype, key);\n\n        // if this is a getter or setter, we need to define it on the object\n        if (descriptor?.get || descriptor?.set) {\n          Object.defineProperty(obj, key, descriptor);\n        } else if (typeof prototype[key as keyof U] === 'function') {\n          (obj as Record<string, unknown>)[key] = prototype[key as keyof U].bind(state);\n        } else {\n          // @ts-ignore\n          obj[key] = prototype[key as keyof U];\n        }\n      }\n\n      return { ...obj };\n    });\n\n    return internalState() as unknown as CreatedState<U>;\n  };\n}\n\n// this is a bit hacky, but we need to do it to track whether this is controlled\nfunction createControlledInput(\n  property: InputSignal<unknown> | InputSignalWithTransform<unknown, unknown>,\n): WritableSignal<unknown> {\n  const value = signal(property());\n  let isControlled = false;\n\n  const symbol = Object.getOwnPropertySymbols(property).find(s => s.description === 'SIGNAL');\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const inputDefinition = symbol ? (property as any)[symbol] : undefined;\n\n  if (\n    !symbol ||\n    !inputDefinition ||\n    typeof inputDefinition.applyValueToInputSignal !== 'function'\n  ) {\n    console.warn(\n      'Angular has changed its internal Input implementation, report this issue to ng-primitives.',\n    );\n    // fallback to a linked signal which is partially controlled\n    return linkedSignal(() => property());\n  }\n\n  const originalApply = inputDefinition.applyValueToInputSignal.bind(inputDefinition);\n  const originalSet = value.set.bind(value);\n  const originalUpdate = value.update.bind(value);\n\n  inputDefinition.applyValueToInputSignal = (inputSignalNode: unknown, newValue: unknown) => {\n    isControlled = true;\n    originalSet(newValue);\n    originalApply(inputSignalNode, newValue);\n  };\n\n  value.set = (newValue: unknown) => {\n    if (!isControlled) {\n      originalSet(newValue);\n    }\n  };\n\n  value.update = (updateFn: (value: unknown) => unknown) => {\n    if (!isControlled) {\n      originalUpdate(updateFn);\n    }\n  };\n\n  return value;\n}\n\nfunction isSignalInput(\n  property: unknown,\n): property is InputSignal<unknown> | InputSignalWithTransform<unknown, unknown> {\n  if (!isSignal(property)) {\n    return false;\n  }\n\n  const symbol = Object.getOwnPropertySymbols(property).find(s => s.description === 'SIGNAL');\n\n  if (!symbol) {\n    return false;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const inputDefinition = symbol ? (property as any)[symbol] : undefined;\n\n  if (!inputDefinition) {\n    return false;\n  }\n\n  return 'transformFn' in inputDefinition || 'applyValueToInputSignal' in inputDefinition;\n}\n\nexport interface CreatePrimitiveOptions {\n  injector?: Injector;\n  elementRef?: ElementRef<HTMLElement>;\n}\n\ntype PrimitiveState<TFactory extends (...args: any[]) => unknown> = TFactory extends (\n  props: unknown,\n) => infer R\n  ? R\n  : TFactory extends (...args: any[]) => infer R\n    ? R\n    : never;\n\ntype BasePrimitiveInjectionFn<TState> = {\n  (): Signal<TState>;\n  (options: { hoisted: true; optional?: boolean; skipSelf?: boolean }): Signal<TState | null>;\n  (options?: {\n    hoisted?: boolean;\n    optional?: boolean;\n    skipSelf?: boolean;\n  }): Signal<TState | null> | Signal<TState>;\n};\n\ntype PrimitiveInjectionFn<TFactory extends (...args: any[]) => unknown> = TFactory extends (\n  props: unknown,\n) => infer R\n  ? {\n      (): Signal<R>;\n      (options: { hoisted: true; optional?: boolean; skipSelf?: boolean }): Signal<R | null>;\n      (options?: {\n        hoisted?: boolean;\n        optional?: boolean;\n        skipSelf?: boolean;\n      }): Signal<R | null> | Signal<R>;\n    }\n  : BasePrimitiveInjectionFn<PrimitiveState<TFactory>>;\n\nexport function createPrimitive<TFactory extends (...args: any[]) => unknown>(\n  name: string,\n  fn: TFactory,\n  options?: CreatePrimitiveOptions,\n): [\n  InjectionToken<WritableSignal<PrimitiveState<TFactory>>>,\n  TFactory,\n  PrimitiveInjectionFn<TFactory>,\n  (opts?: { inherit?: boolean }) => FactoryProvider,\n];\nexport function createPrimitive<TFactory extends (...args: any[]) => unknown>(\n  name: string,\n  fn: TFactory,\n  options: CreatePrimitiveOptions = {},\n): [\n  InjectionToken<WritableSignal<PrimitiveState<TFactory>>>,\n  TFactory,\n  PrimitiveInjectionFn<TFactory>,\n  (opts?: { inherit?: boolean }) => FactoryProvider,\n] {\n  // Create a unique injection token for the primitive's state signal\n  const token = new InjectionToken<WritableSignal<PrimitiveState<TFactory>>>(`Primitive: ${name}`);\n\n  // Create the state signal within the appropriate injection context\n  const factory = ((props: Parameters<TFactory>[0]) => {\n    // determine the injector to use\n    let injector = options.injector ?? inject(Injector);\n\n    // If an ElementRef is provided in options, create a child injector\n    if (options.elementRef) {\n      injector = Injector.create({\n        providers: [{ provide: ElementRef, useValue: options.elementRef }],\n        parent: injector,\n      });\n    }\n\n    return runInInjectionContext(injector, () => {\n      const state = inject(token, { optional: true });\n      const instance = fn(props);\n      state?.set(instance as PrimitiveState<TFactory>);\n      return instance;\n    });\n  }) as TFactory;\n\n  // create an injection function that provides the state signal\n  function injectFn<T = PrimitiveState<TFactory>>(): Signal<T>;\n  function injectFn<T = PrimitiveState<TFactory>>(\n    options: { hoisted: true } & InjectOptions,\n  ): Signal<T | null>;\n  function injectFn<T = PrimitiveState<TFactory>>(options?: {\n    hoisted?: boolean;\n    optional?: boolean;\n    skipSelf?: boolean;\n  }): Signal<T | null> | Signal<T> {\n    const hoisted = options?.hoisted ?? false;\n    const optional = options?.optional ?? false;\n    const skipSelf = options?.skipSelf ?? false;\n\n    if (hoisted || optional) {\n      return (inject(token, { optional: true, skipSelf }) ??\n        signal(null)) as unknown as Signal<T | null>;\n    }\n\n    return inject(token, { optional, skipSelf }) as unknown as Signal<T>;\n  }\n\n  // create a function to provide the state\n  const provideFn = (opts?: { inherit?: boolean }): FactoryProvider => {\n    const inherit = opts?.inherit ?? true;\n    return {\n      provide: token,\n      useFactory: () => {\n        if (inherit === false) {\n          return signal(null);\n        }\n\n        return inject(token, { optional: true, skipSelf: true }) ?? signal(null);\n      },\n    };\n  };\n\n  return [token, factory as TFactory, injectFn as PrimitiveInjectionFn<TFactory>, provideFn];\n}\n\nexport function controlled<T>(value: Signal<T>): WritableSignal<T> {\n  return linkedSignal(() => value());\n}\n\nfunction setAttribute(\n  element: ElementRef<HTMLElement>,\n  attr: string,\n  value: string | null | undefined,\n): void {\n  // if the attribute is \"disabled\" and the value is 'false', we need to remove the attribute\n  if (attr === 'disabled' && value === 'false') {\n    element.nativeElement.removeAttribute(attr);\n    return;\n  }\n\n  if (value !== null && value !== undefined) {\n    element.nativeElement.setAttribute(attr, value);\n  } else {\n    element.nativeElement.removeAttribute(attr);\n  }\n}\n\nexport function attrBinding(\n  element: ElementRef<HTMLElement>,\n  attr: string,\n  value:\n    | (() => string | number | boolean | null | undefined)\n    | string\n    | number\n    | boolean\n    | null\n    | undefined,\n): void {\n  // If the value is static (not a function), set it immediately without an effect\n  if (typeof value !== 'function') {\n    setAttribute(element, attr, value?.toString() ?? null);\n    return;\n  }\n\n  isomorphicEffect(() => {\n    const valueResult = value();\n    setAttribute(element, attr, valueResult?.toString() ?? null);\n  });\n}\n\nfunction getStyleUnit(style: string): string {\n  const parts = style.split('.');\n\n  if (parts.length > 1) {\n    const unit = parts[parts.length - 1];\n\n    switch (unit) {\n      case 'px':\n      case 'em':\n      case 'rem':\n      case '%':\n      case 'vh':\n      case 'vw':\n      case 'vmin':\n      case 'vmax':\n      case 'cm':\n      case 'mm':\n      case 'in':\n      case 'pt':\n      case 'pc':\n      case 'ex':\n      case 'ch':\n        return unit;\n      default:\n        return '';\n    }\n  }\n\n  return '';\n}\n\nexport function styleBinding(\n  element: ElementRef<HTMLElement>,\n  style: string,\n  value: (() => string | number | null) | string | number | null,\n): void {\n  isomorphicEffect(() => {\n    const styleValue = typeof value === 'function' ? value() : value;\n    // we should look for units in the style name, just like Angular does e.g. width.px\n    const styleUnit = getStyleUnit(style);\n    const styleName = styleUnit ? style.replace(`.${styleUnit}`, '') : style;\n\n    if (styleValue !== null) {\n      element.nativeElement.style.setProperty(styleName, styleValue + styleUnit);\n    } else {\n      element.nativeElement.style.removeProperty(styleName);\n    }\n  });\n}\n\nexport function dataBinding(\n  element: ElementRef<HTMLElement>,\n  attr: string,\n  value: (() => string | boolean | null) | string | boolean | null,\n): void {\n  if (!attr.startsWith('data-')) {\n    throw new Error(`dataBinding: attribute \"${attr}\" must start with \"data-\"`);\n  }\n\n  isomorphicEffect(() => {\n    let valueResult = typeof value === 'function' ? value() : value;\n\n    if (valueResult === false) {\n      valueResult = null;\n    } else if (valueResult === true) {\n      valueResult = '';\n    } else if (valueResult !== null && typeof valueResult !== 'string') {\n      valueResult = String(valueResult);\n    }\n\n    setAttribute(element, attr, valueResult);\n  });\n}\n\nexport function listener<K extends keyof HTMLElementEventMap>(\n  element: HTMLElement | ElementRef<HTMLElement> | Document,\n  event: K,\n  handler: (event: HTMLElementEventMap[K]) => void,\n  options?: { injector?: Injector; config?: AddEventListenerOptions | boolean },\n): () => void;\nexport function listener(\n  element: HTMLElement | ElementRef<HTMLElement> | Document,\n  event: string,\n  handler: (event: Event) => void,\n  options?: { injector?: Injector; config?: AddEventListenerOptions | boolean },\n): () => void;\nexport function listener<K extends keyof HTMLElementEventMap>(\n  element: HTMLElement | ElementRef<HTMLElement> | Document,\n  event: K | string,\n  handler: (event: HTMLElementEventMap[K] | Event) => void,\n  options?: { injector?: Injector; config?: AddEventListenerOptions | boolean },\n): () => void {\n  return runInInjectionContext(options?.injector ?? inject(Injector), () => {\n    const ngZone = inject(NgZone);\n    const destroyRef = inject(DestroyRef);\n    const nativeElement = coerceElement(element);\n\n    const removeListener = () =>\n      nativeElement.removeEventListener(event, handler as EventListener, options?.config);\n    destroyRef.onDestroy(removeListener);\n    ngZone.runOutsideAngular(() =>\n      nativeElement.addEventListener(event, handler as EventListener, options?.config),\n    );\n\n    return removeListener;\n  });\n}\n\nexport function onMount(callback: () => void): void {\n  const injector = inject(Injector);\n  afterRenderEffect(() => runInInjectionContext(injector, callback), { injector });\n}\n\nexport function onDestroy(callback: () => void): void {\n  const destroyRef = inject(DestroyRef);\n  destroyRef.onDestroy(callback);\n}\n\n/**\n * Previously, with our state approach, we allowed signals to be written directly using their setters.\n * However, with our new approach, we want people to use the appropriate set method instead. This function takes in a writable\n * signal and returns a proxy that warns the user when set is called directly.\n */\nexport function deprecatedSetter<T>(\n  signal: WritableSignal<T>,\n  methodName: string,\n): WritableSignal<T> {\n  return new Proxy(signal, {\n    get(target, prop) {\n      if (prop === 'set') {\n        return (value: T) => {\n          console.warn(\n            `Deprecation warning: Use ${methodName}() instead of setting the value directly.`,\n          );\n          target.set(value);\n        };\n      }\n      return target[prop as keyof WritableSignal<T>];\n    },\n  });\n}\n\n/**\n * A utility function to inject an inherited state from a parent injector. This is useful for cases\n * where a primitive needs to inherit state from a parent primitive, such as in roving focus groups.\n * We could use inject with a forwardRef, but forwardRef returns an any - no thanks...\n */\nexport function injectInheritedState<T>(\n  token: () => InjectionToken<T>,\n  injectOptions: InjectOptions = {},\n): T | null {\n  return (\n    inject<T>(\n      forwardRef(() => token()),\n      { optional: true, skipSelf: true, ...injectOptions },\n    ) ?? null\n  );\n}\n\nexport interface Emitter<T> {\n  emit(value: T): void;\n  asObservable(): Observable<T>;\n}\n\n/**\n * An emitter is a simple wrapper around a Subject that ensures\n * that change detection is run when an event is emitted and that\n * the subject is automatically completed when the component is destroyed.\n */\nexport function emitter<T>({\n  injector = inject(Injector),\n}: { injector?: Injector } = {}): Emitter<T> {\n  return runInInjectionContext(injector, () => {\n    const eventEmitter = new Subject<T>();\n    const changeDetector = inject(ChangeDetectorRef);\n\n    // Complete the subject on destroy\n    onDestroy(() => eventEmitter.complete());\n\n    return {\n      emit(value: T): void {\n        eventEmitter.next(value);\n        changeDetector.markForCheck();\n      },\n      asObservable(): Observable<T> {\n        return eventEmitter.asObservable();\n      },\n    };\n  });\n}\n\nfunction isomorphicEffect(callback: () => void): void {\n  const injector = inject(Injector);\n  const platformId = injector.get(PLATFORM_ID);\n\n  if (isPlatformBrowser(platformId)) {\n    afterRenderEffect(() => callback());\n  } else {\n    // On the server, we just run the effect immediately\n    effect(() => callback());\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-state.mjs","sources":["../../../../packages/ng-primitives/state/src/index.ts","../../../../packages/ng-primitives/state/src/ng-primitives-state.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-uncalled-signals */\nimport { coerceElement } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  afterRenderEffect,\n  ChangeDetectorRef,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  FactoryProvider,\n  forwardRef,\n  inject,\n  InjectionToken,\n  InjectOptions,\n  Injector,\n  InputSignal,\n  InputSignalWithTransform,\n  isSignal,\n  linkedSignal,\n  NgZone,\n  PLATFORM_ID,\n  ProviderToken,\n  runInInjectionContext,\n  signal,\n  Signal,\n  WritableSignal,\n} from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\n/**\n * This converts the state object to a writable state object.\n * This means that inputs become signals which are writable.\n */\nexport type State<T> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [K in keyof T]: T[K] extends InputSignalWithTransform<infer U, any>\n    ? WritableSignal<U>\n    : T[K] extends InputSignal<infer R>\n      ? WritableSignal<R>\n      : T[K];\n};\n\n/**\n * This is similar to the state object, but we don't expose properties that are not\n * inputs.\n */\nexport type CreatedState<T> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [K in keyof T]: T[K] extends InputSignalWithTransform<infer U, any>\n    ? WritableSignal<U>\n    : T[K] extends InputSignal<infer R>\n      ? WritableSignal<R>\n      : never;\n};\n\nexport type InjectedState<T> = Signal<State<T>>;\n\n/**\n * Create a new injection token for the state.\n * @param description The description of the token\n */\nexport function createStateToken<T>(description: string): InjectionToken<T> {\n  return new InjectionToken<Signal<State<T>>>(`Ngp${description}StateToken`);\n}\n\nexport interface CreateStateProviderOptions {\n  /**\n   * Whether we should check for the state in the parent injector.\n   */\n  inherit?: boolean;\n}\n\n/**\n * Create a new provider for the state. It first tries to inject the state from the parent injector,\n * as this allows for the state to be hoisted to a higher level in the component tree. This can\n * be useful to avoid issues where the injector can't be shared in some cases when ng-content is used.\n * @param token The token for the state\n */\nexport function createStateProvider<T>(\n  token: ProviderToken<T>,\n): (options?: CreateStateProviderOptions) => FactoryProvider {\n  return ({ inherit }: CreateStateProviderOptions = {}) => ({\n    provide: token,\n    useFactory: () => {\n      if (inherit === false) {\n        // if we are not checking the parent, we want to create a new state\n        return signal({});\n      }\n      // if we are checking the parent, we want to check if the state is already defined\n      return inject(token, { optional: true, skipSelf: true }) ?? signal({});\n    },\n  });\n}\n\ntype CreateStateInjectorOptions = {\n  /**\n   * Whether the state may not be immediately available. This can happen when the child is instantiated before the parent.\n   */\n  deferred?: boolean;\n};\n\n/**\n * Create a new state injector for the state.\n * @param token The token for the state\n */\nexport function createStateInjector<T>(\n  token: ProviderToken<State<T>>,\n  options: { deferred: true },\n): <U = T>(injectOptions?: InjectOptions) => Signal<State<U> | undefined>;\nexport function createStateInjector<T>(\n  token: ProviderToken<State<T>>,\n  options?: CreateStateInjectorOptions,\n): <U = T>(injectOptions?: InjectOptions) => Signal<State<U>>;\nexport function createStateInjector<T>(\n  token: ProviderToken<State<T>>,\n  options: CreateStateInjectorOptions = {},\n): <U = T>(injectOptions?: InjectOptions) => Signal<State<U> | undefined> {\n  return <U = T>(injectOptions: InjectOptions = {}) => {\n    const value = inject(token, injectOptions) as Signal<State<U> | undefined> | null;\n\n    if (options.deferred) {\n      return computed(() =>\n        value && Object.keys(value() ?? {}).length === 0 ? undefined : value?.(),\n      ) as Signal<State<U> | undefined>;\n    }\n\n    return (value as Signal<State<U>>) ?? signal(undefined);\n  };\n}\n\n/**\n * Convert the original state object into a writable state object.\n * @param token The token for the state\n */\nexport function createState(token: ProviderToken<WritableSignal<State<unknown>>>) {\n  return <U>(state: U): CreatedState<U> => {\n    const internalState = inject(token);\n\n    internalState.update(obj => {\n      // Iterating over properties\n      for (const key in state) {\n        const value = state[key as keyof U];\n\n        // We want to make this a controlled input if it is an InputSignal or InputSignalWithTransform\n        if (isSignalInput(value)) {\n          // @ts-ignore\n          obj[key] = createControlledInput(value);\n        } else {\n          // @ts-ignore\n          obj[key] = value;\n        }\n      }\n\n      // Iterating over prototype methods\n      const prototype = Object.getPrototypeOf(state);\n\n      for (const key of Object.getOwnPropertyNames(prototype)) {\n        const descriptor = Object.getOwnPropertyDescriptor(prototype, key);\n\n        // if this is a getter or setter, we need to define it on the object\n        if (descriptor?.get || descriptor?.set) {\n          Object.defineProperty(obj, key, descriptor);\n        } else if (typeof prototype[key as keyof U] === 'function') {\n          (obj as Record<string, unknown>)[key] = prototype[key as keyof U].bind(state);\n        } else {\n          // @ts-ignore\n          obj[key] = prototype[key as keyof U];\n        }\n      }\n\n      return { ...obj };\n    });\n\n    return internalState() as unknown as CreatedState<U>;\n  };\n}\n\n// this is a bit hacky, but we need to do it to track whether this is controlled\nfunction createControlledInput(\n  property: InputSignal<unknown> | InputSignalWithTransform<unknown, unknown>,\n): WritableSignal<unknown> {\n  const value = signal(property());\n  let isControlled = false;\n\n  const symbol = Object.getOwnPropertySymbols(property).find(s => s.description === 'SIGNAL');\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const inputDefinition = symbol ? (property as any)[symbol] : undefined;\n\n  if (\n    !symbol ||\n    !inputDefinition ||\n    typeof inputDefinition.applyValueToInputSignal !== 'function'\n  ) {\n    console.warn(\n      'Angular has changed its internal Input implementation, report this issue to ng-primitives.',\n    );\n    // fallback to a linked signal which is partially controlled\n    return linkedSignal(() => property());\n  }\n\n  const originalApply = inputDefinition.applyValueToInputSignal.bind(inputDefinition);\n  const originalSet = value.set.bind(value);\n  const originalUpdate = value.update.bind(value);\n\n  inputDefinition.applyValueToInputSignal = (inputSignalNode: unknown, newValue: unknown) => {\n    isControlled = true;\n    originalSet(newValue);\n    originalApply(inputSignalNode, newValue);\n  };\n\n  value.set = (newValue: unknown) => {\n    if (!isControlled) {\n      originalSet(newValue);\n    }\n  };\n\n  value.update = (updateFn: (value: unknown) => unknown) => {\n    if (!isControlled) {\n      originalUpdate(updateFn);\n    }\n  };\n\n  return value;\n}\n\nfunction isSignalInput(\n  property: unknown,\n): property is InputSignal<unknown> | InputSignalWithTransform<unknown, unknown> {\n  if (!isSignal(property)) {\n    return false;\n  }\n\n  const symbol = Object.getOwnPropertySymbols(property).find(s => s.description === 'SIGNAL');\n\n  if (!symbol) {\n    return false;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const inputDefinition = symbol ? (property as any)[symbol] : undefined;\n\n  if (!inputDefinition) {\n    return false;\n  }\n\n  return 'transformFn' in inputDefinition || 'applyValueToInputSignal' in inputDefinition;\n}\n\nexport interface CreatePrimitiveOptions {\n  injector?: Injector;\n  elementRef?: ElementRef<HTMLElement>;\n}\n\ntype PrimitiveState<TFactory extends (...args: any[]) => unknown> = TFactory extends (\n  props: unknown,\n) => infer R\n  ? R\n  : TFactory extends (...args: any[]) => infer R\n    ? R\n    : never;\n\ntype BasePrimitiveInjectionFn<TState> = {\n  (): Signal<TState>;\n  (options: { hoisted: true; optional?: boolean; skipSelf?: boolean }): Signal<TState | null>;\n  (options?: {\n    hoisted?: boolean;\n    optional?: boolean;\n    skipSelf?: boolean;\n  }): Signal<TState | null> | Signal<TState>;\n};\n\ntype PrimitiveInjectionFn<TFactory extends (...args: any[]) => unknown> = TFactory extends (\n  props: unknown,\n) => infer R\n  ? {\n      (): Signal<R>;\n      (options: { hoisted: true; optional?: boolean; skipSelf?: boolean }): Signal<R | null>;\n      (options?: {\n        hoisted?: boolean;\n        optional?: boolean;\n        skipSelf?: boolean;\n      }): Signal<R | null> | Signal<R>;\n    }\n  : BasePrimitiveInjectionFn<PrimitiveState<TFactory>>;\n\nexport function createPrimitive<TFactory extends (...args: any[]) => unknown>(\n  name: string,\n  fn: TFactory,\n  options?: CreatePrimitiveOptions,\n): [\n  InjectionToken<WritableSignal<PrimitiveState<TFactory>>>,\n  TFactory,\n  PrimitiveInjectionFn<TFactory>,\n  (opts?: { inherit?: boolean }) => FactoryProvider,\n];\nexport function createPrimitive<TFactory extends (...args: any[]) => unknown>(\n  name: string,\n  fn: TFactory,\n  options: CreatePrimitiveOptions = {},\n): [\n  InjectionToken<WritableSignal<PrimitiveState<TFactory>>>,\n  TFactory,\n  PrimitiveInjectionFn<TFactory>,\n  (opts?: { inherit?: boolean }) => FactoryProvider,\n] {\n  // Create a unique injection token for the primitive's state signal\n  const token = new InjectionToken<WritableSignal<PrimitiveState<TFactory>>>(`Primitive: ${name}`);\n\n  // Create the state signal within the appropriate injection context\n  const factory = ((props: Parameters<TFactory>[0]) => {\n    // determine the injector to use\n    let injector = options.injector ?? inject(Injector);\n\n    // If an ElementRef is provided in options, create a child injector\n    if (options.elementRef) {\n      injector = Injector.create({\n        providers: [{ provide: ElementRef, useValue: options.elementRef }],\n        parent: injector,\n      });\n    }\n\n    return runInInjectionContext(injector, () => {\n      const state = inject(token, { optional: true });\n      const instance = fn(props);\n      state?.set(instance as PrimitiveState<TFactory>);\n      return instance;\n    });\n  }) as TFactory;\n\n  // create an injection function that provides the state signal\n  function injectFn<T = PrimitiveState<TFactory>>(): Signal<T>;\n  function injectFn<T = PrimitiveState<TFactory>>(\n    options: { hoisted: true } & InjectOptions,\n  ): Signal<T | null>;\n  function injectFn<T = PrimitiveState<TFactory>>(options?: {\n    hoisted?: boolean;\n    optional?: boolean;\n    skipSelf?: boolean;\n  }): Signal<T | null> | Signal<T> {\n    const hoisted = options?.hoisted ?? false;\n    const optional = options?.optional ?? false;\n    const skipSelf = options?.skipSelf ?? false;\n\n    if (hoisted || optional) {\n      return (inject(token, { optional: true, skipSelf }) ??\n        signal(null)) as unknown as Signal<T | null>;\n    }\n\n    return inject(token, { optional, skipSelf }) as unknown as Signal<T>;\n  }\n\n  // create a function to provide the state\n  const provideFn = (opts?: { inherit?: boolean }): FactoryProvider => {\n    const inherit = opts?.inherit ?? true;\n    return {\n      provide: token,\n      useFactory: () => {\n        if (inherit === false) {\n          return signal(null);\n        }\n\n        return inject(token, { optional: true, skipSelf: true }) ?? signal(null);\n      },\n    };\n  };\n\n  return [token, factory as TFactory, injectFn as PrimitiveInjectionFn<TFactory>, provideFn];\n}\n\nexport function controlled<T>(value: Signal<T>): WritableSignal<T>;\nexport function controlled<T>(value: Signal<T> | undefined, defaultValue: T): WritableSignal<T>;\nexport function controlled<T>(value: Signal<T> | undefined, defaultValue?: T): WritableSignal<T> {\n  return value ? linkedSignal(() => value()) : signal(defaultValue as T);\n}\n\nexport interface ControlledStateOptions<T> {\n  /**\n   * The controlled value signal. When defined (not `undefined`), the component\n   * is in controlled mode and this value always wins.\n   */\n  readonly value: Signal<T | undefined>;\n  /**\n   * The default value signal for uncontrolled mode.\n   */\n  readonly defaultValue?: Signal<T>;\n  /**\n   * Callback fired when the value changes.\n   */\n  readonly onChange?: (value: T) => void;\n}\n\nexport interface SetterOptions {\n  /**\n   * Whether to fire `onChange` and emit on the `change` observable.\n   * Defaults to `true`. Set to `false` for cases like form `writeValue`\n   * where the internal state should sync without notifying listeners.\n   */\n  readonly emit?: boolean;\n}\n\nexport type ControlledState<T> = [\n  value: Signal<T>,\n  set: (value: T, options?: SetterOptions) => void,\n  change: Observable<T>,\n];\n\nexport function controlledState<T>({\n  value,\n  onChange,\n  defaultValue,\n}: ControlledStateOptions<T>): ControlledState<T> {\n  const change = emitter<T>();\n  const UNSET = Symbol('UNSET');\n  const userValue = signal<T | typeof UNSET>(UNSET);\n\n  // Latching flag: once the controlled value has been defined, the component\n  // is permanently controlled and set() must not update internal state.\n  // This is intentionally mutated inside `resolved` — it must latch\n  // synchronously during signal evaluation so that set() sees the correct\n  // state. A pure computation cannot express \"once true, always true\" without\n  // external state.\n  let isControlled = value() !== undefined;\n\n  const resolved = linkedSignal(() => {\n    const v = value();\n    if (v !== undefined) {\n      isControlled = true;\n      return v;\n    }\n    const uv = userValue();\n    return uv !== UNSET ? (uv as T) : defaultValue?.();\n  });\n\n  function set(newValue: T, options?: SetterOptions) {\n    if (resolved() === newValue && options?.emit !== false) {\n      return;\n    }\n    if (!isControlled) {\n      userValue.set(newValue);\n    }\n    if (options?.emit !== false) {\n      onChange?.(newValue);\n      change.emit(newValue);\n    }\n  }\n\n  return [resolved.asReadonly() as Signal<T>, set, change.asObservable()];\n}\n\nfunction setAttribute(\n  element: ElementRef<HTMLElement>,\n  attr: string,\n  value: string | null | undefined,\n): void {\n  // if the attribute is \"disabled\" and the value is 'false', we need to remove the attribute\n  if (attr === 'disabled' && value === 'false') {\n    element.nativeElement.removeAttribute(attr);\n    return;\n  }\n\n  if (value !== null && value !== undefined) {\n    element.nativeElement.setAttribute(attr, value);\n  } else {\n    element.nativeElement.removeAttribute(attr);\n  }\n}\n\nexport function attrBinding(\n  element: ElementRef<HTMLElement>,\n  attr: string,\n  value:\n    | (() => string | number | boolean | null | undefined)\n    | string\n    | number\n    | boolean\n    | null\n    | undefined,\n): void {\n  // If the value is static (not a function), set it immediately without an effect\n  if (typeof value !== 'function') {\n    setAttribute(element, attr, value?.toString() ?? null);\n    return;\n  }\n\n  isomorphicEffect(() => {\n    const valueResult = value();\n    setAttribute(element, attr, valueResult?.toString() ?? null);\n  });\n}\n\nfunction getStyleUnit(style: string): string {\n  const parts = style.split('.');\n\n  if (parts.length > 1) {\n    const unit = parts[parts.length - 1];\n\n    switch (unit) {\n      case 'px':\n      case 'em':\n      case 'rem':\n      case '%':\n      case 'vh':\n      case 'vw':\n      case 'vmin':\n      case 'vmax':\n      case 'cm':\n      case 'mm':\n      case 'in':\n      case 'pt':\n      case 'pc':\n      case 'ex':\n      case 'ch':\n        return unit;\n      default:\n        return '';\n    }\n  }\n\n  return '';\n}\n\nexport function styleBinding(\n  element: ElementRef<HTMLElement>,\n  style: string,\n  value: (() => string | number | null) | string | number | null,\n): void {\n  isomorphicEffect(() => {\n    const styleValue = typeof value === 'function' ? value() : value;\n    // we should look for units in the style name, just like Angular does e.g. width.px\n    const styleUnit = getStyleUnit(style);\n    const styleName = styleUnit ? style.replace(`.${styleUnit}`, '') : style;\n\n    if (styleValue !== null) {\n      element.nativeElement.style.setProperty(styleName, styleValue + styleUnit);\n    } else {\n      element.nativeElement.style.removeProperty(styleName);\n    }\n  });\n}\n\nexport function dataBinding(\n  element: ElementRef<HTMLElement>,\n  attr: string,\n  value: (() => string | boolean | null) | string | boolean | null,\n): void {\n  if (!attr.startsWith('data-')) {\n    throw new Error(`dataBinding: attribute \"${attr}\" must start with \"data-\"`);\n  }\n\n  isomorphicEffect(() => {\n    let valueResult = typeof value === 'function' ? value() : value;\n\n    if (valueResult === false) {\n      valueResult = null;\n    } else if (valueResult === true) {\n      valueResult = '';\n    } else if (valueResult !== null && typeof valueResult !== 'string') {\n      valueResult = String(valueResult);\n    }\n\n    setAttribute(element, attr, valueResult);\n  });\n}\n\nexport function listener<K extends keyof HTMLElementEventMap>(\n  element: HTMLElement | ElementRef<HTMLElement> | Document,\n  event: K,\n  handler: (event: HTMLElementEventMap[K]) => void,\n  options?: { injector?: Injector; config?: AddEventListenerOptions | boolean },\n): () => void;\nexport function listener(\n  element: HTMLElement | ElementRef<HTMLElement> | Document,\n  event: string,\n  handler: (event: Event) => void,\n  options?: { injector?: Injector; config?: AddEventListenerOptions | boolean },\n): () => void;\nexport function listener<K extends keyof HTMLElementEventMap>(\n  element: HTMLElement | ElementRef<HTMLElement> | Document,\n  event: K | string,\n  handler: (event: HTMLElementEventMap[K] | Event) => void,\n  options?: { injector?: Injector; config?: AddEventListenerOptions | boolean },\n): () => void {\n  return runInInjectionContext(options?.injector ?? inject(Injector), () => {\n    const ngZone = inject(NgZone);\n    const destroyRef = inject(DestroyRef);\n    const nativeElement = coerceElement(element);\n\n    const removeListener = () =>\n      nativeElement.removeEventListener(event, handler as EventListener, options?.config);\n    destroyRef.onDestroy(removeListener);\n    ngZone.runOutsideAngular(() =>\n      nativeElement.addEventListener(event, handler as EventListener, options?.config),\n    );\n\n    return removeListener;\n  });\n}\n\nexport function onMount(callback: () => void): void {\n  const injector = inject(Injector);\n  afterRenderEffect(() => runInInjectionContext(injector, callback), { injector });\n}\n\nexport function onDestroy(callback: () => void): void {\n  const destroyRef = inject(DestroyRef);\n  destroyRef.onDestroy(callback);\n}\n\n/**\n * Previously, with our state approach, we allowed signals to be written directly using their setters.\n * However, with our new approach, we want people to use the appropriate set method instead. This function takes in a writable\n * signal and returns a proxy that warns the user when set is called directly.\n */\nexport function deprecatedSetter<T>(\n  signal: WritableSignal<T>,\n  methodName: string,\n): WritableSignal<T>;\nexport function deprecatedSetter<T>(\n  signal: Signal<T>,\n  methodName: string,\n  setter: (value: T) => void,\n): WritableSignal<T>;\nexport function deprecatedSetter<T>(\n  signal: Signal<T>,\n  methodName: string,\n  setter?: (value: T) => void,\n): WritableSignal<T> {\n  return new Proxy(signal as WritableSignal<T>, {\n    get(target, prop) {\n      if (prop === 'set') {\n        return (value: T) => {\n          console.warn(\n            `Deprecation warning: Use ${methodName}() instead of setting the value directly.`,\n          );\n          if (setter) {\n            setter(value);\n          } else {\n            (target as WritableSignal<T>).set(value);\n          }\n        };\n      }\n      if (prop === 'update') {\n        return (updateFn: (value: T) => T) => {\n          console.warn(\n            `Deprecation warning: Use ${methodName}() instead of setting the value directly.`,\n          );\n          const newValue = updateFn(target());\n          if (setter) {\n            setter(newValue);\n          } else {\n            (target as WritableSignal<T>).set(newValue);\n          }\n        };\n      }\n      return target[prop as keyof WritableSignal<T>];\n    },\n  });\n}\n\n/**\n * A utility function to inject an inherited state from a parent injector. This is useful for cases\n * where a primitive needs to inherit state from a parent primitive, such as in roving focus groups.\n * We could use inject with a forwardRef, but forwardRef returns an any - no thanks...\n */\nexport function injectInheritedState<T>(\n  token: () => InjectionToken<T>,\n  injectOptions: InjectOptions = {},\n): T | null {\n  return (\n    inject<T>(\n      forwardRef(() => token()),\n      { optional: true, skipSelf: true, ...injectOptions },\n    ) ?? null\n  );\n}\n\nexport interface Emitter<T> {\n  emit(value: T): void;\n  asObservable(): Observable<T>;\n}\n\n/**\n * An emitter is a simple wrapper around a Subject that ensures\n * that change detection is run when an event is emitted and that\n * the subject is automatically completed when the component is destroyed.\n */\nexport function emitter<T>({\n  injector = inject(Injector),\n}: { injector?: Injector } = {}): Emitter<T> {\n  return runInInjectionContext(injector, () => {\n    const eventEmitter = new Subject<T>();\n    const changeDetector = inject(ChangeDetectorRef);\n\n    // Complete the subject on destroy\n    onDestroy(() => eventEmitter.complete());\n\n    return {\n      emit(value: T): void {\n        eventEmitter.next(value);\n        changeDetector.markForCheck();\n      },\n      asObservable(): Observable<T> {\n        return eventEmitter.asObservable();\n      },\n    };\n  });\n}\n\nfunction isomorphicEffect(callback: () => void): void {\n  const injector = inject(Injector);\n  const platformId = injector.get(PLATFORM_ID);\n\n  if (isPlatformBrowser(platformId)) {\n    afterRenderEffect(() => callback());\n  } else {\n    // On the server, we just run the effect immediately\n    effect(() => callback());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, computed, input, booleanAttribute, Directive, output } from '@angular/core';
+import { InjectionToken, inject, computed, signal, input, booleanAttribute, Directive, output } from '@angular/core';
 import { ngpRovingFocusItem, provideRovingFocusItemState, ngpRovingFocusGroup, provideRovingFocusGroupState } from 'ng-primitives/roving-focus';
 import { injectElementRef } from 'ng-primitives/internal';
-import { createPrimitive, controlled, emitter, attrBinding, dataBinding, deprecatedSetter, listener } from 'ng-primitives/state';
+import { createPrimitive, controlled, controlledState, attrBinding, dataBinding, deprecatedSetter, listener } from 'ng-primitives/state';
 
 const defaultToggleGroupConfig = {
     orientation: 'horizontal',
@@ -32,12 +32,18 @@ function injectToggleGroupConfig() {
     return inject(NgpToggleGroupConfigToken, { optional: true }) ?? defaultToggleGroupConfig;
 }
 
-const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provideToggleGroupState,] = createPrimitive('NgpToggleGroup', ({ rovingFocusGroup, orientation: _orientation = signal('vertical'), allowDeselection = signal(true), type = signal('single'), value: _value = signal([]), disabled: _disabled = signal(false), onValueChange, }) => {
+const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provideToggleGroupState,] = createPrimitive('NgpToggleGroup', ({ rovingFocusGroup, orientation: _orientation, allowDeselection: _allowDeselection, type: _type, value: _value, defaultValue: _defaultValue, disabled: _disabled, onValueChange, }) => {
     const element = injectElementRef();
-    const disabled = controlled(_disabled);
-    const value = controlled(_value);
-    const orientation = controlled(_orientation);
-    const valueChange = emitter();
+    const allowDeselection = controlled(_allowDeselection, true);
+    const type = controlled(_type, 'single');
+    const disabled = controlled(_disabled, false);
+    const orientation = controlled(_orientation, 'horizontal');
+    const defaultValue = controlled(_defaultValue, []);
+    const [value, setValueInternal, valueChange] = controlledState({
+        value: _value,
+        defaultValue,
+        onChange: onValueChange,
+    });
     // Host bindings
     attrBinding(element, 'role', 'group');
     dataBinding(element, 'data-orientation', orientation);
@@ -46,7 +52,7 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
     /**
      * Select a value in the toggle group.
      */
-    const select = (selection) => {
+    function select(selection) {
         if (disabled()) {
             return;
         }
@@ -58,44 +64,42 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
             newValue = [...value(), selection];
         }
         setValue(newValue);
-    };
+    }
     /**
      * De-select a value in the toggle group.
      */
-    const deselect = (selection) => {
+    function deselect(selection) {
         if (disabled() || !allowDeselection()) {
             return;
         }
-        const newValue = value()?.filter(v => v !== selection) || [];
+        const newValue = value().filter(v => v !== selection);
         setValue(newValue);
-    };
+    }
     /**
      * Check if a value is selected in the toggle group.
      * @internal
      */
-    const isSelected = (itemValue) => {
-        return value()?.includes(itemValue) ?? false;
-    };
+    function isSelected(itemValue) {
+        return value().includes(itemValue);
+    }
     /**
      * Toggle a value in the toggle group.
      * @internal
      */
-    const toggle = (itemValue) => {
+    function toggle(itemValue) {
         if (isSelected(itemValue)) {
             deselect(itemValue);
         }
         else {
             select(itemValue);
         }
-    };
-    const setValue = (newValue) => {
-        value.set(newValue);
-        onValueChange?.(newValue);
-        valueChange.emit(newValue);
-    };
-    const setDisabled = (isDisabled) => {
+    }
+    function setValue(newValue, options) {
+        setValueInternal(newValue, options);
+    }
+    function setDisabled(isDisabled) {
         disabled.set(isDisabled);
-    };
+    }
     function setOrientation(newOrientation) {
         orientation.set(newOrientation);
         rovingFocusGroup.setOrientation(newOrientation);
@@ -106,12 +110,13 @@ const [NgpToggleGroupStateToken, ngpToggleGroup, injectToggleGroupState, provide
         disabled: deprecatedSetter(disabled, 'setDisabled'),
         isSelected,
         toggle,
-        value: deprecatedSetter(value, 'setValue'),
-        orientation: deprecatedSetter(orientation, 'setOrientation'),
+        value: deprecatedSetter(value, 'setValue', setValue),
+        orientation: deprecatedSetter(orientation, 'setOrientation', setOrientation),
         setValue,
+        setDefaultValue: defaultValue.set,
         setDisabled,
         setOrientation,
-        valueChange: valueChange.asObservable(),
+        valueChange,
     };
 });
 
@@ -217,7 +222,12 @@ class NgpToggleGroup {
         /**
          * The selected value(s) of the toggle group.
          */
-        this.value = input([], ...(ngDevMode ? [{ debugName: "value", alias: 'ngpToggleGroupValue' }] : [{ alias: 'ngpToggleGroupValue' }]));
+        this.value = input(undefined, ...(ngDevMode ? [{ debugName: "value", alias: 'ngpToggleGroupValue' }] : [{ alias: 'ngpToggleGroupValue' }]));
+        /**
+         * The default selected value(s) for uncontrolled usage.
+         * @default []
+         */
+        this.defaultValue = input([], ...(ngDevMode ? [{ debugName: "defaultValue", alias: 'ngpToggleGroupDefaultValue' }] : [{ alias: 'ngpToggleGroupDefaultValue' }]));
         /**
          * Emits when the value of the toggle group changes.
          */
@@ -243,6 +253,7 @@ class NgpToggleGroup {
             allowDeselection: this.allowDeselection,
             type: this.type,
             value: this.value,
+            defaultValue: this.defaultValue,
             disabled: this.disabled,
             onValueChange: (value) => this.valueChange.emit(value),
         });
@@ -256,8 +267,14 @@ class NgpToggleGroup {
     /**
      * Set the value(s) of the toggle group.
      */
-    setValue(newValue) {
-        this.state.setValue(newValue);
+    setValue(newValue, options) {
+        this.state.setValue(newValue, options);
+    }
+    /**
+     * Set the default value(s) of the toggle group.
+     */
+    setDefaultValue(defaultValue) {
+        this.state.setDefaultValue(defaultValue);
     }
     /**
      * Set the disabled state of the toggle group.
@@ -272,7 +289,7 @@ class NgpToggleGroup {
         this.state.setOrientation(newOrientation);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", 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 }, 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: "20.3.9", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpToggleGroup, decorators: [{
             type: Directive,
@@ -281,7 +298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     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 }] }], 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"] }], 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, Signal, WritableSignal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { NgpRovingFocusGroupState } from 'ng-primitives/roving-focus';\nimport {\n  attrBinding,\n  controlled,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  emitter,\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[]): 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 roving focus group state for the toggle-group.\n   */\n  readonly rovingFocusGroup: NgpRovingFocusGroupState;\n\n  /**\n   * The orientation of the toggle-group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\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   * 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    rovingFocusGroup,\n    orientation: _orientation = signal('vertical'),\n    allowDeselection = signal(true),\n    type = signal<'single' | 'multiple'>('single'),\n    value: _value = signal<string[]>([]),\n    disabled: _disabled = signal(false),\n    onValueChange,\n  }: NgpToggleGroupProps): NgpToggleGroupState => {\n    const element = injectElementRef();\n    const disabled = controlled(_disabled);\n    const value = controlled(_value);\n    const orientation = controlled(_orientation);\n    const valueChange = emitter<string[]>();\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    const 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() as string[]), selection];\n      }\n\n      setValue(newValue);\n    };\n\n    /**\n     * De-select a value in the toggle group.\n     */\n    const 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    const isSelected = (itemValue: string): boolean => {\n      return value()?.includes(itemValue) ?? false;\n    };\n\n    /**\n     * Toggle a value in the toggle group.\n     * @internal\n     */\n    const toggle = (itemValue: string): void => {\n      if (isSelected(itemValue)) {\n        deselect(itemValue);\n      } else {\n        select(itemValue);\n      }\n    };\n\n    const setValue = (newValue: string[]): void => {\n      value.set(newValue);\n      onValueChange?.(newValue);\n      valueChange.emit(newValue);\n    };\n\n    const setDisabled = (isDisabled: boolean): void => {\n      disabled.set(isDisabled);\n    };\n\n    function setOrientation(newOrientation: NgpOrientation): void {\n      orientation.set(newOrientation);\n      rovingFocusGroup.setOrientation(newOrientation);\n    }\n\n    return {\n      select,\n      deselect,\n      disabled: deprecatedSetter(disabled, 'setDisabled'),\n      isSelected,\n      toggle,\n      value: deprecatedSetter(value, 'setValue') as WritableSignal<string[]>,\n      orientation: deprecatedSetter(orientation, 'setOrientation'),\n      setValue,\n      setDisabled,\n      setOrientation,\n      valueChange: valueChange.asObservable(),\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 { ngpRovingFocusGroup, provideRovingFocusGroupState } from 'ng-primitives/roving-focus';\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[]>([], { alias: 'ngpToggleGroupValue' });\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    rovingFocusGroup: ngpRovingFocusGroup({\n      orientation: this.orientation,\n      disabled: this.disabled,\n      wrap: this.wrap,\n    }),\n    orientation: this.orientation,\n    allowDeselection: this.allowDeselection,\n    type: this.type,\n    value: this.value,\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[]): void {\n    this.state.setValue(newValue);\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 { NgpRovingFocusGroupState } 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 roving focus group state for the toggle-group.\n   */\n  readonly rovingFocusGroup: NgpRovingFocusGroupState;\n\n  /**\n   * The orientation of the toggle-group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\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    rovingFocusGroup,\n    orientation: _orientation,\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 defaultValue = controlled(_defaultValue, []);\n\n    const [value, setValueInternal, valueChange] = controlledState<string[]>({\n      value: _value,\n      defaultValue,\n      onChange: onValueChange,\n    });\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      orientation.set(newOrientation);\n      rovingFocusGroup.setOrientation(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 { ngpRovingFocusGroup, 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    rovingFocusGroup: ngpRovingFocusGroup({\n      orientation: this.orientation,\n      disabled: this.disabled,\n      wrap: this.wrap,\n    }),\n    orientation: this.orientation,\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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"}

package/fesm2022/ng-primitives-toggle.mjs

@@ -1,22 +1,26 @@
 import * as i0 from '@angular/core';
-import { signal, computed, input, booleanAttribute, output, Directive } from '@angular/core';
+import { computed, input, booleanAttribute, output, Directive } from '@angular/core';
 import { ngpInteractions } from 'ng-primitives/interactions';
 import { injectElementRef } from 'ng-primitives/internal';
-import { createPrimitive, controlled, emitter, attrBinding, dataBinding, listener, deprecatedSetter } from 'ng-primitives/state';
+import { createPrimitive, controlled, controlledState, attrBinding, dataBinding, listener, deprecatedSetter } from 'ng-primitives/state';
 
-const [NgpToggleStateToken, ngpToggle, injectToggleState, provideToggleState] = createPrimitive('NgpToggle', ({ selected: _selected = signal(false), disabled: _disabled = signal(false), onSelectedChange, }) => {
+const [NgpToggleStateToken, ngpToggle, injectToggleState, provideToggleState] = createPrimitive('NgpToggle', ({ selected: _selected, defaultSelected: _defaultSelected, disabled: _disabled, onSelectedChange, }) => {
     const element = injectElementRef();
-    const selected = controlled(_selected);
-    const disabled = controlled(_disabled);
     const isButton = element.nativeElement.tagName.toLowerCase() === 'button';
-    const selectedChange = emitter();
+    const defaultSelected = controlled(_defaultSelected, false);
+    const disabled = controlled(_disabled, false);
+    const tabindex = computed(() => (disabled() ? -1 : 0), ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
+    const [selected, setSelected, selectedChange] = controlledState({
+        value: _selected,
+        defaultValue: defaultSelected,
+        onChange: onSelectedChange,
+    });
     ngpInteractions({
         hover: true,
         press: true,
         focusVisible: true,
         disabled,
     });
-    const tabindex = computed(() => (disabled() ? -1 : 0), ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
     // Host bindings
     attrBinding(element, 'type', () => (isButton ? 'button' : null));
     attrBinding(element, 'aria-pressed', selected);
@@ -41,20 +45,16 @@ const [NgpToggleStateToken, ngpToggle, injectToggleState, provideToggleState] =
         event?.preventDefault?.();
         setSelected(!selected());
     }
-    function setSelected(value) {
-        selected.set(value);
-        onSelectedChange?.(value);
-        selectedChange.emit(value);
-    }
     function setDisabled(value) {
         disabled.set(value);
     }
     return {
-        selected: deprecatedSetter(selected, 'setSelected'),
-        disabled: deprecatedSetter(disabled, 'setDisabled'),
-        selectedChange: selectedChange.asObservable(),
+        selected: deprecatedSetter(selected, 'setSelected', setSelected),
+        disabled: deprecatedSetter(disabled, 'setDisabled', setDisabled),
+        selectedChange,
         toggle,
         setSelected,
+        setDefaultSelected: defaultSelected.set,
         setDisabled,
     };
 });
@@ -66,13 +66,21 @@ class NgpToggle {
     constructor() {
         /**
          * Whether the toggle is selected.
-         * @default false
          */
-        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", alias: 'ngpToggleSelected',
+        this.selected = input(undefined, ...(ngDevMode ? [{ debugName: "selected", alias: 'ngpToggleSelected',
                 transform: booleanAttribute }] : [{
                 alias: 'ngpToggleSelected',
                 transform: booleanAttribute,
             }]));
+        /**
+         * The default selected state for uncontrolled usage.
+         * @default false
+         */
+        this.defaultSelected = input(false, ...(ngDevMode ? [{ debugName: "defaultSelected", alias: 'ngpToggleDefaultSelected',
+                transform: booleanAttribute }] : [{
+                alias: 'ngpToggleDefaultSelected',
+                transform: booleanAttribute,
+            }]));
         /**
          * Emits when the selected state changes.
          */
@@ -94,6 +102,7 @@ class NgpToggle {
          */
         this.state = ngpToggle({
             selected: this.selected,
+            defaultSelected: this.defaultSelected,
             disabled: this.disabled,
             onSelectedChange: value => this.selectedChange.emit(value),
         });
@@ -107,8 +116,14 @@ class NgpToggle {
     /**
      * Set the selected state.
      */
-    setSelected(value) {
-        this.state.setSelected(value);
+    setSelected(value, options) {
+        this.state.setSelected(value, options);
+    }
+    /**
+     * Set the default selected state.
+     */
+    setDefaultSelected(value) {
+        this.state.setDefaultSelected(value);
     }
     /*
      * Set the disabled state.
@@ -117,7 +132,7 @@ class NgpToggle {
         this.state.setDisabled(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpToggle, isStandalone: true, selector: "[ngpToggle]", inputs: { selected: { classPropertyName: "selected", publicName: "ngpToggleSelected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpToggleDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "ngpToggleSelectedChange" }, providers: [provideToggleState({ inherit: false })], exportAs: ["ngpToggle"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpToggle, isStandalone: true, selector: "[ngpToggle]", inputs: { selected: { classPropertyName: "selected", publicName: "ngpToggleSelected", isSignal: true, isRequired: false, transformFunction: null }, defaultSelected: { classPropertyName: "defaultSelected", publicName: "ngpToggleDefaultSelected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpToggleDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "ngpToggleSelectedChange" }, providers: [provideToggleState({ inherit: false })], exportAs: ["ngpToggle"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpToggle, decorators: [{
             type: Directive,
@@ -126,7 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     exportAs: 'ngpToggle',
                     providers: [provideToggleState({ inherit: false })],
                 }]
-        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleSelected", required: false }] }], selectedChange: [{ type: i0.Output, args: ["ngpToggleSelectedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleDisabled", required: false }] }] } });
+        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleSelected", required: false }] }], defaultSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleDefaultSelected", required: false }] }], selectedChange: [{ type: i0.Output, args: ["ngpToggleSelectedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpToggleDisabled", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-toggle.mjs","sources":["../../../../packages/ng-primitives/toggle/src/toggle/toggle-state.ts","../../../../packages/ng-primitives/toggle/src/toggle/toggle.ts","../../../../packages/ng-primitives/toggle/src/ng-primitives-toggle.ts"],"sourcesContent":["import { computed, Signal, signal, WritableSignal } from '@angular/core';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  attrBinding,\n  controlled,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  emitter,\n  listener,\n} from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\n\n/**\n * Public state surface for the Toggle primitive.\n */\nexport interface NgpToggleState {\n  /**\n   * Whether the toggle is selected.\n   */\n  readonly selected: WritableSignal<boolean>;\n  /**\n   * Whether the toggle is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n  /**\n   * Emits when the selected state changes.\n   */\n  readonly selectedChange: Observable<boolean>;\n  /**\n   * Toggle the selected state.\n   */\n  toggle(event?: Event): void;\n  /**\n   * Set the selected state.\n   */\n  setSelected(value: boolean): void;\n  /**\n   * Set the disabled state.\n   */\n  setDisabled(value: boolean): void;\n}\n\n/**\n * Inputs for configuring the Toggle primitive.\n */\nexport interface NgpToggleProps {\n  /**\n   * Whether the toggle is selected.\n   */\n  readonly selected?: Signal<boolean>;\n  /**\n   * Whether the toggle is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback fired when the selected state changes.\n   */\n  readonly onSelectedChange?: (selected: boolean) => void;\n}\n\nexport const [NgpToggleStateToken, ngpToggle, injectToggleState, provideToggleState] =\n  createPrimitive(\n    'NgpToggle',\n    ({\n      selected: _selected = signal(false),\n      disabled: _disabled = signal(false),\n      onSelectedChange,\n    }: NgpToggleProps): NgpToggleState => {\n      const element = injectElementRef<HTMLElement>();\n      const selected = controlled(_selected);\n      const disabled = controlled(_disabled);\n      const isButton = element.nativeElement.tagName.toLowerCase() === 'button';\n\n      const selectedChange = emitter<boolean>();\n\n      ngpInteractions({\n        hover: true,\n        press: true,\n        focusVisible: true,\n        disabled,\n      });\n\n      const tabindex = computed(() => (disabled() ? -1 : 0));\n\n      // Host bindings\n      attrBinding(element, 'type', () => (isButton ? 'button' : null));\n      attrBinding(element, 'aria-pressed', selected);\n      dataBinding(element, 'data-selected', selected);\n      dataBinding(element, 'data-disabled', disabled);\n      attrBinding(element, 'aria-disabled', disabled);\n      attrBinding(element, 'tabindex', () => tabindex().toString());\n\n      // Listeners\n      listener(element, 'click', event => toggle(event));\n      listener(element, 'keydown', (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Spacebar') {\n          if (!isButton && element.nativeElement.tagName !== 'a') {\n            event.preventDefault();\n            toggle(event);\n          }\n        }\n      });\n\n      function toggle(event?: Event): void {\n        if (disabled()) {\n          return;\n        }\n\n        event?.preventDefault?.();\n        setSelected(!selected());\n      }\n\n      function setSelected(value: boolean): void {\n        selected.set(value);\n        onSelectedChange?.(value);\n        selectedChange.emit(value);\n      }\n\n      function setDisabled(value: boolean): void {\n        disabled.set(value);\n      }\n\n      return {\n        selected: deprecatedSetter(selected, 'setSelected'),\n        disabled: deprecatedSetter(disabled, 'setDisabled'),\n        selectedChange: selectedChange.asObservable(),\n        toggle,\n        setSelected,\n        setDisabled,\n      } satisfies NgpToggleState;\n    },\n  );\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { ngpToggle, provideToggleState } from './toggle-state';\n\n/**\n * Apply the `ngpToggle` directive to an element to manage the toggle state. This must be applied to a `button` element.\n */\n@Directive({\n  selector: '[ngpToggle]',\n  exportAs: 'ngpToggle',\n  providers: [provideToggleState({ inherit: false })],\n})\nexport class NgpToggle {\n  /**\n   * Whether the toggle is selected.\n   * @default false\n   */\n  readonly selected = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleSelected',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the selected state changes.\n   */\n  readonly selectedChange = output<boolean>({\n    alias: 'ngpToggleSelectedChange',\n  });\n\n  /**\n   * Whether the toggle is disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state for the toggle primitive.\n   * @internal\n   */\n  protected readonly state = ngpToggle({\n    selected: this.selected,\n    disabled: this.disabled,\n    onSelectedChange: value => this.selectedChange.emit(value),\n  });\n\n  /**\n   * Toggle the selected state.\n   */\n  toggle(): void {\n    this.state.toggle();\n  }\n\n  /**\n   * Set the selected state.\n   */\n  setSelected(value: boolean): void {\n    this.state.setSelected(value);\n  }\n\n  /*\n   * Set the disabled state.\n   */\n  setDisabled(value: boolean): void {\n    this.state.setDisabled(value);\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.mjs","sources":["../../../../packages/ng-primitives/toggle/src/toggle/toggle-state.ts","../../../../packages/ng-primitives/toggle/src/toggle/toggle.ts","../../../../packages/ng-primitives/toggle/src/ng-primitives-toggle.ts"],"sourcesContent":["import { computed, Signal, WritableSignal } from '@angular/core';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  attrBinding,\n  controlled,\n  controlledState,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  listener,\n  SetterOptions,\n} from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\n\n/**\n * Public state surface for the Toggle primitive.\n */\nexport interface NgpToggleState {\n  /**\n   * Whether the toggle is selected.\n   */\n  readonly selected: WritableSignal<boolean>;\n  /**\n   * Whether the toggle is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n  /**\n   * Emits when the selected state changes.\n   */\n  readonly selectedChange: Observable<boolean>;\n  /**\n   * Toggle the selected state.\n   */\n  toggle(event?: Event): void;\n  /**\n   * Set the selected state.\n   */\n  setSelected(value: boolean, options?: SetterOptions): void;\n  /**\n   * Set the default selected state.\n   */\n  setDefaultSelected(value: boolean): void;\n  /**\n   * Set the disabled state.\n   */\n  setDisabled(value: boolean): void;\n}\n\n/**\n * Inputs for configuring the Toggle primitive.\n */\nexport interface NgpToggleProps {\n  /**\n   * Whether the toggle is selected.\n   */\n  readonly selected: Signal<boolean | undefined>;\n  /**\n   * The default selected state for uncontrolled usage.\n   */\n  readonly defaultSelected?: Signal<boolean>;\n  /**\n   * Whether the toggle is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Callback fired when the selected state changes.\n   */\n  readonly onSelectedChange?: (selected: boolean) => void;\n}\n\nexport const [NgpToggleStateToken, ngpToggle, injectToggleState, provideToggleState] =\n  createPrimitive(\n    'NgpToggle',\n    ({\n      selected: _selected,\n      defaultSelected: _defaultSelected,\n      disabled: _disabled,\n      onSelectedChange,\n    }: NgpToggleProps): NgpToggleState => {\n      const element = injectElementRef<HTMLElement>();\n\n      const isButton = element.nativeElement.tagName.toLowerCase() === 'button';\n      const defaultSelected = controlled(_defaultSelected, false);\n      const disabled = controlled(_disabled, false);\n      const tabindex = computed(() => (disabled() ? -1 : 0));\n\n      const [selected, setSelected, selectedChange] = controlledState({\n        value: _selected,\n        defaultValue: defaultSelected,\n        onChange: onSelectedChange,\n      });\n\n      ngpInteractions({\n        hover: true,\n        press: true,\n        focusVisible: true,\n        disabled,\n      });\n\n      // Host bindings\n      attrBinding(element, 'type', () => (isButton ? 'button' : null));\n      attrBinding(element, 'aria-pressed', selected);\n      dataBinding(element, 'data-selected', selected);\n      dataBinding(element, 'data-disabled', disabled);\n      attrBinding(element, 'aria-disabled', disabled);\n      attrBinding(element, 'tabindex', () => tabindex().toString());\n\n      // Listeners\n      listener(element, 'click', event => toggle(event));\n      listener(element, 'keydown', (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Spacebar') {\n          if (!isButton && element.nativeElement.tagName !== 'a') {\n            event.preventDefault();\n            toggle(event);\n          }\n        }\n      });\n\n      function toggle(event?: Event): void {\n        if (disabled()) {\n          return;\n        }\n\n        event?.preventDefault?.();\n        setSelected(!selected());\n      }\n\n      function setDisabled(value: boolean): void {\n        disabled.set(value);\n      }\n\n      return {\n        selected: deprecatedSetter(selected, 'setSelected', setSelected),\n        disabled: deprecatedSetter(disabled, 'setDisabled', setDisabled),\n        selectedChange,\n        toggle,\n        setSelected,\n        setDefaultSelected: defaultSelected.set,\n        setDisabled,\n      } satisfies NgpToggleState;\n    },\n  );\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { SetterOptions } from 'ng-primitives/state';\nimport { ngpToggle, provideToggleState } from './toggle-state';\n\n/**\n * Apply the `ngpToggle` directive to an element to manage the toggle state. This must be applied to a `button` element.\n */\n@Directive({\n  selector: '[ngpToggle]',\n  exportAs: 'ngpToggle',\n  providers: [provideToggleState({ inherit: false })],\n})\nexport class NgpToggle {\n  /**\n   * Whether the toggle is selected.\n   */\n  readonly selected = input<boolean | undefined, BooleanInput>(undefined, {\n    alias: 'ngpToggleSelected',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The default selected state for uncontrolled usage.\n   * @default false\n   */\n  readonly defaultSelected = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleDefaultSelected',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the selected state changes.\n   */\n  readonly selectedChange = output<boolean>({\n    alias: 'ngpToggleSelectedChange',\n  });\n\n  /**\n   * Whether the toggle is disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state for the toggle primitive.\n   * @internal\n   */\n  protected readonly state = ngpToggle({\n    selected: this.selected,\n    defaultSelected: this.defaultSelected,\n    disabled: this.disabled,\n    onSelectedChange: value => this.selectedChange.emit(value),\n  });\n\n  /**\n   * Toggle the selected state.\n   */\n  toggle(): void {\n    this.state.toggle();\n  }\n\n  /**\n   * Set the selected state.\n   */\n  setSelected(value: boolean, options?: SetterOptions): void {\n    this.state.setSelected(value, options);\n  }\n\n  /**\n   * Set the default selected state.\n   */\n  setDefaultSelected(value: boolean): void {\n    this.state.setDefaultSelected(value);\n  }\n\n  /*\n   * Set the disabled state.\n   */\n  setDisabled(value: boolean): void {\n    this.state.setDisabled(value);\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.115.2",
+  "version": "0.116.0",
   "keywords": [
     "angular",
     "primitives",

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

@@ -77,7 +77,7 @@ export class Toggle<%= componentSuffix %> implements ControlValueAccessor {
 
   /** Write a new value to the toggle. */
   writeValue(value: boolean): void {
-    this.toggle().setSelected(value);
+    this.toggle().setSelected(value, { emit: false });
   }
 
   /** Register a callback function to be called when the value changes. */

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

@@ -58,7 +58,7 @@ export class ToggleGroup<%= componentSuffix %> implements ControlValueAccessor {
 
   /** Write a new value to the toggle group. */
   writeValue(value: string[]): void {
-    this.toggleGroup().setValue(value);
+    this.toggleGroup().setValue(value, { emit: false });
   }
 
   /** Register a callback function to be called when the value changes. */

package/state/index.d.ts

@@ -93,6 +93,36 @@ declare function createPrimitive<TFactory extends (...args: any[]) => unknown>(n
     }) => FactoryProvider
 ];
 declare function controlled<T>(value: Signal<T>): WritableSignal<T>;
+declare function controlled<T>(value: Signal<T> | undefined, defaultValue: T): WritableSignal<T>;
+interface ControlledStateOptions<T> {
+    /**
+     * The controlled value signal. When defined (not `undefined`), the component
+     * is in controlled mode and this value always wins.
+     */
+    readonly value: Signal<T | undefined>;
+    /**
+     * The default value signal for uncontrolled mode.
+     */
+    readonly defaultValue?: Signal<T>;
+    /**
+     * Callback fired when the value changes.
+     */
+    readonly onChange?: (value: T) => void;
+}
+interface SetterOptions {
+    /**
+     * Whether to fire `onChange` and emit on the `change` observable.
+     * Defaults to `true`. Set to `false` for cases like form `writeValue`
+     * where the internal state should sync without notifying listeners.
+     */
+    readonly emit?: boolean;
+}
+type ControlledState<T> = [
+    value: Signal<T>,
+    set: (value: T, options?: SetterOptions) => void,
+    change: Observable<T>
+];
+declare function controlledState<T>({ value, onChange, defaultValue, }: ControlledStateOptions<T>): ControlledState<T>;
 declare function attrBinding(element: ElementRef<HTMLElement>, attr: string, value: (() => string | number | boolean | null | undefined) | string | number | boolean | null | undefined): void;
 declare function styleBinding(element: ElementRef<HTMLElement>, style: string, value: (() => string | number | null) | string | number | null): void;
 declare function dataBinding(element: ElementRef<HTMLElement>, attr: string, value: (() => string | boolean | null) | string | boolean | null): void;
@@ -112,6 +142,7 @@ declare function onDestroy(callback: () => void): void;
  * signal and returns a proxy that warns the user when set is called directly.
  */
 declare function deprecatedSetter<T>(signal: WritableSignal<T>, methodName: string): WritableSignal<T>;
+declare function deprecatedSetter<T>(signal: Signal<T>, methodName: string, setter: (value: T) => void): WritableSignal<T>;
 /**
  * A utility function to inject an inherited state from a parent injector. This is useful for cases
  * where a primitive needs to inherit state from a parent primitive, such as in roving focus groups.
@@ -131,5 +162,5 @@ declare function emitter<T>({ injector, }?: {
     injector?: Injector;
 }): Emitter<T>;
 
-export { attrBinding, controlled, createPrimitive, createState, createStateInjector, createStateProvider, createStateToken, dataBinding, deprecatedSetter, emitter, injectInheritedState, listener, onDestroy, onMount, styleBinding };
-export type { CreatePrimitiveOptions, CreateStateProviderOptions, CreatedState, Emitter, InjectedState, State };
+export { attrBinding, controlled, controlledState, createPrimitive, createState, createStateInjector, createStateProvider, createStateToken, dataBinding, deprecatedSetter, emitter, injectInheritedState, listener, onDestroy, onMount, styleBinding };
+export type { ControlledState, ControlledStateOptions, CreatePrimitiveOptions, CreateStateProviderOptions, CreatedState, Emitter, InjectedState, SetterOptions, State };

package/toggle/index.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { WritableSignal, Signal } from '@angular/core';
+import { SetterOptions } from 'ng-primitives/state';
 import { Observable } from 'rxjs';
 import { BooleanInput } from '@angular/cdk/coercion';
 
@@ -26,7 +27,11 @@ interface NgpToggleState {
     /**
      * Set the selected state.
      */
-    setSelected(value: boolean): void;
+    setSelected(value: boolean, options?: SetterOptions): void;
+    /**
+     * Set the default selected state.
+     */
+    setDefaultSelected(value: boolean): void;
     /**
      * Set the disabled state.
      */
@@ -39,7 +44,11 @@ interface NgpToggleProps {
     /**
      * Whether the toggle is selected.
      */
-    readonly selected?: Signal<boolean>;
+    readonly selected: Signal<boolean | undefined>;
+    /**
+     * The default selected state for uncontrolled usage.
+     */
+    readonly defaultSelected?: Signal<boolean>;
     /**
      * Whether the toggle is disabled.
      */
@@ -49,7 +58,7 @@ interface NgpToggleProps {
      */
     readonly onSelectedChange?: (selected: boolean) => void;
 }
-declare const ngpToggle: ({ selected: _selected, disabled: _disabled, onSelectedChange, }: NgpToggleProps) => NgpToggleState;
+declare const ngpToggle: ({ selected: _selected, defaultSelected: _defaultSelected, disabled: _disabled, onSelectedChange, }: NgpToggleProps) => NgpToggleState;
 declare const injectToggleState: {
     (): Signal<NgpToggleState>;
     (options: {
@@ -73,9 +82,13 @@ declare const provideToggleState: (opts?: {
 declare class NgpToggle {
     /**
      * Whether the toggle is selected.
+     */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    /**
+     * The default selected state for uncontrolled usage.
      * @default false
      */
-    readonly selected: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly defaultSelected: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Emits when the selected state changes.
      */
@@ -97,10 +110,14 @@ declare class NgpToggle {
     /**
      * Set the selected state.
      */
-    setSelected(value: boolean): void;
+    setSelected(value: boolean, options?: SetterOptions): void;
+    /**
+     * Set the default selected state.
+     */
+    setDefaultSelected(value: boolean): void;
     setDisabled(value: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggle, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggle, "[ngpToggle]", ["ngpToggle"], { "selected": { "alias": "ngpToggleSelected"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleDisabled"; "required": false; "isSignal": true; }; }, { "selectedChange": "ngpToggleSelectedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggle, "[ngpToggle]", ["ngpToggle"], { "selected": { "alias": "ngpToggleSelected"; "required": false; "isSignal": true; }; "defaultSelected": { "alias": "ngpToggleDefaultSelected"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleDisabled"; "required": false; "isSignal": true; }; }, { "selectedChange": "ngpToggleSelectedChange"; }, never, never, true, never>;
 }
 
 export { NgpToggle, injectToggleState, ngpToggle, provideToggleState };

package/toggle-group/index.d.ts

@@ -3,6 +3,7 @@ import { Provider, OnInit, Signal, WritableSignal } from '@angular/core';
 import { NgpOrientation } from 'ng-primitives/common';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { NgpRovingFocusGroupState } from 'ng-primitives/roving-focus';
+import { SetterOptions } from 'ng-primitives/state';
 import { Observable } from 'rxjs';
 
 interface NgpToggleGroupConfig {
@@ -127,7 +128,11 @@ interface NgpToggleGroupState {
     /**
      * Set the value(s) of the toggle group.
      */
-    setValue(newValue: string[]): void;
+    setValue(newValue: string[], options?: SetterOptions): void;
+    /**
+     * Set the default value(s) of the toggle group.
+     */
+    setDefaultValue(defaultValue: string[]): void;
     /**
      * Set the disabled state of the toggle group.
      */
@@ -160,7 +165,11 @@ interface NgpToggleGroupProps {
     /**
      * The value(s) of the toggle-group.
      */
-    readonly value?: Signal<string[] | undefined>;
+    readonly value: Signal<string[] | undefined>;
+    /**
+     * The default value(s) of the toggle-group for uncontrolled usage.
+     */
+    readonly defaultValue?: Signal<string[]>;
     /**
      * Whether the toggle-group is disabled.
      */
@@ -170,7 +179,7 @@ interface NgpToggleGroupProps {
      */
     readonly onValueChange?: (value: string[]) => void;
 }
-declare const ngpToggleGroup: ({ rovingFocusGroup, orientation: _orientation, allowDeselection, type, value: _value, disabled: _disabled, onValueChange, }: NgpToggleGroupProps) => NgpToggleGroupState;
+declare const ngpToggleGroup: ({ rovingFocusGroup, orientation: _orientation, allowDeselection: _allowDeselection, type: _type, value: _value, defaultValue: _defaultValue, disabled: _disabled, onValueChange, }: NgpToggleGroupProps) => NgpToggleGroupState;
 declare const injectToggleGroupState: {
     (): Signal<NgpToggleGroupState>;
     (options: {
@@ -214,7 +223,12 @@ declare class NgpToggleGroup {
     /**
      * The selected value(s) of the toggle group.
      */
-    readonly value: _angular_core.InputSignal<string[]>;
+    readonly value: _angular_core.InputSignal<string[] | undefined>;
+    /**
+     * The default selected value(s) for uncontrolled usage.
+     * @default []
+     */
+    readonly defaultValue: _angular_core.InputSignal<string[]>;
     /**
      * Emits when the value of the toggle group changes.
      */
@@ -234,7 +248,11 @@ declare class NgpToggleGroup {
     /**
      * Set the value(s) of the toggle group.
      */
-    setValue(newValue: string[]): void;
+    setValue(newValue: string[], options?: SetterOptions): void;
+    /**
+     * Set the default value(s) of the toggle group.
+     */
+    setDefaultValue(defaultValue: string[]): void;
     /**
      * Set the disabled state of the toggle group.
      */
@@ -244,7 +262,7 @@ declare class NgpToggleGroup {
      */
     setOrientation(newOrientation: NgpOrientation): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggleGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggleGroup, "[ngpToggleGroup]", ["ngpToggleGroup"], { "orientation": { "alias": "ngpToggleGroupOrientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "ngpToggleGroupWrap"; "required": false; "isSignal": true; }; "allowDeselection": { "alias": "ngpToggleGroupAllowDeselection"; "required": false; "isSignal": true; }; "type": { "alias": "ngpToggleGroupType"; "required": false; "isSignal": true; }; "value": { "alias": "ngpToggleGroupValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleGroupDisabled"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpToggleGroupValueChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggleGroup, "[ngpToggleGroup]", ["ngpToggleGroup"], { "orientation": { "alias": "ngpToggleGroupOrientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "ngpToggleGroupWrap"; "required": false; "isSignal": true; }; "allowDeselection": { "alias": "ngpToggleGroupAllowDeselection"; "required": false; "isSignal": true; }; "type": { "alias": "ngpToggleGroupType"; "required": false; "isSignal": true; }; "value": { "alias": "ngpToggleGroupValue"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "ngpToggleGroupDefaultValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleGroupDisabled"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpToggleGroupValueChange"; }, never, never, true, never>;
 }
 
 export { NgpToggleGroup, NgpToggleGroupItem, injectToggleGroupItemState, injectToggleGroupState, ngpToggleGroup, ngpToggleGroupItem, provideToggleGroupConfig, provideToggleGroupItemState, provideToggleGroupState };