genesys-spark-components 4.71.0 → 4.72.0

package/dist/esm/gux-simple-toast-legacy.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 { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;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-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -14,7 +14,7 @@ const GuxSimpleToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'bdf6285454181f2234d3378bc67e55b09dfb05ba' }, h("div", { key: 'c81a071a3d734f5fcee7a58e702ce18609298306', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '5eeedfd225d6898188cdada28b13828fec879705', name: "icon" })), h("gux-truncate", { key: '654dac6a3dac67cd20d559d57158b42e2f0ccc40', class: "gux-message", "max-lines": 2 }, h("slot", { key: '6720023511d47f7e88bb828e08790a1ca64aefcd', name: "message" })), h("gux-dismiss-button", { key: 'cf638fa12c95c2651d200326647b8264a2ecff1f', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '552a467ee600a8568d77cf04a85c88bb6617197b' }, h("div", { key: '03a52eb88b0d2c301b6d3305cc79e25a3a65683d', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '73eee5be7add47429c4b602121807e37249f6e1b', name: "icon" })), h("gux-truncate", { key: '14799c29f059d238523c8d938912f80ff2c51d4c', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'd247671efca8f06989f6effded3878ec93db7d48', name: "message" })), h("gux-dismiss-button", { key: 'c8f2b116e2d53355ac89e54f80e8dc0c98538bac', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-skip-navigation-item.entry.js

@@ -8,7 +8,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '007d9a9f343d3586c97ae507a7b25567cd8dd391', role: "listitem" }, h("slot", { key: '07a7133be97eaf59a044c4173d4a2561add2a043' })));
+        return (h(Host, { key: 'ac7eb1ca4103db9ceb87bb2253de834545eec67c', role: "listitem" }, h("slot", { key: '601d4bda3c38f9c5a0328e297ebe53e91288e72f' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/gux-skip-navigation-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import './get-closest-element-728b9f18.js';
 
 const navigationName = "Skip links navigation";
@@ -20,7 +20,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '861cfb0779160bf2870c91b5a75c1d4552c2f329', class: "gux-container" }, h("nav", { key: '751dbffe6e3c318fdf8f2b5d4ec902e51d117e33', "aria-label": this.i18n('navigationName') }, h("ul", { key: '354ad26e8cc020472ec884e46af41cc3c911f5da', role: "list" }, h("slot", { key: '12059a5b3efada13b60542cbc172cd8d2f6812ae' })))));
+        return (h("div", { key: '3978590d77fd2434fff4438be8eab23c171fa481', class: "gux-container" }, h("nav", { key: '251418bdbd8f7b2ebedf9ecf13c6b5bf49f0df36', "aria-label": this.i18n('navigationName') }, h("ul", { key: '21423b041708188886ab7fa1ec5e624184bf98b5', role: "list" }, h("slot", { key: '829d83bb4302c6a84ce3818483f375978e7f0724' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { t as tableResources } from './en-1f9d79e6.js';
@@ -104,13 +104,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (h("div", { key: 'ad2c16a4cb0e3ad535770fe09cb8aa7261b09488', class: "gux-container" }, h("button", { key: '4a35a6bc0e9dd545a6601ec981244e945ac53882', class: {
+        return (h("div", { key: 'ab9bf99338c13138af33d5de8181b64097b1c0c1', class: "gux-container" }, h("button", { key: 'ac50dbd00b511ae686242001357ce2f150be56b3', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c3f947fa1d7d885b0bb81124b50f1b380d4d5e16', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '95b9a00a7cdb6b5eec25678c968514f02f7502be', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '242170322255f24d10d6bf3ad42bc4e95ee5bbdf', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2c179b88a0bed4a6d58b5438d5a1042e0b64c989', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -142,13 +142,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '6a65fa8c11ba70aaca9df94c14e8246cfdd9cc00' }, h("button", { key: 'cd8de6fad5c2ac452fa32c070ea955a9f09fe0e6', type: "button", class: {
+        return (h(Host, { key: 'e79928cfa15eca05a24d130ad99b5b9f89580484' }, h("button", { key: '42659df349945f3db53dcb96cf0f639fb4d7fb33', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'c082ded3cdaa4efc939e060e0af66971da9fe4d1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '7d2379fe98f7409cd0ad1d2caa8bcb9f7112443e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'fe3269c20539ebebcb04b41a0afcb01a78b27920', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '900191429a7609cb68eb0485bab9d4ca74b4f0f6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '14fabf28052644302b3de10b6e4ae01c37b5ba32', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '63aa954bea898bc1d8d6aff4dac812ac1f696591', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'df51b3a4cbf2f764aaa43d73c233eb82e19d017b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '2e407c4c0104ce2e1f8d14d585a6448ec884fe7d' })))));
+            } }, h("div", { key: '36052f94b695f911f0694f43f3df8106f283d709', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5f38cd07848f12849e79b82860017e4ed32f7260' })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a971cf18da34c6fcf8ad4e9d1271a3487f15bef8', class: { 'gux-selected': this.selected } }, h("button", { key: '1f0f62e3762de85aeeafec9f51d084e7e65f8da1', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '4ba0885a3237c169345e9cf9f83d123aa25f0612' }))));
+        return (h(Host, { key: '00fb2c57bc8aac76293178267566815ca424a46d', class: { 'gux-selected': this.selected } }, h("button", { key: '1253f3f431a9e8a7aebfe33bd803850253d9ce7f', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3a24e458b5f97833060acaf6c9b0d22c7997fca0' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

package/dist/esm/gux-switch-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -33,7 +33,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (h(Host, { key: '8c75416ab7f49fd93de25dfabd0f8ddf0a089feb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5de5fba70c8965cb903ccff5dbca6db5af806546', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'b22773f53c2513d1bee2211386c042013a7050bc', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '69c6fe16985e36c683e3af75c414078719bc0664', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -3071,7 +3071,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '66e30bedcc9b25eb35ccd86df381306c6d4b1b79', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c38b67538d0c667eb89dc943d6cf6b8896b2636b', class: "gux-scrollable-section" }, h("div", { key: '8c3df3908eec367a45d4204fa1186d59a620f962', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '9403093103d10f5ef32b33b156ee65234f9efa72' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '12d79775cc74f739dfcd3b17993a78dc248596bf', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c56696c1ce2d6ca4f518428ea633572a9e819235', class: "gux-scrollable-section" }, h("div", { key: '4602c748a69c4e1dd252ea2f89f558a8cd95a7e3', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '487fecb0538f8e36312283edcd14236061a0f2c3' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -20,7 +20,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (h("div", { key: 'aee1128f003127d25328e9efab3faa13479f9230', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '92805b21937973d619a03140a9f7b8fb9113b1a9' })));
+        return (h("div", { key: '0e6f3ca9f6d0921da65ac037769adbad0dc122a1', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'a06376e6b7b9e47cbf0ed6505cc75be25b2dcb94' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -155,12 +155,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            h("div", { key: '2844708cc4539f43847e9b15b71bf38f0b45fc47', class: {
+            h("div", { key: '76e7ebd76e0952471574aa4d32a0e6fe343cb846', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '01424caeb60688ec949ef6860489a416871c7402', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'eb947372340e56de538ffb1a2cd928b918b4edda', class: "gux-divider" }))
+                } }, h("div", { key: 'acf96d6f53893fe3c90c5b40bb673cd77531fd6e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'ee8e380c9f2f77deb8e7616d069b2e0a51dcaf27', class: "gux-divider" }))
         ];
     }
     get root() { return getElement(this); }

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

@@ -263,9 +263,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (h("div", { key: '680306423a224a9a1646ba5f67fdb9f31e2d0454', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'b32f188c3f1d9ea07b8c8475268f3aabc57f3ff1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'b86e164ab68080f6510abeb70310c0458e7f5844', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ec4815defba142048face3b67c1eb6ee092ffb14' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'b57f80c836570869b97817579d7606319ffb0e76', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'e55980ba380656fc8a73b724620b95aee9a22eb7' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -20,7 +20,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: '751e591e2c405b0a87436aa94d5199944b4c6d63', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '3d7e4df841a2610b3e0a915f5fc58c64fad3f9dc' })));
+        return (h(Host, { key: 'b2c5ffd69a5e37201c7d1f203d451f57e19dfa02', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '05e51203720f34183a05670ea3413e6884266fc2' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -37,11 +37,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'c54dc95e266f152943199525cde726bf6fdd1d1a', class: {
+        return (h("button", { key: '361e65390e4be8921647a26350196cda2cfe0f0c', 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: '92080b0a5847659160f8d1789fd929d4733bc890', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a9380a71f2c92b6cfe568fa2e7e72cff7df02c02' }, h("slot", { key: '324aa107d5823f3a0e9ef0bc42add6c31b105d82' })))));
+            }, 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: 'e23704e7704ed3a1cb25cf9868ae8f62da635c23', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'bce7a8ead8516d724afed9ee218f3c0d97ca7823' }, h("slot", { key: 'c1380d29ca6ca9db746273230f149373f5f89a6f' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '20db4257ea49e02f7c0838d192b0a3579550ecf8' }, h("slot", { key: '177130d715f3f70869ed4411741269ab78947350' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '3661144146959bd1e017f4c32a39b69854488093' }, h("slot", { key: 'ef50ceee71a1e0f29fbf65eab47335d568cdc049' }), 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-da21b737.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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: '52b7e5d8d3cdbec48ad5c9062c628b672dc2ff1f', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '7da5dbdf9ae6cc600708563f886b16a1fe461f86', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '7b059bc33717295186dba7e010e23e855af58c5e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '95a1e1755b50464d99529fd015069a7365688290', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'a2965cd3c204f9052a10d1394cfb41bc5d6a3ecc', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '9054a2f1281eb051b35bbadd4fe0451a6123512a', 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,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.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){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";
@@ -27,7 +27,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'f9f92beab14454164cd57f5d7152185fb169805d', accent: this.accent }, h("button", { key: 'd3eaedad0a53fca42c919c52abf75b7f3ee395f1', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd8a1c289ac52458e96084361330b43d1d8e7265e', name: "icon" }), h("span", { key: 'cafea5d2bf21f6ebb48af7907014f47ac5f6b0fa', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'ed63d313c4f831c76fef6cd7a58a2bf15eb82e2e', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'd8310d3a3aea38d8ba3841e5c98f3a00bad5bd98', accent: this.accent }, h("button", { key: '4a976649603da94632082091ab3c9d0c5c7c302a', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5b40fbf4db92dfbf252d96b693f77fb4b955141f', name: "icon" }), h("span", { key: '255e05c9b6f092b6e265ff71cfab62f006d6bcaf', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'af737bbe47276035b8e4ca699cb6e4705e421e24', 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-da21b737.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -95,7 +95,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '740eb843a17f0eae90c045bffe957cb649273d9b', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dd113fabbc90fdeedaa41d34f185da1fb87ee8e7', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '8181db7ad0cb2b913a2383981e426e722efc9edf', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2c54741c1b676f1d35fef80059f6c91886bab855', class: "gux-menu-button" }, h("button", { key: '6d565adecece1f7cec532453447e15b1d96913dc', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '65f4d35543c9330b0e52eb97d5a515079a0b751c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c13972003633dc6d0d353f933a97008ba8c3566e' }, h("gux-icon", { key: '42788806d05d92880020350f41b9722d5b469fe7', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '68b20d4aaf4491bb633657c7d729227d6aa9fca2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1257a1bb52780dce7138441725744fb40c6dad57', ref: el => (this.listElement = el) }, h("slot", { key: '5a0df6cac6139c589e0d0daa58bea76450a87c25' }))))));
+        return (h(Host, { key: 'dbca533b54f96829dcd965b27aed2b1889ed9015', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'd4cf26c0f6b56bdf9bdaeaebc4173f5e0c6e5600', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'cadc62775b1e2cfa6dcfca03d739aeb4365715b7', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0fc9910d55ac0c0bba4d676cf4a6dc724a507fbe', class: "gux-menu-button" }, h("button", { key: 'fec75883bb16775e9b87115b60150cc6cf0fe850', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '1611a5219fb15470466faa8ff4b056582de9504d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '225851482532b89d60a92cb0853c01f312f97fdd' }, h("gux-icon", { key: '8bd530694cdbdbac48971394465ceb47a455ad94', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '6c9fa1e6c1dd517ee3253a611dea2f750646952c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '31c695820b555d5b1248b96227b651c7197ad48f', ref: el => (this.listElement = el) }, h("slot", { key: '454df0015b0e720409fad10cd505893840ab3b8e' }))))));
     }
     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-da21b737.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -196,9 +196,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '6fc21b374fd74a4fab1c05f2249e5e3bcbf7d386', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '276c80c7aec3de02a5fa5818bf0fa2e8739ccbf2', class: "search-filter-container" }, h("slot", { key: '730b76b35b2c509183152428e048316b3120ddfe', name: "search-and-filter" })), h("div", { key: '92bc2e709a24f0ae605e1644a7e10c37d8a6fce4', class: "section-spacing" }), h("div", { key: 'ee673e4d9407551ed443c5c9b0ed9cdb80934f69', class: "gux-contextual-permanent-primary" }, h("div", { key: 'cb92abc2a6809b09187c67cbf657ff4c4c304d85', class: {
+        return (h(Host, { key: '0e37a69ee21bd1fc30c78a8adab1b4f826588edb', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '6c2ff1521d21037d729f06b483fcbe97a36f5f0b', class: "search-filter-container" }, h("slot", { key: '2dab07ca842ef0ad77148af1e0c4706536ffe3a5', name: "search-and-filter" })), h("div", { key: '04d357e501e11f10d15d89847cb5539f7c81b757', class: "section-spacing" }), h("div", { key: 'c6f45141b171f99606cdac9035cd8188c9a59850', class: "gux-contextual-permanent-primary" }, h("div", { key: '5b23eef242a908411349dacb4d0660dc3c2946b5', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'c4d1fd928a9c6097993061e76cce8a2ad2a15b8d', name: "contextual-actions" })), h("div", { key: '40cec3218b64b5415536b6fb7d0cc0c33050039f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a18d17f76911d1696be42630245816b1d7630a8c', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd967becf6df9612d271017d31aeaea69e831e4d2', "show-menu": this.renderMenu() }, h("slot", { key: 'e20123d6b0424e7f2b60350be266e7cb22df4756', name: "menu-actions" })), h("slot", { key: '8ee83629fa3cc7d9aa8fce86d275de8f3d2ab512', name: "primary-action" })))));
+            } }, h("slot", { key: '3326cf917579213d54b20d3eaf220c7fb1ab0c10', name: "contextual-actions" })), h("div", { key: '5b1f9be1e756c5217223a75005d6b189efb2b252', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '5b85e310830db5977b455d942361a2770baf1845', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8310d788220fcdc44d820829f34abb474a099c70', "show-menu": this.renderMenu() }, h("slot", { key: 'c57dda5ae9983301aa28555e8be490f58b75daf6', name: "menu-actions" })), h("slot", { key: 'c279a738e2d32c292321621073727f33ed35e41c', 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-3f1e5ba8.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-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -274,7 +274,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: 'f5558b317d97d4c545b987e5eed516d43389eb57', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7994753aee1e14330c684e0c4ace9181e818ebe5', class: "gux-table" }, h("div", { key: 'ec0c8b3a8ba56a44ede705135c1754ce074d34b2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3139e1cafbaf7f75522945065a928a4d7d523ed5', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'd604b2e1c99dbc631801d198e88408ffa41fb152', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6f352c6444b9269fbc564e70d8b8dd1d75a354d0', class: "gux-table" }, h("div", { key: '94fe1049561d56975b4698ab0bbff49041c51ffd', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '72659fe4dbc41fa53945d804ab1e572443f9fcf4', name: "data" })), this.isTableEmpty && (h("div", { 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-da21b737.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '1800f9c906b4efbe291580582eb8798bfca440b4' }, h("slot", { key: '109ff47e12ebbf78b267198282974f0c56c8f1be', name: "tab-list" }), h("slot", { key: '7f8fac0199518c90587e714557e91b42f263a699', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'ff3b818bbc63bde7b58f11bce6d87a91da21e044' }, h("slot", { key: '3139422ceb6e0a7384dc2704cd16ac6f8783bc74', name: "tab-list" }), h("slot", { key: '7c363f07a3077856bdce3bd50c2606f9cc91cdfd', 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-da21b737.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -47,7 +47,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '32d1873a678e50506803977cc6a6ae8071134533' }, h("div", { key: '22a82c469859dd57778b1876a05a216eb22f8e46', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '191ba655d87b19ff016a0e47d9d791e72db47588', name: "tab-list" }), h("div", { key: '1fb64ce9a3bd2d8e5c68c329a99283b257fe22e3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '3b258056a818878a6ba5bbe45bbc01e8dec748c5', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '6fa2aa2de4e7ab045b7a496ad53354a36e28e7dd' }, h("div", { key: 'fddfc9c0c211a577b64fae73acb0d8a648991606', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '5361a8c792ade97ca1f8d49209ae966006a85409', name: "tab-list" }), h("div", { key: '5ce9626fece413a613540bb55ad21002e68ec3be', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6bf18650284e98db7d1a9565fab0d0d0db20b63b', 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-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.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: '4f18b726d9af48c8170ae42a25df2d728ca66ce4', class: {
+        return (h("div", { key: '4cf65db85dfd46ff3c08fc30c89dccf2055a0e3d', 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-da21b737.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.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-da21b737.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';

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

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-21dd269e.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-3f1e5ba8.js';
-import { t as trackComponent } from './usage-7b89648a.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -385,7 +385,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: 'ebd9d425eb3b72f65ec7efb41c133d88d9b377ab', class: {
+        return (h("gux-popup", { key: '6d9d52b4133433ef5c1ed07402f0ef2091f0fe84', 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

@@ -0,0 +1,52 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
+import { t as trackComponent } from './usage-aa7b41bc.js';
+import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
+import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-49d54a2b.js';
+import './get-closest-element-728b9f18.js';
+
+function shortenZone(zone) {
+    const sections = zone.split('/');
+    return (sections === null || sections === void 0 ? void 0 : sections.pop()) || zone;
+}
+function getLocalizedOffset(localizedUTC, timeZoneId) {
+    const zoneList = getTimeZoneList();
+    const timeZone = zoneList.find(zone => zone.name === timeZoneId);
+    const formattedOffset = formatOffset(timeZone === null || timeZone === void 0 ? void 0 : timeZone.currentTimeOffsetInMinutes);
+    return `${localizedUTC}${formattedOffset}`;
+}
+
+const GuxTimeZoneBeta = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.timeZoneId = undefined;
+        this.offset = undefined;
+        this.surroundOffset = undefined;
+        this.shorten = undefined;
+    }
+    renderZoneDisplay() {
+        let localizedZone = this.i18n(this.timeZoneId);
+        if (this.shorten) {
+            localizedZone = shortenZone(localizedZone);
+        }
+        let displayText = localizedZone;
+        if (this.offset) {
+            const localizedUTC = this.i18n('UTC');
+            const localizedOffset = getLocalizedOffset(localizedUTC, this.timeZoneId);
+            displayText = `${localizedZone} ${localizedOffset}`;
+            if (this.surroundOffset) {
+                displayText = `${localizedZone} (${localizedOffset})`;
+            }
+        }
+        return (h("span", null, displayText));
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    render() {
+        return (h(Host, { key: '6ccc0cce8b25630b3a1264a2d6ed37b5bd413ae5' }, this.renderZoneDisplay()));
+    }
+    get root() { return getElement(this); }
+};
+
+export { GuxTimeZoneBeta as gux_time_zone_beta };