feat(cdk-experimental/table-scroll-container): Create directive and demo

Adds the CdkTableScrollContainer and some hooks in CdkTable for it.
For Webkit/Blink browsers, this sizes the scroll bars in coordinating with
sticky rows/columns in the table to create the user experience that a lot of
commenters in #5885 seemed to want but without the accessibility problems of
other approaches.

Author: kseamon

.github/CODEOWNERS

@@ -133,6 +133,7 @@
 /src/cdk-experimental/menu/**                      @jelbourn @andy9775
 /src/cdk-experimental/popover-edit/**              @kseamon @andrewseguin
 /src/cdk-experimental/scrolling/**                 @mmalerba
+/src/cdk-experimental/table-scroll-container/**    @kseamon @andrewseguin
 /src/cdk-experimental/listbox/**                   @nielsr98 @jelbourn
 /src/cdk-experimental/selection/**                 @yifange @jelbourn
 
@@ -215,6 +216,7 @@
 /src/dev-app/snack-bar/**                          @jelbourn @crisbeto
 /src/dev-app/stepper/**                            @mmalerba
 /src/dev-app/table/**                              @andrewseguin
+/src/dev-app/table-scroll-container/**             @kseamon @andrewseguin
 /src/dev-app/tabs/**                               @andrewseguin
 /src/dev-app/toolbar/**                            @devversion
 /src/dev-app/tooltip/**                            @andrewseguin

src/cdk-experimental/config.bzl

@@ -8,6 +8,7 @@ CDK_EXPERIMENTAL_ENTRYPOINTS = [
     "popover-edit",
     "scrolling",
     "selection",
+    "table-scroll-container",
 ]
 
 # List of all entry-point targets of the Angular cdk-experimental package.

src/cdk-experimental/table-scroll-container/BUILD.bazel

@@ -0,0 +1,45 @@
+load(
+    "//tools:defaults.bzl",
+    "ng_module",
+    "ng_test_library",
+    "ng_web_test_suite",
+)
+
+package(default_visibility = ["//visibility:public"])
+
+ng_module(
+    name = "table-scroll-container",
+    srcs = glob(
+        ["**/*.ts"],
+        exclude = ["**/*.spec.ts"],
+    ),
+    module_name = "@angular/cdk-experimental/table-scroll-container",
+    deps = [
+        "//src/cdk/bidi",
+        "//src/cdk/platform",
+        "//src/cdk/table",
+        "@npm//@angular/common",
+        "@npm//@angular/core",
+        "@npm//rxjs",
+    ],
+)
+
+ng_test_library(
+    name = "unit_test_sources",
+    srcs = glob(
+        ["**/*.spec.ts"],
+        exclude = ["**/*.e2e.spec.ts"],
+    ),
+    deps = [
+        ":table-scroll-container",
+        "//src/cdk/collections",
+        "//src/cdk/platform",
+        "//src/cdk/table",
+        "@npm//rxjs",
+    ],
+)
+
+ng_web_test_suite(
+    name = "unit_tests",
+    deps = [":unit_test_sources"],
+)

src/cdk-experimental/table-scroll-container/index.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+export * from './public-api';

src/cdk-experimental/table-scroll-container/public-api.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+export * from './table-scroll-container';
+export * from './table-scroll-container-module';

src/cdk-experimental/table-scroll-container/table-scroll-container-module.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {NgModule} from '@angular/core';
+
+import {CdkTableScrollContainer} from './table-scroll-container';
+
+@NgModule({
+  declarations: [CdkTableScrollContainer],
+  exports: [CdkTableScrollContainer],
+})
+export class CdkTableScrollContainerModule {}