npm - genesys-spark-components - Versions diffs - 4.105.5 → 4.107.0 - Mend

genesys-spark-components 4.105.5 → 4.107.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (656) hide show

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

@@ -2,12 +2,12 @@ import { r as registerInstance, c as createEvent, d as readTask, w as writeTask,
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { t as tabsResources } from './en-bf740e9b.js';
 import './get-closest-element-728b9f18.js';
 /**!
- * Sortable 1.15.3
+ * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
@@ -111,7 +111,7 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
-var version = "1.15.3";
+var version = "1.15.6";
 function userAgent(pattern) {
   if (typeof window !== 'undefined' && window.navigator) {
@@ -1090,7 +1090,8 @@ function Sortable(el, options) {
       x: 0,
       y: 0
     },
-    supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && !Safari,
+    // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
+    supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && (!Safari || IOS),
     emptyInsertThreshold: 5
   };
   PluginManager.initializePlugins(this, el, defaults);
@@ -1201,7 +1202,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
         pluginEvent('filter', _this, {
           evt: evt
         });
-        preventOnFilter && evt.cancelable && evt.preventDefault();
+        preventOnFilter && evt.preventDefault();
         return; // cancel dnd
       }
     } else if (filter) {
@@ -1223,7 +1224,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
         }
       });
       if (filter) {
-        preventOnFilter && evt.cancelable && evt.preventDefault();
+        preventOnFilter && evt.preventDefault();
         return; // cancel dnd
       }
     }
@@ -1295,9 +1296,15 @@ Sortable.prototype = /** @lends Sortable.prototype */{
       on(ownerDocument, 'dragover', nearestEmptyInsertDetectEvent);
       on(ownerDocument, 'mousemove', nearestEmptyInsertDetectEvent);
       on(ownerDocument, 'touchmove', nearestEmptyInsertDetectEvent);
-      on(ownerDocument, 'mouseup', _this._onDrop);
-      on(ownerDocument, 'touchend', _this._onDrop);
-      on(ownerDocument, 'touchcancel', _this._onDrop);
+      if (options.supportPointer) {
+        on(ownerDocument, 'pointerup', _this._onDrop);
+        // Native D&D triggers pointercancel
+        !this.nativeDraggable && on(ownerDocument, 'pointercancel', _this._onDrop);
+      } else {
+        on(ownerDocument, 'mouseup', _this._onDrop);
+        on(ownerDocument, 'touchend', _this._onDrop);
+        on(ownerDocument, 'touchcancel', _this._onDrop);
+      }
       // Make dragEl draggable (must be before delay for FireFox)
       if (FireFox && this.nativeDraggable) {
@@ -1317,9 +1324,14 @@ Sortable.prototype = /** @lends Sortable.prototype */{
         // If the user moves the pointer or let go the click or touch
         // before the delay has been reached:
         // disable the delayed drag
-        on(ownerDocument, 'mouseup', _this._disableDelayedDrag);
-        on(ownerDocument, 'touchend', _this._disableDelayedDrag);
-        on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);
+        if (options.supportPointer) {
+          on(ownerDocument, 'pointerup', _this._disableDelayedDrag);
+          on(ownerDocument, 'pointercancel', _this._disableDelayedDrag);
+        } else {
+          on(ownerDocument, 'mouseup', _this._disableDelayedDrag);
+          on(ownerDocument, 'touchend', _this._disableDelayedDrag);
+          on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);
+        }
         on(ownerDocument, 'mousemove', _this._delayedDragTouchMoveHandler);
         on(ownerDocument, 'touchmove', _this._delayedDragTouchMoveHandler);
         options.supportPointer && on(ownerDocument, 'pointermove', _this._delayedDragTouchMoveHandler);
@@ -1345,6 +1357,8 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     off(ownerDocument, 'mouseup', this._disableDelayedDrag);
     off(ownerDocument, 'touchend', this._disableDelayedDrag);
     off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
+    off(ownerDocument, 'pointerup', this._disableDelayedDrag);
+    off(ownerDocument, 'pointercancel', this._disableDelayedDrag);
     off(ownerDocument, 'mousemove', this._delayedDragTouchMoveHandler);
     off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
     off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
@@ -1365,7 +1379,6 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     }
     try {
       if (document.selection) {
-        // Timeout neccessary for IE9
         _nextTick(function () {
           document.selection.empty();
         });
@@ -1587,6 +1600,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));
     on(document, 'selectstart', _this);
     moved = true;
+    window.getSelection().removeAllRanges();
     if (Safari) {
       css(document.body, 'user-select', 'none');
     }
@@ -1858,6 +1872,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     off(ownerDocument, 'mouseup', this._onDrop);
     off(ownerDocument, 'touchend', this._onDrop);
     off(ownerDocument, 'pointerup', this._onDrop);
+    off(ownerDocument, 'pointercancel', this._onDrop);
     off(ownerDocument, 'touchcancel', this._onDrop);
     off(document, 'selectstart', this);
   },
