cl

Author: Justin

src/Viewport.ts

@@ -194,6 +194,8 @@ export class Viewport extends Container
     private _worldHeight?: number | null;
     private _disableOnContextMenu = (e: MouseEvent) => e.preventDefault();
 
+    public _wheelAxis?: 'all' | 'x' | 'y';
+
     /**
      * @param {IViewportOptions} ViewportOptions
      * @param {number} [options.screenWidth=window.innerWidth]

src/plugins/ClampZoom.ts

@@ -78,21 +78,29 @@ export class ClampZoom extends Plugin
             if (this.options.minWidth !== null && width < this.options.minWidth)
             {
                 const original = this.parent.scale.x;
+                console.log('-- minwidth', this.parent._wheelAxis);
 
                 this.parent.fitWidth(this.options.minWidth, false, false, true);
-                this.parent.scale.y *= this.parent.scale.x / original;
                 width = this.parent.worldScreenWidth;
-                height = this.parent.worldScreenHeight;
+
+                if (['all', 'y'].includes(this.parent._wheelAxis)) {
+                    this.parent.scale.y *= this.parent.scale.x / original;
+                    height = this.parent.worldScreenHeight;
+                }
                 this.parent.emit('zoomed', { viewport: this.parent, type: 'clamp-zoom' });
             }
             if (this.options.maxWidth !== null && width > this.options.maxWidth)
             {
                 const original = this.parent.scale.x;
+                console.log('-- maxwidth', this.parent._wheelAxis);
 
                 this.parent.fitWidth(this.options.maxWidth, false, false, true);
-                this.parent.scale.y *= this.parent.scale.x / original;
                 width = this.parent.worldScreenWidth;
-                height = this.parent.worldScreenHeight;
+
+                if (['all', 'y'].includes(this.parent._wheelAxis)) {
+                    this.parent.scale.y *= this.parent.scale.x / original;
+                    height = this.parent.worldScreenHeight;
+                }
                 this.parent.emit('zoomed', { viewport: this.parent, type: 'clamp-zoom' });
             }
             if (this.options.minHeight !== null && height < this.options.minHeight)

src/plugins/Wheel.ts

@@ -110,6 +110,7 @@ export class Wheel extends Plugin
     {
         super(parent);
         this.options = Object.assign({}, DEFAULT_WHEEL_OPTIONS, options);
+        this.parent._wheelAxis = this.options.axis;
         this.keyIsPressed = false;
 
         if (this.options.keyToPress)