genesys-spark-components 4.111.5 → 4.112.0

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

@@ -37,7 +37,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
@@ -124,10 +123,9 @@
 ::slotted(input[type=range]) {
   position: absolute;
   inline-size: 100%;
-  inline-size: 100%;
   block-size: var(--gse-ui-rangeSlider-bar-height);
-  margin-block: calc(var(--gse-ui-rangeSlider-handle-width) / 2);
-  margin-block-start: calc(-1 * (var(--gse-ui-rangeSlider-handle-width) / 2 + var(--gse-ui-rangeSlider-bar-height)));
+  margin-block: calc(var(--gse-ui-rangeSlider-handle-height) / 2);
+  margin-block-start: calc(-1 * (var(--gse-ui-rangeSlider-handle-height) / 2 + var(--gse-ui-rangeSlider-bar-height)));
   margin-inline: 0;
   -webkit-appearance: none;
   background: transparent;
@@ -146,7 +144,7 @@
   gap: var(--gse-ui-rangeSlider-gap);
   place-content: stretch flex-start;
   align-items: center;
-  block-size: 32px;
+  block-size: var(--gse-ui-rangeSlider-set-height);
   font-size: var(--gse-ui-rangeSlider-label-text-fontSize);
 }
 .gux-input-and-error-container .gux-range-input-container.gux-disabled {
@@ -188,4 +186,8 @@
 }
 .gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden {
   display: none;
+}
+
+.gux-form-field-label.gux-beside {
+  inset-block-start: 0;
 }

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

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '02099beaaeb4945b00855e08ebf2fa454ae4afee', class: {
+        return (h(Host, { key: '8a9523dae1db9fda4ccebcadf9f0e1f820c3e887', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'f4489a7dd9336025587ce549b071f5573d43e5db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '15fc734b4e3ae3f6bc8d4c64e71a86138d244491', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f7e238bbb6024496fe86b8be6aaf253072504a10', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6d29541f18996f54a031df06dc1978aa73997d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6deee026027198297109bf4b9330c8b7f3808156', name: "label-info" })), h("div", { key: '236a128611adab8603ca027a3e4f1ab6c981fb96', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '90984e8e3e4505ded924b06fee25becd1b8b83d8', show: this.hasError }, h("slot", { key: 'a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1', name: "error" })), h(GuxFormFieldHelp, { key: 'dbbc319d2ef70283687cf108e65a8d9c0ff215ed', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6f51b36cf7192450981b6fa65cd36d92be49185', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '21858f51eb894fb106b810b4a76ee1b322b3cfaa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1487098d5649f37c1a03513a42f85ac4a7e348ca', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a1cda3f401f4df1ab221c6678bdd43b512451202', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dd56d02d2803117ca3209ccbccf05f21709747e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b01aa3205ad590ca88fa87e6e562f91b4b649e6e', name: "label-info" })), h("div", { key: '2c5e1e6e8ddb631e6d0f30b570e3674c34ee8a99', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'd195bca17e0c59f36d9120f9b4fce23fdf0247d7', show: this.hasError }, h("slot", { key: '848f948edf4edca7c4c251ecf01e090cf5a19989', name: "error" })), h(GuxFormFieldHelp, { key: 'f81fb5f7a1eb0d5624d75c95917c5b53d2614965', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f06b21b4aaae607ed48274e17e4a97ee21b709d9', 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.css

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1a4242f3b735fc0d5cd819f42c47b629d97442b4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '04d15a249db7ed6f8cc1bd742a281248e675f467', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '231ecc5e1d442068a32785ffc72830a8d017cb00', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f2d923c0a0114c75b2ad90f80b7775ffe93b6f24', variant: this.indicatorMark, required: this.required }), h("slot", { key: '929c36b2473641e4049679c77266e83b1ee0e138', name: "label-info" })), h("div", { key: 'ad0a4389b375d749a42eb068a3544c5aa25877a7', class: "gux-input-and-error-container" }, h("div", { key: 'f5b1c31aeafce11a66b9ba3525677b45ddf7207c', class: {
+        return (h(GuxFormFieldContainer, { key: '931fca4f5380e5f31e34a01058ed9b8a8d8b1b65', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '676a77eac2d9cc6a3ea5bc93028493f9bab45716', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '34fcea2123a6a29cf5469e8b31ba2db4cb190774', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '28cfe03680b2a4d8d310b97e170277603636ecfc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd3d56dbab4c83bc800681c46d3bde4dd42abf0cb', name: "label-info" })), h("div", { key: '08c7c047de54e3ee678c50c7c51e90498768f441', class: "gux-input-and-error-container" }, h("div", { key: '0c2e9c8dc507f67c345c58407b6a0d1d5ae2668f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cff2837d655fde12182fccf58997d734e30941f3', class: {
+            } }, h("div", { key: '2d38148f79e9a208e0392ba4d5af516be21e1640', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'd349b5ea69f440c1b63a99e4678fab3f67aaea47', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2b31ffb30dffc2baa771033bc0832365e754851d', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '9306432483b8017a0baa5ffa212c5d8dafddee51', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '09e84078aaa9ee132a295a38567352e677cd28a9', show: this.hasError }, h("slot", { key: 'd7db374229d352d3fca1e5fd5153a7037817c44e', name: "error" })), h(GuxFormFieldHelp, { key: '7284f02292dd146a12daf28f0ba36ac2a5c17978', show: !this.hasError && this.hasHelp }, h("slot", { key: '087be384f47d40659191dc5e82a36ceac9e7bf6c', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'eec64f90d4615dac9b78b38b027ecfffa7af1b14', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'b36a384abfe34572223e4f8a878bb4b6440440f7', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0445794b6870c9199a311ab4a2022e2fdf949e08', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a40f3f5a730bf1cc0d4e8b1caee2c26298a3b613', show: this.hasError }, h("slot", { key: 'dd0f776db153e891dbac203964163042bdd28677', name: "error" })), h(GuxFormFieldHelp, { key: 'c8a01cef7a4a2ee0716feed165178c6ff547a81d', show: !this.hasError && this.hasHelp }, h("slot", { key: '012262ee7b5a21ae09cf4142013379b50a58c5e5', 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.css

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '797587c3df23fbcdfa8057399915683ff4c83e0a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3127414aa313f2f69b17166a4fbb02140646c71', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a821346a11df2e01111912ba2ff6469478fe1d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ef7dc053274eb6e6d13a83d947f4c534f87b75', variant: this.indicatorMark, required: this.required }), h("slot", { key: '139768502d5fa8a95eb232ee31e9cd4925cb3296', name: "label-info" })), h("div", { key: 'f647a57c95e3744e36e81fe3c0f2a649c5e5342e', class: "gux-input-and-error-container" }, h("div", { key: 'fdfbc4d44aa46694928aa26839519bdf0fd08c69', class: {
+        return (h(GuxFormFieldContainer, { key: '086f94554cc94ce655aa1083708f97bc83d75ed6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b8515b9f8c8382a202a5ac30f5eae5e288cdeb52', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ea43112f7e622412a636c95b7601d56064d28c78', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '422d82dbd3381ad949ea780821cfcd6719ca1835', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cff566124c69a959d660c23832ddd4bf9d0b3e5a', name: "label-info" })), h("div", { key: 'a20233d0ad5e5223c724391ffd95b2180caadc42', class: "gux-input-and-error-container" }, h("div", { key: 'a9f8202ab46901ab3ca4ecb38f8e2747829127cd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd8a672ae13c1b23876cf62f77127d6b9a1f5f372', class: {
+            } }, h("div", { key: 'c1f93a7b3e0df9b6a30cff9b0af75ae1760007cb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8b4c9ed83fb78e472f5dad00c6b4497528249769', name: "input" }), h("gux-icon", { key: '73bdba1572f9f648f2563169a35a7e41f6dafeac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'b456395f95f07a0e2277c3561f3e1e0fa866b237', show: this.hasError }, h("slot", { key: '3672109e8950e05ad2a4df7f6e7191e63a2e55f1', name: "error" })), h(GuxFormFieldHelp, { key: 'fd815ad74300866113603ed10bf11f16b8428d4c', show: !this.hasError && this.hasHelp }, h("slot", { key: '13744e182709909834074d4f00c17b95e0d6dcec', name: "help" })))));
+            } }, h("slot", { key: '53ef4beb70900c92f0c510dbc519649994398b24', name: "input" }), h("gux-icon", { key: 'abb59499a43a1f83e55a6e6f4500cefce237c4fb', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2dfa065ff1456ef6392ae96572d34123a1e709af', show: this.hasError }, h("slot", { key: '668a502bd761e56e758072f46be63c8a1b4d6bd1', name: "error" })), h(GuxFormFieldHelp, { key: '37f904190593dcd3c7e5d375ef740faec3dfb98a', show: !this.hasError && this.hasHelp }, h("slot", { key: '840b8d497e514d30685dee61907e1a556c02f62b', 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.css

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1ca223257c2c32f7d9b4916ba256271dd5b1d078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '891622b154066f89ef432137514222bdb0c7b8cd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '07ebbf4da32bfb7c043bae5db05a3a0d86117873', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2cf8c5e3c5f12d028ece1309a7817f667b06c265', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1f9b6aaf0a37c44792af82940545e92c97834c64', name: "label-info" })), h("div", { key: 'fb69f8031c90def7c837b9d78742bcbf61550c27', class: "gux-input-and-error-container" }, h("div", { key: 'ff2d9d7e483c05e625893a0f5850982cdd92c55b', class: {
+        return (h(GuxFormFieldContainer, { key: 'eb65b1e228963afd7f22fb4098823055fa8634dd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2b623a078763c4b41d38e8310477e346098f1f9c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7dd6af3f6c889db7d56c727440bd9b1218cd0567', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f063e640d1df3f7b4d1085b2c37b8610ba0343c1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ec80d0a05c1583cbd5e7931ff0551c62dca1d93a', name: "label-info" })), h("div", { key: '8d1e0d8115227f4a40153702767cc0d0fd0e0726', class: "gux-input-and-error-container" }, h("div", { key: '5b0bb8d1a7aa67b6de0c8c3687b285f6cb092c7b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd449698a1223c5d827a07761385d16c72cbdd89a', class: {
+            } }, h("div", { key: '6dd3d21343e32eda36f5b31ec3eab53cb793bfa1', 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: '7cdc2f7fa447aef0e718d3dea1c217b05738fec0', name: "prefix" }), h("slot", { key: 'e54caf74962d08fcdddaff8b8608c3d6e943bbdd', name: "input" }), this.renderRadialLoading(), h("slot", { key: '05332b5ca75369f96ee6ebbd57a3f44a6050c3fa', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'dbcef6499ddde4169e89c920c5a021dc1a375362', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5527c143efb4e9e4bb97ffbd52d407c7c86b3864', show: this.hasError }, h("slot", { key: '532d5e81c1a39cab499766e7fc5951195c092dd5', name: "error" })), h(GuxFormFieldHelp, { key: '7f7e8243c8b23da439f373250e2d86f030774433', show: !this.hasError && this.hasHelp }, h("slot", { key: '633bccea0610149a1efdb19c9ec7098f33412eb7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '2320172968ac50afa8d3b3b7ba5b77148267c7af', name: "prefix" }), h("slot", { key: 'd65c48c22462a4426093ed0c7a0a5d674a36a691', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b60cf1e7247ad55684f13cc6df761f2768a62fa9', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '61d72d5aa0049221e71a474ab292064a20c07751', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b989e81d672845febcdfdcb60da496fc0a51418c', show: this.hasError }, h("slot", { key: 'fe8587b14c72600e93762fc1a84dc632781aa6a7', name: "error" })), h(GuxFormFieldHelp, { key: '18ba41a18ebb7021b8dba24dddcbbcfff2c50982', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db458840a9b6b80b670224a4a04fa1649257685d', 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.css

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '71c1de67f1dad119124c1ea356bde10e1ffb4db0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8aaa07ae0d057d127da790e50de4c0137a245e12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef0ecd2bb3ea150200fecf39e5b0b7cb1642ed66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '29c6d2afff6c7c609847ee8a5041f20213418b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff98ef2722dae089385c3077e31284295f0a6109', name: "label-info" })), h("div", { key: '8cd8ec697f2146824987c2abdac1b0ad899dde68', class: "gux-input-and-error-container" }, h("div", { key: '79400572c06fd09c9be0f7a4b369d07d3378f23f', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '82780c903667b4814ceec9dc25d2d34b5663b3fe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4c5b7ce12d02fb533347f844854c4fb9078bf582', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f6e41775b6d26b1ec29a95878eb7af01adcf6f0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cc39c01a7db48789e9116a58807ffab38a34d42b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f7f04d0f998d0007de0c0e32be655e989e292ed2', name: "label-info" })), h("div", { key: '646abeb48ba64e6b7603fcacb3fe83d5f4a25b4c', class: "gux-input-and-error-container" }, h("div", { key: '95b051aace745d3af607526e5283bce10414a2d9', 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: '2ed962f8388a011018e8ba93ba6ee5fec6a48470', name: "input" })), h(GuxFormFieldError, { key: '3747d415a3c4995c0b6eaed34b89090b9c16344f', show: this.hasError }, h("slot", { key: 'f98acba360c20d9dc59a8f90a51aa3bbdfa06cbc', name: "error" })), h(GuxFormFieldHelp, { key: '277819ef5cabb623ab5fd4d1d051f7d076e44abf', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd9e7d80cee978682a679254c712451bdec390fe', name: "help" })))));
+            } }, h("slot", { key: '4df23892973a4d6e4aa3842904b6ea49fad433c1', name: "input" })), h(GuxFormFieldError, { key: '1a1cf0b245cb6f085a53bf3401cf9298c631427b', show: this.hasError }, h("slot", { key: '3c7879fd695468dc83bf98b0e0a5d059b3442b73', name: "error" })), h(GuxFormFieldHelp, { key: 'ff08e57307dcd97bd1b4a1ded984c919f12b98b6', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c58d48c945eebe4b74811c86bc7eeb47adfffa3', 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.css

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '05621a679b25141ff91bb3d7ff3ca4cac027078a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba4177cf79d77a641a5f9b687b09cff6c544f45d' }, (_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: '169c24a296e2f9dc100bcf3b5305912aa9bce7d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ea7ddcac1cc2736eca597d4b165ad1c69860aa36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e72016b0d3c2d00b4906c76e0b2f41afdd933df3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '501f4c28dcad1f70144d7d3fa53f7d2047be446f', name: "label-info" })), h("div", { key: '6aeb95debef3d5e92c8f863c2898377a9c8a6ea7', class: "gux-input-and-error-container" }, h("div", { key: '109c62b4a4b99f70367d07d8fd9bfccabdd9c8b3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f02bc99729db2a0ff68bd38ff05b442b256a14c0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bca63e7a92f02fc252cbcccdfa06ed5ee5fcbade' }, (_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: '86460468fe10700ec02b62b62d5f840e0706e1af', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '45975751536943ad4797aee6e9b6e6a13fab3e84', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7b40141af30b9071da9845553a9542d3063aec43', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bdbe58990ef38c5b088dc1ca7290a229db331719', name: "label-info" })), h("div", { key: '454ac1e3811f843fa9367c89e6d2d24028de8152', class: "gux-input-and-error-container" }, h("div", { key: '6076fb16999519381afc482cfaba5ccfed0ebb49', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '972de3bd25423f7e916d9d582fab90f2a3a3b88c', class: {
+            } }, h("div", { key: 'ffe0b77446ed64ba3b02508a52f06e8469f04897', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b7a9076c3979b02f332a408573e610b93b96920' }))), h(GuxFormFieldError, { key: 'a88874caef02df2d1feeaf38c6e421deb46b1f03', show: this.hasError }, h("slot", { key: 'f52be1d006a3e58c26381457b121876e73b51811', name: "error" })), h(GuxFormFieldHelp, { key: '65a5f764e7cd5177551217cd784f620d7592e4c0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd10b7047d800d06e120cbf505b07ea1ec015890f', name: "help" })))));
+            } }, h("slot", { key: 'f952cd9965e6990ef553074a08cf990f0a533f47' }))), h(GuxFormFieldError, { key: '5857e5b66898608a716d7964c444083af61a2834', show: this.hasError }, h("slot", { key: '79abce56257c8b9915a2201d714b5647a5c4f152', name: "error" })), h(GuxFormFieldHelp, { key: 'ed966a931c04afc8180bb49a5bdc668f89ebba9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '77488bbb3fee20ee87cc6b0fb68caa10186b9138', 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.css

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '739e2daf47f38a3b444c1a2d95f0688f79f4de93', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7aee616ec9404b9d369c3a4426f8fe4daa405821' }, (_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: '0599733c667124c80585ef4c097078aaa3268696', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fd9c9f7ad9db9976168eed1e7f68077977ea48d8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b26c346ea33f06fcf627ce170d30f949893fc5e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '468fb1d5b1580da198df87143e2ec2f71daa0534', name: "label-info" })), h("slot", { key: 'fa7e2062cdb39431e9e1a0924113fc50a979fa08', name: "label-info" }), h("div", { key: '4a1838556a8f74acbc111d0b93e4f8e5899fc392', class: "gux-input-and-error-container" }, h("div", { key: '9843c68884b1c41c0f692a73883cab8f3b33766c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f25bade05bf916dba9da8948de1f67b4ea2dd082', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f72938ba510dab66f0963f373259eddc75d01a95' }, (_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: '3054de5eaa4949c20a65e77e9567877f835f3fed', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2d96d55e578e056f83d30509b10491e94995c1f2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2185d21c1aa516a65412d3b15582cab859b9d237', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9cdc2561a81afd0b7211888d227b6be5357b4c7a', name: "label-info" })), h("slot", { key: '79eb00803a471b40702649e6f6ca2b3f8d75397f', name: "label-info" }), h("div", { key: 'c4846b453c9b20a67c60703b67bab1425319d8d1', class: "gux-input-and-error-container" }, h("div", { key: '60146b60b8432681f0a26576c12b5aa6adf699ac', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0e1e90a20a1ef09c7b9896ca432f6fcd0497d610' })), h(GuxFormFieldError, { key: '7597af53d6c9553d763d1319ea8a1fdc3e5c7656', show: this.hasError }, h("slot", { key: '5c65d4f8d917106ac9b3ad828667a1f332de3e0f', name: "error" })), h(GuxFormFieldHelp, { key: '94cf527ca9e4b6b034abccf0d16ee2fa19716c7a', show: !this.hasError && this.hasHelp }, h("slot", { key: '06d0741e83404835d773e989f104b263d841573f', name: "help" })))));
+            } }, h("slot", { key: '2452f96cb0e6cd104bd00d4f25ceb20d25960745' })), h(GuxFormFieldError, { key: '7f624198e67885dcb31aef431882479273e7f6d0', show: this.hasError }, h("slot", { key: '781842452ae109482dfe4caed505f350e89fd9a0', name: "error" })), h(GuxFormFieldHelp, { key: '7270747869358342d8e0adbc674a6a03af46cc9a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e4249335ef06274404972931546dadb883fdc6a5', 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: '0d3ed1ad679b3c227f53bd60330cedf0d1c368ae', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'b32b2881eb03661dd2d0ed2b06b123da8ebdf9b3', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '31cd135fdcabd741361a86c29035bab01eab7847', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '79d24ef0d918c2eca7cc9e12c026d7a05e603bb9', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'a8a1c753edde229f260ee17885f435b18b61bf97', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '82c0198d99850d56704e97d4462f11b0c770dd5b', 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: '2c8abf29af3da009e6d4f197df4e49a47587cbda', class: {
+        return (h("div", { key: '382339cbe6641da86ceae1a089de5a2f68487144', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '48401042e5ef698dd0f2810c1b2c4f4e02364983' }, this.i18n(this.accent)), h("div", { key: '7bc3e3ef08e5fc9b51af0bb16cda0f737d3ed14c', class: "gux-content" }, h("slot", { key: 'feaebd15f9ca0e266d3e1d15229fadfaf2bcb66e', name: "content" }, h("slot", { key: '5e667e10f98eef645544a5d3e5c62038a9a1c80d' }))))));
+            } }, h("div", { key: 'f7a3c826d0f8cedb1c9b604c045272b756448fad', class: "gux-message-wrapper" }, h("gux-icon", { key: '3533e99fa673d630e312e558423f0460320cdb43', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: 'a0f3f3cf8874a1733ad7d61687147c446bb1e24e' }, this.i18n(this.accent)), h("div", { key: 'd1bdefacac8b1ee88682e9bde544470121c313d8', class: "gux-content" }, h("slot", { key: '7e43bacce5ee644d083cc9c62c0b88c68c6ad23b', name: "content" }, h("slot", { key: 'aa4a0548357a28c2c5be081aef49ab133fb58008' }))))));
     }
     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: '99ab618bc89b46fff8379275840bdd3cccd73e31', role: "presentation" }));
