genesys-spark-components 4.98.1 → 4.100.0

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5f2de0767c6d109ec92916eaa4ee37aa94905ce8', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '6609e4ec170d72b411b8db0d08af555d374bb538' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '2d08f8ce4811671c168f83c520e1a842587e098c', position: "above", required: this.required }, h("slot", { key: 'efe1dd9c3bc201d6c78e142ad71f8992758ffecc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5f1701c9319550e7c3a703cb422b35c7b8d579e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4040e2da5612e756a0b3eb585570d8ae9e90bc5b', name: "group-label-info" })), h("slot", { key: 'f2a1bf78ae2358507408da4e546aea6b28d9f5f2' }), h(GuxFormFieldError, { key: 'a3019ab6f661d369fa6e2d83871e61e7a05c522e', show: this.hasGroupError }, h("slot", { key: '92e9badc94f995999cbb343b5b726992caf30221', name: "group-error" })), h(GuxFormFieldHelp, { key: '2d4915e6fd8a4b98ccf210c1e8cc35f60caee285', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd340c2f5d29e80eb2003e1048a74cf519ee65180', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bd134909b88d6d4934fb175cb6cb61b30d2a9b8f', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '00cd7e2c60c0e8fe08f7befdc622513119a4c692' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5262dbb2b5dda66e1c60d55b484e96acb267cbf2', position: "above", required: this.required }, h("slot", { key: 'a04c9728451dd7999c43b9acacb95458c57f7b42', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd0ff4b08f156785c2437a3f2de5682d6cf08baa4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424200007c4635adf9daa3ed88b898351953fedf', name: "group-label-info" })), h("slot", { key: '14138a13de11976c6c97074590eb22968b2eac7c' }), h(GuxFormFieldError, { key: 'c73478e38095fccf2f5d4ebd9e329d3df48da83e', show: this.hasGroupError }, h("slot", { key: 'ac523240051e9f75da2d6c80808c76278cc2bddf', name: "group-error" })), h(GuxFormFieldHelp, { key: '899aba695144be758d73acdbcf50f411cc249572', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '965d5e0b7c42fd1c14bc880f8b2e94da4ff52a1e', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '0c5200095bc30ed766aefb7230f7d36e38da0b47', class: {
+        return (h(Host, { key: '32324364fbfa38acd4435a252bb129698c6b26e6', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'c188ac3ea3431f667a14716919455e49a3b39fe8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f9d54c26828629951f8bcef369f6f9d4a7ee3781', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ca8713a5e6e35836e6f85fb1a586d036c469cc6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'baaa3425f49e5abb2300fd967e766b0afbf8128c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '715f74771087325a93268b902ba72140a5559a35', name: "label-info" })), h("div", { key: '0d4f7b7968a44533d78b1b12dfb8c520f3d6b1e4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '1595f5480b5b1a2f6c126b93629b566696ab8fb1', show: this.hasError }, h("slot", { key: '4f66cea2ab1b665d7e8bead022af7d5a053ed26a', name: "error" })), h(GuxFormFieldHelp, { key: '73b488cfb8badec729d020ff436c77db7d3b15be', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a3185925d00c074336ef2d6a5ea716a50947b14e', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '57055247699edfa348923fb6df6c844130d3166c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c0efd2605f1b43591329adc687b85b8a36fb2f86', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '51586dbbf542dcc665cc639a88d40864fe92dcfb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '920517c2a7f219b3ff861c24b291df13792f9c56', variant: this.indicatorMark, required: this.required }), h("slot", { key: '821e19ca7fc0fc23d598ef4e69b2a54e30d8d5ef', name: "label-info" })), h("div", { key: 'f03523fa5e6e6d182802eac78ae387fb23433d52', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '47e22411ca72144a8078b16b461ecbf84d127bf3', show: this.hasError }, h("slot", { key: 'fe1dc513e6a99f9a89ca83da982019c8621ef36c', name: "error" })), h(GuxFormFieldHelp, { key: '16da91902190f61a50c7af4a3f214cd18e2dddfc', show: !this.hasError && this.hasHelp }, h("slot", { key: '1c03c46a10561577030a16b78cb498e85b44f07e', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
+        return (h(GuxFormFieldContainer, { key: '65aa4e1ab94a3d9fed3fc240cf3664058acfffce', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '336a275ef7e20c14417b7de5d159033d74fc4bee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3acb487508298f5e5e6c666891c05c71cea9cc64', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b3d5b19fa0a658a8e1b30805d930a76ca1284b8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fa19f7918ba300988a3c9f0b5e8a1fb18cec1385', name: "label-info" })), h("div", { key: 'ee5bbbb211d1f5909313719c7f7753eb558e0bd7', class: "gux-input-and-error-container" }, h("div", { key: '7c4f85d077b2c637e16b86bdc996745e0377e1b5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', class: {
+            } }, h("div", { key: 'd3768122c095620a9c687cd07a488a3b67912bd5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), h(GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ebdbe8731ed31bd70f2f60bc9e62c54ce63cf87a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '153414f1ae2b76357f02082bccff9c67887f8118', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ae71b160a99c9c65c1b5adbb98d569cd2253016f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '7e33136b448c7167791b64d1867189c18ca66b4d', show: this.hasError }, h("slot", { key: 'bf916379078fdab74b6feac63fff9d49ccf3a1c5', name: "error" })), h(GuxFormFieldHelp, { key: '0a90444179f5d545ab07cdf42353ea396820ee41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f8d1dca7098a652b9443a36d60dd01df9613a464', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
+        return (h(GuxFormFieldContainer, { key: '9b6b114954e536d97e4c40a8707d146a27a48458', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'aa0d5cb56a5bf5a0cdb11e1c342bbc5e1ce1093e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b586c527a481174be577c771e8bad2afd11e0664', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '09d52ad2400ff3d05183c0ea6fe381577ec25502', variant: this.indicatorMark, required: this.required }), h("slot", { key: '87dbe98122b35a654c0169ceaa1328e6796a0c53', name: "label-info" })), h("div", { key: '7a04c5cd1cb25215b8752d1a114b009897558387', class: "gux-input-and-error-container" }, h("div", { key: '9299d7922a8ca6cde9c643e7458aa8b0ac596c21', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', class: {
+            } }, h("div", { key: '324d14ad223bec3df290f7aaa2a06bac829ae37b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), h(GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', name: "help" })))));
+            } }, h("slot", { key: '55bbd6b35f40cc5400d1331be763c3dfd2f337ad', name: "input" }), h("gux-icon", { key: 'b0d2ed0c699ae59185510e33047316cea00ce670', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '4b8bdddb2b0f78f7ae6d5bef69a1284e6e94ba16', show: this.hasError }, h("slot", { key: 'ee7e8bb94696c7f496d0bd4830407eb5caa0efb3', name: "error" })), h(GuxFormFieldHelp, { key: 'e4467ada462c0a0d5aa2da4e1afbdf10f4dca247', show: !this.hasError && this.hasHelp }, h("slot", { key: '754fcaa2b279977654e09a6c5891a88d2eeb4d06', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
+        return (h(GuxFormFieldContainer, { key: '4d2e69548a09606670ed9368393495a08d0a90fc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0439c70fb68fa89aaa86d96459d360bb2660aea7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3c08f1c433aec02b50aa3d00a412b73e705a26f0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a2a9190d7a5145f8393d54c1606d7838a4080781', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e0c464608b97b7be178656b162f5fd574e1550e6', name: "label-info" })), h("div", { key: 'e27c3b2ad205e393223996c0f196c18725892d85', class: "gux-input-and-error-container" }, h("div", { key: 'b0b53abe87ec11858723e6963a2d5bf93f4e6511', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', class: {
+            } }, h("div", { key: 'acfd7e700b08be1a70d38c2f5efb735f73d868b3', 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: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), h(GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '572e1b3a011ccd1c9394a44ef37be39e1a0004ea', name: "prefix" }), h("slot", { key: '7e04478ace2c88c4e14ecc4997cb7123921dd321', name: "input" }), this.renderRadialLoading(), h("slot", { key: '3a0b7bed3f5df00f2734204a3f363dd6d1ed14c2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ee93db1a6f1a61c38bef1b1ed458c315099b2fdc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '06f55ee7a78d63598b4f1f7773a3432042498253', show: this.hasError }, h("slot", { key: '02281ba74b7a44981b054a33238dfd82a6ce588f', name: "error" })), h(GuxFormFieldHelp, { key: '1cc41032e01847e7bb4b9b56457d5193f3bf8657', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f82d722c50650a2caebe692586e82ef1ef8aefe0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '53ca13b6428df3c18ff4c4cdf808c31b555f9f15', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c31b9901354642a4b0b48704a10809e10011c1bd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a62c1cc862ae9bf4645f1611d076423bbc967461', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c799a352b271837004065a8e2c20bac0c70e1f6a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a14c6eea226ffcd367a166cf32142d4af9108119', name: "label-info" })), h("div", { key: '28c05101abaf3b27c372f69091486ef0d89dd0cd', class: "gux-input-and-error-container" }, h("div", { key: '04db30121d579c2bd50b59e84aa6ad64a72a23a5', 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: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), h(GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), h(GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', name: "help" })))));
+            } }, h("slot", { key: '2871157843b702efc74e895bdd447731d642f0af', name: "input" })), h(GuxFormFieldError, { key: '806a984e974573d72b2604be4faeb8e254b90227', show: this.hasError }, h("slot", { key: '9175d2407d6dd950daf3830420c06e5f14d9c276', name: "error" })), h(GuxFormFieldHelp, { key: 'b96e82218628fc36e09dc550cfca3b0dd059de5f', show: !this.hasError && this.hasHelp }, h("slot", { key: '342e0ade32e2536e26b3c6ea03075919ba219e7d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_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: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e23af5068443266522090bdd8f56a367df5cc1e8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '91fcfb41f275a7ece8e048b53a190dea484e37cb' }, (_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: '3481b9ac6539c8e0e9be0f0331bd843285185cad', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd504abf2e84f0193b11ec2baafce5a5beae10f26', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49e8d2f6b9d0d7c055a717515adfaff06e2585a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4adc5736e73a04202f46d1c6776dfef08737faa4', name: "label-info" })), h("div", { key: '735245fb2c3da94b6a8edf1a5c544328b3adcd99', class: "gux-input-and-error-container" }, h("div", { key: '6080535a23371f874fcd49783617b564c4931a9c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', class: {
+            } }, h("div", { key: '3feb72cba6d0e2a7ec5e52369026c3a9711dd80e', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), h(GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), h(GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', name: "help" })))));
+            } }, h("slot", { key: '59358806b129d9fb7b2f413270986332cff4b455' }))), h(GuxFormFieldError, { key: '88cf26143e9a12b8857629a63f339d1e9fa22669', show: this.hasError }, h("slot", { key: '5569413cb6acb425554ae583662b95799aa85d72', name: "error" })), h(GuxFormFieldHelp, { key: '9b1d996159719e4e8dca452c64fbddb8e895a7db', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a4e2a0d43eaea42ae29f09090d3b2c35e0667974', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_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: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '0af85925b029fecde3aa6970eac0ffaf163c2b8e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2fd3ae6666cca7da1d6f398f85c557b58d65b0c8' }, (_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: '6f5febf7c7d4eb269186c71ba84ab07dd1ef92ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a4513266715e15bbe5fa8a135d9b9a096b54b294', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96b7d8f0224a97dd29c1cd5bbe31fb2bdc12823d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '856371eddb543a914eded57b77492895f9a0d3bf', name: "label-info" })), h("slot", { key: '340462e5233453f5ca8bba5d483bc334a363779c', name: "label-info" }), h("div", { key: 'c08a96d8687fad8f47409a93f24079961f91023d', class: "gux-input-and-error-container" }, h("div", { key: 'efab2ff7a7f2a5539c2b69def65c85a01a0527ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), h(GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), h(GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', name: "help" })))));
+            } }, h("slot", { key: 'cae6fd4465ba89460a0fbb77408bd3d0dc0df11c' })), h(GuxFormFieldError, { key: '7afdc4538ef3c373c617f5a8fa295c6e280189c4', show: this.hasError }, h("slot", { key: 'fddebabad461cc1ac0fb3df84bc28cfe5e490f10', name: "error" })), h(GuxFormFieldHelp, { key: '0765d2f5c11f8f85964eb378880160655e5c9bf8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e5e2f6fab5eeea9d4524d9fc0d8deee4c5efda34', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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: 'a26380344ef139d93d67493f35dfa09ea91a0b89', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'c542786efd1704ef1ba4838cf330bd46baafef3a', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '4e874df908895334e9a0b2d05b5fe561c7aebec6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '721264db0fa3006cb762c33f5bd119bfbd926b17', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '331d5e5042089530faa81ff7c4a5cb9511a982bd', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

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: '85684d31ab53f173057cce0850d0e85a96b497bc', class: {
+        return (h("div", { key: '5ce1b1139bcf9a4ca0236eda6eb8b052763c0b15', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
+            } }, h("div", { key: '667c7918b9085e3e1073608fb79ae60ab7395887', class: "gux-message-wrapper" }, h("gux-icon", { key: '89cff8d8c2a92aea2cc72cbb938dc22f80ee9b50', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'ff6f2a45ab15c709a6f61702bb8d37e6c88fd359', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'a9835f81342cbdb39455c12f20cee94176076fac', class: "gux-content" }, h("slot", { key: 'dd54c84622abe6c5d2f6efdc8be419146b829ceb', name: "content" }, h("slot", { key: 'a39e61793dc7771abf2ffb0ef5589da573951499' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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: '713909a50fffe7ac054da956484525f0c871aeee', role: "presentation" }));
+        return (h(Host, { key: '56e33e66317185680fcea7741c574989875dac63', 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: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
+        return (h(Host, { key: '60b9d5f42f679e73eda025a3ec38050decbd39ec', role: "listitem" }, h("button", { key: '2e86096457d40c79a0999f10db4fa764c8648445', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'a6e401dc24bf42ef5b4621c75a8fa0f2de156265' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
+        return (h(Host, { key: '8dda1596a60cfa1ffc6317c924da116372a774a4', role: "list" }, this.renderFocusTarget(), h("slot", { key: '80b5c8de70335c1c1c473045124c42792b392eeb' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,6 +18,7 @@ export class GuxListbox {
         this.loading = false;
         this.filter = '';
         this.filterType = 'none';
+        this.disabled = false;
         this.emptyMessage = undefined;
         this.selectedValues = [];
         this.listboxOptions = [];
@@ -244,6 +245,24 @@ export class GuxListbox {
                 "reflect": false,
                 "defaultValue": "'none'"
             },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "emptyMessage": {
                 "type": "string",
                 "mutable": false,

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '7c065117af803d8fb0856c2acd7db615e295d90c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8f43148de13f61fafbb2f5f0d4324fca79eeb46a', class: "gux-option-group" }, h("div", { key: 'e515f6d9469e96a16f0ba7d33fc251f7c19bf660', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'ee9d353abcc3cf1c435bd2333b52550aa58321f9', role: "group" }, h("slot", { key: '249c5fc7ffb2fbe58caba6460294ae4009cd9ec4' })), this.renderDivider())));
+        return (h(Host, { key: 'aa6e6565419c297413e489334421d1045cead446', class: { 'gux-filtered': this.filtered } }, h("div", { key: '1c419e41f09f6d14e9cc789814b5e042615366a6', class: "gux-option-group" }, h("div", { key: '6a58d51aa59eb5177d86bdfc6ccd444545fc8be9', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'f5c4a08cce966b2899770da946f6f7fbb011e72a', role: "group" }, h("slot", { key: 'db2b1678a96ee679fe030f04f9da55b18c56648b' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { getClosestElement } from "../../../../../utils/dom/get-closest-element";
 import { randomHTMLId } from "../../../../../utils/dom/random-html-";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
 /**
@@ -36,14 +37,18 @@ export class GuxOption {
         }
         return this.selected ? 'true' : 'false';
     }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement('gux-listbox', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
     render() {
-        return (h(Host, { key: '23d0dca350a1bcdad8ba2139620afe62c0015fe8', role: "option", class: {
+        return (h(Host, { key: 'f61b345ec9e0da767afe715009747067bb6c540c', role: "option", class: {
                 'gux-active': this.active,
-                'gux-disabled': this.disabled,
+                'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '89a9b92a885fe4df1da0bef02355155fc5b151ee', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1e3b298947c60a42937f745b0322dfa985912600', ref: el => (this.truncateElement = el) }, h("slot", { key: '42490572b69e9ab1ff2c1b1f43b0135c74094ca6' })), h("slot", { key: '192d2a1857343aa6da94542317c8452b078f1b86', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'b4de3fb088d3a57caaa1c74c64faa7aed0523d3a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '984cef92d7df71c4db8141557099e4494d16439a', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b64cf5d5fc1deb82fe4e13860ad560ba756d4d15' })), h("slot", { key: '637f9a28993227723fa9f2d02a2e37e47c71d3c1', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { getClosestElement } from "../../../../../utils/dom/get-closest-element";
 import { randomHTMLId } from "../../../../../utils/dom/random-html-";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
 /**
@@ -46,6 +47,10 @@ export class GuxOptionIcon {
         }
         return this.selected ? 'true' : 'false';
     }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement('gux-listbox', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
     render() {
         let iconStyle = null;
         // If the icon color is set and we don't have a background highlight that
@@ -53,14 +58,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '3c870a799ed049ee2ebf70a890d6233f6c262cc9', role: "option", class: {
+        return (h(Host, { key: '169d8b4b1d8ff0825e35bc1034f3736a8922b3e7', role: "option", class: {
                 'gux-active': this.active,
-                'gux-disabled': this.disabled,
+                'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '7a537c35a84c8306c2b9eea4cc6f28c09f1c5bcb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'c9d015569c58bf37c353495bbbebc508f8a8bbed', class: "gux-option-wrapper" }, h("gux-truncate", { key: '725eb0eaf0f7ae3d78534533b9b19d8505719981', ref: el => (this.truncateElement = el) }, h("slot", { key: '9c37629775262db1613aa58f0a3da13296fdf1ff' })), h("slot", { key: 'e1d66aa116b6e3ba38aa5b301ff6bf12b46fb742', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '94269ea0062a823033701e115718f89d68350727', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'acd2951fe5ac321d36b1c88421f4bd785f4032d2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '84da6e0dd5c5c73c55b810506a58a2bdea8400bb', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c73a1654897b5fd7c00b1ba0dc1fc473bcdbab28' })), h("slot", { key: '10a9ee373b0b0e61db82e03b60b78feadd70e38c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'da695435ea54a4bea95ad5c21d7a35ea1aa352b3', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '35f9dcc75a10dd47b14432a77b1a7cdcae35268f', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '0198722f2ddbb156337b0d9913fc9d29893e0d46', class: "gux-option" }, h("gux-icon", { key: 'a6e70aa79abe8d33b9b95b8d866807910420a4c7', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '4f61de90891724e327a1db899740e49ed36d20db', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'e3fbafad37fcfc05aa2e081b1cf5d61503433f5c', class: "gux-option" }, h("gux-icon", { key: 'db02fa83db924600668872f2a1784626ebfd018a', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '525a1c00678b02bc12f19020720d7a5d14f5236f', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -17,6 +17,7 @@ export class GuxListboxMulti {
         this.textInput = '';
         this.filterType = 'none';
         this.emptyMessage = undefined;
+        this.disabled = false;
         this.listboxOptions = [];
         this.allListboxOptionsFiltered = undefined;
         this.hasExactMatch = false;
@@ -347,6 +348,24 @@ export class GuxListboxMulti {
                 "attribute": "empty-message",
                 "reflect": false
             },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "hasExactMatch": {
                 "type": "boolean",
                 "mutable": true,

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

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { getClosestElement } from "../../../../utils/dom/get-closest-element";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
 import { buildI18nForComponent } from "../../../../i18n";
 import translationResources from "./i18n/en.json";
@@ -42,6 +43,10 @@ export class GuxOptionMulti {
     onSubtextChange() {
         this.hasSubtext = hasSlot(this.root, 'subtext');
     }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement('gux-listbox-multi', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
     // SVGs must be in DOM for tokenization to work
     renderSVGCheckbox() {
         return this.selected
@@ -54,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '4d51e59bb047038d2c49685877d94301dcad5d59', role: "option", class: {
+        return (h(Host, { key: '754e0f2737dd7b307e7798bcd082add939a4df56', role: "option", class: {
                 'gux-active': this.active,
-                'gux-disabled': this.disabled,
+                'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e048fa5c14a8c0e286605f6112105448423d476', class: "gux-option-wrapper" }, h("gux-truncate", { key: '68b0d6f0838b276ce1e0930c811f218aa89faaf3', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd22aff80a391b4dd5ee526aabb832eacee9f5ed3' })), h("slot", { key: 'eabb2ad94a4de75f074a47dd6dfaead986762eb5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '8f27be34a58cba1e2b551a222aaba2f9b1d989d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '09937ca01eacb357dc079e977989591958b3b915', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c73ce0efdf1b3ee010935bb12c1d6d73befa964f' })), h("slot", { key: '34acc92da3aaf9e7b81a59853bc1d79c657b3bbc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', name: "additional-guidance" }))));
+        return (h("div", { key: 'd491ad428c7f67a9d12fd10df7da200cd985f63b', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '75b1fb22d1b072870a87a3a8cf062bf453f54167', class: "gux-progress" }, h("slot", { key: '7eb286e717930968714dfe85e1af1d8eb088ffd5', name: "progress" })), h("div", { key: 'c14740882fc72e0e4e7cf7f73f78a6fb70d75138', class: "gux-primary-message" }, h("slot", { key: '3a9e39fd9eb526b1eeb91a743aafb0136357a07a', name: "primary-message" })), h("div", { key: 'ed45f9f9e4db8ad196e5d456d861598642b293a1', class: "gux-additional-guidance" }, h("slot", { key: '604b6ef856a4d658b59d0a2017d038d93632a592', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '5b9d643639023d108dc7ea3ab780005226be4ac6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8e16ffede5d8ad0ecfaf97f0fd85c8807277f606', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'cfe7ee7a752d8f893e92b46eb482c298f514068d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '87eefb834f4c8007a77cdf96bd253c4adf124db0', class: "gux-modal-content" }, h("p", { key: '78fcfcaff6f6ec181adaa2a27f9c863058f229a3' }, h("slot", { key: '7cd83adaed12e3071259e053373ffb7cce5348cd', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: 'df632f1877b7979596aa293aa997207afc7deedf', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7ed360828c70a0a9fa060a5201db6950c21cf19c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'b952c4e31b202553a16b90bcc19d002f578c6542', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '370290db7475ae95cefe1cbfb5f6055c641afb95', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb7fdbfbd4a594c40a2d69a2a6efb0f4ec06b4c8', accent: "ghost", "icon-only": true }, h("button", { key: '0c5876e559c9ec1aac03feba1145f5288beb14d6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '85efe9217bd9c1bf21a48a0be01aef8004030938', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '12d97fb88b464b109399d24318db8e8a3184d4bd', accent: "ghost", "icon-only": true }, h("button", { key: '609647b156e22f7ed497f559ea3494aadffe748f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '936da1deb961e5d3c783e98265a73e39f69a5500', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '91e82d3cf6ed8cf0f5567ff585ff4223a061b65e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9e74913ef314c5c3890e4a58c9a9e1e0824eee9c', accent: "ghost", "icon-only": true }, h("button", { key: '240736ebf7dcf2c6bb4c9d2454628c44c9d8bcff', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'cba0c07811627ce62d55cbdcaf9d6c87c754b99c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '943ce7038ac7cb018369f0635812800484f2bf48', accent: "ghost", "icon-only": true }, h("button", { key: '56fcaed1e7b4d44764d9864eed2899b3fb045a16', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '932bfafcdc1f86a3e8ffc37a2577534db4a2078a', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '64159b3d10fb46b0a6998d1170bd70d28d79883c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '143395915504f40af65b9f8a8eee36b7a817d768', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'adc8e93915d7232bb25cce6ae9f65558bbb83ede', accent: "ghost", "icon-only": true }, h("button", { key: '7b647a3d54f82e5fcc5a19554eeefbbb32322154', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e68c2567a4ba6bdb395ff77926ce6b1284986294', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a18182b2452300ccfcf89d0ef54f2b74ccdd784e', accent: "ghost", "icon-only": true }, h("button", { key: '5b1557f8c362e7fcbf10f60ad3d08ef0a24113b9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '793af9d0b0261272339e42a8c985a6c0c8d1bd4d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b5f8b9edd06e3b35da14aed49640494d2b2d0bd4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'de142300488678bcdbd78dd1d519bd1921d600a3', accent: "ghost", "icon-only": true }, h("button", { key: '3451184f8a8c1cfd1ca5bc4f92605945f68192a0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd3933e4c76912ab8d5b90dc4ce445335bcfd9472', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c28913f8d1ece846e017371287100d3f6b81a62d', accent: "ghost", "icon-only": true }, h("button", { key: 'ab3971de7a64ef8d239aff379965035df5437e47', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '344e87ec6f9be5d4be13e374c43bd170f14738fd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '9edb6e9767ec656e9324362fc61f55f537b4f1ce', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '97e0b3624e7981516b6103d3bc66c4dccd674304', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '7a870042737e509fcea5f17feef54cf7b023e765', for: "popover-target" }, h("div", { key: '43771cefb10b695b0a6b64db5c895ee8a9c3d680', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '7b19bde4f77e4e144f3deb2e3ecb7787e9ef2647', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3440beb60515684e7a38884fbb2439e468bc2b4a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '0d9ae2272cd1d465096400ed4b0016b45717e370' }, h("input", { key: '744e2b0cf012d8078e56515c3229979e0ee5e3dc', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '0d46facd40c446fc8c019582339079a86d3b64a2', slot: "label" })))
+            h("gux-button", { key: '05a5bd6127c86b62b76cee22fb9c6d2d78e91aa4', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'ec612f75b1f48c17ecda057634550ada3b6a5e10', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '5f3d2e2c48f52d53bca508dd61a7d7fa8f2fd656', for: "popover-target" }, h("div", { key: '212b714fa3df60f9e8319dabcb9f5b93d1a7dc70', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '61171cebf4ee3448caf82ad5a18754d51fbb6dc3', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a1b59a219fe04c61a575d7e9a30cc9861aa3a804', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a820a1da65f6290152a5bc99bdba2c800f0cb4a9' }, h("input", { key: '7f5a728d3c2d3489f918ff9e06b727422a8067b7', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '54ff6cdc06432e11171b7ac8e46ec428aa9cd703', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '3cd160bf18fac085a65877246c4425626a2d5655', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b2d2a5941688c5d50c4245d635a7b427198b9c2d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '9ccf227e4743a81fdca1db7c181141fe0d981328', class: "gux-pagination-item-counts-container" }, h("span", { key: '71d81935af25ba2d392169b12c605252aa194077', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '7004e25837f5233341e7870a16dfdb4af1e638a7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'a67fa61ebb5f890009011bccf9b65a8934066ad7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '90030397903afe20d13202559729d51c29d65160', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9d11af64a4c878750183e626af2a6918b42c17e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2703346134649a760c6531e85f2f56bdbc7e492a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'bfef0ae16862acba1a3d32e0cd4d7f909ab5ba3f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '403a739d7e7da29826ce7c4f2e714fe28fae7918', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '78a0b7027eb5b0179caf967820c1cbf58b83816d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'c212e0c8707b2e92a89435bb343cda33beae6dc4', class: "gux-pagination-container" }, h("div", { key: '48e3e35673fceeacbed050de622f03cf30eebf58', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9065c19128d6f5f4d1e5ff520965fbd67c93ed25', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'a230b99ce6bce6f7368d4929ff64ab0cf7ead81a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c8074a09276813a5dc1656a0780db42e1641ab08', class: "gux-pagination-spacer" }), h("div", { key: '7e540f154abedfd84e7498bbee80b01c9d2efe97', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '32fb448ddceeacfe1f0df1b102056ebea0575788', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'dfd9eacd7f35c1e982479b5d3ad68f318e904f8f', class: "gux-pagination-container" }, h("div", { key: '413ef5f8d7b9dfc7bc850a6654cc8b1ea2bed55a', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b077d1778a73611346db5288936f090e090a7e0', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'db36289447852722d08149c57aeae497b458e002', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'b2b58b66c91449c63c0c457e0d2a836d4201109b', class: "gux-pagination-spacer" }), h("div", { key: 'eef9c7be0ceba82cc9852a390a6850fb47835cd9', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '6b36cfbec6adabd27709244f592314e695120f84', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }