{"version":3,"file":"js/6349.5a86df82.js","mappings":"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","sources":["webpack://ellevio-styleguide-web/./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/RoundedCardImageItem.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/RoundedCardImageItem.vue?c7c7"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n","<template>\r\n  <!--<li class=\"relative flex w-full card-image-links\" :class=\"oneEveryRow ? 'w-full mb-6 md:mb-8' : twoEveryRow ? 'md:w-1/2 my-3 sm:px-3' : 'md:w-1/3 my-3 sm:px-3'\">-->\r\n  <div class=\"relative flex-1 bg-white cursor-pointer rounded-xl border-1 border-newColors-gray-baseB rounded-card-item group hover:border-newColors-gray-contentD\" :class=\"[useWhiteBg ? 'bg-white' : 'bg-gray-ultralight', adjustMinHeight].join(' ')\">\r\n    <div class=\"h-full overflow-hidden\">\r\n      <a :href=\"linkUrl\" class=\"flex flex-col h-full focus:outline-black-alt\" :class=\"[oneCol ? 'md:flex-row' : '', adjustMinHeight].join(' ')\">\r\n        <div v-if=\"imageUrl\" class=\"relative overflow-hidden rounded-t-xl\" :class=\"oneCol ? 'md:max-w-sm-medium' : ''\">\r\n          <div class=\"absolute top-0 bottom-0 left-0 right-0 z-10 bg-overlay-gradient\"></div>\r\n\r\n          <figure v-if=\"mediaflow\" class=\"flex-none object-cover w-full overflow-hidden transition duration-500 ease-out transform aspect-video group-hover:scale-105\">\r\n            <img :src=\"mediaflow.imageUrl\" :alt=\"mediaflow.altText\" />\r\n            <figcaption v-if=\"mediaflow.photographer\" class=\"h-0 text-transparent\">\r\n              <cite>{{ mediaflow.photographer }}</cite>\r\n            </figcaption>\r\n          </figure>\r\n\r\n          <img v-if=\"!mediaflow && imageUrl\" class=\"flex-none object-cover w-full overflow-hidden transition duration-500 ease-out transform aspect-video group-hover:scale-105\" :src=\"imageUrl\" />\r\n        </div>\r\n        <div\r\n          class=\"relative flex flex-col items-baseline flex-grow w-full overflow-hidden\"\r\n          :class=\"\r\n            [\r\n              adjustHeight,\r\n              company ? 'mb-5' : 'mb-0',\r\n              noPaddingX ? 'px-0' : 'px-3',\r\n              oneCol ? 'pt-6 md:py-0 md:pl-6 justify-center' : 'pt-2.5 pb-4',\r\n              company && companyType === 1 ? 'bg-gray-green !px-5' : company && companyType === 2 ? 'bg-gray-ultralight  !px-5' : ''\r\n            ].join(' ')\r\n          \">\r\n          <p v-if=\"date\" class=\"mb-2 text-lg leading-4 md:mb-0 text-green-dark md:leading-8 font-futuraEfDemiBold\">\r\n            <time class=\"pr-2 mr-2 border-r-2 border-green-dark font-futuraEfDemiBold\" :datetime=\"date\">{{ dateText }}</time>\r\n            {{ tag }}\r\n          </p>\r\n          <div v-if=\"heading\">\r\n            <p class=\"mb-2 font-futuraEfDemiBold text-newColors-gray-content\" :class=\"largeHeading ? (twoCol ? 'text-2xl' : 'text-xl') : 'text-xl'\">\r\n              {{ getStringWithoutLastWord(heading) }} <span class=\"web-link-icon\">{{ getLastWordOfString(heading) }} </span>\r\n            </p>\r\n          </div>\r\n          <p v-if=\"heading && !withoutText\" class=\"mb-6 text-lg text-newColors-gray-contentA word-break\">{{ text }}</p>\r\n          <p v-if=\"!heading && !withoutText\" class=\"mb-6 text-xl text-newColors-gray-contentA\">\r\n            {{ getStringWithoutLastWord(text) }} <span class=\"web-link-icon web-link-icon--small text-newColors-gray-contentA\">{{ getLastWordOfString(text) }} </span>\r\n          </p>\r\n          <div v-if=\"!withoutText\" class=\"fade-overlay\"></div>\r\n        </div>\r\n        <div v-if=\"company\" class=\"flex mb-4 ml-3\">\r\n          <p class=\"w-auto px-3 py-1 mt-auto text-base rounded-lg\" :class=\"company === 'Ellevio AB' ? 'bg-newColors-gray-background' : 'bg-newColors-orange-secondaryB'\">{{ company }}</p>\r\n        </div>\r\n      </a>\r\n    </div>\r\n    <!--<div class=\"fade-overlay\"></div>-->\r\n  </div>\r\n  <!--</li>-->\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'EllevioWebRoundedCardImageItem',\r\n  props: {\r\n    numberOfColumns: {\r\n      type: Number,\r\n      default: 3\r\n    },\r\n    twoEveryRow: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    heading: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    useWhiteBg: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    noPaddingX: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    largeHeading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    date: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    dateText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    mediaflow: {\r\n      type: Object\r\n    },\r\n    imageUrl: {\r\n      type: String\r\n    },\r\n    linkUrl: {\r\n      type: String\r\n    },\r\n    tag: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    company: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    companyType: {\r\n      type: Number,\r\n      default: 0\r\n    }\r\n  },\r\n  computed: {\r\n    withoutText() {\r\n      return this.text === null || this.text === ''\r\n    },\r\n    oneCol() {\r\n      return this.numberOfColumns === 1\r\n    },\r\n    twoCol() {\r\n      return this.numberOfColumns === 2\r\n    },\r\n    threeCol() {\r\n      return this.numberOfColumns === 3\r\n    },\r\n    adjustMinHeight() {\r\n      if (this.withoutText) {\r\n        return 'md:min-h-[24rem]'\r\n      } else if (this.threeCol) {\r\n        return 'md:min-h-[34.875rem]'\r\n      } else if (this.twoCol) {\r\n        return 'md:min-h-[39.6875rem]'\r\n      } else {\r\n        return ''\r\n      }\r\n    },\r\n    adjustHeight() {\r\n      if (this.withoutText) {\r\n        return 'md:h-[7.8125rem]'\r\n      } else if (this.threeCol) {\r\n        return 'md:h-[10rem]'\r\n      } else if (this.twoCol) {\r\n        return 'md:h-[17.5rem]'\r\n      } else {\r\n        return ''\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    getStringWithoutLastWord(str) {\r\n      let words = str.split(' ')\r\n      let lastWord = words.pop()\r\n      while (lastWord === '' && words.length > 0) {\r\n        lastWord = words.pop()\r\n      }\r\n      return words.join(' ')\r\n    },\r\n    getLastWordOfString(str) {\r\n      let words = str.split(' ')\r\n      let lastWord = words.pop()\r\n      while (lastWord === '' && words.length > 0) {\r\n        lastWord = words.pop()\r\n      }\r\n      return lastWord\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.word-break {\r\n  word-break: break-word;\r\n}\r\n.fade-overlay {\r\n  height: 3.4375rem;\r\n  width: 100%;\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 80%);\r\n  z-index: 10;\r\n  border-bottom-left-radius: 12px;\r\n  border-bottom-right-radius: 12px;\r\n}\r\n.rounded-card-item:hover {\r\n  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);\r\n}\r\n</style>\r\n","import { render } from \"./RoundedCardImageItem.vue?vue&type=template&id=2b5102c3&scoped=true\"\nimport script from \"./RoundedCardImageItem.vue?vue&type=script&lang=js\"\nexport * from \"./RoundedCardImageItem.vue?vue&type=script&lang=js\"\n\nimport \"./RoundedCardImageItem.vue?vue&type=style&index=0&id=2b5102c3&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2b5102c3\"]])\n\nexport default __exports__"],"names":["exports","sfc","props","target","__vccOpts","key","val","class","useWhiteBg","adjustMinHeight","join","href","linkUrl","oneCol","src","mediaflow","imageUrl","alt","altText","photographer","datetime","date","dateText","tag","largeHeading","twoCol","getStringWithoutLastWord","heading","getLastWordOfString","withoutText","text","company","name","numberOfColumns","type","Number","default","twoEveryRow","Boolean","String","noPaddingX","Object","companyType","computed","this","threeCol","adjustHeight","methods","str","words","split","lastWord","pop","length","__exports__","render"],"sourceRoot":""}