genesys-spark-components 4.81.3 → 4.82.0

package/dist/esm/gux-accordion-section.entry.js

@@ -46,20 +46,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'e17ac6e3946d8140a03bdbb1639297f0d1ec0a7f', class: { 'gux-disabled': this.disabled } }, h("div", { key: '7a9a8f7cb7a21180f86ff8b09eab6010656bf340', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'e0d8c0b268c2b1f4c45987d482b31560a16a26f9', class: {
+        return (h("section", { key: '1ed07508ba53ac2d36123f0087ccba3d87e942bb', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'f003f9e6a03009e3de0e1f186fc1e62c5664f468', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '4c23181b16adbb94655928f6efd305502c1637a8', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: '93a5cac45edac5440d775e0b1a14fd9a53dd2907', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: 'd1805f9a33d34942c17361c0b56cc0149b852461', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '0c134faac685c4a31515e5080547adef9ae3bb89', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0e50e6b248a2b7365d179af6e47126e7fe7db4f2', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'c929a69cb3740070fa8f8bf55057deda84dbaa7d', class: {
+            } }, h("slot", { key: '4b6d507356307d0c2e632b80ba17304b093657ae', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0588e85a8612ec12e5f5675b83449567e43fef53', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '7046322c3d8adf48372be62318dd24466c30f81d', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'c31848c13ad3db2d95e6b9e0929d1707341ab031', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'cd1f4e7025c55c3cf5462645073bd59e2e79349c', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '9328fcf4913a875e79177e57efb2058edaa77bda', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bd84c6fc7e5a5d57c96b930d89dbe8abc56e6e1e', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'd7f195a2f41508999deec8ec6a546676756c115f', name: "content" }))));
+            } }, h("slot", { key: '1755b49c0f0e65af27cfe8cb3a362b63d9a92bf2', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;
@@ -38,7 +38,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (h("slot", { key: 'dc56ec212bd493738002e610fbf5f69d4a84a321' }));
+        return (h("slot", { key: '6bdd42cf388b84db92ec30990e8ea77fc808b60e' }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-action-button.entry.js

@@ -2,8 +2,8 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-44565801.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import './get-closest-element-728b9f18.js';
 
 const moreOptions = "More options";
@@ -138,7 +138,7 @@ const GuxActionButton = class {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '7b8a68ffb2e706305658aefd814855664155da47', class: "gux-action-button-container" }, h("gux-popup", { key: '2dca9d921bf4f92931daa670f29912a087bcc172', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '766696676f6f6e897778267afa8e564829930a69', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'fd835729201a17ef130e7bab7f004c08bef07911', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '705b0b7ac3f92861e82a835b1f41fc9adb474bfa', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'c93825bb3e4e1be33b052d57625b0fb365db3981', name: "title" }))), h("gux-button-slot", { key: '91bef49962cb87f0a0339383fa69807b5b5c309e', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5f6826f2c7f6a000078d92594466372f62392d61', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '3543b2b52902bdcd638702a5da089b8f991f2559', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '06ce9844ef0361861dd7c905d4dd37d772b912f7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '6d90e1e0fbee89f56e96a724de0a0890aa8cd6d9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bf8354b32108b1c3ece7abed66612b9fff5ac035' }))))));
+        return (h("div", { key: 'c1408579edced9e9f3c1b829b4cb808d5e9b9b9e', class: "gux-action-button-container" }, h("gux-popup", { key: '7a4b2c56a76818ea8500ad12dba190b62c5361b0', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5b5e49b12415aa43eec4d682af9eb1d0fb03061', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '1ddcb367eeff792114d0abab3e36ffc53a592701', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '06ab70d274f1880c33d3a3c4af401123fd4bcbb0', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '97d69f03df222cdb90b88cb77e95940f8436e48d', name: "title" }))), h("gux-button-slot", { key: '76bd0c828dc11b94167e724891c96038366d2c92', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9b6666d19923a4e98b8c6f20c5f892d775f9b4d9', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '6183de703a1a9439ff46c6fca659083fc52214f8', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f5125fbf4e74c7e253c435b5c056f3d048930955', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '67f19e15f9d44a30f6aa572ed0cc4959dd5c15a3', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c47852567cb25b801a2a58c646b1252a24324c42' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;
@@ -12,7 +12,7 @@ const GuxActionToast = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'af136a9885999cccdbdc8690c7c02b797ca5dcd4' }, h("div", { key: '9c7299137339a879a0554755c8dc6d6b68bb221d', class: "gux-header" }, h("div", { key: '9b5b6bb50e40351bc501c9c51cc3b85f3e3d9710', class: "gux-icon" }, h("slot", { key: 'efe924bd541c04b47229797f4a2ae473dcb9309e', name: "icon" })), h("div", { key: 'b61a8cf1bf34249e2923dbd0f76526fc65cbdd45', class: "gux-title" }, h("slot", { key: 'd06a69056f2ef93fc5fae29f6029b671334db287', name: "title" }))), h("div", { key: '2e3a6ffc37a21eafe2f1b2c1bdc07150a5f88404', class: "gux-message" }, h("slot", { key: '2ccdc460690d19b5f6cba599e263cb492beab9a4', name: "message" })), h("div", { key: 'f0c9f0279cb97b0e275e055dc519396cf0d8f4e3', class: "gux-action-buttons" }, h("div", { key: '7c0c0fe61ce1326b504e51e53ef2adb117bb2bd3', class: "gux-positive-button" }, h("slot", { key: '854221d761125bb2ec95ab790da675c82901b99f', name: "positive-button" })), h("div", { key: 'a26a8e9733ebc110ce8474247deae91c9f8e855b', class: "gux-negative-button" }, h("slot", { key: '74198f3fa2448029ee7da523c3ae247a731cbe4d', name: "negative-button" })))));
+        return (h(Host, { key: '3e4c48046469469c7eab7a2a1617d1db743fe6de' }, h("div", { key: 'de7346d4d1700b527f3afce568e82da04a59614b', class: "gux-header" }, h("div", { key: '5de7650e10a7d4cb28f3c3c34314a1b47b0bc737', class: "gux-icon" }, h("slot", { key: '55a12ec1e43a23a7ecbe85aff77a5c46a1c1640c', name: "icon" })), h("div", { key: '31d523dbfa8fb7667d4cbf3eadc5ad2f1296cba0', class: "gux-title" }, h("slot", { key: '2c6b710731012fc79779fb79923fcd6bae1c8117', name: "title" }))), h("div", { key: '9e0a27452b684a0fad9a0d7213df6300b1f8ee51', class: "gux-message" }, h("slot", { key: '0a5d049ba5d380c920899a942e1637f9f8d1f1c9', name: "message" })), h("div", { key: '35b4025c43299b591a5b7a3ccf775e42962cb79b', class: "gux-action-buttons" }, h("div", { key: 'c0ead3e54a3b7eefe5c375581db5a41bcc3680c3', class: "gux-positive-button" }, h("slot", { key: '8966339c25c0e06df8516af35f73fe962242ba7d', name: "positive-button" })), h("div", { key: '2e5e0104a38357a75b654499f1b332ef92c00ae5', class: "gux-negative-button" }, h("slot", { key: '25fb1018f495019e954b013ad0e8cd22643526d6', name: "negative-button" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,8 +2,8 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-44565801.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import './get-closest-element-728b9f18.js';
 
 const searchAria = "Search";
@@ -79,9 +79,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'b1ed0d948a717023a174fce66eb8e7ab956fda9e', expanded: this.opened, disabled: this.disabled }, h("div", { key: '7713343b259cb9055a7d01c5221ba19de782f62d', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '7451633bff5436adf1b96603e499ac92c5457176', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'b28b98cf45eb39d24d89ff7453924bb74874e87f', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'e37cd0b8b8abb85c2a3be120895c60dcb00cea82', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'c7dbe1e09bcf01c93aba4d9e050cf434e18424c0', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '6d92efdd680103ebf1be0d4518add7e826f06d91', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4ec46eff060a1bf1f32d3679c7cd48ba95de12ae', "label-position": "screenreader" }, h("label", { key: '21d53aa47bc183e2c0858e6f983eb6dbec8fdbd5', slot: "label" }, this.i18n('searchAria')), h("input", { key: '86d847f7ef985cdc2b0a3beddad4a956c9eb16c5', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'ee5c16f4c77893a49fdcfee110f55f87d0d2aa10', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd73c0142821e13a834f43ac5d554a21207e81f12', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '244aa0d713714afa58a3154516eaef22dfe06be2', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '3b958f37d8aaa0ba10c10a6ab8f7bc8b5f7270c1', class: "gux-icon-wrapper" }, h("gux-icon", { key: '22118096f927427a4bcec513a99f64b41db6e27b', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '0ee259c181476fa1d025bb1b7b806fab01e63aee', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '296623604068b59f4e3d4fdd254980a393938500', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'f43cee08b92052631e282ded496b04944c11d6b8', "label-position": "screenreader" }, h("label", { key: 'ec6d17e7015a1c6ff4accdc0fb056bfd05c90daa', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'f56f7a3f51e1250e33f209dab8ff56d9eae1857d', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'fe2a51e57e14bb2273ce26ab2d6b219b79382a52', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'f861237c880630e2db9539a2e6a42453571875d4' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'a36196b823ce3ae0d9f047c4d0fbfd3caa7b2485', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '1aa13fb4de321eb9db0a6275b8cb7736ef55d34c' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/esm/gux-all-row-select.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
@@ -28,7 +28,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '19c31e6b543a07535dcb9d9e5e060cab0042ce93', "label-position": "screenreader" }, h("input", { key: '88d2b53aabb6ea7e91515a1d2ade9c2713be5366', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f5074d82198b8537e15998b8a137ace9f4567ff2', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e9175cf90f2101e76e73c550a1bc2a0d004b6ebe' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'd5b8fcf75692e2eee9220659da2c5fc2fb56db95', "label-position": "screenreader" }, h("input", { key: '3b9de53de7c3d11ac7a69831a490f3698faae694', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'e78064062424f38d6a7b55300054ee1a90e63e01', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a77b69154831b1d9c7ecf5812b7d2a05ce6fd6ef' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import './get-closest-element-728b9f18.js';
 
 function renderZoomSVG() {
@@ -165,6 +165,14 @@ const GuxAvatar = class {
             return (h("div", { class: "gux-avatar-integration-badge" }, this.renderUcIntegrationsIcon(this.ucIntegration), h("gux-screen-reader-beta", null, this.getUcIntegrationText(this.ucIntegration))));
         }
     }
+    renderTooltip() {
+        if (['A', 'BUTTON'].includes(this.parentElement.tagName)) {
+            return (h("gux-tooltip-beta", { placement: "top", ref: el => (this.tooltip = el) }, h("div", { slot: "content" }, this.getDescriptionText())));
+        }
+        else {
+            return null;
+        }
+    }
     getDescriptionText() {
         if (this.notifications) {
             return `${this.name} (${this.i18n('notifications')})`;
@@ -174,7 +182,20 @@ const GuxAvatar = class {
         }
         return `${this.name}`;
     }
+    /*
+     * Show tooltip
+     */
+    async showTooltip() {
+        return await this.tooltip.showTooltip();
+    }
+    /*
+     * Hide tooltip
+     */
+    async hideTooltip() {
+        return await this.tooltip.hideTooltip();
+    }
     async componentWillLoad() {
+        this.parentElement = this.root.parentElement;
         trackComponent(this.root, { variant: this.size });
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
@@ -183,13 +204,13 @@ const GuxAvatar = class {
     }
     render() {
         return [
-            h("div", { key: 'bd679be542a7a195708a3ec5fc2b6295d86fa60d', class: {
+            h("div", { key: '3f7f5e21ef7cf752f64bbce6e4fa70928199f939', class: {
                     'gux-avatar': true,
                     [`gux-${this.presence}`]: this.ring || this.badge,
                     [`gux-${this.size}`]: true,
                     'gux-ring': this.ring,
                     [`gux-accent-${this.getAccent()}`]: true
-                } }, h("div", { key: 'accb7c6bff6cbca9fdd7dcc1019b9777341e1e9e', class: "gux-content" }, h("slot", { key: '6cae7ac1a87342b2287def093cc98c8d74e9e47e', name: "image" }, h("abbr", { key: '74e34625648351b3a9cb39bb445d162259c62003', "aria-label": this.getDescriptionText() }, this.generateInitials())))),
+                } }, h("div", { key: '2c6b7c75217737c83145c6de617d0b1a2fdd3381', class: "gux-content" }, h("slot", { key: '92a83ba3fd372de3a64df25d5534ad1d5e70313d', name: "image" }, h("abbr", { key: '37a74481a46b97927c7ce18a005597f2889b1c28', "aria-label": this.getDescriptionText() }, this.generateInitials()))), this.renderTooltip()),
             this.renderBadge(),
             this.renderUcIntegrationBadge()
         ];

package/dist/esm/gux-avatar-change-photo-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";
@@ -29,7 +29,7 @@ const GuxAvatarChangePhoto = class {
         }
     }
     render() {
-        return (h("button", { key: '9b2e91a11ad4b40aa6ae1cb49f85073b7e2ca779', class: "gux-change-photo", onClick: () => this.guxchangephoto.emit(), "aria-label": this.i18n('changePhoto') }, h("gux-icon", { key: '25219263fbd68f880269812a77fcae98a2ba5de1', class: "gux-change-photo-icon", "icon-name": "fa/camera-solid", size: "small", decorative: true }), h("slot", { key: 'bec28941c58a5a216df2cff0db904cd11e1f1b66', name: "avatar" })));
+        return (h("button", { key: 'f8b17c1e071f519d356802798335dddde7759ac0', class: "gux-change-photo", onClick: () => this.guxchangephoto.emit(), "aria-label": this.i18n('changePhoto') }, h("gux-icon", { key: '6f5e56fb726e92c15eaf2dd61c712cdad0280346', class: "gux-change-photo-icon", "icon-name": "fa/camera-solid", size: "small", decorative: true }), h("slot", { key: '24b1437487b250290af5d1586f512329fa5bde70', name: "avatar" }), h("gux-tooltip-beta", { key: '84583c98b48001ab520c3a1a9c2fe933abd73dc3', placement: "top" }, h("div", { key: 'da3be5c5e657214c610a89afacd3827428b00106', slot: "content" }, this.i18n('changePhoto')))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-avatar-focusable-beta.entry.js

@@ -10,9 +10,10 @@ const GuxAvatarFocusable = class {
         this.validateSlot();
     }
     validateSlot() {
-        const slottedElement = this.root.querySelector('a, button, gux-avatar-change-photo-beta');
-        if (slottedElement) {
-            this.avatarElement = slottedElement.querySelector('gux-avatar-beta');
+        var _a;
+        this.slottedElement = this.root.querySelector('a, button, gux-avatar-change-photo-beta');
+        if (this.slottedElement) {
+            this.avatarElement = this.slottedElement.querySelector('gux-avatar-beta');
             if (!this.avatarElement) {
                 logWarn(this.root, 'Slotted element must contain a gux-avatar');
             }
@@ -20,10 +21,54 @@ const GuxAvatarFocusable = class {
         else {
             logWarn(this.root, 'An anchor tag, gux-avatar-change-photo-beta tag or button tag must be slotted into gux-avatar-focusable');
         }
+        if (['A', 'BUTTON'].includes((_a = this.slottedElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
+            this.slottedElement.addEventListener('keyup', (event) => {
+                this.handleKeyEvent(event);
+            });
+            this.slottedElement.addEventListener('focusout', () => {
+                this.handleFocusOut();
+            });
+        }
+    }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        if (['A', 'BUTTON'].includes((_a = this.slottedElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
+            (_b = this.slottedElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('keyup', (event) => this.handleKeyEvent(event));
+            (_c = this.slottedElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('focusout', () => this.handleFocusOut());
+        }
+    }
+    handleKeyEvent(event) {
+        var _a, _b;
+        switch (event.key) {
+            case 'Tab': {
+                if (this.slottedElement.matches(':focus-visible') &&
+                    this.avatarElement) {
+                    void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.showTooltip());
+                    this.hideTooltipTimeout = setTimeout(() => {
+                        var _a;
+                        void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+                    }, 6000);
+                }
+                break;
+            }
+            default: {
+                if (this.slottedElement.matches(':focus-visible') &&
+                    this.avatarElement) {
+                    void ((_b = this.avatarElement) === null || _b === void 0 ? void 0 : _b.hideTooltip());
+                    clearTimeout(this.hideTooltipTimeout);
+                }
+                break;
+            }
+        }
+    }
+    handleFocusOut() {
+        var _a;
+        void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+        clearTimeout(this.hideTooltipTimeout);
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '294d7069610101ba31483a12230293a10f9ddb04', "gs-avatar-size": (_b = (_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 'large' }, h("slot", { key: 'd72dac1ad291288f87358f4348430e7a37d9e7c8' })));
+        return (h(Host, { key: '5a714928e48d84896fcefc7d4fc3d94077b736b1', "gs-avatar-size": (_b = (_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 'large' }, h("slot", { key: 'c2a04e76f9c917c495ba8e8de660472884c6c864' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "badge with label: {label}, accent: info";
@@ -53,7 +53,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '8686dd40d813d74bfc362e442fe3621040b1142c', class: {
+        return (h("div", { key: '121519b92ff5c32eb3a648016504c94c27d00946', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/esm/gux-blank-state.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
@@ -34,7 +34,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '7e514e368c4267dafeeb7f1c6da8db6dd496ffd1', class: "gux-container" }, h("div", { key: '40b07cb4856fe789cb2f004cdaa94bee58ec9470', class: "gux-image" }, h("slot", { key: '34c73b345f050cf759202b45bffb2517aec83f4b', name: "image" })), h("div", { key: 'c13519b747979f6a449750896991e492948c57e8', class: "gux-message" }, h("slot", { key: '9265e265ff286653cd0205f2222d0859a131787e', name: "primary-message" })), h("div", { key: '329205bee7cf4be7315ec6f7ac63ee43285b30b6', class: "gux-guidance" }, h("slot", { key: 'e0a927b555b4b079fb927925bb5756c6ba93e300', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '60b9053b2eb12387cd682732a2c51711fd3310f6', class: "gux-container" }, h("div", { key: '9c0e56560bf5b8bdce0695dcab7378f1075b7c85', class: "gux-image" }, h("slot", { key: '2f8769cc0b2f3fe90ff5f1f6e5b0d3a91a6c7b4b', name: "image" })), h("div", { key: '8bbe882159ae9c353415e855317f6cead6a2401e', class: "gux-message" }, h("slot", { key: '17dab6997720511fb33b6fecefb6a94a6f8fd32b', name: "primary-message" })), h("div", { key: '202a1508cd888dfdd099da918230259b09d5da79', class: "gux-guidance" }, h("slot", { key: '7205e5f9deae1f1cee7670da7bd2b2951cee3846', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-breadcrumb-item.entry.js

@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'bbc8f9fdbeb85138ed1127c77c8132d6d93134a6', role: "listitem" }, h("span", { key: 'a021d9e878b526c243d52adcaecd6dfc477fef6c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '1d5cae678a0b5d314bee36e6f458eac8e8966acd', role: "listitem" }, h("span", { key: '113d53334b25ade061f5fe86692cdf6aadb55554', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -26,7 +26,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'cd80398b510699e4106c23d9ff371d6cb1ccd7cc', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'fc9defd6e0b44c64c2d42646a01f5e6a8ab0f2c5' }, h("slot", { key: 'f7c68255a50ce75964be0e7ad9b3ff79f655a606', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '4a444456133b2f90801206796a869be5a08c398f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '2c44164688e95237f3b41aba3dd5d623521e2987' }, h("slot", { key: 'd57a186a03566a8d76988e898c7ffbac25db5c32', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-button-multi.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -114,7 +114,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'c5bff9ec22f1f9b87b45600f5654a1cf0fcafe51', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '80b6f9a032b040e47ae6d7f62c2a64273179b738', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '8ce0f7fb565580bb9db0df017e7ce39cc953654e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8cb57fea5032cc6df4064b00f3470adb61361553', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9cf9f66424ee42c4b1c265fc4fa73c79803b4cbf', name: "title" }), h("gux-icon", { key: '23e4f1982d77aa9cef3aaa3ec660444cd19fa83f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '52a9e7902518c1e7668ffa65e725d80828389dcd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bc5c701390a617885cbd58a63b1c3c91609b50bd', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3f8f51d4703fc878f72ffbcbbe81b789425969ad' })))));
+        return (h("gux-popup", { key: 'f3f420db93ea266a7aa1746e255d5bd7b004554d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '1a058d1e3e61c01e6631894023b0f75bbd924054', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'b70ff83cb6e5f88c5fb998cb025f8559f67840b1', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'cb3ec04ddaec97d2ed9cc027ed4f747928562324', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd7a0779fc1c00c1ef1753da06673b68b845d5a69', name: "title" }), h("gux-icon", { key: '8ad04259c5d45b1460eb82dec7b0a580ad2ceb1a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bff9da84ee30ed492a44a2e5737af7fdf0d6ce6b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9a0295f7ad34362b341095912e12d087994654ac', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a7c09fb86803d390a21a106e9afd1555358b3d07' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-button-slot.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '15befd891876930e277175d8194d081ea3982e92', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '6731523f4cd52fce0da588d7558ba2e100993032' })));
+        return (h(Host, { key: '03debb27057e7f2fe3514941e6e722c9696cbcd4', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'add32b27a5b0dcbce8e869f2eb3d5324a006f66e' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-semantic-focusRing-cornerRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;
@@ -20,10 +20,10 @@ const GuxButton = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: '3022bc5ad8034a69266e8fccbac8a0415574cdba', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '1feacd33ee60f68ae1d3a1ee82c469e6d8dd3518', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '02525623e91c00c0a57c3261e5f01854e4f4ecb5', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '33834ece334ef1a11aac31f06b88f5a5f84422b9', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { f as fromIsoDate, a as asIsoDate } from './iso-dates-8d3f106d.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-358e497c.js';
+import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-ad321c23.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
@@ -231,7 +231,7 @@ const GuxCalendar = class {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: 'e2f9a107ee91621f919e080a6c10341ded7389be', class: "gux-calendar-beta" }, h("slot", { key: 'f773c2600908c44ff26b2e89e61e1d9afedf4337' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: '06cea2ee177e04b06cbeb787c5e4d9ca146a120d', class: "gux-calendar-beta" }, h("slot", { key: 'bee83ea56f4f17c14376528fabe878e287e66d4b' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-44565801.js';
-import { g as getDesiredLocale, a as getStartOfWeek } from './index-358e497c.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
+import { g as getDesiredLocale, a as getStartOfWeek } from './index-ad321c23.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-a47e74e6.js';
 import './get-closest-element-728b9f18.js';
@@ -382,7 +382,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '9ab737ccca49fede337ff7bcad0e617e0553aa5d', class: "gux-calendar" }, h("div", { key: 'a1fd0990b64c72cf52ea46a2f44eedbc2cd9c307', class: "gux-header" }, h("button", { key: '1e1d001bcad30918bf35cab7bf75a631f3e219d1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b361c20900a9cdd8161a2b0023b8cac62bb5673d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'faa2fc7104de023f321701f15a6faf3e6c60b338', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '5fbe742618df07732a9d86174a9b97b43c5bf235', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'e3326d9316145ec86a36efa504fd7457cb144a03', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '94034889201ffba0d8363e586289006765379c84', class: "gux-calendar" }, h("div", { key: '98effec54051bc215f1bfaa2cc84c18048486222', class: "gux-header" }, h("button", { key: 'cf98ee02fbb418293b3a8e8783369de575cb6576', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'bdc5af198f48fc901e67d441d3af397ee286fa2f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '72f5ffde3b32dbbf143132223cbc049b3728adc2', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '48b21068c2e3e2f469a1b64a34bc5e9a78452419', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'e03214171b78be5413bdda71007368d9b3b42143', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 
 const guxCardCss = ":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '0c05e098f388e13aacae17ad423b402099450178', class: {
+        return (h("div", { key: 'fe90963405a4c298b13c75c991a713a9dc840ba9', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '1d3d4dd1b4cbc6f731e15ee57da145eb05aec161' })));
+            } }, h("slot", { key: '0bac8cd24dc14bb4c9105e039ad23dcea60bab3a' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { c as getIndexInParent } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '902f78713070a291444827e1181568de0212a30a', draggable: "true" }, h("div", { key: '902b3c834a5df69ca1aa578008b1153a03625e61', class: {
+        return (h(Host, { key: '2bb4ea21fc5012004432569cabaa49279967979d', draggable: "true" }, h("div", { key: '4799c5a26f38565b36307fef017f024fc210f02b', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '3356448b3902ca0407af3f579a890a02bbfe9546', class: {
+            } }, h("button", { key: 'a303cd9386a4d5a8e616ec192a709397e2da5b3b', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '06e5774368aa8b202ba002186e3fba8ce0ec4c86', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '6212b59e731edca8c314229f7658eb0cb66cf7d5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e3a3ce1c39a10160984f5bb931543f013cbbc8d3', class: "gux-select" }, h("slot", { key: 'a82b618fb073ca687886838b0271243752ffb184', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '46f91dc56c94ce70602c860e9a740536d3bccba5', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f207fd6ffdf402e157688c30444264dbfb53a1fe', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '0b2985784e3f1c9b65d71375784ed3c42154b571', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e632ea7e95a7a597b961c43f140434b046530ecf', class: "gux-select" }, h("slot", { key: '97d48b3606f4e03d7c44e1e386b95a5f328c3a06', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'a5c48efa350c3351cef3fcd324e5d7574c9e3cca', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: 'a79f94223dfd05de4086c68a9e95a089597a23b8', class: "gux-container" }, h("div", { key: '8a5e5e45a677ee290644ab4fece23a70ee47513c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'faa3b45bb92e71068bd7036be071a75461caf81d', class: "gux-search" }, h("gux-content-search", { key: '2638adad20f101d380e140b0b9c09489cb93168f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b34328155244f85924d2f488a481b4f01607b1f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'afbf7d485a17fd173f5d85024fcbae79c1095361', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2909936c012cdb2372cbc4c2a3373d19549bf82e' }, h("input", { key: 'e5043db01ee15496864fb661134c7e77c77fa0ef', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd2e3287f9b845184783af6f51b4d70f814334627', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '322428c1b9df9e375e757174b0993a607e9f45a2', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5c6091ca95e652757781382bb371c44781406f06', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3c851aa820d225f72edd28103d65b923ae19b50a', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '762fef70a362de118cacf114ed1324197d5f1519', class: "gux-container" }, h("div", { key: '6156e8ff80d6bf05faecda20ad4266e293ab062e', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '5fd3f746feaf290a5f151f5e1eb2bb98b557192a', class: "gux-search" }, h("gux-content-search", { key: '5417baee3b315739bcf52edbd4aadf9bfda1bef6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6e1ee9fcedf6be3dada4137604b67778a05a4a93', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'cae4df566baa5ae606c2eaae0f68e45b02203472', class: "gux-select" }, h("gux-form-field-checkbox", { key: '19dfe5fa43e4ef15b24a097eb41ea99bf45db0b7' }, h("input", { key: 'e093500e832fc9237105d4b5f0577ae79e0df412', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '35cddf03d313b075fe07815eac36bb07140d2691', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b3255d0dc4666be65fee8a0bcd95eb15bbb53856', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bfc566b3c891e0874228b5dd58d51dccf1292877', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '55776cd099a5121e983a5abcd914cddeec2de5f3', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {