genesys-spark-components 4.112.0 → 4.113.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: '2faf2285935664e9c280134387a706a1c1a944bd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec23a5300f9e8c80238e0cdaa6a85e7c3f9ea99a' }, (_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: '5330332f537b8a995bc51446d8a6cc31a8310439', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '027707b7360d78f80578421139beb0139f5e8dd7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '597b43ae4ba13036f30a48842dd91e8b9887652f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4700b0137ef46b7b426c69ef58a70e736358ea93', name: "label-info" })), h("div", { key: 'a51dfbf4a9a859b7e74dc5f90b6f0bc3c06405bd', class: "gux-input-and-error-container" }, h("div", { key: '6d18358edd54d2d9b102c6dba7c546b0688a1723', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4033587ecc7f9d14a95c6388b5240fc000b35362', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0dbe6f44f64c58b277c504978926a0c189ec69b6' }, (_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: '4212361a7da48e80fb6644e91227475548ceb16d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4a39db24b9c62b9b287f8f20246eef3e37b79910', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'eef893fe39ecb9d43cc47c1dc20b20b698ccc65c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8318a51d01a4cf48b01652d0604b2f006072025a', name: "label-info" })), h("div", { key: 'a34e3bf2a60b418cbacafd3fc921eb57917b8eeb', class: "gux-input-and-error-container" }, h("div", { key: '3c5730f1d80484789345645fd4b216c4502d110b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '705a88162290a982c53eb525ad09709fd72b81f2', class: {
+            } }, h("div", { key: '0946b1e552926c2abe69b26f5c8d7c93f80829a7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fc1b8087722c654ce08985e3a287d7acd17d1eac' }))), h(GuxFormFieldError, { key: '8d0df77c0fd84213ba45c0138e149f97763bcc9f', show: this.hasError }, h("slot", { key: '612b08bfb7389bc9f2f8635c19871c2fed54c919', name: "error" })), h(GuxFormFieldHelp, { key: '57f241314207da4d7ec5d764bf6c6454386e452e', show: !this.hasError && this.hasHelp }, h("slot", { key: '761b87a8721f60bf917ef2a37304ccd093c9e97a', name: "help" })))));
+            } }, h("slot", { key: '1651c44bda8d5983564143412363207a47d45465' }))), h(GuxFormFieldError, { key: '45bcb523d3ce076f9c2b92f876812aa08e2ed063', show: this.hasError }, h("slot", { key: '75f98de65f93eb22d561c3a6186a6db0f18c16d0', name: "error" })), h(GuxFormFieldHelp, { key: '828b128b8457969838561683d2fc98de260105ff', show: !this.hasError && this.hasHelp }, h("slot", { key: '555d9a314841611b848c3e6fa89f811587871de0', 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: 'fb3d9c54fed410c8abdf127195d8e1f8d9225b78', class: {
+        return (h(Host, { key: '560cbdecf43e08dadab6931c24ccbfc911d54d3e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '401e0f3a5751e025066180e6283f07009dabc03d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '9d3f8ded8332853838047fd636c4ab1030f4267a', class: "gux-input-label" }, h("div", { key: '96d50560144d5a93e8fa47175fb7006e0fbd2a0c', class: "gux-input" }, h("slot", { key: 'bdd20154c500c867c60f472a0d999804285bd32f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'cb33289fa8ecd145e5a20e49449d8d88732e37c6', class: "gux-label" }, h("slot", { key: '87e5b690d46888750ca0df79d0025bf824a459c6', name: "label" }))), h("div", { key: 'e445df0b2d5e8780375f6657f49e6c0deb3fd4f3', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1ff9b1cc620ba590414e2dfecd8b6aec1b809d12', show: this.hasError }, h("slot", { key: '8a65f8bdb03f17fe8a8cd662571c990db99cd084', name: "error" })), h(GuxFormFieldHelp, { key: 'd7363a4941529425ab349196e31b079cb601a51c', show: !this.hasError && this.hasHelp }, h("slot", { key: '63fa3e674fbee4b7bdfa8309b12e98f41b4e0ad3', name: "help" }))))));
+            } }, h("div", { key: 'aad62148a263916930f601bbe743d389d44d0317', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'e6c669679198fb93b26d971df6f7951f592b7ee1', class: "gux-input-label" }, h("div", { key: '86146038e32e4b835a231bf46d8c6f8f5a623b87', class: "gux-input" }, h("slot", { key: 'ff0f31a8c14331d32e52d64c55d8ff78ce973dcd', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd36e8bd01ff2eeb30e2978ed297d301daa347869', class: "gux-label" }, h("slot", { key: '893da0327de98f89e133b23fcf2c7f6c9f1da830', name: "label" }))), h("div", { key: '8acc4f27e6a035ef674b5fe4f5642218a5b97674', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90b93cf7c6f6249cfff5317cccc9a363ec19debb', show: this.hasError }, h("slot", { key: '81e6e7aec500c69489331f64ebef22e21f2b99f8', name: "error" })), h(GuxFormFieldHelp, { key: 'b0dc0a5a71b40cacb0987c382c4a7854323cbfb8', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d7772ca5ac735bf5af51d3e983a03fd1b50d664', 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: '3b4c6e42b8ce97b5cdee3ef91e78cbc7a63edb7b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '37f5386961b4c46c53e53c0926afe293dc47e0ac' }, (_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: '78c16ad10a53caf2356fec070fa3cd09134598e3', position: "above", required: this.required }, h("slot", { key: 'c7aa140614bf894a9141048ffe2064d4d3532962', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1b0b6ef495fe1f4c4b71757104a9f6de0c8167c2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2f465750afba08333fb43a9b8effb428a9c79f99', name: "group-label-info" })), h("slot", { key: 'b5d3aae02917653bd5600b34c61e7df4406076c1' }), h(GuxFormFieldError, { key: 'c38c240fd998c2ba0d700314da730676ce1d089c', show: this.hasGroupError }, h("slot", { key: '7aded3170e6e3668525d813caf66360b040530c2', name: "group-error" })), h(GuxFormFieldHelp, { key: '4f1231350282aaed75d25b70fe38fd21ef2f8061', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '52ce42b5dca6faa646394ef72528ce69658f03f0', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dbfd1fbf7433197bd3fa3c0916c83179cd7f6126', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1ac4adb29e5864803e3091d87ba2d87f3e490490' }, (_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: '68b80b835359d30d034ad53bb20a7134a45c0231', position: "above", required: this.required }, h("slot", { key: 'e1bd8a17e79cc7d1a5c89b6acd439b736526c980', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0d4da7437e97244c1fd1bb64cf983e76838b5736', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0982ea5528442ff241ba7c670d476e976704826', name: "group-label-info" })), h("slot", { key: 'c819d8ef5b4c3ea70c85f8c044e2d06bbe5dbd73' }), h(GuxFormFieldError, { key: '70d2b7e13b963713f9419482790bc2d6c796c6db', show: this.hasGroupError }, h("slot", { key: '7bc7db9d77b25c051f699b65e227246d76c9b034', name: "group-error" })), h(GuxFormFieldHelp, { key: '95edee33353f037864f08980dd6ca0cf650a4f6f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2128cd99862d7b9ca1b98830e549fbf70a9fec1f', 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: '8a9523dae1db9fda4ccebcadf9f0e1f820c3e887', class: {
+        return (h(Host, { key: 'efdec5b05dc939ae35c8be76a32e1a007d7308ea', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '21858f51eb894fb106b810b4a76ee1b322b3cfaa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1487098d5649f37c1a03513a42f85ac4a7e348ca', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a1cda3f401f4df1ab221c6678bdd43b512451202', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dd56d02d2803117ca3209ccbccf05f21709747e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b01aa3205ad590ca88fa87e6e562f91b4b649e6e', name: "label-info" })), h("div", { key: '2c5e1e6e8ddb631e6d0f30b570e3674c34ee8a99', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'd195bca17e0c59f36d9120f9b4fce23fdf0247d7', show: this.hasError }, h("slot", { key: '848f948edf4edca7c4c251ecf01e090cf5a19989', name: "error" })), h(GuxFormFieldHelp, { key: 'f81fb5f7a1eb0d5624d75c95917c5b53d2614965', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f06b21b4aaae607ed48274e17e4a97ee21b709d9', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '04666e490c17816bea66d37f8e3477f8f6442840', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'be72f865c14fa0ad765087c38749916aaf8caa6b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6fe99fc9e1cad0bc1eb458b0ea2b7fd30214c743', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5be7bc89b2619867b7d2de8765256e4381eb08ae', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb8c186f81cbe84ff54136f5700fbef1bedac972', name: "label-info" })), h("div", { key: 'eed009174352e28030bfaca0dc5fc9a588206011', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3bf2a9583bb6e7004a49f8185c843043e9fa7b37', show: this.hasError }, h("slot", { key: '5a3cbbe0b35b318a7ac62bb2dbd6ba79e5d5136d', name: "error" })), h(GuxFormFieldHelp, { key: 'ca0cf1aeb0ed8c508fd4298c62e92221998e7ca7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd787b966f3662e8af1a4e3b7cdcc6c0e9bfc4ec', 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: '931fca4f5380e5f31e34a01058ed9b8a8d8b1b65', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '676a77eac2d9cc6a3ea5bc93028493f9bab45716', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '34fcea2123a6a29cf5469e8b31ba2db4cb190774', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '28cfe03680b2a4d8d310b97e170277603636ecfc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd3d56dbab4c83bc800681c46d3bde4dd42abf0cb', name: "label-info" })), h("div", { key: '08c7c047de54e3ee678c50c7c51e90498768f441', class: "gux-input-and-error-container" }, h("div", { key: '0c2e9c8dc507f67c345c58407b6a0d1d5ae2668f', class: {
+        return (h(GuxFormFieldContainer, { key: 'fae9d2bde3b9f15520d7cf963352a9cb315ddacc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c2dfab5ed0dc314a7dd6aa866747375ceae599df', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ce66cd8e59f0e21d9d55319a468effac53af1af3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c6fbdcfc0c2144ce4c93b2f1dc3730f45f00ef5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3d382bee6d91e00f76dea6053012b0ea890871f6', name: "label-info" })), h("div", { key: '2710be721228743cbc5864865dd4a7307ba86cf6', class: "gux-input-and-error-container" }, h("div", { key: '9d895f5095c690d9042dae6a0c6506575e59c082', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2d38148f79e9a208e0392ba4d5af516be21e1640', class: {
+            } }, h("div", { key: '4a340e271b02549be901f60b9cfa85c044a5d1d9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'eec64f90d4615dac9b78b38b027ecfffa7af1b14', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'b36a384abfe34572223e4f8a878bb4b6440440f7', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0445794b6870c9199a311ab4a2022e2fdf949e08', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a40f3f5a730bf1cc0d4e8b1caee2c26298a3b613', show: this.hasError }, h("slot", { key: 'dd0f776db153e891dbac203964163042bdd28677', name: "error" })), h(GuxFormFieldHelp, { key: 'c8a01cef7a4a2ee0716feed165178c6ff547a81d', show: !this.hasError && this.hasHelp }, h("slot", { key: '012262ee7b5a21ae09cf4142013379b50a58c5e5', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '4a2f32b34255decaf73aaf32ecb5d5520ad935b2', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'b3e0aad95f7af9617fff5718e9a17e3c666d57ed', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'be4c68fa3184f04bdb3e7f1b5c6dda9ea9e6921f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a18b0950fe0a6814da3e4f25e5b5ae9841bf0e94', show: this.hasError }, h("slot", { key: '90359f820a41b241e16a596e8c37273ecfd61781', name: "error" })), h(GuxFormFieldHelp, { key: 'f9a40baa4a08a153e5dda5b542712822956698f4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a135a1a2e80cad4e8c287a357a5290f735a33e4d', 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: '086f94554cc94ce655aa1083708f97bc83d75ed6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b8515b9f8c8382a202a5ac30f5eae5e288cdeb52', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ea43112f7e622412a636c95b7601d56064d28c78', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '422d82dbd3381ad949ea780821cfcd6719ca1835', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cff566124c69a959d660c23832ddd4bf9d0b3e5a', name: "label-info" })), h("div", { key: 'a20233d0ad5e5223c724391ffd95b2180caadc42', class: "gux-input-and-error-container" }, h("div", { key: 'a9f8202ab46901ab3ca4ecb38f8e2747829127cd', class: {
+        return (h(GuxFormFieldContainer, { key: 'cf9b60de02dc645231b392ab46e91408ae937d76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5cc32d72c253c9b38954824d36815b58c590865e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '125fc6ba3deeedc3676a9cd8e0c3697f75ad9e81', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74f88c1305203e9032c0402de011b4610ff3d928', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64b6cbc9be3a8aa617cbf1cbc3db883854c16b1d', name: "label-info" })), h("div", { key: '8c0d65ae4e05ae5be03744e7baedb19cb4198ddb', class: "gux-input-and-error-container" }, h("div", { key: '75ad79a390b93b54cb0ee21c426d908c9f096803', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c1f93a7b3e0df9b6a30cff9b0af75ae1760007cb', class: {
+            } }, h("div", { key: 'a65f1b161716ea1d29752c7625f8f8314656f5e3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '53ef4beb70900c92f0c510dbc519649994398b24', name: "input" }), h("gux-icon", { key: 'abb59499a43a1f83e55a6e6f4500cefce237c4fb', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2dfa065ff1456ef6392ae96572d34123a1e709af', show: this.hasError }, h("slot", { key: '668a502bd761e56e758072f46be63c8a1b4d6bd1', name: "error" })), h(GuxFormFieldHelp, { key: '37f904190593dcd3c7e5d375ef740faec3dfb98a', show: !this.hasError && this.hasHelp }, h("slot", { key: '840b8d497e514d30685dee61907e1a556c02f62b', name: "help" })))));
+            } }, h("slot", { key: 'ebe490e4ef8acd982ecfc0dd82835b193e003945', name: "input" }), h("gux-icon", { key: '8f024b3621a087cde0871f5587942618254e59c6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '3dcd33346761e4faec0f006bb931cd599d62c496', show: this.hasError }, h("slot", { key: '38ff107bff216be2ef6dca3a109ca1c44564db85', name: "error" })), h(GuxFormFieldHelp, { key: 'd549c71211e2dcc0fb3d59dd0da56be6a6fa58c2', show: !this.hasError && this.hasHelp }, h("slot", { key: '982cdba7d61099fcf99f9e70747459d2da71ac9b', 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: 'eb65b1e228963afd7f22fb4098823055fa8634dd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2b623a078763c4b41d38e8310477e346098f1f9c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7dd6af3f6c889db7d56c727440bd9b1218cd0567', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f063e640d1df3f7b4d1085b2c37b8610ba0343c1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ec80d0a05c1583cbd5e7931ff0551c62dca1d93a', name: "label-info" })), h("div", { key: '8d1e0d8115227f4a40153702767cc0d0fd0e0726', class: "gux-input-and-error-container" }, h("div", { key: '5b0bb8d1a7aa67b6de0c8c3687b285f6cb092c7b', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6dd3d21343e32eda36f5b31ec3eab53cb793bfa1', class: {
+            } }, h("div", { key: '5ab627e91ea691e1bd11bd0bb7bcad3e1a51ab55', 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: '2320172968ac50afa8d3b3b7ba5b77148267c7af', name: "prefix" }), h("slot", { key: 'd65c48c22462a4426093ed0c7a0a5d674a36a691', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b60cf1e7247ad55684f13cc6df761f2768a62fa9', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '61d72d5aa0049221e71a474ab292064a20c07751', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b989e81d672845febcdfdcb60da496fc0a51418c', show: this.hasError }, h("slot", { key: 'fe8587b14c72600e93762fc1a84dc632781aa6a7', name: "error" })), h(GuxFormFieldHelp, { key: '18ba41a18ebb7021b8dba24dddcbbcfff2c50982', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db458840a9b6b80b670224a4a04fa1649257685d', name: "help" })))));
+            }, 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" })))));
     }
     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: '82780c903667b4814ceec9dc25d2d34b5663b3fe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4c5b7ce12d02fb533347f844854c4fb9078bf582', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f6e41775b6d26b1ec29a95878eb7af01adcf6f0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cc39c01a7db48789e9116a58807ffab38a34d42b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f7f04d0f998d0007de0c0e32be655e989e292ed2', name: "label-info" })), h("div", { key: '646abeb48ba64e6b7603fcacb3fe83d5f4a25b4c', class: "gux-input-and-error-container" }, h("div", { key: '95b051aace745d3af607526e5283bce10414a2d9', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '911413e5bc044254be5302c018a9ec464edd40ff', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a01e54a6b6df5cc0c5046dcfb39e30a12193d67a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9f8759c55ce2b7958506dbb666b8311f04594848', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fcd7a77bc13727fe5b6417d6fced16a7dc07cd3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6bd8a95ec0392ab106a52ee1f2ebafc665e754f9', name: "label-info" })), h("div", { key: '36d50195f5a9db72fa4823a75a8665ed7ba30e26', class: "gux-input-and-error-container" }, h("div", { key: '3183ab5a87a464be3f30ecad6abcfc09a0d35cf3', 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: '4df23892973a4d6e4aa3842904b6ea49fad433c1', name: "input" })), h(GuxFormFieldError, { key: '1a1cf0b245cb6f085a53bf3401cf9298c631427b', show: this.hasError }, h("slot", { key: '3c7879fd695468dc83bf98b0e0a5d059b3442b73', name: "error" })), h(GuxFormFieldHelp, { key: 'ff08e57307dcd97bd1b4a1ded984c919f12b98b6', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c58d48c945eebe4b74811c86bc7eeb47adfffa3', name: "help" })))));
+            } }, h("slot", { key: '28d2a79fec541d0b583a4f9bad0e4b703e11a2a8', name: "input" })), h(GuxFormFieldError, { key: 'c7f87321ecc5cce01cfe170ffd930a2776d342bd', show: this.hasError }, h("slot", { key: '976c7e01fd76cea875de287bc7ebc822f3ab2e02', name: "error" })), h(GuxFormFieldHelp, { key: 'b60e636ff3995288651e32b8e2dae51219457c54', show: !this.hasError && this.hasHelp }, h("slot", { key: '8e34f88cbbb2b841f07c02097f5becca3f4d6698', 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: 'f02bc99729db2a0ff68bd38ff05b442b256a14c0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bca63e7a92f02fc252cbcccdfa06ed5ee5fcbade' }, (_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: '86460468fe10700ec02b62b62d5f840e0706e1af', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '45975751536943ad4797aee6e9b6e6a13fab3e84', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7b40141af30b9071da9845553a9542d3063aec43', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bdbe58990ef38c5b088dc1ca7290a229db331719', name: "label-info" })), h("div", { key: '454ac1e3811f843fa9367c89e6d2d24028de8152', class: "gux-input-and-error-container" }, h("div", { key: '6076fb16999519381afc482cfaba5ccfed0ebb49', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9839a81242957d26fc4cfdf4259cce5fde19f0d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2072a981ab6d294a824e9a44de60bc24ae1a29a5' }, (_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: '82c92692e8af7e0204e27cf10c9ff0b246764d9d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b28a54402595193929bd63d02df7d4c35eb6b60e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0a2e728f15ae683fb433c31bfbd427fa19a0e9fc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '13349d0fdc95f6f8f2a9e742f46a61970dae49ea', name: "label-info" })), h("div", { key: '295edae2f84802e60dfa2ef8b6e55775957c4b9c', class: "gux-input-and-error-container" }, h("div", { key: '60dbdde3dead379dec5de8b0293099135b8c7fbd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ffe0b77446ed64ba3b02508a52f06e8469f04897', class: {
+            } }, h("div", { key: '44d985ac66713d319ffe47822c76a5600f72c5a7', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f952cd9965e6990ef553074a08cf990f0a533f47' }))), h(GuxFormFieldError, { key: '5857e5b66898608a716d7964c444083af61a2834', show: this.hasError }, h("slot", { key: '79abce56257c8b9915a2201d714b5647a5c4f152', name: "error" })), h(GuxFormFieldHelp, { key: 'ed966a931c04afc8180bb49a5bdc668f89ebba9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '77488bbb3fee20ee87cc6b0fb68caa10186b9138', name: "help" })))));
+            } }, h("slot", { key: '07224398bdd05a0f1712a0a562ea397a78c83ad1' }))), h(GuxFormFieldError, { key: '6d938a490272639331ef4ac09740aa33d5667651', show: this.hasError }, h("slot", { key: 'a64bb658e1f87b02ca7ddb499c39d4884cfb38c4', name: "error" })), h(GuxFormFieldHelp, { key: 'ad7047072925e0ac0f4cd8362896241a4ce44f84', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfba72d1672e6dff3418253a0a7b354f13441cda', 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: 'f25bade05bf916dba9da8948de1f67b4ea2dd082', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f72938ba510dab66f0963f373259eddc75d01a95' }, (_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: '3054de5eaa4949c20a65e77e9567877f835f3fed', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2d96d55e578e056f83d30509b10491e94995c1f2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2185d21c1aa516a65412d3b15582cab859b9d237', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9cdc2561a81afd0b7211888d227b6be5357b4c7a', name: "label-info" })), h("slot", { key: '79eb00803a471b40702649e6f6ca2b3f8d75397f', name: "label-info" }), h("div", { key: 'c4846b453c9b20a67c60703b67bab1425319d8d1', class: "gux-input-and-error-container" }, h("div", { key: '60146b60b8432681f0a26576c12b5aa6adf699ac', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6bde060a328af586722db911d3ad5ab6502e4756', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c32a32aaffe423a4575dd7c82485442593a5db99' }, (_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: '0e2af65bb582e4946130ee5e078084d73211f5d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '10cedcd933f48e0f0eb432ce229a5361e7eb1c52', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b95c0f732f981d6387edebdfa27e94e01006b42', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0c642fc33df5e0a5622c3f9d233037da814b4e5', name: "label-info" })), h("slot", { key: '99ffbe7cc9577d9a08bb6e7b4a0a3cd16ed049c1', name: "label-info" }), h("div", { key: '2d286fa92753c7c1328ffad05f959ce67f72652f', class: "gux-input-and-error-container" }, h("div", { key: 'adb527b91f027bfa108407476e088abb59c26579', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2452f96cb0e6cd104bd00d4f25ceb20d25960745' })), h(GuxFormFieldError, { key: '7f624198e67885dcb31aef431882479273e7f6d0', show: this.hasError }, h("slot", { key: '781842452ae109482dfe4caed505f350e89fd9a0', name: "error" })), h(GuxFormFieldHelp, { key: '7270747869358342d8e0adbc674a6a03af46cc9a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e4249335ef06274404972931546dadb883fdc6a5', name: "help" })))));
+            } }, h("slot", { key: '1929397c9133380704741419afd457574da3a848' })), h(GuxFormFieldError, { key: 'f53b73c96ad31c1c6843f9ec1632af09701e3e50', show: this.hasError }, h("slot", { key: '06d29e0b3a2e27c9fae31b65c2ef8dd237eeea02', name: "error" })), h(GuxFormFieldHelp, { key: '5813b697d21cec657b9f9f099eaa3a2da216f749', show: !this.hasError && this.hasHelp }, h("slot", { key: '7691d0bfd5b082a20f594e27167fe2353a55c21f', 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: '31cd135fdcabd741361a86c29035bab01eab7847', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '79d24ef0d918c2eca7cc9e12c026d7a05e603bb9', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '7b3bf8233b3811ff21eb4be651d224e077c37ba7', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '80b20642d65c087f39d5efd9a41a3eab2cb54c5a', "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: '82c0198d99850d56704e97d4462f11b0c770dd5b', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '7a634196359e46561639f5680848dc3226eddf19', 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: '382339cbe6641da86ceae1a089de5a2f68487144', class: {
+        return (h("div", { key: 'c2e1200e3ef4af39476ad26fa0c2c8dc067d26ad', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'f7a3c826d0f8cedb1c9b604c045272b756448fad', class: "gux-message-wrapper" }, h("gux-icon", { key: '3533e99fa673d630e312e558423f0460320cdb43', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: 'a0f3f3cf8874a1733ad7d61687147c446bb1e24e' }, this.i18n(this.accent)), h("div", { key: 'd1bdefacac8b1ee88682e9bde544470121c313d8', class: "gux-content" }, h("slot", { key: '7e43bacce5ee644d083cc9c62c0b88c68c6ad23b', name: "content" }, h("slot", { key: 'aa4a0548357a28c2c5be081aef49ab133fb58008' }))))));
+            } }, h("div", { key: 'a35a6e7da12afc651122a041fbe20877e9c7730d', class: "gux-message-wrapper" }, h("gux-icon", { key: '47b82561a694a76f91c8be7068bf7bb456115a81', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '4ba783f50fd1bdb3d0804abae3145307d3db69a4' }, this.i18n(this.accent)), h("div", { key: '4a2b15ca94284dddf5bea6c40ef72146e2977ecc', class: "gux-content" }, h("slot", { key: '77fa55f18a45cd15df480803472d657e4e2d2905', name: "content" }, h("slot", { key: '655138f31fc50b927279fa8e57569672fcc5eb9b' }))))));
     }
     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: 'ac499898dc480de4a4b81dc88c5479b73d76fe3f', role: "presentation" }));
+        return (h(Host, { key: 'a0f9286731bb209ca9320ae7c403cd95891fe23f', 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: 'ef2379bab065d357c8e5661b45547d5283d1ad6c', role: "listitem" }, h("button", { key: 'ea90ae1f1a30751f18056a8d8d65640e22a87332', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '42851f260de18bd5848327c001ddc620291258b0' }))));
+        return (h(Host, { key: '14263554c78c1d20a17e70c7dee16acf2ef9d2a7', role: "listitem" }, h("button", { key: '9822818801c5d78a8ff2ca65dede2e8b0ddf0706', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '152c1348327f72a0ca509cd5c1db1ab82c864d9d' }))));
     }
     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: '7bad61064422037a50e05406b8bddda3b482eb9b', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'dbb728de7f367a69a52917d99e271541590a5be4' })));
+        return (h(Host, { key: '1f9c4c3bb8aa71a2c242d0e76fe4207e5bd8496a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '9c3b6aecd98e9cd82e6fe2d0cefe1adbd133c26a' })));
     }
     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: '6ba6c8cb8339bef038e4798e597a7a091d373f60', class: { 'gux-filtered': this.filtered } }, h("div", { key: '052787e5bc75a79d90a9860a953489af04fb9771', class: "gux-option-group" }, h("div", { key: '33b1fb606f881ada521b7c4dbc3f1935ee68c87a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'a63451749a242e58e581e7aa3584a1e97039435c', role: "group" }, h("slot", { key: '8469021a090c59161ca25ff0af601ef70b8fdd4f' })), this.renderDivider())));
+        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())));
     }
     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: 'ff80a3463cdc32273b65ce4e994fb02e46ab1e1b', role: "option", class: {
+        return (h(Host, { key: '5a0f0e76a9a7d6c47bec3962f8fd928e99bcf90e', 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: 'f695337a9c8a53a765f7c1944cf697a852e74ac3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '33a1874e2d3dc7dc25444a2735ce37f3d1fb8e6c', ref: el => (this.truncateElement = el) }, h("slot", { key: '9051543da42fefc1ea57f598c59c8f94a27f59c0' })), h("slot", { key: '630c66ba047018fb58ea4622adf400c7cac2d8a9', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "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" }))));
     }
     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: '087c2020b6c9c87c87c5613c6f1bb9ff1253fe47', role: "option", class: {
+        return (h(Host, { key: '267528cc8adc479f9ef7cfa4129ad9481ba87610', 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: 'ba5c04a1e609e7b3c155953f6ce2d74c24c79b2e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '63f34402d3f42f1f3cfbf3edbb5204cab292e1a3', ref: el => (this.truncateElement = el) }, h("slot", { key: '77e9c8f302a896de847a0f82191e5eb2c8e859f7' })), h("slot", { key: '4bf9bfd45550129bc685496953d486d5dcfc528f', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "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')));
     }
     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: '73b33619a8cc5295b4d6f2480877bd5f85db18b3', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'bd50908b9d94da79ff93b98e512f59f62eb3cef8', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'afe42497cca379fb217ee945ff1c1100e40b1d56', class: "gux-option" }, h("gux-icon", { key: '03c01d24caf760f7633edc66baf0a635f5c6d9ce', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'c1b73b235d60cf36937380a0f31f1ce949dc0634', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'aa68df5721504e3702221bd5ad1b37d56d19a9c5', class: "gux-option" }, h("gux-icon", { key: 'dd0588b0cacedea43e0a9b9b1d043a5c750351ec', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '59fd5eda3008d76e2f5ed175145637d3bcc6a650', 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: '1d7aa3f1dcc11679352673ffce40ed00e4d8f8fc', role: "option", class: {
+        return (h(Host, { key: '3a5cdff42434e2e37079e01b408bafbef12e8e82', 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: '5f02fc2c8c4ea121a627e5d1181d6f8f68cf6d71', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ecb8bf43bb026ea2cc4bf401a556c5723f34047', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c0744710fdbc5aad62307fe003fc8e5922046749' })), h("slot", { key: 'bde8e3cadc2effbb73c7cc2b30540dead354616e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "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()));
     }
     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: 'e9678b777df86ecdccb5b0d96fcc203a7480e431', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '683733eccadeeeca9be789ec0e253ee0748ff19c', class: "gux-progress" }, h("slot", { key: 'bf47c89a44a56ec2c7f4d9dccf44550ce56902b4', name: "progress" })), h("div", { key: '6d7460224d5ea9cd0631141c0497ba2a34f678a8', class: "gux-primary-message" }, h("slot", { key: 'a8a724eb75fe1b90c08f9d5a5a4c9bd0cdae7f1e', name: "primary-message" })), h("div", { key: 'c738626a68ddef8a099c785ed105a27f05b73dbd', class: "gux-additional-guidance" }, h("slot", { key: '0aee99eb022b2e28bf2c4a7bdc01f60c1de94b82', name: "additional-guidance" }))));
+        return (h("div", { key: 'd79e9b6a2d92c277d3809851f48e94c7b46efa5d', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd9200da092a5d8a38899222a231009598719c837', class: "gux-progress" }, h("slot", { key: '10a9bdb5bba4fa6aa4afa750a627b7bbf2c7fc2c', name: "progress" })), h("div", { key: '00bee1bce756584faac45b01ce2accbf9d7a363a', class: "gux-primary-message" }, h("slot", { key: '6b50eccd062c62ffaa8776f290c3e120b6a5180c', name: "primary-message" })), h("div", { key: 'c625699ba1549b1b165273b9a6fa68313822c9f2', class: "gux-additional-guidance" }, h("slot", { key: '1db49105118d8105dc4ae8ae5fc4c1f18bdbad7b', 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: '61479838a3a8997c5d280cf92375722625e885f2', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '19f1dbb97e48f0fec1972b4b4a79ff4c31d12441', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '6b75e6e7eeafcf3661dc5afd22180b85a9852d32', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '5825818b87cd51b33e47c227dc6222dcf0c4bbce', class: "gux-modal-content" }, h("p", { key: 'b7867ed26ecb6a1257549c537ea917359530ed0f' }, h("slot", { key: '0289db16bfc8b7d0b4700b2ff432a2a5041ee3b5', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'f63cddeab575522484ba4c98777bd39db0693603', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ab7b0ac052880bf8bd098bb6d61ed23bbd2d7d57', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '3287f5ded174ad6ebc72fbbbfee9922b8efb196e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b4cc1d49d68c06b78ccab305354a7d0ea6ba529d', class: "gux-modal-content" }, h("p", { key: '18eaf0c3d247d33136456ea6b69cfd8f060917f2' }, h("slot", { key: '36713cb4d872ac74ce315b8f9b48a88438d64429', 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: '07d87cc87fce507101879e7603c768eef7365eff', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'd77b0ffcae5f95ad988a21332b6c902e743ec1c0', 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: '027881e358a58ea4c1264b7972af5c1a6223938e', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '552ee18fa52cd9997757b75039a1443e3f203b41', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3143b8e60f8dcbac94a237f771f6e54794139aa4', accent: "ghost", "icon-only": true }, h("button", { key: '973dd2dc2702740d3a7450eb6631e1d95d8c7dce', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'fe4925c63146238d5b2c0559d2a8feb87eac7399', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4213d70714388c863b97922ab66e13716da6ca3f', accent: "ghost", "icon-only": true }, h("button", { key: '7c7491aa55b3ee6014553e47fb90f10d7229d72b', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3f268219cbd6c9cf88ae2a317a5952eb84a4fccb', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'cefc1d9eb37c15de59ed1699b90a7c42f8bfa781', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c61cf6229e0e0dff99ee629a54b7a6b0e256956c', accent: "ghost", "icon-only": true }, h("button", { key: '345d941390b3d12ecb23216da6885fe342d0405b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c6878a66fb637d4755e2f6fd59d0f6e69d272b52', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2885faa05cab550857af7e0d7bf837ad2d8ffbec', accent: "ghost", "icon-only": true }, h("button", { key: '19dc8a3aa306eb34b5a1570961589769c4c0e54a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c08ccc987e1994d14e224cff805c6b14aa04b380', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'f2c6663b60d31128f7bd6dd20adb5b82c7f80ca7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0d952945c1b387b454d33036fc4f71806c4d0ddf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0ba6e5b7aba9f5801125bcecb41cd965272a20a8', accent: "ghost", "icon-only": true }, h("button", { key: '19441927825cff37a22d5e6b7d43b9ac54099c0d', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '402639e46592e97a4e060c046893c98164ae0fe8', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '463786ba7dcd23d58cbb1a51b10648c8bacd8740', accent: "ghost", "icon-only": true }, h("button", { key: '5310d013e36fb4cfa0bec4309576163bdb2dd7b3', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e96beda65d0f4001d53a16ab84268e6f59b8d686', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '344801696017036161d2335433b1d2b5edc1955a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8b5c4b1699edcb0cf5881af6d868c419eae51836', accent: "ghost", "icon-only": true }, h("button", { key: 'eac8bdb213a9ea6a604957e156ff247adcd555c4', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '28d31e5861870a84d0bbf530efe33bf86b230cb7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2d1b16f127176b7412a2757d29584cf1b944cc5d', accent: "ghost", "icon-only": true }, h("button", { key: '8d7676989232c08d7bd28d1aa81da4292591dcda', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'a036f94822cb04e34b7afbc3623815864e788c1e', 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: 'fc6560a470683cd51a3eca24e34ae12beaa700a2', 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: 'c376152c2258ea389697f66458a94f254c4cf83c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'e021f32b4edcb45e5ac0e6e540ebbef6cf1f7b13', for: "popover-target" }, h("div", { key: 'e65746e94e7673b95d848bb9b874a6ddb7c15d50', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '9ae8632becdcc7cc6e1043fb4397867598896d28', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5eac1849b39dc1320324d09ebfdbd0dc1835cbc0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7c408518f72beea469a160083bc45e1f23ffc60e' }, h("input", { key: '8466052d99dcecf783f7f6d0de7ac220ec0a7635', 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: 'f95127fee988a11e4a0d24bee0510953f8ad5369', slot: "label" })))
+            h("gux-button", { key: '064531b62fc4848ff0928d1357e396190fbf0d73', 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: '297f137d486c1623dbf3bed48963cb832d35d513', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '8a3af1f9980e3b0380361ea79bd645b4b83ba76c', for: "popover-target" }, h("div", { key: '9f63300284de2c39e5edda85d02f84cce6a86531', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '81e459874a49f8f8860232d2418950c21a598302', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fcc15272ac3857c29ea1489ac74c90acbf3e2b7e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7d34e06d57e87c1b0e9dd8411fa73ef1dc94f5f4' }, h("input", { key: '77f7d260d720848fa9df55917c329f881f58daf5', 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: '94a27ac8c6210d06227cd02f2cbec35df2a32831', 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: 'a8a5a199b4281491abdf02d052725c8870ae67fb', class: "gux-pagination-item-counts-container" }, h("span", { key: '4e2f9b3a500d06e03d2cb0a11e8703af0f1b756c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'ef15f586fd2b9f522a421132e30da5358c166754', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6a0351bdeff34ea22ee621d14a206b4d4f1df0b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '24fae2bdf5c40fb35d880283711d4bbe48bb38e1', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'b4a8ad027230d070044e2f1a1e8c5885065857cd', 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: '1108f8b39706925ec9be07ce81fb896b16439b0a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd00d1d593e84f67362dd1cfcda626aa50511b92f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ad1cae1b03cd5e1f577615f46e40cea1d1074559', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '82f472102660eb5d25a1ab027c354b29cc6b3aac', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cc25e03a52bb8ac1eb693c36ab55f8b44d02b92c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'fe559cf402fb9d2bc5b4f0287295dc77b7b27f5c', 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: '91708f0aff287549bff14b1b7b0b96057d81f8fa', class: "gux-pagination-container" }, h("div", { key: 'cc6550efa9e41c9a1640df7e58dbaf9c56e77b1b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'f49ac58f93d07c28a6ad419ead86a01e9da8e5e9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '3f9222e71bc9e47108e53b4e6b4c531f52f3439a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0b831657f7868a929da4b0a2bdeeeadc6726b944', class: "gux-pagination-spacer" }), h("div", { key: '84213d0309f85965ebfb8796821973cd6086a1ff', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b0912d4fdd9a31ae24d8cdbd9cfc229f63c7c7d', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'e94db1c6fc90ae99d8d147b94df3271f8f020ecd', class: "gux-pagination-container" }, h("div", { key: '0bb4bc3146bba257bafeead3a6a14f13385aa919', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '247bc8058a8e24f61f8c985a30df28b685eb763c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'ef88ec353b85b64b3106132d4c10366ff9370302', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '30440491b98485cad8ec3475981364aee80a024d', class: "gux-pagination-spacer" }), h("div", { key: '20222153a596fde35984a70809788c725114e53a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fe3899d7cecf708767ecbca06462a7c65f9137c3', 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: '46a0ac5ffa18c2449aaf20e58e96aaf7da1d0105', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ca91c76d4a58741a09327b1a84c7a27d4fd43c7e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '9187bab540d53e41cc94983cb26ebc09677d32a1', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '706b8c278e14832113b1a9d0c91b3b05ef999044', class: "gux-arrow-caret" })), h("div", { key: '0e20514a1ba6bc82e3c6615da2695a9ceb4d50c6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'cf331a0058721a77082283f305e166889b0f9d2b', name: "title" }), this.renderDismissButton()), h("div", { key: '955c0a60e36b208bd0b38026ef45ad4c8e14800e', class: "gux-popover-content" }, h("slot", { key: '8925b4db0802f6c916bba4055608d73ab4bdd55c' }))));
+            }, "data-placement": true }, h("div", { key: '403c4f9bcb1ebcb9e7b2a0dbdd2b261975b13202', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f1d30c5f3c9edb3bb2bdfdf6b614ea42def5dd86', class: "gux-arrow-caret" })), h("div", { key: '08af1b853b727ac0597397cab1e346befcd253b5', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '5d4f62c1a4bd19fd8ea2d2476e4a33893e818a8f', name: "title" }), this.renderDismissButton()), h("div", { key: '09a9e51099ad081160174e887b28c34c7f723699', class: "gux-popover-content" }, h("slot", { key: 'd57e6848469a6450af1ca8d899288eeaf1dad9b2' }))));
     }
     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: '5a85e0e55bafb075e64397041efbf4d92e4b15cd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bb0ef104623c9103065ae7e664aace8d06272438', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f02cac440ab0f16e46f80e7e4eabc79097fbaffa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fd0ddcb404f8ee9bf44c253e0e0d414f4391b21b', onClick: this.dismiss.bind(this) })), h("div", { key: '6907311341d28c60ea7d512cf12282d253bae1d6', class: "gux-popover-content" }, h("slot", { key: 'e346678d0445a1083dbbe13ff8b90884b14754ad' }))));
+            }, "data-placement": true }, h("div", { key: 'b3d53dd273c130fcccb3a862f8458604245da9fe', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '764e5778b5ebc2b77ce4aa6414411bddf46b9539', onClick: this.dismiss.bind(this) })), h("div", { key: '27a5b754cf91b27c15fac0a4fb4d66269091a3a6', class: "gux-popover-content" }, h("slot", { key: '5ea293a9aa43b9954335b10b00fd201f8e5207e2' }))));
     }
     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: '1b92d910b7270a7311ce6f0c867296696b5aa53e', class: {
+        return (h("div", { key: '434e98eb9eb69a483d49ecc2319aa2ed62db1caa', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '104e101a4166b5ff16e61abe26c42958f09a8e58', name: "target" }), h("div", { key: '588aeec5afcf85827af3b2ff6b229dd87acbab88', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'dd69fd4e088ab217174ef12c505083c13b0d073e', name: "target" }), h("div", { key: '184394e2eabd8b5fbb19ecfd5ae8a9b2868179ad', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '40af0f011cb01e4f196042e24d2567589990a13e', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '07398f562f6a1c8b2fc6524f32840c3023a54adb', 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: '73e5fee9c707dbbf980a5a556eabda267a0ea61f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '451a244e392ca3a5e14f6ff82bf3cb02d5cda7e4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }