genesys-spark-components 4.135.0 → 4.137.0

package/dist/cjs/gux-form-field-time-picker.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 onMutation = require('./on-mutation-7c046081.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c38bfbff08a601e900769ee681c2874f2af225c6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1130ebc694a8cc69ccad2265e9763e092751890e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '7a0e064acf3b6f2f544e57f98db4195f4209cb40', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1961a34ec0d8281d49ebfed22228848cf5cd4d07', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0426b98e393ceab2af571a6a5dfe78ebc565e4f5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd0248505d9f1e446b196bccde4b1475f19544d79', name: "label-info" })), index.h("div", { key: '601ac0a0395e2e375cbf306e6c1fd2ca16888aa6', class: "gux-input-and-error-container" }, index.h("div", { key: 'e521ad39ef48cfe7123dd7c63452bb76417884be', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c687e63c8a7fa26d85e4aae4fcee0d5ae088fcc9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '17477387b0e20f8fab259ead53adb40ea019e6cb' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '486eb183018422fef2b961711a6154e075c5bc32', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f00e23c03e1f83b4201e8f22f430914fd3ff21f8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0a43aee660a306dfa3b8a985494cc3fe667831f7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '60fe64273872598ed00629d1cc9ddd9e52148b65', name: "label-info" })), index.h("div", { key: 'a129ea07a69968afa24d08d98499fba616f37f3d', class: "gux-input-and-error-container" }, index.h("div", { key: 'e10d0961ffdc7b776f632c6f6c6fac656094a7b7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a84e8290ed7925c89cbbcd8461a75020967e3a3d', class: {
+            } }, index.h("div", { key: '878d2df5e3c6f3d350264f6491d442dc373d31e7', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '9a0c8e86be17ac12b5ed9f81e81b0305a02e9f1d' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3d25b8d67e74f0d9f834cb03b55692ad01bb0911', show: this.hasError }, index.h("slot", { key: 'da9ec6787b11fffcef7e3d25245e3159f65c5e38', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b02920a4529779e37714a857572062317470370a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '357226d6497e712490f591b185e582c5724eca25', name: "help" })))));
+            } }, index.h("slot", { key: '44cf9d49d14dfb1da0745abccd82f5b0608ee2b0' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b62209f4b95a1bfe27b0fda8777dc93762098dce', show: this.hasError }, index.h("slot", { key: '8c7d2bbcbed42d0eaa26293d5e5ff4bd3723dd34', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7024efe09393c335c1f8c266bac9f95847efe4a3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7c5ef028e559bd5258c25e6be54c4056acf0a7dc', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-field-time-zone-picker.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 onMutation = require('./on-mutation-7c046081.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'a32ace89878f056a017d7f896b4efa7956bfb615', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c0e1296f08bc3c01aaea069f8af8f722801d87f4' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '01ec5c95d5a08305a4117bdae008be7232cd29e7', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4aca39b857f7496f1a7ba5f7941e3aa6609163ab', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a2cb93dba985f12a474bd1063e4216a2b67e4e5b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b0d12e52fc1dba8d92819600397236bdd709cfbc', name: "label-info" })), index.h("slot", { key: 'ec6cc2ebfa00a9c9573e30830134dd4dd8447cb2', name: "label-info" }), index.h("div", { key: '31a25b49fb35a0a367a0741ecc170b09bf5e3810', class: "gux-input-and-error-container" }, index.h("div", { key: '3c7d3ccf799089e6889a0f85f33c34eb73f73288', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'af0cbb7685d347c28c43f921f5cacebb3278a7b3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '4fa4422cb653399d8d619260722697735cc288c0' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'b89996b2c51fa68812430912613dd500886a83b5', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9457e0af4ea39dd0a3519ed22176b89da2a46890', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ea1b6685c1f732824abc808760866925c6cf8326', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'aaa1cc82cad0fd2b370ba910ed1186633014c8fd', name: "label-info" })), index.h("slot", { key: '9a8cc3ad4cd9c76ce3bd0dd4790bb1ec82ac783f', name: "label-info" }), index.h("div", { key: '93231c9cf9b93fe944c16a27b7c615f8c165d54a', class: "gux-input-and-error-container" }, index.h("div", { key: 'fbff613473d52f6b6be37711490ee14a794e5963', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '19fe425dfc37baaeca7350605aac45dff3c9c404' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '31128ee35a1e4bbc23de1a736d8f1367ff4d8f98', show: this.hasError }, index.h("slot", { key: '97c8792da4951f134e335761048d9a4fbb5ec032', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e7f4e97964c77b7c71a1d722b1006530faed0377', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5cb09d619fc7ad1438fd29bcc748f92f189887e8', name: "help" })))));
+            } }, index.h("slot", { key: '9d3738e9bf74ecca97aede80938d21a853310cca' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '064f605f1c5bf4dc46260fc94dbfe66ceeca194d', show: this.hasError }, index.h("slot", { key: '5906928c32755bab0d1164de18c9df2333170e4d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '552b563f0bc78614684c8e12628474f6f98bce72', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9c06a3c9455e50cb35019a0105167d7bb66e0b3e', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-fieldset-heading.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxFormFieldsetHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '2b0d39d5e011ed0259867db24b94e54e4f162f61' }));
+        return (index.h("slot", { key: '711c1a3ecbb67f3240b1ec27c57a3dccf8c915c4' }));
     }
 };
 GuxFormFieldsetHeading.style = GuxFormFieldsetHeadingStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;
@@ -17,9 +17,9 @@ const GuxFormFooter = class {
         usage.trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (index.h(index.Host, { key: '0774e81704c625853d6f739af363d893252daaae', class: {
+        return (index.h(index.Host, { key: '4f6079d93cee9ed8f9ac2e99c23c61ce4266621e', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, index.h("slot", { key: 'f498ba2dfb986be5650304b20dc23fc57d3ab316' })));
+            } }, index.h("slot", { key: '099c671fbbf9d2465a54e14c5314b219eda9fb74' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxFormHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: 'c92319be9b754d89b654624db16477a68a11a9ea' }));
+        return (index.h("slot", { key: 'f3dc7b4c83524a983b2d616fdacde57df9878978' }));
     }
 };
 GuxFormHeading.style = GuxFormHeadingStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -31,7 +31,7 @@ const GuxIconTooltip = class {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: 'b1ab7cde7ab8293906afea3263feb09701769426', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: 'ea6a172ba645847dd5aedb6ddfd4141a10ea272a' }, index.h("slot", { key: '505426b503eb600716ce006271edbb618e1b57c8', name: "content" })), index.h("gux-icon", { key: '79f5a63026e7b66d9dad62c93227fe6bbe8ae0cc', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'b05c706231c1d7f2341136feedd56e067ae61b91', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: 'c1f926ba7d40a87cc67aa8e9edf9bd24fdbbf878', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
+        return (index.h("div", { key: '1d7c4cd8f3a16245f010ec66dd975c97234b01ac', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: 'd6fef5089af4f967c9df31d2732c65d160604beb' }, index.h("slot", { key: '6867e45124f6031a25a5b3c8725642773871a39e', name: "content" })), index.h("gux-icon", { key: 'ead0d91cb12c90697046d89c114206020d4d685c', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '49cabba6e05798ee7720dd085b6686f669ab59be', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: '439b5a9da00fa5cd885dac7c51238c3f8ee5c72e', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -550,7 +550,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '0a7b50082c3341de766e28cec4ff94917493139f', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '04797721e406217511c2289dc434345d5877346d', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-inline-alert.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 info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'ae8a4947967cdb2140eb1285ec4269afab370756', class: {
+        return (index.h("div", { key: '8900cdeae0e581280f0846c56cc92e8452539b40', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '4c555a26efb77f38c09afcca25ede1941ff51db0', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'd01f370b7fc66cff9d135875ba3f04177e11017b', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'ded0d6add0be2281ea86fa902a61a36436172138' }, this.i18n(this.accent)), index.h("div", { key: '74c216d76bc3f03e40307f9ffb418427804701a0', class: "gux-content" }, index.h("slot", { key: '0152bf0132965ebdb8e70f1d0d550ed4440832b1', name: "content" }, index.h("slot", { key: 'efa26adc0f8320b8e218992a34e6ed6417ae8b14' }))))));
+            } }, index.h("div", { key: 'e1c0afd90284293fe3421c486ff121d5dc1c2f7e', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '9ca1c4f75689594be17c40bf2b1bc0708718a40c', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '60bf7e1e776a246730fde618f79df01808094651' }, this.i18n(this.accent)), index.h("div", { key: 'c7fd0b5e27b66c44f3748e0a66c7d7f3cf18ba7f', class: "gux-content" }, index.h("slot", { key: '12ab06f0b719cecfc805048cff6135a9980ba2f7', name: "content" }, index.h("slot", { key: 'fdaa311d2038a47a6957d3a8a4a39ae424ca934e' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -36,7 +36,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: '61c9218e6577b4836f5326dbe1810e38bd326ed3', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: '3cf9c2a55b8c7999a929cdb779d8b788f3963c89' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: '59597212b0fedcab0229cfcaabe25aa4dca7f20c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '6e853294fdca7244a480d7cf9bbe5a9c9d67dbd5', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: 'b30c8327689ef3db24ec6192f05b4222358b5ed1', name: "content" }))));
+        return (index.h("div", { key: '56d47ce5f2b632072104e8cd5e9367d9abb73097', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: 'a720884b1bb912502416c10087878d16885e6431' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: 'd998e3257efcfe68159cd3bbe1ea5fedac6d56f2', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'bb243c88b2c7ad7217cf88c156f7a7e01617b38c', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: 'c15c6233b298c2f03cb0a6a9d4b6c3d62c062a2a', name: "content" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
@@ -24,7 +24,7 @@ const GuxLink = class {
         return !!getClosestElement.getClosestElement('.gux-breadcrumb-generation', this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '00fb819da91bc989af860aa2fc72ea1466849577', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, index.h("slot", { key: '1810b066455a6fa3138ac51b8401b29f3c9d671e' })));
+        return (index.h(index.Host, { key: '996dc79252fa45084deaeab08b443c48af84dd61', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, index.h("slot", { key: '1732fcfa0f80733efc1d62cdce523e5b070808f1' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-list-divider.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1e32adf35da5206c780edf84ee47af6f9976c0f3', role: "presentation" }));
+        return (index.h(index.Host, { key: 'da0dad0a1e78fa76ba5b621aa6397adc23d24e82', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '29cc1978becaed42eda4937f6f24ee2e27ebf306', role: "listitem" }, index.h("button", { key: '145b0e5d9aef7c6463b046f8d47576ca7b4696c7', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'cb334706241289d6101fca59ec2fcee7643551b7' }))));
+        return (index.h(index.Host, { key: 'f74aa739418fdc2970a81767f450edd6a64b5142', role: "listitem" }, index.h("button", { key: '2dff3b905c7bd23438d76d367f5a85386719b236', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '5b81509c42ef11a71a95922fa3d89069a9952ada' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: '05eb1f68282aa13676301dd41387461be16192fb', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '34c64d0376f741abe329118fe129fa6b8db32972' })));
+        return (index.h(index.Host, { key: '0334ddac16810c77e82d2465ee7af76352f2d62c', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'ae4d5b87ccaa780f8bc1e337a511563e83cbef31' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const guxListbox_service = require('./gux-listbox.service-27157877.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '6f87842cf585d49bf35bde269d05d2a9b291de68', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'e6dd8b3cb5ac0693196a4a660edec735a53d4246', class: "gux-progress" }, index.h("slot", { key: 'd169e7f1d27877a46b59607c8430607674b9b94c', name: "progress" })), index.h("div", { key: '52b10f99bf03d5657ca48085e63a4f47a439142c', class: "gux-primary-message" }, index.h("slot", { key: 'afe619e24b1ccdfe7bd2f42a75154a4ae023b0c7', name: "primary-message" })), index.h("div", { key: '1d0559c5eb005a2f3b935a116ac0675aeafe293f', class: "gux-additional-guidance" }, index.h("slot", { key: 'b932512e533820dc29acfbea5c856a99423c72fa', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'a0f919c9d9422db46ceff101fcb7657a5ec5f105', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'f6d1cd9e522ff7dcd91da8bb510894bf8efed10b', class: "gux-progress" }, index.h("slot", { key: '5c5cac5f3755f387566459dd92378e667dd36d60', name: "progress" })), index.h("div", { key: '889196a26a8c386a3f3ac4cc12b1fefee41763de', class: "gux-primary-message" }, index.h("slot", { key: 'b25af0aead5d6f059541bde953060fc76c5a6d6c', name: "primary-message" })), index.h("div", { key: 'e5c6d760224366439b444280c8c4611a695d905c', class: "gux-additional-guidance" }, index.h("slot", { key: '5f99d39dffdbfeb68f5ef5158cba2106c476e5dc', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -46,7 +46,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'd23ed2b18eb1c5d127a5f9178ac0615bb899de51', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'a405173bc016c8f415128e9868445627a660bd38', class: "gux-menu-option-button-text" }, index.h("slot", { key: '67b4798b8a4311acaf9dd2abcb8fbbaeb3f47053' }))));
+        return (index.h("button", { key: 'eda74dd6106bbf06c9520a586d6f8f94c1296942', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'c996ce6c6ac54651dededd7650cc00261e0f096c', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'dfa4c8bece9414e6beb454da738e862f47354084' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '219a89a3774fb80a2b19c57f890e2883b102a668', role: "menu" }, index.h("slot", { key: '28c1b65a600f42ed8bf78ae2f8b824301f11453a' })));
+        return (index.h(index.Host, { key: '548a8f78fd7533f6063a6d1cd1883e6630e8f30b', role: "menu" }, index.h("slot", { key: '07efb8534d740683b2853655b6f2b0b44ab8fed4' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/cjs/gux-modal-legacy.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 usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'cbb7033a32fc4731d29fd53c5fbdda9841eb62bd', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'a04bb4a942a82d5510d80e19c0f0bbcbda3a2e4a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '7187978e04360410ce75cb03992344e8608078c5', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '62807294a0c5e6a87921768b6e8ba37c1e745902', name: "title" }))), index.h("gux-dismiss-button", { key: '4f9ef794e1eab16baf2ed2d24e83c2b24dbb7e7f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'd533e1e8919ce49002e241e6c412061e8a0e9816', class: {
+        return (index.h("div", { key: '03f3345c7976259d303e5a90cef1f90e9ed945f8', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '6d996bf71389945c20620588f63b97bae1adcf0f', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '087b55478498c89f537af3777c1beab4d903e063', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '03421a7218bdba8a3daf898575cfda9a1e6793a7', name: "title" }))), index.h("gux-dismiss-button", { key: '5d9a4cf25bfca9a421782178292478f798362cc4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '8d659e428a5f711e9a6b8c5874a37b82a492eac8', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'aba93cee1b1827c8931efa8fcef277343ee943b9' }, index.h("slot", { key: '74f8e6920f16eba66ffd2d7030893207410e02b0', name: "content" }))), hasFooterButtons && (index.h("div", { key: '8afe0581fa777708dd8daa1576797c4bc79db659', class: "gux-button-footer" }, index.h("div", { key: '3997fa6457bce071b70e2a3869c5dd1d2f616afd', class: "gux-left-align-buttons" }, index.h("slot", { key: 'c2796e0fe34c961aec79139c315f08733ccd7c79', name: "left-align-buttons" })), index.h("div", { key: '0d4f0e75cfe8c06f6bc81d077902de7b7d78b3c1', class: "gux-right-align-buttons" }, index.h("slot", { key: '82f39a85ce86c9b60931429e056b09940e11a998', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '162fc85dc6aa8c27136aa62c0e6b85e598c408f9' }, index.h("slot", { key: '3e0dd4c8dc4223b015e76e9ad242c4bfbcdc74ff', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'd907a2c3dfe55c8433e23696b1b978f23f425b76', class: "gux-button-footer" }, index.h("div", { key: '46980f01b328f8bc6edc3efbbd3198ea8d086d04', class: "gux-left-align-buttons" }, index.h("slot", { key: '87643cd1528b294f25ec41a1e286149b094a7f9f', name: "left-align-buttons" })), index.h("div", { key: '293e4349fda8a877f9d084104f55a46dd7c44674', class: "gux-right-align-buttons" }, index.h("slot", { key: 'c7d087a32f336a97a8e8c8becdf27886f83c5739', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -56,7 +56,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '2100a9c7898113bd29233bc6c3a4cc0eec8dc30b', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: 'd6ca646b3d694c253d3b37381ed36330acbfcefe', size: this.size }, index.h("div", { key: '12ec81a252926a3d26bdaec44ed7649e3fb6b29c', slot: "heading", id: titleID }, index.h("slot", { key: 'e9cb8603bf6b01b12c1f0deb745e7b8bcf1005fa', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '1f4595d87401581adee540a0c1f4fac2ce2d5bc9', slot: "description" }, index.h("slot", { key: 'aa6762650d518ee4b15c6f6acf2cc2c38746d75a', name: "description" }))), index.h("div", { key: 'd2aaa697f8dc04abdd1f5870050771375e78df51', slot: "content" }, index.h("slot", { key: '4617a40358540f247be4a004fbb014f5f8b17bca', name: "content" })), index.h("div", { key: 'd1012d4e4012ae8921775595d8da2e867acbd7a8', slot: "footer" }, index.h("slot", { key: '1a6f7976ad363b6965af6797964eb63f7b7071ca', name: "footer" })))));
+        return (index.h("dialog", { key: 'eea0c737e4c43a0d621fee32ff4dad60bd784151', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '11156f4073f0db092f01db1175fa3ca7c91d60a8', size: this.size }, index.h("div", { key: 'ea76626936c93f966c7593f3040a165f8a540359', slot: "heading", id: titleID }, index.h("slot", { key: '436910dde97d5b06676c8b16d2f727d371dbf9a5', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'f251f7fff64fbcc70d69d0e9a6ac107cc02b619b', slot: "description" }, index.h("slot", { key: 'f8bf46aa948c66e33a18b5b1cee6243f98085b0c', name: "description" }))), index.h("div", { key: '6951c9381dd820845cb677742ab4901bd43b9504', slot: "content" }, index.h("slot", { key: 'fce1aac4a2799c90cfa2a0d26116f48c13563117', name: "content" })), index.h("div", { key: 'b0497481f705825507f461acaaf8eefc8f8e7959', slot: "footer" }, index.h("slot", { key: 'd7c224fd5279bb3ecf749a0610f71313061a5be1', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-modal.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 usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '6344d29ac7553ac6a04ba67cc31c3b129a6d0e45', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '2cb96e031387c9f0cc6b0d03b2f1c90effff1c84', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f0fd8c5379710a74cf004eb1090bd6fd9a3e226e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '61014e6e82c5380fea4825736624fc9d1fe7151c', class: "gux-modal-content" }, index.h("p", { key: 'e2b3eb8ca300295e4676c9436f41133f3f0c7048' }, index.h("slot", { key: 'b6b9a7aa906e325d42ea1c57e9e28807da6f90a7', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'd1368b100df8c4f61051ebcac537d36d43278d74', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '7f5ee271ea35a294130509cb9dc20af6b38f355b', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '88de18df327f2b2af73d1ec2b93a99ea8a7f1ab5', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'b1c69c683dfbf6a7ed8a670ed85612aa7f702a4c', class: "gux-modal-content" }, index.h("p", { key: '6b4be7e849019eb6f2b1bdd45343827672a85886' }, index.h("slot", { key: '8fb86081bb9285faeb8db3b818a3ccdb3f642c98', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
-const useRegionalDates = require('./use-regional-dates-c23a8a39.js');
+const index$1 = require('./index-3ee995a4.js');
+const intl = require('./intl-ed89316c.js');
+const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const yearMonthValues = require('./year-month-values-c47cf051.js');
@@ -92,7 +93,7 @@ const GuxMonthCalendar = class {
     async componentWillLoad() {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
         if (useRegionalDates.useRegionalDates()) {
-            this.locale = useRegionalDates.determineDisplayLocale(this.root);
+            this.locale = intl.determineDisplayLocale(this.root);
         }
         else {
             this.locale = index$1.getDesiredLocale(this.root);
@@ -179,7 +180,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '082c9985cfd1d22c4b20f66f2056deff6ff3741c', class: {
+        return (index.h("div", { key: '6e159334e362c87889cf465e6bde266b303f9a53', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/cjs/gux-month-list_2.cjs.entry.js

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'bab1846c9707a25137b0b3f760125a8bdd102b9b', role: "list" }, index.h("slot", { key: 'ffe20edc8e3ca8ea17043e78e6dcefa13e16458f' })));
+        return (index.h(index.Host, { key: '532a418da8953f9781ce344f364c151173ad3416', role: "list" }, index.h("slot", { key: '12b8a2ffd6b4e462a2a5d53a3ad77bcfacbf36fd' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -80,7 +80,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '90cb0b35ca8e6035a50ed43239eecf86d1a1fce9', role: "listitem", value: this.value }, index.h("div", { key: 'a39bbdd5d6269bf8e562c52a223bdbd1c5b1bfcf', class: "gux-container" }, index.h("button", { key: 'f9411a2f3587578713ea7d93cb0767a92b15ecbd', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'df046e9c86e79b40d273a665eb7080eefb0ef5cc' })))));
+        return (index.h(index.Host, { key: '3df9e758a5cd82c9872b8aa040f79a3af5b4b84a', role: "listitem", value: this.value }, index.h("div", { key: 'a8e7eecc797fd129218278ab0f4114d409d749cb', class: "gux-container" }, index.h("button", { key: '9eca92c255e0dd7aa1d12fe8550cdaf933e1d239', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '915d6dd2d5e2850f1cbac423a2a23c3389853dbb' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-month-picker-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 usage = require('./usage-bc86bb35.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const index$1 = require('./index-c7d87150.js');
-const useRegionalDates = require('./use-regional-dates-c23a8a39.js');
+const index$1 = require('./index-3ee995a4.js');
+const intl = require('./intl-ed89316c.js');
+const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const yearMonthValues = require('./year-month-values-c47cf051.js');
@@ -79,7 +80,7 @@ const GuxMonthPicker = class {
         usage.trackComponent(this.root);
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
         if (useRegionalDates.useRegionalDates()) {
-            this.locale = useRegionalDates.determineDisplayLocale(this.root);
+            this.locale = intl.determineDisplayLocale(this.root);
         }
         else {
             this.locale = index$1.getDesiredLocale(this.root);
@@ -219,7 +220,7 @@ const GuxMonthPicker = class {
         return (index.h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (index.h("gux-popup", { key: '48c10e24b1c5527fbb624bfd4f7d9d253ff51d0a', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '93f458de2b8abca0b8c5d9356cb06450ed93e26f', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-88b0ad02.js');
+const usage = require('./usage-bc86bb35.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '5e188ce217e4cada21aa6a0cebd4b27494d6182b' }, index.h("div", { key: '1dcb0d42c4cf65a30549376a58a6d8ec88575107', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '7d733f62e76c33612676f95644c53b2ff582f495', name: "icon" })), index.h("div", { key: '6b5fd4ed61a8e91259e0455391e6def0706ffbd3', class: "gux-content" }, index.h("gux-truncate", { key: '81c65e9d2f5017e9b8d6c3eb74411bc7087888e0', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '17f3ded65b42e9d6282646fef0ef2ecc9d2f8227', name: "title" })), index.h("gux-truncate", { key: 'f20c82791a07925b35fcca03e754ca79d70c7c40', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '78f92bf23d08e089dd87071814b452e629c7052e', name: "message" }))), index.h("gux-dismiss-button", { key: 'b12da6be4e1aa16e322d24fba9320bbe12febd2c', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '47a33ed4de5228de0e187987869c27b07e0d5787' }, index.h("div", { key: '361fb8c114bfbe51c8d16a8de214bdd723c0a6f7', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'bd3a78f5a5f05a0cf5098266766789ef8cc0a8f3', name: "icon" })), index.h("div", { key: 'dc19ff38c0c039b8296749f418cf6fcb06159ad9', class: "gux-content" }, index.h("gux-truncate", { key: 'ea408eb0806dd5f58bceeb9a7b8fbaef9e702fb4', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'c6830def6d5e01d3761f7b5a187cf5a52866a0aa', name: "title" })), index.h("gux-truncate", { key: '319a9a3e695163d12a869577b88a4c84afbf1713', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '789ff5fb32b7da6408d2ee31328e2a39d3d6bd86', name: "message" }))), index.h("gux-dismiss-button", { key: '2abc520e1b95ccc419209202de06265398542179', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-option-group-beta.cjs.entry.js

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e3497d2293b66e36b6cf417ce5be30229dd94899', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '5e31c898f13d32bce0240081b7c3106a568327ec', class: "gux-option-group" }, index.h("div", { key: 'd97c1859b85797ef3e187f5dec8f560930e3e49e', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '3e31baaeee844547f4fc6064cc743e66f204ccdb', role: "group" }, index.h("slot", { key: '958abbf9a683193a9ce13199c8363b9e0279bd72' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '92a57a5773bd073cb41b756da693c4c8e12ce822', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '4293739a1fa16f40b88aea607f8ba83b67b7f83d', class: "gux-option-group" }, index.h("div", { key: '244c4353d043b2dff331565be9f6b43c9870115b', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '9358a657681bf26d8f2088db5f7627e21c480a80', role: "group" }, index.h("slot", { key: '09dee6935996dddd6ef735aa64b02c61d1b47bae' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -70,14 +70,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (index.h(index.Host, { key: '0444aad5f6e1f3ac786893d9d3e357573db8f71a', role: "option", class: {
+        return (index.h(index.Host, { key: '7a5d5be1105975a441d3f609c3127db6f6fa52de', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '865e3c7d66798c33592164b6a7e21d164415f7a6', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '5576950148c1d46a35be5aefe70afa4d5b3a4200', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '53e2f824d1a7230e236261fa3ce6d213a8d2ef91' })), index.h("slot", { key: '9e206a367b89b00427210fd49eb71fee75660399', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '7892394b1aa37e6cc16e49806fea7a6f61fd2632', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '57a8a73bd57101721a8ec8790b2e4730e37d14ec', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'b1512adf5143e6f82c9b1bbc2a6f85eeb2643332' })), index.h("slot", { key: '5a45e4780c9f45fb2474e03ea1066ae08605490c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {