css-zero 1.1.7 → 1.1.9
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/USAGE +1 -1
- data/lib/generators/css_zero/add/resources.yml +3 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/dropzone.css +24 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/trix.css +2 -0
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js +1 -1
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/copyable_input_controller.js +1 -1
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/dropzone_controller.js +98 -0
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/form_controller.js +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 172b8e72c027952b17b1f15053829cf0246a1900fd214a7fcd221eba2cc01f7f
|
|
4
|
+
data.tar.gz: 8e13ab59695ff9eaca5d5f031425f85c0342c63797db750c6e012550dd145c2f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 56b0c00c137b9e4981c82f45c66455c891816e874990003cc325ddeb380b9e2bc28db62ce1e47616e24aa5b51716593bfbe03d671a6843a5b494116fd83f63b0
|
|
7
|
+
data.tar.gz: 45436cdca29c9793278cdf9f6b9c8bcb3ba0ccc51861c28a24f8e2d0c425ca8c3f633aeda64c966176fe93cd924fe38bb62d13f025759a859fdb5e9a1805f41a
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -2,7 +2,7 @@ Description:
|
|
|
2
2
|
This will add components into your project.
|
|
3
3
|
|
|
4
4
|
Components:
|
|
5
|
-
accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen group hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination popover progress prose sheet skeleton sortable switch table tabs trix turbo_confirm upload_preview toggle web_share
|
|
5
|
+
accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown dropzone flash form fullscreen group hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination popover progress prose sheet skeleton sortable switch table tabs trix turbo_confirm upload_preview toggle web_share
|
|
6
6
|
|
|
7
7
|
Example:
|
|
8
8
|
bin/rails generate css_zero:add [components...]
|
|
@@ -51,6 +51,9 @@ dropdown:
|
|
|
51
51
|
- app/assets/stylesheets/menu.css
|
|
52
52
|
- app/javascript/controllers/menu_controller.js
|
|
53
53
|
- app/javascript/controllers/context_menu_controller.js
|
|
54
|
+
dropzone:
|
|
55
|
+
- app/assets/stylesheets/dropzone.css
|
|
56
|
+
- app/javascript/controllers/dropzone_controller.js
|
|
54
57
|
flash:
|
|
55
58
|
- app/assets/stylesheets/flash.css
|
|
56
59
|
- app/javascript/controllers/element_removal_controller.js
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
@import url("https://esm.sh/dropzone@6.0.0-beta.2/dist/dropzone.css");
|
|
2
|
+
|
|
3
|
+
.dropzone {
|
|
4
|
+
border-radius: var(--rounded-xl);
|
|
5
|
+
border: 2px dashed var(--color-border);
|
|
6
|
+
padding: var(--size-2);
|
|
7
|
+
|
|
8
|
+
.dz-preview.dz-image-preview {
|
|
9
|
+
background: transparent;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.dz-preview .dz-error-message {
|
|
13
|
+
background: var(--color-negative);
|
|
14
|
+
word-break: break-all;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.dz-preview .dz-error-message::after {
|
|
18
|
+
border-bottom: 6px solid var(--color-negative);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.dz-preview:has(.dz-remove) .dz-error-message {
|
|
22
|
+
top: 148px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
--btn-hover-color: transparent;
|
|
22
22
|
--btn-inline-size: var(--size-full);
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
&:is([aria-selected=true], [aria-current=page]) {
|
|
25
25
|
--btn-background: var(--color-bg);
|
|
26
26
|
--btn-box-shadow: var(--shadow-sm);
|
|
27
27
|
--btn-hover-color: var(--color-bg);
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
|
|
26
26
|
trix-toolbar {
|
|
27
27
|
inset-block-start: 0;
|
|
28
|
+
inline-size: 100%;
|
|
28
29
|
position: sticky;
|
|
29
30
|
|
|
30
31
|
.trix-button-row {
|
|
@@ -87,6 +88,7 @@ trix-toolbar {
|
|
|
87
88
|
|
|
88
89
|
trix-editor {
|
|
89
90
|
border: 0;
|
|
91
|
+
inline-size: 100%;
|
|
90
92
|
min-block-size: var(--size-72);
|
|
91
93
|
padding-block: var(--size-6) var(--size-2);
|
|
92
94
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Controller } from "@hotwired/stimulus"
|
|
2
|
-
import debounce from "https://esm.sh/
|
|
2
|
+
import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
|
|
3
3
|
import Combobox from "https://esm.sh/@github/combobox-nav@3.0.1?standalone"
|
|
4
4
|
|
|
5
5
|
export default class extends Controller {
|
data/lib/generators/css_zero/add/templates/app/javascript/controllers/copyable_input_controller.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Controller } from "@hotwired/stimulus"
|
|
2
|
-
import debounce from "https://esm.sh/
|
|
2
|
+
import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
|
|
3
3
|
|
|
4
4
|
export default class extends Controller {
|
|
5
5
|
static targets = [ "input", "copyIcon", "successIcon" ]
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { Controller } from "@hotwired/stimulus"
|
|
2
|
+
import { DirectUpload } from "https://esm.sh/@rails/activestorage@8.0.100?standalone"
|
|
3
|
+
import Dropzone from "https://esm.sh/dropzone@6.0.0-beta.2?standalone"
|
|
4
|
+
|
|
5
|
+
export default class extends Controller {
|
|
6
|
+
static values = {
|
|
7
|
+
url: String,
|
|
8
|
+
paramName: String,
|
|
9
|
+
maxFiles: { type: Number, default: null },
|
|
10
|
+
maxFilesize: { type: Number, default: 256 },
|
|
11
|
+
acceptedFiles: { type: String, default: null },
|
|
12
|
+
addRemoveLinks: { type: Boolean, default: true }
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
connect() {
|
|
16
|
+
this.dropZone = this.#createDropZone()
|
|
17
|
+
this.dropZone.enqueueFile = it => this.#upload(it)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
disconnect() {
|
|
21
|
+
this.dropZone.destroy()
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
#createDropZone() {
|
|
25
|
+
return new Dropzone(this.element, {
|
|
26
|
+
url: this.urlValue,
|
|
27
|
+
paramName: this.paramNameValue,
|
|
28
|
+
maxFiles: this.maxFilesValue,
|
|
29
|
+
maxFilesize: this.maxFilesizeValue,
|
|
30
|
+
acceptedFiles: this.acceptedFilesValue,
|
|
31
|
+
addRemoveLinks: this.addRemoveLinksValue
|
|
32
|
+
})
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
#upload(file) {
|
|
36
|
+
new Uploader(file, this.dropZone).start()
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
class Uploader {
|
|
41
|
+
constructor(file, dropZone) {
|
|
42
|
+
this.file = file; this.dropZone = dropZone;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
start() {
|
|
46
|
+
this.#createDirectUpload((error, blob) => {
|
|
47
|
+
if (error) {
|
|
48
|
+
this.#emitDropzoneError(error)
|
|
49
|
+
} else {
|
|
50
|
+
this.#createHiddenInput(blob.signed_id)
|
|
51
|
+
this.#emitDropzoneSuccess()
|
|
52
|
+
}
|
|
53
|
+
})
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
directUploadWillStoreFileWithXHR(xhr) {
|
|
57
|
+
this.file.xhr = xhr
|
|
58
|
+
this.#bindProgress()
|
|
59
|
+
this.#emitDropzoneProcessing()
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
#createDirectUpload(callback) {
|
|
63
|
+
new DirectUpload(this.file, this.dropZone.options.url, this).create(callback)
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
#createHiddenInput(signedId) {
|
|
67
|
+
this.hiddenInput = document.createElement("input")
|
|
68
|
+
this.hiddenInput.type = "hidden"
|
|
69
|
+
this.hiddenInput.name = this.dropZone.options.paramName
|
|
70
|
+
this.hiddenInput.value = signedId
|
|
71
|
+
this.file.previewElement.appendChild(this.hiddenInput)
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
#bindProgress() {
|
|
75
|
+
this.file.xhr.upload.addEventListener("progress", it => this.#directUploadDidProgress(it))
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
#directUploadDidProgress(event) {
|
|
79
|
+
this.dropZone._updateFilesUploadProgress([this.file], this.xhr, event)
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
#emitDropzoneProcessing() {
|
|
83
|
+
this.file.status = Dropzone.PROCESSING
|
|
84
|
+
this.dropZone.emit("processing", this.file)
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
#emitDropzoneSuccess() {
|
|
88
|
+
this.file.status = Dropzone.SUCCESS
|
|
89
|
+
this.dropZone.emit("success", this.file)
|
|
90
|
+
this.dropZone.emit("complete", this.file)
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
#emitDropzoneError(error) {
|
|
94
|
+
this.file.status = Dropzone.ERROR
|
|
95
|
+
this.dropZone.emit("error", this.file, error)
|
|
96
|
+
this.dropZone.emit("complete", this.file)
|
|
97
|
+
}
|
|
98
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Controller } from "@hotwired/stimulus"
|
|
2
|
-
import debounce from "https://esm.sh/
|
|
2
|
+
import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
|
|
3
3
|
|
|
4
4
|
export default class extends Controller {
|
|
5
5
|
static targets = [ "cancel" ]
|
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.
|
|
4
|
+
version: 1.1.9
|
|
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-02-
|
|
11
|
+
date: 2025-02-28 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email: lazaronixon@hotmail.com
|
|
@@ -70,6 +70,7 @@ files:
|
|
|
70
70
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/command.css
|
|
71
71
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/datepicker.css
|
|
72
72
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css
|
|
73
|
+
- lib/generators/css_zero/add/templates/app/assets/stylesheets/dropzone.css
|
|
73
74
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css
|
|
74
75
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css
|
|
75
76
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css
|
|
@@ -100,6 +101,7 @@ files:
|
|
|
100
101
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/copyable_input_controller.js
|
|
101
102
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/datepicker_controller.js
|
|
102
103
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/dialog_controller.js
|
|
104
|
+
- lib/generators/css_zero/add/templates/app/javascript/controllers/dropzone_controller.js
|
|
103
105
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/element_removal_controller.js
|
|
104
106
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/form_controller.js
|
|
105
107
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/fullscreen_controller.js
|