genesys-spark-components 4.263.0 → 4.264.0

package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

package/dist/cjs/gux-cloud-logomark-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-JqhXbV3A.js');
 var index$1 = require('./index-DLrn_5gK.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-D_ECDbYK.js');
 require('./clamp-BlDLYO0F.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-JqhXbV3A.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var onClickOutside = require('./on-click-outside-DA7zlWjq.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var safeDate = require('./safe-date-DiwlsmUe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var safeDate = require('./safe-date-DiwlsmUe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');

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

@@ -7,7 +7,7 @@ var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-C3ShFBCi.js');
 var onClickOutside = require('./on-click-outside-DA7zlWjq.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-JqhXbV3A.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-DLrn_5gK.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var onMutation = require('./on-mutation-DVQlZze-.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -7,13 +7,13 @@ var index$1 = require('./index-DLrn_5gK.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var onMutation = require('./on-mutation-DVQlZze-.js');
 var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
+var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var getClosestElement = require('./get-closest-element-D_ECDbYK.js');
-var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-text-content-from-nodes-CKOr9B5M.js');
 
@@ -44,6 +44,7 @@ const GuxDropdown = class {
         this.guxexpanded = index.createEvent(this, "guxexpanded", 7);
         this.guxcollapsed = index.createEvent(this, "guxcollapsed", 7);
         this.guxfilter = index.createEvent(this, "guxfilter", 7);
+        this.selectedValueId = randomHtmlId.randomHTMLId('gux-dropdown-selected-value');
         this.disabled = false;
         this.required = false;
         this.loading = false;
@@ -351,6 +352,13 @@ const GuxDropdown = class {
     getOptionDefaultText(optionElement) {
         return guxListbox_service.getOptionDefaultSlotText(optionElement);
     }
+    getSelectedOptionText() {
+        const selectedListboxOptionElement = this.getOptionElementByValue(this.value);
+        if (selectedListboxOptionElement) {
+            return guxListbox_service.getOptionDefaultSlotText(selectedListboxOptionElement);
+        }
+        return '';
+    }
     renderOption(option) {
         return (index.h("gux-truncate", { ref: el => (this.truncateElement = el), dir: "auto" }, this.getOptionDefaultText(option)));
     }
@@ -370,7 +378,13 @@ const GuxDropdown = class {
     }
     renderFilterInputField() {
         if (this.isFilterable()) {
-            return (index.h("div", { class: "gux-field gux-input-field", dir: "auto" }, index.h("div", { class: "gux-field-content" }, index.h("div", { class: "gux-filter" }, index.h("div", { class: "gux-filter-display" }, index.h("span", { class: "gux-filter-text" }, this.filter), index.h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), index.h("div", { class: "input-and-dropdown-button" }, index.h("input", { class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }), this.renderTargetContent())))));
+            const selectedOptionText = this.getSelectedOptionText();
+            return (index.h("div", { class: "gux-field gux-input-field", dir: "auto" }, index.h("div", { class: "gux-field-content" }, index.h("div", { class: "gux-filter" }, index.h("div", { class: "gux-filter-display" }, index.h("span", { class: "gux-filter-text" }, this.filter), index.h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), index.h("div", { class: "input-and-dropdown-button" }, index.h("input", { class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), "aria-describedby": selectedOptionText ? this.selectedValueId : undefined, ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }), this.renderSelectedValueDescription(selectedOptionText), this.renderTargetContent())))));
+        }
+    }
+    renderSelectedValueDescription(selectedOptionText) {
+        if (selectedOptionText) {
+            return (index.h("gux-screen-reader-beta", { id: this.selectedValueId }, selectedOptionText));
         }
     }
     renderPopup() {
@@ -400,7 +414,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: 'b10b330aa4593078709821c9623c592e06450bc2', 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: 'e52a34a2535a4f5aab4d032415c38106b32fc2cc', 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); }

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-JqhXbV3A.js');
 var index$1 = require('./index-DLrn_5gK.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 const removeFile = "Remove {filename} file";

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-JqhXbV3A.js');
 var floatingUi_dom = require('./floating-ui.dom-C55JQ6sZ.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');

package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js

@@ -9,7 +9,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CMFIR44_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 function setAllCheckboxInputs(root, checked) {

package/dist/cjs/gux-form-field-checkbox.cjs.entry.js

@@ -7,7 +7,7 @@ var preventBrowserValidationStyling = require('./prevent-browser-validation-styl
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

package/dist/cjs/gux-form-field-color.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');

package/dist/cjs/gux-form-field-dropdown.cjs.entry.js

@@ -9,7 +9,7 @@ var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CMFIR44_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./get-closest-element-D_ECDbYK.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -4,7 +4,7 @@ var index = require('./index-JqhXbV3A.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var onMutation = require('./on-mutation-DVQlZze-.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');

package/dist/cjs/gux-form-field-file.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-JqhXbV3A.js');
 var onMutation = require('./on-mutation-DVQlZze-.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

package/dist/cjs/gux-form-field-number_2.cjs.entry.js

@@ -11,7 +11,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var en = require('./en-0H0Z_nRu.js');

package/dist/cjs/gux-form-field-phone.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-JqhXbV3A.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var onMutation = require('./on-mutation-DVQlZze-.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CMFIR44_.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -109,14 +109,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0a6a83dbbf8d4b7bdfa8a8db647e5269b4726ac6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '4b2388976885869fff5589503384ebe32bdc05dd' }, (_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: '304397e42e9371d9d0bcc3c0374e149831d2db4e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '11a09da1c416b13eef69803aec32b76e80ff117b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0e0dccb7fe2b0a95ca42f05933210e34d5918bfd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f65396efb0a1f91b1aace19470fc0abc9068f1a7', name: "label-info" })), index.h("div", { key: '814debc58ecef7c36dc6c5948c73add1ec4c7061', class: "gux-input-and-error-container" }, index.h("div", { key: '3b803f704b96ce8d0bff8a4c7a552372d84862c0', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c20e2dccdaa4c79184a0b39ac1549f4eddc79404', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '04ed1bfa968b1d9c1a9cf521cf294aadb04274a2' }, (_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: '392b0d439f63cc24edf3b209e1f7d6a011caef27', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8b8d1d8c6db48e4e8f2fad1f9fac6dbd00472216', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '289cbbe4c48806009e0d7e83d6dd53352aec76d1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4ac185f55ebbca3fd93b25fc2eb36fcd54624402', name: "label-info" })), index.h("div", { key: 'bb6cb4f0f9f0349de167c119ceb43ca1afd3e025', class: "gux-input-and-error-container" }, index.h("div", { key: 'd76513702465d5524e550a5367ab47d80a000a54', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '7d016d98f9df6090cb22364db21a5e195f50bafd', class: {
+            } }, index.h("div", { key: '929576d4345dae748ff86072d6349f35a1abf154', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '4d35246e49b8a26de5745d61d6632ea8b77a37f5' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a74f8185a9b66f5b45ad35c0d9817f7284e6daf9', show: this.hasError }, index.h("slot", { key: '2a126893e95d7e84878164f57c1613a57bcebe52', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43e86dbfdc8ec54cdfed92ae319369f38c14b438', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cfe2dd2f498af49f7e16caa1c5b5ee0cfb4833db', name: "help" })))));
+            } }, index.h("slot", { key: 'f5956b3c865bad61106543a982b5289a9050c4ab' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '694bf0b2f088bea26ce0f6fedfc0779dbcfe0e08', show: this.hasError }, index.h("slot", { key: '47d02903a805dff1ba95dd43e615fb620d13f384', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fde6b42fffc162086d965f840503995d868ea381', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9cb595afd86a5727d422608cb07debac29c7e4a2', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {
@@ -145,6 +145,23 @@ const GuxFormFieldPhone = class {
     setLabel() {
         this.label = this.root.querySelector('label[slot="label"]');
         this.computedLabelPosition = guxFormField_service.getComputedLabelPosition(this.label, this.labelPosition);
+        this.setInputAriaLabel();
+    }
+    setInputAriaLabel() {
+        var _a, _b;
+        if (!this.input) {
+            return;
+        }
+        const providedAriaLabel = this.input.guxAriaLabel &&
+            this.input.guxAriaLabel !== this.appliedAriaLabel;
+        if (providedAriaLabel) {
+            return;
+        }
+        const labelText = (_b = (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+        if (labelText) {
+            this.input.guxAriaLabel = labelText;
+            this.appliedAriaLabel = labelText;
+        }
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js

@@ -7,7 +7,7 @@ var index$1 = require('./index-DLrn_5gK.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CMFIR44_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 const required = "Required";

package/dist/cjs/gux-form-field-radio.cjs.entry.js

@@ -8,7 +8,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');

package/dist/cjs/gux-form-field-range.cjs.entry.js

@@ -10,7 +10,7 @@ var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var onResize = require('./on-resize-DfTkNd9s.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

package/dist/cjs/gux-form-field-search.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

package/dist/cjs/gux-form-field-select.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-B0E8SQ7I.js');
 var index$1 = require('./index-DLrn_5gK.js');

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkUhoD5E.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var en = require('./en-B0E8SQ7I.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./random-html-id-DH9-ntZu.js');

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CMFIR44_.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./get-closest-element-D_ECDbYK.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-B3R2FOQO.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CMFIR44_.js');
 var guxFormField_service = require('./gux-form-field.service-CsnSO09i.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./get-closest-element-D_ECDbYK.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.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)}`;
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 
 const guxIconTooltipCss = () => `:host{display:contents}.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-beta{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}`;
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const legacyIconNames = [

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-JqhXbV3A.js');
 var index$1 = require('./index-DLrn_5gK.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 const info = "Information alert with message";

package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js

@@ -7,7 +7,7 @@ var index$1 = require('./index-DLrn_5gK.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var onMutation = require('./on-mutation-DVQlZze-.js');
 var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.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)}`;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var getClosestElement = require('./get-closest-element-D_ECDbYK.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}`;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-JqhXbV3A.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.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)}`;
 

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

@@ -5,7 +5,7 @@ var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var index$1 = require('./index-DLrn_5gK.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onMutation = require('./on-mutation-DVQlZze-.js');
 require('./get-text-content-from-nodes-CKOr9B5M.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 
 const guxLoadingMessageCss = () => `:host{display:flex;flex-direction:column;align-items:center;justify-content:center;container-type:inline-size}.gux-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-inline-size:var(--gse-ui-progressAndLoading-loadingState-large-width);color:var(--gse-ui-progressAndLoading-textColor);text-align:center}@container (width > 400px){.gux-container .gux-primary-message{margin-block-start:var(--gse-ui-progressAndLoading-large-gap);font-family:var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);font-size:var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);font-weight:var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);line-height:var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight)}.gux-container .gux-additional-guidance{margin-block-start:var(--gse-ui-progressAndLoading-large-gapText);font-family:var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);font-size:var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);font-weight:var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);line-height:var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight)}}@container (width > 200px) and (width <=400px){.gux-container .gux-primary-message{margin-block-start:var(--gse-ui-progressAndLoading-medium-gap);font-family:var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);font-size:var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);font-weight:var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);line-height:var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight)}.gux-container .gux-additional-guidance{margin-block-start:var(--gse-ui-progressAndLoading-medium-gapText);font-family:var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);font-size:var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);font-weight:var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);line-height:var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight)}}@container (width <=200px){.gux-container .gux-primary-message{margin-block-start:var(--gse-ui-progressAndLoading-small-gap);font-family:var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);font-size:var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);font-weight:var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);line-height:var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight)}.gux-container .gux-additional-guidance{margin-block-start:var(--gse-ui-progressAndLoading-small-gapText);font-family:var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);font-size:var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);font-weight:var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);line-height:var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight)}}`;
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-JqhXbV3A.js');
-var usage = require('./usage-D-kEdUAu.js');
+var usage = require('./usage-5Ba3LGVe.js');
 var index$1 = require('./index-DLrn_5gK.js');
 require('./get-closest-element-D_ECDbYK.js');