genesys-spark-components 3.5.0 → 3.7.1

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
 import { a as menuNavigation } from './gux-menu.common-60ab04e4.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/esm/gux-menu.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-76794476.js';
+import { r as registerInstance, h, H as Host } from './index-d8b1bc53.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/esm/gux-modal.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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/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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-option-legacy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, H as Host } from './index-76794476.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-d8b1bc53.js';
 
 const guxOptionCss = "gux-option-legacy gux-text-highlight mark{font-weight:700;color:inherit;background-color:inherit}";
 

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

@@ -0,0 +1,43 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { r as randomHTMLId } from './random-html-id-8e3f658c.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) {
+    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('gux-option-multi');
+  }
+  getAriaSelected() {
+    if (this.disabled) {
+      return false;
+    }
+    return this.selected ? 'true' : 'false';
+  }
+  render() {
+    return (h(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() }, h("div", { class: "gux-option" }, h("slot", null))));
+  }
+  get root() { return getElement(this); }
+};
+GuxOptionMulti.style = guxOptionMultiCss;
+
+export { GuxOptionMulti as gux_option_multi };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.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-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.js';
+import { b as buildI18nForComponent } from './index-16dc4871.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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
-import { O as OnClickOutside } from './on-click-outside-ce30de20.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { O as OnClickOutside } from './on-click-outside-9635bd3e.js';
 import { b as onHiddenChange } from './on-attribute-change-2b01c315.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.js';
 import { c as createPopper } from './popper-93ecb064.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/esm/gux-popover.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { O as OnClickOutside } from './on-click-outside-ce30de20.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { O as OnClickOutside } from './on-click-outside-9635bd3e.js';
 import { b as onHiddenChange } from './on-attribute-change-2b01c315.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.js';
 import { c as createPopper } from './popper-93ecb064.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/esm/gux-popup.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-76794476.js';
+import { r as registerInstance, h } from './index-d8b1bc53.js';
 import { c as createPopper } from './popper-93ecb064.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/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { h, r as registerInstance, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.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-e9b9fc3f.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as tableResources } from './en-07edddda.js';
+import { t as tableResources } from './en-d22521fc.js';
 import './get-closest-element-1597503c.js';
 
 const guxRowSelectCss = "gux-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-76794476.js';
+import { r as registerInstance, h } from './index-d8b1bc53.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}";
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-sort-control.entry.js

@@ -0,0 +1,38 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.js';
+import { t as tableResources } from './en-d22521fc.js';
+import './get-closest-element-1597503c.js';
+
+const guxSortControlCss = "button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:inline;width:100%;height:100%;padding:4px;margin:1px;font-size:100%;font-weight:bold;color:#2e394c;text-align:left;cursor:pointer;background:transparent;border:none;outline:none}button gux-icon{float:right;width:16px;height:16px;padding-right:8.5px}button:focus{border-bottom:3px solid #75a8ff}.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 GuxSortControl = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  sortDirectionEvent(event) {
+    this.colSortDirection = event.detail.sortDirection;
+    this.colLabel = event.detail.columnName;
+  }
+  renderSrText() {
+    return (h("div", { class: "gux-sr-only" }, this.i18n('colSortDirection', {
+      colLabel: this.colLabel,
+      colSortDirection: this.colSortDirection
+    })));
+  }
+  async componentWillRender() {
+    this.i18n = await buildI18nForComponent(this.root, tableResources);
+  }
+  componentDidLoad() {
+    this.colLabel = this.root.closest('th').getAttribute('data-column-name');
+    this.colSortDirection = this.root.closest('th').getAttribute('aria-sort');
+  }
+  render() {
+    return (h(Host, null, h("button", { type: "button" }, h("gux-icon", { "icon-name": this.colSortDirection === 'ascending'
+        ? 'arrow-solid-down'
+        : 'arrow-solid-up', decorative: true }), this.renderSrText())));
+  }
+  get root() { return getElement(this); }
+};
+GuxSortControl.style = guxSortControlCss;
+
+export { GuxSortControl as gux_sort_control };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
 import { a as menuNavigation, m as moveFocusDelay, h as hideDelay } from './gux-menu.common-60ab04e4.js';
 import { c as createPopper } from './popper-93ecb064.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-76794476.js';
+import { r as registerInstance, h, H as Host } from './index-d8b1bc53.js';
 
 const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
+import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-d8b1bc53.js';
 import { S as Sortable } from './sortable.esm-c4e0b0d3.js';
-import { O as OnMutation } from './on-mutation-2e96b1b9.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { O as OnMutation } from './on-mutation-1c2ba0a6.js';
+import { b as buildI18nForComponent } from './index-16dc4871.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-panel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-76794476.js';
+import { r as registerInstance, c as createEvent, h } from './index-d8b1bc53.js';
 
 const guxTabAdvancedPanelCss = "gux-tab-advanced-panel div[role='tabpanel']:focus{outline:none}gux-tab-advanced-panel div[role='tabpanel']:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";
 

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-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { r as registerInstance, c as createEvent, w as writeTask, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.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-dropdown-option-legacy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-76794476.js';
+import { r as registerInstance, h } from './index-d8b1bc53.js';
 
 const guxTabDropdownOptionLegacyCss = "gux-tab-dropdown-option-legacy .tab-dropdown-option{display:flex;align-items:center;width:120px;height:36px;padding:0;font-size:12px;cursor:pointer;background:none;border:none;transition:color 0.25s, background-color 0.25s}gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy .tab-dropdown-option:focus{outline:none}gux-tab-dropdown-option-legacy .tab-dropdown-option gux-icon{width:16px;height:16px;margin:0 10px}.gux-tab-dropdown-option-light-theme .tab-dropdown-option{color:#2e394c}.gux-tab-dropdown-option-light-theme .tab-dropdown-option:hover,.gux-tab-dropdown-option-light-theme .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option{color:#2e394c}.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option{color:#2e394c}gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}gux-tab-dropdown-option-legacy .tab-dropdown-option{color:#2e394c}gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy .tab-dropdown-option:focus{color:#fdfdfd;background-color:#2a60c8}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, w as writeTask, g as getElement } from './index-76794476.js';
+import { r as registerInstance, c as createEvent, h, w as writeTask, g as getElement } from './index-d8b1bc53.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 

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

@@ -1,5 +1,6 @@
-import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.js';
+import { O as OnMutation } from './on-mutation-1c2ba0a6.js';
 import './get-closest-element-1597503c.js';
 
 const scrollLeft = "Scroll Left";
@@ -15,6 +16,16 @@ const tabsResources = {
 
 const guxTabListCss = "gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .gux-tab-container{display:flex;flex-direction:column;width:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow-x:hidden;overflow-y:hidden;background-color:#fff}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#c8cfda;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";
 
+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 GuxTabList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -69,6 +80,9 @@ const GuxTabList = class {
         break;
     }
   }
+  onMutation() {
+    this.setTabTriggers();
+  }
   // eslint-disable-next-line @typescript-eslint/require-await
   async guxSetActive(activeTab) {
     this.tabTriggers.forEach((tabTrigger, index) => {
@@ -274,6 +288,9 @@ const GuxTabList = class {
   }
   get root() { return getElement(this); }
 };
+__decorate([
+  OnMutation({ childList: true, subtree: true })
+], GuxTabList.prototype, "onMutation", null);
 GuxTabList.style = guxTabListCss;
 
 export { GuxTabList as gux_tab_list };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-76794476.js';
+import { r as registerInstance, c as createEvent, h } from './index-d8b1bc53.js';
 
 const guxTabPanelCss = "gux-tab-panel div[role='tabpanel']:focus{outline:none}gux-tab-panel div[role='tabpanel']:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-76794476.js';
+import { r as registerInstance, c as createEvent, h } from './index-d8b1bc53.js';
 
 const guxTabCss = "gux-tabs[orientation='vertical'] .gux-tab{display:flex;justify-content:flex-end;padding:12px 16px}gux-tabs[orientation='vertical'] .gux-tab.gux-active{padding-right:14px;border-right:2px solid #2a60c8}gux-tabs[orientation='vertical'] .gux-tab:hover:not(.gux-active):not(.gux-disabled){padding-right:14px;border-right:2px solid #8a97ad}gux-tabs:not([orientation='vertical']) .gux-tab{box-sizing:border-box;padding-bottom:2px}gux-tabs:not([orientation='vertical']) .gux-tab.gux-active{padding-bottom:0;border-bottom:2px solid #2a60c8}gux-tabs:not([orientation='vertical']) .gux-tab:hover:not(.gux-active):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tabs:not([orientation='vertical']) .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment='center'] .gux-scrollable-section{justify-content:center}gux-tabs[alignment='full-width'] .gux-scrollable-section{flex-grow:1}gux-tabs[alignment='full-width'] gux-tab{width:100%;max-width:100%}gux-tabs[alignment='full-width'] gux-tab .gux-tab{width:100%;max-width:100%}gux-tab{display:flex;max-width:160px}gux-tab .gux-tab{display:flex;align-items:center;width:100%;max-width:160px;height:40px;padding:0 16px;font-size:14px;color:#2e394c;cursor:pointer;background-color:#fff;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{color:rgba(46, 57, 76, 0.5);cursor:default}gux-tab .gux-tab:focus-visible{padding:0 13px 3px;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab .gux-tab gux-tooltip-title{max-width:160px;white-space:nowrap;cursor:pointer}";
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, a as getAssetPath, h, H as Host, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, a as getAssetPath, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-16dc4871.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-e9b9fc3f.js';
-import { t as tableResources } from './en-07edddda.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.js';
+import { t as tableResources } from './en-d22521fc.js';
 import './get-closest-element-1597503c.js';
 
 const guxTableCss = ":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";
@@ -127,6 +127,12 @@ const GuxTable = class {
   get tableColumns() {
     return Array.from(this.slottedTable.querySelectorAll('thead th'));
   }
+  get tableColumnsDataSortable() {
+    return Array.from(this.slottedTable.querySelectorAll('thead th[data-sortable]'));
+  }
+  get sortControlCol() {
+    return Array.from(this.slottedTable.querySelectorAll('thead th gux-sort-control'));
+  }
   get rowCheckboxes() {
     return Array.from(this.slottedTable.querySelectorAll('tbody tr td gux-row-select'));
   }
@@ -320,32 +326,42 @@ const GuxTable = class {
   }
   /******************************* Sortable Columns *******************************/
   prepareSortableColumns() {
-    const columnsElements = this.tableColumns;
-    this.prepareSortableColumnsStyles();
-    columnsElements.forEach((column) => {
-      if (Object.prototype.hasOwnProperty.call(column.dataset, 'sortable')) {
-        column.onclick = (event) => {
-          if (!this.columnResizeHover) {
-            const columnElement = event.currentTarget;
-            const sortDirection = columnElement.dataset.sort || '';
-            let newSortDirection = null;
-            switch (sortDirection) {
-              case '':
-              case 'desc':
-                newSortDirection = 'asc';
-                break;
-              case 'asc':
-                newSortDirection = 'desc';
-                break;
-            }
-            this.guxsortchanged.emit({
-              columnName: columnElement.dataset.columnName,
-              sortDirection: newSortDirection
-            });
-          }
-        };
+    let sortControlSelected = [];
+    const sortControl = document.querySelector('gux-sort-control');
+    sortControl
+      ? (sortControlSelected = this.sortControlCol)
+      : (sortControlSelected = this.tableColumnsDataSortable);
+    /* Only apply sortable styles if the data-sortable way of sorting is being used(ie the old way) and not the <gux-sort-control /> */
+    this.tableColumnsDataSortable.forEach((tableHeader) => {
+      if (tableHeader.hasAttribute('data-sortable')) {
+        this.prepareSortableColumnsStyles();
       }
     });
+    sortControlSelected.forEach((column) => {
+      column.onclick = (event) => {
+        if (!this.columnResizeHover) {
+          const button = event.target;
+          const columnElement = column.hasAttribute('data-sortable')
+            ? event.currentTarget
+            : button.parentElement;
+          const sortDirection = columnElement.getAttribute('aria-sort') || '';
+          let newSortDirection = null;
+          switch (sortDirection) {
+            case '':
+            case 'descending':
+              newSortDirection = 'ascending';
+              break;
+            case 'ascending':
+              newSortDirection = 'descending';
+              break;
+          }
+          this.guxsortchanged.emit({
+            columnName: columnElement.dataset.columnName,
+            sortDirection: newSortDirection
+          });
+        }
+      };
+    });
   }
   /**
    * Create sort styles if they don't exist. We can't make these static because we need to look up
@@ -361,9 +377,9 @@ const GuxTable = class {
       const sortAscContent = this.i18n('sortAsc');
       const sortDescContent = this.i18n('sortDesc');
       styleElement.innerHTML = `
-      th[data-sortable]:hover:after{content: "${sortAscContent}";background-image: url("${ascArrowIcon}");}
-      th[data-sort="asc"]:after{background-image:url("${ascArrowIcon}")!important;content:"${sortAscContent}"!important;}
-      th[data-sort="desc"]:after{background-image:url("${descArrowIcon}")!important;content:"${sortDescContent}"!important;}
+      th[data-sortable]:focus-within:after{content: "${sortAscContent}";background-image: url("${ascArrowIcon}");}
+      th[aria-sort="ascending"]:after{background-image:url("${ascArrowIcon}")!important;content:"${sortAscContent}"!important;}
+      th[aria-sort="descending"]:after{background-image:url("${descArrowIcon}")!important;content:"${sortDescContent}"!important;}
     `;
       document.querySelector('head').appendChild(styleElement);
     }

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-76794476.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.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-76794476.js';
+import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-d8b1bc53.js';
 import { S as Sortable } from './sortable.esm-c4e0b0d3.js';
-import { t as trackComponent } from './usage-tracking-e9b9fc3f.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { t as trackComponent } from './usage-tracking-9ae70c67.js';
+import { b as buildI18nForComponent } from './index-16dc4871.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import './get-closest-element-1597503c.js';