Move codemirror scripts and styles outside of the dom
Bug: Issue 8239
Change-Id: I661640c4aac188f172bd768996083b552ee6df95
diff --git a/gr-editor/gr-editor-styles.html b/gr-editor/gr-editor-styles.html
index 8ff3242..de8078e 100644
--- a/gr-editor/gr-editor-styles.html
+++ b/gr-editor/gr-editor-styles.html
@@ -14,27 +14,28 @@
limitations under the License.
-->
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/lib/codemirror.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/ambiance.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/ambiance-mobile.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/blackboard.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/cobalt.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/eclipse.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/elegant.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/erlang-dark.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/lesser-dark.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/midnight.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/monokai.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/neat.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/night.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/rubyblue.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/solarized.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/twilight.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/vibrant-ink.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/xq-dark.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/xq-light.css">
+<link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/addon/fold/foldgutter.css">
+
<dom-module id="gr-editor-styles">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/lib/codemirror.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/ambiance.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/ambiance-mobile.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/blackboard.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/cobalt.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/eclipse.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/elegant.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/erlang-dark.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/lesser-dark.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/midnight.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/monokai.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/neat.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/night.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/rubyblue.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/solarized.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/twilight.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/vibrant-ink.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/xq-dark.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/theme/xq-light.css">
- <link rel="stylesheet" type="css" href="../bower_components/codemirror-minified/addon/fold/foldgutter.css">
<template>
<style></style>
</template>
diff --git a/gr-editor/gr-editor.html b/gr-editor/gr-editor.html
index 8b14acd..b11d534 100644
--- a/gr-editor/gr-editor.html
+++ b/gr-editor/gr-editor.html
@@ -16,6 +16,36 @@
<link rel="import" href="gr-editor-styles.html">
+<script src="../bower_components/codemirror-minified/lib/codemirror.js"></script>
+<script src="../bower_components/codemirror-minified/mode/meta.js"></script>
+<script src="../bower_components/codemirror-minified/mode/clike/clike.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/clojure/clojure.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/css/css.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/dart/dart.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/erlang/erlang.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/go/go.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/haskell/haskell.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/htmlembedded/htmlembedded.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/htmlmixed/htmlmixed.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/javascript/javascript.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/markdown/markdown.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/php/php.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/puppet/puppet.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/python/python.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/ruby/ruby.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/sass/sass.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/shell/shell.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/soy/soy.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/sql/sql.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/velocity/velocity.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/xml/xml.js" ></script>
+<script src="../bower_components/codemirror-minified/mode/yaml/yaml.js" ></script>
+<script src="../bower_components/codemirror-minified/addon/fold/foldcode.js" ></script>
+<script src="../bower_components/codemirror-minified/addon/fold/foldgutter.js" ></script>
+<script src="../bower_components/codemirror-minified/addon/fold/brace-fold.js" ></script>
+<script src="../bower_components/codemirror-minified/addon/fold/xml-fold.js" ></script>
+<script src="../bower_components/codemirror-minified/addon/fold/markdown-fold.js" ></script>
+
<dom-module id="gr-editor">
<template>
<style include="gr-editor-styles">
@@ -32,34 +62,5 @@
</style>
<div id="wrapper"></div>
</template>
- <script src="../bower_components/codemirror-minified/lib/codemirror.js"></script>
- <script src="../bower_components/codemirror-minified/mode/meta.js"></script>
- <script src="../bower_components/codemirror-minified/mode/clike/clike.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/clojure/clojure.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/css/css.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/dart/dart.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/erlang/erlang.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/go/go.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/haskell/haskell.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/htmlembedded/htmlembedded.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/htmlmixed/htmlmixed.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/javascript/javascript.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/markdown/markdown.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/php/php.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/puppet/puppet.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/python/python.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/ruby/ruby.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/sass/sass.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/shell/shell.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/soy/soy.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/sql/sql.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/velocity/velocity.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/xml/xml.js" ></script>
- <script src="../bower_components/codemirror-minified/mode/yaml/yaml.js" ></script>
- <script src="../bower_components/codemirror-minified/addon/fold/foldcode.js" ></script>
- <script src="../bower_components/codemirror-minified/addon/fold/foldgutter.js" ></script>
- <script src="../bower_components/codemirror-minified/addon/fold/brace-fold.js" ></script>
- <script src="../bower_components/codemirror-minified/addon/fold/xml-fold.js" ></script>
- <script src="../bower_components/codemirror-minified/addon/fold/markdown-fold.js" ></script>
<script src="gr-editor.js"></script>
</dom-module>
