genesys-spark-components 4.46.0 → 4.48.0

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

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'caed5a5e8c09f6e354a04b633dfac99eae52df76', role: "option", class: {
+        return (h(Host, { key: '2ce90e7d99ec17d71f6db0f56fed22f037fe6b10', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '14688b8a47bf9aeb4d09a6b796bee697f2ae047c', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c83a1961e8ccc001dc8d89fdc05dc8f7c6c8d4ad', ref: el => (this.truncateElement = el) }, h("slot", { key: '85521876c96b67929cf028a6bd9e8e5f86dcac6f' })), h("slot", { key: '3aabfb3425e370797fa70e2fd9d15230808b45fc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '519667ace3ac8ebcf53f5204a75d5cbac4b1a266', class: "gux-option-wrapper" }, h("gux-truncate", { key: '22f523cee15028e56c3164008c5dc064f518d608', ref: el => (this.truncateElement = el) }, h("slot", { key: '57f1638f43138139c121f8cc2ab8df6d7cc70fb9' })), h("slot", { key: '028e005e28fb057f322600a3daf1e8109935dd52', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'aaf5ea30565455066f67e63e1f2524569815f47d', role: "option", class: {
+        return (h(Host, { key: '10744194aedd070df10fe477029e189f49ba830b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3e230880bf14e8dca94c958202ccfb56d3f9045b', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '56b8220fc819f9d4f41897988d2b8383f95e4cc5', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f7fd8f62fdadefe2d4a94b84b298b19fe83044af', ref: el => (this.truncateElement = el) }, h("slot", { key: '634d010bcba97bc49d5a1aeb4e9a0cdd57381066' })), h("slot", { key: 'c2c214fbc7027ce0515307c250cbf4813b56a529', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3e39b1b3a086f8e469be3ce6663ea204688e7748', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '057b13fd1d4558e740c5cdca4923caf568a3db7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '088fe2e95d23eb890dec33b5ca1bb041b172f43d', ref: el => (this.truncateElement = el) }, h("slot", { key: '26b802e93f0c82cd8f1bff5684bd624625382052' })), h("slot", { key: '08b6e6ab697399c90226f6290dbf85e704c457ca', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '1e59ddbdd1b1b376e04c41a6de3d5b73fbc87c33', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '3c98bce36df793a43b93a950aec9c4b381e6c5d4', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '93c736f0b8b407534b0c363843c021668304358e', class: "gux-option" }, h("gux-icon", { key: 'cd7d8b22840d4cc0535b5aa5c4ab3ab3c4902b6e', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '9d49e0ed96b010a08099264111167be278957b2f', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'a6225f9b6829cc2d94213668aeb387770111210c', class: "gux-option" }, h("gux-icon", { key: 'cfc4355a3c0df088c3dbc1e05a7448c11716caa6', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'be18bfdca17a86f88f43f3a6570ab0dc3d02884a', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '44cce2cf160fdf0f3451d23ad29f52c020defbe2', role: "option", class: {
+        return (h(Host, { key: 'de44ef79bd1aa9d34f67e1bdba6243ff6ee0a037', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'aa4d2b4786fc86dbeadda3784b765abe1c2e95ac', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4b8bd5cf5531f5cc500d2704100b61ee59a96e69', ref: el => (this.truncateElement = el) }, h("slot", { key: '691ba00ed35e4c53714050dc31df4123a3d9e2fa' })), h("slot", { key: '1ad22ad0833bfca8c4e86b5bfbd382084689c832', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'a2923ecf6673036f902c9bfb8e3d75362801a9f6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c98342d5ddee499ef9f3d9ffe7ce746810eacb11', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b3e82c457e9e157cc1ac51515ea12b898f43efa1' })), h("slot", { key: '27abe30082ae332378e6a3c3297f9bf7197e474e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '8e57584f7da6d2df8173df0f92086963c8d8066c', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '0d8cfd1f1b9d43b4d44ec40523942d458b9cdf32', class: "gux-progress" }, h("slot", { key: 'c42dd6bd738341175aa9a1a7e155bb5a22cfea41', name: "progress" })), h("div", { key: '81148665ffbaf8441c1b8ce969045b5841ed3871', class: "gux-primary-message" }, h("slot", { key: 'b4b613f5cda7bc1f4e32265cbb006ae8737fc183', name: "primary-message" })), h("div", { key: 'c798028124cda04883fdaaad6d2f25be62f2f241', class: "gux-additional-guidance" }, h("slot", { key: '09c0c35eb7ee0241cdfba67c33a5ae7b49eea6ee', name: "additional-guidance" }))));
+        return (h("div", { key: '4c1d327a33afdc357be1bc3acee4fc00e60e7e64', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '554844f7832d1ad881b21a86fef84bd9e0215bfc', class: "gux-progress" }, h("slot", { key: '33c76e3e1354b3a64f81ef7f1463215f6ffcee7a', name: "progress" })), h("div", { key: '805a73048b087e1ec9958b4af80417cada58ad76', class: "gux-primary-message" }, h("slot", { key: 'b15a399171d6cdc621960c626291d39041ff8829', name: "primary-message" })), h("div", { key: '6aaf50c2ab13019bc0ad701996acfd5ad3ba43a3', class: "gux-additional-guidance" }, h("slot", { key: 'cfff6d416cddfd1f12fed8504b746560c0ac0340', 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

@@ -57,10 +57,10 @@ export class GuxModal {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'bfcb9faa7744acd2ec1567ff3391ebe67da171a0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bd689a24881222662a6a08655188fa278f8d7c61', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '81a6312e41709b6f00bfeab8cccfbd980472aa52', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'cd9c321fa7d71b8a6b7d657d45bf4bc812d8ca0c', class: {
+        return (h("dialog", { key: '26d5277c5f4873955b21cd4d14d0bd12cfbe8d2a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0a8f664358fca4bc4ffa434b2e5c2dd7e5644fb0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '59323a947e1f0c8d007cd61708962e89023aa25a', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0206c7b2fd10730ff08f6b25b43824666159e6dc', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '5fe1716d1e7f328f0e64157b439e5c33659823a0' }, h("slot", { key: 'e1514e725b8a36ef3dc7ac14cbbde5bf4b1355d5', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: 'a7a514847b4e1c6275d92fe0e0f4f984fd224ff3' }, h("slot", { key: 'f2c88de369d5b35122251bba209ad6dd46be5bdb', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

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

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

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '8fda4f61ee839971632fdeecb40b9b585bcfe81c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a784aa4e5ea7e5516c4a0b47ee6467540df9955d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '68a8814ef6a7ddf2e0bbce58a4180f07b29aa1da', accent: "ghost" }, h("button", { key: '3a2ae39eb7ec9df036af2ca7af888961c3692e95', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e15b143670061c96d841206faea596a091af92c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '755f368607689299cc11c9d4c8b4e65fca980026', accent: "ghost" }, h("button", { key: '7f16c5e4c7fef7544669e6c5b121b8ab7d595f15', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '42512a8929787d7c269f98733b8c3487c3111e23', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5d31adfa127dcce47c4cfa25ec3f0f3cecf2885a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd5c0b3b4f3a7f8338549bec7c96338bdb84748cc', accent: "ghost" }, h("button", { key: '50ccd3111a08f98a4b56a7c0f33d03ae35d8f459', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '219c9f94ba65da66ec3f6f81ea147105bacc27f4', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '66ec4a6f0107dd1eda060ea4700d84712e8d9d39', accent: "ghost" }, h("button", { key: '7fe4f0c847402973b330457099bae342519803c2', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f8c835eea0173bf051ec74c9d5f7a9270b54ae1f', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '3857372a99186229ec3e298b82c401bc31941fd0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '16d04f43cfcc2a451f5354a277f0238a36f70421', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f81ff303dcd68958c69f5e4bef0342ba704df53', accent: "ghost" }, h("button", { key: 'bbd2882b6bd7239735b8df78696f61a57a898ffc', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6d564f68610b87ac978ead7423420968ddd531a7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'eca4ce239e6c8fb53f272841dd8eac750cd17e36', accent: "ghost" }, h("button", { key: 'ceb4f71700d1cdac17d25e9c060b05816bf63743', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2f9e20ee6e98c77aa0ceb04cb77f8d626fe4d68a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '7410a5875a87ca14a02d52164e86b767b53b92eb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c704a1ab74d2d6045f2a4356e37d15d6e3635f1b', accent: "ghost" }, h("button", { key: 'de041f3e4f5fef052fc312c37bf0dc05a8520600', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4ece5a227ae20afbbac1d82b2ac6d072789217ad', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1c038f1f6cbe3d55493b0d236aee783543e3032f', accent: "ghost" }, h("button", { key: '3955235a33f2f54e372eeafffeb9af414799be40', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7565654b79230d0f5e1ec5bbe43c066ae5305923', 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

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: 'd9b92cbc76229abd556e3c105859b9036d9ceda0' }, h("button", { key: '9348eec87d35cbd1e7507c5e9206704985ce8d0e', 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: '524af1e54e32d5719e488fc7afbea8c1660151d3', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '744521b5c901703f50d24d20b20d6e428be6ba3e', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '6fbe6c2c5e7889a873f3485f4d3b27fc703df99c', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'cfeb18c090167e3e0bc043aca0ccdf084779012a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c24d56f060daa11f490397d7709afaaa5382e8de' }, h("input", { key: '8fea62f041f7736de67fadb7738051dd41b6b5d8', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '9618b6ae6da2f2a7bc9d70f616cd08ec1017b424', slot: "label" })))));
+        return (h(Host, { key: '5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2' }, h("button", { key: '39050d70fbad9934bfb716147bb6b34b8d93fe7a', 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: '1b770c24d315059b532fc0461d38a96b723a09bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '5edec81da9f5d2cf5b6462faa22a2bcb6b244e15', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '4ccc2d6b8e33062c289f613c813170223f6c3624', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd3714a5a950e76c3b3d656a720e0e6d7b99caa3e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a437be9f072bc4494bf48d546d4593a4232c2000' }, h("input", { key: '8d380175646958355bbad4784a03752c3f12d45e', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'dcbcb9eee1968bbe0c1a76e847cc745271ebfe5e', 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: '5cb0b4bc0edc143155e20cb7bb6eccc55bb899a2', class: "gux-pagination-item-counts-container" }, h("span", { key: '93c089b17e05ee584d7368856cc63fdb6ee4592b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'f4398ee2d8d7ca6873eff4d05a8e2f18f0d05723', class: "gux-pagination-item-counts-container" }, h("span", { key: '563ca9b8a7a726cc83922af84d2183de6d8f7814', 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: '895cb6a282f12f048118f2b0ee06f3f27ccd7a2c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'efe27887ab6207146a2282c028ac8f3b8d6141ff', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '27c79b833fae57999ef0596b337acc4c3ed79ffd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'c4502412829ea603167742d74ec0535a1897ffa6', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e2c95e3ba45c052537e8e6d6f617e1b75a10209d', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '9c5dc9f8ba0010794021f07be64746a8ed045d34', 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: 'c7c3915960c3dafddf79ee640ca9a049ebe61039', class: "gux-pagination-container" }, h("div", { key: 'de22fa414e96dccaa5a3d520e20eb6950fd3f713', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'b98c68a33c44addc45b9eca809029443cebaf957', "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: '46a48e202556646d5072b4aee8508bc141750de9', class: "gux-pagination-spacer" }), h("div", { key: 'c61362dd9b15af7d926d25301e6dad890df862c5', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '69d88a6b99eafa119fa4c51b362612c3d9857aa7', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'ddd82ec02eca04922bedeac265ae2cd09d7e2abb', class: "gux-pagination-container" }, h("div", { key: 'c2b82b1f86c2b33f9334537b1162a89de88e3d67', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '2c0d335026e043cff6b9f5750381d38a5d9146b2', "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: 'eac28d8674ed9e700ae95e62e88ee438af17d84a', class: "gux-pagination-spacer" }), h("div", { key: 'ddd0e499dd948c742d6b14eb3665d602a2d1a402', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '15cbac351b367edbf7b48165fed47fd27c1098f8', 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.css

@@ -16,9 +16,18 @@
 .gux-popover-wrapper .gux-arrow {
   position: absolute;
   width: var(--gse-ui-popover-anchor-width);
-  height: var(--gse-ui-popover-anchor-width);
-  background: var(--gse-ui-popover-backgroundColor);
-  border-radius: var(--gse-ui-flyoutMenu-arrow-borderRadius);
+  height: var(--gse-ui-popover-anchor-height);
+  /* 4px padding leaves some space for the shadow to bleed into */
+  padding-bottom: 4px;
+  overflow: hidden;
+}
+.gux-popover-wrapper .gux-arrow-caret {
+  width: 0;
+  height: 0;
+  filter: drop-shadow(var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));
+  border-top: calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);
+  border-right: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
+  border-left: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
 }
 .gux-popover-wrapper .gux-popover-header {
   display: flex;

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

@@ -61,8 +61,6 @@ export class GuxPopover {
     }
     updatePosition() {
         const forElement = findElementById(this.root, this.for);
-        // This is 13 because this makes the arrow look aligned
-        const arrowLen = 13;
         if (this.popupElement && forElement) {
             void computePosition(forElement, this.popupElement, {
                 placement: this.position,
@@ -87,16 +85,29 @@ export class GuxPopover {
                     bottom: 'top',
                     left: 'right'
                 }[side];
+                const arrowRotation = {
+                    top: 0,
+                    right: 90,
+                    bottom: 180,
+                    left: -90
+                }[side];
+                // This is 13 because this makes the arrow look aligned when horizontal
+                // or 15 if vertical due to extra padding needed to show the shadow.
+                const arrowLen = side === 'left' || side === 'right' ? 15 : 13;
                 if (middlewareData.arrow) {
-                    const { x, y } = middlewareData.arrow;
+                    let x = middlewareData.arrow.x;
+                    const y = middlewareData.arrow.y;
+                    if (side === 'left' || side === 'right') {
+                        x = x + 4;
+                    }
                     this.popupElement.setAttribute('data-placement', placement);
                     Object.assign(this.arrowElement.style, {
                         left: x != null ? `${x}px` : '',
                         top: y != null ? `${y}px` : '',
                         right: '',
                         bottom: '',
-                        [staticSide]: `${-arrowLen / 2}px`,
-                        transform: 'rotate(45deg)'
+                        [staticSide]: `${-arrowLen}px`,
+                        transform: `rotate(${arrowRotation}deg)`
                     });
                 }
             });
@@ -135,10 +146,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '2b7721555957c555503984d1b99cd0f985f02fe1', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '1480dd2172bfa62a2b8aa552985d8e86a7e9f019', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '90a304adaf89272a3ffddaea02bf06a9d9db639c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'd432fb790d09e8578f197454ae13b18b53482c4f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8ba600c6e8ea29d85e30e9831270ae643b7de998', name: "title" }), this.renderDismissButton()), h("div", { key: 'bed8b420b94df4e16d69704313d346e1e5b5ca4c', class: "gux-popover-content" }, h("slot", { key: 'b3f2c0b68314eef4df6c74c7464ab9c43dae4fc4' }))));
+            }, "data-placement": true }, h("div", { key: '5997baac0cc1197432784b33daa27549eb765257', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '7f83cdcd650b6a3b0bf655a458a48f41061a41a4', class: "gux-arrow-caret" })), h("div", { key: '6335e2f83e504b226b13f2435be073b834fea9e2', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'b0ec5ef26ba41fed994a9830fbebbf9ca2bc370e', name: "title" }), this.renderDismissButton()), h("div", { key: 'bc76ae69856b8f00caa741fb287a1aeafd7881ae', class: "gux-popover-content" }, h("slot", { key: 'c0327f47b92aaf50f118d465f84a05d713ef5c9f' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'a70670f34c5a1f86182cec9a671465c92e38eb87', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '4b22830c9691287be3680ce64fc6a96e2ab7b832', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '629ebc4d026617d21b95b71f12c3465953cfc419', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '50e2873dd9142f1e4a7bbf6f178b3ce89b9864b3', class: "gux-popover-content" }, h("slot", { key: 'c7c49abeabd1dd5555de0de48767f352dc616091' }))));
+            }, "data-placement": true }, h("div", { key: '7a59fc5797068f3f8aa48e91d831526371430f12', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '42baad2bbe3cc57010d48ff284257e2382975f47', class: "gux-popover-content" }, h("slot", { key: 'bde18d210dcd0c3889ad55fdfc4e6a6e9b89f49a' }))));
     }
     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: '686608487e2a5c7e0a6b758ea29421204cdd6736', class: {
+        return (h("div", { key: '18794d9d8b14859efc6d78c285acf9d28d85ab6e', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c691087946652226558161a61481f623d2e5332d', name: "target" }), h("div", { key: '4e8cb46c6ec47d60163369c72fe5db97fa548d02', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'd30465b0718ba7770892b466349b89e37476889f', name: "target" }), h("div", { key: '8d923e571ed44c599eebe8f48776dd06ed76f664', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '47bf88102cb5ae4240bbb62f3d524d3433d27113', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'c20c24e3f91118cc3ff72f3622eeb24ebcd0d199', 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: '07b89d292bc909012096c338722e63196c368a82', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'eb7b2fd11fe4302cd48acb030cb779058e73e22d', 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: '97099761620a9e768c9f4e52e2ece540c096bc6d', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '5571b2b397c0457913a75f47b31d44004ad9982d', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '6b4a6bea9a678cc02dd93a948bb1f5a780b64c53', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'e12d9c8e2e24cdc8d594bb7adf35ac2227e398a3', 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: '294ffd308946471d2a25aacf7cbc0006d3c6c53c', role: "listitem" }, h("slot", { key: 'a375bf72e73fc92f862b276a4fd57a4ab942a7a7' })));
+        return (h(Host, { key: 'a5497d8e9a929b6e24979254a27ff850d8c8fe63', role: "listitem" }, h("slot", { key: '6e17d9dfa6fbd85f2df554f6cb5d7cd6ff27ae44' })));
     }
     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: '9b85c6d6f47ff2a1190fa9788b02ae1942e3ce39', class: "gux-container" }, h("nav", { key: 'ae377c82c3ed7b4505780ca3bd1b4c3b861e4f94', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a4942936ff5ef26bb502451e4f4ab4edb7f4947c', role: "list" }, h("slot", { key: '46d090e8a3d893816e61fa4991c23d1b4348951c' })))));
+        return (h("div", { key: '6479f8c55652769e3b8c1519bead02955ae0b624', class: "gux-container" }, h("nav", { key: '85cc343ab6f58f38fdc1b5cc6760c2b7c531d7ea', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd08c77f0a5c2fda3ed4fad2b6fc5510b65762c28', role: "list" }, h("slot", { key: '29642f178e95889c809d622d6b74929a8763643e' })))));
     }
     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: 'bb2a329c99502acdec4b08a4065dc5980725ccd2', "label-position": "screenreader" }, h("input", { key: '0651e80db5a9a2a4848c0c3881e427d5a0a1bc77', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '06537994cdef83029d69054a1ce6e397d12ff0ec', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '8be05d683e4c1cbe10d15879416e7fdf466ecdc8' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '5195bf4b6869c19406c32944a72d141ddc65b41d', "label-position": "screenreader" }, h("input", { key: 'f2876a24b4c2ad3e8bd66f8e7203c270e9e80a71', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'b845db3f2a0093789d1c65c2a79986d04bad0fde', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'cc231416c329837d952a728f1bb8423831e7f536' }, 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: '6772dfe5ad1a2d99fb646b3e1fbd0ad2d566314a', "label-position": "screenreader" }, h("input", { key: '95d9456812a5620c51a2d207be0dc87c9fef0ad3', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a511b91abc1d291e5f8c73997a8e7a7d8c2bf88c', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '57680ef59d0a54a9cd993dc8477ec93a98cf4b44' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '4e9e4c71299e67af02676087c96964ccbcab7044', "label-position": "screenreader" }, h("input", { key: 'eca849449c8e40d4406027544f046c4cb76d7cf9', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '67dd47e2eaf823ea8fb2be15526a0a86716fe065', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '616e76ffc87224582c46089ad168662e3e1ee6e9' }, 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: '5fbd76a615402357aef4d3c340017f41bbff85df', class: "gux-container" }, h("button", { key: 'bf1944c176ec35b2c867383482d7c27b34a89800', class: {
+        return (h("div", { key: '38f98cd2d157ce8f26c9632e3f9b3f95ecb0da23', class: "gux-container" }, h("button", { key: '191dd21b4525e628174336a64acca3ac20aad6b6', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '144b66fef48d2c1f94e08040096771ad3e2a63c2', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '108870028f60e08802d80fa175e0cfddfa0d810e', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '631fca2736f383dd91330014abf14bb181cda0d3', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '535ce7824c9c54c8333ffccde2038a287f0992f2', 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: '91a28da6f9842d7d9b0c3c14a83cc3eec5ee63f6' }, h("slot", { key: 'aaf94abdcfe83374e2cb6ea6d6120b9a22b21f45' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '97a49c7d615f2092556226d808aaff7e50f36ac7' }, h("slot", { key: 'f07c9396587355e030c739a6b0144fdb62c12cfe' }), 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: 'c64a19cd69a36b069c0c6d5bd663a1c34a87ae40', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'ca2a867bf1a94b0c26bbb3dff67da013649424f8', class: "gux-table" }, h("div", { key: 'e43d9b1721bbc4845925c85c403ef588c07b14cb', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'ac309033953b71f103da9705a573c4058ade40f9', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '7535a29e4ddba1963f4672c0859363cc20b3b64b', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '48f566ee92e364e87cd85ea8cfab21d56e9b5f4a', class: "gux-table" }, h("div", { key: '05758c996532bffdb3cbeaa05e4df6a59e50fba7', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '26c74f9bb7ce44379e9886f214ba74bc39aae46b', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'e1fab1cade37f29d0adf1eca8439a2215fd38b00', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '76d63827d50f6eeac50c02532afe358d487d4a4e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '485f1ed433581e8ce51c6791782ab961db2beb12', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'e8f60d1f2b06026bb1eb80dc0abfecb8fd41b907', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '201b6bb1cb2ea1cf30a19f2641b61a531c51f275', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '2a895fd35e85b444744a6f5608a74fd7434ac2c8', 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: '0a0c65e3dbeac098f98d81536e7bc420c73a8ba2', accent: this.accent }, h("button", { key: '10f3fafc92444564516bab771378d78b64f14194', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '4f99a5d5536c8d6dc53a028c2a1431d01515568a', name: "icon" }), h("span", { key: 'e769e9b17149dad1e9cbc6d2171bcbf362ceb0bc', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '331183da239d62d8490d3677f015ebe94f59ed48', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '8e22883ae73ea673b3e2caf5a24de1476f89d2b8', accent: this.accent }, h("button", { key: 'd6a787dbd92eceab406b281e2ff4004a5e76de94', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '72e90ba1f1a32afbd3ac7a66342949fd79cbf665', name: "icon" }), h("span", { key: '73bab15c1139416e48e36794b5886f2f01f7b621', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'ce110786a2fbb6fbaeb2c8a49f9928c9e0bbaea5', 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: 'ed4ccb6aef47b79f1ff6af787eaa4ce1372a07fa', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '49bf2816b754eaefd77aeb5ebd60ad17b8346b4f', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a33bb3a24fc6ca047544eea1ecfcd1d670c71741', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'b4f923d48c930288111035c22c1a686901ef8332', class: "gux-menu-button" }, h("button", { key: 'e495242234046c6236a5a8092157b5fe79ba2a6b', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '7b243ccd80621f49d10ec4cac7dfbbe806ce4d51', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2acad55d37845f9f332f079d82a049dd8c81c153' }, h("gux-icon", { key: 'a38903ecef2c6dc7dc99c290c78cca84b2e18e97', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '76e6d11b2609fe13f3fc28f920bf3af2b31f9281', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0aa1ec996a510fa5003614f293993b18547b00d6', ref: el => (this.listElement = el) }, h("slot", { key: '3db918b78b5c0f2261395b4715ec8581c7512f50' }))))));
+        return (h(Host, { key: 'b535b4c182bb7f74bbc684216fd80df4da85cace', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a08a14f31304834af2b1bf67ea95a8b26d002f54', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '2d8d652f5292a48ad1aa052cd68c0d87b9869aab', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '1299be5b6b8fbf89c07c91a4a69d937bbf70c0e5', class: "gux-menu-button" }, h("button", { key: '427fefa3065d911c7a85b120593c728cc45b7271', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '2ec6c619fb5898e7fb7182b0467867afa3d33767', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'dbf2f329fb5642e0542017cc839b723ef7e253b8' }, h("gux-icon", { key: 'e69b934fb7bb9d998978540cea380e5705b0eb24', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '287a5307d81c7ea4692258932a834ee79d87c2a3', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9810163ff80260f8765b0b2d3a459f17235a920c', ref: el => (this.listElement = el) }, h("slot", { key: '36de6671a1372e8816c39ccab8a6eb9350461ca0' }))))));
     }
     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: '52827c51c379501e8d603b948b13485bd16e2b8b', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'e2b3a1e4fd9a5c19866656083e8ebeb923616787', class: "search-filter-container" }, h("slot", { key: 'f4cb5d70ebef251c60b4fa7bea8d0e4789607171', name: "search-and-filter" })), h("div", { key: '4626b7380a977d556ad1a5c7540ef488bf727b85', class: "section-spacing" }), h("div", { key: '84b14c11042488d31f8958996976700a21d629d7', class: "gux-contextual-permanent-primary" }, h("div", { key: '8ea7bae1175d0f1bec2e66531935384aa9c9ab2d', class: {
+        return (h(Host, { key: '03e463bee5b6f32cd9c50f95f9f7afbaf0316801', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'c209ed701b0e52a46077ff7061095f2f3c0b9a12', class: "search-filter-container" }, h("slot", { key: '4bd8716372e914a2b2befe2eff5a60feeed23c98', name: "search-and-filter" })), h("div", { key: 'cb0544f6a6cbc2696cc800fa6a0e3b0e8630c673', class: "section-spacing" }), h("div", { key: '13f6a134c6b27c3685d4d8508cb77826e0193fe7', class: "gux-contextual-permanent-primary" }, h("div", { key: 'ed3f8093da70d1923acda1555fbb779a33e41902', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '4f7e68de62a1be46bcecb6028360dabbedc0da8a', name: "contextual-actions" })), h("div", { key: '0dbe98e30ecf5806936c6c20e9a95d8acc995b55', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '807b2342445782b57f02e1f571f732fb0916821d', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '24ffdb53a5427f5b40eaaf23671bd8c737ea43fd', "show-menu": this.renderMenu() }, h("slot", { key: 'f3d2ddaf0d62aefc2b9e8b31b26f39cb8614ee66', name: "menu-actions" })), h("slot", { key: '98d211894a38f7a66779490b895aec8628c8d8a7', name: "primary-action" })))));
+            } }, h("slot", { key: 'e3fc5adcb76d264ba2ad66693b9984c8fb6a05a2', name: "contextual-actions" })), h("div", { key: 'f14761dd137bf730a45b2d03efeb41358a119736', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'bbab7ea8397a83bc58a755182aba77b9a4778930', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '51feb93e83f9a28813c4b96393fef35a27c14dfc', "show-menu": this.renderMenu() }, h("slot", { key: '8a2bf89cf383f8c71285988908161e7aa9faac21', name: "menu-actions" })), h("slot", { key: '9aded4faeab1ef75e18462579ed3f02508253256', 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: 'c9a08b6d8ffa26efeb1cca4d47ed732caade176a', class: {
+        return (h("button", { key: '98f13e7a5b9fdc504d8481758cf61205e258b16e', 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: '371c1782b5ede6a67b4d30847270f7d5b7f8287c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'e9a51ce01ba4930f27daa459e6f2018d393b6bbc' }, h("slot", { key: '6d5d2b5bdad7c9190ef58957e7f5342dab64ea8d' })))));
+            }, 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: '4269f6e6dae22c377cb83912383733a3db054998', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'ca6765ce22afdf6762d87c12d9aa4748c404bc73' }, h("slot", { key: '9412603bf374df36cf6035c014369265321e2a3b' })))));
     }
     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: 'f508b4dc1b501fd48d7527a3b47e3b48a6118295', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'e2ec14763d7b60d5ff2ad873ef216984232d4027', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'c59a2c49973889d313c154853bcb3a335528ad4f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '7d04c6ebc5ba29a3e4deb2f0466d8ad698ebfe41' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'f1b0b255a208c86ba27f7077f054a841083c58cb', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'aeb2d6664af4eb0bc799a99ee043d789f4e648fe' })), 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: '9b5171ea7805b02fa0dc9ee3fd788447e988ba79', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '024ecec1b61199df39802f9577b0e74c598566fc' })));
+        return (h(Host, { key: '7bae5b2fd57d7f80a6bd082a8a47e04a38f63b59', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '7be40a8833204ff793bdf90b142c54cc003b387f' })));
     }
     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: 'da75aabb39c27fa89739f0d3ec62794ed9397c90' }, h("div", { key: 'bed241fbcfae23fc7bb86872ae182524dc802144', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'af6f9616dde65903380037143b67802b4bb6ffd4', name: "tab-list" }), h("div", { key: '69f5c90193afeedb396d0e416db4bad80c238f58', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '7030702f4fe2606d8949d0ee720d74ec23ebf03f', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'd64b428cb36866449acf3945dd7b009032c85384' }, h("div", { key: '943bb8074be91602a2fcb137877ad1c924ed22f7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '18bc96dc083417b25e3c5ba8d9b44f23be9f2355', name: "tab-list" }), h("div", { key: 'e1692564163138d61cd95cf897ec784253c2abad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '2da458388789cf4fb2e4eff0f885fecc3ac3224d', 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: '3cfa0244c656c36cb46ab59222f898cf318bc438', class: {
+            h("div", { key: '7232b4ea821333584f49fe7a6469535adb73a14f', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'a53d5fd471f02d329aede9d7d79069aa095303e6', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '50e43a0eda4c7140c277e2a0d1368f394f1f353e', class: "gux-divider" }))
+                } }, h("div", { key: 'ef208b379472c711370f36f3ca21fe573e31c5ef', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '613fc134e3b326571ff892e93b01740b78a85d3f', 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: '4ca0e406d0d0ba908ebb11aaf209a475b18e7177', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '4253ae9c5756b29527257af16db65950051cf8ba', class: "gux-scrollable-section" }, h("div", { key: '8de73b732465924dcc03359fa607b5a487c1a8e5', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '881a25ef06920cddda912488bc052851e61ab5fb' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'e983112266da64bc0e2026b78116fde3a080eb46', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '2d9914997eb94918895c0c190246ab27377a8408', class: "gux-scrollable-section" }, h("div", { key: '9e603fa2e14d2f774d77b0cebcd6d5f7aa106011', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '38c25872d561a6e836ba450e2533788a819055fb' })), 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: '760bce534bfd06751b40ffc40adadb588421a9d5', 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: 'd97af390a22676bee536bcb79afdb6264f0b610d' })));
+        return (h("div", { key: '9d67ed36fe830ba41112c490b7da60e31a9adaef', 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: 'cd893ac6baacc17342dd1ad5beb412a97dd6b315' })));
     }
     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: 'a22bfd1a507d604b1eaadbb233ea814587b95128' }, h("slot", { key: 'cf56fdd93ea1892a9fadc2f9bb9b15d8dadfdabc', name: "tab-list" }), h("slot", { key: '9ed02493d707fbfeb5857f84b5c24fd1dcc1c7e5', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '3c5182db696c9ca657c4354c94eb96d9a98f6f45' }, h("slot", { key: '1517486e311d3614155b38af27f639f362aad065', name: "tab-list" }), h("slot", { key: 'f505a0891d98bf1aadc7e89003af015412d2c106', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }