css-zero 0.0.82 → 0.0.84

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e8ec29ec17afa74563dcc2fa5bd24685b96132de62a6aa0cb14785463925dcf2
-  data.tar.gz: 183f5f659feb95a2d82467e8c4739acd0ba2cdb9f49b143cadcc4e4d5688aa59
+  metadata.gz: 0d6d7165606f68bfeaf5ea3257f89a0930e1e4ff4f1e98fab0a02f832cf0fb0a
+  data.tar.gz: cef16687bf6571c5e7af1454519bfb69a72cf66cfc48ca0b5ea90e809d8138e1
 SHA512:
-  metadata.gz: d68e553275f7974dbb96e912119d23c70e2362eb63ec111485d601ac15f07f17d36c172001eb63e958b4f2c29bf21d34f8bab6954355645574784e10730ccf1a
-  data.tar.gz: 799ae1844ba99b374498076523c3050473eaf40dccfaa0b05f1e680293ca679c7e96a8fe005909985d3f8cf2de12a30e8f9c6186425c599e43020dab837cf076
+  metadata.gz: f3f726e4812aea10b251fc6dd3d3532d7ddb67899f99dfe8677742a7c7e82876273274b03cf53d6ba859e6ee1cfdfdf65123b5e2f0f99b1cd3ce02ee4c7b8add
+  data.tar.gz: 4a269b0b7868152d856552a537f09753bf6297a3cf9cbd4bb1cc9ec4d92bd5fd3cf5c5185b1f0ffb8cb8691a0aa8d2b20176cc31e67041ec822c060611f6d6f4

data/app/assets/stylesheets/_reset.css

@@ -391,7 +391,7 @@ turbo-frame {
   Make elements with the HTML hidden attribute stay hidden by default.
 */
 
-[hidden] {
+[hidden]:where(:not([hidden='until-found'])) {
   display: none !important;
 }
 

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.82"
+  VERSION = "0.0.84"
 end

data/lib/generators/css_zero/add/resources.yml

@@ -36,7 +36,7 @@ combobox:
 command:
   - app/assets/stylesheets/command.css
   - app/javascript/controllers/filter_controller.js
-  - app/javascript/controllers/list_controller.js
+  - app/javascript/controllers/listbox_controller.js
   - app/assets/images/search.svg
 collapsible:
   - app/javascript/controllers/collapsible_controller.js

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css

@@ -6,7 +6,7 @@
   color: var(--color-text);
   inline-size: var(--size-full);
   margin: auto;
-  max-inline-size: var(--max-i-lg);
+  max-inline-size: var(--dialog-size, var(--max-i-lg));
 
   &::backdrop {
     background-color: rgba(0, 0, 0, .8);

data/lib/generators/css_zero/add/templates/app/javascript/controllers/filter_controller.js

@@ -34,11 +34,9 @@ export default class extends Controller {
 
   #activate() {
     this.listTarget.classList.add(this.activeClass)
-    this.dispatch("after")
   }
 
   #deactivate() {
     this.listTarget.classList.remove(this.activeClass)
-    this.dispatch("after")
   }
 }

data/lib/generators/css_zero/add/templates/app/javascript/controllers/listbox_controller.js

@@ -0,0 +1,22 @@
+import { Controller } from "@hotwired/stimulus"
+import Listbox from "https://cdn.skypack.dev/@github/combobox-nav@3.0.1?min"
+
+export default class extends Controller {
+  static targets = [ "input", "list" ]
+
+  connect() {
+    this.listbox = new Listbox(this.inputTarget, this.listTarget)
+  }
+
+  disconnect() {
+    this.listbox.destroy()
+  }
+
+  start() {
+    this.listbox.start()
+  }
+
+  stop() {
+    this.listbox.stop()
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.82
+  version: 0.0.84
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-08 00:00:00.000000000 Z
+date: 2025-01-09 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -105,7 +105,7 @@ files:
 - lib/generators/css_zero/add/templates/app/javascript/controllers/hotkey_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/inputmask_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/lightbox_controller.js
-- lib/generators/css_zero/add/templates/app/javascript/controllers/list_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/listbox_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/menu_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/navigation_controller.js

data/lib/generators/css_zero/add/templates/app/javascript/controllers/list_controller.js

@@ -1,79 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  static targets = [ "option" ]
-  static values  = { index: Number }
-
-  connect() {
-    this.#removeTabstops()
-    this.#selectFirstOption()
-  }
-
-  reset() {
-    this.indexValue = 0
-    this.#selectCurrentOption()
-  }
-
-  navigate(event) {
-    switch (event.key) {
-      case "ArrowUp":
-        event.preventDefault()
-        this.#prev()
-        break
-      case "ArrowDown":
-        event.preventDefault()
-        this.#next()
-        break
-      case "Enter":
-        event.preventDefault()
-        this.#clickSelected()
-        break
-    }
-  }
-
-  #prev() {
-    if (this.indexValue > 0) {
-      this.indexValue--
-      this.#selectCurrentOption()
-    }
-  }
-
-  #next() {
-    if (this.indexValue < this.#lastIndex) {
-      this.indexValue++
-      this.#selectCurrentOption()
-    }
-  }
-
-  #clickSelected() {
-    this.#visibleOptions[this.indexValue]?.click()
-  }
-
-  #removeTabstops() {
-    this.optionTargets.forEach(e => e.tabIndex = -1)
-  }
-
-  #selectFirstOption() {
-    this.optionTargets.forEach((element, index) => {
-      element.ariaSelected = index === 0
-    })
-  }
-
-  #selectCurrentOption() {
-    this.optionTargets.forEach((element, index) => {
-      element.ariaSelected = false
-    })
-
-    this.#visibleOptions.forEach((element, index) => {
-      element.ariaSelected = index === this.indexValue
-    })
-  }
-
-  get #visibleOptions() {
-    return this.optionTargets.filter(e => e.offsetParent != null)
-  }
-
-  get #lastIndex() {
-    return this.#visibleOptions.length -1
-  }
-}