{"version":3,"file":"video-BoR7AMN8.js","sources":["../../../app/frontend/components/Video.vue","../../../app/frontend/entrypoints/video.js"],"sourcesContent":["<template>\n  <div class=\"relative\">\n\n    <img :src=\"imageUrl\" alt=\"Baby image\"/>\n\n    <div class=\"absolute play-btn-container\">\n      <button @click=\"showModal=true\"\n              class=\"text-white hover:text-[#e0bbff] text-red-200 rounded-full flex\" style=\"\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" class=\"play-btn\">\n          <defs>\n            <mask id=\"ipTPlay0\">\n              <g fill=\"#555\" stroke=\"#fff\" stroke-linejoin=\"round\" stroke-width=\"4\">\n                <path d=\"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z\"/>\n                <path d=\"M20 24v-6.928l6 3.464L32 24l-6 3.464l-6 3.464z\"/>\n              </g>\n            </mask>\n          </defs>\n          <path fill=\"currentColor\" d=\"M0 0h48v48H0z\" mask=\"url(#ipTPlay0)\"/>\n        </svg>\n        <!--        <span class=\"pl-1\">{{ localizedPlay }}</span>-->\n      </button>\n    </div>\n\n\n    <!-- Main modal -->\n\n    <div\n        v-if=\"showModal\"\n        @click=\"showModal=false\"\n        id=\"default-modal\" tabindex=\"-1\" aria-hidden=\"true\"\n        class=\"bg-[#000000b5] overflow-y-auto overflow-x-hidden fixed top-0 right-0 bottom-0 left-0 z-50 flex justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full\">\n      <div class=\"relative p-4 w-full max-w-2xl max-h-full\">\n        <!-- Modal content -->\n        <div class=\"relative bg-white rounded-lg shadow dark:bg-gray-700 p-2\" @click=\"preventDefault\">\n\n\n          <video ref=\"videoRef\" loop controls autoplay class=\"w-full\">\n            <source :src=\"'/nani_promo_compressed_' + locale + '.mp4'\" type=\"video/mp4\"/>\n            Your browser does not support the video tag.\n          </video>\n          <button class=\"absolute top-0 right-0 w-6 h-6 bg-white text-black dark:bg-black dark:text-white rounded-full\"\n                  @click=\"showModal=false\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                 stroke=\"currentColor\" class=\"w-6 h-6\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"/>\n            </svg>\n          </button>\n        </div>\n\n      </div>\n    </div>\n\n    <!--    <div-->\n    <!--        class=\"fixed left-0 top-0 w-full h-screen pt-10 mx-auto inset-x-0 bg-gray-700 bg-opacity-50 overflow-y-auto overflow-x-hidden outline-none\"-->\n    <!--        style=\"z-index: 2000;\"-->\n    <!--        id=\"exampleModal\"-->\n    <!--    >-->\n    <!--      <div class=\"flex justify-center\">-->\n    <!--        <div class=\"flex border-2 border-black rounded-xl overflow-hidden max-w-[100%] w-[250px]\">-->\n\n\n    <!--        </div>-->\n    <!--      </div>-->\n\n    <!--    </div>-->\n  </div>\n</template>\n\n<style scoped>\n.play-btn-container {\n  top: 50%;\n  left: 34%;\n}\n\n.play-btn {\n  width: 20%;\n}\n\n@media only screen and (max-width: 600px) {\n  .play-btn-container {\n    left: 33%;\n  }\n}\n</style>\n\n<script setup>\nimport {ref} from 'vue'\n\nconst props = defineProps({\n  locale: String, localizedPlay: String, imageUrl: String\n});\n\nconst preventDefault = (e) => {\n  e.preventDefault();\n  e.stopPropagation();\n}\n\nconst showModal = ref(false)\n\n</script>\n","import {createApp} from 'vue'\nimport App from '../components/Video.vue'\n\nconst locale = document.getElementById('video').dataset.locale\nconst localizedPlay = document.getElementById('video').dataset.localizedplay\nconst imageUrl = document.getElementById('video').dataset.imageurl\nconsole.log(locale)\n\ncreateApp(App, {locale, localizedPlay, imageUrl}).mount('#video')\n"],"names":["preventDefault","e","showModal","ref","locale","localizedPlay","imageUrl","createApp","App"],"mappings":"gyCA4FA,MAAMA,EAAkBC,GAAM,CAC5BA,EAAE,eAAc,EAChBA,EAAE,gBAAe,CACnB,EAEMC,EAAYC,EAAI,EAAK,m+BC9FrBC,EAAS,SAAS,eAAe,OAAO,EAAE,QAAQ,OAClDC,EAAgB,SAAS,eAAe,OAAO,EAAE,QAAQ,cACzDC,EAAW,SAAS,eAAe,OAAO,EAAE,QAAQ,SAC1D,QAAQ,IAAIF,CAAM,EAElBG,EAAUC,EAAK,CAAC,OAAAJ,EAAQ,cAAAC,EAAe,SAAAC,CAAQ,CAAC,EAAE,MAAM,QAAQ"}