ng-primitives 0.48.0 → 0.50.0

package/a11y/visually-hidden/visually-hidden-state.d.ts

@@ -10,42 +10,7 @@ export declare const provideVisuallyHiddenState: (options?: import("ng-primitive
 /**
  * Injects the VisuallyHidden state.
  */
-export declare const injectVisuallyHiddenState: <U = {
-    readonly hidden: import("@angular/core").WritableSignal<boolean>;
-    readonly style: import("@angular/core").Signal<{
-        position?: undefined;
-        width?: undefined;
-        height?: undefined;
-        margin?: undefined;
-        padding?: undefined;
-        overflow?: undefined;
-        clip?: undefined;
-        whiteSpace?: undefined;
-        border?: undefined;
-        wordWrap?: undefined;
-        outline?: undefined;
-        '-webkit-appearance'?: undefined;
-        '-moz-appearance'?: undefined;
-        'inset-inline-start'?: undefined;
-    } | {
-        position: string;
-        width: string;
-        height: string;
-        margin: string;
-        padding: string;
-        overflow: string;
-        clip: string;
-        whiteSpace: string;
-        border: string;
-        wordWrap: string;
-        outline: string;
-        '-webkit-appearance': string;
-        '-moz-appearance': string;
-        'inset-inline-start': string;
-    }>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpVisuallyHidden>;
-    setVisibility: (visible: boolean) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectVisuallyHiddenState: <U = NgpVisuallyHidden>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The VisuallyHidden state registration function.
  */

package/accordion/accordion/accordion-state.d.ts

@@ -10,18 +10,7 @@ export declare const provideAccordionState: (options?: import("ng-primitives/sta
 /**
  * Injects the Accordion state.
  */
-export declare const injectAccordionState: <U = {
-    readonly config: import("ng-primitives/accordion").NgpAccordionConfig;
-    readonly type: import("@angular/core").InputSignal<import("./accordion").NgpAccordionType>;
-    readonly collapsible: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly value: import("@angular/core").InputSignal<unknown>;
-    readonly valueChange: import("@angular/core").OutputEmitterRef<unknown>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpAccordion<unknown>>;
-    isOpen: (value: unknown) => boolean;
-    toggle: (value: unknown) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectAccordionState: <U = NgpAccordion<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Accordion state registration function.
  */

package/accordion/accordion-content/accordion-content.d.ts

@@ -15,18 +15,7 @@ export declare class NgpAccordionContent<T> {
     /**
      * Access the accordion item
      */
-    protected readonly accordionItem: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly accordion: import("@angular/core").Signal<import("ng-primitives/state").State<NgpAccordion<unknown>>>;
-        readonly value: import("@angular/core").InputSignal<unknown>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-        readonly trigger: import("@angular/core").WritableSignal<import("ng-primitives/accordion").NgpAccordionTrigger<unknown> | undefined>;
-        readonly content: import("@angular/core").WritableSignal<NgpAccordionContent<unknown> | undefined>;
-        readonly open: import("@angular/core").Signal<boolean>;
-        readonly triggerId: import("@angular/core").Signal<string | undefined>;
-        readonly contentId: import("@angular/core").Signal<string | undefined>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/accordion").NgpAccordionItem<unknown>>;
-        ngOnInit: () => void;
-    }>>;
+    protected readonly accordionItem: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/accordion").NgpAccordionItem<unknown>>>;
     /**
      * The id of the content region
      */

package/accordion/accordion-item/accordion-item-state.d.ts

@@ -10,18 +10,7 @@ export declare const provideAccordionItemState: (options?: import("ng-primitives
 /**
  * Injects the AccordionItem state.
  */
-export declare const injectAccordionItemState: <U = {
-    readonly accordion: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/accordion").NgpAccordion<unknown>>>;
-    readonly value: import("@angular/core").InputSignal<unknown>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly trigger: import("@angular/core").WritableSignal<import("ng-primitives/accordion").NgpAccordionTrigger<unknown> | undefined>;
-    readonly content: import("@angular/core").WritableSignal<import("ng-primitives/accordion").NgpAccordionContent<unknown> | undefined>;
-    readonly open: import("@angular/core").Signal<boolean>;
-    readonly triggerId: import("@angular/core").Signal<string | undefined>;
-    readonly contentId: import("@angular/core").Signal<string | undefined>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpAccordionItem<unknown>>;
-    ngOnInit: () => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectAccordionItemState: <U = NgpAccordionItem<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The AccordionItem state registration function.
  */

package/avatar/avatar/avatar-state.d.ts

@@ -10,11 +10,7 @@ export declare const provideAvatarState: (options?: import("ng-primitives/state"
 /**
  * Injects the Avatar state.
  */
-export declare const injectAvatarState: <U = {
-    readonly status: import("@angular/core").WritableSignal<import("./avatar").NgpAvatarStatus>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpAvatar>;
-    setStatus: (status: import("./avatar").NgpAvatarStatus) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectAvatarState: <U = NgpAvatar>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Avatar state registration function.
  */

package/avatar/avatar-image/avatar-image.d.ts

@@ -9,42 +9,7 @@ export declare class NgpAvatarImage implements OnInit {
     /**
      * Control the visibility of the image.
      */
-    protected readonly visuallyHidden: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly hidden: import("@angular/core").WritableSignal<boolean>;
-        readonly style: import("@angular/core").Signal<{
-            position?: undefined;
-            width?: undefined;
-            height?: undefined;
-            margin?: undefined;
-            padding?: undefined;
-            overflow?: undefined;
-            clip?: undefined;
-            whiteSpace?: undefined;
-            border?: undefined;
-            wordWrap?: undefined;
-            outline?: undefined;
-            "-webkit-appearance"?: undefined;
-            "-moz-appearance"?: undefined;
-            "inset-inline-start"?: undefined;
-        } | {
-            position: string;
-            width: string;
-            height: string;
-            margin: string;
-            padding: string;
-            overflow: string;
-            clip: string;
-            whiteSpace: string;
-            border: string;
-            wordWrap: string;
-            outline: string;
-            "-webkit-appearance": string;
-            "-moz-appearance": string;
-            "inset-inline-start": string;
-        }>;
-        readonly state: import("ng-primitives/state").CreatedState<NgpVisuallyHidden>;
-        setVisibility: (visible: boolean) => void;
-    }>>;
+    protected readonly visuallyHidden: import("@angular/core").Signal<import("ng-primitives/state").State<NgpVisuallyHidden>>;
     /**
      * Access the avatar
      */

package/button/button/button-state.d.ts

@@ -11,12 +11,7 @@ export declare const provideButtonState: (options?: import("ng-primitives/state"
 /**
  * Injects the Button state.
  */
-export declare const injectButtonState: <U = {
-    readonly tagName: string;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly isButton: boolean;
-    readonly state: import("ng-primitives/state").CreatedState<NgpButton>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => Signal<import("ng-primitives/state").State<U>>;
+export declare const injectButtonState: <U = NgpButton>(injectOptions?: import("@angular/core").InjectOptions) => Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Button state registration function.
  */

package/checkbox/checkbox/checkbox-state.d.ts

@@ -10,18 +10,7 @@ export declare const provideCheckboxState: (options?: import("ng-primitives/stat
 /**
  * Injects the Checkbox state.
  */
-export declare const injectCheckboxState: <U = {
-    readonly id: import("@angular/core").InputSignal<string>;
-    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly indeterminateChange: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly required: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpCheckbox>;
-    onEnter: (event: KeyboardEvent) => void;
-    toggle: (event?: Event) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectCheckboxState: <U = NgpCheckbox>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Checkbox state registration function.
  */

package/combobox/combobox/combobox-state.d.ts

@@ -10,50 +10,7 @@ export declare const provideComboboxState: (options?: import("ng-primitives/stat
 /**
  * Injects the Combobox state.
  */
-export declare const injectComboboxState: <U = {
-    readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-    readonly injector: import("@angular/core").Injector;
-    readonly value: import("@angular/core").InputSignal<any>;
-    readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly compareWith: import("@angular/core").InputSignal<(a: any | undefined, b: any | undefined) => boolean>;
-    readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-    readonly input: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxInput | undefined>;
-    readonly button: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxButton | undefined>;
-    readonly portal: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxPortal | undefined>;
-    readonly dropdown: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxDropdown | undefined>;
-    readonly options: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxOption[]>;
-    readonly overlay: import("@angular/core").Signal<import("ng-primitives/portal").NgpOverlay<void> | null | undefined>;
-    readonly open: import("@angular/core").Signal<boolean>;
-    readonly activeDescendantManager: {
-        activeDescendant: import("@angular/core").Signal<string | undefined>;
-        activeItem: import("@angular/core").Signal<import("ng-primitives/combobox").NgpComboboxOption | undefined>;
-        activate: (item: import("ng-primitives/combobox").NgpComboboxOption | undefined) => void;
-        first: () => void;
-        last: () => void;
-        next: () => void;
-        previous: () => void;
-        reset: () => void;
-    };
-    readonly state: import("ng-primitives/state").CreatedState<NgpCombobox>;
-    openDropdown: () => Promise<void>;
-    closeDropdown: () => void;
-    toggleDropdown: () => Promise<void>;
-    selectOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-    deselectOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-    toggleOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-    isOptionSelected: (option: import("ng-primitives/combobox").NgpComboboxOption) => boolean;
-    activateNextOption: () => void;
-    activatePreviousOption: () => void;
-    registerPortal: (portal: import("ng-primitives/combobox").NgpComboboxPortal) => void;
-    registerInput: (input: import("ng-primitives/combobox").NgpComboboxInput) => void;
-    registerButton: (button: import("ng-primitives/combobox").NgpComboboxButton) => void;
-    registerDropdown: (dropdown: import("ng-primitives/combobox").NgpComboboxDropdown) => void;
-    registerOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-    unregisterOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectComboboxState: <U = NgpCombobox>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Combobox state registration function.
  */

package/combobox/combobox-button/combobox-button.d.ts

@@ -1,50 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class NgpComboboxButton {
     /** Access the combobox state. */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-        readonly injector: import("@angular/core").Injector;
-        readonly value: import("@angular/core").InputSignal<any>;
-        readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-        readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-        readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
-        readonly compareWith: import("@angular/core").InputSignal<(a: any | undefined, b: any | undefined) => boolean>;
-        readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-        readonly input: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxInput | undefined>;
-        readonly button: import("@angular/core").WritableSignal<NgpComboboxButton | undefined>;
-        readonly portal: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxPortal | undefined>;
-        readonly dropdown: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxDropdown | undefined>;
-        readonly options: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxOption[]>;
-        readonly overlay: import("@angular/core").Signal<import("ng-primitives/portal").NgpOverlay<void> | null | undefined>;
-        readonly open: import("@angular/core").Signal<boolean>;
-        readonly activeDescendantManager: {
-            activeDescendant: import("@angular/core").Signal<string | undefined>;
-            activeItem: import("@angular/core").Signal<import("ng-primitives/combobox").NgpComboboxOption | undefined>;
-            activate: (item: import("ng-primitives/combobox").NgpComboboxOption | undefined) => void;
-            first: () => void;
-            last: () => void;
-            next: () => void;
-            previous: () => void;
-            reset: () => void;
-        };
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/combobox").NgpCombobox>;
-        openDropdown: () => Promise<void>;
-        closeDropdown: () => void;
-        toggleDropdown: () => Promise<void>;
-        selectOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        deselectOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        toggleOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        isOptionSelected: (option: import("ng-primitives/combobox").NgpComboboxOption) => boolean;
-        activateNextOption: () => void;
-        activatePreviousOption: () => void;
-        registerPortal: (portal: import("ng-primitives/combobox").NgpComboboxPortal) => void;
-        registerInput: (input: import("ng-primitives/combobox").NgpComboboxInput) => void;
-        registerButton: (button: NgpComboboxButton) => void;
-        registerDropdown: (dropdown: import("ng-primitives/combobox").NgpComboboxDropdown) => void;
-        registerOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        unregisterOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/combobox").NgpCombobox>>;
     /**
      * Access the element reference.
      * @internal

package/combobox/combobox-dropdown/combobox-dropdown.d.ts

@@ -1,50 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class NgpComboboxDropdown {
     /** Access the combobox state. */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-        readonly injector: import("@angular/core").Injector;
-        readonly value: import("@angular/core").InputSignal<any>;
-        readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-        readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-        readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
-        readonly compareWith: import("@angular/core").InputSignal<(a: any | undefined, b: any | undefined) => boolean>;
-        readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-        readonly input: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxInput | undefined>;
-        readonly button: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxButton | undefined>;
-        readonly portal: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxPortal | undefined>;
-        readonly dropdown: import("@angular/core").WritableSignal<NgpComboboxDropdown | undefined>;
-        readonly options: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxOption[]>;
-        readonly overlay: import("@angular/core").Signal<import("ng-primitives/portal").NgpOverlay<void> | null | undefined>;
-        readonly open: import("@angular/core").Signal<boolean>;
-        readonly activeDescendantManager: {
-            activeDescendant: import("@angular/core").Signal<string | undefined>;
-            activeItem: import("@angular/core").Signal<import("ng-primitives/combobox").NgpComboboxOption | undefined>;
-            activate: (item: import("ng-primitives/combobox").NgpComboboxOption | undefined) => void;
-            first: () => void;
-            last: () => void;
-            next: () => void;
-            previous: () => void;
-            reset: () => void;
-        };
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/combobox").NgpCombobox>;
-        openDropdown: () => Promise<void>;
-        closeDropdown: () => void;
-        toggleDropdown: () => Promise<void>;
-        selectOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        deselectOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        toggleOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        isOptionSelected: (option: import("ng-primitives/combobox").NgpComboboxOption) => boolean;
-        activateNextOption: () => void;
-        activatePreviousOption: () => void;
-        registerPortal: (portal: import("ng-primitives/combobox").NgpComboboxPortal) => void;
-        registerInput: (input: import("ng-primitives/combobox").NgpComboboxInput) => void;
-        registerButton: (button: import("ng-primitives/combobox").NgpComboboxButton) => void;
-        registerDropdown: (dropdown: NgpComboboxDropdown) => void;
-        registerOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-        unregisterOption: (option: import("ng-primitives/combobox").NgpComboboxOption) => void;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/combobox").NgpCombobox>>;
     /** The dimensions of the combobox. */
     protected readonly comboboxDimensions: import("@angular/core").Signal<import("ng-primitives/resize").Dimensions>;
     /** The dimensions of the combobox. */

package/combobox/combobox-input/combobox-input.d.ts

@@ -1,51 +1,7 @@
-import type { NgpComboboxOption } from '../combobox-option/combobox-option';
 import * as i0 from "@angular/core";
 export declare class NgpComboboxInput {
     /** Access the combobox state. */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-        readonly injector: import("@angular/core").Injector;
-        readonly value: import("@angular/core").InputSignal<any>;
-        readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-        readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-        readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
-        readonly compareWith: import("@angular/core").InputSignal<(a: any | undefined, b: any | undefined) => boolean>;
-        readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-        readonly input: import("@angular/core").WritableSignal<NgpComboboxInput | undefined>;
-        readonly button: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxButton | undefined>;
-        readonly portal: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxPortal | undefined>;
-        readonly dropdown: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxDropdown | undefined>;
-        readonly options: import("@angular/core").WritableSignal<NgpComboboxOption[]>;
-        readonly overlay: import("@angular/core").Signal<import("ng-primitives/portal").NgpOverlay<void> | null | undefined>;
-        readonly open: import("@angular/core").Signal<boolean>;
-        readonly activeDescendantManager: {
-            activeDescendant: import("@angular/core").Signal<string | undefined>;
-            activeItem: import("@angular/core").Signal<NgpComboboxOption | undefined>;
-            activate: (item: NgpComboboxOption | undefined) => void;
-            first: () => void;
-            last: () => void;
-            next: () => void;
-            previous: () => void;
-            reset: () => void;
-        };
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/combobox").NgpCombobox>;
-        openDropdown: () => Promise<void>;
-        closeDropdown: () => void;
-        toggleDropdown: () => Promise<void>;
-        selectOption: (option: NgpComboboxOption) => void;
-        deselectOption: (option: NgpComboboxOption) => void;
-        toggleOption: (option: NgpComboboxOption) => void;
-        isOptionSelected: (option: NgpComboboxOption) => boolean;
-        activateNextOption: () => void;
-        activatePreviousOption: () => void;
-        registerPortal: (portal: import("ng-primitives/combobox").NgpComboboxPortal) => void;
-        registerInput: (input: NgpComboboxInput) => void;
-        registerButton: (button: import("ng-primitives/combobox").NgpComboboxButton) => void;
-        registerDropdown: (dropdown: import("ng-primitives/combobox").NgpComboboxDropdown) => void;
-        registerOption: (option: NgpComboboxOption) => void;
-        unregisterOption: (option: NgpComboboxOption) => void;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/combobox").NgpCombobox>>;
     /**
      * Access the element reference.
      * @internal

package/combobox/combobox-option/combobox-option.d.ts

@@ -4,50 +4,7 @@ import { NgpActivatable } from 'ng-primitives/a11y';
 import * as i0 from "@angular/core";
 export declare class NgpComboboxOption implements OnInit, OnDestroy, NgpActivatable {
     /** Access the combobox state. */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-        readonly injector: import("@angular/core").Injector;
-        readonly value: import("@angular/core").InputSignal<any>;
-        readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-        readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-        readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
-        readonly compareWith: import("@angular/core").InputSignal<(a: any | undefined, b: any | undefined) => boolean>;
-        readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-        readonly input: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxInput | undefined>;
-        readonly button: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxButton | undefined>;
-        readonly portal: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxPortal | undefined>;
-        readonly dropdown: import("@angular/core").WritableSignal<import("ng-primitives/combobox").NgpComboboxDropdown | undefined>;
-        readonly options: import("@angular/core").WritableSignal<NgpComboboxOption[]>;
-        readonly overlay: import("@angular/core").Signal<import("ng-primitives/portal").NgpOverlay<void> | null | undefined>;
-        readonly open: import("@angular/core").Signal<boolean>;
-        readonly activeDescendantManager: {
-            activeDescendant: import("@angular/core").Signal<string | undefined>;
-            activeItem: import("@angular/core").Signal<NgpComboboxOption | undefined>;
-            activate: (item: NgpComboboxOption | undefined) => void;
-            first: () => void;
-            last: () => void;
-            next: () => void;
-            previous: () => void;
-            reset: () => void;
-        };
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/combobox").NgpCombobox>;
-        openDropdown: () => Promise<void>;
-        closeDropdown: () => void;
-        toggleDropdown: () => Promise<void>;
-        selectOption: (option: NgpComboboxOption) => void;
-        deselectOption: (option: NgpComboboxOption) => void;
-        toggleOption: (option: NgpComboboxOption) => void;
-        isOptionSelected: (option: NgpComboboxOption) => boolean;
-        activateNextOption: () => void;
-        activatePreviousOption: () => void;
-        registerPortal: (portal: import("ng-primitives/combobox").NgpComboboxPortal) => void;
-        registerInput: (input: import("ng-primitives/combobox").NgpComboboxInput) => void;
-        registerButton: (button: import("ng-primitives/combobox").NgpComboboxButton) => void;
-        registerDropdown: (dropdown: import("ng-primitives/combobox").NgpComboboxDropdown) => void;
-        registerOption: (option: NgpComboboxOption) => void;
-        unregisterOption: (option: NgpComboboxOption) => void;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/combobox").NgpCombobox>>;
     /**
      * The element reference of the option.
      * @internal

package/dialog/dialog/dialog-state.d.ts

@@ -10,23 +10,7 @@ export declare const provideDialogState: (options?: import("ng-primitives/state"
 /**
  * Injects the Dialog state.
  */
-export declare const injectDialogState: <U = {
-    readonly config: import("ng-primitives/dialog").NgpDialogConfig<any>;
-    readonly dialogRef: import("ng-primitives/dialog").NgpDialogRef<unknown>;
-    readonly id: import("@angular/core").InputSignal<string>;
-    readonly role: import("@angular/core").InputSignal<import("../config/dialog-config").NgpDialogRole | undefined>;
-    readonly modal: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly labelledBy: import("@angular/core").WritableSignal<string[]>;
-    readonly describedBy: import("@angular/core").WritableSignal<string[]>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpDialog<unknown>>;
-    ngOnDestroy: () => void;
-    close: () => void;
-    onClick: (event: Event) => void;
-    setLabelledBy: (id: string) => void;
-    setDescribedBy: (id: string) => void;
-    removeLabelledBy: (id: string) => void;
-    removeDescribedBy: (id: string) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectDialogState: <U = NgpDialog<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Dialog state registration function.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-a11y.mjs","sources":["../../../../packages/ng-primitives/a11y/src/active-descendant/active-descendant.ts","../../../../packages/ng-primitives/a11y/src/visually-hidden/visually-hidden-state.ts","../../../../packages/ng-primitives/a11y/src/visually-hidden/visually-hidden.ts","../../../../packages/ng-primitives/a11y/src/ng-primitives-a11y.ts"],"sourcesContent":["import { computed, effect, ElementRef, Signal, signal } from '@angular/core';\n\ninterface ActiveDescendantManagerOptions<T extends NgpActivatable> {\n  /**\n   * The disabled state of the active descendant group.\n   * @default false\n   */\n  disabled?: Signal<boolean>;\n  /**\n   * The items in the active descendant group.\n   */\n  items: Signal<T[]>;\n  /**\n   * Whether active descendant should wrap around.\n   * @default false\n   */\n  wrap?: Signal<boolean>;\n}\n\nexport interface NgpActivatable {\n  /**\n   * The id of the item.\n   */\n  id: Signal<string>;\n  /**\n   * Whether the item is disabled.\n   */\n  disabled?: Signal<boolean>;\n  /**\n   * The element that represents the item.\n   */\n  elementRef: ElementRef<HTMLElement>;\n}\n\nexport function activeDescendantManager<T extends NgpActivatable>(\n  options: ActiveDescendantManagerOptions<T>,\n) {\n  const sortedOptions = () =>\n    options\n      .items()\n      .slice()\n      .sort((a, b) => {\n        const aElement = a.elementRef.nativeElement;\n        const bElement = b.elementRef.nativeElement;\n        return aElement.compareDocumentPosition(bElement) & Node.DOCUMENT_POSITION_FOLLOWING\n          ? -1\n          : 1;\n      });\n\n  const activeIndex = signal<number>(0);\n  const activeItem = computed<T | undefined>(() => sortedOptions()?.[activeIndex()]);\n  const disabled = computed(\n    () => options.disabled?.() || options.items().every(item => item.disabled?.()),\n  );\n\n  // any time the item list changes, check if the active index is still valid\n  effect(() => {\n    const items = sortedOptions();\n    if (activeIndex() >= items.length || activeIndex() < 0) {\n      activeIndex.set(items.findIndex(item => !item.disabled?.()));\n    }\n    if (activeIndex() === -1 && items.length > 0) {\n      activeIndex.set(0);\n    }\n    if (disabled() || items.length === 0) {\n      activeIndex.set(-1);\n    }\n  });\n\n  const activeDescendant = computed(() => {\n    const item = activeItem();\n\n    if (disabled() || !item) {\n      return undefined;\n    }\n\n    return item.id();\n  });\n\n  /**\n   * Activate an item in the active descendant group.\n   * @param item The item to activate.\n   */\n  const activate = (item: T | undefined) => {\n    if (item === undefined) {\n      activeIndex.set(-1);\n      return;\n    }\n\n    if (disabled() || item.disabled?.()) {\n      return;\n    }\n\n    activeIndex.set(sortedOptions().indexOf(item));\n  };\n\n  /**\n   * Activate the first enabled item in the active descendant group.\n   */\n  const first = () => {\n    const item = sortedOptions().findIndex(item => !item.disabled?.());\n\n    if (item) {\n      activeIndex.set(item);\n    }\n  };\n\n  /**\n   * Activate the last enabled item in the active descendant group.\n   */\n  const last = () => {\n    const item = sortedOptions()\n      .reverse()\n      .findIndex(item => !item.disabled?.());\n\n    if (item !== -1) {\n      activeIndex.set(sortedOptions().length - 1 - item);\n    }\n  };\n\n  const findNextIndex = (\n    items: NgpActivatable[],\n    currentIndex: number,\n    direction: 1 | -1,\n    wrap: boolean,\n  ): number | undefined => {\n    let index = (currentIndex + direction + items.length) % items.length;\n\n    while (index !== currentIndex) {\n      const item = items[index];\n      if (item && !item.disabled?.()) {\n        return index;\n      }\n      index = (index + direction + items.length) % items.length;\n\n      if (\n        !wrap &&\n        ((direction === 1 && index === 0) || (direction === -1 && index === items.length - 1))\n      ) {\n        break;\n      }\n    }\n\n    return undefined;\n  };\n\n  /**\n   * Activate the next enabled item in the active descendant group.\n   */\n  const next = () => {\n    const items = sortedOptions();\n    const nextIndex = findNextIndex(items, activeIndex(), 1, options.wrap?.() ?? false);\n\n    if (nextIndex !== undefined) {\n      activeIndex.set(nextIndex);\n    }\n  };\n\n  /**\n   * Activate the previous enabled item in the active descendant group.\n   */\n  const previous = () => {\n    const items = sortedOptions();\n    const prevIndex = findNextIndex(items, activeIndex(), -1, options.wrap?.() ?? false);\n\n    if (prevIndex !== undefined) {\n      activeIndex.set(prevIndex);\n    }\n  };\n\n  /**\n   * Reset the active descendant group, clearing the active index.\n   */\n  const reset = () => {\n    activeIndex.set(-1);\n  };\n\n  return {\n    activeDescendant,\n    activeItem,\n    activate,\n    first,\n    last,\n    next,\n    previous,\n    reset,\n  };\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpVisuallyHidden } from './visually-hidden';\n\n/**\n * The state token  for the VisuallyHidden primitive.\n */\nexport const NgpVisuallyHiddenStateToken = createStateToken<NgpVisuallyHidden>('VisuallyHidden');\n\n/**\n * Provides the VisuallyHidden state.\n */\nexport const provideVisuallyHiddenState = createStateProvider(NgpVisuallyHiddenStateToken);\n\n/**\n * Injects the VisuallyHidden state.\n */\nexport const injectVisuallyHiddenState = createStateInjector(NgpVisuallyHiddenStateToken);\n\n/**\n * The VisuallyHidden state registration function.\n */\nexport const visuallyHiddenState = createState(NgpVisuallyHiddenStateToken);\n","import { Directive, computed, signal } from '@angular/core';\nimport { provideVisuallyHiddenState, visuallyHiddenState } from './visually-hidden-state';\n\n/**\n * Hide an element visually while keeping it present in the DOM.\n */\n@Directive({\n  selector: '[ngpVisuallyHidden]',\n  exportAs: 'ngpVisuallyHidden',\n  providers: [provideVisuallyHiddenState()],\n  host: {\n    '[style]': 'style()',\n  },\n})\nexport class NgpVisuallyHidden {\n  /**\n   * Whether the element is hidden.\n   */\n  protected readonly hidden = signal<boolean>(true);\n\n  protected readonly style = computed(() => {\n    if (!this.hidden()) {\n      return {};\n    }\n\n    return {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      margin: '-1px',\n      padding: '0',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      border: '0',\n      wordWrap: 'normal',\n      outline: '0',\n      '-webkit-appearance': 'none',\n      '-moz-appearance': 'none',\n      'inset-inline-start': '0',\n    };\n  });\n\n  protected readonly state = visuallyHiddenState<NgpVisuallyHidden>(this);\n\n  /**\n   * Set the element visibility.\n   * @param visible\n   */\n  setVisibility(visible: boolean): void {\n    this.hidden.set(!visible);\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-a11y.mjs","sources":["../../../../packages/ng-primitives/a11y/src/active-descendant/active-descendant.ts","../../../../packages/ng-primitives/a11y/src/visually-hidden/visually-hidden-state.ts","../../../../packages/ng-primitives/a11y/src/visually-hidden/visually-hidden.ts","../../../../packages/ng-primitives/a11y/src/ng-primitives-a11y.ts"],"sourcesContent":["import { computed, effect, ElementRef, Signal, signal } from '@angular/core';\n\ninterface ActiveDescendantManagerOptions<T extends NgpActivatable> {\n  /**\n   * The disabled state of the active descendant group.\n   * @default false\n   */\n  disabled?: Signal<boolean>;\n  /**\n   * The items in the active descendant group.\n   */\n  items: Signal<T[]>;\n  /**\n   * Whether active descendant should wrap around.\n   * @default false\n   */\n  wrap?: Signal<boolean>;\n}\n\nexport interface NgpActivatable {\n  /**\n   * The id of the item.\n   */\n  id: Signal<string>;\n  /**\n   * Whether the item is disabled.\n   */\n  disabled?: Signal<boolean>;\n  /**\n   * The element that represents the item.\n   */\n  elementRef: ElementRef<HTMLElement>;\n}\n\nexport function activeDescendantManager<T extends NgpActivatable>(\n  options: ActiveDescendantManagerOptions<T>,\n) {\n  const sortedOptions = () =>\n    options\n      .items()\n      .slice()\n      .sort((a, b) => {\n        const aElement = a.elementRef.nativeElement;\n        const bElement = b.elementRef.nativeElement;\n        return aElement.compareDocumentPosition(bElement) & Node.DOCUMENT_POSITION_FOLLOWING\n          ? -1\n          : 1;\n      });\n\n  const activeIndex = signal<number>(0);\n  const activeItem = computed<T | undefined>(() => sortedOptions()?.[activeIndex()]);\n  const disabled = computed(\n    () => options.disabled?.() || options.items().every(item => item.disabled?.()),\n  );\n\n  // any time the item list changes, check if the active index is still valid\n  effect(() => {\n    const items = sortedOptions();\n    if (activeIndex() >= items.length || activeIndex() < 0) {\n      activeIndex.set(items.findIndex(item => !item.disabled?.()));\n    }\n    if (activeIndex() === -1 && items.length > 0) {\n      activeIndex.set(0);\n    }\n    if (disabled() || items.length === 0) {\n      activeIndex.set(-1);\n    }\n  });\n\n  const activeDescendant = computed(() => {\n    const item = activeItem();\n\n    if (disabled() || !item) {\n      return undefined;\n    }\n\n    return item.id();\n  });\n\n  /**\n   * Activate an item in the active descendant group.\n   * @param item The item to activate.\n   */\n  const activate = (item: T | undefined) => {\n    if (item === undefined) {\n      activeIndex.set(-1);\n      return;\n    }\n\n    if (disabled() || item.disabled?.()) {\n      return;\n    }\n\n    activeIndex.set(sortedOptions().indexOf(item));\n  };\n\n  /**\n   * Activate the first enabled item in the active descendant group.\n   */\n  const first = () => {\n    const item = sortedOptions().findIndex(item => !item.disabled?.());\n\n    if (item) {\n      activeIndex.set(item);\n    }\n  };\n\n  /**\n   * Activate the last enabled item in the active descendant group.\n   */\n  const last = () => {\n    const item = sortedOptions()\n      .reverse()\n      .findIndex(item => !item.disabled?.());\n\n    if (item !== -1) {\n      activeIndex.set(sortedOptions().length - 1 - item);\n    }\n  };\n\n  const findNextIndex = (\n    items: NgpActivatable[],\n    currentIndex: number,\n    direction: 1 | -1,\n    wrap: boolean,\n  ): number | undefined => {\n    let index = (currentIndex + direction + items.length) % items.length;\n\n    while (index !== currentIndex) {\n      const item = items[index];\n      if (item && !item.disabled?.()) {\n        return index;\n      }\n      index = (index + direction + items.length) % items.length;\n\n      if (\n        !wrap &&\n        ((direction === 1 && index === 0) || (direction === -1 && index === items.length - 1))\n      ) {\n        break;\n      }\n    }\n\n    return undefined;\n  };\n\n  /**\n   * Activate the next enabled item in the active descendant group.\n   */\n  const next = () => {\n    const items = sortedOptions();\n    const nextIndex = findNextIndex(items, activeIndex(), 1, options.wrap?.() ?? false);\n\n    if (nextIndex !== undefined) {\n      activeIndex.set(nextIndex);\n    }\n  };\n\n  /**\n   * Activate the previous enabled item in the active descendant group.\n   */\n  const previous = () => {\n    const items = sortedOptions();\n    const prevIndex = findNextIndex(items, activeIndex(), -1, options.wrap?.() ?? false);\n\n    if (prevIndex !== undefined) {\n      activeIndex.set(prevIndex);\n    }\n  };\n\n  /**\n   * Reset the active descendant group, clearing the active index.\n   */\n  const reset = () => {\n    activeIndex.set(-1);\n  };\n\n  return {\n    activeDescendant,\n    activeItem,\n    activate,\n    first,\n    last,\n    next,\n    previous,\n    reset,\n  };\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpVisuallyHidden } from './visually-hidden';\n\n/**\n * The state token  for the VisuallyHidden primitive.\n */\nexport const NgpVisuallyHiddenStateToken = createStateToken<NgpVisuallyHidden>('VisuallyHidden');\n\n/**\n * Provides the VisuallyHidden state.\n */\nexport const provideVisuallyHiddenState = createStateProvider(NgpVisuallyHiddenStateToken);\n\n/**\n * Injects the VisuallyHidden state.\n */\nexport const injectVisuallyHiddenState = createStateInjector<NgpVisuallyHidden>(\n  NgpVisuallyHiddenStateToken,\n);\n\n/**\n * The VisuallyHidden state registration function.\n */\nexport const visuallyHiddenState = createState(NgpVisuallyHiddenStateToken);\n","import { Directive, computed, signal } from '@angular/core';\nimport { provideVisuallyHiddenState, visuallyHiddenState } from './visually-hidden-state';\n\n/**\n * Hide an element visually while keeping it present in the DOM.\n */\n@Directive({\n  selector: '[ngpVisuallyHidden]',\n  exportAs: 'ngpVisuallyHidden',\n  providers: [provideVisuallyHiddenState()],\n  host: {\n    '[style]': 'style()',\n  },\n})\nexport class NgpVisuallyHidden {\n  /**\n   * Whether the element is hidden.\n   */\n  protected readonly hidden = signal<boolean>(true);\n\n  protected readonly style = computed(() => {\n    if (!this.hidden()) {\n      return {};\n    }\n\n    return {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      margin: '-1px',\n      padding: '0',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      border: '0',\n      wordWrap: 'normal',\n      outline: '0',\n      '-webkit-appearance': 'none',\n      '-moz-appearance': 'none',\n      'inset-inline-start': '0',\n    };\n  });\n\n  protected readonly state = visuallyHiddenState<NgpVisuallyHidden>(this);\n\n  /**\n   * Set the element visibility.\n   * @param visible\n   */\n  setVisibility(visible: boolean): void {\n    this.hidden.set(!visible);\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-accordion.mjs

@@ -320,19 +320,21 @@ class NgpAccordion {
         }
         // if we are in single mode then toggle the value
         if (this.state.type() === 'single') {
-            this.state.value.set(isOpen ? null : value);
-            this.valueChange.emit(this.state.value());
+            const newValue = isOpen ? null : value;
+            this.state.value.set(newValue);
+            this.valueChange.emit(newValue);
             return;
         }
         // if we are in multiple mode then toggle the value
-        const values = this.state.value() ?? [];
+        let values = this.state.value() ?? [];
         if (isOpen) {
-            this.state.value.set(values.filter(v => v !== value));
+            values = values.filter(v => v !== value);
         }
         else {
-            this.state.value.set([...values, value]);
+            values = [...values, value];
         }
-        this.valueChange.emit(this.state.value());
+        this.state.value.set(values);
+        this.valueChange.emit(values);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpAccordion, isStandalone: true, selector: "[ngpAccordion]", inputs: { type: { classPropertyName: "type", publicName: "ngpAccordionType", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "ngpAccordionCollapsible", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpAccordionValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpAccordionDisabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "ngpAccordionOrientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpAccordionValueChange" }, host: { properties: { "attr.data-orientation": "state.orientation()", "attr.data-disabled": "state.disabled() ? \"\" : null" } }, providers: [provideAccordionState()], exportAs: ["ngpAccordion"], ngImport: i0 }); }