update embed views

app/components/embed/pdf_component.html.erb

@@ -1,28 +1,9 @@
-<div class="sul-embed-container" id='sul-embed-object' style='display:none;'>
+<div class="sul-embed-container" id='sul-embed-object'>
   <%= render Embed::HeaderComponent.new viewer: viewer %>
   <% # removing 5 pixels from the body height to account for being embedded %>
   <div class='sul-embed-body sul-embed-pdf'>
-    <button aria-label="Zoom in" class="button zoom-in">+</button>
-    <button aria-label="Zoom out" class="button zoom-out">-</button>
-    <button aria-label="Previous page" class="button prev-page">
-      <i class="sul-i-arrow-left-8"></i>
-    </button>
-    <button aria-label="Next page" class="button next-page">
-      <i class="sul-i-arrow-right-8"></i>
-    </button>
-    <div id="pdf-viewer" class="pdf-viewer"
-      data-pdf-url="<%= viewer.pdf_files.first %>"
-      data-location-restricted="<%= viewer.all_documents_location_restricted? %>"
-    >
-      <div class="loading-spinner"></div>
-      <canvas></canvas>
-      <button
-        aria-label="Exit full screen"
-        class="sul-embed-btn sul-i-close sul-close-fullscreen-button"
-        id="close-full-screen-button">
-      </button>
-    </div>
     <%= javascript_pack_tag('pdf_viewer') %>
+    <embed src="<%= viewer.pdf_files.first %>" style="height: 100vh; width: 100%">
   </div>
   <%= render 'embed/metadata_panel', viewer: viewer %>
   <%= render 'embed/embed_this/generic', viewer: viewer %>

app/javascript/packs/pdf_viewer.js

@@ -0,0 +1,13 @@
+'use strict';
+
+import { EmbedThis } from '../src/modules/embed_this.js';
+import { PopupPanels } from '../src/modules/popup_panels.js';
+import CommonViewerBehavior from '../src/modules/common_viewer_behavior.js';
+import Fullscreen from '../src/modules/fullscreen.js';
+
+$(document).ready(function() {
+  CommonViewerBehavior.initializeViewer();
+  PopupPanels.init();
+  EmbedThis.init();
+  Fullscreen.init('.sul-embed-pdf');
+});