genesys-spark-components 4.42.0 → 4.44.0

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

@@ -4,9 +4,10 @@ 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-2bda6421.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -83,9 +84,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '19f5810ea8f73b055f46f3a8b969669d9707415f', class: {
+        return (h(Host, { key: 'd106ba7b1e32d5773b44f026a0440d2acc4b030c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '246ce9e053cbf2a50e351ea4173d2bdde33923dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '56eaab0972a668e7dee2d17df83d2edb876402d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '59b3ff1a9a66bb9ce728b3cc6e8f704935ae1b10', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'fda26c8ba627a552f07c48ce68b48b67e9311a19', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6e3e43e8172a6fc81f448942beed5c997775a3cc', show: this.hasError }, h("slot", { key: '1e5801770cc08517d4f91b5491a1297b8334174b', name: "error" })), h(GuxFormFieldHelp, { key: '1435be7bcaef80c1122adee4aa211c6208a8f5bc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'caa9bff21e2c05c88253bad45108f43ce3f0abec', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '7f3c78051a807f410d61cef6cabe23694b0b8290', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '01e543a73da28c9cae99d37cf469a42ef7de9b05', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a6535225438e845c01d0ca319e40973a599f631a', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'e195e858dff0216a240e923d01d06c358f6e11eb', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '60fe2010cd30e615858598d791adecabf6b7a33b', show: this.hasError }, h("slot", { key: 'b7f60d30ccf2e181eb4a67d0e7e7daebd1f1824e', name: "error" })), h(GuxFormFieldHelp, { key: 'd68aec504ad633beb4949eca4e2939784495df6c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e95cb0d5fd538442559abe36a62cf897cbc56f27', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -4,9 +4,10 @@ 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-2bda6421.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -63,13 +64,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '58c06b70fa0c0914647cdc867d863b666b893ed3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '80e35b2e1029815f0e13ae7d9a8b46c53fbf018c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '96a2707dfc53b46950076154c77e2b7cb9ec3bea', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '55cfc1f52cb60b46a1852f2db6709c28f37ac2d1', class: "gux-input-and-error-container" }, h("div", { key: '416a6683857cfa850c531f631b71a915839dae4d', class: {
+        return (h(GuxFormFieldContainer, { key: '5081b97b6633daef74de93c86464d864dafa4b44', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7c2c6dbc3264a345ad3b0aee1954c066f9707abd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '54342ab897574197e795e838f3244a9bc6f5b402', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'e6dca15410ecfa75984d4e8f5209a37c6ae236ff', class: "gux-input-and-error-container" }, h("div", { key: '4306d88d4441f8a2f5bb86eecb84fcda76521350', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b76bcc1d3dd8c4004f05f4d6777a0766dc0d2389', class: {
+            } }, h("div", { key: '099cf65d76baff73e0b55d962429922d466d30fe', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: 'fb9a66805ffde4ba97e14c2d396d098d4380b0f0', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '08f781d16f8c0988a88c5dbdc9ed3be3aeee194e', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0a418826020e8ff21b8545492c7d5eebd31692c5', show: this.hasError }, h("slot", { key: '75c35edcc3ca3efdd0016714457171b354cf1b86', name: "error" })), h(GuxFormFieldHelp, { key: '305d8def2a97282b6069b7a976be25e28c9deca4', show: !this.hasError && this.hasHelp }, h("slot", { key: '494163366813a80c117639bb6a2c030ba192e5ca', name: "help" })))));
+            } }, h("gux-icon", { key: '2492abd9eb251d81cdc4ef6507b84ab77fecf019', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '40115a2df912ff908b7e6309bdffbaf1003eb1a1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b9076694fc0193859cce09869ff3c11085af29d6', show: this.hasError }, h("slot", { key: '8c79f3e8f005285113bada2211e647d4b3b817e8', name: "error" })), h(GuxFormFieldHelp, { key: '83607e1cac369c2293903462046d105f71d61309', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cce01be9010f0a07c3a0101c9a852e0a771af730', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,9 +4,10 @@ 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-2bda6421.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -54,13 +55,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'baab7dd21e156bfb27319ff8a999b4c7a0dd70a2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '40a33a912c507da585c10b5f4ad138015bbe8a59', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b82d353125d8ad20e37e449f19e2575962611a9e', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd82ccb9f69e242b9fcee871bd47a8716d07e20b6', class: "gux-input-and-error-container" }, h("div", { key: 'd614e581925fcfb86ccd4fce07c092eaa50c3512', class: {
+        return (h(GuxFormFieldContainer, { key: '00b1fb32c5bed5c60ff34426c51ab50872cd582a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '048b61bbc5fad4d07ac5a02292b12922ac0d0112', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3d1e02deac0a3488571da6a634e9faeba150ebb9', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'dc23a33b44f49cf82fef584c92fe3d15bfd24e52', class: "gux-input-and-error-container" }, h("div", { key: '359ffd1f9c78b3b166f09eac180be848fcecb309', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'dfbbdf8d93f6a7f9f2b7a4bad3b8687d7a7ea379', class: {
+            } }, h("div", { key: '444b9144fed905cae3ef8ec3d057df0b6de703aa', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd457be1be7a7954ef691c39408ac256f260d9f4e', name: "input" }), h("gux-icon", { key: 'be9def4d0fa60f3324e721631e4f8816ef5fcf8b', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '38aae01a5b3f59279ad162177843183c6804a393', show: this.hasError }, h("slot", { key: '00ad175eb8ceff6eac2f40c4e8d1a8d2c6a80cde', name: "error" })), h(GuxFormFieldHelp, { key: '2eeca9caa8a051909388623db696e026c6d892d3', show: !this.hasError && this.hasHelp }, h("slot", { key: '6c4fe025017da98a30d191870f41922818774ad7', name: "help" })))));
+            } }, h("slot", { key: 'b7690f4d5c33ad8f127ff0f4c526707df2b383b4', name: "input" }), h("gux-icon", { key: '399d742a725f07037993d65057f472e91283fe6a', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '56eea40adb1b3914e8e5d55795794fc085343798', show: this.hasError }, h("slot", { key: 'd66343cecb40804671737e05ee091c38e3a93395', name: "error" })), h(GuxFormFieldHelp, { key: '3fc2bd54173472e4815a36e64508b6c6b321ea70', show: !this.hasError && this.hasHelp }, h("slot", { key: '6257448567632d324c9868a8c5b6d21980ad092b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,9 +4,10 @@ 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-2bda6421.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-4a59909a.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-6cfb4f6f.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -79,15 +80,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '55a6cf8bc3e719c0f3a0e79ea2cb2126cdf89426', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5f8fe6205739b0d1e92c80bf4240ee16f02a8146', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '72ca7f9e8f9946fcaf2d8c25c367476e20648b25', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0168bf7fdf030ef6c59d635814b16565c5bc4bfa', class: "gux-input-and-error-container" }, h("div", { key: '74d073de52d28d38c27719b34a58fc3a8bce8b18', class: {
+        return (h(GuxFormFieldContainer, { key: 'a1e361d7735682c672ea37285ba9074741fb9294', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a82502fd2b76ea9a23602bdf1dfedb78d45dbbb0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f2618437db42ed9fdfb6775437fdbaad9fdccdc9', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'cdc9435838f24392560af01749de704e891b5976', class: "gux-input-and-error-container" }, h("div", { key: 'af977b0a1e2c691220d528bf1636963d30dc8a63', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '61dc9d10ac90dad8d966ebfde013856c84b9f038', class: {
+            } }, h("div", { key: '6b7dff7086bade928cd08663b22919cc85b64b9a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '285a292cbb1a04f007f084f44a77b0d993be3aab', name: "prefix" }), h("slot", { key: 'c8cb79face98b1c9ab838b10258d06f5ef2d2cc7', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b97da9467c217b7643c522dca4a2c36de2b4b395', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd9c47e139b0f23fd349f8b62be786af3babadd7a', show: this.hasError }, h("slot", { key: '9ebc0ea955879b70cacf001d299763c7e4c2e6c0', name: "error" })), h(GuxFormFieldHelp, { key: '8e0757c1363b5e7a5da501b4e52847993f6a3ce4', show: !this.hasError && this.hasHelp }, h("slot", { key: '50af9326c84242ce67e9196f12a0c273de538197', name: "help" })))));
+            } }, h("slot", { key: 'c13edfa38d72d1c9ce9854f774d6725183a37b77', name: "prefix" }), h("slot", { key: '2408f9e2926d8cf3ee1f8a326914b1fe9470015b', name: "input" }), this.renderRadialLoading(), h("slot", { key: '0d185123a159ba22ee3372a4c42c3d3f6c9c7a49', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ed7f2326a2e63da22dadb873b04e3145ae91bad2', show: this.hasError }, h("slot", { key: '0d4bbb6f54c9ff48f2eb6befb21499ec10b0bacb', name: "error" })), h(GuxFormFieldHelp, { key: 'd9c23685e62a16adc3251be08a0ad444d018c1dc', show: !this.hasError && this.hasHelp }, h("slot", { key: '73c186e24ec5980a14859dd91443c84cc111da73', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,9 +4,10 @@ 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-2bda6421.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -58,12 +59,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '494682f4ac2098c5771eef06dc0a778e66182635', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f0b218f8974dbb90f1f3e570738d79379e963533', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd46087bcd856fe9372b3a6a8fde277970ecb0d02', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '3ece84df8eb602d83f4688caf00ccaefb9e447fa', class: "gux-input-and-error-container" }, h("div", { key: '2dcd28afcdd0a1f96e93792e74700b43472b167c', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '11ece4734590df5dbc3dd57a25396dbae6c356fb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fd49c1716f36edd989e7ad8317d2d9805ae936c6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '27f500f0e73bad522721c36244f20be0d7b11415', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '58848d83f118763cf9eb2472a432b17cfa5da114', class: "gux-input-and-error-container" }, h("div", { key: '1dd0fc6b6ac1f8de54b5627e3f0fe2b3dd87f13d', 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: '15eec3f490ff8ece0e654933460e800516dc4a0c', name: "input" })), h(GuxFormFieldError, { key: '0d3129e289b6ce134a031df09cc3f2e31e7ebfc6', show: this.hasError }, h("slot", { key: '11e32e54979c6e0590598e90722b626857045241', name: "error" })), h(GuxFormFieldHelp, { key: 'aafcca51d6122af87162d83e3bc88c6616e9d8d5', show: !this.hasError && this.hasHelp }, h("slot", { key: '7f13240605fb68bfa7796c1c32563c135224c723', name: "help" })))));
+            } }, h("slot", { key: '32dbc6311403f984cf919ecd65ba25365bd316a2', name: "input" })), h(GuxFormFieldError, { key: '02b7a46d01a3da2406c5fbb3f2b355b401dd0ca3', show: this.hasError }, h("slot", { key: '581a3c77300e8742b3b048a1f885441ce8d9b146', name: "error" })), h(GuxFormFieldHelp, { key: 'f176631e209a4077dbf133652c8100d0c7f56b54', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac6121c1025518648e5873d40c1460917d14d2c3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,9 +4,10 @@ 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-2bda6421.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -68,13 +69,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'ae4709aaff5ee2e057a54a3a5910b0bbbc9ebc06', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5ee1f0147dcdb554d2d921b66f0b2afc2d6ab139', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'fa722b21f1b7cd9a5b2f0243f2cd489137d9996d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '232bde02c1cea41b2d50948919645d8d8b484c1e', class: "gux-input-and-error-container" }, h("div", { key: 'f102981af86be2542014700a04e2fff362ef662a', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2c4aa38b0077b02ac436d7ae2416e798410451f6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'f179f8f2f27e34cdf2f3a1883283e914beb57de9', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '5e40f38fd6c40f946a48c1c4084ea850826f4ddf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '0b85674bcabd466f530847e1fece1ec922464689', class: "gux-input-and-error-container" }, h("div", { key: 'ced84fc0e19298b46cc9f3d83b97ff40512640d2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3cd0a101d2c74beed6ac37bca4cc0f14494da62a', class: {
+            } }, h("div", { key: 'fbafbca9ee75ef20ecbd9a312399998285367f25', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f6dcbaf31b7dded9a7c3e5d14ae3e7125964345e' }))), h(GuxFormFieldError, { key: '14ed5f69aac4f5dd0dbe545a429a6620f4bae9b3', show: this.hasError }, h("slot", { key: 'd7a0445b647d33fb41f841ab33888db209c2253e', name: "error" })), h(GuxFormFieldHelp, { key: 'edce8c2c7f40f3f266cff656c04f9511f3b25b22', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ca292da1fcbf617694952a51268da98c300f9e24', name: "help" })))));
+            } }, h("slot", { key: 'ba1095c38f9191d5f83f0c36bcde7e1019d4f0a9' }))), h(GuxFormFieldError, { key: 'e212decaf9f764d05a4d0991b69c3536fd55d74e', show: this.hasError }, h("slot", { key: 'ddb43aa4fcb2b95a5f857cbf745fae4a69f88be7', name: "error" })), h(GuxFormFieldHelp, { key: '658b7d869e8b5542f5c0f9cb8ea60b21e675bd6f', show: !this.hasError && this.hasHelp }, h("slot", { key: '35cc61cb53a60869b96dc7b57b467f04ed89d325', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -4,9 +4,10 @@ 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-2bda6421.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -68,12 +69,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '221339c9cdc5b5aad8ce193a06eeea61fed8015b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '872f50bb406b15ab6076e155cf8c2ad20319c4fb', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'caacd633f6fbc1b831bb4bf61f9f2f9fec894d63', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '117e568a0c3157e72f6869f42bacb8b7f203fbcc', class: "gux-input-and-error-container" }, h("div", { key: '5598ced3dadb1a0adcc68a0a24700ab31212fdcd', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '25b3485ca0ffe0c1976416408c9f246ceddbdddb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '6751438df8065382f5730f9734562f54475c7ea0', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '27f468b620b5b5778b182404da7c2907ea2844cc', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '10db7a8255f72cdb8dcf7908e7c47ff99103de2b', class: "gux-input-and-error-container" }, h("div", { key: 'dd9c0740448bfe714028ad49822ef426632dc1a0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '36d4c79ddc4c3ffe16c1be66590b7e29ec1a995a' })), h(GuxFormFieldError, { key: 'cecadba80ef25836dec00dc6a49722b59b21d659', show: this.hasError }, h("slot", { key: '1e14a287e7725a50535d89a400cfe102da714e96', name: "error" })), h(GuxFormFieldHelp, { key: 'b5e53038e69e460e79200cff900cc2d98ad3a07a', show: !this.hasError && this.hasHelp }, h("slot", { key: '29b847bb2eeaa521377984d9ea148189d722f55e', name: "help" })))));
+            } }, h("slot", { key: '18787fda0dab208b535a6abfdab3e34a4e0844de' })), h(GuxFormFieldError, { key: '9bf97849602ecfa044e7ff035f66e4199a1619b6', show: this.hasError }, h("slot", { key: '54ca621f58c523e495ed2d1d083e8f772bc091f5', name: "error" })), h(GuxFormFieldHelp, { key: '28b723280b51b4095cb14841500feaf473a62173', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f188c9e2b6ff20e6442ef7771ab529a3ee19032a', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/esm/{gux-form-field.service-2bda6421.js → gux-form-field.service-6cfb4f6f.js}

@@ -1,26 +1,8 @@
-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');
@@ -137,4 +119,4 @@ 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 };
+export { getComputedLabelPosition as a, setSlotAriaDescribedby as b, clearInput as c, setInputValue as d, getSlottedInput as g, hasContent as h, setSlotAriaLabelledby as s, validateFormIds as v };

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -539,7 +539,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '01317365fb9db76a0abee670c75282e6bbb98462', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '78f4fcfef073edb176334060c2a1d308e85404de', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "Information alert with message";
@@ -41,10 +41,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '8f1c2675361123ef077ac967f67c13595df68712', class: {
+        return (h("div", { key: 'cccf80869f2a94daea7e959776183394529ec9c5', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '4859a6e04af19e79fde53b6377b408e157586e25', class: "gux-message-wrapper" }, h("gux-icon", { key: '83ff44c71e588ac2707fa1c5cd9455991239fb7d', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'b4eaaab4472ceffda8f0fe78f3a1195ce1185874', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '37bf0b6cf74d8368f50c442f3031b44cb3e64367', class: "gux-content" }, h("slot", { key: '4995a6a8c848aed4edf1364ceea108c7be94c474', name: "content" }, h("slot", { key: '3e895c3db8efa071761afbbcb249b74b54d4ff80' }))))));
+            } }, h("div", { key: '87e8c73f8b8bbe5d44044f4a30a61ce659503573', class: "gux-message-wrapper" }, h("gux-icon", { key: '0bf8011155623143519a597e9cf72ad6b2b7aaf5', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'efecfdccf27ed71a1c90b09e1f4394943bafcffe', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '30b3980ba9d34a739c16a6ca41d72840fdf73735', class: "gux-content" }, h("slot", { key: 'efd51916e3f999d7ef8d6884f7d193a4b525973a', name: "content" }, h("slot", { key: '0fc771af0f31c22548f74289e5191568812dd86a' }))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-list-divider.entry.js

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '121c18946744d78cb333349b7f2da12521dfabfb', role: "presentation" }));
+        return (h(Host, { key: 'fb586573e0599986833c87cb0e1d2b5d403a3ed7', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

package/dist/esm/gux-list-item.entry.js

@@ -25,7 +25,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '07e02f4322355ed477335c6a1359849bbf32970a', role: "listitem" }, h("button", { key: '5afcf21dbb31945868d5f8bf021063f253dbb1ee', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '4c84a80132ee7346e0ac7e7ec9881f758d89c334' }))));
+        return (h(Host, { key: '90bc73361f80b0433076a224fadda8db28d9ba2d', role: "listitem" }, h("button", { key: '1d6cc4905d34248d43b95e05e11e93df4c2ffcf7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '081f96e9fcbc2a26fefb1a54b97e756cc0c45f5b' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -56,7 +56,7 @@ const GuxList = class {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'c1dc1a17c6718a7f30b17816d85903ba1864827d', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'f903f960866b459d147450e3cd35d429f090d2e8' })));
+        return (h(Host, { key: '2bee81661464d225aa3e2a80390b34c1ffcc13d2', role: "list" }, this.renderFocusTarget(), h("slot", { key: '15960bc74695c41275e4b23d60e330b87e72a5a4' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-listbox-multi.entry.js

@@ -3,7 +3,7 @@ import { c as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOpt
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-loading-message.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'db95d3329c7c49946742c28052b1f4d2163dbf55', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'ef6170afd477822f64cd0dd8091376ddc8d9a785', class: "gux-progress" }, h("slot", { key: 'b824b5e14888fd5b7df4e6d587d77f0d3f3654d1', name: "progress" })), h("div", { key: 'b3efd00f28ed39c205add4e2a469eeb42fef8495', class: "gux-primary-message" }, h("slot", { key: 'c4d1660ecbb56b4de017466cdcd818be7368d612', name: "primary-message" })), h("div", { key: '5d9a2d37af7a85fa270021bd60c919fff4b5ac1d', class: "gux-additional-guidance" }, h("slot", { key: 'c2e767c6dca773bd8aa776380e59826826ab5d88', name: "additional-guidance" }))));
+        return (h("div", { key: '8e57584f7da6d2df8173df0f92086963c8d8066c', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '0d8cfd1f1b9d43b4d44ec40523942d458b9cdf32', class: "gux-progress" }, h("slot", { key: 'c42dd6bd738341175aa9a1a7e155bb5a22cfea41', name: "progress" })), h("div", { key: '81148665ffbaf8441c1b8ce969045b5841ed3871', class: "gux-primary-message" }, h("slot", { key: 'b4b613f5cda7bc1f4e32265cbb006ae8737fc183', name: "primary-message" })), h("div", { key: 'c798028124cda04883fdaaad6d2f25be62f2f241', class: "gux-additional-guidance" }, h("slot", { key: '09c0c35eb7ee0241cdfba67c33a5ae7b49eea6ee', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-menu-option.entry.js

@@ -32,7 +32,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: 'f7ed1ef17c2f8e76fb9e97b3f1be4bc52ce4e498', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '68e2322bcce7de4e8ec83e26228a187896a9847b', class: "gux-menu-option-button-text" }, h("slot", { key: '405e4f3454739bf7fa790c5c31ffad32bae438e9' }))));
+        return (h("button", { key: '9efedaf2edce7ffa682d12bd4b1d04a96095f07c', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '9f0bd53f2ce08b60b0793adde7cb44f876aa6a66', class: "gux-menu-option-button-text" }, h("slot", { key: 'aebece604a60889fdb6666fa25ae2177ea329a13' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-menu.entry.js

@@ -8,7 +8,7 @@ const GuxMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'caf1aa99644b71f9854d7f10b4057fda34bbea4c', role: "menu" }, h("slot", { key: 'ffe33eeca3614fbae5f9b5b9d2a81c4d641c0b64' })));
+        return (h(Host, { key: 'a6ca74e84dfd5795253501b4049fb2b5f4b56df4', role: "menu" }, h("slot", { key: 'a60b73097051c7d2333f9ce8391930b1e8796353' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/esm/gux-modal-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'b4d794e9ca48d02f971b9021444102fb050b09a3', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '36c9c138eea049529baa001a43027630b5b5822d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '29a8c5718c8645337d912aade0006a0705f9eac4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '540e1b08dd6f0bc473c397cbd372cdbfac6e3705', class: {
+        return (h("div", { key: 'c980adab186293713c0fdb71eb6f3782d4f167c5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '861621bcc869e69aa125d9e8b8019541334ec286', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '4a90406ef2acc256d5c2717be2aa681eba450411', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8c8ac66b8d1547a9bed135a075bcec9bba770b8b', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '67ad5e765c02b06a62bd3c0342a5bda314bc1ca6' }, h("slot", { key: 'df01a76583c1e815d47fa599254726a4f3b7ec9d', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'dd5f3cbd3e79dca9e230c6abcf7b0e47b86247d0' }, h("slot", { key: 'fe9f430bf61e41a3dec025b5dc5916c15411d652', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/esm/gux-modal.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -63,10 +63,10 @@ const GuxModal = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '384d8556d0e79080d14c14bd77b8ad24fa3e7426', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '1ddac64c7bdd77577bea78ab709d3beb62cc2caf', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd45fd1d2147341d47cf392dc07dda38dbb485e21', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '54b897f6238ba5ddea00ce031f34087cff856e73', class: {
+        return (h("dialog", { key: 'bfcb9faa7744acd2ec1567ff3391ebe67da171a0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bd689a24881222662a6a08655188fa278f8d7c61', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '81a6312e41709b6f00bfeab8cccfbd980472aa52', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'cd9c321fa7d71b8a6b7d657d45bf4bc812d8ca0c', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '0c76de9bda798bc0ee4576b042e4657f07752295' }, h("slot", { key: '9f76785f3076ad29f199b7f224678a57d8869f15', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: '5fe1716d1e7f328f0e64157b439e5c33659823a0' }, h("slot", { key: 'e1514e725b8a36ef3dc7ac14cbbde5bf4b1355d5', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/esm/gux-month-picker-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';

package/dist/esm/gux-notification-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'd7a803979fb4928426771dc56f5b391ed104be1b' }, h("div", { key: 'dfb95927b087dc9072a27ff61295167e930fb2ba', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '060bdf80b7ef76e0806a4b7edd78d9e88c8731e2', name: "icon" })), h("div", { key: '98343cfe55e081b3ac659fd4cad0a39018db7aa0', class: "gux-content" }, h("gux-truncate", { key: 'f8580c9c7d1267122d27d08c896397b7a2db6bd9', class: "gux-title", "max-lines": 1 }, h("slot", { key: '53d5b7655343c330d98d5a96b03571e3edf73b83', name: "title" })), h("gux-truncate", { key: '9eb6e29cce6cc5d950decac114acf50db88cbafb', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5b9e99ba08073b781d616024f8d3294483c02da1', name: "message" }))), h("gux-dismiss-button", { key: 'eb2ee932ad1911a7349526d0d5374d2eb2b14c71', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '212fe6638a0f93771cc1a1da65ad92c71e61a387' }, h("div", { key: '8dd88b2a9d265237a8b7573b3e4f2c983e96de7a', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'd6335d9ed2f06e560dac0c4e1ab0a17337de60bf', name: "icon" })), h("div", { key: 'a1706bdb1a113edb76af850b033269b7235c0409', class: "gux-content" }, h("gux-truncate", { key: '9224fd0177d4c95ed25e0ce51f4d8ec17550fb70', class: "gux-title", "max-lines": 1 }, h("slot", { key: '4a5ebe9877a52f0c4ced14b854a78116740a2103', name: "title" })), h("gux-truncate", { key: '7e14e98d5b0f78293caa91f5b47cc4ba1d08afa2', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'd966e9bef8f463d3d1efebc7cae7c62365cb34db', name: "message" }))), h("gux-dismiss-button", { key: '81f5654ecadf038f7c27c8371bb2a3ffc35b2f7f', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-option-group-beta.entry.js

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '906d2423640361cf8100aaab29e85336f06d2e5c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8c3a03179d2c9923058a9a6313f85289a3b7db97', class: "gux-option-group" }, h("div", { key: 'af6224706fec9bb94c2f86eb4844a3f428281c7b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '0a38f4370a03497c524960bc49751971c44d30fd', role: "group" }, h("slot", { key: 'e0101bcb0d957321109e0b4d4605ae456c06d5dd' })), this.renderDivider())));
+        return (h(Host, { key: '8c5e9ee996a36b86fbc46f312c1704a535a918b9', class: { 'gux-filtered': this.filtered } }, h("div", { key: '143772d5608c486f95792df2515b168f6c9475f3', class: "gux-option-group" }, h("div", { key: '59e8c3d0a51121f9c092dc9ebd7dbc0d5f25007f', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '365833f43a43a93011c38a0b163ed7d0001b9074', role: "group" }, h("slot", { key: 'ba6537536fcf68de3306858adc8de2b7eccf2b59' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-option-icon.entry.js

@@ -54,14 +54,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'a86aa2697b351d9aa4d2abe7d5933554338757b9', role: "option", class: {
+        return (h(Host, { key: 'aaf5ea30565455066f67e63e1f2524569815f47d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '64167f2bd088c53469128a58fd8b8e671d90c337', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'ec57363a8d68937dfe14bd57e2deeefffca1b4fd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5c414cb80fff1c53c39c383b68dba5901dba446e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a816c429d83ec49934911699453abc619895a11c' })), h("slot", { key: '0ee2a4d58440830b741662b3566dc5d740abff06', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3e230880bf14e8dca94c958202ccfb56d3f9045b', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '56b8220fc819f9d4f41897988d2b8383f95e4cc5', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f7fd8f62fdadefe2d4a94b84b298b19fe83044af', ref: el => (this.truncateElement = el) }, h("slot", { key: '634d010bcba97bc49d5a1aeb4e9a0cdd57381066' })), h("slot", { key: 'c2c214fbc7027ce0515307c250cbf4813b56a529', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-option-multi.entry.js

@@ -62,13 +62,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ad48f3760d6024b4dc7b9a44ef3ac6a01905a0c1', role: "option", class: {
+        return (h(Host, { key: '44cce2cf160fdf0f3451d23ad29f52c020defbe2', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'f2b0fcaa4c1fab636dad83d73a339f4b273b803a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '376e881035146ee7e061de2143c3784c386752bd', ref: el => (this.truncateElement = el) }, h("slot", { key: '11720a7b53179026f98622df4e6f50de65189f5d' })), h("slot", { key: 'f34efc2b992dc8fb58750522dd71d5e29984486d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'aa4d2b4786fc86dbeadda3784b765abe1c2e95ac', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4b8bd5cf5531f5cc500d2704100b61ee59a96e69', ref: el => (this.truncateElement = el) }, h("slot", { key: '691ba00ed35e4c53714050dc31df4123a3d9e2fa' })), h("slot", { key: '1ad22ad0833bfca8c4e86b5bfbd382084689c832', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '32fbfcd31034222e6a6066a8aa6c80604f7419bc', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '10b7ce0c48797bbed17d8e88ba11d90fc75e4a2d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };