{"version":3,"file":"slider_spaces-CDTDcZWV.js","sources":["../../../app/javascript/components/sliders/SliderSpaces.vue","../../../app/javascript/entrypoints/slider_spaces.js"],"sourcesContent":["<template>\n  <div>\n    <Carousel :settings=\"settings\" :breakpoints=\"breakpoints\">\n      <Slide class=\"slider-spaces__cont\" v-for=\"(space, index) in spacesToShow\" :key=\"index\">\n        <div class=\"slider-spaces__card\" :class=\"space.slug\">\n          <div class=\"slider-spaces__img-cont\" v-if=\"space['space_thumbnail'] || space['space_thumbnail_r'] \">\n            <img v-if=\"space['space_thumbnail']\" loading=\"lazy\" :src=\"`${space['space_thumbnail']['public_path']}?size=entry`\" :alt=\"space['space_thumbnail']['alt']\" class=\"slider-spaces__img img-fluid\">\n            <img v-else-if=\"space['space_thumbnail_r']\" loading=\"lazy\" :src=\"`${space['space_thumbnail_r']['public_path']}?size=entry`\" :alt=\"space['space_thumbnail_r']['alt']\" class=\"slider-spaces__img img-fluid\">\n          </div>\n          <div class=\"slider-spaces__info\">\n            <div class=\"d-flex flex-column\">\n              <h4 v-if=\"space.space_is_coming_soon\" class=\"slider-spaces__h4 mb-1\">\n                {{ space.title }}\n              </h4>\n              <a v-else class=\"slider-spaces__h4\"\n                :href=\"`/${locale}/${spaceUrl(space)}`\"\n              >\n                {{ space.title }}\n              </a>\n              <p v-if=\"space.space_is_coming_soon\" class=\"slider-spaces-coming-soon__p mb-2\">\n                Coming soon\n              </p>\n              <p class=\"slider-spaces__p\"\n                :class=\"{'slider-spaces-hidden__p': !space.space_is_coming_soon }\"\n                style=\"white-space: pre-line\"\n                v-html=\"space.blurb\"\n              >\n              </p>\n            </div>\n\n            <div class=\"d-flex justify-content-between align-items-end\" v-if=\"!space.space_is_coming_soon\">\n              <div class=\"d-flex flex-column\">\n                <span class=\"slider-spaces__span\" v-if=\"!status.prices.loading && prices?.[space.slug]\" >\n                    {{ locale == 'en' ? 'From' : 'Desde'}}\n                </span>\n                <span v-if=\"status.prices.loading\" class=\"slider-spaces__span\">\n                    $<span class=\"spinner\"></span>\n                </span>\n                <span v-else-if=\"prices?.[space.slug]\" class=\"slider-spaces__span\">\n                    {{ `$${prices[space.slug] }` }}\n                </span>\n              </div>\n              <a class=\"btn button-space invert d-flex align-items-center flex-nowrap\"\n                :href=\"`/${locale}/${spaceUrl(space)}`\"\n              >\n                <span class=\"me-2\" v-if=\"[ 'cook-space', 'cafeteria-planta-baja'].includes(space.slug)\">{{ locale == 'en' ? 'Menu and more' : 'Menú y más'}}</span>\n                <span class=\"me-2\" :style='`color: var(--${(space.slug)}-bg);font-weight:600`' v-else>{{ locale == 'en' ? 'Learn more' : 'Conoce más'}}</span>\n\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"10\" view-box=\"0 0 15 10\">\n                  <path d=\"M9.899.118 9.24.775a.402.402 0 0 0 .006.574l2.704 2.597H.402A.402.402 0 0 0 0 4.348v.938c0 .222.18.402.402.402h11.55L9.246 8.284a.402.402 0 0 0-.005.575l.657.657a.402.402 0 0 0 .568 0L14.882 5.1a.402.402 0 0 0 0-.568L10.467.118a.402.402 0 0 0-.568 0z\">\n                  </path>\n                </svg>\n              </a>\n            </div>\n          </div>\n        </div>\n      </Slide>\n\n      <template #addons>\n        <div class=\"d-flex d-md-none w-100 justify-content-center\">\n          <Pagination />\n        </div>\n        <Navigation />\n      </template>\n    </Carousel>\n\n  </div>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { Carousel, Navigation, Pagination, Slide } from 'vue3-carousel'\n\n\nexport default defineComponent({\n  name: 'Breakpoints',\n  inject: [\"locale\", \"$axios\"],\n  components: {\n    Carousel,\n    Slide,\n    Navigation,\n    Pagination\n  },\n  props: {\n    spaces: Array,\n    productSlugToHide: String\n  },\n  data: () => ({\n    // carousel settings\n    settings: {\n      itemsToShow: 1.1,\n      snapAlign: 'center',\n    },\n    prices: {},\n    status: {\n        prices: {loading: false}\n    },\n    // breakpoints are mobile first\n    // any settings not specified will fallback to the carousel settings\n    breakpoints: {\n      400: {\n        itemsToShow: 1.1,\n        snapAlign: 'start',\n      },\n      480: {\n        itemsToShow: 1.2,\n        snapAlign: 'start',\n      },\n      575: {\n        itemsToShow: 1.6,\n        snapAlign: 'start',\n      },\n      768: {\n        itemsToShow: 2.1,\n        snapAlign: 'start',\n      },\n      1000: {\n        itemsToShow: 2.8,\n        snapAlign: 'start',\n      },\n      1199: {\n        itemsToShow: 3.4,\n        snapAlign: 'start',\n      },\n    },\n  }),\n  created() {\n    this.getPrices();\n  },\n  computed: {\n    spacesToShow() {\n      if (this.productSlugToHide){\n        return (this.spaces ? this.spaces.filter( x => x.slug != this.productSlugToHide) : []);\n      }\n      return (this.spaces ? this.spaces : []);\n    },\n  },\n  methods: {\n    spaceUrl(space){\n      if (space.hasOwnProperty('story_id') && space.story_id === 79){\n        return `cook-space`\n      }\n      return `${this.locale == 'en' ? 'spaces' : 'espacios'}/${space.slug}`\n    },\n    getPrices() {\n      this.status.prices.loading = true;\n      this.$axios.get('/api/v1/product-prices/' + this.locale)\n      .then(r => {\n          if (r['data'].length == 0) {\n              return\n          }\n          this.prices = r['data'].reduce((acc, x) => {\n              return {...acc, [x.slug]: this.getFormatPrice(x.relationships.product.skus[0])};\n          }, {});\n      }).finally(() => {\n        this.status.prices.loading = false;\n      })\n    },\n      getFormatPrice(sku){\n        let price = sku.price.toLocaleString(\"en\", {useGrouping: true})\n        let currency = sku.currency\n        return `${price} ${currency}`\n      }\n  }\n})\n</script>\n<style lang=\"scss\">\n@import 'https://cdn.jsdelivr.net/npm/vue3-carousel@0.2.9/dist/carousel.min.css';\n\n.slider-spaces__card {\n  width: 94%;\n  margin: 0 auto;\n  height: 100%;\n  border-radius: 15px;\n}\n\n.slider-spaces__info {\n  background-color: white;\n  padding: 15px;\n  text-align: left;\n  border-radius: 0px 0px 15px 15px;\n  height: 54%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  .slider-spaces__span {\n    color: var(--muted);\n    font-size: 14px;\n\n    +.slider-spaces__span {\n      color: var(--deep-muted);\n      font-weight: 700;\n      font-size: 18px;\n    }\n  }\n}\n\n.slider-spaces__img-cont{\n  height: 46%;\n  width: 100%;\n  object-fit: cover;\n}\n\n.slider-spaces__img {\n  border-radius: 15px 15px 0 0;\n  width: 100%;\n  height: 100%;\n}\n\n.slider-spaces__h4 {\n  color: var(--space-bg-color) !important;\n  font-size: 20px;\n  font-weight: 700;\n  margin-bottom: 15px;\n  text-transform: capitalize;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.slider-spaces__p {\n  font-size: 15px;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-line-clamp: 5;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n}\n.slider-spaces-hidden__p {\n  overflow: hidden;\n}\n\n.slider-spaces-coming-soon__p {\n  font-size: 0.9em;\n  font-style: italic;\n  color: var(--muted);\n}\n\n.space-btn {\n  border: 1px solid var(--open-space);\n  padding: 5px 15px;\n  border-radius: 15px;\n  color: var(--open-space);\n}\n\n.accordion-body,\n.accordion-button {\n  font-family: inherit;\n}\n\n.accordion-button:hover {\n  color: inherit;\n}\n.slider-spaces_arrow{\n  color:red;\n}\n\n.carousel__pagination{\n  padding-left: 0;\n  .carousel__pagination-button {\n    display: block;\n    border: 0;\n    margin: 0;\n    cursor: pointer;\n    padding: 6px;\n    background: 0 0;\n    &::after{\n      width: 35px;\n      height: 8px;\n      border-radius: 5px;\n      background-color: #D8D8D8;\n    }\n  }\n  .carousel__pagination-button--active{\n    &::after{\n      background-color: #4196CD;\n    }\n  }\n}\n@media (max-width:575px){\n  .slider-spaces__h4 {\n    font-size: 16px;\n  }\n  .slider-spaces__p{\n    font-size: 13px;\n\n  }\n}\n</style>","import App from '@components/sliders/SliderSpaces.vue'\nimport { generateApplication } from '@helpers/generate_component.js';\nimport { generateAxiosInstance } from '@helpers/axios_provider.js';\n\nconst axios = generateAxiosInstance();\nconst injections = [{\n    name: 'locale',\n    module: locale\n}, {\n    name: '$axios',\n    module: generateAxiosInstance()\n}]\n\nconst props = {\n    spaces: spaces_data,\n    productSlugToHide: typeof product !== 'undefined' ? product.slug : null\n}\ngenerateApplication(App, \"#slider-spaces\", { injections, props })"],"names":["_sfc_main","defineComponent","Carousel","Slide","Navigation","Pagination","x","space","r","acc","sku","price","currency","_hoisted_4","_hoisted_5","_hoisted_11","_createElementVNode","_hoisted_19","_createElementBlock","_createVNode","_component_Carousel","_ctx","_component_Pagination","_component_Navigation","_openBlock","_Fragment","_renderList","index","_createBlock","_component_Slide","_normalizeClass","_hoisted_1","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_10","_a","_hoisted_12","_hoisted_13","_hoisted_14","_b","_hoisted_15","_hoisted_17","_normalizeStyle","_hoisted_18","generateAxiosInstance","injections","props","generateApplication","App"],"mappings":"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"}