@momentum-design/components 0.133.37 → 0.133.38

package/dist/components/tablist/tablist.component.d.ts

@@ -121,6 +121,12 @@ declare class TabList extends TabList_base {
      */
     protected firstUpdated(): Promise<void>;
     disconnectedCallback(): void;
+    /**
+     * Override focus to delegate to the active tab.
+     * When a dialog focus-trap or any other caller invokes `.focus()` on the tablist host,
+     * focus is forwarded directly to the active tab instead of landing on the shadow host.
+     */
+    focus(options?: FocusOptions): void;
     /**
      * When the tablist receives focus, then focus the active tab.
      *
@@ -160,5 +166,13 @@ declare class TabList extends TabList_base {
     private scrollTabs;
     render(): import("lit-html").TemplateResult<1>;
     static styles: Array<CSSResult>;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
 }
 export default TabList;

package/dist/components/tablist/tablist.component.js

@@ -199,6 +199,20 @@ class TabList extends ListNavigationMixin(CaptureDestroyEventForChildElement(Key
         super.disconnectedCallback();
         (_a = this.tabsContainer) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusin', this.handleFocus);
     }
+    /**
+     * Override focus to delegate to the active tab.
+     * When a dialog focus-trap or any other caller invokes `.focus()` on the tablist host,
+     * focus is forwarded directly to the active tab instead of landing on the shadow host.
+     */
+    focus(options) {
+        const activeTab = getActiveTab(this.navItems);
+        if (activeTab) {
+            activeTab.focus(options);
+        }
+        else {
+            super.focus(options);
+        }
+    }
     /**
      * When the tablist receives focus, then focus the active tab.
      *
@@ -208,7 +222,8 @@ class TabList extends ListNavigationMixin(CaptureDestroyEventForChildElement(Key
     async handleFocus(event) {
         /**
          * If the element losing focus is a tab, do nothing.
-         * If the element gaining focus is not a tab, do nothing.
+         * If the element gaining focus is not a tab or the container itself (e.g., via delegatesFocus
+         * or a click on the container), do nothing — the focus() override handles the programmatic case.
          * This also covers the case when previous focus was on a tab that belongs to another tablist.
          */
         if (event.relatedTarget instanceof Tab || !(event.target instanceof Tab)) {
@@ -354,6 +369,7 @@ class TabList extends ListNavigationMixin(CaptureDestroyEventForChildElement(Key
     }
 }
 TabList.styles = [...Component.styles, ...styles];
+TabList.shadowRootOptions = { ...Component.shadowRootOptions, delegatesFocus: true };
 __decorate([
     property({ type: String, attribute: 'data-aria-label' }),
     __metadata("design:type", String)

package/dist/custom-elements.json

@@ -46644,6 +46644,26 @@
               "description": "Label for the tablist.\nThis is used when the tablist does not have a visible label.",
               "attribute": "data-aria-label"
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Override focus to delegate to the active tab.\nWhen a dialog focus-trap or any other caller invokes `.focus()` on the tablist host,\nfocus is forwarded directly to the active tab instead of landing on the shadow host."
+            },
             {
               "kind": "method",
               "name": "getCurrentIndex",
@@ -46748,6 +46768,15 @@
                 "module": "utils/mixins/ListNavigationMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...Component.shadowRootOptions, delegatesFocus: true }"
+            },
             {
               "kind": "method",
               "name": "shouldLoop",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.133.37",
+  "version": "0.133.38",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"