{"version":3,"sources":["webpack:///./src/components/map/MapMarkerPicker.vue?2851","webpack:///./src/components/map/MapMarkerPicker.vue?49b0","webpack:///src/components/map/MapMarkerPicker.vue","webpack:///./src/components/map/MapMarkerPicker.vue?4f14","webpack:///./src/components/map/MapMarkerPicker.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticStyle","attrs","zoom","latLng","center","on","onLayerChanged","onMapClick","_l","tileProvider","key","name","subdomains","visible","url","attribution","element","index","tag","_e","isMarkersCluster","marker","_g","_b","id","refInFor","options","getMarkerEvent","iconSize","defaultIconSize","iconUrl","class","markers","popupClasses","style","popupOptions","popup","domProps","_s","staticRenderFns","getTileProviders","activeTile","enabledTiles","item","data","tileProviders","isFullscreen","props","default","defaultTile","type","mapElements","methods","CRS","getFullScreenDependency","getGeoCoderDependency","initSearchControl","position","country","geonamesSearch","geonamesPostalCodesSearch","username","maxresults","zoomLevel","className","workingClass","featureClasses","baseQuery","showMarker","showPopup","adminCodes","bbox","lang","alwaysOpen","title","placeholder","map","initFullControl","false","true","forcePseudoFullscreen","forceSeparateButton","fullscreenElement","wait","setTimeout","initMapControls","getMap","openPopup","closePopup","externalFullscreenControl","window","toggleFullscreenButton","document","controlAnExternalToggling","closeFullscreen","openFullscreen","mounted","computed","component"],"mappings":"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","file":"js/chunk-601b6ad8.fdb089a2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapMarkerPicker.vue?vue&type=style&index=0&id=f6ba9f24&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('l-map',{ref:\"map\",staticStyle:{\"min-height\":\"300px\"},attrs:{\"zoom\":_vm.zoom,\"center\":_vm.latLng(_vm.center)},on:{\"baselayerchange\":_vm.onLayerChanged,\"click\":_vm.onMapClick}},[_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.mapElements),function(element,index){return (_vm.mapElements)?_c(element,{key:index,tag:\"component\"}):_vm._e()}),_c(_vm.isMarkersCluster ? 'l-marker-cluster' : 'div',{tag:\"component\"},_vm._l((_vm.markers),function(marker){return _c('l-marker',_vm._g(_vm._b({key:marker.id,ref:\"markers\",refInFor:true,attrs:{\"lat-lng\":marker.latLng,\"data-marker-id\":marker.id}},'l-marker',marker.options,false),_vm.getMarkerEvent(marker)),[(marker.iconUrl)?_c('l-icon',{attrs:{\"icon-size\":marker.iconSize || _vm.defaultIconSize,\"icon-url\":marker.iconUrl}}):_vm._e(),(marker.popup)?_c('l-popup',{class:_vm.markers.popupClasses,style:(marker.popupStyles),attrs:{\"options\":marker.popupOptions}},[(typeof marker.popup === 'function')?_c(marker.popup(),{tag:\"div\"}):(marker.popup !== null && typeof marker.popup === 'object')?_c(marker.popup,{tag:\"component\",attrs:{\"marker\":marker}}):(typeof marker.popup === 'string')?_c('component',{attrs:{\"marker\":marker},domProps:{\"innerHTML\":_vm._s(marker.popup)}}):_vm._e()],1):_vm._e()],1)}),1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <l-map\n        @baselayerchange=\"onLayerChanged\"\n        style=\"min-height: 300px\"\n        :zoom=\"zoom\"\n        :center=\"latLng(center)\"\n        @click=\"onMapClick\"\n        ref=\"map\"\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 v-if=\"mapElements\" :key=\"index\" v-for=\"(element, index) in mapElements\" :is=\"element\" />\n\n        <component :is=\"isMarkersCluster ? 'l-marker-cluster' : 'div'\">\n            <l-marker\n                ref=\"markers\"\n                v-for=\"marker in markers\"\n                v-bind=\"marker.options\"\n                :lat-lng=\"marker.latLng\"\n                :data-marker-id=\"marker.id\"\n                v-on=\"getMarkerEvent(marker)\"\n                :key=\"marker.id\"\n            >\n                <l-icon\n                    :icon-size=\"marker.iconSize || defaultIconSize\"\n                    v-if=\"marker.iconUrl\"\n                    :icon-url=\"marker.iconUrl\"\n                ></l-icon>\n                <l-popup\n                    v-if=\"marker.popup\"\n                    :class=\"markers.popupClasses\"\n                    :style=\"marker.popupStyles\"\n                    :options=\"marker.popupOptions\"\n                >\n                    <div v-if=\"typeof marker.popup === 'function'\" :is=\"marker.popup()\" />\n                    <component\n                        v-else-if=\"marker.popup !== null && typeof marker.popup === 'object'\"\n                        :marker=\"marker\"\n                        :is=\"marker.popup\"\n                    />\n                    <component v-else-if=\"typeof marker.popup === 'string'\" v-html=\"marker.popup\" :marker=\"marker\" />\n                </l-popup>\n            </l-marker>\n        </component>\n    </l-map>\n</template>\n\n<script>\nimport { latLng } from \"leaflet\"\nimport MapTiles from \"@Platon/components/map/MapTiles\"\nimport \"@Platon/components/map/VueLeafletImport\"\n\n/**\n * @typedef MapPickerMarker\n * @property {string|number} id\n * @property {LatLng} latLng\n * @property {Function|Vue.Component|string} popup\n * @property {object} markerData\n * @property {?object} options - Marker options, https://leafletjs.com/reference-1.7.1.html#marker-l-marker\n * @property {object} popupClasses\n * @property {object} popupStyles\n * @property {object} popupOptions\n * @property {Function} onMarkerClick\n */\nconst getTileProviders = (activeTile, enabledTiles) => {\n    const filteredTiles = MapTiles.filter((item) => enabledTiles.includes(item.name))\n    return filteredTiles.map((item) => {\n        item.visible = activeTile === item.name\n        return item\n    })\n}\n\nexport default {\n    name: \"MapMarkerPicker\",\n\n    data() {\n        return {\n            tileProviders: getTileProviders(this.defaultTile, this.enabledTiles),\n            // currentMap: null,\n            isFullscreen: false\n        }\n    },\n\n    props: {\n        enabledTiles: {\n            default: () => [\"YandexMaps\", \"OpenStreetMap\", \"Google Sat\", \"Google Streets\", \"OpenTopoMap\"]\n        },\n        defaultTile: {\n            type: String,\n            default: \"YandexMaps\"\n        },\n        markers: {\n            type: Array,\n            default: () => []\n        },\n        isMarkersCluster: {\n            type: Boolean,\n            default: false\n        },\n\n        zoom: {\n            type: Number,\n            default: 12\n        },\n\n        center: {\n            type: Array,\n            default: () => [41.311081, 69.240562]\n        },\n\n        mapElements: {\n            type: Array,\n            default: () => null\n        }\n    },\n    methods: {\n        onLayerChanged(layer) {\n            let CRS = L.CRS.EPSG3857\n            if (layer.name === \"YandexMaps\") {\n                CRS = L.CRS.EPSG3395\n            }\n            this.$refs.map.setCrs(CRS)\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://github.com/brunob/leaflet.fullscreen/blob/master/Control.FullScreen.js\"),\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\", \"Толиқ қилиб очиш\"),\n                        true: this.$l(\"exitFromFullScreen\", \"Тўлиқ экрандан чиқиш\")\n                    },\n                    position: \"topleft\",\n                    forcePseudoFullscreen: true,\n                    forceSeparateButton: true,\n                    forcePseudoFullscreen: true,\n                    fullscreenElement: false\n                })\n            )\n            // this.currentMap = this.getMap()\n        },\n        async wait(time) {\n            return new Promise((resolve) => {\n                setTimeout(resolve, time)\n            })\n        },\n        async initMapControls() {\n            await this.initFullControl()\n            await this.initSearchControl()\n        },\n        latLng,\n        getMap() {\n            return this.$refs.map.mapObject\n        },\n        onMapClick(event) {\n            this.$emit(\"click\", this, event)\n        },\n\n        /**\n         * @param {string|number} id\n         */\n        openPopup(id) {\n            for (let marker of this.$refs.markers) {\n                if (marker.$attrs[\"data-marker-id\"] === id) {\n                    marker.mapObject.openPopup()\n                    return\n                }\n            }\n        },\n\n        /**\n         * @param {string|number} id\n         */\n        closePopup(id) {\n            for (let marker of this.$refs.markers) {\n                if (marker.$attrs[\"data-marker-id\"] === id) {\n                    marker.mapObject.closePopup()\n                    return\n                }\n            }\n        },\n\n        /**\n         * @param {MapPickerMarker} marker\n         */\n        getMarkerEvent(marker) {\n            let options = {}\n\n            if (typeof marker.onMarkerClick === \"function\") {\n                options[\"click\"] = () => marker.onMarkerClick(marker)\n            }\n\n            return options\n        },\n        externalFullscreenControl() {\n            const map = this.getMap()\n            window.mapMarker = map\n\n            const toggleFullscreenButton = document.getElementsByClassName(\n                \"leaflet-control-fullscreen-button leaflet-bar-part\"\n            )[0]\n\n            toggleFullscreenButton.addEventListener(\"click\", this.controlAnExternalToggling)\n\n            // when client wants to exit from the fullScreen size, it can able catch that event during closing\n            document.addEventListener(\"fullscreenchange\", () => {\n                if (!document.fullscreenElement && this.isFullscreen) this.closeFullscreen()\n            })\n        },\n        controlAnExternalToggling() {\n            if (!window.mapMarker.isFullscreen() && !this.isFullscreen) this.openFullscreen()\n            // current mapMarker's fullScreen settings\n            else if (window.mapMarker.isFullscreen() && this.isFullscreen) this.closeFullscreen()\n        },\n        closeFullscreen() {\n            this.isFullscreen = false\n            window.document.exitFullscreen()\n            this.getMap()._setFullscreen(false)\n            // this.currentMap._setFullscreen(false)\n        },\n        openFullscreen() {\n            this.isFullscreen = true\n            this.getMap()._setFullscreen(true)\n        }\n    },\n    async mounted() {\n        await this.initMapControls()\n        this.externalFullscreenControl()\n    },\n    computed: {\n        defaultIconSize() {\n            return [30, 30]\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"../../assets/styles/leafletmap\";\n</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!./MapMarkerPicker.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!./MapMarkerPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapMarkerPicker.vue?vue&type=template&id=f6ba9f24&\"\nimport script from \"./MapMarkerPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./MapMarkerPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapMarkerPicker.vue?vue&type=style&index=0&id=f6ba9f24&prod&lang=scss&\"\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":""}