@qualcomm-ui/angular 1.20.0 → 2.0.0

package/fesm2022/qualcomm-ui-angular-table.mjs

@@ -16,22 +16,22 @@ import { createTable } from '@qualcomm-ui/core/table';
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class CellComponentContextDirective {
-    context = input.required(...(ngDevMode ? [{ debugName: "context" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CellComponentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: CellComponentContextDirective, isStandalone: true, inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    context = input.required(...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CellComponentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: CellComponentContextDirective, isStandalone: true, inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CellComponentContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CellComponentContextDirective, decorators: [{
             type: Directive
         }], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: true }] }] } });
 
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class HeaderComponentContextDirective {
-    context = input.required(...(ngDevMode ? [{ debugName: "context" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderComponentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: HeaderComponentContextDirective, isStandalone: true, inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    context = input.required(...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: HeaderComponentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: HeaderComponentContextDirective, isStandalone: true, inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderComponentContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: HeaderComponentContextDirective, decorators: [{
             type: Directive
         }], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: true }] }] } });
 
@@ -47,19 +47,17 @@ class RenderCellDirective {
     /**
      * The cell data model.
      */
-    renderCell = input.required(...(ngDevMode ? [{ debugName: "renderCell" }] : []));
+    renderCell = input.required(...(ngDevMode ? [{ debugName: "renderCell" }] : /* istanbul ignore next */ []));
     /**
      * Additional input properties to pass to the underlying column's cell. Only
      * applicable if the cell is a Component type.
      */
-    renderCellComponentInput = input(...(ngDevMode ? [undefined, { debugName: "renderCellComponentInput" }] : []));
+    renderCellComponentInput = input(...(ngDevMode ? [undefined, { debugName: "renderCellComponentInput" }] : /* istanbul ignore next */ []));
     /**
      * If `true`, the cell is aggregated.
      * TODO: link to aggregated cell docs.
      */
-    renderCellIsAggregated = input(undefined, ...(ngDevMode ? [{ debugName: "renderCellIsAggregated", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    renderCellIsAggregated = input(undefined, { ...(ngDevMode ? { debugName: "renderCellIsAggregated" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     constructor() {
         effect(() => {
             this.renderCell();
@@ -104,10 +102,10 @@ class RenderCellDirective {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RenderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: RenderCellDirective, isStandalone: false, selector: "[renderCell]", inputs: { renderCell: { classPropertyName: "renderCell", publicName: "renderCell", isSignal: true, isRequired: true, transformFunction: null }, renderCellComponentInput: { classPropertyName: "renderCellComponentInput", publicName: "renderCellComponentInput", isSignal: true, isRequired: false, transformFunction: null }, renderCellIsAggregated: { classPropertyName: "renderCellIsAggregated", publicName: "renderCellIsAggregated", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: RenderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: RenderCellDirective, isStandalone: false, selector: "[renderCell]", inputs: { renderCell: { classPropertyName: "renderCell", publicName: "renderCell", isSignal: true, isRequired: true, transformFunction: null }, renderCellComponentInput: { classPropertyName: "renderCellComponentInput", publicName: "renderCellComponentInput", isSignal: true, isRequired: false, transformFunction: null }, renderCellIsAggregated: { classPropertyName: "renderCellIsAggregated", publicName: "renderCellIsAggregated", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RenderCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: RenderCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[renderCell]",
@@ -123,7 +121,7 @@ class RenderFooterDirective {
     /**
      * The footer data model.
      */
-    renderFooter = input.required(...(ngDevMode ? [{ debugName: "renderFooter" }] : []));
+    renderFooter = input.required(...(ngDevMode ? [{ debugName: "renderFooter" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             this.renderFooter();
@@ -155,10 +153,10 @@ class RenderFooterDirective {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RenderFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: RenderFooterDirective, isStandalone: false, selector: "[renderFooter]", inputs: { renderFooter: { classPropertyName: "renderFooter", publicName: "renderFooter", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: RenderFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: RenderFooterDirective, isStandalone: false, selector: "[renderFooter]", inputs: { renderFooter: { classPropertyName: "renderFooter", publicName: "renderFooter", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RenderFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: RenderFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[renderFooter]",
@@ -174,7 +172,7 @@ class RenderHeaderDirective {
     /**
      * The header data model.
      */
-    renderHeader = input.required(...(ngDevMode ? [{ debugName: "renderHeader" }] : []));
+    renderHeader = input.required(...(ngDevMode ? [{ debugName: "renderHeader" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             this.renderHeader();
@@ -206,10 +204,10 @@ class RenderHeaderDirective {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RenderHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: RenderHeaderDirective, isStandalone: false, selector: "[renderHeader]", inputs: { renderHeader: { classPropertyName: "renderHeader", publicName: "renderHeader", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: RenderHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: RenderHeaderDirective, isStandalone: false, selector: "[renderHeader]", inputs: { renderHeader: { classPropertyName: "renderHeader", publicName: "renderHeader", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RenderHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: RenderHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[renderHeader]",
@@ -226,10 +224,10 @@ class TableActionBarDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableActionBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableActionBarDirective, isStandalone: false, selector: "[q-table-action-bar]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableActionBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableActionBarDirective, isStandalone: false, selector: "[q-table-action-bar]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableActionBarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableActionBarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-action-bar]",
@@ -246,10 +244,10 @@ class TableBodyDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableBodyDirective, isStandalone: false, selector: "[q-table-body]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableBodyDirective, isStandalone: false, selector: "[q-table-body]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-body]",
@@ -263,7 +261,7 @@ class TableCellActionDirective {
     /**
      * Lucide icon to display inside the button.
      */
-    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -273,15 +271,15 @@ class TableCellActionDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableCellActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TableCellActionDirective, isStandalone: false, selector: "[q-table-cell-action]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableCellActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: TableCellActionDirective, isStandalone: false, selector: "[q-table-cell-action]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     <svg
       [q-bind]="inlineIconButtonApi().getIconBindings()"
       [qIcon]="icon()"
     ></svg>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableCellActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableCellActionDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-table-cell-action]",
@@ -301,17 +299,17 @@ class TableCellDirective {
     /**
      * The data model for this cell.
      */
-    cell = input(...(ngDevMode ? [undefined, { debugName: "cell" }] : []));
+    cell = input(...(ngDevMode ? [undefined, { debugName: "cell" }] : /* istanbul ignore next */ []));
     trackBindings = useTrackBindings(() => qdsTableApi.getCellBindings({
         cell: this.cell(),
     }));
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: TableCellDirective, isStandalone: false, selector: "[q-table-cell]", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TableCellDirective, isStandalone: false, selector: "[q-table-cell]", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-cell]",
@@ -327,7 +325,7 @@ class TableColumnDragHandleDirective {
      *
      * @default "GripVertical"
      */
-    icon = input("GripVertical", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input("GripVertical", ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -337,15 +335,15 @@ class TableColumnDragHandleDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TableColumnDragHandleDirective, isStandalone: false, selector: "[q-table-column-drag-handle]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ GripVertical })], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: TableColumnDragHandleDirective, isStandalone: false, selector: "[q-table-column-drag-handle]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ GripVertical })], ngImport: i0, template: `
     <svg
       [q-bind]="inlineIconButtonApi().getIconBindings()"
       [qIcon]="icon()"
     ></svg>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnDragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnDragHandleDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ GripVertical })],
@@ -370,10 +368,10 @@ class TableColumnDragPreviewDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnDragPreviewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableColumnDragPreviewDirective, isStandalone: false, selector: "[q-table-column-drag-preview]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnDragPreviewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableColumnDragPreviewDirective, isStandalone: false, selector: "[q-table-column-drag-preview]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnDragPreviewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnDragPreviewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-column-drag-preview]",
@@ -387,19 +385,15 @@ class TableColumnDropIndicatorDirective {
     /**
      * The closest edge of the column that the indicator is being dragged over.
      */
-    closestEdge = input(...(ngDevMode ? [undefined, { debugName: "closestEdge" }] : []));
+    closestEdge = input(...(ngDevMode ? [undefined, { debugName: "closestEdge" }] : /* istanbul ignore next */ []));
     /**
      * The index of the column that the indicator belongs to.
      */
-    columnIndex = input(undefined, ...(ngDevMode ? [{ debugName: "columnIndex", transform: numberAttribute }] : [{
-            transform: numberAttribute,
-        }]));
+    columnIndex = input(undefined, { ...(ngDevMode ? { debugName: "columnIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     /**
      * The index of the column being dragged.
      */
-    sourceColumnIndex = input(undefined, ...(ngDevMode ? [{ debugName: "sourceColumnIndex", transform: numberAttribute }] : [{
-            transform: numberAttribute,
-        }]));
+    sourceColumnIndex = input(undefined, { ...(ngDevMode ? { debugName: "sourceColumnIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     trackBindings = useTrackBindings(() => qdsTableApi.getColumnDropIndicatorBindings({
         closestEdge: this.closestEdge(),
         columnIndex: this.columnIndex(),
@@ -408,10 +402,10 @@ class TableColumnDropIndicatorDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnDropIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: TableColumnDropIndicatorDirective, isStandalone: false, selector: "[q-table-column-drop-indicator]", inputs: { closestEdge: { classPropertyName: "closestEdge", publicName: "closestEdge", isSignal: true, isRequired: false, transformFunction: null }, columnIndex: { classPropertyName: "columnIndex", publicName: "columnIndex", isSignal: true, isRequired: false, transformFunction: null }, sourceColumnIndex: { classPropertyName: "sourceColumnIndex", publicName: "sourceColumnIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnDropIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TableColumnDropIndicatorDirective, isStandalone: false, selector: "[q-table-column-drop-indicator]", inputs: { closestEdge: { classPropertyName: "closestEdge", publicName: "closestEdge", isSignal: true, isRequired: false, transformFunction: null }, columnIndex: { classPropertyName: "columnIndex", publicName: "columnIndex", isSignal: true, isRequired: false, transformFunction: null }, sourceColumnIndex: { classPropertyName: "sourceColumnIndex", publicName: "sourceColumnIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnDropIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnDropIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-column-drop-indicator]",
@@ -433,9 +427,7 @@ class TableColumnFilterActionDirective {
      * ></button>
      * ```
      */
-    canFilter = input(undefined, ...(ngDevMode ? [{ debugName: "canFilter", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    canFilter = input(undefined, { ...(ngDevMode ? { debugName: "canFilter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Whether the column is filtered. Pass in the state from the column:
      *
@@ -447,20 +439,18 @@ class TableColumnFilterActionDirective {
      * ></button>
      * ```
      */
-    isFiltered = input(undefined, ...(ngDevMode ? [{ debugName: "isFiltered", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isFiltered = input(undefined, { ...(ngDevMode ? { debugName: "isFiltered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The column header associated with the filter.
      */
-    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : []));
+    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
     /**
      * Lucide icon to display inside the button.
      *
      * @default "Funnel"
      */
-    icon = input("Funnel", ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    filterable = computed(() => this.canFilter() || this.header()?.column.getCanFilter(), ...(ngDevMode ? [{ debugName: "filterable" }] : []));
+    icon = input("Funnel", ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    filterable = computed(() => this.canFilter() || this.header()?.column.getCanFilter(), ...(ngDevMode ? [{ debugName: "filterable" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -474,8 +464,8 @@ class TableColumnFilterActionDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnFilterActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TableColumnFilterActionDirective, isStandalone: false, selector: "[q-table-column-filter-action]", inputs: { canFilter: { classPropertyName: "canFilter", publicName: "canFilter", isSignal: true, isRequired: false, transformFunction: null }, isFiltered: { classPropertyName: "isFiltered", publicName: "isFiltered", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ Funnel })], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnFilterActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: TableColumnFilterActionDirective, isStandalone: false, selector: "[q-table-column-filter-action]", inputs: { canFilter: { classPropertyName: "canFilter", publicName: "canFilter", isSignal: true, isRequired: false, transformFunction: null }, isFiltered: { classPropertyName: "isFiltered", publicName: "isFiltered", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ Funnel })], ngImport: i0, template: `
     @if (filterable()) {
       <svg
         [q-bind]="inlineIconButtonApi().getIconBindings()"
@@ -484,7 +474,7 @@ class TableColumnFilterActionDirective {
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnFilterActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnFilterActionDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ Funnel })],
@@ -507,7 +497,7 @@ class TableColumnHeaderActionDirective {
     /**
      * Lucide icon to display inside the button.
      */
-    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -517,15 +507,15 @@ class TableColumnHeaderActionDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TableColumnHeaderActionDirective, isStandalone: false, selector: "[q-table-column-header-action]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: TableColumnHeaderActionDirective, isStandalone: false, selector: "[q-table-column-header-action]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     <svg
       [q-bind]="inlineIconButtonApi().getIconBindings()"
       [qIcon]="icon()"
     ></svg>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnHeaderActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnHeaderActionDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-table-column-header-action]",
@@ -545,13 +535,13 @@ class TableColumnResizeHandleDirective {
     /**
      * The column header associated with the resize handle.
      */
-    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : []));
+    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
     /**
      * Lucide icon to display inside the button.
      *
      * @default "UnfoldHorizontal"
      */
-    icon = input("UnfoldHorizontal", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input("UnfoldHorizontal", ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -563,15 +553,15 @@ class TableColumnResizeHandleDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnResizeHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TableColumnResizeHandleDirective, isStandalone: false, selector: "[q-table-column-resize-handle]", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ UnfoldHorizontal })], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnResizeHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: TableColumnResizeHandleDirective, isStandalone: false, selector: "[q-table-column-resize-handle]", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ UnfoldHorizontal })], ngImport: i0, template: `
     <svg
       [q-bind]="inlineIconButtonApi().getIconBindings()"
       [qIcon]="icon()"
     ></svg>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnResizeHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnResizeHandleDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ UnfoldHorizontal })],
@@ -600,16 +590,16 @@ class TableColumnSortActionDirective {
      * </button>
      * ```
      */
-    isSorted = input(false, ...(ngDevMode ? [{ debugName: "isSorted" }] : []));
+    isSorted = input(false, ...(ngDevMode ? [{ debugName: "isSorted" }] : /* istanbul ignore next */ []));
     /**
      * The column header associated with the sort action.
      */
-    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : []));
-    canSort = computed(() => this.header().column.getCanSort(), ...(ngDevMode ? [{ debugName: "canSort" }] : []));
+    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    canSort = computed(() => this.header().column.getCanSort(), ...(ngDevMode ? [{ debugName: "canSort" }] : /* istanbul ignore next */ []));
     sortIcon = computed(() => {
         const sortDirection = this.isSorted() || this.header().column.getIsSorted();
         return sortDirection ? "ArrowUp" : "ArrowDownUp";
-    }, ...(ngDevMode ? [{ debugName: "sortIcon" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "sortIcon" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -622,8 +612,8 @@ class TableColumnSortActionDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnSortActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TableColumnSortActionDirective, isStandalone: false, selector: "[q-table-column-sort-action]", inputs: { isSorted: { classPropertyName: "isSorted", publicName: "isSorted", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null } }, providers: [provideIcons({ ArrowDownUp, ArrowUp })], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnSortActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: TableColumnSortActionDirective, isStandalone: false, selector: "[q-table-column-sort-action]", inputs: { isSorted: { classPropertyName: "isSorted", publicName: "isSorted", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null } }, providers: [provideIcons({ ArrowDownUp, ArrowUp })], ngImport: i0, template: `
     @if (canSort()) {
       <svg
         [q-bind]="inlineIconButtonApi().getIconBindings()"
@@ -632,7 +622,7 @@ class TableColumnSortActionDirective {
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableColumnSortActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableColumnSortActionDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ ArrowDownUp, ArrowUp })],
@@ -658,10 +648,10 @@ class TableFooterDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableFooterDirective, isStandalone: false, selector: "[q-table-footer]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableFooterDirective, isStandalone: false, selector: "[q-table-footer]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-footer]",
@@ -675,27 +665,19 @@ class TableHeaderCellDirective {
     /**
      * The order of this column header in the table.
      */
-    columnIndex = input(undefined, ...(ngDevMode ? [{ debugName: "columnIndex", transform: numberAttribute }] : [{
-            transform: numberAttribute,
-        }]));
+    columnIndex = input(undefined, { ...(ngDevMode ? { debugName: "columnIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     /**
      * If `true`, the column header is currently being dragged.
      */
-    isDragging = input(undefined, ...(ngDevMode ? [{ debugName: "isDragging", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isDragging = input(undefined, { ...(ngDevMode ? { debugName: "isDragging" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * If `true`, another column header is being dragged over this header.
      */
-    isDraggingOver = input(undefined, ...(ngDevMode ? [{ debugName: "isDraggingOver", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isDraggingOver = input(undefined, { ...(ngDevMode ? { debugName: "isDraggingOver" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * If `true`, the header is currently being resized.
      */
-    isResizing = input(undefined, ...(ngDevMode ? [{ debugName: "isResizing", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isResizing = input(undefined, { ...(ngDevMode ? { debugName: "isResizing" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     trackBindings = useTrackBindings(() => qdsTableApi.getHeaderCellBindings({
         columnIndex: this.columnIndex(),
         isDragging: this.isDragging(),
@@ -705,10 +687,10 @@ class TableHeaderCellDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableHeaderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: TableHeaderCellDirective, isStandalone: false, selector: "[q-table-header-cell]", inputs: { columnIndex: { classPropertyName: "columnIndex", publicName: "columnIndex", isSignal: true, isRequired: false, transformFunction: null }, isDragging: { classPropertyName: "isDragging", publicName: "isDragging", isSignal: true, isRequired: false, transformFunction: null }, isDraggingOver: { classPropertyName: "isDraggingOver", publicName: "isDraggingOver", isSignal: true, isRequired: false, transformFunction: null }, isResizing: { classPropertyName: "isResizing", publicName: "isResizing", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableHeaderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TableHeaderCellDirective, isStandalone: false, selector: "[q-table-header-cell]", inputs: { columnIndex: { classPropertyName: "columnIndex", publicName: "columnIndex", isSignal: true, isRequired: false, transformFunction: null }, isDragging: { classPropertyName: "isDragging", publicName: "isDragging", isSignal: true, isRequired: false, transformFunction: null }, isDraggingOver: { classPropertyName: "isDraggingOver", publicName: "isDraggingOver", isSignal: true, isRequired: false, transformFunction: null }, isResizing: { classPropertyName: "isResizing", publicName: "isResizing", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableHeaderCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableHeaderCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-header-cell]",
@@ -725,10 +707,10 @@ class TableHeaderDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableHeaderDirective, isStandalone: false, selector: "[q-table-header]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableHeaderDirective, isStandalone: false, selector: "[q-table-header]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-header]",
@@ -743,10 +725,10 @@ class TablePaginationDirective extends PaginationRootDirective {
         super();
         this.trackBindings.extendWith(computed(() => qdsTableApi.getPaginationBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TablePaginationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TablePaginationDirective, isStandalone: false, selector: "[q-table-pagination]", providers: [providePaginationContext(), provideQdsPaginationContext()], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TablePaginationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TablePaginationDirective, isStandalone: false, selector: "[q-table-pagination]", providers: [providePaginationContext(), provideQdsPaginationContext()], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TablePaginationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TablePaginationDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [providePaginationContext(), provideQdsPaginationContext()],
@@ -761,15 +743,13 @@ class TableRootDirective {
     /**
      * Whether to show column dividers
      */
-    showColumnDivider = input(undefined, ...(ngDevMode ? [{ debugName: "showColumnDivider", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    showColumnDivider = input(undefined, { ...(ngDevMode ? { debugName: "showColumnDivider" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Governs the size and padding of table elements and text.
      *
      * @default 'md'
      */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     trackBindings = useTrackBindings(() => qdsTableApi.getRootBindings({
         showColumnDivider: this.showColumnDivider(),
         size: this.size(),
@@ -777,10 +757,10 @@ class TableRootDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: TableRootDirective, isStandalone: false, selector: "[q-table-root]", inputs: { showColumnDivider: { classPropertyName: "showColumnDivider", publicName: "showColumnDivider", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TableRootDirective, isStandalone: false, selector: "[q-table-root]", inputs: { showColumnDivider: { classPropertyName: "showColumnDivider", publicName: "showColumnDivider", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-root]",
@@ -796,7 +776,7 @@ class TableRowDragHandleDirective {
      *
      * @default "GripHorizontal"
      */
-    icon = input("GripHorizontal", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input("GripHorizontal", ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -806,15 +786,15 @@ class TableRowDragHandleDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TableRowDragHandleDirective, isStandalone: false, selector: "[q-table-row-drag-handle]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ GripHorizontal })], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: TableRowDragHandleDirective, isStandalone: false, selector: "[q-table-row-drag-handle]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ GripHorizontal })], ngImport: i0, template: `
     <svg
       [q-bind]="inlineIconButtonApi().getIconBindings()"
       [qIcon]="icon()"
     ></svg>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDragHandleDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ GripHorizontal })],
@@ -838,10 +818,10 @@ class TableRowDragPreviewDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDragPreviewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableRowDragPreviewDirective, isStandalone: false, selector: "[q-table-row-drag-preview]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDragPreviewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableRowDragPreviewDirective, isStandalone: false, selector: "[q-table-row-drag-preview]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDragPreviewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDragPreviewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-row-drag-preview]",
@@ -855,19 +835,15 @@ class TableRowDropIndicatorDirective {
     /**
      * The closest edge of the row that the indicator is being dragged over.
      */
-    closestEdge = input(...(ngDevMode ? [undefined, { debugName: "closestEdge" }] : []));
+    closestEdge = input(...(ngDevMode ? [undefined, { debugName: "closestEdge" }] : /* istanbul ignore next */ []));
     /**
      * The index of the row that the indicator belongs to.
      */
-    rowIndex = input(undefined, ...(ngDevMode ? [{ debugName: "rowIndex", transform: numberAttribute }] : [{
-            transform: numberAttribute,
-        }]));
+    rowIndex = input(undefined, { ...(ngDevMode ? { debugName: "rowIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     /**
      * The index of the row being dragged.
      */
-    sourceIndex = input(undefined, ...(ngDevMode ? [{ debugName: "sourceIndex", transform: numberAttribute }] : [{
-            transform: numberAttribute,
-        }]));
+    sourceIndex = input(undefined, { ...(ngDevMode ? { debugName: "sourceIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     trackBindings = useTrackBindings(() => qdsTableApi.getRowDropIndicatorBindings({
         closestEdge: this.closestEdge(),
         rowIndex: this.rowIndex(),
@@ -876,10 +852,10 @@ class TableRowDropIndicatorDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDropIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: TableRowDropIndicatorDirective, isStandalone: false, selector: "[q-table-row-drop-indicator]", inputs: { closestEdge: { classPropertyName: "closestEdge", publicName: "closestEdge", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null }, sourceIndex: { classPropertyName: "sourceIndex", publicName: "sourceIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDropIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TableRowDropIndicatorDirective, isStandalone: false, selector: "[q-table-row-drop-indicator]", inputs: { closestEdge: { classPropertyName: "closestEdge", publicName: "closestEdge", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null }, sourceIndex: { classPropertyName: "sourceIndex", publicName: "sourceIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDropIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDropIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-row-drop-indicator]",
@@ -901,19 +877,17 @@ class TableRowExpandButtonDirective {
      * ></button>
      * ```
      */
-    isExpanded = input(undefined, ...(ngDevMode ? [{ debugName: "isExpanded", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isExpanded = input(undefined, { ...(ngDevMode ? { debugName: "isExpanded" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The row associated with the expand button.
      */
-    row = input.required(...(ngDevMode ? [{ debugName: "row" }] : []));
+    row = input.required(...(ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []));
     /**
      * Lucide icon to display inside the button.
      *
      * @default "ChevronRight"
      */
-    icon = input("ChevronRight", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input("ChevronRight", ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
@@ -926,15 +900,15 @@ class TableRowExpandButtonDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowExpandButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TableRowExpandButtonDirective, isStandalone: false, selector: "[q-table-row-expand-button]", inputs: { isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ ChevronRight })], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowExpandButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: TableRowExpandButtonDirective, isStandalone: false, selector: "[q-table-row-expand-button]", inputs: { isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ ChevronRight })], ngImport: i0, template: `
     <svg
       [q-bind]="inlineIconButtonApi().getIconBindings()"
       [qIcon]="icon()"
     ></svg>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowExpandButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowExpandButtonDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ ChevronRight })],
@@ -955,21 +929,15 @@ class TableRowDirective {
     /**
      * If `true`, the row is currently being dragged.
      */
-    isDragging = input(undefined, ...(ngDevMode ? [{ debugName: "isDragging", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isDragging = input(undefined, { ...(ngDevMode ? { debugName: "isDragging" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * If `true`, another row is being dragged over this row.
      */
-    isDraggingOver = input(undefined, ...(ngDevMode ? [{ debugName: "isDraggingOver", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isDraggingOver = input(undefined, { ...(ngDevMode ? { debugName: "isDraggingOver" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * If `true`, the row is currently selected.
      */
-    isSelected = input(undefined, ...(ngDevMode ? [{ debugName: "isSelected", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    isSelected = input(undefined, { ...(ngDevMode ? { debugName: "isSelected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     trackBindings = useTrackBindings(() => qdsTableApi.getRowBindings({
         isDragging: this.isDragging(),
         isDraggingOver: this.isDraggingOver(),
@@ -978,10 +946,10 @@ class TableRowDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: TableRowDirective, isStandalone: false, selector: "[q-table-row]", inputs: { isDragging: { classPropertyName: "isDragging", publicName: "isDragging", isSignal: true, isRequired: false, transformFunction: null }, isDraggingOver: { classPropertyName: "isDraggingOver", publicName: "isDraggingOver", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TableRowDirective, isStandalone: false, selector: "[q-table-row]", inputs: { isDragging: { classPropertyName: "isDragging", publicName: "isDragging", isSignal: true, isRequired: false, transformFunction: null }, isDraggingOver: { classPropertyName: "isDraggingOver", publicName: "isDraggingOver", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-row]",
@@ -998,10 +966,10 @@ class TableScrollContainerDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableScrollContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableScrollContainerDirective, isStandalone: false, selector: "[q-table-scroll-container]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableScrollContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableScrollContainerDirective, isStandalone: false, selector: "[q-table-scroll-container]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableScrollContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableScrollContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-scroll-container]",
@@ -1018,10 +986,10 @@ class TableTableDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableTableDirective, isStandalone: false, selector: "[q-table-table]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableTableDirective, isStandalone: false, selector: "[q-table-table]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableTableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-table]",
@@ -1038,10 +1006,10 @@ class TableTitleBarDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTitleBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TableTitleBarDirective, isStandalone: false, selector: "[q-table-title-bar]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableTitleBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TableTitleBarDirective, isStandalone: false, selector: "[q-table-title-bar]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableTitleBarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableTitleBarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-table-title-bar]",
@@ -1052,8 +1020,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class TableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TableModule, declarations: [TableActionBarDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.2", ngImport: i0, type: TableModule, declarations: [TableActionBarDirective,
             TableBodyDirective,
             TableCellActionDirective,
             TableCellDirective,
@@ -1106,9 +1074,9 @@ class TableModule {
             RenderCellDirective,
             RenderHeaderDirective,
             RenderFooterDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1290,7 +1258,7 @@ function toComputed(signal, fn) {
         const computedSignal = computed(() => {
             void signal();
             return fn(...argsArray);
-        }, ...(ngDevMode ? [{ debugName: "computedSignal" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "computedSignal" }] : /* istanbul ignore next */ []));
         computedCache[serializedArgs] = computedSignal;
         return computedSignal();
     };
@@ -1313,7 +1281,7 @@ function createAngularTable(options) {
         // By default, manage table state here using the table's initial state
         const state = signal({
             ...table.initialState,
-        }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
         // Compose table options using computed.
         // This is to allow `tableSignal` to listen and set table options after the
         // table has been created
@@ -1333,15 +1301,13 @@ function createAngularTable(options) {
                 },
                 state: { ...tableState, ...tableOptions.state },
             };
-        }, ...(ngDevMode ? [{ debugName: "updatedOptions" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "updatedOptions" }] : /* istanbul ignore next */ []));
         // convert table instance to signal for proxify to listen to any table state and
         // options changes
         const tableSignal = computed(() => {
             table.setOptions(updatedOptions());
             return table;
-        }, ...(ngDevMode ? [{ debugName: "tableSignal", equal: () => false }] : [{
-                equal: () => false,
-            }]));
+        }, { ...(ngDevMode ? { debugName: "tableSignal" } : /* istanbul ignore next */ {}), equal: () => false });
         // proxify Table instance to enable reactive table state changes
         return proxifyTable(tableSignal);
     });