{"version":3,"file":"BUW7L1_g.js","sources":["../../../../components/component/common/modal-video.vue","../../../../components/component/common/modal-embed.vue","../../../../components/component/common/modal-cookie.vue","../../../../layouts/default.vue"],"sourcesContent":["<script setup>\nimport { useStore } from \"vuex\";\n\nconst props = defineProps({\n  data: [Object, null],\n});\n\nconst player = computed(() => {\n  let info = props.data;\n  info.attributes.autoplay = true;\n  info.attributes.controls = true;\n  return info;\n});\n\nconst store = useStore();\n\nconst handleClose = () => {\n  store.dispatch(\"modals/close\", {\n    id: \"ModalVideo\",\n  });\n};\n</script>\n\n<template>\n  <div class=\"modal-video\" @keydown.esc=\"handleClose\">\n    <div class=\"modal-video__background\" @click=\"handleClose\" />\n\n    <component-common-media\n      :classes=\"['modal-video__wrapper']\"\n      :media=\"player\"\n      :playsinline=\"true\"\n      :controls=\"true\"\n    />\n\n    <div class=\"modal-video__ui\">\n      <button class=\"modal-video__close-btn\" @click=\"handleClose\">\n        <ui-icons-close class=\"modal-video__close-icon\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<style>\n.modal-video {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 500;\n  display: flex;\n  flex-direction: column;\n  color: #fff;\n}\n\n.modal-video .media {\n  height: 100%;\n  object-fit: contain;\n}\n.modal-video .video video {\n  object-fit: contain;\n}\n\n.modal-video.fade-enter-active,\n.modal-video.fade-active {\n  transition:\n    transform 0.8s var(--cubic-ease),\n    opacity 0.4s ease;\n}\n\n.modal-video.fade-enter-active .modal-video__ui,\n.modal-video.fade-active .modal-video__ui {\n  opacity: 1;\n}\n\n.modal-video.fade-enter-from,\n.modal-video.fade-leave-to {\n  opacity: 0;\n  transform: scale(0.9);\n}\n\n.modal-video.fade-enter-from .modal-video__ui,\n.modal-video.fade-leave-to .modal-video__ui {\n  opacity: 0;\n}\n\n.modal-video__ui {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition: opacity 1s ease 0.8s;\n  z-index: 2;\n}\n\n.modal-video__close-btn {\n  display: flex;\n  align-items: center;\n  padding: var(--grid-gap);\n  background-color: #000;\n}\n\n.modal-video__close-btn svg {\n  transform: translateX(-50%);\n}\n\n.modal-video__close-icon {\n  height: 10px;\n  margin-left: 10px;\n  width: auto;\n}\n\n.modal-video__background {\n  position: absolute;\n  top: -25%;\n  left: -25%;\n  width: 150%;\n  height: 150%;\n  background-color: rgba(0, 0, 0, 0.9);\n  cursor: pointer;\n}\n\n.modal-video__wrapper {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: var(--grid-bleed);\n  width: calc(100% - var(--grid-bleed) - var(--grid-bleed));\n}\n\n.modal-video .video {\n  /* Media query adjustment */\n}\n\n@media (min-width: 768px) {\n  .modal-video .video {\n    height: 100%;\n  }\n}\n</style>\n","<script setup>\nimport { useStore } from \"vuex\";\n\nconst props = defineProps({\n  data: [Object, Array, null],\n});\n\nconst player = computed(() => {\n  console.log(props.data);\n  let info = props.data[0] ?? props.data;\n\n  if (info.provider == \"TwentyThree\") {\n    info = {\n      ...info,\n      code: info.code.replace(\"autoPlay=0\", \"autoPlay=1\"),\n    };\n  }\n\n  return info;\n});\n\nconst store = useStore();\n\nconst handleClose = () => {\n  store.dispatch(\"modals/close\", {\n    id: \"ModalEmbed\",\n  });\n};\n</script>\n\n<template>\n  <div class=\"modal-embed\" @keydown.esc=\"handleClose\">\n    <div class=\"modal-embed__background\" @click=\"handleClose\" />\n\n    <component-common-media\n      :classes=\"['modal-embed__wrapper']\"\n      :media=\"player\"\n      :playsinline=\"true\"\n    />\n\n    <div class=\"modal-embed__ui\">\n      <button class=\"modal-embed__close-btn\" @click=\"handleClose\">\n        <ui-icons-close class=\"modal-embed__close-icon\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\">\n.modal-embed {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 500;\n  display: flex;\n  flex-direction: column;\n  color: #fff;\n\n  &.fade-enter-active,\n  &.fade-active {\n    transition:\n      transform 0.8s var(--ease-in-cubic),\n      opacity 0.4s ease;\n    .modal-embed__ui {\n      opacity: 1;\n    }\n  }\n\n  &.fade-enter-from,\n  &.fade-leave-to {\n    opacity: 0;\n    transform: scale(0.9);\n    .modal-embed__ui {\n      opacity: 0;\n    }\n  }\n\n  &__ui {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transition: opacity 1s ease 0.8s;\n    z-index: 2;\n  }\n\n  &__close-btn {\n    display: flex;\n    align-items: center;\n    padding: var(--grid-gap);\n    background-color: #000;\n\n    svg {\n      transform: translateX(-50%);\n    }\n  }\n\n  &__close-icon {\n    height: 10px;\n    width: auto;\n\n    margin-left: 10px;\n  }\n\n  &__background {\n    position: absolute;\n    top: -25%;\n    left: -25%;\n    width: 150%;\n    height: 150%;\n    background-color: rgba(0, 0, 0, 0.9);\n    cursor: pointer;\n  }\n\n  &__wrapper {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: var(--grid-margin);\n    width: calc(100% - var(--grid-margin) - var(--grid-margin));\n  }\n\n  .embed-code {\n    @media (--md) {\n      height: 100%;\n      width: 100%;\n      left: 50%;\n      transform: translateX(-50%);\n\n      > div {\n        width: 100% !important;\n        height: 100% !important;\n        padding-bottom: 0 !important;\n      }\n    }\n  }\n}\n</style>\n","<script setup>\nimport { useStore } from \"vuex\";\n\nconst store = useStore();\n\nconst handleClose = () => {\n  store.dispatch(\"modals/close\", {\n    id: \"ModalCookie\",\n  });\n};\n\nconst acceptCookies = () => {\n  if (process.client) {\n    const win = window;\n    const cookieCategory = \"cookie_cat_statistic\";\n\n    if (win.cicc && cookieCategory in win.cicc) {\n      win.cicc[cookieCategory] = true;\n      win.CookieInformation.submitConsent();\n    }\n  }\n\n  handleClose();\n};\n</script>\n\n<template>\n  <div class=\"modal-cookie\" @keydown.esc=\"handleClose\">\n    <div class=\"modal-cookie__banner\">\n      <span class=\"modal-cookie__icon\"></span>\n      <ui-font-text type=\"l\"> You control your data </ui-font-text>\n      <ui-font-text type=\"s\">\n        You have to consent to statistical cookies to see this video.\n        <button class=\"modal-cookie__link\" @click=\"acceptCookies\">\n          Accept cookies\n        </button>\n      </ui-font-text>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\">\n.modal-cookie {\n  width: 100vw;\n  height: 100vh;\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 11;\n  background: hsla(var(--color-black) / 0.7);\n  backdrop-filter: blur(10px);\n  display: flex;\n  align-items: center;\n\n  &__banner {\n    position: relative;\n    display: block;\n    padding: units(4);\n    margin: auto;\n    max-width: 328px;\n    color: white;\n    background-color: var(--ash-grey);\n\n    p {\n      margin-top: 1rem;\n      line-height: 1.2;\n    }\n  }\n\n  &__link {\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  &__icon {\n    position: absolute;\n    right: 16px;\n    top: 16px;\n    width: 16px;\n    height: 16px;\n    background-position: center center;\n    background-size: 16px 16px;\n    background-repeat: no-repeat;\n  }\n}\n</style>\n","<template>\n  <div class=\"layout\">\n    <slot />\n    <component\n      v-if=\"modalsActive\"\n      :is=\"components[modalsActive.id]\"\n      v-bind=\"{ data: modalsActive.data.data }\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { useStore } from \"vuex\";\n\nconst store = useStore();\nconst modalsActive = computed(() => {\n  return store.getters[\"modals/active\"];\n});\nconst components = {\n  ModalVideo: resolveComponent(\"component-common-modal-video\"),\n  ModalEmbed: resolveComponent(\"component-common-modal-embed\"),\n  ModalCookie: resolveComponent(\"component-common-modal-cookie\"),\n};\n</script>\n"],"names":["props","__props","player","computed","info","store","useStore","handleClose","acceptCookies","win","cookieCategory","modalsActive","components","__nuxt_component_0","__nuxt_component_1","__nuxt_component_2"],"mappings":"mTAGA,MAAMA,EAAQC,EAIRC,EAASC,EAAS,IAAM,CAC5B,IAAIC,EAAOJ,EAAM,KACjB,OAAAI,EAAK,WAAW,SAAW,GAC3BA,EAAK,WAAW,SAAW,GACpBA,CACT,CAAC,EAEKC,EAAQC,EAAU,EAElBC,EAAc,IAAM,CACxBF,EAAM,SAAS,eAAgB,CAC7B,GAAI,YACR,CAAG,CACH,scCjBA,MAAML,EAAQC,EAIRC,EAASC,EAAS,IAAM,CAC5B,QAAQ,IAAIH,EAAM,IAAI,EACtB,IAAII,EAAOJ,EAAM,KAAK,CAAC,GAAKA,EAAM,KAElC,OAAII,EAAK,UAAY,gBACnBA,EAAO,CACL,GAAGA,EACH,KAAMA,EAAK,KAAK,QAAQ,aAAc,YAAY,CACnD,GAGIA,CACT,CAAC,EAEKC,EAAQC,EAAU,EAElBC,EAAc,IAAM,CACxBF,EAAM,SAAS,eAAgB,CAC7B,GAAI,YACR,CAAG,CACH,+ZCxBA,MAAMA,EAAQC,EAAS,EAEjBC,EAAc,IAAM,CACxBF,EAAM,SAAS,eAAgB,CAC7B,GAAI,aAAA,CACL,CACH,EAEMG,EAAgB,IAAM,CACN,CAClB,MAAMC,EAAM,OACNC,EAAiB,uBAEnBD,EAAI,MAAQC,KAAkBD,EAAI,OAChCA,EAAA,KAAKC,CAAc,EAAI,GAC3BD,EAAI,kBAAkB,cAAc,EACtC,CAGUF,EAAA,CACd,6eCTA,MAAMF,EAAQC,EAAU,EAClBK,EAAeR,EAAS,IACrBE,EAAM,QAAQ,eAAe,CACrC,EACKO,EAAa,CACjB,WAAYC,EACZ,WAAYC,EACZ,YAAaC,CACf"}