genesys-spark-components 4.82.0 → 4.83.0

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 
 const guxCardCss = ":host{display:block;width: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-x) var(--gse-ui-card-raised-boxShadow-y) 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;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'fe90963405a4c298b13c75c991a713a9dc840ba9', class: {
+        return (h("div", { key: '5e84b027dcff30a7cbdf502f0266e6ce1fafa063', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '0bac8cd24dc14bb4c9105e039ad23dcea60bab3a' })));
+            } }, h("slot", { key: 'c4b5f89a0f7e66c6a29da8f295972b0f8d04fb6f' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager-item.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 { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a9821ed9.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import { c as getIndexInParent } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '2bb4ea21fc5012004432569cabaa49279967979d', draggable: "true" }, h("div", { key: '4799c5a26f38565b36307fef017f024fc210f02b', class: {
+        return (h(Host, { key: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'a303cd9386a4d5a8e616ec192a709397e2da5b3b', class: {
+            } }, h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f207fd6ffdf402e157688c30444264dbfb53a1fe', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '0b2985784e3f1c9b65d71375784ed3c42154b571', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e632ea7e95a7a597b961c43f140434b046530ecf', class: "gux-select" }, h("slot", { key: '97d48b3606f4e03d7c44e1e386b95a5f328c3a06', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'a5c48efa350c3351cef3fcd324e5d7574c9e3cca', 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) }, h("gux-icon", { key: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-a9821ed9.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '762fef70a362de118cacf114ed1324197d5f1519', class: "gux-container" }, h("div", { key: '6156e8ff80d6bf05faecda20ad4266e293ab062e', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '5fd3f746feaf290a5f151f5e1eb2bb98b557192a', class: "gux-search" }, h("gux-content-search", { key: '5417baee3b315739bcf52edbd4aadf9bfda1bef6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6e1ee9fcedf6be3dada4137604b67778a05a4a93', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'cae4df566baa5ae606c2eaae0f68e45b02203472', class: "gux-select" }, h("gux-form-field-checkbox", { key: '19dfe5fa43e4ef15b24a097eb41ea99bf45db0b7' }, h("input", { key: 'e093500e832fc9237105d4b5f0577ae79e0df412', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '35cddf03d313b075fe07815eac36bb07140d2691', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b3255d0dc4666be65fee8a0bcd95eb15bbb53856', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bfc566b3c891e0874228b5dd58d51dccf1292877', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '55776cd099a5121e983a5abcd914cddeec2de5f3', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './get-closest-element-728b9f18.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'f2c204a5d97d25d321cfbea46261a28776c904d8', class: {
+        return (h("div", { key: 'fef06863d22d958f0f8f480676e367f12318b19c', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'c3c74ceb6543826009b8abf84f1cde3cd777db05', class: "gux-search-icon" }, h("gux-icon", { key: 'b6a103f01f86779bdefd0b291a50f02aebb8ece2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '56d95eb42952233f19fddcd22f3cd36798231f9b' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
-import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
+import { O as OnClickOutside } from './on-click-outside-e10242ab.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import './get-closest-element-728b9f18.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'd37b84dd28ee2bd9f5f0fee1361ea15343b56092' }, h("gux-popup", { key: '8ebc1d9ef83b73ae4e65b9c7f347948d6bd36651', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '64d1d7d1734028e249c819277edb595013290b28', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b4640a7b69b5d1cc54c94dd5732b604c2d77387a', accent: "ghost" }, h("button", { key: '4ffc0aad6be25418e8a856318c181424d53babf9', 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 }, h("gux-icon", { key: '3abef42018f24fe63af299aa800070ae42531f54', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'bcf277ea0dd972fd9005feefa8564eaf866fb10c', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a0f0fbe075e5d1c116a07e581d7d4c56295992ba', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'dc948842b7dd00d27d3692197377cd2430b08dda' }))))));
+        return (h(Host, { key: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', 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 }, h("gux-icon", { key: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const clickToCopy = "Click to Copy";
@@ -70,7 +70,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '65ce96e454e69024bf0764b29a76d3eb763eefa2', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '423cfb853f553056b40d8c0e056e7402f674f565', class: "gux-copy-content" }, h("slot", { key: '38bfb4e3be3a1bec62a9a7a3b2827bf65257d78e', name: "content" }), h("gux-icon", { key: 'a3826f7118658d721fb8f41bc79e1eb5b26494ed', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '519aef0cb46320762e2ef6e094159f095e7cf6af', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b5eec192b1774c16aca02bc80e0dbb1fd0e27b3c', class: "gux-copy-content" }, h("slot", { key: '56a5095cba2d918ce70c24afcc6d2c033f50f795', name: "content" }), h("gux-icon", { key: 'f000e295eccd5e535b5793ebeddee58063f6fba3', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a9821ed9.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '3350ea3c1b596ccef7a3e6caedc25a2ed262ec97', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '56d9ed4affeb1eb6138577df406ad5ddb397b2b2', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '835177b597c4159cabe9e03338a380568f721df4', class: "gux-option" }, h("gux-icon", { key: '6463f9b6e47da19ea7ec53d1a514fe3a06addd95', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '8df695fa753fb4dffbf66a243d7d40cd9f951bf4', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '96245daaf7f95ac89cf1179b4f5a3ab52f65aa20', class: "gux-option" }, h("gux-icon", { key: 'ab7121b9be86575ab6fd7f4b826ae5e062e73df3', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '0e66206f686c355d0e49827728174ab90024e540', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const guxCtaGroupCss = ".gux-cta-group{display:flex;gap:var(--gse-ui-ctaGroup-gap)}.gux-cta-group.gux-end-align{flex-direction:row-reverse;align-items:flex-end}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-6faa4c47.js';
-import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
-import { g as getDesiredLocale } from './index-ad321c23.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3e8bbe2d.js';
+import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-dd987b2d.js';
+import { g as getDesiredLocale } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const GuxDate = class {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-6faa4c47.js';
-import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
-import { g as getDesiredLocale } from './index-ad321c23.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3e8bbe2d.js';
+import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-dd987b2d.js';
+import { g as getDesiredLocale } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const GuxDateTime = class {

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm-3320b3cf.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
-import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
-import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
+import { O as OnClickOutside } from './on-click-outside-e10242ab.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
+import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-dd987b2d.js';
 import './get-closest-element-728b9f18.js';
 
 const start = "Start";
@@ -645,7 +645,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, 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 (h("div", { key: '53226594a504cd2ad660df5a0a4536b20e415b90', class: {
+        return (h("div", { key: 'cc656645e09bab453bd0184d5b0cb2f127a914be', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const defaultLabel = "Disclosure button";
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'd4cf78dc26eef57625918a02c753d8bc1f39388d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5de783d08ecd3d2b5a514dc527d31bfa20e89b9b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '7fe6bb8c48b76ac51a3fc2a99b8df8e0e5073538', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '272f9d2e98f365cf34e64e6e8ec370dd69ae74d3', id: this.panelId, class: {
+        return (h("div", { key: 'c86ca154ee39b542f054dd8b74ff2656d1f1f4d0', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '22314053c0f38be9611b79abebec2275a6239841', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '98236cc2f4de533a0fdd67647310f6e8acde7e28', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '695f34e38ef7e0815eef143419c138abd327a364', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '1969b3b2e089f04a00f85d372edc506eb225b045', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'a095f40d6bfa57f03b260272ce8c6a04be76ae77', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const dismiss = "Dismiss";
@@ -21,7 +21,7 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '072a9f9c10c220256fdc5ad105ade15d6c7e2824', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'a2d8829820d4c32485e9ca546884d6dd8389ca42', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b491b6bf95e0ed06a0b395f88d3338065f22f420', class: "gux-icon-container" }, h("gux-icon", { key: '50c0336f7c2f4016d8daf5a374668f85fab5b68c', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: 'acc049d31e2efc63d4ece892ffbfe77521e7230d', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '81425f02a895318c7290a2c085f6e079701711e5', type: "button", title: this.i18n('dismiss') }, h("div", { key: '6b617d141e15b37bffc1ad5602f3be95f3b04266', class: "gux-icon-container" }, h("gux-icon", { key: 'd00b410f511675117b77199f48ef1e33454a895c', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -40,7 +40,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4164c80fb74c3923bf4d6eacc0ace5aa86f200d9', class: {
+        return (h("div", { key: '0bf042a664f27a0729b708a8d204453ca4da7234', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-a9821ed9.js';
+import { O as OnClickOutside } from './on-click-outside-e10242ab.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
-import { O as OnMutation } from './on-mutation-1355c534.js';
+import { O as OnMutation } from './on-mutation-8eed4e0c.js';
 import './get-closest-element-728b9f18.js';
 
 const textInputResults = "Type to filter dropdown results";
@@ -393,7 +393,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '252235b33caf2c2e8d4d5a83bd5928e08d2c3778', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ebb0cb64b46f878c2bbbcf67a8c62eda2f443c06', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'e9204d3c0e513dc95e4b4d8b4a19e3a6fdef6e57', class: "gux-dropdown-container" }, h("gux-popup", { key: 'c7c579291174ea2eac5e16e93aea1235a296a584', 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/esm/gux-dropdown-option.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-a9821ed9.js';
 
 const guxDropdownOptionCss = "gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}";
 const GuxDropdownOptionStyle0 = guxDropdownOptionCss;
@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '87dfbdeba1562f79013d022fee44c22ccf92d079', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '36e1ac2860612da7e5f7b4a1622e3cfaa03a7e5f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement, H as Host } from './index-da21b737.js';
-import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement, H as Host } from './index-a9821ed9.js';
+import { O as OnClickOutside } from './on-click-outside-e10242ab.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { O as OnMutation } from './on-mutation-1355c534.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { O as OnMutation } from './on-mutation-8eed4e0c.js';
 import { s as setInitialActiveOption, l as getListOptions, g as getSearchOption, c as clearActiveOptions, h as hasActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
@@ -316,7 +316,7 @@ const GuxDropdown = class {
             const subtext = option.querySelector('[slot=subtext]');
             optionText = optionText.substring(0, optionText.length - subtext.textContent.length);
         }
-        return (h("gux-truncate", { ref: el => (this.truncateElement = el) }, optionText));
+        return (h("gux-truncate", { ref: el => (this.truncateElement = el), dir: "auto" }, optionText));
     }
     renderIconOption(iconOption) {
         let iconStyle = null;
@@ -327,7 +327,7 @@ const GuxDropdown = class {
     }
     renderFilterInputField() {
         if (this.expanded && this.isFilterable()) {
-            return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
+            return (h("div", { class: "gux-field gux-input-field", dir: "auto" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
         }
     }
     renderPopup() {
@@ -356,7 +356,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'd4bd47da0efa5780c86a2c3e6da3f17636f1768e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '46113b9a83f7ce1f2342d1cc869178ddb6e889ff', 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 getElement(this); }
@@ -578,13 +578,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'ba3b98b91a5a04a27b478c7f884afdbf29881102', role: "option", class: {
+        return (h(Host, { key: 'cf5fe5e745553b6d2dd60a16092c0a3685d3e56f', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '99cec3e8398894d279fdc61c062eee5d43332056', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c07a1fa21b525c765e32e31cca1159db15ac3fdc', ref: el => (this.truncateElement = el) }, h("slot", { key: '802c2fefc7edf39d897a2aaab7cddf294cbdc0d2' })), h("slot", { key: 'e08b07e86142947f6f0ee399746c6284338971ad', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '93046a8e31821e9953f77a288fb00e9ffd3a339e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '573bfa3e236fa31d70f743cdbced7c591526633e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'db1743e32b1a2ef216a785e70d6899bbfcef744d' })), h("slot", { key: '64af95d9800a03704c90112df781157c3429f21e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {