{"version":3,"sources":["webpack:///./src/views/Group.vue?3c8a","webpack:///src/views/Group.vue","webpack:///./src/views/Group.vue?5f8a","webpack:///./src/views/Group.vue","webpack:///./src/components/Head.vue?9111","webpack:///src/components/Head.vue","webpack:///./src/components/Head.vue?70dd","webpack:///./src/components/Head.vue","webpack:///./src/components/Head.vue?3fd1","webpack:///./src/assets/images/logo.png","webpack:///./src/views/Group.vue?3be9","webpack:///./node_modules/core-js/modules/es.function.name.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","routeAdd","_m","staticRenderFns","_v","component","_l","item","index","key","on","to","_s","label","add","value","_e","module","exports","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","NAME","configurable","get","call","match","error"],"mappings":"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","file":"js/chunk-fbbf6da4.4830a725.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Group\"},[_c('div',{staticClass:\"header\"},[_c('Head',{attrs:{\"add\":_vm.routeAdd}})],1),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('ul',[_c('li',[_c('div',{staticClass:\"filp\"},[_c('div',{staticClass:\"front\"},[_c('div',{staticClass:\"icons icon_1\"}),_c('p',{staticClass:\"cn_name\"},[_vm._v(\"智慧城市\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"WISDOM CITY\")])]),_c('div',{staticClass:\"back\"},[_c('p',{staticClass:\"cn_name\"},[_vm._v(\"智慧城市\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"WISDOM CITY\")]),_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"txt\"},[_vm._v(\"指利用各种信息技术或创新概念，将城市的系统和服务打通、集成，以提升资源运用的效率，优化城市管理和服务，以及改善市民生活质量。\")])])])]),_c('li',[_c('div',{staticClass:\"filp\"},[_c('div',{staticClass:\"front bg\"},[_c('div',{staticClass:\"icons icon_2\"}),_c('p',{staticClass:\"cn_name\"},[_vm._v(\"医疗产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"THE MEDICAL INDUSTRY\")])]),_c('div',{staticClass:\"back\"},[_c('p',{staticClass:\"cn_name\"},[_vm._v(\"医疗产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"THE MEDICAL INDUSTRY\")]),_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"txt\"},[_vm._v(\"通过打造健康档案区域医疗信息平台，利用最先进的物联网技术，实现患者与医务人员、医疗机构、医疗设备之间的互动，逐步达到信息化。\")])])])]),_c('li',[_c('div',{staticClass:\"filp\"},[_c('div',{staticClass:\"front\"},[_c('div',{staticClass:\"icons icon_3\"}),_c('p',{staticClass:\"cn_name\"},[_vm._v(\"智慧养老\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"WISDOM ENDOWMENT\")])]),_c('div',{staticClass:\"back\"},[_c('p',{staticClass:\"cn_name\"},[_vm._v(\"智慧养老\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"WISDOM ENDOWMENT\")]),_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"txt\"},[_vm._v(\"根据多年从事互联网领域研究与开发的经验积累，结合养老机构管理需求，提出了养老机构信息化系统解决方案。\")])])])]),_c('li',[_c('div',{staticClass:\"filp\"},[_c('div',{staticClass:\"front bg\"},[_c('div',{staticClass:\"icons icon_4\"}),_c('p',{staticClass:\"cn_name\"},[_vm._v(\"消防产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"FIRE CONTROL INDUSTRY\")])]),_c('div',{staticClass:\"back\"},[_c('p',{staticClass:\"cn_name\"},[_vm._v(\"消防产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"FIRE CONTROL INDUSTRY\")]),_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"txt\"},[_vm._v(\"通过现代通讯网络将各建筑物内独立的火灾自动报警系统联网，在监控中心内对所有联网建筑物的火灾报警情况进行实时监测、对消防设施进行集中管理。\")])])])]),_c('li',[_c('div',{staticClass:\"filp\"},[_c('div',{staticClass:\"front\"},[_c('div',{staticClass:\"icons icon_5\"}),_c('p',{staticClass:\"cn_name\"},[_vm._v(\"旅游产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"THE TOURISM INDUSTRY\")])]),_c('div',{staticClass:\"back\"},[_c('p',{staticClass:\"cn_name\"},[_vm._v(\"旅游产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"THE TOURISM INDUSTRY\")]),_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"txt\"},[_vm._v(\"专注智慧旅游信息化服务，统一景区全域范围内的所有物联终端、应用程序数据接口，实现景区数据融通\")])])])]),_c('li',[_c('div',{staticClass:\"filp\"},[_c('div',{staticClass:\"front bg\"},[_c('div',{staticClass:\"icons icon_6\"}),_c('p',{staticClass:\"cn_name\"},[_vm._v(\"教育产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"EDUCATION INDUSTRY\")])]),_c('div',{staticClass:\"back\"},[_c('p',{staticClass:\"cn_name\"},[_vm._v(\"教育产业\")]),_c('p',{staticClass:\"en_name\"},[_vm._v(\"EDUCATION INDUSTRY\")]),_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"txt\"},[_vm._v(\"依托物联网、云计算、无线通信等新一代信息技术所打造的物联化、智能化、感知化、泛在化的新型教育形态和教育模式。\")])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <!-- 集团产业 -->\r\n    <div class=\"Group\">\r\n        <div class=\"header\">\r\n            <Head :add=\"routeAdd\"></Head>\r\n        </div>\r\n        <div class=\"main\">\r\n            <ul>\r\n                <li>\r\n                    <div class=\"filp\">\r\n                        <div class=\"front\">\r\n                            <div class=\"icons icon_1\"></div>\r\n                            <p class=\"cn_name\">智慧城市</p>\r\n                            <p class=\"en_name\">WISDOM CITY</p>\r\n                        </div>\r\n                        <div class=\"back\">\r\n                            <p class=\"cn_name\">智慧城市</p>\r\n                            <p class=\"en_name\">WISDOM CITY</p>\r\n                            <div class=\"bar\"></div>\r\n                            <div\r\n                                class=\"txt\"\r\n                            >指利用各种信息技术或创新概念，将城市的系统和服务打通、集成，以提升资源运用的效率，优化城市管理和服务，以及改善市民生活质量。</div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li>\r\n                    <div class=\"filp\">\r\n                        <div class=\"front bg\">\r\n                            <div class=\"icons icon_2\"></div>\r\n                            <p class=\"cn_name\">医疗产业</p>\r\n                            <p class=\"en_name\">THE MEDICAL INDUSTRY</p>\r\n                        </div>\r\n                        <div class=\"back\">\r\n                            <p class=\"cn_name\">医疗产业</p>\r\n                            <p class=\"en_name\">THE MEDICAL INDUSTRY</p>\r\n                            <div class=\"bar\"></div>\r\n                            <div\r\n                                class=\"txt\"\r\n                            >通过打造健康档案区域医疗信息平台，利用最先进的物联网技术，实现患者与医务人员、医疗机构、医疗设备之间的互动，逐步达到信息化。</div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li>\r\n                    <div class=\"filp\">\r\n                        <div class=\"front\">\r\n                            <div class=\"icons icon_3\"></div>\r\n                            <p class=\"cn_name\">智慧养老</p>\r\n                            <p class=\"en_name\">WISDOM ENDOWMENT</p>\r\n                        </div>\r\n                        <div class=\"back\">\r\n                            <p class=\"cn_name\">智慧养老</p>\r\n                            <p class=\"en_name\">WISDOM ENDOWMENT</p>\r\n                            <div class=\"bar\"></div>\r\n                            <div class=\"txt\">根据多年从事互联网领域研究与开发的经验积累，结合养老机构管理需求，提出了养老机构信息化系统解决方案。</div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li>\r\n                    <div class=\"filp\">\r\n                        <div class=\"front bg\">\r\n                            <div class=\"icons icon_4\"></div>\r\n                            <p class=\"cn_name\">消防产业</p>\r\n                            <p class=\"en_name\">FIRE CONTROL INDUSTRY</p>\r\n                        </div>\r\n                        <div class=\"back\">\r\n                            <p class=\"cn_name\">消防产业</p>\r\n                            <p class=\"en_name\">FIRE CONTROL INDUSTRY</p>\r\n                            <div class=\"bar\"></div>\r\n                            <div\r\n                                class=\"txt\"\r\n                            >通过现代通讯网络将各建筑物内独立的火灾自动报警系统联网，在监控中心内对所有联网建筑物的火灾报警情况进行实时监测、对消防设施进行集中管理。</div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li>\r\n                    <div class=\"filp\">\r\n                        <div class=\"front\">\r\n                            <div class=\"icons icon_5\"></div>\r\n                            <p class=\"cn_name\">旅游产业</p>\r\n                            <p class=\"en_name\">THE TOURISM INDUSTRY</p>\r\n                        </div>\r\n                        <div class=\"back\">\r\n                            <p class=\"cn_name\">旅游产业</p>\r\n                            <p class=\"en_name\">THE TOURISM INDUSTRY</p>\r\n                            <div class=\"bar\"></div>\r\n                            <div class=\"txt\">专注智慧旅游信息化服务，统一景区全域范围内的所有物联终端、应用程序数据接口，实现景区数据融通</div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n                <li>\r\n                    <div class=\"filp\">\r\n                        <div class=\"front bg\">\r\n                            <div class=\"icons icon_6\"></div>\r\n                            <p class=\"cn_name\">教育产业</p>\r\n                            <p class=\"en_name\">EDUCATION INDUSTRY</p>\r\n                        </div>\r\n                        <div class=\"back\">\r\n                            <p class=\"cn_name\">教育产业</p>\r\n                            <p class=\"en_name\">EDUCATION INDUSTRY</p>\r\n                            <div class=\"bar\"></div>\r\n                            <div class=\"txt\">依托物联网、云计算、无线通信等新一代信息技术所打造的物联化、智能化、感知化、泛在化的新型教育形态和教育模式。</div>\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Head from \"../components/Head.vue\";\r\nexport default {\r\n    components: {\r\n        Head,\r\n    },\r\n    data() {\r\n        return {\r\n            routeAdd: \"\",\r\n        };\r\n    },\r\n    created() {\r\n        this.routeAdd = this.$route.name;\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.Group {\r\n    height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: url(\"../assets/images/group_background.png\") no-repeat;\r\n    .header {\r\n        height: 6.25rem;\r\n    }\r\n    .main {\r\n        position: relative;\r\n        p {\r\n            margin: 0px;\r\n        }\r\n        ul {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            width: 73.2rem;\r\n            height: 37.5rem;\r\n            position: absolute;\r\n            top: 11.38rem;\r\n            left: 23.44rem;\r\n            li {\r\n                perspective: 1000;\r\n                -webkit-perspective: 1000;\r\n                -moz-perspective: 1000;\r\n                -ms-perspective: 1000;\r\n                transform-style: preserve-3d;\r\n                color: #1a1a1a;\r\n                .icons {\r\n                    width: 2.19rem;\r\n                    height: 2.19rem;\r\n                }\r\n                .icon_1 {\r\n                    background: url(\"../assets/fonts/city.png\") no-repeat;\r\n                }\r\n                .icon_2 {\r\n                    background: url(\"../assets/fonts/medical.png\") no-repeat;\r\n                }\r\n                .icon_3 {\r\n                    background: url(\"../assets/fonts/provide.png\") no-repeat;\r\n                }\r\n                .icon_4 {\r\n                    background: url(\"../assets/fonts/fireContral.png\") no-repeat;\r\n                }\r\n                .icon_5 {\r\n                    background: url(\"../assets/fonts/travel.png\") no-repeat;\r\n                }\r\n                .icon_6 {\r\n                    background: url(\"../assets/fonts/education.png\") no-repeat;\r\n                    background-size: 90%;\r\n                }\r\n                .cn_name {\r\n                    font-size: 24px;\r\n                    margin: 0.63rem 0 0.31rem;\r\n                }\r\n                .en_name {\r\n                    font-size: 16px;\r\n                    color: #b3b3b3;\r\n                }\r\n            }\r\n        }\r\n        li,\r\n        .front,\r\n        .back {\r\n            width: 24.38rem;\r\n            height: 18.75rem;\r\n        }\r\n        .flip {\r\n            position: relative;\r\n            transition: 0.6s;\r\n            transform-style: preserve-3d;\r\n        }\r\n        .front,\r\n        .back {\r\n            position: absolute;\r\n            top: 0px;\r\n            left: 0px;\r\n            backface-visibility: hidden;\r\n            transition: all 0.5s ease-in-out;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n        .front {\r\n            transform: rotateY(0deg);\r\n            background-color: #fff;\r\n            z-index: 2;\r\n        }\r\n        .back {\r\n            transform: rotateY(-180deg);\r\n            background-color: #e83a42;\r\n            color: #fff;\r\n            .en_name {\r\n                color: #fff;\r\n            }\r\n            .bar {\r\n                width: 3.69rem;\r\n                height: 0.19rem;\r\n                margin: 1.31rem 0 1.81rem;\r\n                background-color: #fff;\r\n            }\r\n            .txt {\r\n                padding: 0 2.13rem;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n        li:hover .back {\r\n            transform: rotateY(0deg);\r\n        }\r\n        li:hover .front {\r\n            transform: rotateY(-180deg);\r\n        }\r\n        .bg {\r\n            background-color: #f2f2f2;\r\n        }\r\n    }\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!./Group.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!./Group.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Group.vue?vue&type=template&id=283a6d72&scoped=true&\"\nimport script from \"./Group.vue?vue&type=script&lang=js&\"\nexport * from \"./Group.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Group.vue?vue&type=style&index=0&id=283a6d72&lang=scss&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  \"283a6d72\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_vm._m(0),_c('div',{staticClass:\"nav\"},[_vm._l((_vm.title),function(item,index){return [_c('div',{key:index,staticClass:\"link\",on:{\"click\":_vm.to}},[_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(item.label))]),(_vm.add==item.value?true:false)?_c('div',{staticClass:\"bar\"}):_vm._e()])]})],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":require(\"../assets/images/logo.png\")}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container\">\r\n        <div class=\"logo\">\r\n            <img src=\"../assets/images/logo.png\" />\r\n        </div>\r\n        <div class=\"nav\">\r\n            <template v-for=\"(item,index) in title\">\r\n                <div class=\"link\" :key=\"index\" @click=\"to\">\r\n                    <div class=\"text\">{{item.label}}</div>\r\n                    <div class=\"bar\" v-if=\"add==item.value?true:false\"></div>\r\n                </div>\r\n            </template>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            title: [\r\n                { value: \"Home\", label: \"首页\" },\r\n                { value: \"Enter\", label: \"走进城银\" },\r\n                { value: \"Group\", label: \"集团产业\" },\r\n                { value: \"Duty\", label: \"社会责任\" },\r\n                { value: \"Contact\", label: \"联系我们\" },\r\n            ],\r\n        };\r\n    },\r\n    props: {\r\n        add: String,\r\n    },\r\n    methods: {\r\n        to(e) {\r\n            switch (e.target.outerText) {\r\n                case \"首页\":\r\n                    this.$router.push(\"/\");\r\n                    break;\r\n                case \"走进城银\":\r\n                    this.$router.push(\"/Enter\");\r\n                    break;\r\n                case \"集团产业\":\r\n                    this.$router.push(\"/Group\");\r\n                    break;\r\n                case \"社会责任\":\r\n                    this.$router.push(\"/Duty\");\r\n                    break;\r\n                case \"联系我们\":\r\n                    this.$router.push(\"/Contact\");\r\n                    break;\r\n                default:\r\n                    this.$router.push(\"/404\");\r\n                    break;\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n    display: flex;\r\n    border-bottom: 2px solid rgba(151, 186, 218, 0.25);\r\n    .logo {\r\n        display: flex;\r\n        align-items: center;\r\n        img {\r\n            margin-left: 22.5rem;\r\n        }\r\n    }\r\n    .nav {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        margin-left: 34.44rem;\r\n        .link {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: 4.5rem;\r\n            height: 6.25rem;\r\n            margin-right: 2.25rem;\r\n            font-size: 18px;\r\n            color: #fff;\r\n            user-select: none;\r\n            .text {\r\n                flex: 1;\r\n                text-align: center;\r\n                line-height: 90px;\r\n            }\r\n            .bar {\r\n                width: 100%;\r\n                height: 0.5rem;\r\n                background: url(\"../assets/images/bottom_bar.png\") 8px 0px;\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!./Head.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!./Head.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Head.vue?vue&type=template&id=4d735970&scoped=true&\"\nimport script from \"./Head.vue?vue&type=script&lang=js&\"\nexport * from \"./Head.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Head.vue?vue&type=style&index=0&id=4d735970&lang=scss&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  \"4d735970\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Head.vue?vue&type=style&index=0&id=4d735970&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/logo.da5d010c.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Group.vue?vue&type=style&index=0&id=283a6d72&lang=scss&scoped=true&\"","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n"],"sourceRoot":""}