q2-tecton-elements 1.50.1 → 1.51.1

package/dist/collection/components/q2-data-table/q2-data-table.js

@@ -159,6 +159,66 @@ export class Q2DataTable {
         this.someRowsSelected = false;
     }
     // #endregion
+    // #region Public Methods API
+    /**
+     * A method to click a row that accepts a row ID that is will be clicked.
+     *
+     * @testOnly
+     */
+    async clickRow(rowId) {
+        const btn = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-btn[test-id="clickable-row-control"]`);
+        btn === null || btn === void 0 ? void 0 : btn.click();
+    }
+    /**
+     * A method that returns the plain text value of a particular cell (including slot content).
+     *
+     * @testOnly
+     */
+    async getCellContent(rowId, columnKey) {
+        var _a, _b;
+        const slotContent = (_a = this.hostElement.querySelector(`[slot=row-${rowId}-cell-${columnKey}`)) === null || _a === void 0 ? void 0 : _a.textContent;
+        const text = (_b = this.hostElement.shadowRoot.querySelector(`slot[name=row-${rowId}-cell-${columnKey}]`)) === null || _b === void 0 ? void 0 : _b.textContent;
+        return slotContent || text || '';
+    }
+    /**
+     * A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.
+     *
+     * @testOnly
+     */
+    async sortColumn(header) {
+        const btn = this.hostElement.shadowRoot.querySelector(`#header-${header.key} q2-btn[test-id="sort-control"]`);
+        btn === null || btn === void 0 ? void 0 : btn.click();
+    }
+    /**
+     * A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content
+     *
+     * @testOnly
+     */
+    async toggleRowExpansion(rowId) {
+        const btn = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-btn[test-id="expandable-row-control"]`);
+        btn === null || btn === void 0 ? void 0 : btn.click();
+    }
+    /**
+     * A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.
+     *
+     * @testOnly
+     */
+    async toggleRowSelect(rowId) {
+        const chk = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-checkbox[test-id="select-row-control"]`);
+        chk === null || chk === void 0 ? void 0 : chk.click();
+    }
+    /**
+     * A method to toggle select all button (checkbox) on left top corner.
+     *
+     * @testOnly
+     */
+    async toggleSelectAllRows() {
+        if (!this.selectable)
+            return;
+        const chk = this.hostElement.shadowRoot.querySelector(`q2-checkbox[test-id="select-all-rows-control"]`);
+        chk === null || chk === void 0 ? void 0 : chk.click();
+    }
+    // #endregion
     // #region Watchers
     headersHandler(headers = []) {
         this.serializedHeaders = headers.map(header => {
@@ -222,66 +282,6 @@ export class Q2DataTable {
         }
     }
     // #endregion
-    // #region Test Methods API
-    /**
-     * A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.
-     *
-     * @testOnly
-     */
-    async sortColumn(header) {
-        const btn = this.hostElement.shadowRoot.querySelector(`#header-${header.key} q2-btn[test-id="sort-control"]`);
-        btn === null || btn === void 0 ? void 0 : btn.click();
-    }
-    /**
-     * A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content
-     *
-     * @testOnly
-     */
-    async toggleRowExpansion(rowId) {
-        const btn = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-btn[test-id="expandable-row-control"]`);
-        btn === null || btn === void 0 ? void 0 : btn.click();
-    }
-    /**
-     * A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.
-     *
-     * @testOnly
-     */
-    async toggleRowSelect(rowId) {
-        const chk = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-checkbox[test-id="select-row-control"]`);
-        chk === null || chk === void 0 ? void 0 : chk.click();
-    }
-    /**
-     * A method to click a row that accepts a row ID that is will be clicked.
-     *
-     * @testOnly
-     */
-    async clickRow(rowId) {
-        const btn = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-btn[test-id="clickable-row-control"]`);
-        btn === null || btn === void 0 ? void 0 : btn.click();
-    }
-    /**
-     * A method that returns the plain text value of a particular cell (including slot content).
-     *
-     * @testOnly
-     */
-    async getCellContent(rowId, columnKey) {
-        var _a, _b;
-        const slotContent = (_a = this.hostElement.querySelector(`[slot=row-${rowId}-cell-${columnKey}`)) === null || _a === void 0 ? void 0 : _a.textContent;
-        const text = (_b = this.hostElement.shadowRoot.querySelector(`slot[name=row-${rowId}-cell-${columnKey}]`)) === null || _b === void 0 ? void 0 : _b.textContent;
-        return slotContent || text || '';
-    }
-    /**
-     * A method to toggle select all button (checkbox) on left top corner.
-     *
-     * @testOnly
-     */
-    async toggleSelectAllRows() {
-        if (!this.selectable)
-            return;
-        const chk = this.hostElement.shadowRoot.querySelector(`q2-checkbox[test-id="select-all-rows-control"]`);
-        chk === null || chk === void 0 ? void 0 : chk.click();
-    }
-    // #endregion
     // #region Local Methods
     get mappedHeaders() {
         return this.serializedHeaders.reduce((accum, header) => {
@@ -321,7 +321,7 @@ export class Q2DataTable {
     // #region Render Methods
     render() {
         const { caption } = this;
-        return (h("div", { key: 'ca929992a1cbe3dc46b9793d66b94bf927378458', class: "container" }, h("table", { key: '4b3b8f54037d166262a115573fa9a80d63b9b3fe' }, caption && h("caption", { key: '85de87c8cce24c2fc3d5c3718aff47924ecfe76c', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
+        return (h("div", { key: '3b83513a749562f7d9787103e4bad96b281da690', class: "container" }, h("table", { key: '61142600c24e4dba06d9bcf06a0abdc5e424997c' }, caption && h("caption", { key: 'db2048dcbd52e6f2bc892634be354d2fe8fc4560', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
     }
     renderCellContent(cell) {
         if (!cell)
@@ -569,7 +569,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/Users/achester/Code/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -581,7 +581,7 @@ export class Q2DataTable {
                             "name": "snippet",
                             "text": "element.headers = [\n {\n   title: 'Day of the Week',\n   key: 'day',\n },\n {\n   title: 'Sales',\n   key: 'sales',\n   align: 'end',\n }\n]"
                         }],
-                    "text": "Defines the headers of the table."
+                    "text": "Defines the headers of the table.\n\n**Example:**"
                 }
             },
             "hideCaption": {
@@ -647,7 +647,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableRow": {
                             "location": "local",
-                            "path": "/Users/achester/Code/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableRow"
                         }
                     }
@@ -659,7 +659,7 @@ export class Q2DataTable {
                             "name": "snippet",
                             "text": "element.rows = [\n {\n   id: 1,\n   cells: {\n     day: 'Monday',\n     sales: 93\n   }\n },\n {\n   id: 2,\n   cells: {\n     day: 'Tuesday',\n     sales: 127\n   }\n },\n {\n   id: 3,\n   cells: {\n     day: 'Wednesday',\n     sales: 121\n   }\n]"
                         }],
-                    "text": "Defines the rows of the table."
+                    "text": "Defines the rows of the table.\n\n**Example:**"
                 }
             },
             "selectable": {
@@ -765,7 +765,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/Users/achester/Code/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -786,7 +786,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/Users/achester/Code/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -822,7 +822,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/Users/achester/Code/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -843,7 +843,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/Users/achester/Code/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -852,12 +852,12 @@ export class Q2DataTable {
     }
     static get methods() {
         return {
-            "sortColumn": {
+            "clickRow": {
                 "complexType": {
-                    "signature": "(header: Q2DataTableHeader) => Promise<void>",
+                    "signature": "(rowId: number | string) => Promise<void>",
                     "parameters": [{
-                            "name": "header",
-                            "type": "{ title: string; align?: Q2DataTableCellAlignOptions; key?: string; sortable?: boolean | \"auto\" | \"manual\"; width?: string; backgroundColor?: string; sorted?: \"ASC\" | \"DESC\"; ariaLabel?: string; lineClamp?: number; verticalAlign?: \"top\" | \"bottom\"; } & Partial<Q2DataTableCellType>",
+                            "name": "rowId",
+                            "type": "string | number",
                             "docs": ""
                         }],
                     "references": {
@@ -865,11 +865,6 @@ export class Q2DataTable {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "Q2DataTableHeader": {
-                            "location": "local",
-                            "path": "/Users/achester/Code/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
-                            "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
-                        },
                         "HTMLQ2BtnElement": {
                             "location": "global",
                             "id": "global::HTMLQ2BtnElement"
@@ -878,47 +873,47 @@ export class Q2DataTable {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.",
+                    "text": "A method to click a row that accepts a row ID that is will be clicked.",
                     "tags": [{
                             "name": "testOnly",
                             "text": undefined
                         }]
                 }
             },
-            "toggleRowExpansion": {
+            "getCellContent": {
                 "complexType": {
-                    "signature": "(rowId: number | string) => Promise<void>",
+                    "signature": "(rowId: number | string, columnKey: string) => Promise<string>",
                     "parameters": [{
                             "name": "rowId",
                             "type": "string | number",
                             "docs": ""
+                        }, {
+                            "name": "columnKey",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "HTMLQ2BtnElement": {
-                            "location": "global",
-                            "id": "global::HTMLQ2BtnElement"
                         }
                     },
-                    "return": "Promise<void>"
+                    "return": "Promise<string>"
                 },
                 "docs": {
-                    "text": "A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content",
+                    "text": "A method that returns the plain text value of a particular cell (including slot content).",
                     "tags": [{
                             "name": "testOnly",
                             "text": undefined
                         }]
                 }
             },
-            "toggleRowSelect": {
+            "sortColumn": {
                 "complexType": {
-                    "signature": "(rowId: number | string) => Promise<void>",
+                    "signature": "(header: Q2DataTableHeader) => Promise<void>",
                     "parameters": [{
-                            "name": "rowId",
-                            "type": "string | number",
+                            "name": "header",
+                            "type": "{ title: string; align?: Q2DataTableCellAlignOptions; key?: string; sortable?: boolean | \"auto\" | \"manual\"; width?: string; backgroundColor?: string; sorted?: \"ASC\" | \"DESC\"; ariaLabel?: string; lineClamp?: number; verticalAlign?: \"top\" | \"bottom\"; } & Partial<Q2DataTableCellType>",
                             "docs": ""
                         }],
                     "references": {
@@ -926,22 +921,27 @@ export class Q2DataTable {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "HTMLQ2CheckboxElement": {
+                        "Q2DataTableHeader": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
+                        },
+                        "HTMLQ2BtnElement": {
                             "location": "global",
-                            "id": "global::HTMLQ2CheckboxElement"
+                            "id": "global::HTMLQ2BtnElement"
                         }
                     },
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.",
+                    "text": "A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.",
                     "tags": [{
                             "name": "testOnly",
                             "text": undefined
                         }]
                 }
             },
-            "clickRow": {
+            "toggleRowExpansion": {
                 "complexType": {
                     "signature": "(rowId: number | string) => Promise<void>",
                     "parameters": [{
@@ -962,35 +962,35 @@ export class Q2DataTable {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "A method to click a row that accepts a row ID that is will be clicked.",
+                    "text": "A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content",
                     "tags": [{
                             "name": "testOnly",
                             "text": undefined
                         }]
                 }
             },
-            "getCellContent": {
+            "toggleRowSelect": {
                 "complexType": {
-                    "signature": "(rowId: number | string, columnKey: string) => Promise<string>",
+                    "signature": "(rowId: number | string) => Promise<void>",
                     "parameters": [{
                             "name": "rowId",
                             "type": "string | number",
                             "docs": ""
-                        }, {
-                            "name": "columnKey",
-                            "type": "string",
-                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "HTMLQ2CheckboxElement": {
+                            "location": "global",
+                            "id": "global::HTMLQ2CheckboxElement"
                         }
                     },
-                    "return": "Promise<string>"
+                    "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "A method that returns the plain text value of a particular cell (including slot content).",
+                    "text": "A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.",
                     "tags": [{
                             "name": "testOnly",
                             "text": undefined