genesys-spark-components 4.71.1 → 4.72.0

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-754af9c6.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-754af9c6.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-754af9c6.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-754af9c6.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-754af9c6.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-754af9c6.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-754af9c6.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-754af9c6.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-754af9c6.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 };