feat(cdk-experimental/listbox): add file skeleton (#19612)

* build: created listbox directory and BUILD.bazel file.

* build: filled BUILD.bazel file.

* build: Added required files to listbox directory.

* build: added listbox option directive and renamed listbox directive files.

* fix: Removed currently unused dependencies from BUILD.bazel. Added listbox to cdk-experimental entry points.

* Removed BUILD.bazel for temp test

* fix: filled out BUILD.bazel and other required listbox files.

* fix: changed double quote to single quote and added listbox module to public-api.

* fix: semicolon.

* removed tabindex from listbox host and changed option directive name.

* build: Added required files to listbox directory.

* build: added listbox option directive and renamed listbox directive files.

* fix: filled out BUILD.bazel and other required listbox files.

* build: Added required files to listbox directory.

* build: added listbox option directive and renamed listbox directive files.

* build: Added required files to listbox directory.

* build: added listbox option directive and renamed listbox directive files.

* fix: reduced indent size from 4 to 2.

* fix: chore, removed empty files that appeared after rebase.

* fix: added back menu to config.bzl

Author: nielsr98

.github/CODEOWNERS

@@ -128,6 +128,7 @@
 /src/cdk-experimental/menu/**                      @jelbourn @andy9775
 /src/cdk-experimental/popover-edit/**              @kseamon @andrewseguin
 /src/cdk-experimental/scrolling/**                 @mmalerba
+/src/cdk-experimental/listbox/**                   @nielsr98 @jelbourn
 
 # Docs examples & guides
 /guides/**                                         @jelbourn

src/cdk-experimental/config.bzl

@@ -3,6 +3,7 @@ CDK_EXPERIMENTAL_ENTRYPOINTS = [
     "column-resize",
     "dialog",
     "menu",
+    "listbox",
     "popover-edit",
     "scrolling",
 ]

src/cdk-experimental/listbox/BUILD.bazel

@@ -0,0 +1,12 @@
+load("//tools:defaults.bzl", "ng_module")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_module(
+    name = "listbox",
+    srcs = glob(
+        ["**/*.ts"],
+        exclude = ["**/*.spec.ts"],
+    ),
+    module_name = "@angular/cdk-experimental/listbox",
+)

src/cdk-experimental/listbox/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/listbox/listbox-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 {CdkListbox, CdkOption} from './listbox';
+
+const EXPORTED_DECLARATIONS = [CdkListbox, CdkOption];
+@NgModule({
+  exports: EXPORTED_DECLARATIONS,
+  declarations: EXPORTED_DECLARATIONS,
+})
+export class CdkListboxModule {}

src/cdk-experimental/listbox/listbox.ts

@@ -0,0 +1,31 @@
+/**
+ * @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 {Directive} from '@angular/core';
+
+@Directive({
+  selector: '[cdkOption]',
+  exportAs: 'cdkOption',
+  host: {
+    role: 'option',
+  }
+})
+export class CdkOption {
+
+}
+
+@Directive({
+  selector: '[cdkListbox]',
+  exportAs: 'cdkListbox',
+  host: {
+    role: 'listbox',
+  }
+})
+export class CdkListbox {
+
+}

src/cdk-experimental/listbox/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 './listbox';
+export * from './listbox-module';