Migrated build targets to ng_project and fixed breakage

Author: ok7sai

src/cdk-experimental/deferred-content/BUILD.bazel

@@ -1,16 +1,16 @@
-load("//tools:defaults.bzl", "ng_module", "ng_web_test_suite")
-load("//tools:defaults2.bzl", "ts_project")
+load("//tools:defaults.bzl", "ng_web_test_suite")
+load("//tools:defaults2.bzl", "ng_project", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ng_module(
+ng_project(
     name = "deferred-content",
     srcs = glob(
         ["**/*.ts"],
         exclude = ["**/*.spec.ts"],
     ),
     deps = [
-        "@npm//@angular/core",
+        "//:node_modules/@angular/core",
     ],
 )
 
@@ -21,10 +21,8 @@ ts_project(
         ["**/*.spec.ts"],
         exclude = ["**/*.e2e.spec.ts"],
     ),
-    interop_deps = [
-        ":deferred-content",
-    ],
     deps = [
+        ":deferred-content",
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/platform-browser",
     ],

src/cdk-experimental/tabs/BUILD.bazel

@@ -1,8 +1,8 @@
-load("//tools:defaults.bzl", "ng_module")
+load("//tools:defaults2.bzl", "ng_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ng_module(
+ng_project(
     name = "tabs",
     srcs = glob(
         ["**/*.ts"],

src/cdk-experimental/tabs/tabs.ts

@@ -15,6 +15,7 @@ import {
   ElementRef,
   inject,
   input,
+  signal,
   model,
 } from '@angular/core';
 import {Directionality} from '@angular/cdk/bidi';
@@ -126,6 +127,7 @@ export class CdkTablist {
     ...this,
     items: this.tabs,
     textDirection: this.textDirection,
+    value: signal<string[]>([]),
   });
 }
 
@@ -172,6 +174,7 @@ export class CdkTab {
   pattern: TabPattern = new TabPattern({
     ...this,
     id: () => this._id,
+    value: () => this._id,
     element: () => this._elementRef.nativeElement,
     tablist: this.tablist,
     tabpanel: this.tabpanel,

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

@@ -10,13 +10,8 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-<<<<<<< HEAD
         "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
         "//src/cdk-experimental/ui-patterns/listbox",
-=======
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like:signal-like_rjs",
-        "//src/cdk-experimental/ui-patterns/listbox:listbox_rjs",
-        "//src/cdk-experimental/ui-patterns/tabs:tabs_rjs",
->>>>>>> a9685f503 (Migrated build targets to `ts_project`)
+        "//src/cdk-experimental/ui-patterns/tabs",
     ],
 )

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

@@ -10,10 +10,10 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager:event-manager_rjs",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus:list-focus_rjs",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-navigation:list-navigation_rjs",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-selection:list-selection_rjs",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like:signal-like_rjs",
+        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
+        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
+        "//src/cdk-experimental/ui-patterns/behaviors/list-navigation",
+        "//src/cdk-experimental/ui-patterns/behaviors/list-selection",
+        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
     ],
 )

src/cdk-experimental/ui-patterns/tabs/tab.ts

@@ -15,7 +15,7 @@ import {TabpanelPattern} from './tabpanel';
 import {TablistPattern} from './tablist';
 
 /** The required inputs to tabs. */
-export interface TabInputs extends ListNavigationItem, ListSelectionItem, ListFocusItem {
+export interface TabInputs extends ListNavigationItem, ListSelectionItem<string>, ListFocusItem {
   tablist: SignalLike<TablistPattern>;
   tabpanel: SignalLike<TabpanelPattern>;
 }
@@ -25,8 +25,11 @@ export class TabPattern {
   /** A unique identifier for the tab. */
   id: SignalLike<string>;
 
+  /** The value of the tab. */
+  value = () => this.id();
+
   /** Whether the tab is selected. */
-  selected = computed(() => this.tablist().selection.inputs.selectedIds().includes(this.id()));
+  selected = computed(() => this.tablist().selection.inputs.value().includes(this.value()));
 
   /** A Tabpanel Id controlled by the tab. */
   controls = computed(() => this.tabpanel().id());

src/cdk-experimental/ui-patterns/tabs/tablist.ts

@@ -28,7 +28,7 @@ interface SelectOptions {
 
 /** The required inputs for the tablist. */
 export type TablistInputs = ListNavigationInputs<TabPattern> &
-  Omit<ListSelectionInputs<TabPattern>, 'multiselectable' | 'selectedIds'> &
+  Omit<ListSelectionInputs<TabPattern, string>, 'multi'> &
   ListFocusInputs<TabPattern> & {
     disabled: SignalLike<boolean>;
   };
@@ -39,7 +39,7 @@ export class TablistPattern {
   navigation: ListNavigation<TabPattern>;
 
   /** Controls selection for the tablist. */
-  selection: ListSelection<TabPattern>;
+  selection: ListSelection<TabPattern, string>;
 
   /** Controls focus for the tablist. */
   focusManager: ListFocus<TabPattern>;
@@ -113,8 +113,7 @@ export class TablistPattern {
     this.selection = new ListSelection({
       ...inputs,
       navigation: this.navigation,
-      multiselectable: signal(false),
-      selectedIds: signal<string[]>([]),
+      multi: signal(false),
     });
     this.focusManager = new ListFocus({...inputs, navigation: this.navigation});
   }

src/components-examples/cdk-experimental/tabs/BUILD.bazel

@@ -1,8 +1,8 @@
-load("//tools:defaults.bzl", "ng_module")
+load("//tools:defaults2.bzl", "ng_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ng_module(
+ng_project(
     name = "tabs",
     srcs = glob(["**/*.ts"]),
     assets = glob([

src/dev-app/cdk-experimental-tabs/BUILD.bazel

@@ -1,8 +1,8 @@
-load("//tools:defaults.bzl", "ng_module")
+load("//tools:defaults2.bzl", "ng_project")
 
 package(default_visibility = ["//visibility:public"])
 
-ng_module(
+ng_project(
     name = "cdk-experimental-tabs",
     srcs = glob(["**/*.ts"]),
     assets = ["cdk-tabs-demo.html"],