genesys-spark-components 3.34.2 → 3.34.4

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-738480cf.js';
+import { r as registerInstance, h } from './index-be334191.js';
 import { c as createPopper } from './popper-f860750c.js';
 
 const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{z-index:var(--gux-zindex-popup, 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-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, h, g as getElement } from './index-be334191.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 import './get-closest-element-1597503c.js';
 
 const loading = "Loading";

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

@@ -1,5 +1,5 @@
-import { h, r as registerInstance, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { h, r as registerInstance, g as getElement } from './index-be334191.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 import { l as logError } from './log-error-b1a1a086.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { c as clamp } from './clamp-6bdb0367.js';

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-be334191.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-5e1ba7f7.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 import { l as logError } from './log-error-b1a1a086.js';
 
 const guxRatingCss = ":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";

package/dist/esm/gux-row-select.entry.js

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

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, h, g as getElement } from './index-be334191.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-738480cf.js';
+import { r as registerInstance, h } from './index-be334191.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-738480cf.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, h, g as getElement } from './index-be334191.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 
 const guxSidePanelCss = "gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";
 

package/dist/esm/gux-simple-toast.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-be334191.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";
 

package/dist/esm/gux-skip-navigation-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-738480cf.js';
+import { r as registerInstance, h, H as Host } from './index-be334191.js';
 
 const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";
 

package/dist/esm/gux-skip-navigation-list-beta.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, h, g as getElement } from './index-be334191.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 import './get-closest-element-1597503c.js';
 
 const navigationName = "Skip links navigation";

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-be334191.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 import { g as getClosestElement } from './get-closest-element-1597503c.js';
 import { o as onMutation } from './on-mutation-d500715c.js';
 import { t as tableResources } from './en-66f138f8.js';

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

@@ -1,5 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
-import { a as menuNavigation, m as moveFocusDelay, h as hideDelay } from './gux-menu.common-60ab04e4.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-be334191.js';
+import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
+import { m as menuNavigation, h as hideDelay } from './gux-menu.common-4a871a5c.js';
 import { c as createPopper } from './popper-f860750c.js';
 
 const guxSubmenuCss = "gux-submenu{display:block;flex:1 1 auto;align-self:auto}gux-submenu .gux-submenu-button{all:unset;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;width:129px;height:32px;padding:0 12px 0 16px;line-height:32px;color:#2e394c;background-color:#fdfdfd}gux-submenu .gux-submenu-button:focus-within,gux-submenu .gux-submenu-button:hover{color:#fdfdfd;background-color:#2a60c8}gux-submenu .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-right:12px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}gux-submenu .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px}gux-submenu .gux-submenu-wrapper{flex-direction:column;padding:8px 0;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-submenu .gux-submenu-wrapper.gux-shown{visibility:visible}";
@@ -27,17 +28,18 @@ const GuxSubmenu = class {
     menuNavigation(event, this.root);
     switch (event.key) {
       case 'Enter':
-        this.hideDelayTimeout = setTimeout(() => {
+        event.stopPropagation();
+        this.hideDelayTimeout = afterNextRenderTimeout(() => {
           this.focusOnSubmenu();
-        }, moveFocusDelay);
+        });
         void this.guxFocus();
         break;
       case 'ArrowRight':
         event.stopPropagation();
         this.show();
-        this.hideDelayTimeout = setTimeout(() => {
+        this.hideDelayTimeout = afterNextRenderTimeout(() => {
           this.focusOnSubmenu();
-        }, moveFocusDelay);
+        });
         break;
       case 'ArrowLeft':
       case 'Escape':
@@ -58,9 +60,9 @@ const GuxSubmenu = class {
           this.root.focus();
         }
         else {
-          this.hideDelayTimeout = setTimeout(() => {
+          this.hideDelayTimeout = afterNextRenderTimeout(() => {
             this.focusOnSubmenu();
-          }, moveFocusDelay);
+          });
         }
         break;
     }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-738480cf.js';
+import { r as registerInstance, h, H as Host } from './index-be334191.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-738480cf.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-be334191.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
 

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

@@ -1,8 +1,9 @@
-import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-738480cf.js';
+import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-be334191.js';
 import { S as Sortable } from './sortable.esm-c4e0b0d3.js';
-import { O as OnMutation } from './on-mutation-70eb931c.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
+import { O as OnMutation } from './on-mutation-50c94529.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
+import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
 import { t as tabsResources } from './en-46223eb1.js';
 import './get-closest-element-1597503c.js';
 
@@ -23,7 +24,6 @@ const GuxTabAdvancedList = class {
     registerInstance(this, hostRef);
     this.newTab = createEvent(this, "newTab", 7);
     this.sortChanged = createEvent(this, "sortChanged", 7);
-    this.moveFocusDelay = 100;
     /**
      * Enable new tab button
      */
@@ -173,9 +173,9 @@ const GuxTabAdvancedList = class {
           }
         });
         this.focusTab(this.initialSortIndex);
