genesys-spark-components 4.137.1 → 4.138.0

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
+const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-47b5afb6.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const usage = require('./usage-66f3f455.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const guxListbox_service = require('./gux-listbox.service-27157877.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
@@ -44,13 +44,16 @@ const GuxDropdown = class {
         this.guxexpanded = index.createEvent(this, "guxexpanded", 7);
         this.guxcollapsed = index.createEvent(this, "guxcollapsed", 7);
         this.guxfilter = index.createEvent(this, "guxfilter", 7);
-        this.value = undefined;
         this.disabled = false;
         this.required = false;
         this.loading = false;
-        this.placeholder = undefined;
         this.filterType = 'none';
         this.hasError = false;
+        /**
+         * allows dropdown popup to be wider than input
+         * defaults to fitting content if width is not specified for listbox
+         * default min-width is set to width of input
+         */
         this.exceedTargetWidth = false;
         this.expanded = false;
         this.filter = '';
@@ -366,7 +369,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '07ede31225e8012a77bf595a3069962c9a872434', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '7cf261e8eda332f7df98a58d9f46631611632a6d', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -409,15 +412,13 @@ const GuxListbox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.internallistboxoptionsupdated = index.createEvent(this, "internallistboxoptionsupdated", 7);
-        this.value = undefined;
         this.loading = false;
         this.filter = '';
         this.filterType = 'none';
+        /* This is used by child components to keep track of this component's disabled state */
         this.disabled = false;
-        this.emptyMessage = undefined;
         this.selectedValues = [];
         this.listboxOptions = [];
-        this.allListboxOptionsFiltered = undefined;
     }
     onBlur() {
         guxListbox_service.clearActiveOptions(this.root);
@@ -557,7 +558,6 @@ const GuxOptionStyle0 = guxOptionCss;
 const GuxOption = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.value = undefined;
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -591,13 +591,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'c401d73bd254a5684e0019fb0e9dc355ca222296', role: "option", class: {
+        return (index.h(index.Host, { key: '6f78c9d83bf543c9180880ace85a4997657b7e69', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '4b8de042eb6e7f85c7eadb6e87cf322a6042640a', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd56b70be9a1bf284bb09ee828e9e5e0d90f9ca16', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'efb31d3b8e11a90ca595834d080a7470fb1af8ec' })), index.h("slot", { key: 'f80cf7db687bd2d62388b8a552b1bcaa967cf983', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '193241208837166f4e4c7c622b63987d71c0f7e8', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '32bfb64079ac38bc10ed96f988619c9169e7f75e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '8519af1e2a3db69836d148da048e8651ec45a595' })), index.h("slot", { key: '55f55c7614238746ebea89b8ddc7ff87f8059877', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-file-list-item.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";
@@ -25,21 +25,18 @@ const GuxFileListItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxremovefile = index.createEvent(this, "guxremovefile", 7);
-        this.name = undefined;
-        this.index = undefined;
         this.disabled = false;
-        this.status = undefined;
     }
     async componentWillLoad() {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, componentResources);
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '0e10e2310ec0e64c0477668676f608edf55a361b', class: {
+        return (index.h("div", { key: 'adc1fc4c0986aacfb1b7ff7d5b9d110eee437b02', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '060c0296ecd715e61aef60a52187475f325b0456', class: "gux-info" }, index.h("gux-truncate", { key: '749f8f0e7898135c48209c7e8ad1230b4fdf906c' }, index.h("span", { key: '2837a77acb207ba6028e89f11c5febf60cf73acb', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '25228b827081d159ad0b9b097a96ae3e8184fa4e', class: "gux-info" }, index.h("gux-truncate", { key: '978271a70a0a446b2af8e4bbdc925af0fe4bb61d' }, index.h("span", { key: '47b975f62cf9b52477e0cf9b92ddb65f09f72c06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const AD = "Andorra";
@@ -512,8 +512,6 @@ const GuxFlagIconBetaStyle0 = guxFlagIconCss;
 const GuxFlagIconBeta = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.flag = undefined;
-        this.screenreaderText = undefined;
     }
     async componentWillLoad() {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.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-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-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;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c0a99b249f62a659b82e12a95b3a8d0aafba87de', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '54129363fc206a7b4e0d50cd57fabd02a8456dab', ref: el => (this.targetElement = el) }, index.h("slot", { key: '3df58d730adcbf46197c2add6020edb107e41320', name: "target" })), index.h("div", { key: '36eb0e806f69fde8bfe30a6bb7f2e7d4305647c9', class: {
+        return (index.h(index.Host, { key: 'fa1d610e066e43e6a025b4a9301ebd079a1a0459', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '326c7ff30a22066eabce87d3b7a8d4f7218a90c0', ref: el => (this.targetElement = el) }, index.h("slot", { key: '9c0296a10351beadb7b244bac865a6bf8f22317a', name: "target" })), index.h("div", { key: 'f08abd040753a89b68d09fdd5b41de488e2127b0', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c336ce3add65a8972f2c59d5883d65ec69b84ea8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'fb036aee8bc4baffc34e2e644a4c0096fb44ed9d', class: "gux-arrow-caret" })), index.h("slot", { key: 'c1c6db91ef749880505d454c26cee5be6649ef17', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c2012c91e07d8096d67dce88517278a482648499', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'a96a744afb7f76549f4213651aa1f04d294b5141', class: "gux-arrow-caret" })), index.h("slot", { key: 'f65fff57bc2b65fa7f358d08d400cd9e638f7505', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 
 const GuxForm = class {
     constructor(hostRef) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 
 const guxFormDescriptionCss = "::slotted(*){margin:0 !important;font-family:var(--gse-semantic-body-sm-regular-fontFamily) !important;font-size:var(--gse-semantic-body-sm-regular-fontSize) !important;font-weight:var(--gse-semantic-body-sm-regular-fontWeight) !important;line-height:var(--gse-semantic-body-sm-regular-lineHeight) !important;color:var(--gse-semantic-foreground-container-midEmphasis) !important}";
 const GuxFormDescriptionStyle0 = guxFormDescriptionCss;

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const index = require('./index-e321455d.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
-const index$1 = require('./index-3ee995a4.js');
+const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
+const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
+const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -73,11 +73,28 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldCheckboxGroupBeta = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.required = false;
+        /**
+         *  Checkbox group has error text.
+         */
         this.hasGroupError = false;
+        /**
+         *  Checkbox group has help text.
+         */
         this.hasGroupHelp = false;
+        /**
+         *  radio group has label info tooltip
+         */
         this.hasGroupLabelInfo = false;
+        /**
+         * Disables the checkboxes in the group.
+         */
         this.disabled = false;
     }
     watchGroupError(hasGroupError) {
@@ -180,8 +197,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2b688ef5b43bf5ae957f8bdfbc8f7eff58011c7e', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '20402cfcc442d3c6173d5ef27094849c41f60a85' }, (_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: '672e11ccc7213a93673e44175f46f435d18f108a', position: "above", required: this.required }, index.h("slot", { key: '1f4b628852e3f2d403e0ab0eb450a87a224651ec', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1231ada7c7f84d70fc172659cf59fa5c2c99b5b4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4b891ae4996f3e604c82986208b4dcdff6e80983', name: "group-label-info" })), index.h("slot", { key: 'ba2729cb4feea24fbf35cae13d5cb1792bb983ac', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'eb0121b5ba00f3ffe084571ca56f6a1011c5bb6b', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f4a63bae223f931d659194932d0b96d93b41f651', show: this.hasGroupError }, index.h("slot", { key: '406399ffba0dfc810e699ffd45b4c8e82dde60eb', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c68edce36ca0fd6292862cd161b5182a208ab319', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'db1320fa4ba0c1137585f1825d2824a8c6d264b1', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3b33199d0852a92df23c59b5843f5f48282a136f', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd6933ee5c5fdc1e76876e13ba26c1659c9112971' }, (_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: 'a3831908a9f0c3c36e37d0b0a780c7c92f7c1dce', position: "above", required: this.required }, index.h("slot", { key: 'deed6591b098259b1f8890a1a3da8031aec1191f', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd4848d9b2733dc0000b911d28b4e09a6b0e382f6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'db792150cc8c6b4436b557933250beb231a717fa', name: "group-label-info" })), index.h("slot", { key: 'a60e9d4d0ccc580b5752ba871a33a953d27fd41c', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '3efd3470ff4da294d814ea367261921e5d8d3017', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fc6db71f68f2763d88208b9b9550cbbbbfb45068', show: this.hasGroupError }, index.h("slot", { key: 'a9ffb37ace5fea4c8f47e73693efbeea58b76ada', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e03a0d08e8af6215c3e793688a6db90c02a4a4d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a5e7d149c584db70e9b7ad3dc87c1258e461bb60', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const usage = require('./usage-47b5afb6.js');
+const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
+const usage = require('./usage-66f3f455.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -31,7 +31,6 @@ const GuxFormFieldCheckbox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.labelPosition = 'beside';
-        this.disabled = undefined;
         this.hasHelp = false;
         this.hasError = false;
         this.hasGroupError = false;
@@ -53,10 +52,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b50ef075fe3518e381b9e96f2ab4dad6706882d8', class: {
+        return (index.h(index.Host, { key: '0c2e94a0639b7a9a0d33da50bd3061c7f7e2d7b7', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '8b190350ea28db072c104036709f65f86f8ee7f2', class: "gux-form-field-container" }, index.h("div", { key: 'a5e8941b463e227dbde7cc56f4ce53cdcff397de', class: "gux-input-label" }, index.h("div", { key: '7054952122bd9bdc8ac574b5bb1a25ca9accbf2c', class: "gux-input" }, index.h("slot", { key: '9f3b321585f6067d8b4014304b783369e4f2bc98', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'fa2e3fe91a20b865c4f4b87815cd53fff1fc06f2', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '52bc35532eb8f3a2ebc745f459324688a497c178', name: "label" }))), index.h("div", { key: 'ed5e839d314d483e3e3cdd6e3dfe2f2540125d11', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '1a45479156c57be2c6a131e5fc60651286aea53b', show: this.hasError }, index.h("slot", { key: '9e2f8f13fdd665d5fdbbc52582c984d7488ce2cf', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '799d78bafcdce6c6dc269e296625a338ae41c193', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'bd60f8b646e36ac3e1dfd33beee4c45902f6e217', name: "help" }))))));
+            } }, index.h("div", { key: 'f0e07d2cca513c52f20a6fb67cc394059733ec41', class: "gux-form-field-container" }, index.h("div", { key: '89ac566d1648fcd48b3fce1fe31600e282020360', class: "gux-input-label" }, index.h("div", { key: '7aaac55e931fbfc26dbcf4018009879005878b60', class: "gux-input" }, index.h("slot", { key: '9c93787dc7d0464e848780ae34a76ff69c43eec8', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '1864d76877c5a710262df6acf00a9108bf887d81', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'ac092d51b91c6568ffb708387529c8a46ea68cec', name: "label" }))), index.h("div", { key: '320fd3438c3be63936113ec3a141b3b9d0a3568c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '5bbe724e9768404d6ed538c863cb001c5366593f', show: this.hasError }, index.h("slot", { key: '2fe8cb4c939bbe76194893fe61633ca4fa7df62f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c4fb397bf418dab936527aaf8bda72d2c898fd31', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ee99d4774ad72f4ed796088c45f6f7d91c26a10a', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
+const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
+const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -32,11 +32,12 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldColor = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
-        this.computedLabelPosition = undefined;
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
     }
@@ -89,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a1abac99f9987c8c9ec8b170c0263a6dc6fb858a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ad5e1415cc2fce44313e4226bae1184d939cb166', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'd99f872271f62a3890992d4bbfbbab067b004dac', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'af675e82fc0cc79c1f91399855ba1a05792f90b6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3d5c5a2fa8fa17c42ddaf8e74505278e9b2811a6', name: "label-info" })), index.h("div", { key: '8f9c103ce1c08c656c2ede3bdca168769a270aff', class: "gux-input-and-error-container" }, index.h("div", { key: '4b730244582e6b92e011d5b91fdda4b4edf7909a', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '50b798eab2ffec2de253631cc955735822fb1af9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '243f5f76c6be675bcce6d1a77d4127d27d62c509', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c2e698839a5b377d3ace2598e73bce4f4511feef', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'cf4eca811a47ad397fb7b223012c0e9765b06b54', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bba4efb9c91106cbcccb28425081b766ef0773ff', name: "label-info" })), index.h("div", { key: 'bd8e56487b500d1a93f4fd51126b624dc507d11e', class: "gux-input-and-error-container" }, index.h("div", { key: '09050e3d83cb9d2b6463cc250db56c91004c4de4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '4e91a98be9dee52f5a5ec3d2ae9bc1bda29d4d45', class: {
+            } }, index.h("div", { key: '768582927565bbe1df7111f1582d984fbcbefac6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'b48f16c281011415b0743156e0b104321d9b785e', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd0e61d8d14cb5ed23b07e3659ad72ede73fd65a0', show: this.hasError }, index.h("slot", { key: '717deea7a203590366bccca8bffc9137fdf2a757', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '81da66b21ab922e3af1d96d23674ada26ef8e311', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b3859aae1522dfe81c65a72d32d7b6e6d38560a6', name: "help" })))));
+            } }, index.h("slot", { key: '2b9b68cf05c516ea01caf971317bbed6a876c792', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c0901866c04c9ff738324b36870bcb0e3be62e79', show: this.hasError }, index.h("slot", { key: '3ad27f64c30686b62d11735feaae817eb11c8b61', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b9077472ee08d0708c0e20b2de93f44000a475da', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '32578a641faf50d6392577305e929a63ca4524e2', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/{gux-form-field-container-8885a7d9.js → gux-form-field-container-64894e99.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 
 const GuxFormFieldLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
+const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
+const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -38,10 +38,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldDropdown = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
         this.hasLabelInfo = false;
@@ -107,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c13c59959080bf1b47237f726cd85413fbe8fea1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd17cf870ac1ba7d66453626cbaebf85468ded335' }, (_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: 'f3090303f5561ab32f1f4287c48cf37882787c03', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c9d35b40c798f4d11b3c6ff02203eea538e069c9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61220d59ca17068f66e02bacccbaf9908b1a068c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6fda0eb253ae60502a4cb85efba750cc237a4234', name: "label-info" })), index.h("div", { key: '9d9f1f0155bad09e169ad158479f81bf76f2577d', class: "gux-input-and-error-container" }, index.h("div", { key: '971e8d486fbc6312de11336020103a668d8fa58b', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4caa607e6f52c90a77986ff7a6edf13984db3245', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd9793de4036bd153a491e15bf0de314efa0d8a61' }, (_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: '698ed26015f7a62ba80a3c27d9b3aec008bd852c', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '86c036453fae43c9d18ddc87cad4858b6c76e254', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '06d251db205e0a291c553c2cbf4b1ae3f2e3fe31', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '952f0d59f587e67561b93ee2659ed16a0c55e29e', name: "label-info" })), index.h("div", { key: 'db32cfdcaa0c081b053f0e828198c03eef6e1e76', class: "gux-input-and-error-container" }, index.h("div", { key: '4fd4aafc19f0cf122a9a8d32d17d171812029342', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'f2b170a7089530b95d2a882b73fe66ff695df3f6' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ef3b063873723523af52043e53101479caa1564', show: this.hasError }, index.h("slot", { key: '9f8f7abf0e255267a1d2f779a33753aaf078b358', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e5d07a45daca87084120681b62ce8407782bedb1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1c77a99461629206fe50a3aeeb2dad80a649c853', name: "help" })))));
+            } }, index.h("slot", { key: 'd2fed5431a315a019a6f6d93e47e68f7075f6358' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '368eb5e214e7d4963d9723df8ec0ec021e6dd581', show: this.hasError }, index.h("slot", { key: 'd061d9c878960c3ab36ee426c616168a277c4ac2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f7c475fe48499cf1565833015a0e994e5e793a99', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7817cb51713b84bab801d4254805523d135f9710', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-da20ee82.js → gux-form-field-error-429b5753.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 
 const GuxFormFieldHelp = ({ show }, children) => {
     return (index.h("div", { class: {

package/dist/cjs/{gux-form-field-fieldset-container-a5808f36.js → gux-form-field-fieldset-container-db1aba2b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 
 const GuxFormFieldVisualLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-47b5afb6.js');
-const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
+const usage = require('./usage-66f3f455.js');
+const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
+const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
@@ -50,6 +50,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldFileBeta = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.dragAndDrop = false;
         this.disabled = false;
@@ -108,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f49395fbf627974ce18e0dd84e66915778beba67', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2939741d702bb9b1c6d280d0b20b9a464acc4cdb', position: "above", required: this.required }, index.h("slot", { key: '82ac483008e9309a793eea123e7b1f1e15d6c8fd', name: "label" }), index.h("gux-form-field-label-indicator", { key: '6b188446276f05e553ad52b4adb20ebf433788ee', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c3e0bb581111375386c60f87c05bfaaada99d753', name: "label-info" })), index.h("div", { key: 'aeb311a235ee3bd2cb1c123c5d3ed0f0a7c2c6e5', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f6e371315226687aec983ae1b50e8510cbfa2308', show: this.hasHelp }, index.h("slot", { key: 'db630f997f316f9df1d2af9faa435078d66a156c', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cf357ba92b82f590588a3ed63bec065b9193d764', show: this.hasError }, index.h("slot", { key: '8c867f24169bca608c3b9df07b3dcd81028b6eba', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9d887e6c4512a8391dde9846c231bf4e22187e84', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '492fa13142a4be8adb255ed97a2c2f3c8c5873c5', position: "above", required: this.required }, index.h("slot", { key: '7e5b0a6e5d16df5d61091e591d736e3c9b70757e', name: "label" }), index.h("gux-form-field-label-indicator", { key: '3093588796cfa6f643351d922886606afd8d9f85', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8f114a5c512df1976c51f41c5d17b55e14559338', name: "label-info" })), index.h("div", { key: 'f903f9374864c2a92de3e41d6ef1f63531a8af30', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4a8ad0368308fdd0e95463b239bcd4bef60a2ace', show: this.hasHelp }, index.h("slot", { key: '2f61a4eaef1b9e29079fa562b42a00117951e117', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '835ba7fc9d59bb8f6b13a354eb98236d25bbf967', show: this.hasError }, index.h("slot", { key: 'e77e38555dd9f11f8fc97e6d0f85b079acb86a1d', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const index = require('./index-e321455d.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-47b5afb6.js');
-const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
+const usage = require('./usage-66f3f455.js');
+const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
+const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
@@ -31,7 +31,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldFile = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.hasError = false;
@@ -104,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'da72ca8b8a24411863a23e1a7ac942af3c90b647', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a920219662a7f7c0fdf16480415c283a1f2b44f7', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '2506d700f4f23dca8970dc6f4035a0172889d041', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1063d2e80bed6a81b381774f9907ee1991a8b869', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0f8316ef158c01fa2f9a6f442b066a32de39bb85', name: "label-info" })), index.h("div", { key: '61fcc04b2a319867034a684b4b04220d4cda2226', class: "gux-input-and-error-container" }, index.h("slot", { key: '80f96c848c29ffed9ed0bdbc0e09136fb12bca0c', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '73618bd90f0c4d81f2ce7cad6a32be0d2c3d2822', show: this.hasError }, index.h("slot", { key: '1b5ae7e0e7c89104007a4e437d12269b2dd0b288', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '24e9fe52c481161da20dd3e1473af1bfc75499e8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e0eef8f5cf26428dc99c0a98c033da5c67b28636', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '81a76e19d2642450f6700473fbf980e991a2cc2f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ae087d7a1287e9ef62d5ecb58135cb4ef62bf364', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0fde915ee6993a85f70cff079bc2bbc317b13f8e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '36dfd2da6ed5728d7255b12098e3ab5f49320d0e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '806f91102853273d48b484ee806a0ed700b27a49', name: "label-info" })), index.h("div", { key: '582f7cf93e0befe3f5ff66217af574128c11307d', class: "gux-input-and-error-container" }, index.h("slot", { key: 'c1d06dfc8938b86a4d34776c16ccafe33a97a4e7', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '17ab9fee479aadd9db3a3c5e4f07c66364231476', show: this.hasError }, index.h("slot", { key: '7aaa8bebe1a8d4a80387d36af4cf4a1f748c510c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '37df349655001e8542aec879c6da1d2962c4b0eb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '40d12e88fc9aceae27428d06be4426a58d9cc8ac', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clear = "Clear";
@@ -24,7 +24,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'f78832fce4d4b1004c91b56bc59ff74db4e0c7f7', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'aa86d66232abf818c07fb6264cd046df00051961', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (index.h("button", { key: '77f84eb9a74cd779b81ab929a801b444779f0eab', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '832e3b4435a02295473dd443b37757b818098d05', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const optional = "optional";