genesys-spark-components 4.30.0 → 4.31.1

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -68,13 +68,13 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3fa169d0606c345b34dd3d1ea0c6a97fcac527c2', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '759b4fdf526b0f00fd31338dd339ccaba7030025', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '2cb5f8037a0dd6af278d38003d7e8430d04e28b1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '5b43ee2a6a26f7508140c125123d7a60a45a2820', class: "gux-input-and-error-container" }, index.h("div", { key: '6488007b2d7ae11a87dec8bb63f3304e25450bd4', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aa099738226cb230f0840a0e1e6615b33f2f1e08', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '039ba6268299ae6a219268a260250f78d2518fe1', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'a5b4ddcebe54959215023bf8628a8b61904d3dd2', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '9ebe34b182e41461c50b8015c8e48af4f404b734', class: "gux-input-and-error-container" }, index.h("div", { key: 'b0eba7357d020f9c6d04d709caf9ee5ec78b85e2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '6161c983bba8b62e3fdc94fad188310e144a101f', class: {
+            } }, index.h("div", { key: '3efd59cda87aa33594499d0c10adea4e31af2d73', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '54b5ad837c3fe5504a82d1f99e78d02328ac1f33' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '0bfbae7a934efc9d251cc816c0900d27ab3f41d3', show: this.hasError }, index.h("slot", { key: 'dce39a35bcf06a467ee4416370298460e1f075d9', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '736ff141c3eadf6246733d4704a2aa796e821b58', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2caea58e949c93c153264db170dcce02bf27f0c7', name: "help" })))));
+            } }, index.h("slot", { key: '21f7ccabe004e25ab6197cea79bd7a1f6e266455' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '0b6c6333ebefcb2f5cfe5ca2953d86633908d1ce', show: this.hasError }, index.h("slot", { key: 'e2cd7265b2703855b095fc3e77d40b25597c4b47', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '7e80453580965e82153ac94da8f0c0cc5cdec0d6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ad376f0cf533fcbe5252bedb05ac30e8e3fc1615', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-3d294d15.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -49,10 +49,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ff5bb7aee48f8c26d69ce040b7d0880193c1d1f4', class: {
+        return (index.h(index.Host, { key: '2316fcf30820a7164adefd30118fb15bfcc57d6f', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '0a2973afecf805180f01ff035bb3efadcb560918', class: "gux-form-field-container" }, index.h("div", { key: 'a3eb10c6eb04a3fe742e5aec78055eff15301aa3', class: "gux-input-label" }, index.h("div", { key: 'ae559b10664706a61ee43f51a749091a54282465', class: "gux-input" }, index.h("slot", { key: '71364447e2ba1107058dd3755a4168a6028f9dea', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '7b986ac97cb8276386be21822bf49130cdc730b5', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'e83779de807bbf3904a3f51d0d4a9f6993a73136', name: "label" }), index.h(guxFormField_service.GuxFormFieldError, { key: 'db41a36f94db6213bd60e788faee54a7938c70ea', show: this.hasError }, index.h("slot", { key: '8bc9040e14e6acf87716e106ca91098c9cc29f23', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'ad35318870b5ee04da24e5744e4de10adc62d111', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e9d4a3de99307cde1a9ad5f9a52e623104b7750b', name: "help" })))))));
+            } }, index.h("div", { key: '6ac179a6b25f91eeb91c7f9e17f0c4b9cf7b29c9', class: "gux-form-field-container" }, index.h("div", { key: '132b391a50876060bb1e2ee8fa3d36b714e8e3c7', class: "gux-input-label" }, index.h("div", { key: 'f8452c3495851fb218f483ab0c9321583141102c', class: "gux-input" }, index.h("slot", { key: '41dc059248ff0c1169ce584e12ad9b9fe99868ee', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ebb1c083611daf83eff7eb6a68fd78f6c48f4123', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'c138b06f73e4c50a01a6100453f9d2e60584a319', name: "label" }), index.h(guxFormField_service.GuxFormFieldError, { key: '15124eb6f2992766c25c8a2aa4a28c02c8af58d1', show: this.hasError }, index.h("slot", { key: '02bcb7dbaab53d25a7626668720a4732a8526a92', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '58fa3e1e04431c27a5c6fcb556381e9f61c09a7d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'edd699db3516cfafb77247c78aca8d18647c43fd', 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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 const onResize = require('./on-resize-da1477df.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -87,9 +87,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'a06c09930ac7d04efdec9fad9cf5380e6f5e60e4', class: {
+        return (index.h(index.Host, { key: '81bcf7def789b3a2707248c242057d944882a095', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '73cd8f81b1587524e3e968c1efbe2ad9892eb7fa', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '923ea623d9da975829de1d00af40e5a49d82ec8e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9b2b46dd49997d1254ce7c5262ba6c0cd611649c', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'e582ca1f33efdd83cf25718ef3c98eda4be9e824', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormField_service.GuxFormFieldError, { key: '9c80fdd698c1f19a7da8ea276bf1bd1a3b09e27d', show: this.hasError }, index.h("slot", { key: '1245b4a390981b0e28cb719fc545cb67a2f58b2b', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '5a9f56db32ce54ee049c752e96cb47b8f2f4ca36', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a49edfcab3c085d692f5ca81c5f9d68755e0034d', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '32efb77b8a031f7f4f190a0abbd0f3e6bedecf53', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b9ad6ff1911ada56012f51106cb2fc044ca5d18e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '880ec505a41853e49aaff9c53c4e63d231db3f53', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '67ed547b24222835e255987f27f919fadc037299', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormField_service.GuxFormFieldError, { key: 'bf007068167e5c5a2c373042dc13747b2783806c', show: this.hasError }, index.h("slot", { key: '4f6002fd34f88777457f19dc081f6e22b95d6fb6', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '43d0940f664ccfbe8a6d2075d04de5253d9fa9e3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '67e48d3711496fb0d70692783b4956aec81f2676', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -67,13 +67,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '65b3f503b144dd29da530fa69d461b644ae68753', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9813f479c1eccf8191be7f244ef7da43f5bbd0ea', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '5dd92710f9729202adfa25724d147873df1403ae', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '268362984a3027ab2d11aa399e9ce9b2d5fbd571', class: "gux-input-and-error-container" }, index.h("div", { key: '67d53623ae4c00a632a94809f4fd6880740b4f5b', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'eba80d3f0d91eb995ba43a700b85762c8144e47a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5169e89d010bac43bb5030c1986245710d0f4c19', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6f8bc2f71cfb300312e33e7eb1db66e72e8e1237', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '7175c3be7dd691a9e3d3f9f18204f96878755b74', class: "gux-input-and-error-container" }, index.h("div", { key: '61ab7581058f09ad364350d68a50530b0a211f61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd9723406cbb7e17e8a3d47116e512108992f3fa6', class: {
+            } }, index.h("div", { key: 'd5603d0a174f82b00440689183a42a861f93106c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("gux-icon", { key: '07da4b466e0bee3e153ebb08959b808323268746', "icon-name": "search", decorative: true }), index.h("slot", { key: 'cb2ed28e6721aa89f6d9539d2846e7d59ac50630', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: '2ac5c61d0d639458a29d8d9714aecb251b36bea5', show: this.hasError }, index.h("slot", { key: '37cd2042c5f779ad9203276d06eb4fbdc07d9a7a', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'aa6c0b8524353f76d4644c1d3ecdf3f8fd5684be', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3002ff75e68a96a968f367ee1ef9305aab55eabe', name: "help" })))));
+            } }, index.h("gux-icon", { key: '50b1d0b551ee1b677be91fb227b8d8d29500733a', "icon-name": "search", decorative: true }), index.h("slot", { key: 'fb25ce68b17f995904ea179d66964df882ff1e0a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: 'dd2a6547e171135ff2050713ba07a48834cf2615', show: this.hasError }, index.h("slot", { key: '8262f673bb69981e8761d67ff9baad1bac3ab01a', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '7a22597b846232e3b3ec149cfab4eaefa8b39b78', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '04df57d7cc9f427fd5ba03852e55054fd365b3c0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -58,13 +58,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1ca1764a66cf8cdaeee68289c1b6796be811c73b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '10f41774a0353c71657954a30cb1dbc29e42d604', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '33372030326f623b69fbbf8441584b60e87b57d6', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'be7fa0dd4b4a7ccf0dcfba43be1cb7d1d96582fc', class: "gux-input-and-error-container" }, index.h("div", { key: '63939c91c2c4d97c0eb115fcedbe70cfe8a873d2', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '35285308d3d85efbc9992fde8cf8c1cce3083aa0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cddd0fe8599518a183ea1f0d94efc5bf40d741a3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7d850d59eb38dcf279a378d137ae0bd19cc1388c', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '9cd9947dd23e4bf0b10b4f86e618a0aac8e19514', class: "gux-input-and-error-container" }, index.h("div", { key: '80e321aa7923a49942e82367e0da1422ea1bd3b7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a3968cf70d9bc7f0cdd949346e87cb3743df91cb', class: {
+            } }, index.h("div", { key: 'da77ebaf81cb2da4ff5f7b24bfed3aa37ad3df2d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '5a074e55b7f2313763dfe35cba166f750a5dd959', name: "input" }), index.h("gux-icon", { key: '6b03edbf7a3958cdb2eaf4ae644cab68948478bc', "icon-name": "chevron-small-down", decorative: true }))), index.h(guxFormField_service.GuxFormFieldError, { key: '09fa9ae2421e36a4817ba17742fa8036fe8b4cdd', show: this.hasError }, index.h("slot", { key: '79d810c3b3fece1c06a829a6aa0665e1133d9ca7', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'd11bdaaa1c0b8efb4a45953ae3606220cc334d6b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4e0143f3550f3bf1a2d130d529358fd3e615aed6', name: "help" })))));
+            } }, index.h("slot", { key: '2b83e2aff4b48725516c06a6c628a2d918b8ad35', name: "input" }), index.h("gux-icon", { key: '1b525344294f3e2de8075ae34784fdc236a6a6d0', "icon-name": "chevron-small-down", decorative: true }))), index.h(guxFormField_service.GuxFormFieldError, { key: 'b1c917edc17bc6833770266c57234702939605d9', show: this.hasError }, index.h("slot", { key: 'db11927090001b5e4021b94f583e7322693df03d', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'b7ade7c7efc29efa0e4bf07e3af9a56bda735236', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a5bdd87e363fdd611f277c288d71b0d53acb0dcd', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -83,15 +83,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '47208463e724cb78857e69704f455d49c76e77fe', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '29aab8cfeb9826eb0979cfa6cb0853d01bccd97a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c14abb7afa496a8484a095adaf7380b4f767d884', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '9cf99ca28832b273fa70e1bc43a3fbb3ff6006cc', class: "gux-input-and-error-container" }, index.h("div", { key: '2f4a3409dac229a7d48331cd9c2356a4daa4dbbd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '11aa067706c5f6c91ff83e5f7616640e350c6e70', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b99ce693335a34a1345c7cf3a3bb0c467adef8ee', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f92d4903220f4f4a26857f2cb8721d687baad180', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'd1cce04d2d9787290a56a30b893333f0c69e0b96', class: "gux-input-and-error-container" }, index.h("div", { key: 'f80b237e084f23118db59c44d230f1ebf3986635', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a5bcf8d7ac7c8fa258eb28d7653a67126ffac859', class: {
+            } }, index.h("div", { key: '2849803deb586c0d66bbf1fe74f56f519de48d04', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, index.h("slot", { key: 'a5160e2c567799b9d06ed1ba64d426ee3055d22e', name: "prefix" }), index.h("slot", { key: '2c71826b1487a6dab13c6cfe21cb2a7e9883dea3', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '80d52201bf8cf3e9cd9641344eac08bb0bda7544', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: 'bc3363cad1b877316f832b66eec3eb7e543aceaa', show: this.hasError }, index.h("slot", { key: 'cc5ddd2a97f25e11d687b5b5ea91abcd5c24d051', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'abfd5dc6fe0717f885884ae25805339f4c10eebd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1894199f1fa24f16b51c81de2321e28ef8187527', name: "help" })))));
+            } }, index.h("slot", { key: '2688c3997262b51ca3a3b8f0109afae98a42535a', name: "prefix" }), index.h("slot", { key: 'b8a15f02f4aaa306ba2a30718226497b266c739a', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'd1fa8e46f65d35fd7bac6e986f2ff688e0ef0c31', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: '9ff394f8c52df4aeeca5c40c9e8f4fb7e05681c8', show: this.hasError }, index.h("slot", { key: 'bf41f9fd79fb75ccd17d76b12047193aee328cd0', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '4d167581382d2e90dec87eafd518e5b3dfd964b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dfaa97a334b26097a93de84a6e37d76e08e6fb9c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -62,12 +62,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '21edc7521eeff08c9a4a4986f07963d9fadb3455', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5e105f5eae919ea0b34bef6106494bc7bfd97bde', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '2791528431c16d10b8083476aaaa13f6a6b52967', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'd07a4d2231a071bbf227fe6ccd9b291480a840f4', class: "gux-input-and-error-container" }, index.h("div", { key: '543ec5ce1c04df05c8a65a80f34a2282c1746141', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e567e48fe4b00a039f94cbd32810176ed7fad532', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cb65ed3cca6a2a60f560eb89f0c30985d8236521', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9e2089d256eb8df606074334467633ed938563c8', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'a1bee96e501b05b41d913407223eba02357be058', class: "gux-input-and-error-container" }, index.h("div", { key: '8887e3c5d8b647e86706e7b4ef411ed16dc05f41', 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: 'bf926ab7ba621ba5a84c9aa4a096db74d1dbed52', name: "input" })), index.h(guxFormField_service.GuxFormFieldError, { key: '0b267e5dbbcf4b5b16cc8ec981e1771da41a9e41', show: this.hasError }, index.h("slot", { key: 'ae00b3e5b0b6240baf48eab2e6ec6e5f8367baef', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '4d6e8e0bf8bcc120606beeeef6a8af08c184f4d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da563c211fd9674f5d00a74561327db186486508', name: "help" })))));
+            } }, index.h("slot", { key: '186a652acdfed8690dfd8282d31483c68752df84', name: "input" })), index.h(guxFormField_service.GuxFormFieldError, { key: '18bdab3074419905296d93fb6f035ee05c03f166', show: this.hasError }, index.h("slot", { key: '11ea1b40a6136e1b9f25f5706ed7f81678cd49c9', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '546f416b51602aa21044547442c90ba4059cf260', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8b7295b99f63f6ac915e2c63378097937cfe5ba3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -72,13 +72,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '45ba1e5d3250f76d768824144a89f6543e71e44c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '54395c59424113d4046562b31d4d6d56a91ce605', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '0972e27dbc5556249150f8ab057c7b588c260eed', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '01e88cb683d60e1de8c9c3bd2aaea95b83b08f3c', class: "gux-input-and-error-container" }, index.h("div", { key: '29534269b676c46cfc20e60f32159d03d582eb7e', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f15d7bf47bfaf557ffc8946e8fa8f1297afd9183', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '15af8859f0a22183e921d12e14af3f2f8d829b6d', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'b145ab7675ebad903a1f4291cc912d4a7205d043', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '79c344dffc2c225769c18024c04674700af460da', class: "gux-input-and-error-container" }, index.h("div", { key: '74f8cc89daa388d5a22a00fb290edb0ab318a565', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'c0d4e03c651e76d20edc94ace2442c86a16ab5d8', class: {
+            } }, index.h("div", { key: '5d7c0cd3386342fbdabf6d62a4f3bb9aefef8614', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '700b70106a36e05782a6a06be07e40f925602435' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '29b2a44db8be179bdacaf4d2d38070b0dcd80a5f', show: this.hasError }, index.h("slot", { key: '581747dd1b38672cb79d04024f2dbf4c7327fc18', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '2c83a2641cf78d92b421a1f2e9663cbb31592d3c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '081a12d7095e5fd867789c244c3beb91bc7ea4e8', name: "help" })))));
+            } }, index.h("slot", { key: '99e6bc3168524a599f2900e291107d725b6160d5' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '45d6b410b99be965f74b697ed5cc5986663feaaa', show: this.hasError }, index.h("slot", { key: 'f0aa01d917e94422fd9f7bd487ee2e4fdd8c9c04', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '0ba3359659691d685e5719bc0c23b78bf516c17b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4c10938ce5f2dfe66ec14cc35ee90004607b9d04', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -72,12 +72,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '028e13eb4ee7cc02d1fd96353e9202d693efcb5d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'e7ba848fb878de1e221f429fe7e5aec007c77c74', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '014159b691a78386fb4eaa14f035c57a43f6ca03', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '8c831ca5a902f8f57bdde269744fc91a0d4c0446', class: "gux-input-and-error-container" }, index.h("div", { key: 'f5cc83af07b80e166fdfdd05e42e9bb8f0c6a3c1', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'de726d94282d98a7111d24b2d5e338c68474fe8f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '5de20588db37900b85ffa05274e84069b1ab7a58', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '15302646ee40fd0d39ef448eb97671020893049d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '8d02a6381327f6dd0b23aebafaab937d0e763254', class: "gux-input-and-error-container" }, index.h("div", { key: 'eb3e52fa659ee91c57f4bf6a0d851e4a7aae3b4b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '14c9c8202cd660cb73fca0ceb0090c3212e3f08f' })), index.h(guxFormField_service.GuxFormFieldError, { key: 'd9b44d9f01d063e735f11437c04829c4cacba55b', show: this.hasError }, index.h("slot", { key: '9d6c8c4a72b2be7476fecd440cd151edf60652a8', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'bcb78d59eb2172509c9b6ad420b7de8c52591cb7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2222f2004fdb836780945574555c940aa0468008', name: "help" })))));
+            } }, index.h("slot", { key: '9e6e31d44591f3d7324d5c891eb9fd2dba69f39f' })), index.h(guxFormField_service.GuxFormFieldError, { key: '9544e2c9ad10cba12a10fa13b020a873a7c18bf4', show: this.hasError }, index.h("slot", { key: '2dcc8bd05ac0acf94ccf2c57f44a4b289c2ce579', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '8c0018bec31320d074143a753f0e6467e0a8d992', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a236ef369ba11517a65617aa122d76877fe3ad84', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -188,7 +188,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '563fd7836a8dee2368f79f876fd7dde3b1aee7d6', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '123ff50b057117db333bef0c7e9d2318d0452dc6', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.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: 'f91ab9a2f27298d64b9bb129bde693bfae717258', class: {
+        return (index.h("div", { key: '7caded91b7e176e48516b6d2b39227b18733e2c3', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("gux-icon", { key: '3833fff501ea94dab2d133e49c8a7c88d37c2659', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'dab46d5908f75422123ec4b29dfb5dfad75bd7c3', class: "gux-message-wrapper" }, index.h("div", { key: 'c379c1ad3e7f681cad4e1e58ed1479ad6cf372ac', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("slot", { key: '5e678920fde88c954441e594759904b6866ac902' }))));
+            } }, index.h("gux-icon", { key: '8d65fbb32f399271287997051588e8402140d040', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '0d302d645ea61fdf092aa5c79c9176550207d2d5', class: "gux-message-wrapper" }, index.h("div", { key: '2b6b3ac0558ed964fd73e9eb42964f75cef13ba2', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("slot", { key: '6e6e08e66481a5f882eb9fcfcb404cf442f19955' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '989b43b27752d851310e38358e9f2e336830c171', role: "presentation" }));
+        return (index.h(index.Host, { key: 'd5f5d3f2b7416397036fe326af9d25a16b3b0c13', 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: '6e31f0653135456fac4068c765ce997681992ae3', role: "listitem" }, index.h("button", { key: '472a083d4246a4af11bb39536f8b068d547f5028', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '15d01aa011f8ca1e5c23cc76e937a16c36636ec3' }))));
+        return (index.h(index.Host, { key: '3ebc7ba7612911429b236980cc269c62f780bb71', role: "listitem" }, index.h("button", { key: '73b146fcbf6b4db026d91366d0a9dc3ec529c813', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6b3b647d18c75d730e4fab3182f36e842466e8cd' }))));
     }
     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-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.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: '502b5f01972b3fec934fa8db430900be78026733', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '6362cc766649bd2c09d090ba2671f793b85da318' })));
+        return (index.h(index.Host, { key: 'ad7114dbfd9bfd2fb141766babe54e4fc52ca001', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '6e9b69ab988c0b95a377bf298fb99803a2ed1c6d' })));
     }
     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-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.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-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.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-width: 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-top: 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-top: 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-top: 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-top: 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-top: 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-top: 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: '9c593a7f22751093ada6e521cff903d0979b42c4', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '88cde36c045fffd96cb99d8151e44e29593e6717', class: "gux-progress" }, index.h("slot", { key: 'a495f0c9d0c34831e5cbfba632a671dd472157b5', name: "progress" })), index.h("div", { key: '53fcc29632c0aabd8957c2400de76844bccc8389', class: "gux-primary-message" }, index.h("slot", { key: 'a38d090e732f04753e01ee0861ff83a02eb04693', name: "primary-message" })), index.h("div", { key: 'e4405c609d6b2abfab55d91678cdf24457470a57', class: "gux-additional-guidance" }, index.h("slot", { key: '7c92456ef5301f4319b6c2c6f8197d7064d49145', name: "additional-guidance" }))));
+        return (index.h("div", { key: '49fce327807ace6a1d4704d706f5cd17313b0340', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'd9c88c6322d08234f2cd15394b8571c3cc75205d', class: "gux-progress" }, index.h("slot", { key: '818d7d3e508de08c4d93408a86d9a56334c7fb67', name: "progress" })), index.h("div", { key: '5a9a40d59920bd0162e631c4249ccbdb5a68c5e8', class: "gux-primary-message" }, index.h("slot", { key: 'f3dc626e53dda4ae830f48a193c9a0e39cb2b3da', name: "primary-message" })), index.h("div", { key: '8eb67024a0185e935f678f3e01b14d9cdd2a6e7e', class: "gux-additional-guidance" }, index.h("slot", { key: '4590aa53dff7374f3b5279f9f74b388a152f8919', 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: '5ed4c640b897919d7bec94fe088be94ede2e3ceb', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '13a0787715ea1dd26f08aeaa361710dd7b7a5b5c', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'd4240de1290608cec7928aa77eab0ed66ee0a6e7' }))));
+        return (index.h("button", { key: '1b395fc5e7073357b6316bf99cabad74535b0c36', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'efa69f35bb0c7baba9aad7c674514a3e28409220', class: "gux-menu-option-button-text" }, index.h("slot", { key: '418009c28a50b85706c83ce3fa6b22c3e52dfbaf' }))));
     }
     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: '597ba3a24a319a224819e9b11e7b0f51c3aff473', role: "menu" }, index.h("slot", { key: '8379dbca2868188684b659fe9f30cd17e37c21b2' })));
+        return (index.h(index.Host, { key: '90be348799df39d3034239987ebf28f9be427efc', role: "menu" }, index.h("slot", { key: '3f22ac2f08a881b984327e4312f85748a1aefda6' })));
     }
 };
 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-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-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);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) 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{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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;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}@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: '4f6aa228da982ec9c989d897d0fe7c1700313bad', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '7f3cd94ba2aef4b4047a693cb3b9475261a5a9ef', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: '6b736a5ead8c2fdc8d617e4ffd3a73e8750a629e', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'fd018c98424131ba411a0e1c35cfbaf271c71fce', class: {
+        return (index.h("div", { key: 'bf5aa99c17196583643a091cadc4ac61af4e95d5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'd13021f74577d221681404037749b2fa11a49f7c', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: 'cfa6569a483402546a6c02d82eb299532eeda09c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '6a6934dbee9ed80f99526693beae3b84d11e1974' }, index.h("slot", { key: 'c802f05c579addf526fb0ae44e003caa954532f7', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '8abb233f4af9528d456bcaa50884f426f274c14b' }, index.h("slot", { key: 'a5a7e272a776c515e6719cd45d6473ebea19b970', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { 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.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-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;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) 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;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left: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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding)}@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{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -67,10 +67,10 @@ const GuxModal = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '401bd12f23b174ca41c4268ce0060585875cd798', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'e852c3aa4e123af7a6b4f2ef677f81cfff8cb2b4', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'd6c479cb0c67399476227c7156a8425e2d2b0d15', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '9dd11b59f0ea534a13baaec9a52a141ede467a5a', class: {
+        return (index.h("dialog", { key: '38fc57f5c63542093d562456a13a9aa273a82c02', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '47f4b3edccab6099642c8321d5104ec5385063c7', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f6b6ebd16927d726066b17cb697df2cd230c8bae', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '897de639e91d46fa1304678b6b6bcc59414de3bd', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '2b9dbef5921358022d0ce677275df77f6f621fb7' }, index.h("slot", { key: '45230b34b5bd1cd5b04188cfb348a329681c9e08', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, index.h("p", { key: 'b3e55ad109ea070a219d55eb456e5645181d91e0' }, index.h("slot", { key: '1d340009d806f6956a8fd434562fbed6a94ecacf', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     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-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '20faa0a33a3f8081c936499c4e6b1e119c7bd987' }, index.h("div", { key: '959416493e3ce2457b092b425e1cc2885137cd92', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '7b00486c44a46a2803988b33ed56a7023b217a6a', name: "icon" })), index.h("div", { key: '0dab31caaeb88ec32109e4b4f9ce25607436eee1', class: "gux-content" }, index.h("gux-truncate", { key: '37a6a5ada174d481df0b6f07fb5165282032ec7a', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '88e6e507bec7b2af0208adcbd39a4cb565cca59a', name: "title" })), index.h("gux-truncate", { key: '26a5a66629cd361b1b5d4845515465bb30fcea39', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'b03dde7b210131c4659c40f74cdb95571520d488', name: "message" }))), index.h("gux-dismiss-button", { key: 'cd061a1aae2a319e757cc273a2096e5a834b3764', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '95f0699e6fa45841e5d1c9cbf93469776739706b' }, index.h("div", { key: '40f8dc61690012e3d0f9332c259b33229da0b978', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '046d5e3ca767cd3169ac5d467c881f6440c1cf24', name: "icon" })), index.h("div", { key: '7e92e95c11ee47b97867e79bf2071ff094eb7896', class: "gux-content" }, index.h("gux-truncate", { key: 'c2f72cd81ce25da5254689c83f80f3c8115de6bb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '70d07f64b0bebb2e3b52e6710862897e702edfdb', name: "title" })), index.h("gux-truncate", { key: 'e6abb2d9a7ef823549b144590382c426097d9b1f', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2d7941c85956f06d7d039f9b40a0caf8f6f0b6d5', name: "message" }))), index.h("gux-dismiss-button", { key: 'd994890293510eac8732ca3ee85cbc21c110d434', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1f8371cf20b5ffcaa51e8a3dc2d290f473c863ba', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '7246e79ecb4f0112181433132bf59b6149c75165', class: "gux-option-group" }, index.h("div", { key: '1b88ef5fc7d324681563906dacacf0da3ebd9a3a', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '4ff183305a4378f21f324e8befad65e19b099cc2', role: "group" }, index.h("slot", { key: '8d28be3fa040501d17e814f8907e224b5f09dcfb' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'eeac3968c5961c9c25c1db2c55c2f5b187629b0a', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '9395ba72e7b1699215ffc36b73aa9f274772b4f8', class: "gux-option-group" }, index.h("div", { key: 'bf27b8c9178b19ae892a8d73286ed2982b2968d0', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'db086f7edbaf9a16317260100aaf68a0e0d1f0e6', role: "group" }, index.h("slot", { key: 'fa8af1e4f72c2b00e837814e3870c7b457af4353' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'cf4414384b69cbc4db334bc095868105f8d73020', role: "option", class: {
+        return (index.h(index.Host, { key: '15c0a752100732c30a8eb47475279bf55d3b5be7', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'bd15d1bb671a33651ed9e25cffab3e43688de62a', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'e74594f1dac8c232942d6c592e9dcfe6f22a9e08', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '9433bd73dfa84ce17e7d356cd63ce06fc555a60c', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '851e34182a78f2158419f548c6d6890c74c5c91b' })), index.h("slot", { key: 'e36faf0d52864ec90741652740becc9550ec5af3', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'c5ebbc65fea30b480d51443b5e18732cf6a6b754', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'a34ef8685426ae5566670751325569d73123abbe', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '35062fd32d73725ca9b34bef00d2a2e5ab3f112d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '2ac7fdb9d74379427961266eb5c217e814e2008b' })), index.h("slot", { key: '2da36a9feff95d4c0252050b4ded529d98dce357', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1baf096c0e4683e5cd884c20676aa2584cc93f7b', role: "option", class: {
+        return (index.h(index.Host, { key: '02527afb97de0931101e9aaf74080b030b68142a', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'e39f5ac6de711f47f679cbdeb20a569490d2f9a7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '8a228a179629b2ca343ca61029e8242787f37838', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '726b98369f534e1e4631abf0b6a4ba44c5edf9eb' })), index.h("slot", { key: 'e5390667a6b99c815e5032470286203a919f692a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'ceb9c8e201e1969a06cb0e265995c820d74fd8ed', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'f65d8f3260cf93dbf662c4db01e3a785f0928ed3', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '5968bb3388a7c49914f8965a2987c20e1fc7e4b2' })), index.h("slot", { key: 'c25e49ff744640b3d49c523b1c456708d427fd97', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-7dd20fb3.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '4742d0997a3a541c4f9e0b34e6041f57c4986d0b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '4257e99d34a87926fbc3d510fc92a1bc9461b972', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };