genesys-spark-components 4.46.0 → 4.48.0

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.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 { 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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -64,13 +64,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        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: {
+        return (h(GuxFormFieldContainer, { key: 'cc4ddf4554a3170d2b63552c31381c9bd0defddf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '95415f4ef625a1aa2de0c27b4bff3f9f71cba452', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4fd148a5e4cbcbc7db5213f96662e1164c512be9', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'aafd0448d7845dfd784dd8174f80a675fd8aca11', class: "gux-input-and-error-container" }, h("div", { key: '264cd6b96b0f69bf0b2e2036a1e971dcbb232a77', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '099cf65d76baff73e0b55d962429922d466d30fe', class: {
+            } }, h("div", { key: '5bd3fd5ac4a9f38e929fcd077b62cca43a1aae70', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("gux-icon", { key: 'a71d0ae281a9b9a4d3110cc7d0524cf7af8baaa6', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '959fb60d5e3a7debf9a54dc7929705bc9d8ea9db', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e8f336eb8ce7abe755670a50b806ed427eaf8254', show: this.hasError }, h("slot", { key: '98aac5c59dbe1ae93ea490a3ad27b8d8c5f5b5e9', name: "error" })), h(GuxFormFieldHelp, { key: '197f16c081cd844f5cde3c285459c0a06b5ef21b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a0ba4381b562ab69c3db102f14b213825f2e90d5', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.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 { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -55,13 +55,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        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: {
+        return (h(GuxFormFieldContainer, { key: 'b6d615322b4665e220cd056b7ddc269b1e6acf76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ac5df58df2f5936cea1c3e4b3c90df66e3536f00', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '041304f77f5ad972b85fbfde9d19a3e50d38471e', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'bb07f72d3dd643757d703ff48b439b813c12200f', class: "gux-input-and-error-container" }, h("div", { key: 'c64707b087cc48e30ef822f300f5a50a119dd71c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '444b9144fed905cae3ef8ec3d057df0b6de703aa', class: {
+            } }, h("div", { key: 'baacc8768dc47af622c6dea486711495ba2b402a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: 'd56e4b407b17c9b0d72fe3907deaab936e30c1d3', name: "input" }), h("gux-icon", { key: 'f7801ad158649c466c7a7bbdd68b11ca9afdf5fe', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '533c1fc74e0052a38796efb480f4c42c775372c1', show: this.hasError }, h("slot", { key: '9234e675667b39c2f32ef087615fc9f98d4d005f', name: "error" })), h(GuxFormFieldHelp, { key: 'be26e942e42e68c093fdbb29ccfb2dae299421f7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0fcd9d8efa6253bd6ea233f1f5b26b3ab0e14ed1', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.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 { 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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -80,15 +80,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        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: {
+        return (h(GuxFormFieldContainer, { key: '31d901d8eb74880635835b24c1170639de41dd07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6a7cf6ebe553906aebfdff553451be781aa91ff4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '33483280309581609f4346e678b0ea3fdaaff2d4', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ed8493e2a749caebb2d10d47aa6669303bd50009', class: "gux-input-and-error-container" }, h("div", { key: 'ca5bf5c393573822d3a09ddc4e1ea7c7c1f0f680', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6b7dff7086bade928cd08663b22919cc85b64b9a', class: {
+            } }, h("div", { key: '7aefdc2e126f29753fc9240e16bd44169f603158', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, 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" })))));
+            } }, h("slot", { key: '28430db859b8834f0468734b910490cb175593d9', name: "prefix" }), h("slot", { key: '2fff82d35dcb63d3020da2c8258e5f3f610ee7b5', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'bd2bf3447f52947db7d292d3caa37de8a3aa0a07', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '60f62b68271f01de02e14b3fbada16805f203709', show: this.hasError }, h("slot", { key: 'a0e1911c34fe75dbc312e752cbbf6ae2ba003e8a', name: "error" })), h(GuxFormFieldHelp, { key: '9cdec572ca90604f8ed1f04b512fceefb4012cac', show: !this.hasError && this.hasHelp }, h("slot", { key: '717b5dbdfe1df684c1c98ad7a3c28453ea411cc7', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.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 { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -59,12 +59,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        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: {
+        return (h(GuxFormFieldContainer, { key: '6593436e544045a488bc45bacfef0853ed294c26', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0f6125b263b93e1dae58c1e4ddae04aef75f5a3e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bb4d1106e443bef1b0497a72d3a9a12ff1eb5fc0', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'a2301cbdcfc1c6f6c29231954b13ed6175c9dee5', class: "gux-input-and-error-container" }, h("div", { key: '30ee81e751f72c7c5d399e387fd1f3679207ad11', 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: '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" })))));
+            } }, h("slot", { key: '7a9a6423690e30d972f71015bd61f983037fd6c6', name: "input" })), h(GuxFormFieldError, { key: '2cfadea783445a7376831407a1309853fc0243aa', show: this.hasError }, h("slot", { key: 'dfaa9a2fe5e87af43a87eaadb81871c7a782bec8', name: "error" })), h(GuxFormFieldHelp, { key: 'a4d2178c5862ba9132acb551c3776121b032781c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4ac570b98dd9ceca915aff9bccbb13137db65a8', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.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 { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -69,13 +69,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '95020038fca4e39446f63d759008055f74368cc8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '009e300862c0f0ecb0131d40be71073734464231', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '645d7bc64a258ada05793b66280ddff36bdc468b', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '67e394357c955ea072c05618c8193c59628073f3', class: "gux-input-and-error-container" }, h("div", { key: '2bbb28ee1e81b1f929c9174788b1738d1fd7b8bd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fbafbca9ee75ef20ecbd9a312399998285367f25', class: {
+            } }, h("div", { key: '097fd4601c7363b394ef8910b1d7e4d93967e6e2', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '78d142411812126a518cf6b87f0e572b672c02f7' }))), h(GuxFormFieldError, { key: 'c6144e5164cac92910f761c00839db6dfea5a97b', show: this.hasError }, h("slot", { key: 'e1d0a01c6ef55734bf884249063dfcb4b8eaea67', name: "error" })), h(GuxFormFieldHelp, { key: 'd22cd2f3451c400b33732a9da073a97c527f9439', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e08f3ed06594191406eaac53e380a8d2e41f2807', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.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 { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -69,12 +69,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '85bb9f285de4cd00694713b301dc2adfd28e8984', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'f739520121334450a14e77ba3c6ca242f37a1e58', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '22b31c76b41619552aad0e7814a697f886a6addf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'a69a76166eb91d58b6a742e20ab139f60e787bc7', class: "gux-input-and-error-container" }, h("div", { key: '8409b08f18ee5d60240f3b871f511d1be0a2241b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '602f45d26e9b291556afb2bd77100afc1135ad36' })), h(GuxFormFieldError, { key: '6c6fe3090a4d2d4a2d949312da32ea25d65ef646', show: this.hasError }, h("slot", { key: '26fabdbc87c948541c980577cfe33268fc3d4d6c', name: "error" })), h(GuxFormFieldHelp, { key: '0c9afa80f404476b686e21920f1f69d4cf48ab49', show: !this.hasError && this.hasHelp }, h("slot", { key: '863206de4186c1d90e6dfd711e3eba2651200e90', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: '78f4fcfef073edb176334060c2a1d308e85404de', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '9fd45bbcc6dcdd3fabc148ca1481d9ee8c2faae7', 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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: 'cccf80869f2a94daea7e959776183394529ec9c5', class: {
+        return (h("div", { key: 'c8c031e22a83d1168eae967e7fb8324682f00a18', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, 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' }))))));
+            } }, h("div", { key: 'df990f14f0061ea8d07d0d46be3734b3e31cdc94', class: "gux-message-wrapper" }, h("gux-icon", { key: 'ebbec5ab4b7f34f1e185f4ac6eba8b4eada7c3cf', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '5797579326c0e87028d144c89e131486893bf100', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'fc3d8361f8b791220c995a724981bc26132eee14', class: "gux-content" }, h("slot", { key: 'fd0547fe4a83ec26bdfcc24a8982efc3aa464b68', name: "content" }, h("slot", { key: '01b1f7bc0c011fe8ab975a2eff683fbe475667a5' }))))));
     }
     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: 'fb586573e0599986833c87cb0e1d2b5d403a3ed7', role: "presentation" }));
+        return (h(Host, { key: '5e66f7f5c16880d8f92c2b05ee8f617cfef3aed1', 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: '90bc73361f80b0433076a224fadda8db28d9ba2d', role: "listitem" }, h("button", { key: '1d6cc4905d34248d43b95e05e11e93df4c2ffcf7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '081f96e9fcbc2a26fefb1a54b97e756cc0c45f5b' }))));
+        return (h(Host, { key: 'fe5e1bdf165b641c47aca53896ee115761879f73', role: "listitem" }, h("button", { key: '165e85944d8914d0448d53a48039e80ff380f103', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cbfbb7d5f45c3d9f38b5a2f408c5ea8f74f85d0e' }))));
     }
     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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: '2bee81661464d225aa3e2a80390b34c1ffcc13d2', role: "list" }, this.renderFocusTarget(), h("slot", { key: '15960bc74695c41275e4b23d60e330b87e72a5a4' })));
+        return (h(Host, { key: 'bdb9996d72473e2a49dab3273a593516d4b72314', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b90c7de53d03eea4ebe8bee5d36be19f353a8ed1' })));
     }
     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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: '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" }))));
+        return (h("div", { key: '4c1d327a33afdc357be1bc3acee4fc00e60e7e64', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '554844f7832d1ad881b21a86fef84bd9e0215bfc', class: "gux-progress" }, h("slot", { key: '33c76e3e1354b3a64f81ef7f1463215f6ffcee7a', name: "progress" })), h("div", { key: '805a73048b087e1ec9958b4af80417cada58ad76', class: "gux-primary-message" }, h("slot", { key: 'b15a399171d6cdc621960c626291d39041ff8829', name: "primary-message" })), h("div", { key: '6aaf50c2ab13019bc0ad701996acfd5ad3ba43a3', class: "gux-additional-guidance" }, h("slot", { key: 'cfff6d416cddfd1f12fed8504b746560c0ac0340', 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: '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' }))));
+        return (h("button", { key: 'b003a3e44980a4480e4ff9c024604506cfd8f435', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'b05f4b43f625d0b41703c184a3701e4695a0aff7', class: "gux-menu-option-button-text" }, h("slot", { key: 'f553dbfd815a3fd105fb117c893dc8e7602f422a' }))));
     }
     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: 'a6ca74e84dfd5795253501b4049fb2b5f4b56df4', role: "menu" }, h("slot", { key: 'a60b73097051c7d2333f9ce8391930b1e8796353' })));
+        return (h(Host, { key: '546d8afd062cdb90cf4c6fcaf7009ff653e2c640', role: "menu" }, h("slot", { key: 'ceee6230860aa9eca534be786ad828ed6c06fd26' })));
     }
 };
 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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: '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: {
+        return (h("div", { key: 'd91d95351455ee8293ed7318c3ab1d242bb8f29a', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6e527ccf06bffea22893f3809ecca0169e5b2aab', 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: '7f3c1ef928d1c568a42a11d0a6f273afae08027d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8d82c7322519e836dd359be99ebb1095a2294631', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, 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())));
+            } }, h("p", { key: '007dde1f8b470a4075596daab19b53d28d5e0f26' }, h("slot", { key: 'f03229b360af8b25b8a28132650d03c7ee535034', 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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: '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: {
+        return (h("dialog", { key: '26d5277c5f4873955b21cd4d14d0bd12cfbe8d2a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0a8f664358fca4bc4ffa434b2e5c2dd7e5644fb0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '59323a947e1f0c8d007cd61708962e89023aa25a', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0206c7b2fd10730ff08f6b25b43824666159e6dc', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '5fe1716d1e7f328f0e64157b439e5c33659823a0' }, h("slot", { key: 'e1514e725b8a36ef3dc7ac14cbbde5bf4b1355d5', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: 'a7a514847b4e1c6275d92fe0e0f4f984fd224ff3' }, h("slot", { key: 'f2c88de369d5b35122251bba209ad6dd46be5bdb', 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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: '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) })));
+        return (h(Host, { key: 'bd8a270f2322145efd47a4a0429ec39441cce3b3' }, h("div", { key: 'f2cee9d8c49bf5de901656079c15d5f8a6883a8e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '18bd1fb7735bac84d561a47beb6b8a8c521332cc', name: "icon" })), h("div", { key: '025bd08a417a8c08d965229cd67de0f5afc7be30', class: "gux-content" }, h("gux-truncate", { key: '5fced15d7039c95e97c8481baacb9128120af666', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a34822a4dd2d470f7194a586ea42e60369e638ee', name: "title" })), h("gux-truncate", { key: '48ea7569f8e0124e5a687ac62a08cb0d031880b3', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'aa7fe35de219a0466807364e9c529b83d138f4b3', name: "message" }))), h("gux-dismiss-button", { key: 'af6ee86d9c42f4a132e0c0de6ad61ed4b90e2508', 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: '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())));
+        return (h(Host, { key: '00518aa9772bfe7571278684cb7461f097f5be87', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5f900a6e065e359412cfc67785f85db0cc988cd2', class: "gux-option-group" }, h("div", { key: '68d93d2e3fa43c8762c6e32817b818217627c0fb', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd2103e79fdc050ff607ed4a69ca6848a8265bdf9', role: "group" }, h("slot", { key: '96fd6a7f8b7add40164c9d0dfba633568582c0c9' })), 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: 'aaf5ea30565455066f67e63e1f2524569815f47d', role: "option", class: {
+        return (h(Host, { key: '10744194aedd070df10fe477029e189f49ba830b', 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: '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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3e39b1b3a086f8e469be3ce6663ea204688e7748', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '057b13fd1d4558e740c5cdca4923caf568a3db7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '088fe2e95d23eb890dec33b5ca1bb041b172f43d', ref: el => (this.truncateElement = el) }, h("slot", { key: '26b802e93f0c82cd8f1bff5684bd624625382052' })), h("slot", { key: '08b6e6ab697399c90226f6290dbf85e704c457ca', 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: '44cce2cf160fdf0f3451d23ad29f52c020defbe2', role: "option", class: {
+        return (h(Host, { key: 'de44ef79bd1aa9d34f67e1bdba6243ff6ee0a037', 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: '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()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'a2923ecf6673036f902c9bfb8e3d75362801a9f6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c98342d5ddee499ef9f3d9ffe7ce746810eacb11', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b3e82c457e9e157cc1ac51515ea12b898f43efa1' })), h("slot", { key: '27abe30082ae332378e6a3c3297f9bf7197e474e', 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-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.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: '10b7ce0c48797bbed17d8e88ba11d90fc75e4a2d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'f1d8f0c081b4690abea87368d89ac1754524478d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons-legacy_3.entry.js

@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: 'fc665cebb91e0af649339eb9f2b099af7db3ebea', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '763ab7099f3f3c6a0e1607c10aeced9ad2b7037d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b91d596f29160686eed3ef05dbbc8e6fb4e20b99', accent: "ghost" }, h("button", { key: 'c025a7ae92496838c1e0a2029bd05a3adeddb04e', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '70ba05313e4834c313f9e647e20be310916a76b7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '115790ca7f9b2194366340bc11ff7496bdaa3a4d', accent: "ghost" }, h("button", { key: '6fe3bb39adb88c1bc5f8b7deb89dc84b444469ca', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2d9f2e9bae8fecbab892cb720e02a15520631a41', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '792f1d358f524a44d48c046acd326270d936111d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c4e3162163bf3f45a713e855d3b359c2bbd2f230', accent: "ghost" }, h("button", { key: '4b1445138385d23b501021127bc20b7101864bbc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '5cc1d09bc4c9b5683e1f4d1328f75ed21b3a1ed1', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4dc01f3eb4dea63f8cc7dfee4c7f3979a197bbab', accent: "ghost" }, h("button", { key: '2965bc99d2ebb82c6c3bc4ae416fbbacd6b3b0b0', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6c338cb19ea9269023cb16231bad1beb336e5f53', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '5099400e7b6401a0f1d2d34c68d29d01dd787009', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '92050aa3026373d37161af47a22774c432ad2d07', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4d10e5c63772c25bef1ed14b831ce6adf01ddcb6', accent: "ghost" }, h("button", { key: 'f30eb55ec8e90098b6699249e0361373e9177d21', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '66a44d12cf2a5192748947d5b04b80e7ef8b082f', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '71d9d139814069ad6232223586820a4e42def88b', accent: "ghost" }, h("button", { key: '351c4efc0c858671139eb305f0a71d7269f4fafa', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b3685bff9790c1840466945724369640753e5a46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'b84f0661f6a4ebeeeb7c5c1e6d4901c04cadcdd3', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b8d28e3ff658d53eaaae613a5df4b53af7aa393b', accent: "ghost" }, h("button", { key: 'b514c5734a270275c8185b359b3959c5c16c55db', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '751de87aecf534a0e4eaced6a481b47c80545d30', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '120a92813c188e4bedab5b2228f5e8b2d5497e37', accent: "ghost" }, h("button", { key: '1bed52c60238a86c333218af72da78e4030e156e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1888abc2703b729f982d0ef3706a0163f8cab3df', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +224,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: '2c711a994a3b0e96b0caf53a61fff92dfb4b6167', class: "gux-pagination-item-counts-container" }, h("span", { key: '0c67854ddb39a259a52db5a4de3ebf141f7e82e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a66faf176870d6c40fd34d358ac75e0848832289', class: "gux-pagination-item-counts-container" }, h("span", { key: '73c4c7b3d579d557d41386e014b8260a621965f6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'e94b8eed7e75aafe075278c7fb398959cb753e22' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '5ea057c417a4742a1439f296029275c537122006' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +265,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '6a59e7c7523d8d0e753be1c8d1897826219de3f9', class: "gux-pagination-items-per-page-container" }, h("div", { key: '93d1afb2e9f75ff5652fba5dd3eeef896bdb578b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '606ac244050351656c134a82dca75d71782e7e54', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '76e365ddf4be6dd9004a6e2ca60c422379770351', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9ba325d9b7f776396c03da65220ec266b34394f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '44658ff6c7501152f1d83e297199e47a3efeca1b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons_2.entry.js

@@ -200,7 +200,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '8fda4f61ee839971632fdeecb40b9b585bcfe81c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a784aa4e5ea7e5516c4a0b47ee6467540df9955d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '68a8814ef6a7ddf2e0bbce58a4180f07b29aa1da', accent: "ghost" }, h("button", { key: '3a2ae39eb7ec9df036af2ca7af888961c3692e95', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e15b143670061c96d841206faea596a091af92c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '755f368607689299cc11c9d4c8b4e65fca980026', accent: "ghost" }, h("button", { key: '7f16c5e4c7fef7544669e6c5b121b8ab7d595f15', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '42512a8929787d7c269f98733b8c3487c3111e23', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5d31adfa127dcce47c4cfa25ec3f0f3cecf2885a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd5c0b3b4f3a7f8338549bec7c96338bdb84748cc', accent: "ghost" }, h("button", { key: '50ccd3111a08f98a4b56a7c0f33d03ae35d8f459', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '219c9f94ba65da66ec3f6f81ea147105bacc27f4', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '66ec4a6f0107dd1eda060ea4700d84712e8d9d39', accent: "ghost" }, h("button", { key: '7fe4f0c847402973b330457099bae342519803c2', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f8c835eea0173bf051ec74c9d5f7a9270b54ae1f', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '3857372a99186229ec3e298b82c401bc31941fd0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '16d04f43cfcc2a451f5354a277f0238a36f70421', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f81ff303dcd68958c69f5e4bef0342ba704df53', accent: "ghost" }, h("button", { key: 'bbd2882b6bd7239735b8df78696f61a57a898ffc', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6d564f68610b87ac978ead7423420968ddd531a7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'eca4ce239e6c8fb53f272841dd8eac750cd17e36', accent: "ghost" }, h("button", { key: 'ceb4f71700d1cdac17d25e9c060b05816bf63743', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2f9e20ee6e98c77aa0ceb04cb77f8d626fe4d68a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '7410a5875a87ca14a02d52164e86b767b53b92eb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c704a1ab74d2d6045f2a4356e37d15d6e3635f1b', accent: "ghost" }, h("button", { key: 'de041f3e4f5fef052fc312c37bf0dc05a8520600', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4ece5a227ae20afbbac1d82b2ac6d072789217ad', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1c038f1f6cbe3d55493b0d236aee783543e3032f', accent: "ghost" }, h("button", { key: '3955235a33f2f54e372eeafffeb9af414799be40', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7565654b79230d0f5e1ec5bbe43c066ae5305923', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -244,7 +244,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '5cb0b4bc0edc143155e20cb7bb6eccc55bb899a2', class: "gux-pagination-item-counts-container" }, h("span", { key: '93c089b17e05ee584d7368856cc63fdb6ee4592b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'f4398ee2d8d7ca6873eff4d05a8e2f18f0d05723', class: "gux-pagination-item-counts-container" }, h("span", { key: '563ca9b8a7a726cc83922af84d2183de6d8f7814', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/esm/gux-pagination-cursor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f661c4e1.js';
+import { t as trackComponent } from './usage-f213108b.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-pagination-items-per-page.entry.js

@@ -34,7 +34,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '895cb6a282f12f048118f2b0ee06f3f27ccd7a2c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'efe27887ab6207146a2282c028ac8f3b8d6141ff', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '27c79b833fae57999ef0596b337acc4c3ed79ffd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'c4502412829ea603167742d74ec0535a1897ffa6', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e2c95e3ba45c052537e8e6d6f617e1b75a10209d', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '9c5dc9f8ba0010794021f07be64746a8ed045d34', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };