css-zero 0.0.85 → 0.0.87

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9d55393b875fa276f7e2ea8a7968c8cbcc3d09a3321a8c5e779c6a15dd698820
-  data.tar.gz: bd3e87ca9591451c225ef969da3c1a165eab5d3922b79380b99dbb46973ad31e
+  metadata.gz: 9168f8d1372487bab5e744a8c000ec2cc3d4c9ed5feed65a9d781042f120e249
+  data.tar.gz: bc5fb02ebbc7525025b1a5a4ab69b9a2ad41941d5233e2df018d710fce3fd352
 SHA512:
-  metadata.gz: bd4379518ff6301804054816b1d55f76d2b625892630e1b20de2c4e4699f87d822786b158063397319162505abb699ff1f97d11c121b7b80aaeba2f95b75621f
-  data.tar.gz: 64d396a25c47d11e0e868880ad756c799628850e92baad28cf6689fce0b829835b4670827a41f341e7fa943fd2e9681e7da1eeb6e2019b12d52a9b26629f27de
+  metadata.gz: 3d26011763529941789b1b12e10b4e3e40988ab554fc6b9683df16bdf943caa4a0e2404c3303ac436b786ddaca139c52843f0bacb6aa16fa9ddc8d8ba1bd490a
+  data.tar.gz: ce390f1eb3dc6af677044d60182926afad29c302cb2f2180ad2172bb31743edaaac166857e7f72a3f6be9b313918fc29424c67f5789e44e6c0c08152435c89f7

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.85"
+  VERSION = "0.0.87"
 end

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

@@ -52,6 +52,7 @@ dropdown:
   - app/javascript/controllers/popover_controller.js
   - app/assets/stylesheets/menu.css
   - app/javascript/controllers/menu_controller.js
+  - app/javascript/controllers/context_menu_controller.js
 flash:
   - app/assets/stylesheets/flash.css
   - app/javascript/controllers/element_removal_controller.js

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

