{"version":3,"sources":["webpack:///./src/components/DealSmall.vue?66a3","webpack:///./src/views/Landingpages/Sbscom/Deals.vue?c7a0","webpack:///./src/components/DealSmall.vue?c138","webpack:///src/components/DealSmall.vue","webpack:///./src/components/DealSmall.vue?0f1a","webpack:///./src/components/DealSmall.vue","webpack:///./src/views/Landingpages/Urlaubsguru/Deals.vue?5eb4","webpack:///src/views/Landingpages/Urlaubsguru/Deals.vue","webpack:///./src/views/Landingpages/Urlaubsguru/Deals.vue?4405","webpack:///./src/views/Landingpages/Urlaubsguru/Deals.vue","webpack:///./src/views/Landingpages/Sbscom/Deals.vue?bcc7","webpack:///src/views/Landingpages/Sbscom/Deals.vue","webpack:///./src/views/Landingpages/Sbscom/Deals.vue?15de","webpack:///./src/views/Landingpages/Sbscom/Deals.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","$options","filters","haspromotion","product","staticClass","attrs","name","params","slug","contact","nativeOn","$event","trackProduct","_v","_s","$whitelabel","dealName","$t","dealCountdownTitle","dealTimer","_e","ref","price","list","total","city","state","category","display","_l","room","key","board","short","longName","nights","min","max","_f","persons","prefix","currency","staticRenderFns","components","ReductionDisplay","StarDisplay","MinMaxDisplay","CountdownTimer","props","type","Object","hasCountdown","Boolean","default","computed","cdDate","Date","methods","$eventDispatcher","dispatch","component","hasOffers","traveldeal","length","o","id","Advantages","OfferElement","NoOffer","Deal","DealSmall","data","offers","promotionEndDate","campaignTimer","endDate","isTravelDeal","promotion","metaInfo","title","meta","_m"],"mappings":"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","file":"js/lp-urlaubsguru.0307516e.js","sourcesContent":["import mod 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!./DealSmall.vue?vue&type=style&index=0&id=2af590f8&lang=scss&scoped=true&\"; export default mod; 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!./DealSmall.vue?vue&type=style&index=0&id=2af590f8&lang=scss&scoped=true&\"","import mod 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!./Deals.vue?vue&type=style&index=0&id=7167e68c&lang=scss&scoped=true&\"; export default mod; 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!./Deals.vue?vue&type=style&index=0&id=7167e68c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.$options.filters.haspromotion(_vm.product, 'TravelDeal'))?_c('router-link',{staticClass:\"is-block card card--dealsmall avoid-break-inside\",attrs:{\"to\":{\n    name: 'urlaub',\n    params: {\n      slug: _vm.product.slug,\n      contact: _vm.product.contact.slug,\n    },\n  }},nativeOn:{\"click\":function($event){return _vm.trackProduct($event)}}},[_c('div',{staticClass:\"card-image--deal is-relative\"},[_c('h2',{staticClass:\"dealsmall-headline title has-background-grey-darker has-text-white\\t has-text-centered px-3 py-2 is-size-6 is-size-5-tablet is-size-5-desktop\"},[_c('span',{staticClass:\"is-uppercase is-inline-block\"},[_vm._v(_vm._s(_vm.$whitelabel.dealName ? _vm.$whitelabel.dealName : _vm.$t('general.travel-deal')))])]),(_vm.hasCountdown)?_c('div',{staticClass:\"deal-countdown has-text-weight-normal has-text-dark is-hidden-print\"},[_c('p',{staticClass:\"has-text-centered is-size-6-tablet deal-countdown__headline\"},[_vm._v(\" \"+_vm._s(_vm.$whitelabel.dealCountdownTitle ? _vm.$whitelabel.dealCountdownTitle : _vm.$t('product.deal-ends'))+\" \")]),_c('CountdownTimer',{staticClass:\"has-text-centered deal-countdown__timer\",attrs:{\"endTime\":_vm.dealTimer}})],1):_vm._e(),_c('picture',[_c('source',{attrs:{\"srcset\":(\"https://assets.urlaubsgutschein.kaufen/i/crop?width=420&height=250&gravity=smart&quality=50&interlace=true&type=auto&file=\" + (_vm.product.image)),\"media\":\"(max-width: 450px)\"}}),_c('source',{attrs:{\"srcset\":(\"https://assets.urlaubsgutschein.kaufen/i/crop?width=750&height=420&gravity=smart&quality=50&interlace=true&type=auto&file=\" + (_vm.product.image)),\"media\":\"(max-width: 768px)\"}}),_c('source',{attrs:{\"srcset\":(\"https://assets.urlaubsgutschein.kaufen/i/crop?width=450&height=350&gravity=smart&quality=50&interlace=true&type=auto&file=\" + (_vm.product.image)),\"media\":\"(max-width: 1215px)\"}}),_c('source',{attrs:{\"srcset\":(\"https://assets.urlaubsgutschein.kaufen/i/crop?width=540&height=300&gravity=smart&quality=50&interlace=true&type=auto&file=\" + (_vm.product.image)),\"media\":\"(max-width: 1407px)\"}}),_c('source',{attrs:{\"srcset\":(\"https://assets.urlaubsgutschein.kaufen/i/crop?width=350&height=400&gravity=smart&quality=50&interlace=true&type=auto&file=\" + (_vm.product.image)),\"media\":\"(min-width: 1408px)\"}}),_c('img',{staticClass:\"deal-img\",attrs:{\"fetchpriority\":\"high\",\"src\":(\"https://assets.urlaubsgutschein.kaufen/i/crop?width=770&height=450&quality=50&gravity=smart&interlace=true&type=auto&file=\" + (_vm.product.image)),\"alt\":_vm.product.contact.name}})])]),_c('div',{staticClass:\"card-content\"},[(_vm.$whitelabel.showReduction)?_c('ReductionDisplay',{ref:\"reductionTag\",staticClass:\"card-tag\",attrs:{\"beforePrice\":_vm.product.price.list,\"afterPrice\":_vm.product.price.total,\"size\":\"is-large\"}}):_vm._e(),_c('p',{staticClass:\"title card__title is-5 is-size-4-widescreen\"},[_c('span',{staticClass:\"is-size-7 has-text-weight-normal is-family-sans-serif\"},[_vm._v(_vm._s(_vm.product.contact.city)+\", \"+_vm._s(_vm.product.contact.state))]),_c('br'),_vm._v(\" \"+_vm._s(_vm.product.contact.name)),_c('br'),_c('StarDisplay',{attrs:{\"stars\":_vm.product.contact.category}})],1),_c('p',{staticClass:\"subtitle is-6 card-subtitle mb-1\"},[_vm._v(_vm._s(_vm.product.display))]),_c('strong',[_vm._l((_vm.product.rooms),function(room){return _c('span',{key:room.name},[_vm._v(_vm._s(room.name))])}),_c('br'),_vm._l((_vm.product.boards),function(board){return _c('span',{key:board.short},[_vm._v(_vm._s(board.longName))])}),_vm._v(\", \"),_c('MinMaxDisplay',{attrs:{\"min\":_vm.product.nights.min,\"max\":_vm.product.nights.max}}),_vm._v(_vm._s(_vm.$t('general.nights'))+\" \")],2),_c('div',{staticClass:\" is-size-6 mt-1 has-text-right\"},[_c('p',[_vm._v(_vm._s(_vm.$t('general.instead-of'))+\" \"+_vm._s(_vm._f(\"amount\")(_vm.product.persons.max === 2 ? _vm.product.price.list / 2 : _vm.product.price.list)))]),_c('p',{staticClass:\"has-text-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.product.price.prefix)+\" \"),_c('span',{staticClass:\"is-size-3 card-offer__price-wrapper\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currency\")(_vm.product.price.currency))+\" \"),_c('span',{ref:\"price\",staticClass:\"card-offer__price is-inline-block\"},[_vm._v(_vm._s(_vm._f(\"amount\")(_vm.product.price.display)))])])])])],1)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <router-link\n    class=\"is-block card card--dealsmall avoid-break-inside\"\n    v-if=\"$options.filters.haspromotion(product, 'TravelDeal')\"\n    @click.native=\"trackProduct\"\n    :to=\"{\n      name: 'urlaub',\n      params: {\n        slug: product.slug,\n        contact: product.contact.slug,\n      },\n    }\"\n  >\n    <div class=\"card-image--deal is-relative\">\n      <h2 class=\"dealsmall-headline title has-background-grey-darker has-text-white\t has-text-centered px-3 py-2 is-size-6 is-size-5-tablet is-size-5-desktop\">\n        <span class=\"is-uppercase is-inline-block\">{{ $whitelabel.dealName ? $whitelabel.dealName : $t('general.travel-deal') }}</span>\n      </h2>\n      <div v-if=\"hasCountdown\" class=\"deal-countdown has-text-weight-normal has-text-dark is-hidden-print\">\n        <p class=\"has-text-centered is-size-6-tablet deal-countdown__headline\">\n          {{ $whitelabel.dealCountdownTitle ? $whitelabel.dealCountdownTitle : $t('product.deal-ends') }}\n        </p>\n        <CountdownTimer :endTime=\"dealTimer\" class=\"has-text-centered deal-countdown__timer\" />\n      </div>\n\n      <picture>\n        <!-- <source :srcset=\"`https://assets.urlaubsgutschein.kaufen/i/resize?width=550&quality=50&interlace=true&type=auto&file=${product.image}`\" media=\"(max-width: 480px), (min-width: 769px) and (max-width: 1215px)\" /> -->\n\n        <source :srcset=\"`https://assets.urlaubsgutschein.kaufen/i/crop?width=420&height=250&gravity=smart&quality=50&interlace=true&type=auto&file=${product.image}`\" media=\"(max-width: 450px)\" />\n        <source :srcset=\"`https://assets.urlaubsgutschein.kaufen/i/crop?width=750&height=420&gravity=smart&quality=50&interlace=true&type=auto&file=${product.image}`\" media=\"(max-width: 768px)\" />\n        <source :srcset=\"`https://assets.urlaubsgutschein.kaufen/i/crop?width=450&height=350&gravity=smart&quality=50&interlace=true&type=auto&file=${product.image}`\" media=\"(max-width: 1215px)\" />\n        <source :srcset=\"`https://assets.urlaubsgutschein.kaufen/i/crop?width=540&height=300&gravity=smart&quality=50&interlace=true&type=auto&file=${product.image}`\" media=\"(max-width: 1407px)\" />\n        <!-- <source :srcset=\"`https://assets.urlaubsgutschein.kaufen/i/crop?width=660&height=370&gravity=smart&quality=50&interlace=true&type=auto&file=${product.image}`\" media=\"(min-width: 1408px)\" /> -->\n        <source :srcset=\"`https://assets.urlaubsgutschein.kaufen/i/crop?width=350&height=400&gravity=smart&quality=50&interlace=true&type=auto&file=${product.image}`\" media=\"(min-width: 1408px)\" />\n\n        <img fetchpriority=\"high\" class=\"deal-img\" :src=\"`https://assets.urlaubsgutschein.kaufen/i/crop?width=770&height=450&quality=50&gravity=smart&interlace=true&type=auto&file=${product.image}`\" :alt=\"product.contact.name\" />\n      </picture>\n\n      <!-- <Badge v-if=\"$options.filters.haspromotion(product, 'InsuranceIncluded')\" :text=\"`Gutschein<br>Garantie`\" :color=\"['rgba(253, 216, 53, 1)', 'rgba(249, 168, 37, 1)']\" class=\"deal-badge\" /> -->\n      <!-- <Badge v-if=\"this.$whitelabel.short.toLowerCase() === 'greenstorm'\" :text=\"`Geld-zurück<br>Garantie`\" :color=\"['rgba(133, 176, 19, 1)', 'rgba(133, 176, 19, 1)']\" class=\"deal-badge c-badge--greenstorm\" /> -->\n    </div>\n\n    <div class=\"card-content\">\n      <ReductionDisplay ref=\"reductionTag\" v-if=\"$whitelabel.showReduction\" :beforePrice=\"product.price.list\" :afterPrice=\"product.price.total\" size=\"is-large\" class=\"card-tag\" />\n\n      <p class=\"title card__title is-5 is-size-4-widescreen\">\n        <span class=\"is-size-7 has-text-weight-normal is-family-sans-serif\">{{ product.contact.city }}, {{ product.contact.state }}</span\n        ><br />\n        {{ product.contact.name }}<br /><StarDisplay :stars=\"product.contact.category\" />\n      </p>\n      <p class=\"subtitle is-6 card-subtitle mb-1\">{{ product.display }}</p>\n\n      <strong>\n        <span v-for=\"room in product.rooms\" :key=\"room.name\">{{ room.name }}</span>\n        <br />\n        <span v-for=\"board in product.boards\" :key=\"board.short\">{{ board.longName }}</span\n        >, <MinMaxDisplay :min=\"product.nights.min\" :max=\"product.nights.max\" />{{ $t('general.nights') }}\n      </strong>\n\n      <div class=\" is-size-6 mt-1 has-text-right\">\n        <p>{{ $t('general.instead-of') }} {{ product.persons.max === 2 ? product.price.list / 2 : product.price.list | amount }}</p>\n        <p class=\"has-text-weight-bold\">\n          {{ product.price.prefix }}\n          <span class=\"is-size-3 card-offer__price-wrapper\">\n            {{ product.price.currency | currency }}\n            <span class=\"card-offer__price is-inline-block\" ref=\"price\">{{ product.price.display | amount }}</span>\n          </span>\n        </p>\n      </div>\n    </div>\n  </router-link>\n</template>\n\n<script>\n//import Badge from '@/components/Badge'\nimport ReductionDisplay from '@/components/ReductionDisplay'\nimport StarDisplay from '@/components/StarDisplay'\nimport MinMaxDisplay from '@/components/MinMaxDisplay'\nimport CountdownTimer from '@/components/CountdownTimer'\nimport promotion from '@/common/promotion'\n\nexport default {\n  name: 'Deal',\n  components: {\n    //Badge,\n    ReductionDisplay,\n    StarDisplay,\n    MinMaxDisplay,\n    CountdownTimer,\n  },\n  props: {\n    product: {\n      type: Object,\n    },\n    hasCountdown: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    dealTimer: function() {\n      const cdDate = promotion.getEndDateForPromotion('TravelDeal', this.product)\n      if (cdDate) {\n        return cdDate - new Date()\n      }\n      return null\n    },\n  },\n  methods: {\n    trackProduct() {\n      this.$eventDispatcher.dispatch('offer_clicked', {\n        product: this.product,\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n// .deal {\n//   position: relative;\n//   left: 50%;\n//   right: 0;\n//   width: 100vw;\n//   transform: translateX(-50%);\n//   margin-top: 3rem;\n//   margin-bottom: 3rem;\n\n//   @media screen and (max-width: 768px) {\n//     .hero-body {\n//       padding-top: 0;\n//     }\n//   }\n// }\n\n// .deal-img {\n//   height: 100%;\n//   width: 100%;\n//   object-fit: cover;\n//   max-height: 450px;\n// }\n\n// .deal-badge {\n//   position: absolute;\n//   bottom: 2rem;\n//   left: 2.5rem;\n// }\n\n.dealsmall-headline {\n  position: absolute;\n  z-index: 1;\n  top: 1rem;\n  right: 1rem;\n}\n\n// .deal-countdown {\n//   bottom: 2rem;\n//   right: 0.5rem;\n//   padding: 1rem 1.5rem;\n//   transform-origin: right bottom;\n//   transform: scale(0.7);\n\n//   .countdown__column {\n//     flex-basis: auto; //fix for ie11\n//     padding-left: 0.35rem; //fix for ie11\n//     padding-right: 0.35rem; //fix for ie11\n//   }\n// }\n\n// .deal-countdown__timer {\n//   margin-top: -1rem;\n// }\n\n// @media screen and (min-width: 480px) {\n//   .deal-countdown {\n//     transform: scale(1);\n//   }\n// }\n\n// @media screen and (max-width: 768px) {\n//   .deal-img-wrap {\n//     position: relative;\n//     left: 50%;\n//     right: 0;\n//     width: 100vw;\n//     transform: translateX(-50%);\n//     display: block;\n//   }\n\n//   .deal-badge {\n//     left: 1rem;\n//   }\n// }\n\n@media screen and (min-width: 769px) {\n  .card--dealsmall {\n    display: flex !important;\n    flex-direction: column;\n    height: 100%;\n\n    .card-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n  }\n\n  .deal-countdown {\n    left: 1rem;\n    right: 1rem;\n    padding: 0.5rem 1rem;\n    bottom: 1rem;\n  }\n}\n\n@media screen and (min-width: 1408px) {\n  .card--dealsmall {\n    flex-direction: row;\n    min-height: 25rem;\n\n    .card-image--deal {\n      flex: 1 1 55%;\n    }\n\n    .card-content {\n      flex: 1 1 45%;\n      padding: 1rem;\n    }\n  }\n}\n</style>\n","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!./DealSmall.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!./DealSmall.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DealSmall.vue?vue&type=template&id=2af590f8&scoped=true&\"\nimport script from \"./DealSmall.vue?vue&type=script&lang=js&\"\nexport * from \"./DealSmall.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DealSmall.vue?vue&type=style&index=0&id=2af590f8&lang=scss&scoped=true&\"\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  \"2af590f8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('section',{staticClass:\"section section-offers has-background-white-ter \"},[_c('div',{staticClass:\"container\"},[(!_vm.hasOffers)?_c('div',[_c('NoOffer')],1):_vm._e(),(_vm.hasOffers)?_c('div',[(_vm.traveldeal.length == 1)?_c('div',_vm._l((_vm.traveldeal),function(o){return _c('div',{key:o.id},[_c('Deal',{attrs:{\"product\":o,\"has-countdown\":true}})],1)}),0):_vm._e(),(_vm.traveldeal.length > 1)?_c('div',{staticClass:\"columns is-multiline is-variable is-5\"},_vm._l((_vm.traveldeal),function(o){return _c('div',{key:o.id,staticClass:\"column is-half-tablet\"},[_c('DealSmall',{attrs:{\"product\":o,\"has-countdown\":true}})],1)}),0):_vm._e(),_c('div',{staticClass:\"columns is-multiline is-variable is-5\"},_vm._l((_vm.offers),function(o){return _c('div',{key:o.id,staticClass:\"column is-half-tablet is-one-third-desktop is-flex\"},[_c('OfferElement',{attrs:{\"product\":o}})],1)}),0),_c('p',{staticClass:\"has-text-centered has-text-weight-bold mt-5\"},[_vm._v(\"Viele weitere Urlaubsgutscheine warten hier auf dich!\")]),_c('div',{staticClass:\"has-text-centered mt-3\"},[_c('b-button',{attrs:{\"tag\":\"router-link\",\"to\":\"/\",\"type\":\"is-dark\"}},[_vm._v(\" \"+_vm._s(_vm.$t('product.go-to-all-offers'))+\" \")])],1)]):_vm._e()])]),_c('section',{staticClass:\"section has-background-white is-hidden-mobile\"},[_c('div',{staticClass:\"container\"},[_c('Advantages',{staticClass:\"mb-4\",attrs:{\"size\":'small'}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <section class=\"section section-offers has-background-white-ter \">\r\n      <div class=\"container\">\r\n        <div v-if=\"!hasOffers\">\r\n          <NoOffer />\r\n        </div>\r\n\r\n        <div v-if=\"hasOffers\">\r\n          <!-- <h2 class=\"title is-size-4 has-text-centered\">{{ $t('product.offers-end-in') }}</h2> -->\r\n          <!-- <CountdownTimer :endTime=\"campaignTimer\" class=\"has-text-centered timer-lp mb-5\" /> -->\r\n\r\n          <div v-if=\"traveldeal.length == 1\">\r\n            <div v-for=\"o in traveldeal\" :key=\"o.id\">\r\n              <Deal :product=\"o\" v-bind:has-countdown=\"true\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"columns is-multiline is-variable is-5\" v-if=\"traveldeal.length > 1\">\r\n            <div class=\"column is-half-tablet\" v-for=\"o in traveldeal\" :key=\"o.id\">\r\n              <DealSmall :product=\"o\" v-bind:has-countdown=\"true\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"columns is-multiline is-variable is-5\">\r\n            <div class=\"column is-half-tablet is-one-third-desktop is-flex\" v-for=\"o in offers\" :key=\"o.id\">\r\n              <OfferElement :product=\"o\" />\r\n            </div>\r\n          </div>\r\n\r\n          <p class=\"has-text-centered has-text-weight-bold mt-5\">Viele weitere Urlaubsgutscheine warten hier auf dich!</p>\r\n          <div class=\"has-text-centered mt-3\">\r\n            <b-button tag=\"router-link\" to=\"/\" type=\"is-dark\">\r\n              {{ $t('product.go-to-all-offers') }}\r\n            </b-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"section has-background-white is-hidden-mobile\">\r\n      <div class=\"container\">\r\n        <Advantages v-bind:size=\"'small'\" class=\"mb-4\" />\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Advantages from '@/components/Advantages'\r\n// import CountdownTimer from '@/components/CountdownTimer'\r\nimport OfferElement from '@/components/OfferElement'\r\n//import HeroBadge from '@/components/HeroBadge'\r\nimport OfferApi from '@/api/offer-api'\r\nimport Deal from '@/components/Deal'\r\nimport DealSmall from '@/components/DealSmall'\r\nimport promotion from '@/common/promotion'\r\n\r\nconst NoOffer = () => import(/* webpackPrefetch: true , webpackChunkName: \"nooffer\" */ '@/components/NoOffer')\r\n\r\nexport default {\r\n  name: 'deals',\r\n  components: {\r\n    Advantages,\r\n    // CountdownTimer,\r\n    OfferElement,\r\n    //HeroBadge,\r\n    NoOffer,\r\n    Deal,\r\n    DealSmall,\r\n  },\r\n  data() {\r\n    return {\r\n      offers: [],\r\n      traveldeal: [],\r\n      promotionEndDate: '',\r\n      hasOffers: false,\r\n    }\r\n  },\r\n  computed: {\r\n    campaignTimer: function() {\r\n      //let endDate = new Date('2022-03-06 23:59') - new Date()\r\n      let endDate = this.promotionEndDate - new Date()\r\n      return endDate\r\n    },\r\n  },\r\n  methods: {\r\n    isTravelDeal(f) {\r\n      return promotion.hasActivePromotion('TravelDeal', f)\r\n    },\r\n  },\r\n  async mounted() {\r\n    let offers = await OfferApi.getOffersWithCustomPromotion('deal')\r\n    this.offers = offers.filter(item => !this.isTravelDeal(item))\r\n\r\n    this.traveldeal = offers.filter(item => this.isTravelDeal(item))\r\n\r\n    this.promotionEndDate = promotion.getEndDateForPromotionOnly('Custom:deal', this.$store.getters.promotions)\r\n\r\n    this.hasOffers = this.offers.length > 0 || this.traveldeal.length > 0\r\n  },\r\n  metaInfo() {\r\n    return {\r\n      title: 'Kurzurlaub bis zu 70% günstiger mit Urlaubsgutschein.',\r\n      meta: [{name: 'description', content: 'Dein Kurzurlaub – clever und günstig mit Urlaubsgutscheinen von we-are.travel. Spare bis zu 70%.'}],\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\"></style>\r\n","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!./Deals.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!./Deals.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Deals.vue?vue&type=template&id=3f0e1a16&\"\nimport script from \"./Deals.vue?vue&type=script&lang=js&\"\nexport * from \"./Deals.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('section',{staticClass:\"section section-offers has-background-white-ter pt-0\"},[_c('div',{staticClass:\"container\"},[(!_vm.hasOffers)?_c('div',[_c('NoOffer')],1):_vm._e(),(_vm.hasOffers)?_c('div',[(_vm.traveldeal.length == 1)?_c('div',_vm._l((_vm.traveldeal),function(o){return _c('div',{key:o.id},[_c('Deal',{attrs:{\"product\":o,\"has-countdown\":true}})],1)}),0):_vm._e(),(_vm.traveldeal.length > 1)?_c('div',{staticClass:\"columns is-multiline is-variable is-5 mt-5\"},_vm._l((_vm.traveldeal),function(o){return _c('div',{key:o.id,staticClass:\"column is-half-tablet\"},[_c('DealSmall',{attrs:{\"product\":o,\"has-countdown\":true}})],1)}),0):_vm._e(),_c('div',{staticClass:\"columns is-multiline is-variable is-5 mt-5\"},_vm._l((_vm.offers),function(o){return _c('div',{key:o.id,staticClass:\"column is-half-tablet is-one-third-desktop is-flex\"},[_c('OfferElement',{attrs:{\"product\":o}})],1)}),0),_c('p',{staticClass:\"has-text-centered has-text-weight-bold mt-5\"},[_vm._v(_vm._s(_vm.$t('product.more-offer-wait')))]),_c('div',{staticClass:\"has-text-centered mt-3\"},[_c('b-button',{attrs:{\"tag\":\"router-link\",\"to\":\"/\",\"type\":\"is-dark\"}},[_vm._v(\" \"+_vm._s(_vm.$t('product.go-to-all-offers'))+\" \")])],1)]):_vm._e()])]),_c('section',{staticClass:\"section has-background-white is-hidden-mobile\"},[_c('div',{staticClass:\"container\"},[_c('Advantages',{staticClass:\"mb-4\",attrs:{\"size\":'small'}})],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section has-background-white\"},[_c('div',{staticClass:\"container\"},[_c('h1',{staticClass:\"title has-text-centered is-size-4\"},[_vm._v(\"Ihr Kurzurlaub clever & günstig. Sparen Sie bis zu 70% mit Urlaubsgutscheinen!\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <section class=\"section has-background-white\">\r\n      <div class=\"container\">\r\n        <h1 class=\"title has-text-centered is-size-4\">Ihr Kurzurlaub clever & günstig. Sparen Sie bis zu 70% mit Urlaubsgutscheinen!</h1>\r\n      </div>\r\n    </section>\r\n    <section class=\"section section-offers has-background-white-ter pt-0\">\r\n      <div class=\"container\">\r\n        <div v-if=\"!hasOffers\">\r\n          <NoOffer />\r\n        </div>\r\n\r\n        <div v-if=\"hasOffers\">\r\n          <!-- <h2 class=\"title is-size-4 has-text-centered\">{{ $t('product.offers-end-in') }}</h2> -->\r\n          <!-- <CountdownTimer :endTime=\"campaignTimer\" class=\"has-text-centered timer-lp mb-5\" /> -->\r\n\r\n          <div v-if=\"traveldeal.length == 1\">\r\n            <div v-for=\"o in traveldeal\" :key=\"o.id\">\r\n              <Deal :product=\"o\" v-bind:has-countdown=\"true\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"columns is-multiline is-variable is-5 mt-5\" v-if=\"traveldeal.length > 1\">\r\n            <div class=\"column is-half-tablet\" v-for=\"o in traveldeal\" :key=\"o.id\">\r\n              <DealSmall :product=\"o\" v-bind:has-countdown=\"true\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"columns is-multiline is-variable is-5 mt-5\">\r\n            <div class=\"column is-half-tablet is-one-third-desktop is-flex\" v-for=\"o in offers\" :key=\"o.id\">\r\n              <OfferElement :product=\"o\" />\r\n            </div>\r\n          </div>\r\n\r\n          <p class=\"has-text-centered has-text-weight-bold mt-5\">{{ $t('product.more-offer-wait') }}</p>\r\n          <div class=\"has-text-centered mt-3\">\r\n            <b-button tag=\"router-link\" to=\"/\" type=\"is-dark\">\r\n              {{ $t('product.go-to-all-offers') }}\r\n            </b-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"section has-background-white is-hidden-mobile\">\r\n      <div class=\"container\">\r\n        <Advantages v-bind:size=\"'small'\" class=\"mb-4\" />\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Advantages from '@/components/Advantages'\r\n// import CountdownTimer from '@/components/CountdownTimer'\r\nimport OfferElement from '@/components/OfferElement'\r\n//import HeroBadge from '@/components/HeroBadge'\r\nimport OfferApi from '@/api/offer-api'\r\nimport Deal from '@/components/Deal'\r\nimport DealSmall from '@/components/DealSmall'\r\nimport promotion from '@/common/promotion'\r\n\r\nconst NoOffer = () => import(/* webpackPrefetch: true , webpackChunkName: \"nooffer\" */ '@/components/NoOffer')\r\n\r\nexport default {\r\n  name: 'deals',\r\n  components: {\r\n    Advantages,\r\n    // CountdownTimer,\r\n    OfferElement,\r\n    //HeroBadge,\r\n    NoOffer,\r\n    Deal,\r\n    DealSmall,\r\n  },\r\n  data() {\r\n    return {\r\n      offers: [],\r\n      traveldeal: [],\r\n      promotionEndDate: '',\r\n      hasOffers: false,\r\n    }\r\n  },\r\n  computed: {\r\n    campaignTimer: function() {\r\n      //let endDate = new Date('2022-03-06 23:59') - new Date()\r\n      let endDate = this.promotionEndDate - new Date()\r\n      return endDate\r\n    },\r\n  },\r\n  methods: {\r\n    isTravelDeal(f) {\r\n      return promotion.hasActivePromotion('TravelDeal', f)\r\n    },\r\n  },\r\n  async mounted() {\r\n    let offers = await OfferApi.getOffersWithCustomPromotion('deal')\r\n    this.offers = offers.filter(item => !this.isTravelDeal(item))\r\n\r\n    this.traveldeal = offers.filter(item => this.isTravelDeal(item))\r\n\r\n    this.promotionEndDate = promotion.getEndDateForPromotionOnly('Custom:deal', this.$store.getters.promotions)\r\n\r\n    this.hasOffers = this.offers.length > 0 || this.traveldeal.length > 0\r\n  },\r\n  metaInfo() {\r\n    return {\r\n      title: 'Gönnen Sie sich eine Auszeit und sparen Sie bis zu 70%',\r\n      meta: [{name: 'description', content: 'Ob Wellness & Entspannung, Wandern oder ein City-Tip. Clever & günstig reisen mit Urlaubsgutschein.'}],\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.deal {\r\n  margin-top: 0 !important;\r\n}\r\n</style>\r\n","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!./Deals.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!./Deals.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Deals.vue?vue&type=template&id=7167e68c&scoped=true&\"\nimport script from \"./Deals.vue?vue&type=script&lang=js&\"\nexport * from \"./Deals.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Deals.vue?vue&type=style&index=0&id=7167e68c&lang=scss&scoped=true&\"\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  \"7167e68c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}