genesys-spark-components 4.153.1 → 4.154.1

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

@@ -102,14 +102,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '63e7deb047109d430c3d9b1795426fb98b1b4200', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca2c7a3ff4f03212508944484601b59d8f98427a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a605b6838904eada975cd3ca25fdef3c3b448bbf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0f640d25358977d4c3a42e48a7d0ed102b10a103', variant: this.indicatorMark, required: this.required }), h("slot", { key: '40f5ebc081a68a20efaa8335590652a06107a86f', name: "label-info" })), h("div", { key: '30645fc288f8f2be1016930514aad552417e9f29', class: "gux-input-and-error-container" }, h("div", { key: '080ec62d131f30610ab14e201507d1481bd54f7d', class: {
+        return (h(GuxFormFieldContainer, { key: '09afe1e5787a2fc88c1949c343e733235740e6c0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7f0cd793627a00953391c2a6894d2be3b8b530dd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5748ffc05afda87decc30eb3bdcfb6f4d668123b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '73b53fc36bf3145d22dd54efb9a9ad2bf482f86d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa9060d2f89042367130a6571dad64543e426df8', name: "label-info" })), h("div", { key: '71aafa514ee7074f0d9eb8303f9d6d91c824e87d', class: "gux-input-and-error-container" }, h("div", { key: 'dcd428587c2beb12056273d8ef61d6400ab64181', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '25bf5ecb589bde21a6e462d04f8df3bdc172f666', class: {
+            }, part: "input-section" }, h("div", { key: 'aecf2b4e7d877dda5aa52b20867e8f1f7d64a3d6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '3ae432bf5657c7e055b91b7eb3ca8529b7c2e77f', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '53b45dbbc708c633f065ec3f41dbca1c206884e1', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6cebbc35f71cb328e005e9b39f588a459e479e63', show: this.hasError }, h("slot", { key: '285b9fdaeaa52b14e3e2f92594e7170b134f093f', name: "error" })), h(GuxFormFieldHelp, { key: '1af9d11773f84923b61f80121f42506bf018d16c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a33bbbe0b48a9f503d7a9aa349d7cd52635293ea', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'd98da198ab9cc6bed6fcab6f58b4cb1bec3bfc3a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '141f05669a647ca29595b9e39dc371a6ee345267', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '42f0b809f9312f6d43a4536eeaf0df71c34841a2', show: this.hasError }, h("slot", { key: '44ba8e023012455e2c8f17a48f6aedaa738563fa', name: "error" })), h(GuxFormFieldHelp, { key: 'cb842b0c988e1f8031e67e19b68f553b73c9be49', show: !this.hasError && this.hasHelp }, h("slot", { key: '8237835aa99d9bbacaeabebc4318022d5bf9d408', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -95,14 +95,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '48059a73efe3fe4a4689ba83fcb0da962743b4b7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6c7dea90cd98e12601a27d4c74c3231e5b95b895' }, (_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: '57125539a196bba6dbbd7e73e87ae2b0a72b838d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '860d57dd55ea11387a52b921aa90589b1f8f4e0b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '31aa890072f464aefe25c9c60ce8276fe86177a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c16bb6ec7c013ea35d38d47396207376f31bdb54', name: "label-info" })), h("div", { key: 'd4153ab1a3e3a974a783d2c48b303fc9f99a62ef', class: "gux-input-and-error-container" }, h("div", { key: 'b87ab37145ef78ce6f8779ef16889b4b3972bbf6', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4905fd7029f180321eeaa5b1fee7bd41abff5834', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e21b98aeb3119fa97c464a203f09dd245d9f7f8b' }, (_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: '722ec4806937a6c7b9999fec3d7d4f2be92c99f8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f70aa51da081985fc247335e76ffacd89b72fe60', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7f0390e1aa7dde9e982200af77bded7c6db4109e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b63f296b7090bb6b7565a8a844a30131d79483b2', name: "label-info" })), h("div", { key: '63c54fdc787076dee587669c54f3bf4d1ddec8f2', class: "gux-input-and-error-container" }, h("div", { key: '0b0353b40d91386054b761eb7b5454ab2eafd86d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '63bcfc7e81654271015b84256c0db006573ef0dc', class: {
+            } }, h("div", { key: '54a74cb52c2452bdb67a1a0067df199940df5a97', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '6dacd39e6dc9a7d2db9b520d925cfd19d4f534a0' }))), h(GuxFormFieldError, { key: '44f2a08a7fafc97065e45567e37d1ed00302375a', show: this.hasError }, h("slot", { key: '027f8760b80241efed53abcacece9f1d4fb31e82', name: "error" })), h(GuxFormFieldHelp, { key: 'cf3c055072eafe7b2dffea8fed2576f0020485cc', show: !this.hasError && this.hasHelp }, h("slot", { key: '9bfc55b855d1a8dbd8f55dac0a617fde352b355c', name: "help" })))));
+            } }, h("slot", { key: 'e0e1fa48e256582e501ba07503a31c0529b3d72b' }))), h(GuxFormFieldError, { key: '642a0c858efb912fa6f13f40a147dadbd48536a4', show: this.hasError }, h("slot", { key: 'fd147942def9a4d554d1aafbbb3fedae955795f3', name: "error" })), h(GuxFormFieldHelp, { key: '10b7d78eb74932c45dfab216068af7f00d635e55', show: !this.hasError && this.hasHelp }, h("slot", { key: '68930ce59e7f8afedf3713c82ba7d48e9d4335af', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'd98fdff083c343c1b6a1135d89c9e78237812073', class: {
+        return (h(Host, { key: '1e90cbda7dc1e3d451ceb11488b82e16a4c93bf5', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'be9519685488875171bd15e71020df9ef1a3186a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '694410cc9a5bcaead0fd65e6416af58bdcc4cb63', class: "gux-input-label" }, h("div", { key: 'b25877a9d42628b4c58003b08912f2262b03af06', class: "gux-input" }, h("slot", { key: 'e1e3529286f57d24c494c9832665514287072d50', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1dfaf01108c775e1a61dc90419a02ea96746db77', class: "gux-label" }, h("slot", { key: '9c2248e1721da340932ffdf81b9f456420cd2e34', name: "label" }))), h("div", { key: '36e792e62fc3733cb67f575e4386430dce47ba46', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2895936aa68caf1a77c88d7bca052b2600638465', show: this.hasError }, h("slot", { key: 'dc01751bf316ba7a22bc6792e6a51a88244a5237', name: "error" })), h(GuxFormFieldHelp, { key: '75bd814f5419cb7a26230973425dfda756e34a8a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd87be05423eafdfbf9e9e5c392b8a1648baf74d4', name: "help" }))))));
+            } }, h("div", { key: 'ec8c8dcddd47dfcdffeea8e3329117f003d65ca4', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'c4abb5550ef881255381d5192636084573aedfa2', class: "gux-input-label" }, h("div", { key: '517e0ab0d172e329c1291a92beb086e8e3281f5e', class: "gux-input" }, h("slot", { key: '6c8b25949d86b78ba30d1701f682b308d8a0eab5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '15e8b9b6afc6d106c42c5230ff905964b2fc0158', class: "gux-label" }, h("slot", { key: '129eb370de1c71c6cc941db232bf7bd0878e75a1', name: "label" }))), h("div", { key: '8ae9ed9188a935b2c145eefa7183a1a56e0c0c59', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4ba5dd476311bb62a5ef048f96f3928cfb5890e0', show: this.hasError }, h("slot", { key: 'd784c77bfb232c4dacf0b47f54ea389ada11432b', name: "error" })), h(GuxFormFieldHelp, { key: '9945cabe029951b1ae757c495cbfa190616c4eb9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fe3fdbeee2909d0ea1f84fdec92d7f8b23589a21', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -121,8 +121,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1cc65ca330dc3795d8a35e37bc199d5dfa89f1dd', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e15e236b88d06bc110261231c2c57ff71806740b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'd023966f2fc5b67867087dbcde2c75fe157f6fee', position: "above", required: this.required }, h("slot", { key: '74a390004de1d944bfd44cf1aafe196f4707baf1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '36e42a9426bf0cd52f6fa0ac1d9394bb674afda6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a0a83bafafd3fead1f5f5fac4cc8b296c0d7d98', name: "group-label-info" })), h("slot", { key: 'd13bf6b7a0f86bc59906e816bd0b50b3706ba045' }), h(GuxFormFieldError, { key: '500aa3d0aed57d8129b8eea7898afa731cd4da5f', show: this.hasGroupError }, h("slot", { key: '4f37ab4f4a2c413844dd6079721be9cf9620d58a', name: "group-error" })), h(GuxFormFieldHelp, { key: '65ebd857c838955e24dd63371be4affea94d14b8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd97d84263f3ca7d74fdbc8bc00c97648959984c6', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a8a9e3edd72c6382bafa19db4eb168b03f30e362', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '53eb32e136cbde49edaed0585ebe4c4ec714664e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '596155e4b88d192a2721324da6d59b56466893e1', position: "above", required: this.required }, h("slot", { key: '2d4eb23e9bfd69727d06a1581408f2bad3423d7e', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b59625419e6d9d00375524c6a1598c8458eebc4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '596125590f056f0b69bb18eea770c92b249654cb', name: "group-label-info" })), h("slot", { key: 'a5efba4c5a7d612d3ac9515d38f8d5b56cb6e283' }), h(GuxFormFieldError, { key: '518351ff3a9dced5ee97e0b1e9ae240ad78d226e', show: this.hasGroupError }, h("slot", { key: '1e4f842a117b36bf15a2f249cfade5cfc940d726', name: "group-error" })), h(GuxFormFieldHelp, { key: '11293fad8fa51ec1e5fab43d4877f412e1ec2d64', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '53c96c288d76376836485c04e7493e41fcea4341', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -111,9 +111,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '6af96507a815c130d8a8c21df88a937964d29e76', class: {
+        return (h(Host, { key: '741f3d450f8593985aec8a63a22f78ebc8a28463', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '224a82242fb246d4869241ebca2e53070efa0e90', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e3345669465c76d6f793b2acf708aa11a4ed265e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '63ddebc824c33d194fa7d5ae81a744fb0373bb51', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a70aafe2767b624c2d456655988ba0c013c1e1f1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1579b787201e462a2f51505c79d2113061e9f443', name: "label-info" })), h("div", { key: '6bda74a178accc7a446712a10a962c51b1082418', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3607c2227ebfc97e5765d60b6b26ecd9f5d82f28', show: this.hasError }, h("slot", { key: '9c8fe0cf3dd1af32c7a9ce87daece95edf1e4715', name: "error" })), h(GuxFormFieldHelp, { key: '27b2ac6902ce6d740a36057255fdeb214a14b8d2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e51b7969edf421d09994f7b3c5fca6536ff77b33', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '92db1e1a41db06ad2dc2cd6925a44ce39e6b2489', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '43cdd71a2243554f8be6c1a7f84499ee429d6f5f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '17be2d420e3c29fc8b5657169aba12f48216ae78', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f9622d9d285b09c31a1e0d2a8e47f8926a45ce5c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9f4aa4c257da6661a7f26c2caf5e3ccda6d93ff4', name: "label-info" })), h("div", { key: 'bbc70a6c89a0876ee2b3918cc0cd2f6d08ce041a', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '52e4ae9968e1c2dae3cce98dd64a2cdf0b5343b3', show: this.hasError }, h("slot", { key: '8e8a7d608da117fb66e8f66ab5c77c2609d28e97', name: "error" })), h(GuxFormFieldHelp, { key: '5e1c483b326318608389d7c98cd4a9d69f808a9c', show: !this.hasError && this.hasHelp }, h("slot", { key: '7215f1539c2ab170f838777596d845ff1a614d05', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'afcaa260114a2b6d667f195b0e50a2acff92cee5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '008a5639a28f629f626befc326d2e5b54112c12e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd2b5ee9237421dee3d519fcade67c3699957991b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa2a2914c3be162f7b103a9faa7d94c86c758185', variant: this.indicatorMark, required: this.required }), h("slot", { key: '360faeba9efefdbddf6ee2943b0badc1753ebe29', name: "label-info" })), h("div", { key: '60fbd81d27fca50a1f87da8fc41b41ef7e615ee1', class: "gux-input-and-error-container" }, h("div", { key: '534309ac532a539ef698b1dbe06101212b6bdaad', class: {
+        return (h(GuxFormFieldContainer, { key: '5f1e76da2cecd1f5500eb0b05b4603b11949f2eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a868706520b48768f2d6eafe55973d7a71bc92c5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '88562e57cbc0a8da152e4f9747c12fd8d00396b6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '030318ae3de2e8195a39b74f34277886aaa2ce10', variant: this.indicatorMark, required: this.required }), h("slot", { key: '49fabb494b99ef58e67758ba2b3e4901c778d1cb', name: "label-info" })), h("div", { key: 'f52536903fa4c983a9af82ec4e15d842e082571e', class: "gux-input-and-error-container" }, h("div", { key: '49ab2e0ee93eb8e59c1437df9c5102a3b77319b6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1476f7e24eb5b9e44d44fabea90f0cf786554dc4', class: {
+            } }, h("div", { key: '0ecc2457da0af9d986281e1efa9a5202f042195f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '07086f5e7da832a44a1192085a5a5d0fcb8ca32e', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'f6b1f41f0d5a8a39f18ad48bbdffb84686d73fa1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '56897a1a1961140ede0fb44fbd99d9d08ee240f9', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '356ecac7267bff1357e4693628eac29ab231625a', show: this.hasError }, h("slot", { key: 'f12b64a74998ff6e68a1dd4e8d2603677f3a1c21', name: "error" })), h(GuxFormFieldHelp, { key: '977091490dc86ae0435282010774d67bcb115041', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ffc4787b324628b35c530c3aca77da7476a61b85', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '77fd901408e5a8d2ae7f539d45355e860c5ddc41', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '94d4d2e0a3a6421d02499579a4036c380b8ce648', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '2fa574b6162e7690b9c3c4a2d9cb6baf8de23ed1', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'f58d0e6cb8465e73075556ee6051fe3801cec111', show: this.hasError }, h("slot", { key: 'ad7efd78a83a88b65425abf67e2fc5cc51ca17df', name: "error" })), h(GuxFormFieldHelp, { key: 'e3a36dca670b70fc5a28c5fef762b432aa3e3a24', show: !this.hasError && this.hasHelp }, h("slot", { key: '66a2193af26efd760b61cfc5da392cbc45d58425', 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

@@ -86,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b5a097aed911e182261254e69d6c6048506102e0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3cfaa421c75d936be6044354dbdd83cb17a87b18', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5b216bef231c4781957f7035a1b51de80976e04f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a3f49ddf62ed9e49b0a6e91d249ea9c1a6ee11d6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc9871752294ebae4ec8d744c53e807750a2a251', name: "label-info" })), h("div", { key: 'aef461d8e4bcad541cd541972441beb188bfa25e', class: "gux-input-and-error-container" }, h("div", { key: 'dc54a1bac17dcc7dd8c28a5d3a3166987b73c9f7', class: {
+        return (h(GuxFormFieldContainer, { key: '32da8462b8622ee3a1983effb40bb6d4e86b17fa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2a1e84d163879a63a6fc1e6c91942fee2d2b8703', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '01a78c05a90e91b762a0105ed7aaeb96c91d0eb3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0bdbc2629362242d7f9903e6bab2c3b374a22bd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a83d6bbde97866215f7f3dd216e943ff03f19052', name: "label-info" })), h("div", { key: '28006abae9aeb583df52609bcb6b8f2e8af8eb6a', class: "gux-input-and-error-container" }, h("div", { key: 'dc768c44286d86569f762896cd0371157e58662c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1d416cae3aaccb505ee390f1748be4491a6391b9', class: {
+            } }, h("div", { key: '205997a3c5ffe8c3968aa667b0463269b1efa31d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9d8424a8a68939dd708a732dd22113ca62c6b0d6', name: "input" }), h("gux-icon", { key: 'e1ffd7f6c6136cd94f4b6fb0d78d88020d4c5ef3', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'dfec2002ea77b4d11219d0c0b6b04fb662a3488a', show: this.hasError }, h("slot", { key: '7eadef44136e5040fe2348f0392756adbaaf3203', name: "error" })), h(GuxFormFieldHelp, { key: 'b04f820b64c9f8bf3416fe7cfd1768472adb512a', show: !this.hasError && this.hasHelp }, h("slot", { key: '1753996cd6dec9a97a84060e7d8b2612241edd24', name: "help" })))));
+            } }, h("slot", { key: 'e1fdf82ea50871a22a7fd05d1281d1a0ff378a5e', name: "input" }), h("gux-icon", { key: 'da2544f0dc906e2125419d04f9a892a4cdf8adac', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'd9ea9f199889551de098ef2b28e3b69b40285c56', show: this.hasError }, h("slot", { key: '2ca4709140b336e6b2032b5ceae487a6e6c703ad', name: "error" })), h(GuxFormFieldHelp, { key: '71816370717d164a4da243fc6069cbce25e97a09', show: !this.hasError && this.hasHelp }, h("slot", { key: '3fb2b3824ceeef1970c1ee9d4bd513778765103f', 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

@@ -111,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3176db5956ec09c3d57be9ec591fb26100b57f69', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5640438aa1e6df6b7c02dc205fab397b6d87846', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a0fb0a1f726233e5d2e057488632505ab1d7aafb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ac23dedf2732cf5118326f99bc3d448c8b126f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e4027170521ef623563e4beed0629585b41549b', name: "label-info" })), h("div", { key: '34647aa25191caeaa25ffa9ae3b5974e33f706b3', class: "gux-input-and-error-container" }, h("div", { key: '773605f4c25951fd91a4171122501afe69b272b9', class: {
+        return (h(GuxFormFieldContainer, { key: '052193dad16740cb33266b39bad1ff6f97491f05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1321c9db80a9db18592c50648305549aa9f5f3f9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7c2b5db94cb3755bb88275fd9e8e65e3c104fe8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '82fa67d4a259d9be2a010b93af28e3ab355b6d73', variant: this.indicatorMark, required: this.required }), h("slot", { key: '73dee45dd499f8ee31d7925040e3abe70d1c8923', name: "label-info" })), h("div", { key: '7603192f8e5b673f5669d402a942abca6b95c29e', class: "gux-input-and-error-container" }, h("div", { key: 'd6422fc785a4ed80d8dd818cbfb9e3f3eff42605', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'acc5c6d48b69f827b63ae3920bb40ac75bb0cc15', class: {
+            } }, h("div", { key: '460152bf2a6a0d764681bcd997ec8167048d699b', 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: '8b1b8a1eaede93453c209a21332c4e8f467ef1df', name: "prefix" }), h("slot", { key: '95bf3aba89cf262326ee2a2046188a9552d75e88', name: "input" }), this.renderRadialLoading(), h("slot", { key: '0c539582273b05ee2acb980ef291e0514c39a8f6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '01b89eb67eefad82edecb4abc464e4ae6e5329ea', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2aa51cbd3821ed1bd281934b9fcaf3df63f70f71', show: this.hasError }, h("slot", { key: '4e4cec3c1820923f5efb59d7bfe5f27cd2d4ce05', name: "error" })), h(GuxFormFieldHelp, { key: 'a3ff3646f377f6681dc753850ccf47cf7aa4b8d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '9cb9ab22824c1c8a1d69f4a439e88417712fe82c', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '5470ede1eec1f0cad4c0112a50b7adc6fe0dfc20', name: "prefix" }), h("slot", { key: '9017dc9ec1340605d5840adc7ace438c80797099', name: "input" }), this.renderRadialLoading(), h("slot", { key: '50a7cf9eae2c62f62bc9a41ad53ae185a562551f', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b02a8880f365da818b968f929a29efbeaae94189', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '8d977af3e6e196815afd63b30d60da604f783e6d', show: this.hasError }, h("slot", { key: 'd86ca74347b21511fdfc5dcf33d11a06510b306d', name: "error" })), h(GuxFormFieldHelp, { key: 'c2c9b8a1cda26789e619a3aac1fd7c241f15a08e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b619fe29487e5f78d49189aa68f9ab4b661210c1', 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

@@ -90,12 +90,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6407ddcacb1fdb3b82fb964ea79f7db167e62943', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e6e1a08a36209d757cd194c68ac87c304daa87cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2ddf2d0507d799aa5433d150a44ba6d276f33ac1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ea2bd96aff8ab73e9bcd3c798bea12ddc0f8ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb2df5a84a51d19b641f90dd208c39dbb470a02c', name: "label-info" })), h("div", { key: '8f3f75a49f255181af8fed7a3f9be8eba024dbde', class: "gux-input-and-error-container" }, h("div", { key: '973620d76537b189f056b6304feca1ed1d7b09ff', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '628ad4e2a6eae30e60dce4714931b2b59d10f1aa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a6a7a41ff11d65e8edb3de4d7f823d7b4261b1ef', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a56df8f42443026bd44dc27d6082b0c757c55cdf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3105b41f2b70169481f962d1bfb15101ac8aa93', variant: this.indicatorMark, required: this.required }), h("slot", { key: '123c8060a66b9cff2f9eba9b5ae2472d7d7a20fb', name: "label-info" })), h("div", { key: '209d8a12cfa4835442a468ca03b5ece75520654b', class: "gux-input-and-error-container" }, h("div", { key: '9bee6f7bb43a218483a5221a82ff02ac3f4b5632', 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: '41a18dbc04090ae6e6afa4e62dfe225542796082', name: "input" })), h(GuxFormFieldError, { key: 'f5314dc2da07de50650bb5371c45888aade55c12', show: this.hasError }, h("slot", { key: '88f7e3e308b52a900acbd0ce4415fe3520d4d6a6', name: "error" })), h(GuxFormFieldHelp, { key: '64da68877e4eac8871821d5305fa4cc7c9ab2c0a', show: !this.hasError && this.hasHelp }, h("slot", { key: '22c505af2a8c66b7756e1cc833d0bacc6dd74eba', name: "help" })))));
+            } }, h("slot", { key: '4a435cce25624921ec91d8bb49f66a573bb91056', name: "input" })), h(GuxFormFieldError, { key: '61ab6e029ad3a1160c83c464dd44d7818eac091c', show: this.hasError }, h("slot", { key: 'ccdbaf60561886fdf75b70e60821f253d5974ede', name: "error" })), h(GuxFormFieldHelp, { key: '7b5300a4a14aadebe30a964f09514e7ed0c87d6c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9c6c43e57552ab0ba6e71cfb3b2de1c2b51e19e', 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

@@ -95,14 +95,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3fd88c10807314cc6782ada2147315f5402e28b9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '810f80c9d2ae908adc27d19adabefcabf7055778' }, (_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: '88129db8bba63831615f259bc378a058dfe7b5ab', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '822d218f6b153c435437813b621e8e62c1cbfdd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'db5d2afdd53e7d09e013e7d58d7a4fab7c04d9c9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9fae8d53675d56ebd3119466c6ac85fdb0a7110a', name: "label-info" })), h("div", { key: '288c41845b8220a602a4f2fd8be0cb73e656d3dd', class: "gux-input-and-error-container" }, h("div", { key: '66cf560e9474c91ebccc474c29522518c17a2316', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e1731f46dbe86cd5cd933db5ede7926b77ae361a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c3143fb29117cbb13af0c2c24a4772f006605c49' }, (_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: '521b5b12ab9ed7a56902b081f5c16f7df73664fc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3be406ef510cc4ba56703e99c6b4952e08045e07', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7600e5140500db5d4015939cef525760096a6bda', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b3d15780fe580b82bc50d3effda82fa5cdc5c94e', name: "label-info" })), h("div", { key: '7f000183a13b5ee91b2aa22f4419472c7a4dd8b0', class: "gux-input-and-error-container" }, h("div", { key: '40fd1699d9d0a3decebb79bff1dbee94ed532907', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b10fe51de7a104239854db4eefbce5f7d33d037e', class: {
+            } }, h("div", { key: '83b6c18bb08f1ed00670a86f1042806effce39e6', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1f60b7f32e6fad7854bd43652b187028608260b9' }))), h(GuxFormFieldError, { key: '2d4442b1228aca2995baea442c0947146a84526a', show: this.hasError }, h("slot", { key: '1f2b967347d3cc0a7a5a47fbde8220dd5c9f19ca', name: "error" })), h(GuxFormFieldHelp, { key: '9524373a787c456b4eb1bcfac8e391e2efedc20e', show: !this.hasError && this.hasHelp }, h("slot", { key: '490f2794fc202aa3a1d3e70e29e16b6eeafcab59', name: "help" })))));
+            } }, h("slot", { key: '73fa4a4658f1b480c33b26073238390ae5e31350' }))), h(GuxFormFieldError, { key: '2880e0e209656f8e06a2b0a6ef58e2b1e51c4c4b', show: this.hasError }, h("slot", { key: '3358f671be096327462266f03cb48239e75ece1d', name: "error" })), h(GuxFormFieldHelp, { key: '5c972677e3466351b191123c8cd58a4e79da3194', show: !this.hasError && this.hasHelp }, h("slot", { key: '40dd343c5daede2cd9b922248040a436dfc99911', 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

@@ -96,13 +96,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5a4493c1f8c9e5d3618cffc378e50f5a79055b4d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1bc0e7dc45d864ee842129920050614e6cd2d2ed' }, (_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: '8b404bb3d16c262aa86f8fb776ae52a29147693a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '362a673cb006cf6ebcc684e09fc3ec9b9207a3ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '217f639502817eea789d805e92b46b246f31eb0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fe95de1394e09cf1f936d828c3c8f2e0312f2c29', name: "label-info" })), h("slot", { key: '68076e7fb7bc00708b393e7886fa2f26c9131683', name: "label-info" }), h("div", { key: '7612b983aae771d98e2cd3d874e1e47845596a01', class: "gux-input-and-error-container" }, h("div", { key: '8828cbdbbbec905a5d5edd5374d8039dfedeff2f', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '45584ddc11e7b25613e430f5175e9b3adebdc258', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7728fd9729ec03d0d314ba4d40e575865a05118f' }, (_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: 'ea44a5f058ac8e91fdf2c9e7c0f64c5e08975bac', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e70838e4535384f99887c3aa738320d6c70eb0fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e4c546482d2c639a62dc52ac99c7070f7718d4cb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1d8af74cb23f0d85264187fe5771aac50fe7e9f8', name: "label-info" })), h("slot", { key: 'b8c54a67b72e87007fd997105f9e84d361f7446d', name: "label-info" }), h("div", { key: '64a4af4b16e62638cdb154d5bc7fc827f1ea4de2', class: "gux-input-and-error-container" }, h("div", { key: 'f099d92a9be96a89b9b6b8956409262b0d1cf8de', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '91694867233c695f0998f32e74bde23222d9948b' })), h(GuxFormFieldError, { key: '5aa018784fd0bf6567a3d4e113e98a0ba6a1ab11', show: this.hasError }, h("slot", { key: '17771e2dc7275cbf4a3c094c806687a029ff806d', name: "error" })), h(GuxFormFieldHelp, { key: '6a6764a937e6a6fc34fb7687fc679466f41f7c9e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c4dd635643c051598aedae337d4e9c51ecf881e1', name: "help" })))));
+            } }, h("slot", { key: 'd4d750eac8e338798360128a624596e7830f596e' })), h(GuxFormFieldError, { key: '4aebf0abd6b4bbd48f826068df8763bf7765822e', show: this.hasError }, h("slot", { key: '2d5c29451d537e90db8d7df58889a16303e0b6b7', name: "error" })), h(GuxFormFieldHelp, { key: '6a896af32d8162ed3f56fb549b08dac96fa6f5a3', show: !this.hasError && this.hasHelp }, h("slot", { key: '00096697b77a8243198c73dbc2afa10440f02ff4', 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: '26d9c44474a55d82c850d3a88ef63cb602e5b785', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'bae5e132ef3765a45710f12e32b49c8dbcadab8f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '464d1a53cfa528806baee8b79e43de9f5faf1941', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '1a9c57120bddb537cfe73b8fd5879e7409a2a9e6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     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

@@ -68,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '48732c4782a70319ea4be66ab109aa9af91678a8', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '37b95450af12780188f187f008c2302312fbe27f', 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: 'e38a052abde5bdb85f668e7a56d3735704755f03', class: {
+        return (h("div", { key: '69e880ee8f904c9bb4d01aa2ba99b7e8ec2f4a0e', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '3685211e79104b9158b6d373998c77f2476f5a95', class: "gux-message-wrapper" }, h("gux-icon", { key: '3b332a38888504f9dfa1c05de9886c094ef9e183', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c7718994a9bd5b94e6d2bddadfe7bb3a6996733f' }, this.i18n(this.accent)), h("div", { key: 'd0a29d8e5a44d2d18b480b75fcfa426a99067b55', class: "gux-content" }, h("slot", { key: '162d617ab2c483968f6118ffb9ad043333695bbf', name: "content" }, h("slot", { key: 'e0b6e888bdc70bf18e6271c18993c30f532be7e9' }))))));
+            } }, h("div", { key: '1fdb2c236af59594e491a4b6a9f5c030bc98aea1', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a9000aef06c03a453ebfa27e11f931eaf0994fac', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '5455006c3a01582cf3afc183ed78c9027b62cd6c' }, this.i18n(this.accent)), h("div", { key: 'd540c25d46efbdb3d3f166f7cd5da0e45e38d871', class: "gux-content" }, h("slot", { key: '686b1b7bb92f77b1848c0e77c9ecd2fd22be3603', name: "content" }, h("slot", { key: '4e1e141d9c56866646a25295c9e5b92750047a5e' }))))));
     }
     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: 'ba070e6345303b885411921d2862a67734bc11b1', role: "presentation" }));
+        return (h(Host, { key: '832a958e798918e5a855e468b849cd7f37227764', 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: 'f55b7ab9bb6afab9f46c88a8c7c0d0f87d20a6ef', role: "listitem" }, h("button", { key: '0a33f2ae39db550777bd0c0abfe5f1ff6beac441', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '16558c77a87d106e95ced77195376994a45f97cb' }))));
+        return (h(Host, { key: '431a816cf504da6c5d15e43254b3d26a73e81bb1', role: "listitem" }, h("button", { key: '9f77f42138d9ab3e08df8360e235e92498c4d0b3', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'a6bc27b892b8f356aad4d9e1947d59080cdb9277' }))));
     }
     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: '4645a18e635b14651b82d84fde98c61099e12a70', tabindex: "-1", role: "list" }, h("slot", { key: '22a08227bb9ecad9277e0153a362bbad5cdbd7e6' })));
+        return (h(Host, { key: '769e96008978c3c427f6ac6657289d3a86167b45', tabindex: "-1", role: "list" }, h("slot", { key: 'd8130d172a4589d8dc362fef2299fbc136119598' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,10 @@
+export const renderConfig = {
+    description: 'should render gux-list',
+    html: `<gux-list id="list">
+    <gux-list-item>Test1</gux-list-item>
+    <gux-list-divider></gux-list-divider>
+    <gux-list-item>Test2</gux-list-item>
+    <gux-list-item>Test3</gux-list-item>
+    <gux-list-item>Test4</gux-list-item>
+  </gux-list>`
+};

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: '5f4e30bd479da79689b5cdc577b5a8cef08cb467', class: { 'gux-filtered': this.filtered } }, h("div", { key: '9193d830d92f950d2ef2d8faad02434cadaad09f', class: "gux-option-group" }, h("div", { key: '969ed69ea2cc95d2337616cd42e5360e0b61092a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '97eda0e5c5765ad320945c46b3adff56f9246ab2', role: "group" }, h("slot", { key: '6891b2f100538841eb2aac4be2b9c915e70bf4bb' })), this.renderDivider())));
+        return (h(Host, { key: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), 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

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '8e9e4cf6dbed96539fc41939da131f05a5781efc', role: "option", class: {
+        return (h(Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', 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": this.disabled.toString() }, h("div", { key: '87c672e88483ae9dc4dd6cd64a04567bbd446939', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3970b2ea200bc36e770febe6f5abb3d9dcb854b2', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '0d86bc8df257a6053a71929aba3eaf415ed3740e' })), h("slot", { key: 'fe4ded065030acbabe8b22cc9162b627e16e2cc4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', 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

@@ -61,14 +61,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: '00f722cf8d9c534238cf5d2e11c93f80745aad03', role: "option", class: {
+        return (h(Host, { key: '37aef2f5b177df6b6591f6f7c39515ee540b312b', 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": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'be2e4e44c6fd636f16d48dfc37a5c5a3364d9cae', class: "gux-option-wrapper" }, h("gux-truncate", { key: '0bf8b783a696e197181468b888c94a38611a97f5', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1bf08c9890567b3a0376819013f28dcecace9c57' })), h("slot", { key: 'd297f77cfc3fea8d41f9b782143c5f21cab4d083', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', 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

@@ -30,11 +30,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '457d005a753ea722e21e478208642f5393ee8d90', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '41b6b1965f8f7fc19c2cbd4475156533e1d8beb9', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '368d007db5f0b862c153bb3ffcb94b7f9bc31210', class: "gux-option" }, h("gux-icon", { key: 'b00176d03426d050639a82fea76fe13e708f167d', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '7e04c2a29ee18300a519c01784ec0948d8c6b52d', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '6849a0af45ea575969c02d0eff31ce56ecf350b2', class: "gux-option" }, h("gux-icon", { key: '0d046f92df50861e58bcda47bb0b50e098a38170', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '1f88f768eacd7a8f072d0a87ede648ed41e3f48f', 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

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '2b6eed0e49be4399f6cdecaf66e3a6e63c86bfa2', role: "option", class: {
+        return (h(Host, { key: '162462d46174ae1c95ab206a45dd16733586973a', 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": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e7cd620ca6615aaa9a3f92b80e2182a244eb6e7', class: "gux-option-wrapper" }, h("gux-truncate", { key: '12e3104da04cc16ea23361e687ed05941b029743', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'de53a68f939034e20d6c8a4e85e08e35bd99687b' })), h("slot", { key: '984f40f30d42b60118e1f1387afa8ccab15ffd17', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', 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-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '70a1f38dabb0b81325300cf8d9b3ac6992b0eda7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd404fed4ae8e9cfc825c0f71c78177a43bd3af9e', class: "gux-progress" }, h("slot", { key: 'cdc6631eda3b12ae30d68de764d5ed6144d61a62', name: "progress" })), h("div", { key: 'a0afed75afb859cbc001b51024323b17be002e18', class: "gux-primary-message" }, h("slot", { key: 'cb0d650c97439f3f17ab25915699a7d3913814e4', name: "primary-message" })), h("div", { key: 'cce443b19801997783ead52f3a8eb56ea9423c7c', class: "gux-additional-guidance" }, h("slot", { key: '6d7a23a11048e128a8cc7382c2b1d7b36b469819', name: "additional-guidance" }))));
+        return (h("div", { key: '632e008bd66070e80a69251b2d9e535ddea3491a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c37e9330ac2815693acc56e9ac447e407e969678', class: "gux-progress" }, h("slot", { key: '6c662bc8a2777ba08a2b848d80ecb77266434387', name: "progress" })), h("div", { key: 'aaaf10b091eb4ae8b7f73308f85c3c6618e9acb2', class: "gux-primary-message" }, h("slot", { key: '9dddb86790587fa3d40ac111de05df3e0891260b', name: "primary-message" })), h("div", { key: 'b3087a2f89c78c9b83a683511f8760708791c238', class: "gux-additional-guidance" }, h("slot", { key: '84a1bf57007fbe2c3999723db6d9d7e087719ba2', 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: '4b61b7e4e7c9d059732c1933f9784dda0e90cdbe', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '66a7ac7efa0210ead6e402bf7420380439e03373', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '46161b5e3471dbe6f9575e4077ab4c6a20d68bfc', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a3598b51fe5ed50f1754e0d1d9b745dac6d8210e', class: "gux-modal-content" }, h("p", { key: '4ea4feae5814a7cd369f2588b0604766cb0c0c9e' }, h("slot", { key: 'd68607a3d8b03f2ad152b5f978f923b0a2f20ee7', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '235c8ccc02e2421ee1431dfb3ee3c313f0d9219e', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '4da6ae302be4b983afc798b546b70461d8eb0da1', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '02ae31920b555056baccf13bff1b74806088aff6', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '28fcdd63377d25dc04b1c0ac4cbee19fb9211ab0', class: "gux-modal-content" }, h("p", { key: '705a26a5bcdc479d65ce09255b47894ad44f8868' }, h("slot", { key: 'ff005455111c619d28ca6de3a4e601227fabf07b', 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: '4ee189150f20e750923b74f5c21b0fa66cfa8000', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7adbcbf7088ada82ffa08e01a14830acafa941f0', 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: '718c8c0b98dbb3530ffc3c7396cef692d87c3df5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'eb803916bf3f1b62cc4236ed69106358ad947bb1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '95849c41be723efbb337516c8d7e08e9874bf943', accent: "ghost", "icon-only": true }, h("button", { key: 'b0c63b3397256054f1880e9c477cbf858b4ec037', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e9e0702ed4dd284ac44166ce06a21a8d9e9897e4', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68af0a2f4b8c879007b1d4f3988fd2fe88209d28', accent: "ghost", "icon-only": true }, h("button", { key: 'd61bec3e79825e096c00050ab6325200d39ed228', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a2d14c077aea2dae6151d1e8a37e28f1ba9bba9b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5ea2f5ef35e84d37dfd12c9844ad164d734076b4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b655123fb2815384a9f94ddee81b3eef10d7553a', accent: "ghost", "icon-only": true }, h("button", { key: '4eed0d1b1ff3e3c7eced4d93ddf88753ae61998e', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '40d8b196eaa9c3fe79f8ae88d405bfa2ea57481c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '0b36b1ba989943c47ea5af87cb7ce93aa094ede2', accent: "ghost", "icon-only": true }, h("button", { key: 'a7628b8d39dd73d22d9d57951aa8c5cd8f6b40b2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'a6b5842af3d553dc3015bdb02e006769c90c63a1', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'ac3ba167dcfbd7a6e218a5fd87d7dd720c6dfd69', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '721bc3da1728e9a14b44fdeb1c8448f235ef7641', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8a7a5cc6ade74aedb65a5f42e4c6bc37b54ffd87', accent: "ghost", "icon-only": true }, h("button", { key: '4795d7520e667f9bc3a05007a36d73e6d59f35a9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'f3634a3e56219c2540c7790898cf2fd2296cd2d6', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'aba139922dcf8a74d70f483585db2e083a7ff447', accent: "ghost", "icon-only": true }, h("button", { key: 'fabaf8623d2e2bce0e76037c5f7c87e90455d0ee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '809cece316e09bee8606395c734cd793136048ed', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b4dbdf909678a791b1307cb002390956e32a95e2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8ab559179ff42f581ebe35cf13723a453014610d', accent: "ghost", "icon-only": true }, h("button", { key: '2c40aee76604374cbb67e8dee1172275484ea418', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '8dfcfb78bcebdba5c844c808c7622f3e3f9ee310', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '7d9cef2171c7ce1ac400883b0954cefe8dc46e4c', accent: "ghost", "icon-only": true }, h("button", { key: '4f26be829cab3ac05bdffc653c179fff0696c665', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f8325a587b08409ab70a8bb9441aff4ca8f0bbed', 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: '9eaacb6cc8368aea3cc7510aea6265cc7786a1a9', 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: 'b7f5a768cf6f49751fe76a79f3200a3ea70373ad', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'a89861cf5d82bb9c47d5805eaff30a079892f163', for: "popover-target" }, h("div", { key: '55f1334f8bcb76d255e4e9356d8a4b96b5fd0606', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'b961ff7538f0a43f96217c7894427bf1d96c8ac7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5456fe53ebefb5ac1fa8a75ce16aadd098004ace', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '41f301bf2f9f852b27778f3288b125a5659dfc82' }, h("input", { key: '366954e5ebe8533d304db503b3d16d9c3a3a4afa', 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: 'd344368156c0f358c600f52ba920d367d6929c24', slot: "label" })))
+            h("gux-button", { key: '41e529bfee9f7ccb4253527518312a3fe0f83022', 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: 'eacbe11caf92eeb21bc6486e17cd8fc9e0e41435', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '7a8c735f95d559a1da4a3c2457b4b4dcd87b1bb6', for: "popover-target" }, h("div", { key: 'fc2d94846989eead5ae39f90ad8c149f507ddc19', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'ed70426897d5dbcb04fffc331048202bc3673feb', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ee81999253bb53c5514db9b667db8bd30526ef11', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '71683940ad76bc0c718e128c12dfae87cd8f6331' }, h("input", { key: '81b045c7c1005e8fa7adee98e003dc2275fb3487', 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: 'bc030aec656c62c95d6d51d874c0dacd3ee59603', 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: 'b5659cc5ca52e43f93ef929a1ded3f974bbf7c34', class: "gux-pagination-item-counts-container" }, h("span", { key: '7abd6b3074b4fbb0ad1dccf6d12b3e41e791f9fc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '9a2277d465141c57adc41f5b3bea86db3f846e84', class: "gux-pagination-item-counts-container" }, h("span", { key: '128510d9b6249747981a1e97759d47042c5396eb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '6eae95d96c331bdeda10e496e995f7755b9b8c52', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'e31b2cf7b5129ce9fce616d0b20888612a5c8a47', 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: '55272ff3223e23cdfc47d0d2da4889df0d4461df', class: "gux-pagination-items-per-page-container" }, h("div", { key: '467a93f0f43922cadbb8594c73351a3037112c71', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ec96ac2f66e5ef75a59eb9309444fb9d3bde0832', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd4b6d3b53190b9796c0b5edc3c2ab448d62fcdff', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7712e916af6f5bf41c86f102f3012cd191182859', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c75f920e13cace02d7bc09369dafce632408a240', 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: 'ab236770fc3daed11ad6f789b875376c77a30a25', class: "gux-pagination-container" }, h("div", { key: '2682ad1b06a71e7f387d81206d9b00045a9bd143', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c61aad694a7318224341e6c078c58a29b751af74', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '266e0a925a72009d2c7ed198c2e65ab2ec63f154', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'fd38a04e91c10b94fd54de5d37a66ecf19aab55e', class: "gux-pagination-spacer" }), h("div", { key: '0c3cae06b3b0cc381407127b1be3f429d111bd92', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '265afcc77e276d6cf9a77a34340d2c5637b70ba3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '2632e765f678d0b2209c6edabaeb39f6a4947a8c', class: "gux-pagination-container" }, h("div", { key: '284fa15020d0ad7654c482cde60a1490e06bf685', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c47f73c6195fbd8bc65b78b9981a7792c7718673', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '12b0075fa4631602dde5c94ce2173d002cf2679d', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '919ab355b5dd2412986ca7ce20cad2a8a728a57a', class: "gux-pagination-spacer" }), h("div", { key: '2582c1db81d6ce48e47a8510e1e29c94577d2120', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '92b3b60ce7a5f48bb9dff68f20a64831f22673da', 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

@@ -162,10 +162,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '1202fc3707ac38dec035ebf8522f36275103fe91', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '15ebb2aadb07189b4f08d86b596df4da22475e96', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b28dec496bcb4b2cbd169f4fef080438eafac634', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '59261d1aa75d9c932ccade7e9217bf98d7292007', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '9328bb10a746be8c106ff7a9fc76544e4e8b6bb0', onClick: this.dismiss.bind(this) })), h("div", { key: '7e0c2e755b05052f2c59b1aa402763240a798ece', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'b611659e7c1ff318dee1986818d05655a23114c3', name: "title" })), h("div", { key: 'f345838da2e098b7aaa02e17b660ab00cdf70e85', class: "gux-popover-content" }, h("slot", { key: 'f9cf8ea36396ca69a2b95cb85fe765d4d725e907' }))));
+            }, "data-placement": true }, h("div", { key: 'cc6a4a445f4280a009f0356becaab363602fd546', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1420e05736ade46ad1dc37d307dfe9de1bc8b699', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '30e79e138a5fbc213ef24acd63babb40c5cf94f0', onClick: this.dismiss.bind(this) })), h("div", { key: '42f3ebb6874aecb0c05366d8040a089a627ecd3f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f80d2650eec055b1bc1ceb3d6c0cfdb8a6a9d79d', name: "title" })), h("div", { key: '5d9f7e98d824af66532a5e6c18c1eeb623344b23', class: "gux-popover-content" }, h("slot", { key: '71e4810e14d8fb3aeaf19df4c0dee6cd72ef4514' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }