genesys-spark-components 4.137.1 → 4.138.0

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

@@ -28,12 +28,14 @@ import { focusInputElement } from "../../../../../utils/dom/focus-input-element"
  */
 export class GuxFormFieldSearch {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.clearable = true;
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasContent = false;
         this.hasError = false;
         this.hasHelp = false;
@@ -94,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4869c972f73b3dfbde736b6c0ab0721d2580d993', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '475162891de959b43d835c85bf21e5b96f46f7f8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ff3c55ca434bd5cb6e49525890cd0a47ea8ea686', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '215255004ab556007845aa1e716a76bccfcbcfab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ceb307a79ad206821fb31684a230952e3123213f', name: "label-info" })), h("div", { key: 'e06b6612a6852b3044d679eb31b3bda7c5007f23', class: "gux-input-and-error-container" }, h("div", { key: 'dc8501c54010fe48b11e693adf7b5a0ea16f8dc6', class: {
+        return (h(GuxFormFieldContainer, { key: 'd21f47e4158e59f11cc18bfc62f2cd19d9940e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '22fe759769a4fa9c403863ab4a5ba7be08340309', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3f236d73ea44814cb72c5a8e5a52fb20bbe22773', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '896993f043090714466313b4539cb7ba237e78d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '281fffdbad31a072ca3d6d108a088fa390af7aa7', name: "label-info" })), h("div", { key: 'f41c6d4ee5fceb465944e16c16faed671a2dc03e', class: "gux-input-and-error-container" }, h("div", { key: '693527c71e04622714b3e64acf728fdafa22276c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e3e309ea60f20f2c8a0cb0702df9adc5567066f6', class: {
+            } }, h("div", { key: 'a5eb2409440cba119537ba4772318144f5d66688', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '6e6316b8e4c2746cf91e371433b1bea66c1aa629', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'fd3ba6b522d7f6dd4429cf4b5e791d86d77ce1ef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6184dcd95c464f28dbdf92e4cdd191a231a7b427', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'cb688032dd49a7516c20b8dded8db3d5d34df55b', show: this.hasError }, h("slot", { key: 'ff4f0588e85d59736cf71f5a74a4cf9600afb0c7', name: "error" })), h(GuxFormFieldHelp, { key: '1b2f34188638b561971d4081bbbf2491c302dbe2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0a5ffcde5d01c22cc9b1d72259913eadad3eeae5', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5ca4d4208a06bddf0e9c8e0fea0a65a18908260f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '882532bcc88a3e6ef3717830bbc8c6765d85e165', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '75d3ae2eb0ac068d0e9c7c49b912cd05656dcfad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bfb2321a37d5e69873fc3535c4f9d19acd97f2b9', show: this.hasError }, h("slot", { key: '640f29901bb289db2e4fd96db23360936080be67', name: "error" })), h(GuxFormFieldHelp, { key: '59f102e5ffdf520f1fc78a6d28767dbdd6e2bafe', show: !this.hasError && this.hasHelp }, h("slot", { key: '2aa34602b6bdaaa24298e2921ef4b3319bacd853', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -164,6 +166,8 @@ export class GuxFormFieldSearch {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -187,6 +191,8 @@ export class GuxFormFieldSearch {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

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

@@ -27,11 +27,13 @@ import { trackComponent } from "../../../../../utils/tracking/usage";
  */
 export class GuxFormFieldSelect {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
     }
@@ -84,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '65769432e26a239b6d1bdee4875433b6512a2c5b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '909d42485c07e4526b143413fb2656446ae26356', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b50f63b667285f36da73ba197f1f7e5b1b42ae15', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f47e1ec808b497954083f7237e65819c605fcd57', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0862bb709c83f9ac83b2a06cfb44ab366eef74b6', name: "label-info" })), h("div", { key: '64b8b13186e2e9cf15f9a70d6af69310c424f915', class: "gux-input-and-error-container" }, h("div", { key: '8d937c9b679ab7f94a6b2149ee1c6dcb5969e992', class: {
+        return (h(GuxFormFieldContainer, { key: '8fab666ed9dd8dfb34c3c9169b0318cb85ae886c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5931134fe8b4b588213f17c3a073e300d6ad380d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '164f4bacb16425c76face2e8c8d030ab9be6c1e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69f66ea9a268e95d7e7db80ab86d1fa9eea27374', name: "label-info" })), h("div", { key: 'f50f9c67182be19f1f9d73d3577b2f5c8edb0d70', class: "gux-input-and-error-container" }, h("div", { key: '38fb0fb812dca5f250a743edcf77c6f7a44006f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4143c0988ce28d185e10d75bb422d6084e55fd8b', class: {
+            } }, h("div", { key: 'ce68e4c39d3bf617c406387857777775f8efa7b6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1cca39c7fbe182570d302f7a7755db3983e359c6', name: "input" }), h("gux-icon", { key: 'fbb94e8f7a6bc6bec9c3cf9510c67338c6a45f8a', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'ef8b568271ac78107a514ef17221cb4b8493596b', show: this.hasError }, h("slot", { key: '9e08affe7f14725a0c0912d4611294b1bcfcc117', name: "error" })), h(GuxFormFieldHelp, { key: '5c40005d364ab0535002830a734456b9c5a80168', show: !this.hasError && this.hasHelp }, h("slot", { key: '6c79baa44f4224591aa5133d209cf43066df3e36', name: "help" })))));
+            } }, h("slot", { key: '90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0', name: "input" }), h("gux-icon", { key: 'bcfb3024085f44651148d515befb45c3da39926e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cec22eac2942c4f37bcf10a5ea148a69ea128a46', show: this.hasError }, h("slot", { key: 'b884778e478663e3e4cff9b07fc48dcd97ea05f1', name: "error" })), h(GuxFormFieldHelp, { key: 'd373a37aec09d91e33e837fde1425dc2a35a64b4', show: !this.hasError && this.hasHelp }, h("slot", { key: '7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -150,6 +152,8 @@ export class GuxFormFieldSelect {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -173,6 +177,8 @@ export class GuxFormFieldSelect {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

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

@@ -30,15 +30,14 @@ import { focusInputElement } from "../../../../../utils/dom/focus-input-element"
  */
 export class GuxFormFieldTextLike {
     constructor() {
-        this.clearable = undefined;
-        this.labelPosition = undefined;
         this.loading = false;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
-        this.hasPrefix = undefined;
-        this.hasSuffix = undefined;
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasContent = false;
         this.hasError = false;
         this.hasHelp = false;
@@ -112,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4744482b739f41cbec612c82118220a5143959af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '02d26f310ff8cf3723a389b74d5e337a95967cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5574364c6e1990e65fc83b789784914e5ca8b1bc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '94cc5ba0bc2dacad9cd1beff735dc0523cd28a62', variant: this.indicatorMark, required: this.required }), h("slot", { key: '16af93a6da63e97bb45a96f06cfa18ab6a11e3a3', name: "label-info" })), h("div", { key: 'e0b90ae187bac1dac4d1a22e5c2a2acacb6e35e9', class: "gux-input-and-error-container" }, h("div", { key: '19d512614d5096538485c924719a0d65a1fc7882', class: {
+        return (h(GuxFormFieldContainer, { key: '4ab0a0ea07d5ee1c19bedc3a48a2a7abe9f7a2f1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '092a82faf8cba33aa7392e5d7ab8f9037e26de2f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bbd30043f830372a7f8fd8525e2fc51c768ebb81', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd108992a46a66d1c535736d35d3fbefad4a77cab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b64ce3311f7865920c71222212bdae6d1b6b16c5', name: "label-info" })), h("div", { key: 'cd91bb3cffcb6192ad2cb5b897ed3130f3686756', class: "gux-input-and-error-container" }, h("div", { key: 'e899dcff4c74e6ecee0ec3011c74ca1de689d44a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24e97fdeb8d8a7dbf46d54ac8d3e70b77728bcb0', class: {
+            } }, h("div", { key: '60719e4f6d009d76717eadfb9f9a57467855c764', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '4597cee527f45e9526d4efebe89c11c5c81b4f9d', name: "prefix" }), h("slot", { key: '67193a8fcf47f34f5ce41e9fef73a8bc5c774943', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7a90a31843daf532ba82cdabc1cc19792b2d0de1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c593f41a5e14a34333b2490744c4e223b832830a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5fde949fc8cf18fcdf24b04908a521e307f5f3e1', show: this.hasError }, h("slot", { key: '28c5d332257c7e83f1f84172889bc914a29c624a', name: "error" })), h(GuxFormFieldHelp, { key: '9563bc64926cd89dc3f8dd8faf76a2a7a4848f78', show: !this.hasError && this.hasHelp }, h("slot", { key: '0bffa6de4fc080948362c2bdc7fcf6ba5f78e300', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '74b0a4fe80f6fb9ee2b3c1a71cf61d40c4f7538d', name: "prefix" }), h("slot", { key: 'f8bd6992c15792bd1b88a01c666466934d55490d', name: "input" }), this.renderRadialLoading(), h("slot", { key: '3255079a4803839be03940a887f2b815a4b65359', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'cd61352f8708fc0ead57f495a2a4ce200935690c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '52912c34186d0daea296274c940764bac5ce2e1f', show: this.hasError }, h("slot", { key: '7aaaf9122005a00c6f2c7fe2bd09f06b3619788f', name: "error" })), h(GuxFormFieldHelp, { key: 'd02de684b7a70bcc6f03e55e6812aff03337d638', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b39867a7bbfa3d1ac3f795d1174eae3416b98b6a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -179,6 +178,8 @@ export class GuxFormFieldTextLike {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clearable",
                 "reflect": false
             },
@@ -202,6 +203,8 @@ export class GuxFormFieldTextLike {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -219,6 +222,8 @@ export class GuxFormFieldTextLike {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -243,6 +248,8 @@ export class GuxFormFieldTextLike {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

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

@@ -27,11 +27,13 @@ import { trackComponent } from "../../../../../utils/tracking/usage";
  */
 export class GuxFormFieldTextarea {
     constructor() {
-        this.resize = undefined;
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
         this.required = true;
         this.hasError = false;
         this.hasHelp = false;
@@ -88,12 +90,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b5ebb2ee528c640991e6642876a883f6a61a3f07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b39b774ceb253c34bc2932584cbd73682594290e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b2bdd18b8947d1978ab8c9f025792a2015c237c9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b686e7247fc9b7715f07aa88bbfa0e4de7f601de', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e4df270fc80380fc0e0e12916b3064090170aa43', name: "label-info" })), h("div", { key: '9f5418f31cfccbf286f7b17ab84ffb6f991cf824', class: "gux-input-and-error-container" }, h("div", { key: '177d5bf4ef4288f415b0312d0d96868da377e8c1', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'afc5b34188bc2429792a2a5be621d83392bef36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'afd0785662dc28c6ec564375fc0e1512eef63dc6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9d3318b6a0242b629b83507272ffaab534cf0399', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3ce5a92d46d87135f2537cfa7e001549f0b46ce', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a9618dfdc3207b545d298c221921bf0e2405062', name: "label-info" })), h("div", { key: 'b512a08cda182fececa423e9f21908fa8d18d926', class: "gux-input-and-error-container" }, h("div", { key: 'c99fbcfe4f496b6666b00674363dfd7baf8a4b9e', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '72c22a7b30eea8e30ba68365ee03546e3b791054', name: "input" })), h(GuxFormFieldError, { key: '3e54a431b6f766da7b517e2f7a66d92161a70033', show: this.hasError }, h("slot", { key: 'ae3994beff663e7309ee69ca8131931ae474fa4e', name: "error" })), h(GuxFormFieldHelp, { key: 'a59dd2e7e1e558fc75c6152a026eb2d2d0c0e912', show: !this.hasError && this.hasHelp }, h("slot", { key: '725b3c37eed145b354719a2f9fb2ad4985602670', name: "help" })))));
+            } }, h("slot", { key: '8933387ec8eb1e3363d132a9ef907341d4bc8303', name: "input" })), h(GuxFormFieldError, { key: '3250b2b484404f687e230c1d520a12fabe75e01f', show: this.hasError }, h("slot", { key: 'f31f7ecd263620e91e566e53603dccfd9c8f5cb9', name: "error" })), h(GuxFormFieldHelp, { key: '29439c754fe6e38252d79582379f4ded06a448e0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef20a8407ceb4578d99fbffc27e8af59945aa206', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -164,6 +166,8 @@ export class GuxFormFieldTextarea {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "resize",
                 "reflect": false
             },
@@ -187,6 +191,8 @@ export class GuxFormFieldTextarea {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -210,6 +216,8 @@ export class GuxFormFieldTextarea {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js

@@ -27,11 +27,13 @@ import componentResources from "./i18n/en.json";
  */
 export class GuxFormFieldTimePicker {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
         this.hasLabelInfo = false;
@@ -93,14 +95,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c687e63c8a7fa26d85e4aae4fcee0d5ae088fcc9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17477387b0e20f8fab259ead53adb40ea019e6cb' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '486eb183018422fef2b961711a6154e075c5bc32', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f00e23c03e1f83b4201e8f22f430914fd3ff21f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0a43aee660a306dfa3b8a985494cc3fe667831f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60fe64273872598ed00629d1cc9ddd9e52148b65', name: "label-info" })), h("div", { key: 'a129ea07a69968afa24d08d98499fba616f37f3d', class: "gux-input-and-error-container" }, h("div", { key: 'e10d0961ffdc7b776f632c6f6c6fac656094a7b7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '13c2a043c02f79af31dbe4a569bb6341f8ea0f1e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1576011c159ed182727d1af4271a034ec26813d1' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '816fedfd9703d2426ef2c47356d635315eb6345b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'db3c6e39bf6f8ccc41ebd91aeade416782373fec', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '644014361d8550a003ce48829964b36257fed6e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '556b7cc46c4568f2cfff281ee7e6c4ffdc29d324', name: "label-info" })), h("div", { key: 'f39a40253b5bc5323a087d590ec5ed0b4bcd6f48', class: "gux-input-and-error-container" }, h("div", { key: '2ea17a8cdbbeea6a2a179512deac54274914f3d4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '878d2df5e3c6f3d350264f6491d442dc373d31e7', class: {
+            } }, h("div", { key: 'ed38d1df478cc7e0151c3a6310522e52fa96fa8a', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '44cf9d49d14dfb1da0745abccd82f5b0608ee2b0' }))), h(GuxFormFieldError, { key: 'b62209f4b95a1bfe27b0fda8777dc93762098dce', show: this.hasError }, h("slot", { key: '8c7d2bbcbed42d0eaa26293d5e5ff4bd3723dd34', name: "error" })), h(GuxFormFieldHelp, { key: '7024efe09393c335c1f8c266bac9f95847efe4a3', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c5ef028e559bd5258c25e6be54c4056acf0a7dc', name: "help" })))));
+            } }, h("slot", { key: 'f363d6a9ab0a05ba26f6dbe1a8f339368c5190a3' }))), h(GuxFormFieldError, { key: 'a86e6e626ede9244290470900c190c2dd01b0d5b', show: this.hasError }, h("slot", { key: 'd9ac7f78937bd27213ab8430dddd94707fb362a8', name: "error" })), h(GuxFormFieldHelp, { key: 'eb27a7ba6d697394217ca769760418a5c48fa156', show: !this.hasError && this.hasHelp }, h("slot", { key: '72684c8de51b461d0d384e72cb55b8829451a2ee', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {
@@ -164,6 +166,8 @@ export class GuxFormFieldTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -187,6 +191,8 @@ export class GuxFormFieldTimePicker {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -27,11 +27,13 @@ import componentResources from "./i18n/en.json";
  */
 export class GuxFormFieldTimeZonePicker {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
         this.hasLabelInfo = false;
@@ -94,13 +96,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'af0cbb7685d347c28c43f921f5cacebb3278a7b3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4fa4422cb653399d8d619260722697735cc288c0' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'b89996b2c51fa68812430912613dd500886a83b5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9457e0af4ea39dd0a3519ed22176b89da2a46890', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ea1b6685c1f732824abc808760866925c6cf8326', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aaa1cc82cad0fd2b370ba910ed1186633014c8fd', name: "label-info" })), h("slot", { key: '9a8cc3ad4cd9c76ce3bd0dd4790bb1ec82ac783f', name: "label-info" }), h("div", { key: '93231c9cf9b93fe944c16a27b7c615f8c165d54a', class: "gux-input-and-error-container" }, h("div", { key: 'fbff613473d52f6b6be37711490ee14a794e5963', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '63fe764bd0305f73e98138f208194ea346dafa82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8f7cc3150eef654346cc49aa43f40d54e6e20c9d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '731d7e3a8f00df3dc894cd24988841419f6f09dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c612bc191a188822b5a212a7a5132e64ed70be21', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1724057c6cf45d88e2a414479ddc66cfb5fe48ea', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ead73514f396411ff0fc79499a89c874e2118cd', name: "label-info" })), h("slot", { key: 'e0887f800850c98f5e5b7ac80fd7d00ec7bdf289', name: "label-info" }), h("div", { key: '30068c15a89e9aa42a8610d0540e60c05a9681d0', class: "gux-input-and-error-container" }, h("div", { key: 'd3ac67e6fb2a0d79e0e33a177971b32ca4557d54', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9d3738e9bf74ecca97aede80938d21a853310cca' })), h(GuxFormFieldError, { key: '064f605f1c5bf4dc46260fc94dbfe66ceeca194d', show: this.hasError }, h("slot", { key: '5906928c32755bab0d1164de18c9df2333170e4d', name: "error" })), h(GuxFormFieldHelp, { key: '552b563f0bc78614684c8e12628474f6f98bce72', show: !this.hasError && this.hasHelp }, h("slot", { key: '9c06a3c9455e50cb35019a0105167d7bb66e0b3e', name: "help" })))));
+            } }, h("slot", { key: '0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1' })), h(GuxFormFieldError, { key: 'f45773a01706d6ff6ece24fe897d092ac850edcb', show: this.hasError }, h("slot", { key: '80583c4fb2866590600059f8a913fa26bf630204', name: "error" })), h(GuxFormFieldHelp, { key: '3be673b6b92e7b12b07b67f0ba8cd7468b873fa1', show: !this.hasError && this.hasHelp }, h("slot", { key: '41c81c39d84bf560eb818c856d94a5a5a57d695c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {
@@ -164,6 +166,8 @@ export class GuxFormFieldTimeZonePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -187,6 +191,8 @@ export class GuxFormFieldTimeZonePicker {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'f78832fce4d4b1004c91b56bc59ff74db4e0c7f7', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'aa86d66232abf818c07fb6264cd046df00051961', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '77f84eb9a74cd779b81ab929a801b444779f0eab', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '832e3b4435a02295473dd443b37757b818098d05', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-label-indicator/gux-form-field-label-indicator.js

@@ -55,6 +55,8 @@ export class GuxFormFieldLabelIndicator {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'required'"
@@ -73,6 +75,8 @@ export class GuxFormFieldLabelIndicator {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-icon/gux-icon.js

@@ -4,11 +4,15 @@ import { getBaseSvgHtml, getRootIconName } from "./gux-icon.service";
 import { logError } from "../../../utils/error/log-error";
 export class GuxIcon {
     constructor() {
-        this.iconName = undefined;
+        /**
+         * Indicate whether the icon should be ignored by accessibility tools or not
+         */
         this.decorative = false;
+        /**
+         * Localized text describing the intent of this icon (not required if `decorative=true`)
+         */
         this.screenreaderText = '';
         this.size = 'inherit';
-        this.svgHtml = undefined;
     }
     async prepIcon(iconName) {
         if (iconName) {
@@ -64,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '04797721e406217511c2289dc434345d5877346d', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '4cee2f5e075acfa120f017ad2fc1f6fefd901949', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -101,6 +105,8 @@ export class GuxIcon {
                     "tags": [],
                     "text": "Indicate which icon to display"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-name",
                 "reflect": false
             },
@@ -118,6 +124,8 @@ export class GuxIcon {
                     "tags": [],
                     "text": "Indicate whether the icon should be ignored by accessibility tools or not"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "decorative",
                 "reflect": false,
                 "defaultValue": "false"
@@ -136,6 +144,8 @@ export class GuxIcon {
                     "tags": [],
                     "text": "Localized text describing the intent of this icon (not required if `decorative=true`)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "screenreader-text",
                 "reflect": false,
                 "defaultValue": "''"
@@ -160,6 +170,8 @@ export class GuxIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": true,
                 "defaultValue": "'inherit'"

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '8900cdeae0e581280f0846c56cc92e8452539b40', class: {
+        return (h("div", { key: '1415fdf4b452c8a7265a9ba3f87cb8b4268dbb5d', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'e1c0afd90284293fe3421c486ff121d5dc1c2f7e', class: "gux-message-wrapper" }, h("gux-icon", { key: '9ca1c4f75689594be17c40bf2b1bc0708718a40c', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '60bf7e1e776a246730fde618f79df01808094651' }, this.i18n(this.accent)), h("div", { key: 'c7fd0b5e27b66c44f3748e0a66c7d7f3cf18ba7f', class: "gux-content" }, h("slot", { key: '12ab06f0b719cecfc805048cff6135a9980ba2f7', name: "content" }, h("slot", { key: 'fdaa311d2038a47a6957d3a8a4a39ae424ca934e' }))))));
+            } }, h("div", { key: '8babcd543b6ffb15f223f364a89a95809526bebc', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a3894fef628e1eebc22f3acb2a5037aaf4656590', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c6dcc56496a3c4ed8b105cbeab080f163c2e8e43' }, this.i18n(this.accent)), h("div", { key: '1db5fd900c4cf4dde8826b3254f8da1831316c12', class: "gux-content" }, h("slot", { key: '58726e3bce9ae06959d67478249b7cdbab9d890f', name: "content" }, h("slot", { key: '44766ba8e0dab916d5f3666ae47e9befcb62dc66' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }
@@ -67,6 +67,8 @@ export class GuxAlert {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'info'"

package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: 'da0dad0a1e78fa76ba5b621aa6397adc23d24e82', role: "presentation" }));
+        return (h(Host, { key: '47874f242f9441edc3ad4139542262c0cd6e0189', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'f74aa739418fdc2970a81767f450edd6a64b5142', role: "listitem" }, h("button", { key: '2dff3b905c7bd23438d76d367f5a85386719b236', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '5b81509c42ef11a71a95922fa3d89069a9952ada' }))));
+        return (h(Host, { key: '949536d7408688b614f659cde8b693c2af33d45f', role: "listitem" }, h("button", { key: '4e655c8b3b92057374e3079f82a68a9dc9913c85', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'dd531246e67933896f548efc540fb7797f8f4b26' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -54,6 +54,8 @@ export class GuxListItem {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-list/gux-list.js

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '0334ddac16810c77e82d2465ee7af76352f2d62c', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'ae4d5b87ccaa780f8bc1e337a511563e83cbef31' })));
+        return (h(Host, { key: 'f73fd506d1d72ab5c5be99951f0a4ce7e1f0dcf9', role: "list" }, this.renderFocusTarget(), h("slot", { key: '084e73fa62a75bc3e0ae8bb738cc5178d94461f5' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/gux-listbox.js

@@ -14,15 +14,13 @@ import translationResources from "./i18n/en.json";
  */
 export class GuxListbox {
     constructor() {
-        this.value = undefined;
         this.loading = false;
         this.filter = '';
         this.filterType = 'none';
+        /* This is used by child components to keep track of this component's disabled state */
         this.disabled = false;
-        this.emptyMessage = undefined;
         this.selectedValues = [];
         this.listboxOptions = [];
-        this.allListboxOptionsFiltered = undefined;
     }
     onBlur() {
         clearActiveOptions(this.root);
@@ -180,6 +178,8 @@ export class GuxListbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -197,6 +197,8 @@ export class GuxListbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -215,6 +217,8 @@ export class GuxListbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filter",
                 "reflect": false,
                 "defaultValue": "''"
@@ -239,6 +243,8 @@ export class GuxListbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filter-type",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -257,6 +263,8 @@ export class GuxListbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -275,6 +283,8 @@ export class GuxListbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "empty-message",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -5,7 +5,9 @@ import { onMutation } from "../../../../utils/dom/on-mutation";
  */
 export class GuxOptionGroup {
     constructor() {
-        this.label = undefined;
+        // @Prop()
+        // disabled: boolean;
+        // TOOD: GDS-2328
         this.filtered = false;
         this.showDivider = true;
     }
@@ -48,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '92a57a5773bd073cb41b756da693c4c8e12ce822', class: { 'gux-filtered': this.filtered } }, h("div", { key: '4293739a1fa16f40b88aea607f8ba83b67b7f83d', class: "gux-option-group" }, h("div", { key: '244c4353d043b2dff331565be9f6b43c9870115b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '9358a657681bf26d8f2088db5f7627e21c480a80', role: "group" }, h("slot", { key: '09dee6935996dddd6ef735aa64b02c61d1b47bae' })), this.renderDivider())));
+        return (h(Host, { key: '747fb28263d3d054fbb6b880c044e93d6336e690', class: { 'gux-filtered': this.filtered } }, h("div", { key: '745c60fecde53593ed07ea3642b01110fd1ab40d', class: "gux-option-group" }, h("div", { key: '2fa7a88de2cb2d23f857707fac9544a2c9f1c4ac', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '73f8be85b27a71255d9b0a615fb0aa80af5882d7', role: "group" }, h("slot", { key: 'f102ec73ac02c14f8910e904f985dd5828297b69' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -78,6 +80,8 @@ export class GuxOptionGroup {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false
             }