fix pan

.config/rollup.config.js

@@ -21,66 +21,88 @@ const headerLong = `/*!
 
 const headerShort = `/*! ${pkg.name} v${pkg.version} ${pkg.license}*/;`
 
-const getBabelConfig = (targets, corejs = false) => babel({
-  include: 'src/**',
-  runtimeHelpers: true,
-  babelrc: false,
-  presets: [['@babel/preset-env', {
-    modules: false,
-    targets: targets || pkg.browserslist,
-    //useBuiltIns: 'usage'
-  }]],
-  plugins: [['@babel/plugin-transform-runtime', {
-    corejs: corejs,
-    helpers: true,
-    useESModules: true
-  }]]
-})
+const getBabelConfig = (targets, corejs = false) =>
+  babel({
+    include: 'src/**',
+    runtimeHelpers: true,
+    babelrc: false,
+    presets: [
+      [
+        '@babel/preset-env',
+        {
+          modules: false,
+          targets: targets || pkg.browserslist
+          // useBuiltIns: 'usage'
+          // corejs: 3
+        }
+      ]
+    ],
+    plugins: [
+      ['@babel/plugin-proposal-optional-chaining'],
+      [
+        '@babel/plugin-proposal-nullish-coalescing-operator',
+        {
+          loose: true
+        }
+      ],
+      [
+        '@babel/plugin-transform-runtime',
+        {
+          corejs: corejs,
+          helpers: true,
+          useESModules: true
+        }
+      ]
+    ]
+  })
 
 // When few of these get mangled nothing works anymore
 // We loose literally nothing by let these unmangled
-const classes = [
-
-]
+const classes = []
 
-const config = (node, min) => ({
+const config = (node, min, esm = false) => ({
   external: ['@svgdotjs/svg.js'],
   input: 'src/svg.panzoom.js',
   output: {
-    file: node ? './dist/svg.panzoom.node.js'
-      : min ? './dist/svg.panzoom.min.js'
-        : './dist/svg.panzoom.js',
-    format: node ? 'cjs' : 'iife',
-    //name: 'SVG.Filter',
+    file: esm
+      ? './dist/svg.panzoom.esm.js'
+      : node
+      ? './dist/svg.panzoom.node.js'
+      : min
+      ? './dist/svg.panzoom.min.js'
+      : './dist/svg.panzoom.js',
+    format: esm ? 'esm' : node ? 'cjs' : 'iife',
     sourcemap: true,
     banner: headerLong,
     // remove Object.freeze
     freeze: false,
     globals: {
-      '@svgdotjs/svg.js': 'SVG',
-    },
+      '@svgdotjs/svg.js': 'SVG'
+    }
   },
   treeshake: {
     // property getter have no sideeffects
     propertyReadSideEffects: false
   },
   plugins: [
     resolve(),
-    commonjs(),
     getBabelConfig(node && 'maintained node versions'),
+    commonjs(),
     filesize(),
-    !min ? {} : uglify({
-      mangle: {
-        reserved: classes
-      },
-      output: {
-        preamble: headerShort
-      }
-    })
+    !min
+      ? {}
+      : uglify({
+          mangle: {
+            reserved: classes
+          },
+          output: {
+            preamble: headerShort
+          }
+        })
   ]
 })
 
 // [node, minified]
-const modes = [[false], [false, true]]
+const modes = [[false], [false, true], [false, false, true]]
 
 export default modes.map(m => config(...m))

.eslintrc.yaml

@@ -1,9 +1,6 @@
-
-extends: standard
+extends: [standard]
+parser: babel-eslint
 rules:
-  operator-linebreak: [ error, before ]
-  object-curly-spacing: [ error, always ]
-  indent: [ error, 2, {
-    flatTernaryExpressions: true
-  }]
+  object-curly-spacing: [error, always]
+  indent: [error, 2, { flatTernaryExpressions: true }]
   padded-blocks: off