{"version":3,"sources":["webpack:///./src/components/BreadcrumbProductDetail.vue?ff26","webpack:///./src/pages/ProductDetail.vue","webpack:///./src/components/BreadcrumbProductDetail.vue","webpack:///./src/components/BreadcrumbProductDetail.vue?fafe","webpack:///./src/pages/ProductDetail.vue?cc43","webpack:///./node_modules/core-js/modules/es.array.find.js"],"names":["class","_createElementBlock","_createVNode","_component_router_view","_component_HeaderNav","_createElementVNode","_component_BreadcrumbProductDetail","BreadcrumbProductDetailTitle","breadcrumbName","_component_BannerTwo","_component_FooterSection","ref","data-bg-image","style","backgroundImage","$data","_toDisplayString","$options","title","category","paragraph","paragraphh","_hoisted_10","_Fragment","_renderList","a","index","key","image1","src","alt","paragraph2","paragraphFor","p","image2","_component_video_background","object-fit","components","VideoBackground","props","data","introBg","detailBg","products","slug","this","$route","params","descriptionHeight","computed","product","find","paragraph1","one","two","three","mounted","$refs","productDescription","offsetHeight","__exports__","HeaderNav","FooterSection","BannerTwo","BreadcrumbProductDetail","render","$","$find","addToUnscopables","FIND","SKIPS_HOLES","Array","target","proto","forced","callbackfn","arguments","length","undefined"],"mappings":"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","file":"js/chunk-bbccfef0.0458c1bb.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-v16/dist/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-v16/dist/index.js??ref--1-1!./BreadcrumbProductDetail.vue?vue&type=style&index=0&id=ca7ff7e6&scoped=true&lang=css\"","<template>\n    <div class=\"wrapper\">\n\n        <router-view></router-view>\n\n        <!-- HeaderNavSix section -->\n        <HeaderNav></HeaderNav>\n\n        <div class=\"main-content\">\n\n            <!-- Breadcrumb section -->\n            <BreadcrumbProductDetail BreadcrumbProductDetailTitle=\"Blog Detail\" breadcrumbName=\"Blog Detail\"></BreadcrumbProductDetail>\n\n        </div>\n\n        <!-- Banner section -->\n        <BannerTwo></BannerTwo>\n\n        <!-- Footer section -->\n        <FooterSection></FooterSection>\n\n    </div>\n</template>\n\n<script>\n\n// import BlogSlider from '@/components/BlogSlider.vue'\nimport HeaderNav from '@/components/HeaderNav.vue'\nimport BannerTwo from '@/components/BannerTwo.vue'\nimport FooterSection from '@/components/FooterSection.vue'\nimport BreadcrumbProductDetail from '@/components/BreadcrumbProductDetail.vue'\nexport default {\n  components: {\n    HeaderNav,\n    FooterSection,\n    BannerTwo,\n    BreadcrumbProductDetail,\n  },\n  \n}\n\n</script>","<template>\n    <div class=\"breadcrumb-area breadcrumb-height\" data-bg-image=\"\" :style=\"{backgroundImage: `url(${ detailBg })`}\">\n        <div class=\"container h-100\">\n            <div class=\"row h-100\">\n                <div class=\"col-lg-12\">\n                    <div class=\"breadcrumb-item\">\n                        <h1 class=\"breadcrumb-detail\">{{product.title}}</h1>\n                        <h6 class=\"breadcrumb-title\">{{product.category}}</h6>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"display-flex row\">\n            <div class=\"col-lg-10 col-md-12\">\n                <div class=\"row paragraph\" ref=\"productDescription\">\n                    <p>{{ product.paragraph }}</p>\n                    <p v-if=\"product.paragraphh\">{{ product.paragraphh }}</p>\n                    <ul>\n                        <li style=\"margin-bottom: 18px;\" v-for=\"(a,index) in paragraph1\" :key=\"index\">{{ a }}</li>\n                    </ul>\n                    <img v-if=\"product.image1\" :src=\"product.image1\" alt=\"\">\n                    <p>{{ product.paragraph2 }}</p>\n                    <p v-for=\"(p, index) in product.paragraphFor\" :key=\"index\">{{ p }}</p>\n                    <img :src=\"product.image2\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n    <video-background\n    src=\"images/banner/banner-section-top.mp4\"\n    style=\"width: 100%;\"\n    object-fit=\"cover\"\n    class=\"hero-area hero-bg hero-style-1 hero-width\"\n    >\n    </video-background>\n    <video-background\n    src=\"images/banner/banner-section-bot.mp4\"\n    style=\"width: 100%;\"\n    object-fit=\"cover\"\n    class=\"hero-area hero-bg hero-style-1 hero-width\"\n    >\n    </video-background>\n</template>\n\n<script>\nimport VideoBackground from 'vue-responsive-video-background-player'\nimport products from '../data/product.json'\nexport default {\n    components: { \n        VideoBackground\n    },\n    props: ['breadcrumbName', 'breadcrumbTitle', 'breadcrumbDetail'],\n    data () {\n        return {\n            introBg: 'images/breadcrumb/bg/bg.png',\n            detailBg: 'images/breadcrumb/bg/detail-bg2.png',\n            products,\n            slug: this.$route.params.slug,\n            paragraph: [],\n            descriptionHeight: 0,\n        }\n    },\n    computed: {\n        product () {\n            return this.products.products.find(product => product.slug === this.slug)\n        },\n        paragraph1 (){\n            if (this.product.paragraph1) {\n                this.paragraph = [this.product.paragraph1.one, this.product.paragraph1.two, this.product.paragraph1.three]\n                return this.paragraph\n            }\n        }\n    },\n    mounted () {\n        this.descriptionHeight = this.$refs.productDescription.offsetHeight\n    }\n}\n</script>\n<style scoped>\n.breadcrumb-area {\n    background-color: #0D0D2D;\n}\n.breadcrumb-title {\n    color: #ffffff;\n    font-size: 20px;\n    line-height: 20px;\n    margin-top: 8px;\n}\n.breadcrumb-detail {\n    color: #ffffff;\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 48px;\n    line-height: 72px;\n    /* or 150% */\n    margin-block: 1px;\n\n    text-align: center;\n    letter-spacing: 0.03em;\n}\n.btn.purple-color {\n    background-color: transparent;\n    color: #000000;\n    border-style: solid;\n    border-color: rgb(39, 39, 39);\n    font-family: \"Gordita\";\n    width: fit-content;\n    font-size: 12px;\n    border-radius: 6px;\n    padding: 20px 20px;\n    line-height: 0px;\n}\n\n.display-flex {\n    height: 0px;\n    width: 100%;\n    display: flex;\n    justify-content: space-around;\n    margin-top: -50px;\n}\n\n.display-flex div {\n    background-color: white;\n    padding: 12px 28px;\n    z-index: 10;\n    border-radius: 12px;\n}\n\n.display-flex span {\n    padding: 15px 15px;\n}\n\n.paragraph {\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 32px;\n    /* or 160% */\n\n    text-align: justify;\n    align-items: center;\n    text-indent: 24px;\n    white-space: pre-line;\n}\n\n.paragraph li{\n    list-style-position: inside;\n    text-indent: -1em;\n    padding-left: 1em;\n}\n\n.paragraph img {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 30px auto;\n}\n\n.hero-width{\n    width: 100%;\n    height: 650px !important;\n}\n@media only screen and (max-width: 991px) {\n    .breadcrumb-title {\n        font-size: 16px;\n    }\n\n    .hero-width{\n        width: 100%;\n        height: 925px !important;\n    }\n\n    .breadcrumb-height {\n        height: 550px;\n    }\n\n    .display-flex {\n        height: 0px;\n        width: 90%;\n        display: flex;\n        margin-top: -40px;\n        margin-left: 5%;\n        margin-right: 5%;\n    }\n    \n    .display-flex div {\n        text-align: center;\n        background-color: white;\n        padding: 12px 38px;\n        z-index: 10;\n        border-radius: 12px;\n    }\n    \n    .display-flex img {\n        width: 30%;\n        padding: 5px 5px;\n    }\n\n    .paragraph img {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 100%;\n        max-width: 600px;\n        height: auto;\n        margin: 30px auto;\n    }\n}\n</style>\n","import { render } from \"./BreadcrumbProductDetail.vue?vue&type=template&id=ca7ff7e6&scoped=true\"\nimport script from \"./BreadcrumbProductDetail.vue?vue&type=script&lang=js\"\nexport * from \"./BreadcrumbProductDetail.vue?vue&type=script&lang=js\"\n\nimport \"./BreadcrumbProductDetail.vue?vue&type=style&index=0&id=ca7ff7e6&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/luqmanr/workspace/risetai/riset.ai-website/Web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ca7ff7e6\"]])\n\nexport default __exports__","import { render } from \"./ProductDetail.vue?vue&type=template&id=681ddad7\"\nimport script from \"./ProductDetail.vue?vue&type=script&lang=js\"\nexport * from \"./ProductDetail.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/luqmanr/workspace/risetai/riset.ai-website/Web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n"],"sourceRoot":""}