{"version":3,"sources":["webpack:///./src/components/form/controls/MapControl.vue?fe08","webpack:///./src/core/helpers/mapHelpers.js","webpack:///src/components/form/controls/MapControl.vue","webpack:///./src/components/form/controls/MapControl.vue?1830","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","props","value","data","tileProviders","map","mounted","methods","getMap","getFullScreenDependency","getGeoCoderDependency","initSearchControl","position","country","geonamesSearch","geonamesPostalCodesSearch","username","maxresults","zoomLevel","className","workingClass","featureClasses","baseQuery","showMarker","showPopup","adminCodes","bbox","lang","alwaysOpen","title","placeholder","initFullControl","false","true","wait","setTimeout","initMapControls","fixInTab","parent","computed","watch","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,kBAEA2B,YACAC,oBAGAC,uBAEAC,OACAC,UAGAC,OACA,iIACA,iDACA,iBACA1B,uCAEA,IAGA,OACAI,mBACAlB,SACAD,OACA0C,gBACAlB,WACAmB,WAIAC,UACA,gBAEA,uCACA,wEACA,gCAEA,wBAGAC,SACAC,SACA,iCAEAC,0BAAA,yCACA,aACA,+EACA,wFAHA,IAMAC,wBAAA,yCACA,aACA,8EACA,sFAHA,IAMAC,oBAAA,yCACA,gCACA,YACA,mBACA,sBAEAC,mBACAC,aACAC,wDACAC,6EACAC,0BACAC,cACAC,eACAC,kCACAC,6CACAC,6CACAC,gCACAC,cACAC,aACAC,YACAZ,cAEAa,QACAC,UACAC,cACAC,4CACAC,sCAEAzB,kBA5BA,IA8BA0B,kBAAA,yCACA,kCACA,YACA,sBACA,0BACAF,OACAG,8CACAC,gEAPA,IAYAC,QAAA,wBACA,uBACAC,oBAFA,IAKAC,kBACA,uBACA,0BAKAvE,cAAA,mCACA,yBAGA,kDACA,6CAKA,mCAVA,IAgBAC,WACA,WACAuC,gCAIAtC,gBACA,oBACA,iBACA,gBACA,0BACAsC,6BAEAA,6BAEAA,aACAA,8CAIAgC,WACA,mBAEA,SACA,6BACAC,mBACA,uCAGA,MAGAA,eAKAC,UAKAzD,gBACA,gEAIA0D,OAIA3D,iBAIA,WAHA,EAGA,0CAFA,KAKA,gCAGAqB,OACAuC,WACA,iBACA,wBACA,oCCvPkX,I,YCO9WC,EAAY,eACd,EACA7F,EACAyC,GACA,EACA,KACA,KACA,MAIa,aAAAoD,E","file":"js/chunk-2d0bb231.3a6af2fc.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/thread-loader/dist/cjs.js!../../../../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/thread-loader/dist/cjs.js!../../../../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":""}