genesys-spark-components 4.199.0 → 4.199.1

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

@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'db8247513641d3f1216c7649f858c1537b7c4af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3624f298a8ad748a22c1e807338185b25c5f6dc3' }, (_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: '8fd8e91f29eeaf7d041d5b3d86b6fa5ddae0a260', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b37eb164f76dacf6ef1d977dbccc35458419852c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e02c192b5c26df6ea26f85b313dcd19fa4cff4df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b515d4c947954b9235290022f45f12da8a661f7', name: "label-info" })), h("div", { key: '13f16c11bba6d4ac7956660bb12f6388e45c8bfd', class: "gux-input-and-error-container" }, h("div", { key: '2199a4b191750fc8f733badecfe0ede9654231bb', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2cea88ed3d3c818948d14e3ab8747f05591f1612', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9c3bff809a6ae95dd5996d9da6bbcf4f9ec4619a' }, (_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: 'ba71037edbb6da6cf4a2348cbfd949265510a7b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '867bac691af76b2cdba7574d79c94bd9f8b60379', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '218814930b592c33376215605967e42ed7532ee9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f303ce6a2d20b74c7fd26b9c6125fa858edb21a9', name: "label-info" })), h("div", { key: 'f868f0a7ed8740098261116cab52e079903ecd0b', class: "gux-input-and-error-container" }, h("div", { key: '55c97fc474d870176218c53b09a5314d30a4398b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '48926099c83ea49273a2470d6a7c2a9da5b5e11b', class: {
+            } }, h("div", { key: '77e2d7b4621072b2066587423fde7b53b3c23052', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '167417194f8b109842f3a948c187b1caad8b8037' }))), h(GuxFormFieldError, { key: '3c2c5c61d490da2526cdb307dd99446305cec31e', show: this.hasError }, h("slot", { key: '8acfe75ff992b935ada1f6091de5e3b0e9ccaf93', name: "error" })), h(GuxFormFieldHelp, { key: '08b16a6c3a8ff7a94f6f85e06ac98fffa1105f5e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d8831e69a1580c1663a55f6a2de67cf19d7dcac', name: "help" })))));
+            } }, h("slot", { key: 'ff26139c10224df0a335588bb2c2422dfb3bf21b' }))), h(GuxFormFieldError, { key: 'db56ce699f9389cb04eeac2fc8a8960d447eed21', show: this.hasError }, h("slot", { key: '8ebfbb53a7a3531b5df2397b1cb66362fe193ab5', name: "error" })), h(GuxFormFieldHelp, { key: 'a932a6cde47974cf2473aba724228db17b38679a', show: !this.hasError && this.hasHelp }, h("slot", { key: '0cad9ed59d779c64f150ca5ed0303296a43fda3a', 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

@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '698a03f7203710e51df8a4c63fd0847500d3fa9c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cd7cdb03a86e7927ec27fd349da16c1fda31c154' }, (_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: 'adf54b2fa3a4650554d1d084b176ce41807f6152', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ee407db2b4175f92011d5839005ec5b78a0853ad', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5809be679379648fdb79ca1803af38c9c20e634', variant: this.indicatorMark, required: this.required }), h("slot", { key: '52509ba3cf65d8885645b19b61d526fe2cb848a1', name: "label-info" })), h("slot", { key: 'e62a6928d1cb82f8ba10e6c1eaf1a1087dd961de', name: "label-info" }), h("div", { key: '2a11b0692e8f73257f85c1a7bf5f5e2a82e62a50', class: "gux-input-and-error-container" }, h("div", { key: '1cc573fba25e36a8f96f61361c327a671dc165a7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8dfac8230f4ce8c861992e9904d097709c6182d9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71831c32360d9c1eb1017e98fb32138a9c2ac6de' }, (_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: 'b0a9cbddc5dc81b597e825036c132ac6dbcc01d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '79b360377f3ceb4b6a4258fac723f0ada0c54f4e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6e13f8b858425eb0c08213268105774e5bc85c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '463701646c4fb4c93c5cec63268ca3f015d8ed39', name: "label-info" })), h("slot", { key: '2f84a3466390bbfb97f75f6e3e54d39626c183f9', name: "label-info" }), h("div", { key: 'f211474b13b3480a8a67bca79445c0ba0f6c4379', class: "gux-input-and-error-container" }, h("div", { key: '73b41b4b265fe9b1363172fe19d5506113a942f3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '00fadf06ee72e4118171be3de9b47b03fc6a4302' })), h(GuxFormFieldError, { key: '9c7dca3236e4b9cd6cd52af93a53c98ba427d5ea', show: this.hasError }, h("slot", { key: 'bfd7cf78218f8235c6a8754ea78fe253db92b39c', name: "error" })), h(GuxFormFieldHelp, { key: '3185acd1efc2d620e4b992fdbb8c01d050995013', show: !this.hasError && this.hasHelp }, h("slot", { key: '659851ed78c895b5bc4a6f23251166252af4d68a', name: "help" })))));
+            } }, h("slot", { key: '3f141d4c147e9073ce9918b4653f89d51c5fe7e1' })), h(GuxFormFieldError, { key: 'd98fe6b47afba5e527f24567fc5e1e6d74072dcf', show: this.hasError }, h("slot", { key: 'e5ddaae04b68f9a8b33e9c2f8dafc9b8f3b572e9', name: "error" })), h(GuxFormFieldHelp, { key: '13d2819ef4f236870cfc86cb21ab0bab20d5b56b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f914a03c60c30ddbec7d821ccd503c2006eb494a', 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: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'd767eeb75f1d8e250573451480cf1658d595640e', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '55472e3853a8fc5c309db8a5e2181ef0b189b297', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '63a327f0dd1b4bf47cda108eee0a4403c8d6ee68', "visual-only": true }, h("div", { key: '40fb239275e0e48f770283d1fefd8f8e804e00fb', slot: "content" }, this.i18n('clear')))));
     }
     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

