genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/beta/gux-table/gux-table.js

@@ -1,4 +1,4 @@
-import { Component, Host, Element, Event, h, Listen, Method, Prop, readTask, forceUpdate, State } from '@stencil/core';
+import { Host, h, readTask, forceUpdate } from '@stencil/core';
 import { buildI18nForComponent } from '../../../i18n';
 import { whenEventIsFrom } from '../../../utils/dom/when-event-is-from';
 import { randomHTMLId } from '../../../utils/dom/random-html-id';
@@ -333,204 +333,208 @@ export class GuxTable {
     };
   }
   render() {
-    return (h(Host, { "gs-table-id": this.tableId, "gs-v-scroll": this.isVerticalScroll, "gs-h-scroll": this.isHorizontalScroll, "gs-obj-table": this.objectTable, "gs-compact": this.compact },
-      h("div", { class: "gux-table" },
-        h("div", { tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses },
-          h("slot", { name: "data" })),
-        this.isHorizontalScroll && (h("gux-button-slot-beta", { accent: "secondary" },
-          h("button", { class: "gux-table-scroll-left", disabled: this.isScrolledToFirstCell, onClick: !this.isScrolledToFirstCell && this.previousColumn.bind(this) },
-            h("gux-icon", { "icon-name": "chevron-left", "screenreader-text": this.i18n('scrollLeft') })))),
-        this.isHorizontalScroll && (h("gux-button-slot-beta", { accent: "secondary", style: { marginRight: `${this.tableScrollbarConstant}px` } },
-          h("button", { class: "gux-table-scroll-right", disabled: this.isScrolledToLastCell, style: { marginRight: `${this.tableScrollbarConstant}px` }, onClick: !this.isScrolledToLastCell && this.nextColumn.bind(this) },
-            h("gux-icon", { "icon-name": "chevron-right", "screenreader-text": this.i18n('scrollRight') })))),
-        this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+    return (h(Host, { "gs-table-id": this.tableId, "gs-v-scroll": this.isVerticalScroll, "gs-h-scroll": this.isHorizontalScroll, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { class: "gux-table" }, h("div", { tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { name: "data" })), this.isHorizontalScroll && (h("gux-button-slot-beta", { accent: "secondary" }, h("button", { class: "gux-table-scroll-left", disabled: this.isScrolledToFirstCell, onClick: !this.isScrolledToFirstCell && this.previousColumn.bind(this) }, h("gux-icon", { "icon-name": "chevron-left", "screenreader-text": this.i18n('scrollLeft') })))), this.isHorizontalScroll && (h("gux-button-slot-beta", { accent: "secondary", style: { marginRight: `${this.tableScrollbarConstant}px` } }, h("button", { class: "gux-table-scroll-right", disabled: this.isScrolledToLastCell, style: { marginRight: `${this.tableScrollbarConstant}px` }, onClick: !this.isScrolledToLastCell && this.nextColumn.bind(this) }, h("gux-icon", { "icon-name": "chevron-right", "screenreader-text": this.i18n('scrollRight') })))), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
   }
   static get is() { return "gux-table-beta"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-table.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-table.css"]
-  }; }
-  static get properties() { return {
-    "compact": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates table row density style"
-      },
-      "attribute": "compact",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "objectTable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates that object table specific styles should be applied"
-      },
-      "attribute": "object-table",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "emptyMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Represents info message that should be displayed for empty table"
-      },
-      "attribute": "empty-message",
-      "reflect": false
-    },
-    "resizableColumns": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-table.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-table.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "compact": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates table row density style"
+        },
+        "attribute": "compact",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates that table should have resizable columns"
+      "objectTable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates that object table specific styles should be applied"
+        },
+        "attribute": "object-table",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "resizable-columns",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isVerticalScroll": {},
-    "isHorizontalScroll": {},
-    "isScrolledToFirstCell": {},
-    "isScrolledToLastCell": {},
-    "columnResizeHover": {}
-  }; }
-  static get events() { return [{
-      "method": "guxselectionchanged",
-      "name": "guxselectionchanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggers when table row was selected/unselected"
+      "emptyMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Represents info message that should be displayed for empty table"
+        },
+        "attribute": "empty-message",
+        "reflect": false
       },
-      "complexType": {
-        "original": "GuxTableSelectedState",
-        "resolved": "GuxTableSelectedState",
-        "references": {
-          "GuxTableSelectedState": {
-            "location": "import",
-            "path": "./gux-table.types"
+      "resizableColumns": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates that table should have resizable columns"
+        },
+        "attribute": "resizable-columns",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isVerticalScroll": {},
+      "isHorizontalScroll": {},
+      "isScrolledToFirstCell": {},
+      "isScrolledToLastCell": {},
+      "columnResizeHover": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxselectionchanged",
+        "name": "guxselectionchanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggers when table row was selected/unselected"
+        },
+        "complexType": {
+          "original": "GuxTableSelectedState",
+          "resolved": "GuxTableSelectedState",
+          "references": {
+            "GuxTableSelectedState": {
+              "location": "import",
+              "path": "./gux-table.types"
+            }
           }
         }
-      }
-    }, {
-      "method": "guxsortchanged",
-      "name": "guxsortchanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggers when the sorting of the table column is changed."
-      },
-      "complexType": {
-        "original": "GuxTableSortState",
-        "resolved": "GuxTableSortState",
-        "references": {
-          "GuxTableSortState": {
-            "location": "import",
-            "path": "./gux-table.types"
+      }, {
+        "method": "guxsortchanged",
+        "name": "guxsortchanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggers when the sorting of the table column is changed."
+        },
+        "complexType": {
+          "original": "GuxTableSortState",
+          "resolved": "GuxTableSortState",
+          "references": {
+            "GuxTableSortState": {
+              "location": "import",
+              "path": "./gux-table.types"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "getSelected": {
-      "complexType": {
-        "signature": "() => Promise<GuxTableSelectedState>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "getSelected": {
+        "complexType": {
+          "signature": "() => Promise<GuxTableSelectedState>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "GuxTableSelectedState": {
+              "location": "import",
+              "path": "./gux-table.types"
+            }
           },
-          "GuxTableSelectedState": {
-            "location": "import",
-            "path": "./gux-table.types"
-          }
+          "return": "Promise<GuxTableSelectedState>"
         },
-        "return": "Promise<GuxTableSelectedState>"
-      },
-      "docs": {
-        "text": "Returns the selected rows Ids.",
-        "tags": []
+        "docs": {
+          "text": "Returns the selected rows Ids.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "scroll",
-      "method": "onScroll",
-      "target": undefined,
-      "capture": true,
-      "passive": true
-    }, {
-      "name": "internalallrowselectchange",
-      "method": "onInternalAllRowSelectChange",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "internalrowselectchange",
-      "method": "onInternalRowSelectChange",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mousemove",
-      "method": "onMouseMove",
-      "target": undefined,
-      "capture": true,
-      "passive": true
-    }, {
-      "name": "mousedown",
-      "method": "onMouseDown",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mouseup",
-      "method": "onMouseUp",
-      "target": undefined,
-      "capture": true,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "scroll",
+        "method": "onScroll",
+        "target": undefined,
+        "capture": true,
+        "passive": true
+      }, {
+        "name": "internalallrowselectchange",
+        "method": "onInternalAllRowSelectChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "internalrowselectchange",
+        "method": "onInternalRowSelectChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "mousemove",
+        "method": "onMouseMove",
+        "target": undefined,
+        "capture": true,
+        "passive": true
+      }, {
+        "name": "mousedown",
+        "method": "onMouseDown",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mouseup",
+        "method": "onMouseUp",
+        "target": undefined,
+        "capture": true,
+        "passive": true
+      }];
+  }
 }