From b7dda17cc1b21040560192daeccead6114fdce8f Mon Sep 17 00:00:00 2001
From: Paulo Cesar <email@pocesar.e4ward.com>
Date: Sat, 2 Aug 2014 13:59:17 -0300
Subject: [PATCH 1/4] angular directive changes, still missing #2605

---
 angularjs/angular-tests.ts | 461 ++++++++++++++++++++-----------------
 angularjs/angular.d.ts     |  38 +--
 2 files changed, 269 insertions(+), 230 deletions(-)

diff --git a/angularjs/angular-tests.ts b/angularjs/angular-tests.ts
index a1577856e..2507d7f8c 100644
--- a/angularjs/angular-tests.ts
+++ b/angularjs/angular-tests.ts
@@ -231,11 +231,11 @@ foo.then((x) => {
 }).then((x) => {
     // Object is inferred here
     x.a = 123;
-    //Try a promise 
+    //Try a promise
     var y: ng.IPromise<number>;
-    return y; 
+    return y;
 }).then((x) => {
-    // x is infered to be a number, which is the resolved value of a promise 
+    // x is infered to be a number, which is the resolved value of a promise
     x.toFixed();
 });
 
@@ -281,252 +281,279 @@ test_IAttributes({
     $attr: {}
 });
 
+class SampleDirective implements ng.IDirective {
+    public restrict = 'A';
+    name = 'doh';
+
+    compile(templateElement: any) {
+        return this.link;
+    }
+
+    link(scope: any) {
+
+    }
+}
+
+class SampleDirective2 implements ng.IDirective {
+    public restrict = 'EAC';
+
+    compile(templateElement: any) {
+        return {
+            pre: this.link
+        };
+    }
+
+    link(scope: any) {
+
+    }
+}
+
 // test from https://docs.angularjs.org/guide/directive
 angular.module('docsSimpleDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			template: 'Name: {{customer.name}} Address: {{customer.address}}'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            template: 'Name: {{customer.name}} Address: {{customer.address}}'
+        };
+    });
 
 angular.module('docsTemplateUrlDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			templateUrl: 'my-customer.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            templateUrl: 'my-customer.html'
+        };
+    });
 
 angular.module('docsRestrictDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			templateUrl: 'my-customer.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            templateUrl: 'my-customer.html'
+        };
+    });
 
 angular.module('docsScopeProblemExample', [])
