genesys-spark-components 4.71.1 → 4.72.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3a57e1bea9c8ba547849e8975a45f0cec5e16587', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'e6e2e0851c0d12806bbbe89fa799f80867d428fb', ref: el => (this.targetElement = el) }, index.h("slot", { key: '95155de5c8d9b4a4871302f33b650a8da0cdebc5', name: "target" })), index.h("div", { key: '236a63c0c8a888df386c57569a387b16d7b1a111', class: {
+        return (index.h(index.Host, { key: '96edfa3ebf5be5afe504e370c2a14cfd2daef2e8', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'e0d36d479bef1cbc9da0e256b99d2548ed333809', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'b824bb2babaf66719c69ab878a9562ba17e59ac1', name: "target" })), index.h("div", { key: 'bf772250442e633fdd2334bb90beafcdf8269563', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '5eca899d1973df57ca76f621a69efea5c7698473', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '2371e0ad36a907f78932e753f7f73e800e6096b6', class: "gux-arrow-caret" })), index.h("slot", { key: '9a95cf351f93d214c2239b8ecf03b0cea27d46cf', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c2cd14ed5b78d0a1632851cc113ffdc50528716b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'adfe1a13efbd5e7eaa58e5382dad50a7d00c99c6', class: "gux-arrow-caret" })), index.h("slot", { key: '1e90344b959b1bcfc73a4a74c7c61e50a65d4a53', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -10,7 +10,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 
 function setAllCheckboxInputs(root, checked) {
     getNestedCheckboxInputs(root).forEach(checkboxInput => {
@@ -170,8 +170,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '71fd89d19477a795bcb43caedf9841294f179ea3', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'a6ddbcf86c5145d1b207e600ce6f8fbf85bba3b4' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, 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: '2e1931fb4633b12231f96e974fb3cee990487d1b', position: "above", required: false }, index.h("slot", { key: 'eaf4cdc9230123ff75052e40246115b369342d61', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: '308d9770d17ee92aa96314c85ba09b0296af3866', name: "group-label-info" })), index.h("slot", { key: '1244cae1a7294cf0a559517d6da489d803840604', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'c08f355f65c1fa0111b710b04293d32f4a77cb4f', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'be714daba2e9e9ea7396558e7b0fde5b894eef85', show: this.hasGroupError }, index.h("slot", { key: 'b34898b5a5b075d3b7bf4c70fe61ab43e3500478', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a204e871f9fb6b1642a245b5ea619b9b91608e8a', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '6398b2e744a7368e6fc7873c715d137f6e4bcd7a', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd2d6388298b7166d57da2b5c22ef6db4b6e24f97', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '0db9d9ea4dd539a61278af772b8c6932849371fe' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, 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: 'f9d920bfcb30926eda1564b809c0944ac8598ec2', position: "above", required: false }, index.h("slot", { key: '59f6fdb532fd40ef2ac79762398a17ecb51f7583', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: '2334ef8f61007cdb82182b7ae05fe6f012553b89', name: "group-label-info" })), index.h("slot", { key: 'ea1e880daa92661d10b4eee4b7eede2bb29d0d54', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'd88a9ce2949718c4da74acb803889acc9ded4dde', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dfcc4a70d226e2b9502931d7746052dba5efcd90', show: this.hasGroupError }, index.h("slot", { key: 'f6c779ada444a5712052f93f66d34427717f936d', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '672573142344dc7288b5e8dc9bb4d0032c538c8c', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '4e6668b094068ac793ddd1ef004601b2652dd113', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/cjs/gux-form-field-checkbox.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 guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -53,10 +53,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '622c07b7f2a3b0c783cd9182d3d562da22c36a5b', class: {
+        return (index.h(index.Host, { key: 'a7ca2efdb4a4e118969b80ab231375f6c6891c22', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '77a9517374fcf81df91a17a08fb4547a9f91c1f5', class: "gux-form-field-container" }, index.h("div", { key: '2d26152d3afb47c114f302386335ceb4b158236a', class: "gux-input-label" }, index.h("div", { key: '9837b0c10ac9412f4cfc2abc0781de218ddc67e9', class: "gux-input" }, index.h("slot", { key: '1d91becb705ca706dd5ee34262d0523577db2e2b', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '7c196bb2951b7d60f9f8ef9ffc37567a2412325b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '5a070600ecf9d0ea37f4712aae00a53a2b3bc894', name: "label" }))), index.h("div", { key: 'b0eb03072ac74483b4f7220625263bb33f4999d0', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'fb30efdbfafb72a712075fa615c39bd845288503', show: this.hasError }, index.h("slot", { key: '55d7723528f41384a321ff26f590e1201f0d43d8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '380abf6e2081e998da07191c8f7cd6360fda5c2d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '662dea1c9e54e5ef4de3328ae6d3cf1672018650', name: "help" }))))));
+            } }, index.h("div", { key: '3da7fb8b8497dcc5a22ce9fb82a7d7707f1c7cd3', class: "gux-form-field-container" }, index.h("div", { key: '351dccf78036564fe310039c7bf5261f022cfb60', class: "gux-input-label" }, index.h("div", { key: '78a47780fe436bf754b5d91fd6fa910d6bf0ef1d', class: "gux-input" }, index.h("slot", { key: '50487b7b4ee7041342533c375197fa3a3113321e', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'f4385aee690dad8ca6cfcf90c2e7071b15274680', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '63697b88b3146944265dd721221a423fb294321a', name: "label" }))), index.h("div", { key: '32fa798b6d4f631d4e1bdbaf53f7e63d2a176c38', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'a6aeadecfa6362d7ca24abd0a157c8321fe098fe', show: this.hasError }, index.h("slot", { key: 'f1ff271aae103e60ffdc83da30b80f96818655f1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dc991534240a90b7dcf6a2a65165bfb6e9963ea2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a282c1a098973c11278a424a0efa357741639291', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -88,13 +88,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bd8ffd5498ce8e610991bde0e504f17155013320', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9110741b56cad3534699aa46c1c9f4906415544b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3ae714696acf45e871d5ff5dd17462c007946291', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '778127f519439c2222eb2e2cefb06dafe4ccd580', variant: "required", required: this.required }), index.h("slot", { key: '458b80b587e2a71a6b74c254b17d0254af689242', name: "label-info" })), index.h("div", { key: 'be307b732e213e887e603285883939d517a0f515', class: "gux-input-and-error-container" }, index.h("div", { key: '99606aa771b9cd0d7dc905f5bf372d0611b0cf24', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '29d241389f707cb297ac3ef6eabea1b346ded0f1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b4b8d8d1138fb8fc5e9b13d246463984d55a1a13', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3f2ebdd2236e54a687c2d613e98b8ab9f1d97a83', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0203fbc1299e0a0b5eaf0dbb5ca921a00384dd0b', variant: "required", required: this.required }), index.h("slot", { key: 'bf422a7764d5bddbe7e0ec3b57a0ee960ff83ce5', name: "label-info" })), index.h("div", { key: '7dd23ec835c1a151e490841dc6bce133c4ba4fc6', class: "gux-input-and-error-container" }, index.h("div", { key: '8519b3f9f0e19819327955915a26bb3eba4e402a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'e8f5424a77f503939194845952a600942881fac3', class: {
+            } }, index.h("div", { key: 'e3f531955a782edc5f39eac73c573cb26d690ac4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '5165395c1c2e170ff5a36595d6c818c9f32eec84', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0d485bd468bd554a68079a95646137c244ed0a9d', show: this.hasError }, index.h("slot", { key: 'e18a74f723d34c6b250b7848c1638c3cfe31c782', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'cefe2b17cbcb4d1b54be05bccba3b116d303144d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'bb60e7a17e4e3ccbcb32f157976c7dd082a8edf9', name: "help" })))));
+            } }, index.h("slot", { key: '4908727466e639f67106a28a1fefaf54f498d5c0', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6ec2a153fd7fc91e5202250b83b4ae62507cb09d', show: this.hasError }, index.h("slot", { key: 'a4353c484e433edcb76d3a5f895eb878b7f1209b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '94f60b98f9b245effcf196798a67f47864d6e298', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a6dcc274bfc5cf7f64204a92234077895cd7936c', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -106,11 +106,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '63361cf42ffcd8c77f343dee01c3adf81dc0941d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '031c0715fe3cf6987a40233ab80aa5acc6e7710a' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'd325b9b5ebcb0ff61e6a60de667632518e957c56', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '42c42440dbb653efc0d04f2e0b3f136f1656f6f5', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '696d9ddb331ceed2538a74fc23e7b4ed30aa5b09', variant: "required", required: this.required }), index.h("slot", { key: 'ecd3c58e1d31cb8d94627f38569b441d8e0b486a', name: "label-info" })), index.h("div", { key: '648d4ee2732fec9cc56acde6a5f646e09f79c7cd', class: "gux-input-and-error-container" }, index.h("div", { key: '65e1736e94fcff744a62ade04f1e18af77254f3c', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '02092a864c5bfde3f63a888f6653ae925ebeb870', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '69030793c972f686c40de0f55bc0b4758bc7c741' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '7d07d6c257fb038cbecb6872e9de44fc8cf1825a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '256132dc6b7ada55bf58fa3ad664a68ad77594ce', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9768e7634e898ee011f9bd104ac332cd36b31712', variant: "required", required: this.required }), index.h("slot", { key: '4f6d03535931cc5b640d2654b300619d9279295b', name: "label-info" })), index.h("div", { key: 'd9b2b2e1023ab633cf3c3a859c871fd63fb300e9', class: "gux-input-and-error-container" }, index.h("div", { key: 'c85742a7669dbb02d2c833d20e2028205aa060c2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '9411d1f82b80e013850c8ebfc7f55843d643acf7' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '52f1e48db508e83c7cfc4b375d81f032609b6776', show: this.hasError }, index.h("slot", { key: '41d22e038c502a355f1c45befb38ac7e190ea43a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '10c388c498f1dcf67a6377ae01673c70fefae884', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd128221341c321854206652607cc4b0078a024f2', name: "help" })))));
+            } }, index.h("slot", { key: 'd7a47e982b60546e843d26b326d17bb2f515da4f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '931f24b1dc59947d14410bf0234e974d5504b82b', show: this.hasError }, index.h("slot", { key: '66f5e7d58a98851f131df93a2b9d0ef7b7bdab95', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '29db2492b405be541c69d7b8247468f06e01b16c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f173bbf8b3380d280255e492eb51295965f232b3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
@@ -103,7 +103,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b45503dabdcb64f1df72928b99305aa5efaef423', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f09e291be24f57e678a72e417b2f1b7bb977082e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fc9b9068354b8da568006d4d44640fef4123fa9e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3ef29064e0601bd2c8af11a19c9a1a8b9e986b0e', variant: "required", required: this.required }), index.h("slot", { key: '83ae1424fcb54708af961155db4c26fcbd059cbd', name: "label-info" })), index.h("div", { key: '33b58d805d61f1d8b27a50b0db96c31caca6f54b', class: "gux-input-and-error-container" }, index.h("slot", { key: '4fe2f05d1b6012908ac312d1bacb3a3d62f28c8c', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f82044540fa10d5cd81806e7ecccba3419fb6667', show: this.hasError }, index.h("slot", { key: '9142937b77c997e8bfc0ffc80b2e363609e72b88', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6ceb51c3e58b3cd3023e7a7184e171e8c2f75027', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '60641e4d45948eaa1b9d8faad04aa70f12ab1693', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e5b4d9fdfa79cad57d505668636f26d2f9daf69c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '99f7577d1400eb36b0242b195008988b59f5f248', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c12c665f1cd9dc5749057cfc2a594481ecc0faca', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '52b9d60441ba013611560a7d2116c14e0e5323e0', variant: "required", required: this.required }), index.h("slot", { key: '5ffdd1246404deeb9f621ada51a85bb4ec29dd65', name: "label-info" })), index.h("div", { key: 'b4d0f24cbe35ea18cb2390d7cad8db8c44186157', class: "gux-input-and-error-container" }, index.h("slot", { key: '5576250cc594f994c3bd8d265c509e8a72fd49f1', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '142b616ae68ce9bbf0add9261eb298b085c4eced', show: this.hasError }, index.h("slot", { key: 'f0e40d277507f95bf89a6adb7db6700e1760f969', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f9019d60c785a5f1134748beee6322b887f3e02a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ce08f918eb12f490a5a1b0f6e02ec2c8866d3845', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -24,7 +24,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'f16b595c0688c619aaeacb7e7c099fb1530ad489', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'af8f1f7813fdc524978215781fafe1832e29895e', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (index.h("button", { key: '203c195fdddb1de2a5ca23731acfec6f28427641', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '3544be5beb9caabe7d246b1d3e1d180bad6ce48a', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 
 const guxFormFieldLabelIndicatorCss = ".gux-form-field-label-indicator-required{color:var(--gse-ui-formControl-label-indicator-requiredColor)}";
 const GuxFormFieldLabelIndicatorStyle0 = guxFormFieldLabelIndicatorCss;

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

@@ -13,7 +13,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
@@ -115,14 +115,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '50bd11218b828b09bb602cc83ff79df6ddb6cc8a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9547859b8e7e782769cc3b4367e9c9d2e5f8d42e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ab9fca342727ca5bd14368c5495f38fe0ab579b6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9bab59ea6fad08ff0595c752f8f295c08dfbcf6a', variant: "required", required: this.required }), index.h("slot", { key: '901bc8090db33f8b9b4e9eeabb86babb785053c2', name: "label-info" })), index.h("div", { key: '3ee05abd1a34ef1d8d24a548317ea2ab1b34b0c5', class: "gux-input-and-error-container" }, index.h("div", { key: '36e1a17d312adf913c2b05457608694361eb7743', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bdc69abdce07c79cae7b2bcee9810710d6f2bfd8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '60a348cae72ba59bcd5c8891604364ddda93eae2', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'cafa11ccc43a7d8bc095069ae4adb90f8a75f3c8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3612424e53ed5c23683b09ecf0a03d8f231e1b44', variant: "required", required: this.required }), index.h("slot", { key: '280b627fcd8dedb13787769231d412d0f394b5e7', name: "label-info" })), index.h("div", { key: '51b56fe321cc3d48096754423442f2d529d558bb', class: "gux-input-and-error-container" }, index.h("div", { key: 'f9a1f85e390fcfcb73384d9f2d1bd49917dbd5e0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '1bf6f9f87f7e8fefff22a3b5b769b895916a551d', class: {
+            }, part: "input-section" }, index.h("div", { key: 'c71394a32b8e54bef7161419e2eed7e8cc887c48', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '30f42fe682d7b107c986fdc497582aa79cbe74c8', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ce7063300eaf85c779d33cd459b48f7c2a0af8a7', show: this.hasError }, index.h("slot", { key: 'b3b53ed8414e27a3c0957bc3e94a616530090f20', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '63b748c95e1f0799f0b073b82a3a6a919201c964', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8f1bf7f5e576af7b1ed2db67f784bac4bc3a05fb', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '7f131a33acd53537257fc75dd9192b9117701eb0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'eb3f61b5aa6a845637679bac55f61cfee15bdc82', show: this.hasError }, index.h("slot", { key: '792521d7085f609db90658b39357cdb9705d9954', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '824c3def4a6e454b609f55c6dd7666db5810d88d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6f7980541f036d255aee6ac55f91842f16292eca', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -276,8 +276,8 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (index.h(index.Host, { key: '2820c182b85e0299720d4abbc157a8604586736e' }, index.h("button", { key: 'f5281a55dfa45a66d70a94c00b500398cdc802e4', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: 'f76d0448816482e93a94735df84f9461f921f0b5', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: 'f4cffff7d04b8940ce6481533f27a16176e93489', for: "popover-target" }, index.h("div", { key: 'd8415ca69b5d2a30430a29e3aa199429f96c4559', slot: "content" }, this.i18n('goToPage'))), index.h("gux-popover", { key: 'd242c1ac2b74e7ad8f3e3ac263b3f25d2a410544', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'aeada09ea4194538e1f7c784f06c0305632e283a', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'd1fdda287990b81432fb0ea1fba701feaa0313e9' }, index.h("input", { key: '71523be8c50ee40138a4560574523060f3c8a834', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                evt.preventDefault() }), index.h("label", { key: '3a0c0d349584f5e8c105c1104c654aeb8077a8ae', slot: "label" })))));
+        return (index.h(index.Host, { key: '1b1973bf7e5b9ceeed131348126878ddd243c30a' }, index.h("button", { key: 'f53e15cbb6f48f40e4c807849806a3e649996d43', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '6a253d97059655330bed5fb9b6bd9c9e9916c7cf', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: '40032813d6625f2d76378ca98e3b9703ef0650c8', for: "popover-target" }, index.h("div", { key: '8b7786cce1bdbef521155aed2c9066f06d0c16a6', slot: "content" }, this.i18n('goToPage'))), index.h("gux-popover", { key: '988d6070839e6243569469cc86904c0e9c9bda5e', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '5b98aeb69c0cbfe7023cf4a703f139abbd461f82', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '1d5df32ae0c86d15d785c39e19fb2a0f9a082312' }, index.h("input", { key: 'dcdfbdff212594f8c3435222fa72810adc638f07', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                evt.preventDefault() }), index.h("label", { key: '02d7c5779f33743983401e68456ede0c9c6ff259', slot: "label" })))));
     }
     get root() { return index.getElement(this); }
 };
@@ -438,10 +438,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '73bc102bb15e3558f9ce9bf3d0d9a227c7c7d066', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'f953185ba8b34abf585fcb7318687330339f1e2a', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'b4de1be84cda8c3ec3648e3764b91ba9e79c430c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '61e3578e40ece777e9b361a10c6595fed291a402', class: "gux-arrow-caret" })), index.h("div", { key: '92641ff8f3fc763886a1a94b61354339938124d8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '9c544091c84b663706ea62a4e39a659947fc9a31', name: "title" }), this.renderDismissButton()), index.h("div", { key: '42d1a067d01bc84700d055c76764c68c2263bda3', class: "gux-popover-content" }, index.h("slot", { key: '46b29b5905512f76b5e3f25a3d7978e0a4cfa4cd' }))));
+            }, "data-placement": true }, index.h("div", { key: '2b393fddb97a4d5c44b0068a1d96d63939bfc991', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '25f3011393d77faecad651ed76e3e145e193d65e', class: "gux-arrow-caret" })), index.h("div", { key: 'e27ef97e697f6ac07c8cd5e3b2419d22951af4ee', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '1121d07f05ec8074b531533748b73d9291d9a6de', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'da7b6a3d03d4ccce86b6d9e3695108738c0d8d37', class: "gux-popover-content" }, index.h("slot", { key: 'a5ecabebd81143ad0ccb8ae735b26ea0d84da383' }))));
     }
     get root() { return index.getElement(this); }
 };

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-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -101,14 +101,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5e79706a4106eb71219a0fccecf9fecc70ad029f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'beaea1fd3d613ab90ac5e097c025096e7c83244f' }, (_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: 'dfe696f2a760552fff055c424a5cd9e394eeb20b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '730a6a00c0b6872099d7aa44bdafc923af385d77', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3d1362cfc275d089d41e4d6495aed11a4fbd3056', variant: "required", required: this.required }), index.h("slot", { key: '734d9a3e505bb48a27b676a6b16c13717ebb87d7', name: "label-info" })), index.h("div", { key: 'c5151c7762ecfa31164375ae23f7ca48b8b1548d', class: "gux-input-and-error-container" }, index.h("div", { key: '83a99c191cb03b34ef4ee5e37b9be5f4237556b3', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f59d59a0f211944242fa5cb903783c0ec688a3dc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '46d2314d09ac44e99592fe5ae51f3f9f42797eca' }, (_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: '6beddafc280b6dda6773e71b7fefcdac626ce1a4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fa6011c0ab31dadaf15c02ed73ad74385dfcd0b7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'edcb15d0cff3838217b1e21f0ed7fab64db2ec39', variant: "required", required: this.required }), index.h("slot", { key: 'a90402b0c8e5f58d8c204e81ee19667cd176720c', name: "label-info" })), index.h("div", { key: '5fa23b1af5132135c5900ddb30f7779648f2cb47', class: "gux-input-and-error-container" }, index.h("div", { key: 'b54a1436d004891780cd737bf4ef6d9c9a1f4b2b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'ece2e66fdc6612ab711f4243d803363fabff2b8e', class: {
+            } }, index.h("div", { key: '436c0d1c902cb6e4d9a7a091928bdbd081b46f99', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'aeeb02d360867cd9400046b6d63c61f588df9713' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6ffda1db40ad30c409c431339c8183168d7dbb64', show: this.hasError }, index.h("slot", { key: 'f75504d4695a26edf90b30cf2db36fb354db4f29', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f171c53e11efd91de79c2e0337682188d465e134', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3858cad08f08ec51f79b1c52461a0d2bb36cb6e9', name: "help" })))));
+            } }, index.h("slot", { key: 'b0da838a3f47a070489a78666f80fb0925734dd9' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'db226c7be27b8220e18bb0e772e05fe46ce65adc', show: this.hasError }, index.h("slot", { key: '6e3f9975a9220b5ea93a096fa76455105f1c617c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e9c4b1a117c0cb0da2d58749b8a43924d027541', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b7ae2ae7958eb4c8a31a74943914fd9583a7f345', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -8,7 +8,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 
 const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);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}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);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}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}::slotted(gux-form-field-radio){padding-top:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-radio:first-of-type){padding-top:0}:host([disabled]) ::slotted(label){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::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)}";
 const GuxFormFieldRadioGroupBetaStyle0 = guxFormFieldRadioGroupCss;
