@qualcomm-ui/angular 1.0.0

package/esm2022/table/components/table-body.directive.js

@@ -0,0 +1,24 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+export class TableBodyDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getBodyBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TableBodyDirective, isStandalone: false, selector: "[q-table-body]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-body]",
+                    standalone: false,
+                }]
+        }] });
+//# sourceMappingURL=table-body.directive.js.map

package/esm2022/table/components/table-body.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-body.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-body.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAc,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;AAM3C,MAAM,OAAO,kBAAkB;IACV,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,WAAW,CAAC,eAAe,EAAE,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAPU,kBAAkB;4FAAlB,kBAAkB;;4FAAlB,kBAAkB;kBAJ9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Directive({\n  selector: \"[q-table-body]\",\n  standalone: false,\n})\nexport class TableBodyDirective implements OnInit {\n  protected readonly trackBindings = useTrackBindings(() => {\n    return qdsTableApi.getBodyBindings()\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-cell-action.directive.js

@@ -0,0 +1,46 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export 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.10", ngImport: i0, type: TableCellActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-cell-action.directive.js.map

package/esm2022/table/components/table-cell-action.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell-action.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-cell-action.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAE9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;AAY3C,MAAM,OAAO,wBAAwB;IACnC;;OAEG;IACM,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAsB,CAAA;IAEjC,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,UAAU,CACR,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,WAAW,CAAC,qBAAqB,EAAE,CACpC,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGArBU,wBAAwB;4FAAxB,wBAAwB,kNAPzB;;;;;GAKT;;4FAEU,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input, type OnInit} from \"@angular/core\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Component({\n  selector: \"[q-table-cell-action]\",\n  standalone: false,\n  template: `\n    <svg\n      [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n      [qIcon]=\"icon()\"\n    ></svg>\n  `,\n})\nexport class TableCellActionDirective implements OnInit {\n  /**\n   * Lucide icon to display inside the button.\n   */\n  readonly icon = input.required<LucideIconOrString>()\n\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"sm\",\n    variant: \"fixed\",\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.inlineIconButtonApi().getRootBindings(),\n      qdsTableApi.getCellActionBindings(),\n    ),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-cell.directive.js

@@ -0,0 +1,28 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive, input } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: TableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-cell.directive.js.map

package/esm2022/table/components/table-cell.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-cell.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAKlE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;AAM3C,MAAM,OAAO,kBAAkB;IAG7B;;OAEG;IACM,IAAI,GAAG,KAAK,0DAAa,CAAA;IAEf,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,WAAW,CAAC,eAAe,CAAC;QAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;KAClB,CAAC,CACH,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAhBU,kBAAkB;4FAAlB,kBAAkB;;4FAAlB,kBAAkB;kBAJ9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {Cell} from \"@qualcomm-ui/core/table\"\nimport type {QdsTableCellProps} from \"@qualcomm-ui/qds-core/table\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Directive({\n  selector: \"[q-table-cell]\",\n  standalone: false,\n})\nexport class TableCellDirective\n  implements OnInit, SignalifyInput<QdsTableCellProps>\n{\n  /**\n   * The data model for this cell.\n   */\n  readonly cell = input<Cell<any>>()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    qdsTableApi.getCellBindings({\n      cell: this.cell(),\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-column-drag-handle.directive.js

@@ -0,0 +1,51 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { GripVertical } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { provideIcons, } from "@qualcomm-ui/angular-core/lucide";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export 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.10", ngImport: i0, type: TableColumnDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-column-drag-handle.directive.js.map

package/esm2022/table/components/table-column-drag-handle.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-drag-handle.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-column-drag-handle.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAEL,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;AAa3C,MAAM,OAAO,8BAA8B;IACzC;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAqB,cAAc,gDAAC,CAAA;IAEtC,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,UAAU,CACR,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,WAAW,CAAC,qBAAqB,EAAE,CACpC,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAvBU,8BAA8B;4FAA9B,8BAA8B,6MAV9B,CAAC,YAAY,CAAC,EAAC,YAAY,EAAC,CAAC,CAAC,0BAG/B;;;;;GAKT;;4FAEU,8BAA8B;kBAX1C,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,YAAY,EAAC,CAAC,CAAC;oBACzC,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input, type OnInit} from \"@angular/core\"\nimport {GripVertical} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {\n  type LucideIconOrString,\n  provideIcons,\n} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Component({\n  providers: [provideIcons({GripVertical})],\n  selector: \"[q-table-column-drag-handle]\",\n  standalone: false,\n  template: `\n    <svg\n      [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n      [qIcon]=\"icon()\"\n    ></svg>\n  `,\n})\nexport class TableColumnDragHandleDirective implements OnInit {\n  /**\n   * Lucide icon to display inside the button.\n   *\n   * @default \"GripVertical\"\n   */\n  readonly icon = input<LucideIconOrString>(\"GripVertical\")\n\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"sm\",\n    variant: \"fixed\",\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.inlineIconButtonApi().getRootBindings(),\n      qdsTableApi.getDragHandleBindings(),\n    ),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-column-drag-preview.directive.js

@@ -0,0 +1,25 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive, ElementRef, inject } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+export class TableColumnDragPreviewDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getColumnDragPreviewBindings();
+    });
+    elementRef = inject(ElementRef);
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableColumnDragPreviewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TableColumnDragPreviewDirective, isStandalone: false, selector: "[q-table-column-drag-preview]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableColumnDragPreviewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-column-drag-preview]",
+                    standalone: false,
+                }]
+        }] });
+//# sourceMappingURL=table-column-drag-preview.directive.js.map

package/esm2022/table/components/table-column-drag-preview.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-drag-preview.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-column-drag-preview.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAc,MAAM,eAAe,CAAA;AAExE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;AAM3C,MAAM,OAAO,+BAA+B;IACvB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,WAAW,CAAC,4BAA4B,EAAE,CAAA;IACnD,CAAC,CAAC,CAAA;IAEiB,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAElD,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGATU,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAJ3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,+BAA+B;oBACzC,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, ElementRef, inject, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Directive({\n  selector: \"[q-table-column-drag-preview]\",\n  standalone: false,\n})\nexport class TableColumnDragPreviewDirective implements OnInit {\n  protected readonly trackBindings = useTrackBindings(() => {\n    return qdsTableApi.getColumnDragPreviewBindings()\n  })\n\n  protected readonly elementRef = inject(ElementRef)\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-column-drop-indicator.directive.js

@@ -0,0 +1,42 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive, input, numberAttribute } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: TableColumnDropIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-column-drop-indicator.directive.js.map

package/esm2022/table/components/table-column-drop-indicator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-drop-indicator.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-column-drop-indicator.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,eAAe,EAAc,MAAM,eAAe,CAAA;AAE5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAIlE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;AAM3C,MAAM,OAAO,iCAAiC;IAG5C;;OAEG;IACM,WAAW,GAAG,KAAK,iEAEzB,CAAA;IAEH;;OAEG;IACM,WAAW,GAAG,KAAK,CAA8B,SAAS,+CACjE,SAAS,EAAE,eAAe,OADyC;YACnE,SAAS,EAAE,eAAe;SAC3B,GAAC,CAAA;IAEF;;OAEG;IACM,iBAAiB,GAAG,KAAK,CAA8B,SAAS,qDACvE,SAAS,EAAE,eAAe,OAD+C;YACzE,SAAS,EAAE,eAAe;SAC3B,GAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,WAAW,CAAC,8BAA8B,CAAC;QACzC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;QAC/B,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;QAC/B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE;KAC5C,CAAC,CACH,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAlCU,iCAAiC;4FAAjC,iCAAiC;;4FAAjC,iCAAiC;kBAJ7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, input, numberAttribute, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {QdsTableColumnDropIndicatorProps} from \"@qualcomm-ui/qds-core/table\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Directive({\n  selector: \"[q-table-column-drop-indicator]\",\n  standalone: false,\n})\nexport class TableColumnDropIndicatorDirective\n  implements OnInit, SignalifyInput<QdsTableColumnDropIndicatorProps>\n{\n  /**\n   * The closest edge of the column that the indicator is being dragged over.\n   */\n  readonly closestEdge = input<\n    \"top\" | \"bottom\" | \"left\" | \"right\" | undefined\n  >()\n\n  /**\n   * The index of the column that the indicator belongs to.\n   */\n  readonly columnIndex = input<number | undefined, unknown>(undefined, {\n    transform: numberAttribute,\n  })\n\n  /**\n   * The index of the column being dragged.\n   */\n  readonly sourceColumnIndex = input<number | undefined, unknown>(undefined, {\n    transform: numberAttribute,\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    qdsTableApi.getColumnDropIndicatorBindings({\n      closestEdge: this.closestEdge(),\n      columnIndex: this.columnIndex(),\n      sourceColumnIndex: this.sourceColumnIndex(),\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-column-filter-action.directive.js

@@ -0,0 +1,62 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed, input } from "@angular/core";
+import { Filter } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { provideIcons, } from "@qualcomm-ui/angular-core/lucide";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export 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.10", ngImport: i0, type: TableColumnFilterActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-column-filter-action.directive.js.map

package/esm2022/table/components/table-column-filter-action.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-filter-action.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-column-filter-action.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AACrE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAA;AAErC,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAEL,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAIlE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;AAe3C,MAAM,OAAO,gCAAgC;IAG3C;;OAEG;IACM,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAe,CAAA;IAE/C;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAqB,QAAQ,gDAAC,CAAA;IAEhC,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC3C,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,qDACpC,CAAA;IAEkB,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,UAAU,CACR,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,WAAW,CAAC,6BAA6B,CAAC;QACxC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;KACtB,CAAC,CACH,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGApCU,gCAAgC;4FAAhC,gCAAgC,yUAZhC,CAAC,YAAY,CAAC,EAAC,MAAM,EAAC,CAAC,CAAC,0BAGzB;;;;;;;GAOT;;4FAEU,gCAAgC;kBAb5C,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,MAAM,EAAC,CAAC,CAAC;oBACnC,QAAQ,EAAE,gCAAgC;oBAC1C,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;GAOT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, input, type OnInit} from \"@angular/core\"\nimport {Filter} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {\n  type LucideIconOrString,\n  provideIcons,\n} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {Header} from \"@qualcomm-ui/core/table\"\nimport type {QdsTableColumnFilterProps} from \"@qualcomm-ui/qds-core/table\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Component({\n  providers: [provideIcons({Filter})],\n  selector: \"[q-table-column-filter-action]\",\n  standalone: false,\n  template: `\n    @if (canFilter()) {\n      <svg\n        [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n        [qIcon]=\"icon()\"\n      ></svg>\n    }\n  `,\n})\nexport class TableColumnFilterActionDirective\n  implements OnInit, SignalifyInput<QdsTableColumnFilterProps>\n{\n  /**\n   * The column header associated with the filter.\n   */\n  readonly header = input.required<Header<any>>()\n\n  /**\n   * Lucide icon to display inside the button.\n   *\n   * @default \"Filter\"\n   */\n  readonly icon = input<LucideIconOrString>(\"Filter\")\n\n  protected readonly canFilter = computed(() =>\n    this.header().column.getCanFilter(),\n  )\n\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"sm\",\n    variant: \"fixed\",\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.inlineIconButtonApi().getRootBindings(),\n      qdsTableApi.getColumnFilterActionBindings({\n        header: this.header(),\n      }),\n    ),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-column-header-action.directive.js

@@ -0,0 +1,46 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export 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.10", ngImport: i0, type: TableColumnHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-column-header-action.directive.js.map

package/esm2022/table/components/table-column-header-action.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-header-action.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-column-header-action.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAE9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;AAY3C,MAAM,OAAO,gCAAgC;IAC3C;;OAEG;IACM,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAsB,CAAA;IAEjC,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,UAAU,CACR,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,WAAW,CAAC,6BAA6B,EAAE,CAC5C,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGArBU,gCAAgC;4FAAhC,gCAAgC,2NAPjC;;;;;GAKT;;4FAEU,gCAAgC;kBAV5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input, type OnInit} from \"@angular/core\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Component({\n  selector: \"[q-table-column-header-action]\",\n  standalone: false,\n  template: `\n    <svg\n      [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n      [qIcon]=\"icon()\"\n    ></svg>\n  `,\n})\nexport class TableColumnHeaderActionDirective implements OnInit {\n  /**\n   * Lucide icon to display inside the button.\n   */\n  readonly icon = input.required<LucideIconOrString>()\n\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"sm\",\n    variant: \"fixed\",\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.inlineIconButtonApi().getRootBindings(),\n      qdsTableApi.getColumnHeaderActionBindings(),\n    ),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-column-resize-handle.directive.js

@@ -0,0 +1,57 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { UnfoldHorizontal } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { provideIcons, } from "@qualcomm-ui/angular-core/lucide";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export 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.10", ngImport: i0, type: TableColumnResizeHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-column-resize-handle.directive.js.map

package/esm2022/table/components/table-column-resize-handle.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-resize-handle.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-column-resize-handle.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAEL,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAIlE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;AAa3C,MAAM,OAAO,gCAAgC;IAG3C;;OAEG;IACM,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAe,CAAA;IAE/C;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAqB,kBAAkB,gDAAC,CAAA;IAE1C,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,UAAU,CACR,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,WAAW,CAAC,wBAAwB,CAAC;QACnC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;KACtB,CAAC,CACH,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAhCU,gCAAgC;4FAAhC,gCAAgC,yUAVhC,CAAC,YAAY,CAAC,EAAC,gBAAgB,EAAC,CAAC,CAAC,0BAGnC;;;;;GAKT;;4FAEU,gCAAgC;kBAX5C,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,gBAAgB,EAAC,CAAC,CAAC;oBAC7C,QAAQ,EAAE,gCAAgC;oBAC1C,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input, type OnInit} from \"@angular/core\"\nimport {UnfoldHorizontal} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {\n  type LucideIconOrString,\n  provideIcons,\n} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {Header} from \"@qualcomm-ui/core/table\"\nimport type {QdsTableColumnResizerProps} from \"@qualcomm-ui/qds-core/table\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Component({\n  providers: [provideIcons({UnfoldHorizontal})],\n  selector: \"[q-table-column-resize-handle]\",\n  standalone: false,\n  template: `\n    <svg\n      [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n      [qIcon]=\"icon()\"\n    ></svg>\n  `,\n})\nexport class TableColumnResizeHandleDirective\n  implements OnInit, SignalifyInput<QdsTableColumnResizerProps>\n{\n  /**\n   * The column header associated with the resize handle.\n   */\n  readonly header = input.required<Header<any>>()\n\n  /**\n   * Lucide icon to display inside the button.\n   *\n   * @default \"UnfoldHorizontal\"\n   */\n  readonly icon = input<LucideIconOrString>(\"UnfoldHorizontal\")\n\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"sm\",\n    variant: \"fixed\",\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.inlineIconButtonApi().getRootBindings(),\n      qdsTableApi.getColumnResizerBindings({\n        header: this.header(),\n      }),\n    ),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-column-sort-action.directive.js

@@ -0,0 +1,60 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed, input } from "@angular/core";
+import { ArrowDownUp, ArrowUp } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { provideIcons, } from "@qualcomm-ui/angular-core/lucide";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export 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.10", ngImport: i0, type: TableColumnSortActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=table-column-sort-action.directive.js.map

package/esm2022/table/components/table-column-sort-action.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-sort-action.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-column-sort-action.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AACrE,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAA;AAEnD,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAEL,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAIlE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;AAe3C,MAAM,OAAO,8BAA8B;IAGzC;;OAEG;IACM,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAe,CAAA;IAE5B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,mDAAC,CAAA;IAE3D,QAAQ,GAAG,QAAQ,CAAC,GAAuB,EAAE;QAC9D,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAA;QACxD,OAAO,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAA;IAClD,CAAC,oDAAC,CAAA;IAEiB,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,UAAU,CACR,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,WAAW,CAAC,2BAA2B,CAAC;QACtC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;KACtB,CAAC,CACH,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAhCU,8BAA8B;4FAA9B,8BAA8B,kNAZ9B,CAAC,YAAY,CAAC,EAAC,WAAW,EAAE,OAAO,EAAC,CAAC,CAAC,0BAGvC;;;;;;;GAOT;;4FAEU,8BAA8B;kBAb1C,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,WAAW,EAAE,OAAO,EAAC,CAAC,CAAC;oBACjD,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;GAOT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, input, type OnInit} from \"@angular/core\"\nimport {ArrowDownUp, ArrowUp} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {\n  type LucideIconOrString,\n  provideIcons,\n} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {Header} from \"@qualcomm-ui/core/table\"\nimport type {QdsTableColumnSortActionProps} from \"@qualcomm-ui/qds-core/table\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Component({\n  providers: [provideIcons({ArrowDownUp, ArrowUp})],\n  selector: \"[q-table-column-sort-action]\",\n  standalone: false,\n  template: `\n    @if (canSort()) {\n      <svg\n        [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n        [qIcon]=\"sortIcon()\"\n      ></svg>\n    }\n  `,\n})\nexport class TableColumnSortActionDirective\n  implements OnInit, SignalifyInput<QdsTableColumnSortActionProps>\n{\n  /**\n   * The column header associated with the sort action.\n   */\n  readonly header = input.required<Header<any>>()\n\n  protected readonly canSort = computed(() => this.header().column.getCanSort())\n\n  protected readonly sortIcon = computed((): LucideIconOrString => {\n    const sortDirection = this.header().column.getIsSorted()\n    return sortDirection ? \"ArrowUp\" : \"ArrowDownUp\"\n  })\n\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"sm\",\n    variant: \"fixed\",\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.inlineIconButtonApi().getRootBindings(),\n      qdsTableApi.getColumnSortActionBindings({\n        header: this.header(),\n      }),\n    ),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/table/components/table-footer.directive.js

@@ -0,0 +1,24 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { qdsTableApi } from "./qds-table-api";
+import * as i0 from "@angular/core";
+export class TableFooterDirective {
+    trackBindings = useTrackBindings(() => {
+        return qdsTableApi.getFooterBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TableFooterDirective, isStandalone: false, selector: "[q-table-footer]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TableFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-table-footer]",
+                    standalone: false,
+                }]
+        }] });
+//# sourceMappingURL=table-footer.directive.js.map

package/esm2022/table/components/table-footer.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-footer.directive.js","sourceRoot":"","sources":["../../../../src/table/components/table-footer.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAc,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;AAM3C,MAAM,OAAO,oBAAoB;IACZ,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,WAAW,CAAC,iBAAiB,EAAE,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAPU,oBAAoB;4FAApB,oBAAoB;;4FAApB,oBAAoB;kBAJhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {qdsTableApi} from \"./qds-table-api\"\n\n@Directive({\n  selector: \"[q-table-footer]\",\n  standalone: false,\n})\nexport class TableFooterDirective implements OnInit {\n  protected readonly trackBindings = useTrackBindings(() => {\n    return qdsTableApi.getFooterBindings()\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}