{"version":3,"sources":["webpack:///./src/views/home/Home.vue?8870","webpack:///./src/views/home/Home.vue","webpack:///src/views/home/Home.vue","webpack:///./src/views/home/Home.vue?a276","webpack:///./src/views/home/Home.vue?7320"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_l","items","item","i","key","scopedSlots","_u","fn","_ref","hover","class","img","_s","title","text","subtext","directives","name","rawName","value","expression","icons","icon","index","transparent","on","$event","$router","push","staticRenderFns","component","VBtn","VCard","VCardTitle","VCol","VContainer","VHover","VIcon","VImg","VParallax","VRow"],"mappings":"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","file":"js/chunk-e6f7d956.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=ddd32e0e&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"down-top-padding\",attrs:{\"fluid\":\"\"}},[_c('v-parallax',{attrs:{\"height\":\"205\",\"src\":\"https://images.unsplash.com/photo-1523821741446-edb2b68bb7a0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80\"}},[_c('p',{staticClass:\"mt-2 subheading text-left\"},[_vm._v(\" Hello, \")]),_c('div',[_c('p',{staticClass:\"ma-0 text-body-1 font-weight-bold font-italic text-left\"},[_vm._v(\" Welcome to our software tools website, your one-stop destination for a wide range of essential tools to enhance your productivity and streamline your workflows. We offer a comprehensive collection of software tools designed to meet the diverse needs of professionals & developers \")]),_c('p',{staticClass:\"text-caption font-weight-medium font-italic text-left\"})])]),_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_vm._l((_vm.items),function(item,i){return [_c('v-col',{key:i,attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return [_c('v-card',{class:{ 'on-hover': hover },attrs:{\"elevation\":hover ? 12 : 2}},[_c('v-img',{attrs:{\"src\":item.img,\"height\":\"225px\"}},[_c('v-card-title',{staticClass:\"text-h6 white--text\"},[_c('v-row',{staticClass:\"fill-height flex-column\",attrs:{\"justify\":\"space-between\"}},[_c('p',{staticClass:\"mt-4 subheading text-left\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',[_c('p',{staticClass:\"ma-0 text-body-1 font-weight-bold font-italic text-left\"},[_vm._v(\" \"+_vm._s(item.text)+\" \")]),_c('p',{staticClass:\"text-caption font-weight-medium font-italic text-left\"},[_vm._v(\" \"+_vm._s(item.subtext)+\" \")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.text!=='Coming Soon'),expression:\"item.text!=='Coming Soon'\"}],staticClass:\"align-self-center\"},_vm._l((_vm.icons),function(icon,index){return _c('v-btn',{key:index,class:{ 'show-btns': hover },attrs:{\"color\":_vm.transparent,\"icon\":\"\"},on:{\"click\":function($event){return _vm.$router.push('jsoneditor')}}},[_c('v-icon',{class:{ 'show-btns': hover },attrs:{\"color\":_vm.transparent}},[_vm._v(\" \"+_vm._s(icon)+\" \")])],1)}),1)])],1)],1)],1)]}}],null,true)})],1)]})],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container fluid class=\"down-top-padding\">\r\n        <v-parallax height=\"205\"\r\n                    src=\"https://images.unsplash.com/photo-1523821741446-edb2b68bb7a0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80\">\r\n            <p class=\"mt-2 subheading text-left\">\r\n               Hello,\r\n            </p>\r\n\r\n            <div>\r\n                <p class=\"ma-0 text-body-1 font-weight-bold font-italic text-left\">\r\n                    Welcome to our software tools website, your one-stop destination for a wide range of essential tools to enhance your productivity and streamline your workflows. \r\n                    We offer a comprehensive collection of software tools designed to meet the diverse needs of professionals & developers\r\n                </p>\r\n                <p class=\"text-caption font-weight-medium font-italic text-left\">\r\n                   \r\n                </p>\r\n            </div>\r\n        </v-parallax>\r\n        <!--<v-row>\r\n        <v-col cols=\"12\" lg=\"4\">\r\n            <v-card>\r\n                <v-card-text class=\"pa-5\" >\r\n\r\n                    <h3 class=\"title blue-grey--text text--darken-2 font-weight-regular\">Json Editor</h3>\r\n                    <h6 class=\"subtitle-2 font-weight-light\">Different Devices Used to Visit</h6>\r\n                    <div class=\"pb-6\">\r\n                        <v-sparkline :fill=\"fill\"\r\n                                     height=\"145px\"\r\n                                     :gradient=\"gradient\"\r\n                                     :line-width=\"width\"\r\n                                     :padding=\"padding\"\r\n                                     :smooth=\"radius || false\"\r\n                                     :value=\"value\"\r\n                                     auto-draw></v-sparkline>\r\n                    </div>-->\r\n        <!--<div class=\"d-flex align-center justify-center border-top pt-4 pb-2\">\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"info--text\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Mobile</span>\r\n            </span>\r\n        </div>\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"deep-purple--text text--lighten-1\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Desktop</span>\r\n            </span>\r\n        </div>\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"success--text\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Tablet</span>\r\n            </span>\r\n        </div>\r\n    </div>-->\r\n        <!--</v-card-text>\r\n        </v-card>\r\n    </v-col>\r\n    <v-col cols=\"12\" lg=\"4\">\r\n        <v-card>\r\n            <v-card-text class=\"pa-5\">\r\n                <h3 class=\"title blue-grey--text text--darken-2 font-weight-regular\">Image to Base64</h3>\r\n                <h6 class=\"subtitle-2 font-weight-light\">Different Devices Used to Visit</h6>\r\n                <div class=\"pb-6\">\r\n                    <v-sparkline :fill=\"fill\"\r\n                                 height=\"145px\"\r\n                                 :gradient=\"gradient\"\r\n                                 :line-width=\"width\"\r\n                                 :padding=\"padding\"\r\n                                 :smooth=\"radius || false\"\r\n                                 :value=\"value\"\r\n                                 auto-draw></v-sparkline>\r\n                </div>-->\r\n        <!--<div class=\"d-flex align-center justify-center border-top pt-4 pb-2\">\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"info--text\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Mobile</span>\r\n            </span>\r\n        </div>\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"deep-purple--text text--lighten-1\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Desktop</span>\r\n            </span>\r\n        </div>\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"success--text\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Tablet</span>\r\n            </span>\r\n        </div>\r\n    </div>-->\r\n        <!--</v-card-text>\r\n        </v-card>\r\n    </v-col>\r\n    <v-col cols=\"12\" lg=\"4\">\r\n        <v-card>\r\n            <v-card-text class=\"pa-5\">\r\n                <h3 class=\"title blue-grey--text text--darken-2 font-weight-regular\">Signature</h3>\r\n                <h6 class=\"subtitle-2 font-weight-light\">Different Devices Used to Visit</h6>\r\n                <div class=\"pb-6\">\r\n                    <v-sparkline :fill=\"fill\"\r\n                                 height=\"145px\"\r\n                                 :gradient=\"gradient\"\r\n                                 :line-width=\"width\"\r\n                                 :padding=\"padding\"\r\n                                 :smooth=\"radius || false\"\r\n                                 :value=\"value\"\r\n                                 auto-draw></v-sparkline>\r\n                </div>-->\r\n        <!--<div class=\"d-flex align-center justify-center border-top pt-4 pb-2\">\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"info--text\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Mobile</span>\r\n            </span>\r\n        </div>\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"deep-purple--text text--lighten-1\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Desktop</span>\r\n            </span>\r\n        </div>\r\n        <div class=\"d-flex align-center px-3\">\r\n            <span class=\"success--text\">\r\n                <span class=\"overline\">\r\n                    <i class=\"mdi mdi-brightness-1 mr-2\"></i>\r\n                </span>\r\n                <span class=\"font-weight-regular\">Tablet</span>\r\n            </span>\r\n        </div>\r\n    </div>-->\r\n        <!--</v-card-text>\r\n        </v-card>\r\n    </v-col>-->\r\n        <!--<v-col cols=\"12\" sm=\"12\">\r\n        <BaseCard heading=\"Alert - Twitter alert\">\r\n            <div>\r\n                <v-list-item-subtitle class=\"text-wrap line-h20\">By combining <span class=\"grey--text text--darken-4 font-weight-bold\">color</span>, <span class=\"grey--text text--darken-4 font-weight-bold\">dismissible</span>, <span class=\"grey--text text--darken-4 font-weight-bold\">border</span>, <span class=\"grey--text text--darken-4 font-weight-bold\">elevation</span>, <span class=\"grey--text text--darken-4 font-weight-bold\">icon</span>, and <span class=\"grey--text text--darken-4 font-weight-bold\">colored-border</span> props you can create stylish custom alerts such as this twitter notification.</v-list-item-subtitle>\r\n                <div class=\"mt-4\">\r\n                    <v-alert v-model=\"alert\"\r\n                             dismissible\r\n                             color=\"cyan\"\r\n                             border=\"left\"\r\n                             elevation=\"2\"\r\n                             colored-border\r\n                             icon=\"mdi-twitter\">\r\n                        You've got\r\n                        <strong>5</strong> new updates on your timeline!.\r\n                    </v-alert>\r\n                    <div class=\"text-center\">\r\n                        <v-btn v-if=\"!alert\" dark @click=\"alert = true\">Reset Alert</v-btn>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </BaseCard>\r\n    </v-col>-->\r\n        <!--<v-col cols=\"12\" sm=\"12\">\r\n        <BaseCard heading=\"Table Simple - Fixed header\">\r\n            <div>\r\n                <v-list-item-subtitle class=\"text-wrap\">\r\n                    Use the <code>fixed-header</code> prop together with the <code>height</code> prop to fix the header to the top of the table.\r\n                </v-list-item-subtitle>\r\n                <div class=\"mt-4\">\r\n                    <v-simple-table fixed-header height=\"300px\">\r\n                        <template v-slot:default>\r\n                            <thead>\r\n                                <tr>\r\n                                    <th class=\"text-left\">Name</th>\r\n                                    <th class=\"text-left\">Calories</th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                <tr v-for=\"item in desserts\" :key=\"item.name\">\r\n                                    <td>{{ item.name }}</td>\r\n                                    <td>{{ item.calories }}</td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </template>\r\n                    </v-simple-table>\r\n                </div>\r\n            </div>\r\n        </BaseCard>\r\n    </v-col>-->\r\n        <!--</v-row>-->\r\n        <v-row class=\"fill-height\"\r\n               align=\"center\"\r\n               justify=\"center\">\r\n            <template v-for=\"(item, i) in items\">\r\n                <v-col :key=\"i\"\r\n                       cols=\"12\"\r\n                       md=\"4\">\r\n                    <v-hover v-slot=\"{ hover }\">\r\n                        <v-card :elevation=\"hover ? 12 : 2\"\r\n                                :class=\"{ 'on-hover': hover }\">\r\n                            <v-img :src=\"item.img\"\r\n                                   height=\"225px\">\r\n                                <v-card-title class=\"text-h6 white--text\">\r\n                                    <v-row class=\"fill-height flex-column\"\r\n                                           justify=\"space-between\">\r\n                                        <p class=\"mt-4 subheading text-left\">\r\n                                            {{ item.title }}\r\n                                        </p>\r\n\r\n                                        <div>\r\n                                            <p class=\"ma-0 text-body-1 font-weight-bold font-italic text-left\">\r\n                                                {{ item.text }}\r\n                                            </p>\r\n                                            <p class=\"text-caption font-weight-medium font-italic text-left\">\r\n                                                {{ item.subtext }}\r\n                                            </p>\r\n                                        </div>\r\n\r\n                                        <div class=\"align-self-center\" v-show=\"item.text!=='Coming Soon'\">\r\n                                            <v-btn v-for=\"(icon, index) in icons\"\r\n                                                   :key=\"index\"\r\n                                                   :class=\"{ 'show-btns': hover }\"\r\n                                                   :color=\"transparent\"\r\n                                                   icon\r\n                                                   @click=\"$router.push('jsoneditor')\"\r\n                                                   >\r\n                                                <v-icon :class=\"{ 'show-btns': hover }\"\r\n                                                        :color=\"transparent\"\r\n                                                        >\r\n                                                    {{ icon }}\r\n                                                </v-icon>\r\n                                            </v-btn>\r\n                                        </div>\r\n                                    </v-row>\r\n                                </v-card-title>\r\n                            </v-img>\r\n                        </v-card>\r\n                    </v-hover>\r\n                </v-col>\r\n            </template>\r\n        </v-row>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\n    const gradients = [\r\n        [\"#6c757d\"],\r\n        [\"#DB7248\"],\r\n        [\"#6c757d\", \"#6c757d\", \"#6c757d\"],\r\n        [\"#21c1d6\", \"21c1d6\"],\r\n        [\"#21c1d6\", \"#DB7248\", \"#21c1d6\"],\r\n        [\"#21c1d6\", \"#21c1d6\", \"#21c1d6\"]\r\n    ];\r\n\r\n    const gradients2 = [\r\n        [\"#1e88e5\"],\r\n        [\"#B7D1BE\"],\r\n        [\"#1e88e5\", \"#1e88e5\", \"#1e88e5\"],\r\n        [\"#1e88e5\", \"#1e88e5\"],\r\n        [\"#1e88e5\", \"#B7D1BE\", \"#1e88e5\"],\r\n        [\"#1e88e5\", \"#1e88e5\", \"#1e88e5\"]\r\n    ];\r\nexport default {\r\n  name: \"Home\",\r\n\r\n        data: () => ({\r\n            icons: ['', 'mdi-arrow-right', ''],\r\n            items: [\r\n                {\r\n                    title: 'Json Editor',\r\n                    text: ``,\r\n                    subtext: 'Format Json file and Text',\r\n                    img: 'https://images.unsplash.com/photo-1557683316-973673baf926?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1129&q=80',\r\n                },\r\n                {\r\n                    title: 'Image to Base64',\r\n                    text: 'Coming Soon',\r\n                    subtext: '',\r\n                    img: 'https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80',\r\n                },\r\n                {\r\n                    title: 'Signature Generator',\r\n                    text: 'Coming Soon',\r\n                    subtext: '',\r\n                    img: 'https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80',\r\n                },\r\n                {\r\n                    title: 'QR Code Generator',\r\n                    text: 'Coming Soon',\r\n                    subtext: '',\r\n                    img: 'https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80',\r\n                },\r\n                {\r\n                    title: 'Meta Tag Generator',\r\n                    text: 'Coming Soon',\r\n                    subtext: '',\r\n                    img: 'https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80',\r\n                },{\r\n                    title: 'Invoice Generator',\r\n                    text: 'Coming Soon',\r\n                    subtext: '',\r\n                    img: 'https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80',\r\n                },\r\n            ],\r\n            transparent: 'rgba(255, 255, 255, 0)',\r\n      alert: true,\r\n      fill: true,\r\n      gradient: gradients[4],\r\n      gradients,\r\n      padding: 8,\r\n      radius: 50,\r\n      value: [0, 2, 5, 9, 5, 10, 3, 5, 1, 8, 2, 9, 0],\r\n      width: 1,\r\n\r\n      fill2: true,\r\n      gradient2: gradients2[4],\r\n      gradients2,\r\n      radius2: 0,\r\n      padding2: 0,\r\n      value2: [1, 2, 5, 9, 5, 10, 3, 5, 1, 8, 2, 9, 4],\r\n      width2: 4,\r\n      desserts: [\r\n          {\r\n              name: 'Frozen Yogurt',\r\n              calories: 159,\r\n          },\r\n          {\r\n              name: 'Ice cream sandwich',\r\n              calories: 237,\r\n          },\r\n          {\r\n              name: 'Eclair',\r\n              calories: 262,\r\n          },\r\n          {\r\n              name: 'Cupcake',\r\n              calories: 305,\r\n          },\r\n          {\r\n              name: 'Gingerbread',\r\n              calories: 356,\r\n          },\r\n          {\r\n              name: 'Jelly bean',\r\n              calories: 375,\r\n          },\r\n          {\r\n              name: 'Lollipop',\r\n              calories: 392,\r\n          },\r\n          {\r\n              name: 'Honeycomb',\r\n              calories: 408,\r\n          },\r\n          {\r\n              name: 'Donut',\r\n              calories: 452,\r\n          },\r\n          {\r\n              name: 'KitKat',\r\n              calories: 518,\r\n          },\r\n      ],\r\n  })\r\n};\r\n</script>\r\n<style scoped>\r\n    .v-card {\r\n        transition: opacity .4s ease-in-out;\r\n    }\r\n\r\n        .v-card:not(.on-hover) {\r\n            opacity: 0.6;\r\n        }\r\n\r\n    .show-btns {\r\n        color: rgba(255, 255, 255, 1) !important;\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=ddd32e0e&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=ddd32e0e&prod&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  \"ddd32e0e\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VHover } from 'vuetify/lib/components/VHover';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VParallax } from 'vuetify/lib/components/VParallax';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardTitle,VCol,VContainer,VHover,VIcon,VImg,VParallax,VRow})\n"],"sourceRoot":""}