genesys-spark-components 4.154.3 → 4.154.5

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: '632e008bd66070e80a69251b2d9e535ddea3491a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c37e9330ac2815693acc56e9ac447e407e969678', class: "gux-progress" }, h("slot", { key: '6c662bc8a2777ba08a2b848d80ecb77266434387', name: "progress" })), h("div", { key: 'aaaf10b091eb4ae8b7f73308f85c3c6618e9acb2', class: "gux-primary-message" }, h("slot", { key: '9dddb86790587fa3d40ac111de05df3e0891260b', name: "primary-message" })), h("div", { key: 'b3087a2f89c78c9b83a683511f8760708791c238', class: "gux-additional-guidance" }, h("slot", { key: '84a1bf57007fbe2c3999723db6d9d7e087719ba2', name: "additional-guidance" }))));
+        return (h("div", { key: 'f1cc2ae7ad4adbba0585492ddb510d0c6e5eebec', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '8e07c75e9ce20ed3b7791ed5896b37f10d8dfb88', class: "gux-progress" }, h("slot", { key: '9ce54e9d0df89954603f7e627828eea749561c6d', name: "progress" })), h("div", { key: 'ba6a1a0e4908946351fc63cf28b796cfe8cca4f1', class: "gux-primary-message" }, h("slot", { key: '318a82e74471d776bb1421870fce0d51b1edd4b3', name: "primary-message" })), h("div", { key: '6b91b1dc2c3a6f6f0ed3ad096c47f75be7e3092c', class: "gux-additional-guidance" }, h("slot", { key: '96564203a3f6aeea8255eb049a7c3ce8e70a6d2f', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '235c8ccc02e2421ee1431dfb3ee3c313f0d9219e', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '4da6ae302be4b983afc798b546b70461d8eb0da1', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '02ae31920b555056baccf13bff1b74806088aff6', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '28fcdd63377d25dc04b1c0ac4cbee19fb9211ab0', class: "gux-modal-content" }, h("p", { key: '705a26a5bcdc479d65ce09255b47894ad44f8868' }, h("slot", { key: 'ff005455111c619d28ca6de3a4e601227fabf07b', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'f3889c81a92b660d158a6ccfb65ca546d5c6e7b6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6ba7afa02e72b5299e58a5135454db09b9e4fb9a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f8601f90fc13fc7c1728f7aa26cb2b3d87f6a96c', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '984f25ca3fb4d43bd7c2cd48c881ff17c1a13be3', class: "gux-modal-content" }, h("p", { key: 'b151c66c1cb5071b315812ce7f579d700ab5f7f2' }, h("slot", { key: 'c617e8eede9dfa0e0569409bda624db3043755dc', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '7adbcbf7088ada82ffa08e01a14830acafa941f0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7f0ca49b0d4a565b137e3832bdc4da80eb2393d6', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'ac3ba167dcfbd7a6e218a5fd87d7dd720c6dfd69', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '721bc3da1728e9a14b44fdeb1c8448f235ef7641', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8a7a5cc6ade74aedb65a5f42e4c6bc37b54ffd87', accent: "ghost", "icon-only": true }, h("button", { key: '4795d7520e667f9bc3a05007a36d73e6d59f35a9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'f3634a3e56219c2540c7790898cf2fd2296cd2d6', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'aba139922dcf8a74d70f483585db2e083a7ff447', accent: "ghost", "icon-only": true }, h("button", { key: 'fabaf8623d2e2bce0e76037c5f7c87e90455d0ee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '809cece316e09bee8606395c734cd793136048ed', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b4dbdf909678a791b1307cb002390956e32a95e2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8ab559179ff42f581ebe35cf13723a453014610d', accent: "ghost", "icon-only": true }, h("button", { key: '2c40aee76604374cbb67e8dee1172275484ea418', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '8dfcfb78bcebdba5c844c808c7622f3e3f9ee310', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '7d9cef2171c7ce1ac400883b0954cefe8dc46e4c', accent: "ghost", "icon-only": true }, h("button", { key: '4f26be829cab3ac05bdffc653c179fff0696c665', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f8325a587b08409ab70a8bb9441aff4ca8f0bbed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '4ba612a8f987d7f48ef8fc83de55e75398068cb7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '70417a9af92f81fc9d870c953e7e889d4df76bc0', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e7452e6c4674db0de54210913ffe693d46f6e772', accent: "ghost", "icon-only": true }, h("button", { key: 'e369561b47d9ed2cf1eb27f7c15f00c4a15119a4', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '1921f866f74b115b3cc3195aed7d9a403fc1440b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '43cab0d7b2e744a43299208680bb925691eebf76', accent: "ghost", "icon-only": true }, h("button", { key: '212807643e83512e4643b5d1cd4195cfc405339a', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0b2e853dae3a7cc28af0f6addbf6914912a79f13', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'a4b2592d15f2c18ce0dac19c941f286de8704124', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1d341c607224aa6f251f9b4c5206b4da4d5fe67d', accent: "ghost", "icon-only": true }, h("button", { key: 'bd53bef3f334494f04947df935fe55b7a9c140fa', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0d9de0f539b159d3f52faf5692b53a6f0c19ee47', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b20fc1b50d8da2d9ddf4dc9ccc4f87cf4b24e545', accent: "ghost", "icon-only": true }, h("button", { key: '5fbebac0c64ca8cee0aaf57f522b33a520dca5bc', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6ccf5f8232e5c372646c6333442ceacd156de426', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '41e529bfee9f7ccb4253527518312a3fe0f83022', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'eacbe11caf92eeb21bc6486e17cd8fc9e0e41435', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '7a8c735f95d559a1da4a3c2457b4b4dcd87b1bb6', for: "popover-target" }, h("div", { key: 'fc2d94846989eead5ae39f90ad8c149f507ddc19', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'ed70426897d5dbcb04fffc331048202bc3673feb', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ee81999253bb53c5514db9b667db8bd30526ef11', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '71683940ad76bc0c718e128c12dfae87cd8f6331' }, h("input", { key: '81b045c7c1005e8fa7adee98e003dc2275fb3487', 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: 'bc030aec656c62c95d6d51d874c0dacd3ee59603', slot: "label" })))
+            h("gux-button", { key: '3b4e01afe3cc52e4f15bd06beaf246ddb6022347', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '4dd184f3df45a8217662c6a2212a43ed8b8dc637', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '7c5e0ae742547ebb974acd5893d32cf1f7c7a160', for: "popover-target" }, h("div", { key: 'ab2acb2eaddf719a43100a02961ade72fb58adac', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'fd4dfdb6366ff55b0bb2cf89cb44ba4619c512e4', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '9df657db624e86018296c02bb1af9601414cef7c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'bdd0cbe91e36e28dbcd5f24312f287f1e1ec4441' }, h("input", { key: 'a229de63ad7e45af3526dc547765dfa19fdacf6e', 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: '2300839502e8b3d3c267ef8a8e46fe349315db57', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

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

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '9a2277d465141c57adc41f5b3bea86db3f846e84', class: "gux-pagination-item-counts-container" }, h("span", { key: '128510d9b6249747981a1e97759d47042c5396eb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'dde821c2d38de4d218161e1b6fe0f072daa22a92', class: "gux-pagination-item-counts-container" }, h("span", { key: '8c692247c3f2fd41a880a168dd9061af715809bb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'e31b2cf7b5129ce9fce616d0b20888612a5c8a47', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '26486c3133559f536ec911fa69783b7db3d5b69d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

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

@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'd4b6d3b53190b9796c0b5edc3c2ab448d62fcdff', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7712e916af6f5bf41c86f102f3012cd191182859', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c75f920e13cace02d7bc09369dafce632408a240', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '68543c831b833fa2cb62b7f4169a8f792c64b191', class: "gux-pagination-items-per-page-container" }, h("div", { key: '893dcddb14c1f3b19def176fd2f7498c626e2f2b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7eb6534f81474716396b0bd294b192ad79049d35', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '2632e765f678d0b2209c6edabaeb39f6a4947a8c', class: "gux-pagination-container" }, h("div", { key: '284fa15020d0ad7654c482cde60a1490e06bf685', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c47f73c6195fbd8bc65b78b9981a7792c7718673', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '12b0075fa4631602dde5c94ce2173d002cf2679d', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '919ab355b5dd2412986ca7ce20cad2a8a728a57a', class: "gux-pagination-spacer" }), h("div", { key: '2582c1db81d6ce48e47a8510e1e29c94577d2120', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '92b3b60ce7a5f48bb9dff68f20a64831f22673da', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '936d60bd9e154e2028c1054b8feada2d70853437', class: "gux-pagination-container" }, h("div", { key: '56ab91c756bd4448bbbc940ee1c293ae4c0b6b28', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '6eebd691ccada4c71486f51ab82dd18fe19c9ae3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '3c0dd88b7ce8f6a3d517bfa84da208871b9c99c8', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '3a3a1d82003ac4c995ec1568becd793b4f00ec62', class: "gux-pagination-spacer" }), h("div", { key: 'f4144a788f5d732401448c2f39ed54dad58a5363', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'f435378462aa052d37780cdc331d512afdaa59ac', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -162,10 +162,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '15ebb2aadb07189b4f08d86b596df4da22475e96', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ee1720e19760f914995ad956f05f401cfbd92065', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'cc6a4a445f4280a009f0356becaab363602fd546', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1420e05736ade46ad1dc37d307dfe9de1bc8b699', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '30e79e138a5fbc213ef24acd63babb40c5cf94f0', onClick: this.dismiss.bind(this) })), h("div", { key: '42f3ebb6874aecb0c05366d8040a089a627ecd3f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f80d2650eec055b1bc1ceb3d6c0cfdb8a6a9d79d', name: "title" })), h("div", { key: '5d9f7e98d824af66532a5e6c18c1eeb623344b23', class: "gux-popover-content" }, h("slot", { key: '71e4810e14d8fb3aeaf19df4c0dee6cd72ef4514' }))));
+            }, "data-placement": true }, h("div", { key: '5519da18954bc746183af5fce4fe38e9c3e11f2b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '593025978df29f4dc891e7555f7d40251a33a670', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '52ad3b2604ff6fe3c6fea42a26a3fe78b5f90cbd', onClick: this.dismiss.bind(this) })), h("div", { key: 'e41c91e3b727ede0ac0a0f7e80b73623f84abb75', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4c7276811649348eb49f013029dc17f1f8c76a3a', name: "title" })), h("div", { key: '5d06ed668cab6c8acf176a8c7f08607402b01a6a', class: "gux-popover-content" }, h("slot", { key: '14212f1c9a2256500b492d8112d2dee5bf811ef6' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,12 @@
+export const renderConfig = {
+    description: 'should render popover',
+    html: `<div lang="en">
+        <div id="popover-target">
+          Example Element
+        </div>
+        <gux-popover position="top" for="popover-target" is-open>
+          <span slot="title">Title</span>
+          <div>popover content</div>
+        </gux-popover>
+      </div>`
+};

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

@@ -134,10 +134,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '7961504cbd9bcc9251e0108f50b00f05c75257ee', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '06027493c41f6307c87a1fbdd356e5b0bb3cd4ef', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'cc904362a902bfbf4ac5183f1b44c68c06c8c77f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '078f44190426a8c90add63b0baeb65db48e46321', onClick: this.dismiss.bind(this) })), h("div", { key: '3903368f21964263fe6319d4a58ad382bb05a69c', class: "gux-popover-content" }, h("slot", { key: '9e3ad5de2dd4792c53f5c96a4b3e59efad795fc9' }))));
+            }, "data-placement": true }, h("div", { key: 'bbd4037c60d7d4b83ca8d5ac4a371f0f607f1c1a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '5cc31a0d2193f99acc41136cc86d485f0decff8b', onClick: this.dismiss.bind(this) })), h("div", { key: '8eeb6788c5e65b7c6bd44b8a79d7271532816db4', class: "gux-popover-content" }, h("slot", { key: '272d95c0af2160f0ab06c489cfa91c641451a2c5' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -113,13 +113,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '89454862e98a0651408c6dbc65c775c303b423c2', class: {
+        return (h("div", { key: '425c3fe4d308bc7a405c855fd339a079e9d05d06', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f7a221a5e83d68a3b9fe109873d2165ded618668', name: "target" }), h("div", { key: '1eb84ed2d6c23dd90e6d53a396b57b9281877298', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '538bd99671e2f1a66e6b77f559f284d82353d9ca', name: "target" }), h("div", { key: '9dd4b9ce304c79b243c0e1f0a1a10b6993e7c162', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '84138680b54deabe48f8d183c0ddc059c391ffbe', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'bf99c8e91bde2cecb2a86e7baa030fa3b3bcfcb5', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'bddbb444723ba11604fb40349c039b7370ef6b51', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '2bff8a2a2eb177f4b99b124359249ba8628223e6', 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

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: 'e41f83fb42957d4d457081f3b1d8de970faa4f06', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '9c8b90b1ac5498c260f2216ff05b0fbbf6888d8c', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'eaa17ab8f1f84844c4724a553bb3349449e7c179', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '0dd5c4652077dc010d2e22c80ee2b6368f01f8a3', 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: '4ab16d55d148cac9a7ffd23718c84ba9e1f6e8ce', role: "listitem" }, h("slot", { key: '65862c365b5a58ac64caa4d17ce5ac1a854f2406' })));
+        return (h(Host, { key: '5af08f7f5038e2bb705c37f3b36537162b00fc78', role: "listitem" }, h("slot", { key: '73fe0e05084cf0b275a5550c85f857eef5519e4d' })));
     }
     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: '7dcb053b4e6036bfb0a88ae34af11f92aea3199f', class: "gux-container" }, h("nav", { key: '29f949b4959eb2cd0aa2fab681570be0a5fa42f0', "aria-label": this.i18n('navigationName') }, h("ul", { key: '7f1ca7d3ec29723de612ed3fac329f38df864e1e', role: "list" }, h("slot", { key: 'ec7d5f499fbab0132f53219808c7dc8cf24cb591' })))));
+        return (h("div", { key: 'e5adf97bb6ce628c5d7098994335ff61f6f7e390', class: "gux-container" }, h("nav", { key: '97232a5218a5f74cde772cedfd8ce964e89a9816', "aria-label": this.i18n('navigationName') }, h("ul", { key: '5502dc030d9252507fad80a53106cccc33dc6deb', role: "list" }, h("slot", { key: '019a601796b13c2e42eeefc7a9133db8074ccee0' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '36993fbfb051080579b7dceafc50d33bfede6723', "label-position": "screenreader" }, h("input", { key: '8fa6e2dce1d1b60fa29221c52b5a91c15071c3fe', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3fbfa3103da0e265d34f7975df95efcc8938e9bf', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '373ccf923fe18c249b9d4276debd5191c4f44637' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '90efb66d7d822e1f2c2948bbb08c2553e1f66967', "label-position": "screenreader" }, h("input", { key: '8470c5c830d72f1158f5258672d791bcc3a16f7d', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'b94227825749f85a6444a79e7c421087abdf496d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '725722d871b0fb81b0060dce7de3791de9aaf6ca' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '64484a1ea527a98d213c26cfd63279511a097a21', "label-position": "screenreader" }, h("input", { key: '8d4cff4d7e2f5b1b6ca2c1aab97b7953ab63004f', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '4c38a889a99cc07fa6cbf58cfc14be169ee5ae2c', "label-position": "screenreader" }, h("input", { key: 'c571dd39e29dd14f1b0fd1c3f6affb785792620d', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'dc49e3615e09ff039d3029fc59ef4429a6185d7d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fb6bbe582403febba0e6c6c7fac4df585eb2a44a' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f1337acc7ec012c214c8cc93e9a7f8dbebd1c869', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '785541fb0ad8cf8ec4506bad22d3ce9826d019b7' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -97,13 +97,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'b3be0740bebb853b93120ff2f480a53233feb119', class: "gux-container" }, h("button", { key: '48bfd91535d1ffbdba391de592dc60d08c2f4161', class: {
+        return (h("div", { key: '0f5600eb337411de6716a01c9bb4d0825d41e141', class: "gux-container" }, h("button", { key: '3f01fb4e9af4f0868be8d1037768c20289d0953d', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '87bd803ad2f0bab456dccf2aa6be2eb5eaf41228', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '5ae3610d6302395fe219850288bba23623c72e2a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '59eeba669926671a3c20aaebe7a0a81299ee19bc', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'e36588875ebbaa0b82bc6cc4df8f925b30a7c12c', 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: 'ed1fcadfcaa20cf528eb0052be480aee0f87446b' }, h("slot", { key: '1a6efd9054e41699dbd327d08be5dd107967c7c3' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'b1f2570e7a6a573219d6056b8d175e71e7285147' }, h("slot", { key: 'eedefff37b97369c9aa5717b314c667b31001429' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '7c0de7d38597cd74f6b0153ecd23a57b880a83b2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0e24228557e34047f21244594044e32787b7ab97', class: "gux-table" }, h("div", { key: '4058f2a889e4d533bb129ae31cb35bf732999bf7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'face8bbeb29a66e50806842555ecaad32cbb824c', name: "data" })), this.isTableEmpty && (h("div", { key: '02602512594ac63b8e3beda231c51a7909b77844', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'a3ffcccd13ef8e71bad921ebe6619c8f0db9c6cc', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '9f72c237f6c50e4d96771d874427815395f9fcde', class: "gux-table" }, h("div", { key: 'c7ef07c6a7b9995e0c2cbacfa217ed670f75ecea', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a757a36695d1af30a34becf46ac20c0fe2f31fe0', name: "data" })), this.isTableEmpty && (h("div", { key: '7cd8741fdf5c17939a1ee78970d447404b32ccc4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '3b02e1655e511e7f45494ed329cba802b05bceae', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'eb095d85733e80de46c85575244fa800aafb6aef', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'f80600fa409bb45dc34f0baa6ce602ed7eef312a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'da8e9c8e79fb2f4c224f00da780438f35c2330af', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '4abb79967fa91d433d04b75956e908546f5ec09c', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b943047bbf5378ac386f7b015c715c2e7221d1a0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'a50243abe4e6bd3d5485e5decdea36fddb80c64d', accent: this.accent }, h("button", { key: 'f474b2b024e19734ca5e3b0a30493585b9ecfda9', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'f6d55951fcddda6ce549453a416826b476245280', name: "icon" }), h("span", { key: 'df0019e0a4d5f1d948f32cfbf1e35279a72ddeec', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd712a06e52224df1c9cbb0066a555425ec441d29', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'f9b1fb3d8a97cd2139eb5af4c426bdaa1ae44baa', accent: this.accent }, h("button", { key: 'd88f8eae437463c945ac7863bb97848db6480943', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '4ca4c537952d630182405e44f5d248da06ef8a3e', name: "icon" }), h("span", { key: '21c5073044bffa2e8214d18091dc2b8ea03b8d12', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '6a6130c88cc98dc4e6fd234efb9415ae868803c5', 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-custom-action/tests/gux-table-toolbar-custom-action.common.js

@@ -0,0 +1,18 @@
+export const renderConfigs = [
+    ...['primary', 'secondary', 'ghost'].map(accent => ({
+        description: `Should render as expected for "${accent}" accent`,
+        html: `<gux-table-toolbar-custom-action accent="${accent}"><span slot="text">Filter</span><gux-icon slot="icon" icon-name="filter" decorative></gux-icon></gux-table-toolbar-custom-action>`
+    })),
+    {
+        description: 'should render a toolbar-custom-action',
+        html: '<gux-table-toolbar-custom-action><span slot="text">Filter</span><gux-icon slot="icon" icon-name="filter" decorative></gux-icon></gux-table-toolbar-custom-action>'
+    },
+    {
+        description: 'should render disabled toolbar-custom-action',
+        html: '<gux-table-toolbar-custom-action disabled ><span slot="text">Filter</span><gux-icon slot="icon" icon-name="filter" decorative></gux-icon></gux-table-toolbar-custom-action>'
+    },
+    {
+        description: 'should render icon-only toolbar-custom-action',
+        html: '<gux-table-toolbar-custom-action icon-only ><span slot="text">Filter</span><gux-icon slot="icon" icon-name="filter" decorative></gux-icon></gux-table-toolbar-custom-action>'
+    }
+];

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

@@ -83,7 +83,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'ab5a5a60169f9dc0006de9fd504da68dc0c82bbc', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dcbbdb9a5f505746b2fb53d21e4c4f47ff647890', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e48d3db7eae17dd25769fc71e26739735ab30fe9', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '95558dc7f3b90b04fdecf363bb81e6d752a33b7b', accent: "secondary" }, h("button", { key: '2435dad44695a45b1f1277c5e60bb9141cc49b02', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '923368b8a25dbca8c8c0762d76d98c5d98063ba2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '150a4bac23d161e2e3e4fcbdd8840aab98050d9c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '262a9d3ecaf5c4fdd86399c5267e3badd4b361b7', ref: el => (this.listElement = el) }, h("slot", { key: '972a7f61d38573e4ad1b86fe043423ad132c6e43' }))))));
+        return (h(Host, { key: '6c806b651443caec93e7ec690a2ca80d2ed06b50', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e2623d24f57b2ccbaf811ed588b63610fa171805', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '63e7430a934c25ee1334504eb5ff86d59e263637', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'd6321d4f860ef371c70c77743565426ae11e3b6c', accent: "secondary" }, h("button", { key: '3120ea93042f5199b3198f6de1cffe037c506a90', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '753a2999547783dd92559f572ffae6dfba402047', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '2cdb1133dc8e82f1c2c890e9fefbb1d7314a6c1f' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2c9329e2da6d6144361225b8566877d9a6ff7aac', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd980378020d16e499bad5310eba6b45b3da2ba55', ref: el => (this.listElement = el) }, h("slot", { key: 'e42992fca9056b3896c1c25b9937462f5c990759' }))))));
     }
     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

@@ -198,9 +198,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '6d9bb5d5cfc8e0a08863270277a5aee77a97a22d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'fc3ce74d73a7c17d28d62973749c098ff6ad6d74', class: "search-filter-container" }, h("slot", { key: '0cde14fa79023c82b09e4f6c48014fc340f09b1c', name: "search-and-filter" })), h("div", { key: '7e0a9c74595eae632f70e0b4d2106dd852ad77e8', class: "section-spacing" }), h("div", { key: 'deb38a6880a9c1189857b2170158304310286247', class: "gux-contextual-permanent-primary" }, h("div", { key: '10bd23cc43b91883643a87c7c941b28ca27bb3ef', class: {
+        return (h(Host, { key: '337dbcf7b2dcf25530dcac20776ff4bcb64fa00b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'ff3485b6b3eaf5fa216c53502aa28e4c59f054b2', class: "search-filter-container" }, h("slot", { key: 'ecb9f0fd9b0166a09b067261c7f5cd065632b191', name: "search-and-filter" })), h("div", { key: '56327ee8962b333be4bd47db502c0ade7ad6b077', class: "section-spacing" }), h("div", { key: '09e5fb47e40c2ac796364ffdce517df345ac13ad', class: "gux-contextual-permanent-primary" }, h("div", { key: '8d022078707ee1e7b9894fb3f17214fcba6f0f83', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '51568039a0835a3d52019904e8ca3ac6d4cbd686', name: "contextual-actions" })), h("div", { key: '5a5a50821d5adb9bd401be6e613d93aaf8f7efc4', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'b19cbed127e86ed53212a22d32113ae6623a874e', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '40953d9048d6d2ec233221c96fdc876c3ca29f36', "show-menu": this.renderMenu() }, h("slot", { key: '6fe2fda9735707e1e93e822b5ef76d3b2c3dd966', name: "menu-actions" })), h("slot", { key: '65f8912581a1bb88a62c58def6458cb7cbdc5fbf', name: "primary-action" })))));
+            } }, h("slot", { key: '64c524e4284e630310d44038ac68b909db3c55e8', name: "contextual-actions" })), h("div", { key: '6962e2ef361c483cb67a41e19509daa4d9751a1b', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '57e776b841a9c9fc8d7934b0c507bc836f1532f7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '74528cec9977109f97bfc530ad428ad5a517adbb', "show-menu": this.renderMenu() }, h("slot", { key: 'dee04cd0915b223f4b71ae4fb20e5cb9568c19c2', name: "menu-actions" })), h("slot", { key: '5694296b21c1a5cbff1131a1e6e8776bb8de54c0', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,38 @@
+export const renderConfigs = [
+    {
+        description: 'Should render gux-table-toolbar',
+        html: `<gux-table-toolbar>
+                <div slot="search-and-filter">
+                    <gux-form-field-search label-position="screenreader">
+                    <input slot="input" type="search" name="a-3" placeholder="Enter search" />
+                    <label slot="label">Toolbar Search</label>
+                    </gux-form-field-search>
+                    <gux-table-toolbar-custom-action>
+                    <span slot="text">Filter</span>
+                    <gux-icon slot="icon" icon-name="filter" decorative></gux-icon>
+                    </gux-table-toolbar-custom-action>
+                </div>
+
+                <div slot="contextual-actions">
+                    <gux-table-toolbar-action action="delete"></gux-table-toolbar-action>
+                </div>
+
+                <div slot="permanent-actions">
+                    <gux-table-toolbar-action action="export"></gux-table-toolbar-action>
+                    <gux-table-toolbar-action action="refresh"></gux-table-toolbar-action>
+                    <gux-table-toolbar-action action="revert"></gux-table-toolbar-action>
+                    <gux-table-toolbar-action action="import"></gux-table-toolbar-action>
+                </div>
+
+                <div slot="menu-actions">
+                    <gux-table-toolbar-action action="export"></gux-table-toolbar-action>
+                    <gux-table-toolbar-action action="refresh"></gux-table-toolbar-action>
+                </div>
+
+                <gux-table-toolbar-custom-action slot="primary-action" accent="primary">
+                    <span slot="text">Add</span>
+                    <gux-icon slot="icon" icon-name="add" decorative></gux-icon>
+                </gux-table-toolbar-custom-action>
+            </gux-table-toolbar>`
+    }
+];

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

@@ -45,11 +45,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '4e72859d886bc4518d93edb98e259afb2c7ed86b', class: {
+        return (h("button", { key: '446a339c553365f12c3f975367975bee95429bef', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '332024c8968009f60737e884024f7cdd3c86e98d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'e28ebb2c2555d361691c839bdcc1e7864679b668' }, h("slot", { key: '7a083f1202b493f3159252571c65308e004058c9' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'e9a6eea06d6a09e9b9409601a1f106d0bd052209', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2f8448e00ebbdcee941c92d5f29ae2aaccad6627' }, h("slot", { key: '7d67bf3060939f7e04d1637b46799a791e16cd05' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -266,9 +266,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'ae9f54186164a9e741aae2301e04238a3bb5471e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '9be65cfb80e3d3b3f9f055264439ef83dffa028b', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '4ccc0d0abed67e29e3cd025f5e89a58b998732fe', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '7855403cc39f1f524b948526cc5f497d78a4f88d' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'fdf9841c13ae98827dd9efaa5510061cf68cf0ad', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'a0d20ab635fe17efcc04275470e18cc6ddee2ce1' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -16,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'a2a87f4bedc6e85add3ee32ccd024c8cf93f3383', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '4b2100851a94f283f3eaafe44c68e1d01bae1922' })));
+        return (h(Host, { key: 'c1311f1e6cf5c29a551b2ded2896640cee5a9235', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '87eb82592c99dfe4f99bf1d94dee68c999b12953' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'fcf6be8847699ea16fd6cd7fbfed5e958250111f' }, h("div", { key: '739b5d7a29d257cf65b3d9f2709debb88368702b', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '076981b20c734e6c61815595ae07fff44ba58de9', name: "tab-list" }), h("div", { key: '4f2529c3710adbee42f687080225614666608b48', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '8644c0e7c4355779488c97d9922840ede20d6c64', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '9622f6a469aa84ec687488aa8a6484d1db44ab2a' }, h("div", { key: '696f9744944840c29b0f86a25a66058799b527f6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '98924f0a0d6fb9a2dd62445408f9d95819548d34', name: "tab-list" }), h("div", { key: 'e2287aecceda78595d474d6dfd1c94d7aa4d2a7d', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd9303351080e8a85569e9c50aab775772a0d6e36', 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

@@ -154,12 +154,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'e35489d6609356b80d970b70a26825b1d40b1dc1', class: {
+            h("div", { key: '31a558f4587352c3e3b3443e32bd1ffc34cd25ea', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '589555670c0af03663a72124c7d0bbf8aaef4bcd', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '8c90e662cddf426387462de097cc082b105f1ad0', class: "gux-divider" }))
+                } }, h("div", { key: 'c449f7b7350801ef0e85a96e6b2fb03da343660f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '88dbb73aa64c45d1e7a74844dcad9d8ee167c5ce', 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

@@ -437,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '5423db2afdc4e9b25f54bd5125dc9f60f46aa484', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c6087769feef0a3dfd45f5579064b1c2f78b317a', class: "gux-scrollable-section" }, h("div", { key: '36e607e2cb94242352895f4b499c14e32cd09368', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd8fdf472fe8f0c2232c456d89526ea01dbe1b593' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '3205aa326f36c3b0fc1cbd25875cc5c202bd65b9', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'dcf73a0e8ed41b5d1a26143f17d16118390caa49', class: "gux-scrollable-section" }, h("div", { key: 'e5832f4f8b81e913c81c311d5cb8b9075391ff92', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7c9cdd60280b31a502e824598abeba371c3771b6' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

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

@@ -16,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '0ac73749e9860b0391f09bd0822f6aea6a88e6c6', 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: '23416d1e4229f0394dbacf46a92a981d41ec75eb' })));
+        return (h("div", { key: 'd810ab34712163c91c5ede0308fdda2301da1cd8', 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: '00e5815ea28ee96517a2c6b4798a2624f4dae325' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -44,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '43f7d87c1568e1df5b61da978338a5942338a8a3' }, h("slot", { key: '568d65bac0bed0f828cdff9728ad3e8ea682c15b', name: "tab-list" }), h("slot", { key: '7f80d669fb6793c2dc6a84c47e5dd8d0ae1964e6', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'ff8dc727f1d22924681b1bb773149410625038e5' }, h("slot", { key: 'ea6c56622105d32a5a69a389551032729067492d', name: "tab-list" }), h("slot", { key: 'b79b2dc3889a5a50eb95c8984b0c0aeead58c2aa', 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

@@ -54,7 +54,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '82f4f97a2fcf764aca555d0d46248daa882b4901', class: {
+        return (h("div", { key: '6eb8ff81a80e292eb65c87ad0521968ede95df46', 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

@@ -237,7 +237,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: '6ecabad33289ab260f2fecd2c7a5f7ffcc513cd0', class: {
+        return (h("gux-popup", { key: 'be401fe95b5c14a64bd8598b92b21eefe233c5da', 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-time-picker/tests/gux-time-picker.common.js

@@ -0,0 +1,10 @@
+export const renderConfigs = [
+    ...['12h', '24h'].map(clocktype => ({
+        description: `Should render as expected for "${clocktype}" clock type`,
+        html: `<gux-time-picker clock-type="${clocktype}"></gux-time-picker>`
+    })),
+    {
+        description: 'Should render as expected for disabled',
+        html: `<gux-time-picker disabled></gux-time-picker>`
+    }
+];

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

@@ -57,9 +57,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: 'db56987cd7c53f5e892a8d21a30aaedb5673bb03', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '41cc4f6fd2beac8ef17978ceda61c8be575801ba', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '06f394bf8581a72fcb46195d03e174c833e68fce', class: "gux-content" }, h("div", { key: 'cfd311bc5428792590e7d024c507e20b8cb08aeb', class: "gux-message" }, h("gux-truncate", { key: 'b121f11354d8cb9857f7d1389e493c59eea6033f', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '170cc3d297e2cbf0da2b02a8f7a6e76b4deffbdc', name: "title" })), h("gux-truncate", { key: '809834a743ff746515b60c1ebc2f2c1f1cb4a8ed', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '95771b5d7d22819e3168bfbd2f6ad2f122297081', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '5570639cd8f84388f238cbde4e3bec4e24321742', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '6499155b7eb2109a1a0aca95cf2e460a8d96cd72', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '91c405383ec44496a903ffb38f93ec2b0d580a8c', class: "gux-content" }, h("div", { key: '5c95238f7e613c6f243461f78ba1b936177f5345', class: "gux-message" }, h("gux-truncate", { key: 'fcc3b83182fe1c0b6e868c6e72729d6eae30cbbb', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'e798183ee9fb8f85541f19b60c0a8a13cb2159dc', name: "title" })), h("gux-truncate", { key: '79a7f9dd2c1ea101f5ad7f436696477ab922d5f0', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '80c83e99cbb2381184a32087bea5dede0fab4ad4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'e7658d34a388f9ccb75bd513378c7de1d654da8b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '755f2f9d20636b7fa3ed4e42cf09e5ae5f577927', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();