genesys-spark-components 4.29.1-beta.0 → 4.31.0

package/dist/cjs/gux-form-field-search.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-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -67,13 +67,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9b6fcaaf87128437f2a9dafda11959b6015f30c9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '10f37d725c600a9fe23dfab1fdd17c91d4aa52ec', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9e4f4b0e5cc5d6fe985c4e63695faaa2e04e4a43', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '44816b3c4dc4cef57a2c4c11efe45658784cd220', class: "gux-input-and-error-container" }, index.h("div", { key: '7a941a606fa9225958beea6c03bcc251b92deec5', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'eba80d3f0d91eb995ba43a700b85762c8144e47a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5169e89d010bac43bb5030c1986245710d0f4c19', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6f8bc2f71cfb300312e33e7eb1db66e72e8e1237', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '7175c3be7dd691a9e3d3f9f18204f96878755b74', class: "gux-input-and-error-container" }, index.h("div", { key: '61ab7581058f09ad364350d68a50530b0a211f61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'ed4ac1c6e96c585bd201dbb9b8875f8f82f816e6', class: {
+            } }, index.h("div", { key: 'd5603d0a174f82b00440689183a42a861f93106c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("gux-icon", { key: '5824f76c43b0a98ac0687a9d71427514b537b384', "icon-name": "search", decorative: true }), index.h("slot", { key: 'c8f4fedc593b65609886d5a262a21903c5b5b190', name: "input" }), 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: '92e8f14671da0afaa3e7911a0589007a6d5b4aeb', show: this.hasError }, index.h("slot", { key: '3c4d39ef55f5fa6fb9a209570db055ac1b8ce9d3', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '4a8ab14a6870257eeb60698a843d736a4625331b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd31bd419c31ea46cbb402ff2437eec902964e519', name: "help" })))));
+            } }, index.h("gux-icon", { key: '50b1d0b551ee1b677be91fb227b8d8d29500733a', "icon-name": "search", decorative: true }), index.h("slot", { key: 'fb25ce68b17f995904ea179d66964df882ff1e0a', name: "input" }), 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: 'dd2a6547e171135ff2050713ba07a48834cf2615', show: this.hasError }, index.h("slot", { key: '8262f673bb69981e8761d67ff9baad1bac3ab01a', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '7a22597b846232e3b3ec149cfab4eaefa8b39b78', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '04df57d7cc9f427fd5ba03852e55054fd365b3c0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '35285308d3d85efbc9992fde8cf8c1cce3083aa0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cddd0fe8599518a183ea1f0d94efc5bf40d741a3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7d850d59eb38dcf279a378d137ae0bd19cc1388c', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '9cd9947dd23e4bf0b10b4f86e618a0aac8e19514', class: "gux-input-and-error-container" }, index.h("div", { key: '80e321aa7923a49942e82367e0da1422ea1bd3b7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '96bf718581a1f3a3600cac37b9b234113db6a4e8', class: {
+            } }, index.h("div", { key: 'da77ebaf81cb2da4ff5f7b24bfed3aa37ad3df2d', 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: '2b83e2aff4b48725516c06a6c628a2d918b8ad35', name: "input" }), index.h("gux-icon", { key: '1b525344294f3e2de8075ae34784fdc236a6a6d0', "icon-name": "chevron-small-down", decorative: true }))), index.h(guxFormField_service.GuxFormFieldError, { key: 'b1c917edc17bc6833770266c57234702939605d9', show: this.hasError }, index.h("slot", { key: 'db11927090001b5e4021b94f583e7322693df03d', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'b7ade7c7efc29efa0e4bf07e3af9a56bda735236', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a5bdd87e363fdd611f277c288d71b0d53acb0dcd', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '11aa067706c5f6c91ff83e5f7616640e350c6e70', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b99ce693335a34a1345c7cf3a3bb0c467adef8ee', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f92d4903220f4f4a26857f2cb8721d687baad180', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'd1cce04d2d9787290a56a30b893333f0c69e0b96', class: "gux-input-and-error-container" }, index.h("div", { key: 'f80b237e084f23118db59c44d230f1ebf3986635', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'b5bcc50eec9abf8f71a99cac0c4fc1383451d423', class: {
+            } }, index.h("div", { key: '2849803deb586c0d66bbf1fe74f56f519de48d04', 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: '2688c3997262b51ca3a3b8f0109afae98a42535a', name: "prefix" }), index.h("slot", { key: 'b8a15f02f4aaa306ba2a30718226497b266c739a', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'd1fa8e46f65d35fd7bac6e986f2ff688e0ef0c31', 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: '9ff394f8c52df4aeeca5c40c9e8f4fb7e05681c8', show: this.hasError }, index.h("slot", { key: 'bf41f9fd79fb75ccd17d76b12047193aee328cd0', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '4d167581382d2e90dec87eafd518e5b3dfd964b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dfaa97a334b26097a93de84a6e37d76e08e6fb9c', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: 'e567e48fe4b00a039f94cbd32810176ed7fad532', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cb65ed3cca6a2a60f560eb89f0c30985d8236521', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9e2089d256eb8df606074334467633ed938563c8', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'a1bee96e501b05b41d913407223eba02357be058', class: "gux-input-and-error-container" }, index.h("div", { key: '8887e3c5d8b647e86706e7b4ef411ed16dc05f41', 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: '186a652acdfed8690dfd8282d31483c68752df84', name: "input" })), index.h(guxFormField_service.GuxFormFieldError, { key: '18bdab3074419905296d93fb6f035ee05c03f166', show: this.hasError }, index.h("slot", { key: '11ea1b40a6136e1b9f25f5706ed7f81678cd49c9', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '546f416b51602aa21044547442c90ba4059cf260', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8b7295b99f63f6ac915e2c63378097937cfe5ba3', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: 'f15d7bf47bfaf557ffc8946e8fa8f1297afd9183', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '15af8859f0a22183e921d12e14af3f2f8d829b6d', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'b145ab7675ebad903a1f4291cc912d4a7205d043', 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: '79c344dffc2c225769c18024c04674700af460da', class: "gux-input-and-error-container" }, index.h("div", { key: '74f8cc89daa388d5a22a00fb290edb0ab318a565', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3fa4adfc24bb765f995b83a91083cd1c484904a1', class: {
+            } }, index.h("div", { key: '5d7c0cd3386342fbdabf6d62a4f3bb9aefef8614', 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: '99e6bc3168524a599f2900e291107d725b6160d5' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '45d6b410b99be965f74b697ed5cc5986663feaaa', show: this.hasError }, index.h("slot", { key: 'f0aa01d917e94422fd9f7bd487ee2e4fdd8c9c04', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '0ba3359659691d685e5719bc0c23b78bf516c17b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4c10938ce5f2dfe66ec14cc35ee90004607b9d04', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: 'de726d94282d98a7111d24b2d5e338c68474fe8f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '5de20588db37900b85ffa05274e84069b1ab7a58', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '15302646ee40fd0d39ef448eb97671020893049d', 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: '8d02a6381327f6dd0b23aebafaab937d0e763254', class: "gux-input-and-error-container" }, index.h("div", { key: 'eb3e52fa659ee91c57f4bf6a0d851e4a7aae3b4b', 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: '9e6e31d44591f3d7324d5c891eb9fd2dba69f39f' })), index.h(guxFormField_service.GuxFormFieldError, { key: '9544e2c9ad10cba12a10fa13b020a873a7c18bf4', show: this.hasError }, index.h("slot", { key: '2dcc8bd05ac0acf94ccf2c57f44a4b289c2ce579', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '8c0018bec31320d074143a753f0e6467e0a8d992', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a236ef369ba11517a65617aa122d76877fe3ad84', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '123ff50b057117db333bef0c7e9d2318d0452dc6', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '7caded91b7e176e48516b6d2b39227b18733e2c3', 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: '8d65fbb32f399271287997051588e8402140d040', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '0d302d645ea61fdf092aa5c79c9176550207d2d5', class: "gux-message-wrapper" }, index.h("div", { key: '2b6b3ac0558ed964fd73e9eb42964f75cef13ba2', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("slot", { key: '6e6e08e66481a5f882eb9fcfcb404cf442f19955' }))));
     }
     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: 'd5f5d3f2b7416397036fe326af9d25a16b3b0c13', 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: '3ebc7ba7612911429b236980cc269c62f780bb71', role: "listitem" }, index.h("button", { key: '73b146fcbf6b4db026d91366d0a9dc3ec529c813', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6b3b647d18c75d730e4fab3182f36e842466e8cd' }))));
     }
     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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: 'ad7114dbfd9bfd2fb141766babe54e4fc52ca001', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '6e9b69ab988c0b95a377bf298fb99803a2ed1c6d' })));
     }
     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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '49fce327807ace6a1d4704d706f5cd17313b0340', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'd9c88c6322d08234f2cd15394b8571c3cc75205d', class: "gux-progress" }, index.h("slot", { key: '818d7d3e508de08c4d93408a86d9a56334c7fb67', name: "progress" })), index.h("div", { key: '5a9a40d59920bd0162e631c4249ccbdb5a68c5e8', class: "gux-primary-message" }, index.h("slot", { key: 'f3dc626e53dda4ae830f48a193c9a0e39cb2b3da', name: "primary-message" })), index.h("div", { key: '8eb67024a0185e935f678f3e01b14d9cdd2a6e7e', class: "gux-additional-guidance" }, index.h("slot", { key: '4590aa53dff7374f3b5279f9f74b388a152f8919', 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: '1b395fc5e7073357b6316bf99cabad74535b0c36', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'efa69f35bb0c7baba9aad7c674514a3e28409220', class: "gux-menu-option-button-text" }, index.h("slot", { key: '418009c28a50b85706c83ce3fa6b22c3e52dfbaf' }))));
     }
     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: '90be348799df39d3034239987ebf28f9be427efc', role: "menu" }, index.h("slot", { key: '3f22ac2f08a881b984327e4312f85748a1aefda6' })));
     }
 };
 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: 'bf5aa99c17196583643a091cadc4ac61af4e95d5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'd13021f74577d221681404037749b2fa11a49f7c', 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: 'cfa6569a483402546a6c02d82eb299532eeda09c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a', 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: '8abb233f4af9528d456bcaa50884f426f274c14b' }, index.h("slot", { key: 'a5a7e272a776c515e6719cd45d6473ebea19b970', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '38fc57f5c63542093d562456a13a9aa273a82c02', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '47f4b3edccab6099642c8321d5104ec5385063c7', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f6b6ebd16927d726066b17cb697df2cd230c8bae', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '897de639e91d46fa1304678b6b6bcc59414de3bd', 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: 'b3e55ad109ea070a219d55eb456e5645181d91e0' }, index.h("slot", { key: '1d340009d806f6956a8fd434562fbed6a94ecacf', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '95f0699e6fa45841e5d1c9cbf93469776739706b' }, index.h("div", { key: '40f8dc61690012e3d0f9332c259b33229da0b978', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '046d5e3ca767cd3169ac5d467c881f6440c1cf24', name: "icon" })), index.h("div", { key: '7e92e95c11ee47b97867e79bf2071ff094eb7896', class: "gux-content" }, index.h("gux-truncate", { key: 'c2f72cd81ce25da5254689c83f80f3c8115de6bb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '70d07f64b0bebb2e3b52e6710862897e702edfdb', name: "title" })), index.h("gux-truncate", { key: 'e6abb2d9a7ef823549b144590382c426097d9b1f', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2d7941c85956f06d7d039f9b40a0caf8f6f0b6d5', name: "message" }))), index.h("gux-dismiss-button", { key: 'd994890293510eac8732ca3ee85cbc21c110d434', 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: 'eeac3968c5961c9c25c1db2c55c2f5b187629b0a', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '9395ba72e7b1699215ffc36b73aa9f274772b4f8', class: "gux-option-group" }, index.h("div", { key: 'bf27b8c9178b19ae892a8d73286ed2982b2968d0', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'db086f7edbaf9a16317260100aaf68a0e0d1f0e6', role: "group" }, index.h("slot", { key: 'fa8af1e4f72c2b00e837814e3870c7b457af4353' })), 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: '15c0a752100732c30a8eb47475279bf55d3b5be7', 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: 'c5ebbc65fea30b480d51443b5e18732cf6a6b754', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'a34ef8685426ae5566670751325569d73123abbe', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '35062fd32d73725ca9b34bef00d2a2e5ab3f112d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '2ac7fdb9d74379427961266eb5c217e814e2008b' })), index.h("slot", { key: '2da36a9feff95d4c0252050b4ded529d98dce357', 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: '02527afb97de0931101e9aaf74080b030b68142a', 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: 'ceb9c8e201e1969a06cb0e265995c820d74fd8ed', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'f65d8f3260cf93dbf662c4db01e3a785f0928ed3', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '5968bb3388a7c49914f8965a2987c20e1fc7e4b2' })), index.h("slot", { key: 'c25e49ff744640b3d49c523b1c456708d427fd97', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '4257e99d34a87926fbc3d510fc92a1bc9461b972', 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: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, index.h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6af6ef74821a2328799c8da454d7fcbd717e71f9', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '8638a3c1fff12fd027ff9257c429784a62dbfe89', accent: "ghost" }, index.h("button", { key: '079e9784e585a182c73b7f08e65a8709db4403cb', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '1d12b4830af8429f39b7a331a5d585255f9fdf02', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), index.h("div", { key: 'c3ee4d1d35a8c4f097bf744f3471ee79d01fdf71', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f2cdc9899f705c318927c2c1f3e58f35716bea2a', accent: "ghost" }, index.h("button", { key: 'b51edb7cb1a86dbc7b6d4740a9cef5cf45df97f4', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '5495c3f4f6247b6c05e89909956dfd38a28aed06', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'd29e779b6180d2a48fc56e0996c67c1630672ee5', accent: "ghost" }, index.h("button", { key: '11ce9c30b2f4b25af5a392864df4bc8509a43a54', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '2eea5b1f7b945763fb442c577c6e40d5d2bbf6be', 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: '476ed762cb8b6a4b17cf1c25d358e57ac7e0e086', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'dff28dbb1df977ca0064f5ac7ba7bf9f4814b040', 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: '52d1d6453d903c85ba44aa39dddc2b7a534cfb75' }, 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: '97ddfc030e9feb9a045e82b8273f1bb53eda4d3e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '45852579787a3236094372cbe3f48b1ace391fcd', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '31d162be583a31d2b2c4859ee37f91ff2be8b69a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };