genesys-spark-components 4.121.0 → 4.122.0

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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c93531f34fd250f1eb87a3648985015bb8c47c28', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a91c9df2dc59a24499b5a180251f9dfbb4967a09' }, (_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: '35480b4f84ecb8f1d75c728280e2aa4954678d20', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '88e910a85326f24d17a9d3238ed152de4f07794d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '633fa98eeb2b3be9d31316ff0a8583e67a2f9b27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '97505c8a83c10c7a235b6b847ff2a6d71a401be2', name: "label-info" })), h("div", { key: '4dda89cb69f96b795f394f6507e0f9df9a169d6a', class: "gux-input-and-error-container" }, h("div", { key: 'f20777a0d251c8c18686ea3d8a7be3c0fa514d43', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '7ca5bb26bb6c60239e220ea1fc8a4a985027cd60', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5859374c90e18849348dd2d245422e365f344a3c' }, (_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: '7aaa976e0432b326bb9410fbc7c2cd4c38dd9946', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3118166302accc10f35d6ab15fd423bfce722a98', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '697efec5f8a161b3c2ece6aa68e528ee1c479058', variant: this.indicatorMark, required: this.required }), h("slot", { key: '775ff0fa00db14440c60da572d9c270ab6952893', name: "label-info" })), h("div", { key: 'b8cf84be282214c766ba58144a61358197e63519', class: "gux-input-and-error-container" }, h("div", { key: '3c063b873644d07e680096f2533fcdd38970a4b1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e70478460b99c1810436761d1a7ee9b83fe158db', class: {
+            } }, h("div", { key: '4580b993a9e9ef20846c27500418ed8e0677c106', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7a663e8dcf1eefdd1568e0e81baff975360c50c0' }))), h(GuxFormFieldError, { key: 'bf3c57ac3b1fcfe7ba368b3a3ff81ef125a62a24', show: this.hasError }, h("slot", { key: 'a0678cc8d2900f3c46ae748009f6c4950cbf73db', name: "error" })), h(GuxFormFieldHelp, { key: '309a6b11b3e6cd88711a561d17d6788699426ffc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bc3114fdf65b8d052004896c30f816973dc2af2d', name: "help" })))));
+            } }, h("slot", { key: 'a01d008e43b29e6c13ec5951f66fa82689e59f35' }))), h(GuxFormFieldError, { key: '0e3e6d18605d750816b346882456172346259538', show: this.hasError }, h("slot", { key: 'b11234a42153e961c95a09c8fec290e602f51ccb', name: "error" })), h(GuxFormFieldHelp, { key: '157aa2c12490ac8781385126ed83514b02c3d785', show: !this.hasError && this.hasHelp }, h("slot", { key: '10323a1f88726f733cc45a0ebb90264558c96ac7', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '6666752113d7cc54d93ecc03e39f4ae79c4b4c3e', class: {
+        return (h(Host, { key: '2520d50e0775bb6ea0fd1f023867c6a171d0e0b2', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '37d807601e261fb975067c3a34ff7cd5d4d35960', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '963f0c694f739cc0471150d520b5bb3bc589ca60', class: "gux-input-label" }, h("div", { key: '9f169688ec401f48256058cdca76fc7d57cd4e81', class: "gux-input" }, h("slot", { key: '648e1c0ad77e044a705893b1f8bd5e01cf15f3f9', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ef20edaffa3add8f3346742b1a1c67407260c243', class: "gux-label" }, h("slot", { key: '5d872e8a456876ccd3a7146f423528791e59befc', name: "label" }))), h("div", { key: '6d9b6bcc13aabeea73c2569e5c75cded2187ac20', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b4d6736b16687aa8c6c068faec518966a86f6f4d', show: this.hasError }, h("slot", { key: '7fb8a2e55e86292f0a484511942bf2eb6a0359a3', name: "error" })), h(GuxFormFieldHelp, { key: '2ef7e15ee387b4955a43238cb272d374c3717e82', show: !this.hasError && this.hasHelp }, h("slot", { key: '727179c2ccdadbae131825b613c42140a8783a56', name: "help" }))))));
+            } }, h("div", { key: 'd83990de51b2a5105fab6f9f5af9fe29042dfee7', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '59b09979d66f687749535b157d878e1539510b64', class: "gux-input-label" }, h("div", { key: 'f788de469e51d4cf07e9a39e60e7697eb110dd8c', class: "gux-input" }, h("slot", { key: '2e9b26549b50a674339197d91db92d46685f61ac', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '0b14ef2a58cd6d64b4e0c6739d814ad3e5a80a5a', class: "gux-label" }, h("slot", { key: 'c4b8fbd3eec42d2e87602e831f959b75b550798e', name: "label" }))), h("div", { key: 'b81e6df2d3943e9ebb0b0f283b41d347fc4dfee7', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7ab507f3759877f0cae6b8bfe4d1b6810155346d', show: this.hasError }, h("slot", { key: '1c18384ac2a2e2e2f98572d6c2497d9a8d2fadd1', name: "error" })), h(GuxFormFieldHelp, { key: '8a7204eab0fab55c8e0724403e8d40956c1e5c2d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6017e854bdd167b59fbd9b902ee0f192b1fef659', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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: 'c7d14a27a6f4c2695e9c04de9403db6899b727f2', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '3fced6220650dce263ff4c6225e8f858e3ade718' }, (_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: '5b7fc368bf6b1f793816e7f2c2b0ccb6ec0a70c4', position: "above", required: this.required }, h("slot", { key: '2b0cba5e51e8ae3c34313c587b03d22223d801b6', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5bb4b22f9dc73924b01b70a636e1337945ff3090', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de06c0f5e0e94d84726cfb7acb1bff3e095d7b2b', name: "group-label-info" })), h("slot", { key: 'cb0850aab6e295d74abb35cfaa3f31b09e104de0' }), h(GuxFormFieldError, { key: 'f22cb70df0e5b738278176f79f70384d09c3d6bf', show: this.hasGroupError }, h("slot", { key: '4116b53dcbd33c54e8e272a5dee2f1ebea89f5d2', name: "group-error" })), h(GuxFormFieldHelp, { key: '97b2cf259a1c983819dc124bf3bc876a9ab271e8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '398190b7d563d24b5db92c21f97f2c3aafb0666c', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '2d72ce22730838cbd084ed8ea0754e703bff1fc1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'af3d529914a0b18b150bad0722c0294450bdbf7c' }, (_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: '019d1c8df129afc9fb34a03e17ebf1e5c324a3e4', position: "above", required: this.required }, h("slot", { key: 'bd413458aa2b72a5643a65b16ab9b9b47b10c2ee', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ac7d2adcf048e5a2c1ce3cbcbd6df5d61658ee7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cb1e4cdd2d01135a68de3f262956b5103ae9e360', name: "group-label-info" })), h("slot", { key: '95a56281e8be235d164e373beeb1c3ebb5215c5e' }), h(GuxFormFieldError, { key: 'ed51fe3db53c0880656f87eb468488718f3d54a2', show: this.hasGroupError }, h("slot", { key: '4d6e2588c55350a5f1c31532f72cf3b196e4e3bd', name: "group-error" })), h(GuxFormFieldHelp, { key: '850f72539688ca9e25b444acfab332ef4aaf44b7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e46869ab5d80867611375cc57dd120f403e90e85', 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: 'c99e1a14767177104ac7f733f5f6ca6d150e0eff', class: {
+        return (h(Host, { key: '10030bc0061686292f5de259b3c73f522b7e68ad', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '870297b7670bf5ba072454ae1eaf83521410c508', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f9681cf3541f38478509061b65095db9c2bd7d18', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7996687ffcf1f9c94563f6312742f46b72577d6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad6a38c825b8d809b2af5555e4475cabf16af971', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cdd67828c38e5d584a59f0e708763644e830bba2', name: "label-info" })), h("div", { key: 'c5d63608d0a64fede86505309d48dddc02dd1a72', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '551d86777213d48f1a57353ba7f9cae7493a5321', show: this.hasError }, h("slot", { key: 'fb87d31e460c0a70a9c8538ae4550d4ad57f30ec', name: "error" })), h(GuxFormFieldHelp, { key: 'fa41ac1ca1b8deb473191b7feaeab75dfeefea14', show: !this.hasError && this.hasHelp }, h("slot", { key: '594f71fa1ac41b1d4e0a9892decd54535c827f94', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '835be0936fff17c41eaab9d83c8a8c47e1e46242', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8864dfed64b384b2072959d113f743d19afdbfa4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8fe7c5f6f736b485aa668ff399115915e0471b62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '90dd887f8b0aabbc32ed1c46331f03a99d138fc9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9f18b3e1673e394ed83bba81f7e5856fecc11721', name: "label-info" })), h("div", { key: '67969623d8da0c088f4ec42dc64a4caf21c34bc0', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '01e1f0ff09a55c25c5639c40440057787c2abdc4', show: this.hasError }, h("slot", { key: '8dca4a4c3e54ec6fcdbba8020e0b2c63fa16439c', name: "error" })), h(GuxFormFieldHelp, { key: '888bf437590462938b230ca6aa7ed073e5b9e223', show: !this.hasError && this.hasHelp }, h("slot", { key: 'aa56799737605b7f9876da1d8d32f94a583287c4', 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: 'a2336e7651a6f5ff3820c3e2563a7c90c3874c08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6e097e2824de2fddc0a82bdf8e80cbb3657dcd14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '242a597a2fea8220c73d8b75c0587d25301d5f75', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6fa3c4a77948a92e97ce7c67cf4cc48ac6f1939b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '110f0db57d97eb5eb3a34a2ad9801a6afafb650c', name: "label-info" })), h("div", { key: '3fe4dafec0206dca0a83202086751e5269309b7a', class: "gux-input-and-error-container" }, h("div", { key: '786847c177cbe89d548008faf92cd6c506a443da', class: {
+        return (h(GuxFormFieldContainer, { key: '8152e1ae2c5c1b251ed772f1f9fb3a18bb555c5f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dc32a21c2710d1447e29f43947df8a0eb791c14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'adf0ee44d1e27181c3d00095842d9b8b2511899e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dee1312b6a2eb5c9f6243159dcbcfdbe119b0c0d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c054040394accb1183c2f1b79470727f473b3c6e', name: "label-info" })), h("div", { key: '99b529c9e2c01a632bf658fd4beeeff1dd3bc8c4', class: "gux-input-and-error-container" }, h("div", { key: 'c9ab64b4e7ff1df2f1e2dce86f4c030a033a7d1f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3eb4d02673dc99dbb421ae0c362e15cdc1f67972', class: {
+            } }, h("div", { key: '452a3c888104d0bfbd7767d1d515bdd9e88199e3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '3ba253edcb34ab1f074302cad02676e1ae0791df', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '070b82abdc3bd54a946a99e62ad03beac74a097a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6a0d7bf586fd25c55a2de4c043b1625126306af8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4466425ff65f008288e9d3fba5a9e208a2a1c6a1', show: this.hasError }, h("slot", { key: '3b5e6dd26e7024f7a4154eb5aefb1dc51d396cc4', name: "error" })), h(GuxFormFieldHelp, { key: '4b062ea601c2d5fc9b0bf234870f520264ced92e', show: !this.hasError && this.hasHelp }, h("slot", { key: '11cf3ac8d19f9609d968b555bd468f138d1da4a3', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '53704b99ddd2736c6969ccb09a6cf5cc0a40cff3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2ff4f0f5b93c7b2378ac1204483789ec65b0c4c1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '839f106121c904735efde2529a4f0e7f5d27c655', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '64a49222812ee8594e788e0246f6bf8a67f4de8b', show: this.hasError }, h("slot", { key: '2414647b3472aed8611afcbb8e299529162507c1', name: "error" })), h(GuxFormFieldHelp, { key: '485f1027550adf270a64c775576a6b07e86a26c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '8156afa4ed4786629181d83b2dde8d5e6e75ebf3', 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: 'bc2c490c7ad6a1fd9fb35fe7c17720ae0434d353', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1d9d352c69498c7c18b0af044919c0353aa99916', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '32c9ba5e2a27c5b867bbcfbbbabe0ccb22c90a1f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4b7a813d4f844e4e81d47ed8a1015a368e15d53c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1ecdf7980f691819057bf5d9235709315bfaa7d', name: "label-info" })), h("div", { key: '0e433faf1800d4155488c7ccb7410e07281a2274', class: "gux-input-and-error-container" }, h("div", { key: '51783b00b2f96fd486ddceaaaa86f6f44deee720', class: {
+        return (h(GuxFormFieldContainer, { key: '3cbb0b2cd86b780c3ac1eee19f91c8605f262ecd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '684e4f178fddb93759b1e259e36e5f2b1cdd37dc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '89c463f43ecf9c8e27ae843e4e28ce710766b1b5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b28db90f3e903d88fcb4f54087d01f6aae279d72', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ccc6ffbb285c07621fbd2e340b7adabe9efe8027', name: "label-info" })), h("div", { key: '719e9e9b1aa8e1d7aca89ea87bacbe6abd3e77d7', class: "gux-input-and-error-container" }, h("div", { key: '5f9597c864d60e25cf7333675903555aac2380f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c2e8f32366a97e19cddc0c88ff95c4c938e9f957', class: {
+            } }, h("div", { key: '5f749b6bbf4dd3c631d139dbeeae8ef547564d4c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9255c1eb21a504e0ce4a8f6262b24d949e0b57de', name: "input" }), h("gux-icon", { key: '781da46b1bafae98554a1a734c1d4b0a4e1d1dd9', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '0e5b86d31fbc2d7ca0a2336b880feff6b8ad3395', show: this.hasError }, h("slot", { key: '2ca26adcb51cf8d14f701065eec4186424c0fe55', name: "error" })), h(GuxFormFieldHelp, { key: '9c17f9bf58289bac8626a4f5d1df003d30953598', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd224d3b3b65864305ee0dc4d0a13f12722905d02', name: "help" })))));
+            } }, h("slot", { key: 'a08a4319094361b0f010d5b7ba84234f0b4fa6c3', name: "input" }), h("gux-icon", { key: '3b92ca6e08c57c60dc518acf9f5ab1cc1a8b48ec', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e61d8a0a58b6e7a3eb3c70d86b2dafc1f14045e8', show: this.hasError }, h("slot", { key: '6aa16e27cb6b251dd5e90b46f8ad1a68c6ffc342', name: "error" })), h(GuxFormFieldHelp, { key: 'ee4da5bd97ca45957780494770cb123f9f6ad7a2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f18ac75f67036af17b0db63eddb554e8f64fe65d', 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: '2e0d8747c6927180ef49b1eac1d64296b982464b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '624b2e5099934813fb278ac00009c71039edc431', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b8881080efecb0dfbcb4ecc26b83643204cf56ae', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a465e8cd7ebe65b1ea1f07a22da0ebc89d60ab63', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6685d45c39e7bdc6a1f0c214795a9274f9f0a38b', name: "label-info" })), h("div", { key: '0e2df797e7ab8c05ed68f3a3a7ce0b45e3609dcc', class: "gux-input-and-error-container" }, h("div", { key: '7f0e8628b09d4c182c004cdab545e4e328ec7548', class: {
+        return (h(GuxFormFieldContainer, { key: '2430be7b76b2f8f3d3b71523e0c88c85a2198182', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '82e38c45ee42c3d2efb2ce7598b060d018979f67', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e43980dc7ff93409757ba55203b414d0c108c217', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '582e61c95bfdffd344cdf420d73b6b8d3a7ed484', variant: this.indicatorMark, required: this.required }), h("slot", { key: '619eb1804cfb5fa9c2c1d37ad51f6433760fcf0f', name: "label-info" })), h("div", { key: '19644290edd8cfdb82bd07b1dd82331c3537aecf', class: "gux-input-and-error-container" }, h("div", { key: 'c92d4ca6042025f7cb68dc75b214b2e36e4add07', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5ab627e91ea691e1bd11bd0bb7bcad3e1a51ab55', class: {
+            } }, h("div", { key: '252f449565a7df542d6e1afadc333efbe3d9d541', 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: 'a8e4382f8da9b7a105d5444d11364f3b62e266db', name: "prefix" }), h("slot", { key: '5908030a07318e385469929a678806dd36b05a89', name: "input" }), this.renderRadialLoading(), h("slot", { key: '60733eb1bee7bff7cf725c68c90dca0b6263c232', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7c65de9fd0a36d1736bc8c61899384c32d3a9f7b', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c8a7d89141fc276f3b8c9224c4b27d239686aad6', show: this.hasError }, h("slot", { key: 'bebbad18b49e8492fe2d1b2b1424c0c7a643dd7f', name: "error" })), h(GuxFormFieldHelp, { key: '57a10f42f42e1f23c263645aa5eec2f5b394458e', show: !this.hasError && this.hasHelp }, h("slot", { key: '083667934a809c79bed03d4b39da290207c83508', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '44abbe244c4f17f4d651798a9e23a24e89d85261', name: "prefix" }), h("slot", { key: '296c7672974d6df6e769f6bde91b2799d99d0271', name: "input" }), this.renderRadialLoading(), h("slot", { key: '104b7cae7c3d388602626b3595ac5f73e82b32a5', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '79fefcf4621e55a3fa7af93aa00b00805614d9d5', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'f7357ef14b18cb4b1a4caa842d026f833d345a8e', show: this.hasError }, h("slot", { key: '08d672a9d97e9124cab7158d7f1f7369f11ab5b6', name: "error" })), h(GuxFormFieldHelp, { key: '7f5d8c7476ec6acb109153e10e27c3e560e294c3', show: !this.hasError && this.hasHelp }, h("slot", { key: '40409374c8e749c95a89d01a8a5216c30418d737', 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: 'ff1116e958e1f4014e7b6d7b64be67fe9553b4e3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2b8585aece1242a77a09d3c7e6be911cfafdf2ef', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4bdc31c30e46b6992551674313bdc71ce3433813', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '774e5db50ddb91302eaecc1cb6ac37b589275b9d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '93ac6b4edb3c526a4fc8713b4b70e833c154b5d1', name: "label-info" })), h("div", { key: '7398484c3e0cd708cda2a585d49e1f4b878e8442', class: "gux-input-and-error-container" }, h("div", { key: '6e89f5a2942bd719be32e109a06bb9ef500ea784', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '27c6dfcb0466cdab5080eae8afd8275029809303', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9ee5f53c22004a667be8861ce14155b29947d1e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '19daf0de1320f63c3f11fa0bbc3c993157eea2ee', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c885e0ea7518cf2bfbd8f08f4603aeb96c8c1b33', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1a5112160adc0e60bada1a69026819602f796431', name: "label-info" })), h("div", { key: '5870184e681c0194cb6494278ad02475a9d2ee76', class: "gux-input-and-error-container" }, h("div", { key: 'e140ae4439cc282314e21e92b7c81b93113657a5', 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: '05b9db97c55a3a7d23a614478365ee04dec6324c', name: "input" })), h(GuxFormFieldError, { key: '3f092b502db804352a8b2934f6004572ab8dde20', show: this.hasError }, h("slot", { key: '63ade17e80798d9f3127282aff876c61cfcdb9b8', name: "error" })), h(GuxFormFieldHelp, { key: '7c23febf13fc9779645305345afd0f807c778bcb', show: !this.hasError && this.hasHelp }, h("slot", { key: 'df027b22b429b5e66ffa793b821a009ba83d45c9', name: "help" })))));
+            } }, h("slot", { key: '8156f3e56c71be24add16f23f4644787951bb6bb', name: "input" })), h(GuxFormFieldError, { key: '7804626dc6a8787f0da7225bec263b532f9c1efa', show: this.hasError }, h("slot", { key: '6d22f2c9c20b1b6865c2574e1eed5ff8256f8af0', name: "error" })), h(GuxFormFieldHelp, { key: '9b30e9f59decf564e5349aefc2b76c43f3702285', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eae30f25c6648f831a77d7cf976eb00aacb9ad0e', 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: '77e2c0943e7272c6fbbe52b3adab449bb512c513', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b39d9949ba357fcfa9e2a1a9bf33cb81d1be667' }, (_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: '46f3707d010640790e3006114d23ec3dd5df2cd8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2335950ed4cec90514d2eabd9d59e2f50d43e72b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f1aece84688d725294a36e6cda698e575b340b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2fde31adaee52c6fafba3b18d4db5d40b1ba0c03', name: "label-info" })), h("div", { key: '0ee6ba3b352c5beb35f0d95a6c38e6625fc03cb4', class: "gux-input-and-error-container" }, h("div", { key: '0743186871c68411d99928e7ca7b3a3a14dec12a', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8b6e52363f8144e7655191ec7aa179a9eac1e005', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b899c631e99078eae3b60e33a500075444c378a' }, (_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: '1645e6a6ec05741085c5151ed2ce95cd230dae71', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '948584cf7adb1f112f6e8924ab5238613127632d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c030ae86e8bfd9f0fb6b39dc24874f1aca75df8e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '795364ccfa8cf191a1fe761a4d81ffc0fc33f856', name: "label-info" })), h("div", { key: 'a2e3774e0f2ed3c3032e623a388175c139a28e89', class: "gux-input-and-error-container" }, h("div", { key: 'a6869c8ccac7b8f0f368f0b8e2492ea74f13999f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '051f19db07e991faeed2d59a2c379694b200b601', class: {
+            } }, h("div", { key: '7e7c33702663fa0787508928e68a006f7e80b82f', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fefc9a6e557c5dbdc081a4500f34165d88b6e1c2' }))), h(GuxFormFieldError, { key: '0d2cf8504149894e2f7ede9577962e260ea8ef73', show: this.hasError }, h("slot", { key: '3b23e77c4bfc93e481aca214f7bd80406ac5cb41', name: "error" })), h(GuxFormFieldHelp, { key: '03bd3a4b2ddb1c5133546cfa99818cdfe5f1b95e', show: !this.hasError && this.hasHelp }, h("slot", { key: '14cae8dddd882d321e72e2a2704b69091fb1a8e0', name: "help" })))));
+            } }, h("slot", { key: '4d714c2cf747c906c85bf2f4c6e01b3f7cfe0ed5' }))), h(GuxFormFieldError, { key: '804e7416295d233824a40423288f5e3d6c2034c1', show: this.hasError }, h("slot", { key: '9e3ce482d09ebc55e4c9ba88ffa056c135a1a628', name: "error" })), h(GuxFormFieldHelp, { key: '7ab1f6683d785834ee0fa9874fc740b53a83d1f7', show: !this.hasError && this.hasHelp }, h("slot", { key: '6950ec9b0c14b2123d02a5e9b6fd61b592e4932e', 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: '19192d779ade1990f8f31b8a26694437adc42178', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9d801a214b2b122b1629fa9eb3964064a07ee6c3' }, (_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: 'b94dd2ca3eb70fe5377396ce6cbac1b19c0ee312', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e91c96cbf70c5cdf8d763c968b6bce30ac4428bf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1e0f2e9bf72f3385ca79ced4fafe66922db45b3b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2dbc4d8b89f03b95bbc9b7bd8d1507606e5e9832', name: "label-info" })), h("slot", { key: '7dfc108e0f2a2eaffb69c7406c778eb8e4f2ef02', name: "label-info" }), h("div", { key: '465f5fa78969aa22dd9a9d746aff935754da1e3b', class: "gux-input-and-error-container" }, h("div", { key: '525d5a66df7030826fdd9dbeb4d341d195da393d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3f2dfc9d2e67b5dc37d7ac29900862801994a343', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4a6b54bb731fde4da6301a9eb148468280260b27' }, (_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: 'cd4f9ddd59d639fff65d098d7500f719cbafd6e9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e819d2c6df8e357fda36634c79898b148e8c7d76', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '75f3e7699379f857aff9098d11c261a5e8efe0ba', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10e694aca53b8ba92c2532e5df8c7137e06499b9', name: "label-info" })), h("slot", { key: '6649ba29ebcfa563d8cf38278e77e40e0462a666', name: "label-info" }), h("div", { key: '44124ddee5deefb8cf0fb04af681059e8b3a689a', class: "gux-input-and-error-container" }, h("div", { key: 'ba6e67965b8c31a17397abf549247a979bf61ca0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b1980fe19fc3a6be66d6836452da3adad7c2f045' })), h(GuxFormFieldError, { key: '64ba87e5497aba4057aea0ce3ec8b8ce8a57dea1', show: this.hasError }, h("slot", { key: '38009295306f8a75e4ce458641c6ceca9fa99925', name: "error" })), h(GuxFormFieldHelp, { key: '3f131b0bbc2d66b420c72cc9d3a041fe7412364c', show: !this.hasError && this.hasHelp }, h("slot", { key: '9309d35afb6735c3644ff4bff36fc97ab1e8c575', name: "help" })))));
+            } }, h("slot", { key: '01a98eead8b8649493776d609dbc91d82a4eee45' })), h(GuxFormFieldError, { key: 'b811a8b4e3d9565430e518b16e4337b7abeda02e', show: this.hasError }, h("slot", { key: '7d2072af01037d7d596d9f7f250db97b77a2a637', name: "error" })), h(GuxFormFieldHelp, { key: '1d243a3ea6187b26da020fa34c96f3f7323a389f', show: !this.hasError && this.hasHelp }, h("slot", { key: '584be70c04dba39501c386e4468b7921253e5559', 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: '6e86e3de8c890587307feea9fb87fcf126e61b2c', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'd46f7ad0760b695fb26cce1d1db27f0c7674c58c', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'b5b94d87c03b0d107deaa84152efe497f325f7ef', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'cc698d5d3bce00c1c8175686d2162522d3463dae', "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

@@ -64,7 +64,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'ddcebf44959ac6a003de64b06cfcca08ae4d2318', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '4e4bc1911776d9e38b04891732301050fdcc9a3a', 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: '0a11de32326324139045180890d0e77715be4dfe', class: {
+        return (h("div", { key: 'b83e6e5a2e42b9fa37ee5ddcf5c4ddea513f876d', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'e706e06539d7d1c6dca636bee1ebedbfedd1989c', class: "gux-message-wrapper" }, h("gux-icon", { key: '689b4892acbfc4b2ce2a7e65217378a50c4e64ca', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: 'e326a09597a60e9d001b90c9ff9c7ec1bec54c10' }, this.i18n(this.accent)), h("div", { key: '16cfa7e6c770ca894994c883be68e79dadc49168', class: "gux-content" }, h("slot", { key: 'bf233846c08141eb2d1e645f324f523a544d44cd', name: "content" }, h("slot", { key: '559bef47b84d76dab349ad62c1f012ee1475fac9' }))))));
+            } }, h("div", { key: 'bbde20112a55a4b1393ba20877f04e63ea21ea4b', class: "gux-message-wrapper" }, h("gux-icon", { key: 'b1850d2cf494d71f4eef2a2a30dcdc43bc8d4ab7', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: 'a640e941802094cac9bf9c0bc911b25d85491247' }, this.i18n(this.accent)), h("div", { key: '5cbccf2de793d2d3725475343bc00a320957911e', class: "gux-content" }, h("slot", { key: 'e625a10d875103c9409490fc874c143751461153', name: "content" }, h("slot", { key: '9422a6af2040e632df592a84cdc6acd758af3163' }))))));
     }
     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: 'a0f9286731bb209ca9320ae7c403cd95891fe23f', role: "presentation" }));
