{"version":3,"file":"testimonialSlider.18b65ed8.js","sources":["../../../../components/testimonialSlider.vue"],"sourcesContent":["<template>\n\t<Row class=\"!py-[32px]\">\n\t\t<Container>\n\t\t\t<div\n\t\t\t\tclass=\"testimonial-slider glide\"\n\t\t\t\t:class=\"glideClass !== 'testimonial' ? glideClass + '-slider' : ''\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"slider-navigation\"\n\t\t\t\t\tdata-glide-el=\"controls\"\n\t\t\t\t>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"leftButton testimonial-btn\"\n\t\t\t\t\t\tdata-glide-dir=\"<\"\n\t\t\t\t\t></button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"rightButton testimonial-btn\"\n\t\t\t\t\t\tdata-glide-dir=\">\"\n\t\t\t\t\t></button>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"glide__track\"\n\t\t\t\t\tdata-glide-el=\"track\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"glide__slides\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-for=\"(testimonial, index) in testimonials\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\tclass=\"glide__slide\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"slide-interior\">\n\t\t\t\t\t\t\t\t<NuxtLink\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t:href=\"testimonial.url\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p>{{ testimonial.text }}</p>\n\t\t\t\t\t\t\t\t</NuxtLink>\n\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"d-flex flex-column align-items-center justify-content-center\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div class=\"author-card\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"author-container\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"author-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t:src=\"testimonial.thumbnail\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Testimonial Commenter\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"author-info\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"author-name mb-[8px]\">{{ testimonial.author }}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"author-subtitle\">StocksToTrade Subscriber</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"testimonial-indicators\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-for=\"(testimonial, index) in testimonials\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\tclass=\"indicator\"\n\t\t\t\t\t\t\t:class=\"{ active: index === activeIndex }\"\n\t\t\t\t\t\t\t@click=\"goToTestimonial(index)\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Container>\n\t</Row>\n</template>\n\n<script setup>\nimport Glide from \"@glidejs/glide\";\nimport \"@glidejs/glide/dist/css/glide.core.min.css\";\n\nconst { glideClass } = defineProps({\n\tglideClass: {\n\t\ttype: String,\n\t\tdefault: \"testimonial\"\n\t}\n});\nconst testimonials = ref([\n\t{\n\t\ttext:\n\t\t\t\"First of all, I have had a great experience with StocksToTrade. The Alpha subscription should be no different because it’s the same family of people I am already familiar with. They are providing me with professional mentors,incredible education and wonderful support. Choosing a new subscription was a no brainer.\",\n\t\tauthor: \"Edward Lassow\",\n\t\tthumbnail:\n\t\t\t\"/images/edward-lassow.webp\",\n\t\turl: \"https://www.trustpilot.com/reviews/6532b7025c69a39e80f34f90\"\n\t},\n\t{\n\t\ttext:\n\t\t\t\"It takes some time to get acquainted with the system. There is a lot to learn first and then follow along. If you understand the entry points and trade momentum, then success is there to be taken. I am now a careful trader that has a new chance to be a winner in the stock market. It's an advantage to have the platform with Oracle and use the screeners. I finally have free time now, thank you StocksToTrade!\",\n\t\tauthor: \"Matthew Chilenskas\",\n\t\turl: \"https://www.trustpilot.com/reviews/64bde3bc3af9776206007c4b\",\n\t\tthumbnail:\n\t\t\t\"https://user-images.trustpilot.com/64bde3930d13ea0012413670/73x73.png\"\n\t},\n\t{\n\t\turl: \"https://www.trustpilot.com/reviews/652695545e3aea4f3e1743d6\",\n\t\ttext:\n\t\t\t\"The STT team has made this what it is. Programs/Scanners are awesome, but the people factor is what makes this GOLD! There are so many programs out there that promise the world. In the end, you always spend a lot of money and end up with little to no value out of it. STT has been different. Massive amounts of knowledge and education packed in the University platform, Tons of Webinars and Lives to participate in and best of all, the trainers are people that have gone through this and perfected their trade.\",\n\t\tauthor: \"Landon\",\n\t\tthumbnail: \"/images/subscriber_landon.webp\"\n\t},\n\t{\n\t\turl: \"https://www.trustpilot.com/reviews/643847557a3422032fb4e4eb\",\n\t\ttext: `The personnel involved with STT and the Daily Income System rocks !! They are very patient in showing you how to learn without you getting upset, plus they make\nsure to repeat the lesson over to you so it can be instilled into your thought process.`,\n\t\tauthor: \"Everett\",\n\t\tthumbnail: \"/images/subscriber_alex_b.webp\"\n\t}\n]);\n\nconst glide = ref(null);\nlet activeIndex = ref(0);\n\nconst goToTestimonial = (index = 0) => {\n\tif (glide.value) {\n\t\tglide.value.go(\"=\" + index);\n\t\tactiveIndex.value = index;\n\t\tglide.value.update();\n\t}\n};\n\nconst glideInit = async () => {\n\tglide.value = new Glide(`.${glideClass}-slider`, {\n\t\ttype: \"carousel\",\n\t\tperView: 1,\n\t\tstartAt: 0,\n\t\tfocusAt: \"center\",\n\t\tpagination: {\n\t\t\tel: `.${glideClass}-indicators`,\n\t\t\tclickable: true\n\t\t}\n\t});\n\n\tif (glide.value) {\n\t\tglide.value.on(\"run\", () => {\n\t\t\tconst index = glide.value.index;\n\t\t\tactiveIndex.value = index;\n\t\t});\n\n\t\tglide.value.mount();\n\n\t\tsetTimeout(() => {\n\t\t\tgoToTestimonial();\n\t\t}, 100);\n\t}\n};\n\nonMounted(async () => {\n\tif (process.client) {\n\t\tawait glideInit();\n\t}\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.glide__track {\n\tposition: relative;\n}\n.testimonial-slider {\n\ttext-align: center;\n\tpadding: 16px;\n\tmargin: auto;\n\tmax-width: 890px;\n\t@include breakpoint(md) {\n\t\tpadding: 32px;\n\t}\n\n\t.slide-interior {\n\t\tmax-width: 800px;\n\t\tmargin: auto;\n\t}\n\n\t.testimonial-btn {\n\t\theight: 40px;\n\t}\n}\n\n.testimonial-text-container {\n\ttext-align: center;\n\n\t@include breakpoint(md) {\n\t\theight: 81px;\n\t\tpadding: 0 64px;\n\t}\n}\n\n.testimonial-text {\n\tfont-size: 16px;\n\n\t@include breakpoint(md) {\n\t\tfont-size: 18px;\n\t}\n}\n\n.testimonial-item {\n\tdisplay: none;\n\ttext-align: center;\n}\n\n.testimonial-item.active {\n\tdisplay: block;\n}\n\n.slider-navigation {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin-top: 10px;\n\tposition: absolute;\n\tmargin: auto;\n\tleft: 0;\n\tright: 0;\n\ttransform: unset !important;\n\ttop: -36px;\n\tbottom: 0;\n\n\talign-items: flex-end;\n\n\t@include breakpoint(lg) {\n\t\talign-items: center;\n\t}\n}\n\n.leftButton::before {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\twidth: 32px;\n\theight: 32px;\n\tmargin-right: 16px;\n\tbackground-image: url(\"/images/arrow-left.svg\");\n\tbackground-size: cover;\n\tvertical-align: middle;\n}\n\n.rightButton::before {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\twidth: 32px;\n\theight: 32px;\n\tmargin-left: 16px;\n\tbackground-image: url(\"/images/arrow-right.svg\");\n\tbackground-size: cover;\n\tvertical-align: middle;\n}\n\n.author-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-top: 32px;\n\n\t@include breakpoint(md) {\n\t\tmargin-top: 16px;\n\t}\n}\n\n.author-info {\n\ttext-align: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\t@include breakpoint(md) {\n\t\talign-items: flex-start;\n\t\ttext-align: left;\n\t}\n}\n\n.author-container {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 16px;\n\tflex-direction: column;\n\t@include breakpoint(md) {\n\t\tflex-direction: row;\n\t\tgap: 16px;\n\t}\n}\n\n.author-subtitle {\n\tcolor: #7d8494;\n\tfont-size: 14px;\n\tfont-weight: 400;\n}\n\n.author-thumbnail img {\n\theight: 48px;\n\twidth: 48px;\n\tborder-radius: 50%;\n}\n\n.testimonial-indicators {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: 32px;\n\n\t.indicator {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tmargin: 0 6px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #ccc;\n\t\tcursor: pointer;\n\t}\n}\n.indicator.active {\n\tbackground: linear-gradient(90deg, #7da3ff, #b370ff) !important;\n}\n</style>\n"],"names":["glideClass","__props","testimonials","ref","glide","activeIndex","goToTestimonial","index","glideInit","Glide","onMounted"],"mappings":"49BA+EA,KAAM,CAAE,WAAAA,CAAY,EAAGC,EAMjBC,EAAeC,EAAI,CACxB,CACC,KACC,6TACD,OAAQ,gBACR,UACC,6BACD,IAAK,6DACL,EACD,CACC,KACC,4ZACD,OAAQ,qBACR,IAAK,8DACL,UACC,uEACD,EACD,CACC,IAAK,8DACL,KACC,igBACD,OAAQ,SACR,UAAW,gCACX,EACD,CACC,IAAK,8DACL,KAAM;AAAA,yFAEN,OAAQ,UACR,UAAW,gCACZ,CACD,CAAC,EAEKC,EAAQD,EAAI,IAAI,EACtB,IAAIE,EAAcF,EAAI,CAAC,EAEvB,MAAMG,EAAkB,CAACC,EAAQ,IAAM,CAClCH,EAAM,QACTA,EAAM,MAAM,GAAG,IAAMG,CAAK,EAC1BF,EAAY,MAAQE,EACpBH,EAAM,MAAM,SAEd,EAEMI,EAAY,SAAY,CAC7BJ,EAAM,MAAQ,IAAIK,EAAM,IAAIT,CAAU,UAAW,CAChD,KAAM,WACN,QAAS,EACT,QAAS,EACT,QAAS,SACT,WAAY,CACX,GAAI,IAAIA,CAAU,cAClB,UAAW,EACZ,CACF,CAAE,EAEGI,EAAM,QACTA,EAAM,MAAM,GAAG,MAAO,IAAM,CAC3B,MAAMG,EAAQH,EAAM,MAAM,MAC1BC,EAAY,MAAQE,CACvB,CAAG,EAEDH,EAAM,MAAM,QAEZ,WAAW,IAAM,CAChBE,GACA,EAAE,GAAG,EAER,EAEA,OAAAI,EAAU,SAAY,CAEpB,MAAMF,EAAS,CAEjB,CAAC"}