feat: remove need for polyfill on ie11

closes #168
stasson · Dec 29, 2017 · e39f6b9 · e39f6b9
1 parent 6f0acf1
commit e39f6b9
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 7 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,6 +1,7 @@
 {
   "comments": true,
   "plugins": [
+    "transform-object-assign",
     "transform-object-rest-spread",
     "syntax-dynamic-import"
   ],

diff --git a/components/card/mdc-card-img.vue b/components/card/mdc-card-img.vue
@@ -16,7 +16,7 @@ export default {
     mult: {
       type: [Number, String],
       validator: function (value) {
-        return [1, 1.5, 2, 3].includes(Number(value))
+        return [1, 1.5, 2, 3].indexOf(Number(value)) !== -1
       }
     }
   },

diff --git a/components/layout-grid/mdc-layout-cell.vue b/components/layout-grid/mdc-layout-cell.vue
@@ -25,7 +25,7 @@ export default {
     align: {
       type: String,
       validator: function (value) {
-        return ['top', 'bottom', 'middle'].includes(value)
+        return ['top', 'bottom', 'middle'].indexOf(value) !== -1
       }
     }
   },

diff --git a/components/textfield/mdc-textfield.vue b/components/textfield/mdc-textfield.vue
@@ -74,7 +74,7 @@ export default {
       default: 'text',
       validator: function (value) {
         return ['text', 'email', 'search', 'password', 'tel', 'url']
-          .includes(value)
+          .indexOf(value) !== -1
       }
     },
     'dense': Boolean,

diff --git a/components/theme/mdc-theme.vue b/components/theme/mdc-theme.vue
@@ -43,14 +43,14 @@ export default {
     classes () {
       let classes = {}
 
-      if (this.color && THEME_COLORS.includes(this.color)) {
+      if (this.color && THEME_COLORS.indexOf(this.color) !== -1) {
           classes[`mdc-theme--${this.color}`] = true
       }
 
-      if (this.background && THEME_COLORS.includes(this.background)) {
+      if (this.background && THEME_COLORS.indexOf(this.background) !== -1) {
         classes[`mdc-theme--${this.background}-bg`] = true
 
-        if (this.color && THEME_STYLES.includes(this.color)) {
+        if (this.color && THEME_STYLES.indexOf(this.color) !== -1) {
           classes[`mdc-theme--${this.color}-on-${this.background}`] = true
         }
       }

diff --git a/components/typography/mdc-typography.js b/components/typography/mdc-typography.js
@@ -41,7 +41,7 @@ export function mdcTypoPropMixin(defaultTag, defaultTypo, validTypos) {
       'typo': {
         type: String,
         default: defaultTypo,
-        validator:  (value) => validTypos.includes(value)
+        validator:  (value) => validTypos.indexOf(value) !== -1
       },
       'adjust-margin': { 
         type: Boolean,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -74,6 +74,7 @@
     "babel-loader": "^7.1.2",
     "babel-plugin-external-helpers": "^6.22.0",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-transform-object-assign": "^6.22.0",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-plugin-transform-remove-strict-mode": "0.0.2",
     "babel-polyfill": "^6.26.0",

diff --git a/rollup.config.js b/rollup.config.js
@@ -68,6 +68,7 @@ const babelConfig = {
     ]
   ],
   'plugins': [
+    "transform-object-assign",
     "transform-object-rest-spread",
     // let rollup bundle helpers once
     // see https://github.com/rollup/rollup-plugin-babel#helpers