umap-project 2.3.0__py3-none-any.whl → 2.4.0__py3-none-any.whl

umap/static/umap/js/umap.controls.js

@@ -84,7 +84,7 @@ U.UpdateExtentAction = U.BaseAction.extend({
   },
 
   addHooks: function () {
-    this.map.updateExtent()
+    this.map.setCenterAndZoom()
   },
 })
 
@@ -394,7 +394,7 @@ U.EditControl = L.Control.extend({
       enableEditing,
       'mouseover',
       function () {
-        map.ui.tooltip({
+        map.tooltip.open({
           content: map.help.displayLabel('TOGGLE_EDIT'),
           anchor: enableEditing,
           position: 'bottom',
@@ -510,7 +510,7 @@ U.DataLayersControl = L.Control.Button.extend({
   options: {
     position: 'topleft',
     className: 'umap-control-browse',
-    title: L._('See layers'),
+    title: L._('Open browser'),
   },
 
   afterAdd: function (container) {
@@ -530,7 +530,7 @@ U.CaptionControl = L.Control.Button.extend({
   },
 
   onClick: function () {
-    this.map.displayCaption()
+    this.map.openCaption()
   },
 })
 
@@ -607,15 +607,14 @@ U.DataLayer.include({
           if (!this.isVisible()) return
           if (!confirm(L._('Are you sure you want to delete this layer?'))) return
           this._delete()
-          this.map.editPanel.close()
         },
         this
       )
     }
     L.DomEvent.on(toggle, 'click', this.toggle, this)
     L.DomEvent.on(zoomTo, 'click', this.zoomTo, this)
-    L.DomUtil.addClass(container, this.getHidableClass())
-    L.DomUtil.classIf(container, 'off', !this.isVisible())
+    container.classList.add(this.getHidableClass())
+    container.classList.toggle('off', !this.isVisible())
   },
 
   getHidableElements: function () {
@@ -626,10 +625,17 @@ U.DataLayer.include({
     return `show_with_datalayer_${L.stamp(this)}`
   },
 
+  propagateDelete: function () {
+    const els = this.getHidableElements()
+    for (const el of els) {
+      L.DomUtil.remove(el)
+    }
+  },
+
   propagateRemote: function () {
     const els = this.getHidableElements()
-    for (let i = 0; i < els.length; i++) {
-      L.DomUtil.classIf(els[i], 'remotelayer', this.isRemoteLayer())
+    for (const el of els) {
+      el.classList.toggle('remotelayer', this.isRemoteLayer())
     }
   },
 
@@ -653,6 +659,7 @@ U.DataLayer.include({
 U.DataLayer.addInitHook(function () {
   this.on('hide', this.propagateHide)
   this.on('show', this.propagateShow)
+  this.on('erase', this.propagateDelete)
   if (this.isVisible()) this.propagateShow()
 })
 
@@ -671,96 +678,6 @@ const ControlsMixin = {
     'tilelayers',
   ],
 
-  displayCaption: function () {
-    const container = L.DomUtil.create('div', 'umap-caption')
-    L.DomUtil.createTitle(container, this.options.name, 'icon-caption')
-    this.permissions.addOwnerLink('h5', container)
-    if (this.options.description) {
-      const description = L.DomUtil.element({
-        tagName: 'div',
-        className: 'umap-map-description',
-        safeHTML: U.Utils.toHTML(this.options.description),
-        parent: container,
-      })
-    }
-    const datalayerContainer = L.DomUtil.create('div', 'datalayer-container', container)
-    this.eachVisibleDataLayer((datalayer) => {
-      if (!datalayer.options.inCaption) return
-      const p = L.DomUtil.create('p', 'datalayer-legend', datalayerContainer),
-        legend = L.DomUtil.create('span', '', p),
-        headline = L.DomUtil.create('strong', '', p)
-      datalayer.onceLoaded(function () {
-        datalayer.renderLegend(legend)
-        if (datalayer.options.description) {
-          L.DomUtil.element({
-            tagName: 'span',
-            parent: p,
-            safeHTML: U.Utils.toHTML(datalayer.options.description),
-          })
-        }
-      })
-      datalayer.renderToolbox(headline)
-      L.DomUtil.add('span', '', headline, `${datalayer.options.name} `)
-    })
-    const creditsContainer = L.DomUtil.create('div', 'credits-container', container),
-      credits = L.DomUtil.createFieldset(creditsContainer, L._('Credits'))
-    title = L.DomUtil.add('h5', '', credits, L._('User content credits'))
-    if (this.options.shortCredit || this.options.longCredit) {
-      L.DomUtil.element({
-        tagName: 'p',
-        parent: credits,
-        safeHTML: U.Utils.toHTML(this.options.longCredit || this.options.shortCredit),
-      })
-    }
-    if (this.options.licence) {
-      const licence = L.DomUtil.add(
-        'p',
-        '',
-        credits,
-        `${L._('Map user content has been published under licence')} `
-      )
-      L.DomUtil.createLink(
-        '',
-        licence,
-        this.options.licence.name,
-        this.options.licence.url
-      )
-    } else {
-      L.DomUtil.add('p', '', credits, L._('No licence has been set'))
-    }
-    title = L.DomUtil.create('h5', '', credits)
-    title.textContent = L._('Map background credits')
-    const tilelayerCredit = L.DomUtil.create('p', '', credits)
-    L.DomUtil.element({
-      tagName: 'strong',
-      parent: tilelayerCredit,
-      textContent: `${this.selected_tilelayer.options.name} `,
-    })
-    L.DomUtil.element({
-      tagName: 'span',
-      parent: tilelayerCredit,
-      safeHTML: this.selected_tilelayer.getAttribution(),
-    })
-    const urls = {
-      leaflet: 'http://leafletjs.com',
-      django: 'https://www.djangoproject.com',
-      umap: 'http://wiki.openstreetmap.org/wiki/UMap',
-      changelog: 'https://umap-project.readthedocs.io/en/master/changelog/',
-      version: this.options.umap_version,
-    }
-    const creditHTML = L._(
-      `
-      Powered by <a href="{leaflet}">Leaflet</a> and
-      <a href="{django}">Django</a>,
-      glued by <a href="{umap}">uMap project</a>
-      (version <a href="{changelog}">{version}</a>).
-      `,
-      urls
-    )
-    L.DomUtil.element({ tagName: 'p', innerHTML: creditHTML, parent: credits })
-    this.panel.open({ content: container })
-  },
-
   renderEditToolbar: function () {
     const container = L.DomUtil.create(
       'div',
@@ -776,7 +693,7 @@ const ControlsMixin = {
       nameButton,
       'mouseover',
       function () {
-        this.ui.tooltip({
+        this.tooltip.open({
           content: L._('Edit the title of the map'),
           anchor: nameButton,
           position: 'bottom',
@@ -797,7 +714,7 @@ const ControlsMixin = {
       shareStatusButton,
       'mouseover',
       function () {
-        this.ui.tooltip({
+        this.tooltip.open({
           content: L._('Update who can see and edit the map'),
           anchor: shareStatusButton,
           position: 'bottom',
@@ -846,7 +763,7 @@ const ControlsMixin = {
       controlEditCancel,
       'mouseover',
       function () {
-        this.ui.tooltip({
+        this.tooltip.open({
           content: this.help.displayLabel('CANCEL'),
           anchor: controlEditCancel,
           position: 'bottom',
@@ -867,7 +784,7 @@ const ControlsMixin = {
       controlEditDisable,
       'mouseover',
       function () {
-        this.ui.tooltip({
+        this.tooltip.open({
           content: this.help.displayLabel('PREVIEW'),
           anchor: controlEditDisable,
           position: 'bottom',
@@ -888,7 +805,7 @@ const ControlsMixin = {
       controlEditSave,
       'mouseover',
       function () {
-        this.ui.tooltip({
+        this.tooltip.open({
           content: this.help.displayLabel('SAVE'),
           anchor: controlEditSave,
           position: 'bottom',
@@ -910,7 +827,7 @@ const ControlsMixin = {
       L.DomUtil.createIcon(row, 'icon-drag', L._('Drag to reorder'))
       datalayer.renderToolbox(row)
       const title = L.DomUtil.add('span', '', row, datalayer.options.name)
-      L.DomUtil.classIf(row, 'off', !datalayer.isVisible())
+      row.classList.toggle('off', !datalayer.isVisible())
       title.textContent = datalayer.options.name
       row.dataset.id = L.stamp(datalayer)
     })
@@ -1075,9 +992,9 @@ U.AttributionControl = L.Control.Attribution.extend({
       })
     }
     if (captionMenus) {
-      const link = L.DomUtil.add('a', '', container, ` — ${L._('About')}`)
+      const link = L.DomUtil.add('a', '', container, ` — ${L._('Open caption')}`)
       L.DomEvent.on(link, 'click', L.DomEvent.stop)
-        .on(link, 'click', this._map.displayCaption, this._map)
+        .on(link, 'click', this._map.openCaption, this._map)
         .on(link, 'dblclick', L.DomEvent.stop)
     }
     if (window.top === window.self && captionMenus) {
@@ -1121,7 +1038,15 @@ U.Locate = L.Control.Locate.extend({
   _activate: function () {
     this._map = this.map
     L.Control.Locate.prototype._activate.call(this)
-    this._map = null
+  },
+
+  remove: function () {
+    // Prevent to call remove if the control is not really added to the map
+    // This occurs because we do create the control and call its activate
+    // method before adding the control button itself to the map, in the
+    // case where the map defaultView is set to "location"
+    if (!this._container || !this._container.parentNode) return
+    return L.Control.Locate.prototype.remove.call(this)
   },
 })
 
@@ -1161,7 +1086,7 @@ U.Search = L.PhotonSearch.extend({
       if (latlng.isValid()) {
         this.reverse.doReverse(latlng)
       } else {
-        this.map.ui.alert({ content: 'Invalid latitude or longitude', mode: 'error' })
+        U.Alert.error(L._('Invalid latitude or longitude'))
       }
       return
     }
@@ -1324,7 +1249,7 @@ U.Editable = L.Editable.extend({
     L.Editable.prototype.initialize.call(this, map, options)
     this.on('editable:drawing:click editable:drawing:move', this.drawingTooltip)
     this.on('editable:drawing:end', (e) => {
-      this.closeTooltip()
+      this.map.tooltip.close()
       // Leaflet.Editable will delete the drawn shape if invalid
       // (eg. line has only one drawn point)
       // So let's check if the layer has no more shape
@@ -1388,7 +1313,7 @@ U.Editable = L.Editable.extend({
 
   drawingTooltip: function (e) {
     if (e.layer instanceof L.Marker && e.type == 'editable:drawing:start') {
-      this.map.ui.tooltip({ content: L._('Click to add a marker') })
+      this.map.tooltip.open({ content: L._('Click to add a marker') })
     }
     if (!(e.layer instanceof L.Polyline)) {
       // only continue with Polylines and Polygons
@@ -1431,7 +1356,7 @@ U.Editable = L.Editable.extend({
       }
     }
     if (content) {
-      this.map.ui.tooltip({ content: content })
+      this.map.tooltip.open({ content: content })
     }
   },
 

umap/static/umap/js/umap.core.js

@@ -139,7 +139,7 @@ L.DomUtil.createButtonIcon = (parent, className, title, size = 16) => {
 
 L.DomUtil.createTitle = (parent, text, className, tag = 'h3') => {
   const title = L.DomUtil.create(tag, '', parent)
-  L.DomUtil.createIcon(title, className)
+  if (className) L.DomUtil.createIcon(title, className)
   L.DomUtil.add('span', '', title, text)
   return title
 }
@@ -162,11 +162,6 @@ L.DomUtil.createCopiableInput = (parent, label, value) => {
   return input
 }
 
-L.DomUtil.classIf = (el, className, bool) => {
-  if (bool) L.DomUtil.addClass(el, className)
-  else L.DomUtil.removeClass(el, className)
-}
-
 L.DomUtil.element = ({ tagName, parent, ...attrs }) => {
   const el = document.createElement(tagName)
   if (attrs.innerHTML) {
@@ -250,327 +245,6 @@ L.DomEvent.once = (el, types, fn, context) => {
   return L.DomEvent.on(el, types, fn, context).on(el, types, handler, context)
 }
 
-/*
- * Global events
- */
-U.Keys = {
-  LEFT: 37,
-  UP: 38,
-  RIGHT: 39,
-  DOWN: 40,
-  TAB: 9,
-  ENTER: 13,
-  ESC: 27,
-  APPLE: 91,
-  SHIFT: 16,
-  ALT: 17,
-  CTRL: 18,
-  E: 69,
-  F: 70,
-  H: 72,
-  I: 73,
-  L: 76,
-  M: 77,
-  O: 79,
-  P: 80,
-  S: 83,
-  Z: 90,
-}
-
-U.Help = L.Class.extend({
-  SHORTCUTS: {
-    DRAW_MARKER: {
-      shortcut: 'Modifier+M',
-      label: L._('Draw a marker'),
-    },
-    DRAW_LINE: {
-      shortcut: 'Modifier+L',
-      label: L._('Draw a polyline'),
-    },
-    DRAW_POLYGON: {
-      shortcut: 'Modifier+P',
-      label: L._('Draw a polygon'),
-    },
-    TOGGLE_EDIT: {
-      shortcut: 'Modifier+E',
-      label: L._('Toggle edit mode'),
-    },
-    STOP_EDIT: {
-      shortcut: 'Modifier+E',
-      label: L._('Stop editing'),
-    },
-    SAVE_MAP: {
-      shortcut: 'Modifier+S',
-      label: L._('Save map'),
-    },
-    IMPORT_PANEL: {
-      shortcut: 'Modifier+I',
-      label: L._('Import data'),
-    },
-    SEARCH: {
-      shortcut: 'Modifier+F',
-      label: L._('Search location'),
-    },
-    CANCEL: {
-      shortcut: 'Modifier+Z',
-      label: L._('Cancel edits'),
-    },
-    PREVIEW: {
-      shortcut: 'Modifier+E',
-      label: L._('Back to preview'),
-    },
-    SAVE: {
-      shortcut: 'Modifier+S',
-      label: L._('Save current edits'),
-    },
-    EDIT_FEATURE_LAYER: {
-      shortcut: 'Modifier+⇧+Click',
-      label: L._("Edit feature's layer"),
-    },
-    CONTINUE_LINE: {
-      shortcut: 'Modifier+Click',
-      label: L._('Continue line'),
-    },
-  },
-
-  displayLabel: function (action, withKbdTag = true) {
-    let { shortcut, label } = this.SHORTCUTS[action]
-    const modifier = this.isMacOS ? 'Cmd' : 'Ctrl'
-    shortcut = shortcut.replace('Modifier', modifier)
-    if (withKbdTag) {
-      shortcut = shortcut
-        .split('+')
-        .map((el) => `<kbd>${el}</kbd>`)
-        .join('+')
-      label += ` ${shortcut}`
-    } else {
-      label += ` (${shortcut})`
-    }
-    return label
-  },
-
-  initialize: function (map) {
-    this.map = map
-    this.box = L.DomUtil.create(
-      'div',
-      'umap-help-box with-transition dark',
-      document.body
-    )
-    const closeButton = L.DomUtil.createButton(
-      'umap-close-link',
-      this.box,
-      '',
-      this.hide,
-      this
-    )
-    L.DomUtil.add('i', 'umap-close-icon', closeButton)
-    const label = L.DomUtil.create('span', '', closeButton)
-    label.title = label.textContent = L._('Close')
-    this.content = L.DomUtil.create('div', 'umap-help-content', this.box)
-    this.isMacOS = /mac/i.test(
-      // eslint-disable-next-line compat/compat -- Fallback available.
-      navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform
-    )
-  },
-
-  onKeyDown: function (e) {
-    const key = e.keyCode,
-      ESC = 27
-    if (key === ESC) {
-      this.hide()
-    }
-  },
-
-  show: function () {
-    this.content.innerHTML = ''
-    for (let i = 0, name; i < arguments.length; i++) {
-      name = arguments[i]
-      L.DomUtil.add('div', 'umap-help-entry', this.content, this.resolve(name))
-    }
-    L.DomUtil.addClass(document.body, 'umap-help-on')
-  },
-
-  hide: function () {
-    L.DomUtil.removeClass(document.body, 'umap-help-on')
-  },
-
-  visible: function () {
-    return L.DomUtil.hasClass(document.body, 'umap-help-on')
-  },
-
-  resolve: function (name) {
-    return typeof this[name] === 'function' ? this[name]() : this[name]
-  },
-
-  button: function (container, entries, classname) {
-    const helpButton = L.DomUtil.createButton(
-      classname || 'umap-help-button',
-      container,
-      L._('Help')
-    )
-    if (entries) {
-      L.DomEvent.on(helpButton, 'click', L.DomEvent.stop).on(
-        helpButton,
-        'click',
-        function (e) {
-          const args = typeof entries === 'string' ? [entries] : entries
-          this.show.apply(this, args)
-        },
-        this
-      )
-    }
-    return helpButton
-  },
-
-  link: function (container, entries) {
-    const helpButton = this.button(container, entries, 'umap-help-link')
-    helpButton.textContent = L._('Help')
-    return helpButton
-  },
-
-  edit: function () {
-    const container = L.DomUtil.create('div', ''),
-      self = this,
-      title = L.DomUtil.create('h3', '', container),
-      actionsContainer = L.DomUtil.create('ul', 'umap-edit-actions', container)
-    const addAction = (action) => {
-      const actionContainer = L.DomUtil.add('li', '', actionsContainer)
-      L.DomUtil.add('i', action.options.className, actionContainer),
-        L.DomUtil.add('span', '', actionContainer, action.options.tooltip)
-      L.DomEvent.on(actionContainer, 'click', action.addHooks, action)
-      L.DomEvent.on(actionContainer, 'click', self.hide, self)
-    }
-    title.textContent = L._('Where do we go from here?')
-    for (const id in this.map.helpMenuActions) {
-      addAction(this.map.helpMenuActions[id])
-    }
-    return container
-  },
-
-  importFormats: function () {
-    const container = L.DomUtil.create('div')
-    L.DomUtil.add('h3', '', container, 'GeojSON')
-    L.DomUtil.add('p', '', container, L._('All properties are imported.'))
-    L.DomUtil.add('h3', '', container, 'GPX')
-    L.DomUtil.add('p', '', container, `${L._('Properties imported:')}name, desc`)
-    L.DomUtil.add('h3', '', container, 'KML')
-    L.DomUtil.add('p', '', container, `${L._('Properties imported:')}name, description`)
-    L.DomUtil.add('h3', '', container, 'CSV')
-    L.DomUtil.add(
-      'p',
-      '',
-      container,
-      L._(
-        'Comma, tab or semi-colon separated values. SRS WGS84 is implied. Only Point geometries are imported. The import will look at the column headers for any mention of «lat» and «lon» at the begining of the header, case insensitive. All other column are imported as properties.'
-      )
-    )
-    L.DomUtil.add('h3', '', container, 'uMap')
-    L.DomUtil.add(
-      'p',
-      '',
-      container,
-      L._('Imports all umap data, including layers and settings.')
-    )
-    return container
-  },
-
-  textFormatting: function () {
-    const container = L.DomUtil.create('div'),
-      title = L.DomUtil.add('h3', '', container, L._('Text formatting')),
-      elements = L.DomUtil.create('ul', '', container)
-    L.DomUtil.add('li', '', elements, L._('*single star for italic*'))
-    L.DomUtil.add('li', '', elements, L._('**double star for bold**'))
-    L.DomUtil.add('li', '', elements, L._('# one hash for main heading'))
-    L.DomUtil.add('li', '', elements, L._('## two hashes for second heading'))
-    L.DomUtil.add('li', '', elements, L._('### three hashes for third heading'))
-    L.DomUtil.add('li', '', elements, L._('Simple link: [[http://example.com]]'))
-    L.DomUtil.add(
-      'li',
-      '',
-      elements,
-      L._('Link with text: [[http://example.com|text of the link]]')
-    )
-    L.DomUtil.add('li', '', elements, L._('Image: {{http://image.url.com}}'))
-    L.DomUtil.add(
-      'li',
-      '',
-      elements,
-      L._('Image with custom width (in px): {{http://image.url.com|width}}')
-    )
-    L.DomUtil.add('li', '', elements, L._('Iframe: {{{http://iframe.url.com}}}'))
-    L.DomUtil.add(
-      'li',
-      '',
-      elements,
-      L._('Iframe with custom height (in px): {{{http://iframe.url.com|height}}}')
-    )
-    L.DomUtil.add(
-      'li',
-      '',
-      elements,
-      L._(
-        'Iframe with custom height and width (in px): {{{http://iframe.url.com|height*width}}}'
-      )
-    )
-    L.DomUtil.add('li', '', elements, L._('--- for a horizontal rule'))
-    return container
-  },
-
-  dynamicProperties: function () {
-    const container = L.DomUtil.create('div')
-    L.DomUtil.add('h3', '', container, L._('Dynamic properties'))
-    L.DomUtil.add(
-      'p',
-      '',
-      container,
-      L._(
-        'Use placeholders with feature properties between brackets, eg. &#123;name&#125;, they will be dynamically replaced by the corresponding values.'
-      )
-    )
-    return container
-  },
-
-  formatURL: `${L._(
-    'Supported variables that will be dynamically replaced'
-  )}: {bbox}, {lat}, {lng}, {zoom}, {east}, {north}..., {left}, {top}..., locale, lang`,
-  colorValue: L._('Must be a valid CSS value (eg.: DarkBlue or #123456)'),
-  smoothFactor: L._(
-    'How much to simplify the polyline on each zoom level (more = better performance and smoother look, less = more accurate)'
-  ),
-  dashArray: L._(
-    'A comma separated list of numbers that defines the stroke dash pattern. Ex.: "5, 10, 15".'
-  ),
-  zoomTo: L._('Zoom level for automatic zooms'),
-  labelKey: L._(
-    'The name of the property to use as feature label (eg.: "nom"). You can also use properties inside brackets to use more than one or mix with static content (eg.: "&lcub;name&rcub; in &lcub;place&rcub;")'
-  ),
-  stroke: L._('Whether to display or not polygons paths.'),
-  fill: L._('Whether to fill polygons with color.'),
-  fillColor: L._('Optional. Same as color if not set.'),
-  shortCredit: L._('Will be displayed in the bottom right corner of the map'),
-  longCredit: L._('Will be visible in the caption of the map'),
-  permanentCredit: L._(
-    'Will be permanently visible in the bottom left corner of the map'
-  ),
-  sortKey: L._(
-    'Comma separated list of properties to use for sorting features. To reverse the sort, put a minus sign (-) before. Eg. mykey,-otherkey.'
-  ),
-  slugKey: L._('The name of the property to use as feature unique identifier.'),
-  filterKey: L._('Comma separated list of properties to use when filtering features by text input'),
-  facetKey: L._(
-    'Comma separated list of properties to use for filters (eg.: mykey,otherkey). To control label, add it after a | (eg.: mykey|My Key,otherkey|Other Key). To control input field type, add it after another | (eg.: mykey|My Key|checkbox,otherkey|Other Key|datetime). Allowed values for the input field type are checkbox (default), radio, number, date and datetime.'
-  ),
-  interactive: L._(
-    'If false, the polygon or line will act as a part of the underlying map.'
-  ),
-  outlink: L._('Define link to open in a new window on polygon click.'),
-  dynamicRemoteData: L._('Fetch data each time map view changes.'),
-  proxyRemoteData: L._("To use if remote server doesn't allow cross domain (slower)"),
-  browsable: L._(
-    'Set it to false to hide this layer from the slideshow, the data browser, the popup navigation…'
-  ),
-})
-
 L.LatLng.prototype.isValid = function () {
   return (
     isFinite(this.lat) &&