lato 3.10.2 → 3.10.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f45b94061e1d1f1c1755637ff86f2ae9f20dab616ef82915ccc418c3dea27f8c
-  data.tar.gz: f2a0cc9193e80ea5295ddbafd954aa394f149204ca9117e20d9eaa097bef03dc
+  metadata.gz: 31073ee8b736613fd453f8a1b467f0c2c84db71dfdb06a647dee521963e1919a
+  data.tar.gz: af8e072068c0dffab1d40cc10f22cae7ce0d5ea1183c49ff65f24f587d3e2919
 SHA512:
-  metadata.gz: 21d76f318792b1542778fa0be09cf20b35b616175357e6e8924899e6b3cc3ec58f43660e5b0383596463d34c36d6f0ebf477652250f529c14f0edf948f2666e2
-  data.tar.gz: 0dc185834763c0b2a13e8ad21229f3128af0c68694c8cf4d2b474e18008495b32908c993f238f1c3bc86d9e4a94e195d3daa241272fbfc0083fff923874d0866
+  metadata.gz: 857bbb4c8c5b948973d05905befb11916f6705f6a72a377be66e6ef9b3058ddcbb02f0386057ae969f18ec882eb7a2389550e5377b37cc45a0a09b339c0dd821
+  data.tar.gz: e9ad0e391a99794568e4635fc7498fd5ac9a98c9fe21eba32c12d9d6c8550c5117e4f72574666ebf931cc7cff516fe4ebf9c16471f055170d0a472347c41f3b5

data/app/assets/javascripts/lato/controllers/lato_input_autocomplete2_controller.js

@@ -43,17 +43,44 @@ export default class extends Controller {
 
   async search(value) {
     this.realInput.value = ''
-    if (!value || value.length < 3) return
+    if (!value) return
 
     try {
-      const response = await fetch(this.pathValue + '?q=' + value)
-      const data = await response.json()
-      this.suggestShow(data)
+      this.suggestShowLoading()
+      setTimeout(async () => {
+        const response = await fetch(this.pathValue + '?q=' + value)
+        const data = await response.json()
+        this.suggestShow(data)
+      }, 500)
     } catch (err) {
       console.error(err)
     }
   }
 
+  suggestShowLoading() {
+    if (this.optionsList) this.optionsList.remove()
+    this.optionsList = document.createElement('ul')
+    this.optionsList.classList.add('list-group')
+    this.optionsList.style.position = 'fixed'
+    this.optionsList.style.width = this.element.offsetWidth + 'px'
+    this.optionsList.style.maxHeight = '200px'
+    this.optionsList.style.overflowY = 'auto'
+    this.optionsList.style.zIndex = 9999
+
+    const elementRect = this.element.getBoundingClientRect()
+    this.optionsList.style.top = elementRect.bottom + 'px'
+    this.optionsList.style.left = elementRect.left + 'px'
+
+    const li = document.createElement('li')
+    li.classList.add('list-group-item')
+    li.classList.add('text-muted')
+    li.classList.add('text-center')
+    li.innerHTML = '<span class="lato-spin d-inline-block"><i class="bi bi-arrow-clockwise"></i></span>'
+    this.optionsList.appendChild(li)
+
+    document.body.appendChild(this.optionsList)
+  }
+
   suggestShow(data = []) {
     if (this.optionsList) this.optionsList.remove()
     this.optionsList = document.createElement('ul')
@@ -67,20 +94,29 @@ export default class extends Controller {
     const elementRect = this.element.getBoundingClientRect()
     this.optionsList.style.top = elementRect.bottom + 'px'
     this.optionsList.style.left = elementRect.left + 'px'
-    
-    data.forEach((option) => {
+
+    if (data.length > 0) {
+      data.forEach((option) => {
+        const li = document.createElement('li')
+        li.classList.add('list-group-item')
+        li.classList.add('list-group-item-action')
+        li.style.cursor = 'pointer'
+        li.innerText = typeof option == 'string' ? option : option.label
+        li.addEventListener('click', () => {
+          this.element.value = typeof option == 'string' ? option : option.label
+          this.realInput.value = typeof option == 'string' ? option : option.value
+          this.suggestHide()
+        })
+        this.optionsList.appendChild(li)
+      })
+    } else {
       const li = document.createElement('li')
       li.classList.add('list-group-item')
-      li.classList.add('list-group-item-action')
-      li.style.cursor = 'pointer'
-      li.innerText = typeof option == 'string' ? option : option.label
-      li.addEventListener('click', () => {
-        this.element.value = typeof option == 'string' ? option : option.label
-        this.realInput.value = typeof option == 'string' ? option : option.value
-        this.suggestHide()
-      })
+      li.classList.add('text-muted')
+      li.classList.add('text-center')
+      li.innerText = 'No results found'
       this.optionsList.appendChild(li)
-    })
+    }
 
     document.body.appendChild(this.optionsList)
   }

data/app/assets/javascripts/lato/controllers/lato_tooltip_controller.js

@@ -7,6 +7,17 @@ export default class extends Controller {
 
   connect() {
     this.tooltip = new bootstrap.Tooltip(this.element)
+
+    // HACK: Force tooltip to be closed when a boostrap modal is opened/closed
+    const modals = document.querySelectorAll('.modal')
+    modals.forEach((modal) => {
+      modal.addEventListener('show.bs.modal', () => {
+        setTimeout(() => this.tooltip.hide(), 0)
+      })
+      modal.addEventListener('hide.bs.modal', () => {
+        setTimeout(() => this.tooltip.hide(), 0)
+      })
+    })
   }
 
   disconnect() {

data/app/assets/stylesheets/lato/application.scss

@@ -115,4 +115,16 @@ main, aside {
     font-size: 12px;
     padding: 0.15rem 0.3rem;
   }
+}
+
+.lato-spin {
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }

data/lib/lato/version.rb

@@ -1,3 +1,3 @@
 module Lato
-  VERSION = "3.10.2"
+  VERSION = "3.10.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lato
 version: !ruby/object:Gem::Version
-  version: 3.10.2
+  version: 3.10.4
 platform: ruby
 authors:
 - Gregorio Galante
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-08-14 00:00:00.000000000 Z
+date: 2024-08-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails