Fix rollup + Babel

CHANGELOG.md

@@ -15,6 +15,7 @@
 - **Fixed** Various bugs related to IE11 (`card-img` aspect ratio, Material Icons, Select2 items alignment, chip close icon).
 - **Fixed** Datatables.net search displays suitable number of results.
 - **Fixed** Various minor changes.
+- **Improved** JavaScript compilation.
 
 ## 4.6.0 - RC1
 

assets/js/index.js

@@ -1,4 +1,4 @@
-import $ from 'jquery'
+// import $ from 'jquery'
 import ExpansionPanel from './src/expansion-panel'
 import FloatingLabel from './src/floating-label'
 import NavDrawer from './src/nav-drawer'
@@ -17,4 +17,4 @@ export {
   Ripplet,
   SelectionControlFocus,
   TabSwitch
-}
+}

assets/scss/base/_base.scss

@@ -149,6 +149,7 @@ ul {
 }
 
 // djibe addition looks like https://developers.google.com/style/lists
+// TODO: doc
 .list-material {
   padding-left: 2.5rem;
 
@@ -173,6 +174,7 @@ dd {
   &:not([class*='col']) {
     padding-left: 2.5rem;
 
+    > ol,
     > ul {
       padding-left: 0;
     }

assets/scss/material/_selection-control.scss

@@ -60,7 +60,7 @@
   &::after {
     color: $selection-control-color;
     display: block;
-    opacity: $black-secondary-opacity;
+    // opacity: $black-secondary-opacity;
     position: absolute;
     top: (($font-size-base * $line-height-base - $selection-control-indicator-size) / 2);
     left: 0;

build/rollup.config.js

@@ -1,19 +1,24 @@
 import babel from '@rollup/plugin-babel'
 import commonjs from '@rollup/plugin-commonjs'
-import nodeResolve from '@rollup/plugin-node-resolve'
+import resolve from '@rollup/plugin-node-resolve'
 
 const pkg      = require('../package.json')
 const year     = new Date().getFullYear()
 
+const external = ['jquery']
 const globals = {
-  'jquery': '$'
+  jquery: 'jQuery'
 }
 
-const config  = [
-  nodeResolve(),
+const pluginsConfig = [
+  resolve(),
   commonjs(),
   babel({
+    babelHelpers: 'bundled',
     exclude: 'node_modules/**',
+    ignore: [
+      /\/core-js/
+    ],
     sourceType: 'unambiguous',
     presets: [
       [
@@ -24,7 +29,7 @@ const config  = [
           loose: true,
           modules: false,
           spec: true,
-          useBuiltIns: 'usage',
+          useBuiltIns: 'entry',
           corejs: {
             version: 3,
             proposals: false
@@ -36,6 +41,7 @@ const config  = [
 ]
 
 export default {
+  external,
   input: 'assets/js/index.js',
   // TODO: https://stackoverflow.com/questions/55112048/rollup-babel-preset-env-babel-polyfill
   output: {
@@ -46,5 +52,5 @@ export default {
     name: 'material'
   },
   context: 'this',
-  plugins: config
+  plugins: pluginsConfig
 }