{"version":3,"file":"space_section-CEtYYpd2.js","sources":["../../../app/javascript/components/sliders/SpaceSection.vue","../../../app/javascript/entrypoints/space_section.js"],"sourcesContent":["<template>\n    <div class=\"\">\n        <Carousel class=\"space-section__cont\" :items-to-show=\"1.1\" :wrap-around=\"true\">\n            <Slide v-for=\"image in images\" :key=\"image.id\">\n                <div class=\"space-section__item\">\n                    <img :src=\"`https://spacebarprod-16905.kxcdn.com/public-assets/${image.slug}?size=desktop-2`\" class=\"img-fluid\" :alt=\"image.alt\" loading=\"lazy\">\n                </div>\n            </Slide>\n            <template #addons>\n                <Navigation />\n            </template>\n        </Carousel>\n    </div>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { Carousel, Navigation, Slide } from 'vue3-carousel'\n\n\nexport default defineComponent({\n    props: {\n        images: Array\n    },\n    name: 'WrapAround',\n    components: {\n        Carousel,\n        Slide,\n        Navigation,\n    },\n})\n</script>\n\n<style lang=\"scss\">\n@import 'https://cdn.jsdelivr.net/npm/vue3-carousel@0.2.9/dist/carousel.min.css';\n\n.carousel__prev.carousel__prev--disabled {\n    display: none;\n}\n\n.accordion-body,\n.accordion-button {\n    font-family: inherit;\n}\n\n.accordion-button:hover {\n    color: inherit;\n}\n.space-section__item{\n    width: 98%;\n    margin: auto;\n}\n.space-section__cont{\n    position: relative;\n    &::before{\n        position: absolute;\n        content: '';\n        top: 0;\n        left: -1px;\n        width: 3.8%;\n        height: 100%;\n        background-color: rgba(255, 255, 255, 0.563);\n        z-index: 1;\n    }\n    &::after{\n        position: absolute;\n        content: '';\n        top: 0;\n        right: -1px;\n        width: 3.8%;\n        height: 100%;\n        background-color: rgba(255, 255, 255, 0.563);\n        z-index: 1;\n    }\n}\n.carousel__next, .carousel__prev {\n    z-index: 2;\n}\n\n</style>","import App from '@components/sliders/SpaceSection.vue'\nimport { generateApplication } from '@helpers/generate_component.js';\nimport { generateAxiosInstance } from '@helpers/axios_provider.js';\n\n\nconst axios = generateAxiosInstance();\nconst injections = [{\n    name: '$axios',\n    module: generateAxiosInstance()\n  }]\nconst props = { images: images }\ngenerateApplication(App, \"#space-section\", { injections, props })"],"names":["_sfc_main","defineComponent","Carousel","Slide","Navigation","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createVNode","_component_Carousel","_component_Navigation","_Fragment","_renderList","_ctx","image","_createBlock","_component_Slide","_createElementVNode","generateAxiosInstance","injections","props","generateApplication","App"],"mappings":"+OAoBA,MAAKA,EAAaC,EAAa,CAC3B,MAAO,CACH,OAAQ,KACX,EACD,KAAM,aACN,WAAY,CACR,SAAAC,EACA,MAAAC,EACA,WAAAC,CACH,CACL,CAAC,EA7BQC,EAAA,CAAA,MAAM,EAAE,EAGIC,EAAA,CAAA,MAAM,qBAAqB,+FAH5C,OAAAC,EAAA,EAAAC,EAWM,MAXNH,EAWM,CAVFI,EASWC,EAAA,CATD,MAAM,sBAAuB,gBAAe,IAAM,cAAa,KAM1D,SACP,IAAc,CAAdD,EAAcE,CAAA,cANX,IAAuB,QAA9BH,EAIQI,EAAA,KAAAC,EAJeC,EAAM,OAAfC,QAAdC,EAIQC,EAAA,CAJwB,IAAKF,EAAM,eACvC,IAEM,CAFNG,EAEM,MAFNZ,EAEM,CADFY,EAAgJ,MAAA,CAA1I,IAAG,sDAAwDH,EAAM,IAAI,kBAAmB,MAAM,YAAa,IAAKA,EAAM,IAAK,QAAQ,+ECA/II,EAAwB,EACtC,MAAMC,EAAa,CAAC,CAChB,KAAM,SACN,OAAQD,EAAuB,CACnC,CAAG,EACGE,EAAQ,CAAE,MAAgB,EAChCC,EAAoBC,EAAK,iBAAkB,CAAE,WAAAH,EAAY,MAAAC,CAAO,CAAA"}