import svgEditor from '../svg-editor.js';
/*
 * ext-panning.js
 *
 * Licensed under the MIT License
 *
 * Copyright(c) 2013 Luis Aguirre
 *
 */

/*
  This is a very basic SVG-Edit extension to let tablet/mobile devices panning without problem
*/

svgEditor.addExtension('ext-panning', function () {
  const svgCanvas = svgEditor.canvas;
  return {
    name: 'Extension Panning',
    svgicons: svgEditor.curConfig.extIconsPath + 'ext-panning.xml',
    buttons: [{
      id: 'ext-panning',
      type: 'mode',
      title: 'Panning',
      events: {
        click () {
          svgCanvas.setMode('ext-panning');
        }
      }
    }],
    mouseDown () {
      if (svgCanvas.getMode() === 'ext-panning') {
        svgEditor.setPanning(true);
        return {started: true};
      }
    },
    mouseUp () {
      if (svgCanvas.getMode() === 'ext-panning') {
        svgEditor.setPanning(false);
        return {
          keep: false,
          element: null
        };
      }
    }
  };
});