genesys-spark-components 3.29.0 → 3.31.0

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, Listen, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { defaultColors } from './colors';
 /**
  * @slot input - Required slot for input[type="color"]
@@ -22,31 +22,37 @@ export class GuxColorSelect {
   }
   render() {
     return [
-      h("div", { hidden: true },
-        h("slot", { name: "input" })),
-      h("div", null,
-        h("div", { class: "gux-input-color-matrix" }, this.renderDefaultTiles()))
+      h("div", { hidden: true }, h("slot", { name: "input" })),
+      h("div", null, h("div", { class: "gux-input-color-matrix" }, this.renderDefaultTiles()))
     ];
   }
   renderDefaultTiles() {
     return defaultColors.map((color, index) => (h("gux-input-color-option", { key: `${color}-${index}`, value: color, active: this.color.toLowerCase() === color.toLowerCase() })));
   }
   static get is() { return "gux-color-select"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-color-select.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-color-select.css"]
-  }; }
-  static get states() { return {
-    "color": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-color-select.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-color-select.css"]
+    };
+  }
+  static get states() {
+    return {
+      "color": {}
+    };
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "colorSelect",
-      "method": "onColorSelect",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "colorSelect",
+        "method": "onColorSelect",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class GuxInputColorOption {
   render() {
     return (h("button", { type: "button", value: this.value, class: this.active ? 'gux-input-color-option-active' : '', disabled: !this.value, style: this.value && { 'background-color': this.value }, title: this.value, onClick: this.onColorOptionClickHandler.bind(this) }));
@@ -7,62 +7,70 @@ export class GuxInputColorOption {
     this.colorSelect.emit(this.value);
   }
   static get is() { return "gux-input-color-option"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-color-option.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-color-option.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicate if the tile is active"
-      },
-      "attribute": "active",
-      "reflect": false
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicate the color of the tile, if undefined, tile will be blank and be disabled"
-      },
-      "attribute": "value",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "colorSelect",
-      "name": "colorSelect",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Triggers when a color is selected"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-color-option.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-color-option.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicate if the tile is active"
+        },
+        "attribute": "active",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicate the color of the tile, if undefined, tile will be blank and be disabled"
+        },
+        "attribute": "value",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "colorSelect",
+        "name": "colorSelect",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggers when a color is selected"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, Listen, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../../i18n';
 import { randomHTMLId } from '../../../../../utils/dom/random-html-id';
 import colorInputResources from './i18n/en.json';
@@ -40,20 +40,13 @@ export class GuxInputColor {
     this.disabledObserver.disconnect();
   }
   render() {
-    return (h("section", null,
-      h("span", { class: "gux-hidden", id: this.requiredId }, this.i18n('required')),
-      h("button", { "aria-describedby": `${this.guxLabelDescribedby} ${this.guxRequired ? this.requiredId : ''} ${this.guxErrorDescribedby}`, "aria-expanded": this.opened ? 'true' : 'false', type: "button", class: {
-          'gux-input-color-main-element': true,
-          'gux-opened': this.opened
-        }, disabled: this.disabled, onClick: this.clickHandler.bind(this) },
-        h("div", { class: "gux-input-color-selected-color", style: { background: this.color } }),
-        h("div", { class: "gux-input-color-color-name" }, this.color),
-        h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })),
-      h("gux-color-select", { class: {
-          'gux-input-color-color-select': true,
-          'gux-opened': this.opened
-        } },
-        h("slot", { name: "input", slot: "input" }))));
+    return (h("section", null, h("span", { class: "gux-hidden", id: this.requiredId }, this.i18n('required')), h("button", { "aria-describedby": `${this.guxLabelDescribedby} ${this.guxRequired ? this.requiredId : ''} ${this.guxErrorDescribedby}`, "aria-expanded": this.opened ? 'true' : 'false', type: "button", class: {
+        'gux-input-color-main-element': true,
+        'gux-opened': this.opened
+      }, disabled: this.disabled, onClick: this.clickHandler.bind(this) }, h("div", { class: "gux-input-color-selected-color", style: { background: this.color } }), h("div", { class: "gux-input-color-color-name" }, this.color), h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })), h("gux-color-select", { class: {
+        'gux-input-color-color-select': true,
+        'gux-opened': this.opened
+      } }, h("slot", { name: "input", slot: "input" }))));
   }
   setOpened(opened) {
     if (this.colorOnOpen && this.colorOnOpen !== this.color) {
@@ -71,83 +64,93 @@ export class GuxInputColor {
     }
   }
   static get is() { return "gux-input-color"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-color.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-color.css"]
-  }; }
-  static get properties() { return {
-    "guxLabelDescribedby": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "gux-label-describedby",
-      "reflect": false
-    },
-    "guxErrorDescribedby": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "gux-error-describedby",
-      "reflect": false
-    },
-    "guxRequired": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-input-color.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-color.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "guxLabelDescribedby": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "gux-label-describedby",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "guxErrorDescribedby": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "gux-error-describedby",
+        "reflect": false
       },
-      "attribute": "gux-required",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "disabled": {},
-    "color": {},
-    "opened": {},
-    "colorOnOpen": {}
-  }; }
+      "guxRequired": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "gux-required",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "disabled": {},
+      "color": {},
+      "opened": {},
+      "colorOnOpen": {}
+    };
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "onClick",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "input",
-      "method": "onInput",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "onClick",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "input",
+        "method": "onInput",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-number/gux-input-number.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 simulateNativeEvent from '../../../../../utils/dom/simulate-native-event';
@@ -41,17 +41,12 @@ export class GuxInputNumber {
   }
   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;
   }
   renderStepButtons() {
-    return (h("div", { class: "gux-step-buttons-container" },
-      h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: this.getI18nValue('increment'), disabled: this.disabled, onClick: () => this.stepUp() },
-        h("gux-icon", { "icon-name": "chevron-small-up", decorative: true })),
-      h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: this.getI18nValue('decrement'), disabled: this.disabled, onClick: () => this.stepDown() },
-        h("gux-icon", { "icon-name": "chevron-small-down", decorative: true }))));
+    return (h("div", { class: "gux-step-buttons-container" }, h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: this.getI18nValue('increment'), disabled: this.disabled, onClick: () => this.stepUp() }, h("gux-icon", { "icon-name": "chevron-small-up", decorative: true })), h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: this.getI18nValue('decrement'), disabled: this.disabled, onClick: () => this.stepDown() }, h("gux-icon", { "icon-name": "chevron-small-down", decorative: true }))));
   }
   async componentWillLoad() {
     this.getI18nValue = await buildI18nForComponent(this.root, componentResources);
@@ -72,41 +67,45 @@ export class GuxInputNumber {
     return (h("div", { class: {
         'gux-input-number-container': true,
         'gux-disabled': this.disabled
-      } },
-      h("div", { class: "gux-input-container" },
-        h("slot", { name: "input" }),
-        this.renderClearButton()),
-      this.renderStepButtons()));
+      } }, h("div", { class: "gux-input-container" }, h("slot", { name: "input" }), this.renderClearButton()), this.renderStepButtons()));
   }
   static get is() { return "gux-input-number"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-input-number.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-input-number.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-number.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-input-number.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-radio/gux-input-radio.js

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