fix(viewer): Improve sidebar resizing UX and update deps

ts_web/elements/viewer.ts

@@ -142,6 +142,7 @@ export class DeDocumentViewer extends DeesElement {
         flex-direction: column;
         z-index: 50;
         box-sizing: border-box;
+        transition: width 0.2s ease;
       }
 
       .sidebar--collapsed {
@@ -551,6 +552,10 @@ export class DeDocumentViewer extends DeesElement {
         transition: left 0.2s ease;
       }
 
+      .viewport--resizing {
+        transition: none !important;
+      }
+
       .viewport--with-sidebar {
         left: var(--current-sidebar-width, 140px);
       }
@@ -621,6 +626,7 @@ export class DeDocumentViewer extends DeesElement {
       "viewport",
       this.zoomMode !== "auto" ? "viewport--centered" : "",
       this.showThumbnails ? "viewport--with-sidebar" : "",
+      this.isResizingSidebar ? "viewport--resizing" : "",
     ].filter(Boolean).join(" ");
 
     return html`
@@ -1004,7 +1010,7 @@ export class DeDocumentViewer extends DeesElement {
       document.body.style.userSelect = "";
     };
 
-    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mousemove", onMouseMove, { passive: true });
     document.addEventListener("mouseup", onMouseUp);
     document.body.style.cursor = "ew-resize";
     document.body.style.userSelect = "none";