genesys-spark-components 3.4.3 → 3.7.0

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

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-525cfec0.js');
+const guxListbox_service = require('./gux-listbox.service-d394da79.js');
+const index$1 = require('./index-57ec1998.js');
+const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
+const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
+require('./get-closest-element-ab4b2eee.js');
+
+const noMatches = "No matches";
+const translationResources = {
+	noMatches: noMatches
+};
+
+const guxListboxMultiCss = ":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";
+
+const GuxListboxMulti = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.internallistboxoptionsupdated = index.createEvent(this, "internallistboxoptionsupdated", 7);
+    this.filter = '';
+    this.selectedValues = [];
+    this.listboxOptions = [];
+  }
+  onFocus() {
+    guxListbox_service.setInitialActiveOption(this.root);
+  }
+  onBlur() {
+    guxListbox_service.clearActiveOptions(this.root);
+  }
+  onKeydown(event) {
+    switch (event.key) {
+      case 'Enter':
+        event.preventDefault();
+        guxListbox_service.actOnActiveOption(this.root, value => this.updateValue(value));
+        return;
+      case 'ArrowDown':
+        event.preventDefault();
+        if (guxListbox_service.hasNextOption(this.root)) {
+          event.stopPropagation();
+          guxListbox_service.setNextOptionActive(this.root);
+        }
+        else {
+          guxListbox_service.setFirstOptionActive(this.root);
+        }
+        return;
+      case 'ArrowUp': {
+        event.preventDefault();
+        if (guxListbox_service.hasPreviousOption(this.root)) {
+          event.stopPropagation();
+          guxListbox_service.setPreviousOptionActive(this.root);
+        }
+        else {
+          guxListbox_service.setLastOptionActive(this.root);
+        }
+        return;
+      }
+      case 'Home': {
+        event.preventDefault();
+        guxListbox_service.setFirstOptionActive(this.root);
+        return;
+      }
+      case 'End': {
+        event.preventDefault();
+        guxListbox_service.setLastOptionActive(this.root);
+        return;
+      }
+      case ' ': {
+        event.preventDefault();
+        return;
+      }
+    }
+    if (event.key.length === 1) {
+      guxListbox_service.goToOption(this.root, event.key);
+      return;
+    }
+  }
+  onKeyup(event) {
+    switch (event.key) {
+      case ' ':
+        guxListbox_service.actOnActiveOption(this.root, value => this.updateValue(value));
+        return;
+    }
+  }
+  onMousemove() {
+    guxListbox_service.clearActiveOptions(this.root);
+  }
+  onClick(event) {
+    whenEventIsFrom.whenEventIsFrom('gux-option-multi', event, (option) => {
+      guxListbox_service.onClickedOption(option, value => this.updateValue(value));
+    });
+  }
+  validateValue() {
+    if (this.value) {
+      this.selectedValues = this.value.split(',');
+    }
+    else {
+      this.selectedValues = [];
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/require-await
+  async guxSelectActive() {
+    guxListbox_service.actOnActiveOption(this.root, value => this.updateValue(value));
+  }
+  setListboxOptions() {
+    if (this.value) {
+      this.selectedValues = this.value.split(',');
+    }
+    this.listboxOptions = Array.from(this.root.children);
+    this.internallistboxoptionsupdated.emit();
+  }
+  updateValue(newValue) {
+    if (!this.selectedValues.includes(newValue)) {
+      const newArray = [...this.selectedValues, newValue];
+      this.selectedValues = newArray;
+      this.value = this.selectedValues.join(',');
+    }
+    else {
+      this.selectedValues = this.selectedValues.filter(e => e !== newValue);
+      this.value = this.selectedValues.join(',');
+    }
+    simulateNativeEvent.simulateNativeEvent(this.root, 'input');
+    simulateNativeEvent.simulateNativeEvent(this.root, 'change');
+  }
+  async componentWillLoad() {
+    usageTracking.trackComponent(this.root);
+    this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
+    this.setListboxOptions();
+  }
+  componentWillRender() {
+    this.listboxOptions.forEach(listboxOption => {
+      listboxOption.selected = this.selectedValues.includes(listboxOption.value);
+      listboxOption.filtered = !listboxOption.textContent
+        .toLowerCase()
+        .startsWith(this.filter.toLowerCase());
+    });
+    this.allListboxOptionsFiltered =
+      this.listboxOptions.filter(listboxOption => !listboxOption.filtered)
+        .length === 0;
+  }
+  renderAllListboxOptionsFiltered() {
+    if (this.allListboxOptionsFiltered) {
+      return (index.h("div", { class: "gux-no-matches" }, this.i18n('noMatches')));
+    }
+  }
+  render() {
+    return (index.h(index.Host, { role: "listbox", "aria-multiselectable": "true", tabindex: 0 }, index.h("slot", { onSlotchange: () => this.setListboxOptions() }), this.renderAllListboxOptionsFiltered()));
+  }
+  get root() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["validateValue"]
+  }; }
+};
+GuxListboxMulti.style = guxListboxMultiCss;
+
+exports.gux_listbox_multi = GuxListboxMulti;

package/dist/cjs/gux-listbox.service-d394da79.js

@@ -0,0 +1,161 @@
+'use strict';
+
+function getListOptions(list) {
+  return Array.from(list.children);
+}
+function getHoveredOption(list) {
+  return getListOptions(list).find(option => option.hovered && !option.disabled && !option.filtered);
+}
+function getFirstSelectedOption(list) {
+  return getListOptions(list).find(option => option.selected && !option.disabled && !option.filtered);
+}
+function getActiveOption(list) {
+  return getListOptions(list).find(option => option.active);
+}
+function setActiveOption(list, element) {
+  if (element) {
+    getListOptions(list).forEach(option => {
+      const active = (!option.disabled || !option.filtered) && option === element;
+      option.active = active;
+      if (active) {
+        list.setAttribute('aria-activedescendant', option.id);
+      }
+    });
+    element.scrollIntoView({ block: 'nearest' });
+  }
+}
+function getFirstOption(list) {
+  let firstOption = getListOptions(list)[0];
+  while (firstOption && (firstOption.disabled || firstOption.filtered)) {
+    firstOption = firstOption.nextElementSibling;
+  }
+  return firstOption;
+}
+function getNextOption(list) {
+  if (hasActiveOption(list)) {
+    let nextOption = getActiveOption(list)
+      .nextElementSibling;
+    while (nextOption && (nextOption.disabled || nextOption.filtered)) {
+      nextOption = nextOption.nextElementSibling;
+    }
+    return nextOption;
+  }
+  return getFirstOption(list);
+}
+function getPreviousOption(list) {
+  if (hasActiveOption(list)) {
+    let previousOption = getActiveOption(list)
+      .previousElementSibling;
+    while (previousOption &&
+      (previousOption.disabled || previousOption.filtered)) {
+      previousOption =
+        previousOption.previousElementSibling;
+    }
+    return previousOption;
+  }
+  return getFirstOption(list);
+}
+function getLastOption(list) {
+  const options = getListOptions(list);
+  let lastOption = options[options.length - 1];
+  while (lastOption && (lastOption.disabled || lastOption.filtered)) {
+    lastOption = lastOption.previousElementSibling;
+  }
+  return lastOption;
+}
+function hasActiveOption(list) {
+  return Boolean(getActiveOption(list));
+}
+function getSearchOption(list, searchString) {
+  return getListOptions(list).find(option => {
+    return ((!option.disabled || !option.filtered) &&
+      option.textContent.toLowerCase().startsWith(searchString.toLowerCase()));
+  });
+}
+function setSearchOptionActive(list, searchString) {
+  const option = getSearchOption(list, searchString);
+  if (option) {
+    setActiveOption(list, option);
+  }
+  else {
+    clearActiveOptions(list);
+  }
+}
+function clearActiveOptions(list) {
+  getListOptions(list).forEach(option => {
+    option.active = false;
+  });
+}
+function setInitialActiveOption(list) {
+  setActiveOption(list, getHoveredOption(list) ||
+    getFirstSelectedOption(list) ||
+    getFirstOption(list));
+}
+function hasPreviousOption(list) {
+  if (hasActiveOption(list)) {
+    let previousOption = getActiveOption(list)
+      .previousElementSibling;
+    while (previousOption &&
+      (previousOption.disabled || previousOption.filtered)) {
+      previousOption =
+        previousOption.previousElementSibling;
+    }
+    return Boolean(previousOption);
+  }
+  return false;
+}
+function hasNextOption(list) {
+  if (hasActiveOption(list)) {
+    let nextOption = getActiveOption(list)
+      .nextElementSibling;
+    while (nextOption && (nextOption.disabled || nextOption.filtered)) {
+      nextOption = nextOption.nextElementSibling;
+    }
+    return Boolean(nextOption);
+  }
+  return false;
+}
+function setFirstOptionActive(list) {
+  setActiveOption(list, getFirstOption(list));
+}
+function setNextOptionActive(list) {
+  setActiveOption(list, getNextOption(list));
+}
+function setPreviousOptionActive(list) {
+  setActiveOption(list, getPreviousOption(list));
+}
+function setLastOptionActive(list) {
+  setActiveOption(list, getLastOption(list));
+}
+function actOnActiveOption(list, handler) {
+  if (hasActiveOption(list)) {
+    handler(getActiveOption(list).value);
+  }
+}
+function onClickedOption(option, handler) {
+  handler(option.value);
+}
+let timer;
+let searchStringState = '';
+const searchDebounceInterval = 250;
+function goToOption(list, letter) {
+  clearTimeout(timer);
+  searchStringState += letter;
+  timer = setTimeout(() => {
+    setSearchOptionActive(list, searchStringState);
+    searchStringState = '';
+  }, searchDebounceInterval);
+}
+
+exports.actOnActiveOption = actOnActiveOption;
+exports.clearActiveOptions = clearActiveOptions;
+exports.getSearchOption = getSearchOption;
+exports.goToOption = goToOption;
+exports.hasNextOption = hasNextOption;
+exports.hasPreviousOption = hasPreviousOption;
+exports.onClickedOption = onClickedOption;
+exports.setFirstOptionActive = setFirstOptionActive;
+exports.setInitialActiveOption = setInitialActiveOption;
+exports.setLastOptionActive = setLastOptionActive;
+exports.setNextOptionActive = setNextOptionActive;
+exports.setPreviousOptionActive = setPreviousOptionActive;

package/dist/cjs/gux-menu-option.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
+const index = require('./index-525cfec0.js');
 const guxMenu_common = require('./gux-menu.common-6a6c2b85.js');
 
 const guxMenuOptionCss = "gux-menu-option{display:block;flex:1 1 auto;align-self:auto}gux-menu-option .gux-menu-option-button{all:unset;width:100%;width:125px;height:32px;padding:0 16px;line-height:32px;color:#2e394c;background-color:#fdfdfd}gux-menu-option .gux-menu-option-button:focus-within,gux-menu-option .gux-menu-option-button:hover{color:#fdfdfd;background-color:#2a60c8}gux-menu-option .gux-menu-option-button:enabled{cursor:pointer}gux-menu-option .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";

package/dist/cjs/gux-menu.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
+const index = require('./index-525cfec0.js');
 
 const guxMenuCss = "gux-menu{flex-direction:column;width:fit-content;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-menu .gux-arrow,gux-menu .gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}gux-menu .gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 
 const guxModalCss = ":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index: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/cjs/gux-notification-toast.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.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/cjs/gux-option-legacy.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
+const index = require('./index-525cfec0.js');
 
 const guxOptionCss = "gux-option-legacy gux-text-highlight mark{font-weight:700;color:inherit;background-color:inherit}";
 

