transpile to ES5 (#14)

* transpile to ES5 (#13)

* Bump version

Author: Frondor

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    [
+      "env",
+      {
+        "modules": false
+      }
+    ]
+  ],
+  "plugins": ["external-helpers"]
+}

dist/vue-line-clamp.umd.js

@@ -4,83 +4,83 @@
 	(global.VueLineClamp = factory());
 }(this, (function () { 'use strict';
 
-const css = 'display:block;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis';
-const currentValueProp = "vLineClampValue";
+var css = 'display:block;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis';
+var currentValueProp = "vLineClampValue";
 
 function defaultFallbackFunc(el, bindings, lines) {
-  if(lines){
-    let lineHeight = parseInt(bindings.arg);
+  if (lines) {
+    var lineHeight = parseInt(bindings.arg);
     if (isNaN(lineHeight)) {
       console.warn('line-height argument for vue-line-clamp must be a number (of pixels), falling back to 16px');
       lineHeight = 16;
     }
 
-    let maxHeight = lineHeight * lines;
+    var maxHeight = lineHeight * lines;
 
-    el.style.maxHeight = maxHeight ? maxHeight+'px' : '';
+    el.style.maxHeight = maxHeight ? maxHeight + 'px' : '';
     el.style.overflowX = 'hidden';
-    el.style.lineHeight = lineHeight+'px'; // to ensure consistency
+    el.style.lineHeight = lineHeight + 'px'; // to ensure consistency
   } else {
     el.style.maxHeight = el.style.overflowX = '';
   }
 }
 
-const truncateText = function (el, bindings, useFallbackFunc) {
-  let lines = parseInt(bindings.value);
+var truncateText = function truncateText(el, bindings, useFallbackFunc) {
+  var lines = parseInt(bindings.value);
   if (isNaN(lines)) {
     console.error('Parameter for vue-line-clamp must be a number');
-    return
-  }
-  else if (lines !== el[currentValueProp]) {
+    return;
+  } else if (lines !== el[currentValueProp]) {
     el[currentValueProp] = lines;
 
     if (useFallbackFunc) {
       useFallbackFunc(el, bindings, lines);
-    }
-    else {
+    } else {
       el.style.webkitLineClamp = lines ? lines : '';
     }
   }
 };
 
-const VueLineClamp = {
-  install (Vue, options) {
+var VueLineClamp = {
+  install: function install(Vue, options) {
     options = Object.assign({
       importCss: false
     }, options);
 
     if (options.importCss) {
-      const stylesheets = window.document.styleSheets,
-        rule = `.vue-line-clamp{${css}}`;
+      var stylesheets = window.document.styleSheets,
+          rule = '.vue-line-clamp{' + css + '}';
       if (stylesheets && stylesheets[0] && stylesheets.insertRule) {
         stylesheets.insertRule(rule);
       } else {
-        let link = window.document.createElement('style');
+        var link = window.document.createElement('style');
         link.id = 'vue-line-clamp';
         link.appendChild(window.document.createTextNode(rule));
         window.document.head.appendChild(link);
       }
     }
 
-    const useFallbackFunc =
-    "webkitLineClamp" in document.body.style
-        ? undefined
-        : options.fallbackFunc || defaultFallbackFunc;
+    var useFallbackFunc = "webkitLineClamp" in document.body.style ? undefined : options.fallbackFunc || defaultFallbackFunc;
 
     Vue.directive('line-clamp', {
       currentValue: 0,
-      bind (el) {
+      bind: function bind(el) {
         if (!options.importCss) {
           el.style.cssText += css;
-        }
-        else {
+        } else {
           el.classList.add('vue-line-clamp');
         }
+      },
 
+      inserted: function inserted(el, bindings) {
+        return truncateText(el, bindings, useFallbackFunc);
+      },
+      updated: function updated(el, bindings) {
+        return truncateText(el, bindings, useFallbackFunc);
       },
-      inserted: (el, bindings) => truncateText(el, bindings, useFallbackFunc),
-      updated: (el, bindings) => truncateText(el, bindings, useFallbackFunc),
-      componentUpdated: (el, bindings) => truncateText(el, bindings, useFallbackFunc)
+      componentUpdated: function componentUpdated(el, bindings) {
+        return truncateText(el, bindings, useFallbackFunc);
+      }
     });
   }
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-line-clamp",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "A simple, fast and lightweight directive for truncating multi line texts using \"cross-browser\" CSS strategies.",
   "main": "dist/vue-line-clamp.cjs.js",
   "module": "dist/vue-line-clamp.esm.js",
@@ -10,11 +10,16 @@
     "dev": "rollup -c -w",
     "test": "jest",
     "pretest": "npm run build",
-    "serve": "npm run build && cp dist/. dev/dist -r && node node_modules/watch-http-server/bin/http-server ./dev -a localhost -o"
+    "serve": "npm run build && cp dist/. dev/dist -r && node node_modules/watch-http-server/bin/http-server ./dev -a localhost -o",
+    "prepublishOnly": "npm run build"
   },
   "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-preset-env": "^1.6.1",
     "jest": "^22.1.4",
     "rollup": "^0.50.0",
+    "rollup-plugin-babel": "^3.0.3",
     "rollup-plugin-commonjs": "^8.2.6",
     "rollup-plugin-node-resolve": "^3.0.0",
     "watch-http-server": "^0.7.6"

rollup.config.js

@@ -1,5 +1,6 @@
 import resolve from 'rollup-plugin-node-resolve'
 import commonjs from 'rollup-plugin-commonjs'
+import babel from 'rollup-plugin-babel';
 import pkg from './package.json'
 
 export default [
@@ -13,7 +14,10 @@ export default [
     },
     plugins: [
       resolve(), // so Rollup can find dependencies
-      commonjs() // so Rollup can convert dependencies to ES modules
+      commonjs(), // so Rollup can convert dependencies to ES modules
+      babel({
+        exclude: 'node_modules/**'
+      })
     ]
   },
 
@@ -30,4 +34,4 @@ export default [
       { file: pkg.module, format: 'es' }
     ]
   }
-]
+]