cubing 0.26.2 → 0.26.3

package/dist/esm/twisty/index.js

@@ -1136,7 +1136,6 @@ var twisty3DVantageCSS = new CSSSource(`
 .wrapper > canvas {
   max-width: 100%;
   max-height: 100%;
-  cursor: grab;
   animation: fade-in 0.25s ease-in;
 }
 
@@ -1145,13 +1144,17 @@ var twisty3DVantageCSS = new CSSSource(`
   to { opacity: 1; }
 }
 
-.wrapper > canvas:active {
-  cursor: grabbing;
-}
-
 .wrapper.invisible {
   opacity: 0;
 }
+
+.wrapper.drag-input-enabled > canvas {
+  cursor: grab;
+}
+
+.wrapper.drag-input-enabled > canvas:active {
+  cursor: grabbing;
+}
 `);
 
 // src/cubing/twisty/views/3D/DragTracker.ts
@@ -1181,6 +1184,7 @@ var DragTracker = class extends EventTarget {
       this.target.removeEventListener(eventType, listener);
     }
     __privateGet(this, _targetListeners).clear();
+    __privateSet(this, _lazyListenersRegistered, false);
   }
   addTargetListener(eventType, listener) {
     if (!__privateGet(this, _targetListeners).has(eventType)) {
@@ -1605,14 +1609,17 @@ dragTracker_fn = async function() {
   return __privateGet(this, _cachedDragTracker) ?? __privateSet(this, _cachedDragTracker, (async () => {
     const dragTracker = new DragTracker((await this.canvasInfo()).canvas);
     this.model?.twistySceneModel.dragInput.addFreshListener((dragInputMode) => {
+      let dragInputEnabled = false;
       switch (dragInputMode) {
         case "auto":
           dragTracker.start();
+          dragInputEnabled = true;
           break;
         case "none":
           dragTracker.stop();
           break;
       }
+      this.contentWrapper.classList.toggle("drag-input-enabled", dragInputEnabled);
     });
     return dragTracker;
   })());