@@ -37,7 +37,7 @@
   }
 
   h6 {
-    font-size: 0.9em;
+    font-size: 0.8em;
   }
 
   :is(ul, ol, menu) {

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

@@ -99,8 +99,3 @@
 .invalid .ts-control {
   border-color: var(--color-negative);
 }
-
-[data-controller*="combobox"] {
-  clip: rect(0 0 0 0);
-  position: absolute;
-}

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import { FetchRequest } from "https://cdn.skypack.dev/@rails/request.js@0.0.11?min"
+import { FetchRequest } from "https://cdn.jsdelivr.net/npm/@rails/request.js@0.0.11/+esm"
 
 const AUTOSAVE_INTERVAL = 3000
 

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import { Chart, registerables } from "https://cdn.skypack.dev/chart.js@4.4.6?min"
+import { Chart, registerables } from "https://cdn.jsdelivr.net/npm/chart.js@4.4.7/+esm"
 
 Chart.register(...registerables)
 

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

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
-import { get } from "https://cdn.skypack.dev/@rails/request.js@0.0.11?min"
-import TomSelect from "https://cdn.skypack.dev/tom-select@2.3.1?min"
+import { get } from "https://cdn.jsdelivr.net/npm/@rails/request.js@0.0.11/+esm"
+import TomSelect from "https://cdn.jsdelivr.net/npm/tom-select@2.4.1/+esm"
 
 export default class extends Controller {
   static values = { url: String, optionCreate: { type: String, default: "Add" }, noResults: { type: String, default: "No results found" } }

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

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
-import { debounce } from "https://cdn.skypack.dev/lodash-es@4.17.21?min"
-import Combobox from "https://cdn.skypack.dev/@github/combobox-nav@3.0.1?min"
+import debounce from "https://cdn.jsdelivr.net/npm/lodash.debounce@4.0.8/+esm"
+import Combobox from "https://cdn.jsdelivr.net/npm/@github/combobox-nav@3.0.1/+esm"
 
 export default class extends Controller {
   static targets = [ "input", "list" ]

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

@@ -0,0 +1,11 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "menu" ]
+
+  show(event) {
+    this.menuTarget.style.insetInlineStart = `${event.clientX - 5}px`
+    this.menuTarget.style.insetBlockStart  = `${event.clientY - 5}px`
+    setTimeout(() => this.menuTarget.showPopover(), 150)
+  }
+}

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import { debounce } from "https://cdn.skypack.dev/lodash-es@4.17.21?min"
+import debounce from "https://cdn.jsdelivr.net/npm/lodash.debounce@4.0.8/+esm"
 
 export default class extends Controller {
   static targets = [ "input", "copyIcon", "successIcon" ]

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import flatpickr from "https://cdn.skypack.dev/flatpickr@4.6.13?min"
+import flatpickr from "https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/+esm"
 
 export default class extends Controller {
   static targets = [ "details" ]

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import Inputmask from "https://cdn.skypack.dev/inputmask@5.0.9?min"
+import Inputmask from "https://cdn.jsdelivr.net/npm/inputmask@5.0.9/+esm"
 
 export default class extends Controller {
   static values = {

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

@@ -4,31 +4,46 @@ export default class extends Controller {
   static targets = [ "item" ]
   static values  = { index: Number }
 
+  #observer
+
+  initialize() {
+    this.#observer = new IntersectionObserver(this.#reset.bind(this))
+  }
+
   connect() {
-    this.#updateTabstops()
+    this.#observer.observe(this.element)
   }
 
-  reset() {
-    this.indexValue = 0
-    this.#updateTabstops()
+  disconnect() {
+    this.#observer.disconnect()
   }
 
   prev() {
     if (this.indexValue > 0) {
       this.indexValue--
-      this.#updateTabstops()
-      this.#focusCurrentItem()
+      this.#update()
     }
   }
 
   next() {
     if (this.indexValue < this.#lastIndex) {
       this.indexValue++
-      this.#updateTabstops()
-      this.#focusCurrentItem()
+      this.#update()
     }
   }
 
+  #reset([ entry ]) {
+    if (entry.isIntersecting) {
+      this.indexValue = 0
+      this.#update()
+    }
+  }
+
+  #update() {
+    this.#updateTabstops()
+    this.#focusCurrentItem()
+  }
+
   #updateTabstops() {
     this.itemTargets.forEach((element, index) => {
       element.tabIndex = index === this.indexValue ? 0 : -1

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import { computePosition, flip, shift, offset, autoUpdate } from "https://cdn.skypack.dev/@floating-ui/dom@1.6.12?min"
+import { computePosition, flip, shift, offset, autoUpdate } from "https://cdn.jsdelivr.net/npm/@floating-ui/dom@1.6.13/+esm"
 
 export default class extends Controller {
   static targets = [ "button", "menu" ]
@@ -31,7 +31,8 @@ export default class extends Controller {
 
   orient() {
     computePosition(this.buttonTarget, this.menuTarget, this.#options).then(({x, y}) => {
-      Object.assign(this.menuTarget.style, { insetInlineStart: `${x}px`, insetBlockStart: `${y}px` })
+      this.menuTarget.style.insetInlineStart = `${x}px`
+      this.menuTarget.style.insetBlockStart  = `${y}px`
     })
   }
 

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

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
-import { put } from "https://cdn.skypack.dev/@rails/request.js@0.0.11?min"
-import Sortable from "https://cdn.skypack.dev/sortablejs?min"
+import { put } from "https://cdn.jsdelivr.net/npm/@rails/request.js@0.0.11/+esm"
+import Sortable from "https://cdn.jsdelivr.net/npm/sortablejs@1.15.6/+esm"
 
 export default class extends Controller {
   static values  = { url: String, group: String, handle: String }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.85
+  version: 0.0.87
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-10 00:00:00.000000000 Z
+date: 2025-01-13 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -96,6 +96,7 @@ files:
 - lib/generators/css_zero/add/templates/app/javascript/controllers/collapsible_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/combobox_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/context_menu_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/copyable_input_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/datepicker_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/dialog_controller.js