{"version":3,"sources":["webpack:///./src/components/form/controls/MapControl.vue?97cf","webpack:///./src/core/helpers/mapHelpers.js","webpack:///src/components/form/controls/MapControl.vue","webpack:///./src/components/form/controls/MapControl.vue?6ca0","webpack:///./src/components/form/controls/MapControl.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","attrs","combinedErrors","$attrs","ref","staticStyle","zoom","center","on","onMapClick","onReady","layerChanged","_l","tileProvider","key","name","subdomains","visible","url","attribution","item","element","index","tag","_e","selectedPoint","markerOptions","staticClass","_v","_s","local","isDisabledOrReadOnly","$event","$l","staticRenderFns","CreateLatLng","coords","lat","lng","split","latLng","parseFloat","components","BaseControl","mixins","ValidationMixin","InputControl2Mixin","props","value","data","mapCenter","apply","_toConsumableArray","mapZoom","Number","activatedMapTiles","MapTiles","map","activeMap","tileProviders","mounted","fixInTab","includes","initMapControls","methods","getMap","$refs","mapObject","getFullScreenDependency","_this","_asyncToGenerator","Promise","all","addStyle","addScript","getGeoCoderDependency","_this2","initSearchControl","_this3","wait","control","L","geonames","position","country","geonamesSearch","geonamesPostalCodesSearch","username","maxresults","zoomLevel","className","workingClass","featureClasses","baseQuery","showMarker","showPopup","adminCodes","bbox","lang","alwaysOpen","title","placeholder","addControl","initFullControl","_this4","Control","Fullscreen","false","true","time","resolve","setTimeout","e","_this5","validateMarker","latlng","wrap","flyTo","layer","$nextTick","getCenter","options","crs","CRS","EPSG3395","EPSG3857","setView","_resetView","getZoom","parent","$parent","$options","$on","_onResize","computed","watch","val","toFixed","$emit","handler","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAcJ,EAAIM,GAAG,CAACC,MAAM,CAAC,OAASP,EAAIQ,iBAAiB,cAAcR,EAAIS,QAAO,GAAO,CAACL,EAAG,QAAQ,CAACM,IAAI,MAAMC,YAAY,CAAC,OAAS,SAASJ,MAAM,CAAC,KAAOP,EAAIY,KAAK,OAASZ,EAAIa,QAAQC,GAAG,CAAC,MAAQd,EAAIe,WAAW,MAAQf,EAAIgB,QAAQ,gBAAkBhB,EAAIiB,eAAe,CAACb,EAAG,mBAAmB,CAACG,MAAM,CAAC,SAAW,WAAW,WAAY,EAAM,eAAc,KAASP,EAAIkB,GAAIlB,EAAiB,eAAE,SAASmB,GAAc,OAAOf,EAAG,eAAe,CAACgB,IAAID,EAAaE,KAAKd,MAAM,CAAC,KAAOY,EAAaE,KAAK,WAAaF,EAAaG,WAAW,QAAUH,EAAaI,QAAQ,IAAMJ,EAAaK,IAAI,YAAcL,EAAaM,YAAY,aAAa,aAAYzB,EAAIkB,GAAIlB,EAAI0B,KAAgB,aAAE,SAASC,EAAQC,GAAO,OAAQ5B,EAAI0B,KAAgB,YAAEtB,EAAGuB,EAAQ,CAACP,IAAIQ,EAAMC,IAAI,cAAc7B,EAAI8B,QAAQ9B,EAAiB,cAAEI,EAAG,WAAWJ,EAAIM,GAAG,CAACC,MAAM,CAAC,UAAUP,EAAI+B,gBAAgB,WAAW/B,EAAIgC,iBAAgB,GAAO,CAAC5B,EAAG,UAAU,CAAC6B,YAAY,cAActB,YAAY,CAAC,MAAQ,UAAU,CAACP,EAAG,MAAM,CAAC6B,YAAY,mBAAmB,CAACjC,EAAIkC,GAAG,IAAIlC,EAAImC,GAAGnC,EAAIoC,OAAO,OAASpC,EAAIqC,qBAAoNrC,EAAI8B,KAAlM1B,EAAG,QAAQ,CAAC6B,YAAY,iBAAiB1B,MAAM,CAAC,KAAO,MAAMO,GAAG,CAAC,MAAQ,SAASwB,GAAQtC,EAAI+B,cAAgB,QAAQ,CAAC/B,EAAIkC,GAAG,IAAIlC,EAAImC,GAAGnC,EAAIuC,GAAG,2BAA4B,WAAW,QAAiB,IAAI,GAAGvC,EAAI8B,MAAM,IAAI,IACv3CU,EAAkB,G,kHCKP,SAASC,EAAaC,GACpC,GAAsB,kBAAXA,EAAqB,CAC/B,MAAOC,EAAKC,GAAOF,EAAOG,MAAM,KAEhC,OAAOC,oBAAOC,WAAWJ,GAAMI,WAAWH,IAG3C,OAAO,KCyCO,OACfvB,KAAA,aAEA2B,WAAA,CACAC,oBAGAC,OAAA,CAAAC,OAAAC,QAEAC,MAAA,CACAC,MAAA,IAGAC,OACA,IAAA1C,EAAA,KAAAa,KAAA8B,UAAAV,YAAAW,WAAA,EAAAC,IAAA,KAAAhC,KAAA8B,UAAAX,MAAA,OAAAC,oBAAA,qBACAlC,EAAA,KAAAc,KAAAiC,QAAAC,OAAA,KAAAlC,KAAAiC,SAAA,GACAE,EAAAC,OAAAC,IAAApC,IACAA,EAAAJ,QAAAI,EAAAN,OAAA,KAAAK,KAAAsC,UAEArC,IAGA,OACAI,cAAA,KACAlB,SACAD,OACAqD,cAAAJ,EACAzB,MAAA,KACA2B,IAAA,OAIAG,UACA,KAAAC,WAEA,KAAAb,OAAA,KAAAA,MAAAc,SAAA,OACA,KAAArC,cAAAe,YAAAW,WAAA,EAAAC,IAAA,KAAAJ,MAAAT,MAAA,OACA,KAAAhC,OAAA,KAAAkB,eAEA,KAAAsC,mBAGAC,QAAA,CACAC,SACA,YAAAC,MAAAT,IAAAU,WAEAC,0BAAA,IAAAC,EAAA,YAAAC,KAAA,kBACAC,QAAAC,IAAA,CACAH,EAAAI,SAAA,oEACAJ,EAAAK,UAAA,4EAHAJ,IAMAK,wBAAA,IAAAC,EAAA,YAAAN,KAAA,kBACAC,QAAAC,IAAA,CACAI,EAAAH,SAAA,mEACAG,EAAAF,UAAA,0EAHAJ,IAMAO,oBAAA,IAAAC,EAAA,YAAAR,KAAA,kBACAQ,EAAAH,8BACAG,EAAAC,KAAA,KACA,MAAAtB,EAAAqB,EAAAb,SACAe,EAAAC,EAAAD,QAAAE,SAAA,CAEAC,SAAA,UACAC,QAAA,KACAC,eAAA,yCACAC,0BAAA,mDACAC,SAAA,iBACAC,WAAA,GACAC,UAAA,KACAC,UAAA,wBACAC,aAAA,gCACAC,eAAA,8BACAC,UAAA,sBACAC,YAAA,EACAC,WAAA,EACAC,WAAA,CACAZ,QAAA,MAEAa,KAAA,GACAC,KAAA,KACAC,YAAA,EACAC,MAAA,sCACAC,YAAA,0BAEA5C,EAAA6C,WAAAtB,KA5BAV,IA8BAiC,kBAAA,IAAAC,EAAA,YAAAlC,KAAA,kBACAkC,EAAApC,gCACAoC,EAAAzB,KAAA,KACAyB,EAAAvC,SAAAqC,WACA,IAAArB,EAAAwB,QAAAC,WAAA,CACAN,MAAA,CACAO,MAAAH,EAAAvE,GAAA,mCACA2E,KAAAJ,EAAAvE,GAAA,sDAPAqC,IAYAS,KAAA8B,GAAA,OAAAvC,KAAA,YACA,WAAAC,QAAAuC,IACAC,WAAAD,EAAAD,OAFAvC,IAKAP,kBACA,KAAAwC,kBACA,KAAA1B,qBAKApE,WAAAuG,GAAA,IAAAC,EAAA,YAAA3C,KAAA,YACA2C,EAAAlF,uBAGA,oBAAAkF,EAAA7F,KAAA8F,uBACAD,EAAA7F,KAAA8F,eAAAF,EAAAG,OAAAC,OAAAJ,OAKAC,EAAAxF,cAAAuF,EAAAG,OAAAC,UAVA9C,IAgBA5D,QAAA+C,GACA,KAAAA,MACAA,EAAA4D,MAAA,KAAA9G,OAAA,KAAAD,OAIAK,aAAA2G,GACA,KAAAC,UAAA,KACA,MAAA9D,EAAA,KAAAA,IACAlD,EAAAkD,EAAA+D,YACAF,EAAAvG,KAAA+C,SAAA,UACAL,EAAAgE,QAAAC,IAAAzC,EAAA0C,IAAAC,SAEAnE,EAAAgE,QAAAC,IAAAzC,EAAA0C,IAAAE,SAEApE,EAAAqE,QAAAvH,GACAkD,EAAAsE,WAAAtE,EAAA+D,YAAA/D,EAAAuE,WAAA,MAIAnE,WACA,IAAAoE,EAAA,KAAAC,QAEA,MAAAD,EAAA,CACA,YAAAA,EAAAE,SAAApH,KAAA,CACAkH,EAAAG,IAAA,aACA,KAAAlE,MAAAT,IAAAU,UAAAkE,cAGA,MAGAJ,IAAAC,WAKAI,SAAA,CAKA5G,gBACA,YAAAN,KAAAM,cAAA,KAAAN,KAAAM,cAAA,SAIA6G,MAAA,CAIA9G,cAAA+G,GAIA,KAAA1G,MAHA0G,EAGA,GAAAA,EAAAnG,IAAAoG,QAAA,MAAAD,EAAAlG,IAAAmG,QAAA,KAFA,KAKA,KAAAC,MAAA,aAAA5G,QAGAkB,MAAA,CACA2F,QAAAH,GACAA,IAAA,KAAA1G,QACA,KAAAL,cAAAU,EAAAqG,GACA,KAAAjI,OAAA,KAAAkB,mBCvP8T,I,YCO1TmH,EAAY,eACd,EACAnJ,EACAyC,GACA,EACA,KACA,KACA,MAIa,aAAA0G,E","file":"js/chunk-2d0bb231.418f8f1e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseControl',_vm._b({attrs:{\"errors\":_vm.combinedErrors}},'BaseControl',_vm.$attrs,false),[_c('l-map',{ref:\"map\",staticStyle:{\"height\":\"300px\"},attrs:{\"zoom\":_vm.zoom,\"center\":_vm.center},on:{\"click\":_vm.onMapClick,\"ready\":_vm.onReady,\"baselayerchange\":_vm.layerChanged}},[_c('l-control-layers',{attrs:{\"position\":\"topright\",\"collapsed\":false,\"sort-layers\":false}}),_vm._l((_vm.tileProviders),function(tileProvider){return _c('l-tile-layer',{key:tileProvider.name,attrs:{\"name\":tileProvider.name,\"subdomains\":tileProvider.subdomains,\"visible\":tileProvider.visible,\"url\":tileProvider.url,\"attribution\":tileProvider.attribution,\"layer-type\":\"base\"}})}),_vm._l((_vm.item.mapElements),function(element,index){return (_vm.item.mapElements)?_c(element,{key:index,tag:\"component\"}):_vm._e()}),(_vm.selectedPoint)?_c('l-marker',_vm._b({attrs:{\"lat-lng\":_vm.selectedPoint}},'l-marker',_vm.markerOptions(),false),[_c('l-popup',{staticClass:\"text-center\",staticStyle:{\"width\":\"130px\"}},[_c('div',{staticClass:\"p-2 text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.local)+\" \")]),(!_vm.isDisabledOrReadOnly)?_c('b-btn',{staticClass:\"btn btn-danger\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){_vm.selectedPoint = null}}},[_vm._v(\" \"+_vm._s(_vm.$l(\"platon.map_remove_marker\", \"Ўчириш\"))+\" \")]):_vm._e()],1)],1):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * @param {string|number[]} coords\n * @return {LatLng}\n */\nimport { latLng, LatLng } from \"leaflet\"\n\nexport default function CreateLatLng(coords) {\n\tif (typeof coords === \"string\") {\n\t\tconst [lat, lng] = coords.split(\",\")\n\n\t\treturn latLng(parseFloat(lat), parseFloat(lng))\n\t}\n\n\treturn null\n}\n","<template>\n    <BaseControl v-bind=\"$attrs\" :errors=\"combinedErrors\">\n        <l-map\n            style=\"height: 300px\"\n            :zoom=\"zoom\"\n            :center=\"center\"\n            @click=\"onMapClick\"\n            ref=\"map\"\n            @ready=\"onReady\"\n            @baselayerchange=\"layerChanged\"\n        >\n            <l-control-layers position=\"topright\" :collapsed=\"false\" :sort-layers=\"false\" />\n            <l-tile-layer\n                v-for=\"tileProvider in tileProviders\"\n                :key=\"tileProvider.name\"\n                :name=\"tileProvider.name\"\n                :subdomains=\"tileProvider.subdomains\"\n                :visible=\"tileProvider.visible\"\n                :url=\"tileProvider.url\"\n                :attribution=\"tileProvider.attribution\"\n                layer-type=\"base\"\n            />\n\n            <component\n                v-if=\"item.mapElements\"\n                :key=\"index\"\n                v-for=\"(element, index) in item.mapElements\"\n                :is=\"element\"\n            />\n\n            <l-marker v-if=\"selectedPoint\" :lat-lng=\"selectedPoint\" v-bind=\"markerOptions()\">\n                <l-popup style=\"width: 130px\" class=\"text-center\">\n                    <div class=\"p-2 text-nowrap\">\n                        {{ local }}\n                    </div>\n                    <b-btn size=\"sm\" class=\"btn btn-danger\" @click=\"selectedPoint = null\" v-if=\"!isDisabledOrReadOnly\">\n                        {{ $l(\"platon.map_remove_marker\", \"Ўчириш\") }}\n                    </b-btn>\n                </l-popup>\n            </l-marker>\n        </l-map>\n    </BaseControl>\n</template>\n\n<script>\nimport { latLng } from \"leaflet\"\nimport BaseControl from \"@Platon/components/form/controls/BaseControl.vue\"\nimport ValidationMixin from \"@Platon/mixins/ValidationMixin\"\n\nimport MapTiles from \"@Platon/components/map/MapTiles\"\nimport \"@Platon/components/map/VueLeafletImport\"\nimport InputControl2Mixin from \"@Platon/mixins/InputControl2Mixin\"\nimport CreateLatLng from \"@Platon/core/helpers/mapHelpers\"\n\nexport default {\n    name: \"MapControl\",\n\n    components: {\n        BaseControl\n    },\n\n    mixins: [ValidationMixin, InputControl2Mixin],\n\n    props: {\n        value: {}\n    },\n\n    data() {\n        let center = this.item.mapCenter ? latLng(...this.item.mapCenter.split(\",\")) : latLng(41.311081, 69.240562)\n        let zoom = this.item.mapZoom ? Number(this.item.mapZoom) : 12\n        let activatedMapTiles = MapTiles.map((element) => {\n            element.visible = element.name === this.item.activeMap\n\n            return element\n        })\n\n        return {\n            selectedPoint: null,\n            center,\n            zoom,\n            tileProviders: activatedMapTiles,\n            local: null,\n            map: null\n        }\n    },\n\n    mounted() {\n        this.fixInTab()\n\n        if (this.value && this.value.includes(\",\")) {\n            this.selectedPoint = latLng(...this.value.split(\",\"))\n            this.center = this.selectedPoint\n        }\n        this.initMapControls()\n    },\n\n    methods: {\n        getMap() {\n            return this.$refs.map.mapObject\n        },\n        async getFullScreenDependency() {\n            await Promise.all([\n                this.addStyle(\"https://unpkg.com/platon-leaflet-fullscreen@0.0.1/dist/style.css\"),\n                this.addScript(\"https://unpkg.com/platon-leaflet-fullscreen@0.0.1/dist/fullscreen.js\")\n            ])\n        },\n        async getGeoCoderDependency() {\n            await Promise.all([\n                this.addStyle(\"https://unpkg.com/leaflet-geonames@0.4.9/L.Control.Geonames.css\"),\n                this.addScript(\"https://unpkg.com/leaflet-geonames@0.4.9/L.Control.Geonames.min.js\")\n            ])\n        },\n        async initSearchControl() {\n            await this.getGeoCoderDependency()\n            await this.wait(500)\n            const map = this.getMap()\n            const control = L.control.geonames({\n                //position: 'topcenter', // In addition to standard 4 corner Leaflet control layout, this will position and size from top center.\n                position: \"topleft\",\n                country: \"UZ\",\n                geonamesSearch: \"https://secure.geonames.org/searchJSON\", // Override this if using a proxy to get connection to geonames.\n                geonamesPostalCodesSearch: \"https://secure.geonames.org/postalCodeSearchJSON\", // Override this if using a proxy to get connection to geonames.\n                username: \"shohrux_saidov\", // Geonames account username.  Must be provided.\n                maxresults: 15, // Maximum number of results to display per search.\n                zoomLevel: null, // Max zoom level to zoom to for location. If null, will use the map's max zoom level.\n                className: \"leaflet-geonames-icon\", // Class for icon.\n                workingClass: \"leaflet-geonames-icon-working\", // Class for search underway.\n                featureClasses: [\"A\", \"H\", \"L\", \"P\", \"R\", \"S\", \"V\"], // Feature classes to search against.  See: http://www.geonames.org/export/codes.html.\n                baseQuery: \"isNameRequired=true\", // The core query sent to GeoNames, later combined with other parameters above.\n                showMarker: false, // Show a marker at the location the selected location.\n                showPopup: true, // Show a tooltip at the selected location.\n                adminCodes: {\n                    country: \"UZ\"\n                }, // Filter results by the specified admin codes mentioned in `ADMIN_CODES`. Each code can be a string or a function returning a string. `country` can be a comma-separated list of countries.\n                bbox: {}, // An object in form of {east:..., west:..., north:..., south:...}, specifying the bounding box to limit the results to.\n                lang: \"uz\", // Locale of results.\n                alwaysOpen: false, // If true, search field is always visible.\n                title: \"Search by location name or postcode\", // Search input title value.\n                placeholder: \"Enter a location name\" // Search input placeholder text.\n            })\n            map.addControl(control)\n        },\n        async initFullControl() {\n            await this.getFullScreenDependency()\n            await this.wait(500)\n            this.getMap().addControl(\n                new L.Control.Fullscreen({\n                    title: {\n                        false: this.$l(\"fullScreen\", \"Toliq qilib ochish\"),\n                        true: this.$l(\"exitFromFullScreen\", \"To'liq ekrandan chiqish\")\n                    }\n                })\n            )\n        },\n        async wait(time) {\n            return new Promise((resolve) => {\n                setTimeout(resolve, time)\n            })\n        },\n        initMapControls() {\n            this.initFullControl()\n            this.initSearchControl()\n        },\n        /**\n         * @param {LatLng} e.latlng\n         */\n        async onMapClick(e) {\n            if (this.isDisabledOrReadOnly) return\n\n            if (\n                typeof this.item.validateMarker === \"function\" &&\n                !(await this.item.validateMarker(e.latlng.wrap(), e))\n            ) {\n                return\n            }\n\n            this.selectedPoint = e.latlng.wrap()\n        },\n\n        /**\n         * @param {Map} map\n         */\n        onReady(map) {\n            this.map = map\n            map.flyTo(this.center, this.zoom)\n        },\n\n        // Google and OpenStreetMap use EPSG3857 projection, but Yandex use EPSG3395, so we need toggle it when toggle Yandex layer\n        layerChanged(layer) {\n            this.$nextTick(() => {\n                const map = this.map\n                const center = map.getCenter()\n                if (layer.name.includes(\"Yandex\")) {\n                    map.options.crs = L.CRS.EPSG3395\n                } else {\n                    map.options.crs = L.CRS.EPSG3857\n                }\n                map.setView(center)\n                map._resetView(map.getCenter(), map.getZoom(), true)\n            })\n        },\n\n        fixInTab() {\n            let parent = this.$parent\n\n            while (parent) {\n                if (parent.$options.name === \"BTab\") {\n                    parent.$on(\"click\", () => {\n                        this.$refs.map.mapObject._onResize()\n                    })\n\n                    break\n                }\n\n                parent = parent.$parent\n            }\n        }\n    },\n\n    computed: {\n        // tileProvidersNew() {\n        // \tconsole.log(this.item.activeMap)\n\n        // },\n        markerOptions() {\n            return this.item.markerOptions ? this.item.markerOptions : () => {}\n        }\n    },\n\n    watch: {\n        /**\n         * @param {LatLng} val\n         */\n        selectedPoint(val) {\n            if (!val) {\n                this.local = null\n            } else {\n                this.local = `${val.lat.toFixed(6)},${val.lng.toFixed(6)}`\n            }\n\n            this.$emit(\"input\", this.local)\n        },\n\n        value: {\n            handler(val) {\n                if (val !== this.local) {\n                    this.selectedPoint = CreateLatLng(val)\n                    this.center = this.selectedPoint\n                }\n            }\n        }\n    }\n}\n</script>\n\n<style></style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapControl.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapControl.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MapControl.vue?vue&type=template&id=5f419a88\"\nimport script from \"./MapControl.vue?vue&type=script&lang=js\"\nexport * from \"./MapControl.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}