umap-project 1.14.0a5__py3-none-any.whl → 2.0.0a0__py3-none-any.whl

umap/static/umap/js/umap.features.js

@@ -1,4 +1,4 @@
-L.U.FeatureMixin = {
+U.FeatureMixin = {
   staticOptions: { mainColor: 'color' },
 
   initialize: function (map, latlng, options) {
@@ -94,7 +94,7 @@ L.U.FeatureMixin = {
       L._('Feature properties')
     )
 
-    let builder = new L.U.FormBuilder(this, ['datalayer'], {
+    let builder = new U.FormBuilder(this, ['datalayer'], {
       callback: function () {
         this.edit(e)
       }, // removeLayer step will close the edit panel, let's reopen it
@@ -113,7 +113,7 @@ L.U.FeatureMixin = {
     // We always want name and description for now (properties management to come)
     properties.unshift('properties.description')
     properties.unshift('properties.name')
-    builder = new L.U.FormBuilder(this, properties, {
+    builder = new U.FormBuilder(this, properties, {
       id: 'umap-feature-properties',
       callback: this._redraw, // In case we have dynamic options…
     })
@@ -144,7 +144,7 @@ L.U.FeatureMixin = {
 
   appendEditFieldsets: function (container) {
     const optionsFields = this.getShapeOptions()
-    let builder = new L.U.FormBuilder(this, optionsFields, {
+    let builder = new U.FormBuilder(this, optionsFields, {
       id: 'umap-feature-shape-properties',
       callback: this._redraw,
     })
@@ -152,7 +152,7 @@ L.U.FeatureMixin = {
     shapeProperties.appendChild(builder.build())
 
     const advancedOptions = this.getAdvancedOptions()
-    builder = new L.U.FormBuilder(this, advancedOptions, {
+    builder = new U.FormBuilder(this, advancedOptions, {
       id: 'umap-feature-advanced-properties',
       callback: this._redraw,
     })
@@ -163,7 +163,7 @@ L.U.FeatureMixin = {
     advancedProperties.appendChild(builder.build())
 
     const interactionOptions = this.getInteractionOptions()
-    builder = new L.U.FormBuilder(this, interactionOptions, {
+    builder = new U.FormBuilder(this, interactionOptions, {
       callback: this._redraw,
     })
     const popupFieldset = L.DomUtil.createFieldset(
@@ -205,7 +205,7 @@ L.U.FeatureMixin = {
 
   getPopupClass: function () {
     const old = this.getOption('popupTemplate') // Retrocompat.
-    return L.U.Popup[this.getOption('popupShape') || old] || L.U.Popup
+    return U.Popup[this.getOption('popupShape') || old] || U.Popup
   },
 
   attachPopup: function () {
@@ -382,7 +382,7 @@ L.U.FeatureMixin = {
   },
 
   getInplaceToolbarActions: function (e) {
-    return [L.U.ToggleEditAction, L.U.DeleteFeatureAction]
+    return [U.ToggleEditAction, U.DeleteFeatureAction]
   },
 
   _showContextMenu: function (e) {
@@ -502,7 +502,7 @@ L.U.FeatureMixin = {
   },
 
   getVertexActions: function () {
-    return [L.U.DeleteVertexAction]
+    return [U.DeleteVertexAction]
   },
 
   isMulti: function () {
@@ -539,9 +539,9 @@ L.U.FeatureMixin = {
   },
 }
 
-L.U.Marker = L.Marker.extend({
+U.Marker = L.Marker.extend({
   parentClass: L.Marker,
-  includes: [L.U.FeatureMixin],
+  includes: [U.FeatureMixin],
 
   preInit: function () {
     this.setIcon(this.getIcon())
@@ -556,7 +556,7 @@ L.U.Marker = L.Marker.extend({
   },
 
   addInteractions: function () {
-    L.U.FeatureMixin.addInteractions.call(this)
+    U.FeatureMixin.addInteractions.call(this)
     this.on(
       'dragend',
       function (e) {
@@ -639,7 +639,7 @@ L.U.Marker = L.Marker.extend({
 
   disconnectFromDataLayer: function (datalayer) {
     this.options.icon.datalayer = null
-    L.U.FeatureMixin.disconnectFromDataLayer.call(this, datalayer)
+    U.FeatureMixin.disconnectFromDataLayer.call(this, datalayer)
   },
 
   _getIconUrl: function (name) {
@@ -652,7 +652,7 @@ L.U.Marker = L.Marker.extend({
   },
 
   getIcon: function () {
-    const Class = L.U.Icon[this.getIconClass()] || L.U.Icon.Default
+    const Class = U.Icon[this.getIconClass()] || U.Icon.Default
     return new Class(this.map, { feature: this })
   },
 
@@ -678,12 +678,12 @@ L.U.Marker = L.Marker.extend({
   },
 
   appendEditFieldsets: function (container) {
-    L.U.FeatureMixin.appendEditFieldsets.call(this, container)
+    U.FeatureMixin.appendEditFieldsets.call(this, container)
     const coordinatesOptions = [
       ['_latlng.lat', { handler: 'FloatInput', label: L._('Latitude') }],
       ['_latlng.lng', { handler: 'FloatInput', label: L._('Longitude') }],
     ]
-    const builder = new L.U.FormBuilder(this, coordinatesOptions, {
+    const builder = new U.FormBuilder(this, coordinatesOptions, {
       callback: function () {
         if (!this._latlng.isValid()) {
           this.map.ui.alert({
@@ -707,7 +707,7 @@ L.U.Marker = L.Marker.extend({
       // callback is mandatory for zoomToShowLayer
       this.datalayer.layer.zoomToShowLayer(this, e.callback || (() => {}))
     } else {
-      L.U.FeatureMixin.zoomTo.call(this, e)
+      U.FeatureMixin.zoomTo.call(this, e)
     }
   },
 
@@ -721,13 +721,13 @@ L.U.Marker = L.Marker.extend({
   },
 })
 
-L.U.PathMixin = {
+U.PathMixin = {
   hasGeom: function () {
     return !this.isEmpty()
   },
 
   connectToDataLayer: function (datalayer) {
-    L.U.FeatureMixin.connectToDataLayer.call(this, datalayer)
+    U.FeatureMixin.connectToDataLayer.call(this, datalayer)
     // We keep markers on their own layer on top of the paths.
     this.options.pane = this.datalayer.pane
   },
@@ -735,7 +735,7 @@ L.U.PathMixin = {
   edit: function (e) {
     if (this.map.editEnabled) {
       if (!this.editEnabled()) this.enableEdit()
-      L.U.FeatureMixin.edit.call(this, e)
+      U.FeatureMixin.edit.call(this, e)
     }
   },
 
@@ -794,8 +794,10 @@ L.U.PathMixin = {
   },
 
   _redraw: function () {
-    this.setStyle()
-    this.resetTooltip()
+    if (this.datalayer && this.datalayer.isVisible()) {
+      this.setStyle()
+      this.resetTooltip()
+    }
   },
 
   onAdd: function (map) {
@@ -814,7 +816,7 @@ L.U.PathMixin = {
     // this.map.off('showmeasure', this.showMeasureTooltip, this);
     // this.map.off('hidemeasure', this.removeTooltip, this);
     if (this.editing && this.editing.enabled()) this.editing.removeHooks()
-    L.U.FeatureMixin.onRemove.call(this, map)
+    U.FeatureMixin.onRemove.call(this, map)
   },
 
   getBestZoom: function () {
@@ -823,7 +825,7 @@ L.U.PathMixin = {
 
   endEdit: function () {
     this.disableEdit()
-    L.U.FeatureMixin.endEdit.call(this)
+    U.FeatureMixin.endEdit.call(this)
   },
 
   highlightPath: function () {
@@ -843,7 +845,7 @@ L.U.PathMixin = {
   },
 
   addInteractions: function () {
-    L.U.FeatureMixin.addInteractions.call(this)
+    U.FeatureMixin.addInteractions.call(this)
     this.on('mouseover', this._onMouseOver)
     this.on('edit', this.makeDirty)
     this.on('drag editable:drag', this._onDrag)
@@ -869,7 +871,7 @@ L.U.PathMixin = {
     this.disableEdit()
     if (!shape) return
     const properties = this.cloneProperties()
-    const other = new (this instanceof L.U.Polyline ? L.U.Polyline : L.U.Polygon)(
+    const other = new (this instanceof U.Polyline ? U.Polyline : U.Polygon)(
       this.map,
       shape,
       { geojson: { properties: properties } }
@@ -880,7 +882,7 @@ L.U.PathMixin = {
   },
 
   getContextMenuItems: function (e) {
-    let items = L.U.FeatureMixin.getContextMenuItems.call(this, e)
+    let items = U.FeatureMixin.getContextMenuItems.call(this, e)
     items.push({
       text: L._('Display measure'),
       callback: function () {
@@ -920,7 +922,7 @@ L.U.PathMixin = {
   },
 
   getContextMenuEditItems: function (e) {
-    const items = L.U.FeatureMixin.getContextMenuEditItems.call(this, e)
+    const items = U.FeatureMixin.getContextMenuEditItems.call(this, e)
     if (
       this.map.editedFeature &&
       this.isSameClass(this.map.editedFeature) &&
@@ -947,10 +949,10 @@ L.U.PathMixin = {
   },
 
   getInplaceToolbarActions: function (e) {
-    const items = L.U.FeatureMixin.getInplaceToolbarActions.call(this, e)
+    const items = U.FeatureMixin.getInplaceToolbarActions.call(this, e)
     if (this.isMulti()) {
-      items.push(L.U.DeleteShapeAction)
-      items.push(L.U.ExtractShapeFromMultiAction)
+      items.push(U.DeleteShapeAction)
+      items.push(U.ExtractShapeFromMultiAction)
     }
     return items
   },
@@ -973,9 +975,9 @@ L.U.PathMixin = {
   },
 }
 
-L.U.Polyline = L.Polyline.extend({
+U.Polyline = L.Polyline.extend({
   parentClass: L.Polyline,
-  includes: [L.U.FeatureMixin, L.U.PathMixin],
+  includes: [U.FeatureMixin, U.PathMixin],
 
   staticOptions: {
     stroke: true,
@@ -984,7 +986,7 @@ L.U.Polyline = L.Polyline.extend({
   },
 
   isSameClass: function (other) {
-    return other instanceof L.U.Polyline
+    return other instanceof U.Polyline
   },
 
   getClassName: function () {
@@ -997,7 +999,7 @@ L.U.Polyline = L.Polyline.extend({
   },
 
   getContextMenuEditItems: function (e) {
-    const items = L.U.PathMixin.getContextMenuEditItems.call(this, e)
+    const items = U.PathMixin.getContextMenuEditItems.call(this, e)
     const vertexClicked = e.vertex
     let index
     if (!this.isMulti()) {
@@ -1027,7 +1029,7 @@ L.U.Polyline = L.Polyline.extend({
   },
 
   getContextMenuMultiItems: function (e) {
-    const items = L.U.PathMixin.getContextMenuMultiItems.call(this, e)
+    const items = U.PathMixin.getContextMenuMultiItems.call(this, e)
     items.push({
       text: L._('Merge lines'),
       callback: this.mergeShapes,
@@ -1048,7 +1050,7 @@ L.U.Polyline = L.Polyline.extend({
   },
 
   getAdvancedEditActions: function (container) {
-    L.U.FeatureMixin.getAdvancedEditActions.call(this, container)
+    U.FeatureMixin.getAdvancedEditActions.call(this, container)
     const toPolygon = L.DomUtil.createButton(
       'button umap-to-polygon',
       container,
@@ -1108,24 +1110,24 @@ L.U.Polyline = L.Polyline.extend({
   },
 
   getVertexActions: function (e) {
-    const actions = L.U.FeatureMixin.getVertexActions.call(this, e),
+    const actions = U.FeatureMixin.getVertexActions.call(this, e),
       index = e.vertex.getIndex()
     if (index === 0 || index === e.vertex.getLastIndex())
-      actions.push(L.U.ContinueLineAction)
-    else actions.push(L.U.SplitLineAction)
+      actions.push(U.ContinueLineAction)
+    else actions.push(U.SplitLineAction)
     return actions
   },
 })
 
-L.U.Polygon = L.Polygon.extend({
+U.Polygon = L.Polygon.extend({
   parentClass: L.Polygon,
-  includes: [L.U.FeatureMixin, L.U.PathMixin],
+  includes: [U.FeatureMixin, U.PathMixin],
   staticOptions: {
     mainColor: 'fillColor',
   },
 
   isSameClass: function (other) {
-    return other instanceof L.U.Polygon
+    return other instanceof U.Polygon
   },
 
   getClassName: function () {
@@ -1133,7 +1135,7 @@ L.U.Polygon = L.Polygon.extend({
   },
 
   getShapeOptions: function () {
-    const options = L.U.PathMixin.getShapeOptions()
+    const options = U.PathMixin.getShapeOptions()
     options.push(
       'properties._umap_options.stroke',
       'properties._umap_options.fill',
@@ -1144,7 +1146,7 @@ L.U.Polygon = L.Polygon.extend({
   },
 
   getInteractionOptions: function () {
-    const options = L.U.FeatureMixin.getInteractionOptions()
+    const options = U.FeatureMixin.getInteractionOptions()
     options.push('properties._umap_options.interactive')
     return options
   },
@@ -1155,7 +1157,7 @@ L.U.Polygon = L.Polygon.extend({
   },
 
   getContextMenuEditItems: function (e) {
-    const items = L.U.PathMixin.getContextMenuEditItems.call(this, e),
+    const items = U.PathMixin.getContextMenuEditItems.call(this, e),
       shape = this.shapeAt(e.latlng)
     // No multi and no holes.
     if (shape && !this.isMulti() && (L.LineUtil.isFlat(shape) || shape.length === 1)) {
@@ -1189,7 +1191,7 @@ L.U.Polygon = L.Polygon.extend({
   },
 
   getAdvancedEditActions: function (container) {
-    L.U.FeatureMixin.getAdvancedEditActions.call(this, container)
+    U.FeatureMixin.getAdvancedEditActions.call(this, container)
     const toPolyline = L.DomUtil.createButton(
       'button umap-to-polyline',
       container,
@@ -1209,8 +1211,8 @@ L.U.Polygon = L.Polygon.extend({
   },
 
   getInplaceToolbarActions: function (e) {
-    const items = L.U.PathMixin.getInplaceToolbarActions.call(this, e)
-    items.push(L.U.CreateHoleAction)
+    const items = U.PathMixin.getInplaceToolbarActions.call(this, e)
+    items.push(U.CreateHoleAction)
     return items
   },
 })

umap/static/umap/js/umap.forms.js

@@ -379,10 +379,10 @@ L.FormBuilder.PopupContent = L.FormBuilder.Select.extend({
 L.FormBuilder.LayerTypeChooser = L.FormBuilder.Select.extend({
   getOptions: function () {
     const layer_classes = [
-      L.U.Layer.Default,
-      L.U.Layer.Cluster,
-      L.U.Layer.Heat,
-      L.U.Layer.Choropleth,
+      U.Layer.Default,
+      U.Layer.Cluster,
+      U.Layer.Heat,
+      U.Layer.Choropleth,
     ]
     return layer_classes.map((class_) => [class_.TYPE, class_.NAME])
   },
@@ -405,7 +405,7 @@ L.FormBuilder.DataLayerSwitcher = L.FormBuilder.Select.extend({
       if (
         datalayer.isLoaded() &&
         !datalayer.isDataReadOnly() &&
-        datalayer.canBrowse()
+        datalayer.isBrowsable()
       ) {
         options.push([L.stamp(datalayer), datalayer.getName()])
       }
@@ -607,7 +607,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
       // Do not try to render URL with variables
       const box = L.DomUtil.create('div', 'umap-pictogram-choice', this.buttons)
       L.DomEvent.on(box, 'click', this.onDefine, this)
-      const icon = L.U.Icon.makeIconElement(this.value(), box)
+      const icon = U.Icon.makeIconElement(this.value(), box)
     }
     this.button = L.DomUtil.createButton(
       'button action-button',
@@ -685,7 +685,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
     return !this.value() || this.value() === this.obj.getMap().options.default_iconUrl
   },
 
-  showSymbolsTab: function () {
+  showSymbolsTab: async function () {
     this.openTab('symbols')
     this.searchInput = L.DomUtil.create('input', '', this.body)
     this.searchInput.type = 'search'
@@ -695,19 +695,19 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
     if (this.pictogram_list) {
       this.buildSymbolsList()
     } else {
-      this.builder.map.get(this.builder.map.options.urls.pictogram_list_json, {
-        callback: (data) => {
-          this.pictogram_list = data.pictogram_list
-          this.buildSymbolsList()
-        },
-        context: this,
-      })
+      const [{ pictogram_list }, response, error] = await this.builder.map.server.get(
+        this.builder.map.options.urls.pictogram_list_json
+      )
+      if (!error) {
+        this.pictogram_list = pictogram_list
+        this.buildSymbolsList()
+      }
     }
   },
 
   showCharsTab: function () {
     this.openTab('chars')
-    const value = !L.U.Icon.isImg(this.value()) ? this.value() : null
+    const value = !U.Icon.isImg(this.value()) ? this.value() : null
     const input = this.buildInput(this.body, value)
     input.placeholder = L._('Type char or paste emoji')
     input.type = 'text'
@@ -960,7 +960,7 @@ L.FormBuilder.ManageOwner = L.FormBuilder.Element.extend({
       className: 'edit-owner',
       on_select: L.bind(this.onSelect, this),
     }
-    this.autocomplete = new L.U.AutoComplete.Ajax.Select(this.parentNode, options)
+    this.autocomplete = new U.AutoComplete.Ajax.Select(this.parentNode, options)
     const owner = this.toHTML()
     if (owner)
       this.autocomplete.displaySelected({
@@ -989,7 +989,7 @@ L.FormBuilder.ManageEditors = L.FormBuilder.Element.extend({
       on_select: L.bind(this.onSelect, this),
       on_unselect: L.bind(this.onUnselect, this),
     }
-    this.autocomplete = new L.U.AutoComplete.Ajax.SelectMultiple(
+    this.autocomplete = new U.AutoComplete.Ajax.SelectMultiple(
       this.parentNode,
       options
     )
@@ -1023,7 +1023,7 @@ L.FormBuilder.ManageEditors = L.FormBuilder.Element.extend({
   },
 })
 
-L.U.FormBuilder = L.FormBuilder.extend({
+U.FormBuilder = L.FormBuilder.extend({
   options: {
     className: 'umap-form',
   },
@@ -1114,7 +1114,7 @@ L.U.FormBuilder = L.FormBuilder.extend({
       handler: 'IconUrl',
       label: L._('Icon symbol'),
       inheritable: true,
-      helpText: L.U.Help.formatIconSymbol,
+      helpText: U.Help.formatIconSymbol,
     },
     popupShape: { handler: 'PopupShape', label: L._('Popup shape'), inheritable: true },
     popupTemplate: {

umap/static/umap/js/umap.icon.js

@@ -1,4 +1,4 @@
-L.U.Icon = L.DivIcon.extend({
+U.Icon = L.DivIcon.extend({
   initialize: function (map, options) {
     this.map = map
     const default_options = {
@@ -42,7 +42,7 @@ L.U.Icon = L.DivIcon.extend({
   onAdd: function () {},
 })
 
-L.U.Icon.Default = L.U.Icon.extend({
+U.Icon.Default = U.Icon.extend({
   default_options: {
     iconAnchor: new L.Point(16, 40),
     popupAnchor: new L.Point(0, -40),
@@ -52,11 +52,11 @@ L.U.Icon.Default = L.U.Icon.extend({
 
   initialize: function (map, options) {
     options = L.Util.extend({}, this.default_options, options)
-    L.U.Icon.prototype.initialize.call(this, map, options)
+    U.Icon.prototype.initialize.call(this, map, options)
   },
 
   _setIconStyles: function (img, name) {
-    L.U.Icon.prototype._setIconStyles.call(this, img, name)
+    U.Icon.prototype._setIconStyles.call(this, img, name)
     const color = this._getColor(),
       opacity = this._getOpacity()
     this.elements.container.style.backgroundColor = color
@@ -68,7 +68,7 @@ L.U.Icon.Default = L.U.Icon.extend({
   onAdd: function () {
     const src = this._getIconUrl('icon')
     const bgcolor = this._getColor()
-    L.U.Icon.setIconContrast(this.elements.icon, this.elements.container, src, bgcolor)
+    U.Icon.setIconContrast(this.elements.icon, this.elements.container, src, bgcolor)
   },
 
   createIcon: function () {
@@ -82,14 +82,14 @@ L.U.Icon.Default = L.U.Icon.extend({
     this.elements.arrow = L.DomUtil.create('div', 'icon_arrow', this.elements.main)
     const src = this._getIconUrl('icon')
     if (src) {
-      this.elements.icon = L.U.Icon.makeIconElement(src, this.elements.container)
+      this.elements.icon = U.Icon.makeIconElement(src, this.elements.container)
     }
     this._setIconStyles(this.elements.main, 'icon')
     return this.elements.main
   },
 })
 
-L.U.Icon.Circle = L.U.Icon.extend({
+U.Icon.Circle = U.Icon.extend({
   initialize: function (map, options) {
     const default_options = {
       popupAnchor: new L.Point(0, -6),
@@ -97,11 +97,11 @@ L.U.Icon.Circle = L.U.Icon.extend({
       className: 'umap-circle-icon',
     }
     options = L.Util.extend({}, default_options, options)
-    L.U.Icon.prototype.initialize.call(this, map, options)
+    U.Icon.prototype.initialize.call(this, map, options)
   },
 
   _setIconStyles: function (img, name) {
-    L.U.Icon.prototype._setIconStyles.call(this, img, name)
+    U.Icon.prototype._setIconStyles.call(this, img, name)
     this.elements.main.style.backgroundColor = this._getColor()
     this.elements.main.style.opacity = this._getOpacity()
   },
@@ -115,7 +115,7 @@ L.U.Icon.Circle = L.U.Icon.extend({
   },
 })
 
-L.U.Icon.Drop = L.U.Icon.Default.extend({
+U.Icon.Drop = U.Icon.Default.extend({
   default_options: {
     iconAnchor: new L.Point(16, 42),
     popupAnchor: new L.Point(0, -42),
@@ -124,7 +124,7 @@ L.U.Icon.Drop = L.U.Icon.Default.extend({
   },
 })
 
-L.U.Icon.Ball = L.U.Icon.Default.extend({
+U.Icon.Ball = U.Icon.Default.extend({
   default_options: {
     iconAnchor: new L.Point(8, 30),
     popupAnchor: new L.Point(0, -28),
@@ -146,7 +146,7 @@ L.U.Icon.Ball = L.U.Icon.Default.extend({
   },
 
   _setIconStyles: function (img, name) {
-    L.U.Icon.prototype._setIconStyles.call(this, img, name)
+    U.Icon.prototype._setIconStyles.call(this, img, name)
     const color = this._getColor('color')
     let background
     if (L.Browser.ielt9) {
@@ -161,7 +161,7 @@ L.U.Icon.Ball = L.U.Icon.Default.extend({
   },
 })
 
-L.U.Icon.Cluster = L.DivIcon.extend({
+U.Icon.Cluster = L.DivIcon.extend({
   options: {
     iconSize: [40, 40],
   },
@@ -191,13 +191,13 @@ L.U.Icon.Cluster = L.DivIcon.extend({
   },
 })
 
-L.U.Icon.isImg = function (src) {
+U.Icon.isImg = function (src) {
   return L.Util.isPath(src) || L.Util.isRemoteUrl(src) || L.Util.isDataImage(src)
 }
 
-L.U.Icon.makeIconElement = function (src, parent) {
+U.Icon.makeIconElement = function (src, parent) {
   let icon
-  if (L.U.Icon.isImg(src)) {
+  if (U.Icon.isImg(src)) {
     icon = L.DomUtil.create('img')
     icon.src = src
   } else {
@@ -208,7 +208,7 @@ L.U.Icon.makeIconElement = function (src, parent) {
   return icon
 }
 
-L.U.Icon.setIconContrast = function (icon, parent, src, bgcolor) {
+U.Icon.setIconContrast = function (icon, parent, src, bgcolor) {
   /*
    * icon: the element we'll adapt the style, it can be an image or text
    * parent: the element we'll consider to decide whether to adapt the style,

umap/static/umap/js/umap.importer.js

@@ -1,4 +1,4 @@
-L.U.Importer = L.Class.extend({
+U.Importer = L.Class.extend({
   TYPES: ['geojson', 'csv', 'gpx', 'kml', 'osm', 'georss', 'umap'],
   initialize: function (map) {
     this.map = map
@@ -16,6 +16,7 @@ L.U.Importer = L.Class.extend({
       { type: 'file', multiple: 'multiple', autofocus: true },
       this.fileBox
     )
+    this.map.ui.once('panel:closed', () => (this.fileInput.value = null))
     this.urlInput = L.DomUtil.element(
       'input',
       { type: 'text', placeholder: L._('Provide an URL here') },