0.1.12

dist/vue-credit-card-field.es.js

@@ -1,3 +1,5 @@
+import MergeClasses from 'vue-interface/src/Mixins/MergeClasses';
+
 var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function createCommonjsModule(fn, module) {
@@ -19739,24 +19741,6 @@ var Variant = {
 
 }
 
-function MergeClasses() {
-    const classes = {};
-
-    forEach([].slice.call(arguments), arg => {
-        if(isObject(arg)) {
-            assignIn(classes, arg);
-        }
-        else if(isArray(arg)) {
-            merge(classes, arg);
-        }
-        else if(arg) {
-            classes[arg] = true;
-        }
-    });
-
-    return classes;
-}
-
 var CreditCardField = {
   render: function render() {
     var _vm = this;
@@ -20040,14 +20024,7 @@ var CreditCardField = {
   },
   staticRenderFns: [],
   name: 'credit-card-field',
-  components: {
-    ActivityIndicator: ActivityIndicator,
-    Icon: Icon,
-    FormGroup: FormGroup,
-    FormFeedback: FormFeedback,
-    HelpText: HelpText
-  },
-  mixins: [Variant, FormControl],
+  mixins: [MergeClasses, Variant, FormControl],
   props: {
     activity: {
       type: Boolean,
@@ -20169,7 +20146,6 @@ var CreditCardField = {
     }
   },
   methods: {
-    mergeClasses: MergeClasses,
     addTransform: function addTransform(el) {
       var positionInfo = this.$el.querySelector('.credit-card-field-number-mask').getBoundingClientRect();
       var parts = el.value.split(' ');

dist/vue-credit-card-field.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-	typeof define === 'function' && define.amd ? define(['exports'], factory) :
-	(factory((global.VueCreditCardField = {})));
-}(this, (function (exports) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue-interface/src/Mixins/MergeClasses')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'vue-interface/src/Mixins/MergeClasses'], factory) :
+	(factory((global.VueCreditCardField = {}),global.MergeClasses));
+}(this, (function (exports,MergeClasses) { 'use strict';
+
+	MergeClasses = MergeClasses && MergeClasses.hasOwnProperty('default') ? MergeClasses['default'] : MergeClasses;
 
 	var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -19745,24 +19747,6 @@
 
 	}
 
-	function MergeClasses() {
-	    const classes = {};
-
-	    forEach([].slice.call(arguments), arg => {
-	        if(isObject(arg)) {
-	            assignIn(classes, arg);
-	        }
-	        else if(isArray(arg)) {
-	            merge(classes, arg);
-	        }
-	        else if(arg) {
-	            classes[arg] = true;
-	        }
-	    });
-
-	    return classes;
-	}
-
 	var CreditCardField = {
 	  render: function render() {
 	    var _vm = this;
@@ -20046,14 +20030,7 @@
 	  },
 	  staticRenderFns: [],
 	  name: 'credit-card-field',
-	  components: {
-	    ActivityIndicator: ActivityIndicator,
-	    Icon: Icon,
-	    FormGroup: FormGroup,
-	    FormFeedback: FormFeedback,
-	    HelpText: HelpText
-	  },
-	  mixins: [Variant, FormControl],
+	  mixins: [MergeClasses, Variant, FormControl],
 	  props: {
 	    activity: {
 	      type: Boolean,
@@ -20175,7 +20152,6 @@
 	    }
 	  },
 	  methods: {
-	    mergeClasses: MergeClasses,
 	    addTransform: function addTransform(el) {
 	      var positionInfo = this.$el.querySelector('.credit-card-field-number-mask').getBoundingClientRect();
 	      var parts = el.value.split(' ');

package.json

@@ -1,6 +1,6 @@
 {
     "name": "vue-credit-card-field",
-    "version": "0.1.11",
+    "version": "0.1.12",
     "devDependencies": {
         "@babel/cli": "^7.0.0-beta.44",
         "@babel/core": "^7.0.0-beta.44",

src/Components/CreditCardField.vue

@@ -69,13 +69,13 @@ import 'vue-awesome/icons/cc-mastercard';
 import 'vue-awesome/icons/cc-diners-club';
 import 'vue-awesome/icons/credit-card-alt';
 import Icon from 'vue-awesome/components/Icon';
+import MergeClasses from 'vue-interface/src/Mixins/MergeClasses';
 import ActivityIndicator from 'vue-interface/src/Components/ActivityIndicator';
 import FormControl from 'vue-interface/src/Mixins/FormControl';
 import FormGroup from 'vue-interface/src/Components/FormGroup';
 import FormFeedback from 'vue-interface/src/Components/FormFeedback';
 import HelpText from 'vue-interface/src/Components/HelpText';
 import Variant from 'vue-interface/src/Mixins/Variant';
-import mergeClasses from 'vue-interface/src/Helpers/MergeClasses';
 
 const SUPPORTED_BRANDS = [
     'unknown',
@@ -96,15 +96,8 @@ export default {
 
     name: 'credit-card-field',
 
-    components: {
-        ActivityIndicator,
-        Icon,
-        FormGroup,
-        FormFeedback,
-        HelpText
-    },
-
     mixins: [
+        MergeClasses,
         Variant,
         FormControl
     ],
@@ -246,8 +239,6 @@ export default {
 
     methods: {
 
-        mergeClasses: mergeClasses,
-
         addTransform(el) {
             const positionInfo = this.$el.querySelector('.credit-card-field-number-mask').getBoundingClientRect();
             const parts = el.value.split(' ');