-	.controller('NaomiController', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.controller('IgorController', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Igor',
-			address: '123 Somewhere'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			templateUrl: 'my-customer.html'
-		};
-	});
+    .controller('NaomiController', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .controller('IgorController', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Igor',
+            address: '123 Somewhere'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            templateUrl: 'my-customer.html'
+        };
+    });
 
 angular.module('docsIsolateScopeDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
-		$scope.igor = { name: 'Igor', address: '123 Somewhere' };
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			scope: {
-				customerInfo: '=info'
-			},
-			templateUrl: 'my-customer-iso.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
+        $scope.igor = { name: 'Igor', address: '123 Somewhere' };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            scope: {
+                customerInfo: '=info'
+            },
+            templateUrl: 'my-customer-iso.html'
+        };
+    });
 
 angular.module('docsIsolationExample', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
-		$scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' };
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			scope: {
-				customerInfo: '=info'
-			},
-			templateUrl: 'my-customer-plus-vojta.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
+        $scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            scope: {
+                customerInfo: '=info'
+            },
+            templateUrl: 'my-customer-plus-vojta.html'
+        };
+    });
 
 angular.module('docsTimeDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.format = 'M/d/yy h:mm:ss a';
-	}])
-	.directive('myCurrentTime', ['$interval', 'dateFilter', function($interval: any, dateFilter: any): ng.IDirective {
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.format = 'M/d/yy h:mm:ss a';
+    }])
+    .directive('myCurrentTime', ['$interval', 'dateFilter', function($interval: any, dateFilter: any): ng.IDirective {
 
-		return {
-			link: function(scope: any, element: any, attrs: any) {
-				var format: any,
-					timeoutId: any;
+        return {
+            link: function(scope: any, element: any, attrs: any) {
+                var format: any,
+                    timeoutId: any;
 
-				function updateTime() {
-					element.text(dateFilter(new Date(), format));
-				}
+                function updateTime() {
+                    element.text(dateFilter(new Date(), format));
+                }
 
-				scope.$watch(attrs.myCurrentTime, function (value: any) {
-					format = value;
-					updateTime();
-				});
+                scope.$watch(attrs.myCurrentTime, function (value: any) {
+                    format = value;
+                    updateTime();
+                });
 
-				element.on('$destroy', function () {
-					$interval.cancel(timeoutId);
-				});
+                element.on('$destroy', function () {
+                    $interval.cancel(timeoutId);
+                });
 
-				// start the UI update process; save the timeoutId for canceling
-				timeoutId = $interval(function () {
-					updateTime(); // update DOM
-				}, 1000);
-			}
-		};
-	}]);
+                // start the UI update process; save the timeoutId for canceling
+                timeoutId = $interval(function () {
+                    updateTime(); // update DOM
+                }, 1000);
+            }
+        };
+    }]);
 
 angular.module('docsTransclusionDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.name = 'Tobias';
-	}])
-	.directive('myDialog', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			templateUrl: 'my-dialog.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.name = 'Tobias';
+    }])
+    .directive('myDialog', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            templateUrl: 'my-dialog.html'
+        };
+    });
 
 angular.module('docsTransclusionExample', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.name = 'Tobias';
-	}])
-	.directive('myDialog', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			scope: {},
-			templateUrl: 'my-dialog.html',
-			link: function (scope: any, element: any) {
-				scope.name = 'Jeff';
-			}
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.name = 'Tobias';
+    }])
+    .directive('myDialog', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            scope: {},
+            templateUrl: 'my-dialog.html',
+            link: function (scope: any, element: any) {
+                scope.name = 'Jeff';
+            }
+        };
+    });
 
 angular.module('docsIsoFnBindExample', [])
-	.controller('Controller', ['$scope', '$timeout', function($scope: any, $timeout: any) {
-		$scope.name = 'Tobias';
-		$scope.hideDialog = function () {
-			$scope.dialogIsHidden = true;
-			$timeout(function () {
-				$scope.dialogIsHidden = false;
-			}, 2000);
-		};
-	}])
-	.directive('myDialog', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			scope: {
-				'close': '&onClose'
-			},
-			templateUrl: 'my-dialog-close.html'
-		};
-	});
+    .controller('Controller', ['$scope', '$timeout', function($scope: any, $timeout: any) {
+        $scope.name = 'Tobias';
+        $scope.hideDialog = function () {
+            $scope.dialogIsHidden = true;
+            $timeout(function () {
+                $scope.dialogIsHidden = false;
+            }, 2000);
+        };
+    }])
+    .directive('myDialog', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            scope: {
+                'close': '&onClose'
+            },
+            templateUrl: 'my-dialog-close.html'
+        };
+    });
 
 angular.module('dragModule', [])
-	.directive('myDraggable', ['$document', function($document: any) {
-		return function(scope: any, element: any, attr: any) {
-			var startX = 0, startY = 0, x = 0, y = 0;
+    .directive('myDraggable', ['$document', function($document: any) {
+        return function(scope: any, element: any, attr: any) {
+            var startX = 0, startY = 0, x = 0, y = 0;
 
-			element.css({
-				position: 'relative',
-				border: '1px solid red',
-				backgroundColor: 'lightgrey',
-				cursor: 'pointer'
-			});
+            element.css({
+                position: 'relative',
+                border: '1px solid red',
+                backgroundColor: 'lightgrey',
+                cursor: 'pointer'
+            });
 
-			element.on('mousedown', function(event: any) {
-				// Prevent default dragging of selected content
-				event.preventDefault();
-				startX = event.pageX - x;
-				startY = event.pageY - y;
-				$document.on('mousemove', mousemove);
-				$document.on('mouseup', mouseup);
-			});
+            element.on('mousedown', function(event: any) {
+                // Prevent default dragging of selected content
+                event.preventDefault();
+                startX = event.pageX - x;
+                startY = event.pageY - y;
+                $document.on('mousemove', mousemove);
+                $document.on('mouseup', mouseup);
+            });
 
-			function mousemove(event: any) {
-				y = event.pageY - startY;
-				x = event.pageX - startX;
-				element.css({
-					top: y + 'px',
-					left:  x + 'px'
-				});
-			}
+            function mousemove(event: any) {
+                y = event.pageY - startY;
+                x = event.pageX - startX;
+                element.css({
+                    top: y + 'px',
+                    left:  x + 'px'
+                });
+            }
 
-			function mouseup() {
-				$document.off('mousemove', mousemove);
-				$document.off('mouseup', mouseup);
-			}
-		};
-	}]);
+            function mouseup() {
+                $document.off('mousemove', mousemove);
+                $document.off('mouseup', mouseup);
+            }
+        };
+    }]);
 
 angular.module('docsTabsExample', [])
-	.directive('myTabs', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			scope: {},
-			controller: function($scope: any) {
-				var panes: any = $scope.panes = [];
+    .directive('myTabs', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            scope: {},
+            controller: function($scope: any) {
+                var panes: any = $scope.panes = [];
 
-				$scope.select = function(pane: any) {
-					angular.forEach(panes, function(pane: any) {
-						pane.selected = false;
-					});
-					pane.selected = true;
-				};
+                $scope.select = function(pane: any) {
+                    angular.forEach(panes, function(pane: any) {
+                        pane.selected = false;
+                    });
+                    pane.selected = true;
+                };
 
-				this.addPane = function(pane: any) {
-					if (panes.length === 0) {
-						$scope.select(pane);
-					}
-					panes.push(pane);
-				};
-			},
-			templateUrl: 'my-tabs.html'
-		};
-	})
-	.directive('myPane', function() {
-		return {
-			require: '^myTabs',
-			restrict: 'E',
-			transclude: true,
-			scope: {
-				title: '@'
-			},
-			link: function(scope, element, attrs, tabsCtrl) {
-				tabsCtrl.addPane(scope);
-			},
-			templateUrl: 'my-pane.html'
-		};
-	});
+                this.addPane = function(pane: any) {
+                    if (panes.length === 0) {
+                        $scope.select(pane);
+                    }
+                    panes.push(pane);
+                };
+            },
+            templateUrl: 'my-tabs.html'
+        };
+    })
+    .directive('myPane', function() {
+        return {
+            require: '^myTabs',
+            restrict: 'E',
+            transclude: true,
+            scope: {
+                title: '@'
+            },
+            link: function(scope: any, element: any, attrs: any, tabsCtrl: any) {
+                tabsCtrl.addPane(scope);
+            },
+            templateUrl: 'my-pane.html'
+        };
+    });
diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index e447985fb..b1b5e358f 100755
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -1031,22 +1031,34 @@ declare module ng {
         (...args: any[]): IDirective;
     }
 
+    interface IDirectiveLinkFn {
+        (
+            scope?: IScope,
+            instanceElement?: IAugmentedJQuery,
+            instanceAttributes?: IAttributes,
+            controller?: any,
+            transclude?: ITranscludeFunction
+        ): void;
+    }
 
-    interface IDirective{
-        compile?:
-            (templateElement: IAugmentedJQuery,
-            templateAttributes: IAttributes,
-            transclude: ITranscludeFunction
-            ) => any;
+    interface IDirectivePrePost {
+        pre?: IDirectiveLinkFn;
+        post?: IDirectiveLinkFn;
+    }
+
+    interface IDirectiveCompileFn {
+        (
+            templateElement?: IAugmentedJQuery,
+            templateAttributes?: IAttributes,
+            transclude?: ITranscludeFunction
+        ): IDirectivePrePost;
+    }
+
+    interface IDirective {
+        compile?: IDirectiveCompileFn;
         controller?: any;
         controllerAs?: string;
-        link?:
-            (scope: IScope,
-            instanceElement: IAugmentedJQuery,
-            instanceAttributes: IAttributes,
-            controller: any,
-            transclude: ITranscludeFunction
-            ) => void;
+        link?: IDirectivePrePost;
         name?: string;
         priority?: number;
         replace?: boolean;

From f1a45e0d4e2d5260408a5f6f6a5f99269ed133de Mon Sep 17 00:00:00 2001
From: Paulo Cesar <email@pocesar.e4ward.com>
Date: Sat, 2 Aug 2014 13:59:17 -0300
Subject: [PATCH 2/4] directive accept classes

---
 angularjs/angular-tests.ts | 471 ++++++++++++++++++++-----------------
 angularjs/angular.d.ts     |  38 ++-
 2 files changed, 279 insertions(+), 230 deletions(-)

diff --git a/angularjs/angular-tests.ts b/angularjs/angular-tests.ts
index a1577856e..9c1cc0ab4 100644
--- a/angularjs/angular-tests.ts
+++ b/angularjs/angular-tests.ts
@@ -231,11 +231,11 @@ foo.then((x) => {
 }).then((x) => {
     // Object is inferred here
     x.a = 123;
-    //Try a promise 
+    //Try a promise
     var y: ng.IPromise<number>;
-    return y; 
+    return y;
 }).then((x) => {
-    // x is infered to be a number, which is the resolved value of a promise 
+    // x is infered to be a number, which is the resolved value of a promise
     x.toFixed();
 });
 
@@ -281,252 +281,289 @@ test_IAttributes({
     $attr: {}
 });
 
+class SampleDirective implements ng.IDirective {
+    public restrict = 'A';
+    name = 'doh';
+
+    compile(templateElement: any) {
+        return this.link;
+    }
+
+    static instance():ng.IDirective {
+        return new SampleDirective();
+    }
+
+    link(scope: any) {
+
+    }
+}
+
+class SampleDirective2 implements ng.IDirective {
+    public restrict = 'EAC';
+
+    compile(templateElement: any) {
+        return {
+            pre: this.link
+        };
+    }
+
+    static instance():ng.IDirective {
+        return new SampleDirective2();
+    }
+
+    link(scope: any) {
+
+    }
+}
+
+angular.module('SameplDirective', []).directive('sampleDirective', SampleDirective.instance).directive('sameplDirective2', SampleDirective2.instance);
+
 // test from https://docs.angularjs.org/guide/directive
 angular.module('docsSimpleDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			template: 'Name: {{customer.name}} Address: {{customer.address}}'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            template: 'Name: {{customer.name}} Address: {{customer.address}}'
+        };
+    });
 
 angular.module('docsTemplateUrlDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			templateUrl: 'my-customer.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            templateUrl: 'my-customer.html'
+        };
+    });
 
 angular.module('docsRestrictDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			templateUrl: 'my-customer.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            templateUrl: 'my-customer.html'
+        };
+    });
 
 angular.module('docsScopeProblemExample', [])
-	.controller('NaomiController', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Naomi',
-			address: '1600 Amphitheatre'
-		};
-	}])
-	.controller('IgorController', ['$scope', function($scope: any) {
-		$scope.customer = {
-			name: 'Igor',
-			address: '123 Somewhere'
-		};
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			templateUrl: 'my-customer.html'
-		};
-	});
+    .controller('NaomiController', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Naomi',
+            address: '1600 Amphitheatre'
+        };
+    }])
+    .controller('IgorController', ['$scope', function($scope: any) {
+        $scope.customer = {
+            name: 'Igor',
+            address: '123 Somewhere'
+        };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            templateUrl: 'my-customer.html'
+        };
+    });
 
 angular.module('docsIsolateScopeDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
-		$scope.igor = { name: 'Igor', address: '123 Somewhere' };
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			scope: {
-				customerInfo: '=info'
-			},
-			templateUrl: 'my-customer-iso.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
+        $scope.igor = { name: 'Igor', address: '123 Somewhere' };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            scope: {
+                customerInfo: '=info'
+            },
+            templateUrl: 'my-customer-iso.html'
+        };
+    });
 
 angular.module('docsIsolationExample', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
-		$scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' };
-	}])
-	.directive('myCustomer', function() {
-		return {
-			restrict: 'E',
-			scope: {
-				customerInfo: '=info'
-			},
-			templateUrl: 'my-customer-plus-vojta.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
+        $scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' };
+    }])
+    .directive('myCustomer', function() {
+        return {
+            restrict: 'E',
+            scope: {
+                customerInfo: '=info'
+            },
+            templateUrl: 'my-customer-plus-vojta.html'
+        };
+    });
 
 angular.module('docsTimeDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.format = 'M/d/yy h:mm:ss a';
-	}])
-	.directive('myCurrentTime', ['$interval', 'dateFilter', function($interval: any, dateFilter: any): ng.IDirective {
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.format = 'M/d/yy h:mm:ss a';
+    }])
+    .directive('myCurrentTime', ['$interval', 'dateFilter', function($interval: any, dateFilter: any): ng.IDirective {
 
-		return {
-			link: function(scope: any, element: any, attrs: any) {
-				var format: any,
-					timeoutId: any;
+        return {
+            link: function(scope: any, element: any, attrs: any) {
+                var format: any,
+                    timeoutId: any;
 
-				function updateTime() {
-					element.text(dateFilter(new Date(), format));
-				}
+                function updateTime() {
+                    element.text(dateFilter(new Date(), format));
+                }
 
-				scope.$watch(attrs.myCurrentTime, function (value: any) {
-					format = value;
-					updateTime();
-				});
+                scope.$watch(attrs.myCurrentTime, function (value: any) {
+                    format = value;
+                    updateTime();
+                });
 
-				element.on('$destroy', function () {
-					$interval.cancel(timeoutId);
-				});
+                element.on('$destroy', function () {
+                    $interval.cancel(timeoutId);
+                });
 
-				// start the UI update process; save the timeoutId for canceling
-				timeoutId = $interval(function () {
-					updateTime(); // update DOM
-				}, 1000);
-			}
-		};
-	}]);
+                // start the UI update process; save the timeoutId for canceling
+                timeoutId = $interval(function () {
+                    updateTime(); // update DOM
+                }, 1000);
+            }
+        };
+    }]);
 
 angular.module('docsTransclusionDirective', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.name = 'Tobias';
-	}])
-	.directive('myDialog', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			templateUrl: 'my-dialog.html'
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.name = 'Tobias';
+    }])
+    .directive('myDialog', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            templateUrl: 'my-dialog.html'
+        };
+    });
 
 angular.module('docsTransclusionExample', [])
-	.controller('Controller', ['$scope', function($scope: any) {
-		$scope.name = 'Tobias';
-	}])
-	.directive('myDialog', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			scope: {},
-			templateUrl: 'my-dialog.html',
-			link: function (scope: any, element: any) {
-				scope.name = 'Jeff';
-			}
-		};
-	});
+    .controller('Controller', ['$scope', function($scope: any) {
+        $scope.name = 'Tobias';
+    }])
+    .directive('myDialog', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            scope: {},
+            templateUrl: 'my-dialog.html',
+            link: function (scope: any, element: any) {
+                scope.name = 'Jeff';
+            }
+        };
+    });
 
 angular.module('docsIsoFnBindExample', [])
-	.controller('Controller', ['$scope', '$timeout', function($scope: any, $timeout: any) {
-		$scope.name = 'Tobias';
-		$scope.hideDialog = function () {
-			$scope.dialogIsHidden = true;
-			$timeout(function () {
-				$scope.dialogIsHidden = false;
-			}, 2000);
-		};
-	}])
-	.directive('myDialog', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			scope: {
-				'close': '&onClose'
-			},
-			templateUrl: 'my-dialog-close.html'
-		};
-	});
+    .controller('Controller', ['$scope', '$timeout', function($scope: any, $timeout: any) {
+        $scope.name = 'Tobias';
+        $scope.hideDialog = function () {
+            $scope.dialogIsHidden = true;
+            $timeout(function () {
+                $scope.dialogIsHidden = false;
+            }, 2000);
+        };
+    }])
+    .directive('myDialog', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            scope: {
+                'close': '&onClose'
+            },
+            templateUrl: 'my-dialog-close.html'
+        };
+    });
 
 angular.module('dragModule', [])
