css-zero 1.1.14 → 1.1.15
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.
- checksums.yaml +4 -4
- data/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css +2 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/card.css +2 -2
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/autosave_controller.js +6 -12
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/form_controller.js +11 -12
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 85f26c4b3878c23f7eb9a1193171f01715e429bb76f7a718692d5ee8d1e15ce9
|
|
4
|
+
data.tar.gz: 7e0bdca2427cddb32a1e3155a4bc545d8c52bd0a9e8e3ba84a255cc67f12cf3a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a5ef9408445e3468b1606dd809161e78874fee85209fd50682c8499469d0dea67322d9c751a751723921ed33c9211fa7e8d022a5003f20bf37d9445580b63020
|
|
7
|
+
data.tar.gz: 2f1f8f0cdd19b09f4e626b1a762a6c95f43b431fdcdb33068c382ce90fb6c59881cd78d0ea99ae6e665ca679864a76835fdfb57e41206b0a7f0eac7c822da4d6
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
outline: var(--btn-outline-size, 2px) solid var(--color-selected-dark);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
&:is(:disabled, [aria-disabled]) {
|
|
36
|
+
&:is(:disabled, [aria-disabled=true]) {
|
|
37
37
|
opacity: var(--opacity-50);
|
|
38
38
|
pointer-events: none;
|
|
39
39
|
}
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
--btn-padding: var(--size-2);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
[aria-busy] .btn--loading:disabled {
|
|
85
|
+
[aria-busy=true] .btn--loading:disabled {
|
|
86
86
|
> * {
|
|
87
87
|
visibility: hidden;
|
|
88
88
|
}
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
padding: var(--size-6);
|
|
7
7
|
position: relative;
|
|
8
8
|
|
|
9
|
-
&[aria-disabled] {
|
|
9
|
+
&[aria-disabled=true] {
|
|
10
10
|
pointer-events: none;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
&[aria-disabled]::after {
|
|
13
|
+
&[aria-disabled=true]::after {
|
|
14
14
|
background-color: rgba(0, 0, 0, .3);
|
|
15
15
|
border-radius: inherit;
|
|
16
16
|
content: "";
|
data/lib/generators/css_zero/add/templates/app/javascript/controllers/autosave_controller.js
CHANGED
|
@@ -14,7 +14,7 @@ export default class extends Controller {
|
|
|
14
14
|
|
|
15
15
|
change() {
|
|
16
16
|
!this.#dirty && this.#scheduleSave()
|
|
17
|
-
!this.#dirty && this.#updateAppearance()
|
|
17
|
+
!this.#dirty && this.#updateAppearance(false)
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
async #submit() {
|
|
@@ -25,7 +25,7 @@ export default class extends Controller {
|
|
|
25
25
|
this.#updateAppearance(true)
|
|
26
26
|
this.#resetTimer()
|
|
27
27
|
await this.#submitForm(this.element)
|
|
28
|
-
this.#updateAppearance()
|
|
28
|
+
this.#updateAppearance(false)
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
async #submitForm(form) {
|
|
@@ -33,16 +33,10 @@ export default class extends Controller {
|
|
|
33
33
|
return await request.perform()
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
#updateAppearance(saving
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
this.submitterTarget.disabled = true
|
|
41
|
-
} else {
|
|
42
|
-
this.element.removeAttribute("aria-busy")
|
|
43
|
-
this.submitterTarget.removeAttribute("aria-disabled")
|
|
44
|
-
this.submitterTarget.disabled = false
|
|
45
|
-
}
|
|
36
|
+
#updateAppearance(saving) {
|
|
37
|
+
this.element.ariaBusy = saving
|
|
38
|
+
this.submitterTarget.ariaDisabled = saving
|
|
39
|
+
this.submitterTarget.disabled = saving
|
|
46
40
|
}
|
|
47
41
|
|
|
48
42
|
#scheduleSave() {
|
|
@@ -1,19 +1,14 @@
|
|
|
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
4
|
static targets = [ "cancel" ]
|
|
6
5
|
|
|
7
|
-
initialize() {
|
|
8
|
-
this.search = debounce(this.search.bind(this), 500)
|
|
9
|
-
}
|
|
10
|
-
|
|
11
6
|
submit({ params }) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
if (params.submitter) {
|
|
8
|
+
this.element.requestSubmit(this.#get(params.submitter))
|
|
9
|
+
} else {
|
|
10
|
+
this.element.requestSubmit()
|
|
11
|
+
}
|
|
17
12
|
}
|
|
18
13
|
|
|
19
14
|
cancel() {
|
|
@@ -24,7 +19,11 @@ export default class extends Controller {
|
|
|
24
19
|
event.preventDefault()
|
|
25
20
|
}
|
|
26
21
|
|
|
27
|
-
#
|
|
28
|
-
|
|
22
|
+
#get(id) {
|
|
23
|
+
return document.getElementById(id) || this.#notFound(id)
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
#notFound(id) {
|
|
27
|
+
throw new Error(`Element with ID "${id}" not found in the DOM`)
|
|
29
28
|
}
|
|
30
29
|
}
|