{"version":3,"sources":["webpack:///./src/components/Ship/ShipExperience.vue","webpack:///src/components/Ship/ShipExperience.vue","webpack:///./src/components/Ship/ShipExperience.vue?e3df","webpack:///./src/components/Ship/ShipExperience.vue?674d","webpack:///./src/components/Ship/ShipExperience.vue?9af9","webpack:///./node_modules/core-js/modules/es.iterator.find.js","webpack:///./node_modules/core-js/modules/esnext.iterator.find.js"],"names":["render","_vm","this","_c","_self","ref","staticClass","_l","cruiseRoyalExperienceItems","category","i","directives","name","rawName","value","currentCategory","expression","key","attrs","bannerImageUrl","contentTitle","_v","_s","contentSubTitle","class","active","on","$event","onCategoryClick","getCategoryIcon","categories","getItemList","getSubCategories","showExperiencePopup","isMenuFixed","scrollToStart","targetItem","ships","productModel","isShowExperiencePopup","closeExperiencePopup","staticRenderFns","ShipExperienceGroup","ShipExperiencePopup","components","props","type","Array","itemViewModels","data","beforeMount","window","addEventListener","menuFixedHandler","initCurrentCategory","beforeDestroy","removeEventListener","methods","filter","r","getBanner","find","item","itemViewModel","id","vrUrl","scrollTop","scrollY","experienceBanner","$refs","experiencePart","targetTop","offsetTop","offsetHeight","scroll","top","behavior","length","menuIndex","urlHash","$router","currentRoute","hash","toLowerCase","computed","map","watch","component","$","iterate","aCallable","anObject","getIteratorDirect","target","proto","real","predicate","record","counter","stop","IS_RECORD","INTERRUPTED","result"],"mappings":"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","file":"js/chunk-26d8d9a8.051538a4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"experiencePart\",staticClass:\"shipDetail-pcpCon\"},[_c('div',{staticClass:\"shipDetail-pcpContainer\"},[_c('div',{ref:\"experienceBanner\",staticClass:\"shipDetail-pcpMenuBg\"},_vm._l((_vm.cruiseRoyalExperienceItems),function(category,i){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentCategory==category.category),expression:\"currentCategory==category.category\"}],key:('categoryBanner_' + i),staticClass:\"pcpMenuBg-img\"},[_c('img',{attrs:{\"src\":category.bannerImageUrl,\"alt\":category.contentTitle}}),_c('div',{staticClass:\"pcpMenuBg-imgTxt\"},[_c('div',{staticClass:\"pcpMenuBg-imgTxtB\"},[_vm._v(_vm._s(category.contentTitle))]),_c('div',[_vm._v(_vm._s(category.contentSubTitle))])]),_c('div',{staticClass:\"pcpMenuBg-modelBg\"})])}),0),_c('div',{staticClass:\"shipDetail-pcpMenuList\"},_vm._l((_vm.cruiseRoyalExperienceItems),function(category,i){return _c('div',{key:('categoryMenu_' + i),staticClass:\"shipDetail-pcpMenu\",class:{ active: _vm.currentCategory==category.category},on:{\"click\":function($event){return _vm.onCategoryClick(category.category)}}},[_c('div',{staticClass:\"pcpMenu-itemPic\"},[_c('img',{attrs:{\"src\":_vm.getCategoryIcon(category.category)[0],\"alt\":category.category}})]),_c('div',{staticClass:\"pcpMenu-itemCon\"},[_c('div',{staticClass:\"pcpMenu-itemIcon\"},[_c('img',{attrs:{\"src\":_vm.getCategoryIcon(category.category)[1],\"alt\":category.category}})]),_c('div',{staticClass:\"pcpMenu-itemIconActive\"},[_c('img',{attrs:{\"src\":_vm.getCategoryIcon(category.category)[2],\"alt\":category.category}})]),_c('p',{staticClass:\"pcpMenu-itemTxt\"},[_vm._v(_vm._s(category.category))])])])}),0),_vm._l((_vm.categories),function(category,i){return _c('ShipExperienceGroup',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentCategory==category),expression:\"currentCategory==category\"}],key:('itemGroup_' + i),attrs:{\"items\":_vm.getItemList(category),\"subCategories\":_vm.getSubCategories(category),\"category\":category,\"onItemClick\":_vm.showExperiencePopup,\"isMenuFixed\":_vm.isMenuFixed,\"scrollToStart\":_vm.scrollToStart}})}),_c('ShipExperiencePopup',{attrs:{\"item\":_vm.targetItem,\"ships\":_vm.ships,\"itemList\":_vm.productModel,\"isShow\":_vm.isShowExperiencePopup,\"onClose\":_vm.closeExperiencePopup}})],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isMenuFixed),expression:\"isMenuFixed\"}],staticClass:\"shipDetail-topMenu\"},[_c('div',{staticClass:\"topMenu-content\"},[_c('ul',_vm._l((_vm.cruiseRoyalExperienceItems),function(category,i){return _c('li',{key:('categoryFixedMenu_' + i),class:{ active: _vm.currentCategory==category.category},on:{\"click\":function($event){return _vm.onCategoryClick(category.category)}}},[_c('div',{staticClass:\"menuIcon\"},[_c('img',{staticClass:\"imgT\",attrs:{\"src\":_vm.getCategoryIcon(category.category)[1],\"alt\":category.category}}),_c('img',{staticClass:\"imgF\",attrs:{\"src\":_vm.getCategoryIcon(category.category)[2],\"alt\":category.category}})]),_c('span',[_vm._v(_vm._s(category.category))])])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shipDetail-pcpCon\" ref=\"experiencePart\">\r\n        <div class=\"shipDetail-pcpContainer\">\r\n            <div class=\"shipDetail-pcpMenuBg\" ref=\"experienceBanner\">\r\n                <div class=\"pcpMenuBg-img\" v-for=\"(category, i) in cruiseRoyalExperienceItems\"\r\n                :key=\"('categoryBanner_' + i)\" v-show=\"currentCategory==category.category\"\r\n                >\r\n                    <img :src=\"category.bannerImageUrl\" :alt=\"category.contentTitle\">\r\n                    <div class=\"pcpMenuBg-imgTxt\">\r\n                        <div class=\"pcpMenuBg-imgTxtB\">{{category.contentTitle}}</div>\r\n                        <div>{{category.contentSubTitle}}</div>\r\n                    </div>\r\n                    <div class=\"pcpMenuBg-modelBg\"></div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"shipDetail-pcpMenuList\">\r\n                <div class=\"shipDetail-pcpMenu\" v-for=\"(category, i) in cruiseRoyalExperienceItems\"\r\n                :key=\"('categoryMenu_' + i)\" @click=\"onCategoryClick(category.category)\"\r\n                :class=\"{ active: currentCategory==category.category}\">\r\n                    <div class=\"pcpMenu-itemPic\">\r\n                        <img :src=\"getCategoryIcon(category.category)[0]\" :alt=\"category.category\">\r\n                    </div>\r\n                    <div class=\"pcpMenu-itemCon\">\r\n                        <div class=\"pcpMenu-itemIcon\">\r\n                            <img :src=\"getCategoryIcon(category.category)[1]\" :alt=\"category.category\">\r\n                        </div>\r\n                        <div class=\"pcpMenu-itemIconActive\">\r\n                            <img :src=\"getCategoryIcon(category.category)[2]\" :alt=\"category.category\">\r\n                        </div>\r\n                        <p class=\"pcpMenu-itemTxt\">{{category.category}}</p>\r\n                    </div>\r\n                </div>\r\n               \r\n            </div>\r\n\r\n            <ShipExperienceGroup \r\n                v-for=\"(category, i) in categories\" :key=\"('itemGroup_' + i)\"\r\n                v-show=\"currentCategory==category\"\r\n                :items=\"getItemList(category)\"\r\n                :subCategories=\"getSubCategories(category)\"\r\n                :category=\"category\"\r\n                :onItemClick=\"showExperiencePopup\"\r\n                :isMenuFixed=\"isMenuFixed\"\r\n                :scrollToStart=\"scrollToStart\"\r\n            />\r\n\r\n            <ShipExperiencePopup \r\n                :item=\"targetItem\"\r\n                :ships=\"ships\"\r\n                :itemList=\"productModel\"\r\n                :isShow=\"isShowExperiencePopup\"\r\n                :onClose=\"closeExperiencePopup\"\r\n            />\r\n\r\n        </div>\r\n\r\n        <div class=\"shipDetail-topMenu\" v-show=\"isMenuFixed\">\r\n            <div class=\"topMenu-content\">\r\n                <ul>\r\n                    <li v-for=\"(category, i) in cruiseRoyalExperienceItems\"\r\n                    :key=\"('categoryFixedMenu_' + i)\" @click=\"onCategoryClick(category.category)\"\r\n                    :class=\"{ active: currentCategory==category.category}\">\r\n                        <div class=\"menuIcon\">\r\n                            <img class=\"imgT\" :src=\"getCategoryIcon(category.category)[1]\" :alt=\"category.category\">\r\n                            <img class=\"imgF\" :src=\"getCategoryIcon(category.category)[2]\" :alt=\"category.category\">\r\n                        </div>\r\n                        <span>{{category.category}}</span>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst ShipExperienceGroup = () => import('@/components/Ship/ShipExperienceGroup')\r\nconst ShipExperiencePopup = () => import('@/components/Ship/ShipExperiencePopup')\r\nexport default {\r\n    name: \"ShipExperience\",\r\n    components: {\r\n        ShipExperienceGroup,\r\n        ShipExperiencePopup\r\n    },\r\n    props: {\r\n        productModel: {\r\n            type: Array,\r\n        },\r\n        cruiseRoyalExperienceItems: {\r\n            type: Array,\r\n        },\r\n        itemViewModels: {\r\n            type: Array\r\n        },\r\n        ships: {\r\n            type: Array\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            currentCategory: \"\",\r\n            // 点击选中的item\r\n            targetItem: {},\r\n            isShowExperiencePopup: false,\r\n            isMenuFixed: false\r\n        }\r\n    },\r\n    beforeMount () {\r\n        window.addEventListener(\"scroll\", this.menuFixedHandler)\r\n        window.addEventListener('hashchange', this.initCurrentCategory)\r\n    },\r\n    beforeDestroy () {\r\n        window.removeEventListener(\"scroll\", this.menuFixedHandler)\r\n        window.removeEventListener(\"hashchange\", this.initCurrentCategory)\r\n    },\r\n    methods: {\r\n        getItemList (category) {\r\n            return this.productModel.filter(r=>r.category==category)\r\n        },\r\n        getBanner (category) {\r\n            return this.cruiseRoyalExperienceItems.find(r=>r.category == category) || {}\r\n        },\r\n        getSubCategories (category) {\r\n            switch (category) {\r\n                case '超凡美食': return [\"免费餐厅\", \"收费餐厅\", \"酒吧\", \"其他餐饮服务\"]\r\n                case '超凡客房': return [\"套房\", \"阳台房\", \"海景房\", \"内舱房\"]\r\n                case '超凡活动': return [\"招牌演出\", \"休闲娱乐\", \"激情运动\", \"互动课程\"]\r\n                case '超凡童趣': return [\"海上历奇\", \"梦工厂\", \"儿童游乐\"]\r\n                default: return ['']\r\n            }\r\n        },\r\n        getCategoryIcon (category) {\r\n            switch (category) {\r\n                case '超凡美食': \r\n                    return ['https://resource.rcclchina.com.cn/rcclQN/image/shadowimg1.png'\r\n                    ,'https://resource.rcclchina.com.cn/shipDetail/Food.png'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/FoodHover.png']\r\n                case '超凡客房': \r\n                    return ['https://resource.rcclchina.com.cn/rcclQN/image/shadowimg2.png'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/guestRoom.png'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/guestRoomHover.png']\r\n                case '超凡活动':\r\n                    return ['https://resource.rcclchina.com.cn/QN%E7%BE%8E%E9%A3%9F/%E8%B6%85%E5%87%A1%E6%B4%BB%E5%8A%A8%20(1).jpg'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/entertainments.png'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/entertainmentsHover.png']\r\n                case '超凡购物':\r\n                    return ['https://resource.rcclchina.com.cn/QN%E7%BE%8E%E9%A3%9F/%E8%B6%85%E5%87%A1%E8%B4%AD%E7%89%A9%20(1).jpg'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/shopping.png'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/shoppingHover.png']\r\n                case '超凡童趣':\r\n                    return ['https://resource.rcclchina.com.cn/rcclQN/image/shadowimg7.png'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/childimg.png'\r\n                    , 'https://resource.rcclchina.com.cn/shipDetail/childimgHover.png']\r\n                case '超凡设施':\r\n                    return ['https://resource.rcclchina.com.cn/rcclQN/image/facitilies143x273.png'\r\n                    , 'https://resource.rcclchina.com.cn/rcclQN/image/facitiliesimg3.png'\r\n                    , 'https://resource.rcclchina.com.cn/rcclQN/image/facitiliesimg4.png']\r\n                default:\r\n                    return ['', '', '']\r\n            }\r\n        },\r\n        showExperiencePopup (item) {\r\n            const itemViewModel = this.itemViewModels.find(r=>r.id == item.id)\r\n            if (!itemViewModel) {\r\n                return\r\n            }\r\n            this.targetItem = itemViewModel\r\n            this.targetItem.vrUrl = item.vrUrl\r\n            this.isShowExperiencePopup = true\r\n        },\r\n        closeExperiencePopup () {\r\n            this.targetItem = {}\r\n            this.isShowExperiencePopup = false\r\n        },\r\n        menuFixedHandler () {\r\n            const scrollTop = window.scrollY\r\n            const experienceBanner = this.$refs.experienceBanner\r\n            const experiencePart = this.$refs.experiencePart\r\n            const targetTop = experienceBanner.offsetTop + experienceBanner.offsetHeight + experiencePart.offsetTop \r\n            if (scrollTop >= targetTop) {\r\n                this.isMenuFixed = true\r\n            } else {\r\n                this.isMenuFixed = false\r\n            }\r\n        },\r\n        onCategoryClick (category) {\r\n            this.currentCategory = category\r\n            this.scrollToStart()\r\n        },\r\n        //页面滚动至Item开始的地方\r\n        scrollToStart () {\r\n            const scrollTop = window.scrollY\r\n            const experienceBanner = this.$refs.experienceBanner\r\n            const experiencePart = this.$refs.experiencePart\r\n            const targetTop = experienceBanner.offsetTop + experiencePart.offsetTop\r\n            if (scrollTop > targetTop) {\r\n                window.scroll({\r\n                    top: targetTop,\r\n                    behavior: \"smooth\"\r\n                })\r\n            }\r\n        },\r\n        initCurrentCategory () {\r\n            if (this.cruiseRoyalExperienceItems.length > 0) {\r\n                let menuIndex = 0\r\n                let urlHash = this.$router.currentRoute.hash + \"\"\r\n                if (urlHash && urlHash.length > 0) {\r\n                    urlHash = urlHash.toLowerCase()\r\n                    switch (urlHash) {\r\n                        case \"#food\":\r\n                            menuIndex = 0; break;\r\n                        case \"#room\":\r\n                            menuIndex = 1; break;\r\n                        case \"#activity\":\r\n                            menuIndex = 2; break;\r\n                        case \"#shopping\":\r\n                            menuIndex = 3; break;\r\n                        case \"#kid\":\r\n                            menuIndex = 4; break;\r\n                        case \"#entertainment\":\r\n                            menuIndex = 5; break;\r\n                        default:\r\n                            break;\r\n                    }\r\n                }\r\n                if (menuIndex < this.cruiseRoyalExperienceItems.length) {\r\n                    this.currentCategory = this.cruiseRoyalExperienceItems[menuIndex].category\r\n                } else {\r\n                    this.currentCategory = this.cruiseRoyalExperienceItems[0].category\r\n                }\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        categories () {\r\n            return this.cruiseRoyalExperienceItems.map(r=>r.category)\r\n        }\r\n    },\r\n    watch: {\r\n        cruiseRoyalExperienceItems () {\r\n            this.initCurrentCategory()\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\nimg {\r\n    width: 100%;\r\n}\r\n.shipDetail-pcpCon {\r\n    background-color: #fff;\r\n    padding-bottom: 15px;\r\n    .shipDetail-pcpContainer {\r\n        position: relative;\r\n    }\r\n    .shipDetail-pcpMenuBg {\r\n        width: 100%;\r\n        height: 188px;\r\n        overflow: hidden;\r\n        .pcpMenuBg-img {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            img {\r\n                width: 112%;\r\n            }\r\n        }\r\n        .pcpMenuBg-imgTxt {\r\n            position: absolute;\r\n            top: 40px;\r\n            left: 50%;\r\n            width: 352px;\r\n            text-align: center;\r\n            margin-left: -176px;\r\n            font-size: 12px;\r\n            color: #fff;\r\n            letter-spacing: 1px;\r\n            z-index: 33;\r\n            .pcpMenuBg-imgTxtB {\r\n                font-size: 15px;\r\n                margin-bottom: 2px;\r\n            }\r\n        }\r\n        .pcpMenuBg-modelBg {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            background-color: rgba(0,0,0,.3);\r\n        }\r\n    }\r\n\r\n    .shipDetail-pcpMenuList {\r\n        overflow: hidden;\r\n        padding: 0 3.2%;\r\n        margin-top: -92px;\r\n        text-align: center;\r\n        display: flex;\r\n        justify-content: center;\r\n        .shipDetail-pcpMenu {\r\n            width: 15.1%;\r\n            position: relative;\r\n            float: left;\r\n            .pcpMenu-itemPic {\r\n                width: 100%;\r\n                height: 120px;\r\n                overflow: hidden;\r\n                img {\r\n                    width: 140%;\r\n                }\r\n            }\r\n            .pcpMenu-itemCon {\r\n                background-color: rgba(0,0,0,.7);\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 120px;\r\n                .pcpMenu-itemIcon {\r\n                    margin: 0 auto;\r\n                    margin-top: 35px;\r\n                    width: 34.286%;\r\n                    height: 17px;\r\n                }\r\n                .pcpMenu-itemIconActive {\r\n                    margin: 0 auto;\r\n                    margin-top: 35px;\r\n                    width: 20.455%;\r\n                    height: 17px;\r\n                    display: none;\r\n                }\r\n                .pcpMenu-itemTxt {\r\n                    margin-top: 9px;\r\n                    font-size: 12px;\r\n                    color: #fff;\r\n                    text-align: center;\r\n                    transform: scale(.95);\r\n                    -webkit-transform: scale(.95);\r\n                    -moz-transform: scale(.95);\r\n                    -o-transform: scale(.95);\r\n                }\r\n            }\r\n        }\r\n        .shipDetail-pcpMenu.active {\r\n            width: 24.333%;\r\n            float: left;\r\n            .pcpMenu-itemCon {\r\n                background-color: rgba(240,175,17,.9);\r\n                .pcpMenu-itemIcon {\r\n                    display: none;\r\n                }\r\n                .pcpMenu-itemIconActive {\r\n                    display: block;\r\n                }\r\n                .pcpMenu-itemTxt {\r\n                    font-size: 13px;\r\n                    color: #000;\r\n                    font-weight: bolder;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .shipDetail-topMenu {\r\n        position: fixed;\r\n        width: 100%;\r\n        top: 50px;\r\n        z-index: 20;\r\n        .topMenu-content {\r\n            background: #f2f2ef;\r\n            text-align: center;\r\n            ul {\r\n                width: 100%;\r\n                overflow: hidden;\r\n                li {\r\n                    font-size: 12px;\r\n                    width: 55px;\r\n                    height: 53px;\r\n                    float: left;\r\n                    .menuIcon {\r\n                        width: 100%;\r\n                        height: 24px;\r\n                        overflow: hidden;\r\n                        margin-top: 3px;\r\n                        margin-bottom: 3px;\r\n                    }\r\n                    span {\r\n                        transform: scale(.9);\r\n                        -webkit-transform: scale(.9);\r\n                        -moz-transform: scale(.9);\r\n                        -o-transform: scale(.9);\r\n                    }\r\n                    img {\r\n                        width: 19px;\r\n                        margin: 0 auto;\r\n                        vertical-align: -webkit-baseline-middle;\r\n                    }\r\n                    .imgF {\r\n                        display: none;\r\n                    }\r\n                    .imgT {\r\n                        display: inline-block;\r\n                    }\r\n                }\r\n                li.active {\r\n                    width: 99px;\r\n                    background: #f1af12;\r\n                    font-size: 13px;\r\n                    font-weight: 600;\r\n                    .menuIcon {\r\n                        margin-bottom: 1px;\r\n                    }\r\n                    span {\r\n                        transform: scale(1);\r\n                        -webkit-transform: scale(1);\r\n                        -moz-transform: scale(1);\r\n                        -o-transform: scale(1);\r\n                    }\r\n                    .imgF {\r\n                        display: inline-block;\r\n                    }\r\n                    .imgT {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\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!./ShipExperience.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!./ShipExperience.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ShipExperience.vue?vue&type=template&id=20a94799&scoped=true\"\nimport script from \"./ShipExperience.vue?vue&type=script&lang=js\"\nexport * from \"./ShipExperience.vue?vue&type=script&lang=js\"\nimport style0 from \"./ShipExperience.vue?vue&type=style&index=0&id=20a94799&prod&lang=less&scoped=true\"\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  \"20a94799\",\n  null\n  \n)\n\nexport default component.exports","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!./ShipExperience.vue?vue&type=style&index=0&id=20a94799&prod&lang=less&scoped=true\"","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.find` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.find\n$({ target: 'Iterator', proto: true, real: true }, {\n  find: function find(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return iterate(record, function (value, stop) {\n      if (predicate(value, counter++)) return stop(value);\n    }, { IS_RECORD: true, INTERRUPTED: true }).result;\n  }\n});\n","'use strict';\n// TODO: Remove from `core-js@4`\nrequire('../modules/es.iterator.find');\n"],"sourceRoot":""}