@@ -3072,7 +3087,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '768310fac97f197a936f489d2cd7b70b10edb678', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '9bc1ae9487ffe2cdbcee09dd27ad2b4f53450c61', class: "gux-scrollable-section" }, h("div", { key: '6a10f29e06b948ad82b9644285d5e08a1d2af8c0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '6fd99216f3cf4214fcbc919b408afda63b26ec64' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '85fa55bdd0d2c662ff8d4e85c92a1559be1a69b5', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '7740951efbb43141d9c7e53861cd66762ccdaf47', class: "gux-scrollable-section" }, h("div", { key: '5d35759735399f84ab690675a82b3aa41e627b87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'cc2962d4ccf765b80ef58ba3a23786dcfa944c2a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {
@@ -3088,7 +3103,7 @@ const GuxTabAdvancedList = class {
                     : this.i18n('createNewTab') }))))) : null));
     }
     renderScrollButton(direction) {
-        return (h("div", null, this.hasScrollbar ? (h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost" }, h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
+        return (h("div", null, this.hasScrollbar ? (h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost", "icon-only": true }, h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
     }
     getScrollDirection(direction) {
         switch (direction) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-b6ca2adc.js';
-const guxTabAdvancedPanelCss = "gux-tab-advanced-panel .gux-tabpanel:focus{outline:none}gux-tab-advanced-panel .gux-tabpanel:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxTabAdvancedPanelCss = "gux-tab-advanced-panel .gux-tabpanel:focus{outline:none}gux-tab-advanced-panel .gux-tabpanel:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxTabAdvancedPanelStyle0 = guxTabAdvancedPanelCss;
 const GuxTabAdvancedPanel = class {
@@ -20,7 +20,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (h("div", { key: '2b72fd9865bf11a5a685f25ff2e6f55d23a80809', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'b37c5485ff2db950a49bfc2a8809ddf960d2fe95' })));
+        return (h("div", { key: '96062a242436b0a7abf2ecf45659c8f003817585', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '369048ef2d4b849aa556415a3e705d7b43a7c1d7' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

package/dist/esm/gux-tab-advanced.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { t as tabsResources } from './en-bf740e9b.js';
 import './get-closest-element-728b9f18.js';
-const guxTabAdvancedCss = "gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-block-start-width:var(--gse-ui-advancedTabs-item-indicator-height);border-block-end-style:solid;border-block-end-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;inline-size:var(--gse-ui-advancedTabs-item-width);min-inline-size:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;inline-size:100px;min-inline-size:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{inline-size:var(--gse-ui-advancedTabs-item-divider-right-width);block-size:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-block-end-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";
+const guxTabAdvancedCss = "gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-block-start-width:var(--gse-ui-advancedTabs-item-indicator-height);border-block-end-style:solid;border-block-end-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;inline-size:var(--gse-ui-advancedTabs-item-width);min-inline-size:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;inline-size:100px;min-inline-size:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{inline-size:var(--gse-ui-advancedTabs-item-divider-right-width);block-size:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-block-end-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";
 const GuxTabAdvancedStyle0 = guxTabAdvancedCss;
 const GuxTabAdvanced = class {
@@ -155,12 +155,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            h("div", { key: '0cd834e55915955c37413d580f453db7db786b98', class: {
+            h("div", { key: 'c6cbf59b60814f0c870518a6ad2458722da72ecb', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'c44e08fe5b29f2721db1a50cd732201d4698e121', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '5da8e563bf45405cf0735629474ef3345ce35e01', class: "gux-divider" }))
+                } }, h("div", { key: '6e8c619352d7b0a9523c0dccc7b437c65fa94ec7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '3f57085651a17804ad3534569649a0bddf27a78d', class: "gux-divider" }))
         ];
     }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-b6ca2adc.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import './get-closest-element-728b9f18.js';
@@ -15,7 +15,7 @@ const tabsResources = {
 	scrollDown: scrollDown
 };
-const guxTabListCss = "gux-tabs[orientation=vertical]{block-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:100%;margin-inline-end:var(--gse-ui-tabs-set-vertical-marginRight);border-inline-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;block-size:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{inline-size:0;block-size:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{block-size:var(--gse-ui-tabs-set-horizontal-height);margin-block-end:var(--gse-ui-tabs-set-horizontal-marginBottom);border-block-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;inline-size:100%;overflow:hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{block-size: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;inline-size:28px;block-size:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{inline-size:16px;block-size: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}";
+const guxTabListCss = "gux-tabs[orientation=vertical]{block-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:100%;margin-inline-end:var(--gse-ui-tabs-set-vertical-marginRight);border-inline-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;block-size:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{inline-size:0;block-size:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{block-size:var(--gse-ui-tabs-set-horizontal-height);margin-block-end:var(--gse-ui-tabs-set-horizontal-marginBottom);border-block-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;inline-size:100%;overflow:hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{block-size:0}gux-tabs .gux-scroll-button-container{display:flex;align-items:center;justify-content:center;block-size:100%;background-color:var(--gse-ui-advancedTabs-set-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-tabs .gux-scroll-button-container gux-button-slot{block-size:100%}gux-tabs .gux-scroll-button-container button{display:flex;align-items:center;block-size:100%}";
 const GuxTabListStyle0 = guxTabListCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -279,14 +279,14 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (h("div", { key: 'cf5c63030572f78864494854583ee9bd19f0a870', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '953964238ed13c0293b02c88941c2a5e7e78b747', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '5c574060a3edb332b9ffa3a7113f539432e2fa95', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'f9a2be9ad993fbc8715700a5171e11329616fb29' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '68a4036f630f927d034e713232637135376a0abf', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ce98ee72a659cd2fef333c0d23c3b33c02270509' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }
     renderScrollButton(direction) {
-        return (h("div", { class: "gux-scroll-button-container" }, this.hasHorizontalScrollbar || this.hasVerticalScrollbar ? (h("button", { disabled: this.getButtonDisabled(direction), tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), class: "gux-scroll-button", onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true }))) : null));
+        return (h("div", { class: "gux-scroll-button-container" }, this.hasHorizontalScrollbar || this.hasVerticalScrollbar ? (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { class: "gux-scroll-button", disabled: this.getButtonDisabled(direction), tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true, size: "small" })))) : null));
     }
     getButtonDisabled(direction) {
         switch (direction) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b6ca2adc.js';
-const guxTabPanelCss = ":host{block-size:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){flex:1 1 auto}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxTabPanelCss = ":host{block-size:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){flex:1 1 auto}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxTabPanelStyle0 = guxTabPanelCss;
 const GuxTabPanel = class {
@@ -20,7 +20,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cdefa69dbe35c2153d09dbb5271032f1a1b89144', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '5f3eef976ce660910e09cc8830afef18345e7bec' })));
+        return (h(Host, { key: '72fce9122c2e3193c039fd3285b866b2094c8fda', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1da2e1c1701bba8e787fb03555c2be62dba480e1' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -37,11 +37,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (h("button", { key: '5e43ebbc5a71624336d5a794982f26bcb51e2af2', class: {
+        return (h("button", { key: 'aa3bcc806dfa47bf474cee961b5f2277951807c4', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '305915143f8e6be69dbb0268deeaccc8026101f2', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '8f7aa3b5a1345a470c935b25b6881355d18c47fb' }, h("slot", { key: 'b30fe19758c40a8be168f239a78d36b72ffe6999' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'c3d599184164cdf77815073d05c92b5604368dc9', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '6a31596ec74a12ed9a8caa1d1067baa2323110fb' }, h("slot", { key: '5732f8fd528af4ab78a91d6c2adec0a36b89dd45' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -2,11 +2,11 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-b6
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
-const guxTableSelectMenuCss = "gux-table-select-menu{display:inline-flex;font-family:var(--gse-ui-popover-body-text-fontFamily);font-size:var(--gse-ui-popover-body-text-fontSize);font-weight:var(--gse-ui-popover-body-text-fontWeight);line-height:var(--gse-ui-popover-body-text-lineHeight)}gux-table-select-menu .gux-select-menu-button{padding:0;margin-inline-start:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);background-color:inherit;border:none;outline:none}gux-table-select-menu .gux-select-menu-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
+const guxTableSelectMenuCss = "gux-table-select-menu{display:inline-flex;font-family:var(--gse-ui-popover-body-text-fontFamily);font-size:var(--gse-ui-popover-body-text-fontSize);font-weight:var(--gse-ui-popover-body-text-fontWeight);line-height:var(--gse-ui-popover-body-text-lineHeight)}gux-table-select-menu .gux-select-menu-button{padding:0;margin-inline-start:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);background-color:inherit;border:none;outline:none}gux-table-select-menu .gux-select-menu-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
 const GuxTableSelectMenuStyle0 = guxTableSelectMenuCss;
 const GuxTableSelectMenu = class {
@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '3f4d7e868f6a8c79db8a9baddd072b0424663356' }, h("slot", { key: 'd6ef0b0c3d0eb34dfb8af308d4623d327a202415' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '36e45655124ad5181deebfe2d69f2bd45893fed5' }, h("slot", { key: '2a789499b35d98ac6cabf4903a122438ac3317c8' }), this.renderSelectDropdown()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table-toolbar-action.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { t as trackComponent } from './usage-49b5f083.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import './get-closest-element-728b9f18.js';
 const actionRefresh = "Refresh";
@@ -62,7 +62,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '6830802bdfce126b57a25648e880538ca05e7996', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2b5c2092114ae9961fd2830475b589b6487c300d', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c673ad3b9d26f558d449e77041b414fecdeefc5f', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '68ec869bd5e0bb808aa673b8c25f06f3f050ae9c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2885c17ccaa33b83c2d22f0a36e121301d53d5d8', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'd1b739e412e328287fae60906c687d08018e304e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table-toolbar-custom-action.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { g as getClosestElement } from './get-closest-element-7b2f7d5b.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.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}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -33,7 +33,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '947b0bf7004cda17bf7fc166c0e4d7e18ab1bc73', accent: this.accent }, h("button", { key: 'f758053d0b61f7504363d801926b1d377ca310a5', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '3d534a9bbe7153ae555354bcbea827c252c93d62', name: "icon" }), h("span", { key: 'eb4e7bc37979b1274ad8c2e4ad481bc95b825d0f', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '23b4480765d22ceddbe30c56d4ff388f56108265', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '8842302d3fca3bb95d920b4dbeb63baf67bdf831', accent: this.accent }, h("button", { key: '01c43eca69bfaf3c1fd255259ef4dfc6c3ef1289', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '11d6ad2e9dada313f4b8965c700f5edad71f9c33', name: "icon" }), h("span", { key: '761958415c4fc7faab7717a8cd202789f7ff1c32', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'a9b2577294a63c65fbc05f36c3b63fb625e4c983', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-table-toolbar-menu-button.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
@@ -94,7 +94,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'e984a1b9744d3a16e1a9ed107ffdfeaee98f657c', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5c15d6c2d50bb79a24e674ffb313bcdf3e878d50', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '483109bdfbe2c9a640b1854c416a696eb1e570be', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '4069777ed1d76c712af2561473cfbc121ddd9ebd', accent: "secondary" }, h("button", { key: '3c5d473f1bbbf77dd44ff19b61260a195fc9dc91', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'c74a764ea5f8adc9419e7d2472ef4a3690100a9f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '293d55465c6d86655e07fc6dde74ab28485471ab', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f51e2b795f2af232e5881cdeb1eef639fefd258b', ref: el => (this.listElement = el) }, h("slot", { key: 'e18707fe8fe972247441eda1e665f84812eec6ef' }))))));
+        return (h(Host, { key: 'd44f35a8061400c7421f7014d426487b9e4e3fd8', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '48df5f61abcd383d93c3383b7bd3058308d36b11', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '201adf26646243e1165e416a71a2a6c49f6fec41', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '9d2dec965f058c92b2402491feacf014a3b257fe', accent: "secondary" }, h("button", { key: '76d4778662f599c1eaca6a41fe589a3b117d65c9', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'f782db31fe4cb4c5597e4006b632928516be10a9', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '314b9664aa90b37f4f920cd87b849c2f635ae81a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '23624778ef6cc94a83c9022d48930411f42ff940', ref: el => (this.listElement = el) }, h("slot", { key: '6912ab26092ecbad8ed3090f95f91934d46b7775' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-table-toolbar.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { O as OnResize } from './on-resize-15b5b704.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
@@ -208,9 +208,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: 'cdf6cdb9559028d68287d2e4be1a6d0012763b14', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '913ae1732e646235b24e815b5a509652f0cc3d9a', class: "search-filter-container" }, h("slot", { key: 'b70a609b3ae29e261376cbbdda679b8988c9cf26', name: "search-and-filter" })), h("div", { key: '73f5d14e816c9b280ac6c82c24999cb0a27c87cd', class: "section-spacing" }), h("div", { key: 'cd352d748597f1a912ade7e599e489652c8223d4', class: "gux-contextual-permanent-primary" }, h("div", { key: 'c28bf3b3f6e5a0d2a54b38771e79884e6f221f86', class: {
+        return (h(Host, { key: '90e6b05bd2fc44dd175abf44ee1594299f643e6b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'a1b3097240efe4bf8a585f663c23bb708d9eba5e', class: "search-filter-container" }, h("slot", { key: '26122433319c76e58c6b3a067d740f42864f52db', name: "search-and-filter" })), h("div", { key: '011a0848bb53b01ebca18b04617abe157a250225', class: "section-spacing" }), h("div", { key: 'd7246e4623ad9b6d85b93b7d775ad21212bbd57f', class: "gux-contextual-permanent-primary" }, h("div", { key: 'ffaa4b9bf551bb97f96b42860a64abf77f45039a', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ab3ca29628288d1247a28d54304e8ac8d15063de', name: "contextual-actions" })), h("div", { key: '422a9ca52fe3d0376e6518e27c3d1935395cf703', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '8447689c63d4af97f5f1785ce94f29e2a52c1541', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '601dfa4acfcaa684dae9d5ab90a7f69bf2670109', "show-menu": this.renderMenu() }, h("slot", { key: 'e5306eaf197d86e15f42c833e44026cd0fa55689', name: "menu-actions" })), h("slot", { key: '9c3d1e013e775b7f8e224a7529630d1779e2c899', name: "primary-action" })))));
+            } }, h("slot", { key: 'ba833b4d9c6e9c8f99b2ad04d8e757189f82ab7b', name: "contextual-actions" })), h("div", { key: '7deb6e6eafed9cd247eb067a2d2b90ddeb5995e3', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '080735f6e0183ecffac462bf3180b07880f708fb', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd9f58e1da5ba2d70575483bbf5df383e5dfcdc5b', "show-menu": this.renderMenu() }, h("slot", { key: '30872beb8a0ba25597e753a1419417a5baa36086', name: "menu-actions" })), h("slot", { key: '1b32d6d6cd11e80d59fab44d7c7bb27b2284a7a1', name: "primary-action" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table.entry.js CHANGED Viewed

@@ -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-b6ca2adc.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
@@ -277,7 +277,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: 'eb7fe9521f9e980139a44a3e1f8ebb4b9d554cc2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '3678531ddfd123bf13c2284f7aaa3948338950ee', class: "gux-table" }, h("div", { key: '38d498934df223a47a9d980da668ecbfd10ea24a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a4fdb9e26639db15ceb437fb9d8194d678cad5e0', name: "data" })), this.isTableEmpty && (h("div", { key: '96e8c611234824b2a71fbaa930ac79de3d70e1ff', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '35ec04bb5f0ed99b242f84ddf520a418697b3ad8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '5762b1aec939992952238cdc844845810db3f1ae', class: "gux-table" }, h("div", { key: '95e5ecc4c0a6b4b7daf32d9ebefe26e71a5b43b4', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '8e1a9195c504376ff72ecc24f715aa2c9dc97b9c', name: "data" })), this.isTableEmpty && (h("div", { key: '8e8f61a16477b4435435f24f334a2bc383aae678', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '6443625a55fbd1351809a2dd398cc03e4db167a9' }, h("slot", { key: 'bcd5a1a2e6b4a957192b7c03e2f8d6ddf5d3834c', name: "tab-list" }), h("slot", { key: 'c33661650600a13d1809b1f2451318dd5f87fd27', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'c1e6ee19ac93a85162e9acad397c8869ba5ebca1' }, h("slot", { key: 'e901abaf94cd806d792ac76a5952a1a0731c880f', name: "tab-list" }), h("slot", { key: '53eab40093c953f8b4642495c6cd5c50fbc030d6', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -47,7 +47,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '8c7764cf7749e407c905684fab751f728d824af2' }, h("div", { key: '468012a6b290efb6c5019a7a65d4f633d17c5fb9', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7e758ef8aed9fb617e66d3d15aeebe0dcad6d79f', name: "tab-list" }), h("div", { key: '1e9ec38f8547d5fe0dcbdf6852baeaf4035ae06a', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '92647aa7631aa42fbe9e4b5db632ef55fcabf878', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'e3c9253e4bdca6a7da95a8d58d61c146122e96cb' }, h("div", { key: '60a257e714c5a70f87bfa8bc4c6993ed87872e25', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '55b69debad17a969c5b09fee55e05eaa79b2bec0', name: "tab-list" }), h("div", { key: '05ab057d70188511a0213d16e205f69c079a2c07', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '192f35b83f6afb00d9c637cdd7cdd2da510b063e', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tag.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 import './get-closest-element-728b9f18.js';
 const tag = "tag with label: {label}";
@@ -10,7 +10,7 @@ const tagResources = {
 	"remove-tag": "Remove tag with label: {label}"
 };
-const guxTagCss = ":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;inset:0;content:\"\";background-color:#fff;border-radius:var(--gse-ui-tag-borderRadius);opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .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}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-ui-color-focus)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";
+const guxTagCss = ":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-disabled{position:relative;user-select:none;opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .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}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-ui-color-focus)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";
 const GuxTagStyle0 = guxTagCss;
 const GuxTag = class {
@@ -65,7 +65,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '78b1241f7578ed21f1ef24f0e668e86bad449fff', class: {
+        return (h("div", { key: 'eb8246953acb14c7ea8e35aff090a268c86ea6b5', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-ecb85439.js';
+import { t as trackComponent } from './usage-49b5f083.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4eaf7597.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
-import { g as getDesiredLocale } from './index-44765751.js';
+import { g as getDesiredLocale } from './index-2b16ce44.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
@@ -38,7 +38,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f91fba49cc7f17026ec02ad3056925e2e580812e' }, this.renderTime()));
+        return (h(Host, { key: 'e6c779ece02ed376c4c4794804bbd4d015d20696' }, this.renderTime()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-time-picker.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { g as getDesiredLocale, b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { g as getDesiredLocale, b as buildI18nForComponent } from './index-2b16ce44.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
@@ -214,7 +214,7 @@ function getValidValueMinuteChange(value, change, selectionStart) {
     return `${hour}:${wanted}`;
 }
-const guxTimePickerCss = ".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
+const guxTimePickerCss = ".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-time-picker .gux-input-time:hover:not(:disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
 const GuxTimePickerStyle0 = guxTimePickerCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -427,7 +427,7 @@ const GuxTimePicker = class {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: 'ba2438cd62eb971b9de79cdd9ace873707ec0930', class: {
+        return (h("gux-popup", { key: '6fd3adb8b8bc68c75b87900193c755ca2f7471af', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/esm/gux-time-zone-beta.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { t as trackComponent } from './usage-49b5f083.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-7b554c09.js';
 import './get-closest-element-728b9f18.js';
@@ -44,7 +44,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'ddc93f9e1aba150ca3300a2e733d9d6237676a28' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '8d744864b32da1834546404860b5da5304b67ef8' }, this.renderZoneDisplay()));
     }
     get root() { return getElement(this); }
 };