@uploadcare/blocks/blocks/CloudImageEditor/src/EditorScroller.js

Building blocks for Uploadcare products integration

import { Block } from '../../../abstract/Block.js';

const X_THRESHOLD = 1;

export class EditorScroller extends Block {
  initCallback() {
    super.initCallback();

    this.addEventListener('wheel', (e) => {
      e.preventDefault();
      let { deltaY, deltaX } = e;
      if (Math.abs(deltaX) > X_THRESHOLD) {
        this.scrollLeft += deltaX;
      } else {
        this.scrollLeft += deltaY;
      }
    });
  }
}

EditorScroller.template = /* HTML */ ` <slot></slot> `;