genesys-spark-components 3.29.0 → 3.31.0

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, Listen, State, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { setInterval, clearInterval } from 'requestanimationframe-timer';
 import { onDisabledChange } from '../../../../../utils/dom/on-attribute-change';
 /**
@@ -69,104 +69,107 @@ export class GuxInputRange {
     return (h("div", { class: {
         'gux-container': true,
         'gux-disabled': this.disabled
-      } },
-      h("div", { class: {
-          'gux-range': true,
-          'gux-active': this.active
-        } },
-        h("div", { class: "gux-track" },
-          h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })),
-        h("slot", { name: "input" }),
-        h("div", { class: {
-            'gux-range-tooltip-container': true,
-            'gux-hidden': !this.valueInTooltip
-          }, ref: el => (this.sliderTooltipContainer = el) },
-          h("div", { class: "gux-range-tooltip", ref: el => (this.sliderTooltip = el) }, this.getDisplayValue()))),
-      h("div", { class: {
-          'gux-display': true,
-          'gux-hidden': this.valueInTooltip
-        } }, this.getDisplayValue())));
+      } }, h("div", { class: {
+        'gux-range': true,
+        'gux-active': this.active
+      } }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), h("div", { class: {
+        'gux-range-tooltip-container': true,
+        'gux-hidden': !this.valueInTooltip
+      }, ref: el => (this.sliderTooltipContainer = el) }, h("div", { class: "gux-range-tooltip", ref: el => (this.sliderTooltip = el) }, this.getDisplayValue()))), h("div", { class: {
+        'gux-display': true,
+        'gux-hidden': this.valueInTooltip
+      } }, this.getDisplayValue())));
   }
   static get is() { return "gux-input-range"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-range.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-range.css"]
-  }; }
-  static get properties() { return {
-    "displayUnits": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "display-units",
-      "reflect": false
-    },
-    "valueInTooltip": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-range.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-range.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "displayUnits": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "display-units",
+        "reflect": false
       },
-      "attribute": "value-in-tooltip",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "disabled": {},
-    "value": {},
-    "active": {},
-    "valueWatcherId": {}
-  }; }
+      "valueInTooltip": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value-in-tooltip",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "disabled": {},
+      "value": {},
+      "active": {},
+      "valueWatcherId": {}
+    };
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "input",
-      "method": "onInput",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focusin",
-      "method": "onMousedown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mousedown",
-      "method": "onMousedown",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "focusout",
-      "method": "onMouseup",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mouseup",
-      "method": "onMouseup",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "input",
+        "method": "onInput",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focusin",
+        "method": "onMousedown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "mousedown",
+        "method": "onMousedown",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "focusout",
+        "method": "onMouseup",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "mouseup",
+        "method": "onMouseup",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../../i18n';
 import setInputValue from '../../../../../utils/dom/set-input-value';
 import { onDisabledChange } from '../../../../../utils/dom/on-attribute-change';
@@ -21,8 +21,7 @@ export class GuxInputSearch {
   }
   renderClearButton() {
     if (this.hasContent && !this.disabled) {
-      return (h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.getI18nValue('clear'), disabled: this.disabled, onClick: this.clearInput.bind(this) },
-        h("gux-icon", { "icon-name": "close", decorative: true })));
+      return (h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.getI18nValue('clear'), disabled: this.disabled, onClick: this.clearInput.bind(this) }, h("gux-icon", { "icon-name": "close", decorative: true })));
     }
     return null;
   }
@@ -45,21 +44,24 @@ export class GuxInputSearch {
     return (h("div", { class: {
         'gux-input-container': true,
         'gux-disabled': this.disabled
-      } },
-      this.renderSearchIcon(),
-      h("slot", null),
-      this.renderClearButton()));
+      } }, this.renderSearchIcon(), h("slot", null), this.renderClearButton()));
   }
   static get is() { return "gux-input-search"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-search.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-search.css"]
-  }; }
-  static get states() { return {
-    "hasContent": {},
-    "disabled": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-search.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-search.css"]
+    };
+  }
+  static get states() {
+    return {
+      "hasContent": {},
+      "disabled": {}
+    };
+  }
   static get elementRef() { return "root"; }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { onDisabledChange } from '../../../../../utils/dom/on-attribute-change';
 /**
  * @slot input - Required slot for select element
@@ -18,19 +18,23 @@ export class GuxInputSelect {
     return (h("div", { class: {
         'gux-input-container': true,
         'gux-disabled': this.disabled
-      } },
-      h("slot", { name: "input" }),
-      h("gux-icon", { decorative: true, iconName: "ic-dropdown-arrow" })));
+      } }, h("slot", { name: "input" }), h("gux-icon", { decorative: true, iconName: "ic-dropdown-arrow" })));
   }
   static get is() { return "gux-input-select"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-select.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-select.css"]
-  }; }
-  static get states() { return {
-    "disabled": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-select.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-select.css"]
+    };
+  }
+  static get states() {
+    return {
+      "disabled": {}
+    };
+  }
   static get elementRef() { return "root"; }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../../i18n';
 import setInputValue from '../../../../../utils/dom/set-input-value';
 import { onDisabledChange } from '../../../../../utils/dom/on-attribute-change';
@@ -18,8 +18,7 @@ export class GuxInputTextLike {
   }
   renderClearButton() {
     if (this.clearable && this.hasContent && !this.disabled) {
-      return (h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.getI18nValue('clear'), disabled: this.disabled, onClick: this.clearInput.bind(this) },
-        h("gux-icon", { "icon-name": "close", decorative: true })));
+      return (h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.getI18nValue('clear'), disabled: this.disabled, onClick: this.clearInput.bind(this) }, h("gux-icon", { "icon-name": "close", decorative: true })));
     }
     return null;
   }
@@ -42,39 +41,45 @@ export class GuxInputTextLike {
     return (h("div", { class: {
         'gux-input-container': true,
         'gux-disabled': this.disabled
-      } },
-      h("slot", { name: "input" }),
-      this.renderClearButton()));
+      } }, h("slot", { name: "input" }), this.renderClearButton()));
   }
   static get is() { return "gux-input-text-like"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-text-like.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-text-like.css"]
-  }; }
-  static get properties() { return {
-    "clearable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "clearable",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "hasContent": {},
-    "disabled": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-text-like.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-text-like.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "clearable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "clearable",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasContent": {},
+      "disabled": {}
+    };
+  }
   static get elementRef() { return "root"; }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @slot input - Required slot for textarea
  */
@@ -22,40 +22,45 @@ export class GuxInputTextArea {
     }
   }
   render() {
-    return (h("div", { ref: el => (this.containerElement = el), class: `gux-resize-${this.resize}` },
-      h("slot", { name: "input" })));
+    return (h("div", { ref: el => (this.containerElement = el), class: `gux-resize-${this.resize}` }, h("slot", { name: "input" })));
   }
   static get is() { return "gux-input-textarea"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-textarea.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-textarea.css"]
-  }; }
-  static get properties() { return {
-    "resize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxInputTextAreaResize",
-        "resolved": "\"auto\" | \"manual\" | \"none\"",
-        "references": {
-          "GuxInputTextAreaResize": {
-            "location": "import",
-            "path": "./gux-input-textarea.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-textarea.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-textarea.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "resize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxInputTextAreaResize",
+          "resolved": "\"auto\" | \"manual\" | \"none\"",
+          "references": {
+            "GuxInputTextAreaResize": {
+              "location": "import",
+              "path": "./gux-input-textarea.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "resize",
-      "reflect": false,
-      "defaultValue": "'none'"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "resize",
+        "reflect": false,
+        "defaultValue": "'none'"
+      }
+    };
+  }
   static get elementRef() { return "root"; }
 }