genesys-spark-components 4.71.1 → 4.72.0

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

@@ -92,14 +92,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '0e9e7be8b66bfc3b4d1849dfc2bfc78283e048d4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b5e05e867417fd304ce50362cac1f8d5c25cafc1' }, (_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: 'e20d5248bce984854ca86f06a75db622e6932ca9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f439bed72e173cd0df8885a041bfaaf967926a7c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '261b3daab809a96e66a736bf909a7cba9fc84d68', variant: "required", required: this.required }), h("slot", { key: '246fba150fb21e81f7e57e37642bc1a6c39eab43', name: "label-info" })), h("div", { key: 'e5c6e5c0231d625218e2e741822743a06732d9d9', class: "gux-input-and-error-container" }, h("div", { key: 'b11307f8c3a99010754f8edec868de5fd807e171', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f69d3c2a0d279577d1a77356c469eec18ab50b43', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0e06d1c0e16394ea157f3688e3c7f1b5102244fa' }, (_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: '4523324a01c3a70554c86c310e93c718de91b91a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '78bd938da1f045af25101f37c74e662b6c186bde', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1d7a80f4496bef8058c34566b0272a26a4e012d9', variant: "required", required: this.required }), h("slot", { key: '892f6fc6e39c6891aee2516100f95b886bcfd103', name: "label-info" })), h("div", { key: '15d68c6057d0df3784a131c01bfd9da851917775', class: "gux-input-and-error-container" }, h("div", { key: '620214bbf17854f16a1af6c45365a9c70fc2636e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3c82d5a23c27520d1f17ce8b571c010393f1b5c4', class: {
+            } }, h("div", { key: '3d6ad7bf30d8c3621896fadc515ade0c39a8108c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '82d9fa74282eab284cf28e0fae495b94567172cc' }))), h(GuxFormFieldError, { key: 'fc8385464c9bfbc5d30e1b9b16270401410721a9', show: this.hasError }, h("slot", { key: '1648776e8456bd82c977e5b58c3cd00e8b46e2d7', name: "error" })), h(GuxFormFieldHelp, { key: 'c8377cda699a27c33d0e88cc971e25ca9870b636', show: !this.hasError && this.hasHelp }, h("slot", { key: '2fbf51d0537398274f956fb2eec26f2ea5f4451b', name: "help" })))));
+            } }, h("slot", { key: 'e0800e204437bfd92905bb7a0b8881eb4d81ed9e' }))), h(GuxFormFieldError, { key: '384273863f21240885684450c587cb1367feb827', show: this.hasError }, h("slot", { key: '2b301d47a375ed06c28f19a055ee26a2ada38aa4', name: "error" })), h(GuxFormFieldHelp, { key: 'b87d4e91887e0459b4302fa0f5c3f9dc2d4d88e0', show: !this.hasError && this.hasHelp }, h("slot", { key: '65792417d534a1dec4c05b879fc72db1b60f3f8e', 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

@@ -93,13 +93,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'aaed04625be46bf1c196187a9ab2650ae15d6d63', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '95cdcaa339f2459b5f55e1d516b28fded340ec54' }, (_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: 'ca9d26b09254bcf1c10f85eca465f06d672c69ca', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9c4d98a79533c66cabbce393f6f2fb6ba2243858', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '872419e46229275b793a8e44cc5137054e62809c', variant: "required", required: this.required }), h("slot", { key: '8f5fcbbda9de2037df6fe4c233ff0d59b8767b77', name: "label-info" })), h("slot", { key: '7ab3cb49085ec078386e47d33be85e4862a56e8a', name: "label-info" }), h("div", { key: 'e0d3c3d5445c9a94d75d070a4bf724b201b06d44', class: "gux-input-and-error-container" }, h("div", { key: 'ba25e6cefde4e777afa7e0e9f60c2be7e4956aa6', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5ecc8ac72d7e5228b769822c8a95a5cb08617a8a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '76c3f3de71b2c2ae3c2745a06e3dcc6fdca1e403' }, (_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: 'a9728f2b5c0f4489e7abc42fde4541b6bcb5ec26', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ad2991e2583d2ce992ae3676d5248ab4deac01aa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2013e893e4f67f165f99ffe85b0762a42ab0a191', variant: "required", required: this.required }), h("slot", { key: '212479f9a5a8df0668c16f00764a6784a8071de2', name: "label-info" })), h("slot", { key: 'e72de942358d617738857c1a8eb9dc41a5f0d71b', name: "label-info" }), h("div", { key: '2bc9186a753716cb24024cf68bccb3f7949c6997', class: "gux-input-and-error-container" }, h("div", { key: 'c93c6400659b86de793a3158353f81d4f3777cd1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2fa5abb19ef77dd31c72726f59eb1e3fe55700f5' })), h(GuxFormFieldError, { key: '8ebcdee23d8ea6a7088031ec16bb571a67f9ae77', show: this.hasError }, h("slot", { key: '7ea86ffc59c1af8f4a355ea0a6788b47c1eb4659', name: "error" })), h(GuxFormFieldHelp, { key: '649c1eb4580438bc8f7349ec77b13cbfe530b1b0', show: !this.hasError && this.hasHelp }, h("slot", { key: '8cbf41877937041046c62a9648982b420a2dfbcc', name: "help" })))));
+            } }, h("slot", { key: '141e377d5046a94a252fae3636c1f568a949e83f' })), h(GuxFormFieldError, { key: 'cb623eae001f2b4fcbf39e8ce3f94fa443716fbd', show: this.hasError }, h("slot", { key: '93814cf4f166b973eb6272a46371f89647eff116', name: "error" })), h(GuxFormFieldHelp, { key: '2255a62f3d23dd5494c9ebb02bba98a3aa89c855', show: !this.hasError && this.hasHelp }, h("slot", { key: '13116c871a16e95259a887b5cd73ccdafc414a6c', 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: 'f16b595c0688c619aaeacb7e7c099fb1530ad489', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'af8f1f7813fdc524978215781fafe1832e29895e', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '203c195fdddb1de2a5ca23731acfec6f28427641', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '3544be5beb9caabe7d246b1d3e1d180bad6ce48a', "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: '11e42c61e6b6a268d4f3202b85587865a2777469', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'fdaed8279e654d61223d21363ea96aa68a8a32e6', 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: '95faeba1aaab0d904b76e35881843a0545d12ed1', class: {
+        return (h("div", { key: '7a158860eaff795c39f9b433c17933eacf48b64c', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'f1cff94c3340682fa4f9b731b861246d2e5a95fd', class: "gux-message-wrapper" }, h("gux-icon", { key: '541abfc392b63e7cce5282a549118487490de8e9', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'f6f39c9cdba87b0d42ec68e53a2b404181f1b6d9', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'b8dd49744c9cf3a960aefce0218737eb3e7bbdef', class: "gux-content" }, h("slot", { key: 'c499e3f7f7db4ca0dc4118785c9fbf23daa99781', name: "content" }, h("slot", { key: '2e45fa9242e98ca1ea5a9408df89593238fe2106' }))))));
+            } }, h("div", { key: '1e683ba49866a3c4cbccdfd4f35334b7633f8c4c', class: "gux-message-wrapper" }, h("gux-icon", { key: '674c0b2b72cea5ae668a249823a770347101299c', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '08dd101eac9236d6963535d9cbf229e440bc7c2b', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'bdbc2e803c43ad12b804f3c3e7e327ff7a76f8a3', class: "gux-content" }, h("slot", { key: 'de96732c5bc296031d0714d26a198a4d64a58628', name: "content" }, h("slot", { key: '4c28b32683fbacfa290cd7c3bff88fb7d1206ff7' }))))));
     }
     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: '8beda4b11721cb284a8c56523299a8bc413d0499', role: "presentation" }));
