From f4e0c531ba2f8def09b8a90a7b925c68304bda38 Mon Sep 17 00:00:00 2001
From: Oscar Busk <oscar.busk@gmail.com>
Date: Thu, 3 May 2018 19:51:31 +0200
Subject: [PATCH] Add typing for object syntax on component registerer (#25507)

---
 types/angular/angular-tests.ts | 13 ++++++++++++-
 types/angular/index.d.ts       |  7 +++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/types/angular/angular-tests.ts b/types/angular/angular-tests.ts
index ca9d2c7568..1dff1a0451 100644
--- a/types/angular/angular-tests.ts
+++ b/types/angular/angular-tests.ts
@@ -1138,7 +1138,8 @@ angular.module('multiSlotTranscludeExample', [])
         };
     });
 
-angular.module('componentExample', [])
+// $ExpectType IModule
+const componentModule = angular.module('componentExample', [])
     .component('counter', {
         require: {ctrl: '^ctrl'},
         bindings: {
@@ -1160,6 +1161,16 @@ angular.module('componentExample', [])
         },
         template: '',
         transclude: true
+    })
+    .component({
+        aThirdComponent: {
+            controller: class AThirdComponentController {
+                count: number;
+            },
+            bindings: {
+                count: '='
+            }
+        }
     });
 
 interface ICopyExampleUser {
diff --git a/types/angular/index.d.ts b/types/angular/index.d.ts
index 4c896eb430..2e674861bc 100644
--- a/types/angular/index.d.ts
+++ b/types/angular/index.d.ts
@@ -196,6 +196,12 @@ declare namespace angular {
          * @param options A definition object passed into the component.
          */
         component(name: string, options: IComponentOptions): IModule;
+        /**
+         * Use this method to register a component.
+         *
+         * @param object Object map of components where the keys are the names and the values are the component definition objects
+         */
+        component(object: {[componentName: string]: IComponentOptions}): IModule;
         /**
          * Use this method to register work which needs to be performed on module loading.
          *
@@ -1273,6 +1279,7 @@ declare namespace angular {
         directive<TScope extends IScope = IScope>(object: {[directiveName: string]: Injectable<IDirectiveFactory<TScope>>}): ICompileProvider;
 
         component(name: string, options: IComponentOptions): ICompileProvider;
+        component(object: {[componentName: string]: IComponentOptions}): ICompileProvider;
 
         aHrefSanitizationWhitelist(): RegExp;
         aHrefSanitizationWhitelist(regexp: RegExp): ICompileProvider;