From aa3fc9f45f1c8abffb75adc287b3a310cc952a93 Mon Sep 17 00:00:00 2001
From: Patrick O'Carroll <ocarroll.patrick@gmail.com>
Date: Wed, 25 Oct 2017 12:32:33 +0200
Subject: [PATCH] converted outline.js to outline.ts (#9658)

---
 public/app/core/utils/outline.js | 32 ------------------------------
 public/app/core/utils/outline.ts | 34 ++++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+), 32 deletions(-)
 delete mode 100644 public/app/core/utils/outline.js
 create mode 100644 public/app/core/utils/outline.ts

diff --git a/public/app/core/utils/outline.js b/public/app/core/utils/outline.js
deleted file mode 100644
index f968b3e51f9..00000000000
--- a/public/app/core/utils/outline.js
+++ /dev/null
@@ -1,32 +0,0 @@
-// outline.js
-// based on http://www.paciellogroup.com/blog/2012/04/how-to-remove-css-outlines-in-an-accessible-manner/
-(function(d) {
-  "use strict";
-
-  var style_element = d.createElement('STYLE'),
-    dom_events = 'addEventListener' in d,
-    add_event_listener = function(type, callback) {
-      // Basic cross-browser event handling
-      if(dom_events){
-        d.addEventListener(type, callback);
-      } else {
-        d.attachEvent('on' + type, callback);
-      }
-    },
-    set_css = function(css_text) {
-      // Handle setting of <style> element contents in IE8
-      !!style_element.styleSheet ? style_element.styleSheet.cssText = css_text : style_element.innerHTML = css_text;
-    };
-
-  d.getElementsByTagName('HEAD')[0].appendChild(style_element);
-
-  // Using mousedown instead of mouseover, so that previously focused elements don't lose focus ring on mouse move
-  add_event_listener('mousedown', function() {
-    set_css(':focus{outline:0 !important}::-moz-focus-inner{border:0;}');
-  });
-
-  add_event_listener('keydown', function() {
-    set_css('');
-  });
-
-})(document);
diff --git a/public/app/core/utils/outline.ts b/public/app/core/utils/outline.ts
new file mode 100644
index 00000000000..109d13d9fc9
--- /dev/null
+++ b/public/app/core/utils/outline.ts
@@ -0,0 +1,34 @@
+// based on http://www.paciellogroup.com/blog/2012/04/how-to-remove-css-outlines-in-an-accessible-manner/
+function outlineFixer() {
+  let d: any = document;
+
+  var style_element = d.createElement('STYLE');
+  var dom_events = 'addEventListener' in d;
+
+  var add_event_listener = function (type, callback) {
+    // Basic cross-browser event handling
+    if (dom_events) {
+      d.addEventListener(type, callback);
+    } else {
+      d.attachEvent('on' + type, callback);
+    }
+  };
+
+  var set_css = function (css_text) {
+    // Handle setting of <style> element contents in IE8
+    !!style_element.styleSheet ? style_element.styleSheet.cssText = css_text : style_element.innerHTML = css_text;
+  };
+
+  d.getElementsByTagName('HEAD')[0].appendChild(style_element);
+
+  // Using mousedown instead of mouseover, so that previously focused elements don't lose focus ring on mouse move
+  add_event_listener('mousedown', function () {
+    set_css(':focus{outline:0 !important}::-moz-focus-inner{border:0;}');
+  });
+
+  add_event_listener('keydown', function () {
+    set_css('');
+  });
+}
+
+outlineFixer();