genesys-spark-components 3.32.2 → 3.33.0

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

@@ -3,15 +3,16 @@ import { c as calculateInputDisabledState, o as onInputDisabledStateChange } fro
 import { O as OnMutation } from './on-mutation-70eb931c.js';
 import { a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-9c6f4df6.js';
-import { h as hasErrorSlot, a as hasContent, s as setSlotAriaDescribedby, c as clearInput, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-25a9237e.js';
+import { h as hasSlot } from './has-slot-062ae63a.js';
+import { h as hasContent, s as setSlotAriaDescribedby, c as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-e046de13.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-2d8e8d4e.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';
 import './set-input-value-5adeaccc.js';
 import './simulate-native-event-ac69961f.js';
 
-const guxFormFieldTextLikeCss = ".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}::slotted(span){color:#2e394c;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";
+const guxFormFieldTextLikeCss = ".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}slot[name='prefix'],slot[name='suffix']{color:#2e394c;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -29,20 +30,24 @@ const GuxFormFieldTextLike = class {
     this.computedLabelPosition = 'above';
     this.hasContent = false;
     this.hasError = false;
+    this.hasHelp = false;
   }
   onMutation() {
-    this.hasError = hasErrorSlot(this.root);
+    this.hasError = hasSlot(this.root, 'error');
+    this.hasHelp = hasSlot(this.root, 'help');
   }
   // eslint-disable-next-line @typescript-eslint/require-await
   async guxForceUpdate() {
     this.hasContent = hasContent(this.input);
-    this.hasError = hasErrorSlot(this.root);
+    this.hasError = hasSlot(this.root, 'error');
+    this.hasHelp = hasSlot(this.root, 'help');
     forceUpdate(this.root);
   }
   componentWillLoad() {
     this.setInput();
     this.setLabel();
-    this.hasError = hasErrorSlot(this.root);
+    this.hasError = hasSlot(this.root, 'error');
+    this.hasHelp = hasSlot(this.root, 'help');
     this.hasPrefix = Boolean(this.root.querySelector('[slot="prefix"]'));
     this.hasSuffix = Boolean(this.root.querySelector('[slot="suffix"]'));
     if (this.hasPrefix) {
@@ -66,7 +71,7 @@ const GuxFormFieldTextLike = class {
         'gux-disabled': this.disabled,
         'gux-has-prefix': this.hasPrefix,
         'gux-has-suffix': this.hasSuffix
-      } }, h("slot", { name: "prefix" }), h("slot", { name: "input" }), h("slot", { name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { hasError: this.hasError }, h("slot", { name: "error" })))));
+      } }, h("slot", { name: "prefix" }), h("slot", { name: "input" }), h("slot", { name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { show: this.hasError }, h("slot", { name: "error" })), h(GuxFormFieldHelp, { show: !this.hasError && this.hasHelp }, h("slot", { name: "help" })))));
   }
   get variant() {
     const labelPositionVariant = this.labelPosition

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

@@ -3,15 +3,16 @@ import { c as calculateInputDisabledState, o as onInputDisabledStateChange } fro
 import { O as OnMutation } from './on-mutation-70eb931c.js';
 import { a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-9c6f4df6.js';
-import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-25a9237e.js';
+import { h as hasSlot } from './has-slot-062ae63a.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-e046de13.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-2d8e8d4e.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';
 import './set-input-value-5adeaccc.js';
 import './simulate-native-event-ac69961f.js';
 
-const guxFormFieldTextareaCss = ".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";
+const guxFormFieldTextareaCss = ".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -29,14 +30,17 @@ const GuxFormFieldTextarea = class {
     this.computedLabelPosition = 'above';
     this.required = true;
     this.hasError = false;
+    this.hasHelp = false;
   }
   onMutation() {
-    this.hasError = hasErrorSlot(this.root);
+    this.hasError = hasSlot(this.root, 'error');
+    this.hasHelp = hasSlot(this.root, 'help');
   }
   componentWillLoad() {
     this.setInput();
     this.setLabel();
-    this.hasError = hasErrorSlot(this.root);
+    this.hasError = hasSlot(this.root, 'error');
+    this.hasHelp = hasSlot(this.root, 'help');
     trackComponent(this.root, { variant: this.variant });
   }
   componentDidLoad() {
@@ -52,7 +56,7 @@ const GuxFormFieldTextarea = class {
         [`gux-resize-${this.resize}`]: true,
         'gux-disabled': this.disabled,
         'gux-input-error': this.hasError
-      } }, h("slot", { name: "input" })), h(GuxFormFieldError, { hasError: this.hasError }, h("slot", { name: "error" })))));
+      } }, h("slot", { name: "input" })), h(GuxFormFieldError, { show: this.hasError }, h("slot", { name: "error" })), h(GuxFormFieldHelp, { show: !this.hasError && this.hasHelp }, h("slot", { name: "help" })))));
   }
   get variant() {
     const labelPositionVariant = this.labelPosition

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

@@ -2,21 +2,15 @@ import { h, r as registerInstance, g as getElement } from './index-738480cf.js';
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { O as OnMutation } from './on-mutation-70eb931c.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
-import { h as hasErrorSlot, G as GuxFormFieldError, b as getErrorSlotTextContent, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-25a9237e.js';
+import { h as hasSlot } from './has-slot-062ae63a.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-e046de13.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import './get-closest-element-1597503c.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';
 import './set-input-value-5adeaccc.js';
 import './simulate-native-event-ac69961f.js';
 
-const GuxFormFieldFieldsetContainer = ({ labelPosition }, children) => {
-  return (h("fieldset", { class: {
-      'gux-form-field-fieldset-container': true,
-      [`gux-${labelPosition}`]: true
-    } }, children));
-};
-
 const GuxFormFieldLegendLabel = ({ position, required }, children) => {
   return (h("legend", { class: {
       'gux-form-field-legend-label': true,
@@ -25,12 +19,24 @@ const GuxFormFieldLegendLabel = ({ position, required }, children) => {
     } }, children));
 };
 
+const GuxFormFieldFieldsetContainer = ({ labelPosition }, children) => {
+  return (h("fieldset", { class: {
+      'gux-form-field-fieldset-container': true,
+      [`gux-${labelPosition}`]: true
+    } }, children));
+};
+
+function getSlotTextContent(root, slotName) {
+  var _a;
+  return (_a = root.querySelector(`[slot=${slotName}]`)) === null || _a === void 0 ? void 0 : _a.textContent;
+}
+
 const required = "Required";
 const componentResources = {
 	required: required
 };
 
-const guxFormFieldTimePickerCss = ".gux-form-field-fieldset-container{min-width:0;padding:0;margin:16px 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";
+const guxFormFieldTimePickerCss = ".gux-form-field-fieldset-container{min-width:0;padding:0;margin:16px 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -47,6 +53,7 @@ const GuxFormFieldTimePicker = class {
     registerInstance(this, hostRef);
     this.computedLabelPosition = 'above';
     this.hasError = false;
+    this.hasHelp = false;
   }
   watchValue(hasError) {
     const timePickerSlot = this.root.querySelector('gux-time-picker-beta');
@@ -55,13 +62,15 @@ const GuxFormFieldTimePicker = class {
     }
   }
   onMutation() {
-    this.hasError = hasErrorSlot(this.root);
+    this.hasError = hasSlot(this.root, 'error');
+    this.hasHelp = hasSlot(this.root, 'help');
   }
   async componentWillLoad() {
     this.getI18nValue = await buildI18nForComponent(this.root, componentResources);
     this.setInput();
     this.setLabel();
-    this.hasError = hasErrorSlot(this.root);
+    this.hasError = hasSlot(this.root, 'error');
+    this.hasHelp = hasSlot(this.root, 'help');
     trackComponent(this.root, { variant: this.variant });
   }
   disconnectedCallback() {
@@ -69,13 +78,13 @@ const GuxFormFieldTimePicker = class {
     this.requiredObserver.disconnect();
   }
   render() {
-    return (h(GuxFormFieldFieldsetContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getErrorSlotTextContent(this.root), this.hasError)), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {
+    return (h(GuxFormFieldFieldsetContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {
         'gux-input': true,
         'gux-input-error': this.hasError
       } }, h("div", { class: {
         'gux-time-picker-container': true,
         'gux-disabled': this.disabled
-      } }, h("slot", null))), h(GuxFormFieldError, { hasError: this.hasError }, h("slot", { name: "error" })))));
+      } }, h("slot", null))), h(GuxFormFieldError, { show: this.hasError }, h("slot", { name: "error" })), h(GuxFormFieldHelp, { show: !this.hasError && this.hasHelp }, h("slot", { name: "help" })))));
   }
   renderScreenReaderText(text, condition = true) {
     if (condition) {

package/dist/esm/{gux-form-field.service-25a9237e.js → gux-form-field.service-e046de13.js}

@@ -2,11 +2,20 @@ import { h } from './index-738480cf.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { l as logError } from './log-error-b1a1a086.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
+import { h as hasSlot } from './has-slot-062ae63a.js';
 
-const GuxFormFieldError = ({ hasError }, children) => {
+const GuxFormFieldHelp = ({ show }, children) => {
+  return (h("div", { class: {
+      'gux-form-field-help': true,
+      'gux-show': show
+    } },
+    h("div", { class: "gux-message" }, children)));
+};
+
+const GuxFormFieldError = ({ show }, children) => {
   return (h("div", { class: {
       'gux-form-field-error': true,
-      'gux-show': hasError
+      'gux-show': show
     } },
     h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }),
     h("div", { class: "gux-message" }, children)));
@@ -15,13 +24,6 @@ const GuxFormFieldError = ({ hasError }, children) => {
 function clearInput(input) {
   setInputValue(input, '', true);
 }
-function hasErrorSlot(root) {
-  return Boolean(root.querySelector('[slot="error"]'));
-}
-function getErrorSlotTextContent(root) {
-  var _a;
-  return (_a = root.querySelector('[slot="error"]')) === null || _a === void 0 ? void 0 : _a.textContent;
-}
 function hasContent(input) {
   return Boolean(input.value);
 }
@@ -39,7 +41,7 @@ function getComputedLabelPosition(label, labelPosition) {
   }
 }
 function validateFormIds(root, input) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   if (hasLabelSlot(root)) {
     const label = root.querySelector('label[slot="label"]');
     const inputHasId = Boolean(input.hasAttribute('id'));
@@ -65,7 +67,7 @@ function validateFormIds(root, input) {
   else {
     logError(root.tagName.toLowerCase(), 'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');
   }
-  if (hasErrorSlot(root)) {
+  if (hasSlot(root, 'error')) {
     const error = root.querySelector('[slot="error"]');
     const errorId = randomHTMLId('gux-form-field-error');
     const describedByIds = ((_a = input
@@ -80,6 +82,21 @@ function validateFormIds(root, input) {
       .getAttribute('aria-describedby')) === null || _b === void 0 ? void 0 : _b.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
     input.setAttribute('aria-describedby', describedByIds.join(' '));
   }
+  if (hasSlot(root, 'help')) {
+    const help = root.querySelector('[slot="help"]');
+    const helpId = randomHTMLId('gux-form-field-help');
+    const describedByIds = ((_c = input
+      .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
+    help.setAttribute('id', helpId);
+    describedByIds.push(helpId);
+    describedByIds &&
+      input.setAttribute('aria-describedby', describedByIds.join(' '));
+  }
+  else if (input.getAttribute('aria-describedby')) {
+    const describedByIds = ((_d = input
+      .getAttribute('aria-describedby')) === null || _d === void 0 ? void 0 : _d.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
+    input.setAttribute('aria-describedby', describedByIds.join(' '));
+  }
 }
 function setSlotAriaDescribedby(root, input, slotName) {
   var _a;
@@ -96,4 +113,4 @@ function hasLabelSlot(root) {
   return Boolean(root.querySelector('label[slot="label"]'));
 }
 
-export { GuxFormFieldError as G, hasContent as a, getErrorSlotTextContent as b, clearInput as c, getComputedLabelPosition as g, hasErrorSlot as h, setSlotAriaDescribedby as s, validateFormIds as v };
+export { GuxFormFieldError as G, GuxFormFieldHelp as a, clearInput as c, getComputedLabelPosition as g, hasContent as h, setSlotAriaDescribedby as s, validateFormIds as v };

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { l as logError } from './log-error-b1a1a086.js';
 
 const iconNameMap = {

package/dist/esm/gux-list-item-legacy_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxListItemCss = ":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
 import { l as last, n as next, f as first, p as previous } from './gux-list.service-66b8540f.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";
 

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { s as setInitialActiveOption, c as clearActiveOptions, a as setLastOptionActive, b as setFirstOptionActive, h as hasPreviousOption, d as setPreviousOptionActive, e as hasNextOption, f as setNextOptionActive, i as actOnActiveOption, j as goToOption, o as onClickedOption } from './gux-listbox.service-3541a2f7.js';
+import { s as setInitialActiveOption, c as clearActiveOptions, a as setLastOptionActive, b as setFirstOptionActive, h as hasPreviousOption, d as setPreviousOptionActive, e as hasNextOption, f as setNextOptionActive, i as actOnActiveOption, j as goToOption, o as onClickedOption } from './gux-listbox.service-f50c7710.js';
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import './get-closest-element-1597503c.js';
 
 const noMatches = "No matches";

package/dist/esm/{gux-listbox.service-3541a2f7.js → gux-listbox.service-f50c7710.js}

@@ -67,7 +67,7 @@ function hasActiveOption(list) {
 function getSearchOption(list, searchString) {
   return getListOptions(list).find(option => {
     return ((!option.disabled || !option.filtered) &&
-      option.textContent.toLowerCase().startsWith(searchString.toLowerCase()));
+      matchOption(option, searchString));
   });
 }
 function setSearchOptionActive(list, searchString) {
@@ -144,5 +144,12 @@ function goToOption(list, letter) {
     searchStringState = '';
   }, searchDebounceInterval);
 }
+function matchOption(option, matchString) {
+  //The text content needs to be trimmed as white space can occur around the textContent if options are populated asynchronously.
+  return option.textContent
+    .trim()
+    .toLowerCase()
+    .startsWith(matchString.toLowerCase());
+}
 
-export { setLastOptionActive as a, setFirstOptionActive as b, clearActiveOptions as c, setPreviousOptionActive as d, hasNextOption as e, setNextOptionActive as f, getSearchOption as g, hasPreviousOption as h, actOnActiveOption as i, goToOption as j, onClickedOption as o, setInitialActiveOption as s };
+export { setLastOptionActive as a, setFirstOptionActive as b, clearActiveOptions as c, setPreviousOptionActive as d, hasNextOption as e, setNextOptionActive as f, getSearchOption as g, hasPreviousOption as h, actOnActiveOption as i, goToOption as j, matchOption as m, onClickedOption as o, setInitialActiveOption as s };

package/dist/esm/gux-loading-message-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, d as readTask, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 /**
  * Below are the max-widths for the loading component.

package/dist/esm/gux-modal.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxModalCss = ":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { O as OnClickOutside } from './on-click-outside-b20ff612.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-5b4bc0a0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';

package/dist/esm/gux-notification-toast.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-content .gux-title{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;font-size:14px;line-height:20px;color:#2e394c;text-overflow:ellipsis}.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:24px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

package/dist/esm/gux-pagination-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxPaginationBetaCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:24px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-pagination.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxPaginationCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

package/dist/esm/gux-panel-frame-legacy.entry.js

@@ -1,9 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
-
-function hasSlot(element, slotName) {
-  return Boolean(element.querySelector(`[slot=${slotName}]`));
-}
+import { h as hasSlot } from './has-slot-062ae63a.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxPanelFrameCss = ".gux-panel-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:8px 15px;color:#2e394c;background-color:#fdfdfd;border:1px solid #e2e6ee}.gux-panel-container .gux-panel-header,.gux-panel-container .gux-panel-body,.gux-panel-container .gux-panel-footer{box-sizing:border-box;width:100%}.gux-panel-container .gux-panel-header{flex-shrink:0;padding:0 8px;border-bottom:1px solid #e2e6ee}.gux-panel-container .gux-panel-body{flex-grow:1;padding:8px;overflow-y:auto}.gux-panel-container .gux-panel-footer{flex-shrink:0;padding:12px 8px;border-top:1px solid #e2e6ee}";
 

package/dist/esm/gux-popover-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
 import { O as OnClickOutside } from './on-click-outside-b20ff612.js';
 import { b as onHiddenChange } from './on-attribute-change-2b01c315.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { c as createPopper } from './popper-f860750c.js';
 
 const guxPopoverListCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

package/dist/esm/gux-popover.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
 import { O as OnClickOutside } from './on-click-outside-b20ff612.js';
 import { b as onHiddenChange } from './on-attribute-change-2b01c315.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { c as createPopper } from './popper-f860750c.js';
 
 const guxPopoverCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

package/dist/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import './get-closest-element-1597503c.js';
 
 const loading = "Loading";

package/dist/esm/gux-radial-progress.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { l as logError } from './log-error-b1a1a086.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { c as clamp } from './clamp-6bdb0367.js';

package/dist/esm/gux-rating.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { c as clamp } from './clamp-6bdb0367.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { l as logError } from './log-error-b1a1a086.js';
 
 const guxRatingCss = ":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";

package/dist/esm/gux-screen-reader-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 

package/dist/esm/gux-side-panel-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxSidePanelCss = "gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";
 

package/dist/esm/gux-simple-toast.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";
 

package/dist/esm/gux-skip-navigation-list-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import './get-closest-element-1597503c.js';
 
 const navigationName = "Skip links navigation";

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { g as getClosestElement } from './get-closest-element-1597503c.js';
 import { o as onMutation } from './on-mutation-d500715c.js';
 import { t as tableResources } from './en-66f138f8.js';

package/dist/esm/gux-switch.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
 

package/dist/esm/gux-table-beta.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { t as tableResources } from './en-66f138f8.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

package/dist/esm/gux-tabs-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-738480cf.js';
 import { S as Sortable } from './sortable.esm-c4e0b0d3.js';
-import { t as trackComponent } from './usage-tracking-a62c779c.js';
+import { t as trackComponent } from './usage-tracking-2c66c99e.js';
 import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import './get-closest-element-1597503c.js';