genesys-spark-components 4.137.2 → 4.138.1

package/dist/esm/gux-table-toolbar-menu-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -93,7 +93,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3a3ade470f497cb8974cffa5d36779a928eec6de', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '463817729dabc73e2e9e22bc788bf3a621fa8f82', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '5b3f645d3c401b54e4e4c8418a070a7bfa9b1c0f', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '3e80ce620545331d14410a986c5ced63b9f7ca09', accent: "secondary" }, h("button", { key: 'e8182d02e2f9c6db9f0359b5a3aa682ba48a73ee', 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: '5590be6042c0968176b407def5a1cde13bd8898a', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '4951f7f79a3ee1353c481f4b9a8476afbfe4a40b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a8391874b1997e0ccec2d756f50a85fa766bba6c', ref: el => (this.listElement = el) }, h("slot", { key: 'eafcd4af23af4d31c62292e90a863a6f1bafa31d' }))))));
+        return (h(Host, { key: '5f7d025e3d029801dcc195eb7fb0d6d0feb3a835', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '227c2f581f8a6cdd0ff0487049b8e35ba767de2a', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '9dfafdf865b045bf37c19fa1f2f69b181c7e9a4e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '60b452473bfff9d846dee14be7ac52c3c20d883a', accent: "secondary" }, h("button", { key: '1f8e12f5a2db6be6e806022b2e34e9af9b00316c', 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: '4700a003ae7da5096749706dfc93662e9510c3eb', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '04e3c234d1bc292e3953e080364d31eed44ba6fb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f2b559874219b85b34f7bbbd1636b26665391c14', ref: el => (this.listElement = el) }, h("slot", { key: '987134c46b3dfb7fe1e048423525e1bbdc8705a6' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-table-toolbar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { O as OnResize } from './on-resize-c9d0d33c.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { g as getSlot } from './get-slot-41f866aa.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -208,9 +208,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '169c1c772139159e9a5e7bff06ad319791c7de1d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '4080cf950bb851122b4f6192df74fd80883c8572', class: "search-filter-container" }, h("slot", { key: '8ba7eca650af4bec5a0c6b1f6bff499834408a91', name: "search-and-filter" })), h("div", { key: 'df9cac7ca47b7a799e19e98a96b5589d2a1559fd', class: "section-spacing" }), h("div", { key: '049e18ae206be2dedda4c86b2a72185be0ac8a2e', class: "gux-contextual-permanent-primary" }, h("div", { key: '9767c42a9f8dfe4ce25a318fca59326bdbf77250', class: {
+        return (h(Host, { key: '286d16c8c0256fcdc3fc16bd8198ca522ec46561', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '81848d87616892f1116428a6955501e48bbbc8f2', class: "search-filter-container" }, h("slot", { key: 'acf93a2292d0bc75c41491c7e53de644d2f63b01', name: "search-and-filter" })), h("div", { key: '64524af5d3e61a5a9c2ad534047516ea375989d8', class: "section-spacing" }), h("div", { key: '63c1aa11001f861991e48a6e761b64bce5182c72', class: "gux-contextual-permanent-primary" }, h("div", { key: 'f56906133c61a97d28144221d49f7aebd01cca78', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'dc50e87b4004b53d3d52f48362e26cb5df1052ef', name: "contextual-actions" })), h("div", { key: '83c457ef9f9e76237e7b8301eb66fb8136f7f2a9', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '8e351e2e6b5cfaac7c37a74638b22cdefbc1ee71', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '757d28fca83eb989690a371ad8b0628ce0d62a2d', "show-menu": this.renderMenu() }, h("slot", { key: '6a690aea8be2ca72dc523dcca31f362a9433771c', name: "menu-actions" })), h("slot", { key: '79781603fa50c9acbdf0677e7a640bf8878686c4', name: "primary-action" })))));
+            } }, h("slot", { key: 'fc6d51300cb27009249040c0ab2c201a6d54bf3d', name: "contextual-actions" })), h("div", { key: '8104450e965aa066b05e96364443a453b12c8496', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c4bdb389d256c5c1eb374acd4738df6aa59f8337', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '6bddd1b1fb4fe2f5d58ff02be1ac72efcea56fb9', "show-menu": this.renderMenu() }, h("slot", { key: '3de1e2e717e5baff05bba22f68c047d74d798ed2', name: "menu-actions" })), h("slot", { key: 'e548f18daeb4f5d97696ce8a0eb144fe9d0d1cb8', name: "primary-action" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -287,7 +287,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: 'f53393a22e433f6f6c5625c1d73ef17e5310c80e', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'ae531b08ed73bcbede83cf925d315f9a2ffda134', class: "gux-table" }, h("div", { key: 'e5dd5bda3b898ae8eb422a05bb1cc895674d6cf7', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '2b5dc00248d2fd0cd7021cea11340695738fb80e', name: "data" })), this.isTableEmpty && (h("div", { key: '5da62bfd24e989139c099cbecda7ab774f1eea55', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '9faff47ff4190f6a46a5b52c44b54478b3856015', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f00939a6c497e2e22d46cd006c1807e894ec58b4', class: "gux-table" }, h("div", { key: '742a85b1b2c6071c04be8e7a2c81a4166a1b583a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '45a0561efbb62c0b0e7f1a31f1cb868477f08edb', name: "data" })), this.isTableEmpty && (h("div", { key: '8855957b7bef11136b0bc3c12c334314b77bcd26', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -43,7 +43,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd4b73c73b91c34dbe0e687a06f7a09376c09354a' }, h("slot", { key: '07099753aa5d45c26b7f44b0ab3f0a55f99430b7', name: "tab-list" }), h("slot", { key: '4291962dabf7541b011bf56f97b115b9b17c4425', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '2c8bc5fba1915034cccb58955d15bb222e010abf' }, h("slot", { key: '61e8e24100068325c638cfcdd8f8581b2d0213cd', name: "tab-list" }), h("slot", { key: 'e94a0abde8c0eb50f9e58874f9d07fef200c3cce', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tabs.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'cdee61211a464a9ca4d36162a6670d49f7d62ed1' }, h("div", { key: 'aff901e339283d82c44b1dc4465f909e7e41168e', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '86017aa680a7fb7764b19a6e1928b0a02ab5f260', name: "tab-list" }), h("div", { key: '659a532b5a5893acb75753d38a3f0565e363662f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '95de8d4bdcde614bdb5dcf7045a32dc9123d03d1', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '7fdc61c4f732fb4bee5375e0672a85ae5dfe4b05' }, h("div", { key: '5b81a10ce41c2b7888b7247c92207ebe3bd9fa65', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7cbaa1cae34b019e0161a1aec7c20e575e9b7021', name: "tab-list" }), h("div", { key: '5337ba55bb7c74f832fe97c113a3f95bd3369931', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '003ed2350c122ea5c1aded128bea3a1efd0f2797', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tag.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import './get-closest-element-728b9f18.js';
 
 const tag = "tag with label: {label}";
@@ -64,7 +64,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '98077b1ecd39cfb9cd88bc438498187fd9a177ba', class: {
+        return (h("div", { key: 'ba6317addb48b6d4317df3ed659ce28574cd6d22', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/esm/gux-text-highlight.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/esm/gux-time-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';

package/dist/esm/gux-time-picker.entry.js

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { g as getDesiredLocale, b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
@@ -452,7 +452,7 @@ const GuxTimePicker = class {
         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: '3b8baa1bb28c1ea2ef0df23722aded5d51c5a166', class: {
+        return (h("gux-popup", { key: '88fcdcab282d28e61fd07429aeda9ea7f3ffdda0', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/esm/gux-time-zone-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-b2752992.js';
 import './get-closest-element-728b9f18.js';

package/dist/esm/gux-time-zone-picker-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { f as formatOffset, g as getTimeZoneList, t as translationResources } from './time-zone-b2752992.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-toast.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
@@ -55,9 +55,9 @@ const GuxToast = class {
         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: 'ce9adc10757060fa2c962e66c4768cd0101353a6', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '349d0047c7ba50e4744abc2745fe4b82a7e53877', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'f02012b63cce44019b0dff2e8b53cd1c5c49e3d9', class: "gux-content" }, h("div", { key: 'eae880f6098e6d9b98f86d6199a2b6ab19d84961', class: "gux-message" }, h("gux-truncate", { key: 'a9d813b245a75abb4495b92ed757f10970ebb2aa', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '8c8b1d449408ddf72f787ce852dfae179a66e008', name: "title" })), h("gux-truncate", { key: '4b0aecef90caf1149fb9812b042880194665ad81', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '3f13e319f00a3f17b8bba2e82d71970144faf2b8', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '25961d73356340a8c09b7c3eca35844580231495', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'd91c94b9ee5d82bdb90e52f5655192ef24c4d636', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '9c2953c61775b77995b591df0ab5e17f1ede2a22', class: "gux-content" }, h("div", { key: '05c1207807c9be423acca1261da7ef459198db78', class: "gux-message" }, h("gux-truncate", { key: 'a02966c34b3864143695594f20d7ab190ad0a56d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '2099a76aec045694b64a806b5fa09cc694d33662', name: "title" })), h("gux-truncate", { key: 'dcb3ea2544dad2a9901319dcbabdce60883bde6f', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'fcb924aa6faf88c0d2e559761092660b99b4524d', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '859ed0d20b9742cb12fe704a94861d73ec33959e', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '201e1fa01443f0bb420c88da43a8338ecf6c9ece', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-toggle-slider.entry.js

@@ -21,12 +21,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '3b0c6a29e3ae328d84cbbf80190c94b2bf898f5e', class: {
+        return (h("div", { key: '0eb8c8c2ebfcae002402dc8a1f9299f32bfc0da5', 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: '7438d20e3e6d23d1af67129c2f0b4841e1503ac1', class: "gux-slider" }, h("div", { key: '65d224e290a4cd23a89b0c5dc9a1881478937921', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'f9ab261a5d20c703f51dea492dd5b300288db2ee', "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: '574f856c02f95bb0a2167fa849e0e252d43a3f14', class: "gux-slider" }, h("div", { key: '6adfae5a1d15e0efabb0b1b83313142a45727e38', class: "gux-switch" }, !isError && (h("gux-icon", { key: '176e19bafb87a3ad8ae841cc5aac440627be4241', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

package/dist/esm/gux-toggle.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
@@ -83,11 +83,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (h(Host, { key: '59437a6141a0c8ad007fbc111157a9adde2e7e7d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'ac2dd854ebde8d58e338ebedf95dfa8574a360f8', class: {
+        return (h(Host, { key: 'bd4881a81fe6ee959fa399ed25afcf23d4e066b7', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'd2e8faa4ad4f6c0ae71206802f6a7f03e033f754', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'a1a561118975c988122a54fee4a52696c48e5aa1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'e6f9eee3c09f0e62fd5d895a280c2ec644d3eb4b', 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: '8d1d6e02268ce9cb9b7ab943826eca3b7fa31a71', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'da46e2dbed216a1d723872c000ec5ff03180f033', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '3603c51c1b31201053e1a65004007625ba9c9e78', 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: '8f46f9736a735c7bd046d404eb9f96cace8e8913', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-tooltip-base-beta_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-17bec7ce.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as overflowDetection } from './overflow-detection-7e4fbf13.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
@@ -20,7 +20,8 @@ const GuxTooltipBase = class {
             ['pointerenter', this.pointerenterHandler],
             ['pointerleave', this.pointerleaveHandler],
             ['focusin', this.focusinHandler],
-            ['focusout', this.focusoutHandler]
+            ['focusout', this.focusoutHandler],
+            ['mousemove', this.handlePointerMove.bind(this)]
         ]);
         this.id = randomHTMLId('gux-tooltip-base');
         /**
@@ -35,6 +36,7 @@ const GuxTooltipBase = class {
          * Use for cases where the forElement component handles the accessibility.
          */
         this.visualOnly = false;
+        this.followMouse = false;
         /**
          * If tooltip is shown or not
          */
@@ -51,6 +53,13 @@ const GuxTooltipBase = class {
     handlePointerleave() {
         this.hide();
     }
+    handlePointerMove(event) {
+        if (this.followMouse) {
+            event.preventDefault();
+            this.refElement = this.getRefElement(event.clientX, event.clientY);
+            this.runUpdatePosition();
+        }
+    }
     /*
      * Show tooltip
      */
@@ -66,14 +75,15 @@ const GuxTooltipBase = class {
         this.hide();
     }
     runUpdatePosition() {
-        this.cleanupUpdatePosition = autoUpdate(this.forElement, this.root, () => this.updatePosition(), {
+        const ref = this.followMouse && this.refElement ? this.refElement : this.forElement;
+        this.cleanupUpdatePosition = autoUpdate(ref, this.root, () => this.updatePosition(ref), {
             ancestorScroll: true,
             elementResize: true,
-            animationFrame: false,
+            animationFrame: this.followMouse,
             ancestorResize: true
         });
     }
-    updatePosition() {
+    updatePosition(ref) {
         const middleware = [
             offset(16),
             flip(),
@@ -81,7 +91,7 @@ const GuxTooltipBase = class {
             hide(),
             overflowDetection()
         ];
-        void computePosition(this.forElement, this.root, {
+        void computePosition(ref, this.root, {
             placement: this.placement,
             strategy: 'fixed',
             middleware: middleware
@@ -89,7 +99,7 @@ const GuxTooltipBase = class {
             var _a;
             Object.assign(this.root.style, {
                 left: `${x + this.offsetX}px`,
-                top: `${y - this.offsetY}px`,
+                top: `${y + this.offsetY}px`,
                 visibility: ((_a = middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden) ? 'hidden' : 'visible'
             });
             //data-placement needed on the for e2e tests.
@@ -106,6 +116,7 @@ const GuxTooltipBase = class {
     hide() {
         this.hideDelayTimeout = setTimeout(() => {
             this.isShown = false;
+            this.refElement = undefined;
             if (this.cleanupUpdatePosition) {
                 this.cleanupUpdatePosition();
             }
@@ -130,6 +141,22 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
         this.setForElement();
     }
+    getRefElement(cursorX, cursorY) {
+        return {
+            getBoundingClientRect() {
+                return {
+                    x: cursorX,
+                    y: cursorY,
+                    top: cursorY,
+                    left: cursorX,
+                    bottom: cursorY,
+                    right: cursorX,
+                    width: 10,
+                    height: 10
+                };
+            }
+        };
+    }
     connectedCallback() {
         this.setForElement();
     }
@@ -143,10 +170,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '64e1b8b7935a7fe487f7cfe19fbd6af4fe9eb54b', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'b14355016dfeb6a3e8b6a1c32cd31188fd143d97', class: {
+        return (h(Host, { key: '4e7c0cf62fae55affefec3c26c6f09e1a7a31edd', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '5331c5c37ba1c7fff188e3aab855d8ed0abbd921', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '08fc4e527b11d357db025b64730f64a93d7dc599', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '70e9076b53ea55109e601bc5f6f9a8eca82ff3c8', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tooltip-pointer-beta.entry.js

@@ -0,0 +1,83 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
+import { f as findElementById } from './find-element-by-id-d0ce6208.js';
+import { r as randomHTMLId } from './random-html-id-81ac821b.js';
+
+const GuxTooltipPointer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.id = randomHTMLId('gux-tooltip-pointer');
+        this.accent = 'light';
+        this.placement = 'bottom-start';
+        /**
+         * Determines whether the text in the tooltip is read by screenreaders.
+         * Use for cases where the forElement component handles the accessibility.
+         */
+        this.visualOnly = false;
+    }
+    /*
+     * Show tooltip
+     */
+    async showTooltip() {
+        return await this.baseTooltip.showTooltip();
+    }
+    /*
+     * Hide tooltip
+     */
+    async hideTooltip() {
+        return await this.baseTooltip.hideTooltip();
+    }
+    updateForElement() {
+        this.forElement = this.getForElement();
+    }
+    componentWillLoad() {
+        trackComponent(this.root, { variant: this.placement });
+    }
+    componentDidLoad() {
+        if (this.baseTooltip) {
+            this.tooltipObserver = new MutationObserver(() => {
+                var _a;
+                this.role = (_a = this.baseTooltip) === null || _a === void 0 ? void 0 : _a.role;
+            });
+            this.tooltipObserver.observe(this.baseTooltip, {
+                childList: true,
+                attributes: true,
+                attributeFilter: ['role']
+            });
+        }
+    }
+    connectedCallback() {
+        this.updateForElement();
+    }
+    disconnectedCallback() {
+        if (this.tooltipObserver) {
+            this.tooltipObserver.disconnect();
+        }
+    }
+    getForElement() {
+        if (this.for) {
+            const forElement = findElementById(this.root, this.for);
+            if (!forElement) {
+                this.logForAttributeError();
+            }
+            return forElement;
+        }
+        else {
+            return this.root.parentElement;
+        }
+    }
+    logForAttributeError() {
+        if (this.root.isConnected) {
+            console.error(`gux-tooltip-pointer: invalid element supplied to 'for': "${this.for}"`);
+        }
+    }
+    render() {
+        return (h(Host, { key: 'fb000951b9b468e71d44773cb2cf78f25fd1fb34', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'dfbeb8488b7e9c18c4a6a9d562bfc759bc7e7441', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '1c339b9f6a987e8995b667e80ad1341a5b226f1d', slot: "content" }, h("slot", { key: '5cfe0123dce5e4ed2b9bacf0fc8f9f33539798e8', name: "content" }, h("slot", { key: '02e85502243c4d20b447ef4e192c1b581d8ed1e9' }))))));
+    }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "for": ["updateForElement"]
+    }; }
+};
+
+export { GuxTooltipPointer as gux_tooltip_pointer_beta };

package/dist/esm/gux-tooltip-title.entry.js

@@ -125,10 +125,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            h("span", { key: '1b627a40df06ba3f96cb1aaaab7a9a6843147452', class: {
+            h("span", { key: 'cba947eff67ef23ec53277350ae12c3687154410', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'b1893939afe43598df37247444963e1c233c900f' })),
+                } }, h("slot", { key: '28d95434eab0783863e00b8e5f3cbcaf02231f4a' })),
             this.renderTooltip()
         ];
     }

package/dist/esm/gux-tooltip_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement, f as forceUpdate } from './index-1f4f2f77.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-17bec7ce.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as overflowDetection } from './overflow-detection-7e4fbf13.js';
@@ -152,10 +152,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '2013affda6b8faee8645649e356b82de30d20d19', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'bb7c8559e0cf4cbae39d3b1b31ea44d2a88fb858', class: {
+        return (h(Host, { key: '0c6810848f3ef09d3d0c3566829051fe35a321ce', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '62c983206c8cd451340011ceea6f60e3e1c36f10', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '16c69d5b2a973fdbfb4477349cc1090664735e75', name: "content" }, h("slot", { key: '5fe281f435365b4c1478b9bd0a22419f2a9bd4bf' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'c532649e0eb5780ae4a1970da1d0d625b8f5dbf0', name: "content" }, h("slot", { key: 'e96641c2b60eab20ff499930b73a6497b2b75741' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -224,12 +224,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '880513271de53eb737880966e2744c6c657492be', class: {
+        return (h("div", { key: 'a7797a30ecc7954c6d3c2159d24d15f8ecbe3842', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '281506b7a619f00b72cb7f6cf9bb42a28ccfe496', class: {
+            } }, h("span", { key: '0ae75944d480e95bbaa2c796e582384534e2bbb0', 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: '44f8507860bbacccf1bbd61d415b25988affa742' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'ff5cea1f312e753b27aae40bcb47bf2d47e2015b' })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/index-1f4f2f77.js

@@ -497,6 +497,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-toggle.entry.js').then(processMod, consoleError);
+                case 'gux-tooltip-pointer-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tooltip-pointer-beta.entry.js').then(processMod, consoleError);
                 case 'gux-avatar-group-add-item-beta_3':
                     return import(
                       /* webpackMode: "lazy" */