@qualcomm-ui/angular 1.1.0 → 1.2.0

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

@@ -0,0 +1,1315 @@
+import * as i0 from '@angular/core';
+import { input, Directive, inject, TemplateRef, ViewContainerRef, booleanAttribute, effect, Component, ElementRef, numberAttribute, computed, NgModule, untracked, signal } from '@angular/core';
+import * as i1 from '@qualcomm-ui/angular-core/machine';
+import { normalizeProps, useTrackBindings, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import { createQdsTableApi } from '@qualcomm-ui/qds-core/table';
+import { useInlineIconButtonApi } from '@qualcomm-ui/angular/inline-icon-button';
+import { mergeProps } from '@qualcomm-ui/utils/merge-props';
+import * as i2 from '@qualcomm-ui/angular/icon';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import { GripVertical, Filter, UnfoldHorizontal, ArrowUp, ArrowDownUp, GripHorizontal, ChevronRight } from 'lucide-angular';
+import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
+import { PaginationRootDirective } from '@qualcomm-ui/angular/pagination';
+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.12", ngImport: i0, type: CellComponentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", 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
+const qdsTableApi = createQdsTableApi(normalizeProps);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class RenderCellDirective {
+    templateRef = inject(TemplateRef);
+    viewContainerRef = inject(ViewContainerRef);
+    /**
+     * The cell data model.
+     */
+    renderCell = input.required(...(ngDevMode ? [{ debugName: "renderCell" }] : []));
+    /**
+     * 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" }] : []));
+    /**
+     * If `true`, the cell is aggregated.
+     * TODO: link to aggregated cell docs.
+     */
+    renderCellIsAggregated = input(undefined, ...(ngDevMode ? [{ debugName: "renderCellIsAggregated", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    constructor() {
+        effect(() => {
+            this.renderCell();
+            this.renderCellIsAggregated();
+            this.renderCellComponentInput();
+            this.render();
+        });
+    }
+    ngOnDestroy() {
+        this.viewContainerRef.clear();
+    }
+    render() {
+        this.viewContainerRef.clear();
+        const cell = this.renderCell();
+        if (cell.getIsPlaceholder()) {
+            return;
+        }
+        const valueOrFn = this.renderCellIsAggregated()
+            ? (cell.column.columnDef.aggregatedCell ?? cell.column.columnDef.cell)
+            : cell.column.columnDef.cell;
+        if (typeof valueOrFn === "function") {
+            const result = valueOrFn(cell.getContext());
+            if (typeof result === "function") {
+                const componentRef = this.viewContainerRef.createComponent(result);
+                const inputs = {
+                    ...this.renderCellComponentInput(),
+                    context: cell.getContext(),
+                };
+                Object.entries(inputs).forEach(([key, value]) => {
+                    componentRef.setInput(key, value);
+                });
+            }
+            else {
+                this.viewContainerRef.createEmbeddedView(this.templateRef, {
+                    $implicit: result,
+                });
+            }
+        }
+        else {
+            this.viewContainerRef.createEmbeddedView(this.templateRef, {
+                $implicit: valueOrFn,
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RenderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: RenderCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[renderCell]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { renderCell: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderCell", required: true }] }], renderCellComponentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderCellComponentInput", required: false }] }], renderCellIsAggregated: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderCellIsAggregated", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class RenderFooterDirective {
+    templateRef = inject(TemplateRef);
+    viewContainerRef = inject(ViewContainerRef);
+    /**
+     * The footer data model.
+     */
+    renderFooter = input.required(...(ngDevMode ? [{ debugName: "renderFooter" }] : []));
+    constructor() {
+        effect(() => {
+            this.renderFooter();
+            this.render();
+        });
+    }
+    ngOnDestroy() {
+        this.viewContainerRef.clear();
+    }
+    render() {
+        this.viewContainerRef.clear();
+        const footer = this.renderFooter();
+        const valueOrFn = footer.column.columnDef.footer;
+        if (typeof valueOrFn === "function") {
+            const result = valueOrFn(footer.getContext());
+            if (typeof result === "function") {
+                const componentRef = this.viewContainerRef.createComponent(result);
+                componentRef.setInput("context", footer.getContext());
+            }
+            else {
+                this.viewContainerRef.createEmbeddedView(this.templateRef, {
+                    $implicit: result,
+                });
+            }
+        }
+        else {
+            this.viewContainerRef.createEmbeddedView(this.templateRef, {
+                $implicit: valueOrFn,
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RenderFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: RenderFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[renderFooter]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { renderFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderFooter", required: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class RenderHeaderDirective {
+    templateRef = inject(TemplateRef);
+    viewContainerRef = inject(ViewContainerRef);
+    /**
+     * The header data model.
+     */
+    renderHeader = input.required(...(ngDevMode ? [{ debugName: "renderHeader" }] : []));
+    constructor() {
+        effect(() => {
+            this.renderHeader();
+            this.render();
+        });
+    }
+    ngOnDestroy() {
+        this.viewContainerRef.clear();
+    }
+    render() {
+        this.viewContainerRef.clear();
+        const header = this.renderHeader();
+        const valueOrFn = header.column.columnDef.header;
+        if (typeof valueOrFn === "function") {
+            const result = valueOrFn(header.getContext());
+            if (typeof result === "function") {
+                const componentRef = this.viewContainerRef.createComponent(result);
+                componentRef.setInput("context", header.getContext());
+            }
+            else {
+                this.viewContainerRef.createEmbeddedView(this.templateRef, {
+                    $implicit: result,
+                });
+            }
+        }
+        else {
+            this.viewContainerRef.createEmbeddedView(this.templateRef, {
+                $implicit: valueOrFn,
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RenderHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: RenderHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[renderHeader]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { renderHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderHeader", required: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableActionBarDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getActionBarBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableActionBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableActionBarDirective, isStandalone: false, selector: "[q-table-action-bar]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableActionBarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-action-bar]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableBodyDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getBodyBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableBodyDirective, isStandalone: false, selector: "[q-table-body]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-body]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableCellActionDirective {
+    /**
+     * Lucide icon to display inside the button.
+     */
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getCellActionBindings()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableCellActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableCellActionDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-table-cell-action]",
+                    standalone: false,
+                    template: `
+    <svg
+      [q-bind]="inlineIconButtonApi().getIconBindings()"
+      [qIcon]="icon()"
+    ></svg>
+  `,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableCellDirective {
+    /**
+     * The data model for this cell.
+     */
+    cell = input(...(ngDevMode ? [undefined, { debugName: "cell" }] : []));
+    trackBindings = useTrackBindings(() => qdsTableApi.getCellBindings({
+        cell: this.cell(),
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-cell]",
+                    standalone: false,
+                }]
+        }], propDecorators: { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableColumnDragHandleDirective {
+    /**
+     * Lucide icon to display inside the button.
+     *
+     * @default "GripVertical"
+     */
+    icon = input("GripVertical", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getDragHandleBindings()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableColumnDragHandleDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ GripVertical })],
+                    selector: "[q-table-column-drag-handle]",
+                    standalone: false,
+                    template: `
+    <svg
+      [q-bind]="inlineIconButtonApi().getIconBindings()"
+      [qIcon]="icon()"
+    ></svg>
+  `,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableColumnDragPreviewDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getColumnDragPreviewBindings();
+    });
+    elementRef = inject(ElementRef);
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnDragPreviewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableColumnDragPreviewDirective, isStandalone: false, selector: "[q-table-column-drag-preview]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnDragPreviewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-column-drag-preview]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableColumnDropIndicatorDirective {
+    /**
+     * The closest edge of the column that the indicator is being dragged over.
+     */
+    closestEdge = input(...(ngDevMode ? [undefined, { debugName: "closestEdge" }] : []));
+    /**
+     * The index of the column that the indicator belongs to.
+     */
+    columnIndex = input(undefined, ...(ngDevMode ? [{ debugName: "columnIndex", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
+    /**
+     * The index of the column being dragged.
+     */
+    sourceColumnIndex = input(undefined, ...(ngDevMode ? [{ debugName: "sourceColumnIndex", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
+    trackBindings = useTrackBindings(() => qdsTableApi.getColumnDropIndicatorBindings({
+        closestEdge: this.closestEdge(),
+        columnIndex: this.columnIndex(),
+        sourceColumnIndex: this.sourceColumnIndex(),
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnDropIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableColumnDropIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-column-drop-indicator]",
+                    standalone: false,
+                }]
+        }], propDecorators: { closestEdge: [{ type: i0.Input, args: [{ isSignal: true, alias: "closestEdge", required: false }] }], columnIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnIndex", required: false }] }], sourceColumnIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceColumnIndex", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableColumnFilterActionDirective {
+    /**
+     * The column header associated with the filter.
+     */
+    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : []));
+    /**
+     * Lucide icon to display inside the button.
+     *
+     * @default "Filter"
+     */
+    icon = input("Filter", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    canFilter = computed(() => this.header().column.getCanFilter(), ...(ngDevMode ? [{ debugName: "canFilter" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getColumnFilterActionBindings({
+        header: this.header(),
+    })));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnFilterActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TableColumnFilterActionDirective, isStandalone: false, selector: "[q-table-column-filter-action]", 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({ Filter })], ngImport: i0, template: `
+    @if (canFilter()) {
+      <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.12", ngImport: i0, type: TableColumnFilterActionDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Filter })],
+                    selector: "[q-table-column-filter-action]",
+                    standalone: false,
+                    template: `
+    @if (canFilter()) {
+      <svg
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+        [qIcon]="icon()"
+      ></svg>
+    }
+  `,
+                }]
+        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableColumnHeaderActionDirective {
+    /**
+     * Lucide icon to display inside the button.
+     */
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getColumnHeaderActionBindings()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableColumnHeaderActionDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-table-column-header-action]",
+                    standalone: false,
+                    template: `
+    <svg
+      [q-bind]="inlineIconButtonApi().getIconBindings()"
+      [qIcon]="icon()"
+    ></svg>
+  `,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableColumnResizeHandleDirective {
+    /**
+     * The column header associated with the resize handle.
+     */
+    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : []));
+    /**
+     * Lucide icon to display inside the button.
+     *
+     * @default "UnfoldHorizontal"
+     */
+    icon = input("UnfoldHorizontal", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getColumnResizerBindings({
+        header: this.header(),
+    })));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnResizeHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableColumnResizeHandleDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ UnfoldHorizontal })],
+                    selector: "[q-table-column-resize-handle]",
+                    standalone: false,
+                    template: `
+    <svg
+      [q-bind]="inlineIconButtonApi().getIconBindings()"
+      [qIcon]="icon()"
+    ></svg>
+  `,
+                }]
+        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableColumnSortActionDirective {
+    /**
+     * The column header associated with the sort action.
+     */
+    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : []));
+    canSort = computed(() => this.header().column.getCanSort(), ...(ngDevMode ? [{ debugName: "canSort" }] : []));
+    sortIcon = computed(() => {
+        const sortDirection = this.header().column.getIsSorted();
+        return sortDirection ? "ArrowUp" : "ArrowDownUp";
+    }, ...(ngDevMode ? [{ debugName: "sortIcon" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getColumnSortActionBindings({
+        header: this.header(),
+    })));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnSortActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TableColumnSortActionDirective, isStandalone: false, selector: "[q-table-column-sort-action]", inputs: { 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()"
+        [qIcon]="sortIcon()"
+      ></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.12", ngImport: i0, type: TableColumnSortActionDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ ArrowDownUp, ArrowUp })],
+                    selector: "[q-table-column-sort-action]",
+                    standalone: false,
+                    template: `
+    @if (canSort()) {
+      <svg
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+        [qIcon]="sortIcon()"
+      ></svg>
+    }
+  `,
+                }]
+        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableFooterDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getFooterBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableFooterDirective, isStandalone: false, selector: "[q-table-footer]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-footer]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableHeaderCellDirective {
+    /**
+     * The order of this column header in the table.
+     */
+    columnIndex = input(undefined, ...(ngDevMode ? [{ debugName: "columnIndex", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
+    /**
+     * If `true`, the column header is currently being dragged.
+     */
+    isDragging = input(undefined, ...(ngDevMode ? [{ debugName: "isDragging", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * If `true`, another column header is being dragged over this header.
+     */
+    isDraggingOver = input(undefined, ...(ngDevMode ? [{ debugName: "isDraggingOver", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * If `true`, the header is currently being resized.
+     */
+    isResizing = input(undefined, ...(ngDevMode ? [{ debugName: "isResizing", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    trackBindings = useTrackBindings(() => qdsTableApi.getHeaderCellBindings({
+        columnIndex: this.columnIndex(),
+        isDragging: this.isDragging(),
+        isDraggingOver: this.isDraggingOver(),
+        isResizing: this.isResizing(),
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableHeaderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableHeaderCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-header-cell]",
+                    standalone: false,
+                }]
+        }], propDecorators: { columnIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnIndex", required: false }] }], isDragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDragging", required: false }] }], isDraggingOver: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDraggingOver", required: false }] }], isResizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "isResizing", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableHeaderDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getHeaderBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableHeaderDirective, isStandalone: false, selector: "[q-table-header]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-header]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TablePaginationDirective extends PaginationRootDirective {
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => qdsTableApi.getPaginationBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TablePaginationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TablePaginationDirective, isStandalone: false, selector: "[q-table-pagination]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TablePaginationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-pagination]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableRootDirective {
+    /**
+     * Whether to show column dividers
+     */
+    showColumnDivider = input(undefined, ...(ngDevMode ? [{ debugName: "showColumnDivider", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Governs the size and padding of table elements and text.
+     *
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    trackBindings = useTrackBindings(() => qdsTableApi.getRootBindings({
+        showColumnDivider: this.showColumnDivider(),
+        size: this.size(),
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-root]",
+                    standalone: false,
+                }]
+        }], propDecorators: { showColumnDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "showColumnDivider", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableRowDragHandleDirective {
+    /**
+     * Lucide icon to display inside the button.
+     *
+     * @default "GripHorizontal"
+     */
+    icon = input("GripHorizontal", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getDragHandleBindings()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableRowDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableRowDragHandleDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ GripHorizontal })],
+                    selector: "[q-table-row-drag-handle]",
+                    standalone: false,
+                    template: `
+    <svg
+      [q-bind]="inlineIconButtonApi().getIconBindings()"
+      [qIcon]="icon()"
+    ></svg>
+  `,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableRowDragPreviewDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getRowDragPreviewBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableRowDragPreviewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableRowDragPreviewDirective, isStandalone: false, selector: "[q-table-row-drag-preview]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableRowDragPreviewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-row-drag-preview]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableRowDropIndicatorDirective {
+    /**
+     * The closest edge of the row that the indicator is being dragged over.
+     */
+    closestEdge = input(...(ngDevMode ? [undefined, { debugName: "closestEdge" }] : []));
+    /**
+     * The index of the row that the indicator belongs to.
+     */
+    rowIndex = input(undefined, ...(ngDevMode ? [{ debugName: "rowIndex", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
+    /**
+     * The index of the row being dragged.
+     */
+    sourceIndex = input(undefined, ...(ngDevMode ? [{ debugName: "sourceIndex", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
+    trackBindings = useTrackBindings(() => qdsTableApi.getRowDropIndicatorBindings({
+        closestEdge: this.closestEdge(),
+        rowIndex: this.rowIndex(),
+        sourceIndex: this.sourceIndex(),
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableRowDropIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableRowDropIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-row-drop-indicator]",
+                    standalone: false,
+                }]
+        }], propDecorators: { closestEdge: [{ type: i0.Input, args: [{ isSignal: true, alias: "closestEdge", required: false }] }], rowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowIndex", required: false }] }], sourceIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceIndex", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableRowExpandButtonDirective {
+    isExpanded = input(undefined, ...(ngDevMode ? [{ debugName: "isExpanded", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The row associated with the expand button.
+     */
+    row = input.required(...(ngDevMode ? [{ debugName: "row" }] : []));
+    /**
+     * Lucide icon to display inside the button.
+     *
+     * @default "ChevronRight"
+     */
+    icon = input("ChevronRight", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "sm",
+        variant: "fixed",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getRowExpandButtonBindings({
+        isExpanded: this.isExpanded(),
+        row: this.row(),
+    })));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableRowExpandButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableRowExpandButtonDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ ChevronRight })],
+                    selector: "[q-table-row-expand-button]",
+                    standalone: false,
+                    template: `
+    <svg
+      [q-bind]="inlineIconButtonApi().getIconBindings()"
+      [qIcon]="icon()"
+    ></svg>
+  `,
+                }]
+        }], propDecorators: { isExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isExpanded", required: false }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableRowDirective {
+    /**
+     * If `true`, the row is currently being dragged.
+     */
+    isDragging = input(undefined, ...(ngDevMode ? [{ debugName: "isDragging", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * If `true`, another row is being dragged over this row.
+     */
+    isDraggingOver = input(undefined, ...(ngDevMode ? [{ debugName: "isDraggingOver", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * If `true`, the row is currently selected.
+     */
+    isSelected = input(undefined, ...(ngDevMode ? [{ debugName: "isSelected", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    trackBindings = useTrackBindings(() => qdsTableApi.getRowBindings({
+        isDragging: this.isDragging(),
+        isDraggingOver: this.isDraggingOver(),
+        isSelected: this.isSelected(),
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: TableRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-row]",
+                    standalone: false,
+                }]
+        }], propDecorators: { isDragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDragging", required: false }] }], isDraggingOver: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDraggingOver", required: false }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableScrollContainerDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getScrollContainerBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableScrollContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableScrollContainerDirective, isStandalone: false, selector: "[q-table-scroll-container]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableScrollContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-scroll-container]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableTableDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getTableBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableTableDirective, isStandalone: false, selector: "[q-table-table]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableTableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-table]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TableTitleBarDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getTitleBarBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableTitleBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: TableTitleBarDirective, isStandalone: false, selector: "[q-table-title-bar]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableTitleBarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-title-bar]",
+                    standalone: false,
+                }]
+        }] });
+
+// 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.12", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: TableModule, declarations: [TableActionBarDirective,
+            TableBodyDirective,
+            TableCellActionDirective,
+            TableCellDirective,
+            TableColumnDragHandleDirective,
+            TableColumnDragPreviewDirective,
+            TableColumnDropIndicatorDirective,
+            TableColumnFilterActionDirective,
+            TableColumnHeaderActionDirective,
+            TableColumnResizeHandleDirective,
+            TableColumnSortActionDirective,
+            TableFooterDirective,
+            TableHeaderCellDirective,
+            TableHeaderDirective,
+            TablePaginationDirective,
+            TableRootDirective,
+            TableRowDirective,
+            TableRowDragHandleDirective,
+            TableRowDragPreviewDirective,
+            TableRowDropIndicatorDirective,
+            TableRowExpandButtonDirective,
+            TableScrollContainerDirective,
+            TableTableDirective,
+            TableTitleBarDirective,
+            RenderCellDirective,
+            RenderHeaderDirective,
+            RenderFooterDirective], imports: [QBindDirective, IconDirective], exports: [TableActionBarDirective,
+            TableBodyDirective,
+            TableCellActionDirective,
+            TableCellDirective,
+            TableColumnDragHandleDirective,
+            TableColumnDragPreviewDirective,
+            TableColumnDropIndicatorDirective,
+            TableColumnFilterActionDirective,
+            TableColumnHeaderActionDirective,
+            TableColumnResizeHandleDirective,
+            TableColumnSortActionDirective,
+            TableFooterDirective,
+            TableHeaderCellDirective,
+            TableHeaderDirective,
+            TablePaginationDirective,
+            TableRootDirective,
+            TableRowDirective,
+            TableRowDragHandleDirective,
+            TableRowDragPreviewDirective,
+            TableRowDropIndicatorDirective,
+            TableRowExpandButtonDirective,
+            TableScrollContainerDirective,
+            TableTableDirective,
+            TableTitleBarDirective,
+            RenderCellDirective,
+            RenderHeaderDirective,
+            RenderFooterDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TableActionBarDirective,
+                        TableBodyDirective,
+                        TableCellActionDirective,
+                        TableCellDirective,
+                        TableColumnDragHandleDirective,
+                        TableColumnDragPreviewDirective,
+                        TableColumnDropIndicatorDirective,
+                        TableColumnFilterActionDirective,
+                        TableColumnHeaderActionDirective,
+                        TableColumnResizeHandleDirective,
+                        TableColumnSortActionDirective,
+                        TableFooterDirective,
+                        TableHeaderCellDirective,
+                        TableHeaderDirective,
+                        TablePaginationDirective,
+                        TableRootDirective,
+                        TableRowDirective,
+                        TableRowDragHandleDirective,
+                        TableRowDragPreviewDirective,
+                        TableRowDropIndicatorDirective,
+                        TableRowExpandButtonDirective,
+                        TableScrollContainerDirective,
+                        TableTableDirective,
+                        TableTitleBarDirective,
+                        RenderCellDirective,
+                        RenderHeaderDirective,
+                        RenderFooterDirective,
+                    ],
+                    exports: [
+                        TableActionBarDirective,
+                        TableBodyDirective,
+                        TableCellActionDirective,
+                        TableCellDirective,
+                        TableColumnDragHandleDirective,
+                        TableColumnDragPreviewDirective,
+                        TableColumnDropIndicatorDirective,
+                        TableColumnFilterActionDirective,
+                        TableColumnHeaderActionDirective,
+                        TableColumnResizeHandleDirective,
+                        TableColumnSortActionDirective,
+                        TableFooterDirective,
+                        TableHeaderCellDirective,
+                        TableHeaderDirective,
+                        TablePaginationDirective,
+                        TableRootDirective,
+                        TableRowDirective,
+                        TableRowDragHandleDirective,
+                        TableRowDragPreviewDirective,
+                        TableRowDropIndicatorDirective,
+                        TableRowExpandButtonDirective,
+                        TableScrollContainerDirective,
+                        TableTableDirective,
+                        TableTitleBarDirective,
+                        RenderCellDirective,
+                        RenderHeaderDirective,
+                        RenderFooterDirective,
+                    ],
+                    imports: [QBindDirective, IconDirective],
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * Implementation from @tanstack/angular-query
+ * {@link https://github.com/TanStack/query/blob/main/packages/angular-query-experimental/src/util/lazy-init/lazy-init.ts}
+ */
+function lazyInit(initializer) {
+    let object = null;
+    const initializeObject = () => {
+        if (!object) {
+            object = untracked(() => initializer());
+        }
+    };
+    queueMicrotask(() => initializeObject());
+    const table = () => { };
+    return new Proxy(table, {
+        apply(target, thisArg, argArray) {
+            initializeObject();
+            if (typeof object === "function") {
+                return Reflect.apply(object, thisArg, argArray);
+            }
+            return Reflect.apply(target, thisArg, argArray);
+        },
+        get(_, prop, receiver) {
+            initializeObject();
+            return Reflect.get(object, prop, receiver);
+        },
+        getOwnPropertyDescriptor() {
+            return {
+                configurable: true,
+                enumerable: true,
+            };
+        },
+        has(_, prop) {
+            initializeObject();
+            return Reflect.has(object, prop);
+        },
+        ownKeys() {
+            initializeObject();
+            return Reflect.ownKeys(object);
+        },
+    });
+}
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+function proxifyTable(tableSignal) {
+    const internalState = tableSignal;
+    return new Proxy(internalState, {
+        apply() {
+            return tableSignal();
+        },
+        get(target, property) {
+            if (target[property]) {
+                return target[property];
+            }
+            const table = untracked(tableSignal);
+            /**
+             * Attempt to convert all accessors into computed ones, excluding handlers as
+             * they do not retain any reactive value
+             */
+            if (property.startsWith("get") && !property.endsWith("Handler")) {
+                const maybeFn = table[property];
+                if (typeof maybeFn === "function") {
+                    Object.defineProperty(target, property, {
+                        configurable: true,
+                        enumerable: true,
+                        value: toComputed(tableSignal, maybeFn),
+                    });
+                    return target[property];
+                }
+            }
+            // @ts-expect-error
+            return (target[property] = table[property]);
+        },
+        getOwnPropertyDescriptor() {
+            return {
+                configurable: true,
+                enumerable: true,
+            };
+        },
+        has(_, prop) {
+            return !!untracked(tableSignal)[prop];
+        },
+        ownKeys() {
+            return Reflect.ownKeys(untracked(tableSignal));
+        },
+    });
+}
+/**
+ * Here we'll handle all types of accessors:
+ * - 0 argument -> table.getCanNextPage()
+ * - 0~1 arguments -> table.getIsSomeRowsPinned(position?)
+ * - 1 required argument -> table.getColumn(columnId)
+ * - 1+ argument -> table.getRow(id, searchAll?)
+ *
+ * Since we are not able to detect the accessor parameters, we'll wrap all accessors
+ * into a cached function wrapping a computed that return its value based on the
+ * given parameters.
+ */
+function toComputed(signal, fn) {
+    const hasArgs = fn.length > 0;
+    if (!hasArgs) {
+        return computed(() => {
+            void signal();
+            return fn();
+        });
+    }
+    const computedCache = {};
+    return (...argsArray) => {
+        const serializedArgs = serializeArgs(...argsArray);
+        if (computedCache.hasOwnProperty(serializedArgs)) {
+            return computedCache[serializedArgs]?.();
+        }
+        const computedSignal = computed(() => {
+            void signal();
+            return fn(...argsArray);
+        }, ...(ngDevMode ? [{ debugName: "computedSignal" }] : []));
+        computedCache[serializedArgs] = computedSignal;
+        return computedSignal();
+    };
+}
+function serializeArgs(...args) {
+    return JSON.stringify(args);
+}
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+function createAngularTable(options) {
+    return lazyInit(() => {
+        const resolvedOptions = {
+            onStateChange: () => { },
+            renderFallbackValue: null,
+            state: {},
+            ...options(),
+        };
+        const table = createTable(resolvedOptions);
+        // By default, manage table state here using the table's initial state
+        const state = signal({
+            ...table.initialState,
+        }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        // Compose table options using computed.
+        // This is to allow `tableSignal` to listen and set table options after the
+        // table has been created
+        const updatedOptions = computed(() => {
+            // listen to table state changed
+            const tableState = state();
+            // listen to input options changed
+            const tableOptions = options();
+            return {
+                ...table.options,
+                ...resolvedOptions,
+                ...tableOptions,
+                onStateChange: (updater) => {
+                    const value = updater instanceof Function ? updater(tableState) : updater;
+                    state.set(value);
+                    resolvedOptions.onStateChange?.(updater);
+                },
+                state: { ...tableState, ...tableOptions.state },
+            };
+        }, ...(ngDevMode ? [{ debugName: "updatedOptions" }] : []));
+        // 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,
+            }]));
+        // proxify Table instance to enable reactive table state changes
+        return proxifyTable(tableSignal);
+    });
+}
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * A helper function that creates an object. The properties on the object derive the
+ * QUI Pagination state from the current table state, or update it.
+ */
+function createTablePagination(table, opts = {}) {
+    return lazyInit(() => {
+        return {
+            count: computed(() => {
+                // recompute whenever state changes
+                table.getState();
+                const total = opts.totalCount?.();
+                const rows = table.getFilteredRowModel().rows;
+                return total || rows.length;
+            }),
+            onPageChange: (page) => table.setPageIndex(page - 1),
+            onPageSizeChange: table.setPageSize,
+            page: computed(() => table.getState().pagination.pageIndex + 1),
+            pageSize: computed(() => table.getState().pagination.pageSize),
+        };
+    });
+}
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CellComponentContextDirective, RenderCellDirective, RenderFooterDirective, RenderHeaderDirective, TableActionBarDirective, TableBodyDirective, TableCellActionDirective, TableCellDirective, TableColumnDragHandleDirective, TableColumnDragPreviewDirective, TableColumnDropIndicatorDirective, TableColumnFilterActionDirective, TableColumnHeaderActionDirective, TableColumnResizeHandleDirective, TableColumnSortActionDirective, TableFooterDirective, TableHeaderCellDirective, TableHeaderDirective, TableModule, TablePaginationDirective, TableRootDirective, TableRowDirective, TableRowDragHandleDirective, TableRowDragPreviewDirective, TableRowDropIndicatorDirective, TableRowExpandButtonDirective, TableScrollContainerDirective, TableTableDirective, TableTitleBarDirective, createAngularTable, createTablePagination, qdsTableApi };
+//# sourceMappingURL=qualcomm-ui-angular-table.mjs.map