Changed vendor scripts in asset_detail to be modules. Moved explicit …

…split.js import to viewer-split.js and removed script tag for it.

concordia/static/js/src/viewer-split.js

@@ -1,6 +1,5 @@
-/* global Split */
-
 import {seadragonViewer} from './viewer.js';
+import Split from '/static/split.js/dist/split.es.js';
 
 let pageSplit;
 let contributeContainer = document.getElementById('contribute-container');
@@ -109,6 +108,12 @@ function horizontalSplit() {
     });
 }
 
+if (splitDirection == 'v') {
+    pageSplit = verticalSplit();
+} else {
+    pageSplit = horizontalSplit();
+}
+
 document
     .getElementById('viewer-layout-horizontal')
     .addEventListener('click', function () {
@@ -140,9 +145,3 @@ document
             }, 10);
         }
     });
-
-if (splitDirection == 'v') {
-    pageSplit = verticalSplit();
-} else {
-    pageSplit = horizontalSplit();
-}

concordia/templates/transcriptions/asset_detail.html

@@ -31,9 +31,8 @@
             data-tile-source-url="{% asset_media_url asset %}?canvas"
     ></script>
 
-    <script defer src="{% static 'split.js/dist/split.min.js' %}"></script>
-    <script defer src="{% static 'openseadragon/build/openseadragon/openseadragon.min.js' %}"></script>
-    <script defer src="{% static 'openseadragon-filtering/openseadragon-filtering.js' %}"></script>
+    <script module src="{% static 'openseadragon/build/openseadragon/openseadragon.min.js' %}"></script>
+    <script module src="{% static 'openseadragon-filtering/openseadragon-filtering.js' %}"></script>
 
     <script type="module" src="{% static 'js/contribute.js' %}"></script>
     <script type="module" src="{% static 'js/viewer-split.js' %}"></script>