genesys-spark-components 3.6.0 → 3.7.2

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-83359dbf.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-8fe81fcb.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.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-83359dbf.js';
+import { h, r as registerInstance, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.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-83359dbf.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.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-8fe81fcb.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-83359dbf.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.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-83359dbf.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-dfd71935.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-8fe81fcb.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-83359dbf.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.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-8fe81fcb.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-8fe81fcb.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-8fe81fcb.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-8fe81fcb.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-83359dbf.js';
-import { t as tableResources } from './en-07edddda.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.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-83359dbf.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-dfd71935.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-83359dbf.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.js';
+import { b as buildI18nForComponent } from './index-8fe81fcb.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import './get-closest-element-1597503c.js';
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-83359dbf.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-dfd71935.js';
 
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
-import { t as trackComponent } from './usage-tracking-83359dbf.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { b as buildI18nForComponent } from './index-8fe81fcb.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.js';
 import './get-closest-element-1597503c.js';
 
 const tag = "tag with label: {label}";

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

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

package/dist/esm/gux-text-label-legacy.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-83359dbf.js';
+import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.js';
 
 const guxTextLabelCss = "gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";
 

package/dist/esm/gux-time-picker-beta.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 { t as trackComponent } from './usage-tracking-83359dbf.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 { O as OnClickOutside } from './on-click-outside-9635bd3e.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.js';
+import { b as buildI18nForComponent } from './index-8fe81fcb.js';
 import './get-closest-element-1597503c.js';
 
 /********************************************************

package/dist/esm/gux-toggle-slider.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 guxToggleSliderCss = "gux-toggle-slider{padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;width:30px;height:16px;border-radius:8px}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-toggle-slider .gux-toggle-slider:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#6b7585;border-radius:8px;transition:background-color 0.5s ease}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;bottom:1px;left:1px;width:14px;height:14px;content:'';background-color:#fdfdfd;border-radius:50%;transition:0.5s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:12px;height:12px;padding:1px;color:#fdfdfd;opacity:0;transition:color 0.5s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:#2a60c8}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(14px)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:#2a60c8;opacity:1;transition:opacity 0.25s linear;transition-delay:0.25s}";
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
-import { t as trackComponent } from './usage-tracking-83359dbf.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { b as buildI18nForComponent } from './index-5bfcdeb1.js';
+import { b as buildI18nForComponent } from './index-8fe81fcb.js';
 import './get-closest-element-1597503c.js';
 
 const defaultAriaLabel = "Toggle Switch";

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

@@ -1,9 +1,9 @@
-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 { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-tracking-83359dbf.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.js';
 import { c as createPopper } from './popper-93ecb064.js';
 import { l as logError } from './log-error-b1a1a086.js';
-import { O as OnMutation } from './on-mutation-2e96b1b9.js';
+import { O as OnMutation } from './on-mutation-1c2ba0a6.js';
 
 const guxTooltipCss = ":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-76794476.js';
+import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-d8b1bc53.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-9943807e.js';
-import { g as getDesiredLocale } from './index-5bfcdeb1.js';
-import { t as trackComponent } from './usage-tracking-83359dbf.js';
+import { g as getDesiredLocale } from './index-8fe81fcb.js';
+import { t as trackComponent } from './usage-tracking-dfd71935.js';
 import './get-closest-element-1597503c.js';
 
 /*!

package/dist/esm/{index-5bfcdeb1.js → index-8fe81fcb.js}

@@ -1,4 +1,4 @@
-import { a as getAssetPath } from './index-76794476.js';
+import { a as getAssetPath } from './index-d8b1bc53.js';
 import { g as getClosestElement } from './get-closest-element-1597503c.js';
 
 /******************************************************************************
@@ -3955,6 +3955,7 @@ const locales = [
 	"fi",
 	"fr-ca",
 	"fr",
+	"he",
 	"it",
 	"ja",
 	"ko",
@@ -3962,6 +3963,7 @@ const locales = [
 	"no",
 	"pl",
 	"pt-br",
+	"pt-pt",
 	"ru",
 	"sv",
 	"th",
@@ -3978,6 +3980,7 @@ const en = 0;
 const es = 1;
 const fi = 1;
 const fr = 1;
+const he = 0;
 const it = 1;
 const ja = 0;
 const ko = 0;
@@ -3999,6 +4002,7 @@ const startOfWeek = {
 	fi: fi,
 	"fr-ca": 0,
 	fr: fr,
+	he: he,
 	it: it,
 	ja: ja,
 	ko: ko,
@@ -4006,6 +4010,7 @@ const startOfWeek = {
 	no: no,
 	pl: pl,
 	"pt-br": 0,
+	"pt-pt": 1,
 	ru: ru,
 	sv: sv,
 	th: th,
@@ -4024,6 +4029,7 @@ const startOfWeekDataUntyped = /*#__PURE__*/Object.freeze({
     es: es,
     fi: fi,
     fr: fr,
+    he: he,
     it: it,
     ja: ja,
     ko: ko,

package/dist/esm/{index-76794476.js → index-d8b1bc53.js}

@@ -59,6 +59,8 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
 const getHostListenerTarget = (elm, flags) => {
     if (flags & 8 /* TargetWindow */)
         return win;
+    if (flags & 16 /* TargetBody */)
+        return doc.body;
     return elm;
 };
 // prettier-ignore
@@ -1982,6 +1984,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gux-simple-toast.entry.js').then(processMod, consoleError);
+        case 'gux-sort-control':
+          return import(
+            /* webpackMode: "lazy" */
+            './gux-sort-control.entry.js').then(processMod, consoleError);
         case 'gux-submenu':
           return import(
             /* webpackMode: "lazy" */