umap-project 2.4.1__py3-none-any.whl → 2.5.0__py3-none-any.whl

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

@@ -1,3 +1,153 @@
+U.COLORS = [
+  'Black',
+  'Navy',
+  'DarkBlue',
+  'MediumBlue',
+  'Blue',
+  'DarkGreen',
+  'Green',
+  'Teal',
+  'DarkCyan',
+  'DeepSkyBlue',
+  'DarkTurquoise',
+  'MediumSpringGreen',
+  'Lime',
+  'SpringGreen',
+  'Aqua',
+  'Cyan',
+  'MidnightBlue',
+  'DodgerBlue',
+  'LightSeaGreen',
+  'ForestGreen',
+  'SeaGreen',
+  'DarkSlateGray',
+  'DarkSlateGrey',
+  'LimeGreen',
+  'MediumSeaGreen',
+  'Turquoise',
+  'RoyalBlue',
+  'SteelBlue',
+  'DarkSlateBlue',
+  'MediumTurquoise',
+  'Indigo',
+  'DarkOliveGreen',
+  'CadetBlue',
+  'CornflowerBlue',
+  'MediumAquaMarine',
+  'DimGray',
+  'DimGrey',
+  'SlateBlue',
+  'OliveDrab',
+  'SlateGray',
+  'SlateGrey',
+  'LightSlateGray',
+  'LightSlateGrey',
+  'MediumSlateBlue',
+  'LawnGreen',
+  'Chartreuse',
+  'Aquamarine',
+  'Maroon',
+  'Purple',
+  'Olive',
+  'Gray',
+  'Grey',
+  'SkyBlue',
+  'LightSkyBlue',
+  'BlueViolet',
+  'DarkRed',
+  'DarkMagenta',
+  'SaddleBrown',
+  'DarkSeaGreen',
+  'LightGreen',
+  'MediumPurple',
+  'DarkViolet',
+  'PaleGreen',
+  'DarkOrchid',
+  'YellowGreen',
+  'Sienna',
+  'Brown',
+  'DarkGray',
+  'DarkGrey',
+  'LightBlue',
+  'GreenYellow',
+  'PaleTurquoise',
+  'LightSteelBlue',
+  'PowderBlue',
+  'FireBrick',
+  'DarkGoldenRod',
+  'MediumOrchid',
+  'RosyBrown',
+  'DarkKhaki',
+  'Silver',
+  'MediumVioletRed',
+  'IndianRed',
+  'Peru',
+  'Chocolate',
+  'Tan',
+  'LightGray',
+  'LightGrey',
+  'Thistle',
+  'Orchid',
+  'GoldenRod',
+  'PaleVioletRed',
+  'Crimson',
+  'Gainsboro',
+  'Plum',
+  'BurlyWood',
+  'LightCyan',
+  'Lavender',
+  'DarkSalmon',
+  'Violet',
+  'PaleGoldenRod',
+  'LightCoral',
+  'Khaki',
+  'AliceBlue',
+  'HoneyDew',
+  'Azure',
+  'SandyBrown',
+  'Wheat',
+  'Beige',
+  'WhiteSmoke',
+  'MintCream',
+  'GhostWhite',
+  'Salmon',
+  'AntiqueWhite',
+  'Linen',
+  'LightGoldenRodYellow',
+  'OldLace',
+  'Red',
+  'Fuchsia',
+  'Magenta',
+  'DeepPink',
+  'OrangeRed',
+  'Tomato',
+  'HotPink',
+  'Coral',
+  'DarkOrange',
+  'LightSalmon',
+  'Orange',
+  'LightPink',
+  'Pink',
+  'Gold',
+  'PeachPuff',
+  'NavajoWhite',
+  'Moccasin',
+  'Bisque',
+  'MistyRose',
+  'BlanchedAlmond',
+  'PapayaWhip',
+  'LavenderBlush',
+  'SeaShell',
+  'Cornsilk',
+  'LemonChiffon',
+  'FloralWhite',
+  'Snow',
+  'Yellow',
+  'LightYellow',
+  'Ivory',
+  'White',
+]
+
 L.FormBuilder.Element.include({
   undefine: function () {
     L.DomUtil.addClass(this.wrapper, 'undefined')
@@ -61,8 +211,8 @@ L.FormBuilder.Element.include({
 
   get: function (own) {
     if (!this.options.inheritable || own) return this.builder.getter(this.field)
-    const path = this.field.split('.'),
-      key = path[path.length - 1]
+    const path = this.field.split('.')
+    const key = path[path.length - 1]
     return this.obj.getOption(key)
   },
 
@@ -115,156 +265,7 @@ L.FormBuilder.CheckBox.include({
 })
 
 L.FormBuilder.ColorPicker = L.FormBuilder.Input.extend({
-  colors: [
-    'Black',
-    'Navy',
-    'DarkBlue',
-    'MediumBlue',
-    'Blue',
-    'DarkGreen',
-    'Green',
-    'Teal',
-    'DarkCyan',
-    'DeepSkyBlue',
-    'DarkTurquoise',
-    'MediumSpringGreen',
-    'Lime',
-    'SpringGreen',
-    'Aqua',
-    'Cyan',
-    'MidnightBlue',
-    'DodgerBlue',
-    'LightSeaGreen',
-    'ForestGreen',
-    'SeaGreen',
-    'DarkSlateGray',
-    'DarkSlateGrey',
-    'LimeGreen',
-    'MediumSeaGreen',
-    'Turquoise',
-    'RoyalBlue',
-    'SteelBlue',
-    'DarkSlateBlue',
-    'MediumTurquoise',
-    'Indigo',
-    'DarkOliveGreen',
-    'CadetBlue',
-    'CornflowerBlue',
-    'MediumAquaMarine',
-    'DimGray',
-    'DimGrey',
-    'SlateBlue',
-    'OliveDrab',
-    'SlateGray',
-    'SlateGrey',
-    'LightSlateGray',
-    'LightSlateGrey',
-    'MediumSlateBlue',
-    'LawnGreen',
-    'Chartreuse',
-    'Aquamarine',
-    'Maroon',
-    'Purple',
-    'Olive',
-    'Gray',
-    'Grey',
-    'SkyBlue',
-    'LightSkyBlue',
-    'BlueViolet',
-    'DarkRed',
-    'DarkMagenta',
-    'SaddleBrown',
-    'DarkSeaGreen',
-    'LightGreen',
-    'MediumPurple',
-    'DarkViolet',
-    'PaleGreen',
-    'DarkOrchid',
-    'YellowGreen',
-    'Sienna',
-    'Brown',
-    'DarkGray',
-    'DarkGrey',
-    'LightBlue',
-    'GreenYellow',
-    'PaleTurquoise',
-    'LightSteelBlue',
-    'PowderBlue',
-    'FireBrick',
-    'DarkGoldenRod',
-    'MediumOrchid',
-    'RosyBrown',
-    'DarkKhaki',
-    'Silver',
-    'MediumVioletRed',
-    'IndianRed',
-    'Peru',
-    'Chocolate',
-    'Tan',
-    'LightGray',
-    'LightGrey',
-    'Thistle',
-    'Orchid',
-    'GoldenRod',
-    'PaleVioletRed',
-    'Crimson',
-    'Gainsboro',
-    'Plum',
-    'BurlyWood',
-    'LightCyan',
-    'Lavender',
-    'DarkSalmon',
-    'Violet',
-    'PaleGoldenRod',
-    'LightCoral',
-    'Khaki',
-    'AliceBlue',
-    'HoneyDew',
-    'Azure',
-    'SandyBrown',
-    'Wheat',
-    'Beige',
-    'WhiteSmoke',
-    'MintCream',
-    'GhostWhite',
-    'Salmon',
-    'AntiqueWhite',
-    'Linen',
-    'LightGoldenRodYellow',
-    'OldLace',
-    'Red',
-    'Fuchsia',
-    'Magenta',
-    'DeepPink',
-    'OrangeRed',
-    'Tomato',
-    'HotPink',
-    'Coral',
-    'DarkOrange',
-    'LightSalmon',
-    'Orange',
-    'LightPink',
-    'Pink',
-    'Gold',
-    'PeachPuff',
-    'NavajoWhite',
-    'Moccasin',
-    'Bisque',
-    'MistyRose',
-    'BlanchedAlmond',
-    'PapayaWhip',
-    'LavenderBlush',
-    'SeaShell',
-    'Cornsilk',
-    'LemonChiffon',
-    'FloralWhite',
-    'Snow',
-    'Yellow',
-    'LightYellow',
-    'Ivory',
-    'White',
-  ],
-
+  colors: U.COLORS,
   getParentNode: function () {
     L.FormBuilder.CheckBox.prototype.getParentNode.call(this)
     return this.quickContainer
@@ -296,10 +297,9 @@ L.FormBuilder.ColorPicker = L.FormBuilder.Input.extend({
   },
 
   onBlur: function () {
-    const self = this,
-      closePicker = () => {
-        self.container.style.display = 'none'
-      }
+    const closePicker = () => {
+      this.container.style.display = 'none'
+    }
     // We must leave time for the click to be listened.
     window.setTimeout(closePicker, 100)
   },
@@ -341,19 +341,20 @@ L.FormBuilder.TextColorPicker = L.FormBuilder.ColorPicker.extend({
 })
 
 L.FormBuilder.LayerTypeChooser = L.FormBuilder.Select.extend({
-  getOptions: function () {
+  getOptions: () => {
     const layer_classes = [
       U.Layer.Default,
       U.Layer.Cluster,
       U.Layer.Heat,
       U.Layer.Choropleth,
+      U.Layer.Categorized,
     ]
     return layer_classes.map((class_) => [class_.TYPE, class_.NAME])
   },
 })
 
 L.FormBuilder.SlideshowDelay = L.FormBuilder.IntSelect.extend({
-  getOptions: function () {
+  getOptions: () => {
     const options = []
     for (let i = 1; i < 30; i++) {
       options.push([i * 1000, L._('{delay} seconds', { delay: i })])
@@ -455,13 +456,12 @@ L.FormBuilder.BlurInput.include({
     L.FormBuilder.Input.prototype.build.call(this)
     const button = L.DomUtil.create('span', 'button blur-button')
     L.DomUtil.after(this.input, button)
+    L.DomEvent.on(this.input, 'focus', this.fetch, this)
   },
 })
 
 L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
-  type: function () {
-    return 'hidden'
-  },
+  type: () => 'hidden',
 
   build: function () {
     L.FormBuilder.BlurInput.prototype.build.call(this)
@@ -517,18 +517,13 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
         this
       )
     }
-    const symbol = L.DomUtil.add(
-        'button',
-        'flat tab-symbols',
-        this.tabs,
-        L._('Symbol')
-      ),
-      char = L.DomUtil.add(
-        'button',
-        'flat tab-chars',
-        this.tabs,
-        L._('Emoji & Character')
-      )
+    const symbol = L.DomUtil.add('button', 'flat tab-symbols', this.tabs, L._('Symbol'))
+    const char = L.DomUtil.add(
+      'button',
+      'flat tab-chars',
+      this.tabs,
+      L._('Emoji & Character')
+    )
     url = L.DomUtil.add('button', 'flat tab-url', this.tabs, L._('URL'))
     L.DomEvent.on(symbol, 'click', L.DomEvent.stop).on(
       symbol,
@@ -547,10 +542,10 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
 
   openTab: function (name) {
     const els = this.tabs.querySelectorAll('button')
-    for (let el of els) {
+    for (const el of els) {
       L.DomUtil.removeClass(el, 'on')
     }
-    let el = this.tabs.querySelector(`.tab-${name}`)
+    const el = this.tabs.querySelector(`.tab-${name}`)
     L.DomUtil.addClass(el, 'on')
     this.body.innerHTML = ''
   },
@@ -574,15 +569,15 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
   },
 
   addIconPreview: function (pictogram, parent) {
-    const baseClass = 'umap-pictogram-choice',
-      value = pictogram.src,
-      search = U.Utils.normalize(this.searchInput.value),
-      title = pictogram.attribution
-        ? `${pictogram.name} — © ${pictogram.attribution}`
-        : pictogram.name || pictogram.src
+    const baseClass = 'umap-pictogram-choice'
+    const value = pictogram.src
+    const search = U.Utils.normalize(this.searchInput.value)
+    const title = pictogram.attribution
+      ? `${pictogram.name} — © ${pictogram.attribution}`
+      : pictogram.name || pictogram.src
     if (search && U.Utils.normalize(title).indexOf(search) === -1) return
-    const className = value === this.value() ? `${baseClass} selected` : baseClass,
-      container = L.DomUtil.create('div', className, parent)
+    const className = value === this.value() ? `${baseClass} selected` : baseClass
+    const container = L.DomUtil.create('div', className, parent)
     U.Icon.makeIconElement(value, container)
     container.title = title
     L.DomEvent.on(
@@ -612,7 +607,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
     if (name) L.DomUtil.add('h6', '', parent, name)
     const grid = L.DomUtil.create('div', 'umap-pictogram-grid', parent)
     let status = false
-    for (let item of items) {
+    for (const item of items) {
       status = this.addIconPreview(item, grid) || status
     }
     if (status) this.grid.appendChild(parent)
@@ -630,7 +625,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
     const sorted = Object.entries(categories).toSorted(([a], [b]) =>
       U.Utils.naturalSort(a, b, L.lang)
     )
-    for (let [name, items] of sorted) {
+    for (const [name, items] of sorted) {
       this.addCategory(items, name)
     }
   },
@@ -701,7 +696,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
     return input
   },
 
-  unselectAll: function (container) {
+  unselectAll: (container) => {
     const els = container.querySelectorAll('div.selected')
     for (const el in els) {
       if (els.hasOwnProperty(el)) L.DomUtil.removeClass(els[el], 'selected')
@@ -710,9 +705,7 @@ L.FormBuilder.IconUrl = L.FormBuilder.BlurInput.extend({
 })
 
 L.FormBuilder.Url = L.FormBuilder.Input.extend({
-  type: function () {
-    return 'url'
-  },
+  type: () => 'url',
 })
 
 L.FormBuilder.Switch = L.FormBuilder.CheckBox.extend({
@@ -748,9 +741,9 @@ L.FormBuilder.FacetSearchChoices = L.FormBuilder.FacetSearchBase.extend({
     this.container = L.DomUtil.create('fieldset', 'umap-facet', this.parentNode)
     this.container.appendChild(this.label)
     this.ul = L.DomUtil.create('ul', '', this.container)
-    this.type = this.options.criteria['type']
+    this.type = this.options.criteria.type
 
-    const choices = this.options.criteria['choices']
+    const choices = this.options.criteria.choices
     choices.sort()
     choices.forEach((value) => this.buildLi(value))
   },
@@ -763,7 +756,7 @@ L.FormBuilder.FacetSearchChoices = L.FormBuilder.FacetSearchBase.extend({
 
     input.type = this.type
     input.name = `${this.type}_${this.name}`
-    input.checked = this.get()['choices'].includes(value)
+    input.checked = this.get().choices.includes(value)
     input.dataset.value = value
 
     L.DomEvent.on(input, 'change', (e) => this.sync())
@@ -780,17 +773,11 @@ L.FormBuilder.FacetSearchChoices = L.FormBuilder.FacetSearchBase.extend({
 })
 
 L.FormBuilder.MinMaxBase = L.FormBuilder.FacetSearchBase.extend({
-  getInputType: function (type) {
-    return type
-  },
+  getInputType: (type) => type,
 
-  getLabels: function () {
-    return [L._('Min'), L._('Max')]
-  },
+  getLabels: () => [L._('Min'), L._('Max')],
 
-  prepareForHTML: function (value) {
-    return value.valueOf()
-  },
+  prepareForHTML: (value) => value.valueOf(),
 
   build: function () {
     this.container = L.DomUtil.create('fieldset', 'umap-facet', this.parentNode)
@@ -856,13 +843,13 @@ L.FormBuilder.MinMaxBase = L.FormBuilder.FacetSearchBase.extend({
   isMinModified: function () {
     const default_ = this.minInput.getAttribute('value')
     const current = this.minInput.value
-    return current != default_
+    return current !== default_
   },
 
   isMaxModified: function () {
     const default_ = this.maxInput.getAttribute('value')
     const current = this.maxInput.value
-    return current != default_
+    return current !== default_
   },
 
   toJS: function () {
@@ -880,39 +867,29 @@ L.FormBuilder.MinMaxBase = L.FormBuilder.FacetSearchBase.extend({
 })
 
 L.FormBuilder.FacetSearchNumber = L.FormBuilder.MinMaxBase.extend({
-  prepareForJS: function (value) {
-    return new Number(value)
-  },
+  prepareForJS: (value) => new Number(value),
 })
 
 L.FormBuilder.FacetSearchDate = L.FormBuilder.MinMaxBase.extend({
-  prepareForJS: function (value) {
-    return new Date(value)
-  },
+  prepareForJS: (value) => new Date(value),
 
-  toLocaleDateTime: function (dt) {
-    return new Date(dt.valueOf() - dt.getTimezoneOffset() * 60000)
-  },
+  toLocaleDateTime: (dt) => new Date(dt.valueOf() - dt.getTimezoneOffset() * 60000),
 
   prepareForHTML: function (value) {
     // Value must be in local time
-    if (isNaN(value)) return
+    if (Number.isNaN(value)) return
     return this.toLocaleDateTime(value).toISOString().substr(0, 10)
   },
 
-  getLabels: function () {
-    return [L._('From'), L._('Until')]
-  },
+  getLabels: () => [L._('From'), L._('Until')],
 })
 
 L.FormBuilder.FacetSearchDateTime = L.FormBuilder.FacetSearchDate.extend({
-  getInputType: function (type) {
-    return 'datetime-local'
-  },
+  getInputType: (type) => 'datetime-local',
 
   prepareForHTML: function (value) {
     // Value must be in local time
-    if (isNaN(value)) return
+    if (Number.isNaN(value)) return
     return this.toLocaleDateTime(value).toISOString().slice(0, -1)
   },
 })
@@ -927,8 +904,8 @@ L.FormBuilder.MultiChoice = L.FormBuilder.Element.extend({
   },
 
   fetch: function () {
-    this.backup = this.toHTML()
-    let value = this.backup
+    this.initial = this.toHTML()
+    let value = this.initial
     if (!this.container.querySelector(`input[type="radio"][value="${value}"]`)) {
       value = this.options.default !== undefined ? this.options.default : this.default
     }
@@ -1020,9 +997,7 @@ L.FormBuilder.DataLayersControl = L.FormBuilder.TernaryChoices.extend({
 })
 
 L.FormBuilder.Range = L.FormBuilder.FloatInput.extend({
-  type: function () {
-    return 'range'
-  },
+  type: () => 'range',
 
   value: function () {
     return L.DomUtil.hasClass(this.wrapper, 'undefined')
@@ -1124,7 +1099,7 @@ U.FormBuilder = L.FormBuilder.extend({
   },
 
   computeDefaultOptions: function () {
-    for (let [key, schema] of Object.entries(U.SCHEMA)) {
+    for (const [key, schema] of Object.entries(U.SCHEMA)) {
       if (schema.type === Boolean) {
         if (schema.nullable) schema.handler = 'NullableChoices'
         else schema.handler = 'Switch'
@@ -1184,7 +1159,7 @@ U.FormBuilder = L.FormBuilder.extend({
     }
   },
 
-  finish: function () {
-    this.map.editPanel.close()
+  finish: (event) => {
+    event.helper?.input?.blur()
   },
 })