-	.directive('myDraggable', ['$document', function($document: any) {
-		return function(scope: any, element: any, attr: any) {
-			var startX = 0, startY = 0, x = 0, y = 0;
+    .directive('myDraggable', ['$document', function($document: any) {
+        return function(scope: any, element: any, attr: any) {
+            var startX = 0, startY = 0, x = 0, y = 0;
 
-			element.css({
-				position: 'relative',
-				border: '1px solid red',
-				backgroundColor: 'lightgrey',
-				cursor: 'pointer'
-			});
+            element.css({
+                position: 'relative',
+                border: '1px solid red',
+                backgroundColor: 'lightgrey',
+                cursor: 'pointer'
+            });
 
-			element.on('mousedown', function(event: any) {
-				// Prevent default dragging of selected content
-				event.preventDefault();
-				startX = event.pageX - x;
-				startY = event.pageY - y;
-				$document.on('mousemove', mousemove);
-				$document.on('mouseup', mouseup);
-			});
+            element.on('mousedown', function(event: any) {
+                // Prevent default dragging of selected content
+                event.preventDefault();
+                startX = event.pageX - x;
+                startY = event.pageY - y;
+                $document.on('mousemove', mousemove);
+                $document.on('mouseup', mouseup);
+            });
 
-			function mousemove(event: any) {
-				y = event.pageY - startY;
-				x = event.pageX - startX;
-				element.css({
-					top: y + 'px',
-					left:  x + 'px'
-				});
-			}
+            function mousemove(event: any) {
+                y = event.pageY - startY;
+                x = event.pageX - startX;
+                element.css({
+                    top: y + 'px',
+                    left:  x + 'px'
+                });
+            }
 
-			function mouseup() {
-				$document.off('mousemove', mousemove);
-				$document.off('mouseup', mouseup);
-			}
-		};
-	}]);
+            function mouseup() {
+                $document.off('mousemove', mousemove);
+                $document.off('mouseup', mouseup);
+            }
+        };
+    }]);
 
 angular.module('docsTabsExample', [])
-	.directive('myTabs', function() {
-		return {
-			restrict: 'E',
-			transclude: true,
-			scope: {},
-			controller: function($scope: any) {
-				var panes: any = $scope.panes = [];
+    .directive('myTabs', function() {
+        return {
+            restrict: 'E',
+            transclude: true,
+            scope: {},
+            controller: function($scope: any) {
+                var panes: any = $scope.panes = [];
 
-				$scope.select = function(pane: any) {
-					angular.forEach(panes, function(pane: any) {
-						pane.selected = false;
-					});
-					pane.selected = true;
-				};
+                $scope.select = function(pane: any) {
+                    angular.forEach(panes, function(pane: any) {
+                        pane.selected = false;
+                    });
+                    pane.selected = true;
+                };
 
-				this.addPane = function(pane: any) {
-					if (panes.length === 0) {
-						$scope.select(pane);
-					}
-					panes.push(pane);
-				};
-			},
-			templateUrl: 'my-tabs.html'
-		};
-	})
-	.directive('myPane', function() {
-		return {
-			require: '^myTabs',
-			restrict: 'E',
-			transclude: true,
-			scope: {
-				title: '@'
-			},
-			link: function(scope, element, attrs, tabsCtrl) {
-				tabsCtrl.addPane(scope);
-			},
-			templateUrl: 'my-pane.html'
-		};
-	});
+                this.addPane = function(pane: any) {
+                    if (panes.length === 0) {
+                        $scope.select(pane);
+                    }
+                    panes.push(pane);
+                };
+            },
+            templateUrl: 'my-tabs.html'
+        };
+    })
+    .directive('myPane', function() {
+        return {
+            require: '^myTabs',
+            restrict: 'E',
+            transclude: true,
+            scope: {
+                title: '@'
+            },
+            link: function(scope: any, element: any, attrs: any, tabsCtrl: any) {
+                tabsCtrl.addPane(scope);
+            },
+            templateUrl: 'my-pane.html'
+        };
+    });
diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index e447985fb..e66a6c973 100755
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -1031,22 +1031,34 @@ declare module ng {
         (...args: any[]): IDirective;
     }
 
+    interface IDirectiveLinkFn {
+        (
+            scope?: IScope,
+            instanceElement?: IAugmentedJQuery,
+            instanceAttributes?: IAttributes,
+            controller?: any,
+            transclude?: ITranscludeFunction
+        ): void;
+    }
 
