genesys-spark-components 4.111.6 → 4.112.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
@@ -32,10 +32,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: 'edee64cd82d1d2c4a05478a67fc4a129a6f965c4', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'eeb5fffe498716be6b4f7b33821cf484495d1d1e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: '52137af109ad90aaf6fc493678238e99bb4a935c', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: '60edd2dfa88fb7efb90c345247706da081a9be20', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -251,10 +251,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'bfe886ea8b2e268bda3131dffaf7fcd140de36e6', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '46a0ac5ffa18c2449aaf20e58e96aaf7da1d0105', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '3472fc472cd103985156e66fbe838120efdc2c47', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '536cf9942ac41017a857e5bdc8c221499d97333a', class: "gux-arrow-caret" })), index.h("div", { key: 'dae815a704470c51f7753e7d71f405ef0b5f6a05', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'f9bde5231fe5c82c013f17ea256efe519fa34ae1', name: "title" }), this.renderDismissButton()), index.h("div", { key: '07731538222b01fa6f4e8970d5aea57e6acdda7e', class: "gux-popover-content" }, index.h("slot", { key: '3b4c1b2fc454ac3cdca9582783d769d2a54222a1' }))));
+            }, "data-placement": true }, index.h("div", { key: '9187bab540d53e41cc94983cb26ebc09677d32a1', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '706b8c278e14832113b1a9d0c91b3b05ef999044', class: "gux-arrow-caret" })), index.h("div", { key: '0e20514a1ba6bc82e3c6615da2695a9ceb4d50c6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'cf331a0058721a77082283f305e166889b0f9d2b', name: "title" }), this.renderDismissButton()), index.h("div", { key: '955c0a60e36b208bd0b38026ef45ad4c8e14800e', class: "gux-popover-content" }, index.h("slot", { key: '8925b4db0802f6c916bba4055608d73ab4bdd55c' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -235,7 +235,7 @@ const GuxCalendar = class {
             } }, index.h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), index.h("span", { class: "gux-sr-only" }, index.h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (index.h("div", { key: 'e0bc6441c51d12d1c5d82409309c0a57b119873a', class: "gux-calendar-beta" }, index.h("slot", { key: '082c6a0fde9e2c37eeb08a8584bc7e195541ae00' }), this.renderHeader(), this.renderContent()));
+        return (index.h("div", { key: 'f9dd6b158f82afd04c1279f96e48f8b23b5ac500', class: "gux-calendar-beta" }, index.h("slot", { key: '4d4fdb3c7e7dae6f21ae9c1c8d6d5c15a0f8abda' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
@@ -387,7 +387,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, index.h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, index.h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '4cf69dac10bb9696cb2f2d99f2a9c071a0509550', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '3397936d9e5e0c907e689dddb7d4edee45f6bab2', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '11758779c91528272790e8963b7788e499c25e5d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'cd1acead3b41837e70f0aec2a1f7092905864206', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '8632c5363764ad79c5c3bdcd55db42b1c0e2351b', class: "gux-calendar" }, index.h("div", { key: 'ba2a5200db8647f8755bdc678e1cf207684cb1e5', class: "gux-header" }, index.h("button", { key: '22aa72956abb90a0b1e74e1c3dc66b598d55e3c7', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'fa9ba3ff4603e8e7a7b9715e4612fa543e2231d0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '70fd848e506de2edb7d0e9212a911eb87849645e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '7dc21af60150f07e31d2b1a724aba3df453351b9', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '116315e909e4375b1c76a3c47145fb772b192761', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-offsetX) var(--gse-ui-card-raised-boxShadow-offsetY) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '69a40130e9d4f45a97697b76a87b4e3cda072d89', class: {
+        return (index.h("div", { key: '048b1825db881e0790fa44599576ae68fdfddfab', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '0f8e6dc787edbd827a60ee916c75486b9d09f8ff' })));
+            } }, index.h("slot", { key: '98058859f5b54c7fdd474493dbdf86931b98f32b' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, index.h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
+        return (index.h(index.Host, { key: 'fafcff84c00a5ef0c5424e430941f76210bd744a', draggable: "true" }, index.h("div", { key: '16ac741d2daed6264f38fd8dd03eeb163ac7dd4d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', class: {
+            } }, index.h("button", { key: 'e55e17c2a9e468ecffd5b0b2b68d9fbdfb955951', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '521a27ab27504e5255028a2eb1fcb237d29bed83', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '65f4557165b4a2bca5402b1e8e200878cf6c8fa2', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '40f8e02a76386e4141b46fa8d64935a3b3916a51', class: "gux-select" }, index.h("slot", { key: 'f2e2853f8adc0b8086c6f545b399634a1b9dbf00', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '4f3e7757e212ff79c61d92dc49f278853a468def', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '6fe7d676aa123e5e87468388f76488fad2801c05', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '629c142177ea24b1c41e0288372b62d4f4793d92', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '0052179ee1778c6c9cbe82c2395250edefeca4ff', class: "gux-select" }, index.h("slot", { key: '855e2aa27702aa0758605f7abe15b8cbb89102ed', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '52c83368ef4b20a1b75e99395a4ffec4f3ce09a3', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '6b8ad63e16a2b7599ead4bf2b052195a19e9b7ab', class: "gux-container" }, index.h("div", { key: '295a03f07363f34244744570b6c6d1bf0b65f3a6', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '828b08e835158483f2a2c325feedb88d0ead0a75', class: "gux-search" }, index.h("gux-content-search", { key: 'dc3680ff146935b9ab42d7a02feff242474fbed1', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'd9c01975c81ba898814cad001f004bb543920d18', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'f857e0301541539ae17b726b765879953b308528', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'f5b7c59fabd1f4557f6c443b231dfa99e5bcf7df' }, index.h("input", { key: '2c15b4a4e8af82d5b710370637256040dc6d4998', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '83b2de5c2f43c31efb8de13651400a9981fd319c', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'b8f75a6f309b4792d12ba9821cc66c4b0dedf9cf', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'bbcb598d15219bd9d07fa7ef678223c8110132ac', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '599a4ac3ad97969355ee71fe09d12f955f07fb2c', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '791f69bd3f39d4d4a6b285cbb42de8049cb8f113', class: "gux-container" }, index.h("div", { key: '1410e1f0c23f639b836507d9a7c70f1278c39ad8', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '3b27b7752420d4fde1652ca9bfc1661a4aa5579c', class: "gux-search" }, index.h("gux-content-search", { key: 'ab3ae26813b5d746410a9ee82675a7bebf3140b9', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'e755a3ae15f7dc85f598c6da1fc59c0983df8be3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '8213aeb04810a59f51ac86b84251add5e4114c2e', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'b21ca31ec2d33c359414c61d07f275e1c7dccaf1' }, index.h("input", { key: '8cb7b744a8038d55acbe8ce687334f794c6c19fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '0b4e9ced66436d2179c5e341bea7ca7e7f8061eb', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'bec2d31966ed62b047243b1d5a623211049782aa', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '1670ddb41e9f8b5027132651c7011338d1754e7a', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '3dc91ac2ca6a740a15e19ce5b1590989b07b30da', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
+        return (index.h("div", { key: 'c677f35b38b7761866cce6f52c6bf70a39efa87b', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, index.h("gux-icon", { key: '7a4a4352158877dcc16a9792c1d92360e2cf17cb', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '8e2d7791bd8a1cf5ef957258ab67005f5d72577a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '50f3e9a582347e1d24a50c765f5dd63c37d5341c', class: "gux-search-icon" }, index.h("gux-icon", { key: '2ed0aefa3e93edef285808e336fe5897b078fd8e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '95257371d6a06235c2c0b7358afcbd408949230f' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/cjs/gux-context-menu.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, index.h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, index.h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: '8d01243662612d31d93690d1c4d17b3b2e822d84', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: '410c1d472fe6b61d18242ffd0c16455c8f282b32', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'b83a409aea7d7152f4610bc26668cd8a179fca1b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'fa9e6a729be8824bf97246a0e26f38900a3e92e9' }))))));
+        return (index.h(index.Host, { key: '194e9a18eaf58654cd45527aa95dc68c5559af46' }, index.h("gux-popup", { key: 'a92927b14c97e848a98f3fd3885c0568d076ece3', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '397efdadb4369691d684bf9acb33e98254b6e059', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '993efdc7e2b9d773776a12849f9894855b7a9c96', accent: "ghost" }, index.h("button", { key: 'd825f9e55515a125dc39a61654e5117a33e4f0f8', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: '5ec0fd4f34b790429b127286f2b64b99b2b23b13', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: 'de7feb2cd3e65333e8001e1d22add25440244be8', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '39987d740aefe82febc597c3700af22b6448b984', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '15a9091a836f9217bfb2aaa214bbca0365123814' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '8708931a89e20be48131001c9eb929be1a0f34e9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '76460f7bb0d4e1cbc19705530c10929d78fc3c0b', class: "gux-copy-content" }, index.h("slot", { key: 'e647b5368a0a7e00eedac3d5e3850b9750fa3105', name: "content" }), index.h("gux-icon", { key: '2250fa380607b08648574bcc11903a7242144621', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '1f22d1671641887bbc0eb38575cb36f614800d5a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '58b346a165dd6db43dacf9e93375ee5e4bdd4cd0', class: "gux-copy-content" }, index.h("slot", { key: 'c61843695c721e376ca8c858595307134f104e67', name: "content" }), index.h("gux-icon", { key: '6a0736266451f2b5702ad9b1e0a417a7649cfb13', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-create-option.cjs.entry.js

@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '2e31a2fc3956cf6ddebff9220130e2069d3605d0', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '73b33619a8cc5295b4d6f2480877bd5f85db18b3', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '25b4bde532b042e7537f03514ffa3ee21257e9f6', class: "gux-option" }, index.h("gux-icon", { key: '6c36a6348d6b92f7f51d0811cffdbfb5f06ab336', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '7809f1bf6ac9b0af511270689a27b963013e373b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: 'afe42497cca379fb217ee945ff1c1100e40b1d56', class: "gux-option" }, index.h("gux-icon", { key: '03c01d24caf760f7633edc66baf0a635f5c6d9ce', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: 'c1b73b235d60cf36937380a0f31f1ce949dc0634', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/cjs/gux-cta-group.cjs.entry.js

@@ -71,7 +71,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (index.h("div", { key: '96b385023ac2c33b01b33349d38914cdb3e6c0f2', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: '88ae8d58fcca55a91d335285e71260495a8e804a', name: "primary" }), index.h("slot", { key: 'bf1a700d4ec8f42216c78f335937853d6cd98e59', name: "secondary" }), index.h("slot", { key: 'f3894780710aeaa6541f8856b19d4062bc37dce4', name: "dismiss" })));
+        return (index.h("div", { key: '4dd3eefd10c0b9ec4700a79c133808dd9a12d657', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: 'ae76a7d3ded9990c91b0da787f2a6bc8fd06854c', name: "primary" }), index.h("slot", { key: '3059cb1e5f5e9d6b63543968f32beeb00e851531', name: "secondary" }), index.h("slot", { key: '2c4362717183c21600dfbb85965214ba26670c84', name: "dismiss" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const getValidTimezone = require('./get-valid-timezone-221a0856.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-d7208697.js');
@@ -42,7 +42,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '844c1c8ec9d4c871aecdf1668c5f421e48d4fd0c' }, this.renderDate()));
+        return (index.h(index.Host, { key: '34a577a4ae435b5debd5f2d50b8443364b669445' }, this.renderDate()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const getValidTimezone = require('./get-valid-timezone-221a0856.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-d7208697.js');
@@ -43,7 +43,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7dc17d0204f9fabcda004ad2cd414181ba3f6170' }, this.renderDateTime()));
+        return (index.h(index.Host, { key: '4774e2ef9e07408d3687e6021cf24eb25cb9ba5f' }, this.renderDateTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -650,7 +650,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '5a7275f7e66e78ac2af5af3838bf0e72637604f8', class: {
+        return (index.h("div", { key: 'af2a22d53c2bc721f52aa9340a9a52f63671f5ba', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: 'b645434ad05b389023a0899d7ef978e788ea1416', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '35bf94deb9b03fd5acfdcaa358cf55ae65591cb8', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '62b47ce345b5b96eae415e2858ed6867ff30ee3a', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'fdf4ad47994422aa3fc27fdfc386afd119fd52cd', id: this.panelId, class: {
+        return (index.h("div", { key: 'd2671c56388c29936f4ff40f2252f802763e9668', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'f528569e268505494d56e5e37cff812a77098b22', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: 'a22bc9a434071a0d9eaa3651774b665364cb9442', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '8dbe3570285fc3c6694dc91e0f2d7075e5c15468', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '78c10387d9a7106d9390d57243857072e77e1b8c', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '15ad8f9d6353ec1d20024623af53632bd7081850', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '752feb0398a667f08f9ab6eedc4bbeaceb3e5f0f', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, index.h("gux-icon", { key: 'f446db743bbd8e2bfe8cae64be982fabb40fcf7f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '26801d3be916d0cf2ddee38059ccd6da9245197d', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'a8cd1712d613296b9ff84afcd30b4de95d39d35c', class: "gux-icon-container" }, index.h("gux-icon", { key: '1801568c4e57cb7830c40da1416da81c73639d6a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '4a6d9b72248b78bbdf6980173abfb0d63649fd7a', class: {
+        return (index.h("div", { key: '2967af24bf413f1bf154318ecc2fd546692d6d7f', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/cjs/gux-dropdown-multi.cjs.entry.js

@@ -8,7 +8,7 @@ const index$1 = require('./index-d7208697.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const onMutation = require('./on-mutation-c0879d47.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -397,7 +397,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '43bef4525072d2990327e96ff0e4843540aec084', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'aa0523da31cb267d9a387cfdbe2726496f2baf7f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: '1f8990c9e2be6f7b2d8fb8e7c2998fcac1358cd8', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '5602788af72f17d5b1b75786b10519b319f82340', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/cjs/gux-dropdown-option.cjs.entry.js

@@ -68,7 +68,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '889ab6c9eb5920f4dd8cba42bf598374e79300c6', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'd77a7b53da9924593ee1ddaa5c7801a47fac0c9e', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-d7208697.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const onMutation = require('./on-mutation-c0879d47.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -363,7 +363,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '63653fbb52b7249c6a2267f8f12a9c54a6483e26', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '6eef6544d82af165c88d8f6009b3eec02f70da9e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -590,13 +590,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '8c4add4d6fa16439db972a504768ab8738c69224', role: "option", class: {
+        return (index.h(index.Host, { key: 'ff80a3463cdc32273b65ce4e994fb02e46ab1e1b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '9a530744dc7172908a03166f5af3db317ced8fbb', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '6407fff22315b03eb78de767fdd9f4f68215f945' })), index.h("slot", { key: '4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'f695337a9c8a53a765f7c1944cf697a852e74ac3', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '33a1874e2d3dc7dc25444a2735ce37f3d1fb8e6c', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9051543da42fefc1ea57f598c59c8f94a27f59c0' })), index.h("slot", { key: '630c66ba047018fb58ea4622adf400c7cac2d8a9', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {