feat(createViewer): Add setShadowEnabled

Author: thewtex

src/createViewer.js

@@ -212,6 +212,15 @@ const createViewer = (
     }
   }
 
+  let shadowEnabled = true;
+  publicAPI.setShadowEnabled = (shadow) => {
+    const toggleShadowButton = document.getElementById(`${viewerDOMId}-toggleShadowButton`);
+    if (shadow && !shadowEnabled || !shadow && shadowEnabled) {
+      shadowEnabled = !shadowEnabled;
+      toggleShadowButton.click();
+    }
+  }
+
   publicAPI.captureImage = () => {
     return view.captureImage();
   }

src/userInterface/createImageUI.js

@@ -63,11 +63,11 @@ function createUseShadowToggle(
   );
 
   const useShadowButton = document.createElement('div');
-  useShadowButton.innerHTML = `<input id="${viewerDOMId}-useShadow" type="checkbox" class="${
+  useShadowButton.innerHTML = `<input id="${viewerDOMId}-toggleShadowButton" type="checkbox" class="${
     style.toggleInput
   }" checked><label class="${contrastSensitiveStyle.shadowButton} ${
     style.toggleButton
-  }" for="${viewerDOMId}-useShadow">${shadowIcon}</label>`;
+  }" for="${viewerDOMId}-toggleShadowButton">${shadowIcon}</label>`;
   let useShadow = true;
   useShadowButton.addEventListener('change', (event) => {
     useShadow = !useShadow;