genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.js

@@ -1,10 +1,14 @@
 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 { Component, Element, forceUpdate, h, Listen, Method, Prop, State, Watch } from '@stencil/core';
+import { forceUpdate, h } from '@stencil/core';
 import { OnClickOutside } from '../../../utils/decorator/on-click-outside';
 import { buildI18nForComponent } from '../../../i18n';
 import simulateNativeEvent from '../../../utils/dom/simulate-native-event';
@@ -221,9 +225,7 @@ export class GuxDropdownMulti {
     return '';
   }
   renderTargetDisplay() {
-    return (h("div", { class: "gux-placeholder" },
-      this.placeholder || this.i18n('noSelection'),
-      this.getSrSelectedText()));
+    return (h("div", { class: "gux-placeholder" }, this.placeholder || this.i18n('noSelection'), this.getSrSelectedText()));
   }
   getSrSelectedText() {
     const selectedListboxOptionElement = this.getOptionElementByValue(this.value);
@@ -241,19 +243,11 @@ export class GuxDropdownMulti {
   }
   renderFilterInputField() {
     if (this.expanded && this.filterable) {
-      return (h("div", { class: "gux-field gux-input-field" },
-        h("div", { class: "gux-field-content" },
-          h("div", { class: "gux-filter" },
-            h("div", { class: "gux-filter-display" },
-              h("span", { class: "gux-filter-text" }, this.filter),
-              h("span", { class: "gux-filter-suggestion" }, this.getSuggestionText(this.filter))),
-            h("div", { class: "input-and-dropdown-button" },
-              h("input", { onClick: this.fieldButtonInputClick.bind(this), placeholder: this.placeholder || this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this) }))))));
+      return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getSuggestionText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonInputClick.bind(this), placeholder: this.placeholder || this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this) }))))));
     }
   }
   renderPopup() {
-    return (h("div", { slot: "popup", class: "gux-listbox-container" },
-      h("slot", null)));
+    return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("slot", null)));
   }
   renderTarget() {
     return (h("div", { class: {
@@ -261,13 +255,9 @@ export class GuxDropdownMulti {
         'gux-target-container-expanded': this.expanded && this.filterable,
         'gux-target-container-collapsed': !(this.expanded && this.filterable),
         'gux-error': this.hasError
-      }, slot: "target" },
-      this.renderFilterInputField(),
-      h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() },
-        this.renderTargetContent(),
-        h("gux-icon", { class: {
-            'gux-expand-icon': true
-          }, "screenreader-text": this.i18n('dropdown'), iconName: "chevron-small-down" }))));
+      }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), h("gux-icon", { class: {
+        'gux-expand-icon': true
+      }, "screenreader-text": this.i18n('dropdown'), iconName: "chevron-small-down" }))));
   }
   renderTargetContent() {
     if (!(this.expanded && this.filterable)) {
@@ -276,202 +266,212 @@ export class GuxDropdownMulti {
   }
   render() {
     return [
-      h("div", { class: "gux-dropdown-container" },
-        h("gux-popup", { expanded: this.expanded, disabled: this.disabled },
-          this.renderTarget(),
-          this.renderPopup()),
-        this.renderTag())
+      h("div", { class: "gux-dropdown-container" }, h("gux-popup", { expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()), this.renderTag())
     ];
   }
   static get is() { return "gux-dropdown-multi-beta"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-dropdown-multi.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-dropdown-multi.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "required",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "placeholder",
-      "reflect": false
-    },
-    "filterable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-dropdown-multi.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-dropdown-multi.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "filterable",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hasError": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "required",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "placeholder",
+        "reflect": false
       },
-      "attribute": "has-error",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "expanded": {},
-    "filter": {}
-  }; }
-  static get methods() { return {
-    "getSelectedValues": {
-      "complexType": {
-        "signature": "() => Promise<string[]>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "filterable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         },
-        "return": "Promise<string[]>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filterable",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "docs": {
-        "text": "Gets the currently selected values.",
-        "tags": []
+      "hasError": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-error",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }
-  }; }
+    };
+  }
+  static get states() {
+    return {
+      "expanded": {},
+      "filter": {}
+    };
+  }
+  static get methods() {
+    return {
+      "getSelectedValues": {
+        "complexType": {
+          "signature": "() => Promise<string[]>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<string[]>"
+        },
+        "docs": {
+          "text": "Gets the currently selected values.",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "root"; }
-  static get watchers() { return [{
-      "propName": "expanded",
-      "methodName": "focusSelectedItemAfterRender"
-    }, {
-      "propName": "value",
-      "methodName": "validateValue"
-    }]; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "onKeydown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "internallistboxoptionsupdated",
-      "method": "onInternallistboxoptionsupdated",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "guxclearselected",
-      "method": "onGuxclearselected",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "blur",
-      "method": "onBlur",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focus",
-      "method": "onFocus",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focusout",
-      "method": "onFocusout",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focusin",
-      "method": "onFocusin",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "expanded",
+        "methodName": "focusSelectedItemAfterRender"
+      }, {
+        "propName": "value",
+        "methodName": "validateValue"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "onKeydown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "internallistboxoptionsupdated",
+        "method": "onInternallistboxoptionsupdated",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "guxclearselected",
+        "method": "onGuxclearselected",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "blur",
+        "method": "onBlur",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focus",
+        "method": "onFocus",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focusout",
+        "method": "onFocusout",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focusin",
+        "method": "onFocusin",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 __decorate([
   OnClickOutside({ triggerEvents: 'mousedown' })

package/dist/collection/components/beta/gux-error-message-beta/gux-error-message-beta.js

@@ -1,4 +1,4 @@
-import { Component, Element, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 /**
  * @slot error(default) - Required slot for error
@@ -8,19 +8,19 @@ export class GuxErrorMessageBeta {
     trackComponent(this.root);
   }
   render() {
-    return (h("div", { class: "gux-container" },
-      h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }),
-      h("div", { class: "gux-message" },
-        h("slot", null),
-        h("slot", { name: "error" }))));
+    return (h("div", { class: "gux-container" }, h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }), h("div", { class: "gux-message" }, h("slot", null), h("slot", { name: "error" }))));
   }
   static get is() { return "gux-error-message-beta"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-error-message-beta.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-error-message-beta.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-error-message-beta.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-error-message-beta.css"]
+    };
+  }
   static get elementRef() { return "root"; }
 }

package/dist/collection/components/beta/gux-flyout-menu/gux-flyout-menu.js

@@ -1,5 +1,5 @@
 import { createPopper } from '@popperjs/core';
-import { Component, Element, h, Host, Listen, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 import { hideDelay, moveFocusDelay } from './gux-menu/gux-menu.common';
 export class GuxFlyoutMenu {
@@ -124,72 +124,78 @@ export class GuxFlyoutMenu {
     this.destroyPopper();
   }
   render() {
-    return (h(Host, { tabIndex: 0, "aria-haspopup": "true" },
-      h("span", { ref: el => (this.targetElement = el) },
-        h("slot", { name: "target" })),
-      h("div", { class: {
-          'gux-flyout-menu-content': true,
-          'gux-shown': this.isShown
-        }, ref: el => (this.menuContentElement = el) },
-        h("slot", { name: "menu" }))));
+    return (h(Host, { tabIndex: 0, "aria-haspopup": "true" }, h("span", { ref: el => (this.targetElement = el) }, h("slot", { name: "target" })), h("div", { class: {
+        'gux-flyout-menu-content': true,
+        'gux-shown': this.isShown
+      }, ref: el => (this.menuContentElement = el) }, h("slot", { name: "menu" }))));
   }
   static get is() { return "gux-flyout-menu-beta"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-flyout-menu.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-flyout-menu.css"]
-  }; }
-  static get states() { return {
-    "isShown": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-flyout-menu.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-flyout-menu.css"]
+    };
+  }
+  static get states() {
+    return {
+      "isShown": {}
+    };
+  }
   static get elementRef() { return "root"; }
-  static get watchers() { return [{
-      "propName": "isShown",
-      "methodName": "forceUpdate"
-    }]; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "onKeydown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keyup",
-      "method": "onKeyup",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mouseenter",
-      "method": "onmouseenter",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mouseleave",
-      "method": "onMouseleave",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "click",
-      "method": "onClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focusin",
-      "method": "onFocusin",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focusout",
-      "method": "onFocusout",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "isShown",
+        "methodName": "forceUpdate"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "onKeydown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keyup",
+        "method": "onKeyup",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "mouseenter",
+        "method": "onmouseenter",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mouseleave",
+        "method": "onMouseleave",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "click",
+        "method": "onClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focusin",
+        "method": "onFocusin",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focusout",
+        "method": "onFocusout",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }