genesys-spark-components 4.109.1 → 4.110.0

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

@@ -13,7 +13,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 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 usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
@@ -113,14 +113,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2dca8aa2abb0497f5090a714028ba6d1fa630088', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f4c17fcc0ae2f19f45dd55fa6c097d78a476f4ff', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e6dc3fabe7a640a0093f22dd2733cc857732a7b6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '069e3a4d7e94cea66162a16b970afcc958dd8402', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9d88d18f741c6138aa307cb1f84501d52a2773dc', name: "label-info" })), index.h("div", { key: '75ba061e437806f3f2aa2fbf4eaad335108de757', class: "gux-input-and-error-container" }, index.h("div", { key: '17ef4d8e144a27d7d354cf5145714e3f62d9e58f', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9130606d82f93896ef88f3487080054e283de111', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4bd5e3c71628b945a50a468d6fc7aa7afabd624e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4383c95fe83fec6e6ae94c2c7afe8d3ab859a5b3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9bb2de3331e4977313ef7dd047e8ef4780b2f1df', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f4f3d3c172301bfadb156183a5ca02fe48dce92e', name: "label-info" })), index.h("div", { key: '7bf94ce9b4fd7a3cc5d6f5ab68f9d43e581e433f', class: "gux-input-and-error-container" }, index.h("div", { key: '35883426da3b8b5ceb7fa61cfc137f23e4b3c75a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '92962c0ffc9a051adaa57644230831827151091b', class: {
+            }, part: "input-section" }, index.h("div", { key: 'a3ff727dbfc4abde0b284b270ee9d068953573ba', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'c241cc42c48cd5d34158f6fa1c2192ca3c70ba17', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '8cfab4c1ec5250e9f48428d4fd1a1edb6a2e10d6', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '90a29f49e15ec2bdee95b677b1a8b68059ac8de1', show: this.hasError }, index.h("slot", { key: '8f59274c1bb04ec269b4b697661c3a2a8eb0cc25', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a29417b5568b8291bb90c789a1cd8f1e2e6779f7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd885ba710032f61db188caa0c0a5692eb8283b47', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '9616ca55da9df60b1dd821d1561ee2e1ceb03722', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '8d0d4acf4ec59c2895fe9a80cca45b517734106a', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd34205cf5be5d6815608bf7a2791e7c159cd2166', show: this.hasError }, index.h("slot", { key: '213e706a54a8651c3bb7cdcaf94f00a9f30aafe6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b55428378780dece7d43fcf879dda30415b5ed91', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4a0b845c87da629bd806f76011e917fc8def2b92', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -281,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '2f7a6977176ccccb3ae443026ffcb4891513ce0e', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '218ccaac850d7e32b8626b700d8f93b0e1c45644', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            index.h("gux-tooltip", { key: '59b211c13d14acb3983475c52002bf8a8bb57eec', for: "popover-target" }, index.h("div", { key: '62fea561a307ca2273fc9c744037de013c976e04', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '4472db40293ff8b2c674c6d6cd55edf19a1e16d7', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'caff6871edd709751a2b65b39688409f75f83dd7', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '4a4914a788331cfcf967e2dc20a5985ba87a01b8' }, index.h("input", { key: '0debcb668428fe389ef0c436b23748509460067f', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), index.h("label", { key: '56d4b2617175ed5691e9ac15e142a943d7a2574d', slot: "label" })))
+            index.h("gux-button", { key: '258495300f80e1f80f3e8706e6fc83f315f7d572', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '56dcd682abb12400d7fb2306acc2534a1c1d91b8', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            index.h("gux-tooltip", { key: 'f1e5e9f7d68b791864ef041f5f577ca0a9634465', for: "popover-target" }, index.h("div", { key: '746905e11b254b8e96468ba65de519b503dc6f52', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '98a2530f626de66abe173c88a1f84a29e7e5b25d', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '720755b6d126370abf68d1d3cdca76be2c638dc0', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '598923bb82a35dd5f17511e23fe5d7347e5bede8' }, index.h("input", { key: '2a03837e242b6524e4c6cb0687c25e321fff0d59', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), index.h("label", { key: 'd43aa39ae19743596a7d3d7d1f640917b7a8b264', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -6,7 +6,7 @@ const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
 const onMutation = require('./on-mutation-c0879d47.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-48d63d04.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -102,14 +102,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'bf0f99c7fb1988270aac46885f05056acfb5ace3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '3a2ed1f594e510a0893a1b6cf2875f569e3b214b' }, (_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: 'a418ea46f52c128efae5b8052ffd7263758f4b74', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '746b564401c7f95082efa8a57c021a9b5274fd91', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '419a8cf07f877224feaeee135eb8b5f875f08673', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0c875513bb322b176e338009e0b0f822f6de01af', name: "label-info" })), index.h("div", { key: 'edc690502abbbaef94ed27c7286bebb0e0854146', class: "gux-input-and-error-container" }, index.h("div", { key: '823636811f866f2f3dbdc5dda1f7c06ce87c8a73', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'b4ab6ded3d06cdbe6013533fe6e66fb8a0d7e959', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7e8770fe64aa2ccad7f39abba8779c48ff4c9ce2' }, (_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: 'ed26f0594ee1620528280279c0224a8dec16e8f8', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '28d1172b152fd9a23e1a67c3f5548908169a0f67', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '078b0061f4b2bd2b645723685ea5544cc241e1be', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bfe2d61ab954d3db6db9325e0c0b5fe737da8e57', name: "label-info" })), index.h("div", { key: '2f72143c66756d7b62de182e703e413f72c676c6', class: "gux-input-and-error-container" }, index.h("div", { key: '49fb490b08a621c5e6c8952c0f4e9ed6825e02b2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '7ff6839b8e9fa38a57cd1f8bc6cdfeda7118f9ed', class: {
+            } }, index.h("div", { key: '2b531ea8e07b950bd47394baf0cf7a03750a050a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'b6eda7d48027904a51e6837b38ecdc96b37275a0' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a9dbe2bc290803a4d984b099fc1e3831094bf09d', show: this.hasError }, index.h("slot", { key: '9eea544b091d3a8e8d0bffd43ee4015f0dd6ea12', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c1d8557481352e50a0c925e6b544c6d2a119fb72', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '50dd1b9097809d6e98eee330b1ced249cf06e48b', name: "help" })))));
+            } }, index.h("slot", { key: '83e25848d17cc1140a9ba017818eaeb74bb15f6f' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '4e2812c595f717faff7c77c7ea157588d863c85f', show: this.hasError }, index.h("slot", { key: '0313ae1d6ad56a14d00563c1f154dfad3e2c8d40', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '23ca0fd41588a0543cd1aba80a314461c739e25f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ba096bf423d9ae62ec17662bf2d35dd3f4aac4f1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '742135aff98e36413891ad18dbb15c090675f23f', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '30635ac86b7863480fef9cf7f37a606dc1b4f4fc' }, (_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: '7b9c845ae16bc9a1beee4da9ec7523df00e8755d', position: "above", required: this.required }, index.h("slot", { key: '85ebd77341d7da78299ced98dd3e061c4f88d134', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2de99230cc040d17c733834a4280525815247e91', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '74631a79c1cc64610db5bce90acc46212f68cd9e', name: "group-label-info" })), index.h("slot", { key: '9e106a4bc8ae0081e95e5f6b5115687f49bb49a3' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '4acdd6b77538b5e750a293b68f32ab56a043dcea', show: this.hasGroupError }, index.h("slot", { key: '33be5090281cd1c4651bab821d6945a94682340f', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4f1ee1bfb25b698b3ec8cd0429dbec324d8eb703', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f92d62095d17d51a4e7f383750e78112a679fa75', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '8646d0b536f9fa77a62cb72d22a574132c569d76', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1b328bd383b62b0f0776bc15b5ec16472ec468bd' }, (_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: '19d74f17c38c7e10c3aea107f9c0111874bcc918', position: "above", required: this.required }, index.h("slot", { key: 'c4bf7222ed7c1607257baa0a81d2e565a280a644', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bab75d7afa7348004d0448a6e994aa4ec05dd958', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2e0de2aa4c82f1533bac8087f6c5f186f33251af', name: "group-label-info" })), index.h("slot", { key: '2331499f77ea40ba7ef38ff275840718ce28c0fa' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '91bfd5f14aed331e7c5543bda4b318541ba390fa', show: this.hasGroupError }, index.h("slot", { key: '4ec2134e3b722b51cc00ca4fad8979237ffc42cd', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a5c27963c7bcefd352e312660b6c8ef23b8d0096', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '7517b64af6c049abc4081eb2f4dea1d043e88e71', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '5829a29503922aa840a6c86d25c4634a45c6738e', class: {
+        return (index.h(index.Host, { key: 'fed96c8c49406e71ae3bb7b116afb2c0591f6b81', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '392320cdc23d1d7b7b3e29a6b387047c1b0d7da1', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '7b6c4325955bfee9bbe80e0355a34925d22d0385', class: "gux-input-label" }, index.h("div", { key: 'eddd63e27d578211eedc5f19a99aafe46d46cdbc', class: "gux-input" }, index.h("slot", { key: '3e15b66aa91b62bbd2df984620aeb8e0e978c16e', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'eeaf32695daf81da1e9dd080763e022ceb2ba314', class: "gux-label" }, index.h("slot", { key: '9b40dd274ca11305fafe9c41192a97017d9e53a3', name: "label" }))), index.h("div", { key: '0e4236ae2b2bb6b398ef237b0551773a9715c988', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '0623cb317fb2057b41d591970801aaff99956b04', show: this.hasError }, index.h("slot", { key: '4a5999da8179383db795fc71b2a17cd840c5c450', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a15a295f957e2e3be96f6b98f4146c8d5f5c88d0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8dee0e2237865934da855624f51ff811f4b310cc', name: "help" }))))));
+            } }, index.h("div", { key: '2914da86215007f985b046af492ca8314a081c84', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '24b4774de5f4fd92202bd97d06a01c6b47a48d4b', class: "gux-input-label" }, index.h("div", { key: '52c2cd0df939bb58fcdb45c05f7bf22b02693874', class: "gux-input" }, index.h("slot", { key: '416b6efb605f2ef8818cd836b4d1ea41d457101a', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '7773dcff902ee4c96c67c37c348b031f6c12a67a', class: "gux-label" }, index.h("slot", { key: '38784500d1703c5766657214c1a05312f004bd3b', name: "label" }))), index.h("div", { key: '3251d742977c72cbcdd62702faeaa45d840ce8fd', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '90220712c3b8ec0a63b7fff0502ccdd086a21033', show: this.hasError }, index.h("slot", { key: '8dc4388036c1800950c438af3dc337aef6ee7ba0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7f9741c57918a12c8342a45a79d27462ed00ffab', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '40c2560f8cc8fbc733e881d0307e465efa5bff7a', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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: 'ef7f5f4e578f3300a3d50455cf13502b18db197a', class: {
+        return (index.h(index.Host, { key: '02099beaaeb4945b00855e08ebf2fa454ae4afee', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6d1a08b443afa21aad87a4e3bf08ee099a700cc8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '21c729f31a0c0a6d5daf0f2d19af7f51d219d98f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b9ff63bfd18deb65229ac12a595368d91b9fb5a4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bf68bcd9cf4f2e140abd4dba68ba945700a0ec51', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f7c2314979b81e97f36e6ac8e1a5ce7d206eee3a', name: "label-info" })), index.h("div", { key: 'ec4abb76b38879bc5332b9d008ac2084d5aed76f', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e90fc6505581c5fc53bd38e765c83253ca16c414', show: this.hasError }, index.h("slot", { key: '021df5dbbe4892d500ff706dca44e2c0c9aa7923', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5a428db334f7a07fef43e7c9d11838d269664c80', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fe23748ec9fe1efc05275c6af81a8b03be147e6c', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f4489a7dd9336025587ce549b071f5573d43e5db', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '15fc734b4e3ae3f6bc8d4c64e71a86138d244491', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f7e238bbb6024496fe86b8be6aaf253072504a10', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b6d29541f18996f54a031df06dc1978aa73997d8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6deee026027198297109bf4b9330c8b7f3808156', name: "label-info" })), index.h("div", { key: '236a128611adab8603ca027a3e4f1ab6c981fb96', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '90984e8e3e4505ded924b06fee25becd1b8b83d8', show: this.hasError }, index.h("slot", { key: 'a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dbbc319d2ef70283687cf108e65a8d9c0ff215ed', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b6f51b36cf7192450981b6fa65cd36d92be49185', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '7bec4add10bbe1198348e515d7f94010d5ff696c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ecf79409780b4ace9146efa04f23d7766110d1c8', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '71a8801fc3f2a5f153888118cdabb167f7ed1331', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5e4e040cebc2ed53e4afbe21ad63a30d8905cd71', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fb1f57f3a8a828c7335acd368b14e8fe38e4759f', name: "label-info" })), index.h("div", { key: '93b1c819fdae53a41f1f282654fd3121d323fdd0', class: "gux-input-and-error-container" }, index.h("div", { key: 'cf4f4dc142ab086fcbc299621934984d8eec2161', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1a4242f3b735fc0d5cd819f42c47b629d97442b4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '04d15a249db7ed6f8cc1bd742a281248e675f467', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '231ecc5e1d442068a32785ffc72830a8d017cb00', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f2d923c0a0114c75b2ad90f80b7775ffe93b6f24', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '929c36b2473641e4049679c77266e83b1ee0e138', name: "label-info" })), index.h("div", { key: 'ad0a4389b375d749a42eb068a3544c5aa25877a7', class: "gux-input-and-error-container" }, index.h("div", { key: 'f5b1c31aeafce11a66b9ba3525677b45ddf7207c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'ec2d3615952e770ab4315f05bcd81453ad74dccc', class: {
+            } }, index.h("div", { key: 'cff2837d655fde12182fccf58997d734e30941f3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'b557d0aa914ce07cbc79ddec522d3f1c97106bc9', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '6a9717b43d217991f1d8049a1af8eee7faa9ea4a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '99a100ed958a7a88fbc48d2cb2be1cbd3fc9fd94', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '5a22ccf008831c793ef6e3bd88c48cda54783bbc', show: this.hasError }, index.h("slot", { key: '8b5d65d5da1744243d9e3bfb07131b6aae948dae', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '48515debb5e75c62988b3cd8e85ac3d3a5abd5ca', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8124c307378e5e34bd6384f8a753ef69d33aa583', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'd349b5ea69f440c1b63a99e4678fab3f67aaea47', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '2b31ffb30dffc2baa771033bc0832365e754851d', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '9306432483b8017a0baa5ffa212c5d8dafddee51', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '09e84078aaa9ee132a295a38567352e677cd28a9', show: this.hasError }, index.h("slot", { key: 'd7db374229d352d3fca1e5fd5153a7037817c44e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7284f02292dd146a12daf28f0ba36ac2a5c17978', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '087be384f47d40659191dc5e82a36ceac9e7bf6c', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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: 'c15ab0395de23384134e2dc43b74eafc8e68ea2a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '23532015d31f5bcbab28b2b57c308ac1691180fd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2a18ab75ead6d769bf781e2b108a87601817dd9b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '892f003c7374cc9f46fd6de2f12824c1d575add6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1348fe6e39643e583d683a1aa0aaea6684ad5c69', name: "label-info" })), index.h("div", { key: 'c46ac0c7b45155504b633717fe33cb7e7b5c498e', class: "gux-input-and-error-container" }, index.h("div", { key: '81ac871570edbe781d0bf1dbf5214d0efaf89791', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '797587c3df23fbcdfa8057399915683ff4c83e0a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c3127414aa313f2f69b17166a4fbb02140646c71', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9a821346a11df2e01111912ba2ff6469478fe1d0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '34ef7dc053274eb6e6d13a83d947f4c534f87b75', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '139768502d5fa8a95eb232ee31e9cd4925cb3296', name: "label-info" })), index.h("div", { key: 'f647a57c95e3744e36e81fe3c0f2a649c5e5342e', class: "gux-input-and-error-container" }, index.h("div", { key: 'fdfbc4d44aa46694928aa26839519bdf0fd08c69', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '9cae3297e8db17669c58dfeffed20d72a932bcca', class: {
+            } }, index.h("div", { key: 'd8a672ae13c1b23876cf62f77127d6b9a1f5f372', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '2e86072aba8f4026f5d10ffc018067c7e9871698', name: "input" }), index.h("gux-icon", { key: '8bf6384b6c96fa6e7d67fc6c96696faff22c542c', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '85619d945103f146957c4074fe0caf8a63b81579', show: this.hasError }, index.h("slot", { key: '2e95b049dbb5d3df73ba048f4019543810a742e1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '59585203e681fc154bd64e8b8b2904e150e38517', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b7447f0a5ca5c7bd62de473d4adbae36d9e2da12', name: "help" })))));
+            } }, index.h("slot", { key: '8b4c9ed83fb78e472f5dad00c6b4497528249769', name: "input" }), index.h("gux-icon", { key: '73bdba1572f9f648f2563169a35a7e41f6dafeac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b456395f95f07a0e2277c3561f3e1e0fa866b237', show: this.hasError }, index.h("slot", { key: '3672109e8950e05ad2a4df7f6e7191e63a2e55f1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fd815ad74300866113603ed10bf11f16b8428d4c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '13744e182709909834074d4f00c17b95e0d6dcec', 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-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');

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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '01bef1490b74cfc0573527f20fbe41886c81cad1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4dd3c20e4c7fd0e08c8ed78f98b4d978f7351fca', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '56956cd3dbc29f34a3eabe4f8cfe9340e866cbe7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f86a5006a49118e4057c73376025cfac784732ad', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c64f7d90b550c65b715fb1c7d1fed0f73317364a', name: "label-info" })), index.h("div", { key: 'a5481ba72ef7f47de843a03d53dddcdf61ff8c3b', class: "gux-input-and-error-container" }, index.h("div", { key: '7ef26ac30117405ac72de88d362ed6aae6525bb8', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '71c1de67f1dad119124c1ea356bde10e1ffb4db0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8aaa07ae0d057d127da790e50de4c0137a245e12', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ef0ecd2bb3ea150200fecf39e5b0b7cb1642ed66', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '29c6d2afff6c7c609847ee8a5041f20213418b4d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ff98ef2722dae089385c3077e31284295f0a6109', name: "label-info" })), index.h("div", { key: '8cd8ec697f2146824987c2abdac1b0ad899dde68', class: "gux-input-and-error-container" }, index.h("div", { key: '79400572c06fd09c9be0f7a4b369d07d3378f23f', 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: '0674de8316eaf0926887854defbe49c4c35bef2f', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '84d25ef2bf84e2994c47777a02b34bdc3d1cafaf', show: this.hasError }, index.h("slot", { key: 'a14d5c5108d774c252d3b62df03e3517a869c319', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '380322397f97cf0952adb31c5cd610f436da4a8e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1073edf152ede2aae06c1e55b8edf38c8f30f3fa', name: "help" })))));
+            } }, index.h("slot", { key: '2ed962f8388a011018e8ba93ba6ee5fec6a48470', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '3747d415a3c4995c0b6eaed34b89090b9c16344f', show: this.hasError }, index.h("slot", { key: 'f98acba360c20d9dc59a8f90a51aa3bbdfa06cbc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '277819ef5cabb623ab5fd4d1d051f7d076e44abf', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'bd9e7d80cee978682a679254c712451bdec390fe', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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: 'eda1dd81cd04bdd89447915e676f18ca10815dbb', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ee035b1d1652d44ba6bca554c2d08634c5422c4b' }, (_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: '9ee5c2c79410273410eff6b452517fc2ca70154a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '54ef83b00194548c8613736d9f2389c7f9634b0f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3df58519075f48bc04f24a8e1952d7ff260e6763', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '52e0c164133845d66ad6c40e3a8693c021240254', name: "label-info" })), index.h("div", { key: 'ae9f161b2a206f6408534f3a8af3fb2998917e63', class: "gux-input-and-error-container" }, index.h("div", { key: '94d3663ef475b11f4f9cb2b4b9b277c7d2116aa8', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '05621a679b25141ff91bb3d7ff3ca4cac027078a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ba4177cf79d77a641a5f9b687b09cff6c544f45d' }, (_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: '169c24a296e2f9dc100bcf3b5305912aa9bce7d0', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ea7ddcac1cc2736eca597d4b165ad1c69860aa36', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e72016b0d3c2d00b4906c76e0b2f41afdd933df3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '501f4c28dcad1f70144d7d3fa53f7d2047be446f', name: "label-info" })), index.h("div", { key: '6aeb95debef3d5e92c8f863c2898377a9c8a6ea7', class: "gux-input-and-error-container" }, index.h("div", { key: '109c62b4a4b99f70367d07d8fd9bfccabdd9c8b3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'add3567a77a2e4467cc327414e4b69f8387a46e1', class: {
+            } }, index.h("div", { key: '972de3bd25423f7e916d9d582fab90f2a3a3b88c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '6f21d12547c976616ab18d85d91327239fdee521' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b133de407bdd2e7db110faa61fe02874fbcd0e68', show: this.hasError }, index.h("slot", { key: '826a45c3855bb275d1c8b9e10bde036a36529c7a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f5501f9922164999e55b16780aae18f0bd758d5c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '76d4b1075561bd32991d951d349ee7db939c9fbf', name: "help" })))));
+            } }, index.h("slot", { key: '2b7a9076c3979b02f332a408573e610b93b96920' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a88874caef02df2d1feeaf38c6e421deb46b1f03', show: this.hasError }, index.h("slot", { key: 'f52be1d006a3e58c26381457b121876e73b51811', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '65a5f764e7cd5177551217cd784f620d7592e4c0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd10b7047d800d06e120cbf505b07ea1ec015890f', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '54d05ac5281c25fc1b4fd7503f55e7a194b43894', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '079cc18b8b3cbaee2535664d5d2629c2e34e715b' }, (_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: 'eac7bbe779cc226ab1e2733f1372d2fc9aa37b7f', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '28d94f19ee7211c3ddcd6e52eede7300f2f78908', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e98ac7bfcfb14500cb59ce0c38ce2ad7709426d1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '26c52b69aa513a5b72b930a33c9645a81c8d7339', name: "label-info" })), index.h("slot", { key: '0d3ee1b9a54ebc20850070a661a02201613d8a71', name: "label-info" }), index.h("div", { key: '89e9a1a2bdc22af7c4d27ea700142cf7a976fb13', class: "gux-input-and-error-container" }, index.h("div", { key: '635ffdff9cc4056c5738229737a6167decf93369', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '739e2daf47f38a3b444c1a2d95f0688f79f4de93', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7aee616ec9404b9d369c3a4426f8fe4daa405821' }, (_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: '0599733c667124c80585ef4c097078aaa3268696', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fd9c9f7ad9db9976168eed1e7f68077977ea48d8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3b26c346ea33f06fcf627ce170d30f949893fc5e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '468fb1d5b1580da198df87143e2ec2f71daa0534', name: "label-info" })), index.h("slot", { key: 'fa7e2062cdb39431e9e1a0924113fc50a979fa08', name: "label-info" }), index.h("div", { key: '4a1838556a8f74acbc111d0b93e4f8e5899fc392', class: "gux-input-and-error-container" }, index.h("div", { key: '9843c68884b1c41c0f692a73883cab8f3b33766c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'ba205b80cb374bb242abd83d027ed823c5137b9e' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '35bf770d670cb5401478529ff752750dd04610a8', show: this.hasError }, index.h("slot", { key: 'f85ab182d91aa10eba0e7d9dcb99f8a70aa44bb1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '370990f813ab2d4218826d87bb3756be2e0ce462', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7383559941872249ebff59c82e827f6e3ed452b8', name: "help" })))));
+            } }, index.h("slot", { key: '0e1e90a20a1ef09c7b9896ca432f6fcd0497d610' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '7597af53d6c9553d763d1319ea8a1fdc3e5c7656', show: this.hasError }, index.h("slot", { key: '5c65d4f8d917106ac9b3ad828667a1f332de3e0f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '94cf527ca9e4b6b034abccf0d16ee2fa19716c7a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '06d0741e83404835d773e989f104b263d841573f', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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-069a2035.js');
+const usage = require('./usage-76b231fd.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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '5c02a486e4a6d4cb13f0859613272c88389a2654', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'a8a1c753edde229f260ee17885f435b18b61bf97', 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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '924f1e2e1f8146db495142658c9a0b03443f2ed9', class: {
+        return (index.h("div", { key: '2c8abf29af3da009e6d4f197df4e49a47587cbda', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '114f51b2611e0640ce569117722ec8725fdb14f1', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'f6695a60f49fac2de89e426a435a9b18cc7ba2d2', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '7856e052e19cc916c1c038588ee4453a1c52ce5f', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'be3b78b6b4c5a2e89eddf1f204aebe14d4fe7995', class: "gux-content" }, index.h("slot", { key: 'f77dc1f1143ddfbbd4a64ebdd8a4d58e1c6af625', name: "content" }, index.h("slot", { key: 'a8bf89abc99f5389b513bc8669a0d96bbb632b3d' }))))));
+            } }, index.h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '990d518937ccdcff25147324bb0d41e036ec9f8b', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '610c209aa4422cd2cd0731a278645a178e409626', class: "gux-content" }, index.h("slot", { key: 'c2d61448fabe49c14b93d6908627e31ab733ae14', name: "content" }, index.h("slot", { key: 'df5ac77931846370b968d5df4aa2213ad8427ae1' }))))));
     }
     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-069a2035.js');
+const usage = require('./usage-76b231fd.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-069a2035.js');
+const usage = require('./usage-76b231fd.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.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-069a2035.js');
+const usage = require('./usage-76b231fd.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;

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-069a2035.js');
+const usage = require('./usage-76b231fd.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-069a2035.js');
+const usage = require('./usage-76b231fd.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: '4b12b3c8b022a1f116a7dd3601097371d19f3889', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'ba493e2e7050722ca5d77caecec28912bf181f77', class: "gux-progress" }, index.h("slot", { key: '6fe7c3097da09e76ef5d52900708a8ef13fb1c82', name: "progress" })), index.h("div", { key: '58515f01ddb6a0d92e89bd48188d6d0bcf71fbd2', class: "gux-primary-message" }, index.h("slot", { key: '50d9e8e1e3e93d1b37090dfa3e28e1a41b1c7bbd', name: "primary-message" })), index.h("div", { key: '74a9e17d4b230057a089cb4190e40b0889b128d7', class: "gux-additional-guidance" }, index.h("slot", { key: '0c1b6b4682a5949dd881d79e18462a44c0951214', name: "additional-guidance" }))));
+        return (index.h("div", { key: '7930d3e39d9693f70b561d3ae0861ba51ae7bdef', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'fc0ba552ff4c2aea25e90391dd458acb99102f7c', class: "gux-progress" }, index.h("slot", { key: 'b637e1486f7f5fd0ed21ceddff677a57d471edbe', name: "progress" })), index.h("div", { key: '78531542b297e26fa6d7f4c02d03052191aabaa5', class: "gux-primary-message" }, index.h("slot", { key: '4b15ee1e9ba076e75f6732b659a55f94daad0eb8', name: "primary-message" })), index.h("div", { key: '69b77a648e3f8910499de0252310f5f16043354d', class: "gux-additional-guidance" }, index.h("slot", { key: '33a049a29db176892aec241a9564580c05d0eb34', 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: '76424597e8566687209f9344e0bd43ebadac87fa', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '3e3722b03d2a88679eef2aa1ea264dfedb6d3bb7', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'ca078a98830dce7486156d28e46af332327bac83' }))));
+        return (index.h("button", { key: 'bce268abfbd7b364865bdc458158228da6212c8b', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'ae5a68137e1b5c73569e302459911ba6d65e776b', class: "gux-menu-option-button-text" }, index.h("slot", { key: '4005c5d25e5c8d3c28fef4fe67460b81312fb3a3' }))));
     }
     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: '706bb2954a711ab17aee8080966ac6d37e4b48fe', role: "menu" }, index.h("slot", { key: 'b66a8fc779b5f89a74794287a26e3810ac1a5311' })));
+        return (index.h(index.Host, { key: '1f6a40b02c043d1cf3d9e9a79d0000823021f544', role: "menu" }, index.h("slot", { key: 'ee049e4f8889392cb927dc924625a57988389890' })));
     }
 };
 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-069a2035.js');
+const usage = require('./usage-76b231fd.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;

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-069a2035.js');
+const usage = require('./usage-76b231fd.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;

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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:rgba(77, 97, 130, 0.8)}: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%}}";
+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%}}";
 const GuxModalStyle0 = guxModalCss;
 
 const GuxModal = class {
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '55412691ba47251b6fad739025db5c67674fca2d', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '172b9ed449637a14364af17e1baac8719407127a', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '7565d24614ba6d9a7c224cbf6540f757499a1958', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '1c99adf99aecdff20647a100d9924386c00ed64a', class: "gux-modal-content" }, index.h("p", { key: 'f546c26e88b119934aa4bee721375c2a8b9242f9' }, index.h("slot", { key: '9553eaf3971edf7c19625e55da3a8155ac93de6b', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '6ba2f1504838667768fa45900df5e560e36b74e7', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '95687ef3e0cfd1909a8e779b1a02bd0761bca929', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'a7e3a4b27d86cecc436373676a666aa6329cf128', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '6cc7bd79784dd058d5e91bcc7ede3b841a0f61cb', class: "gux-modal-content" }, index.h("p", { key: '1744a4e2cb41df7ee40acf12ab12f7be3478338a' }, index.h("slot", { key: '1a925dad5e34c669aa2d522f9fb1eddc7b7b0a36', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));