@angular/aria 22.0.0-next.6 → 22.0.0-next.8

package/fesm2022/combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.mjs","sources":["../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-tokens.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-popup.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-dialog.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-input.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-popup-container.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {InjectionToken} from '@angular/core';\nimport type {Combobox} from './combobox';\n\n/** Token used to provide the combobox to child components. */\nexport const COMBOBOX = new InjectionToken<Combobox<unknown>>('COMBOBOX');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Directive, inject, signal} from '@angular/core';\nimport {ComboboxListboxControls, ComboboxTreeControls, ComboboxDialogPattern} from '../private';\nimport type {Combobox} from './combobox';\nimport {COMBOBOX} from './combobox-tokens';\n\n/**\n * Identifies an element as a popup for an `ngCombobox`.\n *\n * This directive acts as a bridge, allowing the `ngCombobox` to discover and interact\n * with the underlying control (e.g., `ngListbox`, `ngTree`, or `ngComboboxDialog`) that\n * manages the options. It's primarily used as a host directive and is responsible for\n * exposing the popup's control pattern to the parent combobox.\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n  selector: '[ngComboboxPopup]',\n  exportAs: 'ngComboboxPopup',\n})\nexport class ComboboxPopup<V> {\n  /** The combobox that the popup belongs to. */\n  readonly combobox = inject<Combobox<V>>(COMBOBOX, {optional: true});\n\n  /** The popup controls exposed to the combobox. */\n  readonly _controls = signal<\n    | ComboboxListboxControls<any, V>\n    | ComboboxTreeControls<any, V>\n    | ComboboxDialogPattern\n    | undefined\n  >(undefined);\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChild,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport {DeferredContentAware, ComboboxPattern} from '../private';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {COMBOBOX} from './combobox-tokens';\nimport {ComboboxPopup} from './combobox-popup';\n\n/**\n * The container element that wraps a combobox input and popup, and orchestrates its behavior.\n *\n * The `ngCombobox` directive is the main entry point for creating a combobox and customizing its\n * behavior. It coordinates the interactions between the `ngComboboxInput` and the popup, which\n * is defined by a `ng-template` with the `ngComboboxPopupContainer` directive. If using the\n * `CdkOverlay`, the `cdkConnectedOverlay` directive takes the place of `ngComboboxPopupContainer`.\n *\n * ```html\n * <div ngCombobox filterMode=\"highlight\">\n *   <input\n *     ngComboboxInput\n *     placeholder=\"Search for a state...\"\n *     [(value)]=\"searchString\"\n *   />\n *\n *   <ng-template ngComboboxPopupContainer>\n *     <div ngListbox [(value)]=\"selectedValue\">\n *       @for (option of filteredOptions(); track option) {\n *         <div ngOption [value]=\"option\" [label]=\"option\">\n *           <span>{{option}}</span>\n *         </div>\n *       }\n *     </div>\n *   </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n  selector: '[ngCombobox]',\n  exportAs: 'ngCombobox',\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n  host: {\n    '[attr.data-expanded]': 'expanded()',\n    '(input)': '_pattern.onInput($event)',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(click)': '_pattern.onClick($event)',\n    '(focusin)': '_pattern.onFocusIn()',\n    '(focusout)': '_pattern.onFocusOut($event)',\n  },\n  providers: [{provide: COMBOBOX, useExisting: Combobox}],\n})\nexport class Combobox<V> {\n  /** A signal wrapper for directionality. */\n  protected readonly textDirection = inject(Directionality).valueSignal.asReadonly();\n\n  /** The element that the combobox is attached to. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the combobox element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\n\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware, {optional: true});\n\n  /** The combobox popup. */\n  readonly popup = contentChild<ComboboxPopup<V>>(ComboboxPopup);\n\n  /**\n   * The filter mode for the combobox.\n   * - `manual`: The consumer is responsible for filtering the options.\n   * - `auto-select`: The combobox automatically selects the first matching option.\n   * - `highlight`: The combobox highlights matching text in the options without changing selection.\n   */\n  readonly filterMode = input<'manual' | 'auto-select' | 'highlight'>('manual');\n\n  /** Whether the combobox is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the combobox is read-only. */\n  readonly readonly = input(false, {transform: booleanAttribute});\n\n  /** The value of the first matching item in the popup. */\n  readonly firstMatch = input<V | undefined>(undefined);\n\n  /** Whether the combobox is expanded. */\n  readonly expanded = computed(() => this.alwaysExpanded() || this._pattern.expanded());\n\n  // TODO: Maybe make expanded a signal that can be passed in?\n  // Or an \"always expanded\" option?\n\n  /** Whether the combobox popup should always be expanded, regardless of user interaction. */\n  readonly alwaysExpanded = input(false, {transform: booleanAttribute});\n\n  /** Input element connected to the combobox, if any. */\n  readonly inputElement = computed(() => this._pattern.inputs.inputEl());\n\n  /** The combobox ui pattern. */\n  readonly _pattern = new ComboboxPattern<any, V>({\n    ...this,\n    textDirection: this.textDirection,\n    disabled: this.disabled,\n    readonly: this.readonly,\n    inputValue: signal(''),\n    inputEl: signal(undefined),\n    containerEl: () => this._elementRef.nativeElement,\n    popupControls: () => this.popup()?._controls(),\n  });\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (this.alwaysExpanded()) {\n        this._pattern.expanded.set(true);\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (\n        !this._deferredContentAware?.contentVisible() &&\n        (this._pattern.isFocused() || this.alwaysExpanded())\n      ) {\n        this._deferredContentAware?.contentVisible.set(true);\n      }\n    });\n  }\n\n  /** Opens the combobox to the selected item. */\n  open() {\n    this._pattern.open({selected: true});\n  }\n\n  /** Closes the combobox. */\n  close() {\n    this._pattern.close();\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {afterRenderEffect, Directive, ElementRef, inject} from '@angular/core';\nimport {ComboboxDialogPattern} from '../private';\nimport {Combobox} from './combobox';\nimport {ComboboxPopup} from './combobox-popup';\n\n/**\n * Integrates a native `<dialog>` element with the combobox, allowing for\n * a modal or non-modal popup experience. It handles the opening and closing of the dialog\n * based on the combobox's expanded state.\n *\n * ```html\n * <ng-template ngComboboxPopupContainer>\n *   <dialog ngComboboxDialog class=\"example-dialog\">\n *     <!-- ... dialog content ... -->\n *   </dialog>\n * </ng-template>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n  selector: 'dialog[ngComboboxDialog]',\n  exportAs: 'ngComboboxDialog',\n  host: {\n    '[attr.data-open]': 'combobox._pattern.expanded()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(click)': '_pattern.onClick($event)',\n  },\n  hostDirectives: [ComboboxPopup],\n})\nexport class ComboboxDialog {\n  /** The dialog element. */\n  private readonly _elementRef = inject(ElementRef<HTMLDialogElement>);\n\n  /** A reference to the dialog element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\n\n  /** The combobox that the dialog belongs to. */\n  readonly combobox = inject(Combobox);\n\n  /** A reference to the parent combobox popup, if one exists. */\n  private readonly _popup = inject<ComboboxPopup<unknown>>(ComboboxPopup, {\n    optional: true,\n  });\n\n  readonly _pattern: ComboboxDialogPattern;\n\n  constructor() {\n    this._pattern = new ComboboxDialogPattern({\n      id: () => '',\n      element: () => this._elementRef.nativeElement,\n      combobox: this.combobox._pattern,\n    });\n\n    if (this._popup) {\n      this._popup._controls.set(this._pattern);\n    }\n\n    afterRenderEffect(() => {\n      if (this._elementRef) {\n        this.combobox._pattern.expanded()\n          ? this._elementRef.nativeElement.showModal()\n          : this._elementRef.nativeElement.close();\n      }\n    });\n  }\n\n  close() {\n    this._popup?.combobox?._pattern.close();\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  Directive,\n  ElementRef,\n  inject,\n  model,\n  untracked,\n  WritableSignal,\n} from '@angular/core';\nimport {ComboboxDialogPattern} from '../private';\nimport {Combobox} from './combobox';\n\n/**\n * An input that is part of a combobox. It is responsible for displaying the\n * current value and handling user input for filtering and selection.\n *\n * This directive should be applied to an `<input>` element within an `ngCombobox`\n * container. It automatically handles keyboard interactions, such as opening the\n * popup and navigating through the options.\n *\n * ```html\n * <input\n *   ngComboboxInput\n *   placeholder=\"Search...\"\n *   [(value)]=\"searchString\"\n * />\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n  selector: 'input[ngComboboxInput]',\n  exportAs: 'ngComboboxInput',\n  host: {\n    'role': 'combobox',\n    '[value]': 'value()',\n    '[attr.aria-disabled]': 'combobox._pattern.disabled()',\n    '[attr.aria-expanded]': 'combobox._pattern.expanded()',\n    '[attr.aria-activedescendant]': 'combobox._pattern.activeDescendant()',\n    '[attr.aria-controls]': 'combobox._pattern.popupId()',\n    '[attr.aria-haspopup]': 'combobox._pattern.hasPopup()',\n    '[attr.aria-autocomplete]': 'combobox._pattern.autocomplete()',\n    '[attr.readonly]': 'combobox._pattern.readonly()',\n  },\n})\nexport class ComboboxInput {\n  /** The element that the combobox is attached to. */\n  private readonly _elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  /** A reference to the input element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\n\n  /** The combobox that the input belongs to. */\n  readonly combobox = inject(Combobox);\n\n  /** The value of the input. */\n  readonly value = model<string>('');\n\n  constructor() {\n    (this.combobox._pattern.inputs.inputEl as WritableSignal<HTMLInputElement>).set(\n      this._elementRef.nativeElement,\n    );\n    this.combobox._pattern.inputs.inputValue = this.value;\n\n    const controls = this.combobox.popup()?._controls();\n    if (controls instanceof ComboboxDialogPattern) {\n      return;\n    }\n\n    /** Focuses & selects the first item in the combobox if the user changes the input value. */\n    afterRenderEffect(() => {\n      this.value();\n      controls?.items();\n      untracked(() => this.combobox._pattern.onFilter());\n    });\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Directive} from '@angular/core';\nimport {DeferredContent} from '../private';\n\n/**\n * A structural directive that marks the `ng-template` to be used as the popup\n * for a combobox. This content is conditionally rendered.\n *\n * The content of the popup can be a `ngListbox`, `ngTree`, or `role=\"dialog\"`, allowing for\n * flexible and complex combobox implementations. The consumer is responsible for\n * implementing the filtering logic based on the `ngComboboxInput`'s value.\n *\n * ```html\n * <ng-template ngComboboxPopupContainer>\n *   <div ngListbox [(value)]=\"selectedValue\">\n *     <!-- ... options ... -->\n *   </div>\n * </ng-template>\n * ```\n *\n * When using CdkOverlay, this directive can be replaced by `cdkConnectedOverlay`.\n *\n * ```html\n * <ng-template\n *     [cdkConnectedOverlay]=\"{origin: inputElement, usePopover: 'inline' matchWidth: true}\"\n *     [cdkConnectedOverlayOpen]=\"combobox.expanded()\">\n *   <div ngListbox [(value)]=\"selectedValue\">\n *     <!-- ... options ... -->\n *   </div>\n * </ng-template>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n  selector: 'ng-template[ngComboboxPopupContainer]',\n  exportAs: 'ngComboboxPopupContainer',\n  hostDirectives: [DeferredContent],\n})\nexport class ComboboxPopupContainer {}\n"],"names":["COMBOBOX","InjectionToken","ComboboxPopup","combobox","inject","optional","_controls","signal","undefined","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","exportAs","ngImport","decorators","args","Combobox","textDirection","Directionality","valueSignal","asReadonly","_elementRef","ElementRef","element","nativeElement","_deferredContentAware","DeferredContentAware","popup","contentChild","filterMode","input","disabled","transform","booleanAttribute","readonly","firstMatch","expanded","computed","alwaysExpanded","_pattern","inputElement","inputs","inputEl","ComboboxPattern","inputValue","containerEl","popupControls","constructor","afterRenderEffect","set","contentVisible","isFocused","open","selected","close","ɵdir","ɵɵngDeclareDirective","minVersion","version","type","classPropertyName","publicName","isSignal","isRequired","transformFunction","host","listeners","properties","providers","provide","useExisting","descendants","hostDirectives","directive","i1","Input","alias","required","ComboboxDialog","_popup","ComboboxDialogPattern","id","showModal","ComboboxInput","value","model","controls","items","untracked","onFilter","outputs","attributes","ComboboxPopupContainer","DeferredContent"],"mappings":"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"}
+{"version":3,"file":"combobox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-tokens.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-popup.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-widget.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnInit,\n  signal,\n  Renderer2,\n} from '@angular/core';\nimport {DeferredContentAware, ComboboxPattern, tabIndexTransform} from '@angular/aria/private';\nimport type {ComboboxPopup} from './combobox-popup';\n\n/**\n * The container element that wraps a combobox input and popup, and orchestrates its behavior.\n *\n * The `ngCombobox` directive is the main entry point for creating a combobox and customizing its\n * behavior. It coordinates the interactions between the input and the popup.\n *\n * ```html\n * <div ngCombobox [(expanded)]=\"expanded\">\n *   <input ngComboboxInput />\n *\n *   <ng-template ngComboboxPopup>\n *     <div ngComboboxWidget>\n *       <!-- ... options ... -->\n *     </div>\n *   </ng-template>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[ngCombobox]',\n  exportAs: 'ngCombobox',\n  host: {\n    'role': 'combobox',\n    '[attr.aria-autocomplete]': '_pattern.autocomplete()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-expanded]': '_pattern.isExpanded()',\n    '[attr.aria-activedescendant]': '_pattern.activeDescendant()',\n    '[attr.aria-controls]': '_pattern.popupId()',\n    '[attr.aria-haspopup]': '_pattern.popupType()',\n    '[attr.tabindex]':\n      'disabled() && !softDisabled() ? -1 : (tabIndex() !== undefined ? tabIndex() : 0)',\n    '[attr.disabled]': 'disabled() && !softDisabled() ? \"\" : null',\n    '[attr.readonly]': 'disabled() && _pattern.isEditable() ? \"\" : null',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(focusin)': '_pattern.onFocusin()',\n    '(focusout)': '_pattern.onFocusout($event)',\n    '(click)': '_pattern.onClick($event)',\n    '(input)': '_pattern.onInput($event)',\n  },\n})\nexport class Combobox extends DeferredContentAware implements OnInit {\n  private readonly _renderer = inject(Renderer2);\n\n  /** The element that the combobox is attached to. */\n  private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /** A reference to the input element. */\n  readonly element = this._elementRef.nativeElement;\n\n  /** The popup associated with the combobox. */\n  readonly _popup = signal<ComboboxPopup | undefined>(undefined);\n\n  /** Whether the combobox is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the combobox is soft disabled (remains focusable). */\n  readonly softDisabled = input(true, {transform: booleanAttribute});\n\n  /** Whether the combobox should always remain expanded. */\n  readonly alwaysExpanded = input(false, {transform: booleanAttribute});\n\n  /** The tabindex of the combobox. */\n  readonly tabIndex = input(undefined, {\n    alias: 'tabindex',\n    transform: tabIndexTransform,\n  });\n\n  /** Whether the combobox is expanded. */\n  readonly expanded = model<boolean>(false);\n\n  /** The value of the combobox input. */\n  readonly value = model<string>('');\n\n  /** An inline suggestion to be displayed in the input. */\n  readonly inlineSuggestion = input<string | undefined>(undefined);\n\n  /** The combobox ui pattern. */\n  readonly _pattern = new ComboboxPattern({\n    ...this,\n    element: () => this.element,\n    expandable: () => true,\n    popup: computed(() => this._popup()?._pattern),\n  });\n\n  constructor() {\n    super();\n\n    afterRenderEffect(() => this._pattern.keyboardEventRelayEffect());\n    afterRenderEffect(() => this._pattern.closePopupOnBlurEffect());\n    afterRenderEffect(() => {\n      this.contentVisible.set(this._pattern.isExpanded());\n    });\n\n    if (this._pattern.isEditable()) {\n      afterRenderEffect(() => {\n        this._renderer.setProperty(this.element, 'value', this.value());\n      });\n      afterRenderEffect(() => {\n        this._pattern.highlightEffect();\n      });\n    }\n  }\n\n  ngOnInit() {\n    if (this.alwaysExpanded()) {\n      this.expanded.set(true);\n    }\n  }\n\n  /** Registers a popup with the combobox. */\n  _registerPopup(popup: ComboboxPopup) {\n    this._popup.set(popup);\n  }\n\n  /** Unregisters the popup from the combobox. */\n  _unregisterPopup() {\n    this._popup.set(undefined);\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {InjectionToken} from '@angular/core';\nimport type {ComboboxPopup} from './combobox-popup';\n\n/** Token used to expose the combobox popup. */\nexport const COMBOBOX_POPUP = new InjectionToken<ComboboxPopup>('COMBOBOX_POPUP');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {computed, Directive, inject, input, OnDestroy, OnInit, signal} from '@angular/core';\nimport {DeferredContent, ComboboxPopupPattern} from '@angular/aria/private';\nimport type {Combobox} from './combobox';\nimport type {ComboboxWidget} from './combobox-widget';\nimport {COMBOBOX_POPUP} from './combobox-tokens';\n\n/**\n * A structural directive that marks the `ng-template` to be used as the popup\n * for a combobox. This content is conditionally rendered.\n *\n * The content of the popup can be any element with the `ngComboboxWidget` directive.\n *\n * ```html\n * <ng-template ngComboboxPopup>\n *   <div ngComboboxWidget>\n *     <!-- ... options ... -->\n *   </div>\n * </ng-template>\n * ```\n */\n@Directive({\n  selector: 'ng-template[ngComboboxPopup]',\n  exportAs: 'ngComboboxPopup',\n  hostDirectives: [DeferredContent],\n  providers: [{provide: COMBOBOX_POPUP, useExisting: ComboboxPopup}],\n})\nexport class ComboboxPopup implements OnInit, OnDestroy {\n  private readonly _deferredContent = inject(DeferredContent);\n\n  /** The combobox that the popup belongs to. */\n  readonly combobox = input.required<Combobox>();\n\n  /** The widget contained within the popup. */\n  readonly _widget = signal<ComboboxWidget | undefined>(undefined);\n\n  /** The element that serves as the control target for the popup. */\n  readonly controlTarget = computed(() => this._widget()?.element);\n\n  /** The ID of the popup. */\n  readonly popupId = computed(() => this._widget()?.popupId());\n\n  /** The ID of the active descendant in the popup. */\n  readonly activeDescendant = computed(() => this._widget()?.activeDescendant());\n\n  /** The type of the popup (e.g., listbox, tree, grid, dialog). */\n  readonly popupType = input<'listbox' | 'tree' | 'grid' | 'dialog'>('listbox');\n\n  /** The popup pattern. */\n  readonly _pattern = new ComboboxPopupPattern({\n    ...this,\n  });\n\n  ngOnInit() {\n    this.combobox()._registerPopup(this);\n    this._deferredContent.deferredContentAware.set(this.combobox());\n  }\n\n  ngOnDestroy() {\n    this.combobox()._unregisterPopup();\n  }\n\n  /** Registers a widget with the popup. */\n  _registerWidget(widget: ComboboxWidget) {\n    this._widget.set(widget);\n  }\n\n  /** Unregisters the widget from the popup. */\n  _unregisterWidget() {\n    this._widget.set(undefined);\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Directive, ElementRef, inject, input, OnDestroy, OnInit, signal} from '@angular/core';\nimport {COMBOBOX_POPUP} from './combobox-tokens';\n\n/**\n * Identifies an element as a widget within a combobox popup.\n *\n * This directive should be applied to the element that contains the options or content\n * of the popup. It handles the communication of ID and active descendant information\n * to the combobox.\n */\n@Directive({\n  selector: '[ngComboboxWidget]',\n  exportAs: 'ngComboboxWidget',\n  host: {\n    '(focusin)': 'onFocusin()',\n    '(focusout)': 'onFocusout($event)',\n  },\n})\nexport class ComboboxWidget implements OnInit, OnDestroy {\n  /** The element that the popup widget is attached to. */\n  private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly _popup = inject(COMBOBOX_POPUP);\n\n  /** A reference to the popup widget element. */\n  readonly element = this._elementRef.nativeElement;\n\n  /** The ID of the popup widget. */\n  readonly popupId = signal<string | undefined>(undefined);\n\n  /** The ID of the active descendant in the widget. */\n  readonly activeDescendant = input<string | undefined>(undefined);\n\n  private _observer: MutationObserver | undefined;\n\n  constructor() {\n    const el = this.element;\n    this._observer = new MutationObserver(mutations => {\n      for (const mutation of mutations) {\n        if (mutation.attributeName === 'id') {\n          this.popupId.set(el.id);\n        }\n      }\n    });\n\n    this._observer.observe(el, {\n      attributes: true,\n      attributeFilter: ['id'],\n    });\n  }\n\n  ngOnInit() {\n    this.popupId.set(this.element.id);\n    this._popup._registerWidget(this);\n  }\n\n  ngOnDestroy(): void {\n    this._observer?.disconnect();\n    this._popup._unregisterWidget();\n  }\n\n  /** Handles focus in events for the widget. */\n  onFocusin() {\n    this._popup._pattern.onFocusin();\n  }\n\n  /** Handles focus out events for the widget. */\n  onFocusout(event: FocusEvent) {\n    this._popup._pattern.onFocusout(event);\n  }\n}\n"],"names":["Combobox","DeferredContentAware","_renderer","inject","Renderer2","_elementRef","ElementRef","element","nativeElement","_popup","signal","undefined","disabled","input","transform","booleanAttribute","softDisabled","alwaysExpanded","tabIndex","ngDevMode","debugName","alias","tabIndexTransform","expanded","model","value","inlineSuggestion","_pattern","ComboboxPattern","expandable","popup","computed","constructor","afterRenderEffect","keyboardEventRelayEffect","closePopupOnBlurEffect","contentVisible","set","isExpanded","isEditable","setProperty","highlightEffect","ngOnInit","_registerPopup","_unregisterPopup","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","outputs","host","attributes","listeners","properties","exportAs","usesInheritance","ngImport","decorators","args","COMBOBOX_POPUP","InjectionToken","ComboboxPopup","_deferredContent","DeferredContent","combobox","required","_widget","controlTarget","popupId","activeDescendant","popupType","ComboboxPopupPattern","deferredContentAware","ngOnDestroy","_registerWidget","widget","_unregisterWidget","providers","provide","useExisting","hostDirectives","directive","i1","ComboboxWidget","_observer","el","MutationObserver","mutations","mutation","attributeName","id","observe","attributeFilter","disconnect","onFocusin","onFocusout","event"],"mappings":"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"}

package/fesm2022/grid-testing.mjs

@@ -0,0 +1,80 @@
+import { ContentContainerComponentHarness, HarnessPredicate, ComponentHarness, parallel } from '@angular/cdk/testing';
+
+class GridCellHarness extends ContentContainerComponentHarness {
+  static hostSelector = '[ngGridCell]';
+  static with(options = {}) {
+    return new HarnessPredicate(GridCellHarness, options).addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text)).addOption('selected', options.selected, async (harness, selected) => (await harness.isSelected()) === selected).addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+  }
+  async isSelected() {
+    const host = await this.host();
+    return (await host.getAttribute('aria-selected')) === 'true';
+  }
+  async isDisabled() {
+    const host = await this.host();
+    return (await host.getAttribute('aria-disabled')) === 'true';
+  }
+  async getText() {
+    const host = await this.host();
+    return host.text();
+  }
+  async click() {
+    const host = await this.host();
+    return host.click();
+  }
+  async focus() {
+    const host = await this.host();
+    return host.focus();
+  }
+  async blur() {
+    const host = await this.host();
+    return host.blur();
+  }
+  async isActive() {
+    const host = await this.host();
+    return (await host.getAttribute('data-active')) === 'true';
+  }
+  async isFocused() {
+    const host = await this.host();
+    return host.isFocused();
+  }
+}
+class GridRowHarness extends ComponentHarness {
+  static hostSelector = '[ngGridRow]';
+  static with(options = {}) {
+    return new HarnessPredicate(GridRowHarness, options);
+  }
+  async getCells(filters = {}) {
+    return this.locatorForAll(GridCellHarness.with(filters))();
+  }
+  async getCellTextByIndex(filters = {}) {
+    const cells = await this.getCells(filters);
+    return parallel(() => cells.map(cell => cell.getText()));
+  }
+}
+class GridHarness extends ComponentHarness {
+  static hostSelector = '[ngGrid]';
+  static with(options = {}) {
+    return new HarnessPredicate(GridHarness, options).addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+  }
+  async isDisabled() {
+    const host = await this.host();
+    return (await host.getAttribute('aria-disabled')) === 'true';
+  }
+  async isMultiSelectable() {
+    const host = await this.host();
+    return (await host.getAttribute('aria-multiselectable')) === 'true';
+  }
+  async getRows(filters = {}) {
+    return this.locatorForAll(GridRowHarness.with(filters))();
+  }
+  async getCells(filters = {}) {
+    return this.locatorForAll(GridCellHarness.with(filters))();
+  }
+  async getCellTextByIndex() {
+    const rows = await this.getRows();
+    return parallel(() => rows.map(row => row.getCellTextByIndex()));
+  }
+}
+
+export { GridCellHarness, GridHarness, GridRowHarness };
+//# sourceMappingURL=grid-testing.mjs.map

package/fesm2022/grid-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/grid/testing/grid-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  ComponentHarness,\n  ContentContainerComponentHarness,\n  HarnessPredicate,\n  parallel,\n} from '@angular/cdk/testing';\nimport {\n  GridHarnessFilters,\n  GridRowHarnessFilters,\n  GridCellHarnessFilters,\n} from './grid-harness-filters';\n\n/** Harness for interacting with a standard ngGridCell in tests. */\nexport class GridCellHarness extends ContentContainerComponentHarness {\n  static hostSelector = '[ngGridCell]';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a grid cell with specific attributes.\n   * @param options Options for filtering which cell instances are considered a match.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with(options: GridCellHarnessFilters = {}): HarnessPredicate<GridCellHarness> {\n    return new HarnessPredicate(GridCellHarness, options)\n      .addOption('text', options.text, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getText(), text),\n      )\n      .addOption(\n        'selected',\n        options.selected,\n        async (harness, selected) => (await harness.isSelected()) === selected,\n      )\n      .addOption(\n        'disabled',\n        options.disabled,\n        async (harness, disabled) => (await harness.isDisabled()) === disabled,\n      );\n  }\n\n  /** Whether the cell is selected. */\n  async isSelected(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-selected')) === 'true';\n  }\n\n  /** Whether the cell is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Gets the text content of the cell. */\n  async getText(): Promise<string> {\n    const host = await this.host();\n    return host.text();\n  }\n\n  /** Clicks the cell. */\n  async click(): Promise<void> {\n    const host = await this.host();\n    return host.click();\n  }\n\n  /** Focuses the cell. */\n  async focus(): Promise<void> {\n    const host = await this.host();\n    return host.focus();\n  }\n\n  /** Blurs the cell. */\n  async blur(): Promise<void> {\n    const host = await this.host();\n    return host.blur();\n  }\n\n  /** Whether the cell is active. */\n  async isActive(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('data-active')) === 'true';\n  }\n\n  /** Whether the cell is focused. */\n  async isFocused(): Promise<boolean> {\n    const host = await this.host();\n    return host.isFocused();\n  }\n}\n\n/** Harness for interacting with a standard ngGridRow in tests. */\nexport class GridRowHarness extends ComponentHarness {\n  static hostSelector = '[ngGridRow]';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a grid row with specific attributes.\n   * @param options Options for filtering which row instances are considered a match.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with(options: GridRowHarnessFilters = {}): HarnessPredicate<GridRowHarness> {\n    return new HarnessPredicate(GridRowHarness, options);\n  }\n\n  /** Gets all cells in the row. */\n  async getCells(filters: GridCellHarnessFilters = {}): Promise<GridCellHarness[]> {\n    return this.locatorForAll(GridCellHarness.with(filters))();\n  }\n\n  /** Gets the text of the cells in the row. */\n  async getCellTextByIndex(filters: GridCellHarnessFilters = {}): Promise<string[]> {\n    const cells = await this.getCells(filters);\n    return parallel(() => cells.map(cell => cell.getText()));\n  }\n}\n\n/** Harness for interacting with a standard ngGrid in tests. */\nexport class GridHarness extends ComponentHarness {\n  static hostSelector = '[ngGrid]';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a grid with specific attributes.\n   * @param options Options for filtering which grid instances are considered a match.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with(options: GridHarnessFilters = {}): HarnessPredicate<GridHarness> {\n    return new HarnessPredicate(GridHarness, options).addOption(\n      'disabled',\n      options.disabled,\n      async (harness, disabled) => (await harness.isDisabled()) === disabled,\n    );\n  }\n\n  /** Whether the grid is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the grid is multi-selectable. */\n  async isMultiSelectable(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-multiselectable')) === 'true';\n  }\n\n  /** Gets all rows in the grid. */\n  async getRows(filters: GridRowHarnessFilters = {}): Promise<GridRowHarness[]> {\n    return this.locatorForAll(GridRowHarness.with(filters))();\n  }\n\n  /** Gets all cells in the grid. */\n  async getCells(filters: GridCellHarnessFilters = {}): Promise<GridCellHarness[]> {\n    return this.locatorForAll(GridCellHarness.with(filters))();\n  }\n\n  /** Gets the text inside the entire grid organized by rows. */\n  async getCellTextByIndex(): Promise<string[][]> {\n    const rows = await this.getRows();\n    return parallel(() => rows.map(row => row.getCellTextByIndex()));\n  }\n}\n"],"names":["GridCellHarness","ContentContainerComponentHarness","hostSelector","with","options","HarnessPredicate","addOption","text","harness","stringMatches","getText","selected","isSelected","disabled","isDisabled","host","getAttribute","click","focus","blur","isActive","isFocused","GridRowHarness","ComponentHarness","getCells","filters","locatorForAll","getCellTextByIndex","cells","parallel","map","cell","GridHarness","isMultiSelectable","getRows","rows","row"],"mappings":"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"}

