{"version":3,"sources":["webpack:///./src/components/Booking/GuestPassportPopup.vue?f510","webpack:///src/components/Booking/GuestPassportPopup.vue","webpack:///./src/components/Booking/GuestPassportPopup.vue?b424","webpack:///./src/components/Booking/GuestPassportPopup.vue","webpack:///./node_modules/core-js/modules/es.string.includes.js","webpack:///./node_modules/core-js/internals/not-a-regexp.js","webpack:///./src/components/Booking/GuestPassportPopup.vue?6211","webpack:///./node_modules/core-js/internals/correct-is-regexp-logic.js","webpack:///./node_modules/core-js/modules/es.array.includes.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","in","isShowModal","active","isShow","attrs","on","onModalClose","staticStyle","_v","_s","guest","chineseLastName","chineseFirstName","pinYinLastName","pinYinFirstName","domProps","txtFocus","$event","target","composing","passPortNum","passPortNumInput","preventDefault","isCalendarShow","passPortExpirationDate","passPortExpirationDateChanged","_e","updateGuestPassport","staticRenderFns","component","$","notARegExp","requireObjectCoercible","correctIsRegExpLogic","proto","forced","includes","searchString","String","indexOf","arguments","length","undefined","isRegExp","module","exports","it","TypeError","wellKnownSymbol","MATCH","METHOD_NAME","regexp","e","f","$includes","addToUnscopables","arrayMethodUsesToLength","USES_TO_LENGTH","ACCESSORS","1","el"],"mappings":"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","file":"js/chunk-2468b79c.d22327f8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShow),expression:\"isShow\"}],staticClass:\"modal order_modal_con fade\",class:{ in: _vm.isShowModal, active: _vm.isShow},attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"myModalLabel\",\"aria-hidden\":\"true\",\"id\":\"guestPassport\"}},[_c('div',{staticClass:\"modal-bg\",on:{\"click\":_vm.onModalClose}}),_c('div',{staticClass:\"common-modal-dialog modal-dialog\",staticStyle:{\"width\":\"715px\"}},[_c('div',{staticClass:\"modal-content passport_con\"},[_c('div',{staticClass:\"common-modal-close\",attrs:{\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":_vm.onModalClose}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\"}})]),_c('div',{staticClass:\"pspt_title\"},[_vm._v(\"补全护照信息\")]),_c('div',{staticClass:\"msg_prompt\"}),_c('div',{staticClass:\"pspt_name\"},[_vm._v(_vm._s((_vm.guest.chineseLastName+_vm.guest.chineseFirstName))+\" \"+_vm._s((_vm.guest.pinYinLastName+ \" \" + _vm.guest.pinYinFirstName)))]),_c('div',{staticClass:\"pspt_num_con\"},[_c('span',[_vm._v(\"护照号\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passPortNum),expression:\"passPortNum\"}],attrs:{\"type\":\"text\",\"placeholder\":\"必填，必须与护照一致\",\"data-key\":\"PassPortNum\",\"name\":\"\",\"id\":\"passportNumberInput\"},domProps:{\"value\":(_vm.passPortNum)},on:{\"focus\":_vm.txtFocus,\"input\":[function($event){if($event.target.composing){ return; }_vm.passPortNum=$event.target.value},_vm.passPortNumInput]}})]),_c('div',{staticClass:\"pspt_num_con\"},[_c('span',[_vm._v(\"有效期至\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passPortExpirationDate),expression:\"passPortExpirationDate\"}],attrs:{\"type\":\"text\",\"placeholder\":\"必填，必须与护照一致\",\"data-key\":\"PassPortExpirationDate\",\"name\":\"\",\"id\":\"passportDateInput\"},domProps:{\"value\":(_vm.passPortExpirationDate)},on:{\"focus\":_vm.txtFocus,\"click\":function($event){$event.preventDefault();_vm.isCalendarShow=true},\"input\":function($event){if($event.target.composing){ return; }_vm.passPortExpirationDate=$event.target.value}}}),_c('img',{staticClass:\"calendar_icon\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/order/calendar.png\"},on:{\"click\":function($event){$event.preventDefault();_vm.isCalendarShow=true}}}),(_vm.isCalendarShow)?_c('RcclCalendar',{staticClass:\"guestInfo-calender\",attrs:{\"allowPreYear\":false,\"defaultDate\":_vm.passPortExpirationDate},on:{\"onDateClicked\":_vm.passPortExpirationDateChanged}}):_vm._e()],1),_c('div',{staticClass:\"pspt_mark\"},[_vm._v(\"一旦提交将不得更改，请再次确认。\")]),_c('div',{staticClass:\"btns_con\"},[_c('input',{staticClass:\"close_guest_passport_modal\",attrs:{\"type\":\"button\",\"name\":\"\",\"value\":\"取消\"},on:{\"click\":_vm.onModalClose}}),_c('input',{staticClass:\"btn_sure submit-passport\",attrs:{\"type\":\"button\",\"name\":\"\",\"value\":\"确定\"},on:{\"click\":_vm.updateGuestPassport}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"modal order_modal_con fade\" :class=\"{ in: isShowModal, active: isShow}\"\r\n        tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\" v-show=\"isShow\" id=\"guestPassport\">\r\n        <div class=\"modal-bg\" @click=\"onModalClose\"></div>\r\n        <div class=\"common-modal-dialog modal-dialog\" style=\"width: 715px;\">\r\n            <div class=\"modal-content passport_con\">\r\n                <div class=\"common-modal-close\" data-dismiss=\"modal\" aria-label=\"Close\" @click=\"onModalClose\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\">\r\n                </div>\r\n                <div class=\"pspt_title\">补全护照信息</div>\r\n                <div class=\"msg_prompt\">\r\n                </div>\r\n                <div class=\"pspt_name\">{{(guest.chineseLastName+guest.chineseFirstName)}} {{(guest.pinYinLastName+ \" \" + guest.pinYinFirstName)}}</div>\r\n                <div class=\"pspt_num_con\">\r\n                    <span>护照号</span>\r\n                    <input type=\"text\" placeholder=\"必填，必须与护照一致\" v-model=\"passPortNum\" data-key=\"PassPortNum\" @focus=\"txtFocus\" @input=\"passPortNumInput\" name=\"\" id=\"passportNumberInput\">\r\n                </div>\r\n                <div class=\"pspt_num_con\">\r\n                    <span>有效期至</span>\r\n                    <input type=\"text\" placeholder=\"必填，必须与护照一致\" v-model=\"passPortExpirationDate\" data-key=\"PassPortExpirationDate\" @focus=\"txtFocus\" name=\"\" id=\"passportDateInput\"\r\n                    @click.prevent=\"isCalendarShow=true\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/tui2/order/calendar.png\" class=\"calendar_icon\" @click.prevent=\"isCalendarShow=true\">\r\n                    <RcclCalendar\r\n                        class=\"guestInfo-calender\"\r\n                        v-if=\"isCalendarShow\"\r\n                        :allowPreYear=\"false\"\r\n                        :defaultDate=\"passPortExpirationDate\"\r\n                        v-on:onDateClicked=\"passPortExpirationDateChanged\"\r\n                    />\r\n                </div>\r\n                <div class=\"pspt_mark\">一旦提交将不得更改，请再次确认。</div>\r\n\r\n                <div class=\"btns_con\">\r\n                    <input type=\"button\" class=\"close_guest_passport_modal\" name=\"\" value=\"取消\" @click=\"onModalClose\">\r\n                    <input class=\"btn_sure submit-passport\" type=\"button\" name=\"\" value=\"确定\" @click=\"updateGuestPassport\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nconst RcclCalendar = () => import('@/components/Common/RcclCalendar')\r\nexport default {\r\n    name: \"GuestPassportPopup\",\r\n    components: {\r\n        RcclCalendar\r\n    },\r\n    props: {\r\n        isShow: {\r\n            type: Boolean\r\n        },\r\n        guest: {\r\n            type: Object,\r\n            default () {\r\n                return {\r\n                    chineseLastName: \"\",\r\n                    chineseFirstName: \"\",\r\n                    pinYinLastName: \"\",\r\n                    pinYinFirstName: \"\",\r\n                    id: 0,\r\n                    passPortNum: \"\",\r\n                    passPortExpirationDate: \"\"\r\n                }\r\n            }\r\n        },\r\n        onGuestPassportChange: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowModal: false,\r\n            passPortNum: \"\",\r\n            passPortExpirationDate: \"\",\r\n            isCalendarShow: false,\r\n            originalPassPortNum: '',\r\n            originalPassPortExpirationDate: '',\r\n            isMaskValue: true,\r\n            isPassPortExpirationDateChanged: false,\r\n            updateFields: [],\r\n            isPassPortNumInput: false\r\n        }\r\n    },\r\n    mounted () {\r\n        // this.passPortNum = this.guest.passPortNum\r\n        // if (this.guest.passPortExpirationDate && this.guest.passPortExpirationDate.length > 0) {\r\n        //     if (this.guest.passPortExpirationDate.length > 10) {\r\n        //         this.passPortExpirationDate = this.guest.passPortExpirationDate.substring(0, 10)\r\n        //     } else {\r\n        //         this.passPortExpirationDate = this.guest.passPortExpirationDate\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        onModalClose () {\r\n          console.log('dd')\r\n            this.isShowModal = false\r\n            this.isCalendarShow = false\r\n            this.updateFields = [];\r\n            this.isPassPortNumInput = false;\r\n            this.isPassPortExpirationDateChanged = false;\r\n            this.passPortNum = this.originalPassPortNum = \"\";\r\n            this.passPortExpirationDate = this.originalPassPortExpirationDate = \"\";\r\n            setTimeout(()=> {\r\n                this.$emit('onModalClose')\r\n            }, 100)\r\n        },\r\n        passPortExpirationDateChanged(date) {\r\n          this.isCalendarShow = false\r\n          if(date) {\r\n            this.passPortExpirationDate = date;\r\n            this.isPassPortExpirationDateChanged = true;\r\n            if(!this.updateFields.includes(\"PassPortExpirationDate\")) {\r\n              this.updateFields.push('PassPortExpirationDate');\r\n            }\r\n          }\r\n        },\r\n        async updateGuestPassport () {\r\n            // if (!this.passPortNum || this.passPortNum.length == 0) {\r\n            //     this.$alert.show(\"请填写护照号\");\r\n            //     return\r\n            // }\r\n            // if (!this.passPortExpirationDate || this.passPortExpirationDate.length == 0) {\r\n            //     this.$alert.show(\"请填写护照有效期\");\r\n            //     return\r\n            // }\r\n\r\n            if (this.updateFields.length === 0) {\r\n              this.$alert.show('没有任何修改');\r\n              return false\r\n            }\r\n\r\n            if (!this.isMaskValue || this.updateFields.includes(\"PassPortNum\")) {\r\n              if (!this.passPortNum || this.passPortNum.length == 0) {\r\n                this.$alert.show(\"请输入正确的护照号\");\r\n                return\r\n              }\r\n            }\r\n\r\n            if (!this.isMaskValue || this.updateFields.includes(\"PassPortExpirationDate\")) {\r\n              if (!this.passPortExpirationDate || this.passPortExpirationDate.length == 0) {\r\n                this.$alert.show(\"请填写护照有效期\");\r\n                return\r\n              }\r\n            }\r\n\r\n            const request = {\r\n                id: this.guest.id,\r\n                passPortNum: this.passPortNum,\r\n                passPortExpirationDate: this.passPortExpirationDate,\r\n                updateFields: this.updateFields\r\n            }\r\n            this.$loading.show()\r\n            const { success, errMsg } = await api.booking.updateBookingGuest(request)\r\n            this.$loading.hide()\r\n            if (!success) {\r\n                if (errMsg && errMsg.length > 0) {\r\n                    this.$alert.show(errMsg)\r\n                }\r\n            } else {\r\n                this.$alert.show(\"修改成功\")\r\n                this.onModalClose();\r\n                this.onGuestPassportChange(request)\r\n            }\r\n        },\r\n        txtFocus(e) {\r\n          let dataKey = e.target.getAttribute('data-key')\r\n          if (this.isMaskValue) {\r\n            if(dataKey === 'PassPortNum' && !this.isPassPortNumInput) {\r\n              this.passPortNum = '';\r\n              if(!this.updateFields.includes(\"PassPortNum\")) {\r\n                this.updateFields.push(\"PassPortNum\")\r\n              }\r\n            }\r\n            if(dataKey === 'PassPortExpirationDate' && !this.isPassPortExpirationDateChanged) {\r\n              this.passPortExpirationDate = '';\r\n              if(!this.updateFields.includes(\"PassPortExpirationDate\")) {\r\n                this.updateFields.push(\"PassPortExpirationDate\")\r\n              }\r\n            }\r\n          }\r\n        },\r\n        passPortNumInput() {\r\n          this.isPassPortNumInput = true;\r\n          if(!this.updateFields.includes(\"PassPortNum\")) {\r\n            this.updateFields.push(\"PassPortNum\")\r\n          }\r\n        }\r\n    },\r\n    watch: {\r\n        isShow (newValue) {\r\n          setTimeout(()=> {\r\n              this.isShowModal = newValue;\r\n              this.isMaskValue = this.$store.state.page.isMaskValue;\r\n              console.log(this.guest)\r\n              if(newValue) {\r\n                console.log(this.guest.passPortExpirationDateStr)\r\n                console.log(this.guest.passPortExpirationDate)\r\n                this.passPortNum = this.originalPassPortNum = this.guest.passPortNum\r\n                let passPortExpirationDate = \"\";\r\n                if (this.guest.passPortExpirationDate && this.guest.passPortExpirationDate.length > 0) {\r\n                  if (this.guest.passPortExpirationDate.length > 10) {\r\n                    passPortExpirationDate = this.originalPassPortExpirationDate = this.guest.passPortExpirationDate.substring(0, 10);\r\n                    this.passPortExpirationDate = this.isMaskValue ? this.guest.passPortExpirationDateStr : passPortExpirationDate;\r\n                  } else {\r\n                    passPortExpirationDate = this.originalPassPortExpirationDate = this.guest.passPortExpirationDate;\r\n                    this.passPortExpirationDate = this.isMaskValue ? this.guest.passPortExpirationDateStr : passPortExpirationDate;\r\n                  }\r\n                }\r\n              }\r\n          }, 100)\r\n        },\r\n        // guest (newValue) {\r\n            // this.passPortNum = newValue.passPortNum\r\n            // if (this.guest.passPortExpirationDate && newValue.passPortExpirationDate.length > 0) {\r\n            //     if (this.guest.passPortExpirationDate.length > 10) {\r\n            //         this.passPortExpirationDate = newValue.passPortExpirationDate.substring(0, 10)\r\n            //     } else {\r\n            //         this.passPortExpirationDate = newValue.passPortExpirationDate\r\n            //     }\r\n            // }\r\n        // }\r\n    }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"less\" scoped>\r\n.modal-body {\r\n    padding: 20px;\r\n    margin-top: 20px;\r\n}\r\n.modal-dialog {\r\n    top: 50px;\r\n\r\n}\r\n\r\n.modal {\r\n    .common-modal-close {\r\n        position: absolute;\r\n        width: 28px;\r\n        top: 3px;\r\n        right: 5px;\r\n        z-index: 2;\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\n.modal.active {\r\n    display: block;\r\n}\r\n\r\n.modal-bg {\r\n    position: fixed;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\r\n.order_modal_con {\r\n    background-color: transparent;\r\n}\r\n\r\n.order_modal_con .common-modal-dialog {\r\n    overflow: initial;\r\n}\r\n\r\n.order_modal_con .passport_con {\r\n    background-color: #fff;\r\n    border-radius: 5px;\r\n}\r\n\r\n.order_modal_con .passport_con .pspt_title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #282b2c;\r\n    padding: 17px 22px;\r\n}\r\n\r\n.order_modal_con .passport_con .pspt_name {\r\n    font-size: 14px;\r\n    color: #282b2c;\r\n    line-height: 18px;\r\n    padding: 0 22px;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.order_modal_con .passport_con .pspt_num_con {\r\n    padding: 0 22px;\r\n    font-size: 14px;\r\n    color: #747d80;\r\n    vertical-align: center;\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.order_modal_con .passport_con .pspt_num_con .calendar_icon {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 30px;\r\n}\r\n\r\n.order_modal_con .passport_con .pspt_num_con input {\r\n    height: 36px;\r\n    width: 247px;\r\n}\r\n\r\n.order_modal_con .passport_con .pspt_mark {\r\n    font-size: 12px;\r\n    color: #ff3022;\r\n    padding: 10px 22px;\r\n    text-align: center;\r\n}\r\n\r\n.order_modal_con .passport_con .btns_con {\r\n    padding: 10px 0;\r\n    width: 100%;\r\n    background-color: #f3f6f8;\r\n    border-top: 1px solid #d3dadd;\r\n    text-align: center;\r\n}\r\n\r\n.order_modal_con .passport_con .btns_con input {\r\n    width: 78px;\r\n    height: 30px;\r\n    background-color: #ffffff;\r\n    border: solid 1px #d3dadd;\r\n}\r\n\r\n.order_modal_con .passport_con .btns_con .btn_sure {\r\n    background-color: #006ab9;\r\n    color: #fff;\r\n}\r\n\r\n.order_modal_con .passport_con input {\r\n    font-style: normal;\r\n    padding-left: 5px;\r\n    margin-left: 5px;\r\n    border-top: none;\r\n    border-left: none;\r\n    border-right: none;\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!./GuestPassportPopup.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!./GuestPassportPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GuestPassportPopup.vue?vue&type=template&id=1b285d14&scoped=true&\"\nimport script from \"./GuestPassportPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./GuestPassportPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GuestPassportPopup.vue?vue&type=style&index=0&id=1b285d14&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  \"1b285d14\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar notARegExp = require('../internals/not-a-regexp');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar correctIsRegExpLogic = require('../internals/correct-is-regexp-logic');\n\n// `String.prototype.includes` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.includes\n$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {\n  includes: function includes(searchString /* , position = 0 */) {\n    return !!~String(requireObjectCoercible(this))\n      .indexOf(notARegExp(searchString), arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","var isRegExp = require('../internals/is-regexp');\n\nmodule.exports = function (it) {\n  if (isRegExp(it)) {\n    throw TypeError(\"The method doesn't accept regular expressions\");\n  } return it;\n};\n","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!./GuestPassportPopup.vue?vue&type=style&index=0&id=1b285d14&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!./GuestPassportPopup.vue?vue&type=style&index=0&id=1b285d14&lang=less&scoped=true&\"","var wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\nmodule.exports = function (METHOD_NAME) {\n  var regexp = /./;\n  try {\n    '/./'[METHOD_NAME](regexp);\n  } catch (e) {\n    try {\n      regexp[MATCH] = false;\n      return '/./'[METHOD_NAME](regexp);\n    } catch (f) { /* empty */ }\n  } return false;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $includes = require('../internals/array-includes').includes;\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', { ACCESSORS: true, 1: 0 });\n\n// `Array.prototype.includes` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\n$({ target: 'Array', proto: true, forced: !USES_TO_LENGTH }, {\n  includes: function includes(el /* , fromIndex = 0 */) {\n    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('includes');\n"],"sourceRoot":""}