{"version":3,"file":"CatalogItem.2e476a5c.js","sources":["../../../app/javascript/components/filters-with-list/components/list-components/CatalogItem.vue?vue&type=template&lang.js","../../../app/javascript/components/filters-with-list/components/list-components/CatalogItem.vue"],"sourcesContent":["\n<div>\n    <a :href=\"storeUrl\" class=\"image align-self-center logo-container\">\n        <img v-if=\"item.thumbnail\" :src=\"item.thumbnail.public_path + '?size=list'\" class=\"logo\" :alt=\"item.thumbnail.alt\"/>\n    </a>\n\n    <div class=\"body\">\n        <h4 class=\"catalog-item-title text-center py-2 py-sm-3\">{{ item.title }}</h4>\n        <a class=\"btn btn-primary d-flex flex-nowrap align-items-center justify-content-center\" :href=\"storeUrl\">\n            <span>{{btnText}}</span>\n            <img src=\"https://asurcloudrunprod-16905.kxcdn.com/public-assets/right-arrow-icon\" alt=\"arrow\" class=\"arrow-icon ms-3\">\n        </a>\n    </div>\n</div>\n","<template>\r\n    <div>\r\n        <a :href=\"storeUrl\" class=\"image align-self-center logo-container\">\r\n            <img v-if=\"item.thumbnail\" :src=\"item.thumbnail.public_path + '?size=list'\" class=\"logo\" :alt=\"item.thumbnail.alt\"/>\r\n        </a>\r\n\r\n        <div class=\"body\">\r\n            <h4 class=\"catalog-item-title text-center py-2 py-sm-3\">{{ item.title }}</h4>\r\n            <a class=\"btn btn-primary d-flex flex-nowrap align-items-center justify-content-center\" :href=\"storeUrl\">\r\n                <span>{{btnText}}</span>\r\n                <img src=\"https://asurcloudrunprod-16905.kxcdn.com/public-assets/right-arrow-icon\" alt=\"arrow\" class=\"arrow-icon ms-3\">\r\n            </a>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: {\r\n        item: Object,\r\n        locale: String\r\n    },\r\n    computed: {\r\n        btnText() {\r\n            return this.locale == 'es' ? 'Ver tienda' : 'See shop';\r\n        },\r\n        storeUrl() {\r\n            return this.locale == 'es' ? `/${this.locale}/tiendas/${this.item.slug}` :  `/${this.locale}/stores/${this.item.slug}`;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.item.col-md-3.p-3{\r\n    height: 100%;\r\n}\r\n.item.col-md-3.p-3 div{\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    height: 100%;\r\n}\r\n.item.col-md-3.p-3 .image{\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    padding: 10px;\r\n    background-color: white;\r\n}\r\n.item.col-md-3.p-3 div .image h4{\r\n    margin-top: 10px;\r\n    font-weight: 500;\r\n}\r\n.catalog-item-title{\r\n    font-size: .9em;\r\n    font-weight: 600;\r\n    height: 45px;\r\n    overflow: hidden;\r\n    padding: 0 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.image {\r\n    text-align: -webkit-center;\r\n}\r\n</style>"],"names":["render","_vm","_h","_c","staticRenderFns","__vue2_script"],"mappings":"yDAAA,IAAIA,EAAS,UAAY,CAAC,IAAIC,EAAI,KAASC,EAAGD,EAAI,eAAmBE,EAAGF,EAAI,MAAM,IAAIC,EAAG,OAAOC,EAAG,MAAM,CAACA,EAAG,IAAI,CAAC,YAAY,yCAAyC,MAAM,CAAC,KAAOF,EAAI,QAAQ,CAAC,EAAE,CAAEA,EAAI,KAAK,UAAWE,EAAG,MAAM,CAAC,YAAY,OAAO,MAAM,CAAC,IAAMF,EAAI,KAAK,UAAU,YAAc,aAAa,IAAMA,EAAI,KAAK,UAAU,GAAG,CAAC,CAAC,EAAEA,EAAI,GAAI,CAAA,CAAC,EAAEE,EAAG,MAAM,CAAC,YAAY,MAAM,EAAE,CAACA,EAAG,KAAK,CAAC,YAAY,6CAA6C,EAAE,CAACF,EAAI,GAAGA,EAAI,GAAGA,EAAI,KAAK,KAAK,CAAC,CAAC,CAAC,EAAEE,EAAG,IAAI,CAAC,YAAY,+EAA+E,MAAM,CAAC,KAAOF,EAAI,QAAQ,CAAC,EAAE,CAACE,EAAG,OAAO,CAACF,EAAI,GAAGA,EAAI,GAAGA,EAAI,OAAO,CAAC,CAAC,CAAC,EAAEE,EAAG,MAAM,CAAC,YAAY,kBAAkB,MAAM,CAAC,IAAM,0EAA0E,IAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7xBC,EAAkB,CAAA,ECetB,MAAAC,EAAA,CACA,MAAA,CACA,KAAA,OACA,OAAA,MACA,EACA,SAAA,CACA,SAAA,CACA,OAAA,KAAA,QAAA,KAAA,aAAA,UACA,EACA,UAAA,CACA,OAAA,KAAA,QAAA,KAAA,IAAA,KAAA,kBAAA,KAAA,KAAA,OAAA,IAAA,KAAA,iBAAA,KAAA,KAAA,MACA,CACA,CACA"}