Merge branch 'angular:main' into chip-edit

Author: adolgachev

WORKSPACE

@@ -242,7 +242,7 @@ esbuild_register_toolchains(
 
 git_repository(
     name = "rules_browsers",
-    commit = "c8246bb6d8bba4e2ae23fc39c7b0cec651953e6d",
+    commit = "671017c30c0a595d7d639f59c6985255e4b90e0a",
     remote = "https://github.com/devversion/rules_browsers.git",
 )
 

docs/src/app/pages/component-sidenav/component-sidenav.scss

@@ -117,7 +117,7 @@ div.docs-component-viewer-nav-content .mat-nav-list .mat-mdc-list-item .mat-list
 
 @media (max-width: 720px) {
   .docs-component-viewer-sidenav-container {
-    flex: 1 0 auto;
+    flex: 1 0;
   }
 
   .docs-component-sidenav-body-content {

goldens/cdk/dialog/index.api.md

@@ -38,7 +38,7 @@ import { ViewContainerRef } from '@angular/core';
 export type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading';
 
 // @public
-export class CdkDialogContainer<C extends DialogConfig = DialogConfig> extends BasePortalOutlet implements OnDestroy {
+export class CdkDialogContainer<C extends DialogConfig = DialogConfig> extends BasePortalOutlet implements DialogContainer, OnDestroy {
     constructor(...args: unknown[]);
     // (undocumented)
     _addAriaLabelledBy(id: string): void;
@@ -62,6 +62,8 @@ export class CdkDialogContainer<C extends DialogConfig = DialogConfig> extends B
     // (undocumented)
     protected _focusTrapFactory: FocusTrapFactory;
     // (undocumented)
+    _focusTrapped: Observable<void>;
+    // (undocumented)
     ngOnDestroy(): void;
     // (undocumented)
     protected _ngZone: NgZone;
@@ -111,7 +113,7 @@ export interface DialogCloseOptions {
 }
 
 // @public
-export class DialogConfig<D = unknown, R = unknown, C extends BasePortalOutlet = BasePortalOutlet> {
+export class DialogConfig<D = unknown, R = unknown, C extends DialogContainer = BasePortalOutlet> {
     ariaDescribedBy?: string | null;
     ariaLabel?: string | null;
     ariaLabelledBy?: string | null;
@@ -149,6 +151,13 @@ export class DialogConfig<D = unknown, R = unknown, C extends BasePortalOutlet =
     width?: string;
 }
 
+// @public
+export type DialogContainer = BasePortalOutlet & {
+    _focusTrapped?: Observable<void>;
+    _closeInteractionType?: FocusOrigin;
+    _recaptureFocus?: () => void;
+};
+
 // @public (undocumented)
 export class DialogModule {
     // (undocumented)
@@ -161,19 +170,16 @@ export class DialogModule {
 
 // @public
 export class DialogRef<R = unknown, C = unknown> {
-    constructor(overlayRef: OverlayRef, config: DialogConfig<any, DialogRef<R, C>, BasePortalOutlet>);
+    constructor(overlayRef: OverlayRef, config: DialogConfig<any, DialogRef<R, C>, DialogContainer>);
     addPanelClass(classes: string | string[]): this;
     readonly backdropClick: Observable<MouseEvent>;
     close(result?: R, options?: DialogCloseOptions): void;
     readonly closed: Observable<R | undefined>;
     readonly componentInstance: C | null;
     readonly componentRef: ComponentRef<C> | null;
     // (undocumented)
-    readonly config: DialogConfig<any, DialogRef<R, C>, BasePortalOutlet>;
-    readonly containerInstance: BasePortalOutlet & {
-        _closeInteractionType?: FocusOrigin;
-        _recaptureFocus?: () => void;
-    };
+    readonly config: DialogConfig<any, DialogRef<R, C>, DialogContainer>;
+    readonly containerInstance: DialogContainer;
     disableClose: boolean | undefined;
     readonly id: string;
     readonly keydownEvents: Observable<KeyboardEvent>;

src/cdk-experimental/tabs/tabs.ts

@@ -20,7 +20,7 @@ import {
   inject,
   input,
   model,
-  signal,
+  linkedSignal,
 } from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
 import {TabListPattern, TabPanelPattern, TabPattern} from '../ui-patterns';
@@ -97,6 +97,9 @@ export class CdkTabList {
   /** The CdkTabs nested inside of the CdkTabList. */
   private readonly _cdkTabs = contentChildren(CdkTab);
 
+  /** The internal tab selection state. */
+  private readonly _selection = linkedSignal(() => (this.tab() ? [this.tab()!] : []));
+
   /** A signal wrapper for directionality. */
   protected textDirection = toSignal(this._directionality.change, {
     initialValue: this._directionality.value,
@@ -126,13 +129,21 @@ export class CdkTabList {
   /** The current index that has been navigated to. */
   activeIndex = model<number>(0);
 
+  // TODO(ok7sai): Provides a default state when there is no pre-select tab.
+  /** The current selected tab. */
+  tab = model<string | undefined>();
+
   /** The TabList UIPattern. */
   pattern: TabListPattern = new TabListPattern({
     ...this,
     items: this.tabs,
     textDirection: this.textDirection,
-    value: signal<string[]>([]),
+    value: this._selection,
   });
+
+  constructor() {
+    effect(() => this.tab.set(this._selection()[0]));
+  }
 }
 
 /** A selectable tab in a TabList. */

src/cdk-experimental/ui-patterns/tabs/BUILD.bazel

@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "ts_project")
+load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -17,3 +17,22 @@ ts_project(
         "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
     ],
 )
+
+ts_project(
+    name = "unit_test_sources",
+    testonly = True,
+    srcs = [
+        "tabs.spec.ts",
+    ],
+    deps = [
+        ":tabs",
+        "//:node_modules/@angular/core",
+        "//src/cdk/keycodes",
+        "//src/cdk/testing/private",
+    ],
+)
+
+ng_web_test_suite(
+    name = "unit_tests",
+    deps = [":unit_test_sources"],
+)