Creating ohif:metadata package with metadata classes and adding it to the viewers

OHIFViewer/client/components/toolbarSection/toolbarSection.js

@@ -1,7 +1,8 @@
-import { OHIF } from 'meteor/ohif:core';
 import { Template } from 'meteor/templating';
 import { $ } from 'meteor/jquery';
-import { Viewerbase } from 'meteor/ohif:viewerbase';
+
+import { OHIF } from 'meteor/ohif:core';
+import 'meteor/ohif:viewerbase';
 
 Template.toolbarSection.onCreated(() => {
     const instance = Template.instance();
@@ -182,7 +183,7 @@ Template.toolbarSection.helpers({
                 title: 'CINE',
                 classes: 'imageViewerCommand',
                 iconClasses: 'fa fa-youtube-play',
-                disableFunction: Viewerbase.viewportUtils.hasMultipleFrames
+                disableFunction: OHIF.viewerbase.viewportUtils.hasMultipleFrames
             });
         }
 
@@ -232,11 +233,11 @@ Template.toolbarSection.onRendered(function() {
     instance.$('#layout').dropdown();
 
     if (OHIF.uiSettings.displayEchoUltrasoundWorkflow) {
-        Viewerbase.viewportUtils.toggleCineDialog();
+        toggleCineDialog();
     }
 
     // Set disabled/enabled tool buttons that are set in toolManager
-    const states = Viewerbase.toolManager.getToolDefaultStates();
+    const states = OHIF.viewerbase.toolManager.getToolDefaultStates();
     const disabledToolButtons = states.disabledToolButtons;
     const allToolbarButtons = $('#toolbar').find('button');
     if (disabledToolButtons && disabledToolButtons.length > 0) {