genesys-spark-components 4.103.1 → 4.104.0

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

@@ -37,11 +37,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (h("button", { key: '6e809c441c7e0f28e6eaed2034f497ab9ffb5ecc', class: {
+        return (h("button", { key: '5e43ebbc5a71624336d5a794982f26bcb51e2af2', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '28a553ca88b1d11c2890f45d950bc82799f1f47a', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7b8184623517ad620a68d7dcc48524d4b613cb98' }, h("slot", { key: 'a852d365c209b9e569b6e05c21556d374c521c6f' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '305915143f8e6be69dbb0268deeaccc8026101f2', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '8f7aa3b5a1345a470c935b25b6881355d18c47fb' }, h("slot", { key: 'b30fe19758c40a8be168f239a78d36b72ffe6999' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '09690939f3a8f948f114138628a447d9b3bc2d2f' }, h("slot", { key: 'abc0b94b3d767b7f93bbba63dcf872171b774529' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '3f4d7e868f6a8c79db8a9baddd072b0424663356' }, h("slot", { key: 'd6ef0b0c3d0eb34dfb8af308d4623d327a202415' }), this.renderSelectDropdown()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -62,7 +62,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '3f1974c9845137714273501075f178ad905bd50d', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '9da623ae34eed012af27d4cb9fbbc56205215032', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b9eb6907bf69b12251ff1792baa561152b7e4c43', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '6830802bdfce126b57a25648e880538ca05e7996', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2b5c2092114ae9961fd2830475b589b6487c300d', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c673ad3b9d26f558d449e77041b414fecdeefc5f', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { g as getClosestElement } from './get-closest-element-7b2f7d5b.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -33,7 +33,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '73e5c9c42706220ae8c0e1038663aac894d44585', accent: this.accent }, h("button", { key: '7987298b01b6dfbb404d3e0a3f2e2fd2113324ce', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '995463971d19597d98a322558f8e748fe551f74b', name: "icon" }), h("span", { key: 'da689d397f76d65b9245f65e2f564f1235d3e869', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'cb930e223bdd250c00770ea35c8447579bd9326d', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '947b0bf7004cda17bf7fc166c0e4d7e18ab1bc73', accent: this.accent }, h("button", { key: 'f758053d0b61f7504363d801926b1d377ca310a5', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '3d534a9bbe7153ae555354bcbea827c252c93d62', name: "icon" }), h("span", { key: 'eb4e7bc37979b1274ad8c2e4ad481bc95b825d0f', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '23b4480765d22ceddbe30c56d4ff388f56108265', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -94,7 +94,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '636ebd482d2bb7c67f0cd12f6db5655cfb781253', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e22e49fa8ea5a459ebf6141e87d946a8ef7b966f', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'ff4db5c913e91a14cf56450dff9863ae60b0d633', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0c8a1bca10d9bee4d5058920c4feb333c7abcddd', accent: "secondary" }, h("button", { key: 'd19cd9df85aa365a1063a7545fde4855fd92a24f', 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: '3f9a8dbd3f292ab7db7a1d3cfd4098dcbf8ee3e3', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '9343a269d9dea0b72555d0945071c8581affeca4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5add0123f2a103b39c64348635f53c0f7aafc7e5', ref: el => (this.listElement = el) }, h("slot", { key: '5f0784c0afa5ffe56ab7f5194f420fb19cd8d002' }))))));
+        return (h(Host, { key: 'e984a1b9744d3a16e1a9ed107ffdfeaee98f657c', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5c15d6c2d50bb79a24e674ffb313bcdf3e878d50', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '483109bdfbe2c9a640b1854c416a696eb1e570be', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '4069777ed1d76c712af2561473cfbc121ddd9ebd', accent: "secondary" }, h("button", { key: '3c5d473f1bbbf77dd44ff19b61260a195fc9dc91', 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: 'c74a764ea5f8adc9419e7d2472ef4a3690100a9f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '293d55465c6d86655e07fc6dde74ab28485471ab', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f51e2b795f2af232e5881cdeb1eef639fefd258b', ref: el => (this.listElement = el) }, h("slot", { key: 'e18707fe8fe972247441eda1e665f84812eec6ef' }))))));
     }
     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-b6ca2adc.js';
 import { O as OnResize } from './on-resize-15b5b704.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -208,9 +208,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '5fb8d1d0d2638e473b58e8c3f1cfcbf354cc1c57', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '9c63a228ee08c881486731c21f64e03fc212d5cf', class: "search-filter-container" }, h("slot", { key: '22b8d570adba2d6eca031827374dfe02498ae2f4', name: "search-and-filter" })), h("div", { key: '2d992ddd42d9d0eacd7867e65472c3aadf830ebd', class: "section-spacing" }), h("div", { key: 'c5c331c8159fdb449fbb22c68659130b37fb1d5d', class: "gux-contextual-permanent-primary" }, h("div", { key: '4c09619a27d004359b8900775e3d00f138006210', class: {
+        return (h(Host, { key: 'cdf6cdb9559028d68287d2e4be1a6d0012763b14', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '913ae1732e646235b24e815b5a509652f0cc3d9a', class: "search-filter-container" }, h("slot", { key: 'b70a609b3ae29e261376cbbdda679b8988c9cf26', name: "search-and-filter" })), h("div", { key: '73f5d14e816c9b280ac6c82c24999cb0a27c87cd', class: "section-spacing" }), h("div", { key: 'cd352d748597f1a912ade7e599e489652c8223d4', class: "gux-contextual-permanent-primary" }, h("div", { key: 'c28bf3b3f6e5a0d2a54b38771e79884e6f221f86', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'c2f0266d52056d45dd4e8c14866dc1dfc220e30d', name: "contextual-actions" })), h("div", { key: 'da3c8ea083d03c3e6f20171e0d307cf8fd095dfe', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd29997e56ad8ce03ed6b1de1eac00d4379eed637', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '411d56420e3588c876949b3a392da506f735ed6d', "show-menu": this.renderMenu() }, h("slot", { key: '7162d8900ae9bfbd91398d3ab30efef7a4eadd2f', name: "menu-actions" })), h("slot", { key: '0f8250e54adb580d6925ad4308d929ad1023eb98', name: "primary-action" })))));
+            } }, h("slot", { key: 'ab3ca29628288d1247a28d54304e8ac8d15063de', name: "contextual-actions" })), h("div", { key: '422a9ca52fe3d0376e6518e27c3d1935395cf703', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '8447689c63d4af97f5f1785ce94f29e2a52c1541', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '601dfa4acfcaa684dae9d5ab90a7f69bf2670109', "show-menu": this.renderMenu() }, h("slot", { key: 'e5306eaf197d86e15f42c833e44026cd0fa55689', name: "menu-actions" })), h("slot", { key: '9c3d1e013e775b7f8e224a7529630d1779e2c899', 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-44765751.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-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -277,7 +277,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: 'cd7572a4c981643e330c4ebad539f620c294cad9', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6ddad814adfc1f97421f5290f6dcf20ef665d568', class: "gux-table" }, h("div", { key: '65aac625a34104faa6540f4ae054735f95a63f01', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a6d559f9eddec06ff82ab6e81b3b6dd1db68318b', name: "data" })), this.isTableEmpty && (h("div", { key: '28609a30088e67019e6501281876e447bd7293c2', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'eb7fe9521f9e980139a44a3e1f8ebb4b9d554cc2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '3678531ddfd123bf13c2284f7aaa3948338950ee', class: "gux-table" }, h("div", { key: '38d498934df223a47a9d980da668ecbfd10ea24a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a4fdb9e26639db15ceb437fb9d8194d678cad5e0', name: "data" })), this.isTableEmpty && (h("div", { key: '96e8c611234824b2a71fbaa930ac79de3d70e1ff', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '850709650793a201b96560be1ff66eadb7e29938' }, h("slot", { key: '96e053ac8f392318deaa01a48c19fd4a6be0efc7', name: "tab-list" }), h("slot", { key: 'ea43a0be16af1fc42c11858090105cb456a11276', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '6443625a55fbd1351809a2dd398cc03e4db167a9' }, h("slot", { key: 'bcd5a1a2e6b4a957192b7c03e2f8d6ddf5d3834c', name: "tab-list" }), h("slot", { key: 'c33661650600a13d1809b1f2451318dd5f87fd27', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.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;
@@ -47,7 +47,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '382bb97d234b0eb145f6a353233207cb78a44ffc' }, h("div", { key: '0da675cfbde3ca8c9718d8dd3aaee87f8615a30d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd133d466ee3bd1f6142c63d976f9eea723052c37', name: "tab-list" }), h("div", { key: 'b050748e9e84f5d24362a88b22d1e855f2f2ce5c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'e8627ef77308eb684b486948f99002e73449b0a6', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '8c7764cf7749e407c905684fab751f728d824af2' }, h("div", { key: '468012a6b290efb6c5019a7a65d4f633d17c5fb9', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7e758ef8aed9fb617e66d3d15aeebe0dcad6d79f', name: "tab-list" }), h("div", { key: '1e9ec38f8547d5fe0dcbdf6852baeaf4035ae06a', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '92647aa7631aa42fbe9e4b5db632ef55fcabf878', 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-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import './get-closest-element-728b9f18.js';
 
 const tag = "tag with label: {label}";
@@ -65,7 +65,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '33a1133ec0654c8eb0a52242f22b9e0fea17516a', class: {
+        return (h("div", { key: '78b1241f7578ed21f1ef24f0e668e86bad449fff', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.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-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-ecb85439.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-44765751.js';
@@ -38,7 +38,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '437727e5ac1d1d91f210cc28b8476979fad97693' }, this.renderTime()));
+        return (h(Host, { key: 'f91fba49cc7f17026ec02ad3056925e2e580812e' }, this.renderTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-edcae419.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-44765751.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
@@ -427,7 +427,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: '4f147f3c058f4e3d32918268b75056687195b033', class: {
+        return (h("gux-popup", { key: 'ba2438cd62eb971b9de79cdd9ace873707ec0930', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-7b554c09.js';
 import './get-closest-element-728b9f18.js';
@@ -44,7 +44,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '0eee4e6790a7af5e881afc29c56c6c11ecbbe156' }, this.renderZoneDisplay()));
+        return (h(Host, { key: 'ddc93f9e1aba150ca3300a2e733d9d6237676a28' }, this.renderZoneDisplay()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { f as formatOffset, g as getTimeZoneList, t as translationResources } from './time-zone-7b554c09.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import './get-closest-element-728b9f18.js';
 
@@ -156,11 +156,11 @@ const GuxTimeZonePickerBeta = class {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '8a8ecbe1895249e5852d0cecdf9b0f124b1f0642', class: {
+        return (h("gux-dropdown", { key: 'b158dc7a9da068f23d83163717204f66c6d6a527', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '038c3dc8072b022c403793a9d1a328860f32d3c2', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '8843b96c17d35d428733ab1dd440224b3cfea056', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-offsetX) var(--gse-ui-toast-boxShadow-offsetY) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-links-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
@@ -41,9 +41,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: '35de734fd7606d30af2e728b433fdadca5108bb4', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'ccbb68f12c22b09343ba5f6df62619bf0674e10b', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'ef4e9d05387e82143f97f38676f4123494926615', class: "gux-content" }, h("div", { key: '27a7ff375abaa17c88238ee4e3887f54f7b9e0d7', class: "gux-message" }, h("gux-truncate", { key: '09aadad0e45fb454cba88488b0fb9b7f7be9c255', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '1dc53938afbafc2d2e2732f6daee918114622a63', name: "title" })), h("gux-truncate", { key: '8adf18eecff4509e2390260449326c4f5227e6f3', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '0d674a3aabd1c1e2324beed2111244a7a3d28da3', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '409e68e7880374608d5407293530c995b7cd94d4', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '6ecb7c64960e956a5405203eaddc95d91cce2811', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '146a0119d2f24e309b7a522d5e4dee78e4baef97', class: "gux-content" }, h("div", { key: '0395f0fdf48bce8e249bcef69878541f23e25cff', class: "gux-message" }, h("gux-truncate", { key: '538011a7529ba9f30267cfb31bd61087445da61c', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '8311add0b3d23daba64718c16e2cc8cae3e5e05b', name: "title" })), h("gux-truncate", { key: 'bc34032739cdd11d44ffeeb2a1aa4432a3ee3696', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '0549f85b46baccb009250413498e200dd167994a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '16ce0a235bf4add39a33ff9696ec64df34683f4d', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '7a59ba537d6c4f65a6e1d3c7625bfd6e592ae821', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -26,12 +26,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '26c30c0679c7db2c29b6f51f9b3365676764687f', class: {
+        return (h("div", { key: '37bae9c97ebd2178c6b68e09f857b8e49276001f', 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: 'f8f9fc95fbc380aa5c665cbb8a6527aad6bf2e56', class: "gux-slider" }, h("div", { key: '822aa4cf674ea7e0ffab68847ef42ac9023c7e55', class: "gux-switch" }, !isError && (h("gux-icon", { key: '6aa2c8d1fdb450182775dd0523081073d316d02c', "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: 'f2ec0ffe8e58153c5a99c72895a8439ffc34395f', class: "gux-slider" }, h("div", { key: 'b6f0e301c8d0f161b6fd477ab44b846c3a6132b5', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'db0b0f9905577e7e58d248cc7b2ed042082c19e7', "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-b6ca2adc.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
@@ -81,11 +81,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd49c4d2a1dc492aca9a4b6ec1208e3227bffa156', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'f58273891005639cdcfb2c2b3ed31e610e4f8acd', class: {
+        return (h(Host, { key: '14ada49477d8d04846e97a06ca1be84a3906755f', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '489d6a59a80bdda5739f1e2918c5855040f380a8', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '81be4a26c798b50a7edc11db2fbd57191c66f7a4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'cd12003a024b3f5b543cda1940ea496a111af888', 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: '0a722f312de9b115a80fa6e11a2b2d7d87971726', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '5487527f601ca70d4fb0a634ca6847543b2d70f1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '743670e4ec45e57c2283b900d826799f314fde32', 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: '6e78950fc9bcfe44ed08f9e159b2a6a9910870c0', 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-b6ca2adc.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-6db51a37.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as overflowDetection } from './overflow-detection-49b324ef.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
@@ -126,10 +126,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '0ecd2c660c0d0a63a8a20673fe0e556377dc4e5b', 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: '60a6a96fa97cd7c51d4e16b2f26270d09575578d', class: {
+        return (h(Host, { key: '6ad07417a90ae7629acdf70c99313ac57134f6d8', 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: 'f70e1e853736b521113455c0dbade8aa63279b18', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'db8696adebbc85f2069dbdab66f36a8f5c40b9d4', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'f66537f8a01c3bba40d3dcfe00fc041f28a40a94', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -208,7 +208,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: 'dc719a621b4fb98478b19bc6067be9f27c816d9a', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '726edb14b76b5c23bf008c65a204e32658e33080', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '52193640fc6cd44104270216061d842d71627b48', slot: "content" }, h("slot", { key: 'ac658b6501e6ca37ed0cbc5a284e9503e3188420', name: "content" }, h("slot", { key: 'e69e04aa6d3ccf538764b7cce26fe10403b862e9' }))))));
+        return (h(Host, { key: '9c1dd4375a817d831898d5f38389eb5cc622b934', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'b139518b73c634eafd3b2e7d8454e6f2c70f1067', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'ac5e07cdc3484c8462f1773485b6b3b0f13ec646', slot: "content" }, h("slot", { key: 'afa51162d856e92f667371e6787c3066cc3e1139', name: "content" }, h("slot", { key: 'a36e5dd3aea2fa8de994f3ca180099cfcdd76e89' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -125,10 +125,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            h("span", { key: '7569780b3ce366acb9aae70c0da822a6305f6f05', class: {
+            h("span", { key: 'ef6500a86693f19178c8a52f6959522224791607', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'dd80d4b4d42a46d6bd87ad151ccaa38fcb48caea' })),
+                } }, h("slot", { key: '30b9271ff1542c0c903ffc442883fe03b0bf864d' })),
             this.renderTooltip()
         ];
     }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.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-6db51a37.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7c96ed68.js';
+import { t as trackComponent } from './usage-82fc582e.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-49b324ef.js';
@@ -136,10 +136,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '347530be8cae85d1b7d0d0d63ade6f2e4e5bc345', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '52d4fc396979c55f312b0671e54e8adadcbde22f', class: {
+        return (h(Host, { key: 'f5c72a5d7e88a07759588c74c308419619a15029', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'e394ca9113eea4dc9408f1cf7aeefe3360178491', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'c576d9f1899c354ea49b29d69b6c23c705a7a867', name: "content" }, h("slot", { key: '415508b21d3a37a86cb85f68a2c746961af7eae8' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '637520306930b6220ec7bf1244c32dbe68a934d3', name: "content" }, h("slot", { key: '7e925567fe3c0023fc25fac599008d9aa1b00101' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -63,12 +63,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '0d41db641324dfa24031af625204617bad3837f3', class: {
+        return (h("div", { key: '7dfdf66ee529a3a6f1040efa1dd4bfd4b5e412ee', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '54473640d3982bc0d6f92a42eee9eeadc747aea9', class: {
+            } }, h("span", { key: '4e9318fd24933f2bf4ad9be084e032a44a89efcd', 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: '1f97cc13b10e9b913f753141b2d89f021b050f2b' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '8406b2d3ec80ce7046cdeec6b11b9be75c34a078' })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/index-b6ca2adc.js

@@ -272,6 +272,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-modal-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-modal-side-panel-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-modal-side-panel-beta.entry.js').then(processMod, consoleError);
                 case 'gux-month-picker-beta':
                     return import(
                       /* webpackMode: "lazy" */
@@ -356,6 +360,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-selector-cards-beta.entry.js').then(processMod, consoleError);
+                case 'gux-side-panel-heading':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-side-panel-heading.entry.js').then(processMod, consoleError);
                 case 'gux-simple-toast-legacy':
                     return import(
                       /* webpackMode: "lazy" */
@@ -508,6 +516,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-pagination-buttons-legacy_3.entry.js').then(processMod, consoleError);
+                case 'gux-side-panel-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-side-panel-beta.entry.js').then(processMod, consoleError);
                 case 'gux-table-toolbar-custom-action':
                     return import(
                       /* webpackMode: "lazy" */
@@ -580,14 +592,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-tooltip-base-beta_2.entry.js').then(processMod, consoleError);
-                case 'gux-dismiss-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './gux-dismiss-button.entry.js').then(processMod, consoleError);
                 case 'gux-truncate':
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-truncate.entry.js').then(processMod, consoleError);
+                case 'gux-dismiss-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-dismiss-button.entry.js').then(processMod, consoleError);
                 case 'gux-radial-loading':
                     return import(
                       /* webpackMode: "lazy" */