package/fesm2022/grid.mjs

@@ -1,25 +1,22 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, contentChildren, computed, input, booleanAttribute, afterRenderEffect, Directive, output, Renderer2, contentChild, model } from '@angular/core';
+import { InjectionToken, inject, ElementRef, computed, input, booleanAttribute, afterRenderEffect, afterNextRender, Directive, output, Renderer2, contentChild, model } from '@angular/core';
 import { Directionality } from '@angular/cdk/bidi';
+import { tabIndexTransform } from './_transforms-chunk.mjs';
 import { GridPattern, GridCellWidgetPattern, GridCellPattern, GridRowPattern } from './_widget-chunk.mjs';
+import { SortedCollection } from './_collection-chunk.mjs';
 import { _IdGenerator } from '@angular/cdk/a11y';
-import './_signal-like-chunk.mjs';
+import './_click-event-manager-chunk.mjs';
 import '@angular/core/primitives/signals';
-import './_pointer-event-manager-chunk.mjs';
 
 const GRID_CELL = new InjectionToken('GRID_CELL');
 const GRID_ROW = new InjectionToken('GRID_ROW');
+const GRID = new InjectionToken('GRID');
 
 class Grid {
   _elementRef = inject(ElementRef);
   element = this._elementRef.nativeElement;
-  _rows = contentChildren(GRID_ROW, {
-    ...(ngDevMode ? {
-      debugName: "_rows"
-    } : {}),
-    descendants: true
-  });
-  _rowPatterns = computed(() => this._rows().map(r => r._pattern), ...(ngDevMode ? [{
+  _collection = new SortedCollection();
+  _rowPatterns = computed(() => this._collection.orderedItems().map(r => r._pattern), ...(ngDevMode ? [{
     debugName: "_rowPatterns"
   }] : []));
   textDirection = inject(Directionality).valueSignal;
@@ -59,18 +56,49 @@ class Grid {
   selectionMode = input('follow', ...(ngDevMode ? [{
     debugName: "selectionMode"
   }] : []));
+  tabIndex = input(undefined, {
+    ...(ngDevMode ? {
+      debugName: "tabIndex"
+    } : {}),
+    alias: 'tabindex',
+    transform: tabIndexTransform
+  });
   _pattern = new GridPattern({
     ...this,
     rows: this._rowPatterns,
     getCell: e => this._getCell(e),
     element: () => this.element
   });
+  activeDescendant = computed(() => this._pattern.activeDescendant(), ...(ngDevMode ? [{
+    debugName: "activeDescendant"
+  }] : []));
   constructor() {
-    afterRenderEffect(() => this._pattern.setDefaultStateEffect());
-    afterRenderEffect(() => this._pattern.resetStateEffect());
-    afterRenderEffect(() => this._pattern.resetFocusEffect());
-    afterRenderEffect(() => this._pattern.restoreFocusEffect());
-    afterRenderEffect(() => this._pattern.focusEffect());
+    afterRenderEffect({
+      write: () => this._pattern.setDefaultStateEffect()
+    });
+    afterRenderEffect({
+      write: () => this._pattern.resetStateEffect()
+    });
+    afterRenderEffect({
+      write: () => this._pattern.resetFocusEffect()
+    });
+    afterRenderEffect({
+      write: () => this._pattern.restoreFocusEffect()
+    });
+    afterRenderEffect({
+      write: () => this._pattern.focusEffect()
+    });
+    afterNextRender(() => {
+      this._collection.startObserving(this.element);
+    });
+  }
+  ngOnDestroy() {
+    this._collection.stopObserving();
+  }
+  scrollActiveCellIntoView(options = {
+    block: 'nearest'
+  }) {
+    this._pattern.activeCell()?.element().scrollIntoView(options);
   }
   _getCell(element) {
     let target = element;
@@ -88,15 +116,15 @@ class Grid {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: Grid,
     deps: [],
     target: i0.ɵɵFactoryTarget.Directive
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
-    minVersion: "17.2.0",
-    version: "22.0.0-next.6",
+    minVersion: "17.1.0",
+    version: "22.0.0-next.10",
     type: Grid,
     isStandalone: true,
     selector: "[ngGrid]",
@@ -156,6 +184,13 @@ class Grid {
         isSignal: true,
         isRequired: false,
         transformFunction: null
+      },
+      tabIndex: {
+        classPropertyName: "tabIndex",
+        publicName: "tabindex",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
       }
     },
     host: {
@@ -164,22 +199,20 @@ class Grid {
       },
       listeners: {
         "keydown": "_pattern.onKeydown($event)",
-        "pointerdown": "_pattern.onPointerdown($event)",
+        "click": "_pattern.onClick($event)",
         "focusin": "_pattern.onFocusIn($event)",
         "focusout": "_pattern.onFocusOut($event)"
       },
       properties: {
-        "tabindex": "_pattern.tabIndex()",
+        "tabindex": "tabIndex() !== undefined ? tabIndex() : _pattern.tabIndex()",
         "attr.aria-disabled": "_pattern.disabled()",
         "attr.aria-multiselectable": "_pattern.multiSelectable()",
         "attr.aria-activedescendant": "_pattern.activeDescendant()"
       }
     },
-    queries: [{
-      propertyName: "_rows",
-      predicate: GRID_ROW,
-      descendants: true,
-      isSignal: true
+    providers: [{
+      provide: GRID,
+      useExisting: Grid
     }],
     exportAs: ["ngGrid"],
     ngImport: i0
@@ -187,7 +220,7 @@ class Grid {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: Grid,
   decorators: [{
@@ -197,28 +230,23 @@ i0.ɵɵngDeclareClassMetadata({
       exportAs: 'ngGrid',
       host: {
         'role': 'grid',
-        '[tabindex]': '_pattern.tabIndex()',
+        '[tabindex]': 'tabIndex() !== undefined ? tabIndex() : _pattern.tabIndex()',
         '[attr.aria-disabled]': '_pattern.disabled()',
         '[attr.aria-multiselectable]': '_pattern.multiSelectable()',
         '[attr.aria-activedescendant]': '_pattern.activeDescendant()',
         '(keydown)': '_pattern.onKeydown($event)',
-        '(pointerdown)': '_pattern.onPointerdown($event)',
+        '(click)': '_pattern.onClick($event)',
         '(focusin)': '_pattern.onFocusIn($event)',
         '(focusout)': '_pattern.onFocusOut($event)'
-      }
+      },
+      providers: [{
+        provide: GRID,
+        useExisting: Grid
+      }]
     }]
   }],
   ctorParameters: () => [],
   propDecorators: {
-    _rows: [{
-      type: i0.ContentChildren,
-      args: [i0.forwardRef(() => GRID_ROW), {
-        ...{
-          descendants: true
-        },
-        isSignal: true
-      }]
-    }],
     enableSelection: [{
       type: i0.Input,
       args: [{
@@ -282,6 +310,14 @@ i0.ɵɵngDeclareClassMetadata({
         alias: "selectionMode",
         required: false
       }]
+    }],
+    tabIndex: [{
+      type: i0.Input,
+      args: [{
+        isSignal: true,
+        alias: "tabindex",
+        required: false
+      }]
     }]
   }
 });
@@ -313,33 +349,25 @@ class GridCellWidget {
   tabindex = input(...(ngDevMode ? [undefined, {
     debugName: "tabindex"
   }] : []));
-  _tabIndex = computed(() => this.tabindex() ?? (this.focusTarget() ? -1 : this._pattern.tabIndex()), ...(ngDevMode ? [{
+  _tabIndex = computed(() => this.tabindex() ?? this._pattern.tabIndex(), ...(ngDevMode ? [{
     debugName: "_tabIndex"
   }] : []));
   _pattern = new GridCellWidgetPattern({
     ...this,
     element: () => this.element,
     cell: () => this._cell._pattern,
-    focusTarget: computed(() => {
-      const target = this.focusTarget();
-      return target instanceof ElementRef ? target.nativeElement : target;
-    })
+    onActivate: e => this.activated.emit(e),
+    onDeactivate: e => this.deactivated.emit(e)
   });
   get isActivated() {
     return computed(() => this._pattern.isActivated());
   }
   constructor() {
-    afterRenderEffect(() => {
-      const activateEvent = this._pattern.lastActivateEvent();
-      if (activateEvent) {
-        this.activated.emit(activateEvent);
-      }
+    afterRenderEffect({
+      write: () => this._pattern.activationEffect()
     });
-    afterRenderEffect(() => {
-      const deactivateEvent = this._pattern.lastDeactivateEvent();
-      if (deactivateEvent) {
-        this.deactivated.emit(deactivateEvent);
-      }
+    afterRenderEffect({
+      write: () => this._pattern.deactivationEffect()
     });
   }
   activate() {
@@ -350,7 +378,7 @@ class GridCellWidget {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: GridCellWidget,
     deps: [],
@@ -358,7 +386,7 @@ class GridCellWidget {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     type: GridCellWidget,
     isStandalone: true,
     selector: "[ngGridCellWidget]",
@@ -417,7 +445,7 @@ class GridCellWidget {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: GridCellWidget,
   decorators: [{
@@ -573,6 +601,12 @@ class GridCell {
       }
     });
   }
+  ngOnInit() {
+    this._row._collection.register(this);
+  }
+  ngOnDestroy() {
+    this._row._collection.unregister(this);
+  }
   _toggleAttribute = (name, value) => {
     if (value == null) {
       this._renderer.removeAttribute(this.element, name);
@@ -594,7 +628,7 @@ class GridCell {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: GridCell,
     deps: [],
@@ -602,7 +636,7 @@ class GridCell {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.2.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     type: GridCell,
     isStandalone: true,
     selector: "[ngGridCell]",
@@ -698,7 +732,7 @@ class GridCell {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: GridCell,
   decorators: [{
@@ -812,16 +846,11 @@ i0.ɵɵngDeclareClassMetadata({
 class GridRow {
   _elementRef = inject(ElementRef);
   element = this._elementRef.nativeElement;
-  _cells = contentChildren(GRID_CELL, {
-    ...(ngDevMode ? {
-      debugName: "_cells"
-    } : {}),
-    descendants: true
-  });
-  _cellPatterns = computed(() => this._cells().map(c => c._pattern), ...(ngDevMode ? [{
+  _collection = new SortedCollection();
+  _cellPatterns = computed(() => this._collection.orderedItems().map(c => c._pattern), ...(ngDevMode ? [{
     debugName: "_cellPatterns"
   }] : []));
-  _grid = inject(Grid);
+  _grid = inject(GRID);
   _gridPattern = computed(() => this._grid._pattern, ...(ngDevMode ? [{
     debugName: "_gridPattern"
   }] : []));
@@ -833,17 +862,29 @@ class GridRow {
     cells: this._cellPatterns,
     grid: this._gridPattern
   });
+  constructor() {
+    afterNextRender(() => {
+      this._collection.startObserving(this.element);
+    });
+  }
+  ngOnInit() {
+    this._grid._collection.register(this);
+  }
+  ngOnDestroy() {
+    this._grid._collection.unregister(this);
+    this._collection.stopObserving();
+  }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: GridRow,
     deps: [],
     target: i0.ɵɵFactoryTarget.Directive
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
-    minVersion: "17.2.0",
-    version: "22.0.0-next.6",
+    minVersion: "17.1.0",
+    version: "22.0.0-next.10",
     type: GridRow,
     isStandalone: true,
     selector: "[ngGridRow]",
@@ -868,19 +909,13 @@ class GridRow {
       provide: GRID_ROW,
       useExisting: GridRow
     }],
-    queries: [{
-      propertyName: "_cells",
-      predicate: GRID_CELL,
-      descendants: true,
-      isSignal: true
-    }],
     exportAs: ["ngGridRow"],
     ngImport: i0
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: GridRow,
   decorators: [{
@@ -898,16 +933,8 @@ i0.ɵɵngDeclareClassMetadata({
       }]
     }]
   }],
+  ctorParameters: () => [],
   propDecorators: {
-    _cells: [{
-      type: i0.ContentChildren,
-      args: [i0.forwardRef(() => GRID_CELL), {
-        ...{
-          descendants: true
-        },
-        isSignal: true
-      }]
-    }],
     rowIndex: [{
       type: i0.Input,
       args: [{