{"version":3,"sources":["webpack:///./src/components/Teaser.vue?075f","webpack:///src/components/Teaser.vue","webpack:///./src/components/Teaser.vue?ba5b","webpack:///./src/components/Teaser.vue?9503","webpack:///./src/components/Teaser.vue?a639"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","imgType","attrs","on","onClick","scopedSlots","_u","key","fn","tagVariant","_v","_s","tagText","proxy","_t","hideDefaultFooter","_e","languageText","stateVariant","stateText","noImg","ref","href","imgSrc","imgAlt","datetime","format","forceDateFormat","staticRenderFns","name","props","type","String","required","Boolean","default","validator","defualt","methods","e","target","$refs","link","dispatchEvent","MouseEvent","component"],"mappings":"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","file":"js/component-teaser.bfdfa66e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"teaser-outer\"},[_c('b-card',{class:['teaser', (\"img-type-\" + _vm.imgType)],attrs:{\"no-body\":\"\"},on:{\"click\":_vm.onClick},scopedSlots:_vm._u([(_vm.tagText)?{key:\"header\",fn:function(){return [_c('b-badge',{attrs:{\"variant\":_vm.tagVariant}},[_vm._v(_vm._s(_vm.tagText))])]},proxy:true}:null,{key:\"footer\",fn:function(){return [_vm._t(\"teaserfooter\"),(!_vm.hideDefaultFooter)?_c('b-form-row',{staticClass:\"align-items-end\"},[_c('b-col',[(_vm.languageText)?_c('div',{staticClass:\"teaser-tag\"},[_vm._v(_vm._s(_vm.languageText))]):_vm._e(),_c('div',{staticClass:\"mt-2\"},[(_vm.stateText)?_c('b-badge',{staticClass:\"teaser-state badge-outline\",attrs:{\"pill\":\"\",\"variant\":_vm.stateVariant}},[_vm._v(_vm._s(_vm.stateText))]):_vm._e()],1)]),_c('b-col',[_c('a',{staticClass:\"teaser-arrow\"},[_c('b-icon',{attrs:{\"icon\":\"arrow-right\",\"scale\":\"2.5\"}})],1)])],1):_vm._e()]},proxy:true}],null,true)},[(!_vm.noImg)?[_c('a',{ref:\"link\",attrs:{\"href\":_vm.href}},[(_vm.imgSrc)?_c('b-card-img',{attrs:{\"src\":_vm.imgSrc,\"alt\":_vm.imgAlt}},[_vm._v(\"test\")]):_c('div',{staticClass:\"card-img\"},[_c('c-placeholder-image',{attrs:{\"ratio\":\"4x3\",\"size\":_vm.imgType === 'product' ? 100 : 75}})],1)],1)]:_vm._e(),_c('b-card-body',[(_vm.datetime !== null)?_c('timeago',{staticClass:\"teaser-datetime\",attrs:{\"datetime\":_vm.datetime,\"converterOptions\":{ format: 'PPP', forceDateFormat: true },\"auto-update\":\"\"}}):_vm._e(),_vm._t(\"default\")],2)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"teaser-outer\">\r\n    <b-card :class=\"['teaser', `img-type-${imgType}`]\" no-body @click=\"onClick\">\r\n      <template v-if=\"!noImg\">\r\n        <a ref=\"link\" :href=\"href\">\r\n\r\n          <b-card-img v-if=\"imgSrc\" :src=\"imgSrc\" :alt=\"imgAlt\">test</b-card-img>\r\n          <div v-else class=\"card-img\">\r\n            <c-placeholder-image ratio=\"4x3\" :size=\"imgType === 'product' ? 100 : 75\" />\r\n          </div>\r\n        </a>\r\n      </template>\r\n\r\n      <template #header v-if=\"tagText\">\r\n        <b-badge :variant=\"tagVariant\">{{ tagText }}</b-badge>\r\n      </template>\r\n\r\n      <b-card-body>\r\n        <timeago v-if=\"datetime !== null\" class=\"teaser-datetime\" :datetime=\"datetime\" :converterOptions=\"{ format: 'PPP', forceDateFormat: true }\" auto-update />\r\n        <slot />\r\n      </b-card-body>\r\n      <template #footer>\r\n        <slot name=\"teaserfooter\" />\r\n        <b-form-row v-if=\"!hideDefaultFooter\" class=\"align-items-end\">\r\n          <b-col>\r\n            <div v-if=\"languageText\" class=\"teaser-tag\">{{ languageText }}</div>\r\n            <div class=\"mt-2\">\r\n              <b-badge v-if=\"stateText\" class=\"teaser-state badge-outline\" pill :variant=\"stateVariant\">{{ stateText }}</b-badge>\r\n            </div>\r\n          </b-col>\r\n\r\n          <b-col>\r\n            <a class=\"teaser-arrow\">\r\n              <b-icon icon=\"arrow-right\" scale=\"2.5\" />\r\n            </a>\r\n          </b-col>\r\n        </b-form-row>\r\n      </template>\r\n    </b-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { TEASER_IMAGE_TYPES } from '@/assets/js/config/client'\r\n\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nconst TAG_VARIANTS = ['default'].concat(Object.keys(SCSS_VARIABLES.colors.theme))\r\n\r\nexport default {\r\n  name: 'Teaser',\r\n  props: {\r\n    href: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    noImg: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    imgType: {\r\n      type: String,\r\n      default: 'default',\r\n      validator: value => TEASER_IMAGE_TYPES.includes(value)\r\n    },\r\n    imgSrc: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    imgAlt: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    tagText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    tagVariant: {\r\n      type: String,\r\n      default: 'default',\r\n      validator: value => TAG_VARIANTS.includes(value)\r\n    },\r\n    languageText: {\r\n      type: String,\r\n      defualt: null\r\n    },\r\n    stateText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    stateVariant: {\r\n      type: String,\r\n      default: 'default',\r\n      validator: value => TAG_VARIANTS.includes(value)\r\n    },\r\n    datetime: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    hideDefaultFooter: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  methods: {\r\n    onClick (e) {\r\n      if (e.target !== this.$refs.link) this.$refs.link.dispatchEvent(new MouseEvent('click', { ctrlKey: e.ctrlKey }))\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$teaser-padding-y: $component-padding-y * 0.6 !default;\r\n$teaser-padding-x: $component-padding-x !default;\r\n$teaser-font-size: $font-size-base * 0.875 !default;\r\n\r\n$teaser-datetime-margin-bottom: $spacer * 0.5 !default;\r\n$teaser-datetime-color: $gray-500 !default;\r\n\r\n$teaser-img-product-padding-y: $component-padding-x / 4 * 3 !default;\r\n$teaser-img-product-padding-x: $component-padding-x !default;\r\n\r\n$teaser-img-transition-in: transform ease-out 200ms !default;\r\n$teaser-img-transition-out: transform ease-out 200ms !default;\r\n\r\n$teaser-arrow-animation: h-bounce 400ms ease-out 1;\r\n\r\n.teaser-outer {\r\n  height: 100%;\r\n}\r\n\r\n.teaser {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 100%;\r\n  font-size: $teaser-font-size;\r\n  cursor: pointer;\r\n\r\n  .card-img {\r\n    transform-origin: bottom center;\r\n    transform: scale(1);\r\n    transition: $teaser-img-transition-out;\r\n  }\r\n\r\n  .card-header {\r\n    padding: $teaser-padding-y $teaser-padding-x 0;\r\n  }\r\n\r\n  .card-body {\r\n    padding: $teaser-padding-y $teaser-padding-x;\r\n  }\r\n\r\n  .card-footer {\r\n    padding: 0 $teaser-padding-x $teaser-padding-y;\r\n  }\r\n\r\n  .card-header,\r\n  .card-body,\r\n  .card-footer {\r\n    >* {\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .teaser-tag {\r\n    font-weight: $font-weight-base;\r\n    font-size: $font-size-sm * 0.85;\r\n  }\r\n\r\n  .teaser-datetime {\r\n    display: block;\r\n    margin-bottom: $teaser-datetime-margin-bottom;\r\n    color: $teaser-datetime-color;\r\n  }\r\n\r\n  .teaser-state {\r\n    font-size: $font-size-sm * 0.75;\r\n  }\r\n\r\n  .teaser-arrow {\r\n    display: block;\r\n    text-align: right;\r\n\r\n    .bi {\r\n      width: 2em;\r\n    }\r\n  }\r\n\r\n  &.img-type-product,\r\n  &.img-type-packshot,\r\n  &.img-type-marketingproduct {\r\n    .card-img {\r\n      margin: ($teaser-img-product-padding-y / 3 * 4) $teaser-img-product-padding-x (\r\n        $teaser-img-product-padding-y / 3 * 2\r\n      );\r\n    width: calc(100% - (#{$teaser-img-product-padding-x} * 2));\r\n    border-radius: 0;\r\n  }\r\n}\r\n\r\n&:hover {\r\n  .card-img {\r\n    transform: scale(1.05);\r\n    transition: $teaser-img-transition-in;\r\n  }\r\n\r\n  .teaser-arrow {\r\n    animation: $teaser-arrow-animation;\r\n  }\r\n}\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!./Teaser.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!./Teaser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Teaser.vue?vue&type=template&id=8e2269fa&\"\nimport script from \"./Teaser.vue?vue&type=script&lang=js&\"\nexport * from \"./Teaser.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Teaser.vue?vue&type=style&index=0&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  null,\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!./Teaser.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}