genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/legacy/gux-dropdown-legacy/gux-dropdown.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, Event, forceUpdate, h, Method, Prop, State } from '@stencil/core';
+import { forceUpdate, h } from '@stencil/core';
 import { OnClickOutside } from '../../../utils/decorator/on-click-outside';
 import { whenEventIsFrom } from '../../../utils/dom/when-event-is-from';
 import { trackComponent } from '../../../usage-tracking';
@@ -226,25 +230,15 @@ export class GuxDropdownLegacy {
     return result;
   }
   render() {
-    return (h("div", { class: `gux-dropdown gux-${this.mode} ${this.disabled ? 'gux-disabled' : ''} ${this.opened ? 'gux-active' : ''}`, onKeyDown: e => this.onKeyDown(e) },
-      h("div", { class: "gux-select-field" },
-        h("span", { class: `gux-filter-suggestion ${this.opened ? 'gux-active' : ''}`, "aria-hidden": "true" },
-          h("span", { class: "gux-filter-text" }, this.value),
-          h("span", { class: "gux-filter-typeahead" }, this.getSuggestionText(this.value))),
-        h("gux-input-text-like", null,
-          h("input", { placeholder: this.placeholder, slot: "input", value: this.value, "aria-labelledby": this.srLabeledBy, disabled: this.disabled, ref: ref => (this.textFieldElement = ref), onMouseDown: () => {
-              this._clickHandler();
-            }, onFocus: () => {
-              this._focusHandler();
-            }, onBlur: () => {
-              this._blurHandler();
-            }, onInput: e => {
-              this._inputHandler(e);
-            } })),
-        h("button", { class: "gux-dropdown-indicator", "aria-hidden": "true", tabindex: "-1", type: "button" },
-          h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" }))),
-      h("div", { class: `gux-options ${this.opened ? 'gux-opened' : ''}`, onClick: this.optionSelectedHandler.bind(this), onFocusin: this._optionFocusedHandler.bind(this), onKeyDown: this.optionKeyDownHandler.bind(this) },
-        h("slot", null))));
+    return (h("div", { class: `gux-dropdown gux-${this.mode} ${this.disabled ? 'gux-disabled' : ''} ${this.opened ? 'gux-active' : ''}`, onKeyDown: e => this.onKeyDown(e) }, h("div", { class: "gux-select-field" }, h("span", { class: `gux-filter-suggestion ${this.opened ? 'gux-active' : ''}`, "aria-hidden": "true" }, h("span", { class: "gux-filter-text" }, this.value), h("span", { class: "gux-filter-typeahead" }, this.getSuggestionText(this.value))), h("gux-input-text-like", null, h("input", { placeholder: this.placeholder, slot: "input", value: this.value, "aria-labelledby": this.srLabeledBy, disabled: this.disabled, ref: ref => (this.textFieldElement = ref), onMouseDown: () => {
+        this._clickHandler();
+      }, onFocus: () => {
+        this._focusHandler();
+      }, onBlur: () => {
+        this._blurHandler();
+      }, onInput: e => {
+        this._inputHandler(e);
+      } })), h("button", { class: "gux-dropdown-indicator", "aria-hidden": "true", tabindex: "-1", type: "button" }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" }))), h("div", { class: `gux-options ${this.opened ? 'gux-opened' : ''}`, onClick: this.optionSelectedHandler.bind(this), onFocusin: this._optionFocusedHandler.bind(this), onKeyDown: this.optionKeyDownHandler.bind(this) }, h("slot", null))));
   }
   getFocusIndex(selectionOptions) {
     return selectionOptions.findIndex(option => {
@@ -267,160 +261,172 @@ export class GuxDropdownLegacy {
     }
   }
   static get is() { return "gux-dropdown-legacy"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-dropdown.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-dropdown.css"]
-  }; }
-  static get properties() { return {
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'page' | 'palette'",
-        "resolved": "\"default\" | \"page\" | \"palette\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sets the select mode (default, page or palette)."
-      },
-      "attribute": "mode",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disable the input and prevent interactions."
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "value": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicate the dropdown input value"
-      },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The dropdown placeholder."
-      },
-      "attribute": "placeholder",
-      "reflect": false
-    },
-    "filterable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-dropdown.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-dropdown.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'page' | 'palette'",
+          "resolved": "\"default\" | \"page\" | \"palette\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the select mode (default, page or palette)."
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "'default'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Whether the user can filter or not."
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disable the input and prevent interactions."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "filterable",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "opened": {},
-    "forcedGhostValue": {},
-    "srLabeledBy": {}
-  }; }
-  static get events() { return [{
-      "method": "change",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emits when selection is changed."
+      "value": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicate the dropdown input value"
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "setLabeledBy": {
-      "complexType": {
-        "signature": "(id: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The dropdown placeholder."
+        },
+        "attribute": "placeholder",
+        "reflect": false
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "filterable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the user can filter or not."
+        },
+        "attribute": "filterable",
+        "reflect": false
       }
-    },
-    "setSelected": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "opened": {},
+      "forcedGhostValue": {},
+      "srLabeledBy": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "change",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emits when selection is changed."
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setLabeledBy": {
+        "complexType": {
+          "signature": "(id: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "setSelected": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "root"; }
 }
 __decorate([

package/dist/collection/components/legacy/gux-dropdown-legacy/gux-option-legacy/gux-option.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Method, Prop, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 export class GuxOptionLegacy {
   updateParentSelection() {
     void this.getParentGuxDropdown().setSelected();
@@ -28,118 +28,125 @@ export class GuxOptionLegacy {
     };
   }
   render() {
-    return (h("div", { title: this.text },
-      h("span", { ref: el => (this.slotContent = el), style: { display: 'none' } },
-        h("slot", null)),
-      this.text));
+    return (h("div", { title: this.text }, h("span", { ref: el => (this.slotContent = el), style: { display: 'none' } }, h("slot", null)), this.text));
   }
   static get is() { return "gux-option-legacy"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-option.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-option.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The content of this attribute represents the value to be submitted on 'input' changes,\nshould this option be selected. If this attribute is omitted, the value is taken from\nthe text content of the option element."
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If this Boolean attribute is set, this option is not checkable. It won't receive any\nbrowsing events, like mouse clicks or focus-related ones."
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "text": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The content of this attribute represents the value to be displayed,\nIf this attribute is omitted, the value is taken from the text content of the slot.\nThis attribute takes precedence over slot value"
-      },
-      "attribute": "text",
-      "reflect": false
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-option.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-option.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The content of this attribute represents the value to be submitted on 'input' changes,\nshould this option be selected. If this attribute is omitted, the value is taken from\nthe text content of the option element."
+        },
+        "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": "If this Boolean attribute is set, this option is not checkable. It won't receive any\nbrowsing events, like mouse clicks or focus-related ones."
+        },
+        "attribute": "disabled",
+        "reflect": false
       },
-      "attribute": "selected",
-      "reflect": true
-    }
-  }; }
-  static get methods() { return {
-    "shouldFilter": {
-      "complexType": {
-        "signature": "(searchInput: string) => Promise<boolean>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "searchInput The input string being searched for."
-              }],
-            "text": "The input string being searched for."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "text": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The content of this attribute represents the value to be displayed,\nIf this attribute is omitted, the value is taken from the text content of the slot.\nThis attribute takes precedence over slot value"
         },
-        "return": "Promise<boolean>"
+        "attribute": "text",
+        "reflect": false
       },
-      "docs": {
-        "text": "Determines if the search input matches this option.",
-        "tags": [{
-            "name": "param",
-            "text": "searchInput The input string being searched for."
-          }]
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": true
       }
-    }
-  }; }
+    };
+  }
+  static get methods() {
+    return {
+      "shouldFilter": {
+        "complexType": {
+          "signature": "(searchInput: string) => Promise<boolean>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "searchInput The input string being searched for."
+                }],
+              "text": "The input string being searched for."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Determines if the search input matches this option.",
+          "tags": [{
+              "name": "param",
+              "text": "searchInput The input string being searched for."
+            }]
+        }
+      }
+    };
+  }
   static get elementRef() { return "root"; }
-  static get watchers() { return [{
-      "propName": "selected",
-      "methodName": "updateParentSelection"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "selected",
+        "methodName": "updateParentSelection"
+      }];
+  }
 }

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-checkbox/gux-input-checkbox.js

@@ -1,19 +1,21 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @slot input - Required slot for input[type="checkbox"]
  * @slot label - Required slot for label
  */
 export class GuxInputCheckbox {
   render() {
-    return (h("div", { class: "gux-input-checkbox-container" },
-      h("slot", { name: "input" }),
-      h("slot", { name: "label" })));
+    return (h("div", { class: "gux-input-checkbox-container" }, h("slot", { name: "input" }), h("slot", { name: "label" })));
   }
   static get is() { return "gux-input-checkbox"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-checkbox.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-checkbox.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-checkbox.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-checkbox.css"]
+    };
+  }
 }