@angular/aria 21.0.0-next.9 → 21.0.0-rc.1

package/fesm2022/grid.mjs

@@ -0,0 +1,566 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, contentChildren, computed, input, booleanAttribute, afterRenderEffect, Directive, contentChild, model } from '@angular/core';
+import { Directionality } from '@angular/cdk/bidi';
+import { GridPattern, GridRowPattern, GridCellPattern, GridCellWidgetPattern } from './_widget-chunk.mjs';
+
+class Grid {
+  _elementRef = inject(ElementRef);
+  _rows = contentChildren(GridRow, ...(ngDevMode ? [{
+    debugName: "_rows",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  _rowPatterns = computed(() => this._rows().map(r => r._pattern), ...(ngDevMode ? [{
+    debugName: "_rowPatterns"
+  }] : []));
+  textDirection = inject(Directionality).valueSignal;
+  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
+    debugName: "element"
+  }] : []));
+  enableSelection = input(false, ...(ngDevMode ? [{
+    debugName: "enableSelection",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  softDisabled = input(true, ...(ngDevMode ? [{
+    debugName: "softDisabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  focusMode = input('roving', ...(ngDevMode ? [{
+    debugName: "focusMode"
+  }] : []));
+  rowWrap = input('loop', ...(ngDevMode ? [{
+    debugName: "rowWrap"
+  }] : []));
+  colWrap = input('loop', ...(ngDevMode ? [{
+    debugName: "colWrap"
+  }] : []));
+  multi = input(false, ...(ngDevMode ? [{
+    debugName: "multi",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  selectionMode = input('follow', ...(ngDevMode ? [{
+    debugName: "selectionMode"
+  }] : []));
+  enableRangeSelection = input(false, ...(ngDevMode ? [{
+    debugName: "enableRangeSelection",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  _pattern = new GridPattern({
+    ...this,
+    rows: this._rowPatterns,
+    getCell: e => this._getCell(e)
+  });
+  constructor() {
+    afterRenderEffect(() => this._pattern.setDefaultStateEffect());
+    afterRenderEffect(() => this._pattern.resetStateEffect());
+    afterRenderEffect(() => this._pattern.focusEffect());
+  }
+  _getCell(element) {
+    const cellElement = element.closest('[ngGridCell]');
+    if (cellElement === undefined) return;
+    const widgetElement = element.closest('[ngGridCellWidget]');
+    for (const row of this._rowPatterns()) {
+      for (const cell of row.inputs.cells()) {
+        if (cell.element() === cellElement || widgetElement !== undefined && cell.element() === widgetElement) {
+          return cell;
+        }
+      }
+    }
+    return;
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: Grid,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: Grid,
+    isStandalone: true,
+    selector: "[ngGrid]",
+    inputs: {
+      enableSelection: {
+        classPropertyName: "enableSelection",
+        publicName: "enableSelection",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      softDisabled: {
+        classPropertyName: "softDisabled",
+        publicName: "softDisabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      focusMode: {
+        classPropertyName: "focusMode",
+        publicName: "focusMode",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      rowWrap: {
+        classPropertyName: "rowWrap",
+        publicName: "rowWrap",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      colWrap: {
+        classPropertyName: "colWrap",
+        publicName: "colWrap",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      multi: {
+        classPropertyName: "multi",
+        publicName: "multi",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      selectionMode: {
+        classPropertyName: "selectionMode",
+        publicName: "selectionMode",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      enableRangeSelection: {
+        classPropertyName: "enableRangeSelection",
+        publicName: "enableRangeSelection",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    host: {
+      attributes: {
+        "role": "grid"
+      },
+      listeners: {
+        "keydown": "_pattern.onKeydown($event)",
+        "pointerdown": "_pattern.onPointerdown($event)",
+        "pointermove": "_pattern.onPointermove($event)",
+        "pointerup": "_pattern.onPointerup($event)",
+        "focusin": "_pattern.onFocusIn()",
+        "focusout": "_pattern.onFocusOut($event)"
+      },
+      properties: {
+        "tabindex": "_pattern.tabIndex()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "attr.aria-activedescendant": "_pattern.activeDescendant()"
+      },
+      classAttribute: "grid"
+    },
+    queries: [{
+      propertyName: "_rows",
+      predicate: GridRow,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngGrid"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: Grid,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngGrid]',
+      exportAs: 'ngGrid',
+      host: {
+        'class': 'grid',
+        'role': 'grid',
+        '[tabindex]': '_pattern.tabIndex()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[attr.aria-activedescendant]': '_pattern.activeDescendant()',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(pointerdown)': '_pattern.onPointerdown($event)',
+        '(pointermove)': '_pattern.onPointermove($event)',
+        '(pointerup)': '_pattern.onPointerup($event)',
+        '(focusin)': '_pattern.onFocusIn()',
+        '(focusout)': '_pattern.onFocusOut($event)'
+      }
+    }]
+  }],
+  ctorParameters: () => []
+});
+class GridRow {
+  _elementRef = inject(ElementRef);
+  _cells = contentChildren(GridCell, ...(ngDevMode ? [{
+    debugName: "_cells",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  _cellPatterns = computed(() => this._cells().map(c => c._pattern), ...(ngDevMode ? [{
+    debugName: "_cellPatterns"
+  }] : []));
+  _grid = inject(Grid);
+  grid = computed(() => this._grid._pattern, ...(ngDevMode ? [{
+    debugName: "grid"
+  }] : []));
+  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
+    debugName: "element"
+  }] : []));
+  role = input('row', ...(ngDevMode ? [{
+    debugName: "role"
+  }] : []));
+  rowIndex = input(...(ngDevMode ? [undefined, {
+    debugName: "rowIndex"
+  }] : []));
+  _pattern = new GridRowPattern({
+    ...this,
+    cells: this._cellPatterns
+  });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: GridRow,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: GridRow,
+    isStandalone: true,
+    selector: "[ngGridRow]",
+    inputs: {
+      role: {
+        classPropertyName: "role",
+        publicName: "role",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      rowIndex: {
+        classPropertyName: "rowIndex",
+        publicName: "rowIndex",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    host: {
+      properties: {
+        "attr.role": "role()"
+      },
+      classAttribute: "grid-row"
+    },
+    queries: [{
+      propertyName: "_cells",
+      predicate: GridCell,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngGridRow"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: GridRow,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngGridRow]',
+      exportAs: 'ngGridRow',
+      host: {
+        'class': 'grid-row',
+        '[attr.role]': 'role()'
+      }
+    }]
+  }]
+});
+class GridCell {
+  _elementRef = inject(ElementRef);
+  _widgets = contentChild(GridCellWidget, ...(ngDevMode ? [{
+    debugName: "_widgets"
+  }] : []));
+  _widgetPattern = computed(() => this._widgets()?._pattern, ...(ngDevMode ? [{
+    debugName: "_widgetPattern"
+  }] : []));
+  _row = inject(GridRow);
+  _id = inject(_IdGenerator).getId('ng-grid-cell-', true);
+  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
+    debugName: "element"
+  }] : []));
+  role = input('gridcell', ...(ngDevMode ? [{
+    debugName: "role"
+  }] : []));
+  rowSpan = input(1, ...(ngDevMode ? [{
+    debugName: "rowSpan"
+  }] : []));
+  colSpan = input(1, ...(ngDevMode ? [{
+    debugName: "colSpan"
+  }] : []));
+  rowIndex = input(...(ngDevMode ? [undefined, {
+    debugName: "rowIndex"
+  }] : []));
+  colIndex = input(...(ngDevMode ? [undefined, {
+    debugName: "colIndex"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  selected = model(false, ...(ngDevMode ? [{
+    debugName: "selected"
+  }] : []));
+  selectable = input(true, ...(ngDevMode ? [{
+    debugName: "selectable"
+  }] : []));
+  _pattern = new GridCellPattern({
+    ...this,
+    id: () => this._id,
+    grid: this._row.grid,
+    row: () => this._row._pattern,
+    widget: this._widgetPattern
+  });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: GridCell,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: GridCell,
+    isStandalone: true,
+    selector: "[ngGridCell]",
+    inputs: {
+      role: {
+        classPropertyName: "role",
+        publicName: "role",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      rowSpan: {
+        classPropertyName: "rowSpan",
+        publicName: "rowSpan",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      colSpan: {
+        classPropertyName: "colSpan",
+        publicName: "colSpan",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      rowIndex: {
+        classPropertyName: "rowIndex",
+        publicName: "rowIndex",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      colIndex: {
+        classPropertyName: "colIndex",
+        publicName: "colIndex",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      selected: {
+        classPropertyName: "selected",
+        publicName: "selected",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      selectable: {
+        classPropertyName: "selectable",
+        publicName: "selectable",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      selected: "selectedChange"
+    },
+    host: {
+      properties: {
+        "attr.role": "role()",
+        "attr.id": "_pattern.id()",
+        "attr.rowspan": "_pattern.rowSpan()",
+        "attr.colspan": "_pattern.colSpan()",
+        "attr.data-active": "_pattern.active()",
+        "attr.data-anchor": "_pattern.anchor()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "attr.aria-rowspan": "_pattern.rowSpan()",
+        "attr.aria-colspan": "_pattern.colSpan()",
+        "attr.aria-rowindex": "_pattern.ariaRowIndex()",
+        "attr.aria-colindex": "_pattern.ariaColIndex()",
+        "attr.aria-selected": "_pattern.ariaSelected()",
+        "tabindex": "_pattern.tabIndex()"
+      },
+      classAttribute: "grid-cell"
+    },
+    queries: [{
+      propertyName: "_widgets",
+      first: true,
+      predicate: GridCellWidget,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngGridCell"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: GridCell,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngGridCell]',
+      exportAs: 'ngGridCell',
+      host: {
+        'class': 'grid-cell',
+        '[attr.role]': 'role()',
+        '[attr.id]': '_pattern.id()',
+        '[attr.rowspan]': '_pattern.rowSpan()',
+        '[attr.colspan]': '_pattern.colSpan()',
+        '[attr.data-active]': '_pattern.active()',
+        '[attr.data-anchor]': '_pattern.anchor()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[attr.aria-rowspan]': '_pattern.rowSpan()',
+        '[attr.aria-colspan]': '_pattern.colSpan()',
+        '[attr.aria-rowindex]': '_pattern.ariaRowIndex()',
+        '[attr.aria-colindex]': '_pattern.ariaColIndex()',
+        '[attr.aria-selected]': '_pattern.ariaSelected()',
+        '[tabindex]': '_pattern.tabIndex()'
+      }
+    }]
+  }]
+});
+class GridCellWidget {
+  _elementRef = inject(ElementRef);
+  _cell = inject(GridCell);
+  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
+    debugName: "element"
+  }] : []));
+  activate = model(false, ...(ngDevMode ? [{
+    debugName: "activate"
+  }] : []));
+  _pattern = new GridCellWidgetPattern({
+    ...this,
+    cell: () => this._cell._pattern
+  });
+  focus() {
+    this.element().focus();
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: GridCellWidget,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: GridCellWidget,
+    isStandalone: true,
+    selector: "[ngGridCellWidget]",
+    inputs: {
+      activate: {
+        classPropertyName: "activate",
+        publicName: "activate",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      activate: "activateChange"
+    },
+    host: {
+      properties: {
+        "attr.data-active": "_pattern.active()",
+        "tabindex": "_pattern.tabIndex()"
+      },
+      classAttribute: "grid-cell-widget"
+    },
+    exportAs: ["ngGridCellWidget"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: GridCellWidget,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngGridCellWidget]',
+      exportAs: 'ngGridCellWidget',
+      host: {
+        'class': 'grid-cell-widget',
+        '[attr.data-active]': '_pattern.active()',
+        '[tabindex]': '_pattern.tabIndex()'
+      }
+    }]
+  }]
+});
+
+export { Grid, GridCell, GridCellWidget, GridRow };
+//# sourceMappingURL=grid.mjs.map

package/fesm2022/grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.mjs","sources":["../../../../../k8-fastbuild-ST-199a4f3c4e20/bin/src/aria/grid/grid.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 {_IdGenerator} from '@angular/cdk/a11y';\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChild,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  Signal,\n} from '@angular/core';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {GridPattern, GridRowPattern, GridCellPattern, GridCellWidgetPattern} from '../private';\n\n/** A directive that provides grid-based navigation and selection behavior. */\n@Directive({\n  selector: '[ngGrid]',\n  exportAs: 'ngGrid',\n  host: {\n    'class': 'grid',\n    'role': 'grid',\n    '[tabindex]': '_pattern.tabIndex()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-activedescendant]': '_pattern.activeDescendant()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(pointerdown)': '_pattern.onPointerdown($event)',\n    '(pointermove)': '_pattern.onPointermove($event)',\n    '(pointerup)': '_pattern.onPointerup($event)',\n    '(focusin)': '_pattern.onFocusIn()',\n    '(focusout)': '_pattern.onFocusOut($event)',\n  },\n})\nexport class Grid {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The rows that make up the grid. */\n  private readonly _rows = contentChildren(GridRow, {descendants: true});\n\n  /** The UI patterns for the rows in the grid. */\n  private readonly _rowPatterns: Signal<GridRowPattern[]> = computed(() =>\n    this._rows().map(r => r._pattern),\n  );\n\n  /** Text direction. */\n  readonly textDirection = inject(Directionality).valueSignal;\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether selection is enabled for the grid. */\n  readonly enableSelection = input(false, {transform: booleanAttribute});\n\n  /** Whether the grid is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether to allow disabled items to receive focus. */\n  readonly softDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the grid. */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** The wrapping behavior for keyboard navigation along the row axis. */\n  readonly rowWrap = input<'continuous' | 'loop' | 'nowrap'>('loop');\n\n  /** The wrapping behavior for keyboard navigation along the column axis. */\n  readonly colWrap = input<'continuous' | 'loop' | 'nowrap'>('loop');\n\n  /** Whether multiple cells in the grid can be selected. */\n  readonly multi = input(false, {transform: booleanAttribute});\n\n  /** The selection strategy used by the grid. */\n  readonly selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** Whether enable range selections (with modifier keys or dragging). */\n  readonly enableRangeSelection = input(false, {transform: booleanAttribute});\n\n  /** The UI pattern for the grid. */\n  readonly _pattern = new GridPattern({\n    ...this,\n    rows: this._rowPatterns,\n    getCell: e => this._getCell(e),\n  });\n\n  constructor() {\n    afterRenderEffect(() => this._pattern.setDefaultStateEffect());\n    afterRenderEffect(() => this._pattern.resetStateEffect());\n    afterRenderEffect(() => this._pattern.focusEffect());\n  }\n\n  /** Gets the cell pattern for a given element. */\n  private _getCell(element: Element): GridCellPattern | undefined {\n    const cellElement = element.closest('[ngGridCell]');\n    if (cellElement === undefined) return;\n\n    const widgetElement = element.closest('[ngGridCellWidget]');\n    for (const row of this._rowPatterns()) {\n      for (const cell of row.inputs.cells()) {\n        if (\n          cell.element() === cellElement ||\n          (widgetElement !== undefined && cell.element() === widgetElement)\n        ) {\n          return cell;\n        }\n      }\n    }\n    return;\n  }\n}\n\n/** A directive that represents a row in a grid. */\n@Directive({\n  selector: '[ngGridRow]',\n  exportAs: 'ngGridRow',\n  host: {\n    'class': 'grid-row',\n    '[attr.role]': 'role()',\n  },\n})\nexport class GridRow {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The cells that make up this row. */\n  private readonly _cells = contentChildren(GridCell, {descendants: true});\n\n  /** The UI patterns for the cells in this row. */\n  private readonly _cellPatterns: Signal<GridCellPattern[]> = computed(() =>\n    this._cells().map(c => c._pattern),\n  );\n\n  /** The parent grid. */\n  private readonly _grid = inject(Grid);\n\n  /** The parent grid UI pattern. */\n  readonly grid = computed(() => this._grid._pattern);\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** The ARIA role for the row. */\n  readonly role = input<'row' | 'rowheader'>('row');\n\n  /** The index of this row within the grid. */\n  readonly rowIndex = input<number>();\n\n  /** The UI pattern for the grid row. */\n  readonly _pattern = new GridRowPattern({\n    ...this,\n    cells: this._cellPatterns,\n  });\n}\n\n/** A directive that represents a cell in a grid. */\n@Directive({\n  selector: '[ngGridCell]',\n  exportAs: 'ngGridCell',\n  host: {\n    'class': 'grid-cell',\n    '[attr.role]': 'role()',\n    '[attr.id]': '_pattern.id()',\n    '[attr.rowspan]': '_pattern.rowSpan()',\n    '[attr.colspan]': '_pattern.colSpan()',\n    '[attr.data-active]': '_pattern.active()',\n    '[attr.data-anchor]': '_pattern.anchor()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-rowspan]': '_pattern.rowSpan()',\n    '[attr.aria-colspan]': '_pattern.colSpan()',\n    '[attr.aria-rowindex]': '_pattern.ariaRowIndex()',\n    '[attr.aria-colindex]': '_pattern.ariaColIndex()',\n    '[attr.aria-selected]': '_pattern.ariaSelected()',\n    '[tabindex]': '_pattern.tabIndex()',\n  },\n})\nexport class GridCell {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The widget contained within this cell, if any. */\n  private readonly _widgets = contentChild(GridCellWidget);\n\n  /** The UI pattern for the widget in this cell. */\n  private readonly _widgetPattern: Signal<GridCellWidgetPattern | undefined> = computed(\n    () => this._widgets()?._pattern,\n  );\n\n  /** The parent row. */\n  private readonly _row = inject(GridRow);\n\n  /** A unique identifier for the cell. */\n  private readonly _id = inject(_IdGenerator).getId('ng-grid-cell-', true);\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** The ARIA role for the cell. */\n  readonly role = input<'gridcell' | 'columnheader'>('gridcell');\n\n  /** The number of rows the cell should span. */\n  readonly rowSpan = input<number>(1);\n\n  /** The number of columns the cell should span. */\n  readonly colSpan = input<number>(1);\n\n  /** The index of this cell's row within the grid. */\n  readonly rowIndex = input<number>();\n\n  /** The index of this cell's column within the grid. */\n  readonly colIndex = input<number>();\n\n  /** Whether the cell is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the cell is selected. */\n  readonly selected = model<boolean>(false);\n\n  /** Whether the cell is selectable. */\n  readonly selectable = input<boolean>(true);\n\n  /** The UI pattern for the grid cell. */\n  readonly _pattern = new GridCellPattern({\n    ...this,\n    id: () => this._id,\n    grid: this._row.grid,\n    row: () => this._row._pattern,\n    widget: this._widgetPattern,\n  });\n}\n\n/** A directive that represents a widget inside a grid cell. */\n@Directive({\n  selector: '[ngGridCellWidget]',\n  exportAs: 'ngGridCellWidget',\n  host: {\n    'class': 'grid-cell-widget',\n    '[attr.data-active]': '_pattern.active()',\n    '[tabindex]': '_pattern.tabIndex()',\n  },\n})\nexport class GridCellWidget {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent cell. */\n  private readonly _cell = inject(GridCell);\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether the widget is activated and the grid navigation should be paused. */\n  readonly activate = model<boolean>(false);\n\n  /** The UI pattern for the grid cell widget. */\n  readonly _pattern = new GridCellWidgetPattern({\n    ...this,\n    cell: () => this._cell._pattern,\n  });\n\n  /** Focuses the widget. */\n  focus(): void {\n    this.element().focus();\n  }\n}\n"],"names":["Grid","_elementRef","inject","ElementRef","_rows","contentChildren","GridRow","descendants","_rowPatterns","computed","map","r","_pattern","ngDevMode","debugName","textDirection","Directionality","valueSignal","element","nativeElement","enableSelection","input","transform","booleanAttribute","disabled","softDisabled","focusMode","rowWrap","colWrap","multi","selectionMode","enableRangeSelection","GridPattern","rows","getCell","e","_getCell","constructor","afterRenderEffect","setDefaultStateEffect","resetStateEffect","focusEffect","cellElement","closest","undefined","widgetElement","row","cell","inputs","cells","deps","target","i0","ɵɵFactoryTarget","Directive","ɵdir","ɵɵngDeclareDirective","minVersion","version","type","isSignal","exportAs","ngImport","decorators","args","selector","host","_cells","GridCell","_cellPatterns","c","_grid","grid","role","rowIndex","GridRowPattern","_widgets","contentChild","GridCellWidget","_widgetPattern","_row","_id","_IdGenerator","getId","rowSpan","colSpan","colIndex","selected","model","selectable","GridCellPattern","id","widget","_cell","activate","GridCellWidgetPattern","focus","isStandalone","classPropertyName","publicName","isRequired","transformFunction","outputs","properties","classAttribute"],"mappings":";;;;;;MA2CaA,IAAI,CAAA;AAEEC,EAAAA,WAAW,GAAGC,MAAM,CAACC,UAAU,CAAC;EAGhCC,KAAK,GAAGC,eAAe,CAACC,OAAO;;AAAGC,IAAAA,WAAW,EAAE;GAAI,CAAA,GAAA,CAAlB;AAACA,IAAAA,WAAW,EAAE;GAAK,GAAC;EAGrDC,YAAY,GAA6BC,QAAQ,CAAC,MACjE,IAAI,CAACL,KAAK,EAAE,CAACM,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,QAAQ,CAAC,EAAA,IAAAC,SAAA,GAAA,CAAA;AAAAC,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAClC;AAGQC,EAAAA,aAAa,GAAGb,MAAM,CAACc,cAAc,CAAC,CAACC,WAAW;AAGlDC,EAAAA,OAAO,GAAGT,QAAQ,CAAC,MAAM,IAAI,CAACR,WAAW,CAACkB,aAAa,EAAA,IAAAN,SAAA,GAAA,CAAA;AAAAC,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAC;EAGxDM,eAAe,GAAGC,KAAK,CAAC,KAAK;;AAAGC,IAAAA,SAAS,EAAEC;GAAgB,CAAA,GAAA,CAA5B;AAACD,IAAAA,SAAS,EAAEC;GAAiB,GAAC;EAG7DC,QAAQ,GAAGH,KAAK,CAAC,KAAK;;AAAGC,IAAAA,SAAS,EAAEC;GAAgB,CAAA,GAAA,CAA5B;AAACD,IAAAA,SAAS,EAAEC;GAAiB,GAAC;EAGtDE,YAAY,GAAGJ,KAAK,CAAC,IAAI;;AAAGC,IAAAA,SAAS,EAAEC;GAAgB,CAAA,GAAA,CAA5B;AAACD,IAAAA,SAAS,EAAEC;GAAiB,GAAC;EAGzDG,SAAS,GAAGL,KAAK,CAAgC,QAAQ;;WAAC;EAG1DM,OAAO,GAAGN,KAAK,CAAmC,MAAM;;WAAC;EAGzDO,OAAO,GAAGP,KAAK,CAAmC,MAAM;;WAAC;EAGzDQ,KAAK,GAAGR,KAAK,CAAC,KAAK;;AAAGC,IAAAA,SAAS,EAAEC;GAAgB,CAAA,GAAA,CAA5B;AAACD,IAAAA,SAAS,EAAEC;GAAiB,GAAC;EAGnDO,aAAa,GAAGT,KAAK,CAAwB,QAAQ;;WAAC;EAGtDU,oBAAoB,GAAGV,KAAK,CAAC,KAAK;;AAAGC,IAAAA,SAAS,EAAEC;GAAgB,CAAA,GAAA,CAA5B;AAACD,IAAAA,SAAS,EAAEC;GAAiB,GAAC;EAGlEX,QAAQ,GAAG,IAAIoB,WAAW,CAAC;AAClC,IAAA,GAAG,IAAI;IACPC,IAAI,EAAE,IAAI,CAACzB,YAAY;AACvB0B,IAAAA,OAAO,EAAEC,CAAC,IAAI,IAAI,CAACC,QAAQ,CAACD,CAAC;AAC9B,GAAA,CAAC;AAEFE,EAAAA,WAAAA,GAAA;IACEC,iBAAiB,CAAC,MAAM,IAAI,CAAC1B,QAAQ,CAAC2B,qBAAqB,EAAE,CAAC;IAC9DD,iBAAiB,CAAC,MAAM,IAAI,CAAC1B,QAAQ,CAAC4B,gBAAgB,EAAE,CAAC;IACzDF,iBAAiB,CAAC,MAAM,IAAI,CAAC1B,QAAQ,CAAC6B,WAAW,EAAE,CAAC;AACtD;EAGQL,QAAQA,CAAClB,OAAgB,EAAA;AAC/B,IAAA,MAAMwB,WAAW,GAAGxB,OAAO,CAACyB,OAAO,CAAC,cAAc,CAAC;IACnD,IAAID,WAAW,KAAKE,SAAS,EAAE;AAE/B,IAAA,MAAMC,aAAa,GAAG3B,OAAO,CAACyB,OAAO,CAAC,oBAAoB,CAAC;IAC3D,KAAK,MAAMG,GAAG,IAAI,IAAI,CAACtC,YAAY,EAAE,EAAE;MACrC,KAAK,MAAMuC,IAAI,IAAID,GAAG,CAACE,MAAM,CAACC,KAAK,EAAE,EAAE;AACrC,QAAA,IACEF,IAAI,CAAC7B,OAAO,EAAE,KAAKwB,WAAW,IAC7BG,aAAa,KAAKD,SAAS,IAAIG,IAAI,CAAC7B,OAAO,EAAE,KAAK2B,aAAc,EACjE;AACA,UAAA,OAAOE,IAAI;AACb;AACF;AACF;AACA,IAAA;AACF;;;;;UA3EW/C,IAAI;AAAAkD,IAAAA,IAAA,EAAA,EAAA;AAAAC,IAAAA,MAAA,EAAAC,EAAA,CAAAC,eAAA,CAAAC;AAAA,GAAA,CAAA;AAAJ,EAAA,OAAAC,IAAA,GAAAH,EAAA,CAAAI,oBAAA,CAAA;AAAAC,IAAAA,UAAA,EAAA,QAAA;AAAAC,IAAAA,OAAA,EAAA,eAAA;AAAAC,IAAAA,IAAA,EAAA3D,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAK0BM,OAAO;AAAAC,MAAAA,WAAA,EAAA,IAAA;AAAAqD,MAAAA,QAAA,EAAA;AAAA,KAAA,CAAA;IAAAC,QAAA,EAAA,CAAA,QAAA,CAAA;AAAAC,IAAAA,QAAA,EAAAV;AAAA,GAAA,CAAA;;;;;;QALrCpD,IAAI;AAAA+D,EAAAA,UAAA,EAAA,CAAA;UAjBhBT,SAAS;AAACU,IAAAA,IAAA,EAAA,CAAA;AACTC,MAAAA,QAAQ,EAAE,UAAU;AACpBJ,MAAAA,QAAQ,EAAE,QAAQ;AAClBK,MAAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,YAAY,EAAE,qBAAqB;AACnC,QAAA,sBAAsB,EAAE,qBAAqB;AAC7C,QAAA,8BAA8B,EAAE,6BAA6B;AAC7D,QAAA,WAAW,EAAE,4BAA4B;AACzC,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,aAAa,EAAE,8BAA8B;AAC7C,QAAA,WAAW,EAAE,sBAAsB;AACnC,QAAA,YAAY,EAAE;AACf;KACF;;;;MAwFY5D,OAAO,CAAA;AAEDL,EAAAA,WAAW,GAAGC,MAAM,CAACC,UAAU,CAAC;EAGhCgE,MAAM,GAAG9D,eAAe,CAAC+D,QAAQ;;AAAG7D,IAAAA,WAAW,EAAE;GAAI,CAAA,GAAA,CAAlB;AAACA,IAAAA,WAAW,EAAE;GAAK,GAAC;EAGvD8D,aAAa,GAA8B5D,QAAQ,CAAC,MACnE,IAAI,CAAC0D,MAAM,EAAE,CAACzD,GAAG,CAAC4D,CAAC,IAAIA,CAAC,CAAC1D,QAAQ,CAAC,EAAA,IAAAC,SAAA,GAAA,CAAA;AAAAC,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CACnC;AAGgByD,EAAAA,KAAK,GAAGrE,MAAM,CAACF,IAAI,CAAC;AAG5BwE,EAAAA,IAAI,GAAG/D,QAAQ,CAAC,MAAM,IAAI,CAAC8D,KAAK,CAAC3D,QAAQ,EAAA,IAAAC,SAAA,GAAA,CAAA;AAAAC,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAG1CI,EAAAA,OAAO,GAAGT,QAAQ,CAAC,MAAM,IAAI,CAACR,WAAW,CAACkB,aAAa,EAAA,IAAAN,SAAA,GAAA,CAAA;AAAAC,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAC;EAGxD2D,IAAI,GAAGpD,KAAK,CAAsB,KAAK;;WAAC;EAGxCqD,QAAQ,GAAGrD,KAAK,CAAA,IAAAR,SAAA,GAAA,CAAA+B,SAAA,EAAA;AAAA9B,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAU;EAG1BF,QAAQ,GAAG,IAAI+D,cAAc,CAAC;AACrC,IAAA,GAAG,IAAI;IACP1B,KAAK,EAAE,IAAI,CAACoB;AACb,GAAA,CAAC;;;;;UA/BS/D,OAAO;AAAA4C,IAAAA,IAAA,EAAA,EAAA;AAAAC,IAAAA,MAAA,EAAAC,EAAA,CAAAC,eAAA,CAAAC;AAAA,GAAA,CAAA;AAAP,EAAA,OAAAC,IAAA,GAAAH,EAAA,CAAAI,oBAAA,CAAA;AAAAC,IAAAA,UAAA,EAAA,QAAA;AAAAC,IAAAA,OAAA,EAAA,eAAA;AAAAC,IAAAA,IAAA,EAAArD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAKwB8D,QAAQ;AAAA7D,MAAAA,WAAA,EAAA,IAAA;AAAAqD,MAAAA,QAAA,EAAA;AAAA,KAAA,CAAA;IAAAC,QAAA,EAAA,CAAA,WAAA,CAAA;AAAAC,IAAAA,QAAA,EAAAV;AAAA,GAAA,CAAA;;;;;;QALvC9C,OAAO;AAAAyD,EAAAA,UAAA,EAAA,CAAA;UARnBT,SAAS;AAACU,IAAAA,IAAA,EAAA,CAAA;AACTC,MAAAA,QAAQ,EAAE,aAAa;AACvBJ,MAAAA,QAAQ,EAAE,WAAW;AACrBK,MAAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,aAAa,EAAE;AAChB;KACF;;;MAwDYE,QAAQ,CAAA;AAEFnE,EAAAA,WAAW,GAAGC,MAAM,CAACC,UAAU,CAAC;EAGhCyE,QAAQ,GAAGC,YAAY,CAACC,cAAc;;WAAC;AAGvCC,EAAAA,cAAc,GAA8CtE,QAAQ,CACnF,MAAM,IAAI,CAACmE,QAAQ,EAAE,EAAEhE,QAAQ;;WAChC;AAGgBoE,EAAAA,IAAI,GAAG9E,MAAM,CAACI,OAAO,CAAC;EAGtB2E,GAAG,GAAG/E,MAAM,CAACgF,YAAY,CAAC,CAACC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;AAG/DjE,EAAAA,OAAO,GAAGT,QAAQ,CAAC,MAAM,IAAI,CAACR,WAAW,CAACkB,aAAa,EAAA,IAAAN,SAAA,GAAA,CAAA;AAAAC,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAC;EAGxD2D,IAAI,GAAGpD,KAAK,CAA8B,UAAU;;WAAC;EAGrD+D,OAAO,GAAG/D,KAAK,CAAS,CAAC;;WAAC;EAG1BgE,OAAO,GAAGhE,KAAK,CAAS,CAAC;;WAAC;EAG1BqD,QAAQ,GAAGrD,KAAK,CAAA,IAAAR,SAAA,GAAA,CAAA+B,SAAA,EAAA;AAAA9B,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAU;EAG1BwE,QAAQ,GAAGjE,KAAK,CAAA,IAAAR,SAAA,GAAA,CAAA+B,SAAA,EAAA;AAAA9B,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAU;EAG1BU,QAAQ,GAAGH,KAAK,CAAC,KAAK;;AAAGC,IAAAA,SAAS,EAAEC;GAAgB,CAAA,GAAA,CAA5B;AAACD,IAAAA,SAAS,EAAEC;GAAiB,GAAC;EAGtDgE,QAAQ,GAAGC,KAAK,CAAU,KAAK;;WAAC;EAGhCC,UAAU,GAAGpE,KAAK,CAAU,IAAI;;WAAC;EAGjCT,QAAQ,GAAG,IAAI8E,eAAe,CAAC;AACtC,IAAA,GAAG,IAAI;AACPC,IAAAA,EAAE,EAAEA,MAAM,IAAI,CAACV,GAAG;AAClBT,IAAAA,IAAI,EAAE,IAAI,CAACQ,IAAI,CAACR,IAAI;AACpB1B,IAAAA,GAAG,EAAEA,MAAM,IAAI,CAACkC,IAAI,CAACpE,QAAQ;IAC7BgF,MAAM,EAAE,IAAI,CAACb;AACd,GAAA,CAAC;;;;;UApDSX,QAAQ;AAAAlB,IAAAA,IAAA,EAAA,EAAA;AAAAC,IAAAA,MAAA,EAAAC,EAAA,CAAAC,eAAA,CAAAC;AAAA,GAAA,CAAA;AAAR,EAAA,OAAAC,IAAA,GAAAH,EAAA,CAAAI,oBAAA,CAAA;AAAAC,IAAAA,UAAA,EAAA,QAAA;AAAAC,IAAAA,OAAA,EAAA,eAAA;AAAAC,IAAAA,IAAA,EAAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAKsBU,cAAc;AAAAvE,MAAAA,WAAA,EAAA,IAAA;AAAAqD,MAAAA,QAAA,EAAA;AAAA,KAAA,CAAA;IAAAC,QAAA,EAAA,CAAA,YAAA,CAAA;AAAAC,IAAAA,QAAA,EAAAV;AAAA,GAAA,CAAA;;;;;;QAL5CgB,QAAQ;AAAAL,EAAAA,UAAA,EAAA,CAAA;UApBpBT,SAAS;AAACU,IAAAA,IAAA,EAAA,CAAA;AACTC,MAAAA,QAAQ,EAAE,cAAc;AACxBJ,MAAAA,QAAQ,EAAE,YAAY;AACtBK,MAAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,WAAW,EAAE,eAAe;AAC5B,QAAA,gBAAgB,EAAE,oBAAoB;AACtC,QAAA,gBAAgB,EAAE,oBAAoB;AACtC,QAAA,oBAAoB,EAAE,mBAAmB;AACzC,QAAA,oBAAoB,EAAE,mBAAmB;AACzC,QAAA,sBAAsB,EAAE,qBAAqB;AAC7C,QAAA,qBAAqB,EAAE,oBAAoB;AAC3C,QAAA,qBAAqB,EAAE,oBAAoB;AAC3C,QAAA,sBAAsB,EAAE,yBAAyB;AACjD,QAAA,sBAAsB,EAAE,yBAAyB;AACjD,QAAA,sBAAsB,EAAE,yBAAyB;AACjD,QAAA,YAAY,EAAE;AACf;KACF;;;MAkEYY,cAAc,CAAA;AAER7E,EAAAA,WAAW,GAAGC,MAAM,CAACC,UAAU,CAAC;AAGhC0F,EAAAA,KAAK,GAAG3F,MAAM,CAACkE,QAAQ,CAAC;AAGhClD,EAAAA,OAAO,GAAGT,QAAQ,CAAC,MAAM,IAAI,CAACR,WAAW,CAACkB,aAAa,EAAA,IAAAN,SAAA,GAAA,CAAA;AAAAC,IAAAA,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAC;EAGxDgF,QAAQ,GAAGN,KAAK,CAAU,KAAK;;WAAC;EAGhC5E,QAAQ,GAAG,IAAImF,qBAAqB,CAAC;AAC5C,IAAA,GAAG,IAAI;AACPhD,IAAAA,IAAI,EAAEA,MAAM,IAAI,CAAC8C,KAAK,CAACjF;AACxB,GAAA,CAAC;AAGFoF,EAAAA,KAAKA,GAAA;AACH,IAAA,IAAI,CAAC9E,OAAO,EAAE,CAAC8E,KAAK,EAAE;AACxB;;;;;UAtBWlB,cAAc;AAAA5B,IAAAA,IAAA,EAAA,EAAA;AAAAC,IAAAA,MAAA,EAAAC,EAAA,CAAAC,eAAA,CAAAC;AAAA,GAAA,CAAA;;;;UAAdwB,cAAc;AAAAmB,IAAAA,YAAA,EAAA,IAAA;AAAAhC,IAAAA,QAAA,EAAA,oBAAA;AAAAjB,IAAAA,MAAA,EAAA;AAAA8C,MAAAA,QAAA,EAAA;AAAAI,QAAAA,iBAAA,EAAA,UAAA;AAAAC,QAAAA,UAAA,EAAA,UAAA;AAAAvC,QAAAA,QAAA,EAAA,IAAA;AAAAwC,QAAAA,UAAA,EAAA,KAAA;AAAAC,QAAAA,iBAAA,EAAA;AAAA;KAAA;AAAAC,IAAAA,OAAA,EAAA;AAAAR,MAAAA,QAAA,EAAA;KAAA;AAAA5B,IAAAA,IAAA,EAAA;AAAAqC,MAAAA,UAAA,EAAA;AAAA,QAAA,kBAAA,EAAA,mBAAA;AAAA,QAAA,UAAA,EAAA;OAAA;AAAAC,MAAAA,cAAA,EAAA;KAAA;IAAA3C,QAAA,EAAA,CAAA,kBAAA,CAAA;AAAAC,IAAAA,QAAA,EAAAV;AAAA,GAAA,CAAA;;;;;;QAAd0B,cAAc;AAAAf,EAAAA,UAAA,EAAA,CAAA;UAT1BT,SAAS;AAACU,IAAAA,IAAA,EAAA,CAAA;AACTC,MAAAA,QAAQ,EAAE,oBAAoB;AAC9BJ,MAAAA,QAAQ,EAAE,kBAAkB;AAC5BK,MAAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,kBAAkB;AAC3B,QAAA,oBAAoB,EAAE,mBAAmB;AACzC,QAAA,YAAY,EAAE;AACf;KACF;;;;;;"}