{"version":3,"sources":["webpack:///./src/components/modal/PopupNotice.vue?e98a","webpack:///src/components/modal/PopupNotice.vue","webpack:///./src/components/modal/PopupNotice.vue?bf2e","webpack:///./src/components/modal/PopupNotice.vue","webpack:///./src/components/modal/PopupNotice.vue?214a","webpack:///./src/components/modal/PopupNotice.vue?cd1f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","on","closeModal","popup","length","style","bgCoverStyle","url","clickPopup","_e","height","ratio","$event","$refs","popupModal","open","slider","slick","prev","_v","next","staticStyle","offToday","offPopup","staticRenderFns","component"],"mappings":"2aAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,cAAc,CAACG,IAAI,aAAaC,MAAM,CAAC,gBAAgB,OAAO,wBAAyB,GAAOC,GAAG,CAAC,MAAQT,EAAIU,aAAa,CAAEV,EAAIW,OAA4B,IAAnBX,EAAIW,MAAMC,OAAYR,EAAG,MAAM,CAACE,YAAY,YAAYO,MAAOb,EAAIc,aAAad,EAAIW,MAAM,GAAGI,KAAMN,GAAG,CAAC,MAAQT,EAAIgB,cAAchB,EAAIiB,KAAMjB,EAAIW,OAASX,EAAIW,MAAMC,OAAO,EAAGR,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,eAAe,CAACG,IAAI,SAASC,MAAM,CAAC,SAAWR,EAAIW,MAAM,OAASX,EAAIkB,OAAO,UAAW,EAAK,WAAY,EAAK,WAAa,CAACC,MAAO,QAAQV,GAAG,CAAC,SAAW,SAASW,GAAQ,OAAOpB,EAAIqB,MAAMC,WAAWC,WAAWnB,EAAG,MAAM,CAACE,YAAY,0CAA0CG,GAAG,CAAC,MAAQ,SAASW,GAAQ,OAAOpB,EAAIqB,MAAMG,OAAOH,MAAMI,MAAMC,UAAU,CAACtB,EAAG,IAAI,CAACE,YAAY,kBAAkB,CAACN,EAAI2B,GAAG,2BAA2BvB,EAAG,MAAM,CAACE,YAAY,2CAA2CG,GAAG,CAAC,MAAQ,SAASW,GAAQ,OAAOpB,EAAIqB,MAAMG,OAAOH,MAAMI,MAAMG,UAAU,CAACxB,EAAG,IAAI,CAACE,YAAY,kBAAkB,CAACN,EAAI2B,GAAG,6BAA6B,GAAG3B,EAAIiB,KAAMjB,EAAU,OAAEI,EAAG,MAAM,CAACE,YAAY,OAAOuB,YAAY,CAAC,mBAAmB,QAAQ,SAAW,WAAW,CAACzB,EAAG,MAAM,CAACE,YAAY,kCAAkCG,GAAG,CAAC,MAAQT,EAAI8B,WAAW,CAAC9B,EAAI2B,GAAG,cAAcvB,EAAG,MAAM,CAACE,YAAY,sCAAsCG,GAAG,CAAC,MAAQT,EAAI+B,WAAW,CAAC/B,EAAI2B,GAAG,UAAU3B,EAAIiB,QAAQ,IACj8Ce,EAAkB,G,kEC8BtB,GACE,KAAF,cACE,WAAF,CACI,YAAJ,aACI,WAAJ,QAGE,KAPF,WAQI,MAAJ,CACM,QAAN,EACM,MAAN,GACM,MAAN,EACM,OAAN,EACM,UAAN,IAGE,QAhBF,WAiBI,KAAJ,eACI,KAAJ,uCAEE,QAAF,CACI,aADJ,SACA,GACM,MAAN,CACQ,gBAAR,qBACQ,eAAR,QACQ,mBAAR,SACQ,iBAAR,cAGI,aATJ,WASM,IAAN,OACM,KAAN,6CAGQ,GAFA,EAAR,kBACQ,EAAR,mBACA,oBACU,IAAV,+BACA,iCACA,+CACY,EAAZ,aACA,oCACY,EAAZ,YACA,gCACA,6DACc,EAAd,aAGY,EAAZ,YAGA,aACY,EAAZ,wBACY,YAAZ,WACc,EAAd,YACA,WAKI,WArCJ,WAsCM,IAAN,qBACM,GAAN,EACQ,GAAR,8CACU,GAAV,8BACY,KAAZ,8CACA,CACY,IAAZ,8BACY,EAAZ,OACY,EAAZ,gCACY,EAAZ,qBACY,SAAZ,oBACY,EAAZ,QACY,EAAZ,+BAIU,KAAV,eAII,SA1DJ,WA2DM,IAAN,kCACM,KAAN,gCACM,KAAN,sCACM,KAAN,0BAEI,SAhEJ,WAiEM,KAAN,sCACM,KAAN,0BAEI,WApEJ,WAqEM,KAAN,yCCxHoW,I,kCCShWC,EAAY,eACd,EACAlC,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6FCpBf,W,kCCAA","file":"js/chunk-698f1132.aa4ec756.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"popup\"},[_c('sweet-modal',{ref:\"popupModal\",attrs:{\"overlay-theme\":\"dark\",\"enableMobileFullscreen\":false},on:{\"close\":_vm.closeModal}},[(_vm.popup && _vm.popup.length===1)?_c('div',{staticClass:\"img-popup\",style:(_vm.bgCoverStyle(_vm.popup[0].url)),on:{\"click\":_vm.clickPopup}}):_vm._e(),(_vm.popup && _vm.popup.length>1)?_c('div',{staticClass:\"full-width position-relative\"},[_c('image-slider',{ref:\"slider\",attrs:{\"listData\":_vm.popup,\"height\":_vm.height,\"autoplay\":true,\"indicator\":true,\"imageRates\":{ratio: '3:4'}},on:{\"reRender\":function($event){return _vm.$refs.popupModal.open()}}}),_c('div',{staticClass:\"unselect button-arrow button-arrow-left\",on:{\"click\":function($event){return _vm.$refs.slider.$refs.slick.prev()}}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"keyboard_arrow_left\")])]),_c('div',{staticClass:\"unselect button-arrow button-arrow-right\",on:{\"click\":function($event){return _vm.$refs.slider.$refs.slick.next()}}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"keyboard_arrow_right\")])])],1):_vm._e(),(_vm.vPopup)?_c('div',{staticClass:\"flex\",staticStyle:{\"background-color\":\"white\",\"overflow\":\"hidden\"}},[_c('div',{staticClass:\"close-area size-14 unselect sub\",on:{\"click\":_vm.offToday}},[_vm._v(\"오늘 그만 보기\")]),_c('div',{staticClass:\"close-area size-14 unselect primary\",on:{\"click\":_vm.offPopup}},[_vm._v(\"닫기\")])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"popup\">\r\n    <sweet-modal ref=\"popupModal\" overlay-theme=\"dark\" @close=\"closeModal\" :enableMobileFullscreen=\"false\">\r\n      <div v-if=\"popup && popup.length===1\" class=\"img-popup\" :style=\"bgCoverStyle(popup[0].url)\" @click=\"clickPopup\"></div>\r\n      <div class=\"full-width position-relative\" v-if=\"popup && popup.length>1\">\r\n        <image-slider ref=\"slider\"\r\n          :listData=\"popup\" :height=\"height\" :autoplay=\"true\"\r\n          :indicator=\"true\" :imageRates=\"{ratio: '3:4'}\"\r\n          @reRender=\"$refs.popupModal.open()\"></image-slider>\r\n\r\n        <div class=\"unselect button-arrow button-arrow-left\" @click=\"$refs.slider.$refs.slick.prev()\">\r\n          <i class=\"material-icons\">keyboard_arrow_left</i>\r\n        </div>\r\n        <div class=\"unselect button-arrow button-arrow-right\" @click=\"$refs.slider.$refs.slick.next()\">\r\n          <i class=\"material-icons\">keyboard_arrow_right</i>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"vPopup\" class=\"flex\" style=\"background-color: white;overflow: hidden;\">\r\n        <div class=\"close-area size-14 unselect sub\"\r\n            @click=\"offToday\">오늘 그만 보기</div>\r\n        <div class=\"close-area size-14 unselect primary\"\r\n            @click=\"offPopup\">닫기</div>\r\n      </div>\r\n    </sweet-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { SweetModal } from 'sweet-modal-vue'\r\n  import ImageSlider from \"../module/ImageSlider\";\r\n\r\n  export default {\r\n    name: \"PopupNotice\",\r\n    components: {\r\n      ImageSlider,\r\n      SweetModal,\r\n\r\n    },\r\n    data() {\r\n      return {\r\n        vPopup: false,\r\n        popup: [],\r\n        ratio: 0,\r\n        height: 0,\r\n        usePopup: false,\r\n      }\r\n    },\r\n    created() {\r\n      this.getPopupList();\r\n      this.height = window.innerWidth <= 500 ? 380 : 500;\r\n    },\r\n    methods: {\r\n      bgCoverStyle(url) {\r\n        return {\r\n          backgroundImage: `url(${url})`,\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: 'center',\r\n          backgroundRepeat: 'no-repeat'\r\n        }\r\n      },\r\n      getPopupList() {\r\n        this.$axios.get('public/popup').then(res=>{\r\n          this.popup = res.data.data;\r\n          this.ratio = res.data.ratio;\r\n          if (this.popup.length !== 0) {\r\n            let today = this.dayjs().format('YY-DD-MM');\r\n            let today2 = this.dayjs().format('YYYY-MM-DD');\r\n            if (today2 < this.popup[0].start_date || today2 > this.popup[0].end_date) {\r\n              this.usePopup = false;\r\n            } else if (this.$store.getters.exposuredPopup !== true) {\r\n              this.usePopup = true;\r\n            } else if (this.$store.getters.exposuredPopup) {\r\n              if(!this.$store.getters.hidePopup || this.$store.getters.hidePopup !== today) {\r\n                this.usePopup = true;\r\n              }\r\n            } else {\r\n              this.usePopup = false;\r\n            }\r\n\r\n            if (this.usePopup) {\r\n              this.$refs.popupModal.open();\r\n              setTimeout(() => {\r\n                this.vPopup = true;\r\n              }, 520);\r\n            }\r\n          }\r\n        })\r\n      },\r\n      clickPopup() {\r\n        let link = this.popup[0].link;\r\n        if(link) {\r\n          if (link.indexOf('http:') > -1 || link.indexOf('https:') > -1) {\r\n            if (link.indexOf(location.origin) > -1) {\r\n              this.routerPush(link.replace(location.origin, ''));\r\n            } else {\r\n              const a = document.createElement(\"a\");\r\n              a.href = link;\r\n              a.setAttribute('target', '_blank');\r\n              a.style.display = 'none';\r\n              document.body.appendChild(a);\r\n              a.click();\r\n              a.parentNode.removeChild(a);\r\n            }\r\n          } else {\r\n            // location.href = link;\r\n            this.routerPush(link);\r\n          }\r\n        }\r\n      },\r\n      offToday() {\r\n        let today = this.dayjs().format('YY-DD-MM');\r\n        this.$store.commit('setHidePopup', today);\r\n        this.$store.commit('setExposuredPopup', true);\r\n        this.$refs.popupModal.close();\r\n      },\r\n      offPopup() {\r\n        this.$store.commit('setExposuredPopup', true);\r\n        this.$refs.popupModal.close();\r\n      },\r\n      closeModal() {\r\n        this.$store.commit('setExposuredPopup', true);\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" type=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .close-area\r\n    width 50%\r\n    padding 12px\r\n    text-align center\r\n\r\n  .img-popup\r\n    height 500px\r\n\r\n  @media screen and (max-width 500px)\r\n    .img-popup\r\n      height 380px\r\n\r\n  .button-arrow\r\n    position absolute\r\n    top calc(50% - 22px)\r\n    width 40px\r\n    height 44px\r\n    background-color rgba(0,0,0,0.3)\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    i\r\n      font-size 32px\r\n      color white\r\n  .button-arrow-right\r\n    right 0\r\n</style>\r\n<style lang=\"stylus\">\r\n  .popup\r\n    .sweet-modal\r\n      background-color transparent\r\n    .sweet-modal.is-alert .sweet-content\r\n      padding 0 !important\r\n    .sweet-modal.is-alert\r\n      width 420px !important\r\n      overflow hidden\r\n    .sweet-modal-overlay.is-visible\r\n      z-index 100000000\r\n  @media screen and (max-width: 500px)\r\n    .popup\r\n      .sweet-modal.is-alert\r\n        width 320px !important\r\n      .sweet-modal .sweet-box-actions\r\n        top 4px\r\n        right 4px\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopupNotice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopupNotice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupNotice.vue?vue&type=template&id=3ed39cfe&scoped=true&\"\nimport script from \"./PopupNotice.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupNotice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PopupNotice.vue?vue&type=style&index=0&id=3ed39cfe&lang=stylus&scoped=true&\"\nimport style1 from \"./PopupNotice.vue?vue&type=style&index=1&lang=stylus&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3ed39cfe\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopupNotice.vue?vue&type=style&index=0&id=3ed39cfe&lang=stylus&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopupNotice.vue?vue&type=style&index=1&lang=stylus&\""],"sourceRoot":""}