lato 3.10.3 → 3.10.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e00cca9110424c452feab9aea4a1f4b812f3af01b0f863aff89d6d9f2736de72
-  data.tar.gz: 0af37bfd2eb48b193353ec7a54f1155906efa746a9df70d4cb3b09c44598b978
+  metadata.gz: 31073ee8b736613fd453f8a1b467f0c2c84db71dfdb06a647dee521963e1919a
+  data.tar.gz: af8e072068c0dffab1d40cc10f22cae7ce0d5ea1183c49ff65f24f587d3e2919
 SHA512:
-  metadata.gz: 9aa8aaee2ebc20f2340b298d39a43275bd8c96d6454fdb5b8da1622c87af18702e0afcf9ac38d26a24092b8a03834671e5de8306e93b19d5c9d6071890bba081
-  data.tar.gz: 29075530da5562decca1a38f13197d3f627c97f83012652661ec4841f78e4689b399b02b44717235e95cbd4f855bf8b775318ea5c8fef491e604bae7144253aa
+  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/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.3"
+  VERSION = "3.10.4"
 end

metadata

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