genesys-spark-components 4.135.0 → 4.137.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '6be3063ad0a69ae45e4682c1b9c5bc66ff574bd5', draggable: "true" }, index.h("div", { key: '5a273f0517b5bdc68d1ec2cd418a5c5eee1ef869', class: {
+        return (index.h(index.Host, { key: '6c8e5fcc8db5fef7206d9fa0ef242193510176fd', draggable: "true" }, index.h("div", { key: '6a86294a3967b055efa4f7941cb729ca2ad6ff38', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '2c7b628ce020d2e7e6005733084c81fd5749ee11', class: {
+            } }, index.h("button", { key: '263aee0c0b8ee4ad206d2379d5d49f434ea08de2', 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: 'a683ab3efa22a3824d025407fd44883e98cac45e', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '7f3295e9287a273ad7811d4363fd982743074460', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'bb4c3a8d0dd4631ae3266255e7b6edb6c138292a', class: "gux-select" }, index.h("slot", { key: '722f5b21b773c98142af421aa1a95e3870b77089', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'de641c2e91df2d8932805051bec285d2090d54ac', 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: '61a93f4d8e2a4d44087e784f35e50d54d944f1b1', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'c4b716f92af579583dc68bde3cb03af6a7af6f82', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2a9c592fe0b6b01353c7ccadf2fc14d006e7323e', class: "gux-select" }, index.h("slot", { key: '4b564b91bc4d749dff4f88562331a225a92c2970', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '33826b1c83dd8a0a44bb88045f628f5001078d70', 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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-88b0ad02.js');
+const index$1 = require('./index-3ee995a4.js');
+const usage = require('./usage-bc86bb35.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: '588a7749ceb5225beab4e6f6c8854e7206dcfb62', class: "gux-container" }, index.h("div", { key: '2577108819c7e2b49e888f43b34be71a9b79e5f1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '41dbb2f7e5ca5aead3d2494422881ca8c047bc04', class: "gux-search" }, index.h("gux-content-search", { key: '586507db8dbc9f38b366251a571dc8bf4e79b051', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '67f962601312dd05c764cff58504b5386349e6c9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '217124e4fd40398e23af83e1262c1b4cfbd98d02', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '66508f1c526387454feb3ffebb0b42b75ddad617' }, index.h("input", { key: 'd85acd01ea437964e19a4147146f009844bac744', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '8cceb8729d69f32c9f5cd08935956eed977ad0f9', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '4c34dd2fb5be20ff366b13997a489ad4a6abb825', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'ad1d214cffdbff873d219f8da6d9ecf0a2ccaf5e', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '42a0dbcb02a631ea7bd7909b35aef127e7c3f53f', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '09b07ae08433a4b54d85ce32a9f604a7c3f8513c', class: "gux-container" }, index.h("div", { key: '34fce7dcd5dcb133b71559ebe4e5c75f42c60700', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '0e058155fa679758afd9bc879f75934bfe122df3', class: "gux-search" }, index.h("gux-content-search", { key: '6fd3f75fec6c7d956889c6fbe81423fe5c9a21a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '2066c68128ad535f2cb5c589937e1f1e4b50dab4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2b7cb63207a14bc61b881e645c4e1fd199b79be5', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '1fe46fa770293ac507cc98cba574889766f36b5f' }, index.h("input", { key: '1dc07407ee41dc8629589b22152000a9dd2d0b57', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '239356e4df1eb0099debfb1188ccbe3917a39984', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '3b4b6d7f5eabad6a287a4b22e7d89bb09316ae7d', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'c3366dc4c09a86c926850eda2335068ad50f7b67', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'ee671033f2db7f3afd644ddf77880ae120d121d5', 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,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const index$1 = require('./index-3ee995a4.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '28ec59442bce21b9a8aa6e4daa02f6dde82b79ba', class: {
+        return (index.h("div", { key: 'c5ad299cf0e2f1ed000be6ffa40ca104633c8df4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '9244399df101651725be2f5b9bc709b23dca0fde', class: "gux-search-icon" }, index.h("gux-icon", { key: 'fbdfa696f3adfc2635d447ad439212ebf3f45a76', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '3c23110a115935660ae418a18d100776ca841099' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: 'b95c53ba01916a6c1f99c62cdf8d8022ba6eb01e', class: "gux-search-icon" }, index.h("gux-icon", { key: '37ddbf8a24c5aaa01340420860105bc85a7fec42', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'f1234d5ba895dd9cfffa59fa9ab91a9cc7ad7318' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-88b0ad02.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const index$1 = require('./index-3ee995a4.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
@@ -122,8 +122,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '446f10e68dfe34ed330491db4821e76011e8d92f' }, index.h("gux-popup", { key: '93ae8993045a368f0f21f279816861484bae0094', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ee3f6fa47d348711311e3a0efa21bf2bd9defd0e', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '266a52f7bcb4f7382f3d54230db7129ce43ff9d8', accent: "ghost" }, index.h("button", { key: '02646255c00803293f83bb24a895ebfbe2532745', 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: '6df1d65f82ff48ef940fc4fbefc352603a650ccb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: 'a80a79000a616a4d8007f70fda9fc07b40ef7a4a', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'b0dd7d5f41a613552303ec52db02eef128f55551', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '060a9a39885458945b9950b5065201e8054dd443' }))))));
+        return (index.h(index.Host, { key: '5a4c210aa7fa86899cf70f1a49f46d06e475cab9' }, index.h("gux-popup", { key: '5454cb497b689fb2655d8b18c4c7175b95d6f1fd', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ba4d809aefe94a5861163e088c77642d7b9c6928', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'b22fcb340fd9924ea7ced201368bb980e216bc42', accent: "ghost" }, index.h("button", { key: 'a6c637e941d95606d50fb13b22e6115e17834f7d', 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: '4c204be4799f8d81430c74cae579f05ab2c5443e', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: '304ed678c9ef75e5e29cc2e4b6d23077b4bc900c', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'c7b0411d988cb0f8ce0301dccf813b107955a982', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'ceead50c5d2b03d2bf2341ef775f81b0fff6afa4' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clickToCopy = "Click to Copy";
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '37bd43b34710ec3d226b0c8607b5822c02b530ec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '9d6c196c3b96fcb2473a7df3caa450ae637eb16d', class: "gux-copy-content" }, index.h("slot", { key: '73dffc9fadfcc909e1fcb997c78ce5c13cedf44d', name: "content" }), index.h("gux-icon", { key: '2213aca0c23c555a0ff8ceafa64191798f5b3b14', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '424ad51c007871467bf2be7ff12afb9462c97744', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '7b16c8ef23bd1b06d6124b7a7c68a68706d29127', class: "gux-copy-content" }, index.h("slot", { key: 'e99aa86b73857ede7899146de32060b0ff13b530', name: "content" }), index.h("gux-icon", { key: 'e869de2c6b8ec78049577e97ddf7bcf24947986e', "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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '64e9565cf92379bf56993bc21302f4d9648ce7aa', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '94933ca9614787b7de00588f1564775b443bdb35', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '194c55a30f11edbbe69bd44b41d84fb3a33dd1b5', class: "gux-option" }, index.h("gux-icon", { key: '371a485c9cc6793e55ddb38185328bdf0f764391', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '3c2705c597ebeb979ca5fd95beeb904b775da7ee', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '6d5228c7f34a4de52803a3e3dfe40ed2523b013e', class: "gux-option" }, index.h("gux-icon", { key: '69e58916b80ff3b07fccbd87f6326d30a468a198', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '4edbf7e33b222810eada9ae9d1898ac23bd7ab0b', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
-const getValidTimezone = require('./get-valid-timezone-e419d38e.js');
-const useRegionalDates = require('./use-regional-dates-c23a8a39.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const getValidTimezone = require('./get-valid-timezone-2f200f69.js');
+const intl = require('./intl-ed89316c.js');
+const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -29,7 +30,7 @@ const GuxDate = class {
     }
     renderDate() {
         if (this.hasRegionalDatesCookie) {
-            return useRegionalDates.dateTimeFormat(useRegionalDates.determineDisplayLocale(this.root), {
+            return intl.dateTimeFormat(intl.determineDisplayLocale(this.root), {
                 dateStyle: this.format,
                 timeZone: getValidTimezone.getValidTimezone(this.timeZone)
             })

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
-const getValidTimezone = require('./get-valid-timezone-e419d38e.js');
-const useRegionalDates = require('./use-regional-dates-c23a8a39.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const getValidTimezone = require('./get-valid-timezone-2f200f69.js');
+const intl = require('./intl-ed89316c.js');
+const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -29,7 +30,7 @@ const GuxDateTime = class {
     }
     renderDateTime() {
         if (this.hasRegionalDatesCookie) {
-            return useRegionalDates.dateTimeFormat(useRegionalDates.determineDisplayLocale(this.root), {
+            return intl.dateTimeFormat(intl.determineDisplayLocale(this.root), {
                 dateStyle: this.format,
                 timeStyle: this.format,
                 timeZone: getValidTimezone.getValidTimezone(this.timeZone)

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

@@ -8,9 +8,10 @@ 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-bfd599ca.js');
-const usage = require('./usage-88b0ad02.js');
-const index$1 = require('./index-c7d87150.js');
-const useRegionalDates = require('./use-regional-dates-c23a8a39.js');
+const usage = require('./usage-bc86bb35.js');
+const index$1 = require('./index-3ee995a4.js');
+const intl = require('./intl-ed89316c.js');
+const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
 
@@ -146,7 +147,7 @@ function getIntervalRange(format, intervalLetter) {
     return { selectionStart, selectionEnd };
 }
 
-const guxDatepickerCss = ":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxDatepickerCss = ":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxDatepickerStyle0 = guxDatepickerCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -564,7 +565,7 @@ const GuxDatepicker = class {
         if (useRegionalDates.useRegionalDates()) {
             this.format =
                 this.format ||
-                    useRegionalDates.getFormat(useRegionalDates.determineDisplayLocale(this.root));
+                    intl.getFormat(intl.determineDisplayLocale(this.root));
         }
         else {
             this.format = this.format || 'mm/dd/yyyy';
@@ -650,7 +651,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: '51f5d5465d3d81d697aa26e3e92cefcaf6c1e5f1', class: {
+        return (index.h("div", { key: 'b9214b306a78a2a6d49a36a14f716271f314ea2e', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1337610f.js');
+const index$1 = require('./index-3ee995a4.js');
+const intl = require('./intl-ed89316c.js');
+const index_umd = require('./index.umd-3d35c051.js');
+require('./get-closest-element-9e41d6b9.js');
+require('./get-closest-element-26170ce0.js');
+require('./_commonjsHelpers-0192c5b3.js');
+
+/**
+ * Formats a PlainDate Temporal polyfill object. Once browser support for Temporal
+ * lands, this can be removed, as the `Intl` formatters should handle Temporal
+ * entities natively at that point.
+ *
+ * @param formatter The formatter to use - should be derived from from our intl utilities
+ * @param date The date to format
+ * @returns a formatted date string
+ */
+function formatPlainDate(formatter, date) {
+    const formatDate = new Date();
+    // These setters interpret the input as if they came from the current browser
+    // timezone, so they will not result in day shifts on format to timezones which
+    // would happen if we passed the values in via the Date constructor, where
+    // they are interpreted as UTC
+    formatDate.setFullYear(date.year);
+    formatDate.setMonth(date.month - 1);
+    formatDate.setDate(date.day);
+    formatDate.setHours(12);
+    formatDate.setMinutes(0);
+    formatDate.setSeconds(0);
+    formatDate.setMilliseconds(0);
+    return formatter.format(formatDate);
+}
+
+const guxDayCss = ":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
+const GuxDayBetaStyle0 = guxDayCss;
+
+const GuxDay = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.day = undefined;
+        this.disabled = undefined;
+        this.date = undefined;
+    }
+    /* Watcher to sync the internal date with the day attribute on changes */
+    onDayPropChange() {
+        this.readDateFromProp();
+    }
+    /**
+     * Syncs the internal rich `date` from the string `day` prop. Needs
+     * to run when connected to the DOM, and when the prop changes.
+     */
+    readDateFromProp() {
+        this.date = index_umd.index_umd.exports.Temporal.PlainDate.from(this.day);
+    }
+    async connectedCallback() {
+        this.readDateFromProp();
+        const locale = index$1.getDesiredLocale(this.root);
+        this.readerFormatter = intl.dateTimeFormat(locale, {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric'
+        });
+    }
+    render() {
+        return (index.h("button", { key: '4282bb9b77fc4238e0748cc142f4e422ab29be41', type: "button", disabled: this.disabled }, index.h("slot", { key: '54b746f12a4a7d95468f983e6cb5bbeba0733061' }, index.h("span", { key: '712abfbeb57c6b477f46ad8999d0931ab12017b8', "aria-hidden": "true" }, this.date.day), index.h("span", { key: 'be8a82a9454f700a5b2966db75395e1d7b6ad789', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "day": ["onDayPropChange"]
+    }; }
+};
+GuxDay.style = GuxDayBetaStyle0;
+
+exports.gux_day_beta = GuxDay;

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-88b0ad02.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const defaultLabel = "Disclosure button";
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '0724050983915337bef8243c9c064ab8319d492e', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '5a19b488e67dcae1476ed708f21fc13614b0dba9', 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: '94643b603d8d2557a5ff17f7b06fe5de1aea5b63', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '48336c3e7fee813a1c2dfdac8a0051d0146bafa6', id: this.panelId, class: {
+        return (index.h("div", { key: 'bef8cddef519a2cb8ec12c152afade245c76c714', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'e48597f1285fb2f53868912d0d1d04220688aff0', 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: '505d17fcb664df950b98817214455c8e0960c737', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '03fac25eea867bf43f87a06bb2098abee7f8c7ee', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'f045c9bdf38195510c720c52592e190cddac0242', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '7372dbc3ec23058ae0d27b46044a404053095906', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const dismiss = "Dismiss";
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '1c0ce1c07eafb349ebd9925f5203137b25b62578', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: 'efe5ae1b6c0250e4bad7130e431b5a92814f6bd3', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '272a80ad0a6e07d4891aaf8fb2ed0f8978808b4d', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '85283d90b727f3e6ef41feb67bbe29c2445c62c5', class: "gux-icon-container" }, index.h("gux-icon", { key: 'f149a50e90db2e764bbccd8236ec65366804b334', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: 'f83bc1ba475a57223afeab9d92d75ffc3cb13870', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '2f011eb4ee09def0c15859b4ca22c341abc361b3', class: "gux-icon-container" }, index.h("gux-icon", { key: '3765fa6ea27c572633c5cbccc610027c4089f762', "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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'b20feb6b46d6ab8e29609173bc08673214a24bee', class: {
+        return (index.h("div", { key: 'a8269209ad4d42f5c60d8f9a10b754dea421536f', 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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.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-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const guxListbox_service = require('./gux-listbox.service-27157877.js');
 const onMutation = require('./on-mutation-7c046081.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -415,7 +415,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '938c8a5253936b73d57e4c3ebf6509485ed7c775', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '770f4fc2bc9a62ae940889dd2e0689eb37a30b0f', 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: '9cfe34b91370f3444eb1463ba30a932996b2715a', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '3a4263eaa05d2909904e93f10d60b0fbf215f850', 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: '6a8caea2d867b14044e93879ec2789a6d38e38ff', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '459b214df1450f1727871767af8cb12dfbcb6afa', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.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-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const guxListbox_service = require('./gux-listbox.service-27157877.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -366,7 +366,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: 'ad0ad9c7170ebf2d0476ab4c70ed76cfc430609d', 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: '07ede31225e8012a77bf595a3069962c9a872434', 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); }
@@ -591,13 +591,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'd88956b5636fcc1bd323b6594710704d12eea8af', role: "option", class: {
+        return (index.h(index.Host, { key: 'c401d73bd254a5684e0019fb0e9dc355ca222296', 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: 'f8d3cdfe0fceab214cff38ec6d7cc55377aa01db', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'eb029c4c3acced018e21390a25add637368e0eb2', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f1862dc525747e03427a017ab69e293aa5f7982d' })), index.h("slot", { key: '5934c332ae3d1bdcdc60785b0cc098fc3996cad4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '4b8de042eb6e7f85c7eadb6e87cf322a6042640a', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd56b70be9a1bf284bb09ee828e9e5e0d90f9ca16', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'efb31d3b8e11a90ca595834d080a7470fb1af8ec' })), index.h("slot", { key: 'f80cf7db687bd2d62388b8a552b1bcaa967cf983', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-file-list-item.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-88b0ad02.js');
+const index$1 = require('./index-3ee995a4.js');
+const usage = require('./usage-bc86bb35.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";
@@ -35,11 +35,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '32750112acc6a02b04ea5c0caf00c3a519f0315d', class: {
+        return (index.h("div", { key: '0e10e2310ec0e64c0477668676f608edf55a361b', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'd39565238f275c009daa29c42bcf01e1d3e18a2b', class: "gux-info" }, index.h("gux-truncate", { key: '7fbce9dfeb303ba05edcddd9869c75d52fa9ac5b' }, index.h("span", { key: '5e7f18d0efd6a33696a515f299714e7d55bf0530', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '060c0296ecd715e61aef60a52187475f325b0456', class: "gux-info" }, index.h("gux-truncate", { key: '749f8f0e7898135c48209c7e8ad1230b4fdf906c' }, index.h("span", { key: '2837a77acb207ba6028e89f11c5febf60cf73acb', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/cjs/gux-flag-icon-beta.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-bc86bb35.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const AD = "Andorra";
@@ -521,7 +521,7 @@ const GuxFlagIconBeta = class {
     }
     render() {
         var _a;
-        return (index.h("span", { key: '55607786b8e3057c58ca246b0d85ad1918ac67f9', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
+        return (index.h("span", { key: '83abdfad7fc40121981dcee3120e539a5d44a4a5', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
     }
     getLabel() {
         return (this.screenreaderText ||

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e0e87dcbc0e81430953a35574fd9f862b07c1101', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'b7b9d8fbe2098856e11018f5ceb93b731805997c', ref: el => (this.targetElement = el) }, index.h("slot", { key: '57d0d57f5d0eb0d04ae134becf5bffc328b197b7', name: "target" })), index.h("div", { key: '8276005357e605c2d6cf44bfe06114ffe873dd48', class: {
+        return (index.h(index.Host, { key: 'c0a99b249f62a659b82e12a95b3a8d0aafba87de', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '54129363fc206a7b4e0d50cd57fabd02a8456dab', ref: el => (this.targetElement = el) }, index.h("slot", { key: '3df58d730adcbf46197c2add6020edb107e41320', name: "target" })), index.h("div", { key: '36eb0e806f69fde8bfe30a6bb7f2e7d4305647c9', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '594abbff53dd689c7b422e8e7259e4d690c06399', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e8fc80d09735955dba0aacc945165a785b2c749a', class: "gux-arrow-caret" })), index.h("slot", { key: '70cfea075556e24c7052aeedf08160725cd19a4b', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c336ce3add65a8972f2c59d5883d65ec69b84ea8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'fb036aee8bc4baffc34e2e644a4c0096fb44ed9d', class: "gux-arrow-caret" })), index.h("slot", { key: 'c1c6db91ef749880505d454c26cee5be6649ef17', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const GuxForm = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '8985cb89deebce3d1358851b2816832daab4e646' }));
+        return (index.h("slot", { key: '56c49bed555146e613a36878aba8247a8c5724fc' }));
     }
 };
 

package/dist/cjs/gux-form-description.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxFormDescription = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '590c919181bec614d45a8835a90d417572edc1bb' }));
+        return (index.h("slot", { key: '856101faf04e13b5c812769e6332eeb073bc92bf' }));
     }
 };
 GuxFormDescription.style = GuxFormDescriptionStyle0;