@sebgroup/green-core 3.24.1 → 3.24.2

package/components/table/table.imports.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import {
   GdsBadge,
   GdsButton,

package/components/table/table.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsTable } from "./table.component.js";
 GdsTable.define();
 export {

package/components/table/table.stories.data.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { html } from "lit";
 import { Slot } from "./table.types.js";
 const USERS_URL = "https://seb.io/api/components/table/table.users.json";
@@ -21,10 +21,8 @@ const defineSlots = (row) => ({
 let usersRawCache = null;
 let usersRawPromise = null;
 const loadUsersRaw = async () => {
-  if (usersRawCache)
-    return usersRawCache;
-  if (usersRawPromise)
-    return usersRawPromise;
+  if (usersRawCache) return usersRawCache;
+  if (usersRawPromise) return usersRawPromise;
   usersRawPromise = fetch(USERS_URL).then((response) => response.json()).then((data) => {
     usersRawCache = data;
     return data;
@@ -32,10 +30,8 @@ const loadUsersRaw = async () => {
   return usersRawPromise;
 };
 const loadUsers = async () => {
-  if (usersCache)
-    return usersCache;
-  if (usersPromise)
-    return usersPromise;
+  if (usersCache) return usersCache;
+  if (usersPromise) return usersPromise;
   usersPromise = loadUsersRaw().then((data) => data.map(defineSlots)).then((data) => {
     usersCache = data;
     return data;
@@ -268,10 +264,8 @@ const Users = {
   }
 };
 const loadFeedback = async () => {
-  if (feedbackCache)
-    return feedbackCache;
-  if (feedbackPromise)
-    return feedbackPromise;
+  if (feedbackCache) return feedbackCache;
+  if (feedbackPromise) return feedbackPromise;
   feedbackPromise = fetch(FEEDBACK_URL).then((response) => response.json()).then((data) => {
     feedbackCache = data;
     return data;

package/components/table/table.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const TableStyles = css`
   /* Host & Container */
@@ -469,12 +469,15 @@ const TableStyles = css`
     transition-timing-function: var(--gds-sys-motion-easing-enter);
     opacity: 1;
     translate: 0 0;
+  }
+
+  @starting-style {
 
-    @starting-style {
+  tr.expanded-row:not([aria-busy='true']) td {
       opacity: 0;
       translate: 0 4px;
-    }
   }
+    }
 
   tr.expanded-row.full:not([aria-busy='true']) .expanded-full-cell > * {
     transition-property: opacity, translate;
@@ -482,12 +485,15 @@ const TableStyles = css`
     transition-timing-function: var(--gds-sys-motion-easing-enter);
     opacity: 1;
     translate: 0 0;
+  }
+
+  @starting-style {
 
-    @starting-style {
+  tr.expanded-row.full:not([aria-busy='true']) .expanded-full-cell > * {
       opacity: 0;
       translate: 0 6px;
-    }
   }
+    }
 
   tr.expanded-row.expanded-group-end td:first-child {
     border-bottom-left-radius: var(--gds-sys-radius-s);
@@ -595,12 +601,15 @@ const TableStyles = css`
     transition-property: opacity, translate;
     transition-duration: var(--gds-sys-motion-duration-fast);
     transition-timing-function: var(--gds-sys-motion-easing-ease);
+  }
+
+  @starting-style {
 
-    @starting-style {
+  .header {
       opacity: 0;
       translate: 0 -2px;
-    }
   }
+    }
 
   /* Shared layout for header and footer sections */
   .header .lead,
@@ -1134,13 +1143,15 @@ const TableStyles = css`
     tbody tr {
       will-change: opacity, filter, translate;
       transition: all 242ms cubic-bezier(0.22, 0.61, 0.36, 1);
+    }
 
       @starting-style {
+    tbody tr {
         opacity: 0;
         filter: blur(20px);
         translate: 0 10px;
-      }
     }
+      }
   }
 
   /* Reduced motion */

package/components/table/table.types.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 const DENSITY_CONFIG = {
   compact: {
     input: "small",
@@ -22,14 +22,12 @@ const slotPrototype = {
     return this.value;
   },
   [Symbol.toPrimitive](hint) {
-    if (hint === "number")
-      return Number(this.value);
+    if (hint === "number") return Number(this.value);
     return String(this.value ?? "");
   }
 };
 function Slot(valueOrConfig, slotsOrKey = ["value"], keyOrSlots) {
-  if (isSlotValue(valueOrConfig))
-    return valueOrConfig;
+  if (isSlotValue(valueOrConfig)) return valueOrConfig;
   let slots = ["value"];
   let key;
   if (Array.isArray(slotsOrKey)) {

package/components/tabs/tab/tab.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../../chunks/chunk.CAV4X6PU.js";
-var _internals, _panelEl, _handleLeadTrailSlotChange, _updateSlottedIconSolid, updateSlottedIconSolid_fn, _syncAria, syncAria_fn;
+} from "../../../chunks/chunk.QU3DSPNU.js";
+var _internals, _panelEl, _handleLeadTrailSlotChange, _GdsTab_instances, updateSlottedIconSolid_fn, syncAria_fn;
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { GdsElement } from "../../../gds-element.js";
@@ -16,16 +16,15 @@ import TabStyles from "./tab.styles.js";
 let GdsTab = class extends GdsElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _updateSlottedIconSolid);
-    __privateAdd(this, _syncAria);
+    __privateAdd(this, _GdsTab_instances);
     __privateAdd(this, _internals, this.attachInternals());
-    __privateAdd(this, _panelEl, void 0);
+    __privateAdd(this, _panelEl);
     this.size = "medium";
     this.disabled = false;
     this.selected = false;
     this.panel = "";
     __privateAdd(this, _handleLeadTrailSlotChange, () => {
-      __privateMethod(this, _updateSlottedIconSolid, updateSlottedIconSolid_fn).call(this);
+      __privateMethod(this, _GdsTab_instances, updateSlottedIconSolid_fn).call(this);
     });
   }
   /**
@@ -37,7 +36,7 @@ let GdsTab = class extends GdsElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    __privateMethod(this, _syncAria, syncAria_fn).call(this);
+    __privateMethod(this, _GdsTab_instances, syncAria_fn).call(this);
     this.addEventListener("click", () => void 0);
     this.addEventListener("keydown", (event) => {
       if (event.key === "Tab") {
@@ -47,18 +46,18 @@ let GdsTab = class extends GdsElement {
     });
   }
   _handleSelectedChange() {
-    __privateMethod(this, _updateSlottedIconSolid, updateSlottedIconSolid_fn).call(this);
-    __privateMethod(this, _syncAria, syncAria_fn).call(this);
+    __privateMethod(this, _GdsTab_instances, updateSlottedIconSolid_fn).call(this);
+    __privateMethod(this, _GdsTab_instances, syncAria_fn).call(this);
   }
   _handleDisabledChange() {
-    __privateMethod(this, _syncAria, syncAria_fn).call(this);
+    __privateMethod(this, _GdsTab_instances, syncAria_fn).call(this);
   }
   /**
    * @internal
    */
   _setPanelEl(panelEl) {
     __privateSet(this, _panelEl, panelEl);
-    __privateMethod(this, _syncAria, syncAria_fn).call(this);
+    __privateMethod(this, _GdsTab_instances, syncAria_fn).call(this);
   }
   render() {
     return html`<div class=${classMap({ small: this.size === "small" })}>
@@ -71,7 +70,7 @@ let GdsTab = class extends GdsElement {
 _internals = new WeakMap();
 _panelEl = new WeakMap();
 _handleLeadTrailSlotChange = new WeakMap();
-_updateSlottedIconSolid = new WeakSet();
+_GdsTab_instances = new WeakSet();
 updateSlottedIconSolid_fn = function() {
   const slotNames = ["lead", "trail"];
   for (const name of slotNames) {
@@ -86,7 +85,6 @@ updateSlottedIconSolid_fn = function() {
     }
   }
 };
-_syncAria = new WeakSet();
 syncAria_fn = function() {
   this.setAttribute("role", "tab");
   __privateGet(this, _internals).ariaSelected = this.selected ? "true" : "false";

package/components/tabs/tab/tab.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.CAV4X6PU.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { GdsTab } from "./tab.component.js";
 GdsTab.define();
 export {

package/components/tabs/tab/tab.styles.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.CAV4X6PU.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base {
@@ -29,28 +29,28 @@ const style = css`
       transition-duration: 0.2s;
       white-space: nowrap;
       gap: var(--gds-sys-space-xs);
+    }
 
       @media (pointer: fine) {
-        &:hover {
+        div:hover {
           color: var(--gds-sys-color-content-neutral-01);
         }
       }
 
-      &.small {
+      div.small {
         padding-inline: var(--gds-sys-space-xs);
         height: 30px;
         font: var(--gds-sys-text-detail-s-book);
       }
-    }
 
     :host(:focus) {
       outline-color: var(--gds-sys-color-content-neutral-01);
       outline-offset: -3px;
+    }
 
-      &:not(:focus-visible) {
+      :host(:focus):not(:focus-visible) {
         outline-color: transparent;
       }
-    }
 
     :host([selected]) div {
       color: var(--gds-sys-color-content-neutral-01);

package/components/tabs/tab-panel/tab-panel.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../../chunks/chunk.CAV4X6PU.js";
-var _internals, _tabEl, _selected, _syncAria, syncAria_fn;
+} from "../../../chunks/chunk.QU3DSPNU.js";
+var _internals, _tabEl, _selected, _GdsTabPanel_instances, syncAria_fn;
 import { property } from "lit/decorators.js";
 import { GdsElement } from "../../../gds-element.js";
 import { gdsCustomElement, html } from "../../../scoping.js";
@@ -13,9 +13,9 @@ import TabPanelStyles from "./tab-panel.styles.js";
 let GdsTabPanel = class extends GdsElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _syncAria);
+    __privateAdd(this, _GdsTabPanel_instances);
     __privateAdd(this, _internals, this.attachInternals());
-    __privateAdd(this, _tabEl, void 0);
+    __privateAdd(this, _tabEl);
     __privateAdd(this, _selected, false);
     this.name = "";
   }
@@ -28,14 +28,14 @@ let GdsTabPanel = class extends GdsElement {
   connectedCallback() {
     super.connectedCallback();
     this.tabIndex = -1;
-    __privateMethod(this, _syncAria, syncAria_fn).call(this);
+    __privateMethod(this, _GdsTabPanel_instances, syncAria_fn).call(this);
   }
   /**
    * @internal
    */
   _setTabEl(tabEl) {
     __privateSet(this, _tabEl, tabEl);
-    __privateMethod(this, _syncAria, syncAria_fn).call(this);
+    __privateMethod(this, _GdsTabPanel_instances, syncAria_fn).call(this);
   }
   /**
    * @internal
@@ -47,7 +47,7 @@ let GdsTabPanel = class extends GdsElement {
     } else {
       this.setAttribute("hidden", "");
     }
-    __privateMethod(this, _syncAria, syncAria_fn).call(this);
+    __privateMethod(this, _GdsTabPanel_instances, syncAria_fn).call(this);
   }
   render() {
     return html`<slot></slot>`;
@@ -56,7 +56,7 @@ let GdsTabPanel = class extends GdsElement {
 _internals = new WeakMap();
 _tabEl = new WeakMap();
 _selected = new WeakMap();
-_syncAria = new WeakSet();
+_GdsTabPanel_instances = new WeakSet();
 syncAria_fn = function() {
   this.setAttribute("role", "tabpanel");
   __privateGet(this, _internals).ariaLabelledByElements = __privateGet(this, _tabEl) ? [__privateGet(this, _tabEl)] : [];

package/components/tabs/tab-panel/tab-panel.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.CAV4X6PU.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { GdsTabPanel } from "./tab-panel.component.js";
 GdsTabPanel.define();
 export {

package/components/tabs/tab-panel/tab-panel.styles.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.CAV4X6PU.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base {

package/components/tabs/tabs.component.js

@@ -3,8 +3,8 @@ import {
   __privateAdd,
   __privateGet,
   __privateMethod
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _tabTriggers, tabTriggers_get, _handleSlotChange, _handleTabClick, _handleHostKeydown, _select, select_fn, _clearScrollingDebounced, _handleTrackScroll, _updateMarker, _setupTrackOverflow, setupTrackOverflow_fn, _checkTabVisibility, _checkTabVisibilityDebounced, _updateScrollBtnState, _scrollLeft, _scrollRight, _scrollSelectedTabIntoView, scrollSelectedTabIntoView_fn, _normalizeSelected, normalizeSelected_fn, _applySelection, applySelection_fn, _firstEnabledIndex, firstEnabledIndex_fn, _getNextEnabledIndex, getNextEnabledIndex_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _GdsTabs_instances, tabTriggers_get, _handleSlotChange, _handleTabClick, _handleHostKeydown, select_fn, _clearScrollingDebounced, _handleTrackScroll, _updateMarker, setupTrackOverflow_fn, _checkTabVisibility, _checkTabVisibilityDebounced, _updateScrollBtnState, _scrollLeft, _scrollRight, scrollSelectedTabIntoView_fn, normalizeSelected_fn, applySelection_fn, firstEnabledIndex_fn, getNextEnabledIndex_fn;
 import { localized, msg } from "@lit/localize";
 import { property, query, state } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
@@ -35,20 +35,7 @@ let GdsTabs = class extends withLayoutChildProps(
 ) {
   constructor() {
     super(...arguments);
-    /** Slotted gds-tab elements (available after firstUpdated). */
-    __privateAdd(this, _tabTriggers);
-    /** Selects a tab by index and emits the public change event. */
-    __privateAdd(this, _select);
-    /** Ensures the scroll listener is attached once and updates scroll button visibility. */
-    __privateAdd(this, _setupTrackOverflow);
-    __privateAdd(this, _scrollSelectedTabIntoView);
-    /** Resolves the selected index from child state and guards against invalid or disabled targets. */
-    __privateAdd(this, _normalizeSelected);
-    __privateAdd(this, _applySelection);
-    /** Returns the first enabled tab index, or `-1` when every tab is disabled. */
-    __privateAdd(this, _firstEnabledIndex);
-    /** Resolves the next enabled tab index for arrow, Home, and End keyboard navigation. */
-    __privateAdd(this, _getNextEnabledIndex);
+    __privateAdd(this, _GdsTabs_instances);
     this.selected = 0;
     this.label = "";
     this._showPrevButton = false;
@@ -56,12 +43,12 @@ let GdsTabs = class extends withLayoutChildProps(
     this._hasResolvedInitialSelection = false;
     this._isScrollListenerBound = false;
     __privateAdd(this, _handleSlotChange, () => {
-      __privateMethod(this, _normalizeSelected, normalizeSelected_fn).call(this);
-      __privateMethod(this, _applySelection, applySelection_fn).call(this);
+      __privateMethod(this, _GdsTabs_instances, normalizeSelected_fn).call(this);
+      __privateMethod(this, _GdsTabs_instances, applySelection_fn).call(this);
       this.requestUpdate();
       this.updateComplete.then(() => {
-        __privateMethod(this, _setupTrackOverflow, setupTrackOverflow_fn).call(this);
-        __privateMethod(this, _scrollSelectedTabIntoView, scrollSelectedTabIntoView_fn).call(this);
+        __privateMethod(this, _GdsTabs_instances, setupTrackOverflow_fn).call(this);
+        __privateMethod(this, _GdsTabs_instances, scrollSelectedTabIntoView_fn).call(this);
         __privateGet(this, _checkTabVisibilityDebounced).call(this);
         __privateGet(this, _updateMarker).call(this);
       });
@@ -74,13 +61,11 @@ let GdsTabs = class extends withLayoutChildProps(
       const clickedTab = this.tabs.find(
         (t) => t === event.target || t.contains(event.target)
       );
-      if (!clickedTab || clickedTab.disabled)
-        return;
+      if (!clickedTab || clickedTab.disabled) return;
       event.preventDefault();
       const index = this.tabs.indexOf(clickedTab);
-      if (index === -1)
-        return;
-      __privateMethod(this, _select, select_fn).call(this, index);
+      if (index === -1) return;
+      __privateMethod(this, _GdsTabs_instances, select_fn).call(this, index);
     });
     /**
      * Keyboard delegation on the host element. Works for both direct keydown
@@ -93,16 +78,13 @@ let GdsTabs = class extends withLayoutChildProps(
       ))
         return;
       const sourceTab = event.target;
-      if (!(sourceTab instanceof GdsTab))
-        return;
+      if (!(sourceTab instanceof GdsTab)) return;
       event.preventDefault();
       const currentIndex = this.tabs.indexOf(sourceTab);
-      if (currentIndex < 0 || currentIndex >= this.tabs.length)
-        return;
-      const nextIndex = __privateMethod(this, _getNextEnabledIndex, getNextEnabledIndex_fn).call(this, currentIndex, event.key);
-      if (nextIndex === void 0)
-        return;
-      __privateMethod(this, _select, select_fn).call(this, nextIndex);
+      if (currentIndex < 0 || currentIndex >= this.tabs.length) return;
+      const nextIndex = __privateMethod(this, _GdsTabs_instances, getNextEnabledIndex_fn).call(this, currentIndex, event.key);
+      if (nextIndex === void 0) return;
+      __privateMethod(this, _GdsTabs_instances, select_fn).call(this, nextIndex);
       this.tabs[nextIndex]?.focus();
     });
     __privateAdd(this, _clearScrollingDebounced, debounce(() => {
@@ -115,9 +97,8 @@ let GdsTabs = class extends withLayoutChildProps(
     });
     /** Measures the selected tab's position relative to the nav and updates the marker's CSS custom properties. */
     __privateAdd(this, _updateMarker, () => {
-      if (!this._elMarker || !this._elTabsContainer)
-        return;
-      const selectedTab = __privateGet(this, _tabTriggers, tabTriggers_get)[this.selected];
+      if (!this._elMarker || !this._elTabsContainer) return;
+      const selectedTab = __privateGet(this, _GdsTabs_instances, tabTriggers_get)[this.selected];
       if (!selectedTab) {
         this._elMarker.style.setProperty("--_marker-width", "0px");
         return;
@@ -135,10 +116,9 @@ let GdsTabs = class extends withLayoutChildProps(
      * scrollable track container.
      */
     __privateAdd(this, _checkTabVisibility, () => {
-      if (!this._elTrack)
-        return;
+      if (!this._elTrack) return;
       const trackRect = this._elTrack.getBoundingClientRect();
-      __privateGet(this, _tabTriggers, tabTriggers_get).forEach((tab) => {
+      __privateGet(this, _GdsTabs_instances, tabTriggers_get).forEach((tab) => {
         const tabRect = tab.getBoundingClientRect();
         const isVisible = tabRect.left >= trackRect.left - 1 && tabRect.right <= trackRect.right + 1;
         tab.dataset.isVisible = String(isVisible);
@@ -147,7 +127,7 @@ let GdsTabs = class extends withLayoutChildProps(
     });
     __privateAdd(this, _checkTabVisibilityDebounced, debounce(__privateGet(this, _checkTabVisibility), 50));
     __privateAdd(this, _updateScrollBtnState, () => {
-      const tabTriggers = __privateGet(this, _tabTriggers, tabTriggers_get);
+      const tabTriggers = __privateGet(this, _GdsTabs_instances, tabTriggers_get);
       if (tabTriggers.length === 0) {
         this._showPrevButton = false;
         this._showNextButton = false;
@@ -166,7 +146,7 @@ let GdsTabs = class extends withLayoutChildProps(
       this._showNextButton = this._elTrack.scrollLeft < maxScrollLeft - 1;
     });
     __privateAdd(this, _scrollLeft, () => {
-      const tabTriggers = __privateGet(this, _tabTriggers, tabTriggers_get);
+      const tabTriggers = __privateGet(this, _GdsTabs_instances, tabTriggers_get);
       const nextLeftOutOfView = tabTriggers.filter(
         (tab, index, all) => all[index + 1]?.dataset.isVisible === "true" && tab.dataset.isVisible !== "true"
       )[0];
@@ -177,7 +157,7 @@ let GdsTabs = class extends withLayoutChildProps(
       this._elTrack.scrollLeft -= this._elTrack.clientWidth * 0.8;
     });
     __privateAdd(this, _scrollRight, () => {
-      const tabTriggers = __privateGet(this, _tabTriggers, tabTriggers_get);
+      const tabTriggers = __privateGet(this, _GdsTabs_instances, tabTriggers_get);
       const nextRightOutOfView = tabTriggers.filter(
         (tab, index, all) => all[index - 1]?.dataset.isVisible === "true" && tab.dataset.isVisible !== "true"
       ).reverse()[0];
@@ -198,13 +178,13 @@ let GdsTabs = class extends withLayoutChildProps(
     super.connectedCallback();
     this.addEventListener("keydown", __privateGet(this, _handleHostKeydown));
     this.updateComplete.then(() => {
-      __privateMethod(this, _setupTrackOverflow, setupTrackOverflow_fn).call(this);
+      __privateMethod(this, _GdsTabs_instances, setupTrackOverflow_fn).call(this);
     });
   }
   firstUpdated() {
-    __privateMethod(this, _normalizeSelected, normalizeSelected_fn).call(this);
-    __privateMethod(this, _applySelection, applySelection_fn).call(this);
-    __privateMethod(this, _setupTrackOverflow, setupTrackOverflow_fn).call(this);
+    __privateMethod(this, _GdsTabs_instances, normalizeSelected_fn).call(this);
+    __privateMethod(this, _GdsTabs_instances, applySelection_fn).call(this);
+    __privateMethod(this, _GdsTabs_instances, setupTrackOverflow_fn).call(this);
     __privateGet(this, _updateMarker).call(this);
     Promise.resolve().then(() => {
       this._elMarker?.setAttribute("data-ready", "");
@@ -224,10 +204,10 @@ let GdsTabs = class extends withLayoutChildProps(
     __privateGet(this, _updateMarker).call(this);
   }
   _handleSelectedChange() {
-    __privateMethod(this, _normalizeSelected, normalizeSelected_fn).call(this);
-    __privateMethod(this, _applySelection, applySelection_fn).call(this);
+    __privateMethod(this, _GdsTabs_instances, normalizeSelected_fn).call(this);
+    __privateMethod(this, _GdsTabs_instances, applySelection_fn).call(this);
     this.updateComplete.then(() => {
-      __privateMethod(this, _scrollSelectedTabIntoView, scrollSelectedTabIntoView_fn).call(this);
+      __privateMethod(this, _GdsTabs_instances, scrollSelectedTabIntoView_fn).call(this);
       __privateGet(this, _checkTabVisibilityDebounced).call(this);
       __privateGet(this, _updateMarker).call(this);
     });
@@ -276,7 +256,7 @@ let GdsTabs = class extends withLayoutChildProps(
     `;
   }
 };
-_tabTriggers = new WeakSet();
+_GdsTabs_instances = new WeakSet();
 tabTriggers_get = function() {
   const slot = this.renderRoot.querySelector('slot[name="tab"]');
   return slot?.assignedElements() ?? [];
@@ -284,14 +264,12 @@ tabTriggers_get = function() {
 _handleSlotChange = new WeakMap();
 _handleTabClick = new WeakMap();
 _handleHostKeydown = new WeakMap();
-_select = new WeakSet();
+/** Selects a tab by index and emits the public change event. */
 select_fn = function(index) {
-  if (this.selected === index)
-    return;
+  if (this.selected === index) return;
   this.selected = index;
   const tab = this.tabs[index];
-  if (!tab)
-    return;
+  if (!tab) return;
   this.dispatchCustomEvent("gds-tab-change", {
     detail: { index, tab },
     bubbles: true,
@@ -301,7 +279,7 @@ select_fn = function(index) {
 _clearScrollingDebounced = new WeakMap();
 _handleTrackScroll = new WeakMap();
 _updateMarker = new WeakMap();
-_setupTrackOverflow = new WeakSet();
+/** Ensures the scroll listener is attached once and updates scroll button visibility. */
 setupTrackOverflow_fn = function() {
   if (!this._isScrollListenerBound && this._elTrack) {
     this._elTrack.addEventListener(
@@ -318,14 +296,13 @@ _checkTabVisibilityDebounced = new WeakMap();
 _updateScrollBtnState = new WeakMap();
 _scrollLeft = new WeakMap();
 _scrollRight = new WeakMap();
-_scrollSelectedTabIntoView = new WeakSet();
 scrollSelectedTabIntoView_fn = function() {
-  __privateGet(this, _tabTriggers, tabTriggers_get)[this.selected]?.scrollIntoView({
+  __privateGet(this, _GdsTabs_instances, tabTriggers_get)[this.selected]?.scrollIntoView({
     block: "nearest",
     inline: "nearest"
   });
 };
-_normalizeSelected = new WeakSet();
+/** Resolves the selected index from child state and guards against invalid or disabled targets. */
 normalizeSelected_fn = function() {
   const tabs = this.tabs;
   if (tabs.length === 0) {
@@ -341,10 +318,9 @@ normalizeSelected_fn = function() {
     this._hasResolvedInitialSelection = true;
   }
   if (this.selected < 0 || this.selected >= tabs.length || tabs[this.selected]?.disabled) {
-    this.selected = __privateMethod(this, _firstEnabledIndex, firstEnabledIndex_fn).call(this);
+    this.selected = __privateMethod(this, _GdsTabs_instances, firstEnabledIndex_fn).call(this);
   }
 };
-_applySelection = new WeakSet();
 applySelection_fn = function() {
   this.tabs.forEach((tab, index) => {
     const isSelected = index === this.selected;
@@ -362,31 +338,27 @@ applySelection_fn = function() {
     panel._setSelected(isSelected);
   });
 };
-_firstEnabledIndex = new WeakSet();
+/** Returns the first enabled tab index, or `-1` when every tab is disabled. */
 firstEnabledIndex_fn = function() {
   const firstEnabled = this.tabs.findIndex((tab) => !tab.disabled);
   return firstEnabled === -1 ? -1 : firstEnabled;
 };
-_getNextEnabledIndex = new WeakSet();
+/** Resolves the next enabled tab index for arrow, Home, and End keyboard navigation. */
 getNextEnabledIndex_fn = function(currentIndex, key) {
   const tabs = this.tabs;
   const tabCount = tabs.length;
-  if (tabCount === 0)
-    return void 0;
-  if (key === "Home")
-    return __privateMethod(this, _firstEnabledIndex, firstEnabledIndex_fn).call(this);
+  if (tabCount === 0) return void 0;
+  if (key === "Home") return __privateMethod(this, _GdsTabs_instances, firstEnabledIndex_fn).call(this);
   if (key === "End") {
     for (let i = tabCount - 1; i >= 0; i -= 1) {
-      if (!tabs[i].disabled)
-        return i;
+      if (!tabs[i].disabled) return i;
     }
     return void 0;
   }
   const direction = key === "ArrowRight" || key === "Right" ? 1 : -1;
   for (let step = 1; step <= tabCount; step += 1) {
     const candidate = (currentIndex + step * direction + tabCount) % tabCount;
-    if (!tabs[candidate].disabled)
-      return candidate;
+    if (!tabs[candidate].disabled) return candidate;
   }
   return void 0;
 };

package/components/tabs/tabs.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsTabs } from "./tabs.component.js";
 GdsTabs.define();
 export {