genesys-spark-components 3.4.2 → 3.6.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 
 const validFocusableItems = ['gux-list-item'];
 function getRootChildren(root) {

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-33b1b88e.js');
+const guxListbox_service = require('./gux-listbox.service-d394da79.js');
+const index$1 = require('./index-2202ad01.js');
+const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
+const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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-modal.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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-multi.cjs.entry.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-33b1b88e.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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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-cursor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 const index$1 = require('./index-2202ad01.js');
 require('./get-closest-element-ab4b2eee.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-33b1b88e.js');
 const onClickOutside = require('./on-click-outside-246a1eb3.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-33b1b88e.js');
 const onClickOutside = require('./on-click-outside-246a1eb3.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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-radial-loading.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const index$1 = require('./index-2202ad01.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const loading = "Loading";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-33b1b88e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const clamp = require('./clamp-1bb96117.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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

@@ -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-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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/cjs/gux-simple-toast.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.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/cjs/gux-switch.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
 

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

@@ -6,7 +6,7 @@ const index = require('./index-33b1b88e.js');
 const index$1 = require('./index-2202ad01.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 const en = require('./en-3662eafc.js');
 require('./get-closest-element-ab4b2eee.js');
 
@@ -167,9 +167,10 @@ const GuxTable = class {
     const selectAllCheckbox = this.selectAllCheckbox;
     if (selectAllCheckbox) {
       const rowCheckboxes = this.rowCheckboxes;
-      const selectedRows = rowCheckboxes.filter(box => box.selected);
+      const filterDisabled = rowCheckboxes.filter(rowBox => rowBox.hasAttribute('disabled') == false);
+      const selectedRows = filterDisabled.filter(box => box.selected);
       const hasRows = Boolean(rowCheckboxes.length);
-      const allSelected = selectedRows.length === rowCheckboxes.length;
+      const allSelected = selectedRows.length === filterDisabled.length;
       const noneSelected = selectedRows.length === 0;
       selectAllCheckbox.selected = hasRows && allSelected;
       void selectAllCheckbox.setIndeterminate(hasRows && !allSelected && !noneSelected);
@@ -180,8 +181,10 @@ const GuxTable = class {
     const selectAllCheckbox = this.selectAllCheckbox;
     const rowCheckboxes = this.rowCheckboxes;
     rowCheckboxes.forEach(rowBox => {
-      rowBox.selected = selectAllCheckbox.selected;
-      this.updateRowSelection(rowBox);
+      if (!rowBox.hasAttribute('disabled')) {
+        rowBox.selected = selectAllCheckbox.selected;
+        this.updateRowSelection(rowBox);
+      }
     });
     this.emitSelectionEvent();
   }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const sortable_esm = require('./sortable.esm-d03e1767.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 const index$1 = require('./index-2202ad01.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const index$1 = require('./index-2202ad01.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const tag = "tag with label: {label}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const search = require('./search-a2ed7f26.js');
-const usageTracking = require('./usage-tracking-dad68b30.js');
+const usageTracking = require('./usage-tracking-f3cc3f84.js');
 
 const GuxTextHighlight = class {
   constructor(hostRef) {