genesys-spark-components 3.30.0 → 3.31.0

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

@@ -1,4 +1,4 @@
-import { Component, Element, Event, Prop, State, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../i18n';
 import { trackComponent } from '../../../../usage-tracking';
 import { getClosestElement } from '../../../../utils/dom/get-closest-element';
@@ -95,73 +95,79 @@ export class GuxSortControl {
     }
   }
   render() {
-    return (h("div", { class: "gux-container" },
-      h("button", { class: {
-          'gux-sort-button': true,
-          'gux-active': this.active
-        }, type: "button", onClick: () => this.onClick() },
-        h("span", { class: "gux-sr-only" }, this.getSRText(this.sort)),
-        h("gux-icon", { class: {
-            'gux-sort-icon': true,
-            'gux-left': this.isLeftAlignIcon
-          }, "icon-name": this.getIconName(this.sort), decorative: true })),
-      h("div", { class: "gux-resize-spacer" })));
+    return (h("div", { class: "gux-container" }, h("button", { class: {
+        'gux-sort-button': true,
+        'gux-active': this.active
+      }, type: "button", onClick: () => this.onClick() }, h("span", { class: "gux-sr-only" }, this.getSRText(this.sort)), h("gux-icon", { class: {
+        'gux-sort-icon': true,
+        'gux-left': this.isLeftAlignIcon
+      }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { class: "gux-resize-spacer" })));
   }
   static get is() { return "gux-sort-control"; }
   static get encapsulation() { return "shadow"; }
   static get delegatesFocus() { return true; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-sort-control.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-sort-control.css"]
-  }; }
-  static get properties() { return {
-    "includeUnsorted": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "include-unsorted",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "headerContent": {},
-    "active": {},
-    "sort": {},
-    "isLeftAlignIcon": {}
-  }; }
-  static get events() { return [{
-      "method": "guxsortchanged",
-      "name": "guxsortchanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "GuxTableSortState",
-        "resolved": "GuxTableSortState",
-        "references": {
-          "GuxTableSortState": {
-            "location": "import",
-            "path": "../gux-table.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-sort-control.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-sort-control.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "includeUnsorted": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "include-unsorted",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "headerContent": {},
+      "active": {},
+      "sort": {},
+      "isLeftAlignIcon": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxsortchanged",
+        "name": "guxsortchanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "GuxTableSortState",
+          "resolved": "GuxTableSortState",
+          "references": {
+            "GuxTableSortState": {
+              "location": "import",
+              "path": "../gux-table.types"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "root"; }
 }

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

@@ -1,4 +1,4 @@
-import { Component, h, Host, Element, Listen, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../i18n';
 import { eventIsFrom } from '../../../../utils/dom/event-is-from';
 import { randomHTMLId } from '../../../../utils/dom/random-html-id';
@@ -65,61 +65,66 @@ export class GuxTableSelectMenu {
   renderSelectDropdown() {
     if (this.hasSelectMenuOptions) {
       return [
-        h("button", { id: this.dropdownOptionsButtonId, "aria-haspopup": "listbox", "aria-expanded": (!this.popoverHidden).toString(), type: "button", class: "gux-select-menu-button", ref: el => (this.tableSelectMenuButtonElement = el), onClick: () => this.toggleOptions(), disabled: this.dropdownDisabled },
-          h("gux-icon", { "icon-name": "chevron-small-down", "screenreader-text": this.i18n('tableOptions') })),
-        h("gux-table-select-popover", { for: this.dropdownOptionsButtonId, hidden: this.popoverHidden, closeOnClickOutside: true, onGuxdismiss: () => (this.popoverHidden = true) },
-          h("div", null,
-            h("slot", { name: "select-menu-options" })))
+        h("button", { id: this.dropdownOptionsButtonId, "aria-haspopup": "listbox", "aria-expanded": (!this.popoverHidden).toString(), type: "button", class: "gux-select-menu-button", ref: el => (this.tableSelectMenuButtonElement = el), onClick: () => this.toggleOptions(), disabled: this.dropdownDisabled }, h("gux-icon", { "icon-name": "chevron-small-down", "screenreader-text": this.i18n('tableOptions') })),
+        h("gux-table-select-popover", { for: this.dropdownOptionsButtonId, hidden: this.popoverHidden, closeOnClickOutside: true, onGuxdismiss: () => (this.popoverHidden = true) }, h("div", null, h("slot", { name: "select-menu-options" })))
       ];
     }
   }
   render() {
-    return (h(Host, null,
-      h("slot", null),
-      this.renderSelectDropdown()));
+    return (h(Host, null, h("slot", null), this.renderSelectDropdown()));
   }
   static get is() { return "gux-table-select-menu"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-table-select-menu.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-table-select-menu.css"]
-  }; }
-  static get properties() { return {
-    "dropdownDisabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dropdown-disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "popoverHidden": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-table-select-menu.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-table-select-menu.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dropdownDisabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "dropdown-disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "popoverHidden": {}
+    };
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "onKeydown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keyup",
-      "method": "onKeyup",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "onKeydown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keyup",
+        "method": "onKeyup",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/beta/gux-table/gux-table-select-menu/gux-table-select-popover/gux-table-header-popover.js

@@ -1,11 +1,15 @@
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { createPopper } from '@popperjs/core';
-import { Component, Element, Event, h, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { OnClickOutside } from '../../../../../utils/decorator/on-click-outside';
 import { onHiddenChange } from '../../../../../utils/dom/on-attribute-change';
 export class GuxTableSelectPopover {
@@ -75,79 +79,89 @@ export class GuxTableSelectPopover {
     this.hiddenObserver.disconnect();
   }
   render() {
-    return (h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" },
-      h("div", { class: "gux-popover-content" },
-        h("slot", null))));
+    return (h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" }, h("div", { class: "gux-popover-content" }, h("slot", null))));
   }
   static get is() { return "gux-table-select-popover"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-table-select-popover.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-table-select-popover.css"]
-  }; }
-  static get properties() { return {
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates the id of the element the popover should anchor to"
-      },
-      "attribute": "for",
-      "reflect": false
-    },
-    "closeOnClickOutside": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Close popover when the user clicks outside of its bounds"
-      },
-      "attribute": "close-on-click-outside",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "hidden": {}
-  }; }
-  static get events() { return [{
-      "method": "guxdismiss",
-      "name": "guxdismiss",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fired when a user dismisses the popover"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-table-select-popover.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-table-select-popover.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "for": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates the id of the element the popover should anchor to"
+        },
+        "attribute": "for",
+        "reflect": false
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "closeOnClickOutside": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Close popover when the user clicks outside of its bounds"
+        },
+        "attribute": "close-on-click-outside",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "hidden": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxdismiss",
+        "name": "guxdismiss",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fired when a user dismisses the popover"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
-  static get watchers() { return [{
-      "propName": "hidden",
-      "methodName": "hiddenHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "hidden",
+        "methodName": "hiddenHandler"
+      }];
+  }
 }
 __decorate([
   OnClickOutside({ triggerEvents: 'mousedown' })