{"version":3,"sources":["webpack:///./static/img/maxresdefault.jpeg","webpack:///src/components/school/shared/modals/smoothyVideo.vue","webpack:///./src/components/school/shared/modals/smoothyVideo.vue?7360","webpack:///./src/components/school/shared/modals/smoothyVideo.vue"],"names":["module","exports","__webpack_require__","p","smoothyVideo","data","premuimEnglishVideo","premuimArabicVideo","methods","hideModal","this","$refs","hide","document","getElementById","pause","shown","show","play","Register","routes","push","path","query","lang","$route","mounted","modals_smoothyVideo","render","_vm","_h","$createElement","_c","_self","staticClass","ref","attrs","id","size","title","hideHeader","hide-footer","on","hidden","staticStyle","cursor","width","height","viewBox","fill","xmlns","click","cx","cy","r","stroke","stroke-width","_v","d","controls","preload","poster","playsinline","autoplay","loop","src","type","$store","getters","isAuth","_e","$event","_s","$t","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAAAA,OAAAC,QAAiBC,oBAAAC,EAAuB,gOCkCxCC,cACAC,KADA,WAEA,OACAC,oBAAA,8FACAC,mBAAA,iGAGAC,SACAC,UADA,WAEAC,KAAAC,MAAAP,aAAAQ,OACAC,SAAAC,eAAA,cACAC,SAEAC,MANA,WAOAN,KAAAC,MAAAP,aAAAa,OACAJ,SAAAC,eAAA,cACAI,QAEAC,SAXA,WAYAC,OAAA,EAAAC,MACAC,KAAA,YAGAC,OAAAC,KAAAd,KAAAe,OAAAF,MAAAC,UAKAE,QA5BA,WA6BAb,SAAAC,eAAA,cACAC,UC7DeY,qBADEC,OAFjB,WAA0B,IAAAC,IAAAnB,KAAaoB,GAAAD,IAAAE,eAA0BC,GAAAH,IAAAI,MAAAD,IAAAF,GAAwB,OAAAE,GAAA,OAAiBE,YAAA,cAAwBF,GAAA,WAAgBG,IAAA,eAAAD,YAAA,eAAAE,OAAqDC,GAAA,eAAAC,KAAA,KAAAC,MAAA,GAAAC,YAAA,EAAAC,eAAA,GAAgFC,IAAK1B,MAAAa,IAAAb,MAAA2B,OAAAd,IAAApB,aAA0CuB,GAAA,OAAYE,YAAA,YAAAU,aAAqCC,OAAA,WAAmBT,OAAQU,MAAA,KAAAC,OAAA,KAAAC,QAAA,YAAAC,KAAA,OAAAC,MAAA,8BAAoGR,IAAKS,MAAAtB,IAAApB,aAAuBuB,GAAA,UAAeI,OAAOgB,GAAA,KAAAC,GAAA,KAAAC,EAAA,KAAAL,KAAA,UAAAM,OAAA,UAAAC,eAAA,OAAqF3B,IAAA4B,GAAA,KAAAzB,GAAA,QAAyBY,aAAaC,OAAA,WAAmBT,OAAQsB,EAAA,2XAAAT,KAAA,eAAiZpB,IAAA4B,GAAA,KAAAzB,GAAA,OAA0BE,YAAA,kBAA4BF,GAAA,OAAYE,YAAA,kBAAAE,OAAqCC,GAAA,qBAAwBL,GAAA,SAAcE,YAAA,QAAAE,OAA2BuB,SAAA,GAAAtB,GAAA,aAAAuB,QAAA,OAAAC,OAA0D3D,oBAAQ,QAA8C4D,YAAA,GAAAC,SAAA,GAAAC,KAAA,MAA4ChC,GAAA,UAAeI,OAAO6B,IAAA,MAAApC,IAAAJ,OAAAF,MAAAC,KAAAK,IAAAtB,mBAAAsB,IAAAvB,oBAAA4D,KAAA,qBAA0GrC,IAAA4B,GAAA,KAAA5B,IAAAsC,OAAAC,QAAAC,OAAkIxC,IAAAyC,KAAlItC,GAAA,UAA8DE,YAAA,UAAAQ,IAA0BS,MAAA,SAAAoB,QAAyB1C,IAAAV,eAAiBU,IAAA4B,GAAA,KAAA5B,IAAA2C,GAAA3C,IAAA4C,GAAA,+CAEpoDC,oBCCjB,IAcAC,UAdyBzE,oBAAQ,OAcjC0E,CACExE,aACAuB,qBATF,EAVA,SAAAkD,YACE3E,oBAAQ,SAaV,kBAEA,MAUe4E,oBAAA,QAAAH,UAAiB","file":"static/js/156.1479bec28079e8c78b13.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/maxresdefault.95d4a0b.jpeg\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/img/maxresdefault.jpeg\n// module id = St3R\n// module chunks = 0 156 183","<template>\r\n \r\n       <div class=\"container\">\r\n         \r\n    <b-modal id=\"smoothyVideo\" class=\"smoothyVideo\" size=\"lg\" ref=\"smoothyVideo\" title @shown=\"shown\" :hideHeader=\"true\" @hidden=\"hideModal\" :hide-footer=\"true\">\r\n          <svg width=\"44\" @click=\"hideModal\"  style=\"cursor: pointer;\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-close\">\r\n            <circle cx=\"22\" cy=\"22\" r=\"20\" fill=\"#254178\" stroke=\"#BACFF7\" stroke-width=\"4\" />\r\n            <path\r\n                style=\"cursor: pointer;\"\r\n                d=\"M28.3 15.71C27.91 15.32 27.28 15.32 26.89 15.71L22 20.59L17.11 15.7C16.72 15.31 16.09 15.31 15.7 15.7C15.31 16.09 15.31 16.72 15.7 17.11L20.59 22L15.7 26.89C15.31 27.28 15.31 27.91 15.7 28.3C16.09 28.69 16.72 28.69 17.11 28.3L22 23.41L26.89 28.3C27.28 28.69 27.91 28.69 28.3 28.3C28.69 27.91 28.69 27.28 28.3 26.89L23.41 22L28.3 17.11C28.68 16.73 28.68 16.09 28.3 15.71V15.71Z\"\r\n                fill=\"#FCFCFD\"\r\n            />\r\n        </svg>\r\n        <div class=\"video-wrapper\">\r\n\t<div class=\"video-container\" id=\"video-container\">\r\n        \r\n\t\t<video controls  class=\"video\"  id=\"videoSmoot\" preload=\"auto\" poster=\"../../../../../static/img/maxresdefault.jpeg\" playsinline autoplay loop>\r\n\t\t\t<source :src=\"$route.query.lang =='ar' ? premuimArabicVideo : premuimEnglishVideo\" type=\"video/mp4\">  \r\n\t\t</video>\r\n\t</div>\r\n</div>\r\n      <button      v-if=\"!$store.getters.isAuth\"\r\n                  @click=\"Register()\"\r\n                  class=\"request\"\r\n                >  {{$t(\"message.thirdSectionHome.btn_reg\")}}</button>\r\n     </b-modal>\r\n  </div>\r\n</template>\r\n<script>\r\n\r\nimport router from \"@/routes\";\r\n\r\n\r\n\r\nexport default {\r\n  data() {\r\n      return{\r\n      premuimEnglishVideo:\"https://cdn-static-images-frontend.s3.eu-west-1.amazonaws.com/hellocodeV2/smoothy-video.mp4\",\r\n      premuimArabicVideo:\"https://cdn-static-images-frontend.s3.eu-west-1.amazonaws.com/hellocodeV2/smoothy-arabic.mp4\",\r\n      }\r\n},\r\n methods: {\r\n     hideModal() {\r\n      this.$refs.smoothyVideo.hide();\r\n      const video = document.getElementById(\"videoSmoot\");\r\n     video.pause();\r\n     },\r\n     shown() {\r\n       this.$refs.smoothyVideo.show();\r\n       const video = document.getElementById(\"videoSmoot\");\r\n     video.play();\r\n    },\r\n    Register(){\r\n        router.push({\r\n        path:\"/register\",\r\n          // name: \"friendsView\",\r\n          // params:{id},\r\n          query: { lang: this.$route.query.lang }\r\n          \r\n        });\r\n    }\r\n },      \r\n     mounted() {\r\n        const video = document.getElementById(\"videoSmoot\");\r\n     video.pause();\r\n  },\r\n }\r\n</script>\r\n<style scoped>\r\n.svg-video{\r\n    margin:28px 117px 28px 117px;\r\n    \r\n}\r\n.svg-close{\r\n       position: relative;\r\n    left: 4%;\r\n}\r\n.video{\r\n   max-width: 1140px;\r\n    top: 35px;\r\n    border:none;\r\n    margin-bottom: unset;\r\n}\r\n.video-container{\r\n    top:35px;\r\n}\r\n .request{\r\n    padding: 10px 32px;\r\n background: #FFFFFF;\r\n cursor: pointer;\r\n/* Primary Color/900 */\r\n\r\nborder: 2px solid #0B1E41;\r\nbox-sizing: border-box;\r\nbox-shadow: inset 0px -4px 0px #0B1E41;\r\nborder-radius: 14px;\r\ndisplay: flex;\r\nmargin: 30px auto;\r\n  }\r\n .video-container {\r\n\tmax-width: 1140px;\r\n    border-radius: 4px;\r\n    margin: 0px auto 50px auto;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n\tjustify-content: center;\r\n    box-shadow: 0px 8px 20px rgb(0 0 0 / 40%);\r\n}\r\n .video-container .video-wrapper {\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t display: flex;\r\n\t justify-content: center;\r\n\t align-items: center;\r\n}\r\n .video-container video {\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t border-radius: 4px;\r\n}\r\n .play-button-wrapper {\r\n\t position: absolute;\r\n\t top: 0;\r\n\t left: 0;\r\n\t right: 0;\r\n\t bottom: 0;\r\n\t display: flex;\r\n\t align-items: center;\r\n\t justify-content: center;\r\n\t width: 100%;\r\n\t height: auto;\r\n\t pointer-events: none;\r\n}\r\n .play-button-wrapper #circle-play-b {\r\n\t cursor: pointer;\r\n\t pointer-events: auto;\r\n}\r\n .play-button-wrapper #circle-play-b svg {\r\n\t width: 80px;\r\n\t height: 80px;\r\n\t fill: #fff;\r\n\t stroke: #fff;\r\n\t cursor: pointer;\r\n\t background-color: rgba(0, 0, 0, 0.2);\r\n\t border-radius: 50%;\r\n\t opacity: 0.9;\r\n}\r\n@media (max-width: 1024px){\r\n    .video{\r\n    width: 100%;\r\n}\r\n}\r\n@media (min-width:768px) and (max-width:1023px){\r\n        .video{\r\n    width: 100%;\r\n    right: 0;\r\n    left: 0;\r\n\r\n}\r\n}\r\n\r\n@media (min-width:321px)and (max-width: 480px){\r\n \r\n\r\n}\r\n\r\n@media (max-width:320px){\r\n      .video{\r\n     right: 0;\r\n    left: 0;\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/school/shared/modals/smoothyVideo.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('b-modal',{ref:\"smoothyVideo\",staticClass:\"smoothyVideo\",attrs:{\"id\":\"smoothyVideo\",\"size\":\"lg\",\"title\":\"\",\"hideHeader\":true,\"hide-footer\":true},on:{\"shown\":_vm.shown,\"hidden\":_vm.hideModal}},[_c('svg',{staticClass:\"svg-close\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"width\":\"44\",\"height\":\"44\",\"viewBox\":\"0 0 44 44\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"},on:{\"click\":_vm.hideModal}},[_c('circle',{attrs:{\"cx\":\"22\",\"cy\":\"22\",\"r\":\"20\",\"fill\":\"#254178\",\"stroke\":\"#BACFF7\",\"stroke-width\":\"4\"}}),_vm._v(\" \"),_c('path',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"d\":\"M28.3 15.71C27.91 15.32 27.28 15.32 26.89 15.71L22 20.59L17.11 15.7C16.72 15.31 16.09 15.31 15.7 15.7C15.31 16.09 15.31 16.72 15.7 17.11L20.59 22L15.7 26.89C15.31 27.28 15.31 27.91 15.7 28.3C16.09 28.69 16.72 28.69 17.11 28.3L22 23.41L26.89 28.3C27.28 28.69 27.91 28.69 28.3 28.3C28.69 27.91 28.69 27.28 28.3 26.89L23.41 22L28.3 17.11C28.68 16.73 28.68 16.09 28.3 15.71V15.71Z\",\"fill\":\"#FCFCFD\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"video-wrapper\"},[_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container\"}},[_c('video',{staticClass:\"video\",attrs:{\"controls\":\"\",\"id\":\"videoSmoot\",\"preload\":\"auto\",\"poster\":require(\"../../../../../static/img/maxresdefault.jpeg\"),\"playsinline\":\"\",\"autoplay\":\"\",\"loop\":\"\"}},[_c('source',{attrs:{\"src\":_vm.$route.query.lang =='ar' ? _vm.premuimArabicVideo : _vm.premuimEnglishVideo,\"type\":\"video/mp4\"}})])])]),_vm._v(\" \"),(!_vm.$store.getters.isAuth)?_c('button',{staticClass:\"request\",on:{\"click\":function($event){_vm.Register()}}},[_vm._v(\"  \"+_vm._s(_vm.$t(\"message.thirdSectionHome.btn_reg\")))]):_vm._e()])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-df66c16e\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/school/shared/modals/smoothyVideo.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-df66c16e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./smoothyVideo.vue\")\n}\nvar normalizeComponent = require(\"!../../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./smoothyVideo.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./smoothyVideo.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-df66c16e\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./smoothyVideo.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-df66c16e\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/school/shared/modals/smoothyVideo.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}