umap-project 3.3.6__py3-none-any.whl → 3.4.0__py3-none-any.whl

umap/static/umap/js/modules/ui/panel.js

@@ -7,7 +7,7 @@ export class Panel {
     this._umap = umap
     this._leafletMap = leafletMap
     this.container = DomUtil.create('div', '', this.parent)
-    // This will be set once according to the panel configurated at load
+    // This will be set once according to the panel configured at load
     // or by using panels as popups
     this.mode = null
     this.className = 'left'
@@ -26,12 +26,12 @@ export class Panel {
   }
 
   open({ content, className, highlight, actions = [] } = {}) {
+    let isOpen = false
     if (this.isOpen()) {
+      isOpen = true
       this.onClose()
     }
-    this.container.className = `with-transition panel window ${this.className} ${
-      this.mode || ''
-    }`
+    this.container.className = `with-transition panel window ${this.className} ${this.mode || ''} ${isOpen ? 'on' : ''}`
     if (highlight) {
       this.container.dataset.highlight = highlight
     }
@@ -56,8 +56,22 @@ export class Panel {
     }
     if (className) DomUtil.addClass(body, className)
     const promise = new Promise((resolve, reject) => {
-      DomUtil.addClass(this.container, 'on')
-      resolve(this)
+      if (isOpen) {
+        resolve(this)
+      } else {
+        this.container.classList.add('on')
+        Promise.all(
+          this.container.getAnimations?.().map((animation) => animation.finished)
+        )
+          .then(() => {
+            resolve(this)
+          })
+          .catch(() => {
+            // Panel has been removed, so the DOM has changed, so the animations
+            // were cancelled, we want the new panel callback to be called anyway.
+            resolve(this)
+          })
+      }
     })
     DomEvent.on(closeButton, 'click', this.close, this)
     DomEvent.on(resizeButton, 'click', this.resize, this)
@@ -83,11 +97,12 @@ export class Panel {
   }
 
   onClose() {
-    if (DomUtil.hasClass(this.container, 'on')) {
-      DomUtil.removeClass(this.container, 'on')
+    if (this.container.classList.contains('on')) {
+      this.container.classList.remove('on')
       this._leafletMap.invalidateSize({ pan: false })
     }
   }
+
   scrollTo(selector) {
     const fieldset = this.container.querySelector(selector)
     if (!fieldset) return

umap/static/umap/js/modules/ui/tooltip.js

@@ -4,11 +4,10 @@ import * as Utils from '../utils.js'
 import { Positioned } from './base.js'
 
 export default class Tooltip extends Positioned {
-  constructor(parent) {
+  constructor() {
     super()
-    this.parent = parent
+    this.parent = document.body
     this.container = Utils.loadTemplate('<div class="umap-tooltip-container"></div>')
-    this.parent.appendChild(this.container)
     DomEvent.disableClickPropagation(this.container)
     this.container.addEventListener('contextmenu', (event) => event.stopPropagation()) // Do not activate our custom context menu.
     this.container.addEventListener('wheel', (event) => event.stopPropagation())
@@ -25,7 +24,7 @@ export default class Tooltip extends Positioned {
       } else {
         this.container.innerHTML = Utils.escapeHTML(opts.content)
       }
-      this.parent.classList.add('umap-tooltip')
+      this.parent.appendChild(this.container)
       this.openAt(opts)
     }
     this.TOOLTIP_ID = window.setTimeout(L.bind(showIt, this), opts.delay || 0)
@@ -49,6 +48,8 @@ export default class Tooltip extends Positioned {
     this.toggleClassPosition()
     this.container.innerHTML = ''
     this.setPosition({})
-    this.parent.classList.remove('umap-tooltip')
+    if (this.parent.contains(this.container)) {
+      this.parent.removeChild(this.container)
+    }
   }
 }

umap/static/umap/js/modules/umap.js

@@ -10,7 +10,8 @@ import {
 import Browser from './browser.js'
 import Caption from './caption.js'
 import { DataLayer } from './data/layer.js'
-import Facets from './facets.js'
+import { Fields } from './data/fields.js'
+import { Filters, migrateLegacyFilters } from './filters.js'
 import { MutatingForm } from './form/builder.js'
 import { Formatter } from './formatter.js'
 import Help from './help.js'
@@ -32,6 +33,7 @@ import { EditPanel, FullPanel, Panel } from './ui/panel.js'
 import Tooltip from './ui/tooltip.js'
 import URLs from './urls.js'
 import * as Utils from './utils.js'
+import * as DOMUtils from './domutils.js'
 import { DataLayerManager } from './managers.js'
 import { Importer as OpenRouteService } from './importers/openrouteservice.js'
 
@@ -48,6 +50,7 @@ export default class Umap {
   }
 
   async init(element, geojson) {
+    this.migrateLegacyProperties(geojson.properties)
     this.properties = Object.assign(
       {
         enableMarkerDraw: true,
@@ -131,7 +134,8 @@ export default class Umap {
     this.contextmenu = new ContextMenu()
     this.server = new ServerRequest()
     this.request = new Request()
-    this.facets = new Facets(this)
+    this.fields = new Fields(this, this.dialog)
+    this.filters = new Filters(this, this)
     this.browser = new Browser(this, this._leafletMap)
     this.caption = new Caption(this, this._leafletMap)
     this.importer = new Importer(this)
@@ -160,10 +164,6 @@ export default class Umap {
     ) {
       this.properties.slideshow.active = true
     }
-    if (this.properties.advancedFilterKey) {
-      this.properties.facetKey = this.properties.advancedFilterKey
-      delete this.properties.advancedFilterKey
-    }
 
     // Global storage for retrieving datalayers and features.
     this.datalayers = new DataLayerManager()
@@ -261,17 +261,6 @@ export default class Umap {
     return window.self !== window.top
   }
 
-  get fields() {
-    if (!this.properties.fields) this.properties.fields = []
-    return this.properties.fields
-  }
-
-  get fieldKeys() {
-    return this.fields
-      .map((field) => field.key)
-      .concat(...this.datalayers.active().map((dl) => dl.fieldKeys))
-  }
-
   setPropertiesFromQueryString() {
     const asBoolean = (key) => {
       const value = this.searchParams.get(key)
@@ -391,6 +380,17 @@ export default class Umap {
     }
   }
 
+  hasFilters() {
+    return this.filters.size || this.datalayers.active().some((d) => d.filters.size)
+  }
+
+  hasActiveFilters() {
+    return (
+      this.filters.isActive() ||
+      this.datalayers.active().some((d) => d.filters.isActive())
+    )
+  }
+
   getOwnContextMenu(event) {
     const items = []
     if (this.editEnabled) {
@@ -424,7 +424,7 @@ export default class Umap {
         action: () => this.openBrowser('data'),
       }
     )
-    if (this.properties.facetKey) {
+    if (this.hasFilters()) {
       items.push({
         label: translate('Filter data'),
         action: () => this.openBrowser('filters'),
@@ -444,7 +444,13 @@ export default class Umap {
   }
 
   getSharedContextMenu(event) {
-    const items = []
+    const latlng = `${event.latlng.lat.toFixed(6)},${event.latlng.lng.toFixed(6)}`
+    const items = [
+      {
+        label: latlng,
+        action: () => DOMUtils.copyToClipboard(latlng),
+      },
+    ]
     if (this.properties.urls.routing) {
       items.push({
         label: translate('Directions from here'),
@@ -481,7 +487,7 @@ export default class Umap {
   }
 
   search() {
-    if (this._leafletMap._controls.search) this._leafletMap._controls.search.open()
+    if (this._leafletMap._controls.search) this._leafletMap._controls.search.onClick()
   }
 
   hasEditMode() {
@@ -666,7 +672,7 @@ export default class Umap {
     const parent = this._leafletMap.getPane('overlayPane')
     const datalayers = Object.values(this.datalayers)
       .filter((datalayer) => !datalayer._isDeleted)
-      .sort((datalayer1, datalayer2) => datalayer1.rank > datalayer2.rank)
+      .sort((datalayer1, datalayer2) => datalayer1.rank - datalayer2.rank)
     for (const datalayer of datalayers) {
       const child = parent.querySelector(`[data-id="${datalayer.id}"]`)
       parent.appendChild(child)
@@ -720,7 +726,14 @@ export default class Umap {
     return this.properties.name || translate('Untitled map')
   }
 
+  migrateLegacyProperties(properties) {
+    if (migrateLegacyFilters(properties)) {
+      this._migrated = true
+    }
+  }
+
   setProperties(newProperties) {
+    this.migrateLegacyProperties(newProperties)
     for (const key of Object.keys(SCHEMA)) {
       if (newProperties[key] !== undefined) {
         this.properties[key] = newProperties[key]
@@ -758,7 +771,7 @@ export default class Umap {
       'properties.is_template',
     ]
 
-    DomUtil.createTitle(container, translate('Edit map details'), 'icon-caption')
+    DomUtil.createTitle(container, translate('Edit map details'), 'icon-info')
     const builder = new MutatingForm(this, metadataFields, {
       className: 'map-metadata',
       umap: this,
@@ -868,23 +881,22 @@ export default class Umap {
     defaultShapeProperties.appendChild(builder.build())
   }
 
-  _editDefaultProperties(container) {
-    const optionsFields = [
+  _editDefaultKeys(container) {
+    const shapeOptions = [
       'properties.zoomTo',
       'properties.easing',
       'properties.labelKey',
       'properties.sortKey',
       'properties.filterKey',
-      'properties.facetKey',
       'properties.slugKey',
     ]
 
-    const builder = new MutatingForm(this, optionsFields, { umap: this })
-    const defaultProperties = DomUtil.createFieldset(
+    const builder = new MutatingForm(this, shapeOptions, { umap: this })
+    const defaultShapeProperties = DomUtil.createFieldset(
       container,
       translate('Default properties')
     )
-    defaultProperties.appendChild(builder.build())
+    defaultShapeProperties.appendChild(builder.build())
   }
 
   _editInteractionsProperties(container) {
@@ -1159,7 +1171,8 @@ export default class Umap {
     )
     this._editControls(container)
     this._editShapeProperties(container)
-    this._editDefaultProperties(container)
+    this._editDefaultKeys(container)
+    this.fields.edit(container)
     this._editInteractionsProperties(container)
     this.rules.edit(container)
     this._editTilelayer(container)
@@ -1178,6 +1191,16 @@ export default class Umap {
     })
   }
 
+  onAnonymousSave(editUrl) {
+    AlertCreation.info(
+      this,
+      translate('Hey, you created a map without an account!'),
+      Number.Infinity,
+      editUrl,
+      this.properties.urls.map_send_edit_link ? this.sendEditLinkEmail.bind(this) : null
+    )
+  }
+
   async save() {
     const geojson = {
       type: 'Feature',
@@ -1197,11 +1220,10 @@ export default class Umap {
     if (error) {
       return
     }
-    // TOOD: map.save may not always be the first call during save process
+    // TODO: map.save may not always be the first call during save process
     // since SAVEMANAGER refactor
     if (data.login_required) {
-      window.onLogin = () => this.saveAll()
-      window.open(data.login_required)
+      this.askForLogin().then(() => this.saveAll())
       return
     }
     this.properties.user = data.user
@@ -1209,17 +1231,9 @@ export default class Umap {
       this.properties.id = data.id
       this.permissions.setProperties(data.permissions)
       this.permissions.commit()
-      if (data.permissions?.anonymous_edit_url) {
-        this._leafletMap.once('saved', () => {
-          AlertCreation.info(
-            translate('Your map has been created with an anonymous account!'),
-            Number.Infinity,
-            data.permissions.anonymous_edit_url,
-            this.properties.urls.map_send_edit_link
-              ? this.sendEditLinkEmail.bind(this)
-              : null
-          )
-        })
+      const anonymousEditUrl = data.permissions?.anonymous_edit_url
+      if (anonymousEditUrl) {
+        this._leafletMap.once('saved', () => this.onAnonymousSave(anonymousEditUrl))
       } else {
         this._leafletMap.once('saved', () => {
           Alert.success(translate('Congratulations, your map has been created!'))
@@ -1241,6 +1255,29 @@ export default class Umap {
     return true
   }
 
+  askForLogin() {
+    const promise = new Promise((resolve) => {
+      const bc = new BroadcastChannel('auth')
+      bc.onmessage = (event) => {
+        if (event.data === 'auth:ok') {
+          bc.postMessage('auth:close')
+          const url = this.urls.get('whoami', { map_id: this.id })
+          this.server.get(url).then(([data]) => {
+            this.properties.user = data.user
+            if (!this.id) {
+              this.properties.permissions.owner = { ...data.user }
+            }
+            this.permissions.pull()
+            this.render(['user', 'properties.permissions'])
+            resolve()
+          })
+        }
+      }
+    })
+    window.open(this.urls.get('login'))
+    return promise
+  }
+
   exportProperties() {
     const properties = {}
     for (const key of Object.keys(SCHEMA)) {
@@ -1251,6 +1288,18 @@ export default class Umap {
     return properties
   }
 
+  renameField(oldName, newName) {
+    for (const datalayer of this.datalayers.active()) {
+      datalayer.renameFeaturesField(oldName, newName)
+    }
+  }
+
+  deleteField(name) {
+    for (const datalayer of this.datalayers.active()) {
+      datalayer.deleteFeaturesField(name)
+    }
+  }
+
   geometry() {
     /* Return a GeoJSON geometry Object */
     const latlng = this._leafletMap.latLng(
@@ -1269,18 +1318,51 @@ export default class Umap {
     this.drop.enable()
     this.fire('edit:enabled')
     this.initSyncEngine()
-    this.datalayers.active().forEach((datalayer) => {
-      if (!datalayer.isReadOnly() && datalayer._found_duplicate_id) {
-        datalayer._found_duplicate_id = false
+    this.checkForLegacy()
+    this.checkForAnonymous()
+  }
+
+  checkForAnonymous() {
+    if (
+      this.permissions.isAnonymousMap() &&
+      this.permissions.isOwner() &&
+      this.permissions.userIsAuth()
+    ) {
+      this.dialog
+        .confirm(
+          translate('This map is anonymous, do you want to attach it to your account?')
+        )
+        .then(() => {
+          this.permissions.attach()
+        })
+    }
+  }
+
+  checkForLegacy() {
+    let needSaveAlert = false
+    if (this._migrated) {
+      needSaveAlert = true
+      delete this._migrated
+      // Force user to save
+      this.sync.update('properties.name', this.properties.name, this.properties.name)
+    }
+    for (const datalayer of this.datalayers.active()) {
+      if (!datalayer.isReadOnly() && datalayer._migrated) {
+        datalayer._migrated = false
         // Force user to resave those datalayers
         datalayer.sync.update(
           'properties.name',
           datalayer.properties.name,
           datalayer.properties.name
         )
-        Alert.info(translate('Layer has been migrated, please save the map.'))
+        needSaveAlert = true
       }
-    })
+    }
+    if (needSaveAlert) {
+      Alert.warning(
+        translate('The map has been upgraded to latest version, please save it.')
+      )
+    }
   }
 
   disableEdit() {
@@ -1324,6 +1406,12 @@ export default class Umap {
     // Propagate will remove the fields it has already
     // processed
     fields = this.propagate(fields)
+    if (fields.includes('properties.filters')) {
+      this.filters.load()
+      if (this.browser.isOpen()) {
+        this.browser.buildFilters()
+      }
+    }
 
     const impacts = Utils.getImpactsFromSchema(fields)
     for (const impact of impacts) {
@@ -1365,7 +1453,7 @@ export default class Umap {
   }
 
   // This method does a targeted update of the UI,
-  // it whould be merged with `render`` method and the
+  // it would be merged with `render`` method and the
   // SCHEMA at some point
   propagate(fields = []) {
     const impacts = {
@@ -1376,7 +1464,7 @@ export default class Umap {
       },
       user: () => {
         Utils.eachElement('.umap-user .username', (el) => {
-          if (this.properties.user?.id) {
+          if (this.permissions.userIsAuth()) {
             el.textContent = this.properties.user.name
           }
         })
@@ -1483,17 +1571,22 @@ export default class Umap {
     `
     const [container, { ul }] = Utils.loadTemplateWithRefs(template)
     this.datalayers.reverse().map((datalayer) => {
-      const row = Utils.loadTemplate(
-        `<li class="orderable"><i class="icon icon-16 icon-drag" title="${translate('Drag to reorder')}"></i></li>`
-      )
-      datalayer.renderToolbox(row)
+      const [row, { toolbox, formbox }] = Utils.loadTemplateWithRefs(`
+        <li class="orderable with-toolbox ${datalayer.cssId}">
+          <span data-ref=formbox class="datalayer-editable-title truncate"></span>
+          <span data-ref=toolbox>
+            <i class="icon icon-16 icon-drag" title="${translate('Drag to reorder')}"></i>
+          </span>
+        </li>
+      `)
+      datalayer.renderToolbox(toolbox)
       const builder = new MutatingForm(
         datalayer,
         [['properties.name', { handler: 'EditableText' }]],
         { className: 'umap-form-inline' }
       )
       const form = builder.build()
-      row.appendChild(form)
+      formbox.appendChild(form)
       row.classList.toggle('off', !datalayer.isVisible())
       row.dataset.id = datalayer.id
       ul.appendChild(row)
@@ -1636,6 +1729,8 @@ export default class Umap {
     const fields = Object.keys(importedData.properties).map(
       (field) => `properties.${field}`
     )
+    this.fields.pull()
+    this.filters.load()
     this.render(fields)
     this._leafletMap._setDefaultCenter()
   }
@@ -1649,7 +1744,7 @@ export default class Umap {
         this.importRaw(rawData)
       } catch (e) {
         console.error('Error importing data', e)
-        U.Alert.error(
+        Alert.error(
           translate('Invalid umap data in {filename}', { filename: file.name })
         )
       }

umap/static/umap/js/modules/utils.js

@@ -40,7 +40,7 @@ function _getPropertyName(field) {
  * Return an array of unique impacts.
  *
  * @param {fields}  list[fields]
- * @param object schema object. If ommited, global U.SCHEMA will be used.
+ * @param object schema object. If omitted, global U.SCHEMA will be used.
  * @returns Array[string]
  */
 export function getImpactsFromSchema(fields, schema) {
@@ -400,8 +400,30 @@ export function template(str, data) {
   })
 }
 
+const DATE_REGEX = [
+  // Format 1: "YYYY-MM-DD"
+  /^(?<year>\d{4})[\-\/](?<month>\d{2})[\-\/](?<day>\d{2})$/,
+  // Format2 : "DD-MM-YYYY"
+  /^(?<day>0[1-9]|[12][0-9]|3[01])[\-\/](?<month>0[1-9]|1[0-2])[\-\/](?<year>\d{4})/,
+]
+
 export function parseNaiveDate(value) {
-  const naive = new Date(value)
+  let naive
+  if (!value) return undefined
+  value = String(value)
+  for (const regex of DATE_REGEX) {
+    const parsed = value.match(regex)
+    if (parsed) {
+      const { year, month, day } = parsed.groups
+      naive = new Date(year, Number.parseInt(month, 10) - 1, Number.parseInt(day, 10))
+      break
+    }
+  }
+  if (!naive) {
+    naive = new Date(value)
+  }
+  // Number.isNaN will always return false for invalid date
+  if (isNaN(naive)) return undefined
   // Let's pretend naive date are UTC, and remove time…
   return new Date(Date.UTC(naive.getFullYear(), naive.getMonth(), naive.getDate()))
 }

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

@@ -1,30 +1,3 @@
-L.Util.copyToClipboard = (textToCopy) => {
-  // https://stackoverflow.com/a/65996386
-  // Navigator clipboard api needs a secure context (https)
-  if (navigator.clipboard && window.isSecureContext) {
-    navigator.clipboard.writeText(textToCopy)
-  } else {
-    // Use the 'out of viewport hidden text area' trick
-    const textArea = document.createElement('textarea')
-    textArea.value = textToCopy
-
-    // Move textarea out of the viewport so it's not visible
-    textArea.style.position = 'absolute'
-    textArea.style.left = '-999999px'
-
-    document.body.prepend(textArea)
-    textArea.select()
-
-    try {
-      document.execCommand('copy')
-    } catch (error) {
-      console.error(error)
-    } finally {
-      textArea.remove()
-    }
-  }
-}
-
 L.DomUtil.add = (tagName, className, container, content) => {
   const el = L.DomUtil.create(tagName, className, container)
   if (content) {
@@ -42,7 +15,7 @@ L.DomUtil.createFieldset = (container, legend, options) => {
   const details = L.DomUtil.create('details', options.className || '', container)
   const summary = L.DomUtil.add('summary', '', details)
   if (options.icon) L.DomUtil.createIcon(summary, options.icon)
-  L.DomUtil.add('span', '', summary, legend)
+  L.DomUtil.add('h4', '', summary, legend)
   const fieldset = L.DomUtil.add('fieldset', '', details)
   details.open = options.on === true
   if (options.callback) {
@@ -94,24 +67,6 @@ L.DomUtil.createTitle = (parent, text, iconClassName, className = '', tag = 'h3'
   return title
 }
 
-L.DomUtil.createCopiableInput = (parent, label, value) => {
-  const wrapper = L.DomUtil.add('div', 'copiable-input', parent)
-  const labelEl = L.DomUtil.add('label', '', wrapper, label)
-  const input = L.DomUtil.add('input', '', labelEl)
-  input.type = 'text'
-  input.readOnly = true
-  input.value = value
-  const button = L.DomUtil.createButtonIcon(
-    wrapper,
-    'icon-copy',
-    L._('copy'),
-    () => L.Util.copyToClipboard(input.value),
-    24
-  )
-  button.type = 'button'
-  return input
-}
-
 L.DomUtil.element = ({ tagName, parent, ...attrs }) => {
   const el = document.createElement(tagName)
   if (attrs.innerHTML) {
@@ -128,70 +83,6 @@ L.DomUtil.element = ({ tagName, parent, ...attrs }) => {
   return el
 }
 
-// From https://gist.github.com/Accudio/b9cb16e0e3df858cef0d31e38f1fe46f
-// convert colour in range 0-255 to the modifier used within luminance calculation
-L.DomUtil.colourMod = (colour) => {
-  const sRGB = colour / 255
-  let mod = ((sRGB + 0.055) / 1.055) ** 2.4
-  if (sRGB < 0.03928) mod = sRGB / 12.92
-  return mod
-}
-L.DomUtil.RGBRegex = /rgb *\( *([0-9]{1,3}) *, *([0-9]{1,3}) *, *([0-9]{1,3}) *\)/
-L.DomUtil.TextColorFromBackgroundColor = (el, bgcolor) => {
-  return L.DomUtil.contrastedColor(el, bgcolor) ? '#ffffff' : '#000000'
-}
-L.DomUtil.contrastWCAG21 = (rgb) => {
-  const [r, g, b] = rgb
-  // luminance of inputted colour
-  const lum =
-    0.2126 * L.DomUtil.colourMod(r) +
-    0.7152 * L.DomUtil.colourMod(g) +
-    0.0722 * L.DomUtil.colourMod(b)
-  // white has a luminance of 1
-  const whiteLum = 1
-  const contrast = (whiteLum + 0.05) / (lum + 0.05)
-  return contrast > 3 ? 1 : 0
-}
-L.DomUtil.colorNameToHex = (str) => {
-  const ctx = document.createElement('canvas').getContext('2d')
-  ctx.fillStyle = str
-  return ctx.fillStyle
-}
-L.DomUtil.hexToRGB = (hex) => {
-  return hex
-    .replace(
-      /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
-      (m, r, g, b) => `#${r}${r}${g}${g}${b}${b}`
-    )
-    .substring(1)
-    .match(/.{2}/g)
-    .map((x) => Number.parseInt(x, 16))
-}
-
-const _CACHE_CONSTRAST = {}
-L.DomUtil.contrastedColor = (el, bgcolor) => {
-  // Return 0 for black and 1 for white
-  // bgcolor is a human color, it can be a any keyword (purple…)
-  if (typeof _CACHE_CONSTRAST[bgcolor] !== 'undefined') return _CACHE_CONSTRAST[bgcolor]
-  let rgb = window.getComputedStyle(el).getPropertyValue('background-color')
-  rgb = L.DomUtil.RGBRegex.exec(rgb)
-  if (rgb && rgb.length === 4) {
-    rgb = [
-      Number.parseInt(rgb[1], 10),
-      Number.parseInt(rgb[2], 10),
-      Number.parseInt(rgb[3], 10),
-    ]
-  } else {
-    // The element may not yet be added to the DOM, so let's try
-    // another way
-    const hex = L.DomUtil.colorNameToHex(bgcolor)
-    rgb = L.DomUtil.hexToRGB(hex)
-  }
-  if (!rgb) return 1
-  const out = L.DomUtil.contrastWCAG21(rgb)
-  if (bgcolor) _CACHE_CONSTRAST[bgcolor] = out
-  return out
-}
 L.LatLng.prototype.isValid = function () {
   return (
     Number.isFinite(this.lat) &&