genesys-spark-components 4.137.1 → 4.138.0

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-a340fbff.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-acb40a19.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -30,10 +30,27 @@ const GuxFormFieldRadioGroupBeta = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.required = false;
+        /**
+         * 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';
+        /**
+         *  Radio group has error text.
+         */
         this.hasGroupError = false;
+        /**
+         *  radio group has help text.
+         */
         this.hasGroupHelp = false;
+        /**
+         *  radio group has label info tooltip
+         */
         this.hasGroupLabelInfo = false;
+        /**
+         * Disables the radio buttons in the group.
+         */
         this.disabled = false;
     }
     watchGroupError(hasGroupError) {
@@ -109,8 +126,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '766c331fb5a42901bb4d34e9fd11fe6bbc8e8b2e', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '95b56ee1b7e1c2af69b5c08aeb5869e7f43bd21a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1d9b4f1014494a18344c8cc6ba1df40a9681d246', position: "above", required: this.required }, h("slot", { key: '681e3d35a1879568eb72b07ef834bb3521f8493f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a3ac9bb3343d32d7534b70402e250bf637b054b0', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c5622b83011f0f9fab113be937834d4e16459630', name: "group-label-info" })), h("slot", { key: '8b2bc5cd318ad5682625a076171432a26d38a729' }), h(GuxFormFieldError, { key: 'c1134db4f4bb69cfe7b7df774e23b37b71b61d96', show: this.hasGroupError }, h("slot", { key: '5a393737271417fa54d22757c6f6573fa8298877', name: "group-error" })), h(GuxFormFieldHelp, { key: '6269f9b2cc5b3b5dec85159cb1ea555ac7f21f66', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '3c589556bcbe71581d17a043bb49a343c60fe3ec', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '12920ed99ce2bd020a897c6eea58785df8fc779b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'f7c1856b28de15c908df6f91be94dd1e3b86a4b9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '6f54d0fe8f4e27ecc0bd1d9134514a480a713cf7', position: "above", required: this.required }, h("slot", { key: 'f69daa28114e54034e432c760b9291d32a518313', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c00517fe33f530efb570ff6afc99a2d74357bb5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '246bb0c1c0cf6bdb697495c16688f322c269b4eb', name: "group-label-info" })), h("slot", { key: '62916504d6420b1b83e5e3c425bfe9a545f8bd43' }), h(GuxFormFieldError, { key: '323d318b6cbc5b2ab124be46abfecf4b13d50bc6', show: this.hasGroupError }, h("slot", { key: '0aae7dc9d143e24faacac5ddb965fd69c7801eb2', name: "group-error" })), h(GuxFormFieldHelp, { key: '39509edbe845e7b287971431637cbcf424c306a0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb6121726662f6eb07470df359373c3a6edb0d07', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -26,7 +26,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldRadio = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.disabled = undefined;
         this.hasHelp = false;
         this.hasError = false;
         this.hasGroupError = false;
@@ -48,10 +47,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '217cdc362fd9253a67f9f9af7eb24ed35efde177', class: {
+        return (h(Host, { key: 'de3fda5119a9a1e3f7667003a707cebfe8481215', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ddd62604ff91274d0ee97579f06e1e4f32128b0f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'e631c4793c2f4372557563302614f530a93c3195', class: "gux-input-label" }, h("div", { key: '46d203cbd987cc5f74b0f8566898e5b3a7e62aaa', class: "gux-input" }, h("slot", { key: 'f600972e11c87cca0b4e557383089f67cc3cc48f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2cafc25421165765708fec2b7ff62ac56a691daa', class: "gux-label" }, h("slot", { key: '3c5f9ca61023b0993bad200b0f85289a2da16688', name: "label" }))), h("div", { key: '6ab9d40616146854b2562ae2b3b0bd8fffa7d505', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '5742025abd86c207a608cccc5aaf45412ac18d61', show: this.hasError }, h("slot", { key: '2f91667688507c3f3f848b9ae4d44f7ce3dc150a', name: "error" })), h(GuxFormFieldHelp, { key: '50516d95e06b24d9f68b943733b73221d4ce4e16', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b99cb12563b6dbbde76b82cecacc2967632beec4', name: "help" }))))));
+            } }, h("div", { key: 'a5c8d934b0a667721719a1a0120f3011851cc8e0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7a7d083af4f8dcf7176138a58fa65f8ab3b8960d', class: "gux-input-label" }, h("div", { key: 'cd988f3a382584509dc07579e5b55af3b1bca069', class: "gux-input" }, h("slot", { key: 'd70eb9b526acda2e6aa329cbd2afb64114a95cc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b886e8225d37901f994ddd3fb27c55605eaed0e1', class: "gux-label" }, h("slot", { key: '21beb636f226754b437756d817b3f4ad5b640e8b', name: "label" }))), h("div", { key: 'a9ed50aeef9a4bc393d9d2c1c92aae83e859b346', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '19b981342e9606b7e9ac33bc3bc32ea7e1e6be0a', show: this.hasError }, h("slot", { key: '79673efcd02248572efd601f23bb2b801eb70cd2', name: "error" })), h(GuxFormFieldHelp, { key: '766fc93ebffacf73434969b7cb3ea56f187b431d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f32e6c16543de2cc803fa8a5d92e5b7e430b4782', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-007ab28f.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
+import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-3dd7c6ff.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { O as OnResize } from './on-resize-3558b8d8.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { O as OnResize } from './on-resize-c9d0d33c.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -29,18 +29,15 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormField = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.displayUnits = undefined;
-        this.valueInTooltip = undefined;
-        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.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
-        this.value = undefined;
-        this.active = undefined;
-        this.valueWatcherId = undefined;
     }
     onInput(e) {
         const input = e.target;
@@ -115,9 +112,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '09ec2b156acd2566434090dd7c3e32a5606edd29', class: {
+        return (h(Host, { key: 'dbc20f30e3bdb90b5897e9beb17f386aa6be098a', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '4e3a6c856f90a1bab2aa756785519cc745db32bf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '251a6a2c635e4417f288fcc74fa142271dc4f8ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e15896f2d40d8a2d9d754a87b9c6b2e329038bbf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7511f02475dd97c8cacde9d1b5dc92ca790f07cf', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7b4ada598a45da54ab202954816254f4dee987ee', name: "label-info" })), h("div", { key: '6cd594843d4b987ba9196a079978c11284a7d560', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '8fb8612a5fbefca1b8812b4af015efaa589f9bbb', show: this.hasError }, h("slot", { key: 'e044a1874d83da433327ff195b93ea9e384efbe4', name: "error" })), h(GuxFormFieldHelp, { key: '8e14ccc29e0fd3c7e969b6f9a656ebb40075c914', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e0b4b8710f41898318c7056f1d6e0b3670fcf166', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '0c4b66113ecc2655befeeb1f980b32a3175c63c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e17c1e83ea6f690fb1fd8a5d8b3fda962197377f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef15f9874779f3433884b4a2188cd73414d2f39e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969055d3844e7abb13fc60174fbce0829520836', variant: this.indicatorMark, required: this.required }), h("slot", { key: '47b2762f35f3019b3ebb4ca2a782d39799e08257', name: "label-info" })), h("div", { key: '9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2a1cd04249e5930ea6fac78ef7ff8d95d0169afe', show: this.hasError }, h("slot", { key: 'f5f13beef1573176c6ae505af40fa7f25255501f', name: "error" })), h(GuxFormFieldHelp, { key: 'e8920cece2d26bce657a0675f0aa411373a83b53', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b59416266cd30e01d6b3b673a7e25b013f214bc3', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -150,7 +147,7 @@ const GuxFormField = class {
         return (h("div", { class: {
                 'gux-range-input-container': true,
                 'gux-disabled': this.disabled
-            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: -10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
+            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: 10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
                 'gux-display': true,
                 'gux-hidden': this.valueInTooltip
             } }, this.getDisplayValue())));

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -29,12 +29,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldSearch = class {
     constructor(hostRef) {
         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.clearable = true;
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasContent = false;
         this.hasError = false;
         this.hasHelp = false;
@@ -95,13 +97,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4869c972f73b3dfbde736b6c0ab0721d2580d993', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '475162891de959b43d835c85bf21e5b96f46f7f8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ff3c55ca434bd5cb6e49525890cd0a47ea8ea686', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '215255004ab556007845aa1e716a76bccfcbcfab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ceb307a79ad206821fb31684a230952e3123213f', name: "label-info" })), h("div", { key: 'e06b6612a6852b3044d679eb31b3bda7c5007f23', class: "gux-input-and-error-container" }, h("div", { key: 'dc8501c54010fe48b11e693adf7b5a0ea16f8dc6', class: {
+        return (h(GuxFormFieldContainer, { key: 'd21f47e4158e59f11cc18bfc62f2cd19d9940e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '22fe759769a4fa9c403863ab4a5ba7be08340309', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3f236d73ea44814cb72c5a8e5a52fb20bbe22773', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '896993f043090714466313b4539cb7ba237e78d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '281fffdbad31a072ca3d6d108a088fa390af7aa7', name: "label-info" })), h("div", { key: 'f41c6d4ee5fceb465944e16c16faed671a2dc03e', class: "gux-input-and-error-container" }, h("div", { key: '693527c71e04622714b3e64acf728fdafa22276c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e3e309ea60f20f2c8a0cb0702df9adc5567066f6', class: {
+            } }, h("div", { key: 'a5eb2409440cba119537ba4772318144f5d66688', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '6e6316b8e4c2746cf91e371433b1bea66c1aa629', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'fd3ba6b522d7f6dd4429cf4b5e791d86d77ce1ef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6184dcd95c464f28dbdf92e4cdd191a231a7b427', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'cb688032dd49a7516c20b8dded8db3d5d34df55b', show: this.hasError }, h("slot", { key: 'ff4f0588e85d59736cf71f5a74a4cf9600afb0c7', name: "error" })), h(GuxFormFieldHelp, { key: '1b2f34188638b561971d4081bbbf2491c302dbe2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0a5ffcde5d01c22cc9b1d72259913eadad3eeae5', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5ca4d4208a06bddf0e9c8e0fea0a65a18908260f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '882532bcc88a3e6ef3717830bbc8c6765d85e165', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '75d3ae2eb0ac068d0e9c7c49b912cd05656dcfad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bfb2321a37d5e69873fc3535c4f9d19acd97f2b9', show: this.hasError }, h("slot", { key: '640f29901bb289db2e4fd96db23360936080be67', name: "error" })), h(GuxFormFieldHelp, { key: '59f102e5ffdf520f1fc78a6d28767dbdd6e2bafe', show: !this.hasError && this.hasHelp }, h("slot", { key: '2aa34602b6bdaaa24298e2921ef4b3319bacd853', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -28,11 +28,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldSelect = class {
     constructor(hostRef) {
         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.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
     }
@@ -85,13 +87,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '65769432e26a239b6d1bdee4875433b6512a2c5b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '909d42485c07e4526b143413fb2656446ae26356', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b50f63b667285f36da73ba197f1f7e5b1b42ae15', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f47e1ec808b497954083f7237e65819c605fcd57', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0862bb709c83f9ac83b2a06cfb44ab366eef74b6', name: "label-info" })), h("div", { key: '64b8b13186e2e9cf15f9a70d6af69310c424f915', class: "gux-input-and-error-container" }, h("div", { key: '8d937c9b679ab7f94a6b2149ee1c6dcb5969e992', class: {
+        return (h(GuxFormFieldContainer, { key: '8fab666ed9dd8dfb34c3c9169b0318cb85ae886c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5931134fe8b4b588213f17c3a073e300d6ad380d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '164f4bacb16425c76face2e8c8d030ab9be6c1e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69f66ea9a268e95d7e7db80ab86d1fa9eea27374', name: "label-info" })), h("div", { key: 'f50f9c67182be19f1f9d73d3577b2f5c8edb0d70', class: "gux-input-and-error-container" }, h("div", { key: '38fb0fb812dca5f250a743edcf77c6f7a44006f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4143c0988ce28d185e10d75bb422d6084e55fd8b', class: {
+            } }, h("div", { key: 'ce68e4c39d3bf617c406387857777775f8efa7b6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1cca39c7fbe182570d302f7a7755db3983e359c6', name: "input" }), h("gux-icon", { key: 'fbb94e8f7a6bc6bec9c3cf9510c67338c6a45f8a', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'ef8b568271ac78107a514ef17221cb4b8493596b', show: this.hasError }, h("slot", { key: '9e08affe7f14725a0c0912d4611294b1bcfcc117', name: "error" })), h(GuxFormFieldHelp, { key: '5c40005d364ab0535002830a734456b9c5a80168', show: !this.hasError && this.hasHelp }, h("slot", { key: '6c79baa44f4224591aa5133d209cf43066df3e36', name: "help" })))));
+            } }, h("slot", { key: '90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0', name: "input" }), h("gux-icon", { key: 'bcfb3024085f44651148d515befb45c3da39926e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cec22eac2942c4f37bcf10a5ea148a69ea128a46', show: this.hasError }, h("slot", { key: 'b884778e478663e3e4cff9b07fc48dcd97ea05f1', name: "error" })), h(GuxFormFieldHelp, { key: 'd373a37aec09d91e33e837fde1425dc2a35a64b4', show: !this.hasError && this.hasHelp }, h("slot", { key: '7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { h as hasContent, b as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -29,15 +29,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldTextLike = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.clearable = undefined;
-        this.labelPosition = undefined;
         this.loading = false;
+        /**
+         * 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.hasPrefix = undefined;
-        this.hasSuffix = undefined;
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasContent = false;
         this.hasError = false;
         this.hasHelp = false;
@@ -111,15 +110,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4744482b739f41cbec612c82118220a5143959af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '02d26f310ff8cf3723a389b74d5e337a95967cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5574364c6e1990e65fc83b789784914e5ca8b1bc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '94cc5ba0bc2dacad9cd1beff735dc0523cd28a62', variant: this.indicatorMark, required: this.required }), h("slot", { key: '16af93a6da63e97bb45a96f06cfa18ab6a11e3a3', name: "label-info" })), h("div", { key: 'e0b90ae187bac1dac4d1a22e5c2a2acacb6e35e9', class: "gux-input-and-error-container" }, h("div", { key: '19d512614d5096538485c924719a0d65a1fc7882', class: {
+        return (h(GuxFormFieldContainer, { key: '4ab0a0ea07d5ee1c19bedc3a48a2a7abe9f7a2f1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '092a82faf8cba33aa7392e5d7ab8f9037e26de2f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bbd30043f830372a7f8fd8525e2fc51c768ebb81', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd108992a46a66d1c535736d35d3fbefad4a77cab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b64ce3311f7865920c71222212bdae6d1b6b16c5', name: "label-info" })), h("div", { key: 'cd91bb3cffcb6192ad2cb5b897ed3130f3686756', class: "gux-input-and-error-container" }, h("div", { key: 'e899dcff4c74e6ecee0ec3011c74ca1de689d44a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24e97fdeb8d8a7dbf46d54ac8d3e70b77728bcb0', class: {
+            } }, h("div", { key: '60719e4f6d009d76717eadfb9f9a57467855c764', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '4597cee527f45e9526d4efebe89c11c5c81b4f9d', name: "prefix" }), h("slot", { key: '67193a8fcf47f34f5ce41e9fef73a8bc5c774943', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7a90a31843daf532ba82cdabc1cc19792b2d0de1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c593f41a5e14a34333b2490744c4e223b832830a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5fde949fc8cf18fcdf24b04908a521e307f5f3e1', show: this.hasError }, h("slot", { key: '28c5d332257c7e83f1f84172889bc914a29c624a', name: "error" })), h(GuxFormFieldHelp, { key: '9563bc64926cd89dc3f8dd8faf76a2a7a4848f78', show: !this.hasError && this.hasHelp }, h("slot", { key: '0bffa6de4fc080948362c2bdc7fcf6ba5f78e300', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '74b0a4fe80f6fb9ee2b3c1a71cf61d40c4f7538d', name: "prefix" }), h("slot", { key: 'f8bd6992c15792bd1b88a01c666466934d55490d', name: "input" }), this.renderRadialLoading(), h("slot", { key: '3255079a4803839be03940a887f2b815a4b65359', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'cd61352f8708fc0ead57f495a2a4ce200935690c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '52912c34186d0daea296274c940764bac5ce2e1f', show: this.hasError }, h("slot", { key: '7aaaf9122005a00c6f2c7fe2bd09f06b3619788f', name: "error" })), h(GuxFormFieldHelp, { key: 'd02de684b7a70bcc6f03e55e6812aff03337d638', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b39867a7bbfa3d1ac3f795d1174eae3416b98b6a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -28,11 +28,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldTextarea = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.resize = undefined;
-        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.disabled = undefined;
         this.required = true;
         this.hasError = false;
         this.hasHelp = false;
@@ -89,12 +91,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b5ebb2ee528c640991e6642876a883f6a61a3f07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b39b774ceb253c34bc2932584cbd73682594290e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b2bdd18b8947d1978ab8c9f025792a2015c237c9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b686e7247fc9b7715f07aa88bbfa0e4de7f601de', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e4df270fc80380fc0e0e12916b3064090170aa43', name: "label-info" })), h("div", { key: '9f5418f31cfccbf286f7b17ab84ffb6f991cf824', class: "gux-input-and-error-container" }, h("div", { key: '177d5bf4ef4288f415b0312d0d96868da377e8c1', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'afc5b34188bc2429792a2a5be621d83392bef36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'afd0785662dc28c6ec564375fc0e1512eef63dc6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9d3318b6a0242b629b83507272ffaab534cf0399', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3ce5a92d46d87135f2537cfa7e001549f0b46ce', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a9618dfdc3207b545d298c221921bf0e2405062', name: "label-info" })), h("div", { key: 'b512a08cda182fececa423e9f21908fa8d18d926', class: "gux-input-and-error-container" }, h("div", { key: 'c99fbcfe4f496b6666b00674363dfd7baf8a4b9e', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '72c22a7b30eea8e30ba68365ee03546e3b791054', name: "input" })), h(GuxFormFieldError, { key: '3e54a431b6f766da7b517e2f7a66d92161a70033', show: this.hasError }, h("slot", { key: 'ae3994beff663e7309ee69ca8131931ae474fa4e', name: "error" })), h(GuxFormFieldHelp, { key: 'a59dd2e7e1e558fc75c6152a026eb2d2d0c0e912', show: !this.hasError && this.hasHelp }, h("slot", { key: '725b3c37eed145b354719a2f9fb2ad4985602670', name: "help" })))));
+            } }, h("slot", { key: '8933387ec8eb1e3363d132a9ef907341d4bc8303', name: "input" })), h(GuxFormFieldError, { key: '3250b2b484404f687e230c1d520a12fabe75e01f', show: this.hasError }, h("slot", { key: 'f31f7ecd263620e91e566e53603dccfd9c8f5cb9', name: "error" })), h(GuxFormFieldHelp, { key: '29439c754fe6e38252d79582379f4ded06a448e0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef20a8407ceb4578d99fbffc27e8af59945aa206', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -34,11 +34,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldTimePicker = class {
     constructor(hostRef) {
         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.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
         this.hasLabelInfo = false;
@@ -100,14 +102,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c687e63c8a7fa26d85e4aae4fcee0d5ae088fcc9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17477387b0e20f8fab259ead53adb40ea019e6cb' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '486eb183018422fef2b961711a6154e075c5bc32', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f00e23c03e1f83b4201e8f22f430914fd3ff21f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0a43aee660a306dfa3b8a985494cc3fe667831f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60fe64273872598ed00629d1cc9ddd9e52148b65', name: "label-info" })), h("div", { key: 'a129ea07a69968afa24d08d98499fba616f37f3d', class: "gux-input-and-error-container" }, h("div", { key: 'e10d0961ffdc7b776f632c6f6c6fac656094a7b7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '13c2a043c02f79af31dbe4a569bb6341f8ea0f1e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1576011c159ed182727d1af4271a034ec26813d1' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '816fedfd9703d2426ef2c47356d635315eb6345b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'db3c6e39bf6f8ccc41ebd91aeade416782373fec', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '644014361d8550a003ce48829964b36257fed6e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '556b7cc46c4568f2cfff281ee7e6c4ffdc29d324', name: "label-info" })), h("div", { key: 'f39a40253b5bc5323a087d590ec5ed0b4bcd6f48', class: "gux-input-and-error-container" }, h("div", { key: '2ea17a8cdbbeea6a2a179512deac54274914f3d4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '878d2df5e3c6f3d350264f6491d442dc373d31e7', class: {
+            } }, h("div", { key: 'ed38d1df478cc7e0151c3a6310522e52fa96fa8a', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '44cf9d49d14dfb1da0745abccd82f5b0608ee2b0' }))), h(GuxFormFieldError, { key: 'b62209f4b95a1bfe27b0fda8777dc93762098dce', show: this.hasError }, h("slot", { key: '8c7d2bbcbed42d0eaa26293d5e5ff4bd3723dd34', name: "error" })), h(GuxFormFieldHelp, { key: '7024efe09393c335c1f8c266bac9f95847efe4a3', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c5ef028e559bd5258c25e6be54c4056acf0a7dc', name: "help" })))));
+            } }, h("slot", { key: 'f363d6a9ab0a05ba26f6dbe1a8f339368c5190a3' }))), h(GuxFormFieldError, { key: 'a86e6e626ede9244290470900c190c2dd01b0d5b', show: this.hasError }, h("slot", { key: 'd9ac7f78937bd27213ab8430dddd94707fb362a8', name: "error" })), h(GuxFormFieldHelp, { key: 'eb27a7ba6d697394217ca769760418a5c48fa156', show: !this.hasError && this.hasHelp }, h("slot", { key: '72684c8de51b461d0d384e72cb55b8829451a2ee', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -34,11 +34,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldTimeZonePicker = class {
     constructor(hostRef) {
         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.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
         this.hasLabelInfo = false;
@@ -101,13 +103,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'af0cbb7685d347c28c43f921f5cacebb3278a7b3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4fa4422cb653399d8d619260722697735cc288c0' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'b89996b2c51fa68812430912613dd500886a83b5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9457e0af4ea39dd0a3519ed22176b89da2a46890', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ea1b6685c1f732824abc808760866925c6cf8326', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aaa1cc82cad0fd2b370ba910ed1186633014c8fd', name: "label-info" })), h("slot", { key: '9a8cc3ad4cd9c76ce3bd0dd4790bb1ec82ac783f', name: "label-info" }), h("div", { key: '93231c9cf9b93fe944c16a27b7c615f8c165d54a', class: "gux-input-and-error-container" }, h("div", { key: 'fbff613473d52f6b6be37711490ee14a794e5963', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '63fe764bd0305f73e98138f208194ea346dafa82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8f7cc3150eef654346cc49aa43f40d54e6e20c9d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '731d7e3a8f00df3dc894cd24988841419f6f09dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c612bc191a188822b5a212a7a5132e64ed70be21', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1724057c6cf45d88e2a414479ddc66cfb5fe48ea', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ead73514f396411ff0fc79499a89c874e2118cd', name: "label-info" })), h("slot", { key: 'e0887f800850c98f5e5b7ac80fd7d00ec7bdf289', name: "label-info" }), h("div", { key: '30068c15a89e9aa42a8610d0540e60c05a9681d0', class: "gux-input-and-error-container" }, h("div", { key: 'd3ac67e6fb2a0d79e0e33a177971b32ca4557d54', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9d3738e9bf74ecca97aede80938d21a853310cca' })), h(GuxFormFieldError, { key: '064f605f1c5bf4dc46260fc94dbfe66ceeca194d', show: this.hasError }, h("slot", { key: '5906928c32755bab0d1164de18c9df2333170e4d', name: "error" })), h(GuxFormFieldHelp, { key: '552b563f0bc78614684c8e12628474f6f98bce72', show: !this.hasError && this.hasHelp }, h("slot", { key: '9c06a3c9455e50cb35019a0105167d7bb66e0b3e', name: "help" })))));
+            } }, h("slot", { key: '0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1' })), h(GuxFormFieldError, { key: 'f45773a01706d6ff6ece24fe897d092ac850edcb', show: this.hasError }, h("slot", { key: '80583c4fb2866590600059f8a913fa26bf630204', name: "error" })), h(GuxFormFieldHelp, { key: '3be673b6b92e7b12b07b67f0ba8cd7468b873fa1', show: !this.hasError && this.hasHelp }, h("slot", { key: '41c81c39d84bf560eb818c856d94a5a5a57d695c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-21889d5d.js';
+import { r as registerInstance, h } from './index-1f4f2f77.js';
 
 const guxFormFieldsetHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-heading-md-bold-fontFamily) !important;font-size:var(--gse-semantic-heading-md-bold-fontSize) !important;font-weight:var(--gse-semantic-heading-md-bold-fontWeight) !important;line-height:var(--gse-semantic-heading-md-bold-lineHeight) !important;color:var(--gse-semantic-foreground-container-highEmphasis) !important}";
 const GuxFormFieldsetHeadingStyle0 = guxFormFieldsetHeadingCss;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-21889d5d.js';
+import { r as registerInstance, h } from './index-1f4f2f77.js';
 
 const guxFormHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-body-lg-semiBold-fontFamily) !important;font-size:var(--gse-semantic-body-lg-semiBold-fontSize) !important;font-weight:var(--gse-semantic-body-lg-semiBold-fontWeight) !important;line-height:var(--gse-semantic-body-lg-semiBold-lineHeight) !important;color:var(--gse-semantic-foreground-container-highEmphasis) !important}";
 const GuxFormHeadingStyle0 = guxFormHeadingCss;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -8,7 +8,6 @@ const GuxIconTooltipBetaStyle0 = guxIconTooltipCss;
 const GuxIconTooltip = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.iconName = undefined;
         this.placement = 'right';
     }
     componentWillLoad() {