-        setTimeout(() => {
+        afterNextRenderTimeout(() => {
           this.focusTab(this.initialSortIndex);
-        }, this.moveFocusDelay);
+        });
         break;
       case 'Enter':
         if (this.keyboardSort) {
@@ -397,7 +397,7 @@ const GuxTabAdvancedList = class {
         subtree: true
       });
     }
-    setTimeout(() => {
+    afterNextRenderTimeout(() => {
       this.checkForScrollbarHideOrShow();
     }, 500);
   }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-738480cf.js';
+import { r as registerInstance, c as createEvent, h } from './index-be334191.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,7 +1,8 @@
-import { r as registerInstance, c as createEvent, w as writeTask, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
+import { r as registerInstance, c as createEvent, w as writeTask, h, g as getElement } from './index-be334191.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
+import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
 import { t as tabsResources } from './en-46223eb1.js';
 import './get-closest-element-1597503c.js';
 
@@ -12,7 +13,6 @@ const GuxTabAdvanced = class {
     registerInstance(this, hostRef);
     this.internalactivatetabpanel = createEvent(this, "internalactivatetabpanel", 7);
     this.dropdownOptionsButtonId = randomHTMLId();
-    this.moveFocusDelay = 100;
     this.tabTitle = '';
     this.focusinFromClick = false;
     /**
@@ -51,10 +51,10 @@ const GuxTabAdvanced = class {
         if (eventIsFrom('gux-list[slot="dropdown-options"]', event)) {
           event.stopPropagation();
           this.popoverHidden = true;
-          setTimeout(() => {
+          afterNextRenderTimeout(() => {
             var _a;
             (_a = this.tabOptionsButtonElement) === null || _a === void 0 ? void 0 : _a.focus();
-          }, this.moveFocusDelay);
+          });
         }
         break;
     }
@@ -95,9 +95,9 @@ const GuxTabAdvanced = class {
   }
   focusFirstItemInPopupList() {
     const listElement = this.root.querySelector('gux-list[slot="dropdown-options"]');
-    setTimeout(() => {
+    afterNextRenderTimeout(() => {
       void (listElement === null || listElement === void 0 ? void 0 : listElement.guxFocusFirstItem());
-    }, this.moveFocusDelay);
+    });
   }
   toggleOptions() {
     this.popoverHidden = !this.popoverHidden;
@@ -105,9 +105,9 @@ const GuxTabAdvanced = class {
   onSelectDropdownOption(e) {
     this.popoverHidden = true;
     e.stopPropagation();
-    setTimeout(() => {
+    afterNextRenderTimeout(() => {
       this.tabOptionsButtonElement.focus();
-    }, this.moveFocusDelay);
+    });
   }
   async componentWillLoad() {
     this.i18n = await buildI18nForComponent(this.root, tabsResources, 'gux-tabs-advanced');

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-738480cf.js';
+import { r as registerInstance, h } from './index-be334191.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-738480cf.js';
+import { r as registerInstance, c as createEvent, h, w as writeTask, g as getElement } from './index-be334191.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,6 +1,7 @@
-import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
-import { O as OnMutation } from './on-mutation-70eb931c.js';
+import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-be334191.js';
+import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
+import { O as OnMutation } from './on-mutation-50c94529.js';
 import './get-closest-element-1597503c.js';
 
 const scrollLeft = "Scroll Left";
@@ -200,7 +201,7 @@ const GuxTabList = class {
         subtree: true
       });
     }
-    setTimeout(() => {
+    afterNextRenderTimeout(() => {
       this.checkForScrollbarHideOrShow();
     }, 500);
   }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-738480cf.js';
+import { r as registerInstance, c as createEvent, h } from './index-be334191.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-738480cf.js';
+import { r as registerInstance, c as createEvent, h } from './index-be334191.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,8 +1,8 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-be334191.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.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-5e1ba7f7.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 import { t as tableResources } from './en-66f138f8.js';
 import './get-closest-element-1597503c.js';
 
@@ -17,6 +17,7 @@ const GuxTable = class {
     this.slotObserver = new MutationObserver(() => forceUpdate(this));
     this.tableId = randomHTMLId('gux-table');
     this.columnsWidths = {};
+    this.tableWidth = this.getElementComputedWidth(this.slottedTable);
     /**
      * Indicates that vertical scroll is presented for table
      */
@@ -46,7 +47,7 @@ const GuxTable = class {
      */
     this.objectTable = false;
   }
-  /******************************* Lifcycle Hooks *******************************/
+  /******************************* Lifecycle Hooks *******************************/
   async componentWillLoad() {
     trackComponent(this.root);
     this.i18n = await buildI18nForComponent(this.root, tableResources);
@@ -64,6 +65,7 @@ const GuxTable = class {
           this.checkHorizontalScroll();
           this.checkVerticalScroll();
           this.updateScrollState();
+          this.scaleColumnWidths();
         });
       });
     }