@@ -103,8 +103,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '18fb0c21924bc28ff5ab47fd67c5de6ef6b34df5', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e33a6c28e3a2fafbbdff9107a33bc3ce6cc3e680' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, 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: 'c6420ade388fef239f6cf7e43b062992c6f5ef40', position: "above", required: false }, index.h("slot", { key: '51ce44d7ebd941cd80de57dabe1afdd28a287aac', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: 'cdefdcf43799bcb758ea0a27a555fb0c3323c96b', name: "group-label-info" })), index.h("slot", { key: '1b79439e6930fa43d2c508f16a79b2763b369e2c' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2eb19786e466d0d8f4dbe3efd6866eee5b7cc9d0', show: this.hasGroupError }, index.h("slot", { key: '73f97a0982220c438e51086db8b26c7c4d0db509', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd947d3ad2e58438d770785baf504d2e12705069a', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f102ee933a12c6ae5cd4290e8adb9bae3c6cdee9', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'cfb2a9340bd3aae78348520c041cda2b32da0725', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '67c0be1d64d53062034c4b85baec1f31df2dd586' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, 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: 'c65436fe0cac707c2ae9fb7e4316edbb7eaf57e0', position: "above", required: false }, index.h("slot", { key: 'f3c3a14b923ffc576edfe29aa77cd5e3ac85a52d', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: '8dbc59fb5f52a9b4864e2bf11a7cf071db746b9f', name: "group-label-info" })), index.h("slot", { key: 'dfeab49b8fabfde3ac9a09f2ee93894e6c910f57' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '81e1135464e64bff72ecad9f32e851ceb13c01ae', show: this.hasGroupError }, index.h("slot", { key: 'd408e9926bcfddb4ef6aa13e02ae402fcad252e9', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '35e0a64b9ae7cf6dfc3e6b465f708784f74bab3a', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '22ae0bc5645846e776b9845702911c6683b531bb', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -9,7 +9,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dee308de65283a8fc44ce06f2da458e3f108024a', class: {
+        return (index.h(index.Host, { key: 'a0b5407dedc705a9ceb73ef503eb98383067ab85', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '84c778ad31cbc0879422d1b57ffbbfb51c4d733b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'f29e1012c2140654c626dbdf2e49c6492675f59e', class: "gux-input-label" }, index.h("div", { key: '9324b917de2d38e872fd6f858198ff7d6971dac1', class: "gux-input" }, index.h("slot", { key: 'dca06eb2f5370cc6979ea6dd4119083397bcf5ac', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ebccb4e6bb0438b183f1a7dd542120933b6dd2e1', class: "gux-label" }, index.h("slot", { key: '204dfc4315640ac7974df1ec434f06691148078b', name: "label" }))), index.h("div", { key: 'ccffe3e77740d2231216e9e6021f65fd035d1ed1', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '8b6701eb9a7ac2131597ce9f9f08513e3c46bcbf', show: this.hasError }, index.h("slot", { key: 'fe09527fd9035f25c6d91c3f6285839a09e5c423', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fd58af8ee7e72a1389c45b37cd46a55798db6efa', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7a76298da2764985c0c7febcf744ca9efb40ada8', name: "help" }))))));
+            } }, index.h("div", { key: 'c28bc5f3af6d3fc421f47f7e426b2d436b269064', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '2002638774f8d2a20162a60a8d30d4902bc324a7', class: "gux-input-label" }, index.h("div", { key: '604f27b34e4aa341eb3628168c41016eebc1c947', class: "gux-input" }, index.h("slot", { key: '56cf53da54c9efcec3816f79553fc865d0278d46', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '40e019b5ec7c74c4a31567f51ff42a89f972c342', class: "gux-label" }, index.h("slot", { key: 'b8e6eeefaa1ddcfa46d1a595e3e7a5353fadec1d', name: "label" }))), index.h("div", { key: '0b8987e1e9b808666e9886195b24dc7afd1c342c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '0709931e3f2aabe6b062bc8b0818f2fc753deb8f', show: this.hasError }, index.h("slot", { key: '8ad6962d5d747a1400376c736aa5b4c6e09a6640', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4a4afefc1c5cdb276e5520eb30aa1e46e8ac3eab', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3a528496d59db95ec5e1b002d71aefaa86805833', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const onResize = require('./on-resize-da1477df.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -118,9 +118,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '7174da64feed7ecfd06b26be8d77ca5cd0b2fa5a', class: {
+        return (index.h(index.Host, { key: '536ac7ef1a315b964bf02624dc3869c1dd96ea0d', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ac0ecc73aedb6bdd9b0536bbfed55d665ae5f248', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b24dd5d42a34beb41887e92b8bcceb3d7bda56e4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '12ed0520d9b9f1c404b6a31f6ec45fdd0b4c1bfe', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b07b2c6c7f0e118f65be5e01cae6cae15959dc34', variant: "required", required: this.required }), index.h("slot", { key: '0b06bc69c256872d0726d93344a26a8664955df3', name: "label-info" })), index.h("div", { key: '3360fc5b2bcfa941f02345e6c4f2ee855c85b9c6', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '48fd7c3a7e142e298fdbfb213b5954b3cfce4a54', show: this.hasError }, index.h("slot", { key: '91ec76d697c26a0a014f34c30de6d3596044abf1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9df5deee6beb4a35cfe4051dd2383bb493b412b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da27f8af64910cf341f25e31034753526cb1e7c4', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4a8c15932cbab564411aaf0a5b84b388451c69af', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5bb81b87152c506fa2f5dd58b9dd1f2c0436a75e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'd8fef894e3055e777419c6b40da7add8d096f9fc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '941cbbe16442409502235663a3293adc1d86e895', variant: "required", required: this.required }), index.h("slot", { key: 'bae23aa9ba01d17ddd08dc807eb75d169648293d', name: "label-info" })), index.h("div", { key: '028ca2d0fb9b09c64d516629bb33f43bc4d1d2fb', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '12713c069c47170c967872e6bfb75d240a7cec40', show: this.hasError }, index.h("slot", { key: 'a3d0371ae88f3b34f63dd67f9ebfeb986fa02eab', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7e67aff4453179f3ba7d175354b1d1864ace26ae', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9c3e1c6c22d718dda1857a6830000e85ecf31dfa', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -98,13 +98,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '878751b88255c5ca441586ba2b2c25480a7249d4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '66d01b83177e9a1e5ab5fc0625c9657c67fb6060', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6afb1976337373d2809e0037dad86e18e6a5643a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7c653b10f7e3f80c4402f30a72f7b9f983afe91d', variant: "required", required: this.required }), index.h("slot", { key: 'aecf9184634f9c262f7072287211e8b760a173f5', name: "label-info" })), index.h("div", { key: 'c9ad8a22ac5f0ef26e81b724c4ba08c4c63c08af', class: "gux-input-and-error-container" }, index.h("div", { key: '172ce3c6b502664aaab57624910d0f2e00cd400e', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '61f46a689d49d8525c6df99004583b0eb298ca69', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '32b69524e41af3bd70f27692cfa8fed7760adc82', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9e728f8517117c8842a7558704ca57a3528b92bc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3e03db4fe44fd5576cd01d7feff3079ec99f5b59', variant: "required", required: this.required }), index.h("slot", { key: '6ff27eda3222581c520f422366f99f859272bf41', name: "label-info" })), index.h("div", { key: '2afd9556de40daf92e239f1788cb9cf26ff40fba', class: "gux-input-and-error-container" }, index.h("div", { key: '4146064d65f43999a3337d8ce836645697ab7f5c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '20b9527224b4fcab09cfd13300b1ce039b7a815f', class: {
+            } }, index.h("div", { key: 'b4f4b06f375b0740a9f75fc9f17ad7c8d32a0ad6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '6aaf80aeab0d961ce0863887b10dd4a2aaea9b17', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '476b45900c8f17b4c08d73818303946a4a2ec763', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0a380ff61edd61533caedc4ed56b03984582cea3', show: this.hasError }, index.h("slot", { key: '562a6b8e36caaf083b8048b715724ee7ef5ed5f1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9be7d07f16a836fe3cb3b0d732072e3b5dc75868', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f9e9adfbc602c62af7713d9654593440b00a749b', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'd7a8da28289fe795347ad5b7b5717b25c22c6671', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '2d2d38f7feb613097e19b1138ca181951e0d5346', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f0be5527b1c78adc3ff2be5e1ca962e1ac7b4c9f', show: this.hasError }, index.h("slot", { key: '0a13d448d55dfd172a962155a03c98c53216c923', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c659a6499d84260e5a3aa8f721be4b7547e8e144', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5f7f33ee71a283faaad06e2c4e6ac05f302b3efb', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -88,13 +88,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f6c8c4c85835b1edf47e58d893b81d0d7757012b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '31962d695482f94ed0323c2f81efdad6c73f562e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '893612c4993892cad7eb814eafec1ba7f2fe4799', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4cc0d7cd115707185f83e36e9b43f47c200870a3', variant: "required", required: this.required }), index.h("slot", { key: '9ce8d582a5f9a86cc958b7bacadc1ff34eafa99f', name: "label-info" })), index.h("div", { key: 'ff5c8045ff06e8d0e3ac28ec6de066af5bcdfe62', class: "gux-input-and-error-container" }, index.h("div", { key: 'fc10ef8a25b5fa3a432073e661ba94d76a8ad4cd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '08980ed5dc32c02b0dbc3e599b714d1f122985b2', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1a6065c0a948c3c3d9581c2d70d1820a98dabbb7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '593b4b6b7532edc2e1adef06f455f787795a65d4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1864bd74afea14fb9288374bbda67a1baefac500', variant: "required", required: this.required }), index.h("slot", { key: '1b038f71c9bbbbae97520e5386e2b4ee2b0e874c', name: "label-info" })), index.h("div", { key: 'a46e1cc02003e98c48929d11f1467cc41e10d88c', class: "gux-input-and-error-container" }, index.h("div", { key: 'f0933fc43865ff9bfa371841fa96c1cc7d6b699d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'e29c43bbe855965bc23d14c941f38ff5f0145464', class: {
+            } }, index.h("div", { key: 'b3fd5ec34c9a0dc48a68150626052d6bdbf2f81b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '226af5f2dfdb0b7a200380f495ec462fae6dd24f', name: "input" }), index.h("gux-icon", { key: 'c8c63569f5dbd6ca9c4ec0e776005d4144b1feac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dc2212a149ab0d7262f8dd3b6531dc2b4e3aba88', show: this.hasError }, index.h("slot", { key: '27165c16911fce8020c79ced2cdeca9c3b5e0223', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '51aba62b1c71351a5a0771201606ddaf4a9b5d41', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5f3f4e69893e949df23c07f86190adeecfa95102', name: "help" })))));
+            } }, index.h("slot", { key: '0be56977b450309a943fd6864a8c7ea761603fdb', name: "input" }), index.h("gux-icon", { key: 'eeb535fca9eec5a1209dbfde6cbb5b3c67f5ed1b', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '14601f0ddd918bddec29db3fabeb50060bfac077', show: this.hasError }, index.h("slot", { key: '362ed23b0b3f95531f58e81c8f166295b3e3d619', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f87ffcfe4adf34e5066eb7d5b720c7f0d74fe255', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'aa8d21b4275e76d5003010e2b4bd793ea4ac7f83', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -114,15 +114,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '86c21de559069c444619f6b8a75d42d12baa2de5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0bbe5cdc48e5f63d5f4486fe451c7c049c31e5eb', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '59889d50d16f7e8927504404dc07e7a2ab41c317', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7fe538687d9034877026f874b8685231c5ae0806', variant: "required", required: this.required }), index.h("slot", { key: 'ef7f343710af836452b1b8d7fa0d5846fff706bd', name: "label-info" })), index.h("div", { key: '10739e21a61bc609557af09967599f02b136a0c8', class: "gux-input-and-error-container" }, index.h("div", { key: '9967ae80181308f45a8512617bf4047ed6fe61cb', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '487f7ecc746cb8d202913f5726898d322ae4f5b4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '94426d1118d18c24e6c8402667d8339adc9f35da', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '47f740f8dfedaf841341a041f751a5a9ba96b7a4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '490873910e0a5f6622c8b5551452128af78bb5d7', variant: "required", required: this.required }), index.h("slot", { key: '0518c49fc7c0d869da118f398f816176a56952cf', name: "label-info" })), index.h("div", { key: '0811c689d98b6bef5af8b4fbdc4c7f26c3581b8f', class: "gux-input-and-error-container" }, index.h("div", { key: 'dc078ab42d4ca7713f2c8a6df68c3878beb50040', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2b42a410ee78469a8918851dc2f5fe48cb39cc50', class: {
+            } }, index.h("div", { key: '84730c4d68469d6ff6ff4bb7739fc909d262878a', 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: '425254cbd257f396efcd09dafa6c14830d2b79d0', name: "prefix" }), index.h("slot", { key: '73c227d052303021412260b3ec1886ad33683f08', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'a09646a775082ba643f8a3d8e901c66afba9ff22', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a2abbec48c35dc06ca9210732500516552756ffa', show: this.hasError }, index.h("slot", { key: 'b54886927c534a6ecf9e1f5677b3474a33e46780', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '862ecf323d91364fa06c151101a9c40a99f8d3ec', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2e2908cf6295f00e678e3be3069a576440d0f073', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '0ae9a5497c1fc78616ee9540a093915a4726ec07', name: "prefix" }), index.h("slot", { key: '2ab922a873100294f1ea0a8d051b81235b4b3f94', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f6dc07482856ed60dbc9edf4bd0da4fb677bd71f', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '41b0e9de0bc67c55bb4add0264a011aff5ac5208', show: this.hasError }, index.h("slot", { key: '7221f73bcbd7a30cb097e60905f3d108a811cfea', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5eb33e2fa8dd0f9a92283e86fcec7a01a10bff7b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'adc4801aac0b4a6249b3ced99b38dd643e94be4d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -92,12 +92,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b76aee7edb1ff7b0f1e6b4ce571322522bb177e7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a47b9dab6bb6c102c2da9af51511032b44a90c9c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5e89fda87c2c0faac2524339a62b20ed448977a7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ae3713273e686a8653a86a8792463ae8d009fc46', variant: "required", required: this.required }), index.h("slot", { key: 'ed7b5c67058e70991d1ded49436eb52bc61ff621', name: "label-info" })), index.h("div", { key: '9b2afb7a388af5685d6234dba49a830b35f72734', class: "gux-input-and-error-container" }, index.h("div", { key: '19da97dbe230588e3cf599ed08cc0eeb72115d6d', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '198dd2ef1c21a3ac350fae1a8d88749b9117159e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '56993b85dcd05c1cd5ce35ac94e230a6f34a32f0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '53f8676fe7e657cd62a1e743d4c106d1aafc01cb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1a04cf15e5163c26dcc7cb5e7a82dffe913df67c', variant: "required", required: this.required }), index.h("slot", { key: 'e9d7f02796566ab0f061b0e1a29e8bcba5b24681', name: "label-info" })), index.h("div", { key: '372fcac508ebebf2a15591a464cde415c820de8b', class: "gux-input-and-error-container" }, index.h("div", { key: '21b6454fae678bc21af948c1a8e901cb3cfc5f5b', 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: '14720170cb4ad48c3d31d33e99dbf2cd973f9cba', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '3d2acd4b6df2739f83469fdceca895ae3382a087', show: this.hasError }, index.h("slot", { key: '7eb51dc5366d655b934c5ad370cff1bb2dca26ca', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '790dc577a55013b0ef95a383abba64f7da4b4443', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0477a424465dca40e4b2f0005874c754e722fdc4', name: "help" })))));
+            } }, index.h("slot", { key: '1931194aab6fe3fbc03ab3aa446a56f4f3b9f65e', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '0e875ab321f782677663f0b16ebded0e2a9ea684', show: this.hasError }, index.h("slot", { key: '419ad3f0277147bec4338ae3f4d3535cc3972273', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e91d7aa554adbf00fc8092d391b8262b18b597e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9a84fd0b9ccb1a51649f976e03f3adac029de0e6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -103,14 +103,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0e9e7be8b66bfc3b4d1849dfc2bfc78283e048d4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b5e05e867417fd304ce50362cac1f8d5c25cafc1' }, (_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: 'e20d5248bce984854ca86f06a75db622e6932ca9', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f439bed72e173cd0df8885a041bfaaf967926a7c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '261b3daab809a96e66a736bf909a7cba9fc84d68', variant: "required", required: this.required }), index.h("slot", { key: '246fba150fb21e81f7e57e37642bc1a6c39eab43', name: "label-info" })), index.h("div", { key: 'e5c6e5c0231d625218e2e741822743a06732d9d9', class: "gux-input-and-error-container" }, index.h("div", { key: 'b11307f8c3a99010754f8edec868de5fd807e171', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f69d3c2a0d279577d1a77356c469eec18ab50b43', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '0e06d1c0e16394ea157f3688e3c7f1b5102244fa' }, (_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: '4523324a01c3a70554c86c310e93c718de91b91a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '78bd938da1f045af25101f37c74e662b6c186bde', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1d7a80f4496bef8058c34566b0272a26a4e012d9', variant: "required", required: this.required }), index.h("slot", { key: '892f6fc6e39c6891aee2516100f95b886bcfd103', name: "label-info" })), index.h("div", { key: '15d68c6057d0df3784a131c01bfd9da851917775', class: "gux-input-and-error-container" }, index.h("div", { key: '620214bbf17854f16a1af6c45365a9c70fc2636e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3c82d5a23c27520d1f17ce8b571c010393f1b5c4', class: {
+            } }, index.h("div", { key: '3d6ad7bf30d8c3621896fadc515ade0c39a8108c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '82d9fa74282eab284cf28e0fae495b94567172cc' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fc8385464c9bfbc5d30e1b9b16270401410721a9', show: this.hasError }, index.h("slot", { key: '1648776e8456bd82c977e5b58c3cd00e8b46e2d7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c8377cda699a27c33d0e88cc971e25ca9870b636', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2fbf51d0537398274f956fb2eec26f2ea5f4451b', name: "help" })))));
+            } }, index.h("slot", { key: 'e0800e204437bfd92905bb7a0b8881eb4d81ed9e' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '384273863f21240885684450c587cb1367feb827', show: this.hasError }, index.h("slot", { key: '2b301d47a375ed06c28f19a055ee26a2ada38aa4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b87d4e91887e0459b4302fa0f5c3f9dc2d4d88e0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '65792417d534a1dec4c05b879fc72db1b60f3f8e', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {