genesys-spark-components 4.29.1-beta.0 → 4.31.0

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: '593f6c001948188e54c301efdfe6aa031255b7a8', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '9c0bd7211f773f8f492193eeca974f69456d8588', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '33c4a33fc6b0620c7595f1f5645c63c05e70402f', accent: "ghost" }, h("button", { key: 'dfb509bfbb1719278e8e1bb0cdb350ba3a96632d', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c28b78052595b3ae3b903011685be2d25d4bb57a', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '823a26cdc43783d61dd07a321191679f118d60f5', accent: "ghost" }, h("button", { key: '8ee40251757b7fd33cd3def62e1385fe8f67065e', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3e00c761635549f18406ac0689ef410d1f7cedc7', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: 'a056ab5312a98e597bd08f6a023db653115f5f0e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '85b010e556b036b5e6b49cddbda831df3bb048bd', accent: "ghost" }, h("button", { key: '6f8356037c05cd2e07607d298bfa2febf1d43efb', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '31598a969e084b23c56f126b655ec4dd4711fbd7', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'bfa05ac48557735ade8cff2c8349ab731fbcbedc', accent: "ghost" }, h("button", { key: 'a7626e099a683019c0e6d215b2967d15eca872d0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b506c68adf995f08617c922e5026c74f5dc9517a', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: '68c26b3028180eca331f6c4d4492f40bcc17b83c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ea5a2ea87c91f1c1e68e7af1bbc763e60ca12990', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'fc87e59c1504e0bd9d511e413c9ce47de2c842ea', accent: "ghost" }, h("button", { key: 'bc07f900b1b33f92d653f10b6c352f851ed18639', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd6fbe39efb8ff3c0973f4d62dcfee81816a9dfef', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: 'e65d3038878d9a2eab36e4ea7f697a0fc56273a6', accent: "ghost" }, h("button", { key: '02f85dbc8a685ea1099093d0a48dacc381b45157', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6549d4abc2040a5622f34d1bc5eb25870bdf3a7f', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: '634c8a6ddd8306b8d57a5c3c890cef60dd46dd79', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e08a26f6c72221838ff777de2ec1350e8180bde6', accent: "ghost" }, h("button", { key: '9b62b024342d37f2361e491b2e8daf48866cccec', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '53fd843d036cdc2bb9914fa4c6ed93fa624be4b1', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: '4cf80e2b84f75a88deea23b7fb71a3065b2b4815', accent: "ghost" }, h("button", { key: '83ce3b79fa642204b5a46049c29319bef55501c2', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '3e45facfcf68ebe0aca14e09f3f5503efc071313', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     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

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '1dcf954fed276aa5e8e299426829b93186629588' }, h("button", { key: '5ecef232aa7fa680b9301e036992e0afb5d461f7', 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: 'f46565abe4943328e03f485f2418c085caa54126', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: 'b03cfe11ffb75843c7a5a499c054e42ec3b6d936', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '9e7a733f1d2630de3568dad74e2eea6c1169bd77', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5589bf322c5cc85fa4c2abb41aa8bf7f992e868f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c8e505892c77da6fc986631ae85cd9202aecdbe8' }, h("input", { key: '0a3ad78c3598e2c25821807759c771a7cbf61974', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd0c6dc41fd19af21742b4a71f502bd487bbd68a5', slot: "label" })))));
+        return (h(Host, { key: '83423eed41204911b58b37a338e682c03e9a570f' }, h("button", { key: '3536d4848966ff1176cf8306549fdabf174044c1', 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: '6905473b5ab0fb0d2900f07fc72b322149cb9bc3', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: 'f4f73ef51c47bfc98606421262fb529f3e0b75bc', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '79680022d1a435ab45e484b81f6f95141e476dfd', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '04d5077be86f1b402089660e8c564c1fa65d59e4', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'cca4a6bb2e41735a43bbb7ad8670a995cff2560d' }, h("input", { key: '168c0cf089b8e9418359fb5fbc78187e2da2af65', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd114c2cf70707fd944464e5839df30b5ac99f669', 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: 'f71829cc8c4e4f577c3f6426d0d1d61880530965', class: "gux-pagination-item-counts-container" }, h("span", { key: '62bc3d24d4ba1b088e3aa59119f42ba40250211a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'e1b6250d05961a2f0d9a719c7c31c55759ac4aa7', class: "gux-pagination-item-counts-container" }, h("span", { key: '7666ca07742007a3c7dba107d1472350133f21e1', 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: 'b5e4323e9849899dc52d879469d3e0309658a11a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a61d6b49b8e56625469a88154994a8c9fffd042e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd3d7ed8f10c827dc007743c360078543939147fd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e36a6b3e62a797b2b158a14c8833064bc5ce9d20', class: "gux-pagination-items-per-page-container" }, h("div", { key: '5a58b4487e57701b3cc25bc9f249923315107c24', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'eecadbd893f80e5565436b652326a4254c42d25e', 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: '00be70bf087dab63649f4de07150fdaa61a1c904', class: "gux-pagination-container" }, h("div", { key: '5f2576d4b32916f4caaf619fc62ffbe4514df0c0', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '72f3e5f2454d3ff660fe4251ae43c068770abb00', "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: 'd4b1de8070a0e53e1cea28ef6c81907b1e38444c', class: "gux-pagination-spacer" }), h("div", { key: 'e540ae2d2736fb8c99407504e9c517e49d16913c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd314c64295f03391993c61cd585a36094a3e512b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'd954e174bfe6ace53015eb0e5b2ee5e0d540763c', class: "gux-pagination-container" }, h("div", { key: 'e735c33855bacd2c1289d8c6172ba57e21224290', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '93f40ec41927651d1d2849899659472617235014', "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: 'a51efeae5059f83bec35979aa5bb83c135ff909b', class: "gux-pagination-spacer" }), h("div", { key: 'c1b835c115f0ff9c17b65af5c160aaeee2b72041', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '0f3261daaede555624ad3ece107e07c29b0ad5e0', 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

@@ -135,10 +135,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '632376bddf217f1b556696b406ebd483f6900bad', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '5e008928fc28e73afe5cff8bf2b320d873a75ec2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f11882bb2f9781d6fce1620e8ad585978d904e16', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'b05186e1ac2c1856d145a2431504eef3a4847e00', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '788bdae710fe3845219d8378a39020a7f50fa79d', name: "title" }), this.renderDismissButton()), h("div", { key: '000abfe8718542ba7bafe9b7c4c0b37ce749bdd3', class: "gux-popover-content" }, h("slot", { key: 'b5e435dcdc35e908b1ce19abe98c1c30e3d05d92' }))));
+            }, "data-placement": true }, h("div", { key: '621242dccaed28d26f3400b4ce5db056f0366ad2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: '0e64d2999a7a04dc54f7a7202986c20d3af94e5b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1fd806a7b09ea20160ea63240862de369f6b738e', name: "title" }), this.renderDismissButton()), h("div", { key: '6e7463b8168f1e0b01e7657698aefe3215f89a47', class: "gux-popover-content" }, h("slot", { key: 'ea191ccadb261b1539c25672a9e58c624909851d' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -125,10 +125,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '93a01ca319df39dd65c4391725cf2ea25d391527', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '2d328dbfea8d361b8708f653502edf9efeb9220f', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3b2bc9c9591fb17f1b1c7c02b4c168490513ca19', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '70655782984121609b0acc2ffc82bb022e043882', class: "gux-popover-content" }, h("slot", { key: '782fff3a74f8563a717823de04800f5eaa8fa326' }))));
+            }, "data-placement": true }, h("div", { key: '315fdf855799c6edc5a0db68238dea247eb871ab', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'd6957f043c0b8c2a716b2c3c7e909a853edea52d', class: "gux-popover-content" }, h("slot", { key: '2b2610d8ec5b28d9189d128d22a906bb280d808a' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,13 +89,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'e17a1528af3be2381bb49e654ffaff8be14588c3', class: {
+        return (h("div", { key: '5eb4b7ce88eaf631aaba2544518585a943876cd0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c0be9e94bba60b6af8a747f40dca2b9ff82d5e13', name: "target" }), h("div", { key: '11bccadae3d6d40af3747d697b79c31132d90199', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'b3d7b4bfbafbe66550caacffaeea250b0418b8da', name: "target" }), h("div", { key: '0d36a0b8b73714c8d63e087d4f5a67d54041eb51', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b15212bf3336f4755704ecc16660e5cd4091c7e8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '594c5da18d550a3ea8e5186badf8c16e83f3554d', 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: '673f7e1b3c1059ea7d77eea8ab43602b52f6f805', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '11d2abbdf2afd994f52ce9db70aa12c88f5f1bfb', 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: '05c2a71cca500d52a492bb86dc1dae4e23cdb854', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '0470d153375c14253d6adb397c5337c978a0751e', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '96c2371b7f30b342c33e1de53b38317f5c743f06', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'ccb9bf8fbcafaf9f77c9509042d6ac369683e27a', 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: 'dae99892e1df459884e33b7973a93a5aac14d6d2', role: "listitem" }, h("slot", { key: '07d133319c36461c422affa5e1fe818965016d99' })));
+        return (h(Host, { key: '1887b499135d19d5f843fac97b15e235d90b750a', role: "listitem" }, h("slot", { key: '399e5a3c0cb525d46f115be96239e92529c4f374' })));
     }
     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: '9780c57e4f6d0cf5489fdff698efecca6abcafec', class: "gux-container" }, h("nav", { key: '0586fb6148c7670c1eda0b50074e4c7b0b464e88', "aria-label": this.i18n('navigationName') }, h("ul", { key: '436188729818b4c0c56932c136f4a5cfd49a7ab4', role: "list" }, h("slot", { key: '6f3b6465899289f50b458a93903ac68dfc8f147b' })))));
+        return (h("div", { key: 'b92233dddc1ea48b29b4017e0344cff883280485', class: "gux-container" }, h("nav", { key: '853f5fdff8d93a12240dd769915ca0b0c91c0bba', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd8e619e692367b64d4812661464b44fde60009c3', role: "list" }, h("slot", { key: '8a18fa02b1e382cf65f56dc791bfb1a86e51721f' })))));
     }
     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: '14abe99a50ad9b4f6a854f060968994a2d7248f1', "label-position": "screenreader" }, h("input", { key: 'e2da3b351b0e22cb2210b64027735415029291b3', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '457d3e94ba00df5f644f2fa93a8cc9b44ab0d94a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ade8b9ec041fdb1ea8fb3f65a7de7d44eddab2f9' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '771ea45f65c83d276fe4d874968edbf0a20fb493', "label-position": "screenreader" }, h("input", { key: 'b5f83625d72b5f863d99a7861c2a316b46cc5d9f', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'e41eff1f79ac0b0692741ec1a9e77143255d2a49', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '11bfe3f39188496d586dd447f94dc7dd288db197' }, 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: 'c9b07b21146e8fa832e58171521fd2d8c2366b93', "label-position": "screenreader" }, h("input", { key: '71ebb0fe0a2e0fbd7c2e9187a3a9f2523fbf0a9d', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '2073263bf498db3bf5f8679d3c2b87aeda3922e8', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fc74b3c5536835461e947b02102c4cafb098743a' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'b02fc706d89b404c4602c0467963e5bd1cc6906f', "label-position": "screenreader" }, h("input", { key: '13da72170771456e9a8388690cc1faa10188799e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'dab43582077ea1e10bca2ba91d6847c67b242b48', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '8b6a2e260d8c0821e187aee92be1487d7d8496e6' }, 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: '2c5efbeaa22ad8bcdbf55f95df7f6cdc3de00ea3', class: "gux-container" }, h("button", { key: 'b40a0049132a26d0f99c402a24b2d369442ce38e', class: {
+        return (h("div", { key: '4c289043204844b7752da84f6a94317eb6558d22', class: "gux-container" }, h("button", { key: '19c37f191efc4cbed51fd55bea05cad28089f511', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '37e9a502d3d2786def6fb9f7591ab01ffe151cc6', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '2d35304858972fab94b57c59dfe4b3465922bd81', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'f3fcdb92db0adf6bc5ff09a21f6f079dbf55824d', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'df467ea1a64845d2544323c9cf2460fe5cff0908', 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: '5f80e7bc9e46863f7436fd0d6a2a9ed9f968abf6' }, h("slot", { key: '5d4a490a19f9c11f5a59aea3cfb60a1b633e3945' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'e038ddad0582ff66a5f2bbf61b2a681cff68c2f7' }, h("slot", { key: '7c5f6570f7aeb8190e0171d06554f150dc7ef10c' }), 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: '7da8a1c1d9482fad8758f951a737736cede96a63', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'c6f818628833ce740c816663f3cd23120b0bfdcc', class: "gux-table" }, h("div", { key: '282ad2e1188a35a31b11e3431b54653ce61a72fe', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e5ed66d0fcd87edc955d8de7fd5475c465d809e5', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '7809ceda2ec03d11367acbfd533c2d96cd08bb0f', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'b8c0ebf87f5f280e8fa865fef87961d498b57bd6', class: "gux-table" }, h("div", { key: 'aee92a77c9681177e12226388b54a8f1f122e063', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '285f91c63db2f99d0f883ab3934e8cc3b0ec9d65', 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

@@ -27,7 +27,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'f2532089089a680100ed18fe8c740f95e8b9b902', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'f9033f5a1dbc2094aeef95f294eddff80c6eaaf7', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '36f7c35698dcf9ea45f8d972a8c496303ce57dba', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '44e02df40761f90b2c1fdbbf2165e311db678417', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'f47a2c132ba315de8638eba5cc70f20b19fd7181', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '9f3deaf1cbe29119564e790a3430d481aed90b1b', 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: '7b1cf3766ae7c7703940607e35fe3068144b2544', accent: this.accent }, h("button", { key: 'f3644abcd087a31e2b685524b3c2cd162628d5f7', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5f9be7ba7a45cb24ba8155bd272f7ac030e2e051', name: "icon" }), h("span", { key: 'c4c01918a8fec97bca4ebce12cdd11c85e1521d2', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '068e4e088d0a240e847abaf5cc5998f72e0d01e0', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '17ddff533bc9adf663986bdf68a650186c997074', accent: this.accent }, h("button", { key: '167318c6c1e011869d0fbe7ab90bb5b2a60aadba', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '9f3178eae4cf063245c13e8d8676b1f88b57a367', name: "icon" }), h("span", { key: '807b792d5dc04e7d0c084f50e141bc6da171cd04', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '28f191e9efb24327c5b0e5fb52db9ac463006dc7', 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: '3175ba759ce1523f16a0394692bfb8013a720fec', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '8cb912663e187b47b8f9b26e55861999694ee246', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '4d7f6af96be492d18c481d807080c614746f31d1', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '4b7711a78d65a0732b74ba7bca0675feefedb7dc', class: "gux-menu-button" }, h("button", { key: '6c32ef2e7e2deca2b540cf6177e5c1e681a16cd2', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'e96370557b8cd2e82152b2503d1bdb2abb301984', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a2e71643cc5c0c51d5b997318200cf8ba71112f9' }, h("gux-icon", { key: '2a0b6d5623ea613ab2d4d91cc86005d775b16cb4', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { key: 'e844c2f4f0e9e621ee0d8cc8854e5dad4d407651', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c2106f21ff6d5d2668fe59fc794ed0a4b4e7c26', ref: el => (this.listElement = el) }, h("slot", { key: 'fc83e45e51ea36ef4476ebe7ebb84cf1d458d749' }))))));
+        return (h(Host, { key: '500bbfbb0bf51d5f4f715b68b4c7e5596736cfc5', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '8daeb2b41afe5fb576b86d2da1119be8cbe12e68', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e0b04be5f71265efc87a7183ba3b6c0289a429ee', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0787d530422e7e26dbd9f2244d70725758a6842d', class: "gux-menu-button" }, h("button", { key: '6952db1b736472e980caa9da4b686a6591b8fe9b', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'd2e921e8cd607abf6a3cd1dc83673f5185bf67ac', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'e4a2c23bd311acb62a163b7cd653b7951e8f70f7' }, h("gux-icon", { key: '35fa28d2be138094d04eeac17d57c88b60ceda7b', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { key: '422cf4a9fde9b8734b3695d85f4e9ce247f46e04', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '729d13f3be2285171c1ba20d9641e4c33bb5b9ca', ref: el => (this.listElement = el) }, h("slot", { key: '05f293428f6cbc9f1e223437285d6d20d0594151' }))))));
     }
     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: '555f570eb78778055a0aa804158f08d2e12b13f1', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '52a81472e30688331e1349f6a49ebc5bb129ce7c', class: "search-filter-container" }, h("slot", { key: '38499c054fa65fa8f15fe1c7fdd2314931666d88', name: "search-and-filter" })), h("div", { key: '2ac299b307ba157d6f11708e8ceb5d9c3b923a52', class: "section-spacing" }), h("div", { key: '851f0953e3f15409be268aafb2d35e6377708819', class: "gux-contextual-permanent-primary" }, h("div", { key: 'd174c8114e3b2a58f451606f92bdf834b640264e', class: {
+        return (h(Host, { key: 'eaab2742c135fb0310eabb8721393f5fb825cbae', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '6a64ee6a920ad16f9ac03f94b5e20b92d0c685e2', class: "search-filter-container" }, h("slot", { key: '6e71fa16bd89e00079d2c16fd3b2c0ce27412862', name: "search-and-filter" })), h("div", { key: 'e1a102bcc0574d2d29e229d571d3e72d89110e8d', class: "section-spacing" }), h("div", { key: '9273f730a013084ac58d502370f3bee15afb3a56', class: "gux-contextual-permanent-primary" }, h("div", { key: '821e1c2df99d8b088b05a00a14d7b2c3aac4ca17', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'e594b6adb9b88c6d68a4ebd3fdfd38b549a7b3b4', name: "contextual-actions" })), h("div", { key: 'a65d75890b1621e962570d8f9051ca3c8a17ab7d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '697af1b632ce8198e139be9555a35e9fa4d76da5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '3ada935e405d9968e53de7eb776482f002a025a8', "show-menu": this.renderMenu() }, h("slot", { key: '6d66edccbf2bef08ba3956ccd9c0b7b705dbf542', name: "menu-actions" })), h("slot", { key: '853f608365f1be2f75e4b23996ba3651dd833511', name: "primary-action" })))));
+            } }, h("slot", { key: 'eb75f8319c6deafe800fbf8ca8e3da74d612b36e', name: "contextual-actions" })), h("div", { key: 'adbe14c3effc9b04daf8a439562d5b50ef4cb6b2', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '39889e675b73c22cc9bd8a98be20aa2fd64d3c06', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd69f3f1087c900c8307889597a6f7157cea1fd71', "show-menu": this.renderMenu() }, h("slot", { key: '7a94a21df6a669956c925af1ae7d91c78a1af0fe', name: "menu-actions" })), h("slot", { key: '66b21fc26de2140993c548dc969e230574fe26f9', 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: 'f7a45d89fbd3af26b49ad9e60ca62f71febc9323', class: {
+        return (h("button", { key: '1e1f4d51a2e7eadc91cb1069a3ad68fb4a72747e', 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: '85930035b445995cde166d4c0604527e49a8e25d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a50cf1eb480380b9f5cf03e735c185a233ca6795' }, h("slot", { key: '5f6091de074893b0d026fa727222975ef4650642' })))));
+            }, 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: '97f6af0809bf421eb7dd7225a484e194e4506145', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5069172d094426eab6895d73e9d1a3b1a5a151a1' }, h("slot", { key: '7c3c934abae595c793be475cade713485d82edb6' })))));
     }
     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: 'c0155765a0339c3fd833972d0c68623882c4035a', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '6fb4bb2fe2bbd648815b36d6be37677a16a9763d', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '4ca58d61b9de4a383349dcc5e997ee2e4b452b2f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'c644185249cf5a9a9601eea865221dd54bacc9bb' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '0eb5dfc3d7447ade9cb0edee76b3889b9045f0f9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '5750efc04ebed1153e08957a14207da5a1c78480' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '72fee1ca5dd5743d353b11f4e2be086d6fda3103', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '201ceaf770d8f98bd8b91f0b9def62a86e5dc72d' })));
+        return (h(Host, { key: '5dcd691ae0a35167e39c5f27b60747743bc77b9e', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ed4be3a86694d026fe5bfc77038e6ce5217b1d7f' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3d4745395be738d8fe342ffede42b3360f9f1d54' }, h("div", { key: '6df36fb8c8feb0f1ad31d0c687dec7d3faeabe69', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '0ca9dc2def1cca25b6643e351f867baeef541a0a', name: "tab-list" }), h("div", { key: '76ec9f1ae6f9a10be2fb0a21f4a3d8b424b4b272', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd0f6d3fc4289cceb9778f009744aa9271b58cc9f', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'e784dea971a7e34e7fc6a3f7dc0af818dd5de6bd' }, h("div", { key: 'b69c81cfecba4d17146aa9322ac36662fef08469', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '2722cdd4c8923144c0e54eb077b670ed395ef18e', name: "tab-list" }), h("div", { key: 'd4b0520f5c917aecb354409d869353e50cbfec32', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'fa4b925d41ff0b950d7204e4f6d22f74dbe75b67', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'b257c97aaa51c6b99cbf267184db7861164f1594', class: {
+            h("div", { key: 'b897c7005a1ee5e4c4fddeff3583108ecf93b898', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '3213e11cc475fe43c728f91c42ddde5c6931c2e7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '047df9bd2950797a0858beefdea46410bd782507', class: "gux-divider" }))
+                } }, h("div", { key: '4a3cbecc02408b9740c61df60a0efebbd691c306', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'cd3b23878f8bd4a14151caa43449cdc46d29b8cc', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '9e02f2a4a018f32c36fe5d45b171eb92290f73ca', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'abf96090632ff44cbbd5ae1f73431ee6ce11c65a', class: "gux-scrollable-section" }, h("div", { key: '648ed086d61097a12a04f451f74a7d8df307cb77', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '20847e37c7aedef829682e750b4affbd71800239' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'b5e2022f065a38da7ec9b52bb6bf6b5c5ca7d433', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '624412c772f268efb4dc6108cb3b423e62faba88', class: "gux-scrollable-section" }, h("div", { key: '14e335f0dfddea9ef22e534a0769483f74b1cc87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd9b9eaeb3efb233078394327b86ff71a7dda6e06' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: 'fbaa32a820ebb4a06a413640204450359410e0ec', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'a5190c8b5ee7c65d97f230e3f29a56a7a813945e' })));
+        return (h("div", { key: 'a266a4281e64cdf0fc727727a502287d349f735e', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '66933c4b28938a9472bcd977222e5064c6527434' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3f473513e0b28a70554170d4e77352d31d0f6e82' }, h("slot", { key: '2fb52b8a9934cf4166a1c9b8dadd0e470ba8a504', name: "tab-list" }), h("slot", { key: '084e589a6fb9cd4df15c528e8285ef85b00a32a3', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '3f1c2e5bbf7f28b3938cc3de89964df3183397ed' }, h("slot", { key: '0bdcd37a70df0a25b93f21d39231e32ccf2f33ae', name: "tab-list" }), h("slot", { key: '42b3ce2d9b6dc4810edf8779191bcb005357c699', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '0eafa9869f03547bfa0253d6ec7f7a07c1267205', class: {
+        return (h("div", { key: 'a9e80dca64518fac2748aeff058558974b20c9f2', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled

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

@@ -210,7 +210,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: 'a0809a538c06ace8e70a2784335612cefd76eeda', class: {
+        return (h("gux-popup", { key: '6a8dd6b428a2cc27d425990bdca8175651f99d50', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -43,9 +43,9 @@ export class GuxToast {
         return (h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (h("gux-button-slot", null, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: 'c2f1925f5b74ab5ad6405d3c828f011289d5b79f', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'f1b16c61aac2fcf15e0e8e608d89368519d23e25', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '73e5bbfda80f9f90a6669099d748ad1d1e3acdea', class: "gux-content" }, h("div", { key: '0f2f4c58c82acdd53e18d4628be93fca8ce46e38', class: "gux-message" }, h("gux-truncate", { key: 'fcfe09983253a13adcc01e70f6a34d74ca1b96e6', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '4b48ed0caf7e51e7dd1e186ecf40a4713fd6ffce', name: "title" })), h("gux-truncate", { key: 'a965ea526fb21f41b10a1c31cf25b6800277034c', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'b6af7cdd022b85eab2643a1487ea2a5296ed903b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '70ce82813516ab788cdbf9979376715dd846291a', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '9cea6047f1347a85cf938d37646ee63be90230bb', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '2ebba1824d10154e69279fff1de2c6782b0b3164', class: "gux-content" }, h("div", { key: 'cf1055d00179f7e681e0391b5de9fec791f18b7e', class: "gux-message" }, h("gux-truncate", { key: '4c1cf45ccf887e4e31b614f3129f4e695cef7c18', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '0c18744db78dce99b7be8208e75259d986c1d82f', name: "title" })), h("gux-truncate", { key: '8358fab98d512e469b325f66caaf4250720d56e2', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '76aa5682291d47e7f1a7f9776835e597d19db24a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'd8d364ee073662f60321c8b435aa8f35d21f9ae4', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'd13b26bde86e80a0534d4bc8093994082023f597', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -21,12 +21,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: 'b74fc315e1562305866c538ca1ddf6c0d6a6cf6d', class: {
+        return (h("div", { key: '3aabfe59d59b37b67a8c804b7f3e4e94b3747c35', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '36a298308f06f05021d061c3be4f97e1fd752375', class: "gux-slider" }, h("div", { key: '466ffa956d4cbcb926f69d0a2aa2bf5e537f7aa9', class: "gux-switch" }, !isError && (h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '0f668d9e4f2dc934410597f71db52cfb95b27d19', class: "gux-slider" }, h("div", { key: '5df5f4fb4e0f25cb6430f8712e07765397d482c9', class: "gux-switch" }, !isError && (h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '226b4b221f4fcea7534eae9210e3f8ce97a3643d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '8c5255638fd77e8b064b93dc55f823370e58f9fe', class: {
+        return (h(Host, { key: '9a1bfd046845e58e34808e5a07d51ea2f2708bad', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'bb633001a57dbe3b924b4abac93f71da063c9407', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'cfac127fed29ecccd27e248d55a0836779904fd4', class: "gux-toggle-input" }, h("gux-toggle-slider", { key: '969100f9514cc73d21483bd2ffda258d3d1dfa5b', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '3374b8540873850f4f2aa21042d7846a2d89bccd', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '2d8613ca85b453f548e35a88d89b004308d3644d', class: "gux-toggle-input" }, h("gux-toggle-slider", { key: '6ad36b6f27693aacadfbc1a1b135f13421a4eb04', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'c985e8c13220f364cd255fe5db0166407fc819b9', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.css

@@ -39,6 +39,11 @@
   height: var(--gse-ui-icon-size-sm);
   color: var(--gse-ui-tooltip-light-iconColor);
 }
+.gux-container ::slotted(*) {
+  width: 100%;
+  overflow-wrap: break-word;
+  white-space: normal;
+}
 .gux-container.gux-dark {
   color: var(--gse-ui-tooltip-dark-foregroundColor);
   background-color: var(--gse-ui-tooltip-dark-backgroundColor);

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

@@ -5,7 +5,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { findElementById } from "../../../utils/dom/find-element-by-";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
 /**
- * @slot - Content of the tooltip
+ * @slot content - Slot for content
  */
 export class GuxTooltip {
     constructor() {
@@ -127,10 +127,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a7066dbd22cbf308e07fbb3829886eefcecddff8', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd004181fd4991d522c18a1e43a57029a929eb795', class: {
+        return (h(Host, { key: '3d6491b37b06c6045effa858c720f4b9dcabd470', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd3fa5aa8194982548bd43a28b2826ac70ec170f5', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '4d518923b91d8d10345e244d3b94bc1138b110e0' }))));
+            }, "data-placement": this.placement }, h("slot", { key: '82f26748711ed81e4220a0b0dd58d4821af69c6d', name: "content" }, h("slot", { key: 'fef4f172ffa440763b285b590ccb3a9b70ccc446' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '524a31711682c1d110d6d34bc7c16ad32d05b97c', class: {
+            h("span", { key: '63cabf5baef49325dc3527738be21616938dfd09', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'c09f9f8836a8715f89c120d72f76634a2d2cfb26' })),
+                } }, h("slot", { key: '7f175125cf4629c53133a76176982088a2dfc3e9' })),
             this.renderTooltip()
         ];
     }

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

@@ -49,9 +49,9 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '207d4c2b11a5c59cf09ae96fe56da2b716d05ef3', class: {
+        return (h("div", { key: '56773af1e30c19b9b0ce6d3615aa193a55c7b6c5', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'e36a75a2292fbef8a359021b2abcc662404767b3', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '3fdc82c331bd500e494594237d267c374e1b63c7' })), this.renderTooltip()));
+            } }, h("span", { key: 'dccca6be1b65de956758ad9e417bf3969bcfbacd', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '935ff06379a8856ebe14ff4b64ad496a59b035de' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/deploy-info.json

@@ -0,0 +1,9 @@
+{
+  "name": "spark-components",
+  "version": "4.31.0",
+  "ecosystem": "pc",
+  "team": "Core UI",
+  "indexFiles": [],
+  "build": "157",
+  "buildDate": "2024-04-01T19:13:28.893984Z"
+}