@@ -157,7 +159,7 @@ const GuxTable = class {
     });
     this.updateSelectAllBoxState();
   }
-  // Update the checked/interminate state of the select all checkbox
+  // Update the checked/indeterminate state of the select all checkbox
   updateSelectAllBoxState() {
     const selectAllCheckbox = this.selectAllCheckbox;
     if (selectAllCheckbox) {
@@ -262,25 +264,56 @@ const GuxTable = class {
     const container = this.tableContainer;
     return container ? container.offsetWidth - container.clientWidth : 0;
   }
-  /******************************* Resizeable Columns *******************************/
+  /******************************* Resizable Columns *******************************/
   prepareResizableColumns() {
     const styleElement = document.createElement('style');
     styleElement.id = `${this.tableId}-resizable-styles`;
     document.querySelector('head').appendChild(styleElement);
-    const columns = this.tableColumns;
-    columns.pop();
-    columns.forEach((column) => {
-      this.columnsWidths[column.dataset.columnName] = `${this.getElementComputedWidth(column)}px`;
-    });
+    const columnWidths = this.calculateColumnWidths(this.tableColumns);
+    this.tableWidth = this.getElementComputedWidth(this.slottedTable);
+    columnWidths
+      // Exclude the last column to allow it to fill the remaining space naturally
+      .slice(0, -1)
+      .forEach(c => (this.columnsWidths[c.name] = c.width));
     this.setResizableColumnsStyles();
   }
+  /** Scale column pixel widths equal when a resize is observed */
+  scaleColumnWidths() {
+    if (!this.columnResizeState && this.resizableColumns) {
+      const oldColumnWidths = this.calculateColumnWidths(this.tableColumns);
+      const oldTableWidth = this.tableWidth;
+      const newTableWidth = this.getElementComputedWidth(this.slottedTable);
+      oldColumnWidths
+        .map(col => (Object.assign(Object.assign({}, col), { width: this.calcScaledColWidth(col.width, oldTableWidth, newTableWidth) })))
+        // Exclude the last column to allow it to fill the remaining space naturally
+        .slice(0, -1)
+        .forEach(c => (this.columnsWidths[c.name] = c.width));
+      this.tableWidth = newTableWidth;
+      this.setResizableColumnsStyles();
+    }
+  }
+  calcScaledColWidth(colWidth, oldTableWidth, newTableWidth) {
+    const proposedWidth = Math.round((colWidth / oldTableWidth) * newTableWidth);
+    const minWidth = 1;
+    return Math.max(proposedWidth, minWidth);
+  }
   updateResizeState(event) {
     if (this.columnResizeState) {
+      const minimumWidth = 1;
       const columnName = this.columnResizeState.resizableColumn.dataset.columnName;
-      const columnWidth = this.columnResizeState.resizableColumnInitialWidth +
-        (event.pageX - this.columnResizeState.columnResizeMouseStartX);
-      this.columnsWidths[columnName] = `${columnWidth > 1 ? columnWidth : 1}px`;
+      const delta = event.pageX - this.columnResizeState.columnResizeMouseStartX;
+      const initialWidth = this.columnResizeState.resizableColumnInitialWidth;
+      const proposedWidth = initialWidth + delta;
+      const columnWidth = Math.max(proposedWidth, minimumWidth);
+      const columnWidths = this.calculateColumnWidths(this.tableColumns).map(c => {
+        if (c.name === columnName) {
+          return Object.assign(Object.assign({}, c), { width: columnWidth });
+        }
+        return c;
+      });
+      this.columnsWidths[columnName] = columnWidths.find(c => c.name === columnName).width;
       this.setResizableColumnsStyles();
+      this.tableWidth = this.getElementComputedWidth(this.slottedTable);
     }
     else {
       this.columnResizeHover = false;
@@ -315,7 +348,16 @@ const GuxTable = class {
       COL_RESIZE_HANDLE_WIDTH);
   }
   getElementComputedWidth(element) {
-    return parseInt(window.getComputedStyle(element).getPropertyValue('width').split('px')[0], 10);
+    return (element.clientWidth -
+      parseInt(window.getComputedStyle(element).paddingLeft) -
+      parseInt(window.getComputedStyle(element).paddingRight));
+  }
+  /** Calculates column width minus padding in pixels */
+  calculateColumnWidths(columns) {
+    return columns.map(c => ({
+      name: c.dataset.columnName,
+      width: this.getElementComputedWidth(c)
+    }));
   }
   setResizableColumnsStyles() {
     const styleElement = document.getElementById(`${this.tableId}-resizable-styles`);

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

@@ -1,7 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-be334191.js';
+import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
 import { t as tableResources } from './en-66f138f8.js';
 import './get-closest-element-1597503c.js';
 
@@ -11,16 +12,15 @@ const GuxTableSelectMenu = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.dropdownOptionsButtonId = randomHTMLId('gux-table-select-menu');
-    this.moveFocusDelay = 100;
     this.hasSelectMenuOptions = false;
     this.dropdownDisabled = false;
     this.popoverHidden = true;
   }
   focusFirstItemInPopupList() {
     const listElement = this.root.querySelector('gux-list');
-    setTimeout(() => {
+    afterNextRenderTimeout(() => {
       void (listElement === null || listElement === void 0 ? void 0 : listElement.guxFocusFirstItem());
-    }, this.moveFocusDelay);
+    });
   }
   async componentWillLoad() {
     this.hasSelectMenuOptions = !!this.root.querySelector('[slot="select-menu-options"]');

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { O as OnClickOutside } from './on-click-outside-b20ff612.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-be334191.js';
+import { O as OnClickOutside } from './on-click-outside-d48a73bb.js';
 import { b as onHiddenChange } from './on-attribute-change-2b01c315.js';
 import { c as createPopper } from './popper-f860750c.js';
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-be334191.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-738480cf.js';
+import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-be334191.js';
 import { S as Sortable } from './sortable.esm-c4e0b0d3.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import './get-closest-element-1597503c.js';
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-be334191.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-738480cf.js';
-import { b as buildI18nForComponent } from './index-3e21de1b.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-be334191.js';
+import { b as buildI18nForComponent } from './index-a108e8ae.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
 import './get-closest-element-1597503c.js';
 
 const tag = "tag with label: {label}";

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-738480cf.js';
-import { t as trackComponent } from './usage-tracking-5e1ba7f7.js';
-import { D as DateTimeFormatter } from './DateTimeFormatter-bac9ad67.js';
-import { g as getDesiredLocale } from './index-3e21de1b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-be334191.js';
+import { t as trackComponent } from './usage-tracking-f659944d.js';
+import { D as DateTimeFormatter } from './DateTimeFormatter-9021bd61.js';
+import { g as getDesiredLocale } from './index-a108e8ae.js';
 import './get-closest-element-1597503c.js';
 
 const GuxTime = class {