-    interface IDirective{
-        compile?:
-            (templateElement: IAugmentedJQuery,
-            templateAttributes: IAttributes,
-            transclude: ITranscludeFunction
-            ) => any;
+    interface IDirectivePrePost {
+        pre?: IDirectiveLinkFn;
+        post?: IDirectiveLinkFn;
+    }
+
+    interface IDirectiveCompileFn {
+        (
+            templateElement?: IAugmentedJQuery,
+            templateAttributes?: IAttributes,
+            transclude?: ITranscludeFunction
+        ): IDirectivePrePost;
+    }
+
+    interface IDirective {
+        compile?: IDirectiveCompileFn;
         controller?: any;
         controllerAs?: string;
-        link?:
-            (scope: IScope,
-            instanceElement: IAugmentedJQuery,
-            instanceAttributes: IAttributes,
-            controller: any,
-            transclude: ITranscludeFunction
-            ) => void;
+        link?: IDirectiveLinkFn;
         name?: string;
         priority?: number;
         replace?: boolean;

From 82447ac01078f1f5d9b25ea27712c3317f94adde Mon Sep 17 00:00:00 2001
From: Paulo Cesar <email@pocesar.e4ward.com>
Date: Fri, 8 Aug 2014 12:24:43 -0300
Subject: [PATCH 3/4] squash! fix tabs

directive interface definition and tests
---
 angularjs/angular-tests.ts | 32 +++++++++++++++++---------------
 angularjs/angular.d.ts     | 19 ++++++++++---------
 2 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/angularjs/angular-tests.ts b/angularjs/angular-tests.ts
index 9c1cc0ab4..220a63dec 100644
--- a/angularjs/angular-tests.ts
+++ b/angularjs/angular-tests.ts
@@ -285,15 +285,17 @@ class SampleDirective implements ng.IDirective {
     public restrict = 'A';
     name = 'doh';
 
-    compile(templateElement: any) {
-        return this.link;
+    compile(templateElement: ng.IAugmentedJQuery) {
+        return {
+            post: this.link
+        };
     }
 
     static instance():ng.IDirective {
         return new SampleDirective();
     }
 
-    link(scope: any) {
+    link(scope: ng.IScope) {
 
     }
 }
@@ -301,7 +303,7 @@ class SampleDirective implements ng.IDirective {
 class SampleDirective2 implements ng.IDirective {
     public restrict = 'EAC';
 
-    compile(templateElement: any) {
+    compile(templateElement: ng.IAugmentedJQuery) {
         return {
             pre: this.link
         };
@@ -311,7 +313,7 @@ class SampleDirective2 implements ng.IDirective {
         return new SampleDirective2();
     }
 
-    link(scope: any) {
+    link(scope: ng.IScope) {
 
     }
 }
@@ -413,10 +415,10 @@ angular.module('docsTimeDirective', [])
     .controller('Controller', ['$scope', function($scope: any) {
         $scope.format = 'M/d/yy h:mm:ss a';
     }])
-    .directive('myCurrentTime', ['$interval', 'dateFilter', function($interval: any, dateFilter: any): ng.IDirective {
+    .directive('myCurrentTime', ['$interval', 'dateFilter', function($interval: any, dateFilter: any) {
 
         return {
-            link: function(scope: any, element: any, attrs: any) {
+            link: function(scope: ng.IScope, element: ng.IAugmentedJQuery, attrs:ng.IAttributes) {
                 var format: any,
                     timeoutId: any;
 
@@ -424,7 +426,7 @@ angular.module('docsTimeDirective', [])
                     element.text(dateFilter(new Date(), format));
                 }
 
-                scope.$watch(attrs.myCurrentTime, function (value: any) {
+                scope.$watch(attrs['myCurrentTime'], function (value: any) {
                     format = value;
                     updateTime();
                 });
@@ -463,8 +465,8 @@ angular.module('docsTransclusionExample', [])
             transclude: true,
             scope: {},
             templateUrl: 'my-dialog.html',
-            link: function (scope: any, element: any) {
-                scope.name = 'Jeff';
+            link: function (scope: ng.IScope, element: ng.IAugmentedJQuery) {
+                scope['name'] = 'Jeff';
             }
         };
     });
@@ -533,10 +535,10 @@ angular.module('docsTabsExample', [])
             restrict: 'E',
             transclude: true,
             scope: {},
-            controller: function($scope: any) {
-                var panes: any = $scope.panes = [];
+            controller: function($scope: ng.IScope) {
+                var panes: any = $scope['panes'] = [];
 
-                $scope.select = function(pane: any) {
+                $scope['select'] = function(pane: any) {
                     angular.forEach(panes, function(pane: any) {
                         pane.selected = false;
                     });
@@ -545,7 +547,7 @@ angular.module('docsTabsExample', [])
 
                 this.addPane = function(pane: any) {
                     if (panes.length === 0) {
-                        $scope.select(pane);
+                        $scope['select'](pane);
                     }
                     panes.push(pane);
                 };
@@ -561,7 +563,7 @@ angular.module('docsTabsExample', [])
             scope: {
                 title: '@'
             },
-            link: function(scope: any, element: any, attrs: any, tabsCtrl: any) {
+            link: function(scope: ng.IScope, element: ng.IAugmentedJQuery, attrs: ng.IAttributes, tabsCtrl: any) {
                 tabsCtrl.addPane(scope);
             },
             templateUrl: 'my-pane.html'
diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index 83dcc151f..282463bcb 100755
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -316,6 +316,7 @@ declare module ng {
     // see http://docs.angularjs.org/api/ng.$rootScope.Scope
     ///////////////////////////////////////////////////////////////////////////
     interface IScope {
+        [index: string]: any;
         $apply(): any;
         $apply(exp: string): any;
         $apply(exp: (scope: IScope) => any): any;
@@ -1033,11 +1034,11 @@ declare module ng {
 
     interface IDirectiveLinkFn {
         (
-            scope?: IScope,
-            instanceElement?: IAugmentedJQuery,
-            instanceAttributes?: IAttributes,
-            controller?: any,
-            transclude?: ITranscludeFunction
+            scope: IScope,
+            instanceElement: IAugmentedJQuery,
+            instanceAttributes: IAttributes,
+            controller: any,
+            transclude: ITranscludeFunction
         ): void;
     }
 
@@ -1048,13 +1049,13 @@ declare module ng {
 
     interface IDirectiveCompileFn {
         (
-            templateElement?: IAugmentedJQuery,
-            templateAttributes?: IAttributes,
-            transclude?: ITranscludeFunction
+            templateElement: IAugmentedJQuery,
+            templateAttributes: IAttributes,
+            transclude: ITranscludeFunction
         ): IDirectivePrePost;
     }
 
-    interface IDirective{
+    interface IDirective {
         compile?: IDirectiveCompileFn;
         controller?: any;
         controllerAs?: string;

From f2de3867de193326103f9a394701efec4b452618 Mon Sep 17 00:00:00 2001
From: Paulo Cesar <email@pocesar.e4ward.com>
Date: Sat, 9 Aug 2014 18:15:54 -0300
Subject: [PATCH 4/4] squash! squash! fix tabs

rootscope <> iscope
---
 angularjs/angular.d.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index 282463bcb..1c3e96160 100755
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -315,8 +315,7 @@ declare module ng {
     // Scope
     // see http://docs.angularjs.org/api/ng.$rootScope.Scope
     ///////////////////////////////////////////////////////////////////////////
-    interface IScope {
-        [index: string]: any;
+    interface IRootScopeService {
         $apply(): any;
         $apply(exp: string): any;
         $apply(exp: (scope: IScope) => any): any;
@@ -353,6 +352,7 @@ declare module ng {
         $parent: IScope;
 
         $root: IRootScopeService;
+        this: IRootScopeService;
 
         $id: string;
 
@@ -967,7 +967,9 @@ declare module ng {
     // RootScopeService
     // see http://docs.angularjs.org/api/ng.$rootScope
     ///////////////////////////////////////////////////////////////////////////
-    interface IRootScopeService extends IScope {}
+    interface IScope extends IRootScopeService {
+        [index: string]: any;
+    }
 
     ///////////////////////////////////////////////////////////////////////////
     // SCEService