@angular/aria 21.0.0-next.8 → 21.0.0-rc.0

package/fesm2022/deferred-content.mjs

@@ -1,59 +1,99 @@
 import * as i0 from '@angular/core';
 import { signal, model, Directive, inject, TemplateRef, ViewContainerRef, afterRenderEffect } from '@angular/core';
 
-/**
- * A container directive controls the visibility of its content.
- */
 class DeferredContentAware {
-    contentVisible = signal(false, ...(ngDevMode ? [{ debugName: "contentVisible" }] : []));
-    preserveContent = model(false, ...(ngDevMode ? [{ debugName: "preserveContent" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContentAware, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: DeferredContentAware, isStandalone: true, inputs: { preserveContent: { classPropertyName: "preserveContent", publicName: "preserveContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { preserveContent: "preserveContentChange" }, ngImport: i0 });
+  contentVisible = signal(false, ...(ngDevMode ? [{
+    debugName: "contentVisible"
+  }] : []));
+  preserveContent = model(false, ...(ngDevMode ? [{
+    debugName: "preserveContent"
+  }] : []));
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: DeferredContentAware,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: DeferredContentAware,
+    isStandalone: true,
+    inputs: {
+      preserveContent: {
+        classPropertyName: "preserveContent",
+        publicName: "preserveContent",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      preserveContent: "preserveContentChange"
+    },
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContentAware, decorators: [{
-            type: Directive
-        }] });
-/**
- * DeferredContent loads/unloads the content based on the visibility.
- * The visibilty signal is sent from a parent directive implements
- * DeferredContentAware.
- *
- * Use this directive as a host directive. For example:
- *
- * ```ts
- *   @Directive({
- *     selector: 'ng-template[AccordionContent]',
- *     hostDirectives: [DeferredContent],
- *   })
- *   class AccordionContent {}
- * ```
- */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: DeferredContentAware,
+  decorators: [{
+    type: Directive
+  }]
+});
 class DeferredContent {
-    _deferredContentAware = inject(DeferredContentAware);
-    _templateRef = inject(TemplateRef);
-    _viewContainerRef = inject(ViewContainerRef);
-    _isRendered = false;
-    constructor() {
-        afterRenderEffect(() => {
-            if (this._deferredContentAware.contentVisible()) {
-                if (this._isRendered)
-                    return;
-                this._viewContainerRef.clear();
-                this._viewContainerRef.createEmbeddedView(this._templateRef);
-                this._isRendered = true;
-            }
-            else if (!this._deferredContentAware.preserveContent()) {
-                this._viewContainerRef.clear();
-                this._isRendered = false;
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: DeferredContent, isStandalone: true, ngImport: i0 });
+  _deferredContentAware = inject(DeferredContentAware, {
+    optional: true
+  });
+  _templateRef = inject(TemplateRef);
+  _viewContainerRef = inject(ViewContainerRef);
+  _isRendered = false;
+  deferredContentAware = signal(this._deferredContentAware, ...(ngDevMode ? [{
+    debugName: "deferredContentAware"
+  }] : []));
+  constructor() {
+    afterRenderEffect(() => {
+      if (this.deferredContentAware()?.contentVisible()) {
+        if (this._isRendered) return;
+        this._viewContainerRef.clear();
+        this._viewContainerRef.createEmbeddedView(this._templateRef);
+        this._isRendered = true;
+      } else if (!this.deferredContentAware()?.preserveContent()) {
+        this._viewContainerRef.clear();
+        this._isRendered = false;
+      }
+    });
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: DeferredContent,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    type: DeferredContent,
+    isStandalone: true,
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContent, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: DeferredContent,
+  decorators: [{
+    type: Directive
+  }],
+  ctorParameters: () => []
+});
 
 export { DeferredContent, DeferredContentAware };
 //# sourceMappingURL=deferred-content.mjs.map

package/fesm2022/deferred-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"deferred-content.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/deferred-content/deferred-content.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  Directive,\n  inject,\n  TemplateRef,\n  signal,\n  ViewContainerRef,\n  model,\n} from '@angular/core';\n\n/**\n * A container directive controls the visibility of its content.\n */\n@Directive()\nexport class DeferredContentAware {\n  readonly contentVisible = signal(false);\n  readonly preserveContent = model(false);\n}\n\n/**\n * DeferredContent loads/unloads the content based on the visibility.\n * The visibilty signal is sent from a parent directive implements\n * DeferredContentAware.\n *\n * Use this directive as a host directive. For example:\n *\n * ```ts\n *   @Directive({\n *     selector: 'ng-template[AccordionContent]',\n *     hostDirectives: [DeferredContent],\n *   })\n *   class AccordionContent {}\n * ```\n */\n@Directive()\nexport class DeferredContent {\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n  private readonly _templateRef = inject(TemplateRef);\n  private readonly _viewContainerRef = inject(ViewContainerRef);\n  private _isRendered = false;\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (this._deferredContentAware.contentVisible()) {\n        if (this._isRendered) return;\n        this._viewContainerRef.clear();\n        this._viewContainerRef.createEmbeddedView(this._templateRef);\n        this._isRendered = true;\n      } else if (!this._deferredContentAware.preserveContent()) {\n        this._viewContainerRef.clear();\n        this._isRendered = false;\n      }\n    });\n  }\n}\n"],"names":[],"mappings":";;;AAkBA;;AAEG;MAEU,oBAAoB,CAAA;AACtB,IAAA,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC;AAC9B,IAAA,eAAe,GAAG,KAAK,CAAC,KAAK,2DAAC;8GAF5B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC;;AAMD;;;;;;;;;;;;;;AAcG;MAEU,eAAe,CAAA;AACT,IAAA,qBAAqB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACpD,IAAA,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;AAClC,IAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACrD,WAAW,GAAG,KAAK;AAE3B,IAAA,WAAA,GAAA;QACE,iBAAiB,CAAC,MAAK;AACrB,YAAA,IAAI,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,EAAE;gBAC/C,IAAI,IAAI,CAAC,WAAW;oBAAE;AACtB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;gBAC9B,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC5D,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;iBAClB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,eAAe,EAAE,EAAE;AACxD,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;AAC9B,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;AAE5B,SAAC,CAAC;;8GAjBO,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;;;;"}
+{"version":3,"file":"deferred-content.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/deferred-content/deferred-content.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  Directive,\n  inject,\n  TemplateRef,\n  signal,\n  ViewContainerRef,\n  model,\n} from '@angular/core';\n\n/**\n * A container directive controls the visibility of its content.\n */\n@Directive()\nexport class DeferredContentAware {\n  readonly contentVisible = signal(false);\n  readonly preserveContent = model(false);\n}\n\n/**\n * DeferredContent loads/unloads the content based on the visibility.\n * The visibilty signal is sent from a parent directive implements\n * DeferredContentAware.\n *\n * Use this directive as a host directive. For example:\n *\n * ```ts\n *   @Directive({\n *     selector: 'ng-template[AccordionContent]',\n *     hostDirectives: [DeferredContent],\n *   })\n *   class AccordionContent {}\n * ```\n */\n@Directive()\nexport class DeferredContent {\n  private readonly _deferredContentAware = inject(DeferredContentAware, {optional: true});\n  private readonly _templateRef = inject(TemplateRef);\n  private readonly _viewContainerRef = inject(ViewContainerRef);\n  private _isRendered = false;\n\n  readonly deferredContentAware = signal(this._deferredContentAware);\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (this.deferredContentAware()?.contentVisible()) {\n        if (this._isRendered) return;\n        this._viewContainerRef.clear();\n        this._viewContainerRef.createEmbeddedView(this._templateRef);\n        this._isRendered = true;\n      } else if (!this.deferredContentAware()?.preserveContent()) {\n        this._viewContainerRef.clear();\n        this._isRendered = false;\n      }\n    });\n  }\n}\n"],"names":["contentVisible","signal","ngDevMode","debugName","deferredContentAware","_isRendered","_viewContainerRef","clear","createEmbeddedView","_templateRef"],"mappings":";;;;EAuBWA,cAAA,GAAAC,MAAA,CAAA,KAAA,EAAA,IAAAC,SAAA,GAAA,CAAA;IAAAC,SAAA,EAAA;AAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAA;;;AAIX,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA+BM,CAAA,MAAA;MAAW,IAAAC,IAAAA,CAAAA,oBAA8B,IAAAJ,cAAmB,EAAA,EAAA;QACrD,IAAA,IAAA,CAAkBK,WAAA,EACvB;QACF,IAAA,CAAAC,iBAAA,CAAAC,KAAA,EAAA;AAEJ,QAAA,IAAA,CAAAD,iBAAA,CAAAE,kBAAA,CAAA,IAAA,CAAAC,YAAA,CAAA;;;8BArBQ,CAAAF,KAAA,EAAA;AAAA,QAAA,IAAA,CAAAF,WAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/fesm2022/grid.mjs

@@ -0,0 +1,517 @@
+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 { GridPattern, GridRowPattern, GridCellPattern, GridCellWidgetPattern } from './_widget-chunk.mjs';
+
+class Grid {
+  _elementRef = inject(ElementRef);
+  _rows = contentChildren(GridRow, ...(ngDevMode ? [{
+    debugName: "_rows"
+  }] : []));
+  _rowPatterns = computed(() => this._rows().map(r => r._pattern), ...(ngDevMode ? [{
+    debugName: "_rowPatterns"
+  }] : []));
+  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
+  }]));
+  skipDisabled = input(true, ...(ngDevMode ? [{
+    debugName: "skipDisabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  focusMode = input('roving', ...(ngDevMode ? [{
+    debugName: "focusMode"
+  }] : []));
+  rowWrap = input('loop', ...(ngDevMode ? [{
+    debugName: "rowWrap"
+  }] : []));
+  colWrap = input('loop', ...(ngDevMode ? [{
+    debugName: "colWrap"
+  }] : []));
+  _pattern = new GridPattern({
+    ...this,
+    rows: this._rowPatterns,
+    getCell: e => this._getCell(e)
+  });
+  constructor() {
+    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
+      },
+      skipDisabled: {
+        classPropertyName: "skipDisabled",
+        publicName: "skipDisabled",
+        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
+      }
+    },
+    host: {
+      attributes: {
+        "role": "grid"
+      },
+      listeners: {
+        "keydown": "_pattern.onKeydown($event)",
+        "pointerdown": "_pattern.onPointerdown($event)",
+        "pointermove": "_pattern.onPointermove($event)",
+        "pointerup": "_pattern.onPointerup($event)",
+        "focusin": "_pattern.onFocusIn($event)",
+        "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,
+      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($event)',
+        '(focusout)': '_pattern.onFocusOut($event)'
+      }
+    }]
+  }],
+  ctorParameters: () => []
+});
+class GridRow {
+  _elementRef = inject(ElementRef);
+  _cells = contentChildren(GridCell, ...(ngDevMode ? [{
+    debugName: "_cells"
+  }] : []));
+  _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,
+      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-');
+  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.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.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