{"version":3,"sources":["webpack:///./src/@core/libs/i18n/utils.js","webpack:///./src/@core/libs/i18n/index.js","webpack:///./src/libs/event-bus.js","webpack:///./src/views/website/pages/products/categories.vue?8c27","webpack:///src/views/website/pages/products/categories.vue","webpack:///./src/views/website/pages/products/categories.vue?85a4","webpack:///./src/views/website/pages/products/categories.vue","webpack:///./src/views/website/pages/products/categories.vue?e5cf"],"names":["t","key","vm","getCurrentInstance","proxy","$t","_","useUtils","utils","EventBus","Vue","handleLangChange","action","$on","id","handleDashLangChange","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","_l","cat","i","class","attrs","staticStyle","name","childImages","slice","subCat","$store","getters","style","imagePath","staticRenderFns","component"],"mappings":"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","file":"js/chunk-3c3ad886.js","sourcesContent":["import { getCurrentInstance } from '@vue/composition-api'\r\n\r\n/**\r\n * Returns translated string if i18n package is available to Vue\r\n * If i18n is not configured then it will simply return what is being passed\r\n * Useful if you don't know if i18n is configured or not\r\n * Used in @core files to handle absence of i18n without errors\r\n * @param {String} key i18n key to use for translation\r\n */\r\nexport const t = key => {\r\n  const vm = getCurrentInstance().proxy\r\n  return vm.$t ? vm.$t(key) : key\r\n}\r\n\r\nexport const _ = null\r\n","import * as utils from './utils'\r\n\r\nexport const useUtils = () => ({\r\n  ...utils,\r\n})\r\n\r\nexport const _ = null\r\n","import Vue from 'vue';\r\nexport const EventBus = new Vue();\r\n\r\nexport function handleLangChange(action) {\r\n    EventBus.$on('onLangChange', (id)=>{ \r\n        action(id);      \r\n    });\r\n    \r\n}\r\nexport function handleDashLangChange(action) {\r\n    EventBus.$on('onDashLangChange', (id)=>{ \r\n        action(id);      \r\n    });\r\n    \r\n}\r\nexport function handleChangeUserInfo(action) {\r\n    EventBus.$on('onChangeUserInfo', ()=>{ \r\n        action();      \r\n    });\r\n}\r\nexport function handleLoadReequest(action) {\r\n    EventBus.$on('onLoadReequest', ()=>{ \r\n        action();\r\n    });\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"py-5\"},[_c('h5',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.t('website.allCategories')))]),_vm._l((_vm.webCategories),function(cat,i){return _c('section',{key:i,staticClass:\"category-section\"},[_c('b-row',[_c('b-col',{staticClass:\"order-1\",class:i % 2 != 0 ? 'order-lg-0' : 'order-lg-1',attrs:{\"cols\":\"12\",\"lg\":\"7\"}},[_c('div',{staticClass:\"category-images-container py-5 mx-auto\",class:[i == 0 ? 'pt-0' : '', i == 3 ? 'pb-0' : ''],staticStyle:{\"max-width\":\"700px\"}},[_c('div',{staticClass:\"image-2\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"3000\"}},[_c('div',{staticClass:\"category-image-card-border rounded\"},[_c('div',{staticClass:\"category-image-card rounded\"},[_c('div',{staticClass:\"sub-category rounded\"})])]),_c('div',{staticClass:\"category-content d-flex flex-column align-items-center justify-content-center position-absolute\",staticStyle:{\"top\":\"0\",\"left\":\"0\"}},[_c('h4',{staticClass:\"text-white my-5 pt-5\"},[_vm._v(_vm._s(cat.name))]),_c('div',{staticClass:\"w-100 h-100 text-center\",staticStyle:{\"margin-bottom\":\"-40px\"}},[_c('b-row',_vm._l((cat.childImages.slice(0, 3)),function(subCat,i){return _c('b-col',{key:i,staticClass:\"mb-3\",attrs:{\"cols\":\"12\",\"lg\":\"4\"}},[_c('div',{staticClass:\"mx-auto h-100 d-flex align-items-end justify-content-center\",staticStyle:{\"max-width\":\"300px\",\"min-height\":\"200px\"},attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":1000 * (i + 1)}},[_c('img',{staticClass:\"rounded\",staticStyle:{\"object-fit\":\"cover\"},attrs:{\"src\":_vm.$store.getters['app/domainHost'] + '/' + subCat,\"width\":+'140' + i * 20}})])])}),1),_c('b-button',{staticClass:\"mx-auto text-custom-blue-sky\",style:(i % 2 != 0 ? 'transform: skewX(-1deg) scaleX(-1)' : 'transform: skewX(1deg)'),attrs:{\"to\":'/category/' + cat.id,\"variant\":\"flat-secondary\"}},[_vm._v(\" \"+_vm._s(_vm.t('website.seeMore'))+\" \"),_c('unicon',{staticClass:\"arrow\",attrs:{\"name\":\"arrow-left\",\"fill\":\"var(--custom-blue-sky)\"}})],1)],1)])])])]),_c('b-col',{staticClass:\"order-0 d-flex align-items-center\",class:i % 2 != 0 ? 'order-lg-1' : 'order-lg-0',attrs:{\"cols\":\"12\",\"lg\":\"5\"}},[_c('div',{staticClass:\"category-description-container text-center w-100 rounded mx-auto\",staticStyle:{\"max-width\":\"300px\"},attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"3000\"}},[_c('img',{staticClass:\"w-100 rounded\",attrs:{\"src\":_vm.$store.getters['app/domainHost'] + '/' + cat.imagePath}})])])],1)],1)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-container class=\"py-5\">\r\n        <h5 class=\"text-white\">{{t('website.allCategories')}}</h5>\r\n        <section v-for=\"(cat, i) in webCategories\" :key=\"i\" class=\"category-section\">\r\n            <b-row>\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"7\"\r\n                    class=\"order-1\"\r\n                    :class=\"i % 2 != 0 ? 'order-lg-0' : 'order-lg-1'\"\r\n                >\r\n                    <div\r\n                        class=\"category-images-container py-5 mx-auto\"\r\n                        :class=\"[i == 0 ? 'pt-0' : '', i == 3 ? 'pb-0' : '']\"\r\n                        style=\"max-width: 700px\"\r\n                    >\r\n                        <div class=\"image-2\"\r\n                            data-aos=\"fade-up\"\r\n                            data-aos-duration=\"3000\"\r\n                        >\r\n                            <div class=\"category-image-card-border rounded\">\r\n                                <div class=\"category-image-card rounded\">\r\n                                    <div class=\"sub-category rounded\">\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"category-content d-flex flex-column align-items-center justify-content-center position-absolute\" style=\"top: 0; left: 0;\">\r\n                                <h4 class=\"text-white my-5 pt-5\">{{cat.name}}</h4>\r\n                                <div class=\"w-100 h-100 text-center\" style=\"margin-bottom: -40px;\">\r\n                                    <b-row>\r\n                                        <b-col cols=\"12\" lg=\"4\" v-for=\"(subCat, i) in cat.childImages.slice(0, 3)\" :key=\"i\" class=\"mb-3\">\r\n                                            <div style=\"max-width: 300px; min-height: 200px\" class=\"mx-auto h-100 d-flex align-items-end justify-content-center\"\r\n                                                data-aos=\"fade-up\"\r\n                                                :data-aos-duration=\"1000 * (i + 1)\"\r\n                                            >\r\n                                                <img :src=\"$store.getters['app/domainHost'] + '/' + subCat\" :width=\"+'140' + i * 20\" class=\"rounded\" style=\"object-fit: cover;\">\r\n                                            </div>\r\n                                        </b-col>\r\n                                    </b-row>\r\n                                    <b-button class=\"mx-auto text-custom-blue-sky\" :to=\"'/category/' + cat.id\" variant=\"flat-secondary\" :style=\"i % 2 != 0 ? 'transform: skewX(-1deg) scaleX(-1)' : 'transform: skewX(1deg)'\">\r\n                                        {{t('website.seeMore')}}\r\n                                        <unicon name=\"arrow-left\" fill=\"var(--custom-blue-sky)\" class=\"arrow\"/>\r\n                                    </b-button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </b-col>\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"5\"\r\n                    class=\"order-0 d-flex align-items-center\"\r\n                    :class=\"i % 2 != 0 ? 'order-lg-1' : 'order-lg-0'\"\r\n                >\r\n                    <div\r\n                        data-aos=\"fade-up\"\r\n                        data-aos-duration=\"3000\"\r\n                        class=\"category-description-container text-center w-100 rounded mx-auto\"\r\n                        style=\"max-width: 300px\"\r\n                    >\r\n                        <img :src=\"$store.getters['app/domainHost'] + '/' + cat.imagePath\"\r\n                            class=\"w-100 rounded\">\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n        </section>\r\n    </b-container>\r\n</template>\r\n\r\n<script>\r\nimport { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\nimport { mapActions, mapState } from 'vuex'\r\nimport { handleLangChange } from '@/libs/event-bus';\r\nexport default {\r\n    computed: {\r\n        ...mapState({\r\n            webCategories: state => state.webProducts.webCategories\r\n        })\r\n    },\r\n    created() {\r\n        this.getCategoriesWebsite();\r\n        handleLangChange(this.getCategoriesWebsite);\r\n    },\r\n    metaInfo() {\r\n        return {\r\n            titleTemplate: \"Awija - \" + this.$t(\"website.categories\"),\r\n            htmlAttrs: {\r\n                lang: this.$i18n.locale\r\n            },\r\n            meta: [\r\n                {\r\n                    name: \"description\",\r\n                    content: \"description\"\r\n                },\r\n                {\r\n                    name: \"keywords\",\r\n                    content: \"keywords, keywords, keywords, ...\"\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    setup() {\r\n        const { t } = useI18nUtils();\r\n        return { t };\r\n    },\r\n    methods: {\r\n        ...mapActions(['getCategoriesWebsite']),\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.category-section {\r\n    padding: 50px 0;\r\n    color: #fff;\r\n    .category-images-container {\r\n        min-height: 400px;\r\n        height: 100%;\r\n        position: relative;\r\n        .image-2 {\r\n            perspective: 500px;\r\n            transform-style: preserve-3d;\r\n            position: relative;\r\n            height: 100%;\r\n            width: 100%;\r\n            .category-image-card-border {\r\n                transform-origin: right center;\r\n                transform: scale(1) translate3d(0, 0, -62px) rotate3d(22, 1, 0, -8deg) skew(-15deg, 0deg);\r\n                padding: 3px;\r\n                height: 100%;\r\n                width: 100%;\r\n                background: linear-gradient(0deg, #878787, #ffffff, #6d6d6d, #ffffff, #949494);\r\n                .category-image-card {\r\n                    height: 100%;\r\n                    width: 100%;\r\n                }\r\n            }\r\n            .category-content {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n        .sub-category {\r\n            background: var(--custom-dark);\r\n            height: 100%;\r\n        }\r\n    }\r\n    .category-description-container {\r\n        position: relative;\r\n        &:after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -16px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 200px;\r\n            height: 20px;\r\n            background: rgba(0,0,0,.6);\r\n            filter: blur(8px);\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n    &:nth-of-type(2n) {\r\n        .category-images-container {\r\n            .image-2 {\r\n                .category-image-card-border {\r\n                    position: relative;\r\n                    transform-origin: left center;\r\n                    transform: scale(1) translate3d(0,0px,-62px) rotate3d(22, 1, 0, 8deg) skew(15deg, 0deg)\r\n                }\r\n            }\r\n            .category-content {\r\n                transform: scaleX(-1);\r\n                h4 {\r\n                    transform: scaleX(-1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    @media screen and (max-width: 992px) {\r\n         .category-images-container {\r\n            .image-2 {\r\n                .category-image-card-border {\r\n                    transform: rotate(0deg)!important;\r\n                }\r\n            }\r\n         }\r\n    }\r\n}\r\n[dir=\"ltr\"] {\r\n    .category-section {\r\n        .category-images-container {\r\n            .image-2 {\r\n                .category-image-card-border {\r\n                    transform: scale(1) translate3d(0, 0, -62px) rotate3d(22, 1, 0, 8deg) skew(-15deg, 0deg);\r\n                }\r\n            }\r\n        }\r\n        .category-description-container {\r\n            position: relative;\r\n            &:after {\r\n                content: '';\r\n                position: absolute;\r\n                bottom: -16px;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                width: 200px;\r\n                height: 20px;\r\n                background: rgba(0,0,0,.6);\r\n                filter: blur(8px);\r\n                border-radius: 50%;\r\n            }\r\n        }\r\n        &:nth-of-type(2n) {\r\n            .category-images-container {\r\n                .image-2 {\r\n                    .category-image-card-border {\r\n                        position: relative;\r\n                        transform-origin: left center;\r\n                        transform: scale(1) translate3d(0,0px,-62px) rotate3d(22, 1, 0, 8deg) skew(15deg, 0deg)\r\n                    }\r\n                }\r\n                .category-content {\r\n                    transform: scaleX(-1);\r\n                    h4 {\r\n                        transform: scaleX(-1);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .arrow {\r\n        transform: scaleX(-1);\r\n    }\r\n}\r\n</style>","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!./categories.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!./categories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./categories.vue?vue&type=template&id=050dadfe&scoped=true&\"\nimport script from \"./categories.vue?vue&type=script&lang=js&\"\nexport * from \"./categories.vue?vue&type=script&lang=js&\"\nimport style0 from \"./categories.vue?vue&type=style&index=0&id=050dadfe&scoped=true&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  \"050dadfe\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.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!./categories.vue?vue&type=style&index=0&id=050dadfe&scoped=true&lang=scss&\""],"sourceRoot":""}