@@ -73,7 +73,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '57507f01d51b79dc790d622cc656073e6dcf6e60', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '09cca8836ec219cb5df43d37746af37f51e009c6', 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: '701e0f8c4d7dbc38ba3ccd2e47369de9e37b52a4', role: "alert", class: {
+        return (h("div", { key: '988f7b847ea4768795550880dbc2eb0308df536e', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '440571e9f332509870de353f95713d40a15b2a78', class: "gux-message-wrapper" }, h("gux-icon", { key: '8bc20b88cf67e551660691cb22e18a9bbc6a69b3', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '19b376ddc2c2a47a32ac517ae44d86b7bff8efb7' }, this.i18n(this.accent)), h("div", { key: 'b3f63b115c18d031614dca531ce221acb58055b4', class: "gux-content" }, h("slot", { key: 'ee2436ecbd5a22a033310dbad0bc2e34289fdab2', name: "content" }, h("slot", { key: '023d525781534d8ab225fb756c4b74b60d622ad0' }))))));
+            } }, h("div", { key: 'fc8d5bf258aed90445bbb8e1fe82db9026def9ca', class: "gux-message-wrapper" }, h("gux-icon", { key: 'd10c8bd6e5e49c82785f59985a5a9993979e889b', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '49adc3c5fcb004ea91c5236853aa8e9d6016b2dd' }, this.i18n(this.accent)), h("div", { key: 'abf688e747c1f1f17c2290685d4e24f6b7526856', class: "gux-content" }, h("slot", { key: '42eb216ff43da320b0fc52c81c3a8f5a6f463d54', name: "content" }, h("slot", { key: 'db4451365bd5b2dcf95d74f078f1487e64b395cd' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '376c4d9aeba2e5d853e789139b602f887fec4d59', class: { 'gux-filtered': this.filtered } }, h("div", { key: '7d1412d3478d5a5a54706045cd8cec63d8d42883', class: "gux-option-group" }, h("div", { key: 'c1aa8cdb10aa82929dd69c80bb777cd3c27a6008', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '086f3e0823cc64b75c23cbde506971b07d56573f', role: "group" }, h("slot", { key: 'b8fa6b0e5af1aab97b334b1e4e0d4af6a04b017d' })), this.renderDivider())));
+        return (h(Host, { key: 'bf2264fad5ccaa3d3d885ddcb00ace36acda818f', class: { 'gux-filtered': this.filtered } }, h("div", { key: '833836658495be364285015ccd02d7f0cca00d38', class: "gux-option-group" }, h("div", { key: '51409c34282375f34255a56551a0c32de08aa899', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3d081524b65f73004e1f69f2cb9fc3bf84ef72b6', role: "group" }, h("slot", { key: '45179640a98fc95894209ddd48ac2090d82223e0' })), 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-icon/gux-option-icon.js

@@ -62,14 +62,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: 'a3217b52a53817185000dd2d4c8362fb9f9b2e55', role: "option", class: {
+        return (h(Host, { key: 'cb40e6e9db3a150b24d779f5801201d7034482b7', 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": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '39ea9e98454722d6cf336a81a696771801f72614', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f60b217abc9ffa063c552d5e80a43d11b6929a9f', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f4d667ee6a783c00191eb367c01c707acde8afc2' })), h("slot", { key: '9660ea5bea515a69d0b4a60f0ac9983f86f6b446', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '4738cb8ff649e71f891e526f3b7e65e1b6ecd1f9', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1e23fbcd5b56864ceac352f74057d610a99d4038', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f79049af5816cc211f0f26738ca916859a0f4c1d' })), h("slot", { key: '3d5a875166cd6021649e552e4558811f272490c2', 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

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '00c3883ebb4be184f4976e67eea6eb90ff137be5', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '8a0ea0c472137a854604c8315f3c62898fac6161', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '81644d3707458da3491fcf2b760d8556c773750a', class: "gux-option" }, h("gux-icon", { key: 'd1d0b2092a9f229b50a124408e5f40629179dbbd', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '9bf974c928f1c6b1319ed15e6e606c0be1b2abdc', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '51f7a6b6b8cf06a11acdaafe75658850886bae60', class: "gux-option" }, h("gux-icon", { key: 'ee366fe4883aed2ab2e06e7e9665da80b421c2e3', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '00bc6e8d0bf64178307f5eb3e93ce96e4df6fb06', 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

@@ -60,13 +60,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '98385741ffaa4af7aa5e8bdfbc0061b465d8b7de', role: "option", class: {
+        return (h(Host, { key: 'abf4485d68fda4dcbd70c9e40b2773fc9354338d', 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": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'c4dabe8458e33768668bcab98eba318e4330dee1', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9c94aa524ff9541d08db16a78dc54a56433c50c3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1023eedbe9b9820ba80b927ad7efee72adbbbba5' })), h("slot", { key: 'a014619badd4f5a364c0c241498abf1c4377f27a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: '595f722356cb1b8bcdc7eb1ad7615098854d9d5a', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd1789f25e09da7ae6f175644d2d2d2a18abae0ad', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9e22fa35ce5c074e8220a6a52d6389aaf4a24b9d' })), h("slot", { key: '38b9f04c81e3241628ee2e7fd638684652edac14', 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-listbox-multi/gux-select-all/gux-select-all.js

@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'bcf806d6a2458bb6c74743c8dfb9e900ca10608a', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'c92395ded45769943e63a8dea79878782f8034b9', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '48102c007997133ab904798b617b22ec1d083eda', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f875b31fb6f862702a0987ae86683fafa208366e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '150417ad2132b98829c0e93a151837172fad8fce', "max-lines": 1 }, h("span", { key: '96f81731b58b884fc2ae5f2d0d3ac5605cf82271' }, h("slot", { key: '790faaeffa5964e501ccc28c448158134af2a869' }, this.i18n('allOptions')))), h("gux-truncate", { key: '29459de7c3d6e9a7542f435ed2d036fe8764dcf5', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '16ea7760d4bffcc041cba35fdd9223789a1cd601', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'd5b8cac4b89aeda5027e4b5f8294da1f8b8b4c7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e97ba10bb61c4733152458b041534240e61d2cba', "max-lines": 1 }, h("span", { key: '1e87e02e0b59f2e523de99414bc4ad30fb398985' }, h("slot", { key: 'd7864964de415911add0358cc79631b88129bced' }, this.i18n('allOptions')))), h("gux-truncate", { key: '218329f4dad4d30562328af32140bc9a280bf468', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     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: '46580fe13de56c4c7e2933bed747b72f9fd836b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '73c9cbdb2177dab3e5d6cac671b51c76a862fbf9', class: "gux-progress" }, h("slot", { key: '5cae8df5abf1fe9be32a74c96e7084eb580e5b1e', name: "progress" })), h("div", { key: '3924b247e7114fe4ba65c528744ebed3f10dd0ff', class: "gux-primary-message" }, h("slot", { key: '91f32355082d4c9e9616e6110e995582590371bf', name: "primary-message" })), h("div", { key: '7c80480ed92b09228ef564c268fa01f22b4df2fb', class: "gux-additional-guidance" }, h("slot", { key: '252d093bc66e3e95494012d39f75edb35c15cb69', name: "additional-guidance" }))));
+        return (h("div", { key: 'c35b74337cf40d22715b771cea42c84ff281c0b7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '098f6ea2c02cfea83a3eaee273d345c5f56ef465', class: "gux-progress" }, h("slot", { key: '623d589c64bfc4b54792ec8ffbfa4c05b124aa14', name: "progress" })), h("div", { key: '011c47fd957e1cd8d1a93cd40697b7102f5c0ca9', class: "gux-primary-message" }, h("slot", { key: 'b983f35135469c61e604952281b696ccb8e6865c', name: "primary-message" })), h("div", { key: 'f274ad26cae753d6216c4d72a47c74cbce83ef4d', class: "gux-additional-guidance" }, h("slot", { key: 'ccfa9be1b51c9a617febbdcc94f9f1c837b531b4', 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

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'fc8f8e295a6c38b6d0f02c17f7bca1e1d12dfd7b', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5446a432c1e49bfecc35b9e239594fa8a5bb1d86', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7a0a83c615b1cc831b0af03ea97394480ae9d82', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a13788b0f1f6ed2fd41a0efc64f90ac1c5a5bb3e', class: "gux-modal-content" }, h("p", { key: '5934c6827eb053442a630f4fbf0ce2737c1dd3d3' }, h("slot", { key: '79199c58a26989ff83c61a18cd1ebd37ae57c987', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '92f0f077df97b644f7da4a32c66bb08f98afe165', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2cc343816355a89ec93411655a75ae08cee7a040', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '27c52d51864c0719c26cd6a006afb885fd0d5953', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '9963d374059c8924a92259459887621f8ceec46a', class: "gux-modal-content" }, h("p", { key: 'aef0e0a783c6cfa30d2f4842f2cedfba7f0d6109' }, h("slot", { key: '39bcdbb2c3bbba2a8384a0d8d2406bce94ea894d', 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

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: 'e47202d630e2dd925401cfa2903733e76e7c421e', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '68ac2d2c8ade1f89bce562c4160234244c0cf3df', 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

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'fd4798d0c449038f6328c7f76e83f13625019d14', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '600cd55d9e2ac49c948b29c36a63b33ba4e27069', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7e4e15b5b8990ad4c957bc92292fa88cb09dcaa3', accent: "ghost", "icon-only": true }, h("button", { key: 'f3c11cdc32ece0020659d1158717a103b1292772', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4393da4c2b46d725d527802da0c352ee7adf4631', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'cc0f9e399048c64f08b862ef7aa99e226df08165', accent: "ghost", "icon-only": true }, h("button", { key: '802a3e94e2f125c9d03b13786d35e43acf0b0e0f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '08a5f5c5d54ab23d386aa828d67f95ebd5e5c7ac', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5c5dd6da1ea528d629f9170c33ecc12f3832a879', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c0344f416d50ad57dca72b7873dceb6db87714f2', accent: "ghost", "icon-only": true }, h("button", { key: 'da5c286198529e4dbfb697a51905ed1fcf1bea2c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bf29eefd8eb50a2f70688652adbdfd050bf19c6c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '51a9af3361f6c7a99c730e0dbb382748d8c5a721', accent: "ghost", "icon-only": true }, h("button", { key: 'fcc224495a014023363a326ee3a21d60cfe4013a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd24ae3c9a28b41078f8f8ba956535ef311b483ee', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '47f6e2ba69104138f2255d2b5898a9ed78737ee6', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7d1f2d67f25b9d3289a3181d66bcb8c778f46fac', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b54843a967f03b7a9c791e6057646c369f4003bd', accent: "ghost", "icon-only": true }, h("button", { key: 'cef23624e59fc7a82e2f6dd35e18acd241e4e619', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '79c954e162cb8cff6ab6cf6b170d50f586705513', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '99341206745b6aa1cd0b474b6018904f3e3d3a89', accent: "ghost", "icon-only": true }, h("button", { key: '88b1a83e44d5ac3f56b4c7a262cc4080db074b66', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3b8b492763cc2eb5c8db779c5eddc5d9649a7251', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '1c52792a1eb1eb6e6fb18e44709d70196104a0d8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b0f816206db6c8f35d05dd30069468be042e8efb', accent: "ghost", "icon-only": true }, h("button", { key: '6dc98d7cef11d4165d2ddaaba422c00cdad2aba2', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b850a34ba4bc84aa47e3b0feec8d72950114ae39', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'fcf0191b625328089b534b2142b7fd93f2e97c5e', accent: "ghost", "icon-only": true }, h("button", { key: 'ededd66699f69c3dacc58f1e3a62d81f31aacdb6', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1dff7fd595c67cd2f26e44e1fab00e29b0b13a9b', 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

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '54d4931acd0b6adbf452b5234e225c4e531302a1', 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: 'cece20bd08a8fd503168a8c2b5a84c10a53ae1d0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'aee4ee449d689c54f26c234f07ea15bf6044ab5c', for: "popover-target" }, h("div", { key: '304258ccba1ec70a299b0c4e8635675b71a147f3', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '8b8411e720a78c6fb7e45d1f7133175d72985797', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '6e670634e2677cd8f46c3985f3e436b3b82d2d15', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c88f32207584e289f1eabeb56b7838066c3bfa' }, h("input", { key: '234b7415c9a861f9a3b7d1d328f95e8061746c8f', 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: '72490115bd1baec1333b48457002ce9d934b45b0', slot: "label" })))
+            h("gux-button", { key: '2fcf5064a17ca9e8b8dbd472f10e4a2a2805d3ab', 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: '97dd6f748e49b6a0d85a0cd7e2267306985c34c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '7e2503b4e4299b83f045c54b8640d54e66719e3f', for: "popover-target" }, h("div", { key: '090820d0ae09bd2fa5aa51431dfd016784a4be52', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '339b3819def254b1c4e1c4e2ad6c61738330abe5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '00ec6b9344a801076796d3726b2e80414587bd54', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '369bf241308f1de96d84fb3ed4ac3ee91cb2f32d' }, h("input", { key: '279cafe9b624a2d7a9bdcd361adee0cf71fd6484', 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: '49de61ad35b002e1a07c4577b68b9903dd2ec6c1', 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: 'f1a9cb407069fe1662449412246f0635eeabf243', class: "gux-pagination-item-counts-container" }, h("span", { key: '8e0f47180f52e380de91e13a9c0863e1233481a6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'c3dc8f9db0f2dbe27bd11e5d4ffaa67ac29ad894', class: "gux-pagination-item-counts-container" }, h("span", { key: '5c2692dc81a425b30afcb56af407341514fc8f39', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '1382bf5da836df1609cad5113486d975162bee88', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '5d702cf5878ff6ca9466c7c94828e0a877e58b7a', 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: '735bbf225e2eec74a70876a44004fe76b98409b2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '58076888683def33f7ded16c942788b0fc127262', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c9264977effcfef4c31a0e32fbeea9a3f3efd797', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '3f41b848d118567d55cea69cbb21f5b5948aa95e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '15fc67b2b46724549563e55806de603052a77d73', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7de04c826fa8f00389c6e01e5013283484e2607e', 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

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '1d15cb0a7ac97eb394c57b8d04cd0d282f442a87', class: "gux-pagination-container" }, h("div", { key: '76d13b5ee2f6de6c81789831af0bdc11e3853d9e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '41cd5f25d8a713b3ef152ac130f768e84694584a', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '03e956bd8958c614550b708256099ff0fa6a2ab0', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0c252066b864a59e3060d1f39d1bb5668e56ecc8', class: "gux-pagination-spacer" }), h("div", { key: '2a5752ad88fbf84ee54ec4ebf895f72790c5bc59', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'cab7ac81d2211176be59db72c4d94ccf42998fa4', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '6e6a006db9b25cb2950774843680fbb6736ebe21', class: "gux-pagination-container" }, h("div", { key: '19af8033a4ede7b0c009aa00866a491fc59c32f1', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '590aaf55cc1d334b2c0617b3c82f20527d12b204', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '41bd0930fe7d88760bd80594cda5d9b493ecc9cd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '3b03389adfb70ca9f83a736a025ce11883f4330d', class: "gux-pagination-spacer" }), h("div", { key: 'bae00961ea358b309323f85de8de5de58008bf88', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fa794adb861f86054dcf43964b2ba615b9aba45e', 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

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '7f45f2e9d6c2e41369fb895a3e63d9e0320eff6e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '2d3d3c91f74b426ee32f4c71c2eced0d65f58b1d', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '96f21a6752d0ac9f753b413ca66b598bda29baa0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd8fe0311b51732a7cffe51f3e344366281d59d05', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '58b76a646f2c4d1b65f7ab4a53ecffa22b25786f', onClick: this.dismiss.bind(this) })), h("div", { key: '264389d6999144df7bb853a6722d80fcd01e46a3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8dc5cfabbe814d9df168b543ee6e64bbaaf4211f', name: "title" })), h("div", { key: '4e32ed6bc13652905086c35e8949f67432ec1184', class: "gux-popover-content" }, h("slot", { key: 'af66d314463e695c7e7a60c38842e167be36c788' })), h("div", { key: '036f4658b663ded4a17c58b206ed8b6361c12af8', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'e33ba6300df65518fb96711258c5c4b039aa391d', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'b536b07e255df9967be7e03968b27e062603b104', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'ff182524a66873bd3c784ccbb9c1e99074a6d4e2', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '0113318a00b09fb6b3c66e8074ea39c762ac7a45', onClick: this.dismiss.bind(this) })), h("div", { key: '5cb49ad574e82c993a2d8cc93096dd27808c5828', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd5e937f3a655dba441663fcd478a2ce6cacb72d4', name: "title" })), h("div", { key: 'ad4dfffd39a6dce47315ad70ba3caedbb55f4f67', class: "gux-popover-content" }, h("slot", { key: '63275a647b58b45c469d6f32a36e83b2f837bd77' })), h("div", { key: '67aece4fee27cd3b135fd417025ed8855ee5c38b', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'edf9209bf58de95396ec9ee6fc47ee58caf72457', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -137,10 +137,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '01cbb0e5829c45cc87d2936b8afe2bd93d01ceab', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'cdbcd953d8d7b459d0537c9e2da3dc1cbc812203', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '5ff108d80cbdbb6f394b7c4af6e2b546ebcf3b4d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '1be4ce69a8575145e1845df9c02f084bf65645cb', onClick: this.dismiss.bind(this) })), h("div", { key: '0cac4739c7f39baad6a895f8b98180d0fa752f06', class: "gux-popover-content" }, h("slot", { key: 'dd94f0eaca08310cb9bf191e2c2fe6e78e925122' }))));
+            }, "data-placement": true }, h("div", { key: '176116d63eb17e89a8511ecbe32dbc7d3f2334a9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '9d604a92e374f426445b252ee9fe7b4a4c50490e', onClick: this.dismiss.bind(this) })), h("div", { key: '1e5c482816d97f0cc00ba4dd8b3bdfc5161342f6', class: "gux-popover-content" }, h("slot", { key: 'cbadf3bf10c5d2f6411c5f9a67ddd154aac9d627' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,13 +115,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '81df6402af0ecf2067d73a7f1c823322024d81fc', class: {
+        return (h("div", { key: '9a511ada834c2ce8349bab59f26c9b4716ee8fb0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'a73fa8d613f17a142fe2e4466c65988403d216a2', name: "target" }), h("div", { key: 'afc0dfec368c4de39415fbb34573be9041278a57', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '87a817a05828ff0ff958cc23beb96d3bf372d7bd', name: "target" }), h("div", { key: '2d3ea9f9301d09ad6d2227f8d6c9dedc78e3385d', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'e83a58db31c01c4403245a8660b36d08bdb9cca0', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '2b706958ee5677ca61fd6501ba4d9f941577ad76', 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

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

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

@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: 'fd6896f35bb7ff2090ad3a069cf5b50551e42050', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'b5485139080458afb80f343826785f469c50403c', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '7981c7f0ae6a97579f271a3b75351a5527457084', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '86af36576d01b5b2cfd7a07ad03076aad47bad43', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'c86d88830dd64b814dd6942722bcfab68d6c36e3', role: "listitem" }, h("slot", { key: '929cbbd7f0a0973023327eb53a812abfee8214d3' })));
+        return (h(Host, { key: '68475b90cb269b69182df3586172ef2dc6363e91', role: "listitem" }, h("slot", { key: '04f7f6c44e011af6b8b64e74f9c34cae0f1b5c37' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '16ffe0ea8233489f8eaa3356db49bf9093712ef4', class: "gux-container" }, h("nav", { key: '80451a7b147ee153738f94378558fb5a5e20f46d', "aria-label": this.i18n('navigationName') }, h("ul", { key: '9e6f2ccaa2fbecc37f07ab8ef8332bd79247d02a', role: "list" }, h("slot", { key: 'b3ed2abe9097b34f853b6389581ff25dd2a46380' })))));
+        return (h("div", { key: '28b61630db17d9c703dea99633b6e4eaec88706f', class: "gux-container" }, h("nav", { key: '5b7b2c6a2b3695e3bae12df64000680c6ed14f01', "aria-label": this.i18n('navigationName') }, h("ul", { key: '4f6a76029f1ce86992032c11c8f220724ad07f63', role: "list" }, h("slot", { key: '371f3e1ed67b0fdee5d9c7f245fb4eb1c0c94ded' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'e9cd9bcc60060c4374741c427b95f540db6a3c83', "label-position": "screenreader" }, h("input", { key: 'cd0614a4c1315eae3f6d59918b98880a69334eb7', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '99c0bbd6a91e3c647dcdbac865078733e8648c27', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '55bf16dc2ebde8845e3d806434d684f89f511bf8' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '7cd221edca3a33660d54350a87faa3448e85b4a1', "label-position": "screenreader" }, h("input", { key: 'ac3b02cf4144cb922bc68fbf0edd2c192c98a509', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'c18c4a28e343025601a338350befe7f2f8082aec', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '31302f696e77a16557802df917870d08e3c44f93' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '42505cd04f3fd17b8fdae136b57a972235820d31', "label-position": "screenreader" }, h("input", { key: '9e69e78a11ce4315188b6ddf9523c40f3314b8ba', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '95f8b80f4df3617f27245a584ff4770e1d3e7a7e', "label-position": "screenreader" }, h("input", { key: 'bd826074605ae3cd8857ec12a6ca6d12d56d5ea1', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '98340c5731ec5583e5657362836d257038b69d8e', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '67d2d7c19e505a3250fcbb115c43a32888be3472' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a8c3b7a258b2822ddd8c0d86dd4bf67c206c6e06', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e75b442cb76f35c9985d2c165916dbfad878a01d' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js

@@ -97,10 +97,10 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '5d7566fb63e06029ca51cdc5bd21e134a58685f0', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: 'f1abb637e5a9aec4775135083c2e2343eb508d58', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'd49874b2f89442e75002722fe5a11cb245306a2d', class: {
+        return (h("div", { key: '89d1295f93611122a1db9b2ca7f7a9bccfbf60c3', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '7523412a798e4619d96a74dab9ad0c7e5f4dc6b5', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '88a45c2b23e551c4d07eaad9c49e4a3fd0f4e71a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'a7348e5f00026dc47d4490aa22ab6668615c6682', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '75d7e0514160d6da79f2b51c095f83952ae5a56f', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'af702447ad88b99dfa7b1edc256ec07ec5ca384f' }, h("slot", { key: '597a007a179fbe9a138c8e3a50df96181e1dbdb3' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '5083cffa39409452621b942cb780865ee36f3649' }, h("slot", { key: '88e7bb9e3325d1e7c8449fce20d71d13aa0b66ce' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'f315d958aa26201acaada0b7edb07c70c624ba25', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6d860a6dd648480b8d03c2fc61a578ecfce7aea4', class: "gux-table" }, h("div", { key: 'f9a4b2f91da939d1771a14e2aed8c78cf576159f', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a1cfb7ec1f259e73c798b84e880b818a320627bd', name: "data" })), this.isTableEmpty && (h("div", { key: 'd3c73d0e81d7c733705c2e1ecdac2675d7494ed5', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'd2db13f7c1a021284fe925551f360498505bc705', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7fefc58e172cd74b5ae4d3bc403dd5c71035c405', class: "gux-table" }, h("div", { key: 'a8c7102e051bedef64d81371697e326929336740', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5280a22586096cd37c4fad2d36a322c19462e1cd', name: "data" })), this.isTableEmpty && (h("div", { key: '13f883e9c0bfb2222e41e0a6f98d157f89840c64', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js

@@ -41,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '48394e4f8185d01984d4bba6e2f98a18b3038ec6', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '4b95420781cc80b75cb936d96ccf30cb9a86c41c', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'fd5809a15fc0240363462fd302c227629269c029', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '627fe0fb5a4b76a1f6930c8798bdf35e5bc4d761', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '49b54f72b8aa971c3e5f0fc7c93ee0b85b502a95', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'a78bba64a1a376438a27b6df9bf7353addad4712', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'c685a7d72f4db110d82ffa09d3cf124f1a2e45ea', accent: this.accent }, h("button", { key: '3f2950f4a703cafbcee41e516e0e53575b49111e', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'ce93f62ca083d1a3376e44e7e54608f2b5435a02', name: "icon" }), h("span", { key: 'b92b0cecb28035a2ce3a16f6ab35cc1b0dfd370c', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '32450d9f3b7cc2e5bd3d282c55ffc5daa56588a8', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '213a2dbb66a9236469f197fc2ac8191edc34f01b', accent: this.accent }, h("button", { key: 'f5a3a62b16867b439ae584bfac7baffdcf4ccf8c', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1fded5c36de7e2c7e715b6146311825016c76d6d', name: "icon" }), h("span", { key: 'dc0fdce85a6c38a74d8f298af30def55b9a3297b', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'f06eaf1df4579efe61d624a3a575c6e684d4b689', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -83,7 +83,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'ad8c3446fca3d5818141eb709db4239692026535', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a226398bac81fa1582a9bd8f2f210d14d6c0c80c', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'b7c94bbeb527bf5a6f962eed63cbae44cb289460', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'abd9938127d649a6e10f12d4ba1dd196ba37f61b', accent: "secondary" }, h("button", { key: '027c04d59bc7075b7fb9e66a561dccba8e50c6ee', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '5af9756850815056d73e3c2640aa5754dc51a50d', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'a82b1834608a870e17739ed0bad9780aa82946b7' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'fe1a8aef06f122db9a7f4d1f2bbcf28909094f0d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9e2efde26358a80dcd15d98849628cf6108d175d', ref: el => (this.listElement = el) }, h("slot", { key: 'f87b446ca4af78927c9ddcc114bdf04039b3650e' }))))));
+        return (h(Host, { key: '117ea0b31bef5299c12c9942fda9c4366c825a8d', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '7dd23c6f0b3ec21a828f3216f6e19470d243e1a9', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e51864e64b01fa38f5b3fb38c48c39aaaec14b9e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '96fe2f3187802f0f88ab78ca817deb2420a50f1a', accent: "secondary" }, h("button", { key: 'ecc5afc090072e61489eea950b39c4c0bea1f223', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '0b3b2f0cf3544deb56eeb24b11d835094c12e74f', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'fdaf9406846675086f04d3a42653453ac9027cc4' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'fd11b4f5e64a1521d312714d2b3136e47ca3b4d4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e24e0bccc264adbff99047ab25bfffb6c3fbca6c', ref: el => (this.listElement = el) }, h("slot", { key: 'cf4c82079aef41ae285a1a946f0fe87ecd2646c5' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js

@@ -209,9 +209,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'ed931942e8d7d6680e34b81b13678321f85a0be2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '1d77c7e50765cde9f1a7b72844515e1157d68bc7', class: "search-filter-container" }, h("slot", { key: 'c9945ae39681c381e31eade9f359971021700494', name: "search-and-filter" })), h("div", { key: 'a7d201f2bd86c861b2565f7bebf265cccac7c0f0', class: "section-spacing" }), h("div", { key: '2e7dd12f81283ca303ea0a733931d8d65e744e63', class: "gux-contextual-permanent-primary" }, h("div", { key: '0b9cd7b1c01aa25796d55cf823b661db4e9f117e', class: {
+        return (h(Host, { key: '42bf398dc78eb0b1525200bd007fbe153d17e490', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'cd275e434077cd294707f99f1169565ee7afa95c', class: "search-filter-container" }, h("slot", { key: 'a7e2631083e3276d43f854c80fae4a4657f84ae4', name: "search-and-filter" })), h("div", { key: '41e1ace8f75752b5daba2795ae65b26744180083', class: "section-spacing" }), h("div", { key: '198fb9430d633a5daa847c2880d60ba8de3b6df1', class: "gux-contextual-permanent-primary" }, h("div", { key: 'df81e81e0f077538d83af42c020ec06a362fe489', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'd99c9d03f2690efb29b2009b164384be93a60a50', name: "contextual-actions" })), h("div", { key: '735f492791466793c32b795d2186e867eb1b425c', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '0fa1f5da1a78f613374d2ea38df8a062587b2a60', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '2b9fd2da770fdfed3a0acae1177390896295ac39', "show-menu": this.renderMenu() }, h("slot", { key: '56ce23ced7fe69fc3a78084b58b3ddece2cfb89e', name: "menu-actions" })), h("slot", { key: '8267fa1104eb94d59bc89d36a15612ac0c0fbbc8', name: "primary-action" })))));
+            } }, h("slot", { key: 'ea169853295678fd77f5355419f1b04ce232ac59', name: "contextual-actions" })), h("div", { key: 'ca20dfede4a10ee8d3065c090811a8f6d21cd659', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '1f89a698f93845592d82582209d35296de5b65cf', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'a5f1f180f0de572981eff32d459c8c62c2ccee4d', "show-menu": this.renderMenu() }, h("slot", { key: '4ec6d39c3bfcf526ba00adfe8231cc4ed5133377', name: "menu-actions" })), h("slot", { key: '1e1cf54f4c8830db54b80929b58e147305ba893b', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js

@@ -45,11 +45,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: 'e0857e8f7eaf3d253b7cd89b8d5f30a6e1c0b490', class: {
+        return (h("button", { key: 'e84635cb000c77bd0d6ad9ff3c9bad4b449ccd01', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '19620d4e08634d95b91b365b86d34665794c066a', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '07d1e6b3efe17aa0829f7f69bcb9bd8625267ad1' }, h("slot", { key: 'fd2ecdf9ef79fd31e641f0c5151a02146dc4bac5' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'd8e1d5698e52d2ae6623819aa60e8ea02fa83d35', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'b88731085cb2b1b791f5f516e6fedb801f4cd911' }, h("slot", { key: 'aaa85cac085b6703c500923171a5dc70f6ef7990' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -266,9 +266,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '94ffcd7b2a1271b62af0f8d91fcd8fdf350894ba', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '1cac91c6c77f8ea0c0131a54ba91b35e84361abc', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '7742624ebc3b4b38059f623d7746cb6d3e491e8b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '549d64541d56ac8aa482d4f2112ef7bc35fd6bb1' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '6239a4054007c87973cfbb0557b86ff2ba11dcc3', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '3d7bbbc1a01544014fd80af0ffb9a948e41690cb' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js

@@ -16,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '0e09313824d612e5b3898088af34abf122d7b80d', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1dd8abc93706de08d150e4825e917be795b76c65' })));
+        return (h(Host, { key: 'c37830cb0e16adc85099842bf977651ab04d86bb', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '3bf39f68e3cf2d9b335c1fe1b44dd7fc19d02b7d' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }