{"version":3,"file":"js/8276.cb02a158.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/TwoColumnVideoBlockWithSlot.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/TwoColumnVideoBlockWithSlot.vue?0c3a"],"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  <div class=\"max-w-full overflow-hidden\" :class=\"backgroundColor\">\r\n    <div class=\"!pb-0 !pt-0 md:container-small\">\r\n      <div class=\"relative w-full px-0 py-0 md:flex\">\r\n        <div class=\"relative z-0 flex items-center justify-center w-full h-full md:absolute half-area\" :class=\"alignImageRight ? 'right-0' : 'left-0'\">\r\n          <div class=\"flex items-center justify-center md:absolute video-wrapper\" :class=\"useVideo ? 'use-video md:absolute w-full h-full' : 'md:relative'\">\r\n            <div v-if=\"!useVideo\" class=\"absolute top-0 bottom-0 left-0 right-0 z-10 rounded-xl\" :class=\"removeOverlayGradient ? '' : 'bg-overlay-gradient'\"></div>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex md:py-0 md:px-0 container-small\" :class=\"alignImageRight ? 'justify-start' : 'justify-end'\">\r\n          <div class=\"flex flex-col justify-center w-full py-8 half-area md:py-0 md:pr-0 md:min-h-306\" :class=\"alignImageRight ? 'md:pr-16' : 'md:pl-16'\">\r\n            <p v-if=\"heading\" class=\"text-3xl leading-tight font-futuraEfDemiBold md:text-4xl md:leading-tight lg:text-5xl lg:leading-tight\">\r\n              {{ heading }}\r\n            </p>\r\n            <p v-if=\"largeText\" class=\"text-3xl md:text-4xl font-futuraEfBook\" :class=\"heading ? 'mt-4' : ''\">\r\n              {{ largeText }}\r\n            </p>\r\n            <p v-if=\"smallText\" class=\"text-xl leading-tight\" :class=\"heading ? 'mt-4' : ''\">\r\n              {{ smallText }}\r\n            </p>\r\n            <div class=\"text-center md:text-left\">\r\n              <a v-if=\"buttonText && buttonUrl\" class=\"mt-8 btn-primary\" :href=\"buttonUrl\">{{ buttonText }}</a>\r\n              <p v-if=\"identitySender\" class=\"mt-5 text-lg\">{{ identitySender }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'EllevioWebTwoColumnVideoBlockWithSlot',\r\n  props: {\r\n    alignImageRight: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    useVideo: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    heading: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    smallText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    largeText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    buttonText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    buttonUrl: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    backgroundColor: {\r\n      type: String,\r\n      default: 'bg-white'\r\n    },\r\n    identitySender: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    devCookieConsent: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    removeOverlayGradient: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data: function () {\r\n    return {\r\n      isVideoPlaying: false,\r\n      isVideoReady: false,\r\n      playerId: null,\r\n      isConsentGiven: window.Cookiebot?.consent?.marketing ?? false\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.devCookieConsent) {\r\n      this.isVideoReady = true\r\n      this.isConsentGiven = true\r\n    }\r\n\r\n    this.$nextTick(function () {\r\n      this.isConsentGiven = (window.Cookiebot?.consent?.marketing || this.devCookieConsent) ?? false\r\n    })\r\n\r\n    window.addEventListener('CookiebotOnAccept', this.consentCheck, false)\r\n  },\r\n  methods: {\r\n    initMediaflowScripts: function () {\r\n      // Temporary solution before integration Mediaflow into CMS (which then will pass this whole object through a prop)\r\n      const id = this.mediaflowPlayerId\r\n\r\n      if (!document.querySelector('link[href=\"https://mfstatic.com/css/mediaflowplayer.min.css\"]')) {\r\n        var mflD5Osp = document.createElement('link')\r\n        mflD5Osp.setAttribute('rel', 'stylesheet')\r\n        mflD5Osp.setAttribute('type', 'text/css')\r\n        mflD5Osp.setAttribute('href', 'https://mfstatic.com/css/mediaflowplayer.min.css')\r\n        document.getElementsByTagName('head')[0].appendChild(mflD5Osp)\r\n      }\r\n      if (typeof MFPlayer == 'undefined') {\r\n        var mfsD5Osp = document.createElement('script')\r\n        mfsD5Osp.setAttribute('crossorigin', 'anonymous')\r\n        document.body.appendChild(mfsD5Osp)\r\n        mfsD5Osp.onload = function () {\r\n          // eslint-disable-next-line no-undef\r\n          new MFPlayer('#mfvD5Osp', id)\r\n        }\r\n        mfsD5Osp.src = 'https://mfstatic.com/js/mediaflowplayer.min.js'\r\n      } else {\r\n        // eslint-disable-next-line no-undef\r\n        new MFPlayer('#mfvD5Osp', id)\r\n      }\r\n    },\r\n    startMediaflow: function () {\r\n      const currentPlayerContext = document.getElementById('mfvD5Osp')\r\n      if (currentPlayerContext != null) {\r\n        currentPlayerContext.getElementsByTagName('video')[0]?.play()\r\n        this.isVideoPlaying = true\r\n      }\r\n    },\r\n    consentCheck: function () {\r\n      if (!document.querySelector('[src*=cookiebot]') || window.Cookiebot.consent.marketing) {\r\n        this.isConsentGiven = true\r\n        this.isVideoReady = true\r\n      } else {\r\n        this.isConsentGiven = false\r\n        this.isVideoReady = false\r\n      }\r\n    },\r\n    giveConsent: function () {\r\n      window.Cookiebot?.renew()\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.video-wrapper :deep(img) {\r\n  aspect-ratio: 16/9;\r\n  object-fit: cover;\r\n}\r\n@media (min-width: 768px) {\r\n  .half-area {\r\n    width: calc(50% - 20px);\r\n  }\r\n  .video-wrapper :deep(img) {\r\n    width: 100%;\r\n  }\r\n  .video-wrapper :deep(img),\r\n  .video-wrapper :deep(iframe) {\r\n    border-radius: 12px;\r\n  }\r\n  .video-wrapper.use-video :deep(> div) {\r\n    background-color: #fff !important;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./TwoColumnVideoBlockWithSlot.vue?vue&type=template&id=45a2d38a&scoped=true\"\nimport script from \"./TwoColumnVideoBlockWithSlot.vue?vue&type=script&lang=js\"\nexport * from \"./TwoColumnVideoBlockWithSlot.vue?vue&type=script&lang=js\"\n\nimport \"./TwoColumnVideoBlockWithSlot.vue?vue&type=style&index=0&id=45a2d38a&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-45a2d38a\"]])\n\nexport default __exports__"],"names":["exports","sfc","props","target","__vccOpts","key","val","class","backgroundColor","alignImageRight","useVideo","removeOverlayGradient","heading","largeText","smallText","buttonText","buttonUrl","href","identitySender","name","type","Boolean","default","String","devCookieConsent","data","isVideoPlaying","isVideoReady","playerId","isConsentGiven","window","Cookiebot","consent","marketing","mounted","this","$nextTick","addEventListener","consentCheck","methods","initMediaflowScripts","id","mediaflowPlayerId","document","querySelector","mflD5Osp","createElement","setAttribute","getElementsByTagName","appendChild","MFPlayer","mfsD5Osp","body","onload","src","startMediaflow","currentPlayerContext","getElementById","play","giveConsent","renew","__exports__","render"],"sourceRoot":""}