+        return (h(Host, { key: '26d56f9b60b8c1a6b7e29cbaa8a6ed4248435de4', 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: '14263554c78c1d20a17e70c7dee16acf2ef9d2a7', role: "listitem" }, h("button", { key: '9822818801c5d78a8ff2ca65dede2e8b0ddf0706', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '152c1348327f72a0ca509cd5c1db1ab82c864d9d' }))));
+        return (h(Host, { key: '995988087c3d63e4f3693471529f17e12f046424', role: "listitem" }, h("button", { key: 'bad2ffba78d8b5378bfd44f090bcd7333f6dfaac', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '883ad675d2171d98d4ede08ee652a370a0945911' }))));
     }
     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: '1f9c4c3bb8aa71a2c242d0e76fe4207e5bd8496a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '9c3b6aecd98e9cd82e6fe2d0cefe1adbd133c26a' })));
+        return (h(Host, { key: 'd91bf05d5aa2018be6720c3012a16d9336c97e9e', role: "list" }, this.renderFocusTarget(), h("slot", { key: '8681f5b89a91612018a4b980068502fd09d07842' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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: 'f0f857309199da75a1d746f1c64df5d03cf1482c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8fd2f7bcf54e3b49dc2ca49ad7b85ba24bb00473', class: "gux-option-group" }, h("div", { key: '0a95e5c1d6b1085f743a6873ccf4d470c6f638e6', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'a5844feac9804a678c0487ff097ede61c378b630', role: "group" }, h("slot", { key: '5ce6fda569654b65579a5d68d267da52494bdf3f' })), this.renderDivider())));
+        return (h(Host, { key: '677c582dc1fe234a90061d8233a8a92fa48eb18e', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c2627937b767bc5d70a4dc8c54559a8337328c6f', class: "gux-option-group" }, h("div", { key: '460d2c2b92ad720ef44420a1bedf5440dff482d1', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e6790a4cf9d6edb93af39d88ec6fa37d5209802', role: "group" }, h("slot", { key: '7a7997cebb871f790d522ad449fe539e87b96ba5' })), 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

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '5a0f0e76a9a7d6c47bec3962f8fd928e99bcf90e', role: "option", class: {
+        return (h(Host, { key: '771ed267948965285f92717f6abe2b316f83b614', role: "option", class: {
                 'gux-active': this.active,
                 '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: '0333df4572e7e8e96719311e9f4adb822ed72268', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a42db761ef58e2be2d05b11455b9223f211cd0c7', ref: el => (this.truncateElement = el) }, h("slot", { key: '07afbb2319d63f0fb6e0b45d27e78c3d76ba3020' })), h("slot", { key: 'b1b61159e41c756763d4a2060523af62ee8d9590', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '209ec65f605cace67a478f5ca594e12254cf9e07', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a9d5018822118c26e1fb189038d0ff28b8563a02', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a65af356d77ee6196ecac3c7874e7f6a6823d898' })), h("slot", { key: '060cfdc00de3ca73f11a4cac54a186e95e447b29', 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

@@ -65,14 +65,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
     }
     render() {
-        return (h(Host, { key: '267528cc8adc479f9ef7cfa4129ad9481ba87610', role: "option", class: {
+        return (h(Host, { key: '54a7a89512eb16132089bc26d5a27304dfb4956b', role: "option", class: {
                 'gux-active': this.active,
                 '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() }, this.renderMaybeIcon('start'), h("div", { key: 'f59f5d5337f4fab5e7de8b16b62cd78722cfe6bf', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4d569376dc6169157ddbad47f618dd61dae4a89e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'eb190d66c1bab906436ce8c89b5e7872f2f2ab5d' })), h("slot", { key: '48b4e651063a8af33fd177876d14137081d3f3ee', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'ecae8b634d1780366f1eb0743ae1c93d113237c2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3f316d223c37ffc2506de124c2d2945de56c9481', ref: el => (this.truncateElement = el) }, h("slot", { key: '605f677e79c46de8df6920d90839030b3eab1035' })), h("slot", { key: '587127a854131ba1684e228c2bd991a8e40e08f5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     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: 'a75dc5acc74156404a41d589777df2418185386f', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'd4dcd0f50a117ecb427426bfec898bfac63a4200', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '256278e5b949c188f20be826cf86f2759986ed11', class: "gux-option" }, h("gux-icon", { key: '3ea7a34b74ccc3cade832e9ebbaeaad2f5321743', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'fc5e1f2591d3cf32826f98a7d9793c78481b66a3', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '4a45a9beee199884feb1a03743b981af392c12fe', class: "gux-option" }, h("gux-icon", { key: '7a84162561b989ec562bd6e198338498e82cccbc', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'f0101e170122a5e8d07591a7ed95ebbf77c3b64e', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '3a5cdff42434e2e37079e01b408bafbef12e8e82', role: "option", class: {
+        return (h(Host, { key: '01f53b1d822807d4776f72e08d2493657d0fed94', role: "option", class: {
                 'gux-active': this.active,
                 '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: '5c1e549be823e0d3c5d833a98b3c71d8d99441a8', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a0ca685b6bd660d92655a0e448aa029a2f66f6f4', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bcb67b50e599b0c8061d61e1b4c126f125aba6cd' })), h("slot", { key: 'e9ee25d566bcfd83e5b317b18129ceac5cfc7f7c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '804cec77b92c08a9319f1e344e4db7d19b7a774b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '951fc1c83aa7b3c96695869fd2d33ea2bdb49bc5', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd01a74b9802f6010f1bf8b3de72dc4b5a7d8283e' })), h("slot", { key: 'fc34bed8a8c52739790d5b3da53bcd98c331f437', 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: 'a6882e944f1d689dfb4adcecd30f3688cbbfba40', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '1dac8dd5f9d6d9a44e439f2282f8b18484383c59', class: "gux-progress" }, h("slot", { key: '07eb149c4869b33d7380d40464ff246f97581621', name: "progress" })), h("div", { key: '04b0414180f916aba67f104c080291ad02563ad1', class: "gux-primary-message" }, h("slot", { key: '3cd25f31f296f7c7071371fb9838a62e18e3d8ba', name: "primary-message" })), h("div", { key: '928eb0eee649385cde2ef2177b9635e762d6e306', class: "gux-additional-guidance" }, h("slot", { key: '240e84224ca76ee01ec0bbde1f3c1ba4669172ce', name: "additional-guidance" }))));
+        return (h("div", { key: '3546f3901af1c7808498ad1b0eec80549a253fc8', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'ae7f90fa8549c4f5415defefadaca7ec6c79a9f2', class: "gux-progress" }, h("slot", { key: '7ce0df34d0cc241391db1dd2928dfcd2642d95bf', name: "progress" })), h("div", { key: '3488b5e3944de3000c3cc6c55d788270ce0c16b2', class: "gux-primary-message" }, h("slot", { key: '589d53b42d2fcfdc27601422a42c24878da9cd34', name: "primary-message" })), h("div", { key: '501efcd1e8bdca64b0299ee71355074afcb715b1', class: "gux-additional-guidance" }, h("slot", { key: '66363dd92f59562552a880067f84835811f2d0d0', 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: '1ba76225c1eff0ea18b0174139b292e80b4e410f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '341b8338d682b64460e913a40bde62ce5a608501', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'e2c44589e3e05caf3226e292ac8057ede5694112', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '5cd0a5ce5d10cdf63a209937572711594d1baf89', class: "gux-modal-content" }, h("p", { key: '444bae638a018a71c1cff61d0e44e2f6dccb722c' }, h("slot", { key: '04099bbf6b4a77aafd7b66fb47a09b96e9157ff4', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'e58052c46fedc67ad499ccac3a34c00a77073528', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '9fefcc48a27ad42ac4055f7b98007f95b1171e3a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '64e934dac10e4063ffe0dd3349622264ee23ec23', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '68e1695869903a4a09bca4edae55e630776926da', class: "gux-modal-content" }, h("p", { key: 'c7707aaa07ee3b31c35f118efc1218e173166522' }, h("slot", { key: 'b41f36419641719dc58987bf0ab1e54dadeaee4d', 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: '773c451d05b6f6c9d97f279c5961c77c0717d7c6', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '8f35e923ef892b33e0071adc2f8468219cc2d4e6', 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: 'd83469035eeded8e0e9e43ad632a564326cc7267', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '349f34efcac7bf8b38f1a7509337909d8e6e2554', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e03fa70c64be34f818253bcb611394d232291fe5', accent: "ghost", "icon-only": true }, h("button", { key: 'c30a650f7dd1c0fdf6c20022037d118901dfd0ed', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e6311a534f265c5a870cf7aba74b208fd86b6e52', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'fe7557f4efbc11ce0bd8d4a1cd765b7053c2d382', accent: "ghost", "icon-only": true }, h("button", { key: '7d7429cb043d49e6b1aa762d76e511bd3cbf07bd', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2680079a109b68ae368b53f432dd35d45e45507b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'e842ce956375c6a58e27a786e8f34d8384c46974', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '86baca4da1dffc91d23abb0cc697064218f4946f', accent: "ghost", "icon-only": true }, h("button", { key: '33bf2b4a8c0f9c4f097dc75727a639dc4e1b3a25', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '385500eeb888d9aa7c6bb802351bf4a661a267c7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '120a77d969dd73ca65cfd3d063829917e618b3b8', accent: "ghost", "icon-only": true }, h("button", { key: '0a5ca811355b17bd049a555cae7590a7a4ca686a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6875dfad4581d3c169cbff7870bcde87c1bbdd41', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '0bd91b28670056a49054093a49db3c3825a4d92b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7d0145ea809555b43885c1822a263a6c64c66b20', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4f1cf8b32c0e21988d5e8b7b1affc6c211092e90', accent: "ghost", "icon-only": true }, h("button", { key: '014cd2cf78d8392be975264441d001a47f8051e2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '2e5a4826afbb6ed9c53b6bcd196d893fce6a2040', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7370ea7494372740400c80d2af2faad549609f7f', accent: "ghost", "icon-only": true }, h("button", { key: '1755aeaef12cea857b5025639a04f529945693ac', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'c1455ad9ebd8de0ec47f5197bbc4f751f27c09b8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b1ec867e04913a13d6e3b56bb630846fb578066', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4e6a5aa953241a0f4554504fa97843e9b0ff63f9', accent: "ghost", "icon-only": true }, h("button", { key: '7262b8a87e38fd173cfe738051f16225fb16dba0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0a871f148918ec17c446796fbb46380b7cb474d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4b7cc842b30e6278931662a523493ba699661489', accent: "ghost", "icon-only": true }, h("button", { key: 'b461999f7ef787e0efa01b41ababf261b331fc7c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7592cbc0e1e26e56465de9fd6cc814a618a3e33e', 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: '7765d2c90e47d168ba2f2492370bef18e1b224bc', 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: '440dba63e9b2f979e05eb2729b5f33c25222c0bf', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'f6ac963dd5cd96f312712e56bb38660f5ddc722d', for: "popover-target" }, h("div", { key: '47749ce9824722e918a637e35d8db9cc57fb312d', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '374abe1f13942da30b986fbcaf2061e487451dc6', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '2029e8e45a2504954c688e1cdfb21d450f196e55', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '5ea400bc7fd9068f2f295c27fb5c610fc9608f77' }, h("input", { key: '8aeca3c756bff9228548e431eb177947067509fb', 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: '9413e3e0f566b9193700aa1ceec1ad969441c830', slot: "label" })))
+            h("gux-button", { key: 'bb102bb4e6e7948674c8318c647b30f9cb2e0947', 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: '8810294409c9cced93a0ae3e1c85b0d493bc73f7', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '47c37eb0cf3975467a9dab5eff31d479853efa64', for: "popover-target" }, h("div", { key: 'b8c3faa45121112f8624722cf71e19658781b4d7', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '005223d651c378144eb4f2069a809d96e1f68d60', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fa6dfa3d56594a17f87eda22750dd2fbf121e8d8', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c5566c1d3a235557ee69ab50683e04ac768a1b64' }, h("input", { key: 'a76d031de8c98fb08d2fc680036a49440983c559', 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: '5e157f466d68ff710007337486efd9fbda95363f', 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: '86ce3669f099d893194f5514e5092ba0ba21ebb1', class: "gux-pagination-item-counts-container" }, h("span", { key: '6b40aefa48a449f05d885a2570461a12e9273cdf', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '58c5fbaff6e58d094188a264ee3293a967761af1', class: "gux-pagination-item-counts-container" }, h("span", { key: '074bd769a03fc8514a946c2593636b5e634bca73', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '269a8a3de2e3e4f1ff7d29ccc1fd5850a552399d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '185cb9d934e226caaebf680a6f3cbd91c3197661', 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: 'e5a4e433be719e153fc008c979fe32f33443845d', class: "gux-pagination-items-per-page-container" }, h("div", { key: '0027b19cf51f8c0b862bdc0d5486c70c926e5be6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4f726b00770675862cc1ac98762e7983114a992b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd0e5bc9d9619a43f456ad70acc9ba384e352333b', class: "gux-pagination-items-per-page-container" }, h("div", { key: '46759db13c3916632ff064747c8b213523cca366', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '33d5be73628a54afce37fbb2b703540e9d076df4', 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: 'b4c1f6b7a2793dc5774a8043473758f96bf54bc7', class: "gux-pagination-container" }, h("div", { key: 'b1aabb990f06551bf31c36911018cdce361fe68f', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'd9bf9ed6ef230f518354834e5bb3f5e76f3048a6', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '394066a448ea66e240e52a94ae4eefe64cba25ec', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'dcb8379f8dfc9bd71c6164689a6d1e65e6ad5265', class: "gux-pagination-spacer" }), h("div", { key: 'ad0be2dedfeec3f92de5346316ed1c6a615f698c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '21c989752e10803d347e5c1d79ce651ae383d953', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'f2ac1b919a6705ee92c3c24e847add02782b50af', class: "gux-pagination-container" }, h("div", { key: 'bbae5135827feec349279d5b943b0ff66b53662d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '79edd327ea30099279868bf84791849eea72297b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f7a5b9eebcb2fb115da99c816bb376becbaf33ca', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1cb849238fa611e8dd2b9e00550923e926555503', class: "gux-pagination-spacer" }), h("div", { key: '69c636c0f7d825a1a9d499057b4b5d48d18bdaac', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '923fc2a4263696742d9e9dd156d9a7fe6fa0a1dd', 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"; }

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '6c4557c995313b30bcbe116392a5e1f9bbd6643a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'e59b939ea5345143047c3a2a326d2c95d7624b03', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f44d845855d20f39b9de85f32bad069bd93dd818', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '696032dc5ebd8349de39fe5ae01d6aafb92390e4', class: "gux-arrow-caret" })), h("div", { key: 'bf80c81d49bc6d495081669c84c2f7065e45dded', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2c302ff738dee7a4118dc2dec17e955ac59db5b', name: "title" }), this.renderDismissButton()), h("div", { key: '54e0012209271ece6e4114b65ee7b15aa548b092', class: "gux-popover-content" }, h("slot", { key: '586930d851db6ec626e7c6ac1f93027bd841db3f' }))));
+            }, "data-placement": true }, h("div", { key: '37fb3f3ef84513490436a943c703832d1f68d47b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '258664db187e6ef0fa438788e4884b420ad4d2fe', class: "gux-arrow-caret" })), h("div", { key: '5be4fb53d86fe167a2bcc489835997f7411abdcf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '50bb69a0ad8a52ddacc6f791f28983f1a16ac6c0', name: "title" }), this.renderDismissButton()), h("div", { key: 'f1f65d5c09431e4bce28c567e2a4d3e8fa30e452', class: "gux-popover-content" }, h("slot", { key: '3d96a3b8be65f5fb1bf3084cddbe273d616f8c4c' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'b9075514cd8bf91fa7ee346e541bf4fa65de3b45', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '577dd7af20f432ff6fb952e0b2ab574e835df57a', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '2ab2d6aa339e31ee8f86ad77f9e38a38d055922e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '0745a0efeefd5bfc252715088d8ebec2fa45a95e', onClick: this.dismiss.bind(this) })), h("div", { key: 'b6d05de93e84b2d028fbe9adb94409cbfa153cdc', class: "gux-popover-content" }, h("slot", { key: 'ab0575ca09aaf35ba48d20228be94905a2b77fb7' }))));
+            }, "data-placement": true }, h("div", { key: '137e434be59aa2c2f8c6dd3cdf3c1277b97bf0c8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'a6484d2ecbede6d5b8d68c2e9576e44dd571fb41', onClick: this.dismiss.bind(this) })), h("div", { key: 'f681f07103ceb17db8cbb5a21c2117458eaac482', class: "gux-popover-content" }, h("slot", { key: '56724526ced528ae8be3996c20e6cbe9a731031b' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '86661e9a1ffebb0288baca4f7de135fbad546f94', class: {
+        return (h("div", { key: '75b7acc0b6d09b5f8c2e9a37a15207e1e8ce3850', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1bebbdd4662c7936552ff386d546a2132e533cd7', name: "target" }), h("div", { key: 'ea9d72d6a89cec3d8eec15414ba0983482091702', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1578de69396d1e942e0bca75dcec8c42f0f69696', name: "target" }), h("div", { key: '216c0db2f6276b6d0d72ad59f4a6525594c4ba58', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '70d5b808259f11ad8e3930f1daf1773353dffbf2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '2339a564f4dbf669cd4da50fb074e6e4bf075a21', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '5050acbcec37447b77f8f28a2adb5338f53f852c', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '87cb49f2232efc761e9a1d183a724efdefc6253b', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }