css-zero 0.0.45 → 0.0.46

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd059d67d4f761e329571d4e4eefac0325a6cf14224717ed3581a7ffe7acaf0e
-  data.tar.gz: 13afe2beaba626b1925504904160f01ab1c5589eb87d3bbe2baa9009c3e04cc2
+  metadata.gz: e7ffebd97b488ac4e393dc73e07f275f26eb725047c9eaa38ae5d8e4b2b1f269
+  data.tar.gz: dbf4888048ff67654e774494e939769966039ebbb9b3d81a1d528f1e9300c710
 SHA512:
-  metadata.gz: 5bfb100356389b839542aa74775abce26f05fc0f8816df589fabb91af96892b28fac6fe2179bb8aa11476595ae7457ce0a33b9faef7b91d771151ef2100f581b
-  data.tar.gz: 340f487beff85601804945afe83121df0c2ac1cf42ddd8fa80261a746754f788e8a31f2264b159de654745a7ee56dfa8b89e37175bdcbcdd5d9ca37aa32ae436
+  metadata.gz: fdd78709eb65d56e40ba410ef5696658498cf0bd8038472b491c671bacf64d5566ad673b1489946b87f3aca0276f1dc2acfab6166db1227bb771f8d7cca3ed26
+  data.tar.gz: 28b8fafdafc09e8ec66815b0a1c5461bca0d5209d35528d3ede1b0fdfc7818c518a0a73928c6841da64d60711f9b42e8152380ebab5314eac5c98b50ab9edcc4

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.45"
+  VERSION = "0.0.46"
 end

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

@@ -27,7 +27,7 @@
   --btn-outline-size: 0;
   --btn-padding: var(--size-1_5) var(--size-2);
 
-  .menu:not(:hover) &:focus {
+  &:focus {
     --btn-background: var(--color-secondary);
   }
 }

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

@@ -2,11 +2,11 @@ import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "item" ]
-  static values  = { index: Number }
+  static values  = { index: { type: Number, default: -1 } }
 
-  indexValueChanged() {
+  indexValueChanged(index) {
     this.#removeTabstops()
-    this.#focusCurrentItem()
+    this.#focusCurrentItem(index !== -1)
   }
 
   prev() {
@@ -18,16 +18,16 @@ export default class extends Controller {
   }
 
   reset() {
-    this.indexValue = 0
+    this.indexValue = -1
   }
 
   #removeTabstops() {
     this.itemTargets.forEach(item => item.tabIndex = -1)
   }
 
-  #focusCurrentItem() {
-    this.itemTargets[this.indexValue].tabIndex = 0
-    this.itemTargets[this.indexValue].focus()
+  #focusCurrentItem(shouldFocus) {
+    if (shouldFocus) this.itemTargets[this.indexValue].tabIndex = 0
+    if (shouldFocus) this.itemTargets[this.indexValue].focus()
   }
 
   get #lastIndex() {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.45
+  version: 0.0.46
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-13 00:00:00.000000000 Z
+date: 2024-10-14 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com