{"version":3,"sources":["webpack:///./src/views/pages/Faq.vue?9449","webpack:///./src/views/pages/Faq.vue?8c6b","webpack:///src/views/pages/Faq.vue","webpack:///./src/views/pages/Faq.vue?fe49","webpack:///./src/views/pages/Faq.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","model","value","callback","$$v","faqSearchQuery","expression","_l","category","key","id","on","$event","faqFilter","class","color","_s","name","supporter","img","profession","que","index","slot","question","ans","staticRenderFns","data","categories","faqs","categoryId","supporters","computed","filteredFaq","filter","methods","components","component"],"mappings":"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CQf,GAARA,EACQoB,WAARA,EACQN,SAARA,0DACQC,IAARA,gTAEA,CACQf,GAARA,EACQoB,WAARA,EACQN,SAARA,qEACQC,IAARA,+QAEA,CACQf,GAARA,EACQoB,WAARA,EACQN,SAARA,iEACQC,IAARA,gJAEA,CACQf,GAARA,GACQoB,WAARA,EACQN,SAARA,8DACQC,IAARA,mQAEA,CACQf,GAARA,GACQoB,WAARA,EACQN,SAARA,mDACQC,IAARA,2bAEA,CACQf,GAARA,GACQoB,WAARA,EACQN,SAARA,kCACQC,IAARA,0IAEA,CACQf,GAARA,GACQoB,WAARA,EACQN,SAARA,qCACQC,IAARA,2SAGMM,WAAYA,CAClB,CACQrB,GAARA,EACQS,IAARA,UACQF,KAARA,cACQG,WAARA,iBAEA,CACQV,GAARA,EACQS,IAARA,UACQF,KAARA,cACQG,WAARA,gBAEA,CACQV,GAARA,EACQS,IAARA,UACQF,KAARA,cACQG,WAARA,iBAEA,CACQV,GAARA,EACQS,IAARA,UACQF,KAARA,eACQG,WAARA,iBAEA,CACQV,GAARA,EACQS,IAARA,UACQF,KAARA,eACQG,WAARA,mBAKEY,SAAUA,CACRC,YADJ,WACA,WACM,OAAOxC,KAAKoC,KAAKK,QAAO,SAA9B,GACQ,OAAR,IAAY,EAAZ,0IACA,oKACA,oKACA,oKACA,gLAIEC,QAASA,GAETC,WAAYA,KC9N8U,I,wBCQxVC,EAAY,eACd,EACA9C,EACAmC,GACA,EACA,KACA,KACA,MAIa,aAAAW,E","file":"js/chunk-2c289662.6d576abd.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Faq.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"faq-page\"}},[_c('div',{staticClass:\"faq-jumbotron\"},[_c('div',{staticClass:\"faq-jumbotron-content lg:p-32 md:p-24 sm:p-16 p-8 rounded-lg mb-base\"},[_c('h1',{staticClass:\"mb-1 text-white\"},[_vm._v(\"Have Any Questions?\")]),_c('p',{staticClass:\"text-white\"},[_vm._v(\"Bonbon sesame snaps lemon drops marshmallow ice cream carrot cake croissant wafer.\")]),_c('vs-input',{staticClass:\"w-full mt-6\",attrs:{\"placeholder\":\"Search\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\",\"size\":\"large\",\"icon-no-border\":\"\"},model:{value:(_vm.faqSearchQuery),callback:function ($$v) {_vm.faqSearchQuery=$$v},expression:\"faqSearchQuery\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full md:w-2/5 lg:w-1/4 rounded-lg\"},[_c('vx-card',[_c('h4',[_vm._v(\"Table of Content\")]),_c('ul',{staticClass:\"faq-topics mt-4\"},_vm._l((_vm.categories),function(category){return _c('li',{key:category.id,staticClass:\"p-2 font-medium flex items-center\",on:{\"click\":function($event){_vm.faqFilter = category.id}}},[_c('div',{staticClass:\"h-3 w-3 rounded-full mr-2\",class:'bg-' + category.color}),_c('span',{staticClass:\"cursor-pointer\"},[_vm._v(_vm._s(category.name))])])}),0),_c('br'),_c('br'),_c('h4',[_vm._v(\"Supporters\")]),_c('ul',{staticClass:\"faq-supporters mt-4\"},_vm._l((_vm.supporters),function(supporter){return _c('li',{key:supporter.id,staticClass:\"mt-4\"},[_c('div',{staticClass:\"flex items-center\"},[_c('vs-avatar',{staticClass:\"mr-3\",attrs:{\"src\":supporter.img,\"size\":\"35px\"}}),_c('div',{staticClass:\"leading-tight\"},[_c('p',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(supporter.name))]),_c('small',[_vm._v(_vm._s(supporter.profession))])])],1)])}),0)])],1),_c('div',{staticClass:\"vx-col w-full md:w-3/5 lg:w-3/4 mt-12 md:mt-0\"},[_c('vs-collapse',{staticClass:\"p-0\",attrs:{\"accordion\":\"\",\"type\":\"margin\"}},_vm._l((_vm.filteredFaq),function(que,index){return _c('vs-collapse-item',{key:que.id,staticClass:\"faq-bg rounded-lg\",class:{'mt-0': !index}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('h5',[_vm._v(_vm._s(que.question))])]),_c('p',[_vm._v(_vm._s(que.ans))])])}),1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","]<!-- =========================================================================================\n    File Name: Faq.vue\n    Description: FAQ Page\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <div id=\"faq-page\">\n        <!-- JUMBOTRON -->\n        <div class=\"faq-jumbotron\">\n            <div class=\"faq-jumbotron-content lg:p-32 md:p-24 sm:p-16 p-8 rounded-lg mb-base\">\n                <h1 class=\"mb-1 text-white\">Have Any Questions?</h1>\n                <p class=\"text-white\">Bonbon sesame snaps lemon drops marshmallow ice cream carrot cake croissant wafer.</p>\n                <vs-input placeholder=\"Search\" v-model=\"faqSearchQuery\" icon-pack=\"feather\" icon=\"icon-search\" size=\"large\" class=\"w-full mt-6\" icon-no-border />\n            </div>\n        </div>\n        <div class=\"vx-row\">\n            <div class=\"vx-col w-full md:w-2/5 lg:w-1/4 rounded-lg\">\n                <vx-card>\n                    <h4>Table of Content</h4>\n                    <ul class=\"faq-topics mt-4\">\n                        <li v-for=\"category in categories\" :key=\"category.id\" class=\"p-2 font-medium flex items-center\" @click=\"faqFilter = category.id\">\n                            <div class=\"h-3 w-3 rounded-full mr-2\" :class=\"'bg-' + category.color\"></div><span class=\"cursor-pointer\">{{ category.name }}</span>\n                        </li>\n                    </ul>\n\n                    <br><br>\n\n                    <h4>Supporters</h4>\n                    <ul class=\"faq-supporters mt-4\">\n                        <li v-for=\"supporter in supporters\" :key=\"supporter.id\" class=\"mt-4\">\n                            <div class=\"flex items-center\">\n                                <vs-avatar class=\"mr-3\" :src=\"supporter.img\" size=\"35px\" />\n                                <div class=\"leading-tight\">\n                                    <p class=\"font-semibold\">{{ supporter.name }}</p>\n                                    <small>{{ supporter.profession }}</small>\n                                </div>\n                            </div>\n                        </li>\n                    </ul>\n                </vx-card>\n            </div>\n\n            <!-- FAQ COL -->\n            <div class=\"vx-col w-full md:w-3/5 lg:w-3/4 mt-12 md:mt-0\">\n                <vs-collapse accordion type=\"margin\" class=\"p-0\">\n                    <vs-collapse-item v-for=\"(que,index) in filteredFaq\" class=\"faq-bg rounded-lg\" :class=\"{'mt-0': !index}\" :key=\"que.id\">\n                        <div slot=\"header\"><h5>{{ que.question }}</h5></div>\n                        <p>{{ que.ans }}</p>\n                    </vs-collapse-item>\n                </vs-collapse>\n\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default{\n  data () {\n    return {\n      faqSearchQuery: '',\n      faqFilter: 1,\n      categories: [\n        {\n          id: 1,\n          name: 'All',\n          color: 'grey'\n        },\n        {\n          id: 2,\n          name: 'General',\n          color: 'primary'\n        },\n        {\n          id: 3,\n          name: 'Licenses',\n          color: 'success'\n        },\n        {\n          id: 4,\n          name: 'Company usage',\n          color: 'warning'\n        },\n        {\n          id: 5,\n          name: 'Trademark use',\n          color: 'danger'\n        }\n      ],\n      faqs: [\n        {\n          id: 1,\n          categoryId: 2,\n          question: 'What does royalty free mean?',\n          ans: 'Royalty free means you just need to pay for rights to use the item once per end product. You don\\'t need to pay additional or ongoing fees for each person who sees or uses it. Please note that there may be some limits placed on uses under the different license types available on the marketplaces, such as our Photo and Music Licenses.'\n        },\n        {\n          id: 2,\n          categoryId: 2,\n          question: 'What do you mean by item and end product?',\n          ans: 'The item is what you purchase from Envato Market. The end product is what you build with that item. Example: The item is a business card template; the end product is the finalized business card. The item is a button graphic; the end product is an app using the button graphic in the app\\'s interface.'\n        },\n        {\n          id: 3,\n          categoryId: 2,\n          question: 'Am I allowed to modify the item that I purchased?',\n          ans: 'Yes. You can customize our items to fit the needs of your end product. Example: You could change the colors, text, and layout of a flyer template or convert an HTML template into a WordPress theme for a single client.'\n        },\n        {\n          id: 4,\n          categoryId: 2,\n          question: 'What does non-exclusive mean?',\n          ans: 'Non-exclusive means that you are not the only person with access to the item. Others will also be licensing and using the same item.'\n        },\n        {\n          id: 5,\n          categoryId: 3,\n          question: 'Is the Regular License the same thing as an editorial license?',\n          ans: 'No, our Regular License is for a free end product (whether or not the item is used in the end product in an editorial way). And our Extended License is for an end product that\\'s sold (whether or not the item is used in the end product in an editorial way). If you want to use an item in an editorial way in your end product, choose the Regular License if your end product is distributed for free, and choose the Extended License if your end product is sold to the end customer.'\n        },\n        {\n          id: 6,\n          categoryId: 3,\n          question: 'Which license do I need for an end product that is only accessible to paying users?',\n          ans: 'If the end users need to pay to see the end product, you need an Extended License. There can be more than one end user as long as there is only one end product. Example: A website that requires money before you can access the content.'\n        },\n        {\n          id: 7,\n          categoryId: 3,\n          question: 'Which license do I need to use an item in a commercial?',\n          ans: 'You only need a Regular License where the end product is an advertisement, as the audience does not have to pay to view it. It doesn\\'t matter if the advertisement is for things that are being sold. Example: An After Effects template used to produce a TV commercial would only need the Regular License'\n        },\n        {\n          id: 8,\n          categoryId: 3,\n          question: 'Can I re-distribute an item? What about under an Extended License?',\n          ans: 'No. You can\\'t license items and then make them available to others \"as-is\" (that is, as a stand-alone item or as stock), regardless of which license you purchase. Example: You can\\'t buy a business card template and distribute it as a template, source files and all.'\n        },\n        {\n          id: 9,\n          categoryId: 4,\n          question: 'Can multiple people within my company have access to the item?',\n          ans: 'Yes. If you purchased a single-use license, access should only be given to people working on the single end product incorporating that item.'\n        },\n        {\n          id: 10,\n          categoryId: 4,\n          question: 'Can I store the item on an intranet so everyone has access?',\n          ans: 'No, items must be stored in a location where only those who need them have access. If you purchased a single-use license, once the item has been used in a single end product, the only place you should store it is in the archive files for that end product.'\n        },\n        {\n          id: 11,\n          categoryId: 5,\n          question: 'Does this apply to all items from Envato Market?',\n          ans: 'No. This only applies to items with real-world products and trademarks in the actual item. This is most likely in product mock-ups (graphics items), product promos (motion graphics project files) and 3D items. This does not apply to PhotoDune items, which are available for commercial use. This also does not apply to images of products and trademarks used illustratively in item previews, as they\\'re not included in the item you download.'\n        },\n        {\n          id: 12,\n          categoryId: 5,\n          question: 'What does \\'editorial use\\' mean?',\n          ans: 'Editorial use means using an item only for news or journalistic purposes like in blogs, magazine and newspaper editorial applications.'\n        },\n        {\n          id: 13,\n          categoryId: 5,\n          question: 'Is this item still \\'royalty free\\'?',\n          ans: 'Yes. Royalty free means you pay for the item once for each end product, and you don\\'t need to pay any additional or ongoing fees for each person who sees or uses it. This is separate to whether you need a clearance from the owner of rights in the real world product or trademark within an item.'\n        }\n      ],\n      supporters: [\n        {\n          id: 1,\n          img: require('@/assets/images/portrait/small/avatar-s-1.jpg'),\n          name: 'Boyce Shene',\n          profession: 'Web Developer'\n        },\n        {\n          id: 2,\n          img: require('@/assets/images/portrait/small/avatar-s-2.jpg'),\n          name: 'Margie Sevy',\n          profession: 'Web Designer'\n        },\n        {\n          id: 3,\n          img: require('@/assets/images/portrait/small/avatar-s-3.jpg'),\n          name: 'Cyndi Navas',\n          profession: 'Web Developer'\n        },\n        {\n          id: 4,\n          img: require('@/assets/images/portrait/small/avatar-s-4.jpg'),\n          name: 'Chi Petrusky',\n          profession: 'Web Developer'\n        },\n        {\n          id: 5,\n          img: require('@/assets/images/portrait/small/avatar-s-5.jpg'),\n          name: 'Shanel Dumag',\n          profession: 'Web Designer'\n        }\n      ]\n    }\n  },\n  computed: {\n    filteredFaq () {\n      return this.faqs.filter((faq) => {\n        if (this.faqFilter === 1) return faq.question.toLowerCase().includes(this.faqSearchQuery.toLowerCase()) || faq.ans.toLowerCase().includes(this.faqSearchQuery.toLowerCase())\n        else if (this.faqFilter === 2) return faq.categoryId === 2 && (faq.question.toLowerCase().includes(this.faqSearchQuery.toLowerCase()) || faq.ans.toLowerCase().includes(this.faqSearchQuery.toLowerCase()))\n        else if (this.faqFilter === 3) return faq.categoryId === 3 && (faq.question.toLowerCase().includes(this.faqSearchQuery.toLowerCase()) || faq.ans.toLowerCase().includes(this.faqSearchQuery.toLowerCase()))\n        else if (this.faqFilter === 4) return faq.categoryId === 4 && (faq.question.toLowerCase().includes(this.faqSearchQuery.toLowerCase()) || faq.ans.toLowerCase().includes(this.faqSearchQuery.toLowerCase()))\n        else if (this.faqFilter === 5) return faq.categoryId === 5 && (faq.question.toLowerCase().includes(this.faqSearchQuery.toLowerCase()) || faq.ans.toLowerCase().includes(this.faqSearchQuery.toLowerCase()))\n      })\n    }\n  },\n  methods: {\n  },\n  components: {\n  }\n}\n</script>\n\n<style lang=\"scss\">\n#faq-page {\n    .faq-jumbotron-content {\n        background-image: url('../../assets/images/pages/faq.jpg');\n        background-size: cover;\n    }\n\n    .faq-bg {\n        background-color: #fff;\n    }\n}\n</style>\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!./Faq.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!./Faq.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Faq.vue?vue&type=template&id=51b192f8&\"\nimport script from \"./Faq.vue?vue&type=script&lang=js&\"\nexport * from \"./Faq.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Faq.vue?vue&type=style&index=0&lang=scss&\"\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"],"sourceRoot":""}