genesys-spark-components 4.186.1 → 4.187.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js

@@ -99,13 +99,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'fd6c5b29b670241a7274565b60c512314ab8f383', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c55ff8ad630dc94c527409b5ae311a3418b34496', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b97c16c1b697337e83b6425ea61dc8cd29b277d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f902dd50993fd669ab34555a2b885d9fd2c17b20', variant: this.indicatorMark, required: this.required }), h("slot", { key: '052b9371690257976bd2f427fe2acedf9286833b', name: "label-info" })), h("div", { key: '9fd52a6b9f3278c29a8d82192f291e36590e1c2b', class: "gux-input-and-error-container" }, h("div", { key: '77724793917db9866f3ad178944217a05c9c7ca3', class: {
+        return (h(GuxFormFieldContainer, { key: 'd8e7979a398c2d2cb253a8963dcb73097071913a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0d660a0f7f1cca5fcee9e5e5e286c78c6cda27cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7ebeaf339f5d7d1711e178055c4290b937dbead1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd2061f8d3881b5205886d5a4de3e4d4e1fbc63db', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f22f7f97322585e46e0b0c6b531249923cabf72e', name: "label-info" })), h("div", { key: '1ffa3def92c9ed7ef2b2eabf7148c3126fcc0136', class: "gux-input-and-error-container" }, h("div", { key: '236f2873311d703f441604085aef6c4b36769dcc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '62f5c3221ac6fa1c76a65debd59bfc4041d047f2', class: {
+            } }, h("div", { key: '2150cdfb85ae8958143f1665ae2b7df92ccf25db', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '834aed9635d9356b920795bf76d3aca4a0b0de93', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '4fee400396150e594f7b8139ffa6be376bf77d15', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3c06d303acd96f4abcac5e33c13083bc5b6c793e', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0a5ddf4eb6c946482a5d549ebf47fe8e409a0e52', show: this.hasError }, h("slot", { key: '96ae030d8262c09d64443dc2fb6c8c73d3cb4764', name: "error" })), h(GuxFormFieldHelp, { key: '996725a6feacf9703909edf57940a21e1d1550ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d96b320eb1f3a2ea923eaf9b34470d52fbc36a6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '03e96968f01aae2c30253b3ad9a791f97284b003', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'a6dc120633867712474d085001dd155694f07ba5', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '8e4b4e775a10328088ae79e9f5c661d2740c3758', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '69f90a44bd6c4d0ebd1f82404646375ef7a488ec', show: this.hasError }, h("slot", { key: 'f0622f95157ae583e3282925f5d17d7d9cb47a55', name: "error" })), h(GuxFormFieldHelp, { key: '698dbaabec30e0348bf9ce6ee29972bddae2234b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4f1238030632208d372842e9452f97739b3564fb', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js

@@ -89,13 +89,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a7391265a55c9f703950aceefc7b598cecfbaefe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75f90669539ce8a2b00f169879168bb7b6f6c6de', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4626bb3d47f8fb4191f3f609f7d3ed85457bc6e3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '159e38c711a10611790936f2bbd017039242a6e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a54441e8560f64adde48187df3bbf76ac144abe', name: "label-info" })), h("div", { key: 'e536713db2c5822747681bb0a3315c0788e3c8cb', class: "gux-input-and-error-container" }, h("div", { key: '01cb019ea80bcc125ab27f53725f3f2c432e23ca', class: {
+        return (h(GuxFormFieldContainer, { key: '8c5479b8fd09bbc9073cacfb06af0c7d9f9dd08d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2328cf2f6608d0c6ca834636ffea363837bc9f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '05786d917bc60c7320bd7a91da1a51ccb2ffaff8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '511c4b47c9a5404006c2ca14d278f096fe34fd31', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60be6e914d33a654baed04a7787fd31acc76c769', name: "label-info" })), h("div", { key: 'be7230bca4a5ac4668d5906ab48465dbb1807dfb', class: "gux-input-and-error-container" }, h("div", { key: '8cc741be5b94dda1474c4e47c5b4d2f33c630d61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a4b5e98a17f1d6b01a3020bb073394afe10a3181', class: {
+            } }, h("div", { key: '5af314bb0e48c2ab8da00be983cd76f7c96807a2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a75c8740296b9e9b169d07f3101276206b500d2a', name: "input" }), h("gux-icon", { key: 'b1ee6350c9dfed5ddb999e3849422f847b05179d', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '33b5b8de06086d1c049a7928e46064c4f7beb4fe', show: this.hasError }, h("slot", { key: 'fdf44c14aa5b78dd2704029e360bb0a0413f524c', name: "error" })), h(GuxFormFieldHelp, { key: 'd64c8146fd9fd495c27ef297a63991868237d33e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a520e8e02675c633588e4dbc98c44e33936d5c55', name: "help" })))));
+            } }, h("slot", { key: '8253322c41297ef2295e0b1cb7908014310a187e', name: "input" }), h("gux-icon", { key: '414fd118181dd6a87cad8ae1abaaf5b73ee45a33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'ae8743e1cda6d0c5342b03ad6fd67a2a01599f2f', show: this.hasError }, h("slot", { key: '84eab9fd4a7712f812dfe05cd1a31fb8681bdd3d', name: "error" })), h(GuxFormFieldHelp, { key: 'da3fb38e991924f1a87ddc3b823ebb99875d9cfc', show: !this.hasError && this.hasHelp }, h("slot", { key: '7de985c4c6ab83808d9090e1b62eac449d3c4f61', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js

@@ -114,15 +114,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3c62db2addf2fb4d2d5be8dc3e51d4385a618b4c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '997b62cf46227fa695e8a93af07e6f3d3b510680', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1bb7da1969e42ec527c5895e97581308dc25e3e4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '645502cbb48a7c5127ac0e0575631a30a456bb45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9b96929ef963b2b965d1c4e0905b914fc56f241f', name: "label-info" })), h("div", { key: 'e30f3b623011037ee9fe78c41a8ff178a112470f', class: "gux-input-and-error-container" }, h("div", { key: '0f37f77962bcaf5ecdda78a98a9d3d0d2354307a', class: {
+        return (h(GuxFormFieldContainer, { key: '3aae89e5a9e34e64fdaf202ca32750974b70f25b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cab23d517a69ae2708d3893429c34b4bb09f4a62', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '368437105310fa272294d0df9eb9b9d741b44003', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aab5d0450aada4a9727653bbcca84251f8d06b36', variant: this.indicatorMark, required: this.required }), h("slot", { key: '999514abce677aaa46c3361ff14c4881d72ae2ac', name: "label-info" })), h("div", { key: 'a36229ad90648c4dcaee9c8f32d7c0e286a8fb81', class: "gux-input-and-error-container" }, h("div", { key: 'dac2dd9e5b3837723ee488585da2e62265a67c1e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '83e415a576eefdc52ea982168b0ba4bb525a2640', class: {
+            } }, h("div", { key: '513e5efef0697c77660342ebaa5381b014558f20', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'b5b3e7ed43c62346d62fae820488bbd220f21c78', name: "prefix" }), h("slot", { key: 'b863ade92899094495a12faa0cb978e5e82aa629', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7381412da44e249055eb87962e8df615ef8a2f9d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '43310be87e705154229229ba19587faa4705a1ce', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd92e5a18ab41c974eda35a40351e7b93a91bc226', show: this.hasError }, h("slot", { key: '698ea30abfd156114594669cbf62aac2f0dc7b14', name: "error" })), h(GuxFormFieldHelp, { key: 'b9b4a0deefe1c4cdb056fc713fb873577e487636', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e710981660c84dda0a1a99b13943f15817175dc6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6fa9abcd69b8e834f338c424e0a5295400718e88', name: "prefix" }), h("slot", { key: 'b9ea3983bfb38b05fc0274aa8c1042c7d117a550', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f0da41ca1dbca2296834c84104e60ac2d54914fe', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6d39235478e7282efa3753e1eabdad8bae160337', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b47c0a8d858e5e9596c83202cbde4082c244f72d', show: this.hasError }, h("slot", { key: 'c93308a6bc3fb318fc909ad284692912cd224586', name: "error" })), h(GuxFormFieldHelp, { key: 'e9b5190399bbb70517d3c70b9165c42bef7db285', show: !this.hasError && this.hasHelp }, h("slot", { key: '67035512f0b6e178eb4c50f754bd0e51090a9cc0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js

@@ -93,12 +93,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '457effd62b09c8509a032af0d91e282a2e4bcf8b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '638d5b39d68e62470ba738cab70cc039eb625126', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '260cf7b3a788f30e2fc415200a48a1a696f02b25', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e996a6c248353acbbc15ea66182812b1726bf88f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'daa9d58271bb4254132fb8cfdccf8d82356101b8', name: "label-info" })), h("div", { key: '7b8b423853d61d368b68760e8bb6bd41f5ed1a7f', class: "gux-input-and-error-container" }, h("div", { key: 'a5544713a28fc2e66a5eda1dd8f251769b901724', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '989ec6439601ed674996b95f803efdc8e5184d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '862ce006386692f5e93309f6735d0d653c42394e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2313fa07bab8373addd04faf624ab0083b415c54', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '630cdd1a052d2888545845afb7fedd79ebc019df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5e4357e39379df103af426266466750c5031a9de', name: "label-info" })), h("div", { key: 'eecf4870471748aa5ead808f1bc09281d4d842e3', class: "gux-input-and-error-container" }, h("div", { key: 'f1c25eb869c58712eae8906f3325b0bc6c3c57d2', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '043fdd0deced04c5e7640b7327e607d96a76ad3d', name: "input" })), h(GuxFormFieldError, { key: '8d16dd4145cbbf9c2454229ab7acdbbca668f3f9', show: this.hasError }, h("slot", { key: '46287b4bb18ce261265f311f3b8ee3df1e2066a4', name: "error" })), h(GuxFormFieldHelp, { key: '58a29722143ad5bf79ac598c965304fd15fa8f81', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a40e9937d39b2d519668411ec5a43313f7c0a068', name: "help" })))));
+            } }, h("slot", { key: '7e415e054e384235e792ad23fa9094042ad5dd06', name: "input" })), h(GuxFormFieldError, { key: 'fc564bf18ac064d60d79465e055cc2ce7a2ffbee', show: this.hasError }, h("slot", { key: '332994a6d8fa4e295eafc0b30a53e49b80c083d8', name: "error" })), h(GuxFormFieldHelp, { key: '1523d395d422f10916d89139e3103a86eb3e1bc5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc6c5c0839950a91ffc6901fc7e98fbb89f05347', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js

@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c86f878682d56aab8d90f73d6e56289489cc3322', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a0fe3d70e3855e8c8b4ee3a7690b14f5abdee9c5' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5888ac404f0e0cac23e1ca04e4a452414f44ed45', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '741f6b7f28b2c5f0c3adc617915641d4b918fd49', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7aede71397ef309176cdf77ab60633ed33f8b30a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6a65059bd887118d482c8cdd1f4f199e8b22759a', name: "label-info" })), h("div", { key: '377cd793aa4ae4b944cbcfd51b6388f870023f87', class: "gux-input-and-error-container" }, h("div", { key: '0b8e945242fff2658fecfd4e97e43166d6987c94', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '47713b37f03e261427986e50d7fda6ecbf615ffc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dfe5984dd086a13c7d152d20b88db1ee68a91990' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '07d5d1538fe2e308b6141b4cb1449c713938bf54', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f60d33df1abb1ab7a9421810e8ddea642b6ae784', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '54b09b227f1f7bb8292a90d54544945fef5576fb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1670fc4dfb3e615a5a45333945058a4dea1fc80b', name: "label-info" })), h("div", { key: '5492d48675880c2fbb695319012ecbd473d36acd', class: "gux-input-and-error-container" }, h("div", { key: 'ebd68335032e1bd0902f957a23795628c4b8ee2c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c4173257e2320d4a83594bffb660615a3dd40d60', class: {
+            } }, h("div", { key: '6cf58e7ade0bf5e6dce4f2c2601605ea69fdb914', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b71447cc1b40f30973f71e0b48dd4f8a0d77853b' }))), h(GuxFormFieldError, { key: '8097b073bfd19070aa2ed26b8c7f0a926fea649c', show: this.hasError }, h("slot", { key: '46bc35916f767d2d86a2c0fe3e4c7fdbc94cf881', name: "error" })), h(GuxFormFieldHelp, { key: 'e8d2af70cb2edfe05d8792adc68b8ba084631c6e', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c4d27e4e0c92d4a60cc890070977d98ec9cbc68', name: "help" })))));
+            } }, h("slot", { key: 'fdaacdb8a3336f08a6d265583387dd0334351580' }))), h(GuxFormFieldError, { key: '0a5fa53506e4ddb4b50240ba5fa0b14f8036f5a1', show: this.hasError }, h("slot", { key: 'e139977b7bccc47700839949e358726e87687da4', name: "error" })), h(GuxFormFieldHelp, { key: 'b42442abaa9563dda58dfbd5dca1aff32466ce9c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afc75e675024fd9e519a168ab74e4a02abdc15d9', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd2f7764c644607c9b789004ac4ff304ebdd4b4a4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5955af50f76717c3f71c74496bc3650b35827de8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'adb26994aac740a439f422214360ce4d6caff4d9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fe93a8ac8adb56a3301acd300534ed9ee1cfacc9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd34b01db638337a6ef2f0ec4e70f800282d9194c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43c259c58bae02c4add5af49f20444cbd56fc8c6', name: "label-info" })), h("slot", { key: 'a6373c8a837b30773dd1a6a15988a7478830c2f2', name: "label-info" }), h("div", { key: '29bfd01f032980cbf711321905a7dd9936b606df', class: "gux-input-and-error-container" }, h("div", { key: 'e486176ee7af9d4bd4e727ec9acb13536b6dd65d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5937fa0d25cc0223fb2b089ea417771098f5d636', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b427f2a6b3bf95628e662cd00123347f60421c92' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a55d0b266e068ff60d6004285eca70f8f413a01f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '408e3b36206798fa4e8b5e072cd9cd2b24675d36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4cb35f158567624797ef8333313d894f7cb5716b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e44bc8ed67785dc51c58340a4da1069c11695a50', name: "label-info" })), h("slot", { key: 'e8dee57737408aa3b309eb7ec3bd2204455597af', name: "label-info" }), h("div", { key: 'd4d311d4df3c8d3edbbbea7e090651334446fdeb', class: "gux-input-and-error-container" }, h("div", { key: '2d09191422cabc7c595861848a6db6c389a74982', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9e0a291fda7f248569cee134e2185593d13cfece' })), h(GuxFormFieldError, { key: 'f812a98c5f20074cec5137e844b7e42fadedc96e', show: this.hasError }, h("slot", { key: 'ebc5e12d4dcf82600ce62b0ccd4b906b1106cb15', name: "error" })), h(GuxFormFieldHelp, { key: '01f4843c6fc27fac61235201845aa7fc8d3f4386', show: !this.hasError && this.hasHelp }, h("slot", { key: '049fe7400e15d7e8fcff0e283d4a93b523b2f6de', name: "help" })))));
+            } }, h("slot", { key: '1a655c7471b6ac0e8b40c4ef8447cad6dcec5412' })), h(GuxFormFieldError, { key: 'b877e1c28ddf9b79c7658d3ed6fc7c49977d8fd8', show: this.hasError }, h("slot", { key: 'db19ce658ccc9f48cca75de615d02e477d6c046a', name: "error" })), h(GuxFormFieldHelp, { key: '5e2bdade0509a53039647f8cf4b800f6645f0c7e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ea202c0935fe4eb16717480b9be2124b59993d3c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'eb2638c446e2cfff03c343a74309d2289920c883', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '56472430d5ed1331a5e8225e0c68660a6f7d76a5', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '87eed8bfc2aef664417d4bbf7ba63521a3886985', "visual-only": true }, h("div", { key: 'f0bb25c70e210ffb9260c31e72ebd41e17ad9cb0', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '1d71017fee2b4c3e3332361d2d0ab14b731176ef', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '12a59127ec0822b34487104541ec306e751990f0', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'eb55325ca988e4c06ef7de2c75fa602bb2db3a20', "visual-only": true }, h("div", { key: 'f22bb14a2987b2ee7f14977a3b94027e5dc18a8b', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-icon/gux-icon.js

@@ -73,7 +73,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'd4a32c141ac21892a741640cb64a1776ab9f2281', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '99218862a4c35ffce4c199f28a8b1ea5a7e940f4', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '797b301e8b9f87174fd005f8c1871d87a51bb1c6', role: "alert", class: {
+        return (h("div", { key: 'caf26c08d0656435f818a1d3509d5180238c140f', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'f40a9a6ed37f9a9967d73d5b11402647fee00cf4', class: "gux-message-wrapper" }, h("gux-icon", { key: 'e805a29ce69fa7e7989a74907b29dc4797a89a9f', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '905c65cfc0198c9023b77a1aa4332c1e930a690f' }, this.i18n(this.accent)), h("div", { key: '4a6bc7abd60fb47d526ca3d5e343b8c2d421c449', class: "gux-content" }, h("slot", { key: '963a4f1cc0b93d66c99b35213903902bcf752ad8', name: "content" }, h("slot", { key: 'a5063a61c0ae7d42dd2401c53c44f044653dff36' }))))));
+            } }, h("div", { key: '6647103eadf9bf6f998f61af19fd5510c0fb983d', class: "gux-message-wrapper" }, h("gux-icon", { key: '229cfaa2bc2fc62184703188cb81212d08513756', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '7a2a3aa2ca903a41d8689f5e61e25a8efcc8f26f' }, this.i18n(this.accent)), h("div", { key: '1c329296388bbe063251db15ba6ddd6d68baccb9', class: "gux-content" }, h("slot", { key: 'dc72d794eca7603233321ddd29202092d01b1519', name: "content" }, h("slot", { key: '8ef89f78ea1f1c1a19a2c2d5bc61fbd7b3ec5218' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: 'c4ef70dd66982bdb6be2ddfe5620d69d21251e5e', role: "presentation" }));
+        return (h(Host, { key: '41458da7139ee853dd9f3c17725ec64a2a24a4b4', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '1cabd7dc66397f71b75c1acdc18f35277c068de5', role: "listitem" }, h("button", { key: '89eb3183e96ae36e4bfe6a73ed638a8eea4921d2', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'ddb0be372fa7bb84c39e7e53eacdfe6422116fa1' }))));
+        return (h(Host, { key: 'a3efef4785ff821a9767e92760c2ac368e874303', role: "listitem" }, h("button", { key: '7fc1d32872b8c5f475ff740ad5f15ccf2a09cfcc', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '0a13d6573be93a1db42c774bf19c6a4d79386575' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list.js

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '5a527fac514f95a9c88b31f86ea871055417cab3', tabindex: "-1", role: "list" }, h("slot", { key: 'c4b45d259bbf1e81cc8e42fd8bcb4bf405782c38' })));
+        return (h(Host, { key: 'bc06758cc8fabd24b777290099a0846baca46170', tabindex: "-1", role: "list" }, h("slot", { key: 'd872eaf91cde5d80bf2e9f639223ed1978706178' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '4d68edbab7b566bb5cdc8f4cbf5226eae9c27d3c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '0eaaf5d04d296b4980ba4eb08a39b3ddf64cff4d', class: "gux-option-group" }, h("div", { key: '1775f43cb0cca2e08c1dc9a72b23077d00624316', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '2479f308e29a36a78e5e0fd00bed9e316099a10a', role: "group" }, h("slot", { key: '9a93bf6a129a7e11346ab388a1b6620b464d82aa' })), this.renderDivider())));
+        return (h(Host, { key: '52464228f18966a498446e964bb2e841dd041d4e', class: { 'gux-filtered': this.filtered } }, h("div", { key: '41ad1da60a63157795b9262c00596369e02fca4e', class: "gux-option-group" }, h("div", { key: '169506c4a56c9c005aa67ab88637e761cd16d037', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '6c54b05602b83efcfd88c868bbe875c74ef0bb80', role: "group" }, h("slot", { key: 'd525c39742eca5e6face2a7eba2658b3c9877734' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -43,13 +43,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '1cd58023d7aabfe7be14cc2b1ba8128ee79ad75f', role: "option", class: {
+        return (h(Host, { key: 'ec21be1002f3280612de75e37db95eb6972593fc', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '77a46069a8a6d24ced60cd9f3f3098f8b562c895', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a77b3bb3b0a9356d9f4e75a28ae325beaeb304b3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'b73597354bcd5e4c904cb0d35a60019f1f057d75' })), h("slot", { key: '28893950327aed82016a5f0584228b5838550906', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '69c26d456a4f74f169b2018fd03525299fa5149f', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1c3c096df3bd18259cade9903165839d681377a4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f03c6a93e3d1764634aef45e40069e3be586c88d' })), h("slot", { key: 'd15ee648db04cd5ee3cd065abbb0dedf9a631c3b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -62,14 +62,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: 'a0dafaa490624de3b8f9e15fb0ba79f679083567', role: "option", class: {
+        return (h(Host, { key: 'ca198d8c122c9d9ee5fe0dce4987dd3175fd86b8', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '4ac4c5871979db46592877ae65b0116d9f9deb4a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8663dc8929ef0c2d371624a823b686f2a1345801', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '303b7881c1c5b96d4a70a7f49823733108650bd0' })), h("slot", { key: '9baaac543f178dcfa6e0073b4713a1ecf0353709', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: 'c70d615c64c0bf3217e9cc9d5f0e3b3fe18779c9', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd39442f8b4c51d75b82eb7a0ce9aa6ed641f844b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'cc353195cf978b0c095267ca591ab87df4765e83' })), h("slot", { key: 'aa33fcf61ee602912956b6d433eed2123605da87', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'a952cc8f49e7fee60e4ea4ce823ef08f05bd1248', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '61a93e06bff2a61ad5609969e65894136913dc96', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '71bff1ab2831f99fd51f8387382cfd3dcfda2c75', class: "gux-option" }, h("gux-icon", { key: '888ea5a49e23558361f68fe6b21bd496bb9de1c1', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'aa201d37ac115b2318a2e30c329663852d5ba8b7', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'f09b6c50ebb109d49875b079329230c23c21f6cd', class: "gux-option" }, h("gux-icon", { key: '5073724a016f254ea5abd4f4fa87fd969eed664b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '70192141244d7ce1568821b2ca0470db2b4ee8a4', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -60,13 +60,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '92fa416d3aa3d5d8f6665555ceea58fc1b5d33d7', role: "option", class: {
+        return (h(Host, { key: '9b6df2ea3e525f96d9a72d20b8cb77015b7d9ddd', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: '82da6b33d053a5fc47d383218094e9abc9d1e297', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e656fd3a535da55c5b33aa3b6f5f8a19d79c4518', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '2e686dac69430fb62447f9b6b267842d0c62f7ac' })), h("slot", { key: '34d04ea615a8ecac07d7a9e376673b0903bbf34f', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: '7ad0aa86b44d9088be468aff91cc08ec85749c02', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9127a0950a517c3de19aad2902264cbe775ee4a1', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '14541fde0e9c648ecfe8b8c55d939afa8be68b56' })), h("slot", { key: '26f46189ff1ea58777247617075b316e08ff11a9', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-select-all/gux-select-all.js

@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'ef01bbf94794e4cf4d485f88866f8971f233518c', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: '06977b8e2cfc43fa786174392067c5a0f798598f', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '158b650ff9508e799ef7f22ffdbc0c94d0abbcf3', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '7cf1bdd0966755a160e3264fc27ce4d804e0d83b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9f78326d7b9aafa0ae51c6693b50c24d17e0efe8', "max-lines": 1 }, h("span", { key: '8265a17b539391092e6c94a255fb840642bd888a' }, h("slot", { key: 'db86c59a61295cd8531e48c5b4feeaded1185400' }, this.i18n('allOptions')))), h("gux-truncate", { key: '8014c7260cc42bf114e2ca868801ad89b71eb66d', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '21073f04b4e63da0eea5752c89b019eb1c771a74', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '2a72d4c46427ddf0049f5e58da4ab4c4d5ebf37d', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6d6ae1985b392e3e79a81bde68f738e55e718d61', "max-lines": 1 }, h("span", { key: '46312629ac6a4ff4e7494e85f3b4227feb1d29e2' }, h("slot", { key: 'c67bc1f60561061a48c3c1c1ce79d21f7183837f' }, this.i18n('allOptions')))), h("gux-truncate", { key: '32066206f5cb70f6e19af3d677aabf3a752584a5', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '3c99a36922f18e372bdac458a96f002a70b6dcbc', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c411e7d45cb7b8399ac5571fddffc879e8fa869b', class: "gux-progress" }, h("slot", { key: '2f7e1af2cf5e1af01d66499935c40f25b1e6f3e2', name: "progress" })), h("div", { key: 'a7de8135ac6ddd5f26f00a57dc765bd99a89282b', class: "gux-primary-message" }, h("slot", { key: '5d902951b7db5aad99ce78ac46457c41c945c60b', name: "primary-message" })), h("div", { key: 'a6c1f9660cd2b8a2e466423325f74efcd3a3bef0', class: "gux-additional-guidance" }, h("slot", { key: '144d60b56515cbfc016f046ad37c9465b2a2f52a', name: "additional-guidance" }))));
+        return (h("div", { key: '1015466bce685e363184b61c9ede8af9e48a94ad', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c0f1dbf7844627bb69c5d61f430e5d9ae36d8632', class: "gux-progress" }, h("slot", { key: '28a14388b71b387c313aee9a99bad940d8e5ac9a', name: "progress" })), h("div", { key: 'a4a75677c62d6e1838d9f82ccc5eed2c7d4f7360', class: "gux-primary-message" }, h("slot", { key: '5f89cddac9e27d57975b4f37e51ae66de569d6ed', name: "primary-message" })), h("div", { key: 'e711a102d8271f1a7840b8c6b6c420aa71575ce6', class: "gux-additional-guidance" }, h("slot", { key: '2cf8e2f3081fb8081ab0e7242b4cd1b69cdf39f3', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-modal/gux-modal.js

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'a9ca202e622542534dc6e8a53f4e3949f10ae566', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '06d53cf276ab6fee994489421955ab3a9584e506', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '612807b5470e78025955acee82349a256e0da721', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'd400280c7312cbbcc2d06b8587c099effd6f4e8d', class: "gux-modal-content" }, h("p", { key: 'cc9c5953e1d9c429db5a835f3fc405bcc943b807' }, h("slot", { key: '8bd77de6ea9a836c313c1dc6d70f02b6808bc265', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '0bed8596887440a50436ffbef58e91ead633e9da', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '308a407996f31d19188127136a2f8cdeb2777c39', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'c2e623ea1e119e11968b5449b756945afa37d092', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '3b435f3b68838426896b2a02bfb0446f4e228996', class: "gux-modal-content" }, h("p", { key: 'c52485e70bd4d338f935ebdfda942ddbb786c266' }, h("slot", { key: '4e7cbdf6ccdb0a19dbcedb2e757d1e5413689e12', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '029364a22ac1af63d34b1934bd9cd63f4e1450b4', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '9d4a4109541f3cf40cd279c34f9bb560f9eae62b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'ad1d39e218e5ff60a3f4bcd362d44365da58b13b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f756695ab38998229d372499fb6d508675c5a2b1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5ee8b59991c724439904d11b4e92781a7c628e70', accent: "ghost", "icon-only": true }, h("button", { key: 'b2ea338010aa62a680419cf4ff6eaace0b1e0fe0', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '723f24e0ee3effb27bbedb2b17d074df6aa6cfac', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0b2624a8b9c8b35a6299acd4f39843dc67e6e423', accent: "ghost", "icon-only": true }, h("button", { key: '2db911756af0b2c27bfec9fa7411a01a70fcedc2', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '5fe8bd4bae9b08fd1de52c8fc58bb37eb8e0dfb2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '43c9df42ec681c423ac746016a4079fbb80387cf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '267748c572d22bc4a383245707653576bc00f58d', accent: "ghost", "icon-only": true }, h("button", { key: '8d5341b6b4cdd2e5fc5073f7100a15d6b863125f', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '886bf162cd341b4e1d63284a3a0dbb47ac40ea97', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8f0902b5c0185cb99420cd2a71f2b1ad380d7eee', accent: "ghost", "icon-only": true }, h("button", { key: 'bd85a491f9e6a108cbed5ad43a80cd66cabdafbd', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c7104b44d5968ff34e44af8beff34895ba110631', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '2abd72939e1747e0f7513ba8c195f2655a9d61f0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '86689307345e5c90eada7cb0657712f3e60ec662', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '82f7575e1865f1aa75d425a37c7936bd6a424c98', accent: "ghost", "icon-only": true }, h("button", { key: '937d08df909e02c8b6f6309ec5d7900a18bee8cf', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '36a0e174e2f8f762aa7b8a0ff9aba6afad56bfea', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a7403c3cf66add0cb48842e0b3e28b64450069f5', accent: "ghost", "icon-only": true }, h("button", { key: 'd36c0df55666184b9ed671be1154d23f5471a413', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '80ebca6dd8a52b9d868b4747dbb3e5c1a617b76d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '3a089e692f9af11166e3bda9d45b9b976f2f3920', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bf92329156b53d4162daf7d0a0b99de5f3bd2c7d', accent: "ghost", "icon-only": true }, h("button", { key: 'e562892a37a14a79d8c28ae16d3296e578cd2d4d', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bd70199fdb7ae6d51bd5dd3967262cc56985d6dc', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2db437fd0a3338eb8a4a0175487ec465387688ea', accent: "ghost", "icon-only": true }, h("button", { key: 'a3cc35b9961aa49cac8bc9aca66722008532abd6', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '791af7b45d3270a3ca566ef20662ab33f8267425', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: 'dc02b1dd771945c1ecbce59fbafd05615874e712', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '5b873a48e18ea081aebe22ace5d8ad886a81ecfd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'd82be5b126883b6c7cc5667d85255aa04a5dd879', for: "popover-target" }, h("div", { key: '82059d46f97a0fecf7b0c53f8efc94ca01e21ae9', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '5c37bb4c99dc4a1192f059273dc1bb5b3ad1c1fc', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'b4bec3c175b53cac4f886437efdd68c185fa4486', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '187a746265682d387c0429687851851367bad470' }, h("input", { key: '94f6afb7cd058db635e7c14377dc15e10dab9425', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '3185a2487e177d653614e56bd48010d94bc110a7', slot: "label" })))
+            h("gux-button", { key: 'c19a73af83173e4ccbf9d7741e6f7b9c0093990e', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '0d14d829d6c1f0548d5df953d562ae814308bfbc', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'b3b8b17fb84d97a99d9b31cc1ddaa63da641820a', for: "popover-target" }, h("div", { key: '3c8044a616008464acc7c35aff855152473b3cf9', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'b9cfa53bf96b9bedf45d2080dcf4a1641b209f98', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4d50f01032a059e294a0bc548d45e11efc10295f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6ca174ea948d3b32198c7f9d0e7c5048f86541ae' }, h("input", { key: '9ad701931f91fde5918749935a835b32eec8c9ea', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: 'fd4f24f59cbfc61a3057cc909ef7dcafdd1097d7', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '52a3958d1b29e0b97fa48b73ab4dd786d402d3dd', class: "gux-pagination-item-counts-container" }, h("span", { key: 'd11108a181fc8d47dac4930bb2e15f59e51271dc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'f939a4ec62cc7ac6124c60c3c99c3d35ea625cb8', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fe21e2cb8771f0a775abb80fdef3c15a4a2c4213', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '59376888f073f637bc77faed3707ac7ac1f69367', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'b933cb0512d412d1ddc681e4c48584e7a1cdd32c', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'a6edf0d3128175ffe338c19317203dd894de0b47', class: "gux-pagination-items-per-page-container" }, h("div", { key: '472e638a40eda62abbb2e92ffff0178d67e0f3cc', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '84f960fc98d9df106ad7d0256ed96c957e4f7ec6', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'aacbc029b9bdc1dbeb389c25a863f068b07c9428', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3708de65bca148e884c90af5c076033d7972c58e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '008080b55f2cd4c26ff1fa9d35917a47b85916c2', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination.js

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '6978cc54f2ad9988db08efbd3dc619b2f7b5605b', class: "gux-pagination-container" }, h("div", { key: '56719bd646f8e299bf6444d48d27fbbcd5db0cea', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '5e3e026bb6dc561092f80cf7ccebae0bc44d470e', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '5cf3ea6ed306b7ccca9f54f9da5afd607261d399', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'ae2d7d8830d0c3655684d53c1f57384f32412311', class: "gux-pagination-spacer" }), h("div", { key: '4cf7aaefab6219ae0175540c02b2befb246d1069', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd02299e1ff5b9ebf8eaacdf405a3e95c33ab4368', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'daed1d8b7d56f32b3a8438dba26d8f7007ec4f37', class: "gux-pagination-container" }, h("div", { key: '3abb083f9de877d44cc943a00ebbbe459975a2fa', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '1c2f9210221bc608aa962957b91453a8a9d5e394', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '646a61531538b09fd698fc7b1e5e1c13065174e7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '7702e98c978599ef0101b44ca0fe1a941cc21565', class: "gux-pagination-spacer" }), h("div", { key: 'e4b252cc252e623b68452f103ca22eeaea81ba90', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '1026685623c4715131e7f28964468f22a6325ca1', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover/gux-popover.js

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'e91df0309d9197961051a592c3bb7233f67a7b91', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bc04c0c2945c14426e7ff1cf87f4a760df930948', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '639b69837577566eb79e3c0da634d5a26dac0fa9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'b8b5821bb0be8b9ae81b533254dd15d6a3eab984', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '24750da13cc583892ffe68142d278d6e0b474994', onClick: this.dismiss.bind(this) })), h("div", { key: 'bd18a614588cabc971a966fff90f537aef855df6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4ddbc7c988cdc88a5edd9e618b5767039cb603bf', name: "title" })), h("div", { key: '08f0d5e38d79863b6c261c297a1ec0761e55e82e', class: "gux-popover-content" }, h("slot", { key: '034d01bb92a642698b8b386c3ddd0a6e91c30a78' })), h("div", { key: '11383d7b8c700114616fbcb2864a442f3ac8a610', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '49c830761fca2f8fe1e3a0ce3ffb64da3a065b96', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'ce2454d1e80b152b8ff2d21ba175496e79f03b2a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '584c7f56ee99f6236718e56f5c9513f0965e659b', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '4f5a96eb0153eaf417fd8d63ead049f02f77517f', onClick: this.dismiss.bind(this) })), h("div", { key: '9332706ed1b4d0c2a0ebb6a37a79b4b4ac430147', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '88d1e4173cd77b7ce449b8ed6bb54a868b1b3ad7', name: "title" })), h("div", { key: 'ce3635566e8ec64605a5a2945569b2e1167bb1cb', class: "gux-popover-content" }, h("slot", { key: 'e2004b3f52ce0ef90bc6dae85665a5454013b4e7' })), h("div", { key: '87544441c6ed5a867bdb5a79375a292eb0db8c02', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '25e63d3f83160bfde5c25c9c976719205646c184', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -137,10 +137,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'b791672a097f5dd7cb9fa73088d0d2274d770834', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'b148fb03ad33f9bb6ee2330fb1e8f74359ad99b2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '43dfdc5506f7ae5abfba688cf51f8fb4263c97dc', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '1066c4ba404391275af2aacdc34cbb4c5222ec90', onClick: this.dismiss.bind(this) })), h("div", { key: '5f92fa62afa34cca59717e4c25b8e3ce2b813a3a', class: "gux-popover-content" }, h("slot", { key: 'd87cc2aeaff552c8e6c16b15c4a0d16160e5b30c' }))));
+            }, "data-placement": true }, h("div", { key: 'f66486e0b5d06dfd735605785016cc66a7edbf59', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fc932430aa755d198d9636b34be8132fdcf17f41', onClick: this.dismiss.bind(this) })), h("div", { key: 'ac9eba27a9d10bb80c3c964cfa10a5b3997086a4', class: "gux-popover-content" }, h("slot", { key: '5f2f9003190fb8ab32d19b2226c3fdb1f279a3a8' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popup/gux-popup.js

@@ -115,13 +115,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '1b11e7f6289afcc7bd32d7e94c82bf450adf08c0', class: {
+        return (h("div", { key: '48ad224165cf6193e942a35404c10b04954097c9', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e9a34bc876cac7d01175f5f9131511e9e1d66dd3', name: "target" }), h("div", { key: '5348da84e7bf80ab33aca37b39e7ac4597029b86', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e74e1be01cc806766ccb23633280e8c02fedd5e4', name: "target" }), h("div", { key: '3a8b02fd19d54427777ebdaf76901b2454048f6d', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'a6ee36bf1db796881b0e26e82f22fdf2bd5aecbe', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '74a9c525d6be4b684fac9700aae275ffc572fff6', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'dcd635ecbb8eeca7274b9400d61490524559acfc', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '882df11b9b09a4387e9c90316167cd4375ae2614', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-rating/gux-rating.js

@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: '7a585f6ede727d62bd7110dd82c01cc726f7e9e1', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'a9034c64efb3b62714e21eab59f879baf9cb27fc', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'b8f2468a6ab647734b759efb7bfcbc8fa7dceeb5', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'dbea6cdca1f60074bccce54b55b111e7c77bca55', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: '63e29438f8e945ca2be24dd5886ce45222c4049c', role: "listitem" }, h("slot", { key: 'd72c66e35d11683ddb089bbce93584580fe14204' })));
+        return (h(Host, { key: '92885b0b35477738962f6b2635022a1fccfdf59b', role: "listitem" }, h("slot", { key: 'cb0d13bf8f710fb70429d2e916ce26eab08d37e2' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'e86822927d0b802b6fbded182d77f278a3b99447', class: "gux-container" }, h("nav", { key: 'e1d7740c6c062be9c2034ca21793ce53172c3bb5', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'ea646f3f91837c07d170db4eae9743e4ac6ad11e', role: "list" }, h("slot", { key: '099a2797a585b5658b670302fb2707371fc5f264' })))));
+        return (h("div", { key: '0b4ff4d1a2755e9c5e004983c0e35231ed116f8c', class: "gux-container" }, h("nav", { key: '0a065fab832f55eeb5969d1cb6e5d4e59a37ccdc', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a67e50176a1a07147ac058f2336b4d255f6be08a', role: "list" }, h("slot", { key: '356f801bd9438d2ee1e906461a7e019d910d64b9' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'b3de61cda00ba6eb13857ba4ff1bdee6aacad81f', "label-position": "screenreader" }, h("input", { key: '8bb8f763d9b2bdb5339c9f35ac4906187290edd1', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3d624140113c9964a8e796bc19ff3ac7f9df20b0', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'cef8d0f8c06441ba458a2dae3345fd6125499eac' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '6933866c67f463b65c70892c47ab3b60cf308874', "label-position": "screenreader" }, h("input", { key: '35aace8ec0915136ecef03deaf68e3656805d536', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9d5e03fa1bc8b807ee1b694007e19c371a2f25fe', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '32d86292275974087de7d6def5c7d4469047e362' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '16ce8ee0704b7147d8448439648cbba2eafe0e7b', "label-position": "screenreader" }, h("input", { key: '741877496fdc826c6474936382f6a76cf2370dd5', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'fbfe432614878a191486f7adaa3d981326227129', "label-position": "screenreader" }, h("input", { key: 'b2fae51feffbda628e6a1168cfdab9e7e7a8bc6e', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'b7cf1bcaf2aff25f1204b08767413c9fa97acf93', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '7e17c676b2368dba54f09301eb56c099781e2e58' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '08e9aaaee2c4090d92728645356200e42ce1cfbc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '95b88f3183fbda8a9addd248a887bbeaca92f249' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }