css-zero 1.1.10 → 1.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. checksums.yaml +4 -4
  2. data/lib/css_zero/version.rb +1 -1
  3. data/lib/generators/css_zero/add/resources.yml +2 -2
  4. data/lib/generators/css_zero/add/templates/app/assets/images/off.svg +1 -0
  5. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css +0 -4
  6. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/combobox.css +1 -1
  7. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css +3 -3
  8. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input_concerns.css +13 -0
  9. data/lib/generators/css_zero/add/templates/app/assets/stylesheets/trix.css +1 -1
  10. data/lib/generators/css_zero/add/templates/app/javascript/controllers/carousel_controller.js +10 -2
  11. data/lib/generators/css_zero/add/templates/app/javascript/controllers/chart_controller.js +1 -1
  12. data/lib/generators/css_zero/add/templates/app/javascript/controllers/clearable_input_controller.js +15 -1
  13. data/lib/generators/css_zero/add/templates/app/javascript/controllers/combobox_controller.js +1 -1
  14. data/lib/generators/css_zero/add/templates/app/javascript/controllers/copyable_input_controller.js +14 -26
  15. data/lib/generators/css_zero/add/templates/app/javascript/controllers/popover_controller.js +5 -2
  16. data/lib/generators/css_zero/add/templates/app/javascript/controllers/revealable_input_controller.js +5 -15
  17. metadata +4 -4
  18. data/lib/generators/css_zero/add/templates/app/assets/images/check.svg +0 -1
  19. data/lib/generators/css_zero/add/templates/app/assets/images/eye-off.svg +0 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: fc82d7a1a5965a33b21abc4b928e9addfd45a097bb1274da71c75ad719c85012
4
- data.tar.gz: 2547d5cef025144e57653d24b4ec8436edfdc559c4597c96e36d0cdf421920ac
3
+ metadata.gz: d241d4cf05ae86f025781e668e84bc615831440027ebb7d3cd649428054dfd05
4
+ data.tar.gz: 99809da55b172d4a350f9e834666b9523f105104f78ab7c41ec6309f24d4ad83
5
5
  SHA512:
6
- metadata.gz: a1b55197225ad626b71d2cfa9beabdfb6acb7abda305c197b013a95dd59a761bbefa2bf957eaa4d42b1ffc689cb6e1b53a73e272faf23464b055e5d137e1792f
7
- data.tar.gz: c9e5cc81ef87032df8d0d9146f1287a4c2cbd1e2c79db92a465d0ef08dc410de49ed74c522d3c813337b700eeb7bdee2d181e92789a20a7853da59e5d76972e8
6
+ metadata.gz: 8598586278d3868d943d972fa8162958d82e836f14b2eac34b65b1971c07ce786bade524e64ebe98c0ad4d4dcb933cc672ef29c4d7d31cf2bf741273f346b5a8
7
+ data.tar.gz: 60acd5697d488f8c5a4f75c591086c8d9b487634e26342f91b924abac97937305bab305ada2ca0dc41070ceb9f5b1d579c098fc8420b8b0bb29c162cf70ecaaf
data/lib/css_zero/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module CssZero
2
- VERSION = "1.1.10"
2
+ VERSION = "1.1.12"
3
3
  end
data/lib/generators/css_zero/add/resources.yml CHANGED
@@ -69,15 +69,15 @@ input:
69
69
  - app/assets/stylesheets/input.css
70
70
  - app/assets/images/select-arrow.svg
71
71
  input_concerns:
72
+ - app/assets/stylesheets/input_concerns.css
72
73
  - app/javascript/controllers/autoselect_controller.js
73
74
  - app/javascript/controllers/copyable_input_controller.js
74
75
  - app/assets/images/copy.svg
75
- - app/assets/images/check.svg
76
76
  - app/javascript/controllers/clearable_input_controller.js
77
77
  - app/assets/images/x.svg
78
78
  - app/javascript/controllers/revealable_input_controller.js
79
79
  - app/assets/images/eye.svg
80
- - app/assets/images/eye-off.svg
80
+ - app/assets/images/off.svg
81
81
  - app/javascript/controllers/otp_input_controller.js
82
82
  inputmask:
83
83
  - app/javascript/controllers/inputmask_controller.js
data/lib/generators/css_zero/add/templates/app/assets/images/off.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2"><path d="m2 2 20 20"/></svg>
data/lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css CHANGED
@@ -11,10 +11,6 @@
11
11
  overflow-x: hidden;
12
12
  scroll-behavior: smooth;
13
13
  scroll-snap-type: x mandatory;
14
-
15
- @supports (-moz-appearance: none) {
16
- scroll-behavior: auto;
17
- }
18
14
  }
19
15
 
20
16
  .carousel__item {
data/lib/generators/css_zero/add/templates/app/assets/stylesheets/combobox.css CHANGED
@@ -1,4 +1,4 @@
1
- @import url("https://esm.sh/tom-select@2.4.2/dist/css/tom-select.min.css");
1
+ @import url("https://esm.sh/tom-select@2.4.3/dist/css/tom-select.min.css");
2
2
 
3
3
  .ts-control {
4
4
  align-items: center;
data/lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css CHANGED
@@ -12,12 +12,12 @@
12
12
  border-start-start-radius: 0;
13
13
  }
14
14
 
15
- :is(:first-child + :last-child) {
16
- margin-inline-start: -1px;
15
+ :not(:first-child) {
16
+ border-inline-start: 0;
17
17
  }
18
18
 
19
19
  :not(:first-child, :last-child) {
20
- border-radius: 0; margin-inline: -1px;
20
+ border-radius: 0;
21
21
  }
22
22
 
23
23
  > :focus-visible {
data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input_concerns.css ADDED
@@ -0,0 +1,13 @@
1
+ .btn--copied img {
2
+ animation: var(--animate-fade-out), var(--animate-slide-out-up);
3
+ animation-duration: var(--time-500);
4
+ }
5
+
6
+ .btn--revealed img {
7
+ background-image: url("off.svg");
8
+ background-size: cover;
9
+ }
10
+
11
+ .input--clearable ::-webkit-search-cancel-button {
12
+ display: none;
13
+ }
data/lib/generators/css_zero/add/templates/app/assets/stylesheets/trix.css CHANGED
@@ -1,4 +1,4 @@
1
- @import url("https://esm.sh/trix@2.1.12/dist/trix.css");
1
+ @import url("https://esm.sh/trix@2.1.13/dist/trix.css");
2
2
 
3
3
  /* Action Text */
4
4
 
data/lib/generators/css_zero/add/templates/app/javascript/controllers/carousel_controller.js CHANGED
@@ -4,10 +4,18 @@ export default class extends Controller {
4
4
  static targets = [ "content" ]
5
5
 
6
6
  next() {
7
- this.contentTarget.scrollBy(100, 0)
7
+ this.contentTarget.scrollTo({ left: this.#scrollLeft + this.#itemWidth })
8
8
  }
9
9
 
10
10
  prev() {
11
- this.contentTarget.scrollBy(-100, 0)
11
+ this.contentTarget.scrollTo({ left: this.#scrollLeft - this.#itemWidth })
12
+ }
13
+
14
+ get #scrollLeft() {
15
+ return this.contentTarget.scrollLeft
16
+ }
17
+
18
+ get #itemWidth() {
19
+ return this.contentTarget.firstElementChild?.offsetWidth || 0
12
20
  }
13
21
  }
data/lib/generators/css_zero/add/templates/app/javascript/controllers/chart_controller.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
- import { Chart, registerables } from "https://esm.sh/chart.js@4.4.7?standalone"
2
+ import { Chart, registerables } from "https://esm.sh/chart.js@4.4.8?standalone"
3
3
 
4
4
  Chart.register(...registerables)
5
5
 
data/lib/generators/css_zero/add/templates/app/javascript/controllers/clearable_input_controller.js CHANGED
@@ -1,9 +1,23 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
2
 
3
3
  export default class extends Controller {
4
- static targets = [ "input" ]
4
+ static targets = [ "input", "button" ]
5
+
6
+ connect() {
7
+ this.update()
8
+ }
5
9
 
6
10
  clear() {
7
11
  this.inputTarget.value = ""
12
+ this.inputTarget.focus()
13
+ this.update()
14
+ }
15
+
16
+ update() {
17
+ this.buttonTarget.hidden = this.#isEmpty
18
+ }
19
+
20
+ get #isEmpty() {
21
+ return this.inputTarget.value === ""
8
22
  }
9
23
  }
data/lib/generators/css_zero/add/templates/app/javascript/controllers/combobox_controller.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
2
  import { get } from "https://esm.sh/@rails/request.js@0.0.11?standalone"
3
- import TomSelect from "https://esm.sh/tom-select@2.4.2/base?standalone"
3
+ import TomSelect from "https://esm.sh/tom-select@2.4.3/base?standalone"
4
4
 
5
5
  export default class extends Controller {
6
6
  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/copyable_input_controller.js CHANGED
@@ -1,38 +1,26 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
- import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
3
2
 
4
3
  export default class extends Controller {
5
- static targets = [ "input", "copyIcon", "successIcon" ]
6
- static values = { copied: Boolean }
4
+ static targets = [ "input", "button" ]
7
5
 
8
- initialize() {
9
- this.reset = debounce(this.reset.bind(this), 2500)
6
+ async copy() {
7
+ this.#reset()
8
+ this.#writeToClipboard()
10
9
  }
11
10
 
12
- copiedValueChanged() {
13
- this.#update()
14
- }
15
-
16
- copy() {
17
- this.#copyToClipboard()
18
- this.reset()
19
- }
20
-
21
- reset() {
22
- this.copiedValue = false
11
+ async #writeToClipboard() {
12
+ try {
13
+ await navigator.clipboard.writeText(this.inputTarget.value)
14
+ this.buttonTarget.classList.add("btn--copied")
15
+ } catch {}
23
16
  }
24
17
 
25
- #copyToClipboard() {
26
- try {
27
- navigator.clipboard.writeText(this.inputTarget.value)
28
- this.copiedValue = true
29
- } catch {
30
- this.copiedValue = false
31
- }
18
+ #reset() {
19
+ this.buttonTarget.classList.remove("btn--copied")
20
+ this.#forceReflow()
32
21
  }
33
22
 
34
- #update() {
35
- this.copyIconTarget.hidden = this.copiedValue
36
- this.successIconTarget.hidden = !this.copiedValue
23
+ #forceReflow() {
24
+ this.buttonTarget.offsetWidth
37
25
  }
38
26
  }
data/lib/generators/css_zero/add/templates/app/javascript/controllers/popover_controller.js CHANGED
@@ -6,6 +6,7 @@ export default class extends Controller {
6
6
  static values = { placement: { type: String, default: "bottom" } }
7
7
 
8
8
  #showTimer = null
9
+ #hideTimer = null
9
10
 
10
11
  initialize() {
11
12
  this.orient = this.orient.bind(this)
@@ -32,11 +33,13 @@ export default class extends Controller {
32
33
  }
33
34
 
34
35
  showLater() {
36
+ clearTimeout(this.#hideTimer)
35
37
  this.#showTimer = setTimeout(() => this.show(), 700)
36
38
  }
37
39
 
38
- hideClear() {
39
- clearTimeout(this.#showTimer); this.hide();
40
+ hideLater() {
41
+ clearTimeout(this.#showTimer)
42
+ this.#hideTimer = setTimeout(() => this.hide(), 300)
40
43
  }
41
44
 
42
45
  orient() {
data/lib/generators/css_zero/add/templates/app/javascript/controllers/revealable_input_controller.js CHANGED
@@ -1,24 +1,14 @@
1
1
  import { Controller } from "@hotwired/stimulus"
2
2
 
3
3
  export default class extends Controller {
4
- static targets = [ "input", "showIcon", "hideIcon" ]
5
- static values = { revealed: Boolean }
6
-
7
- revealedValueChanged() {
8
- this.#update()
9
- }
4
+ static targets = [ "input", "button" ]
10
5
 
11
6
  reveal() {
12
- this.revealedValue = !this.revealedValue
13
- }
14
-
15
- #update() {
16
- this.inputTarget.type = this.#inputType
17
- this.showIconTarget.hidden = this.revealedValue
18
- this.hideIconTarget.hidden = !this.revealedValue
7
+ this.buttonTarget.classList.toggle("btn--revealed")
8
+ this.inputTarget.type = this.#type
19
9
  }
20
10
 
21
- get #inputType() {
22
- return this.revealedValue ? "text" : "password"
11
+ get #type() {
12
+ return this.inputTarget.type === "text" ? "password" : "text"
23
13
  }
24
14
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: css-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.10
4
+ version: 1.1.12
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lázaro Nixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-03-10 00:00:00.000000000 Z
11
+ date: 2025-03-12 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email: lazaronixon@hotmail.com
@@ -39,7 +39,6 @@ files:
39
39
  - lib/generators/css_zero/add/templates/app/assets/images/arrow-left.svg
40
40
  - lib/generators/css_zero/add/templates/app/assets/images/arrow-right.svg
41
41
  - lib/generators/css_zero/add/templates/app/assets/images/camera.svg
42
- - lib/generators/css_zero/add/templates/app/assets/images/check.svg
43
42
  - lib/generators/css_zero/add/templates/app/assets/images/chevron-down.svg
44
43
  - lib/generators/css_zero/add/templates/app/assets/images/chevron-left.svg
45
44
  - lib/generators/css_zero/add/templates/app/assets/images/chevron-right.svg
@@ -48,11 +47,11 @@ files:
48
47
  - lib/generators/css_zero/add/templates/app/assets/images/default-picture.webp
49
48
  - lib/generators/css_zero/add/templates/app/assets/images/download.svg
50
49
  - lib/generators/css_zero/add/templates/app/assets/images/ellipsis.svg
51
- - lib/generators/css_zero/add/templates/app/assets/images/eye-off.svg
52
50
  - lib/generators/css_zero/add/templates/app/assets/images/eye.svg
53
51
  - lib/generators/css_zero/add/templates/app/assets/images/loader-circle.svg
54
52
  - lib/generators/css_zero/add/templates/app/assets/images/menu.svg
55
53
  - lib/generators/css_zero/add/templates/app/assets/images/minus.svg
54
+ - lib/generators/css_zero/add/templates/app/assets/images/off.svg
56
55
  - lib/generators/css_zero/add/templates/app/assets/images/search.svg
57
56
  - lib/generators/css_zero/add/templates/app/assets/images/select-arrow.svg
58
57
  - lib/generators/css_zero/add/templates/app/assets/images/share.svg
@@ -74,6 +73,7 @@ files:
74
73
  - lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css
75
74
  - lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css
76
75
  - lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css
76
+ - lib/generators/css_zero/add/templates/app/assets/stylesheets/input_concerns.css
77
77
  - lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css
78
78
  - lib/generators/css_zero/add/templates/app/assets/stylesheets/lightbox.css
79
79
  - lib/generators/css_zero/add/templates/app/assets/stylesheets/menu.css
data/lib/generators/css_zero/add/templates/app/assets/images/check.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><path d="M20 6 9 17l-5-5"/></svg>
data/lib/generators/css_zero/add/templates/app/assets/images/eye-off.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye-off"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"/><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"/><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"/><path d="m2 2 20 20"/></svg>