genesys-spark-components 4.187.2 → 4.188.1

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

@@ -4,7 +4,7 @@ var index = require('./index-DJ9HGtdZ.js');
 var index$1 = require('./index-CnZZCg2E.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -105,14 +105,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '6ea123b795f941d395a7c1d7e8248c8184635f9d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e35180713387b8b87a982794b63cf5197749b05f' }, (_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: '0128e7171270e19de005c0a96111aeac91c87a87', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e2e1ed9d712606fe4346ea71b1deb5156afc9362', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '400be36b93fcc6631d8daa566e7ba5cc60da27b4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b2141b31fea069c1bb53e09f6e94c7fcac247248', name: "label-info" })), index.h("div", { key: '0368025904483b8dd6e1d8eb9ed09b90c2fcc585', class: "gux-input-and-error-container" }, index.h("div", { key: '65f23143dcafc6e43a7f015cd17a129c5cbeaf9b', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '613378ec2b9693daa0d18c873bd38194adcc8d4a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '714b94c9baea910a5557478a175af7b484d419f4' }, (_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: 'f5cd6e7de34d23b88af5a5c28d7249e1d3cc9ca5', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'dd43169118d9b259d1e264393e00d25ea21345f9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61b7d9650aa32bc485eec34b7b2c96dca71bbc39', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3f159b032cc9ac1a8592d1e8c7a46c8f01a02ed4', name: "label-info" })), index.h("div", { key: 'a255777cea26f2ebc3584c008fdef471470979b7', class: "gux-input-and-error-container" }, index.h("div", { key: 'a3efa67c24b78802d2eda00d5d18e19104c537aa', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'dc607e41a5778de6e0d13b6a68234d3cd62d3c76', class: {
+            } }, index.h("div", { key: '24f51dd5ce104bba05b99dbec535787f38605e9c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'b72d8f134d6ad1ae8f385bf5463975682dfcf2cb' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '47a516a955b5ea38ac3958bf7ec088819ae6a627', show: this.hasError }, index.h("slot", { key: 'f010fbaca29bdb66305ef43898b0166c75dc1b31', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '69d4e91c95728faa37a37305688d3cda67baa9d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '42b6207240a081af47c1be54b0d9e9a46fbe6c1b', name: "help" })))));
+            } }, index.h("slot", { key: 'b113dede3ddca50431087a10f334a68fa42c3705' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6257297b31c53af850adb599dbda8a79678055fe', show: this.hasError }, index.h("slot", { key: '53a58ab2005a598ffa97ab16f894e642e8dc6884', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '34abd49c63cc0617f0f940be16dad10525a8f42f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ac6905a7b49d47dab653ce3ad3d0c5899f2ca5f1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-CnZZCg2E.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";
@@ -130,8 +130,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aa74a0a167f00c3a64afb9a1ac74906393e93b7b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fbee0e9663f864c367fb9c5443b001a07cf5af50' }, (_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: '16d264679463de752d0c24e5709586e3a0e31e0f', position: "above", required: this.required }, index.h("slot", { key: 'ccbe1cbcf87cc55287ff48a61e3c4ed913c63acb', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1abb12f3d9af3848a7c491660378d05ed1311bbc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2271df407dfd329251b62812b5af094fe779d991', name: "group-label-info" })), index.h("slot", { key: '41c1116bb04c07868aaebc9552fd21e9f7759f49' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7772c645665c4c9f5de81dc08a29970b89366439', show: this.hasGroupError }, index.h("slot", { key: '654fe35787e357c5e4ed113b48afc81d7bd27049', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43855ebb7ca5320723db4d6a6f7f2e7c2c8c3ed1', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a6c7b086edf4deae14fcbe9e9e78690c0bd81236', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'acfba046d414d134764bb8d63c0d944ae190ef0b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fc6c07690055a4422007cf2976e7c15cfc1e2b32' }, (_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: 'b910b0eab97d6aaff27123f8f3b7388f987e3153', position: "above", required: this.required }, index.h("slot", { key: 'e5b77b04269f5fdce492a3c42cf48fcf569cfe38', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0bb67f0d56898360c3388e9e188c7c1b523844c1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6a7b260dc69e954062eb7d262ff1dd709a1d3fa0', name: "group-label-info" })), index.h("slot", { key: '324bdaa5590740c1fa0c86490c0ffc6fd50d0258' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bf9c69816c159a8a180f71ad1654476ee28b8ca2', show: this.hasGroupError }, index.h("slot", { key: '7c6500b5062b211d57b7aab257d8a43ad4d7d193', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7eced387d0ac6e21de3c5ba2b6a9561a910a701d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'cc323eb191b6d5139ee85b1a8e9b22c750d624e3', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -7,7 +7,7 @@ var preventBrowserValidationStyling = require('./prevent-browser-validation-styl
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2a07ccdfa483bedb9bd7317bd5dc6bd1529f081a', class: {
+        return (index.h(index.Host, { key: 'f7dc4e7c2f80984974904582d5cc2b9dd5c67fe6', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'c8a3bdf5ee71bbe4991d3a5e3cd9ee61dd06a290', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '332b5681500d15e60b9310c3cb802150e55dc7ba', class: "gux-input-label" }, index.h("div", { key: '72203629b351ccbba635c919ef76f6dc328d7403', class: "gux-input" }, index.h("slot", { key: 'abeae9fb7b1203eb8c240fa08dc9e4d7cc934996', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'bbf5041bf73d34bc4dd14a4218f02b9b1a6a6963', class: "gux-label" }, index.h("slot", { key: 'a967102925864849bc62718fbaa834e93364ff78', name: "label" }))), index.h("div", { key: '7a62d57b6b56a20c0c38402508e19e643b9b2877', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '22c26e650b61d4e7f0d4b56adaaddf83438d5d54', show: this.hasError }, index.h("slot", { key: '767a2b5bc7ae8346503371df88f0bdcd655dc8b0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e7d2f365b35ff06030147c66f296fc96362509c4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd7b71e1858e4981ef423f763ef4e6533cd3ef9e3', name: "help" }))))));
+            } }, index.h("div", { key: 'a1f12b9fb10c3c37751aebc02964b05969acfe86', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b86f210373fac683d085236e558492d130fa5c25', class: "gux-input-label" }, index.h("div", { key: '1ec27063205b05b0569daee06db75328b7ffbbd3', class: "gux-input" }, index.h("slot", { key: 'c38d40a89108c29b74925b3b2c54464ddc818fbc', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '0b6939d4f955c5d028d4b34e4c51d86a99442ed7', class: "gux-label" }, index.h("slot", { key: 'defaaf9b388c1ec65d711cc0df93feff683b84e7', name: "label" }))), index.h("div", { key: '31813aaff5b026ab9ba7101fdf817bff59db1108', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '05d8a17940b0daa4c2fe80470223be99761fa564', show: this.hasError }, index.h("slot", { key: 'c9b45fe30d06f75142b55c67705c814950faf1a5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4b4cd37bddb6629d1d992f401b453b696e0db392', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '25d292684f9b5b17a4ef7e6f1198d96f6c87e2b8', 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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var onResize = require('./on-resize-BVaymqbW.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -116,9 +116,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'bc17164c8473b7fdf04e2bbfdfb6580ef14b1aa5', class: {
+        return (index.h(index.Host, { key: 'f0ea43710ef4a39ce8f00f0aaa5444e4e2c11644', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3d1822229e53b3753c486c35c0bc4f63206adcde', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c3bb26e77789bfba19bed7d1f4885f84a19d1d57', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '1cdfa1597694762bc753b2f24f92497620e3bf32', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '98dbeff398d089a6840083072fd2337372001a65', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bf723a251796ce6d07f401ae83ba8c0d17a4c3f4', name: "label-info" })), index.h("div", { key: '23c49e029982a5a78023c4e05558dde97f9917b9', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '82e313cb42b83c40b758accd2596631068a3ea49', show: this.hasError }, index.h("slot", { key: '42847d83952fdc18764a117e209a07a008a63f36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'adab703b517deb2c01d475ff6515e26eabdab680', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f2123fda5b0ab320bec4cc53e4ee775905fb2072', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5425aa03f151449e14a6fbc22e22cd5cd41a6937', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '3776c2b6167ed2a3786c173eb1df81feec4c9d55', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '0ef71134e1128d90d8120448cbf601c157a271a4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd93000d3b47ab3d4e82ae25e4e66173cfb041670', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7d98fb6acd4c53835929869bfd6073d5d786137f', name: "label-info" })), index.h("div", { key: 'd812bffc149d767637f4c31613dfcd6c5096965b', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c3bae4f5efb6902bbb403e1e5f941f01cda056ba', show: this.hasError }, index.h("slot", { key: 'a37c59e74573413fc69e3bc85e18b501df46217a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8dd139f4e664c185f58fd510d5725033f6a37796', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'eef51ba6ca031acf3a9df9ddba55e2c77cce56a2', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -101,13 +101,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd8e7979a398c2d2cb253a8963dcb73097071913a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0d660a0f7f1cca5fcee9e5e5e286c78c6cda27cf', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7ebeaf339f5d7d1711e178055c4290b937dbead1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd2061f8d3881b5205886d5a4de3e4d4e1fbc63db', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f22f7f97322585e46e0b0c6b531249923cabf72e', name: "label-info" })), index.h("div", { key: '1ffa3def92c9ed7ef2b2eabf7148c3126fcc0136', class: "gux-input-and-error-container" }, index.h("div", { key: '236f2873311d703f441604085aef6c4b36769dcc', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b6fd9cc1299ad98c62eb26ed723b50f252a1d960', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '85317cd753898a4994bee108ffe9de8a10280acd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2de444abac4cb87ccaac33bfd3c9a8fd8fb7b781', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd7d70bb3d250dfabfbff3028abe0a14baa1a97a9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0834958114c7bb532aff2340bd615ffba436ff4b', name: "label-info" })), index.h("div", { key: 'e8e51be1997d6edd73742b41a505fc8c24c6eebf', class: "gux-input-and-error-container" }, index.h("div", { key: '98479f702b194a4afea9c2bd4b92fa2c18baa33f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2150cdfb85ae8958143f1665ae2b7df92ccf25db', class: {
+            } }, index.h("div", { key: '81559bc37b88fe02dabaa9cee25083ebda55e0d1', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '03e96968f01aae2c30253b3ad9a791f97284b003', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: 'a6dc120633867712474d085001dd155694f07ba5', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '8e4b4e775a10328088ae79e9f5c661d2740c3758', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '69f90a44bd6c4d0ebd1f82404646375ef7a488ec', show: this.hasError }, index.h("slot", { key: 'f0622f95157ae583e3282925f5d17d7d9cb47a55', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '698dbaabec30e0348bf9ce6ee29972bddae2234b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4f1238030632208d372842e9452f97739b3564fb', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'f3706a1a58d52caa4398527adc123c796cf583ad', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '26dafd78af632c3418d57daa2acaab3bd3c40e05', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '7f9f2917f9a41cef175770ba9ae537a4de5e60f7', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ffcf69bae8c23fafdf3ca207a22dba5ace612c9', show: this.hasError }, index.h("slot", { key: 'dd600061ead761ee0a705e3e5fb9c9f54616ed29', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3d45df101daa9bafc3852edd369bacc4ffaf1b1e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '04a36d9a887e68426db0e41f44c91afcdcb48e59', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,12 +9,12 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
 
-const guxFormFieldSelectCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding-inline-start:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}::slotted(select)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;inset-block-start:0;inset-inline-end:0;margin:var(--gse-ui-formControl-input-padding);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldSelectCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding-inline:var(--gse-ui-formControl-input-gap) calc(var(--gse-ui-formControl-input-gap) * 2 + var(--gse-ui-formControl-input-inputIcon-size));overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;-moz-appearance:none;-webkit-appearance:none;appearance:none;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}::slotted(select)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;inset-block-start:0;inset-inline-end:0;margin:var(--gse-ui-formControl-input-padding);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -91,13 +91,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8c5479b8fd09bbc9073cacfb06af0c7d9f9dd08d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2328cf2f6608d0c6ca834636ffea363837bc9f20', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '05786d917bc60c7320bd7a91da1a51ccb2ffaff8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '511c4b47c9a5404006c2ca14d278f096fe34fd31', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '60be6e914d33a654baed04a7787fd31acc76c769', name: "label-info" })), index.h("div", { key: 'be7230bca4a5ac4668d5906ab48465dbb1807dfb', class: "gux-input-and-error-container" }, index.h("div", { key: '8cc741be5b94dda1474c4e47c5b4d2f33c630d61', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '36d80cb0c83b9c7e683a21a3b1ee8b319cf4bd73', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd7ab019e29ff3b6fcea76250ceea22038c17e4e0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f374ef61481fa4d2f6c2e53908886ee151e8660a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '114211228486a8f146e41127c1acd56280b4b1aa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2d50de846e94d63aa6dd9cca126d3febe1845121', name: "label-info" })), index.h("div", { key: '5c83a9e15b35464eb8880f609dd01cec4494e895', class: "gux-input-and-error-container" }, index.h("div", { key: 'ede183b4ff75a8915cbceca9a5fce9f73fdfee1d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '5af314bb0e48c2ab8da00be983cd76f7c96807a2', class: {
+            } }, index.h("div", { key: '3ffa5170a267850f556fbcfd9ec18078087dbee6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '8253322c41297ef2295e0b1cb7908014310a187e', name: "input" }), index.h("gux-icon", { key: '414fd118181dd6a87cad8ae1abaaf5b73ee45a33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ae8743e1cda6d0c5342b03ad6fd67a2a01599f2f', show: this.hasError }, index.h("slot", { key: '84eab9fd4a7712f812dfe05cd1a31fb8681bdd3d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'da3fb38e991924f1a87ddc3b823ebb99875d9cfc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7de985c4c6ab83808d9090e1b62eac449d3c4f61', name: "help" })))));
+            } }, index.h("slot", { key: '4e4881a00101024bb2a0940d7b517e4f52892451', name: "input" }), index.h("gux-icon", { key: 'a700cd27972bbcd45a985b98e62f0a9fad62c34e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1d3132a1292256096f8ec2fda877fb1d808b4466', show: this.hasError }, index.h("slot", { key: '5c6ce7083f67f2488ebdab5877cae6ce3e034df1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b836165487d038ba425ca14de727d0f8d0391b9f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'eeb6aed6c059152d2507c110befb5d47491be583', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -114,15 +114,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3aae89e5a9e34e64fdaf202ca32750974b70f25b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cab23d517a69ae2708d3893429c34b4bb09f4a62', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '368437105310fa272294d0df9eb9b9d741b44003', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'aab5d0450aada4a9727653bbcca84251f8d06b36', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '999514abce677aaa46c3361ff14c4881d72ae2ac', name: "label-info" })), index.h("div", { key: 'a36229ad90648c4dcaee9c8f32d7c0e286a8fb81', class: "gux-input-and-error-container" }, index.h("div", { key: 'dac2dd9e5b3837723ee488585da2e62265a67c1e', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '753266bb9ecf15ba5cacfaaee364e59c765b7c4d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '26c4366085f69d644050943fa29c7e7794671281', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '78f39c5b6f908265ae43cd15ad86747051cf8269', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ba5f56697af6bb08d7b24220e16a2b2db53ecfb7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '73264427cdeb03ba95a0f2bf263219b4625b3d4f', name: "label-info" })), index.h("div", { key: '0d3baed6cdeeebb07295a2c9ea40527bd3cb77a2', class: "gux-input-and-error-container" }, index.h("div", { key: '83817ebd3819a5b104da9e6f100b0bc534dcb4a9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '513e5efef0697c77660342ebaa5381b014558f20', class: {
+            } }, index.h("div", { key: '9e39750d06ebd16ebfb7397f966c909025982ddc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6fa9abcd69b8e834f338c424e0a5295400718e88', name: "prefix" }), index.h("slot", { key: 'b9ea3983bfb38b05fc0274aa8c1042c7d117a550', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f0da41ca1dbca2296834c84104e60ac2d54914fe', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '6d39235478e7282efa3753e1eabdad8bae160337', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b47c0a8d858e5e9596c83202cbde4082c244f72d', show: this.hasError }, index.h("slot", { key: 'c93308a6bc3fb318fc909ad284692912cd224586', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e9b5190399bbb70517d3c70b9165c42bef7db285', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '67035512f0b6e178eb4c50f754bd0e51090a9cc0', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '438115de7518408190cb8129c41bd05de5132096', name: "prefix" }), index.h("slot", { key: '3bcb0b6ed7c8f6c9bc3768b512b17641f4606ffd', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '596540127449c6813feb7879b180c14263f907d6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '3b37dd7db5888ddd73ed191c863fdb128712e404', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ccd2d0274f514aba8bb8d9a19259d3d47e5c13d5', show: this.hasError }, index.h("slot", { key: '56c72130ce6bf75d99dcb3da20059c6b52239b1c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '90fe1b60aaaf959583b21822da1a9905b8dd72e9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9d943aecae00baec1eb04210d4c02e8b51c64de3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -95,12 +95,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '989ec6439601ed674996b95f803efdc8e5184d4b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '862ce006386692f5e93309f6735d0d653c42394e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2313fa07bab8373addd04faf624ab0083b415c54', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '630cdd1a052d2888545845afb7fedd79ebc019df', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5e4357e39379df103af426266466750c5031a9de', name: "label-info" })), index.h("div", { key: 'eecf4870471748aa5ead808f1bc09281d4d842e3', class: "gux-input-and-error-container" }, index.h("div", { key: 'f1c25eb869c58712eae8906f3325b0bc6c3c57d2', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '96e4bb7f50b658ba71f58eef6364a7b4c40b5c14', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f589df9755a80ba802a9a27956148e445c6c2c4a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ca92d6a1d0c292bb767b702155efd18cf71eadfe', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd9489ab61733ea7e7ccab22236b559beaeb94b15', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6d5f591c954a9a0cfff971d818edd1c3377c996e', name: "label-info" })), index.h("div", { key: '70638e7f09f965fca80fcd6f67ef75786456f0d0', class: "gux-input-and-error-container" }, index.h("div", { key: 'ecb2ba7cb6308ecd0b2bfc76114843fa4b2dd43a', 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: '7e415e054e384235e792ad23fa9094042ad5dd06', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fc564bf18ac064d60d79465e055cc2ce7a2ffbee', show: this.hasError }, index.h("slot", { key: '332994a6d8fa4e295eafc0b30a53e49b80c083d8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1523d395d422f10916d89139e3103a86eb3e1bc5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dc6c5c0839950a91ffc6901fc7e98fbb89f05347', name: "help" })))));
+            } }, index.h("slot", { key: '145743ba9567e5db383883e7983e26bf3d5dff68', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '5b129317959e6ba6efe7ca779974f8c5fd22fdab', show: this.hasError }, index.h("slot", { key: 'd75956631a0c7ff0cb1b3b373803e717141f5bb1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2ec0ca5ea4d3bb33587e020ed7d68d8ba276159a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f747f9e35e0270ee3eb330507cd4de4e589253e4', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -106,14 +106,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2f6284bf2bd3a191aac85384490bab2d398c67b8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b9c7224d76977974cdecb991c6496caf712c2dad' }, (_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: '121ff318bcdf6b58b326e90b863c7e99e58f4c87', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '83b00e7aa3372ae0f99371fac3b1d99980f78cb6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3c9fc718823faff9cfe366662dbed9019950a0a4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '191738908ec12ea8f5877a716951011a62a44b84', name: "label-info" })), index.h("div", { key: 'a61936aec738bf45351fff022f59c55a26a01754', class: "gux-input-and-error-container" }, index.h("div", { key: 'caa8258090f789e8110964df86e5179cb2417fce', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2a590162d4336de472cbf26d40e29b54e074f6b5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8097110d65499e6426539eb8a3955773fcb26313' }, (_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: 'ef18ff5e0ef2de7068a42d8045425d6ff827fbb8', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c0ca466f74f190dcac95dd9078b6ce733864301c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'adb9c4e9905961806e88d73ecbdd15e9a70f445a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ebe5cc98c6aebc1745a59582b6a7bdf2bb5dc9b8', name: "label-info" })), index.h("div", { key: '47c76e583ffd91528f3a4da145cb5a47a6dc04c5', class: "gux-input-and-error-container" }, index.h("div", { key: '7f1be7d0bc7436f4cf1ef1762b8d1aea231483f4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '9a63c91f1fc6c7734ffd1d4fc56a43289206f701', class: {
+            } }, index.h("div", { key: '1cc80c6073e344954dcf8d82a1ae841cc2607a32', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'f6ba67bed6ba3100e562803db5b144470ceae780' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '14444e36f3dd4a30e3c7925b67a198ae9ddb0aa0', show: this.hasError }, index.h("slot", { key: '25107814efa1dceab24dd57cfa04fdf7a31401fe', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f40f273f9c14cb1b80b8903bd824b0c81edbae0b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f28e67e86167d4f0ee3ce3519124840836f5d219', name: "help" })))));
+            } }, index.h("slot", { key: 'e20ca61994751a5679e0712a466a6b55b7234e47' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '01893585f8ac5a83e6d4eca90fb41e1da013a291', show: this.hasError }, index.h("slot", { key: '2444179a580fa3662112dd762c639ec5b79f1de4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a864aae889748c1b96398a1a42c4ba4811a0e8e0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '24d91c276abcfdbec50703d6069bad2453644ac6', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -107,13 +107,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'a2c68942760261ead99de690292e5212c7e51c68', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'bce390a211dc6ec360e98351dffd94ea587b9f1c' }, (_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: 'd33286d7b2907c45cc7ae016ada4a376844a2382', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0f28f6cf1f6206dac20b921c6801fc867d3c4d84', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8a3a4fd4ea3a8e7d936cdb2b0381c0630f5466be', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6b40b670b50fc08cd2bdf5a4a746dd49f0b75ee7', name: "label-info" })), index.h("slot", { key: '7e652012704350ded87227440248ded99d958c71', name: "label-info" }), index.h("div", { key: '3d623fb3dadea4922acb2bb1cc3f6b5d06b3add7', class: "gux-input-and-error-container" }, index.h("div", { key: '03bd1920912a114ed96eb778cbf508ce796df886', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '253f126bad039d8597e5e04720da30e359b0bc31', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '5b2379af4fda9bd34de7be21e24271aa0be376b3' }, (_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: '431a3a5a3737aaaf3362bcca8a3f5ea121eeb67b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '94a662cd42c271c5c3fcfc69844bb88ea038d17e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '41169379f5472c2c1f1ded1bb0dc08c2cced1f20', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ca2408560747429d605ab9e21639eb79136670ea', name: "label-info" })), index.h("slot", { key: 'c7657a3fc244cc380626010fbb07e3fe6161d4ba', name: "label-info" }), index.h("div", { key: '4452ed2293e7a9155b27b80057e747a955e7fb5c', class: "gux-input-and-error-container" }, index.h("div", { key: '0f1b9da635a172a90a32bbf5edd980078cf56f47', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '08c31da81e638aac148c261ea0ce907a573b330d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a42aa3900bae7604743901f0d02cf142deb0895d', show: this.hasError }, index.h("slot", { key: '043484bc6874dad6c94b82f6641c61b6d1bef498', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ea9e1555da10f5b2db0191b2cbe4573c55c04b6d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0f5cea2ef4a9d9ade78cb103cc41214fc7409b99', name: "help" })))));
+            } }, index.h("slot", { key: 'c088e3e49036cbb9121eb9fa5ec4f87fb8f989f2' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '84898fa29cc83489cacb7e322b472a179caa3b39', show: this.hasError }, index.h("slot", { key: 'c8b6b862e266dc3d7c856967094acc830612ca24', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '786af2950e6463f7a89e6e7cc3f950dd1148397c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9c08e443a5bf0268a14cd75660a869de0999f04d', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -9,7 +9,7 @@ const GuxFormFieldsetHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: 'cceb14c204698d90ee90af0414ade4204e39f442' }));
+        return (index.h("slot", { key: '83ad5bb762495f55c6b15fda8d7ede56fdb5cbb7' }));
     }
 };
 GuxFormFieldsetHeading.style = guxFormFieldsetHeadingCss;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.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)}";
 
@@ -14,9 +14,9 @@ const GuxFormFooter = class {
         usage.trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (index.h(index.Host, { key: '2397b3aad5df2c67ccd7ed477eb9388ca13a776d', class: {
+        return (index.h(index.Host, { key: 'f94cec6653d44f8f7f9c7e0b12929d9a2eedd492', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, index.h("slot", { key: '4df7466803b65af86d04d019f1f935cb7d74af53' })));
+            } }, index.h("slot", { key: '553db5a0585ddad60e28cda7d93b10ff7f127660' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const GuxFormHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '86584a3ff078feed0429c5519b321b5fbcad33b3' }));
+        return (index.h("slot", { key: '46c979c8e1cda5344a11379aba164eaec4546206' }));
     }
 };
 GuxFormHeading.style = guxFormHeadingCss;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -27,7 +27,7 @@ const GuxIconTooltip = class {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: 'af5d8dde7ac2a4ec1bb91ebef4c93dee25e72f43', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: '536b72ca40b47710c0b64267986464f98da347d9' }, index.h("slot", { key: 'f4804b645e487d2decc7e26d41ad8fdc6f8d8163', name: "content" })), index.h("gux-icon", { key: 'cef5056226a35bf4d7a4c9a6650d3c6f70f85d79', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'be4ad8ba30665d478b0ca543d1d96fee0731364b', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: '28d70600f1dbc4b7d41e3386e2931627d06f6ce8', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
+        return (index.h("div", { key: '23c6fe983cd72d7381d795b0a405aa8b15121fd1', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: '2a6f04c4a1017274b4a5380f3cdb40812227bdd1' }, index.h("slot", { key: '28df2a8995dbe7b34b0c40f88c870386ab1e259b', name: "content" })), index.h("gux-icon", { key: '5ea0762dc793afd2d641fb354c2b454718f0b21e', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '87d0f229baf485d6070b59438b19d6fc6704a558', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: 'a2240542b5b893fd34a6bc2c4b7c902a4beb6cbe', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const legacyIconNames = [
@@ -556,7 +556,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '99218862a4c35ffce4c199f28a8b1ea5a7e940f4', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'f0428ad587ae63465b9352564c3fd7bdafe0a693', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {
@@ -80,10 +80,10 @@ const GuxIllustration = class {
         ]);
     }
     render() {
-        return (index.h("div", { key: 'b784dff16a5af2bcea05f22e3478f1d78722080c', class: "gux-illustration" }, this.backgroundShapeHtml && (index.h("div", { key: 'd57aaeea21e7a23f73aea017e97f46690faddb0d', class: {
+        return (index.h("div", { key: 'cfaa332255722b58769c0408127059846ba915b2', class: "gux-illustration" }, this.backgroundShapeHtml && (index.h("div", { key: 'f87994eda35ec34fc440bff789229fadddfd194d', class: {
                 'gux-background-shape': true,
                 [`gux-background-shape-${this.backgroundShape}`]: true
-            }, innerHTML: this.backgroundShapeHtml })), this.variantHtml && (index.h("div", { key: '7c319cf6ee37a229e560656b662f58431f6f6f80', class: "gux-illustration-variant", innerHTML: this.variantHtml })), this.statusHtml && (index.h("div", { key: 'df8b54846668fe2517d497dbedea6e2bdc339956', class: {
+            }, innerHTML: this.backgroundShapeHtml })), this.variantHtml && (index.h("div", { key: 'a79320612864946568e9781ca388ed12f5d06ce4', class: "gux-illustration-variant", innerHTML: this.variantHtml })), this.statusHtml && (index.h("div", { key: 'cac2fa1133509442928112b71a9620647b406d3b', class: {
                 'gux-illustration-status': true,
                 [`gux-illustration-status-${this.status}`]: true
             }, innerHTML: this.statusHtml }))));

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DJ9HGtdZ.js');
 var index$1 = require('./index-CnZZCg2E.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "Information alert with message";
@@ -42,10 +42,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '067e78adfbddb40428133b36b0297665ac02433e', role: "alert", class: {
+        return (index.h("div", { key: '0cc56669d4391255b4ab87778692902d125f9dc5', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '66463583a6c6868cf4b6daad0ffec4ae6f806203', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '8f9e2580c6990f14c082519ff656a1f1032318dd', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '53e3e6259dca207e4384cff943c456840c16f419' }, this.i18n(this.accent)), index.h("div", { key: '6d00d57345d1aa0a96f02042e51a6106e72cc61d', class: "gux-content" }, index.h("slot", { key: '10dd2c655f71f7d32c7e13bbb65c7307c5016652', name: "content" }, index.h("slot", { key: '5397c26961c174b093c0d9f0d3b561cc49c8792a' }))))));
+            } }, index.h("div", { key: '012b260d9f1a98288646e1160bed5a845f42b3b5', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '372a76f372efc221936de7ed79ba410877621f11', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'c4da670c1421a824d4f895b3c3d63a75b41aeb49' }, this.i18n(this.accent)), index.h("div", { key: '947363b18e34685adcc1668261dd695a2b3e852d', class: "gux-content" }, index.h("slot", { key: '80cd34a7b53ec01b57ad4c61482099a0acb4af17', name: "content" }, index.h("slot", { key: 'af09ac4f9428e935698143d185ead50ccf032e2a' }))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-CnZZCg2E.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -271,7 +271,7 @@ const GuxDropdown = class {
         return (index.h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
     }
     render() {
-        return (index.h("gux-popup", { key: '394f1b44198baae7af5e20e971ba6d5b3dd317c1', expanded: this.expanded, disabled: this.disabled, inline: true, ref: (el) => (this.popupElement = el) }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'd15d79f2efabd2d1f6362efa71f47f537b18add4', expanded: this.expanded, disabled: this.disabled, inline: true, ref: (el) => (this.popupElement = el) }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -33,7 +33,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: 'f7937e5406f6742132d30055afc791b13c94d96c', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: '5532218feb7a9cde93bb5472b4750b9b43dae10d' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: '2ec2f0b0e9e176f458186c2340f07392f64ea12a', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '4301704aca8f39bdde35a743c5ca4889ff07c70a', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: '08628050a3099e1512332f33b48f3915d8994f7e', name: "content" }))));
+        return (index.h("div", { key: '62d9b297d43b88816609c237aaeb447a8cfbf185', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: '641f57f5e0b7c2597c64f6e48cf68134c7c92698' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: 'd3289ee0434ba8c9946fda6af15e576b2a2ff124', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '74d1bf96afb3f7d02329b60876b3d5606fc7c6ce', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: 'aa4d7754a9bd6a6f57c7b8f00f9317d3b793f4b1', name: "content" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -51,13 +51,13 @@ const GuxLeafMulti = class {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (index.h("div", { key: '99a1c2dac0915217deed66883b81ed4e9a535b37', class: {
+        return (index.h("div", { key: '6308560a33225fa4856f42427cd1f72896f9d5fe', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, index.h("div", { key: 'ebbde1b6586d5e9702205a116039108e15b2fed7', class: "gux-node" }, index.h("div", { key: '238e7942d29f60b38ff3e7fde66626ddc8965ca8', class: "gux-selected-bookmark" }), index.h("div", { key: 'c775d1f2986c3420fbd41cb58a65afb8f9ffc6ce', class: "gux-tree-item" }, index.h("div", { key: '5eb8881175dc425be3dab7adda230a2b639c45ba', class: "gux-selection-target" }, index.h("div", { key: '0619831125828984d911af9c46bcbd0206577687', class: "gux-checkbox-container" }, index.h("input", { key: 'fc64de6a2279a875fc331490100abaae1377f144', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), index.h("div", { key: 'c8a32032c2a8cc87397d1990e77fd478a81364b5', class: "gux-icon" }, index.h("slot", { key: '8b20342e561990fd2e7310f4aa3dd66f3f87f5f1', name: "icon" })), index.h("div", { key: '925bf2141a05bc92a5cf590e72f32d8c98feb0bb', class: "gux-label", id: this.labelId }, index.h("slot", { key: '809ec1560a1aa2b38e0221818b03343bb247330b', name: "label" })))))));
+            } }, index.h("div", { key: 'bc19e0df8fb756c40b8623685ed8fcaa064979fb', class: "gux-node" }, index.h("div", { key: 'dce35e2451f5b49b0cfaba90f0d1948367d2e34f', class: "gux-selected-bookmark" }), index.h("div", { key: '180ef03aacf13bef370ee831f784b62a04ab235b', class: "gux-tree-item" }, index.h("div", { key: 'b5b06a5d8e329b6c79f8e71a526623081385f021', class: "gux-selection-target" }, index.h("div", { key: '89f77c7c28583c05bbb880d95e2e969835898abd', class: "gux-checkbox-container" }, index.h("input", { key: '780d8d6eee47163a372963672571a3d8db2bcb73', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), index.h("div", { key: '0883d745f36516a14b76e4a7fe5fcdb51e391515', class: "gux-icon" }, index.h("slot", { key: 'a9a0804254fe4e2403d5ffaf5439c2de501d996e', name: "icon" })), index.h("div", { key: '34144c1234b6a2546b3d6d13af9049b214db6be4', class: "gux-label", id: this.labelId }, index.h("slot", { key: 'f21adda7014ecfd2bee9cd574af88ba63d76a428', name: "label" })))))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -49,13 +49,13 @@ const GuxLeaf = class {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (index.h("div", { key: '876887e9ad35fc9d693680f49e7276f6c48bc1bb', class: {
+        return (index.h("div", { key: '2d3242e8a415292bc1302b224e610b0bdc51e1e3', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, index.h("div", { key: '28207105caea9511e07266c968d85da064e55099', class: "gux-node" }, index.h("div", { key: 'eca9ee43fa28c7ba0047a31c5a859ac302d28883', class: "gux-selected-bookmark" }), index.h("div", { key: '6bf1404dc631882ef925c1bef0fd5472766573a7', class: "gux-tree-item" }, index.h("div", { key: '1d5fa5d71b989da6ae814415b1e883a06df7c553', class: "gux-selection-target" }, index.h("div", { key: 'ee4606570b0939067f9a1769411f812af9aebc15', class: "gux-icon" }, index.h("slot", { key: '6ddcfd6c8c3c55d2a847e7d7ead7b8cbb752c628', name: "icon" })), index.h("div", { key: '94a3cca75e93b48ee670186a68b7a39bae80a9be', class: "gux-label" }, index.h("slot", { key: '5d0138d462b94961fdb8862737ee32560e055f0a', name: "label" })))))));
+            } }, index.h("div", { key: '0fe1eae3fb61fe5449d54f0f201e68692a1f9496', class: "gux-node" }, index.h("div", { key: 'a9d61ea4e86e89f710b6f30130d0c54096324d63', class: "gux-selected-bookmark" }), index.h("div", { key: '3afc20579bdff05403106ec9494c921f8efd8cf4', class: "gux-tree-item" }, index.h("div", { key: '0ae41cfc1f5ebc88b039e3b996a12a487bf4067c', class: "gux-selection-target" }, index.h("div", { key: 'eabfa4033ed8ad84562cd1ed0c20a8f0aa2b4b52', class: "gux-icon" }, index.h("slot", { key: '76c513ca92264279b969ce33fa42559b481f6f0c', name: "icon" })), index.h("div", { key: 'bab98ab9f9d2f816803795b160ae3a9d0acb1233', class: "gux-label" }, index.h("slot", { key: '623587fdb223e7062d0d8a73a80b7379cdb4b7c1', name: "label" })))))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }