genesys-spark-components 4.112.0 → 4.113.0

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

@@ -9,7 +9,7 @@ const index$1 = require('./index-d7208697.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-48d63d04.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const required = "Required";
@@ -113,8 +113,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3b4c6e42b8ce97b5cdee3ef91e78cbc7a63edb7b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '37f5386961b4c46c53e53c0926afe293dc47e0ac' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '78c16ad10a53caf2356fec070fa3cd09134598e3', position: "above", required: this.required }, index.h("slot", { key: 'c7aa140614bf894a9141048ffe2064d4d3532962', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1b0b6ef495fe1f4c4b71757104a9f6de0c8167c2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2f465750afba08333fb43a9b8effb428a9c79f99', name: "group-label-info" })), index.h("slot", { key: 'b5d3aae02917653bd5600b34c61e7df4406076c1' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c38c240fd998c2ba0d700314da730676ce1d089c', show: this.hasGroupError }, index.h("slot", { key: '7aded3170e6e3668525d813caf66360b040530c2', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4f1231350282aaed75d25b70fe38fd21ef2f8061', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '52ce42b5dca6faa646394ef72528ce69658f03f0', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'dbfd1fbf7433197bd3fa3c0916c83179cd7f6126', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1ac4adb29e5864803e3091d87ba2d87f3e490490' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '68b80b835359d30d034ad53bb20a7134a45c0231', position: "above", required: this.required }, index.h("slot", { key: 'e1bd8a17e79cc7d1a5c89b6acd439b736526c980', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0d4da7437e97244c1fd1bb64cf983e76838b5736', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f0982ea5528442ff241ba7c670d476e976704826', name: "group-label-info" })), index.h("slot", { key: 'c819d8ef5b4c3ea70c85f8c044e2d06bbe5dbd73' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '70d2b7e13b963713f9419482790bc2d6c796c6db', show: this.hasGroupError }, index.h("slot", { key: '7bc7db9d77b25c051f699b65e227246d76c9b034', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '95edee33353f037864f08980dd6ca0cf650a4f6f', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '2128cd99862d7b9ca1b98830e549fbf70a9fec1f', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -9,7 +9,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fb3d9c54fed410c8abdf127195d8e1f8d9225b78', class: {
+        return (index.h(index.Host, { key: '560cbdecf43e08dadab6931c24ccbfc911d54d3e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '401e0f3a5751e025066180e6283f07009dabc03d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '9d3f8ded8332853838047fd636c4ab1030f4267a', class: "gux-input-label" }, index.h("div", { key: '96d50560144d5a93e8fa47175fb7006e0fbd2a0c', class: "gux-input" }, index.h("slot", { key: 'bdd20154c500c867c60f472a0d999804285bd32f', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'cb33289fa8ecd145e5a20e49449d8d88732e37c6', class: "gux-label" }, index.h("slot", { key: '87e5b690d46888750ca0df79d0025bf824a459c6', name: "label" }))), index.h("div", { key: 'e445df0b2d5e8780375f6657f49e6c0deb3fd4f3', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '1ff9b1cc620ba590414e2dfecd8b6aec1b809d12', show: this.hasError }, index.h("slot", { key: '8a65f8bdb03f17fe8a8cd662571c990db99cd084', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd7363a4941529425ab349196e31b079cb601a51c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '63fa3e674fbee4b7bdfa8309b12e98f41b4e0ad3', name: "help" }))))));
+            } }, index.h("div", { key: 'aad62148a263916930f601bbe743d389d44d0317', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'e6c669679198fb93b26d971df6f7951f592b7ee1', class: "gux-input-label" }, index.h("div", { key: '86146038e32e4b835a231bf46d8c6f8f5a623b87', class: "gux-input" }, index.h("slot", { key: 'ff0f31a8c14331d32e52d64c55d8ff78ce973dcd', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'd36e8bd01ff2eeb30e2978ed297d301daa347869', class: "gux-label" }, index.h("slot", { key: '893da0327de98f89e133b23fcf2c7f6c9f1da830', name: "label" }))), index.h("div", { key: '8acc4f27e6a035ef674b5fe4f5642218a5b97674', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '90b93cf7c6f6249cfff5317cccc9a363ec19debb', show: this.hasError }, index.h("slot", { key: '81e6e7aec500c69489331f64ebef22e21f2b99f8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b0dc0a5a71b40cacb0987c382c4a7854323cbfb8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1d7772ca5ac735bf5af51d3e983a03fd1b50d664', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldContainer = require('./gux-form-field-container-ad5588d7.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 const onResize = require('./on-resize-62f7838d.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -119,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '8a9523dae1db9fda4ccebcadf9f0e1f820c3e887', class: {
+        return (index.h(index.Host, { key: 'efdec5b05dc939ae35c8be76a32e1a007d7308ea', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '21858f51eb894fb106b810b4a76ee1b322b3cfaa', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1487098d5649f37c1a03513a42f85ac4a7e348ca', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a1cda3f401f4df1ab221c6678bdd43b512451202', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'dd56d02d2803117ca3209ccbccf05f21709747e3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b01aa3205ad590ca88fa87e6e562f91b4b649e6e', name: "label-info" })), index.h("div", { key: '2c5e1e6e8ddb631e6d0f30b570e3674c34ee8a99', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd195bca17e0c59f36d9120f9b4fce23fdf0247d7', show: this.hasError }, index.h("slot", { key: '848f948edf4edca7c4c251ecf01e090cf5a19989', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f81fb5f7a1eb0d5624d75c95917c5b53d2614965', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f06b21b4aaae607ed48274e17e4a97ee21b709d9', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '04666e490c17816bea66d37f8e3477f8f6442840', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'be72f865c14fa0ad765087c38749916aaf8caa6b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6fe99fc9e1cad0bc1eb458b0ea2b7fd30214c743', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5be7bc89b2619867b7d2de8765256e4381eb08ae', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fb8c186f81cbe84ff54136f5700fbef1bedac972', name: "label-info" })), index.h("div", { key: 'eed009174352e28030bfaca0dc5fc9a588206011', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '3bf2a9583bb6e7004a49f8185c843043e9fa7b37', show: this.hasError }, index.h("slot", { key: '5a3cbbe0b35b318a7ac62bb2dbd6ba79e5d5136d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ca0cf1aeb0ed8c508fd4298c62e92221998e7ca7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cd787b966f3662e8af1a4e3b7cdcc6c0e9bfc4ec', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldContainer = require('./gux-form-field-container-ad5588d7.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '931fca4f5380e5f31e34a01058ed9b8a8d8b1b65', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '676a77eac2d9cc6a3ea5bc93028493f9bab45716', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '34fcea2123a6a29cf5469e8b31ba2db4cb190774', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '28cfe03680b2a4d8d310b97e170277603636ecfc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd3d56dbab4c83bc800681c46d3bde4dd42abf0cb', name: "label-info" })), index.h("div", { key: '08c7c047de54e3ee678c50c7c51e90498768f441', class: "gux-input-and-error-container" }, index.h("div", { key: '0c2e9c8dc507f67c345c58407b6a0d1d5ae2668f', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fae9d2bde3b9f15520d7cf963352a9cb315ddacc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c2dfab5ed0dc314a7dd6aa866747375ceae599df', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ce66cd8e59f0e21d9d55319a468effac53af1af3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7c6fbdcfc0c2144ce4c93b2f1dc3730f45f00ef5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3d382bee6d91e00f76dea6053012b0ea890871f6', name: "label-info" })), index.h("div", { key: '2710be721228743cbc5864865dd4a7307ba86cf6', class: "gux-input-and-error-container" }, index.h("div", { key: '9d895f5095c690d9042dae6a0c6506575e59c082', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2d38148f79e9a208e0392ba4d5af516be21e1640', class: {
+            } }, index.h("div", { key: '4a340e271b02549be901f60b9cfa85c044a5d1d9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'eec64f90d4615dac9b78b38b027ecfffa7af1b14', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'b36a384abfe34572223e4f8a878bb4b6440440f7', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '0445794b6870c9199a311ab4a2022e2fdf949e08', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a40f3f5a730bf1cc0d4e8b1caee2c26298a3b613', show: this.hasError }, index.h("slot", { key: 'dd0f776db153e891dbac203964163042bdd28677', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c8a01cef7a4a2ee0716feed165178c6ff547a81d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '012262ee7b5a21ae09cf4142013379b50a58c5e5', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '4a2f32b34255decaf73aaf32ecb5d5520ad935b2', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'b3e0aad95f7af9617fff5718e9a17e3c666d57ed', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'be4c68fa3184f04bdb3e7f1b5c6dda9ea9e6921f', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a18b0950fe0a6814da3e4f25e5b5ae9841bf0e94', show: this.hasError }, index.h("slot", { key: '90359f820a41b241e16a596e8c37273ecfd61781', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f9a40baa4a08a153e5dda5b542712822956698f4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a135a1a2e80cad4e8c287a357a5290f735a33e4d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldContainer = require('./gux-form-field-container-ad5588d7.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '086f94554cc94ce655aa1083708f97bc83d75ed6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b8515b9f8c8382a202a5ac30f5eae5e288cdeb52', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ea43112f7e622412a636c95b7601d56064d28c78', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '422d82dbd3381ad949ea780821cfcd6719ca1835', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'cff566124c69a959d660c23832ddd4bf9d0b3e5a', name: "label-info" })), index.h("div", { key: 'a20233d0ad5e5223c724391ffd95b2180caadc42', class: "gux-input-and-error-container" }, index.h("div", { key: 'a9f8202ab46901ab3ca4ecb38f8e2747829127cd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'cf9b60de02dc645231b392ab46e91408ae937d76', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5cc32d72c253c9b38954824d36815b58c590865e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '125fc6ba3deeedc3676a9cd8e0c3697f75ad9e81', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '74f88c1305203e9032c0402de011b4610ff3d928', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64b6cbc9be3a8aa617cbf1cbc3db883854c16b1d', name: "label-info" })), index.h("div", { key: '8c0d65ae4e05ae5be03744e7baedb19cb4198ddb', class: "gux-input-and-error-container" }, index.h("div", { key: '75ad79a390b93b54cb0ee21c426d908c9f096803', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'c1f93a7b3e0df9b6a30cff9b0af75ae1760007cb', class: {
+            } }, index.h("div", { key: 'a65f1b161716ea1d29752c7625f8f8314656f5e3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '53ef4beb70900c92f0c510dbc519649994398b24', name: "input" }), index.h("gux-icon", { key: 'abb59499a43a1f83e55a6e6f4500cefce237c4fb', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2dfa065ff1456ef6392ae96572d34123a1e709af', show: this.hasError }, index.h("slot", { key: '668a502bd761e56e758072f46be63c8a1b4d6bd1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '37f904190593dcd3c7e5d375ef740faec3dfb98a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '840b8d497e514d30685dee61907e1a556c02f62b', name: "help" })))));
+            } }, index.h("slot", { key: 'ebe490e4ef8acd982ecfc0dd82835b193e003945', name: "input" }), index.h("gux-icon", { key: '8f024b3621a087cde0871f5587942618254e59c6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3dcd33346761e4faec0f006bb931cd599d62c496', show: this.hasError }, index.h("slot", { key: '38ff107bff216be2ef6dca3a109ca1c44564db85', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd549c71211e2dcc0fb3d59dd0da56be6a6fa58c2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '982cdba7d61099fcf99f9e70747459d2da71ac9b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldContainer = require('./gux-form-field-container-ad5588d7.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -115,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'eb65b1e228963afd7f22fb4098823055fa8634dd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2b623a078763c4b41d38e8310477e346098f1f9c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7dd6af3f6c889db7d56c727440bd9b1218cd0567', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f063e640d1df3f7b4d1085b2c37b8610ba0343c1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ec80d0a05c1583cbd5e7931ff0551c62dca1d93a', name: "label-info" })), index.h("div", { key: '8d1e0d8115227f4a40153702767cc0d0fd0e0726', class: "gux-input-and-error-container" }, index.h("div", { key: '5b0bb8d1a7aa67b6de0c8c3687b285f6cb092c7b', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2e0d8747c6927180ef49b1eac1d64296b982464b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '624b2e5099934813fb278ac00009c71039edc431', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b8881080efecb0dfbcb4ecc26b83643204cf56ae', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a465e8cd7ebe65b1ea1f07a22da0ebc89d60ab63', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6685d45c39e7bdc6a1f0c214795a9274f9f0a38b', name: "label-info" })), index.h("div", { key: '0e2df797e7ab8c05ed68f3a3a7ce0b45e3609dcc', class: "gux-input-and-error-container" }, index.h("div", { key: '7f0e8628b09d4c182c004cdab545e4e328ec7548', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '6dd3d21343e32eda36f5b31ec3eab53cb793bfa1', class: {
+            } }, index.h("div", { key: '5ab627e91ea691e1bd11bd0bb7bcad3e1a51ab55', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '2320172968ac50afa8d3b3b7ba5b77148267c7af', name: "prefix" }), index.h("slot", { key: 'd65c48c22462a4426093ed0c7a0a5d674a36a691', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'b60cf1e7247ad55684f13cc6df761f2768a62fa9', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '61d72d5aa0049221e71a474ab292064a20c07751', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b989e81d672845febcdfdcb60da496fc0a51418c', show: this.hasError }, index.h("slot", { key: 'fe8587b14c72600e93762fc1a84dc632781aa6a7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '18ba41a18ebb7021b8dba24dddcbbcfff2c50982', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'db458840a9b6b80b670224a4a04fa1649257685d', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'a8e4382f8da9b7a105d5444d11364f3b62e266db', name: "prefix" }), index.h("slot", { key: '5908030a07318e385469929a678806dd36b05a89', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '60733eb1bee7bff7cf725c68c90dca0b6263c232', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '7c65de9fd0a36d1736bc8c61899384c32d3a9f7b', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c8a7d89141fc276f3b8c9224c4b27d239686aad6', show: this.hasError }, index.h("slot", { key: 'bebbad18b49e8492fe2d1b2b1424c0c7a643dd7f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '57a10f42f42e1f23c263645aa5eec2f5b394458e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '083667934a809c79bed03d4b39da290207c83508', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldContainer = require('./gux-form-field-container-ad5588d7.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '82780c903667b4814ceec9dc25d2d34b5663b3fe', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4c5b7ce12d02fb533347f844854c4fb9078bf582', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f6e41775b6d26b1ec29a95878eb7af01adcf6f0d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'cc39c01a7db48789e9116a58807ffab38a34d42b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f7f04d0f998d0007de0c0e32be655e989e292ed2', name: "label-info" })), index.h("div", { key: '646abeb48ba64e6b7603fcacb3fe83d5f4a25b4c', class: "gux-input-and-error-container" }, index.h("div", { key: '95b051aace745d3af607526e5283bce10414a2d9', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '911413e5bc044254be5302c018a9ec464edd40ff', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a01e54a6b6df5cc0c5046dcfb39e30a12193d67a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9f8759c55ce2b7958506dbb666b8311f04594848', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'fcd7a77bc13727fe5b6417d6fced16a7dc07cd3a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6bd8a95ec0392ab106a52ee1f2ebafc665e754f9', name: "label-info" })), index.h("div", { key: '36d50195f5a9db72fa4823a75a8665ed7ba30e26', class: "gux-input-and-error-container" }, index.h("div", { key: '3183ab5a87a464be3f30ecad6abcfc09a0d35cf3', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '4df23892973a4d6e4aa3842904b6ea49fad433c1', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '1a1cf0b245cb6f085a53bf3401cf9298c631427b', show: this.hasError }, index.h("slot", { key: '3c7879fd695468dc83bf98b0e0a5d059b3442b73', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ff08e57307dcd97bd1b4a1ded984c919f12b98b6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7c58d48c945eebe4b74811c86bc7eeb47adfffa3', name: "help" })))));
+            } }, index.h("slot", { key: '28d2a79fec541d0b583a4f9bad0e4b703e11a2a8', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c7f87321ecc5cce01cfe170ffd930a2776d342bd', show: this.hasError }, index.h("slot", { key: '976c7e01fd76cea875de287bc7ebc822f3ab2e02', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b60e636ff3995288651e32b8e2dae51219457c54', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8e34f88cbbb2b841f07c02097f5becca3f4d6698', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-48d63d04.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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: 'f02bc99729db2a0ff68bd38ff05b442b256a14c0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'bca63e7a92f02fc252cbcccdfa06ed5ee5fcbade' }, (_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: '86460468fe10700ec02b62b62d5f840e0706e1af', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '45975751536943ad4797aee6e9b6e6a13fab3e84', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7b40141af30b9071da9845553a9542d3063aec43', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bdbe58990ef38c5b088dc1ca7290a229db331719', name: "label-info" })), index.h("div", { key: '454ac1e3811f843fa9367c89e6d2d24028de8152', class: "gux-input-and-error-container" }, index.h("div", { key: '6076fb16999519381afc482cfaba5ccfed0ebb49', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9839a81242957d26fc4cfdf4259cce5fde19f0d3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2072a981ab6d294a824e9a44de60bc24ae1a29a5' }, (_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: '82c92692e8af7e0204e27cf10c9ff0b246764d9d', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'b28a54402595193929bd63d02df7d4c35eb6b60e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0a2e728f15ae683fb433c31bfbd427fa19a0e9fc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '13349d0fdc95f6f8f2a9e742f46a61970dae49ea', name: "label-info" })), index.h("div", { key: '295edae2f84802e60dfa2ef8b6e55775957c4b9c', class: "gux-input-and-error-container" }, index.h("div", { key: '60dbdde3dead379dec5de8b0293099135b8c7fbd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'ffe0b77446ed64ba3b02508a52f06e8469f04897', class: {
+            } }, index.h("div", { key: '44d985ac66713d319ffe47822c76a5600f72c5a7', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'f952cd9965e6990ef553074a08cf990f0a533f47' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '5857e5b66898608a716d7964c444083af61a2834', show: this.hasError }, index.h("slot", { key: '79abce56257c8b9915a2201d714b5647a5c4f152', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ed966a931c04afc8180bb49a5bdc668f89ebba9d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '77488bbb3fee20ee87cc6b0fb68caa10186b9138', name: "help" })))));
+            } }, index.h("slot", { key: '07224398bdd05a0f1712a0a562ea397a78c83ad1' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6d938a490272639331ef4ac09740aa33d5667651', show: this.hasError }, index.h("slot", { key: 'a64bb658e1f87b02ca7ddb499c39d4884cfb38c4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ad7047072925e0ac0f4cd8362896241a4ce44f84', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dfba72d1672e6dff3418253a0a7b354f13441cda', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-48d63d04.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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: 'f25bade05bf916dba9da8948de1f67b4ea2dd082', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'f72938ba510dab66f0963f373259eddc75d01a95' }, (_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: '3054de5eaa4949c20a65e77e9567877f835f3fed', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '2d96d55e578e056f83d30509b10491e94995c1f2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2185d21c1aa516a65412d3b15582cab859b9d237', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9cdc2561a81afd0b7211888d227b6be5357b4c7a', name: "label-info" })), index.h("slot", { key: '79eb00803a471b40702649e6f6ca2b3f8d75397f', name: "label-info" }), index.h("div", { key: 'c4846b453c9b20a67c60703b67bab1425319d8d1', class: "gux-input-and-error-container" }, index.h("div", { key: '60146b60b8432681f0a26576c12b5aa6adf699ac', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '6bde060a328af586722db911d3ad5ab6502e4756', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c32a32aaffe423a4575dd7c82485442593a5db99' }, (_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: '0e2af65bb582e4946130ee5e078084d73211f5d6', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '10cedcd933f48e0f0eb432ce229a5361e7eb1c52', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5b95c0f732f981d6387edebdfa27e94e01006b42', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a0c642fc33df5e0a5622c3f9d233037da814b4e5', name: "label-info" })), index.h("slot", { key: '99ffbe7cc9577d9a08bb6e7b4a0a3cd16ed049c1', name: "label-info" }), index.h("div", { key: '2d286fa92753c7c1328ffad05f959ce67f72652f', class: "gux-input-and-error-container" }, index.h("div", { key: 'adb527b91f027bfa108407476e088abb59c26579', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '2452f96cb0e6cd104bd00d4f25ceb20d25960745' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '7f624198e67885dcb31aef431882479273e7f6d0', show: this.hasError }, index.h("slot", { key: '781842452ae109482dfe4caed505f350e89fd9a0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7270747869358342d8e0adbc674a6a03af46cc9a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e4249335ef06274404972931546dadb883fdc6a5', name: "help" })))));
+            } }, index.h("slot", { key: '1929397c9133380704741419afd457574da3a848' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f53b73c96ad31c1c6843f9ec1632af09701e3e50', show: this.hasError }, index.h("slot", { key: '06d29e0b3a2e27c9fae31b65c2ef8dd237eeea02', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5813b697d21cec657b9f9f099eaa3a2da216f749', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7691d0bfd5b082a20f594e27167fe2353a55c21f', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -549,7 +549,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '82c0198d99850d56704e97d4462f11b0c770dd5b', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '7a634196359e46561639f5680848dc3226eddf19', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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: '382339cbe6641da86ceae1a089de5a2f68487144', class: {
+        return (index.h("div", { key: 'c2e1200e3ef4af39476ad26fa0c2c8dc067d26ad', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'f7a3c826d0f8cedb1c9b604c045272b756448fad', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '3533e99fa673d630e312e558423f0460320cdb43', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("gux-screen-reader-beta", { key: 'a0f3f3cf8874a1733ad7d61687147c446bb1e24e' }, this.i18n(this.accent)), index.h("div", { key: 'd1bdefacac8b1ee88682e9bde544470121c313d8', class: "gux-content" }, index.h("slot", { key: '7e43bacce5ee644d083cc9c62c0b88c68c6ad23b', name: "content" }, index.h("slot", { key: 'aa4a0548357a28c2c5be081aef49ab133fb58008' }))))));
+            } }, index.h("div", { key: 'a35a6e7da12afc651122a041fbe20877e9c7730d', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '47b82561a694a76f91c8be7068bf7bb456115a81', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("gux-screen-reader-beta", { key: '4ba783f50fd1bdb3d0804abae3145307d3db69a4' }, this.i18n(this.accent)), index.h("div", { key: '4a2b15ca94284dddf5bea6c40ef72146e2977ecc', class: "gux-content" }, index.h("slot", { key: '77fa55f18a45cd15df480803472d657e4e2d2905', name: "content" }, index.h("slot", { key: '655138f31fc50b927279fa8e57569672fcc5eb9b' }))))));
     }
     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-2dd05ef3.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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}";

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: 'ac499898dc480de4a4b81dc88c5479b73d76fe3f', role: "presentation" }));
+        return (index.h(index.Host, { key: 'a0f9286731bb209ca9320ae7c403cd95891fe23f', 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: 'ef2379bab065d357c8e5661b45547d5283d1ad6c', role: "listitem" }, index.h("button", { key: 'ea90ae1f1a30751f18056a8d8d65640e22a87332', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '42851f260de18bd5848327c001ddc620291258b0' }))));
+        return (index.h(index.Host, { key: '14263554c78c1d20a17e70c7dee16acf2ef9d2a7', role: "listitem" }, index.h("button", { key: '9822818801c5d78a8ff2ca65dede2e8b0ddf0706', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '152c1348327f72a0ca509cd5c1db1ab82c864d9d' }))));
     }
     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-2dd05ef3.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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: '7bad61064422037a50e05406b8bddda3b482eb9b', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'dbb728de7f367a69a52917d99e271541590a5be4' })));
+        return (index.h(index.Host, { key: '1f9c4c3bb8aa71a2c242d0e76fe4207e5bd8496a', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '9c3b6aecd98e9cd82e6fe2d0cefe1adbd133c26a' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-d7208697.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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-2dd05ef3.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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: 'e9678b777df86ecdccb5b0d96fcc203a7480e431', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '683733eccadeeeca9be789ec0e253ee0748ff19c', class: "gux-progress" }, index.h("slot", { key: 'bf47c89a44a56ec2c7f4d9dccf44550ce56902b4', name: "progress" })), index.h("div", { key: '6d7460224d5ea9cd0631141c0497ba2a34f678a8', class: "gux-primary-message" }, index.h("slot", { key: 'a8a724eb75fe1b90c08f9d5a5a4c9bd0cdae7f1e', name: "primary-message" })), index.h("div", { key: 'c738626a68ddef8a099c785ed105a27f05b73dbd', class: "gux-additional-guidance" }, index.h("slot", { key: '0aee99eb022b2e28bf2c4a7bdc01f60c1de94b82', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'd79e9b6a2d92c277d3809851f48e94c7b46efa5d', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'd9200da092a5d8a38899222a231009598719c837', class: "gux-progress" }, index.h("slot", { key: '10a9bdb5bba4fa6aa4afa750a627b7bbf2c7fc2c', name: "progress" })), index.h("div", { key: '00bee1bce756584faac45b01ce2accbf9d7a363a', class: "gux-primary-message" }, index.h("slot", { key: '6b50eccd062c62ffaa8776f290c3e120b6a5180c', name: "primary-message" })), index.h("div", { key: 'c625699ba1549b1b165273b9a6fa68313822c9f2', class: "gux-additional-guidance" }, index.h("slot", { key: '1db49105118d8105dc4ae8ae5fc4c1f18bdbad7b', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '8b2fef439f2e1d099f4f5418661ab10e11fb47fc', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '41321a02d7ce5f09e8a8eb88f417e49aac6fb822', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'e6c4323d85deabdecc64b9e8025e535637e44485' }))));
+        return (index.h("button", { key: 'd81250109838495e524e57ea27c7f951fdcca597', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '6b2d586f14d586dd5d66125ffc855877442d9469', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'a2196725016fcf5d7fb041df88aa5f1f6d74d63e' }))));
     }
     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: '5bc89d1092da16dd5dc445295763db2f94b88ac2', role: "menu" }, index.h("slot", { key: '6ded0a3a542135ffd6ac8bd326df50d331fde613' })));
+        return (index.h(index.Host, { key: '2d74355f99f30a0a767a6c10f8488358dc32d31d', role: "menu" }, index.h("slot", { key: 'cbc4501e25efdca1ac97ba654356b49a9a4ba644' })));
     }
 };
 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-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}: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: 'd362cb5bd0426b296f8bd20f8f1b517cc4680818', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '7a6de2c25ed0c52903abd8908fa967f2b5aa5247', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'b19c4333aa2faf0b60d4c43c4001f91036d5c26d', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '8c1272a755a52c170fd5e834da9dada47ef18a0a', name: "title" }))), index.h("gux-dismiss-button", { key: '5f0c7dfa03830797ea706981e7074f6ccd5369a6', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '30699cd0319b1223270d10b7e9b64773078ccced', class: {
+        return (index.h("div", { key: 'fac4bdd98541a650b3f450bf489bcb2426785125', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'a7ad8dd77f0dc7d57b3220c50fc2bbed931fe079', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'f09d729c1e39234ac7d01e1672681ea5a8af6da7', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '1f8d6bd0cf8af490480dbd810fd8f0f1177b4437', name: "title" }))), index.h("gux-dismiss-button", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'a317e49686564298ab0501db9fc426e863d27507', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '1d5181bd7ddad3b3a72c11cf795cfaee6adaad87' }, index.h("slot", { key: '83da7d98c8b5ee8098f15b1eeba6efa14b0769a8', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'e90c4ea4d78cfbc921fa772418e798ac1f94a30d', class: "gux-button-footer" }, index.h("div", { key: '8a237d0b4af98f73655c06b29de49a4e3c4a8d4e', class: "gux-left-align-buttons" }, index.h("slot", { key: '465e9d836e197503cd4293657b9c7f87f2bd468d', name: "left-align-buttons" })), index.h("div", { key: '4df489f3d83727d6bceb4a9cad280de3f9b545e0', class: "gux-right-align-buttons" }, index.h("slot", { key: '684cf8a9b535fb117b0633c11ab69c323a28b277', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: 'cdbbc90cae0d0493eefa751b4aefc58f21e76153' }, index.h("slot", { key: '893343f260d2661a37f77b16e0bb5aa9e94f1383', name: "content" }))), hasFooterButtons && (index.h("div", { key: '6ea142fbc0892cab7bda9dda3123485c5ef9e23c', class: "gux-button-footer" }, index.h("div", { key: '1d67accea5d546f9c9b272ba96f65835912bb8d0', class: "gux-left-align-buttons" }, index.h("slot", { key: '7c182f7a3e4c3a351fa0354a0c1635643f2fa122', name: "left-align-buttons" })), index.h("div", { key: '59fc56ba6471dbea69ccccda2c75cb0bbb29336b', class: "gux-right-align-buttons" }, index.h("slot", { key: '04f2343a7bbc49b73e07e59e2f5860c7e4591984', 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-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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;
@@ -50,7 +50,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '7bb27f52f79ed52a97baaf930a9a9467c9affb98', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '86d0ecc779852a37a0e69145b69f82177c40eefb', size: this.size }, index.h("div", { key: '5cd472996ae6e3069888ccd72a67743affd4e56f', slot: "heading", id: titleID }, index.h("slot", { key: 'a4e989caefa755daf0d0b217ecb274cf624a171b', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '4495ebc9f3a9a76990daeb405d06ba5da2d6fadd', slot: "description" }, index.h("slot", { key: 'a3fe0452f074dc9ad770feb37c7ef32148215b22', name: "description" }))), index.h("div", { key: 'ec0fff76d556258f4662687cea7c5cafdc09b10d', slot: "content" }, index.h("slot", { key: '57cd1fcdf11cfbdd9c5b819f64bb7b01ffefa022', name: "content" })), index.h("div", { key: '20e0af2e8adc17917c4db9d4278a51fa91f927ee', slot: "footer" }, index.h("slot", { key: 'b2d9eeaf2fc23b2d98dc00a2e596addebd87e51a', name: "footer" })))));
+        return (index.h("dialog", { key: '34c80eaee9baf7ce57e6b2be5fd89110fdcd9c94', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '6600729b45885b675c9e0f616d6a0093682de095', size: this.size }, index.h("div", { key: '55b1ff1f68212734944d034b97d2a748b1aa601a', slot: "heading", id: titleID }, index.h("slot", { key: '3f26e81930bd086ae4ed6d4307dd16727f0eddb3', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '5baccca5a3e34e9572e202c2ff8a123b6c8033aa', slot: "description" }, index.h("slot", { key: '4f80ab3460adc54565a48c06c058ea955b371bcc', name: "description" }))), index.h("div", { key: '6d5bc823ac3eeaf7ba0973886c6b50d138a00c1f', slot: "content" }, index.h("slot", { key: '2fec75da7efb18f7e51df706dc34689448beb8db', name: "content" })), index.h("div", { key: 'ee9fd140e4796e54f06214d49ef823e6af85c0a8', slot: "footer" }, index.h("slot", { key: '27a2b723f3d2eaf03a3d9620954996caecfe1c2d', 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-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.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;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}: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}: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: '61479838a3a8997c5d280cf92375722625e885f2', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '19f1dbb97e48f0fec1972b4b4a79ff4c31d12441', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '6b75e6e7eeafcf3661dc5afd22180b85a9852d32', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '5825818b87cd51b33e47c227dc6222dcf0c4bbce', class: "gux-modal-content" }, index.h("p", { key: 'b7867ed26ecb6a1257549c537ea917359530ed0f' }, index.h("slot", { key: '0289db16bfc8b7d0b4700b2ff432a2a5041ee3b5', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'f63cddeab575522484ba4c98777bd39db0693603', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'ab7b0ac052880bf8bd098bb6d61ed23bbd2d7d57', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '3287f5ded174ad6ebc72fbbbfee9922b8efb196e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'b4cc1d49d68c06b78ccab305354a7d0ea6ba529d', class: "gux-modal-content" }, index.h("p", { key: '18eaf0c3d247d33136456ea6b69cfd8f060917f2' }, index.h("slot", { key: '36713cb4d872ac74ce315b8f9b48a88438d64429', 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-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-3dcfa17c.js');
+const usage = require('./usage-e8717c7d.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const index$1 = require('./index-d7208697.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');