{"version":3,"sources":["webpack:///./src/components/Cruise/ShorexInfoPopup.vue?4cb1","webpack:///./src/components/Cruise/ShorexInfoPopup.vue?4a72","webpack:///src/components/Cruise/ShorexInfoPopup.vue","webpack:///./src/components/Cruise/ShorexInfoPopup.vue?2b85","webpack:///./src/components/Cruise/ShorexInfoPopup.vue?9743","webpack:///./src/components/Cruise/ShorexInfoPopup.vue?dfcd"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isShow","attrs","_v","on","$event","goBack","shorexInfo","payShorex","length","activeTab","_e","freeShorex","directives","name","rawName","value","expression","_l","shorex","i","key","_s","shorexName","banner","shorexBrief","duration","shorexPrice","domProps","shorexDescription","_m","trip","j","tripName","tripDescription","staticRenderFns","component"],"mappings":"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","file":"js/chunk-5d8bce40.9af562c9.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShorexInfoPopup.vue?vue&type=style&index=1&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShorexInfoPopup.vue?vue&type=style&index=1&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"popup popup-shorex\",class:{ 'modal-in': _vm.isShow, 'modal-out': !_vm.isShow},attrs:{\"id\":\"shorexDetail\"}},[_c('div',{staticClass:\"shorexDetail-title js-returnShorexBtn\"},[_c('p',[_vm._v(\"岸上观光服务\")]),_c('a',{staticClass:\"shorexDetail-returnButton\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\"}})])]),_c('div',{staticClass:\"shorexDetail\"},[(_vm.hasShorex)?_c('div',{staticClass:\"shorexDetail-container\"},[_c('div',{staticClass:\"shorexDetail-wrap\"},[_c('div',{staticClass:\"shoreTrip-tab \"},[(_vm.shorexInfo.payShorex.length > 0)?_c('div',{staticClass:\"shoreTrip-tab-item shorex-tab-pay js-tab\",class:{ 'active': _vm.activeTab == 'payShorex'},attrs:{\"data-el\":\"shoreTripM0-cell00\",\"data-box\":\"shoreTripM\"},on:{\"click\":function($event){_vm.activeTab='payShorex'}}},[_c('p',{staticClass:\"shoreTrip-tab-item-txt1 \"},[_vm._v(\"皇家精品游\")])]):_vm._e(),(_vm.shorexInfo.freeShorex && _vm.shorexInfo.freeShorex.length > 0)?_c('div',{staticClass:\"shoreTrip-tab-item shorex-tab-free js-tab \",class:{ 'active': _vm.activeTab == 'freeShorex'},attrs:{\"data-el\":\"shoreTripM0-cell00\",\"data-box\":\"shoreTripM\"},on:{\"click\":function($event){_vm.activeTab='freeShorex'}}},[_c('p',{staticClass:\"shoreTrip-tab-item-txt1 shoreTrip-tab-item-txt3\"},[_vm._v(\"皇家常规游（免费赠送）\")])]):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab=='payShorex'),expression:\"activeTab=='payShorex'\"}],staticClass:\"shoreTrip-m\"},[_vm._l((_vm.shorexInfo.payShorex),function(shorex,i){return _c('div',{key:('payShorex'+i),staticClass:\"tab-cell active shorex-tab-pay-item\"},[_c('div',{staticClass:\"shoreTrip-box\"},[_c('div',{staticClass:\"shoreTrip-box-title\"},[_c('div',{staticClass:\"shoreTrip-box-title-line\"}),_vm._v(\" \"+_vm._s(shorex.shorexName)+\" \")]),(shorex.banner && shorex.banner.length > 0)?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(shorex.banner[0]),expression:\"shorex.banner[0]\"}]}):_vm._e(),_c('p',{staticClass:\"shorexBrief-css\"},[_vm._v(_vm._s(shorex.shorexBrief))]),_c('p',{staticClass:\"shorexPrice-css\"},[(shorex.duration && shorex.duration.length > 0)?_c('img',{staticClass:\"time-css\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/time-jpg.jpg\"}}):_vm._e(),_vm._v(\"时长:\"+_vm._s(shorex.duration)+\" \"),(shorex.shorexPrice && shorex.shorexPrice.length > 0)?_c('img',{staticClass:\"img-price-css\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/price-jpg.jpg\"}}):_vm._e(),_vm._v(\"价格:\"+_vm._s(shorex.shorexPrice)+\" 美金/人\")]),_c('div',{staticClass:\"shorex-content\",domProps:{\"innerHTML\":_vm._s(shorex.shorexDescription)}})])])}),_vm._m(0)],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab=='freeShorex'),expression:\"activeTab=='freeShorex'\"}],staticClass:\"shoreTrip-m\"},_vm._l((_vm.shorexInfo.freeShorex),function(shorex,i){return _c('div',{key:('freeShorex' + i),staticClass:\"tab-cell shorex-tab-free-item\"},[_vm._l((shorex.shorexTrips),function(trip,j){return _c('div',{key:('freeShorexTrip' + j),staticClass:\"shoreTrip-box\"},[_c('div',{staticClass:\"shoreTrip-box-title\"},[_c('div',{staticClass:\"shoreTrip-box-title-line\"}),_vm._v(\" \"+_vm._s(trip.tripName)+\" - 约\"+_vm._s(trip.duration)+\"小时 \")]),_c('div',{staticClass:\"shorex-content\",domProps:{\"innerHTML\":_vm._s(trip.tripDescription)}})])}),_vm._m(1,true)],2)}),0)])]):_c('div',{staticClass:\"shorexDetail-container\"},[_c('p',{staticClass:\"shorex-empty\"},[_vm._v(\"很抱歉，该航次岸上观光服务尚未开发选定，选定开放后，我们会在第一时间以短信的方式通知您，你也可以密切关注皇家加勒比官方网站\")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shoreTrip-box tab-cell active shorex-tab-pay-item\"},[_c('div',{staticClass:\"popupover2-txt2 shoreTrip-box-popupover2-txt1\"},[_vm._v(\" 注：\"),_c('br'),_vm._v(\" 1) 预订船票时，将为您自动选中皇家常规游行程（免费）；船票支付成功后，可选择升级精品游服务。\"),_c('br'),_vm._v(\" 2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。\"),_c('br'),_vm._v(\" 3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tab-cell   shoreTrip-box shorex-tab-free-item\"},[_c('div',{staticClass:\"popupover2-txt2 shoreTrip-box-popupover2-txt1\"},[_vm._v(\" 注：\"),_c('br'),_vm._v(\" 1) 预订船票时，将为您自动选中皇家常规游行程（免费）；船票支付成功后，可选择升级精品游服务。\"),_c('br'),_vm._v(\" 2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。\"),_c('br'),_vm._v(\" 3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。 \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"popup popup-shorex\" :class=\"{ 'modal-in': isShow, 'modal-out': !isShow}\"  id=\"shorexDetail\" >\r\n        <div class=\"shorexDetail-title js-returnShorexBtn\">\r\n            <p>岸上观光服务</p>\r\n            <a class=\"shorexDetail-returnButton\" @click=\"goBack()\">\r\n                <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\">\r\n            </a>\r\n        </div>\r\n        <div class=\"shorexDetail\">\r\n            <div class=\"shorexDetail-container\" v-if=\"hasShorex\">\r\n                <div class=\"shorexDetail-wrap\">\r\n                    <div class=\"shoreTrip-tab \">\r\n                        <div v-if=\"shorexInfo.payShorex.length > 0\" class=\"shoreTrip-tab-item shorex-tab-pay js-tab\"\r\n                            :class=\"{ 'active': activeTab == 'payShorex'}\"\r\n                            @click=\"activeTab='payShorex'\"\r\n                            data-el=\"shoreTripM0-cell00\"\r\n                            data-box=\"shoreTripM\">\r\n                            <p class=\"shoreTrip-tab-item-txt1 \">皇家精品游</p>\r\n                        </div>\r\n                        <div v-if=\"shorexInfo.freeShorex && shorexInfo.freeShorex.length > 0\" class=\"shoreTrip-tab-item shorex-tab-free js-tab \" \r\n                            :class=\"{ 'active': activeTab == 'freeShorex'}\"\r\n                             @click=\"activeTab='freeShorex'\"\r\n                            data-el=\"shoreTripM0-cell00\"\r\n                            data-box=\"shoreTripM\">\r\n                            <p class=\"shoreTrip-tab-item-txt1 shoreTrip-tab-item-txt3\">皇家常规游（免费赠送）</p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"shoreTrip-m\" v-show=\"activeTab=='payShorex'\">\r\n                        <div class=\"tab-cell active shorex-tab-pay-item\" v-for=\"(shorex, i) in shorexInfo.payShorex\" :key=\"('payShorex'+i)\">\r\n                            <div class=\"shoreTrip-box\">\r\n                                <div class=\"shoreTrip-box-title\">\r\n                                    <div class=\"shoreTrip-box-title-line\"></div>\r\n                                    {{shorex.shorexName}}\r\n                                </div>\r\n                                <img v-if=\"shorex.banner && shorex.banner.length > 0\"\r\n                                    v-lazy=\"shorex.banner[0]\">\r\n\r\n                                <p class=\"shorexBrief-css\">{{shorex.shorexBrief}}</p>\r\n                                <p class=\"shorexPrice-css\">\r\n                                    <img class=\"time-css\" v-if=\"shorex.duration && shorex.duration.length > 0\"\r\n                                        src=\"https://resource.rcclchina.com.cn/RcclHP/time-jpg.jpg\">时长:{{shorex.duration}}\r\n                                    <img class=\"img-price-css\" v-if=\"shorex.shorexPrice && shorex.shorexPrice.length > 0\"\r\n                                        src=\"https://resource.rcclchina.com.cn/RcclHP/price-jpg.jpg\">价格:{{shorex.shorexPrice}} 美金/人</p>\r\n                                <div class=\"shorex-content\" v-html=\"shorex.shorexDescription\">\r\n                                    \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"shoreTrip-box tab-cell active shorex-tab-pay-item\">\r\n                            <div class=\"popupover2-txt2 shoreTrip-box-popupover2-txt1\">\r\n                                注：<br>\r\n\r\n                                1) 预订船票时，将为您自动选中皇家常规游行程（免费）；船票支付成功后，可选择升级精品游服务。<br/>\r\n                                2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。<br/>\r\n                                3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"shoreTrip-m\" v-show=\"activeTab=='freeShorex'\">\r\n                        <div class=\"tab-cell shorex-tab-free-item\" v-for=\"(shorex, i) in shorexInfo.freeShorex\" :key=\"('freeShorex' + i)\">\r\n                            <div class=\"shoreTrip-box\" v-for=\"(trip, j) in shorex.shorexTrips\" :key=\"('freeShorexTrip' + j)\">\r\n                                <div class=\"shoreTrip-box-title\" style=\"\">\r\n                                    <div class=\"shoreTrip-box-title-line\"></div>\r\n                                    {{trip.tripName}} - 约{{trip.duration}}小时\r\n                                </div>\r\n                                <div class=\"shorex-content\" v-html=\"trip.tripDescription\">\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"tab-cell   shoreTrip-box shorex-tab-free-item\">\r\n                                <div class=\"popupover2-txt2 shoreTrip-box-popupover2-txt1\">\r\n                                    注：<br>\r\n\r\n                                    1) 预订船票时，将为您自动选中皇家常规游行程（免费）；船票支付成功后，可选择升级精品游服务。<br/>\r\n                                    2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。<br/>\r\n                                    3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    \r\n\r\n                </div>\r\n            </div>\r\n            <div class=\"shorexDetail-container\" v-else>\r\n                <p class=\"shorex-empty\">很抱歉，该航次岸上观光服务尚未开发选定，选定开放后，我们会在第一时间以短信的方式通知您，你也可以密切关注皇家加勒比官方网站</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'ShorexInfoPopup',\r\n    props: {\r\n        onGoBack: {\r\n            type: Function\r\n        },\r\n        isShow: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        shorexInfo: {\r\n            type: Object,\r\n            default() {\r\n                return {\r\n                    freeShorex: [],\r\n                    payShorex: []\r\n                }\r\n            }\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n           activeTab: 'payShorex'\r\n        }\r\n    },\r\n    methods: {\r\n        goBack () {\r\n            this.onGoBack()\r\n        }\r\n    },\r\n    computed: {\r\n        hasShorex() {\r\n            return this.shorexInfo && (\r\n                (this.shorexInfo.freeShorex && this.shorexInfo.freeShorex.length > 0) \r\n            || (this.shorexInfo.payShorex && this.shorexInfo.payShorex.length > 0)\r\n            )\r\n        }\r\n    },\r\n    watch: {\r\n        shorexInfo (newShorexInfo) {\r\n            if (newShorexInfo.payShorex && newShorexInfo.payShorex.length > 0) {\r\n                this.activeTab = 'payShorex'\r\n            } else if (newShorexInfo.freeShorex && newShorexInfo.freeShorex.length > 0) {\r\n                this.activeTab = 'freeShorex'\r\n            } else {\r\n                this.activeTab = ''\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#shorexDetail.popup {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(100%, 0, 0);\r\n    display: block;\r\n    z-index: 10401;\r\n}\r\n#shorexDetail.modal-in {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n#shorexDetail.modal-out {\r\n    transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n#shorexDetail {\r\n    .shorexDetail-title {\r\n        padding: 15px 20px;\r\n        background-color: #fff;\r\n        overflow: hidden;\r\n        text-align: center;\r\n        margin-bottom: 10px;\r\n        position: fixed;\r\n        width: 100%;\r\n        z-index: 10;\r\n        > p {\r\n            font-family: PingFang-SC-Medium;\r\n            font-size: 14px;\r\n            color: #333333;\r\n            letter-spacing: 1px;\r\n            text-align: center;\r\n            margin: 0;\r\n        }\r\n        .shorexDetail-returnButton {\r\n            width: 30px;\r\n            position: absolute;\r\n            top: 15px;\r\n            left: 20px;\r\n            text-align: left;\r\n            > img {\r\n                width: 33%;\r\n            }\r\n        }\r\n    }\r\n\r\n    .shorexDetail {\r\n        height: 100%;\r\n        overflow: scroll;\r\n        margin-top: 50px;\r\n        padding-bottom: 50px;\r\n        background-color: #f6f7f8;\r\n        .shorexDetail-container {\r\n            .shoreTrip-tab {\r\n                -webkit-box-flex: 0;\r\n                -webkit-flex: none;\r\n                -moz-box-flex: 0;\r\n                -ms-flex: none;\r\n                flex: none;\r\n                position: relative;\r\n                display: -webkit-box;\r\n                display: -webkit-flex;\r\n                display: -moz-box;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                margin-top: 10px;\r\n                background: #FFFFFF;\r\n                -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);\r\n                box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);\r\n                overflow: hidden;\r\n                .shoreTrip-tab-item {\r\n                    -webkit-box-flex: 1;\r\n                    -webkit-flex: 1;\r\n                    -moz-box-flex: 1;\r\n                    -ms-flex: 1;\r\n                    flex: 1;\r\n                    position: relative;\r\n                    display: -webkit-box;\r\n                    display: -webkit-flex;\r\n                    display: -moz-box;\r\n                    display: -ms-flexbox;\r\n                    display: flex;\r\n                    -webkit-box-orient: vertical;\r\n                    -webkit-box-direction: normal;\r\n                    -webkit-flex-direction: column;\r\n                    -moz-box-orient: vertical;\r\n                    -moz-box-direction: normal;\r\n                    -ms-flex-direction: column;\r\n                    flex-direction: column;\r\n                    -webkit-box-align: center;\r\n                    -webkit-align-items: center;\r\n                    -moz-box-align: center;\r\n                    -ms-flex-align: center;\r\n                    align-items: center;\r\n                    -webkit-box-pack: center;\r\n                    -webkit-justify-content: center;\r\n                    -moz-box-pack: center;\r\n                    -ms-flex-pack: center;\r\n                    justify-content: center;\r\n                    height: 43px;\r\n                    font-size: 10px;\r\n                    line-height: 14px;\r\n                    color: #666;\r\n                    text-align: center;\r\n                    background: #FFFFFF;\r\n                    border-top-left-radius: 9px;\r\n                    p {\r\n                        margin: 0;\r\n                        font-size: 13px;\r\n                    }\r\n                }\r\n                .shoreTrip-tab-item:first-child {\r\n                    border-top-left-radius: 0;\r\n                    border-bottom-right-radius: 9px;\r\n                }   \r\n                .shoreTrip-tab-item.active {\r\n                    z-index: 2;\r\n                    color: #fff;\r\n                    background-color: #4A90E2;  \r\n                }\r\n            }\r\n\r\n            .shoreTrip-m {\r\n                -webkit-box-flex: 1;\r\n                -webkit-flex: 1;\r\n                -moz-box-flex: 1;\r\n                -ms-flex: 1;\r\n                flex: 1;\r\n                overflow-y: auto;\r\n                padding-top: 2px;\r\n                .shoreTrip-box {\r\n                    margin-bottom: 10px;\r\n                    padding: 0 20px 18px;\r\n                    font-size: 12px;\r\n                    line-height: 20px;\r\n                    color: #666;\r\n                    background-color: #fff;\r\n                    p {\r\n                        margin: 0;\r\n                    }\r\n                    img {\r\n                        display: block;\r\n                        width: 100%;\r\n                        margin-bottom: 15px;\r\n                    }\r\n                    .shoreTrip-box-title {\r\n                        display: -webkit-box;\r\n                        display: -webkit-flex;\r\n                        display: -moz-box;\r\n                        display: -ms-flexbox;\r\n                        display: flex;\r\n                        -webkit-box-align: center;\r\n                        -webkit-align-items: center;\r\n                        -moz-box-align: center;\r\n                        -ms-flex-align: center;\r\n                        align-items: center;\r\n                        height: 40px;\r\n                        font-size: 12px;\r\n                        line-height: 16px;\r\n                        color: #4A90E2;\r\n                        font-weight: bold;\r\n                        .shoreTrip-box-title-line {\r\n                            width: 3px;\r\n                            height: 12px;\r\n                            margin-right: 5px;\r\n                            background-color: #4A90E2;\r\n                        }\r\n                    }\r\n                    .shoreTrip-box img {\r\n                        display: block;\r\n                        width: 100%;\r\n                        margin-bottom: 15px;\r\n                    }\r\n                    .shorexBrief-css {\r\n                        font-size: 12px;\r\n                        color: #333333;\r\n                        letter-spacing: 1px;\r\n                        font-weight: bold;\r\n                    }\r\n                    p.shorexPrice-css {\r\n                        font-size: 12px;\r\n                        color: #4A90E2;\r\n                        letter-spacing: 0;\r\n                        line-height: 20px;\r\n                        margin-bottom: 5px;\r\n                        img {\r\n                            width: 12px;\r\n                            height: 12px;\r\n                            display: inline-block;\r\n                            margin-bottom: -1px;\r\n                            margin-right: 3px;\r\n                        }\r\n                        .img-price-css {\r\n                            margin-right: 7px;\r\n                            margin-left: 15px;\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n\r\n            .popupover2-txt2 {\r\n                font-size: 12px;\r\n                line-height: 20px;\r\n                color: #666;\r\n                padding-top: 10px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .shorex-empty {\r\n        padding: 20px;\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n</style>\r\n\r\n<style lang=\"less\">\r\n.shorex-content, .shorex-content p, .shorex-content span {\r\n    font-size: 12px !important;\r\n    color: #666 !important;\r\n}\r\n</style>","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!./ShorexInfoPopup.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!./ShorexInfoPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShorexInfoPopup.vue?vue&type=template&id=4e7a8c5e&scoped=true&\"\nimport script from \"./ShorexInfoPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./ShorexInfoPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShorexInfoPopup.vue?vue&type=style&index=0&id=4e7a8c5e&lang=less&scoped=true&\"\nimport style1 from \"./ShorexInfoPopup.vue?vue&type=style&index=1&lang=less&\"\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  \"4e7a8c5e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShorexInfoPopup.vue?vue&type=style&index=0&id=4e7a8c5e&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShorexInfoPopup.vue?vue&type=style&index=0&id=4e7a8c5e&lang=less&scoped=true&\""],"sourceRoot":""}