AWV-3: Adding CSS3 animations to the CINE dialog

Packages/viewerbase/lib/enableHotkeys.js

@@ -145,10 +145,10 @@ Meteor.startup(function() {
             }
         },
         previousDisplaySet() {
-            OHIF.viewer.moveDisplaySet(false);
+            OHIF.viewer.moveDisplaySets(false);
         },
         nextDisplaySet() {
-            OHIF.viewer.moveDisplaySet(true);
+            OHIF.viewer.moveDisplaySets(true);
         },
         nextPanel: function() {
             nextActivePanel();

Packages/viewerbase/lib/toggleDialog.js

@@ -1,8 +1,6 @@
-toggleDialog = function(element) {
-    var elem = $(element);
-    if (elem.css('display') === 'none') {
-        elem.css('display', 'block');
-    } else {
-        elem.css('display', 'none');
-    }
-};
+toggleDialog = element => {
+    const $element = $(element);
+    const isClosed = $element.hasClass('dialog-open');
+    $element.toggleClass('dialog-closed', isClosed);
+    $element.toggleClass('dialog-open', !isClosed);
+};