{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/example3/Example3.vue?08fe","webpack:///./src/App.vue?4241","webpack:///./src/App.vue?8561","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/components/example1/Example1.vue?7054","webpack:///src/components/example1/Example1.vue","webpack:///./src/components/example1/Example1.vue?32cf","webpack:///./src/components/example1/Example1.vue?9056","webpack:///./src/components/example2/Example2.vue?bb6c","webpack:///src/components/example2/Example2.vue","webpack:///./src/components/example2/Example2.vue?7301","webpack:///./src/components/example2/Example2.vue?e583","webpack:///./src/components/example3/Example3.vue?4702","webpack:///src/components/example3/Example3.vue","webpack:///./src/components/example3/Example3.vue?2c99","webpack:///./src/components/example3/Example3.vue?f53e","webpack:///./src/main.js","webpack:///./src/components/example2/Example2.vue?ae0c","webpack:///./src/components/example1/Example1.vue?e1e5","webpack:///./src/components/example1/Example1.vue?9168"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","app","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example3_vue_vue_type_style_index_0_id_45ef5f30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example3_vue_vue_type_style_index_0_id_45ef5f30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","Appvue_type_template_id_36105a47_render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","Appvue_type_script_lang_js_","components","created","Chargebee","init","site","publishableKey","src_Appvue_type_script_lang_js_","component","componentNormalizer","App","Example1vue_type_template_id_73cab0c4_scoped_true_render","staticClass","directives","rawName","expression","class","val","firstName","type","placeholder","domProps","on","input","$event","target","composing","_v","ref","styles","classes","locale","fonts","submit","loading","click","tokenize","role","_s","error","_e","token","Example1vue_type_template_id_73cab0c4_scoped_true_staticRenderFns","Example1vue_type_script_lang_js_","CardComponent","chargebee_js_vue_wrapper_esm","CardNumber","CardExpiry","CardCvv","methods","_this","$refs","card","then","catch","console","log","focus","invalid","empty","complete","number","cvv","expiry","base","color","fontWeight","fontFamily","fontSize","fontSmoothing",":focus","::placeholder",":focus::placeholder","example1_Example1vue_type_script_lang_js_","Example1_component","Example1","Example2vue_type_template_id_e7524748_render","email","phone","icon","cardIcon","ready","onReady","staticStyle","margin-top","e","setTheme","toggleCardIcon","clear","increaseFontSize","decreaseFontSize","Example2vue_type_template_id_e7524748_staticRenderFns","Example2vue_type_script_lang_js_","setFontSize","objectSpread","concat","event","index","preventDefault","theme","themes","root","document","documentElement","style","setProperty","getIframeStyles","iconColor","THEMES","main-bg","secondary-bg","main-text","placeholder-focused","primary-btn","btn-text","primary-btn-focus","invalid-focused","invalid-placeholder","computed","example2_Example2vue_type_script_lang_js_","Example2_component","Example2","Example3vue_type_template_id_45ef5f30_scoped_true_render","_m","change","onChange","onFocus","blur","onBlur","errorMessage","setLocale","Example3vue_type_template_id_45ef5f30_scoped_true_staticRenderFns","Example3vue_type_script_lang_js_","field","errors","message","_errors","values_default","filter","errorObj","pop","example3_Example3vue_type_script_lang_js_","Example3_component","Example3","Vue","use","VueRouter","config","productionTip","router","routes","path","redirect","render","h","$mount","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example2_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example2_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example1_vue_vue_type_style_index_1_id_73cab0c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example1_vue_vue_type_style_index_1_id_73cab0c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Example1_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/app.a75c04ef.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/components-examples/vue/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example3.vue?vue&type=style&index=0&id=45ef5f30&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example3.vue?vue&type=style&index=0&id=45ef5f30&scoped=true&lang=css&\"","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"app\">\n    <router-view></router-view>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'app',\n  components: {\n\n  },\n  created() {\n    window.Chargebee.init({\n      site: \"honeycomics-v3-test\",\n      publishableKey: \"test_qoH22RugUvm5IcxoqUD5Svdcu9mX5figf\"\n    })\n  }\n}\n</script>\n\n<style>\nbody {\n  margin: 0;\n}\n</style>","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=36105a47&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ex1 container\"},[_c('div',{staticClass:\"ex1-wrap\"},[_c('div',{staticClass:\"ex1-fieldset\"},[_c('div',{staticClass:\"ex1-field\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.firstName),expression:\"firstName\"}],staticClass:\"ex1-input\",class:{'val': _vm.firstName},attrs:{\"type\":\"text\",\"placeholder\":\"John Doe\"},domProps:{\"value\":(_vm.firstName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.firstName=$event.target.value}}}),_c('label',{staticClass:\"ex1-label\"},[_vm._v(\"Name on Card\")]),_c('i',{staticClass:\"ex1-bar\"})]),_c('CardComponent',{ref:\"card\",staticClass:\"fieldset field\",attrs:{\"styles\":_vm.styles,\"classes\":_vm.classes,\"locale\":_vm.locale,\"placeholder\":_vm.placeholder,\"fonts\":_vm.fonts}},[_c('div',{staticClass:\"ex1-field\"},[_c('CardNumber',{staticClass:\"ex1-input\"}),_c('label',{staticClass:\"ex1-label\"},[_vm._v(\"Card Number\")]),_c('i',{staticClass:\"ex1-bar\"})],1),_c('div',{staticClass:\"ex1-fields\"},[_c('div',{staticClass:\"ex1-field\"},[_c('CardExpiry',{staticClass:\"ex1-input\"}),_c('label',{staticClass:\"ex1-label\"},[_vm._v(\"Expiry\")]),_c('i',{staticClass:\"ex1-bar\"})],1),_c('div',{staticClass:\"ex1-field\"},[_c('CardCvv',{staticClass:\"ex1-input\"}),_c('label',{staticClass:\"ex1-label\"},[_vm._v(\"CVC\")]),_c('i',{staticClass:\"ex1-bar\"})],1)])])],1),_c('button',{staticClass:\"ex1-button\",class:{'submit': _vm.loading},attrs:{\"type\":\"submit\"},on:{\"click\":_vm.tokenize}},[_vm._v(\"Pay $x & Tokenize\")]),(_vm.error)?_c('div',{staticClass:\"error\",attrs:{\"role\":\"alert\"}},[_vm._v(_vm._s(_vm.error))]):_vm._e(),(_vm.token)?_c('div',{staticClass:\"token\"},[_vm._v(_vm._s(_vm.token))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ex1 container\">\n    <div class=\"ex1-wrap\">\n    <div class=\"ex1-fieldset\">\n      <div class=\"ex1-field\">                  \n          <input class=\"ex1-input\" :class=\"{'val': firstName}\" type=\"text\" placeholder=\"John Doe\" v-model=\"firstName\">\n          <label class=\"ex1-label\">Name on Card</label><i class=\"ex1-bar\"></i>\n      </div>\n      <!-- Render card components in fields-mode -->\n      <!-- Pass styles, classes, locale, placeholder, fonts as props -->\n      <CardComponent ref=\"card\" class=\"fieldset field\" \n        :styles=\"styles\" \n        :classes=\"classes\" \n        :locale=\"locale\" \n        :placeholder=\"placeholder\" \n        :fonts=\"fonts\"\n      >\n        <div class=\"ex1-field\">\n          <!-- Card number field -->\n          <CardNumber class=\"ex1-input\" />\n          <label class=\"ex1-label\">Card Number</label><i class=\"ex1-bar\"></i>\n        </div>\n\n        <div class=\"ex1-fields\">\n          <div class=\"ex1-field\">\n            <!-- Card expiry field -->\n            <CardExpiry class=\"ex1-input\"/>\n            <label class=\"ex1-label\">Expiry</label><i class=\"ex1-bar\"></i>\n          </div>\n\n          <div class=\"ex1-field\">\n            <!-- Card cvv field -->\n            <CardCvv class=\"ex1-input\"/>\n            <label class=\"ex1-label\">CVC</label><i class=\"ex1-bar\"></i>\n          </div>\n\n        </div>\n      </CardComponent>\n\n    </div>\n    <button type=\"submit\" :class=\"{'submit': loading}\" class=\"ex1-button\" @click=\"tokenize\">Pay $x & Tokenize</button>\n    <div class=\"error\" role=\"alert\" v-if=\"error\">{{error}}</div>\n    <div class=\"token\" v-if=\"token\">{{token}}</div>\n  </div>\n  </div>\n</template>\n<script>\n\nimport { CardComponent, CardNumber, CardExpiry, CardCvv } from '@chargebee/chargebee-js-vue-wrapper';\n\nexport default {\n  name: 'Example1',\n\n  components: {\n    CardComponent,\n    CardNumber,\n    CardExpiry,\n    CardCvv\n  },\n  \n  methods: {\n    tokenize() {\n      this.loading = true;\n      // Call the tokenize method using the card component's ref\n      this.$refs.card.tokenize({}).then((data) => {\n        this.loading = false;\n        this.token = data.token;\n        this.error = \"\";\n      }).catch((error) => {\n        console.log(error);\n        this.loading = false;\n        this.error = \"Problem while tokenizing your card details\";\n        this.token = \"\";\n      });\n    }\n  },\n  data() {\n    return {\n      token: \"\",\n      error: \"\",\n      loading: false,\n      firstName: \"\",\n      \n      // Options for card-component\n      // custom classes \n      classes: {\n        focus: 'focus',\n        invalid: 'invalid',\n        empty: 'empty',\n        complete: 'complete',\n      },\n\n      // Custom fonts\n      fonts: [\n        \"https://fonts.googleapis.com/css?family=Lato:400,700\"\n      ],\n\n      // Placeholders\n      placeholder: {\n        number: \"4111 1111 1111 1111\",\n        cvv: \"CVV\",\n        expiry: \"MM / YY\",\n      },\n\n      // Locale\n      locale: \"en\",\n\n      // Custom styles\n      styles: {\n        // Styles for default state\n        base: {\n          color: '#333',\n          fontWeight: '500',\n          fontFamily: 'Lato, Segoe UI, Helvetica Neue, sans-serif',\n          fontSize: '16px',\n          fontSmoothing: 'antialiased',\n\n          ':focus': {\n            color: '#424770',\n          },\n\n          '::placeholder': {\n            color: 'transparent',\n          },\n\n          ':focus::placeholder': {\n            color: '#7b808c',\n          },\n        },\n\n        // Styles for invalid state\n        invalid: {\n          color: '#e41029',\n\n          ':focus': {\n            color: '#e44d5f',\n          },\n          '::placeholder': {\n            color: '#FFCCA5',\n          },\n        },\n      }\n    }\n  },\n}\n</script>\n\n\n<style>\nbody{\n  background-color: #2c2e33;  \n  color: #fff;\n  font-family: 'Roboto',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 1.4;\n  font-weight: 300;\n  /* -webkit-font-smoothing: antialiased; */\n}\n</style>\n<style scoped>\n*{\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  outline: none;\n}\n\na{\n  cursor: pointer;\n  color: inherit;  \n  text-decoration: none;\n  border-bottom: 1px dotted;\n}\n\n.ex1.container {\n  margin: auto;\n  padding: 100px 0;\n  min-height: 100vh;\n}\n\n.ex1-wrap{\n  max-width: 400px;\n  margin: auto;\n  border-radius: 8px;\n  background: #fff;\n  padding: 32px;\n}\n\n.ex1-field{\n  position: relative;\n  margin-bottom: 32px;\n}\n.ex1-fields{\n  display: flex;\n  margin-left: -16px;\n}\n.ex1-fields .ex1-field{\n  flex: 1;    \n  margin-left: 16px;\n}\n.ex1-label{  \n  font-size: 12px;\n  font-weight: 500;  \n  color: #7b808c;\n  position: absolute;\n  top: 0.25rem;\n  pointer-events: none;\n  padding-left: 0.125rem;\n  z-index: 1;  \n  font-weight: normal;\n  -webkit-transition: all 0.28s ease;\n  transition: all 0.28s ease;\n}\n.ex1-input{\n  width: 100%;\n  display: block;\n  background: transparent;\n  border-radius: 0;\n  border: none;\n  padding: 4px 2px;  \n  border-width: 0;\n  border-color: transparent;\n  color: #333;\n  font-size: 16px;\n  font-family: inherit;\n  font-weight: 500;\n  transition: .2s;\n  cursor: text;\n  /* font-weight: inherit; */\n  -webkit-transition: all 0.28s ease;\n  transition: all 0.28s ease;\n  box-shadow: none;\n}\n.ex1-input::placeholder{\n  color: transparent;\n}\n.ex1-input:focus::placeholder{\n  color: #7b808c;\n}\n\n.ex1-input:focus ~ .ex1-label,\n.ex1-input.focus ~ .ex1-label,\n.ex1-input.val ~ .ex1-label,\n.ex1-input.complete ~ .ex1-label,\n.ex1-input.invalid ~ .ex1-label{\n    font-size: 0.8rem;\n    color:#7b808c;\n    top: -1rem;\n    left: 0;\n}\n.ex1-bar{\n  position: relative;\n  border-bottom: 0.0625rem solid #999;\n  display: block;\n}\n.ex1-bar::before {\n  content: '';\n  height: 0.125rem;\n  width: 0;\n  left: 50%;\n  bottom: -0.0625rem;\n  position: absolute;\n  background: #337ab7;\n  -webkit-transition: left 0.28s ease, width 0.28s ease;\n  transition: left 0.28s ease, width 0.28s ease;\n  z-index: 2;\n}\n.ex1-input:focus ~ .ex1-bar::before,\n.ex1-input.focus ~ .ex1-bar::before{\n  width: 100%;\n  left: 0;\n}\n.ex1-button{\n  background: #0950cc;\n  background: #0c0ebd;\n  color: #fff;\n  font-size: 16px;\n  font-family: inherit;\n  border: none;\n  border-radius: 4px;  \n  padding: 12px 20px;\n  display: block;\n  width: 100%;\n  letter-spacing: .5px;\n  transition: .2s;\n  cursor: pointer;\n}\n.ex1-button:hover,\n.ex1-button:focus{\n  background: #0641a7;\n  background: #0a0b9a;\n}\n.ex1-button.submit {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWxvYWRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwIDcyQzIyLjQgNzIgOCA1Ny42IDggNDBTMjIuNCA4IDQwIDhzMzIgMTQuNCAzMiAzMmMwIDEuMS0uOSAyLTIgMnMtMi0uOS0yLTJjMC0xNS40LTEyLjYtMjgtMjgtMjhTMTIgMjQuNiAxMiA0MHMxMi42IDI4IDI4IDI4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDAgNDAiIHRvPSIzNjAgNDAgNDAiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);\n  background-position: 50%;\n  background-repeat: no-repeat;\n  background-size: 20px;\n  color: transparent!important;\n  transition-duration: 0s;\n}\n\n.token {\n  color: #555;\n  padding: 10px;\n  text-align: center;\n  font-weight: 500;\n}\n\n.error {\n  color: #e41029;\n  padding: 10px;\n  text-align: center;\n  font-weight: 500;\n}\n</style>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example1.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Example1.vue?vue&type=template&id=73cab0c4&scoped=true&\"\nimport script from \"./Example1.vue?vue&type=script&lang=js&\"\nexport * from \"./Example1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Example1.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Example1.vue?vue&type=style&index=1&id=73cab0c4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"73cab0c4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ex2 container\"},[_c('div',{staticClass:\"ex2-wrap\"},[_c('div',{staticClass:\"ex2-fieldset\"},[_c('label',{staticClass:\"ex2-field\"},[_c('span',{staticClass:\"ex2-label\"},[_vm._v(\"Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.firstName),expression:\"firstName\"}],staticClass:\"ex2-input\",attrs:{\"type\":\"text\",\"placeholder\":\"John Doe\"},domProps:{\"value\":(_vm.firstName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.firstName=$event.target.value}}})]),_c('label',{staticClass:\"ex2-field\"},[_c('span',{staticClass:\"ex2-label\"},[_vm._v(\"Email\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"ex2-input\",attrs:{\"type\":\"text\",\"placeholder\":\"john@comp.any\"},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}})]),_c('label',{staticClass:\"ex2-field\"},[_c('span',{staticClass:\"ex2-label\"},[_vm._v(\"Phone\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phone),expression:\"phone\"}],staticClass:\"ex2-input\",attrs:{\"type\":\"text\",\"placeholder\":\"+63 53242 32637\"},domProps:{\"value\":(_vm.phone)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phone=$event.target.value}}})]),_c('label',{staticClass:\"ex2-field\"},[_c('CardComponent',{ref:\"card\",staticClass:\"ex2-input fieldset field\",attrs:{\"icon\":_vm.cardIcon,\"styles\":_vm.styles,\"fonts\":_vm.fonts,\"classes\":_vm.classes},on:{\"ready\":_vm.onReady}})],1)]),_c('button',{staticClass:\"ex2-button\",class:{'submit': _vm.loading},attrs:{\"type\":\"submit\"},on:{\"click\":_vm.tokenize}},[_vm._v(\"Pay $x & Tokenize\")]),(_vm.error)?_c('div',{staticClass:\"error\",attrs:{\"role\":\"alert\"}},[_vm._v(_vm._s(_vm.error))]):_vm._e(),(_vm.token)?_c('div',{staticClass:\"token\"},[_vm._v(_vm._s(_vm.token))]):_vm._e(),_c('h4',{staticClass:\"title\"},[_vm._v(\"Change theme: \")]),_c('div',{staticClass:\"theme-palette\",staticStyle:{\"margin-top\":\"15px\"}},[_c('button',{staticClass:\"ex2-button\",attrs:{\"id\":\"theme-1\"},on:{\"click\":function (e) { return _vm.setTheme(e, 0); }}},[_vm._v(\"Theme1\")]),_c('button',{staticClass:\"ex2-button\",attrs:{\"id\":\"theme-2\"},on:{\"click\":function (e) { return _vm.setTheme(e, 1); }}},[_vm._v(\"Theme2\")]),_c('button',{staticClass:\"ex2-button\",attrs:{\"id\":\"theme-3\"},on:{\"click\":function (e) { return _vm.setTheme(e, 2); }}},[_vm._v(\"Theme3\")]),_c('button',{staticClass:\"ex2-button\",attrs:{\"id\":\"theme-4\"},on:{\"click\":function (e) { return _vm.setTheme(e, 3); }}},[_vm._v(\"Theme4\")])]),_c('h4',{staticClass:\"title\"},[_vm._v(\"Actions:\")]),_c('div',{staticClass:\"action-palette\"},[_c('button',{staticClass:\"ex2-button small\",on:{\"click\":_vm.toggleCardIcon}},[_vm._v(\"Icon\")]),_vm._v(\"  \\n    \"),_c('button',{staticClass:\"ex2-button small\",on:{\"click\":_vm.clear}},[_vm._v(\"Clear\")]),_vm._v(\"  \\n    \"),_c('button',{staticClass:\"ex2-button small\",on:{\"click\":_vm.increaseFontSize}},[_vm._v(\"+ font\")]),_vm._v(\"  \\n    \"),_c('button',{staticClass:\"ex2-button small\",on:{\"click\":_vm.decreaseFontSize}},[_vm._v(\"- font\")]),_vm._v(\"  \\n    \"),_c('button',{staticClass:\"ex2-button small\",on:{\"click\":_vm.focus}},[_vm._v(\"focus\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ex2 container\">\n    <div class=\"ex2-wrap\">\n    <div class=\"ex2-fieldset\">\n        <label class=\"ex2-field\">\n          <span class=\"ex2-label\">Name</span>\n          <input class=\"ex2-input\" v-model=\"firstName\" type=\"text\" placeholder=\"John Doe\">\n        </label>\n        <label class=\"ex2-field\">\n          <span class=\"ex2-label\">Email</span>\n          <input class=\"ex2-input\" type=\"text\" v-model=\"email\" placeholder=\"john@comp.any\">\n        </label>\n        <label class=\"ex2-field\">\n          <span class=\"ex2-label\">Phone</span>\n          <input class=\"ex2-input\" type=\"text\" v-model=\"phone\" placeholder=\"+63 53242 32637\">\n        </label>\n        <label class=\"ex2-field\">\n          <!-- Render card component in combined-mode -->\n          <!-- Pass options, assign ref and attach listeners -->\n          <CardComponent ref=\"card\" class=\"ex2-input fieldset field\" \n            :icon=\"cardIcon\" \n            :styles=\"styles\"\n            :fonts=\"fonts\" \n            :classes=\"classes\" \n            @ready=\"onReady\"\n          />\n        </label>\n    </div>\n    <button type=\"submit\" :class=\"{'submit': loading}\" class=\"ex2-button\" @click=\"tokenize\">Pay $x & Tokenize</button>\n    <div class=\"error\" role=\"alert\" v-if=\"error\">{{error}}</div>\n    <div class=\"token\" v-if=\"token\">{{token}}</div>\n    <h4 class=\"title\" >Change theme: </h4>\n    <div class=\"theme-palette\" style=\"margin-top: 15px\">\n      <button id=\"theme-1\" class=\"ex2-button\" @click=\"e => setTheme(e, 0)\">Theme1</button>\n      <button id=\"theme-2\" class=\"ex2-button\" @click=\"e => setTheme(e, 1)\">Theme2</button>\n      <button id=\"theme-3\" class=\"ex2-button\" @click=\"e => setTheme(e, 2)\">Theme3</button>\n      <button id=\"theme-4\" class=\"ex2-button\" @click=\"e => setTheme(e, 3)\">Theme4</button>\n    </div>\n    <h4 class=\"title\">Actions:</h4>\n    <div class=\"action-palette\">\n      <button @click=\"toggleCardIcon\" class=\"ex2-button small\">Icon</button> &nbsp;\n      <button @click=\"clear\" class=\"ex2-button small\">Clear</button> &nbsp;\n      <button @click=\"increaseFontSize\" class=\"ex2-button small\">+ font</button> &nbsp;\n      <button @click=\"decreaseFontSize\" class=\"ex2-button small\">- font</button> &nbsp;\n      <button @click=\"focus\" class=\"ex2-button small\">focus</button>  \n    </div>\n  </div>\n  </div>\n</template>\n\n<script>\n\nimport { CardComponent } from '@chargebee/chargebee-js-vue-wrapper';\n\nexport default {\n  name: 'Example2',\n\n  components: {\n    CardComponent\n  },\n  \n  methods: {\n    tokenize() {\n      this.loading = true;\n      // Call tokenize method through card component's ref\n      this.$refs.card.tokenize({}).then((data) => {\n        this.loading = false;\n        this.token = data.token;\n        this.error = \"\";\n      }).catch((error) => {\n        console.log(error);\n        this.loading = false;\n        this.error = \"Problem while tokenizing your card details\";\n        this.token = \"\";\n      });\n    },\n\n    // Called when card component is mounted and ready\n    onReady() {\n      this.$refs.card.focus();\n    },\n\n    // Invoke this function to clear contents of all the fields\n    clear() {\n      this.$refs.card.clear();\n    },\n\n    // Update any of the options passed to the card component, it will take effect immediately\n    toggleCardIcon() {\n      this.cardIcon = !this.cardIcon;\n    },\n\n    setFontSize() {\n      console.log(this.fontSize)\n      this.styles.base = {\n        ...this.styles.base,\n        fontSize: `${this.fontSize}px`\n      };\n      // this.styles.base.fontSize = `${this.fontSize}px`\n    },\n\n    focus() {\n      this.$refs.card.focus();\n    },\n\n    increaseFontSize() {\n      this.fontSize = this.fontSize+1;\n      this.setFontSize();\n    },\n\n    decreaseFontSize() {\n      this.fontSize = this.fontSize-1;\n      this.setFontSize();\n    },\n\n    setTheme(event, index){\n      event.preventDefault();\n      const theme = this.themes[index];\n      let root = document.documentElement;\n      root.style.setProperty('--main-bg', theme['main-bg'])\n      root.style.setProperty('--secondary-bg', theme['secondary-bg'])\n      root.style.setProperty('--main-text', theme['main-text'])\n      root.style.setProperty('--placeholder', theme['placeholder'])\n      root.style.setProperty('--placeholder-focused', theme['placeholder-focused'])\n      root.style.setProperty('--primary-btn', theme['primary-btn'])\n      root.style.setProperty('--btn-text', theme['btn-text'])\n      root.style.setProperty('--primary-btn-focus', theme['primary-btn-focus'])\n\n      this.styles = this.getIframeStyles(theme);\n    },\n\n    getIframeStyles(theme){\n      return {\n        base: {\n          color: theme['main-text'],\n          fontWeight: '500',\n          fontFamily: 'Lato,-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif',\n          fontSize: '16px',\n          fontSmoothing: 'antialiased',\n          iconColor: theme['main-text'],\n\n          ':focus': {\n            // color: '#424770',\n          },\n\n          '::placeholder': {\n            color: theme['placeholder'],\n          },\n\n          ':focus::placeholder': {\n            color: theme['placeholder-focused'],\n          },\n        },\n        invalid: {\n          color: theme['invalid'] || '#FF7C4A',\n\n          ':focus': {\n            color: theme['invalid-focused'] || '#e44d5f',\n          },\n          '::placeholder': {\n            color: theme['invalid-placeholder'] || '#FFCCA5',\n          },\n        },\n      }\n    },\n  },\n\n  data() {\n    const THEMES = [\n        {\n          'main-bg': '#262E3A',\n          'secondary-bg': '#3e4b5b',\n          'main-text': '#fff',\n          'placeholder': '#939aa3',\n          'placeholder-focused': '#ccc',\n          'primary-btn': '#6EEDB6',\n          'btn-text': '#1C2026',\n          'primary-btn-focus': 'rgb(70, 203, 145)',\n          'invalid': '#FF7C4A',\n          'invalid-focused': '#e44d5f',\n          'invalid-placeholder': '#FFCCA5',\n        },\n        {\n          'main-bg': '#D5DBE7',\n          'secondary-bg': '#fff',\n          'main-text': '#000',\n          'placeholder': '#abacbe',\n          'placeholder-focused': '#abacbe',\n          'primary-btn': '#4773D2',\n          'btn-text': '#fff',\n          'primary-btn-focus': '#3361c3',\n          'invalid': '#E94745',\n          'invalid-focused': '#e44d5f',\n          'invalid-placeholder': '#FFCCA5'\n        },\n        {\n          'main-bg': '#fca571',\n          'secondary-bg': '#fff',\n          'main-text': '#252857',\n          'placeholder': '#9293AB',\n          'placeholder-focused': '#666',\n          'primary-btn': '#252857',\n          'btn-text': '#fff',\n          'primary-btn-focus': '#191c4a',\n          'invalid': '#E94745',\n          'invalid-focused': '#e44d5f',\n          'invalid-placeholder': '#FFCCA5'\n        },\n        {\n          'main-bg': '#544FB0',\n          'secondary-bg': '#fff',\n          'main-text': '#35A9BD',\n          'placeholder': 'ddd',\n          'placeholder-focused': '#ddd',\n          'primary-btn': '#35A9BD',\n          'btn-text': '#fff',\n          'primary-btn-focus': 'rgb(29, 138, 157)',\n        }\n      ]\n    return {\n      token: \"\",\n      error: \"\",\n      loading: false,\n      firstName: \"\",\n      email: \"\",\n      phone: \"\",\n      cardIcon: true,\n      fontSize: 16,\n      themes: THEMES,\n      styles: this.getIframeStyles(THEMES[0]),\n    };\n  },\n  computed: {\n    // Custom classes\n    classes() {\n      return {\n        focus: 'focus',\n        invalid: 'invalid',\n        empty: 'empty',\n        complete: 'complete',\n      }\n    },\n\n    // Custom fonts\n    fonts() {\n      return ['https://fonts.googleapis.com/css?family=Lato:300,500,600'];\n    },\n\n  }\n}\n</script>\n\n<style>\n:root {\n  --main-bg: #262E3A;\n  --secondary-bg: #3e4b5b;\n  --main-text: #fff;\n  --placeholder: #939aa3;\n  --placeholder-focused: #ccc;\n  --primary-btn: #6EEDB6;\n  --btn-text: #1C2026;\n  --primary-btn-focus: rgb(70, 203, 145);\n}\n\n*{\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  outline: none;\n  font-family: 'Lato';\n}\n\nbody{\n  background: var(--main-bg);  \n  color: var(--main-text);\n  font-family: 'Lato',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 1.4;\n  font-weight: 300;\n  /* -webkit-font-smoothing: antialiased; */\n}\n\na{\n  cursor: pointer;\n  color: inherit;  \n  text-decoration: none;\n  border-bottom: 1px dotted;\n}\n\n.ex2.container {\n  margin: auto;\n  padding: 100px 0;\n  min-height: 100vh;\n  background: var(--main-bg)\n}\n\n.ex2-wrap{\n  max-width: 400px;\n  margin: auto;    \n}\n\n.ex2-field{\n  position: relative;\n  margin-bottom: 16px;\n  display: flex;\n  background: var(--secondary-bg);\n  border-radius: 4px;\n  align-items: center;\n}\n\n.ex2-label{  \n  font-size: 14px;\n  font-weight: 500;  \n  color: var(--main-text);   \n  flex-basis: 80px;\n  padding: 4px 0 4px 16px;\n}\n\n.ex2-input{\n  width: 100%;\n  display: block;\n  background: transparent;\n  border-radius: 0;\n  border: none;\n  padding: 12px 16px;  \n  border-width: 0;\n  border-color: transparent;\n  color: var(--main-text);\n  font-size: 16px;\n  font-family: inherit;\n  font-weight: 500;\n  transition: .2s;\n  cursor: text;\n  /* font-weight: inherit; */\n  -webkit-transition: all 0.28s ease;\n  transition: all 0.28s ease;\n  box-shadow: none;\n}\n\n.ex2-input::placeholder{\n  color: var(--placeholder);\n}\n\n.ex2-input:focus::placeholder{\n  color: var(--placeholder-focused);\n}\n\n.ex2-input:focus ~ .ex2-label,\n.ex2-input.focus ~ .ex2-label,\n.ex2-input.complete ~ .ex2-label,\n.ex2-input.invalid ~ .ex2-label{\n    font-size: 0.8rem;\n    color: var(--main-text);   \n    top: -1rem;\n    left: 0;\n}\n\n.ex2-bar{\n  position: relative;\n  border-bottom: 0.0625rem solid #999;\n  display: block;\n}\n\n.ex2-bar::before {\n  content: '';\n  height: 0.125rem;\n  width: 0;\n  left: 50%;\n  bottom: -0.0625rem;\n  position: absolute;\n  background: #337ab7;\n  -webkit-transition: left 0.28s ease, width 0.28s ease;\n  transition: left 0.28s ease, width 0.28s ease;\n  z-index: 2;\n}\n\n.ex2-input:focus ~ .ex2-bar::before,\n.ex2-input.focus ~ .ex2-bar::before{\n  width: 100%;\n  left: 0;\n}\n\n.ex2-button {\n  background: var(--primary-btn);\n  color: var(--btn-text);\n  font-size: 16px;\n  font-family: inherit;\n  border: none;\n  border-radius: 4px;  \n  padding: 12px 20px;\n  display: block;\n  width: 100%;\n  letter-spacing: .5px;\n  transition: .2s;\n  cursor: pointer;\n}\n\n.ex2-button:hover,\n.ex2-button:focus{\n  background: var(--primary-btn-focus)\n}\n\n.token {\n  color: #fff;\n  padding: 10px;\n  text-align: center;\n  font-weight: 500;\n}\n\n.error {\n  color: #e41029;\n  padding: 10px;\n  text-align: center;\n  font-weight: 500;\n}\n\n.ex2-button.submit {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWxvYWRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwIDcyQzIyLjQgNzIgOCA1Ny42IDggNDBTMjIuNCA4IDQwIDhzMzIgMTQuNCAzMiAzMmMwIDEuMS0uOSAyLTIgMnMtMi0uOS0yLTJjMC0xNS40LTEyLjYtMjgtMjgtMjhTMTIgMjQuNiAxMiA0MHMxMi42IDI4IDI4IDI4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDAgNDAiIHRvPSIzNjAgNDAgNDAiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);\n  background-position: 50%;\n  background-repeat: no-repeat;\n  background-size: 20px;\n  color: transparent!important;\n  transition-duration: 0s;\n}\n\n.ex2-button.small {\n  height: 30px;\n  padding: 0;\n}\n\n.theme-palette {\n  display: flex;\n  margin-top: 20px;\n}\n\n.theme-palette > .ex2-button {\n  margin: 0 5px;\n  padding: 5px 10px;\n  height: 50%;\n  font-size: 14px;\n}\n\n.action-palette {\n  margin-top: 15px;\n  display: flex;\n  margin-bottom: 15px;\n  font-size: 14px;\n}\n\n.title {\n  color: var(--main-text);\n  margin-top: 30px;\n}\n\n</style>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Example2.vue?vue&type=template&id=e7524748&\"\nimport script from \"./Example2.vue?vue&type=script&lang=js&\"\nexport * from \"./Example2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Example2.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ex3 container\"},[_c('div',{staticClass:\"ex3-wrap\"},[_c('form',{attrs:{\"id\":\"payment\"}},[_c('div',{staticClass:\"ex3-contain\"},[_c('div',{staticClass:\"ex3-fieldset\"},[_vm._m(0),_c('CardComponent',{ref:\"card\",attrs:{\"styles\":_vm.styles,\"classes\":_vm.classes,\"fonts\":_vm.fonts,\"locale\":_vm.locale},on:{\"ready\":_vm.onReady,\"change\":_vm.onChange}},[_c('div',{staticClass:\"ex3-field\"},[_c('CardNumber',{staticClass:\"ex3-input\",on:{\"focus\":_vm.onFocus,\"blur\":_vm.onBlur}}),_c('i',{staticClass:\"ex3-bar\"})],1),_c('div',{staticClass:\"ex3-fields\"},[_c('div',{staticClass:\"ex3-field\"},[_c('CardExpiry',{staticClass:\"ex3-input\",on:{\"focus\":_vm.onFocus,\"blur\":_vm.onBlur}}),_c('i',{staticClass:\"ex3-bar\"})],1),_c('div',{staticClass:\"ex3-field\"},[_c('CardCvv',{staticClass:\"ex3-input\",on:{\"focus\":_vm.onFocus,\"blur\":_vm.onBlur}}),_c('i',{staticClass:\"ex3-bar\"})],1)])])],1)]),_c('button',{staticClass:\"ex3-button\",class:{'submit': _vm.loading},attrs:{\"type\":\"submit\"},on:{\"click\":_vm.tokenize}},[_vm._v(\"Pay $x & Tokenize\")]),(_vm.errorMessage)?_c('div',{staticClass:\"error\",attrs:{\"id\":\"error\",\"role\":\"alert\"}},[_vm._v(_vm._s(_vm.errorMessage))]):_vm._e(),(_vm.token)?_c('div',{staticClass:\"token\"},[_vm._v(_vm._s(_vm.token))]):_vm._e(),_c('br'),_c('h4',[_vm._v(\"Select Locale:\")]),_c('div',{staticClass:\"language-palette\",staticStyle:{\"margin-top\":\"15px\"}},[_c('button',{staticClass:\"ex3-button small\",attrs:{\"id\":\"en\"},on:{\"click\":_vm.setLocale}},[_vm._v(\"EN\")]),_c('button',{staticClass:\"ex3-button small\",attrs:{\"id\":\"fr\"},on:{\"click\":_vm.setLocale}},[_vm._v(\"FR\")]),_c('button',{staticClass:\"ex3-button small\",attrs:{\"id\":\"es\"},on:{\"click\":_vm.setLocale}},[_vm._v(\"ES\")]),_c('button',{staticClass:\"ex3-button small\",attrs:{\"id\":\"pt\"},on:{\"click\":_vm.setLocale}},[_vm._v(\"PT\")]),_c('button',{staticClass:\"ex3-button small\",attrs:{\"id\":\"it\"},on:{\"click\":_vm.setLocale}},[_vm._v(\"IT\")]),_c('button',{staticClass:\"ex3-button small\",attrs:{\"id\":\"de\"},on:{\"click\":_vm.setLocale}},[_vm._v(\"DE\")])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ex3-field\"},[_c('input',{staticClass:\"ex3-input\",attrs:{\"type\":\"text\",\"placeholder\":\"John Doe\"}}),_c('i',{staticClass:\"ex3-bar\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ex3 container\">\n    <div class=\"ex3-wrap\">      \n      <form id=\"payment\">\n          <div class=\"ex3-contain\">\n            <div class=\"ex3-fieldset\">\n                <div class=\"ex3-field\">                  \n                    <input class=\"ex3-input\" type=\"text\" placeholder=\"John Doe\" >  \n                    <i class=\"ex3-bar\"></i>                  \n                </div>  \n                <CardComponent ref=\"card\"\n                  :styles=\"styles\" \n                  :classes=\"classes\" \n                  :fonts=\"fonts\"\n                  :locale=\"locale\"\n                  @ready=\"onReady\"\n                  @change=\"onChange\"\n                >\n                  <div class=\"ex3-field\">   \n                    <CardNumber class=\"ex3-input\" @focus=\"onFocus\" @blur=\"onBlur\"/>               \n                    <i class=\"ex3-bar\"></i>                  \n                  </div>\n                  <div class=\"ex3-fields\">\n                    <div class=\"ex3-field\">                    \n                        <CardExpiry class=\"ex3-input\" @focus=\"onFocus\" @blur=\"onBlur\"/>\n                        <i class=\"ex3-bar\"></i>                    \n                    </div>\n                    <div class=\"ex3-field\">                    \n                        <CardCvv class=\"ex3-input\" @focus=\"onFocus\" @blur=\"onBlur\"/>\n                        <i class=\"ex3-bar\"></i>                 \n                    </div>\n                  </div>\n                </CardComponent>\n            </div>\n          </div>\n          <button type=\"submit\" :class=\"{'submit': loading}\" class=\"ex3-button\" @click=\"tokenize\">Pay $x & Tokenize</button>\n          <div id=\"error\" class=\"error\" role=\"alert\" v-if=\"errorMessage\">{{errorMessage}}</div>\n          <div class=\"token\" v-if=\"token\">{{token}}</div>\n          <br />\n          <h4>Select Locale:</h4>\n          <div class=\"language-palette\" style=\"margin-top: 15px;\">\n            <button id=\"en\" class=\"ex3-button small\" @click=\"setLocale\">EN</button>\n            <button id=\"fr\" class=\"ex3-button small\" @click=\"setLocale\">FR</button>\n            <button id=\"es\" class=\"ex3-button small\" @click=\"setLocale\">ES</button>\n            <button id=\"pt\" class=\"ex3-button small\" @click=\"setLocale\">PT</button>\n            <button id=\"it\" class=\"ex3-button small\" @click=\"setLocale\">IT</button>\n            <button id=\"de\" class=\"ex3-button small\" @click=\"setLocale\">DE</button>\n          </div>\n      </form>\n  </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { CardComponent, CardNumber, CardExpiry, CardCvv } from '@chargebee/chargebee-js-vue-wrapper';\n\nexport default {\n  name: 'Example3',\n\n  components: {\n    CardComponent,\n    CardNumber,\n    CardExpiry,\n    CardCvv\n  },\n\n  methods: {\n    tokenize() {\n      this.loading = true;\n      // Call tokenize method through the card component's ref\n      this.$refs.card.tokenize({}).then((data) => {\n        this.loading = false;\n        this.token = data.token;\n        this.errorMessage = \"\";\n      }).catch((error) => {\n        console.log(error);\n        this.loading = false;\n        this.errorMessage = \"Problem while tokenizing your card details\";\n        this.token = \"\";\n      });\n    },\n\n    // Callback for ready event\n    // Called when card component is mounted in the DOM and ready\n    onReady() {\n      console.log('card component ready');\n    },\n\n    // Callback for focus event\n    onFocus(event) {\n      console.log(event.field, 'focused');\n    },\n\n    // Callback for blur event\n    onBlur(event) {\n      console.log(event.field, 'blurred');\n    },\n\n    setLocale(e) {\n      e.preventDefault();\n      const locale = e.target.id;\n      this.locale = locale;\n    },\n\n    onChange(event) {\n      // Check for Validation errors\n      if(event.error) {\n        this.errors[event.field] = event.error\n        this.errorMessage = event.error.message\n      } else {\n        this.errors[event.field] = null\n        // If there's no error, check for existing error\n        const _errors = Object.values(this.errors).filter(val => val)\n        \n        // The errorObject holds a message and code\n        // Custom error messages can be displayed based on the error code\n        const errorObj = _errors.pop();\n\n        // Display existing message\n        if(errorObj) this.errorMessage = errorObj.message\n        else this.errorMessage = ''\n      }\n    },\n  },\n\n  data() {\n    return {\n      token: \"\",\n      errorMessage: \"\",\n      loading: false,\n      firstName: \"\",\n      errors: {},\n      locale: 'en',\n    }\n  },\n\n  computed: {\n    fonts() {\n      return [\n        'https://fonts.googleapis.com/css?family=Raleway:300,500,600'\n      ]\n    },\n    classes() {\n      return {\n        focus: 'focus',\n        invalid: 'invalid',\n        empty: 'empty',\n        complete: 'complete',\n      }\n    },\n    styles() {\n      return {\n          base: {\n            color: '#2a2d5b',\n            fontWeight: '500',\n            fontFamily: 'Raleway,-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif',\n            fontSize: '16px',\n            fontSmoothing: 'antialiased',\n\n            ':focus': {\n              // color: '#424770',\n            },\n\n            '::placeholder': {\n              color: '#9293AB',\n              fontSize: '14px',\n            },\n\n            ':focus::placeholder': {\n              color: '#666',\n            },\n          },\n          invalid: {\n            color: '#e41029',\n\n            ':focus': {\n              color: '#e44d5f',\n            },\n            '::placeholder': {\n              color: '#FFCCA5',\n            },\n          },\n        }\n    }\n  }\n}\n</script>\n<style scoped>\n*{\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  outline: none;\n}\nbody{\n  background: #fca571;\n  color: #252857;\n  font-family: 'Raleway',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 1.4;\n  font-weight: 300;\n  -webkit-font-smoothing: antialiased;\n}\na{\n  cursor: pointer;\n  color: inherit;  \n  text-decoration: none;\n  border-bottom: 1px dotted;\n}\n\n.ex3.container {\n  margin: auto;\n  padding: 100px 0;\n  min-height: 100vh;\n  background: #fca571;\n  color: #252857;\n}\n\n.ex3-wrap{\n  max-width: 480px;\n  margin: auto;\n}\n\n.ex3-contain{\n  border-radius: 4px;\n  background: #fff;\n  padding: 24px;\n  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.04);\n  margin-bottom: 16px;\n}\n\n.ex3-fieldset .ex3-field{\n  margin-bottom: 32px;\n}\n.ex3-field{\n  position: relative;\n}\n.ex3-fields{\n  display: flex;\n  margin-left: -16px;\n}\n.ex3-fields .ex3-field{\n  flex: 1;    \n  margin-left: 16px;\n}\n.ex3-label{  \n  font-size: 12px;\n  font-weight: 500;  \n  color: #3A62BA;\n  position: absolute;\n  left: 0;\n  bottom: 0.25rem;\n  pointer-events: none;\n  padding-left: 0.125rem;\n  z-index: 1;  \n  font-weight: normal;\n  -webkit-transition: all 0.28s ease;\n  transition: all 0.28s ease;\n}\n.ex3-input{\n  width: 100%;\n  display: block;\n  background: transparent;\n  border-radius: 0;\n  border: none;\n  padding: 4px 2px;  \n  border-width: 0;\n  border-color: transparent;\n  color: #252857;\n  font-size: 16px;\n  font-family: inherit;\n  font-weight: 500;\n  transition: .2s;\n  cursor: text;\n  /* font-weight: inherit; */\n  -webkit-transition: all 0.28s ease;\n  transition: all 0.28s ease;\n  box-shadow: none;\n}\n.ex3-input::placeholder{\n  font-size: 14px;\n  color: #9293AB;\n}\n.ex3-input:focus::placeholder{\n  color: #666;\n}\n.ex3-input:focus ~ .ex3-label,\n.ex3-input.focus ~ .ex3-label,\n.ex3-input.complete ~ .ex3-label,\n.ex3-input.invalid ~ .ex3-label{\n    font-size: 0.8rem;\n    color:#3A62BA;\n    bottom: -1.2rem;    \n}\n.ex3-bar{\n  position: relative;\n  border-bottom: 0.0625rem solid #EBEBEB;\n  display: block;\n}\n.ex3-bar::before {\n  content: '';\n  height: 0.125rem;\n  width: 0;\n  left: 50%;\n  bottom: -0.0625rem;\n  position: absolute;\n  background: #252857;\n  -webkit-transition: left 0.28s ease, width 0.28s ease;\n  transition: left 0.28s ease, width 0.28s ease;\n  z-index: 2;\n}\n.ex3-input:focus ~ .ex3-bar::before,\n.ex3-input.focus ~ .ex3-bar::before,\n.ex3-input.invalid ~ .ex3-bar::before{\n  width: 100%;\n  left: 0;\n}\n.ex3-input.invalid ~ .ex3-bar::before{\n  background: #E94745;\n}\n.ex3-button{\n  background: #252857;\n  color: #fff;\n  font-size: 16px;\n  font-family: inherit;\n  border: none;\n  border-radius: 4px;  \n  padding: 12px 20px;\n  display: block;\n  width: 100%;\n  letter-spacing: .5px;\n  transition: .2s;\n  cursor: pointer;\n}\n.ex3-button:hover,\n.ex3-button:focus{\n  background: #191c4a;\n}\n\n.ex3-button.submit {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWxvYWRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwIDcyQzIyLjQgNzIgOCA1Ny42IDggNDBTMjIuNCA4IDQwIDhzMzIgMTQuNCAzMiAzMmMwIDEuMS0uOSAyLTIgMnMtMi0uOS0yLTJjMC0xNS40LTEyLjYtMjgtMjgtMjhTMTIgMjQuNiAxMiA0MHMxMi42IDI4IDI4IDI4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDAgNDAiIHRvPSIzNjAgNDAgNDAiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);\n  background-position: 50%;\n  background-repeat: no-repeat;\n  background-size: 20px;\n  color: transparent!important;\n  transition-duration: 0s;\n}\n\n.token {\n  color: #555;\n  padding: 10px;\n  text-align: center;\n  font-weight: 500;\n}\n\n.error {\n  color: #e41029;\n  padding: 10px;\n  text-align: center;\n  font-weight: 500;\n}\n\n.language-palette {\n  display: flex;\n}\n\n.language-palette > .ex3-button {\n  margin: 0 10px;\n  padding: 5px 10px;\n  height: 50%;\n  font-size: 14px;\n}\n\n.ex3-button.small {\n  height: 30px;\n}\n\n</style>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example3.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Example3.vue?vue&type=template&id=45ef5f30&scoped=true&\"\nimport script from \"./Example3.vue?vue&type=script&lang=js&\"\nexport * from \"./Example3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Example3.vue?vue&type=style&index=0&id=45ef5f30&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"45ef5f30\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport VueRouter from \"vue-router\"\nimport App from './App.vue'\nimport Example1 from \"./components/example1/Example1.vue\";\nimport Example2 from \"./components/example2/Example2.vue\";\nimport Example3 from \"./components/example3/Example3.vue\";\n\nVue.use(VueRouter)\nVue.config.productionTip = false\n\nconst router = new VueRouter({\n  routes: [\n    {\n      path: '/example1',\n      component: Example1,\n    },\n    {\n      path: '/example2',\n      component: Example2\n    },\n    {\n      path: \"/example3\",\n      component: Example3\n    },\n    {\n      path: \"/\",\n      redirect: \"/example1\"\n    }\n  ],\n  base: \"/vue\",\n  // mode: 'history',\n})\n\nnew Vue({\n  router,\n  render: h => h(App),\n}).$mount('#app')\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example2.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example2.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example1.vue?vue&type=style&index=1&id=73cab0c4&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example1.vue?vue&type=style&index=1&id=73cab0c4&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example1.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Example1.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}