@verbb/formie-browser 1.0.5 → 1.0.6
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.
- package/CHANGELOG.md +14 -0
- package/dist/chunks/{calculations-CgVJcQ2P.js → calculations-CeDgB9jt.js} +13 -13
- package/dist/chunks/{conditions-CZ3FU5QO.js → conditions-DjZOtHfS.js} +3 -3
- package/dist/chunks/dist-BQ4a9hmy.js +2659 -0
- package/dist/chunks/rich-text-D0sb8bmX.js +349 -0
- package/dist/chunks/{signature-CpgqHCEx.js → signature-xz4QO7CR.js} +107 -34
- package/dist/chunks/{text-limit-B09elPDB.js → text-limit-DbgEFHLO.js} +1 -1
- package/dist/chunks/upload-manager-BpqWSHmU.js +2558 -0
- package/dist/css/theme/_buttons.css +16 -0
- package/dist/css/theme/_tokens.css +2 -0
- package/dist/css/theme/fields/_signature.css +19 -0
- package/dist/css/theme/fields/_upload-manager.css +279 -0
- package/dist/index.js +6 -5
- package/dist/js/modules/fields/index.d.ts.map +1 -1
- package/dist/js/modules/fields/signature.d.ts.map +1 -1
- package/dist/js/modules/fields/upload-manager.d.ts +3 -0
- package/dist/js/modules/fields/upload-manager.d.ts.map +1 -0
- package/package.json +4 -2
- package/src/css/theme/_buttons.css +16 -0
- package/src/css/theme/_tokens.css +2 -0
- package/src/css/theme/fields/_signature.css +19 -0
- package/src/css/theme/fields/_upload-manager.css +279 -0
- package/src/js/modules/fields/index.ts +1 -0
- package/src/js/modules/fields/signature.ts +199 -15
- package/src/js/modules/fields/upload-manager.ts +1277 -0
- package/src/vendor.d.ts +1 -1
- package/dist/chunks/dist-BF5GU3_9.js +0 -2674
- package/dist/chunks/rich-text-Cv8ADyk-.js +0 -349
|
@@ -156,6 +156,14 @@
|
|
|
156
156
|
--formie-button-icon-mask: var(--formie-icon-mask-arrow-right);
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
+
.formie-button-icon[data-formie-icon="arrow-up"] {
|
|
160
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-up);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.formie-button-icon[data-formie-icon="arrow-down"] {
|
|
164
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-down);
|
|
165
|
+
}
|
|
166
|
+
|
|
159
167
|
.formie-button-icon[data-formie-icon="close"] {
|
|
160
168
|
--formie-button-icon-mask: var(--formie-icon-mask-close);
|
|
161
169
|
}
|
|
@@ -187,6 +195,14 @@
|
|
|
187
195
|
--formie-button-icon-mask: var(--formie-icon-mask-arrow-right);
|
|
188
196
|
}
|
|
189
197
|
|
|
198
|
+
.formie-button-text-icon[data-formie-icon="arrow-up"] {
|
|
199
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-up);
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.formie-button-text-icon[data-formie-icon="arrow-down"] {
|
|
203
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-down);
|
|
204
|
+
}
|
|
205
|
+
|
|
190
206
|
.formie-button-text-icon[data-formie-icon="close"] {
|
|
191
207
|
--formie-button-icon-mask: var(--formie-icon-mask-close);
|
|
192
208
|
}
|
|
@@ -168,6 +168,8 @@
|
|
|
168
168
|
--formie-icon-mask-plus: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
|
|
169
169
|
--formie-icon-mask-arrow-left: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
|
|
170
170
|
--formie-icon-mask-arrow-right: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M278.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
|
|
171
|
+
--formie-icon-mask-arrow-up: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z'/%3E%3C/svg%3E");
|
|
172
|
+
--formie-icon-mask-arrow-down: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
|
|
171
173
|
--formie-icon-mask-close: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
|
|
172
174
|
|
|
173
175
|
--formie-button-primary-background: var(--formie-color-primary);
|
|
@@ -36,4 +36,23 @@
|
|
|
36
36
|
font-size: 0;
|
|
37
37
|
line-height: 0;
|
|
38
38
|
}
|
|
39
|
+
|
|
40
|
+
[data-formie-field-type="signature"] .formie-signature-pad {
|
|
41
|
+
position: relative;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
[data-formie-field-type="signature"] .formie-signature-message {
|
|
45
|
+
margin: 0;
|
|
46
|
+
padding: var(--formie-space-3);
|
|
47
|
+
border: var(--formie-signature-border);
|
|
48
|
+
border-radius: var(--formie-signature-border-radius);
|
|
49
|
+
background: var(--formie-signature-background);
|
|
50
|
+
color: var(--formie-color-text-muted);
|
|
51
|
+
font-size: var(--formie-font-size-sm);
|
|
52
|
+
line-height: var(--formie-line-height-base);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
[data-formie-field-type="signature"].formie-signature-has-message .formie-signature-canvas {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
39
58
|
}
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
@layer formie-theme {
|
|
2
|
+
.formie-upload-manager {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
gap: var(--formie-gap-field);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.formie-upload-manager-dropzone {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
align-items: center;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
gap: var(--formie-space-2);
|
|
14
|
+
padding: var(--formie-space-4);
|
|
15
|
+
min-height: calc(var(--formie-control-height) * 3);
|
|
16
|
+
border: var(--formie-border-width) dashed var(--formie-color-border);
|
|
17
|
+
border-radius: var(--formie-radius-sm);
|
|
18
|
+
background: var(--formie-color-surface-subtle);
|
|
19
|
+
color: var(--formie-color-text);
|
|
20
|
+
text-align: center;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.formie-upload-manager-dropzone:hover,
|
|
26
|
+
.formie-upload-manager-dropzone.formie-upload-manager-dropzone-active {
|
|
27
|
+
border-color: var(--formie-color-focus-ring);
|
|
28
|
+
background: var(--formie-color-surface-muted);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.formie-upload-manager-dropzone:focus {
|
|
32
|
+
outline: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.formie-upload-manager-dropzone:focus-visible {
|
|
36
|
+
box-shadow: 0 0 0 var(--formie-focus-ring-width) var(--formie-color-focus-ring);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.formie-field-has-error .formie-upload-manager-dropzone {
|
|
40
|
+
border-color: var(--formie-color-danger);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.formie-upload-manager-prompt {
|
|
44
|
+
margin: 0;
|
|
45
|
+
font-size: var(--formie-font-size-sm);
|
|
46
|
+
color: var(--formie-color-text-muted);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.formie-upload-manager-list {
|
|
50
|
+
display: flex;
|
|
51
|
+
flex-direction: column;
|
|
52
|
+
gap: var(--formie-space-2);
|
|
53
|
+
margin: 0;
|
|
54
|
+
padding: 0;
|
|
55
|
+
list-style: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.formie-upload-manager-item {
|
|
59
|
+
display: grid;
|
|
60
|
+
grid-template-columns: minmax(0, 1fr) minmax(6.5rem, 8rem) auto;
|
|
61
|
+
align-items: center;
|
|
62
|
+
gap: var(--formie-space-2);
|
|
63
|
+
padding: var(--formie-space-2) var(--formie-space-3);
|
|
64
|
+
border: var(--formie-border-width) solid var(--formie-color-border);
|
|
65
|
+
border-radius: var(--formie-radius-sm);
|
|
66
|
+
background: var(--formie-color-surface);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.formie-upload-manager-item.is-error {
|
|
70
|
+
border-color: var(--formie-color-danger);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.formie-upload-manager-item.is-complete .formie-upload-manager-progress {
|
|
74
|
+
opacity: 0;
|
|
75
|
+
visibility: hidden;
|
|
76
|
+
pointer-events: none;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.formie-upload-manager-filename {
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
text-overflow: ellipsis;
|
|
82
|
+
white-space: nowrap;
|
|
83
|
+
font-size: var(--formie-font-size-sm);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.formie-upload-manager-progress {
|
|
87
|
+
display: flex;
|
|
88
|
+
flex-direction: column;
|
|
89
|
+
justify-content: center;
|
|
90
|
+
gap: var(--formie-space-1);
|
|
91
|
+
min-height: var(--formie-button-icon-button-size);
|
|
92
|
+
align-self: center;
|
|
93
|
+
opacity: 1;
|
|
94
|
+
visibility: visible;
|
|
95
|
+
transition: opacity 200ms ease, visibility 200ms ease;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.formie-upload-manager-progress-track {
|
|
99
|
+
position: relative;
|
|
100
|
+
height: 0.375rem;
|
|
101
|
+
border-radius: var(--formie-radius-full);
|
|
102
|
+
background: var(--formie-color-surface-muted);
|
|
103
|
+
overflow: hidden;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.formie-upload-manager-progress-bar {
|
|
107
|
+
height: 100%;
|
|
108
|
+
width: 0;
|
|
109
|
+
border-radius: inherit;
|
|
110
|
+
background: var(--formie-color-primary);
|
|
111
|
+
transition: width 180ms ease-out, background-color 200ms ease;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-bar {
|
|
115
|
+
width: 100% !important;
|
|
116
|
+
background: var(--formie-color-success, var(--formie-color-primary));
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.formie-upload-manager-item.is-uploading:not(.is-upload-complete) .formie-upload-manager-progress-track[data-indeterminate="true"] .formie-upload-manager-progress-bar,
|
|
120
|
+
.formie-upload-manager-item.is-preparing .formie-upload-manager-progress-bar,
|
|
121
|
+
.formie-upload-manager-item.is-processing .formie-upload-manager-progress-bar {
|
|
122
|
+
width: 35%;
|
|
123
|
+
animation: formie-upload-manager-progress-indeterminate 1.1s ease-in-out infinite;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.formie-upload-manager-item.is-processing .formie-upload-manager-progress-bar {
|
|
127
|
+
opacity: 0.85;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.formie-upload-manager-item.is-processing .formie-upload-manager-progress-label {
|
|
131
|
+
color: var(--formie-color-text);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
@keyframes formie-upload-manager-progress-indeterminate {
|
|
135
|
+
0% {
|
|
136
|
+
transform: translateX(-120%);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
100% {
|
|
140
|
+
transform: translateX(320%);
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.formie-upload-manager-progress-label {
|
|
145
|
+
font-size: var(--formie-font-size-xs);
|
|
146
|
+
line-height: 1.2;
|
|
147
|
+
color: var(--formie-color-text-muted);
|
|
148
|
+
text-align: center;
|
|
149
|
+
white-space: nowrap;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-label {
|
|
153
|
+
color: var(--formie-color-success, var(--formie-color-primary));
|
|
154
|
+
font-weight: var(--formie-font-weight-medium);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.formie-upload-manager-error {
|
|
158
|
+
grid-column: 1 / -1;
|
|
159
|
+
font-size: var(--formie-font-size-xs);
|
|
160
|
+
color: var(--formie-color-danger);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.formie-upload-manager-browse-button {
|
|
164
|
+
margin-top: var(--formie-space-1);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.formie-upload-manager-actions {
|
|
168
|
+
display: flex;
|
|
169
|
+
align-items: center;
|
|
170
|
+
gap: var(--formie-space-2);
|
|
171
|
+
align-self: center;
|
|
172
|
+
flex-shrink: 0;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.formie-upload-manager-sort-controls {
|
|
176
|
+
display: inline-flex;
|
|
177
|
+
flex-direction: row;
|
|
178
|
+
align-items: center;
|
|
179
|
+
gap: 0.0625rem;
|
|
180
|
+
padding: 0;
|
|
181
|
+
border-radius: var(--formie-radius-sm);
|
|
182
|
+
background: transparent;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.formie-upload-manager-sort-controls[hidden] {
|
|
186
|
+
display: none;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.formie-upload-manager-sort-button,
|
|
190
|
+
.formie-upload-manager-action-button {
|
|
191
|
+
position: relative;
|
|
192
|
+
display: inline-flex;
|
|
193
|
+
align-items: center;
|
|
194
|
+
justify-content: center;
|
|
195
|
+
width: 1.375rem;
|
|
196
|
+
height: 1.375rem;
|
|
197
|
+
padding: 0;
|
|
198
|
+
border: 0;
|
|
199
|
+
border-radius: var(--formie-radius-sm);
|
|
200
|
+
background: transparent;
|
|
201
|
+
color: var(--formie-color-text-muted);
|
|
202
|
+
cursor: pointer;
|
|
203
|
+
font-size: 0;
|
|
204
|
+
line-height: 0;
|
|
205
|
+
text-indent: -9999px;
|
|
206
|
+
overflow: hidden;
|
|
207
|
+
white-space: nowrap;
|
|
208
|
+
transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.formie-upload-manager-sort-button {
|
|
212
|
+
width: 1.375rem;
|
|
213
|
+
height: 1.375rem;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.formie-upload-manager-sort-button:hover:not(:disabled),
|
|
217
|
+
.formie-upload-manager-action-button:hover {
|
|
218
|
+
background: var(--formie-color-surface-muted);
|
|
219
|
+
color: var(--formie-color-text);
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.formie-upload-manager-sort-button:focus-visible,
|
|
223
|
+
.formie-upload-manager-action-button:focus-visible {
|
|
224
|
+
outline: 0;
|
|
225
|
+
box-shadow: 0 0 0 var(--formie-focus-ring-width) var(--formie-color-focus-ring);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.formie-upload-manager-sort-button:disabled {
|
|
229
|
+
opacity: 0.28;
|
|
230
|
+
cursor: not-allowed;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.formie-upload-manager-sort-button::after,
|
|
234
|
+
.formie-upload-manager-action-button::after {
|
|
235
|
+
position: absolute;
|
|
236
|
+
top: 50%;
|
|
237
|
+
left: 50%;
|
|
238
|
+
display: block;
|
|
239
|
+
content: '';
|
|
240
|
+
transform: translate(-50%, -50%);
|
|
241
|
+
background-color: currentColor;
|
|
242
|
+
-webkit-mask-repeat: no-repeat;
|
|
243
|
+
mask-repeat: no-repeat;
|
|
244
|
+
-webkit-mask-position: center;
|
|
245
|
+
mask-position: center;
|
|
246
|
+
-webkit-mask-size: contain;
|
|
247
|
+
mask-size: contain;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.formie-upload-manager-sort-button[data-formie-icon="arrow-up"] {
|
|
251
|
+
--formie-upload-manager-icon-mask: var(--formie-icon-mask-arrow-up);
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.formie-upload-manager-sort-button[data-formie-icon="arrow-down"] {
|
|
255
|
+
--formie-upload-manager-icon-mask: var(--formie-icon-mask-arrow-down);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.formie-upload-manager-action-button[data-formie-icon="close"] {
|
|
259
|
+
--formie-upload-manager-icon-mask: var(--formie-icon-mask-close);
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
.formie-upload-manager-sort-button::after {
|
|
263
|
+
width: 0.75rem;
|
|
264
|
+
height: 0.75rem;
|
|
265
|
+
-webkit-mask-image: var(--formie-upload-manager-icon-mask);
|
|
266
|
+
mask-image: var(--formie-upload-manager-icon-mask);
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.formie-upload-manager-action-button::after {
|
|
270
|
+
width: 0.825rem;
|
|
271
|
+
height: 0.825rem;
|
|
272
|
+
-webkit-mask-image: var(--formie-upload-manager-icon-mask);
|
|
273
|
+
mask-image: var(--formie-upload-manager-icon-mask);
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.formie-upload-manager-remove-button {
|
|
277
|
+
flex-shrink: 0;
|
|
278
|
+
}
|
|
279
|
+
}
|
package/dist/index.js
CHANGED
|
@@ -1354,25 +1354,26 @@ var Vt = class {
|
|
|
1354
1354
|
snaptcha: () => import("./chunks/snaptcha-vz1RnZ15.js").then((e) => e.snaptchaModule),
|
|
1355
1355
|
turnstile: () => import("./chunks/turnstile-D_Pi1CKM.js").then((e) => e.turnstileModule)
|
|
1356
1356
|
}, Wt = {
|
|
1357
|
-
calculations: () => import("./chunks/calculations-
|
|
1357
|
+
calculations: () => import("./chunks/calculations-CeDgB9jt.js").then((e) => e.calculationsModule),
|
|
1358
1358
|
"checkbox-radio": () => import("./chunks/checkbox-radio-DQ0H67Tj.js").then((e) => e.checkboxRadioModule),
|
|
1359
1359
|
combobox: () => import("./chunks/combobox-D-2b42wn.js").then((e) => e.comboboxModule),
|
|
1360
|
-
conditions: () => import("./chunks/conditions-
|
|
1360
|
+
conditions: () => import("./chunks/conditions-DjZOtHfS.js").then((e) => e.conditionsModule),
|
|
1361
1361
|
"custom-google-maps": () => import("./chunks/custom-google-maps-BsaSirEZ.js").then((e) => e.customGoogleMapsModule),
|
|
1362
1362
|
"custom-link": () => import("./chunks/custom-link-CJ1-FjEM.js").then((e) => e.customLinkModule),
|
|
1363
1363
|
"custom-maps": () => import("./chunks/custom-maps-DYW_pBid.js").then((e) => e.customMapsModule),
|
|
1364
1364
|
"date-picker": () => import("./chunks/date-picker-5CA_-zGb.js").then((e) => e.datePickerModule),
|
|
1365
1365
|
"file-upload": () => import("./chunks/file-upload-D49m8-DR.js").then((e) => e.fileUploadModule),
|
|
1366
|
+
"upload-manager": () => import("./chunks/upload-manager-BpqWSHmU.js").then((e) => e.uploadManagerModule),
|
|
1366
1367
|
hidden: () => import("./chunks/hidden-D7_Ch-QN.js").then((e) => e.hiddenModule),
|
|
1367
1368
|
"phone-country": () => import("./chunks/phone-country-D3ayr60L.js").then((e) => e.phoneCountryModule),
|
|
1368
1369
|
"address-country": () => import("./chunks/address-country-Rx6GQTND.js").then((e) => e.addressCountryModule),
|
|
1369
1370
|
"address-state": () => import("./chunks/address-state-BQ0xGV9n.js").then((e) => e.addressStateModule),
|
|
1370
1371
|
repeater: () => import("./chunks/repeater-B5leVxZU.js").then((e) => e.repeaterModule),
|
|
1371
|
-
"rich-text": () => import("./chunks/rich-text-
|
|
1372
|
-
signature: () => import("./chunks/signature-
|
|
1372
|
+
"rich-text": () => import("./chunks/rich-text-D0sb8bmX.js").then((e) => e.richTextModule),
|
|
1373
|
+
signature: () => import("./chunks/signature-xz4QO7CR.js").then((e) => e.signatureModule),
|
|
1373
1374
|
summary: () => import("./chunks/summary-D3AjxpYN.js").then((e) => e.summaryModule),
|
|
1374
1375
|
table: () => import("./chunks/table-C-lkQN6I.js").then((e) => e.tableModule),
|
|
1375
|
-
"text-limit": () => import("./chunks/text-limit-
|
|
1376
|
+
"text-limit": () => import("./chunks/text-limit-DbgEFHLO.js").then((e) => e.textLimitModule)
|
|
1376
1377
|
}, Gt = {
|
|
1377
1378
|
bpoint: () => import("./chunks/bpoint-DSjqRv63.js").then((e) => e.bpointModule),
|
|
1378
1379
|
eway: () => import("./chunks/eway-D3ctTbEk.js").then((e) => e.ewayModule),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAuB3F,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/signature.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/signature.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAmVjE,eAAO,MAAM,eAAe,EAAE,sBA2C7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"upload-manager.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/upload-manager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAqqCjE,eAAO,MAAM,mBAAmB,EAAE,sBAmFjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@verbb/formie-browser",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -68,7 +68,9 @@
|
|
|
68
68
|
"dependencies": {
|
|
69
69
|
"@friendlycaptcha/sdk": "^1.0.0",
|
|
70
70
|
"@placekit/autocomplete-js": "^2.2.1",
|
|
71
|
-
"@
|
|
71
|
+
"@uppy/core": "^5.2.0",
|
|
72
|
+
"@uppy/xhr-upload": "^5.2.0",
|
|
73
|
+
"@verbb/formie-core": "1.0.6",
|
|
72
74
|
"expression-language": "^2.5.4",
|
|
73
75
|
"flatpickr": "^4.6.13",
|
|
74
76
|
"friendly-challenge": "^0.9.19",
|
|
@@ -156,6 +156,14 @@
|
|
|
156
156
|
--formie-button-icon-mask: var(--formie-icon-mask-arrow-right);
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
+
.formie-button-icon[data-formie-icon="arrow-up"] {
|
|
160
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-up);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.formie-button-icon[data-formie-icon="arrow-down"] {
|
|
164
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-down);
|
|
165
|
+
}
|
|
166
|
+
|
|
159
167
|
.formie-button-icon[data-formie-icon="close"] {
|
|
160
168
|
--formie-button-icon-mask: var(--formie-icon-mask-close);
|
|
161
169
|
}
|
|
@@ -187,6 +195,14 @@
|
|
|
187
195
|
--formie-button-icon-mask: var(--formie-icon-mask-arrow-right);
|
|
188
196
|
}
|
|
189
197
|
|
|
198
|
+
.formie-button-text-icon[data-formie-icon="arrow-up"] {
|
|
199
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-up);
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.formie-button-text-icon[data-formie-icon="arrow-down"] {
|
|
203
|
+
--formie-button-icon-mask: var(--formie-icon-mask-arrow-down);
|
|
204
|
+
}
|
|
205
|
+
|
|
190
206
|
.formie-button-text-icon[data-formie-icon="close"] {
|
|
191
207
|
--formie-button-icon-mask: var(--formie-icon-mask-close);
|
|
192
208
|
}
|
|
@@ -168,6 +168,8 @@
|
|
|
168
168
|
--formie-icon-mask-plus: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
|
|
169
169
|
--formie-icon-mask-arrow-left: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
|
|
170
170
|
--formie-icon-mask-arrow-right: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M278.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
|
|
171
|
+
--formie-icon-mask-arrow-up: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z'/%3E%3C/svg%3E");
|
|
172
|
+
--formie-icon-mask-arrow-down: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
|
|
171
173
|
--formie-icon-mask-close: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
|
|
172
174
|
|
|
173
175
|
--formie-button-primary-background: var(--formie-color-primary);
|
|
@@ -36,4 +36,23 @@
|
|
|
36
36
|
font-size: 0;
|
|
37
37
|
line-height: 0;
|
|
38
38
|
}
|
|
39
|
+
|
|
40
|
+
[data-formie-field-type="signature"] .formie-signature-pad {
|
|
41
|
+
position: relative;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
[data-formie-field-type="signature"] .formie-signature-message {
|
|
45
|
+
margin: 0;
|
|
46
|
+
padding: var(--formie-space-3);
|
|
47
|
+
border: var(--formie-signature-border);
|
|
48
|
+
border-radius: var(--formie-signature-border-radius);
|
|
49
|
+
background: var(--formie-signature-background);
|
|
50
|
+
color: var(--formie-color-text-muted);
|
|
51
|
+
font-size: var(--formie-font-size-sm);
|
|
52
|
+
line-height: var(--formie-line-height-base);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
[data-formie-field-type="signature"].formie-signature-has-message .formie-signature-canvas {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
39
58
|
}
|