{"version":3,"sources":["webpack:///./src/pages/Product.vue","webpack:///./src/components/BreadcrumbProduct.vue","webpack:///./src/components/BreadcrumbProduct.vue?02e7","webpack:///./src/pages/Product.vue?3b38","webpack:///./node_modules/core-js/modules/es.array.filter.js","webpack:///./src/components/BreadcrumbProduct.vue?b155"],"names":["class","_createElementBlock","_createVNode","_component_router_view","_component_HeaderNav","_component_BreadcrumbProduct","breadcrumbDetail","breadcrumbName","_component_BannerTwo","_component_FooterSection","_createElementVNode","style","type","data-bs-toggle","aria-expanded","src","alt","_hoisted_28","_hoisted_40","data-bg-image","backgroundImage","$data","_toDisplayString","$props","_hoisted_10","onClick","$options","_hoisted_12","_hoisted_16","_component_video_background","_Fragment","_renderList","p","index","key","_component_router_link","to","slug","blogImage","category","title","_hoisted_29","length","_hoisted_41","components","VideoBackground","props","data","introBg","detailBg","products","product","found","mounted","this","localStorage","getItem","filterByCategory","removeItem","methods","filter","routeToProductDetail","$router","push","name","params","__exports__","HeaderNav","BannerTwo","FooterSection","BreadcrumbProduct","render","$","$filter","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","target","proto","forced","callbackfn","arguments","undefined"],"mappings":"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","file":"js/chunk-a8b27a44.5a4bac6e.js","sourcesContent":["<template>\n    <div class=\"wrapper\">\n\n        <router-view></router-view>\n\n        <!-- HeaderNav section -->\n        <HeaderNav></HeaderNav>\n\n        <!-- Breadcrumb section -->\n        <BreadcrumbProduct breadcrumbDetail=\"Whatever your business, let AI guide your decisions.\" breadcrumbName=\"Our Products\"></BreadcrumbProduct>\n\n        <!-- Banner section -->\n        <BannerTwo></BannerTwo>\n\n        <!-- Footer section -->\n        <FooterSection></FooterSection>\n\n    </div>\n</template>\n\n<script>\nimport HeaderNav from '@/components/HeaderNav.vue'\nimport BannerTwo from '@/components/BannerTwo.vue'\nimport FooterSection from '@/components/FooterSection.vue'\nimport BreadcrumbProduct from '@/components/BreadcrumbProduct.vue'\n\nexport default {\n    components: {\n        HeaderNav,\n        BannerTwo,\n        FooterSection,\n        BreadcrumbProduct,\n    }\n}\n</script>\n","<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                        <h6 class=\"breadcrumb-title\">{{breadcrumbName}}</h6>\n                        <h1 class=\"breadcrumb-detail\">{{breadcrumbDetail}}</h1>\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 desktop\">\n                    <h4 class=\"col-md-2\">Our Sector</h4>\n                    <!-- :class=\"{ 'active' : $route.name === 'Home' }\" btn purple-color m-auto -->\n                    <!-- :class=\"[{ 'current-locale': locale === 'en' }, { 'locale': locale === 'es' }]\" -->\n                    <span @click=\"filterByCategory('All')\" :class=\"[{ 'btn active m-auto' : category === 'All' }, { 'btn purple-color m-auto' : category !== 'All' }]\">All</span>\n                    <!-- <span @click=\"filterByCategory('Healthcare AI')\" :class=\"[{ 'btn active-healthcare m-auto' : category === 'Healthcare AI' }, { 'btn purple-color m-auto' : category !== 'Healthcare AI' }]\">Healthcare</span> -->\n                    <span @click=\"filterByCategory('Retail Business AI')\" :class=\"[{ 'btn active m-auto' : category === 'Retail Business AI' }, { 'btn purple-color m-auto' : category !== 'Retail Business AI' }]\">Retail Business</span>\n                    <span @click=\"filterByCategory('Transportation AI')\" :class=\"[{ 'btn active-transportation m-auto' : category === 'Transportation AI' }, { 'btn purple-color m-auto' : category !== 'Transportation AI' }]\">Transportation</span>\n                    <span @click=\"filterByCategory('Industrial AI')\" :class=\"[{ 'btn active-industrial m-auto' : category === 'Industrial AI' }, { 'btn purple-color m-auto' : category !== 'Industrial AI' }]\">Industrial</span>\n                    <span @click=\"filterByCategory('Human Surveillance AI')\" :class=\"[{ 'btn active-surveillance m-auto' : category === 'Human Surveillance AI' }, { 'btn purple-color m-auto' : category !== 'Human Surveillance AI' }]\">Human Surveillance</span>\n                    <span @click=\"filterByCategory('Media Data AI')\" :class=\"[{ 'btn active-media m-auto' : category === 'Media Data AI' }, { 'btn purple-color m-auto' : category !== 'Media Data AI' }]\">Media Data</span>\n                </div>\n                <div class=\"row mobile\">\n                    <h4 class=\"col-md-2\">Our Sectors</h4>\n                    <div class=\"dropdown d-grid col-sm-12\" style=\"border-color: black;\">\n                        <button type=\"button\" class=\"btn dropdown\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            <span class=\"\">{{ category }}</span>\n                            <i class=\"icofont-rounded-down\" style=\"\"></i>\n                        </button>\n                        <ul class=\"dropdown-menu\">\n                            <li>\n                                <span @click=\"filterByCategory('All')\" class=\"dropdown-item\">All</span>\n                            </li>\n                            <!-- <li>\n                                <span @click=\"filterByCategory('Healthcare AI')\" class=\"dropdown-item\">Healthcare</span>\n                            </li> -->\n                            <li>\n                                <span @click=\"filterByCategory('Retail Business AI')\" class=\"dropdown-item\">Retail Business</span>\n                            </li>\n                            <li>\n                                <span @click=\"filterByCategory('Transportation AI')\" class=\"dropdown-item\">Transportation</span>\n                            </li>\n                            <li>\n                                <span @click=\"filterByCategory('Industrial AI')\" class=\"dropdown-item\">Industrial</span>\n                            </li>\n                            <li>\n                                <span @click=\"filterByCategory('Human Surveillance AI')\" class=\"dropdown-item\">Human Surveillance</span>\n                            </li>\n                            <li>\n                                <span @click=\"filterByCategory('Media Data AI')\" class=\"dropdown-item\">Media Data</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <video-background\n        src=\"images/banner/banner-section-topbot.mp4\"\n        class=\"area desktop\"\n    >\n        <div class=\"blog-area blog-style-1\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-lg-12\">\n                        <div class=\"blog-item-wrap row\">\n                            <div class=\"col-md-3 col-sm-12 blogg\" v-for=\"(p, index) in product\" :key=\"index\">\n                                <div class=\"blog-item\">\n                                    <router-link :to=\"`/product-detail/${p.slug}`\" class=\"blog-img\">\n                                        <img :src=\"`${p.blogImage}`\" :alt=\"p.alt\">\n                                    </router-link>\n                                    <div class=\"blog-content\">\n                                        <span :class=\"p.class\">{{p.category}}</span>\n                                        <h2 class=\"blog-title\">\n                                            <router-link :to=\"`/product-detail/${p.slug}`\">{{p.title}}</router-link>\n                                        </h2>\n                                    </div>\n                                </div>\n                            </div>\n                            <div v-if=\"found === false\" class=\"frame\">\n                                <img src=\"images/product/notfound.png\" alt=\"\">\n                                <!-- <h2>No result found <br> at this time!</h2> -->\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </video-background>\n    <!-- { 'btn active m-auto' : category === 'All' } -->\n    <video-background\n        src=\"images/banner/banner-section-topbot.mp4\"\n        :style=\"product.length >= '5' ? {'height': '2700px'} : product.length >= '3' ? {'height': '1500px'} : {'height': '1300px'}\"\n        class=\"area mobile\"\n    >\n        <div class=\"blog-area blog-style-1\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-lg-12\">\n                        <div class=\"blog-item-wrap row\">\n                            <div class=\"col-md-4 col-sm-12 blogg\" v-for=\"(p, index) in product\" :key=\"index\">\n                                <div class=\"blog-item\">\n                                    <router-link :to=\"`/product-detail/${p.slug}`\" class=\"blog-img\">\n                                        <img :src=\"`${p.blogImage}`\" :alt=\"p.alt\">\n                                    </router-link>\n                                    <div class=\"blog-content\">\n                                        <span :class=\"p.class\">{{p.category}}</span>\n                                        <h2 class=\"blog-title\">\n                                            <router-link :to=\"`/product-detail/${p.slug}`\">{{p.title}}</router-link>\n                                        </h2>\n                                    </div>\n                                </div>\n                            </div>\n                            <div v-if=\"found === false\" class=\"frame\">\n                                <img src=\"images/product/notfound.png\" alt=\"\">\n                                <!-- <h2>No result found <br> at this time!</h2> -->\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\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            product: [],\n            category: 'All',\n            found: true\n        }\n    },\n    mounted() {\n        this.product = this.products.products\n        // Get Localstorage Category\n        let category = localStorage.getItem('category')\n        if (category) {\n            this.filterByCategory(category)\n            // Delete Localstorage Category\n            localStorage.removeItem('category')\n        }\n    },\n    methods: {\n        filterByCategory(category){\n            this.category = category\n            if (category === 'All') {\n                this.product = this.products.products\n                this.found = true\n            } else {\n                this.product = this.products.products.filter(product => product.category === category)\n                if (this.product.length === 0) {\n                    this.found = false\n                } else {\n                    this.found = true\n                }\n            }\n        },\n        routeToProductDetail(category) {\n            const product = this.products.products.filter(product => product.category === category)\n            this.$router.push({\n                name: 'product-detail',\n                params: {\n                    slug: product[0].slug\n                }\n            })\n        }\n    }\n}\n</script>\n<style scoped>\n.breadcrumb-area {\n    background-color: #0D0D2D;\n}\n.breadcrumb-title {\n    color: #ffffff;\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 20px;\n    line-height: 20px;\n    margin-top: 30px;\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\n    text-align: center;\n    letter-spacing: 0.03em;\n}\n.blog-img img{\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\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.btn.active {\n    background-color: #CE097C;\n    color: #ffffff;\n    border-style: solid;\n    border-color: rgb(255, 255, 255);\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.btn.active-healthcare {\n    background-color: #EDAA1E;\n    color: #ffffff;\n    border-style: solid;\n    border-color: rgb(255, 255, 255);\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.btn.active-transportation {\n    background-color: #27376C;\n    color: #ffffff;\n    border-style: solid;\n    border-color: rgb(255, 255, 255);\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.btn.active-industrial {\n    background-color: #1F6B82;\n    color: #ffffff;\n    border-style: solid;\n    border-color: rgb(255, 255, 255);\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.btn.active-surveillance {\n    background-color: #5A051A;\n    color: #ffffff;\n    border-style: solid;\n    border-color: rgb(255, 255, 255);\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.btn.active-media {\n    background-color: #2b493a;\n    color: #ffffff;\n    border-style: solid;\n    border-color: rgb(255, 255, 255);\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.area{\n    height: 1180px;\n}\n.btn.pink-color {\n    background-color: #CE097C;\n    color: #ffffff;\n    font-family: \"Exo 2\";\n    font-size: 12px;\n    border-radius: 6px;\n    padding: 12px 8px;\n    line-height: 0px;\n}\n.btn.blue-color {\n    background-color: #172A52;\n    color: #ffffff;\n    font-family: \"Exo 2\";\n    font-size: 12px;\n    border-radius: 6px;\n    padding: 12px 8px;\n    line-height: 0px;\n}\n.btn.blue-dark-color { \n    background-color: #1F6B82;\n    color: #ffffff;\n    font-family: \"Exo 2\";\n    font-size: 12px;\n    border-radius: 6px;\n    padding: 12px 8px;\n    line-height: 0px;\n}\n.btn.brown-color {\n    background-color: #5A051A;\n    color: #ffffff;\n    font-family: \"Exo 2\";\n    font-size: 12px;\n    border-radius: 6px;\n    padding: 12px 8px;\n    line-height: 0px;\n}\n.blog-item {\n    background-color: #FFFFFF;\n    border-radius: 15px;\n}\n.blogg {\n    display: flex;\n}\n.blog-area {\n    min-height: fit-content;\n}\n.blog-content {\n    padding: 12px 8px;\n    border-radius: 15px;\n}\n.blog-title {\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 20px;\n    line-height: 30px;\n}\n.frame h2{\n    text-align: center;\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 40px;\n    line-height: 60px;\n    /* or 150% */\n\n    text-align: center;\n    letter-spacing: 0.03em;\n\n    color: #202020;\n}\n.frame img {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    width: 600px;\n    height: auto;\n}\n\n.mobile {\n    display: none;\n}\n\n@media only screen and (max-width: 991px) {\n    .breadcrumb-title {\n        font-size: 16px;\n    }\n\n    .desktop {\n        display: none;\n    }\n\n    .mobile {\n        display: block;\n    }\n\n    .area {\n        height: 1180px;\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 18px;\n        z-index: 10;\n        border-radius: 12px;\n    }\n    \n    .display-flex img {\n        width: 30%;\n        padding: 5px 5px;\n    }\n\n    .dropdown {\n        font-family: 'Exo 2';\n        font-style: normal;\n        font-weight: 600;\n        font-size: 16px;\n        line-height: 150%;\n        /* identical to box height, or 24px */\n\n        color: #202020;\n        border-color: #000000;\n        padding: 12px 18px;\n        border-radius: 12px;\n        text-align: left;\n    }\n    .btn.dropdown i{\n        float: right;\n        margin-top: 3px;\n    }\n    .blogg {\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n    }\n    .frame {\n        margin-top: 140px;\n    }\n}\n</style>\n","import { render } from \"./BreadcrumbProduct.vue?vue&type=template&id=15e10ab4&scoped=true\"\nimport script from \"./BreadcrumbProduct.vue?vue&type=script&lang=js\"\nexport * from \"./BreadcrumbProduct.vue?vue&type=script&lang=js\"\n\nimport \"./BreadcrumbProduct.vue?vue&type=style&index=0&id=15e10ab4&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-15e10ab4\"]])\n\nexport default __exports__","import { render } from \"./Product.vue?vue&type=template&id=ab3d35b8\"\nimport script from \"./Product.vue?vue&type=script&lang=js\"\nexport * from \"./Product.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 $filter = require('../internals/array-iteration').filter;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.es/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  filter: function filter(callbackfn /* , thisArg */) {\n    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","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!./BreadcrumbProduct.vue?vue&type=style&index=0&id=15e10ab4&scoped=true&lang=css\""],"sourceRoot":""}