package/dist/cjs/gux-option-multi.cjs.entry.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-525cfec0.js');
+const randomHtmlId = require('./random-html-id-b86b61c0.js');
+
+const guxOptionMultiCss = "gux-option-multi{box-sizing:border-box;display:flex;min-height:32px;padding:6px 12px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option-multi .gux-option::before{position:relative;top:2px;display:inline-block;width:13px;height:13px;margin-right:7px;content:'';background-color:white;background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M11 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V11C2.5 11.8284 3.17157 12.5 4 12.5H11C11.8284 12.5 12.5 11.8284 12.5 11V4C12.5 3.17157 11.8284 2.5 11 2.5ZM4 1C2.34315 1 1 2.34315 1 4V11C1 12.6569 2.34315 14 4 14H11C12.6569 14 14 12.6569 14 11V4C14 2.34315 12.6569 1 11 1H4Z' fill='%23596373' /%3E%3C/svg%3E\");border-radius:30%}gux-option-multi.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option-multi.gux-selected .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M4 1H11C11.7956 1 12.5587 1.31607 13.1213 1.87868C13.6839 2.44129 14 3.20435 14 4V11C14 11.7956 13.6839 12.5587 13.1213 13.1213C12.5587 13.6839 11.7956 14 11 14H4C3.20435 14 2.44129 13.6839 1.87868 13.1213C1.31607 12.5587 1 11.7956 1 11V4C1 3.20435 1.31607 2.44129 1.87868 1.87868C2.44129 1.31607 3.20435 1 4 1ZM5.57018 10.4198C5.7051 10.5547 5.87599 10.6177 6.04689 10.6177C6.22678 10.6177 6.39767 10.5457 6.52359 10.4198L11.7944 5.14905C12.0552 4.88821 12.0552 4.45647 11.7944 4.19563C11.5335 3.93479 11.1018 3.93479 10.841 4.19563L6.04689 8.9897L4.14905 7.08286C3.88821 6.82202 3.45647 6.82202 3.19563 7.08286C2.93479 7.3437 2.93479 7.77544 3.19563 8.03628L5.57018 10.4198Z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-option-multi.gux-active,gux-option-multi.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option-multi.gux-active.gux-selected .gux-option::before,gux-option-multi.gux-hovered:not([disabled]).gux-selected .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M5.57018 10.4198C5.7051 10.5547 5.87599 10.6177 6.04689 10.6177C6.22678 10.6177 6.39767 10.5457 6.52359 10.4198L11.7944 5.14905C12.0552 4.88821 12.0552 4.45647 11.7944 4.19563C11.5335 3.93479 11.1018 3.93479 10.841 4.19563L6.04689 8.9897L4.14905 7.08286C3.88821 6.82202 3.45647 6.82202 3.19563 7.08286C2.93479 7.3437 2.93479 7.77544 3.19563 8.03628L5.57018 10.4198Z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-option-multi.gux-active:not(.gux-selected) .gux-option::before,gux-option-multi.gux-hovered:not([disabled]):not(.gux-selected) .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M11 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V11C2.5 11.8284 3.17157 12.5 4 12.5H11C11.8284 12.5 12.5 11.8284 12.5 11V4C12.5 3.17157 11.8284 2.5 11 2.5ZM4 1C2.34315 1 1 2.34315 1 4V11C1 12.6569 2.34315 14 4 14H11C12.6569 14 14 12.6569 14 11V4C14 2.34315 12.6569 1 11 1H4Z' fill='none' /%3E%3C/svg%3E\")}gux-option-multi.gux-filtered{display:none}";
+
+const GuxOptionMulti = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.active = false;
+    this.selected = false;
+    this.disabled = false;
+    this.filtered = false;
+    this.hovered = false;
+  }
+  onmouseenter() {
+    this.hovered = true;
+  }
+  onMouseleave() {
+    this.hovered = false;
+  }
+  componentWillLoad() {
+    this.root.id = this.root.id || randomHtmlId.randomHTMLId('gux-option-multi');
+  }
+  getAriaSelected() {
+    if (this.disabled) {
+      return false;
+    }
+    return this.selected ? 'true' : 'false';
+  }
+  render() {
+    return (index.h(index.Host, { role: "option", class: {
+        'gux-active': this.active,
+        'gux-disabled': this.disabled,
+        'gux-filtered': this.filtered,
+        'gux-hovered': this.hovered,
+        'gux-selected': this.selected
+      }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { class: "gux-option" }, index.h("slot", null))));
+  }
+  get root() { return index.getElement(this); }
+};
+GuxOptionMulti.style = guxOptionMultiCss;
+
+exports.gux_option_multi = GuxOptionMulti;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.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/cjs/gux-pagination-buttons-beta_3.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-2202ad01.js');
+const index = require('./index-525cfec0.js');
+const index$1 = require('./index-57ec1998.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const page = "Page";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-2202ad01.js');
+const index = require('./index-525cfec0.js');
+const index$1 = require('./index-57ec1998.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const page = "Page";

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
-const index$1 = require('./index-2202ad01.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
+const index$1 = require('./index-57ec1998.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const previous = "Previous";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.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/cjs/gux-panel-frame-legacy.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 
 function hasSlot(element, slotName) {
   return Boolean(element.querySelector(`[slot=${slotName}]`));

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const onClickOutside = require('./on-click-outside-246a1eb3.js');
+const index = require('./index-525cfec0.js');
+const onClickOutside = require('./on-click-outside-e0d28eff.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 const popper = require('./popper-71bf3058.js');
 
 const guxPopoverListCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index: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/cjs/gux-popover.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const onClickOutside = require('./on-click-outside-246a1eb3.js');
+const index = require('./index-525cfec0.js');
+const onClickOutside = require('./on-click-outside-e0d28eff.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 const popper = require('./popper-71bf3058.js');
 
 const guxPopoverCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index: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/cjs/gux-popup.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
+const index = require('./index-525cfec0.js');
 const popper = require('./popper-71bf3058.js');
 
 const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{z-index:1;visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}";

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-2202ad01.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const index$1 = require('./index-57ec1998.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const loading = "Loading";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const index = require('./index-525cfec0.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 const logError = require('./log-error-a57681bf.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const clamp = require('./clamp-1bb96117.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
+const index = require('./index-525cfec0.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const clamp = require('./clamp-1bb96117.js');
-const usageTracking = require('./usage-tracking-615fea70.js');
+const usageTracking = require('./usage-tracking-7df85f4e.js');
 const logError = require('./log-error-a57681bf.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/cjs/gux-row-select.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-2202ad01.js');
+const index = require('./index-525cfec0.js');
+const index$1 = require('./index-57ec1998.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const en = require('./en-3662eafc.js');
+const en = require('./en-3d7b896f.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const guxRowSelectCss = "gux-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
@@ -27,7 +27,7 @@ const GuxRowSelect = class {
     this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
   }
   render() {
-    return (index.h("gux-form-field-checkbox", null, index.h("input", { slot: "input", id: this.id, type: "checkbox", checked: this.selected }), index.h("label", { slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { class: "gux-label-text" }, this.i18n('selectTableRow')))));
+    return (index.h("gux-form-field-checkbox", null, index.h("input", { slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { class: "gux-label-text" }, this.i18n('selectTableRow')))));
   }
   get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33b1b88e.js');
+const index = require('./index-525cfec0.js');
 
 const guxSidePanelButtonCss = "gux-side-panel-button button{width:48px;height:48px;color:#2e394c;cursor:pointer;background-color:#fdfdfd;border:none;border-bottom:1px solid #e2e6ee}gux-side-panel-button button.selected{color:#fdfdfd;background-color:#2a60c8}gux-side-panel-button button:hover,gux-side-panel-button button:active,gux-side-panel-button button:focus{color:#2a60c8}gux-side-panel-button button:hover.selected,gux-side-panel-button button:active.selected,gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button button:focus{outline:none}gux-side-panel-button button i{font-size:24px}.gux-side-panel-button-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-side-panel-button-dark-theme button.selected{background-color:#2a60c8}.gux-side-panel-button-dark-theme button:hover,.gux-side-panel-button-dark-theme button:active,.gux-side-panel-button-dark-theme button:focus{color:#75a8ff}.gux-side-panel-button-dark-theme button:hover.selected,.gux-side-panel-button-dark-theme button:active.selected,.gux-side-panel-button-dark-theme button:focus.selected{color:#fdfdfd}.gux-dark-theme gux-side-panel-button button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-dark-theme gux-side-panel-button button.selected{background-color:#2a60c8}.gux-dark-theme gux-side-panel-button button:hover,.gux-dark-theme gux-side-panel-button button:active,.gux-dark-theme gux-side-panel-button button:focus{color:#75a8ff}.gux-dark-theme gux-side-panel-button button:hover.selected,.gux-dark-theme gux-side-panel-button button:active.selected,.gux-dark-theme gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button.gux-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}gux-side-panel-button.gux-dark-theme button.selected{background-color:#2a60c8}gux-side-panel-button.gux-dark-theme button:hover,gux-side-panel-button.gux-dark-theme button:active,gux-side-panel-button.gux-dark-theme button:focus{color:#75a8ff}gux-side-panel-button.gux-dark-theme button:hover.selected,gux-side-panel-button.gux-dark-theme button:active.selected,gux-side-panel-button.gux-dark-theme button:focus.selected{color:#fdfdfd}.gux-side-panel-button-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-button{color:#2e394c}gux-side-panel-button.gux-light-theme{color:#2e394c}gux-side-panel-button{color:#2e394c}";