genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.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, h, Host, Listen, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { calculateInputDisabledState } from '../../../../../utils/dom/calculate-input-disabled-state';
 import { onInputDisabledStateChange } from '../../../../../utils/dom/on-input-disabled-state-change';
 import { OnMutation } from '../../../../../utils/decorator/on-mutation';
@@ -57,14 +61,7 @@ export class GuxFormField {
   render() {
     return (h(Host, { class: {
         'gux-active': this.active
-      } },
-      h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition },
-        h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required },
-          h("slot", { name: "label", onSlotchange: () => this.setLabel() })),
-        h("div", { class: "gux-input-and-error-container" },
-          this.renderRangeInput(),
-          h(GuxFormFieldError, { hasError: this.hasError },
-            h("slot", { name: "error" }))))));
+      } }, h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { hasError: this.hasError }, h("slot", { name: "error" }))))));
   }
   get variant() {
     return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -97,20 +94,13 @@ export class GuxFormField {
     return (h("div", { class: {
         'gux-range-input-container': true,
         'gux-disabled': this.disabled
-      } },
-      h("div", { class: "gux-range" },
-        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" }, 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())));
   }
   updateValue(newValue) {
     this.value = newValue;
@@ -136,111 +126,121 @@ export class GuxFormField {
   }
   static get is() { return "gux-form-field-range"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-form-field-range.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-form-field-range.css"]
-  }; }
-  static get properties() { return {
-    "displayUnits": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-form-field-range.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-form-field-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
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "valueInTooltip": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value-in-tooltip",
+        "reflect": false
       },
-      "attribute": "display-units",
-      "reflect": false
-    },
-    "valueInTooltip": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value-in-tooltip",
-      "reflect": false
-    },
-    "labelPosition": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxFormFieldLabelPosition",
-        "resolved": "\"above\" | \"beside\" | \"screenreader\"",
-        "references": {
-          "GuxFormFieldLabelPosition": {
-            "location": "import",
-            "path": "../../gux-form-field.types"
+      "labelPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxFormFieldLabelPosition",
+          "resolved": "\"above\" | \"beside\" | \"screenreader\"",
+          "references": {
+            "GuxFormFieldLabelPosition": {
+              "location": "import",
+              "path": "../../gux-form-field.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label-position",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "computedLabelPosition": {},
-    "disabled": {},
-    "required": {},
-    "hasError": {},
-    "value": {},
-    "active": {},
-    "valueWatcherId": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label-position",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "computedLabelPosition": {},
+      "disabled": {},
+      "required": {},
+      "hasError": {},
+      "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
+      }];
+  }
 }
 __decorate([
   OnMutation({ childList: true, subtree: true })

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.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, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { calculateInputDisabledState } from '../../../../../utils/dom/calculate-input-disabled-state';
 import { onInputDisabledStateChange } from '../../../../../utils/dom/on-input-disabled-state-change';
 import { OnMutation } from '../../../../../utils/decorator/on-mutation';
@@ -41,23 +45,13 @@ export class GuxFormFieldSearch {
     this.requiredObserver.disconnect();
   }
   render() {
-    return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition },
-      h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required },
-        h("slot", { name: "label", onSlotchange: () => this.setLabel() })),
-      h("div", { class: "gux-input-and-error-container" },
-        h("div", { class: {
-            'gux-input': true,
-            'gux-input-error': this.hasError
-          } },
-          h("div", { class: {
-              'gux-input-container': true,
-              'gux-disabled': this.disabled
-            } },
-            h("gux-icon", { "icon-name": "search", decorative: true }),
-            h("slot", { name: "input" }),
-            this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))),
-        h(GuxFormFieldError, { hasError: this.hasError },
-          h("slot", { name: "error" })))));
+    return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {
+        'gux-input': true,
+        'gux-input-error': this.hasError
+      } }, h("div", { class: {
+        'gux-input-container': true,
+        'gux-disabled': this.disabled
+      } }, h("gux-icon", { "icon-name": "search", decorative: true }), h("slot", { name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { hasError: this.hasError }, h("slot", { name: "error" })))));
   }
   get variant() {
     const labelPositionVariant = this.labelPosition
@@ -89,44 +83,52 @@ export class GuxFormFieldSearch {
   }
   static get is() { return "gux-form-field-search"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-form-field-search.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-form-field-search.css"]
-  }; }
-  static get properties() { return {
-    "labelPosition": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxFormFieldLabelPosition",
-        "resolved": "\"above\" | \"beside\" | \"screenreader\"",
-        "references": {
-          "GuxFormFieldLabelPosition": {
-            "location": "import",
-            "path": "../../gux-form-field.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-form-field-search.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-form-field-search.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "labelPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxFormFieldLabelPosition",
+          "resolved": "\"above\" | \"beside\" | \"screenreader\"",
+          "references": {
+            "GuxFormFieldLabelPosition": {
+              "location": "import",
+              "path": "../../gux-form-field.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label-position",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "computedLabelPosition": {},
-    "clearable": {},
-    "disabled": {},
-    "required": {},
-    "hasContent": {},
-    "hasError": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label-position",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "computedLabelPosition": {},
+      "clearable": {},
+      "disabled": {},
+      "required": {},
+      "hasContent": {},
+      "hasError": {}
+    };
+  }
   static get elementRef() { return "root"; }
 }
 __decorate([

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.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, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { calculateInputDisabledState } from '../../../../../utils/dom/calculate-input-disabled-state';
 import { onInputDisabledStateChange } from '../../../../../utils/dom/on-input-disabled-state-change';
 import { OnMutation } from '../../../../../utils/decorator/on-mutation';
@@ -39,22 +43,13 @@ export class GuxFormFieldSelect {
     this.requiredObserver.disconnect();
   }
   render() {
-    return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition },
-      h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required },
-        h("slot", { name: "label", onSlotchange: () => this.setLabel() })),
-      h("div", { class: "gux-input-and-error-container" },
-        h("div", { class: {
-            'gux-input': true,
-            'gux-input-error': this.hasError
-          } },
-          h("div", { class: {
-              'gux-input-container': true,
-              'gux-disabled': this.disabled
-            } },
-            h("slot", { name: "input" }),
-            h("gux-icon", { "icon-name": "ic-dropdown-arrow", decorative: true }))),
-        h(GuxFormFieldError, { hasError: this.hasError },
-          h("slot", { name: "error" })))));
+    return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {
+        'gux-input': true,
+        'gux-input-error': this.hasError
+      } }, h("div", { class: {
+        'gux-input-container': true,
+        'gux-disabled': this.disabled
+      } }, h("slot", { name: "input" }), h("gux-icon", { "icon-name": "ic-dropdown-arrow", decorative: true }))), h(GuxFormFieldError, { hasError: this.hasError }, h("slot", { name: "error" })))));
   }
   get variant() {
     const labelPositionVariant = this.labelPosition
@@ -82,42 +77,50 @@ export class GuxFormFieldSelect {
   }
   static get is() { return "gux-form-field-select"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-form-field-select.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-form-field-select.css"]
-  }; }
-  static get properties() { return {
-    "labelPosition": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxFormFieldLabelPosition",
-        "resolved": "\"above\" | \"beside\" | \"screenreader\"",
-        "references": {
-          "GuxFormFieldLabelPosition": {
-            "location": "import",
-            "path": "../../gux-form-field.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-form-field-select.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-form-field-select.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "labelPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxFormFieldLabelPosition",
+          "resolved": "\"above\" | \"beside\" | \"screenreader\"",
+          "references": {
+            "GuxFormFieldLabelPosition": {
+              "location": "import",
+              "path": "../../gux-form-field.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label-position",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "computedLabelPosition": {},
-    "disabled": {},
-    "required": {},
-    "hasError": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label-position",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "computedLabelPosition": {},
+      "disabled": {},
+      "required": {},
+      "hasError": {}
+    };
+  }
   static get elementRef() { return "root"; }
 }
 __decorate([