toggle-components-library 1.28.5-beta.0 → 1.28.5-beta.1

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.28.5-beta.0",
+  "version": "1.28.5-beta.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.28.5-beta.0",
+  "version": "1.28.5-beta.1",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/forms/ToggleContactSearch.vue

@@ -88,13 +88,27 @@ export default {
             return this.inputType == 'email' ? 'Enter contact email address' : 'Enter contact mobile number';
         },
         iconSrc() {
-            return this.inputType == 'email' ? require('../../assets/icons/email-icon.svg') : require('../../assets/icons/mobile-icon.svg');
+            return this.inputType == 'email' ? this.emailIconSrc :  this.mobileIconSrc;
+        },
+        emailIconSrc() {
+            const emailIcon = new Image();
+            emailIcon.src = require('../../assets/icons/email-icon.svg');
+            return emailIcon.src;
+        },
+        mobileIconSrc() {
+            const mobileIcon = new Image();
+            mobileIcon.src = require('../../assets/icons/mobile-icon.svg');
+            return mobileIcon.src;
         },
         arrowIconSrc() {
-            return require('../../assets/icons/arrow-icon.svg');
+            const arrowIcon = new Image();
+            arrowIcon.src = require('../../assets/icons/arrow-icon.svg');
+            return arrowIcon.src;
         },
         searchIconSrc() {
-            return require('../../assets/icons/magnifying-glass-icon.svg');
+            const searchIcon = new Image();
+            searchIcon.src = require('../../assets/icons/magnifying-glass-icon.svg');
+            return searchIcon.src;
         }
     },
     methods: {
@@ -111,11 +125,11 @@ export default {
         iconForType(type) {
             switch (type) {
                 case 'email':
-                    return require('../../assets/icons/email-icon.svg');
+                    return this.emailIconSrc;
                 case 'mobile':
-                    return require('../../assets/icons/mobile-icon.svg');
+                    return this.mobileIconSrc;
                 default:
-                    return require('../../assets/icons/email-icon.svg');
+                    return this.emailIconSrc;
             }
         },
         onEnter(e) {