+        return (h(Host, { key: 'ac499898dc480de4a4b81dc88c5479b73d76fe3f', 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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '64cfb1bab3d1a1eb5b45efd78df2a5c2016a2573', role: "listitem" }, h("button", { key: 'e4555ac230d4556d84e9f9cdef6b70d54ed6d278', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '8972f84901e6f817e1c8d53831d900ba7ca4d651' }))));
+        return (h(Host, { key: 'ef2379bab065d357c8e5661b45547d5283d1ad6c', role: "listitem" }, h("button", { key: 'ea90ae1f1a30751f18056a8d8d65640e22a87332', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '42851f260de18bd5848327c001ddc620291258b0' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'ca079dbbf47d931b2eb12fc82a70c1c6f37ba03a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '90e341958351a216f8d21a8af1ed4d7c98319e4b' })));
+        return (h(Host, { key: '7bad61064422037a50e05406b8bddda3b482eb9b', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'dbb728de7f367a69a52917d99e271541590a5be4' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '2c97646f685d130588c66ef8ceaadeb5b31e44cf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c46fc8ba1d4b29ccd18e54e67c342a469cc38e78', class: "gux-option-group" }, h("div", { key: 'c8e3b1ff5645df759cfbdeeae6f4ffda0829f85a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '200e869d5e6f0cd7b26f0bb4ce95978068ef3bd4', role: "group" }, h("slot", { key: '57c0370e2637b8a43fdde4c5484391b1c1d01897' })), this.renderDivider())));
+        return (h(Host, { key: '6ba6c8cb8339bef038e4798e597a7a091d373f60', class: { 'gux-filtered': this.filtered } }, h("div", { key: '052787e5bc75a79d90a9860a953489af04fb9771', class: "gux-option-group" }, h("div", { key: '33b1fb606f881ada521b7c4dbc3f1935ee68c87a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'a63451749a242e58e581e7aa3584a1e97039435c', role: "group" }, h("slot", { key: '8469021a090c59161ca25ff0af601ef70b8fdd4f' })), 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

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '8c4add4d6fa16439db972a504768ab8738c69224', role: "option", class: {
+        return (h(Host, { key: 'ff80a3463cdc32273b65ce4e994fb02e46ab1e1b', 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: '5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9a530744dc7172908a03166f5af3db317ced8fbb', ref: el => (this.truncateElement = el) }, h("slot", { key: '6407fff22315b03eb78de767fdd9f4f68215f945' })), h("slot", { key: '4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'f695337a9c8a53a765f7c1944cf697a852e74ac3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '33a1874e2d3dc7dc25444a2735ce37f3d1fb8e6c', ref: el => (this.truncateElement = el) }, h("slot", { key: '9051543da42fefc1ea57f598c59c8f94a27f59c0' })), h("slot", { key: '630c66ba047018fb58ea4622adf400c7cac2d8a9', 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

@@ -65,14 +65,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
     }
     render() {
-        return (h(Host, { key: '307cbb465ac143c57af4011285f5b87956a63197', role: "option", class: {
+        return (h(Host, { key: '087c2020b6c9c87c87c5613c6f1bb9ff1253fe47', 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: '9167eb409778763f03d174a00ae8ed2746b9ec62', class: "gux-option-wrapper" }, h("gux-truncate", { key: '075b924c37d00e84234fb177d6864a7d23c45c7e', ref: el => (this.truncateElement = el) }, h("slot", { key: '2001e50d8c1efd8588edff586c15d7681bbef071' })), h("slot", { key: '6772193db724a76ff120675c05aa2f3d3ce4c339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'ba5c04a1e609e7b3c155953f6ce2d74c24c79b2e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '63f34402d3f42f1f3cfbf3edbb5204cab292e1a3', ref: el => (this.truncateElement = el) }, h("slot", { key: '77e9c8f302a896de847a0f82191e5eb2c8e859f7' })), h("slot", { key: '4bf9bfd45550129bc685496953d486d5dcfc528f', 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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '2e31a2fc3956cf6ddebff9220130e2069d3605d0', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '73b33619a8cc5295b4d6f2480877bd5f85db18b3', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '25b4bde532b042e7537f03514ffa3ee21257e9f6', class: "gux-option" }, h("gux-icon", { key: '6c36a6348d6b92f7f51d0811cffdbfb5f06ab336', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7809f1bf6ac9b0af511270689a27b963013e373b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'afe42497cca379fb217ee945ff1c1100e40b1d56', class: "gux-option" }, h("gux-icon", { key: '03c01d24caf760f7633edc66baf0a635f5c6d9ce', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'c1b73b235d60cf36937380a0f31f1ce949dc0634', 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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '8cee7569143c309dc362cde7135a71eca7bdd51c', role: "option", class: {
+        return (h(Host, { key: '1d7aa3f1dcc11679352673ffce40ed00e4d8f8fc', 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: 'ec405cda31136ed71ff94d81ad1c426aee8cf3a0', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fbfc158180b34707262c69cb2deefff654f39c8c', ref: el => (this.truncateElement = el) }, h("slot", { key: '764dd3b80592ee6059715c6e5c8b6a96999cfc7f' })), h("slot", { key: 'cc6acc6a3c7fdd8fd9a88b0f798b00046f7c1aa3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '5f02fc2c8c4ea121a627e5d1181d6f8f68cf6d71', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ecb8bf43bb026ea2cc4bf401a556c5723f34047', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c0744710fdbc5aad62307fe003fc8e5922046749' })), h("slot", { key: 'bde8e3cadc2effbb73c7cc2b30540dead354616e', 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: '7930d3e39d9693f70b561d3ae0861ba51ae7bdef', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'fc0ba552ff4c2aea25e90391dd458acb99102f7c', class: "gux-progress" }, h("slot", { key: 'b637e1486f7f5fd0ed21ceddff677a57d471edbe', name: "progress" })), h("div", { key: '78531542b297e26fa6d7f4c02d03052191aabaa5', class: "gux-primary-message" }, h("slot", { key: '4b15ee1e9ba076e75f6732b659a55f94daad0eb8', name: "primary-message" })), h("div", { key: '69b77a648e3f8910499de0252310f5f16043354d', class: "gux-additional-guidance" }, h("slot", { key: '33a049a29db176892aec241a9564580c05d0eb34', name: "additional-guidance" }))));
+        return (h("div", { key: 'e9678b777df86ecdccb5b0d96fcc203a7480e431', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '683733eccadeeeca9be789ec0e253ee0748ff19c', class: "gux-progress" }, h("slot", { key: 'bf47c89a44a56ec2c7f4d9dccf44550ce56902b4', name: "progress" })), h("div", { key: '6d7460224d5ea9cd0631141c0497ba2a34f678a8', class: "gux-primary-message" }, h("slot", { key: 'a8a724eb75fe1b90c08f9d5a5a4c9bd0cdae7f1e', name: "primary-message" })), h("div", { key: 'c738626a68ddef8a099c785ed105a27f05b73dbd', class: "gux-additional-guidance" }, h("slot", { key: '0aee99eb022b2e28bf2c4a7bdc01f60c1de94b82', 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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '6ba2f1504838667768fa45900df5e560e36b74e7', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '95687ef3e0cfd1909a8e779b1a02bd0761bca929', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7e3a4b27d86cecc436373676a666aa6329cf128', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6cc7bd79784dd058d5e91bcc7ede3b841a0f61cb', class: "gux-modal-content" }, h("p", { key: '1744a4e2cb41df7ee40acf12ab12f7be3478338a' }, h("slot", { key: '1a925dad5e34c669aa2d522f9fb1eddc7b7b0a36', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '61479838a3a8997c5d280cf92375722625e885f2', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '19f1dbb97e48f0fec1972b4b4a79ff4c31d12441', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '6b75e6e7eeafcf3661dc5afd22180b85a9852d32', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '5825818b87cd51b33e47c227dc6222dcf0c4bbce', class: "gux-modal-content" }, h("p", { key: 'b7867ed26ecb6a1257549c537ea917359530ed0f' }, h("slot", { key: '0289db16bfc8b7d0b4700b2ff432a2a5041ee3b5', 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

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '882da68c212015e00af497dd89f43f076e5b3426', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '07d87cc87fce507101879e7603c768eef7365eff', 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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'e958f863864c98607597510cf6b4e432a45a31d2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '27bfa108d79a10bb806232a347022fc5b547661c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '99bb42559fb7ab1cd27de2127f98b4974f0deb8c', accent: "ghost", "icon-only": true }, h("button", { key: '4e99f57c620cf5abf5fa7d46cfedda0261c1c945', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bf46b12786f4c455f02c181381f41e43b698539d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4a1f95fb3a269310583e77200f4eb4b32e1ed790', accent: "ghost", "icon-only": true }, h("button", { key: 'b4ac9c982e1393174254126ea24b3a58830b6e8f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '22ae2ba09eadc22bdd9892f7cb9a1e31d40b5db2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae1422a5952ff74b6807521e697ef99d6e943142', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ebac34047c6327240c173da59b46f91855c6e3f', accent: "ghost", "icon-only": true }, h("button", { key: 'f4a8717e80eb554ee19ac2a6909cb379d5547151', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2a3fb9830cd8f69802712406308b91ad19b601e8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1577095c8a2fceeb3ce2261a476f67fb6804717b', accent: "ghost", "icon-only": true }, h("button", { key: '16d87cbe7a43455a4899a70c24003d9e14c452a5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5bb465b65d24bb60318dd5a3cdd68e6472c36b79', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '027881e358a58ea4c1264b7972af5c1a6223938e', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '552ee18fa52cd9997757b75039a1443e3f203b41', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3143b8e60f8dcbac94a237f771f6e54794139aa4', accent: "ghost", "icon-only": true }, h("button", { key: '973dd2dc2702740d3a7450eb6631e1d95d8c7dce', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'fe4925c63146238d5b2c0559d2a8feb87eac7399', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4213d70714388c863b97922ab66e13716da6ca3f', accent: "ghost", "icon-only": true }, h("button", { key: '7c7491aa55b3ee6014553e47fb90f10d7229d72b', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3f268219cbd6c9cf88ae2a317a5952eb84a4fccb', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'cefc1d9eb37c15de59ed1699b90a7c42f8bfa781', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c61cf6229e0e0dff99ee629a54b7a6b0e256956c', accent: "ghost", "icon-only": true }, h("button", { key: '345d941390b3d12ecb23216da6885fe342d0405b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c6878a66fb637d4755e2f6fd59d0f6e69d272b52', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2885faa05cab550857af7e0d7bf837ad2d8ffbec', accent: "ghost", "icon-only": true }, h("button", { key: '19dc8a3aa306eb34b5a1570961589769c4c0e54a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c08ccc987e1994d14e224cff805c6b14aa04b380', 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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '258495300f80e1f80f3e8706e6fc83f315f7d572', 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: '56dcd682abb12400d7fb2306acc2534a1c1d91b8', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'f1e5e9f7d68b791864ef041f5f577ca0a9634465', for: "popover-target" }, h("div", { key: '746905e11b254b8e96468ba65de519b503dc6f52', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '98a2530f626de66abe173c88a1f84a29e7e5b25d', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '720755b6d126370abf68d1d3cdca76be2c638dc0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '598923bb82a35dd5f17511e23fe5d7347e5bede8' }, h("input", { key: '2a03837e242b6524e4c6cb0687c25e321fff0d59', 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: 'd43aa39ae19743596a7d3d7d1f640917b7a8b264', slot: "label" })))
+            h("gux-button", { key: 'fc6560a470683cd51a3eca24e34ae12beaa700a2', 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: 'c376152c2258ea389697f66458a94f254c4cf83c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: 'e021f32b4edcb45e5ac0e6e540ebbef6cf1f7b13', for: "popover-target" }, h("div", { key: 'e65746e94e7673b95d848bb9b874a6ddb7c15d50', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '9ae8632becdcc7cc6e1043fb4397867598896d28', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5eac1849b39dc1320324d09ebfdbd0dc1835cbc0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7c408518f72beea469a160083bc45e1f23ffc60e' }, h("input", { key: '8466052d99dcecf783f7f6d0de7ac220ec0a7635', 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: 'f95127fee988a11e4a0d24bee0510953f8ad5369', 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: '3c8f3194e69eda12fc73beecc31cbf6c42cd1950', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f386c71a2adc3388f0b386c69e1df1e02913fe49', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a8a5a199b4281491abdf02d052725c8870ae67fb', class: "gux-pagination-item-counts-container" }, h("span", { key: '4e2f9b3a500d06e03d2cb0a11e8703af0f1b756c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9367ca1b143ccf3880e18ec23deb33976abe380d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '24fae2bdf5c40fb35d880283711d4bbe48bb38e1', 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: '491addd72506d7e29114939d7793da435371cf02', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bab279a619dc9c2dccc90f75a78bab6408834466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2328aa27aa49839581b99943b42d8a3077e03387', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '1108f8b39706925ec9be07ce81fb896b16439b0a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd00d1d593e84f67362dd1cfcda626aa50511b92f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ad1cae1b03cd5e1f577615f46e40cea1d1074559', 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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '7c5ae79cc39730d42fbaa8b19eeeaf70cd4578e7', class: "gux-pagination-container" }, h("div", { key: '1cfd5b3b683ade18ecef2a9dec77573dd15b50ee', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bb9daa0d0521b3b19155daa3d67264a650d7bfb9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'b58742e8ed402eefbecbcb2d1e2f561ef20b3882', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '78758134142cca16789650536546562c562ce70a', class: "gux-pagination-spacer" }), h("div", { key: '9424a101076f242270ee3905b934232c8442bc6c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'a8e667edafead07814e40699c76fbea1f98f8556', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '91708f0aff287549bff14b1b7b0b96057d81f8fa', class: "gux-pagination-container" }, h("div", { key: 'cc6550efa9e41c9a1640df7e58dbaf9c56e77b1b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'f49ac58f93d07c28a6ad419ead86a01e9da8e5e9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '3f9222e71bc9e47108e53b4e6b4c531f52f3439a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0b831657f7868a929da4b0a2bdeeeadc6726b944', class: "gux-pagination-spacer" }), h("div", { key: '84213d0309f85965ebfb8796821973cd6086a1ff', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b0912d4fdd9a31ae24d8cdbd9cfc229f63c7c7d', 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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'bfe886ea8b2e268bda3131dffaf7fcd140de36e6', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '46a0ac5ffa18c2449aaf20e58e96aaf7da1d0105', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3472fc472cd103985156e66fbe838120efdc2c47', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '536cf9942ac41017a857e5bdc8c221499d97333a', class: "gux-arrow-caret" })), h("div", { key: 'dae815a704470c51f7753e7d71f405ef0b5f6a05', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f9bde5231fe5c82c013f17ea256efe519fa34ae1', name: "title" }), this.renderDismissButton()), h("div", { key: '07731538222b01fa6f4e8970d5aea57e6acdda7e', class: "gux-popover-content" }, h("slot", { key: '3b4c1b2fc454ac3cdca9582783d769d2a54222a1' }))));
+            }, "data-placement": true }, h("div", { key: '9187bab540d53e41cc94983cb26ebc09677d32a1', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '706b8c278e14832113b1a9d0c91b3b05ef999044', class: "gux-arrow-caret" })), h("div", { key: '0e20514a1ba6bc82e3c6615da2695a9ceb4d50c6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'cf331a0058721a77082283f305e166889b0f9d2b', name: "title" }), this.renderDismissButton()), h("div", { key: '955c0a60e36b208bd0b38026ef45ad4c8e14800e', class: "gux-popover-content" }, h("slot", { key: '8925b4db0802f6c916bba4055608d73ab4bdd55c' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '7c14760b77840270bfc43392f8b2849e33b31f18', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '5a85e0e55bafb075e64397041efbf4d92e4b15cd', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f41b82e2e8fcc1087792c2fc3b721a4cde7e2be5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ce6482380b566b7fdf9c39ef8f85ae093fdf0c20', onClick: this.dismiss.bind(this) })), h("div", { key: '500329594e4561e7ed808386bccfd158fd63ab5f', class: "gux-popover-content" }, h("slot", { key: 'aae65d1129b1492de6e5060b9aae3abcd5cad59c' }))));
+            }, "data-placement": true }, h("div", { key: 'f02cac440ab0f16e46f80e7e4eabc79097fbaffa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fd0ddcb404f8ee9bf44c253e0e0d414f4391b21b', onClick: this.dismiss.bind(this) })), h("div", { key: '6907311341d28c60ea7d512cf12282d253bae1d6', class: "gux-popover-content" }, h("slot", { key: 'e346678d0445a1083dbbe13ff8b90884b14754ad' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }