genesys-spark-components 4.71.1 → 4.73.0

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: '52b7e5d8d3cdbec48ad5c9062c628b672dc2ff1f', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '7da5dbdf9ae6cc600708563f886b16a1fe461f86', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '7b059bc33717295186dba7e010e23e855af58c5e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '95a1e1755b50464d99529fd015069a7365688290', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'a2965cd3c204f9052a10d1394cfb41bc5d6a3ecc', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '9054a2f1281eb051b35bbadd4fe0451a6123512a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.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)}";
@@ -31,7 +31,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'f9f92beab14454164cd57f5d7152185fb169805d', accent: this.accent }, index.h("button", { key: 'd3eaedad0a53fca42c919c52abf75b7f3ee395f1', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'd8a1c289ac52458e96084361330b43d1d8e7265e', name: "icon" }), index.h("span", { key: 'cafea5d2bf21f6ebb48af7907014f47ac5f6b0fa', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'ed63d313c4f831c76fef6cd7a58a2bf15eb82e2e', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'd8310d3a3aea38d8ba3841e5c98f3a00bad5bd98', accent: this.accent }, index.h("button", { key: '4a976649603da94632082091ab3c9d0c5c7c302a', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '5b40fbf4db92dfbf252d96b693f77fb4b955141f', name: "icon" }), index.h("span", { key: '255e05c9b6f092b6e265ff71cfab62f006d6bcaf', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'af737bbe47276035b8e4ca699cb6e4705e421e24', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const index$1 = require('./index-a1a48d79.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -99,7 +99,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '740eb843a17f0eae90c045bffe957cb649273d9b', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'dd113fabbc90fdeedaa41d34f185da1fb87ee8e7', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '8181db7ad0cb2b913a2383981e426e722efc9edf', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '2c54741c1b676f1d35fef80059f6c91886bab855', class: "gux-menu-button" }, index.h("button", { key: '6d565adecece1f7cec532453447e15b1d96913dc', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '65f4d35543c9330b0e52eb97d5a515079a0b751c', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'c13972003633dc6d0d353f933a97008ba8c3566e' }, index.h("gux-icon", { key: '42788806d05d92880020350f41b9722d5b469fe7', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '68b20d4aaf4491bb633657c7d729227d6aa9fca2', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '1257a1bb52780dce7138441725744fb40c6dad57', ref: el => (this.listElement = el) }, index.h("slot", { key: '5a0df6cac6139c589e0d0daa58bea76450a87c25' }))))));
+        return (index.h(index.Host, { key: 'dbca533b54f96829dcd965b27aed2b1889ed9015', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'd4cf26c0f6b56bdf9bdaeaebc4173f5e0c6e5600', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'cadc62775b1e2cfa6dcfca03d739aeb4365715b7', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '0fc9910d55ac0c0bba4d676cf4a6dc724a507fbe', class: "gux-menu-button" }, index.h("button", { key: 'fec75883bb16775e9b87115b60150cc6cf0fe850', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '1611a5219fb15470466faa8ff4b056582de9504d', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '225851482532b89d60a92cb0853c01f312f97fdd' }, index.h("gux-icon", { key: '8bd530694cdbdbac48971394465ceb47a455ad94', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '6c9fa1e6c1dd517ee3253a611dea2f750646952c', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '31c695820b555d5b1248b96227b651c7197ad48f', ref: el => (this.listElement = el) }, index.h("slot", { key: '454df0015b0e720409fad10cd505893840ab3b8e' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -200,9 +200,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6fc21b374fd74a4fab1c05f2249e5e3bcbf7d386', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '276c80c7aec3de02a5fa5818bf0fa2e8739ccbf2', class: "search-filter-container" }, index.h("slot", { key: '730b76b35b2c509183152428e048316b3120ddfe', name: "search-and-filter" })), index.h("div", { key: '92bc2e709a24f0ae605e1644a7e10c37d8a6fce4', class: "section-spacing" }), index.h("div", { key: 'ee673e4d9407551ed443c5c9b0ed9cdb80934f69', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'cb92abc2a6809b09187c67cbf657ff4c4c304d85', class: {
+        return (index.h(index.Host, { key: '0e37a69ee21bd1fc30c78a8adab1b4f826588edb', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '6c2ff1521d21037d729f06b483fcbe97a36f5f0b', class: "search-filter-container" }, index.h("slot", { key: '2dab07ca842ef0ad77148af1e0c4706536ffe3a5', name: "search-and-filter" })), index.h("div", { key: '04d357e501e11f10d15d89847cb5539f7c81b757', class: "section-spacing" }), index.h("div", { key: 'c6f45141b171f99606cdac9035cd8188c9a59850', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '5b23eef242a908411349dacb4d0660dc3c2946b5', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'c4d1fd928a9c6097993061e76cce8a2ad2a15b8d', name: "contextual-actions" })), index.h("div", { key: '40cec3218b64b5415536b6fb7d0cc0c33050039f', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'a18d17f76911d1696be42630245816b1d7630a8c', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'd967becf6df9612d271017d31aeaea69e831e4d2', "show-menu": this.renderMenu() }, index.h("slot", { key: 'e20123d6b0424e7f2b60350be266e7cb22df4756', name: "menu-actions" })), index.h("slot", { key: '8ee83629fa3cc7d9aa8fce86d275de8f3d2ab512', name: "primary-action" })))));
+            } }, index.h("slot", { key: '3326cf917579213d54b20d3eaf220c7fb1ab0c10', name: "contextual-actions" })), index.h("div", { key: '5b1f9be1e756c5217223a75005d6b189efb2b252', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '5b85e310830db5977b455d942361a2770baf1845', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '8310d788220fcdc44d820829f34abb474a099c70', "show-menu": this.renderMenu() }, index.h("slot", { key: 'c57dda5ae9983301aa28555e8be490f58b75daf6', name: "menu-actions" })), index.h("slot", { key: 'c279a738e2d32c292321621073727f33ed35e41c', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -278,7 +278,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'f5558b317d97d4c545b987e5eed516d43389eb57', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '7994753aee1e14330c684e0c4ace9181e818ebe5', class: "gux-table" }, index.h("div", { key: 'ec0c8b3a8ba56a44ede705135c1754ce074d34b2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '3139e1cafbaf7f75522945065a928a4d7d523ed5', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'd604b2e1c99dbc631801d198e88408ffa41fb152', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '6f352c6444b9269fbc564e70d8b8dd1d75a354d0', class: "gux-table" }, index.h("div", { key: '94fe1049561d56975b4698ab0bbff49041c51ffd', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '72659fe4dbc41fa53945d804ab1e572443f9fcf4', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '1800f9c906b4efbe291580582eb8798bfca440b4' }, index.h("slot", { key: '109ff47e12ebbf78b267198282974f0c56c8f1be', name: "tab-list" }), index.h("slot", { key: '7f8fac0199518c90587e714557e91b42f263a699', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'ff3b818bbc63bde7b58f11bce6d87a91da21e044' }, index.h("slot", { key: '3139422ceb6e0a7384dc2704cd16ac6f8783bc74', name: "tab-list" }), index.h("slot", { key: '7c363f07a3077856bdce3bd50c2606f9cc91cdfd', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.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;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '32d1873a678e50506803977cc6a6ae8071134533' }, index.h("div", { key: '22a82c469859dd57778b1876a05a216eb22f8e46', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '191ba655d87b19ff016a0e47d9d791e72db47588', name: "tab-list" }), index.h("div", { key: '1fb64ce9a3bd2d8e5c68c329a99283b257fe22e3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '3b258056a818878a6ba5bbe45bbc01e8dec748c5', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '6fa2aa2de4e7ab045b7a496ad53354a36e28e7dd' }, index.h("div", { key: 'fddfc9c0c211a577b64fae73acb0d8a648991606', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '5361a8c792ade97ca1f8d49209ae966006a85409', name: "tab-list" }), index.h("div", { key: '5ce9626fece413a613540bb55ad21002e68ec3be', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '6bf18650284e98db7d1a9565fab0d0d0db20b63b', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '4f18b726d9af48c8170ae42a25df2d728ca66ce4', class: {
+        return (index.h("div", { key: '4cf65db85dfd46ff3c08fc30c89dccf2055a0e3d', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-6db914c3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-1a09f0a1.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -389,7 +389,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: 'ebd9d425eb3b72f65ec7efb41c133d88d9b377ab', class: {
+        return (index$1.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/cjs/gux-time-zone-beta.cjs.entry.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7fb02c8c.js');
+const usage = require('./usage-1a09f0a1.js');
+const index$1 = require('./index-a1a48d79.js');
+const timeZone = require('./time-zone-72675c4e.js');
+require('./get-closest-element-9e41d6b9.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 = timeZone.getTimeZoneList();
+    const timeZone$1 = zoneList.find(zone => zone.name === timeZoneId);
+    const formattedOffset = timeZone.formatOffset(timeZone$1 === null || timeZone$1 === void 0 ? void 0 : timeZone$1.currentTimeOffsetInMinutes);
+    return `${localizedUTC}${formattedOffset}`;
+}
+
+const GuxTimeZoneBeta = class {
+    constructor(hostRef) {
+        index.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 (index.h("span", null, displayText));
+    }
+    async componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.i18n = await index$1.buildI18nForComponent(this.root, timeZone.translationResources);
+    }
+    render() {
+        return (index.h(index.Host, { key: '6ccc0cce8b25630b3a1264a2d6ed37b5bd413ae5' }, this.renderZoneDisplay()));
+    }
+    get root() { return index.getElement(this); }
+};
+
+exports.gux_time_zone_beta = GuxTimeZoneBeta;