genesys-spark-components 3.31.0 → 3.32.0

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

@@ -0,0 +1,118 @@
+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-5cebbb93.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 './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,
+      [`gux-${position}`]: true,
+      'gux-required': required
+    } }, children));
+};
+
+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}";
+
+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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const GuxFormFieldTimePicker = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.computedLabelPosition = 'above';
+    this.hasError = false;
+  }
+  watchValue(hasError) {
+    const timePickerSlot = this.root.querySelector('gux-time-picker-beta');
+    if (timePickerSlot) {
+      timePickerSlot.hasError = hasError;
+    }
+  }
+  onMutation() {
+    this.hasError = hasErrorSlot(this.root);
+  }
+  async componentWillLoad() {
+    this.getI18nValue = await buildI18nForComponent(this.root, componentResources);
+    this.setInput();
+    this.setLabel();
+    this.hasError = hasErrorSlot(this.root);
+    trackComponent(this.root, { variant: this.variant });
+  }
+  disconnectedCallback() {
+    this.disabledObserver.disconnect();
+    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: {
+        '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" })))));
+  }
+  renderScreenReaderText(text, condition = true) {
+    if (condition) {
+      return (h("gux-screen-reader-beta", null, text));
+    }
+  }
+  get variant() {
+    const labelPositionVariant = this.labelPosition
+      ? this.labelPosition.toLowerCase()
+      : 'none';
+    const type = 'timePicker';
+    return `${type}-${labelPositionVariant}`;
+  }
+  setInput() {
+    this.timePickerElement = this.root.querySelector('gux-time-picker-beta');
+    this.disabled = this.timePickerElement.disabled;
+    this.required = this.timePickerElement.required;
+    this.disabledObserver = onDisabledChange(this.timePickerElement, (disabled) => {
+      this.disabled = disabled;
+    });
+    this.requiredObserver = onRequiredChange(this.timePickerElement, (required) => {
+      this.required = required;
+    });
+    validateFormIds(this.root, this.timePickerElement);
+  }
+  setLabel() {
+    this.label = this.root.querySelector('label[slot="label"]');
+    this.computedLabelPosition = getComputedLabelPosition(this.label, this.labelPosition);
+  }
+  get root() { return getElement(this); }
+  static get watchers() { return {
+    "hasError": ["watchValue"]
+  }; }
+};
+__decorate([
+  OnMutation({ childList: true, subtree: true })
+], GuxFormFieldTimePicker.prototype, "onMutation", null);
+GuxFormFieldTimePicker.style = guxFormFieldTimePickerCss;
+
+export { GuxFormFieldTimePicker as gux_form_field_time_picker };

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

@@ -18,6 +18,10 @@ function clearInput(input) {
 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);
 }
@@ -92,4 +96,4 @@ function hasLabelSlot(root) {
   return Boolean(root.querySelector('label[slot="label"]'));
 }
 
-export { GuxFormFieldError as G, hasContent as a, clearInput as c, getComputedLabelPosition as g, hasErrorSlot as h, setSlotAriaDescribedby as s, validateFormIds as v };
+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 };

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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 import { l as logError } from './log-error-b1a1a086.js';
 
 const iconNameMap = {

package/dist/esm/gux-input-checkbox_7.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';

package/dist/esm/gux-input-search.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-input-text-like.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import './get-closest-element-1597503c.js';

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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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 { b as buildI18nForComponent } from './index-bb5400c7.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 import './get-closest-element-1597503c.js';
 
 const noMatches = "No matches";

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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-calendar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-bb5400c7.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-5b4bc0a0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { g as getYearMonthObject, c as getCurrentISOYearMonth, a as afterRender, b as getISOYearMonth } from './year-month-values-8f78277c.js';
 import './get-closest-element-1597503c.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 import { O as OnClickOutside } from './on-click-outside-b20ff612.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-bb5400c7.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-5b4bc0a0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { a as afterRender, g as getYearMonthObject, b as getISOYearMonth, c as getCurrentISOYearMonth } from './year-month-values-8f78277c.js';
 import './get-closest-element-1597503c.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-buttons-beta_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import './get-closest-element-1597503c.js';
 
 const page = "Page";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import './get-closest-element-1597503c.js';
 
 const page = "Page";

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import './get-closest-element-1597503c.js';
 
 const previous = "Previous";

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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 
 function hasSlot(element, slotName) {
   return Boolean(element.querySelector(`[slot=${slotName}]`));

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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb5400c7.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-row-select.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { t as tableResources } from './en-66f138f8.js';
 import './get-closest-element-1597503c.js';

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

@@ -0,0 +1,20 @@
+import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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}";
+
+const GuxScreenReader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentWillLoad() {
+    trackComponent(this.root);
+  }
+  render() {
+    return (h("span", { class: "gux-sr-only" }, h("slot", null)));
+  }
+  get root() { return getElement(this); }
+};
+GuxScreenReader.style = guxScreenReaderCss;
+
+export { GuxScreenReader as gux_screen_reader_beta };

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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb5400c7.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb5400c7.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
 

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

@@ -1,7 +1,7 @@
 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 { O as OnMutation } from './on-mutation-70eb931c.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
 import { t as tabsResources } from './en-46223eb1.js';
 import './get-closest-element-1597503c.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, w as writeTask, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { t as tabsResources } from './en-46223eb1.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { O as OnMutation } from './on-mutation-70eb931c.js';
 import './get-closest-element-1597503c.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 import { t as tableResources } from './en-66f138f8.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-table-select-menu.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { t as tableResources } from './en-66f138f8.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

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

@@ -1,7 +1,7 @@
 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-bb3c3fa5.js';
-import { b as buildI18nForComponent } from './index-bb5400c7.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.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';
 

package/dist/esm/gux-tabs.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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";
 

package/dist/esm/gux-tag-beta.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-bb5400c7.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
+import { b as buildI18nForComponent } from './index-5b4bc0a0.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 import './get-closest-element-1597503c.js';
 
 const tag = "tag with label: {label}";

package/dist/esm/gux-text-highlight.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
 import { m as matchesFuzzy, g as getFuzzyReplacements } from './search-2ca67cb1.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 
 const GuxTextHighlight = class {
   constructor(hostRef) {

package/dist/esm/gux-text-label-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-bb3c3fa5.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
 
 const guxTextLabelCss = "gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-bb3c3fa5.js';
-import { D as DateTimeFormatter } from './DateTimeFormatter-eea8583f.js';
-import { g as getDesiredLocale } from './index-bb5400c7.js';
+import { t as trackComponent } from './usage-tracking-5cebbb93.js';
+import { D as DateTimeFormatter } from './DateTimeFormatter-0b1795c4.js';
+import { g as getDesiredLocale } from './index-5b4bc0a0.js';
 import './get-closest-element-1597503c.js';
 
 const GuxTime = class {