genesys-spark-components 4.37.0 → 4.38.0

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';

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

@@ -3,10 +3,10 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, s as setSlotAriaLabelledby, c as setSlotAriaDescribedby, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, s as setSlotAriaLabelledby, c as setSlotAriaDescribedby, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -20,7 +20,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '420614ad57cbadacbbaf437ee524b7ea927a5dff', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '56655b44bbfea2fcbbee5759f9639b4988e0555a', "icon-name": "close", decorative: true })));
+        return (h("button", { key: '420614ad57cbadacbbaf437ee524b7ea927a5dff', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'd199ace41032fcb89a22996bacc56f15217cc44c', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -4,11 +4,11 @@ import { c as calculateInputDisabledState, o as onInputDisabledStateChange } fro
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
-import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition, e as setInputValue } from './gux-form-field.service-f168cdd4.js';
+import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition, e as setInputValue } from './gux-form-field.service-2bda6421.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -118,7 +118,7 @@ const GuxFormFieldNumber = class {
         this.computedLabelPosition = getComputedLabelPosition(this.label, this.labelPosition);
     }
     renderStepButtons(input, getI18nValue, disabled) {
-        return (h("div", { class: "gux-step-buttons-container" }, h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('increment'), disabled: disabled, onClick: () => this.stepUp(input) }, h("gux-icon", { "icon-name": "chevron-small-up", decorative: true })), h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('decrement'), disabled: disabled, onClick: () => this.stepDown(input) }, h("gux-icon", { "icon-name": "chevron-small-down", decorative: true }))));
+        return (h("div", { class: "gux-step-buttons-container" }, h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('increment'), disabled: disabled, onClick: () => this.stepUp(input) }, h("gux-icon", { "icon-name": "custom/chevron-up-small-regular", decorative: true })), h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('decrement'), disabled: disabled, onClick: () => this.stepDown(input) }, h("gux-icon", { "icon-name": "custom/chevron-down-small-regular", decorative: true }))));
     }
     stepDown(input) {
         if (input.value === '') {
@@ -235,7 +235,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '27f46ece4cba80658d3e8016f0b84f6c64e4b089' }, h("button", { key: '4bb71628d7af04c803cbaadcfc8e094ec3859545', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'df8660dafad9ec7fa9c07ea29641fc95eff77490', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: '9720ab867db23b99b310dd4a7b405516e737c6cd', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '03cbfc67816a2304fa5d77fdf8b507b85b2f0a86', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'c4bea0e355cbb77f1681e535db90855fde06355d', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '88aa6e5a294a563d8f1b4e43d21c74ee753cd1e8' }, h("input", { key: '7ae93a73e7a2b6ed6911a87a168d0a511740d764', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '6d5d5b9a81051d81715e2df2157ff0e4f2fe4af7', slot: "label" })))));
+        return (h(Host, { key: '27f46ece4cba80658d3e8016f0b84f6c64e4b089' }, h("button", { key: '4bb71628d7af04c803cbaadcfc8e094ec3859545', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '9db61cc7df8c1788f8dd3c30cf7c1bb7591fbf02', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '8f41e3f2f037df02e13f1050c22f81273383d13f', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '1c2d908199ba430a62fcc814503e9a7057f760b7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '7c615f40c01a34de67c2ed3d5a7bd193dbaab569', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6804b5a7365fbfc26c81b1d927f891c54e6ddb62' }, h("input", { key: '72e0949110862fe60978dcf29f9414e716bdc088', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'fc21a0b6bcb8c1e74fda436aaa8e8bde2f0a2cc1', slot: "label" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,9 +2,9 @@ import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import './get-closest-element-728b9f18.js';

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

@@ -3,8 +3,8 @@ import { c as calculateInputDisabledState, o as onInputDisabledStateChange } fro
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-f168cdd4.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-2bda6421.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -69,7 +69,7 @@ const GuxFormFieldSearch = class {
             } }, h("div", { key: '13723d13c1e1d8077bed6b492c9ffe44a0628ffc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: 'd16d8bcc568b7c08e39a991e54c7481370d5acaf', "icon-name": "search", decorative: true }), h("slot", { key: '2d275c75a7fdf518932d79108513a79208fc9b5e', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'cd60f08706f424d959967bf69953c6017df559cb', show: this.hasError }, h("slot", { key: 'cb753e96b1594fc1f2bf2e94527c19cdf886034d', name: "error" })), h(GuxFormFieldHelp, { key: '7655686a50ac0392feb782404cce1c069c79b231', show: !this.hasError && this.hasHelp }, h("slot", { key: '821ec2e5dc07037cc51ef99985146d247365beb0', name: "help" })))));
+            } }, h("gux-icon", { key: '4f4b68bf9b3c80cf2909f05af3745a48e7331421', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'c01081679eb8c555e5e0cef8a9c7fb22c4c958ed', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '043cee146db25471b638788f80e6f672a3cf7459', show: this.hasError }, h("slot", { key: 'be8e130bfe8fe1b2a6d10f163db4bd103a960427', name: "error" })), h(GuxFormFieldHelp, { key: 'f7a981c841c84cf0ef2b4413466aadd25f3bde96', show: !this.hasError && this.hasHelp }, h("slot", { key: '8a61e629ff80ca4c4950aaffd4f67d686614d9bf', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -60,7 +60,7 @@ const GuxFormFieldSelect = class {
             } }, h("div", { key: 'b0f7f09b23023f1fc272b782178dd739bba704e7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fdcd6b5185f8fa25940fe8e5e2908f7629bbf448', name: "input" }), h("gux-icon", { key: '7321c0d53019005f1d58e9bbe9cee1e78ef58cc0', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: '374036b06516f77e21735027a9cae1c09862dc33', show: this.hasError }, h("slot", { key: '989e082e1c03db1a62a0f0af921a0acfe9963394', name: "error" })), h(GuxFormFieldHelp, { key: '4d2aa92cc37ebdc981ba768a8b17d0e9dff1b9fe', show: !this.hasError && this.hasHelp }, h("slot", { key: '4cee1bb8c7826aba89be5546eff7f94a75e2557e', name: "help" })))));
+            } }, h("slot", { key: 'fdcd6b5185f8fa25940fe8e5e2908f7629bbf448', name: "input" }), h("gux-icon", { key: 'd7746dbef3b14d7d20a4440149478e78f6e14d27', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '4265dc7ebc37741a86edc817766243f7b4684776', show: this.hasError }, h("slot", { key: '5c79451253954d2a5ac081848ffbe7c4e48c96da', name: "error" })), h(GuxFormFieldHelp, { key: '242d283913ad7afe5dac3610b811ac3eb9e17d1f', show: !this.hasError && this.hasHelp }, h("slot", { key: '84f58e74b7083064e7f8659c71953b5763dc862d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { h as hasContent, c as setSlotAriaDescribedby, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { h as hasContent, c as setSlotAriaDescribedby, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';

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

@@ -4,9 +4,9 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-2bda6421.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-66bd1339.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';

package/dist/esm/gux-form-field.service-2bda6421.js

@@ -0,0 +1,140 @@
+import { h } from './index-da21b737.js';
+import { r as randomHTMLId } from './random-html-id-81ac821b.js';
+import { l as logError } from './log-error-274efeb7.js';
+import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
+import { h as hasSlot } from './has-slot-f24a46a6.js';
+
+const GuxFormFieldHelp = ({ show }, children) => {
+    return (h("div", { class: {
+            'gux-form-field-help': true,
+            'gux-show': show
+        } },
+        h("div", { class: "gux-message" }, children)));
+};
+
+const GuxFormFieldError = ({ show }, children) => {
+    return (h("div", { class: {
+            'gux-form-field-error': true,
+            'gux-show': show
+        } },
+        h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true }),
+        h("div", { class: "gux-message" }, children)));
+};
+
+function setInputValue(input, value, focusAfter) {
+    input.value = value;
+    simulateNativeEvent(input, 'input');
+    simulateNativeEvent(input, 'change');
+    if (focusAfter) {
+        input.focus();
+    }
+}
+
+function clearInput(input) {
+    setInputValue(input, '', true);
+}
+function hasContent(input) {
+    return Boolean(input === null || input === void 0 ? void 0 : input.value);
+}
+function getComputedLabelPosition(label, labelPosition) {
+    if (label) {
+        if (['above', 'beside', 'screenreader'].includes(labelPosition)) {
+            return labelPosition;
+        }
+        else if (label.offsetWidth > 1 && label.offsetWidth < 40) {
+            return 'beside';
+        }
+        else {
+            return 'above';
+        }
+    }
+}
+function validateFormIds(root, input) {
+    var _a, _b, _c, _d;
+    if (hasLabelSlot(root)) {
+        const label = root.querySelector('label[slot="label"]');
+        const inputHasId = Boolean(input.hasAttribute('id'));
+        const labelHasFor = Boolean(label.hasAttribute('for'));
+        if (!inputHasId && labelHasFor) {
+            logError(root, 'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');
+        }
+        else if (!inputHasId) {
+            const defaultInputId = randomHTMLId('gux-form-field-input');
+            input.setAttribute('id', defaultInputId);
+            label.setAttribute('for', defaultInputId);
+        }
+        else if (inputHasId && !labelHasFor) {
+            const forId = input.getAttribute('id');
+            label.setAttribute('for', forId);
+        }
+        else if (inputHasId &&
+            labelHasFor &&
+            input.getAttribute('id') !== label.getAttribute('for')) {
+            logError(root, 'The input id and label for attribute should match.');
+        }
+    }
+    else {
+        logError(root, 'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');
+    }
+    if (hasSlot(root, 'error')) {
+        const error = root.querySelector('[slot="error"]');
+        const errorId = randomHTMLId('gux-form-field-error');
+        const describedByIds = ((_a = input
+            .getAttribute('aria-describedby')) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
+        error.setAttribute('id', errorId);
+        describedByIds.push(errorId);
+        describedByIds &&
+            input.setAttribute('aria-describedby', describedByIds.join(' '));
+    }
+    else if (input.getAttribute('aria-describedby')) {
+        const describedByIds = ((_b = input
+            .getAttribute('aria-describedby')) === null || _b === void 0 ? void 0 : _b.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
+        input.setAttribute('aria-describedby', describedByIds.join(' '));
+    }
+    if (hasSlot(root, 'help')) {
+        const help = root.querySelector('[slot="help"]');
+        const helpId = randomHTMLId('gux-form-field-help');
+        const describedByIds = ((_c = input
+            .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
+        help.setAttribute('id', helpId);
+        describedByIds.push(helpId);
+        describedByIds &&
+            input.setAttribute('aria-describedby', describedByIds.join(' '));
+    }
+    else if (input.getAttribute('aria-describedby')) {
+        const describedByIds = ((_d = input
+            .getAttribute('aria-describedby')) === null || _d === void 0 ? void 0 : _d.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
+        input.setAttribute('aria-describedby', describedByIds.join(' '));
+    }
+}
+function setSlotAriaAttribute(root, attribute, input, slotName) {
+    var _a;
+    if (hasSlot(root, slotName)) {
+        const slottedElement = root.querySelector(`[slot=${slotName}]`);
+        const randomId = randomHTMLId(`gux-${slotName}`);
+        const ariaAttributeIds = ((_a = input
+            .getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-${slotName}`))) || [];
+        slottedElement.setAttribute('id', randomId);
+        ariaAttributeIds === null || ariaAttributeIds === void 0 ? void 0 : ariaAttributeIds.push(randomId);
+        ariaAttributeIds &&
+            input.setAttribute(attribute, ariaAttributeIds.join(' '));
+    }
+}
+function setSlotAriaLabelledby(root, input, slotName) {
+    setSlotAriaAttribute(root, 'aria-labelledby', input, slotName);
+}
+function setSlotAriaDescribedby(root, input, slotName) {
+    setSlotAriaAttribute(root, 'aria-describedby', input, slotName);
+}
+function getSlottedInput(root, inputSelector) {
+    const inputElement = root.querySelector(inputSelector);
+    if (!inputElement) {
+        logError(root, `This component requires an input element that matches the following selector: ${inputSelector}`);
+    }
+    return inputElement;
+}
+function hasLabelSlot(root) {
+    return Boolean(root.querySelector('label[slot="label"]'));
+}
+
+export { GuxFormFieldError as G, GuxFormFieldHelp as a, getComputedLabelPosition as b, setSlotAriaDescribedby as c, clearInput as d, setInputValue as e, getSlottedInput as g, hasContent as h, setSlotAriaLabelledby as s, validateFormIds as v };