@duetds/components 6.2.4 → 6.2.5

package/lib/collection/components/duet-editable-table/duet-editable-table.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, Event, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { fieldSorter } from "../../utils/js-utils";
 import { isKeyboardClick } from "../../utils/keyboard-utils";
@@ -9,69 +9,6 @@ import { getLocaleString } from "../../utils/language-utils";
 import { TableData } from "./duet-editable-table-tabledata";
 export class DuetEditableTable {
   constructor() {
-    /**
-     * Duet-table: margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Duet-table: Style variation of the table.
-     */
-    this.variation = "striped";
-    /**
-     * Duet-table: Controls whether the table has a sticky header.
-     * Sticky headers are not compatible with breakpoint="none-scrollable".
-     */
-    this.sticky = false;
-    /**
-     * Duet-table: Adjust the distance from top of the viewport (in pixels) when the
-     * table header becomes sticky.
-     */
-    this.stickyDistance = "with-links";
-    /**
-     * Duet-table: By default the table is responsive - it will be flattened at narrow viewport widths.
-     * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
-     * Set to "none" to disable the responsive functionality.
-     * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
-     * this is useful for comparison tables where it's important to maintain column and row layout.
-     */
-    this.breakpoint = "small";
-    /**
-     * Define actions for all items in a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.actions = undefined;
-    /**
-     * Define columns for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.columns = undefined;
-    /**
-     * Define rows for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.rows = undefined;
-    /**
-     * Controls whether the table is sortable by headers
-     */
-    this.sortable = false;
-    /**
-     * Optional id that get passed to the table and used to setup ::parts
-     */
-    this.groupId = "";
-    /**
-     * Theme of the table.
-     */
-    this.theme = "";
-    /**
-     * Exposes the aria role for optimizing accessibility.
-     */
-    this.accessibleRole = undefined;
     this.sortableDefaultLabel = {
       fi: "Järjestä",
       en: "Click to sort",
@@ -102,6 +39,18 @@ export class DuetEditableTable {
         this.toggleColumn(column, e);
       }
     };
+    this.margin = "auto";
+    this.variation = "striped";
+    this.sticky = false;
+    this.stickyDistance = "with-links";
+    this.breakpoint = "small";
+    this.actions = undefined;
+    this.columns = undefined;
+    this.rows = undefined;
+    this.sortable = false;
+    this.groupId = "";
+    this.theme = "";
+    this.accessibleRole = undefined;
   }
   /**
    * Component lifecycle events.
@@ -127,8 +76,7 @@ export class DuetEditableTable {
       }
       return "action-subtract-small";
     };
-    return (h("span", { class: "duet-table-label", "data-index": index },
-      h("duet-button", { size: "small", icon: getButtonIcon(), "icon-size": "medium-small", "accessible-label": getLocaleString(this.sortableDefaultLabel), variation: "plain", margin: "none", "icon-right": true, onClick: event => this.toggleColumn(column, event), onKeyDown: event => this.handleKeyDown(column, event) }, i18nLabel)));
+    return (h("span", { class: "duet-table-label", "data-index": index }, h("duet-button", { size: "small", icon: getButtonIcon(), "icon-size": "medium-small", "accessible-label": getLocaleString(this.sortableDefaultLabel), variation: "plain", margin: "none", "icon-right": true, onClick: event => this.toggleColumn(column, event), onKeyDown: event => this.handleKeyDown(column, event) }, i18nLabel)));
   }
   getSortedColumns() {
     //create a new array from sort instead of mutating original
@@ -152,14 +100,12 @@ export class DuetEditableTable {
     const sortedColumns = this.getSortedColumns();
     return (h("tr", { class: {
         "duet-table-action-header": !!this.actions,
-      } },
-      sortedColumns.map(column => {
-        if (column.display !== false) {
-          const label = this.createLabel(column);
-          return label !== "" ? h("th", { scope: "col" }, label) : h("td", null);
-        }
-      }),
-      this.actions && (h("th", { scope: "col", class: "duet-table-action-header-heading" }, this.actions && h("duet-visually-hidden", null, getLocaleString(this.actionColumnLabel))))));
+      } }, sortedColumns.map(column => {
+      if (column.display !== false) {
+        const label = this.createLabel(column);
+        return label !== "" ? h("th", { scope: "col" }, label) : h("td", null);
+      }
+    }), this.actions && (h("th", { scope: "col", class: "duet-table-action-header-heading" }, this.actions && h("duet-visually-hidden", null, getLocaleString(this.actionColumnLabel))))));
   }
   renderActions(rowItem, index) {
     // escape early
@@ -180,15 +126,13 @@ export class DuetEditableTable {
         "duet-table-action-row": !!this.actions,
         "duet-editable-table-row": true,
         [`duet-editable-table-row-${this.groupId}`]: true,
-      }, "data-meta": JSON.stringify(row.meta) },
-      columns.map(column => {
-        //if we don't have any data for this column, try getting an item instead (for backwards compatibility
-        const value = row[column.key] ? row[column.key] : row.item;
-        if (column.display !== false) {
-          return h(TableData, { data: value, groupId: this.groupId });
-        }
-      }),
-      this.actions && this.renderActions(row, index))));
+      }, "data-meta": JSON.stringify(row.meta) }, columns.map(column => {
+      //if we don't have any data for this column, try getting an item instead (for backwards compatibility
+      const value = row[column.key] ? row[column.key] : row.item;
+      if (column.display !== false) {
+        return h(TableData, { data: value, groupId: this.groupId });
+      }
+    }), this.actions && this.renderActions(row, index))));
   }
   /**
    * Render Methods
@@ -204,329 +148,320 @@ export class DuetEditableTable {
         "duet-editable-table-actions": !!this.actions,
         "duet-m-0": this.margin === "none",
         "duet-theme-turva": this.theme === "turva",
-      } },
-      h("duet-table", { class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint },
-        h("table", { role: this.accessibleRole },
-          h("caption", null,
-            h("slot", { name: "tcaption" })),
-          h("thead", null,
-            h("tr", null,
-              h("td", { class: "duet-editable-table-actions-menu", colSpan: 99 },
-                h("slot", { name: "thead-first" }))),
-            this.renderTableHeader(),
-            h("tr", null,
-              h("td", { class: "duet-editable-table-actions-menu", colSpan: 99 },
-                h("slot", { name: "thead-last" })))),
-          h("tbody", null, this.renderTableBody()),
-          h("tfoot", null,
-            h("tr", null,
-              h("th", { class: "duet-editable-table-footer-menu", colSpan: 99 },
-                h("slot", { name: "tfoot" }))))))));
+      } }, h("duet-table", { class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint }, h("table", { role: this.accessibleRole }, h("caption", null, h("slot", { name: "tcaption" })), h("thead", null, h("tr", null, h("td", { class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { name: "thead-first" }))), this.renderTableHeader(), h("tr", null, h("td", { class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { name: "thead-last" })))), h("tbody", null, this.renderTableBody()), h("tfoot", null, h("tr", null, h("th", { class: "duet-editable-table-footer-menu", colSpan: 99 }, h("slot", { name: "tfoot" }))))))));
   }
   static get is() { return "duet-editable-table"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-editable-table.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-editable-table.css"]
-  }; }
-  static get properties() { return {
-    "margin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetMargin",
-        "resolved": "\"auto\" | \"none\"",
-        "references": {
-          "DuetMargin": {
-            "location": "import",
-            "path": "../../common-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-editable-table.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-editable-table.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "margin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetMargin",
+          "resolved": "\"auto\" | \"none\"",
+          "references": {
+            "DuetMargin": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Duet-table: margin of the component."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Duet-table: margin of the component."
-      },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "variation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetTableVariant",
-        "resolved": "\"fixed\" | \"plain\" | \"striped\"",
-        "references": {
-          "DuetTableVariant": {
-            "location": "import",
-            "path": "../duet-table/duet-table"
+      "variation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetTableVariant",
+          "resolved": "\"fixed\" | \"plain\" | \"striped\"",
+          "references": {
+            "DuetTableVariant": {
+              "location": "import",
+              "path": "../duet-table/duet-table"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Duet-table: Style variation of the table."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Duet-table: Style variation of the table."
+        },
+        "attribute": "variation",
+        "reflect": false,
+        "defaultValue": "\"striped\""
       },
-      "attribute": "variation",
-      "reflect": false,
-      "defaultValue": "\"striped\""
-    },
-    "sticky": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "sticky": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Duet-table: Controls whether the table has a sticky header.\nSticky headers are not compatible with breakpoint=\"none-scrollable\"."
+        },
+        "attribute": "sticky",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Duet-table: Controls whether the table has a sticky header.\nSticky headers are not compatible with breakpoint=\"none-scrollable\"."
-      },
-      "attribute": "sticky",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "stickyDistance": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetTableStickyDistance",
-        "resolved": "\"none\" | \"with-links\" | \"without-links\"",
-        "references": {
-          "DuetTableStickyDistance": {
-            "location": "import",
-            "path": "../duet-table/duet-table"
+      "stickyDistance": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetTableStickyDistance",
+          "resolved": "\"none\" | \"with-links\" | \"without-links\"",
+          "references": {
+            "DuetTableStickyDistance": {
+              "location": "import",
+              "path": "../duet-table/duet-table"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Duet-table: Adjust the distance from top of the viewport (in pixels) when the\ntable header becomes sticky."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Duet-table: Adjust the distance from top of the viewport (in pixels) when the\ntable header becomes sticky."
+        },
+        "attribute": "sticky-distance",
+        "reflect": false,
+        "defaultValue": "\"with-links\""
       },
-      "attribute": "sticky-distance",
-      "reflect": false,
-      "defaultValue": "\"with-links\""
-    },
-    "breakpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetTableBreakpoint",
-        "resolved": "\"large\" | \"medium\" | \"none\" | \"none-scrollable\" | \"small\" | \"x-large\" | \"xx-large\" | \"xxx-large\"",
-        "references": {
-          "DuetTableBreakpoint": {
-            "location": "import",
-            "path": "../duet-table/duet-table"
+      "breakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetTableBreakpoint",
+          "resolved": "\"large\" | \"medium\" | \"none\" | \"none-scrollable\" | \"small\" | \"x-large\" | \"xx-large\" | \"xxx-large\"",
+          "references": {
+            "DuetTableBreakpoint": {
+              "location": "import",
+              "path": "../duet-table/duet-table"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Duet-table: By default the table is responsive - it will be flattened at narrow viewport widths.\nThis prop controls the breakpoint at which the table should be rendered as a _regular_ table.\nSet to \"none\" to disable the responsive functionality.\nSet to \"none-scrollable\" to disable responsive functionality _and_ allow horizontal scrolling -\nthis is useful for comparison tables where it's important to maintain column and row layout."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Duet-table: By default the table is responsive - it will be flattened at narrow viewport widths.\nThis prop controls the breakpoint at which the table should be rendered as a _regular_ table.\nSet to \"none\" to disable the responsive functionality.\nSet to \"none-scrollable\" to disable responsive functionality _and_ allow horizontal scrolling -\nthis is useful for comparison tables where it's important to maintain column and row layout."
+        },
+        "attribute": "breakpoint",
+        "reflect": false,
+        "defaultValue": "\"small\""
       },
-      "attribute": "breakpoint",
-      "reflect": false,
-      "defaultValue": "\"small\""
-    },
-    "actions": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetEditableTableActions",
-        "resolved": "{ icon: string; color: string; background: string; size: DuetActionButtonIconSize; name: string; map?: string[]; label?: DuetLangObject; }[]",
-        "references": {
-          "DuetEditableTableActions": {
-            "location": "local"
+      "actions": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetEditableTableActions",
+          "resolved": "{ icon: string; color: string; background: string; size: DuetActionButtonIconSize; name: string; map?: string[]; label?: DuetLangObject; }[]",
+          "references": {
+            "DuetEditableTableActions": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "undefined"
-          }],
-        "text": "Define actions for all items in a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "undefined"
+            }],
+          "text": "Define actions for all items in a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
+        },
+        "defaultValue": "undefined"
       },
-      "defaultValue": "undefined"
-    },
-    "columns": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetEditableTableColumns",
-        "resolved": "DuetEditableTableColumn[]",
-        "references": {
-          "DuetEditableTableColumns": {
-            "location": "local"
+      "columns": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetEditableTableColumns",
+          "resolved": "DuetEditableTableColumn[]",
+          "references": {
+            "DuetEditableTableColumns": {
+              "location": "local"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "undefined"
+            }],
+          "text": "Define columns for a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
+        },
+        "defaultValue": "undefined"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "undefined"
-          }],
-        "text": "Define columns for a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
-      },
-      "defaultValue": "undefined"
-    },
-    "rows": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetEditableTableRows",
-        "resolved": "Record<string, any>[]",
-        "references": {
-          "DuetEditableTableRows": {
-            "location": "local"
+      "rows": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetEditableTableRows",
+          "resolved": "Record<string, any>[]",
+          "references": {
+            "DuetEditableTableRows": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "undefined"
-          }],
-        "text": "Define rows for a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "undefined"
+            }],
+          "text": "Define rows for a table\nAn alternative to inline HTML table.\nrequired for Sortable tables"
+        },
+        "defaultValue": "undefined"
       },
-      "defaultValue": "undefined"
-    },
-    "sortable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "sortable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls whether the table is sortable by headers"
+        },
+        "attribute": "sortable",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls whether the table is sortable by headers"
+      "groupId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Optional id that get passed to the table and used to setup ::parts"
+        },
+        "attribute": "group-id",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "attribute": "sortable",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "groupId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Optional id that get passed to the table and used to setup ::parts"
-      },
-      "attribute": "group-id",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme of the table."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "accessibleRole": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the table."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Exposes the aria role for optimizing accessibility."
-      },
-      "attribute": "accessible-role",
-      "reflect": false,
-      "defaultValue": "undefined"
-    }
-  }; }
-  static get events() { return [{
-      "method": "duetTableToggle",
-      "name": "duetTableToggle",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event emitted when table is sortable and a header item is clicked/enter is pressed"
-      },
-      "complexType": {
-        "original": "DuetTableToggleEvent",
-        "resolved": "{ component: \"duet-editable-table\"; sort_order?: number; direction: 1 | -1; index: number; key: string; originalEvent: MouseEvent | KeyboardEvent; }",
-        "references": {
-          "DuetTableToggleEvent": {
-            "location": "local"
+      "accessibleRole": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Exposes the aria role for optimizing accessibility."
+        },
+        "attribute": "accessible-role",
+        "reflect": false,
+        "defaultValue": "undefined"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "duetTableToggle",
+        "name": "duetTableToggle",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event emitted when table is sortable and a header item is clicked/enter is pressed"
+        },
+        "complexType": {
+          "original": "DuetTableToggleEvent",
+          "resolved": "{ component: \"duet-editable-table\"; sort_order?: number; direction: 1 | -1; index: number; key: string; originalEvent: KeyboardEvent | MouseEvent; }",
+          "references": {
+            "DuetTableToggleEvent": {
+              "location": "local"
+            }
           }
         }
-      }
-    }, {
-      "method": "duetMenuClick",
-      "name": "duetMenuClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event emitted when table is sortable and a header item is clicked/enter is pressed"
-      },
-      "complexType": {
-        "original": "DuetTableMenuEvent",
-        "resolved": "{ component: \"duet-editable-table\"; originalEvent: MouseEvent | KeyboardEvent; }",
-        "references": {
-          "DuetTableMenuEvent": {
-            "location": "local"
+      }, {
+        "method": "duetMenuClick",
+        "name": "duetMenuClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event emitted when table is sortable and a header item is clicked/enter is pressed"
+        },
+        "complexType": {
+          "original": "DuetTableMenuEvent",
+          "resolved": "{ component: \"duet-editable-table\"; originalEvent: KeyboardEvent | MouseEvent; }",
+          "references": {
+            "DuetTableMenuEvent": {
+              "location": "local"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
 }