+        return (h(Host, { key: '249d522cd8c5c0583154d900b21795030814af6e', 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: 'c8a719f4050cff60a334b822e2451abfdc8b8b27', role: "listitem" }, h("button", { key: '1cd3d6d13ab45e1c63b0961e0964681a584e8109', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '40b64c6675c898a536fbd38848518a47bc305e27' }))));
+        return (h(Host, { key: 'a73a8500f64a41b283d04839822596be7951947d', role: "listitem" }, h("button", { key: '44139a45c1b776f48a6a4e01831f0b84496f6661', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '1a60d18f8d999c2fba4bbbb880733b8acff02f6e' }))));
     }
     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: 'b45097132ad7c6a08b47dde9dbb303ab590543ce', role: "list" }, this.renderFocusTarget(), h("slot", { key: '4387406713febefac8de4aa79bf700e463f8db1e' })));
+        return (h(Host, { key: '275ba18ca6a67097ce38d16e6b12ae7c2b19d5fb', role: "list" }, this.renderFocusTarget(), h("slot", { key: '324346580a4007be1eee22b0603bc5e31ac5d2a7' })));
     }
     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: '1c3da15d9ec8a6787b80c0a80e12442d0cede4a7', class: { 'gux-filtered': this.filtered } }, h("div", { key: '706f033518c24c9358748dab4d152a6789698c91', class: "gux-option-group" }, h("div", { key: '5d657b64e1ee84453dd9db16fa75d67288055c88', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '05c34d586310fb5b3e9088572cf05e023ac14c1b', role: "group" }, h("slot", { key: '18f556017e313057673cd4611f5d8bb07af8feab' })), this.renderDivider())));
+        return (h(Host, { key: '50097429d09aa1ee2a198e5221b05e0589b68f43', class: { 'gux-filtered': this.filtered } }, h("div", { key: '0b9e477b7b8626dc71bd809e1f75a9e777e9d592', class: "gux-option-group" }, h("div", { key: '29656e0706e792dd64e7777d1be13aa617806cec', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '094a97df8ea2faea1dae94ef50b1dd1c8ed60b37', role: "group" }, h("slot", { key: '345c50437cd32012d5734207290d24cd6f2184f4' })), 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

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: '1d655446a45025d556d124f20d475b25e06eacae', role: "option", class: {
+        return (h(Host, { key: 'f91b411fd87679179b8d68d54d788a8dc4541a5d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: '3bdcc45ab74c9ddfab607ff7192538561e1cda45', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5aaf4843ba0a691fc7a0990175c4d29a2d58e8fb', ref: el => (this.truncateElement = el) }, h("slot", { key: '45245a691e866049e90d277702462a7f7559356c' })), h("slot", { key: '7731af5d6fef5ce98d0107056a585874f704ba3d', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'c8e543fd424975831f50f3711ab42bb209015140', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3dcac66932200b4f2b58e8c960f9b77985915b57', ref: el => (this.truncateElement = el) }, h("slot", { key: '8a5f63fa0c357e6583460dcb8c9e086e472b9dd3' })), h("slot", { key: '13cc9f7240ab26b298adde0be702feea32058d18', 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

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '6f429152e15139e30a50e90ac06ed48f7c555673', role: "option", class: {
+        return (h(Host, { key: 'f6d97334b6ac9e4847f0f77f30f95ebe28088bbe', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '134da8e01132119c5bbc1454d49ab62e7d84acb5', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'e380e11a047a8f972641236036e6567fc1d93c60', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f49a005a360ed05bc81959bfd2a70e111be7aea4', ref: el => (this.truncateElement = el) }, h("slot", { key: '447ab05d6c47d252ad1a0c69638fef8c05ef0d56' })), h("slot", { key: '5a628c675c0ac1797bdf65488d32f976ec33aaae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'de90edc0af36ba92f23aae43612e54694daddbc3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'aabe07b93b704361cc89b56b8da2fcd72245ab27', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6fcbe44baa62b77d41fafb97568e70821f3f582a', ref: el => (this.truncateElement = el) }, h("slot", { key: '95e9a1262dd1bcd3fc55d1ceafc9366d3627d49c' })), h("slot", { key: 'e4f07670f12dbfc93cee212bdf701118981c61c5', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '5507e6f5844bd0bb31e638fc0f08addcae6c5c65', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '3d036323a3b1c7dc1fc32ddcbb28a4865552949b', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '60194b159f145cb8430f93847bc62dd0bf14a245', class: "gux-option" }, h("gux-icon", { key: '435f196fa8679e19c1e77d5af67565b4b2bd1c2d', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '3c98825cbc6ea36b1e6bf71e062075e76166e369', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'a36c75e5ee2b9ef8bbd54d0176efaaeed077979c', class: "gux-option" }, h("gux-icon", { key: '419b5f4fb0e1591320a81e832334fe1c96d970da', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '66ed3c6d3bf7d0f44b880ff271eac09b735c5887', 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

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '26f74ac330d738ac01119c81505f4a472dee3711', role: "option", class: {
+        return (h(Host, { key: 'c0ee80a1e887bce0a0a793df494fd429ddb4a60c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: '91646c7ee2054f8dbabdd0a9df8a655386d2f1d8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4ef49a5f4d0e4b8672f5b806f1b01a0e171c986a', ref: el => (this.truncateElement = el) }, h("slot", { key: '43aadbe104fa7f9e6991b276bc3bab20c09931f3' })), h("slot", { key: 'cc9a573d680b1979acce992d7a28ddb01d2a933d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'da6a8e6cf621311a22d870ce16969909561e4834', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1f3c00b576ea51da0df4343f7e240f30ae86216f', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c3eaf571850d783cc475707a0f7ce6c6683a3226' })), h("slot", { key: 'f8e8ea760065b9d1125e5e0bda6c84d273e135a4', 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: '2a6b29d75ee80df549e6f16231aba1665d3ca154', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '45c224c9caac4f211a30f89dca30645cf3c68cef', class: "gux-progress" }, h("slot", { key: '99c7399f7575ca1d63a354b6c2ed6b8c0e5c6728', name: "progress" })), h("div", { key: 'fb7eadb66e7be740661ea040eae4614f21109d93', class: "gux-primary-message" }, h("slot", { key: 'fc31e49622c5f1b581f17df0da1f0de3cea9132c', name: "primary-message" })), h("div", { key: 'cc876268b8c22ab58c548201c076cf58519df58a', class: "gux-additional-guidance" }, h("slot", { key: '8fae572e194d58167a55c68c6b9db4a9eada969f', name: "additional-guidance" }))));
+        return (h("div", { key: '04790e8d07ec5cbacfc444ee552ed49e20afeff8', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'dc60ffc869aea8cfe9128ff25e48cb46b16ac49f', class: "gux-progress" }, h("slot", { key: '0f97321aa247438b6598a07b43870996fe17e1ab', name: "progress" })), h("div", { key: '09d4649f701e6ffc72d1c1420e2883bc295a7e85', class: "gux-primary-message" }, h("slot", { key: 'b328b196770ceb4663c31a54c083932bccc447e2', name: "primary-message" })), h("div", { key: 'e13fc16f700ac912da01fa69873281768c332111', class: "gux-additional-guidance" }, h("slot", { key: '640cca8758fd53549871a6d4bf40ac6b8702c473', 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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'b21f66fea97ad825220bf1f7cb607c2b028530cb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6f9f15215b90d95674356b3183f1cb73695500df', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'b2cf8c0bbc3a35fe922187395bdc9a14c566be9f', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b6be54d55a19922d444f43c83f8daa60b91cc299', class: "gux-modal-content" }, h("p", { key: 'c68709bfa8c21e50e8e10fe382843a0dda63beae' }, h("slot", { key: '1e6316fd283c5822b0cb77e00a9f7fa3134770d3', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: 'cc85caa876e0e2fc620e4214592b55d9c74b9566', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'dbec361b43bbdb54216089fc89f7e7d17220005e', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '05e5e9c4f7d9cacd2211b51d712d3b02b6b7de43', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'ab136993dc831cbc2f985c486135632c36042951', class: "gux-modal-content" }, h("p", { key: '0132c588a4ad7bfc0a51422f31c4e76c7ce208be' }, h("slot", { key: '9e22336a5a65f8d16aa3913404846a87eed98714', name: "content" }))), this.renderButtonFooter())));
     }
     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: '5f31bcc969ca3437d020f601e939b56c416f69a4', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'b9fabf7ea1289ea5c8bfeb35c2963e1197dfda0b', 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

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'fff0cf262b9c1bb44ea53fe9a000085b3bef3638', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'efd4ad576ae28db57058c5bf09f1bc3cc62a8e70', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3bf855a6ab89defbb74b34fb44698754ef089f69', accent: "ghost" }, h("button", { key: 'adb7b226b7b45569b330e17202da8401015522d0', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a5336a58ff01300b1f78e46a3fc511d7da262939', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '23270e5a2e0cced675581690cae4e12e00ea2c79', accent: "ghost" }, h("button", { key: '332b43a4cdb6c59a06b6bca31ebc2d59bda67bd2', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '112db61c6fcb73233d01ff89456f5cbbe7c7e22e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'a780c379e89ae73afd4fe00c014f7d3795006cc5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '23150e772b34852ae3927be5b1c62c84804e5ad1', accent: "ghost" }, h("button", { key: 'dc0fed5842c2046fa0b491144bc5ef0189e28041', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4c51072f7ef5066f62c8f74b9c7052fbf7e27bce', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1d74ba84367677727c6e26a6b75fbffc961f8400', accent: "ghost" }, h("button", { key: 'a6a8a25686a77e41b1bb116dc5bbca419943aaeb', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1667a1ab84afcf4969e04abb0c05d62ea1952ef9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '6077d5d7a8733173f0f458f672d1ae622fcda538', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'e6ba6b2fd910d3c196ae828d4622b48ba8dc4242', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '753a27b3808ce25cee8b4a678a765563aee6462a', accent: "ghost" }, h("button", { key: '1bd15187bdd31d6e3458ecd729ea3a00e7483f8f', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '791045bc36f07ce5747390789faf8da13c6790c0', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f00ab41911e14e137a2ff9a66a09a8050eac2638', accent: "ghost" }, h("button", { key: 'eb883910d0b70db059ed81583cc48ca7fe1aa40c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'f83cdcc9ba7e2b84583ff77a8d174f54cdf6b48d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '8af4fe8e7168b7ee48239e2cf7f86ada87dbaa31', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '235bd8445521917cc9b33e1b487b5da062e8147f', accent: "ghost" }, h("button", { key: '8e485f7cc90b2a605caa7befd9b88a27d8e84626', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd653525bbe00637361a53c09c14168d7c815482c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'cbbd38d427e9e0a3a8913a38ad4e2b8cd43eee59', accent: "ghost" }, h("button", { key: '5ed3c37b5daaef588ed9972c21bd498bcbb9fd5f', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '68a1ebde96f853dcd2c5d38d7b0bff60e654173b', 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

@@ -90,8 +90,8 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '2820c182b85e0299720d4abbc157a8604586736e' }, h("button", { key: 'f5281a55dfa45a66d70a94c00b500398cdc802e4', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'f76d0448816482e93a94735df84f9461f921f0b5', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'f4cffff7d04b8940ce6481533f27a16176e93489', for: "popover-target" }, h("div", { key: 'd8415ca69b5d2a30430a29e3aa199429f96c4559', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'd242c1ac2b74e7ad8f3e3ac263b3f25d2a410544', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'aeada09ea4194538e1f7c784f06c0305632e283a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd1fdda287990b81432fb0ea1fba701feaa0313e9' }, h("input", { key: '71523be8c50ee40138a4560574523060f3c8a834', 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: '3a0c0d349584f5e8c105c1104c654aeb8077a8ae', slot: "label" })))));
+        return (h(Host, { key: '1b1973bf7e5b9ceeed131348126878ddd243c30a' }, h("button", { key: 'f53e15cbb6f48f40e4c807849806a3e649996d43', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '6a253d97059655330bed5fb9b6bd9c9e9916c7cf', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '40032813d6625f2d76378ca98e3b9703ef0650c8', for: "popover-target" }, h("div", { key: '8b7786cce1bdbef521155aed2c9066f06d0c16a6', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '988d6070839e6243569469cc86904c0e9c9bda5e', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5b98aeb69c0cbfe7023cf4a703f139abbd461f82', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '1d5df32ae0c86d15d785c39e19fb2a0f9a082312' }, h("input", { key: 'dcdfbdff212594f8c3435222fa72810adc638f07', 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: '02d7c5779f33743983401e68456ede0c9c6ff259', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'cc214c663bea74f291e97a9a8b41416696b17fee', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c7863d7e06bb7c9d5185c1bdbd052dc87754c050', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '00856d47739f72098dbe2581336758981248a6a4', class: "gux-pagination-item-counts-container" }, h("span", { key: 'e8c23da59eefd22743d6ac0374c5e9f22458912a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -19,7 +19,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: '0d75571f0a46feebad6603b7abc75ccf4f8d285a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b2c4417a1a39dff20c07215e9ccb2f14e59663fb', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '86bb4316e5702ca0c98c00d320bfce7bfd3115b7', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'f3fb8a72fb7620c5d46eacccedd8e9511ef06cd9', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9c44139f927c1f5bef9f99642b43e690e36ebb49', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'fda6f5c630de1138f2f3100ebb5fc35bad127dde', 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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'a9c135d289ced1d1652d4903661b5457a73b4d82', class: "gux-pagination-container" }, h("div", { key: '3cae00b7cb4d53acdd1ad03e7feadfa521090451', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '21ae33ba6ced409092abc69505d6bbfb476c19f3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'bda75173e7bd3b50d1fb28df57bad6bc72404940', class: "gux-pagination-spacer" }), h("div", { key: '7e029f98e38d1f4cc46ff9460c4bc3b294700992', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2a589657711bf2ef9968f774f2cda18cdb66301b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'e2032a3195b4224a6276d890ad6718a621d33b6b', class: "gux-pagination-container" }, h("div", { key: '23f74ff86c371bf0435b80442e56e136066a9d4e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '2542142e8c326b0f646ff8beb93a679dd42263f2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '3ec6a22c4f864c702240ce5566f22c332e4ec5a8', class: "gux-pagination-spacer" }), h("div", { key: 'c61dbf8128d5b8ca4f7f8453b54fab282b72a9eb', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7bcb53c640ceac841259dda8b20dd3272fa97e2d', 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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '73bc102bb15e3558f9ce9bf3d0d9a227c7c7d066', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'f953185ba8b34abf585fcb7318687330339f1e2a', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b4de1be84cda8c3ec3648e3764b91ba9e79c430c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '61e3578e40ece777e9b361a10c6595fed291a402', class: "gux-arrow-caret" })), h("div", { key: '92641ff8f3fc763886a1a94b61354339938124d8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '9c544091c84b663706ea62a4e39a659947fc9a31', name: "title" }), this.renderDismissButton()), h("div", { key: '42d1a067d01bc84700d055c76764c68c2263bda3', class: "gux-popover-content" }, h("slot", { key: '46b29b5905512f76b5e3f25a3d7978e0a4cfa4cd' }))));
+            }, "data-placement": true }, h("div", { key: '2b393fddb97a4d5c44b0068a1d96d63939bfc991', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '25f3011393d77faecad651ed76e3e145e193d65e', class: "gux-arrow-caret" })), h("div", { key: 'e27ef97e697f6ac07c8cd5e3b2419d22951af4ee', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1121d07f05ec8074b531533748b73d9291d9a6de', name: "title" }), this.renderDismissButton()), h("div", { key: 'da7b6a3d03d4ccce86b6d9e3695108738c0d8d37', class: "gux-popover-content" }, h("slot", { key: 'a5ecabebd81143ad0ccb8ae735b26ea0d84da383' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '32312d0a95b355418abfa3c6d89f9d0b9a0190fd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'aaf42b8c22597ff3b58f779a8259ed428261c089', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b43bf7778333eb8292720cc873fe1513712f0308', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'f77f2d7f90526b996b5cb47fa7991cc5ea4f23b9', class: "gux-popover-content" }, h("slot", { key: '8dbb8b2e5f25e48d5c82831bee3c6d09ba21df7f' }))));
+            }, "data-placement": true }, h("div", { key: 'b0bfa89ad58df922acdab9615ff19c8deeda9009', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'b911a03f1ce6c6210547418b10c37517132b5aa0', class: "gux-popover-content" }, h("slot", { key: 'c1af835f23cd6169695eadca8f5f6381aea2f338' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,13 +87,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'f385c4140f4eccd1fd7a84a613df049e2a272e64', class: {
+        return (h("div", { key: 'f2cdca4cfdd937a9d3cf8682574a5f76621b937b', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'bfe0fe177d904e6c3edb6da07e13683f82048f09', name: "target" }), h("div", { key: 'fecab29baa929c7fa63258a125f14804f6bff0c0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c7ae5a9f78c505c045d7bec68ad6578ca0190f9d', name: "target" }), h("div", { key: '72402d0085c3c58b8caa84c878e654407e8971df', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '97f0063ed493f5de9f62f8e8cb59628c3dfe6ba2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '1926718edb2c1900f576a83a86a265f7348ec8e2', 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: '0f87d6fcaa745d2dd26ce30af8fa60dbd9be8e2e', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '2a2332ab38a9ee04e608d4e7b5bbd5c873f82a55', 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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: 'e185108c89248b7ff1bf90687b11ec7d6614952a', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '18972a9af1512e1e6ddc48161b2dc3ddc0c7d824', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'eab4a285de4ad24fda7e039e4dcfcdf866d77c8c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '390929f2cfbb4abb5d663dfe6e80bdce85ade733', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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: '007d9a9f343d3586c97ae507a7b25567cd8dd391', role: "listitem" }, h("slot", { key: '07a7133be97eaf59a044c4173d4a2561add2a043' })));
+        return (h(Host, { key: 'ac7eb1ca4103db9ceb87bb2253de834545eec67c', role: "listitem" }, h("slot", { key: '601d4bda3c38f9c5a0328e297ebe53e91288e72f' })));
     }
     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: '861cfb0779160bf2870c91b5a75c1d4552c2f329', class: "gux-container" }, h("nav", { key: '751dbffe6e3c318fdf8f2b5d4ec902e51d117e33', "aria-label": this.i18n('navigationName') }, h("ul", { key: '354ad26e8cc020472ec884e46af41cc3c911f5da', role: "list" }, h("slot", { key: '12059a5b3efada13b60542cbc172cd8d2f6812ae' })))));
+        return (h("div", { key: '3978590d77fd2434fff4438be8eab23c171fa481', class: "gux-container" }, h("nav", { key: '251418bdbd8f7b2ebedf9ecf13c6b5bf49f0df36', "aria-label": this.i18n('navigationName') }, h("ul", { key: '21423b041708188886ab7fa1ec5e624184bf98b5', role: "list" }, h("slot", { key: '829d83bb4302c6a84ce3818483f375978e7f0724' })))));
     }
     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

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '545787c0f426ae3e7b54749b519da1033aae2b4b', "label-position": "screenreader" }, h("input", { key: '01f91380085cab1f2ee87516c11a280ab7b308f5', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4f540aa1ed46cd76037de13b0ee2140e87bcfc8d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '75cf6d0a1cb6263cccab55170f3c089a985df5b5' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '21657f20831a6423c3fe69a1270e8c6c57d3a96c', "label-position": "screenreader" }, h("input", { key: '96cb4f89e7373672d338da7fabbfc45f60e729af', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'ab80eb58ac69765b43d5b10d167761a1116ef2cc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '3f276227ef209731c68a52a1eab8b9f1398e0e96' }, 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

@@ -17,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'e8d0d60a271567a74d32a78aa7da97226776efbd', "label-position": "screenreader" }, h("input", { key: 'c6fa597e81785c9bdfde74de7c445162cdeb7b76', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '187b2bf7041b45468109c0b3fcd7744d1a8974eb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '5a460829db64a69c8deb49988615982f95a91e1a' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'ee79925440b7aee35f222c1fb08e77a7c5b9adc3', "label-position": "screenreader" }, h("input", { key: '643e6e83fbd1081dec1c009d04abc796fa425fce', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4d506e1dda6121c6bf4f539d739e76e3ecbd3937', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6855726afce26f49f6051fa1ab2018cfc827f28f' }, 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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'ad2c16a4cb0e3ad535770fe09cb8aa7261b09488', class: "gux-container" }, h("button", { key: '4a35a6bc0e9dd545a6601ec981244e945ac53882', class: {
+        return (h("div", { key: 'ab9bf99338c13138af33d5de8181b64097b1c0c1', class: "gux-container" }, h("button", { key: 'ac50dbd00b511ae686242001357ce2f150be56b3', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c3f947fa1d7d885b0bb81124b50f1b380d4d5e16', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '95b9a00a7cdb6b5eec25678c968514f02f7502be', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '242170322255f24d10d6bf3ad42bc4e95ee5bbdf', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2c179b88a0bed4a6d58b5438d5a1042e0b64c989', 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: '20db4257ea49e02f7c0838d192b0a3579550ecf8' }, h("slot", { key: '177130d715f3f70869ed4411741269ab78947350' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '3661144146959bd1e017f4c32a39b69854488093' }, h("slot", { key: 'ef50ceee71a1e0f29fbf65eab47335d568cdc049' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -269,7 +269,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'f5558b317d97d4c545b987e5eed516d43389eb57', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7994753aee1e14330c684e0c4ace9181e818ebe5', class: "gux-table" }, h("div", { key: 'ec0c8b3a8ba56a44ede705135c1754ce074d34b2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3139e1cafbaf7f75522945065a928a4d7d523ed5', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'd604b2e1c99dbc631801d198e88408ffa41fb152', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6f352c6444b9269fbc564e70d8b8dd1d75a354d0', class: "gux-table" }, h("div", { key: '94fe1049561d56975b4698ab0bbff49041c51ffd', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '72659fe4dbc41fa53945d804ab1e572443f9fcf4', name: "data" })), this.isTableEmpty && (h("div", { 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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '52b7e5d8d3cdbec48ad5c9062c628b672dc2ff1f', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '7da5dbdf9ae6cc600708563f886b16a1fe461f86', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '7b059bc33717295186dba7e010e23e855af58c5e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '95a1e1755b50464d99529fd015069a7365688290', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'a2965cd3c204f9052a10d1394cfb41bc5d6a3ecc', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '9054a2f1281eb051b35bbadd4fe0451a6123512a', 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

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'f9f92beab14454164cd57f5d7152185fb169805d', accent: this.accent }, h("button", { key: 'd3eaedad0a53fca42c919c52abf75b7f3ee395f1', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd8a1c289ac52458e96084361330b43d1d8e7265e', name: "icon" }), h("span", { key: 'cafea5d2bf21f6ebb48af7907014f47ac5f6b0fa', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'ed63d313c4f831c76fef6cd7a58a2bf15eb82e2e', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'd8310d3a3aea38d8ba3841e5c98f3a00bad5bd98', accent: this.accent }, h("button", { key: '4a976649603da94632082091ab3c9d0c5c7c302a', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5b40fbf4db92dfbf252d96b693f77fb4b955141f', name: "icon" }), h("span", { key: '255e05c9b6f092b6e265ff71cfab62f006d6bcaf', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'af737bbe47276035b8e4ca699cb6e4705e421e24', 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

@@ -85,7 +85,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '740eb843a17f0eae90c045bffe957cb649273d9b', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dd113fabbc90fdeedaa41d34f185da1fb87ee8e7', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '8181db7ad0cb2b913a2383981e426e722efc9edf', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2c54741c1b676f1d35fef80059f6c91886bab855', class: "gux-menu-button" }, h("button", { key: '6d565adecece1f7cec532453447e15b1d96913dc', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '65f4d35543c9330b0e52eb97d5a515079a0b751c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c13972003633dc6d0d353f933a97008ba8c3566e' }, h("gux-icon", { key: '42788806d05d92880020350f41b9722d5b469fe7', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '68b20d4aaf4491bb633657c7d729227d6aa9fca2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1257a1bb52780dce7138441725744fb40c6dad57', ref: el => (this.listElement = el) }, h("slot", { key: '5a0df6cac6139c589e0d0daa58bea76450a87c25' }))))));
+        return (h(Host, { key: 'dbca533b54f96829dcd965b27aed2b1889ed9015', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'd4cf26c0f6b56bdf9bdaeaebc4173f5e0c6e5600', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'cadc62775b1e2cfa6dcfca03d739aeb4365715b7', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0fc9910d55ac0c0bba4d676cf4a6dc724a507fbe', class: "gux-menu-button" }, h("button", { key: 'fec75883bb16775e9b87115b60150cc6cf0fe850', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '1611a5219fb15470466faa8ff4b056582de9504d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '225851482532b89d60a92cb0853c01f312f97fdd' }, h("gux-icon", { key: '8bd530694cdbdbac48971394465ceb47a455ad94', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '6c9fa1e6c1dd517ee3253a611dea2f750646952c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '31c695820b555d5b1248b96227b651c7197ad48f', ref: el => (this.listElement = el) }, h("slot", { key: '454df0015b0e720409fad10cd505893840ab3b8e' }))))));
     }
     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

@@ -185,9 +185,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '6fc21b374fd74a4fab1c05f2249e5e3bcbf7d386', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '276c80c7aec3de02a5fa5818bf0fa2e8739ccbf2', class: "search-filter-container" }, h("slot", { key: '730b76b35b2c509183152428e048316b3120ddfe', name: "search-and-filter" })), h("div", { key: '92bc2e709a24f0ae605e1644a7e10c37d8a6fce4', class: "section-spacing" }), h("div", { key: 'ee673e4d9407551ed443c5c9b0ed9cdb80934f69', class: "gux-contextual-permanent-primary" }, h("div", { key: 'cb92abc2a6809b09187c67cbf657ff4c4c304d85', class: {
+        return (h(Host, { key: '0e37a69ee21bd1fc30c78a8adab1b4f826588edb', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '6c2ff1521d21037d729f06b483fcbe97a36f5f0b', class: "search-filter-container" }, h("slot", { key: '2dab07ca842ef0ad77148af1e0c4706536ffe3a5', name: "search-and-filter" })), h("div", { key: '04d357e501e11f10d15d89847cb5539f7c81b757', class: "section-spacing" }), h("div", { key: 'c6f45141b171f99606cdac9035cd8188c9a59850', class: "gux-contextual-permanent-primary" }, h("div", { key: '5b23eef242a908411349dacb4d0660dc3c2946b5', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'c4d1fd928a9c6097993061e76cce8a2ad2a15b8d', name: "contextual-actions" })), h("div", { key: '40cec3218b64b5415536b6fb7d0cc0c33050039f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a18d17f76911d1696be42630245816b1d7630a8c', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd967becf6df9612d271017d31aeaea69e831e4d2', "show-menu": this.renderMenu() }, h("slot", { key: 'e20123d6b0424e7f2b60350be266e7cb22df4756', name: "menu-actions" })), h("slot", { key: '8ee83629fa3cc7d9aa8fce86d275de8f3d2ab512', name: "primary-action" })))));
+            } }, h("slot", { key: '3326cf917579213d54b20d3eaf220c7fb1ab0c10', name: "contextual-actions" })), h("div", { key: '5b1f9be1e756c5217223a75005d6b189efb2b252', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '5b85e310830db5977b455d942361a2770baf1845', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8310d788220fcdc44d820829f34abb474a099c70', "show-menu": this.renderMenu() }, h("slot", { key: 'c57dda5ae9983301aa28555e8be490f58b75daf6', name: "menu-actions" })), h("slot", { key: 'c279a738e2d32c292321621073727f33ed35e41c', 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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'c54dc95e266f152943199525cde726bf6fdd1d1a', class: {
+        return (h("button", { key: '361e65390e4be8921647a26350196cda2cfe0f0c', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '92080b0a5847659160f8d1789fd929d4733bc890', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a9380a71f2c92b6cfe568fa2e7e72cff7df02c02' }, h("slot", { key: '324aa107d5823f3a0e9ef0bc42add6c31b105d82' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'e23704e7704ed3a1cb25cf9868ae8f62da635c23', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'bce7a8ead8516d724afed9ee218f3c0d97ca7823' }, h("slot", { key: 'c1380d29ca6ca9db746273230f149373f5f89a6f' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -247,9 +247,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '680306423a224a9a1646ba5f67fdb9f31e2d0454', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'b32f188c3f1d9ea07b8c8475268f3aabc57f3ff1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'b86e164ab68080f6510abeb70310c0458e7f5844', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ec4815defba142048face3b67c1eb6ee092ffb14' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'b57f80c836570869b97817579d7606319ffb0e76', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'e55980ba380656fc8a73b724620b95aee9a22eb7' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }