genesys-spark-components 4.98.1 → 4.100.0

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'ddf447a44ce4ca11d5f2ceacbb440a702d8686b2', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '65e34fb37f32a21cfbf382bf2c24ff0fd45b71f3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b6445f94664471e1217a4b38bbf81e9c1f260d4c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '97a25a2f85f0654dc7253469baf357e85aae3179', class: "gux-arrow-caret" })), h("div", { key: '2490613933a01a109c51040a1fdb139176111790', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '694be156b0275cdcee2a7e64767b04be6992eddd', name: "title" }), this.renderDismissButton()), h("div", { key: 'db9dfc3b1619e0a84f910e3ceadcfe3f88c321d6', class: "gux-popover-content" }, h("slot", { key: '5ffe140f119294d1d51c4ffef8ae10a72291ed67' }))));
+            }, "data-placement": true }, h("div", { key: '0eb4771beefdd0b23e6019e9f0115818bd98918a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4f189ca93fe13badabd2b2bbf3e443ea3b08f275', class: "gux-arrow-caret" })), h("div", { key: 'e81988f58300cd6333d92f5ac162c9c8ffe5171c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ba14bbab2acefa5c3f9793bb56980c84023dbd35', name: "title" }), this.renderDismissButton()), h("div", { key: '4ffc2a9089118c2f3fa5a11c9bc452ce5eb6811f', class: "gux-popover-content" }, h("slot", { key: '10a0734e9799aacd615bef4e9c965774be32a0e2' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'd40217d896d54115c9ebcd029518d1931295f4b3', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'cea604c908df05372fb7545d45e2ad87db8a3908', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'df0b6457d972eaf1734e556261bfefba4f2d57f0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd51eaa971f007209c3d33a4e28d982db9dad29ea', onClick: this.dismiss.bind(this) })), h("div", { key: 'f783fe66ae1cdb4e99acc91d4f04f1f4738a22d2', class: "gux-popover-content" }, h("slot", { key: '122a7e6636ba3453055c5990fdbc20022f479912' }))));
+            }, "data-placement": true }, h("div", { key: '938bfe8ec1dfad9c0d350fb25866db0a83985577', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c603b1a39b3d22fa3da5f101268755863f48cbdf', onClick: this.dismiss.bind(this) })), h("div", { key: 'a96fd5f86254ec280ae32c78c0862ab70b1b21ac', class: "gux-popover-content" }, h("slot", { key: '47724f55cd50afffb589cb22af84f3ba6c831ecd' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '2118b5c51c045d81d9cbffe7cb83a3f3dfd3f694', class: {
+        return (h("div", { key: '9a88fde4d1576ea9d34959fbb46be13bf6486c8f', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '2ae80bb71738bf6603155633c6d8eb82c62e173f', name: "target" }), h("div", { key: '76a829687678ae3ad3de3ff0f9c8096e26f0098d', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e5d03a6da381d4a7a4e15b1569bf213283bce38e', name: "target" }), h("div", { key: '356135cffa483793c5f51a7df56a4582dc789d41', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'dbaf8b0a26bf52a4fea90f1e8619aee978a7b9ae', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b404b4a53febd0f542457593a7cd3b50aa272a72', 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: '0fc0bb1598dbf863e468e813603bad04bba48125', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '8a84d5aea3932beb72543b2c710214e3b0d90862', 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: '228676971abfdcd7a2985ce942ef12f696f26371', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1074566e6788a45511c60c8a859ba520d74dc277', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '8e27af3a44718f14d2baea420aef09442a02a27b', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '6912ba58d4643a87e52a37b6c26efaa85e36134e', 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: '70021d0b28000f24c7ccac622637adef3631efae', role: "listitem" }, h("slot", { key: 'f978c0dbf5fc78d2ef7c9938201f5e3cfc9a9d9d' })));
+        return (h(Host, { key: 'f158dfbf49d774789a5274a03ee812ab596c41d6', role: "listitem" }, h("slot", { key: '6b8dff21f46df6853d3aa1a98805efc52f19b6b5' })));
     }
     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: 'f022a6b85057328d13a1a551115eead682bb2667', class: "gux-container" }, h("nav", { key: '3a4179f19467b9bbc37be9de22de21abe0b419f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '63c8eed49c9e1d5c83494e03a2a060a7ee06b02b', role: "list" }, h("slot", { key: 'ed9d73ea17dc83467409284a236eb33ed362c3ca' })))));
+        return (h("div", { key: '4430a3ea7167907ea7ed814ecafeafff0a77e038', class: "gux-container" }, h("nav", { key: '784bd8b5088b919e2058136477e1eb4cc4f32e61', "aria-label": this.i18n('navigationName') }, h("ul", { key: '74949a63003979e99581b1bc3b916a78331c29d7', role: "list" }, h("slot", { key: '86a44bc1bdc0c05165a05cc0306a23972a843951' })))));
     }
     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: '30bf073c40612cca87ea0cd344f6bdd4736ef4ca', "label-position": "screenreader" }, h("input", { key: 'ff47926da6d087f18248058c5b37ebfc9d6aa751', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9dee2b646891c74b7f669bfd6284e39257ae4819', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a5c8e9906e1953a23be15e6158a1593a6d7b0488' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '8c2be98e9e2d7e5097edf91a797ce09405465069', "label-position": "screenreader" }, h("input", { key: 'e71f01c4770304c394e4161f137644324cd6390e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '17ee213e0b298cee021bc5b58454dea127a26e24', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '223712249be4d5fcddf3cb32888bc9ff73a64612' }, 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.css

@@ -2,4 +2,18 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+}
+
+input.gux-safari-bug-workaround-1,
+input.gux-safari-bug-workaround-2 {
+  animation: repaint 1ms;
+}
+
+@keyframes repaint {
+  from {
+    inline-size: 99.999%;
+  }
+  to {
+    inline-size: 100%;
+  }
 }

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

@@ -17,7 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'da272e5e8512d2ee689e6bf0e5f077b221b43b7c', "label-position": "screenreader" }, h("input", { key: 'a9fbcf5076077e89c5adf4153ee42576111691eb', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f9fa7849c5abb31eb19cc3719f3cba55f668c11b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1d6e594323a71f9a87f89dfee6cbea2c09e423dd' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '5ffbfb46aafca37cdb06cb6398ee9251dac15dd4', "label-position": "screenreader" }, h("input", { key: 'cd61e746419279955be82be0026c79bc9bc993ed', 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: 'd2631e1b10574666615a836d6f74407298c08ddc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e5413aacb9c78e6be2bfcc95e29b08952f632d43' }, 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: 'e5df61a82eb6c5f05f224d94d85192657ea864f5', class: "gux-container" }, h("button", { key: '42d57b0585c874da640ef371dc7fb00491bd0956', class: {
+        return (h("div", { key: '327d945e3a3cc696f8fd99f3a256bf9b8e6db7c3', class: "gux-container" }, h("button", { key: 'a55b78603cccf8d7c0a916710a89f8ced0610931', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '50dcc81f30571d1bca32384e384ff2ca56667f18', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8be88af24dc3b94726b7d0ccc40159df14a0cba7', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0233cafeae129524e6106a5d6fc895e80be47bde', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0b9530eae9edc3532e1f41bde7954e89221df061', 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: '9d3cbc7a85be549c0718a61ac23f3e7f397556ca' }, h("slot", { key: '1ca8151ac928b8e2e1dfda3629068bf2c5c392f3' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'e685ddcd5df773f539b180432f4ac5f3f2fa5aad' }, h("slot", { key: '918f287831476c2625f81242139dec9630799638' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'f7f01ccf29266b445c4dbf099286ccbee470e90d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'a8e848e0caff40dbc739410a037ce7cea6ea5401', class: "gux-table" }, h("div", { key: 'e021b1a3cbc9340cd422f7a052eeacb91794311a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5e1340312a0a279647a037b0556614c53819167e', name: "data" })), this.isTableEmpty && (h("div", { key: 'f7d1b205c115f77607f630ba2d5e77a11237f614', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'd87448b7a5caa57ae40723a7198b02964fca6ec8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'ce0b9e72b9d3e1ce92f7d31f6581908042f05aeb', class: "gux-table" }, h("div", { key: 'e4bb77b2a8b4a231f8465cf56623d03bf9bc9d16', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '0cd69caeac1736839d85d510a799060fccbcddf6', name: "data" })), this.isTableEmpty && (h("div", { key: '6a8501e918da5d9b1c499be1ee5847461328fab4', 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: 'b9d3138d9861acaf540cfa334f4ae3aa82c38230', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b20a5eed8875f08700bc8556cf2b8002595d8358', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '58a7cabb2b6feb433dcd72ee1238a37a5ee86355', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '442452c1faac0fde41c953c7eaa4258d0c5ed369', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2f25ed6eed07609f7af259b83956fe7af66e7a60', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'df0951fdd70c81167260571ecc3b46c53e7af57d', 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: 'ce6e69e164aba8406bfb1f2087736d0d91389d73', accent: this.accent }, h("button", { key: '035f0c815381233790a27e725c436bc6bcf74cf0', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '2c2c8b8c11508ff48adde18e24a3313a91ea04f0', name: "icon" }), h("span", { key: '9486c2802c4d63e00fdbd3e77ec80657ce2dd381', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd74e5edab53ef76ab0c7cd5117e299f3ce1488d2', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'b7ef40b816e50add0344dabcb23bf9dce5620e57', accent: this.accent }, h("button", { key: 'b335c37d4e7136950c0e9bac109eb6028276bd70', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7992b23c9698d180a6e7dddf4486f41001f97283', name: "icon" }), h("span", { key: '391ba40df08ee3e94fc30f3636f84f1d7e4697c3', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '2ef3504cb5c0793eb9a9befb58c0c82d1ec87c08', 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

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd98643ac66ffdf2892edb0e83e4f4da9cd14f070', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e0723d496123ef4d8f5eb93137403fb81921ec5c', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '01fc2d825cd6debcfffe444e3fa03748e535dd3b', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '98e243953764b8d1054e343a5165135e8f2bcd6b', accent: "secondary" }, h("button", { key: 'dd50c10f7b43794e23ea3fcdcc34fce4774c41c8', 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: 'eb513095227867ef7cb11c7d708545f1542b4619', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: 'edcfe615c49851cee86f4f3bee6535a6ce5744ff', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '085be4800129d16859f6786733f7d1322d54a5b0', ref: el => (this.listElement = el) }, h("slot", { key: '2585cc4482d780dc6120302d78b702425dd098f5' }))))));
+        return (h(Host, { key: '7d01cc8f44a5e401e2de2242ec76bf6f7385c845', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '4356d97eb8f3d2871169f1110591e8aca17a80ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a0df7042f92b23ba6e1ceaab93fc04fda0483135', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2987687532dc1b33f3177c1a893e773bc91ec400', accent: "secondary" }, h("button", { key: '41952af15debd9c0638f12be30a4b38685c8dc3a', 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: '0217d97fbe5151c15ca6dcbb6b6d14b0c7de826f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '2192225622f814ff0a189ac42a029f1f35cab355', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9b98dd123e995cddb49d9889f5795f8bc3636a', ref: el => (this.listElement = el) }, h("slot", { key: 'b88bef7d66f63b2590ecd8c38f6d4fb0df0a16d6' }))))));
     }
     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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'f0ba97d08daeda18f5e168a798cfbac3c20f2430', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'e72d99c8845429c8d7e6cdc56e1cab147694e9fb', class: "search-filter-container" }, h("slot", { key: 'c7ae95dbe05fff198eb403f721a1366b0513b7a0', name: "search-and-filter" })), h("div", { key: 'e579f1419be1e94a89db23b7c278948539da3412', class: "section-spacing" }), h("div", { key: 'eb33845ace229ef2ff1703f6b1fdaa01d45256a2', class: "gux-contextual-permanent-primary" }, h("div", { key: '3d8cd202346b0a6c87c5f0773948d0405359d26f', class: {
+        return (h(Host, { key: '7875a6e2a040ac3908f722048dbc66b9c4fadbf4', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'f7663d42eb720b0ad25bbc91c50e93d37dce7328', class: "search-filter-container" }, h("slot", { key: 'aeee81945a38c2ec301dc16184d0d7046ab9d70b', name: "search-and-filter" })), h("div", { key: '6c7df67bc4ae38eb562dca0d4c9fdce0b9dabf35', class: "section-spacing" }), h("div", { key: 'ce52efc3ee5d4a5f220e8606e87286657a720f50', class: "gux-contextual-permanent-primary" }, h("div", { key: '12962271682b92d410d4749f37b689948791875b', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'f9e153c77f9c17dc9a849ab3c62870da38d3ad0a', name: "contextual-actions" })), h("div", { key: '1cd5b78fc08f6acae180bf1bd0093082d2366f22', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'ed8d9e3ab0e4d4456d9f9032973f077acd0e93d7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '418596a7d575511ef72a0d22c094e26023b12db8', "show-menu": this.renderMenu() }, h("slot", { key: 'f36fcd3af9d4d1bb217d5dc60d293394269c32a6', name: "menu-actions" })), h("slot", { key: 'c9c380a4b2f0b0153da37b149405d1a07b15d7ee', name: "primary-action" })))));
+            } }, h("slot", { key: 'cf207092f95a0f96b44ce181612f8610c52eab09', name: "contextual-actions" })), h("div", { key: 'fd8a2677b1dfc38b9986cff1f2aac94cf1cdb653', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a5341539d325b425a65b157dc5e39eb8999bbdf3', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8d4df61c090defc5be8699dfe69d1757b31510c9', "show-menu": this.renderMenu() }, h("slot", { key: 'adef62fb14801616fbf284137ed3052dffccd6a9', name: "menu-actions" })), h("slot", { key: 'a9b426a11893edd91bf540865d213b82df8fda8d', 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: '4397838fcd5764ae5e39579b81ded376c7936602', class: {
+        return (h("button", { key: '646bec4164602a325fd24d4204c2d35bd3ec6e54', 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: '09ed7c313e82ac5069708ba18945626a4c21b2b8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '6f19408db7f98f722f095b0334a9b8a2e2656cf5' }, h("slot", { key: '52916762530e34bb8c29949805e0d51e8af28a4b' })))));
+            }, 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: '4a5b2841c23c3741152dd44d9e6916f5786c26cc', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'ad4dc23fe89790ee0d6220aa9b8ef7b74c927787' }, h("slot", { key: '7538cf54d468ec7c968c711e3913d876e778ba1c' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '6e07998247657cae1ff076136b5d624b83c8a083', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '0d57e6fa3082978348ec2536ac2091e491a34bef', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '305e7588e7cd2012f65b3c5d5d0b6c16ccc04144', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '08cef624caa25abbc8db666eddf3515e9182ddd7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '723e959d00b452934630e4dbbe56c70b174143e8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'bfba363eb894503fd3b38e40ee2427504e2f2510' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -3,8 +3,7 @@
 }
 
 :host(:not([hidden])) {
-  display: flex;
-  flex-grow: 1;
+  flex: 1 1 auto;
 }
 
 :host(:focus) {

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: '0c1f6f8238088c27ff27f0180c089c09bc2a9553', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'c794371a9a56510cca45ab14ed83dc61dd5dd8ab' })));
+        return (h(Host, { key: 'a2ccb73193a93dafdac5cf27c7dc99b9eab23502', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '9b37b81badd14c3312ff95d11b660728b7fef9b9' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,6 +11,7 @@
 }
 :host .gux-panel-container {
   display: flex;
+  flex: 1 1 auto;
   flex-direction: column;
   block-size: 100%;
   min-block-size: 0;

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

@@ -38,14 +38,14 @@ export class GuxTabs {
         else {
             this.activeTab = panels[0].tabId;
         }
-        void tabList.guxSetActive(this.activeTab);
-        panels.forEach(panel => void panel.guxSetActive(panel.tabId === this.activeTab));
+        void (tabList === null || tabList === void 0 ? void 0 : tabList.guxSetActive(this.activeTab));
+        panels === null || panels === void 0 ? void 0 : panels.forEach(panel => void panel.guxSetActive(panel.tabId === this.activeTab));
     }
     componentWillLoad() {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '64e9fefde8c1668b5feb1dc6eabbfdbd834db10f' }, h("div", { key: 'c443d725d4e32a12137e032eabdcb7ab8d137913', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'c9f7e141652e24fd1bf23fd394c10daa676ec457', name: "tab-list" }), h("div", { key: '8cee49b59e4f8d5f8da8d3944b870bdc1d0d80a5', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6644d1f45fa342601989b03cfdcbe16bc10a63da', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '65106f3e76be06360991f4e9117ea2074da6bd36' }, h("div", { key: '6625c9a8156d67606ca0d17908ac387311b748a7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fe8417d97e229c395aa7cb8cd5f709e1cf01474b', name: "tab-list" }), h("div", { key: '555cf0ff8742bdd01a391c6e18b0a9204d44e74e', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'c2e58364726f925785ed3e9ece01c9c3c5157668', 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: '3ea15073b54450d26f12fbc9a0410694ed4f6926', class: {
+            h("div", { key: 'f4a2024bbf767e7251a31c033b49ea7f39ed1dfa', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '61b10e469b255eec46b630f951f2b36c23ff294e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9d65f34be8fa00e79785b3831c8d8eb04b13269d', class: "gux-divider" }))
+                } }, h("div", { key: '5c9d6fdc6aba950faa0e563b96bd0847714466f1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a91a5e1fd3af0dce2fd335ad0656d70bb10673e4', 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: '3ace249ba05b52874c67c0d3197918fca983859c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '9cb612b9698c8b0229df0efec88a16506a936613', class: "gux-scrollable-section" }, h("div", { key: '8ddcdfb4368ae0c2ba82b1991dc297c75e8d34ad', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7fca1c9b742de918bc499c2964144aeb88662303' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'f683884af9cbabe4b10c6a4e85a612e291bd2756', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'a9826f288df1550cd6f2d5d348ea75a8b9068990', class: "gux-scrollable-section" }, h("div", { key: '4a697a8269c50ab2339324aaea1d07f4483b8ab9', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '8d2cf0beff9dfdc09654855ba744d6da4e2c977c' })), 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: '928db089f3a344115c28ac092ba5dbb72ff8770c', 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: 'a17f0df4273ef52c2949210443d200f9d52b23fa' })));
+        return (h("div", { key: 'a12ed07397a7a1a59c7c495e4e42883e959c0e75', 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: 'ccb582d3baf457fd08e0061349f4093c5775798e' })));
     }
     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: '70f25a5b01f2f702d170c40960416fc36d0bf4ff' }, h("slot", { key: '26a6ccc8f9cea006173c07e0e5470341eee89fec', name: "tab-list" }), h("slot", { key: 'd767d434a0e8a6fdf69b83e24810fa672aaa3a25', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '9dc13380428fc04ae51a35eae8c168b110ea1927' }, h("slot", { key: '9a7b11288b4323d388a3f248e9e50a17599cf316', name: "tab-list" }), h("slot", { key: '6232e61ead4a9583aa86c385bff466e5fdac1f55', 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

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

@@ -215,7 +215,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: 'cf06d23df622b3e08f81b0c78766af54d50ac753', class: {
+        return (h("gux-popup", { key: '2d5dd330614d666e6daedc48239d285df28cb0ba', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -43,9 +43,9 @@ export class GuxToast {
         return (h("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: '4696825824b2348a173aeda2e3f17cc8816c40d5', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '83ca12f8cc1bc00fb374391cec0c95c0c82d0c95', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'a21195c004ca0a1eb82f2331a1e0c37417cf1bf7', class: "gux-content" }, h("div", { key: 'a65cc231fa7a134cbee999505afb84932dc0a95a', class: "gux-message" }, h("gux-truncate", { key: 'c47ee020d84e0e35cb669524f85a721a51014824', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '9204d3789ceb3541eb7099e2d22ca10b0f55b4b8', name: "title" })), h("gux-truncate", { key: '18bdf8ffff7cd649d3111bf24e65dcb1d20469b9', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '27e033aae471796f64a93244aa8dd31547a0334c', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '44c3d7ab804cb89cc4a05a8373df84c2ad5cdc60', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'de942128a04714c31bccb0864043ca4fdcc73197', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '583daddc2935339732232c08783958638c2f76fa', class: "gux-content" }, h("div", { key: 'f5876c15854a61d8a4d2afa3b302958c16f44aee', class: "gux-message" }, h("gux-truncate", { key: 'd20bab8afbc5ff4cf4641a818cf7a69ae920132b', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '7febd9532403e674232622a71941f0a2bdbf1af6', name: "title" })), h("gux-truncate", { key: '2d7d1f63678b743ece024114dd2e4bf0f940ec70', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '01077dc465db42c10121981f25d996c04af3a79a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '2550cb8efd1f106973411542291a4b14035fff25', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'd9c9f50be645c213c0abb2d30e166f21943fcc10', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -21,12 +21,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '518c5634d971e25dd70c2f30aa686ab4700b6ed3', class: {
+        return (h("div", { key: 'f80695ef737330a72fee79db63c687140846ca22', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'c13e61954c66a8287ea54960d5a2f7b0f8921f49', class: "gux-slider" }, h("div", { key: '1415efc36dd0974c888b426eb56111d09282219c', class: "gux-switch" }, !isError && (h("gux-icon", { key: '003daec7d59ea595aeaa9f21a2e0aed85f82be6c', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'd3550f6690086cf0d7451abdc421e4156d358539', class: "gux-slider" }, h("div", { key: 'd51149528f299522a0917ba16832ab7e91d8c0fe', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'd4ecd9ddfefd6b43901b2434a2496a0d422c1936', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'eaad794d6be3c882b188d08217ad0661dece5216', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '80e5611dd36498fb8e1e34bc9f65a1e79b342f68', class: {
+        return (h(Host, { key: '5e2ef32a649e36ea5633adf8d8730221fc97d809', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '0c32b0ee9be631218548e005ede6cc04d39d9635', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'a72e7a8f11db8ba6cbebbe5ac655c3c97494e57b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '137bc89e87347aa9df6a07fc16e71877737a4696', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'd8e4707aad0dd3c3132c04af40f0a02ab1615108', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '650d2b33ac8fa62023ddccc2b6bdd645ad05373c', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c1aac0fbdd7c49d602bf683c94b6ef1ecab563b0', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'a235e1feb287f247c6b287abdf0ece7e20837c54', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,6 +4,7 @@ import { randomHTMLId } from "../../../utils/dom/random-html-";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { findElementById } from "../../../utils/dom/find-element-by-";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
+import { overflowDetection } from "../../../utils/dom/overflow-detection";
 /**
  * @slot content - Slot for content
  */
@@ -53,7 +54,13 @@ export class GuxTooltip {
         });
     }
     updatePosition() {
-        const middleware = [offset(16), flip(), shift(), hide()];
+        const middleware = [
+            offset(16),
+            flip(),
+            shift(),
+            hide(),
+            overflowDetection()
+        ];
         void computePosition(this.forElement, this.root, {
             placement: this.placement,
             strategy: 'fixed',
@@ -127,10 +134,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '1d58bf1949506d1b91d4b40a046357af487bbe9f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd2ac0c06b3b9b4ef7a8b04a0c7d31357732dba46', class: {
+        return (h(Host, { key: '3d03f3a0c19b88042c156d41560bb5c39a5b9dcc', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '687b1edde344f327f54bd321d7aad1fe51904779', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'd7467ea5f9889bc8e1c08d9062ecd182549f7578', name: "content" }, h("slot", { key: '13964664224392161df029c96243f096dd862c67' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '8f285e4ab94b4378f3bd3fa3e2784c44e747e717', name: "content" }, h("slot", { key: '5bdd0a2f14f1df68fceadff819fa278ae5307aeb' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: 'fcbedfa55259ab6700c7f8ffd206290d4deca4d0', class: {
+            h("span", { key: '2679055f25cb56bcfd0a5c5d5e0634c6d2e82334', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '26acce78e41e8512204a358e82c0b4ec2ab4c77d' })),
+                } }, h("slot", { key: '1ec53401536f117a651bcf2db381ad6ca752ec14' })),
             this.renderTooltip()
         ];
     }

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

@@ -49,12 +49,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '75c37f493c7dd0f8e925027d04093386ee715b29', class: {
+        return (h("div", { key: '18a8a9bb0b9af7892f1e3a3647da05ad113693fd', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '87f7c2d78b83de57624cc854cc1ead5cd67dda6f', class: {
+            } }, h("span", { key: '0733ee3bfae48e77338c6440689899f66c2d87cd', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'd7bad3001b5aea2d29b516f4fd52a8541eea6d43' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '375bc4cc08b704ad66605f0e46a4098c30039c29' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/dom/overflow-detection.js

@@ -0,0 +1,23 @@
+import { detectOverflow } from "@floating-ui/dom";
+export function overflowDetection() {
+    return {
+        name: 'overflowDetection',
+        async fn(state) {
+            const overflowData = await detectOverflow(state, {
+                boundary: 'clippingAncestors',
+                elementContext: 'reference'
+            });
+            if (state.placement.includes('bottom') && overflowData.bottom > 0) {
+                return {
+                    y: state.y - overflowData.bottom
+                };
+            }
+            if (state.placement.includes('top') && overflowData.top > 0) {
+                return {
+                    y: state.y + overflowData.top
+                };
+            }
+            return {};
+        }
+    };
+}