genesys-spark-components 4.29.0 → 4.30.0

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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -58,13 +58,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5de6c4b7dadf5c5413cc5eb1c714bfa309de9f7a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd8c2668d92a59f938b6716809b3818b79cc8381b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'cbc5638431c6de2d460bf5f556d24f5a9b860fea', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '57b712b205b93e7802b6fc0b68f86f75a556ceda', class: "gux-input-and-error-container" }, index.h("div", { key: '0c95ddf34e5a91e7bca5569f007003fdccdf7097', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1ca1764a66cf8cdaeee68289c1b6796be811c73b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '10f41774a0353c71657954a30cb1dbc29e42d604', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '33372030326f623b69fbbf8441584b60e87b57d6', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'be7fa0dd4b4a7ccf0dcfba43be1cb7d1d96582fc', class: "gux-input-and-error-container" }, index.h("div", { key: '63939c91c2c4d97c0eb115fcedbe70cfe8a873d2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '96bf718581a1f3a3600cac37b9b234113db6a4e8', class: {
+            } }, index.h("div", { key: 'a3968cf70d9bc7f0cdd949346e87cb3743df91cb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'f9e3ba2148d1dbe21d76381f0ebe120ae87a077b', name: "input" }), index.h("gux-icon", { key: '01b0093bf3e519cd535d8c1fc2deb3abf37d5a3a', "icon-name": "chevron-small-down", decorative: true }))), index.h(guxFormField_service.GuxFormFieldError, { key: 'e720e6da23f29976cca7e5430568e8f0ed87237b', show: this.hasError }, index.h("slot", { key: '58c670c88ecce44d7bd4b3e71ac0cf67aca5cc2b', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '89726cf7a86e81a0d8b87ace001d03948813b3e7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ec453c765f7370c2e1b31f9830dfa8d362764c6d', name: "help" })))));
+            } }, index.h("slot", { key: '5a074e55b7f2313763dfe35cba166f750a5dd959', name: "input" }), index.h("gux-icon", { key: '6b03edbf7a3958cdb2eaf4ae644cab68948478bc', "icon-name": "chevron-small-down", decorative: true }))), index.h(guxFormField_service.GuxFormFieldError, { key: '09fa9ae2421e36a4817ba17742fa8036fe8b4cdd', show: this.hasError }, index.h("slot", { key: '79d810c3b3fece1c06a829a6aa0665e1133d9ca7', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'd11bdaaa1c0b8efb4a45953ae3606220cc334d6b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4e0143f3550f3bf1a2d130d529358fd3e615aed6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -83,15 +83,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1b539f28d93fb3d83bb9b9916e99db01d365dcb8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '10c8175037a431fbd41d1a55cb7de1c853f47899', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6420cf7ea31534f1ae1be97293728d90930c7f35', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '5953dca426f431d67536a828da54d933db8a06d6', class: "gux-input-and-error-container" }, index.h("div", { key: 'cb70dbb052ac96b304cec8967af79a70f99b2955', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '47208463e724cb78857e69704f455d49c76e77fe', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '29aab8cfeb9826eb0979cfa6cb0853d01bccd97a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c14abb7afa496a8484a095adaf7380b4f767d884', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '9cf99ca28832b273fa70e1bc43a3fbb3ff6006cc', class: "gux-input-and-error-container" }, index.h("div", { key: '2f4a3409dac229a7d48331cd9c2356a4daa4dbbd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'b5bcc50eec9abf8f71a99cac0c4fc1383451d423', class: {
+            } }, index.h("div", { key: 'a5bcf8d7ac7c8fa258eb28d7653a67126ffac859', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, index.h("slot", { key: '0c0f46212f0193abc836d7528a8a1519c82b05e8', name: "prefix" }), index.h("slot", { key: 'bccba0e8ee54d25b62b242ca77a52be19c6bec41', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '03843207037a3c58f329525d0f1caa7c99bb1233', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: '4a1e53f704a610273234f6b27867711a733acbf3', show: this.hasError }, index.h("slot", { key: 'b6159f476b77bcb2029b6d1ac369bc31fce55020', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '325df110dbb96e9bdd7281ab1f2be251254fb54f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '88b377e85c3fc2723f497c1326d51c94e37d7e29', name: "help" })))));
+            } }, index.h("slot", { key: 'a5160e2c567799b9d06ed1ba64d426ee3055d22e', name: "prefix" }), index.h("slot", { key: '2c71826b1487a6dab13c6cfe21cb2a7e9883dea3', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '80d52201bf8cf3e9cd9641344eac08bb0bda7544', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: 'bc3363cad1b877316f832b66eec3eb7e543aceaa', show: this.hasError }, index.h("slot", { key: 'cc5ddd2a97f25e11d687b5b5ea91abcd5c24d051', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'abfd5dc6fe0717f885884ae25805339f4c10eebd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1894199f1fa24f16b51c81de2321e28ef8187527', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -62,12 +62,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fa6b3297a50339ab8184f4538b6be8ffb2aeaac0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'db119d2241a81038bf50d551c1b8855d03d6eb84', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fede5f2a55e59075998eba3fb8289f8091527da6', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'f663ed56ab469d71a57b5f2185f72b1380b02573', class: "gux-input-and-error-container" }, index.h("div", { key: '08c68003185c1ab9a0c6f963db529504652da394', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '21edc7521eeff08c9a4a4986f07963d9fadb3455', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5e105f5eae919ea0b34bef6106494bc7bfd97bde', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '2791528431c16d10b8083476aaaa13f6a6b52967', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'd07a4d2231a071bbf227fe6ccd9b291480a840f4', class: "gux-input-and-error-container" }, index.h("div", { key: '543ec5ce1c04df05c8a65a80f34a2282c1746141', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '7c7ee9c362d036e1ab2ad00f2b1661fb44693b4b', name: "input" })), index.h(guxFormField_service.GuxFormFieldError, { key: 'c3fdc65d0deddd79937f7d443add5bfb1ac45f1a', show: this.hasError }, index.h("slot", { key: 'e10508d9c7b0e9240fd771064934117a85364082', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '1c80d984cab3cc38b214729db74bf16bdac1acd7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0896e503cfc3bfaab9a7ba1374740cc9cc79063a', name: "help" })))));
+            } }, index.h("slot", { key: 'bf926ab7ba621ba5a84c9aa4a096db74d1dbed52', name: "input" })), index.h(guxFormField_service.GuxFormFieldError, { key: '0b267e5dbbcf4b5b16cc8ec981e1771da41a9e41', show: this.hasError }, index.h("slot", { key: 'ae00b3e5b0b6240baf48eab2e6ec6e5f8367baef', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '4d6e8e0bf8bcc120606beeeef6a8af08c184f4d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da563c211fd9674f5d00a74561327db186486508', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -72,13 +72,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'cb5afd1c70e22ea2fb322d0dbfb6c4952fdca4c0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '5a708464f62da04af944d276070d1005d5b3aff4', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '18e42258f67f8a917b35acdd9fa8fd41a203728f', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '6d5d751ed61d1b54df2db0f856d7e1d2b312bf11', class: "gux-input-and-error-container" }, index.h("div", { key: 'e499be6891a67781daec67d7cbfc035b3ee10e46', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '45ba1e5d3250f76d768824144a89f6543e71e44c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '54395c59424113d4046562b31d4d6d56a91ce605', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '0972e27dbc5556249150f8ab057c7b588c260eed', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '01e88cb683d60e1de8c9c3bd2aaea95b83b08f3c', class: "gux-input-and-error-container" }, index.h("div", { key: '29534269b676c46cfc20e60f32159d03d582eb7e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3fa4adfc24bb765f995b83a91083cd1c484904a1', class: {
+            } }, index.h("div", { key: 'c0d4e03c651e76d20edc94ace2442c86a16ab5d8', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a31011bad7d1e7cce3206e1c22c17da6338b798c' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '81e519461c2ad8572ded22152e9c9272d054612b', show: this.hasError }, index.h("slot", { key: 'fe7ed9a58e9e24bcc01863fe46de37883e2a4b68', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '3ce1cc9c78db409a8c89ae541f4f3d88f1827b81', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '382462a2c9592915ec320be97e21c315e9c64107', name: "help" })))));
+            } }, index.h("slot", { key: '700b70106a36e05782a6a06be07e40f925602435' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '29b2a44db8be179bdacaf4d2d38070b0dcd80a5f', show: this.hasError }, index.h("slot", { key: '581747dd1b38672cb79d04024f2dbf4c7327fc18', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '2c83a2641cf78d92b421a1f2e9663cbb31592d3c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '081a12d7095e5fd867789c244c3beb91bc7ea4e8', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-e17928a7.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -72,12 +72,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e05df8de7283be9ed92faf95406024fc6ec078ee', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '3098ae67f889d7c5c34fc18f3cc2f358ab5a798e', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '5b7ed447abdbbb97c477885d9a3dcd744ffa5982', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: 'c0096de371b5ccdee13483835d2abdfac1ca0bc1', class: "gux-input-and-error-container" }, index.h("div", { key: '693e2e0dc7d5f0b78bf211a9c51ae96ad87c894c', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '028e13eb4ee7cc02d1fd96353e9202d693efcb5d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'e7ba848fb878de1e221f429fe7e5aec007c77c74', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '014159b691a78386fb4eaa14f035c57a43f6ca03', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '8c831ca5a902f8f57bdde269744fc91a0d4c0446', class: "gux-input-and-error-container" }, index.h("div", { key: 'f5cc83af07b80e166fdfdd05e42e9bb8f0c6a3c1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'e2d3641582fba167959bd3b5364da9465512a92b' })), index.h(guxFormField_service.GuxFormFieldError, { key: '99decd7cd71f92be5b91df09820a6439cc29b013', show: this.hasError }, index.h("slot", { key: 'c5bda40502474b8ee5eaa2c831ffe5e76ef59bfc', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '4d6bc0c6bb642cc71577a71a0471d027c7033d47', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '501479b64b1672a146441de768489e095534ba13', name: "help" })))));
+            } }, index.h("slot", { key: '14c9c8202cd660cb73fca0ceb0090c3212e3f08f' })), index.h(guxFormField_service.GuxFormFieldError, { key: 'd9b44d9f01d063e735f11437c04829c4cacba55b', show: this.hasError }, index.h("slot", { key: '9d6c8c4a72b2be7476fecd440cd151edf60652a8', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'bcb78d59eb2172509c9b6ad420b7de8c52591cb7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2222f2004fdb836780945574555c940aa0468008', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -188,7 +188,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: 'b733e0652ab1bff5ed2c0247641d0ed49c2b5945', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '563fd7836a8dee2368f79f876fd7dde3b1aee7d6', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '884626902b91ce75205b672281fa808d7ac7267e', class: {
+        return (index.h("div", { key: 'f91ab9a2f27298d64b9bb129bde693bfae717258', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("gux-icon", { key: 'ac696664c4c8addab8f529b78e1a9f3038ac9e3d', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '1834d7cd87f76fed456351e810587fdb25c1da4c', class: "gux-message-wrapper" }, index.h("div", { key: '73b77795b421f77d680d11f6a3fd3ce7191840e1', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("slot", { key: '88bc321031aa3a6df0552a7454c759e03577c320' }))));
+            } }, index.h("gux-icon", { key: '3833fff501ea94dab2d133e49c8a7c88d37c2659', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'dab46d5908f75422123ec4b29dfb5dfad75bd7c3', class: "gux-message-wrapper" }, index.h("div", { key: 'c379c1ad3e7f681cad4e1e58ed1479ad6cf372ac', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("slot", { key: '5e678920fde88c954441e594759904b6866ac902' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '02e5588b1b1a3d1a4faa8f76db94d869b3290c75', role: "presentation" }));
+        return (index.h(index.Host, { key: '989b43b27752d851310e38358e9f2e336830c171', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5a523bb5c86732d4b8499404464d41e25cc6933c', role: "listitem" }, index.h("button", { key: '51c203f86daf99133685636b6c29559da6c0b913', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '760cb17676acbf334abc54486c55d938a90756c9' }))));
+        return (index.h(index.Host, { key: '6e31f0653135456fac4068c765ce997681992ae3', role: "listitem" }, index.h("button", { key: '472a083d4246a4af11bb39536f8b068d547f5028', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '15d01aa011f8ca1e5c23cc76e937a16c36636ec3' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: 'e951d90340b5d6009e50c4ca3a26fb244450c85d', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '4369355cac57dd8aa4b584082bebc8070f7f9048' })));
+        return (index.h(index.Host, { key: '502b5f01972b3fec934fa8db430900be78026733', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '6362cc766649bd2c09d090ba2671f793b85da318' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '95a7cc30e565a50e78ea968463577f3a9aad3f94', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '17a13a459cdd20c968477aa0e84efa5b345c34b2', class: "gux-progress" }, index.h("slot", { key: 'bb6eb3ba3f0aedac8f88eacf77a86a810d7d2a02', name: "progress" })), index.h("div", { key: '95c8e3bcd7c8e1beef4fbd0d6cdada2faeaae391', class: "gux-primary-message" }, index.h("slot", { key: '6663d5050ecf623e8bff192008f0c666a7860f41', name: "primary-message" })), index.h("div", { key: 'b1b7dcf90053f94022aaa2eaa6ff6d73b2113e56', class: "gux-additional-guidance" }, index.h("slot", { key: '2b2adce732fe442ef1e540444e686f9f01a0e24b', name: "additional-guidance" }))));
+        return (index.h("div", { key: '9c593a7f22751093ada6e521cff903d0979b42c4', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '88cde36c045fffd96cb99d8151e44e29593e6717', class: "gux-progress" }, index.h("slot", { key: 'a495f0c9d0c34831e5cbfba632a671dd472157b5', name: "progress" })), index.h("div", { key: '53fcc29632c0aabd8957c2400de76844bccc8389', class: "gux-primary-message" }, index.h("slot", { key: 'a38d090e732f04753e01ee0861ff83a02eb04693', name: "primary-message" })), index.h("div", { key: 'e4405c609d6b2abfab55d91678cdf24457470a57', class: "gux-additional-guidance" }, index.h("slot", { key: '7c92456ef5301f4319b6c2c6f8197d7064d49145', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '81bca1eeb08d4bfae5906d3339775424832c6956', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '016c8cc2ceec6c46b1a641bf78879c5d2d673a9d', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'cb387f50192702632f6c86bb0e35a2cc6beb812d' }))));
+        return (index.h("button", { key: '5ed4c640b897919d7bec94fe088be94ede2e3ceb', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '13a0787715ea1dd26f08aeaa361710dd7b7a5b5c', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'd4240de1290608cec7928aa77eab0ed66ee0a6e7' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3b52abccf17fd176bab7f4f537cdde3846568bb2', role: "menu" }, index.h("slot", { key: '391e5ccb4d43335a382e718e400844265e060d20' })));
+        return (index.h(index.Host, { key: '597ba3a24a319a224819e9b11e7b0f51c3aff473', role: "menu" }, index.h("slot", { key: '8379dbca2868188684b659fe9f30cd17e37c21b2' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'aa0adec444a0aed1a560169125a62a524cce6895', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'ed47eeefefc133fa0e85968733c6567acd906177', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: 'e190fb1a40d174544f2d97fff8d6e01f4e066ace', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '2ffc0af21612aa789dae56d60b6e408c3dd548f4', class: {
+        return (index.h("div", { key: '4f6aa228da982ec9c989d897d0fe7c1700313bad', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '7f3cd94ba2aef4b4047a693cb3b9475261a5a9ef', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: '6b736a5ead8c2fdc8d617e4ffd3a73e8750a629e', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'fd018c98424131ba411a0e1c35cfbaf271c71fce', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'd6bfebc6a1670419d1ca1827b43699d78fa35f71' }, index.h("slot", { key: '2fa60d1feca4dfc9d3dd5aa5096449387188e2e5', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '6a6934dbee9ed80f99526693beae3b84d11e1974' }, index.h("slot", { key: 'c802f05c579addf526fb0ae44e003caa954532f7', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.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/cjs/gux-modal.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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;
@@ -67,10 +67,10 @@ const GuxModal = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'd9afdf1178dcb779b5eb7bc3c5ecec890a1a2f9d', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '0c463a14468fa97daa7a8a1bbe9a828e915fbf47', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '8277fed98f4bf29a041aae3f2172154e4b6ad355', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'afb975dbc64388a81bfd688dfca4b270c6388d0c', class: {
+        return (index.h("dialog", { key: '401bd12f23b174ca41c4268ce0060585875cd798', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'e852c3aa4e123af7a6b4f2ef677f81cfff8cb2b4', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'd6c479cb0c67399476227c7156a8425e2d2b0d15', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '9dd11b59f0ea534a13baaec9a52a141ede467a5a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '7bf9d3c8805863b01ea01ed3b25b0ccba84a3392' }, index.h("slot", { key: '32f3089b0128b89da7913cf6b3d0f4e9f807889a', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, index.h("p", { key: '2b9dbef5921358022d0ce677275df77f6f621fb7' }, index.h("slot", { key: '45230b34b5bd1cd5b04188cfb348a329681c9e08', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

package/dist/cjs/gux-month-calendar.cjs.entry.js

@@ -140,7 +140,7 @@ const GuxMonthCalendar = class {
         return (index.h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (index.h("div", { key: '4414615232e5f4e6e82a2d34d6713f586d3dcf9f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (index.h("div", { key: 'd420a8f43d52a11f21514ae9b09700fa01dead5f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-month-list_2.cjs.entry.js

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '912d2aec79af0ad26ee10fe4a6355b65267f61ac', role: "list" }, index.h("slot", { key: '63031334d4538ee8de05a8508008a5f1f8d9122e' })));
+        return (index.h(index.Host, { key: '147bb32f8c74fbe3541c516b546d3445537a4130', role: "list" }, index.h("slot", { key: '98919214c3f0cd9649d2f936b6b87d801f0b71be' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -78,7 +78,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0d37de3437568a8769522065242c4cff0baa07e5', role: "listitem", value: this.value }, index.h("div", { key: '557d40726bded727d5601dd3a8aebd82c627ccfa', class: "gux-container" }, index.h("button", { key: '967ec16e7c494a081059f4af5d654dbb842f3692', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '2ead0e3ebe3413b6ab588b8f5dddefdb14ee6bed' })))));
+        return (index.h(index.Host, { key: '1b11ecf35e494fa8302d3810b04d4b100a9bce37', role: "listitem", value: this.value }, index.h("div", { key: '5fc08521ca860aeeaf42010ce21dcc8ae50da5fd', class: "gux-container" }, index.h("button", { key: 'e6d138f95ab92cb8e1d55414da9323d7d8aa8f55', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6cbc61ab3709e030469581f693ac0e57bc800710' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
@@ -212,7 +212,7 @@ const GuxMonthPicker = class {
         return (index.h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (index.h("gux-popup", { key: '3f81f5224264d20329762cafe03e04d03a396e6b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '858eebab7d651baffabf72918a0f95cc0c6544ae', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'd9e217c311a07e034536c06802ea3061667ae772' }, index.h("div", { key: 'd8b9a982ac129962e9690b746b9d2fb8b8395ad4', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '94624614c49a8968bef56c5e97232455d2485d7c', name: "icon" })), index.h("div", { key: 'e0227f64ad74182e1f735231d422b1e9023baa29', class: "gux-content" }, index.h("gux-truncate", { key: '4f467b53e04eba5240d98673bed2455cf25f2ac3', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '004890816b7c5abe96dc3dc5376597280d1d0deb', name: "title" })), index.h("gux-truncate", { key: 'dec4d9504b3ceebe6abb81f8ff1801a4d97b677a', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '9cc1f192b3090f934e5840fe89bd489a077d35f4', name: "message" }))), index.h("gux-dismiss-button", { key: '1a8710ad630cca452a243ad437562893cffe0e71', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '20faa0a33a3f8081c936499c4e6b1e119c7bd987' }, index.h("div", { key: '959416493e3ce2457b092b425e1cc2885137cd92', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '7b00486c44a46a2803988b33ed56a7023b217a6a', name: "icon" })), index.h("div", { key: '0dab31caaeb88ec32109e4b4f9ce25607436eee1', class: "gux-content" }, index.h("gux-truncate", { key: '37a6a5ada174d481df0b6f07fb5165282032ec7a', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '88e6e507bec7b2af0208adcbd39a4cb565cca59a', name: "title" })), index.h("gux-truncate", { key: '26a5a66629cd361b1b5d4845515465bb30fcea39', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'b03dde7b210131c4659c40f74cdb95571520d488', name: "message" }))), index.h("gux-dismiss-button", { key: 'cd061a1aae2a319e757cc273a2096e5a834b3764', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '303414032ecbe3d4bea35d8c3fdb892e33b6d3a4', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '0fb79752d8a5d95775da11600780a03006947694', class: "gux-option-group" }, index.h("div", { key: '3b0ebc91918bc43f7997ccb4da1bf5de5af52eee', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'bb079f221798227604d64852cd78ba5c897f0001', role: "group" }, index.h("slot", { key: '1f844710178cf39e5be52bc5099d57160a8d79e5' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '1f8371cf20b5ffcaa51e8a3dc2d290f473c863ba', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '7246e79ecb4f0112181433132bf59b6149c75165', class: "gux-option-group" }, index.h("div", { key: '1b88ef5fc7d324681563906dacacf0da3ebd9a3a', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '4ff183305a4378f21f324e8befad65e19b099cc2', role: "group" }, index.h("slot", { key: '8d28be3fa040501d17e814f8907e224b5f09dcfb' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: '63568b2c9e8468ab2568d1ae640ebef0979ad831', role: "option", class: {
+        return (index.h(index.Host, { key: 'cf4414384b69cbc4db334bc095868105f8d73020', 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() }, index.h("gux-icon", { key: '6009ea6e92f87a3d79614ee544ffc11192373531', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '769a00a9dd6614f268c11b9cd029c7cbcd1db2e2', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'a4b40f989251ff30e16af3ab8da73f4d9c0be73f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '560f2b3d044e2323ccee00c6bd0ae6133c8c6fb6' })), index.h("slot", { key: 'd77371d26635bac51517893578b98f66f926abbd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'bd15d1bb671a33651ed9e25cffab3e43688de62a', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'e74594f1dac8c232942d6c592e9dcfe6f22a9e08', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '9433bd73dfa84ce17e7d356cd63ce06fc555a60c', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '851e34182a78f2158419f548c6d6890c74c5c91b' })), index.h("slot", { key: 'e36faf0d52864ec90741652740becc9550ec5af3', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b617c9b826f829743d51ab02b36c95d110a11ffa', role: "option", class: {
+        return (index.h(index.Host, { key: '1baf096c0e4683e5cd884c20676aa2584cc93f7b', 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(), index.h("div", { key: '41b4b15261c7b3969cb6e97d9da0b9234f802575', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'bc3324c3788c026fbe9e05173a7582b3fd258f6f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '1530f2e20a3143a9730c684ecff09b8749c28a98' })), index.h("slot", { key: '244621055c62bcc00403fdda38b8c45039a069a4', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'e39f5ac6de711f47f679cbdeb20a569490d2f9a7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '8a228a179629b2ca343ca61029e8242787f37838', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '726b98369f534e1e4631abf0b6a4ba44c5edf9eb' })), index.h("slot", { key: 'e5390667a6b99c815e5032470286203a919f692a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '2d21ac2daeece41c84e83ba6b7d125262d2a47f1', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '4742d0997a3a541c4f9e0b34e6041f57c4986d0b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: 'a37445390b137cae3d7ee03bf555a40275f80c3a', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'b6955f6c00efdacc30b111c1ecab4d85a20ea1ae', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'dddf7d4f94e3a83b732c1cf5b6c277c28f72d64a', accent: "ghost" }, index.h("button", { key: 'bd437d7d110683cc3e52c20733f42eef01269a79', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '72ff2fd5b4a3968cf79293b4e5eb6ca89420e826', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '410170a427c3e25f899dc4c4e113749e676439d6', accent: "ghost" }, index.h("button", { key: '1ccbeda577ff77a914a7ccab9f41546622d43927', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '14dbd255747a292e8bd4998570b8cc9de27ee886', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), index.h("div", { key: '7a75c80173679042b630b7c587491e12a6945740', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '6f1c5a4c50d8028abd41c7c8637ca28434b15a8e', accent: "ghost" }, index.h("button", { key: '1e0a48e270cab03df0334a8e6633e8ae5386f8de', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0709556e7fe0840d5c0c67213a38362274d34d59', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'c8f063aee5097b1f37e0ab31e671f70e23a8697f', accent: "ghost" }, index.h("button", { key: 'f62e0fe9b8d6a3bb9f653b5b81dfd9cde5ab100e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'c085148f543bc47b129e3408908b8aeb378b9489', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (index.h("div", { key: 'd5ebe9d21e497bffef96ad60a9b294ad3f1f5959', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '7b1c8456a7c02a636f95e3d0c0e9e57f567a93ee', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '33e8479869959b163a457fadb1d01b4240efaa4f', accent: "ghost" }, index.h("button", { key: 'f690873d17d85566525f0ae454e7def3b3cbe1da', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6c1adfd5d38099e4dc8c6a43534fe32b4fb17785', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '2e260c6af4d80e650ed586377f17f158831a67ae', accent: "ghost" }, index.h("button", { key: '357586dd2c48fa8fa5a187b6096139048c20b697', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '215cb8dd44adf155321e20100da68568d37ef1f5', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), index.h("div", { key: '992b1e5177f9218a50fa8b02ba009c37c5b39a03', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '0d7c2456fbc4a0fb6105cb5feebf390f4aa1706e', accent: "ghost" }, index.h("button", { key: '2e8857af4cf2d0918c218e2b41b832309267bbc2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '17bfe316027e004ae9e10f746ab75e5b1e771c77', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: '6286278638dd991e04f046f20ce6737711250c42', accent: "ghost" }, index.h("button", { key: 'c9c26b916fa353b353c1a06e75f65062c6a1113c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '44d9409edecf3b08e71aee30a202a993a5aa8ee5', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +228,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: 'eecdfce8f39f06119cdd7ea01be5ba80416b9c88', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'afebbdc254921a8b6b6fb791281e528c39688d44', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'b86c180e1dc5890dfb177e8a6f9fc7f691efc3a0', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '9e7310b7dba66fe80357501eeb916807db8caea0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '3baa30824242e4817222e39442a765fec5d7faf2' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'c64d6bb945a6f0c94ad3204aaf880a684b2b2741' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +269,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '67d17cc759d78b15d823a4abdcc67429f30ea0c5', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '231ef3e50bb20fb6bba0d34643c2f855cb393d18', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'a89755356ac02893943d0a300ba9489ea72dec90', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '300c16072737b60fe130464cb6b6d8e3f7d79637', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '7089fe269dad1dbdb012f6a11dcf0c039a79e4d7', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c87aea336d97b81e47946202e737cfb7ede4059d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '593f6c001948188e54c301efdfe6aa031255b7a8', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '9c0bd7211f773f8f492193eeca974f69456d8588', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '33c4a33fc6b0620c7595f1f5645c63c05e70402f', accent: "ghost" }, index.h("button", { key: 'dfb509bfbb1719278e8e1bb0cdb350ba3a96632d', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'c28b78052595b3ae3b903011685be2d25d4bb57a', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '823a26cdc43783d61dd07a321191679f118d60f5', accent: "ghost" }, index.h("button", { key: '8ee40251757b7fd33cd3def62e1385fe8f67065e', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '3e00c761635549f18406ac0689ef410d1f7cedc7', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { key: 'a056ab5312a98e597bd08f6a023db653115f5f0e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '85b010e556b036b5e6b49cddbda831df3bb048bd', accent: "ghost" }, index.h("button", { key: '6f8356037c05cd2e07607d298bfa2febf1d43efb', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '31598a969e084b23c56f126b655ec4dd4711fbd7', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'bfa05ac48557735ade8cff2c8349ab731fbcbedc', accent: "ghost" }, index.h("button", { key: 'a7626e099a683019c0e6d215b2967d15eca872d0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b506c68adf995f08617c922e5026c74f5dc9517a', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (index.h("div", { key: 'f2e3affedd45f66f511c507006ab0a70b5f7d600', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '1e850f67f113c7124cb4597ffea61600cfda0fae', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'eb115d1492fe33493f1a3fd65589b200afdca3cf', accent: "ghost" }, index.h("button", { key: 'ded487154839ffb707a7125938a71811ccd08a24', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '24473c22d6045c6b49244683bf9c48ad4e769f0b', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '43c432552eac023102304506d67d9a1a2e9145e5', accent: "ghost" }, index.h("button", { key: '8c70e12c5b6ac8a4eee47549c91ba575e93e254c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '33d216a0fd566cb7cd323bcaf855d58053641eb3', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { key: 'cf033e911047eded182d4d27554fb0bc6806b396', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3b7d81557ea071be778024686b5e1d8079eee32c', accent: "ghost" }, index.h("button", { key: '2372707a7f2446285215a134784ef2bfd93aadbf', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '48a0d3d5fa060ff1c18d35a8a5acfa4c8cb2b01b', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: '6cfd8d21c0e61f07797b94790b1e7e4ea38c9c81', accent: "ghost" }, index.h("button", { key: '7d2c88e9f9cc262df59678386bde05d5cd4df6f8', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'da9c55da19126c1948de02ee1327847d60b5582b', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f71829cc8c4e4f577c3f6426d0d1d61880530965', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '62bc3d24d4ba1b088e3aa59119f42ba40250211a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'fd8600870e1710a1a59de3a9dc6f15479acfa237', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'fce1a84588bfc8753c9163601ba2730404f91a1d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');