@gravityforms/components 6.2.0 → 6.2.2

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 (24) hide show
  1. package/css/admin/kanban.css +12 -7
  2. package/css/admin/repeater.css +240 -101
  3. package/dist/css/admin/kanban.css +20 -7
  4. package/dist/css/admin/kanban.css.map +1 -1
  5. package/dist/css/admin/repeater.css +227 -89
  6. package/dist/css/admin/repeater.css.map +1 -1
  7. package/dist/js/968.9c3fa3386ebd16656f1d.min.js +1 -0
  8. package/dist/js/admin-components.asset.php +1 -1
  9. package/dist/js/admin-components.js +43 -43
  10. package/dist/js/admin-components.min.asset.php +1 -1
  11. package/dist/js/admin-components.min.js +1 -1
  12. package/dist/js/components_react_admin_modules_Chart_AreaChart_index_js.9435f12f3e93d5d6b1b5.js +1 -1
  13. package/dist/js/components_react_admin_modules_Phone_PhoneComponent_js.ca87da6c1ccaf970cf6d.js +1 -1
  14. package/dist/js/vendors-node_modules_libphonenumber-js_examples_mobile_json_js-node_modules_libphonenumber-js-a6c76f.b0815a9e2e1e5cfbd5db.js +2 -2
  15. package/dist/js/{vendors-node_modules_recharts_es6_cartesian_CartesianGrid_js-node_modules_recharts_es6_chart_-d9f675.b98474c20a2c3508fc94.js → vendors-node_modules_recharts_es6_cartesian_CartesianGrid_js-node_modules_recharts_es6_chart_-d9f675.846956e222cf4f63a114.js} +243 -243
  16. package/dist/mappings/admin.js +50 -50
  17. package/package.json +2 -2
  18. package/react/admin/modules/Repeater/RepeaterItem.js +82 -64
  19. package/react/admin/modules/Repeater/index.js +4 -0
  20. package/react/admin/modules/Repeater/use-repeater-state.js +3 -3
  21. package/dist/js/968.f427e8d56e0fd9cca5a8.min.js +0 -1
  22. /package/dist/js/{653.c5a3f4ea5996f84cb182.min.js → 653.61e7ebba89a62bd48408.min.js} +0 -0
  23. /package/dist/js/{881.9cb8ff2be86b51fa386c.min.js → 881.a04b7065f7b02b55f8bd.min.js} +0 -0
  24. /package/dist/js/{91.5577381a87a6ada339c1.min.js → 91.d1d4dd50cbd0b889c78b.min.js} +0 -0
package/css/admin/kanban.css CHANGED
@@ -226,6 +226,14 @@
226
226
  max-block-size: min-content;
227
227
  overflow: hidden;
228
228
 
229
+ &:has(.gform-kanban__column-grid-item--cards:empty) {
230
+ overflow: visible;
231
+
232
+ .gform-kanban__column-grid-item--header {
233
+ padding-block-end: 0;
234
+ }
235
+ }
236
+
229
237
  .gform-kanban__column-grid-item--cards {
230
238
  flex: 1;
231
239
  }
@@ -269,10 +277,6 @@
269
277
  overflow: auto;
270
278
  padding-block: 0 var(--gform-admin-spacer-3);
271
279
  padding-inline: var(--gform-admin-spacer-2);
272
-
273
- &:empty {
274
- padding: 0;
275
- }
276
280
  }
277
281
 
278
282
  .gform-kanban__column--card-drop-when-empty .gform-kanban__column-grid-item--cards {
@@ -283,10 +287,11 @@
283
287
  block-size: 4px;
284
288
  border-radius: 2px;
285
289
  content: "";
286
- inline-size: 100%;
287
- inset-block-start: 0;
288
- inset-inline-start: 0;
290
+ inset-block-start: 50%;
291
+ inset-inline-end: var(--gform-admin-spacer-2);
292
+ inset-inline-start: var(--gform-admin-spacer-2);
289
293
  position: absolute;
294
+ transform: translateY(-50%);
290
295
  }
291
296
  }
292
297
 
package/css/admin/repeater.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .gform-admin {
2
2
 
3
3
  .gform-repeater {
4
+ container-type: inline-size;
4
5
  max-inline-size: 100%;
5
6
 
6
7
  * {
@@ -8,8 +9,13 @@
8
9
  }
9
10
  }
10
11
 
12
+ /* Repeater Item */
13
+
11
14
  .gform-repeater-item {
12
15
  background: var(--gform-admin-color-white);
16
+ border: 1px solid var(--gform-admin-color-snuff);
17
+ border-radius: 3px;
18
+ box-shadow: var(--gform-admin-box-shadow-outline-light);
13
19
  cursor: default;
14
20
 
15
21
  input[type="text"] {
@@ -22,95 +28,186 @@
22
28
  }
23
29
  }
24
30
 
25
- .gform-repeater-item--show-actions-on-hover {
31
+ .gform-repeater-item--has-arrows,
32
+ .gform-repeater-item--has-drag-handle {
26
33
 
27
- .gform-repeater-item__minimal-actions {
28
- opacity: 0;
29
- transition: opacity 0.2s;
34
+ .gform-repeater-item__wrapper {
35
+ padding-inline-start: var(--gform-admin-spacer-2);
30
36
 
31
- &:focus-within {
32
- opacity: 1;
37
+ @container (min-width: 30rem) {
38
+ padding-inline-start: var(--gform-admin-spacer-6);
33
39
  }
34
40
  }
41
+ }
35
42
 
36
- &:hover {
43
+ .gform-repeater-item--is-collapsible {
37
44
 
38
- .gform-repeater-item__minimal-actions {
39
- opacity: 1;
45
+ .gform-repeater-item__wrapper {
46
+ padding-inline-end: var(--gform-admin-spacer-2);
47
+
48
+ @container (min-width: 30rem) {
49
+ padding-inline-end: var(--gform-admin-spacer-6);
40
50
  }
41
51
  }
52
+ }
42
53
 
43
- &:not(.gform-repeater-item--style-minimal) {
54
+ .gform-repeater-item--type-inline {
44
55
 
45
- .gform-repeater-item__action-control {
46
- opacity: 0;
47
- transition: opacity 0.2s;
56
+ /* Flip to inline layout on larger screens */
57
+
58
+ @container (min-width: 30rem) {
59
+ border: none;
60
+ border-radius: 0;
61
+ box-shadow: none;
62
+ display: flex;
63
+ gap: var(--gform-admin-spacer-3);
64
+ justify-content: space-between;
65
+ }
66
+
67
+ &.gform-repeater-item--is-collapsed {
68
+
69
+ .gform-repeater-item__block-content {
70
+
71
+ @container (min-width: 30rem) {
72
+ display: flex;
73
+ }
48
74
  }
75
+ }
49
76
 
50
- &:hover,
51
- &:focus-within {
77
+ &.gform-repeater-item--style-minimal {
52
78
 
53
- .gform-repeater-item__action-control {
54
- opacity: 1;
79
+ .gform-repeater-item__wrapper,
80
+ .gform-repeater-item__block-content {
81
+
82
+ @container (min-width: 30rem) {
83
+
84
+ align-items: center;
55
85
  }
56
86
  }
57
87
  }
58
- }
59
88
 
60
- .gform-repeater-item--style-minimal {
89
+ &:not(.gform-repeater-item--has-arrows, .gform-repeater-item--has-drag-handle) {
90
+
91
+ .gform-repeater-item__wrapper {
92
+
93
+ @container (min-width: 30rem) {
94
+ display: none;
95
+ }
96
+ }
97
+ }
61
98
 
62
99
  .gform-repeater-item__wrapper {
63
- align-items: flex-start;
100
+
101
+ @container (min-width: 30rem) {
102
+
103
+ align-items: flex-end;
104
+ border-bottom: 0;
105
+ justify-content: space-between;
106
+ padding: 0;
107
+ }
64
108
  }
65
109
 
66
- .gform-repeater-item__controls,
67
- .gform-repeater-item__minimal-actions {
68
- display: flex;
69
- gap: var(--gform-admin-spacer-1);
110
+ .gform-repeater-item__block-header,
111
+ .gform-repeater-item__collapsible {
112
+
113
+ @container (min-width: 30rem) {
114
+ display: none;
115
+ }
70
116
  }
71
117
 
72
- + .gform-repeater-item {
73
- margin-block-start: var(--gform-admin-spacer-1);
118
+ .gform-repeater-item__minimal-actions {
119
+ display: none;
120
+
121
+ @container (min-width: 30rem) {
122
+ display: flex;
123
+ }
74
124
  }
75
- }
76
125
 
77
- .gform-repeater-item--is-draggable:not(.gform-repeater-item--disable-item-drag) {
78
- cursor: move;
79
- }
126
+ .gform-repeater-item__block-content {
80
127
 
81
- .gform-repeater-item--is-dragging {
82
- opacity: 0.2;
83
- }
128
+ @container (min-width: 30rem) {
129
+ align-items: flex-end;
130
+ flex-direction: row;
131
+ min-inline-size: 0;
132
+ padding: 0;
133
+ }
134
+ }
84
135
 
85
- .gform-repeater-item--is-keyboard-nav {
86
- box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
87
- transform: translate(-2px, -2px);
88
- }
136
+ .gform-repeater-item__block-content-footer {
89
137
 
90
- .gform-repeater-item--type-block {
91
- border: 1px solid var(--gform-admin-color-snuff);
92
- border-radius: 3px;
93
- }
138
+ @container (min-width: 30rem) {
139
+ display: none;
140
+ }
141
+ }
94
142
 
95
- .gform-repeater-item__wrapper {
96
- align-items: flex-end;
97
- display: flex;
98
- gap: var(--gform-admin-spacer-3);
99
- justify-content: space-between;
100
- }
143
+ /* Use inline layout on small screens */
101
144
 
102
- .gform-repeater-item--type-block .gform-repeater-item__wrapper {
103
- border-bottom: 1px solid var(--gform-admin-color-snuff);
104
- padding-block: var(--gform-admin-spacer-5);
105
- padding-inline: var(--gform-admin-spacer-6);
145
+ &.gform-repeater-item--use-inline-layout-mobile {
146
+ border: none;
147
+ border-radius: 0;
148
+ box-shadow: none;
149
+ display: flex;
150
+ gap: var(--gform-admin-spacer-3);
151
+ justify-content: space-between;
152
+
153
+ &.gform-repeater-item--style-minimal {
154
+
155
+ .gform-repeater-item__wrapper,
156
+ .gform-repeater-item__block-content {
157
+ align-items: center;
158
+ }
159
+ }
160
+
161
+ &:not(.gform-repeater-item--has-arrows, .gform-repeater-item--has-drag-handle) {
162
+
163
+ .gform-repeater-item__wrapper {
164
+ display: none;
165
+ }
166
+ }
167
+
168
+ .gform-repeater-item__wrapper {
169
+ align-items: flex-end;
170
+ border-bottom: 0;
171
+ justify-content: space-between;
172
+ min-block-size: 0;
173
+ padding: 0;
174
+ }
175
+
176
+ .gform-repeater-item__block-header,
177
+ .gform-repeater-item__collapsible {
178
+ display: none;
179
+ }
180
+
181
+ .gform-repeater-item__minimal-actions {
182
+ display: flex;
183
+ }
184
+
185
+ .gform-repeater-item__block-content {
186
+ align-items: flex-end;
187
+ flex-direction: row;
188
+ min-inline-size: 0;
189
+ padding: 0;
190
+ }
191
+
192
+ .gform-repeater-item__block-content-footer {
193
+ display: none;
194
+ }
195
+ }
106
196
  }
107
197
 
108
- .gform-repeater-item__controls {
109
- display: flex;
198
+ .gform-repeater-item--style-minimal {
199
+
200
+ + .gform-repeater-item {
201
+ margin-block-start: var(--gform-admin-spacer-1);
202
+ }
110
203
  }
111
204
 
112
205
  .gform-repeater-item--style-regular {
113
206
 
207
+ .gform-repeater-item__controls {
208
+ gap: 0;
209
+ }
210
+
114
211
  .gform-repeater-item__control,
115
212
  .gform-repeater-item__action-control {
116
213
 
@@ -159,67 +256,112 @@
159
256
  }
160
257
  }
161
258
 
162
- .gform-repeater-item__block-content-footer {
163
- display: flex;
164
- gap: var(--gform-admin-spacer-2);
165
- justify-content: flex-start;
166
- }
167
-
168
- .gform-repeater--type-block {
259
+ .gform-repeater-item--show-actions-on-hover {
169
260
 
170
- .gform-repeater-item__delete,
171
- .gform-repeater-item__action {
172
- align-self: flex-start;
261
+ .gform-repeater-item__minimal-actions {
262
+ opacity: 0;
263
+ transition: opacity 0.2s;
173
264
  }
174
265
 
175
- .gform-repeater-item__collapsible {
176
- margin-inline-start: auto;
177
- transition: box-shadow 300ms ease, background-color 300ms ease;
266
+ &:hover,
267
+ &:focus-within {
178
268
 
179
- &:focus {
180
- border-color: var(--gform-admin-color-titan-white);
181
- box-shadow: none;
182
- outline: none;
269
+ .gform-repeater-item__minimal-actions {
270
+ opacity: 1;
183
271
  }
272
+ }
273
+ }
184
274
 
185
- &:focus-visible {
186
- border-color: var(--gform-admin-color-blue-ribbon);
187
- outline: 0.125rem solid var(--gform-admin-color-spindle);
188
- }
275
+ .gform-repeater-item--is-collapsed {
276
+
277
+ .gform-repeater-item__collapsible {
278
+ transform: rotate(0);
189
279
  }
190
280
 
191
281
  .gform-repeater-item__wrapper {
192
- align-items: center;
193
- display: flex;
194
- gap: var(--gform-admin-spacer-3);
195
- justify-content: flex-start;
282
+ border-bottom: none;
283
+ }
196
284
 
197
- .gform-text {
198
- overflow: hidden;
199
- text-overflow: ellipsis;
200
- white-space: nowrap;
201
- }
285
+ .gform-repeater-item__block-content {
286
+ display: none;
202
287
  }
288
+ }
203
289
 
204
- .gform-repeater-item--is-collapsed {
290
+ .gform-repeater-item--fill-content {
205
291
 
206
- .gform-repeater-item__collapsible {
207
- transform: rotate(180deg);
208
- }
292
+ .gform-input-wrapper {
293
+ flex: 1;
209
294
 
210
- .gform-repeater-item__wrapper {
211
- border-bottom: none;
295
+ .gform-input {
296
+ width: 100%;
212
297
  }
213
298
  }
214
299
  }
215
300
 
216
- .gform-repeater-item--is-collapsed {
301
+ .gform-repeater-item--is-draggable:not(.gform-repeater-item--disable-item-drag) {
302
+ cursor: move;
303
+ }
217
304
 
218
- .gform-repeater-item__block-content {
219
- display: none;
305
+ .gform-repeater-item--is-dragging {
306
+ opacity: 0.2;
307
+ }
308
+
309
+ .gform-repeater-item--is-keyboard-nav {
310
+ box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
311
+ transform: translate(-2px, -2px);
312
+ }
313
+
314
+ /* Repeater Item Header */
315
+
316
+ .gform-repeater-item__wrapper {
317
+ align-items: center;
318
+ border-bottom: 1px solid var(--gform-admin-color-snuff);
319
+ display: flex;
320
+ gap: var(--gform-admin-spacer-3);
321
+ justify-content: flex-start;
322
+ min-block-size: 60px;
323
+ padding-block: var(--gform-admin-spacer-3);
324
+ padding-inline: var(--gform-admin-spacer-6);
325
+
326
+ @container (min-width: 30rem) {
327
+ min-block-size: 0;
328
+ padding-block: var(--gform-admin-spacer-5);
329
+ }
330
+
331
+ .gform-text {
332
+ overflow: hidden;
333
+ text-overflow: ellipsis;
334
+ white-space: nowrap;
220
335
  }
221
336
  }
222
337
 
338
+ /* Repeater Item Controls */
339
+
340
+ .gform-repeater-item__controls,
341
+ .gform-repeater-item__minimal-actions {
342
+ display: flex;
343
+ gap: var(--gform-admin-spacer-1);
344
+ }
345
+
346
+ .gform-repeater-item__collapsible {
347
+ margin-inline-start: auto;
348
+ transform: rotate(180deg);
349
+ transition: box-shadow 300ms ease, background-color 300ms ease;
350
+
351
+ &:focus {
352
+ border-color: var(--gform-admin-color-titan-white);
353
+ box-shadow: none;
354
+ outline: none;
355
+ }
356
+
357
+ &:focus-visible {
358
+ border-color: var(--gform-admin-color-blue-ribbon);
359
+ outline: 0.125rem solid var(--gform-admin-color-spindle);
360
+ }
361
+ }
362
+
363
+ /* Repeater Item Content */
364
+
223
365
  .gform-repeater-item__block-content {
224
366
  display: flex;
225
367
  flex-direction: column;
@@ -229,17 +371,14 @@
229
371
  padding-inline: var(--gform-admin-spacer-6);
230
372
  }
231
373
 
232
- .gform-repeater-item--fill-content {
233
-
234
- .gform-input-wrapper {
235
- flex: 1;
236
-
237
- .gform-input {
238
- width: 100%;
239
- }
240
- }
374
+ .gform-repeater-item__block-content-footer {
375
+ display: flex;
376
+ gap: var(--gform-admin-spacer-2);
377
+ justify-content: flex-start;
241
378
  }
242
379
 
380
+ /* Repeater DND */
381
+
243
382
  .gform-repeater__drop-indicator {
244
383
  background: transparent;
245
384
  height: 3px;
package/dist/css/admin/kanban.css CHANGED
@@ -230,6 +230,22 @@
230
230
  overflow: hidden;
231
231
  }
232
232
 
233
+ .gform-admin .gform-kanban__column-grid[\:has\(.gform-kanban__column-grid-item--cards\:empty\)] {
234
+ overflow: visible;
235
+ }
236
+
237
+ .gform-admin .gform-kanban__column-grid:has(.gform-kanban__column-grid-item--cards:empty) {
238
+ overflow: visible;
239
+ }
240
+
241
+ .gform-admin .gform-kanban__column-grid[\:has\(.gform-kanban__column-grid-item--cards\:empty\)] .gform-kanban__column-grid-item--header {
242
+ padding-block-end: 0;
243
+ }
244
+
245
+ .gform-admin .gform-kanban__column-grid:has(.gform-kanban__column-grid-item--cards:empty) .gform-kanban__column-grid-item--header {
246
+ padding-block-end: 0;
247
+ }
248
+
233
249
  .gform-admin .gform-kanban__column-grid .gform-kanban__column-grid-item--cards {
234
250
  flex: 1;
235
251
  }
@@ -279,10 +295,6 @@
279
295
  padding-inline: 0.5rem;
280
296
  }
281
297
 
282
- .gform-admin .gform-kanban__column-grid-item--cards:empty {
283
- padding: 0;
284
- }
285
-
286
298
  .gform-admin .gform-kanban__column--card-drop-when-empty .gform-kanban__column-grid-item--cards {
287
299
  position: relative;
288
300
  }
@@ -292,10 +304,11 @@
292
304
  block-size: 4px;
293
305
  border-radius: 2px;
294
306
  content: "";
295
- inline-size: 100%;
296
- inset-block-start: 0;
297
- inset-inline-start: 0;
307
+ inset-block-start: 50%;
308
+ inset-inline-end: 0.5rem;
309
+ inset-inline-start: 0.5rem;
298
310
  position: absolute;
311
+ transform: translateY(-50%);
299
312
  }
300
313
 
301
314
  .gform-admin .gform-kanban__card {
package/dist/css/admin/kanban.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["kanban.css"],"names":[],"mappings":"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","file":"kanban.css","sourcesContent":[".gform-admin {\n\n\t.gform-kanban {\n\t\tborder: 1px solid var(--gform-admin-color-metal-gray);\n\t\tborder-radius: 3px;\n\t\tcontainer-type: inline-size;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&,\n\t\t& * {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t.gform-kanban__header {\n\t\talign-items: center;\n\t\tborder-block-end: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tjustify-content: space-between;\n\t\tpadding: var(--gform-admin-spacer-5) var(--gform-admin-spacer-6);\n\n\t\t& > .gform-button {\n\t\t\talign-self: flex-start;\n\t\t}\n\t}\n\n\t.gform-kanban__controls {\n\t\tborder-block-end: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-direction: column-reverse;\n\t\tinline-size: 100%;\n\n\t\t@container (min-width: 40.625rem) {\n\t\t\tflex-direction: row;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-inner {\n\t\tpadding-block: var(--gform-admin-spacer-4);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__controls-inner--left {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-6);\n\n\t\t&:not(:last-child) {\n\t\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\n\t\t\t@container (min-width: 40.625rem) {\n\t\t\t\tborder-block-start: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-kanban__controls-inner--right {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\n\t\t@container (min-width: 40.625rem) {\n\t\t\tmargin-inline-start: auto;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-search {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tinline-size: 100%;\n\t\tjustify-content: flex-end;\n\n\t\t@container (min-width: 40.625rem) {\n\t\t\tmax-inline-size: 28.75rem;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-search-input {\n\t\tflex-grow: 1;\n\n\t\t.gform-input {\n\t\t\tinline-size: 100%;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-simple-filters {\n\t\tposition: relative;\n\t}\n\n\t.gform-kanban__controls-simple-filters-list-item--reset {\n\n\t\t&.gform-kanban__controls-simple-filters-list-item:last-child { /* extra selectors to override droplist styles */\n\t\t\tmargin-block-end: calc(var(--gform-admin-spacer-1) * -1);\n\t\t}\n\n\t\t.gform-droplist__item-trigger-text {\n\t\t\tcolor: var(--gform-admin-color-blue-ribbon);\n\t\t\tpadding: 0;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-simple-filters-count {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tblock-size: 0.875rem;\n\t\tborder-radius: 0.125rem;\n\t\tcolor: var(--gform-admin-color-white);\n\t\tdisplay: flex;\n\t\tinline-size: 0.875rem;\n\t\tinset-block-start: -2px;\n\t\tinset-inline-end: -2px;\n\t\tjustify-content: center;\n\t\tposition: absolute;\n\t}\n\n\t.gform-kanban__active-filters {\n\t\talign-items: center;\n\t\tborder-block-end: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tjustify-content: center;\n\t\tpadding-block: var(--gform-admin-spacer-2);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__grid-container {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\tposition: relative;\n\t}\n\n\t.gform-kanban__grid-inner {\n\t\tflex: 1 0 auto;\n\t\tmin-inline-size: 100%;\n\t\tpadding: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__grid {\n\t\tblock-size: 100%;\n\t}\n\n\t.gform-kanban__column {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tblock-size: 100%;\n\t\tinline-size: 275px;\n\t\tposition: relative;\n\n\t\t&:hover,\n\t\t&:focus-within {\n\n\t\t\t.gform-kanban__column-header-actions {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t/* NOTE: for now hiding drag handle and DND for columns. In the future perhaps we add a\n\t\tprop on whether or not to show drag handle. */\n\t\t.gform-kanban__column-drag-handle {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-kanban__column--drag-layer {\n\t\tbackground: transparent;\n\t\tborder: 1px solid transparent;\n\t\tborder-radius: 6px;\n\t\tinline-size: 301px;\n\t\tpadding: 0 var(--gform-admin-spacer-3);\n\n\t\t.gform-kanban__column-grid {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-super);\n\t\t}\n\n\t\t.gform-kanban__card-header {\n\t\t\tcursor: grabbing;\n\t\t}\n\n\t\t.gform-kanban__column-header-actions {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t.gform-kanban__column--drop-left::before,\n\t.gform-kanban__column--drop-right::before {\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tblock-size: 100%;\n\t\tborder-radius: 2px;\n\t\tcontent: \"\";\n\t\tinline-size: 4px;\n\t\tinset-block-start: 0;\n\t\tposition: absolute;\n\t}\n\n\t.gform-kanban__column--drop-left::before {\n\t\tinset-inline-start: -8px;\n\t}\n\n\t.gform-kanban__column--drop-right::before {\n\t\tinset-inline-end: -8px;\n\t}\n\n\t.gform-kanban__column--is-dragging > .gform-kanban__column-wrapper {\n\t\topacity: 0;\n\t}\n\n\t.gform-kanban__column-wrapper {\n\t\talign-items: stretch;\n\t\tblock-size: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: flex-start;\n\t}\n\n\t.gform-kanban__column-grid {\n\t\tbackground-color: var(--gform-admin-color-alabaster);\n\t\tblock-size: 100%;\n\t\tborder: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tborder-radius: 6px;\n\t\tmax-block-size: min-content;\n\t\toverflow: hidden;\n\n\t\t.gform-kanban__column-grid-item--cards {\n\t\t\tflex: 1;\n\t\t}\n\t}\n\n\t.gform-kanban__column-header {\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tposition: relative;\n\t}\n\n\t.gform-kanban__column-header-label .gform-kanban__loader {\n\t\tmargin-block: 6px 7px;\n\t}\n\n\t.gform-kanban__column-header-actions {\n\t\talign-items: center;\n\t\topacity: 0;\n\t\ttransition: var(--gform-admin-transition-dropdown);\n\n\t\t/* NOTE: for now hiding disabled items. In the future perhaps we add a\n\t\tprop on whether or not to show disabled items for action items. */\n\t\t.gform-droplist__item:has(.gform-droplist__item-trigger--disabled) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-kanban__column-overlay {\n\t\tinset-block-start: 100%;\n\t}\n\n\t.gform-kanban__column-grid-item--header {\n\t\tpadding-block: var(--gform-admin-spacer-3);\n\t\tpadding-inline: var(--gform-admin-spacer-3) var(--gform-admin-spacer-2);\n\t}\n\n\t.gform-kanban__column-grid-item--cards {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\toverflow: auto;\n\t\tpadding-block: 0 var(--gform-admin-spacer-3);\n\t\tpadding-inline: var(--gform-admin-spacer-2);\n\n\t\t&:empty {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.gform-kanban__column--card-drop-when-empty .gform-kanban__column-grid-item--cards {\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\t\tblock-size: 4px;\n\t\t\tborder-radius: 2px;\n\t\t\tcontent: \"\";\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tposition: absolute;\n\t\t}\n\t}\n\n\t.gform-kanban__card {\n\t\taspect-ratio: auto;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-snuff);\n\t\tbox-shadow: var(--gform-admin-box-shadow-outline-light);\n\t\tposition: relative;\n\n\t\t&:hover,\n\t\t&:focus-within {\n\t\n\t\t\t.gform-kanban__card-header-actions {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-kanban__card-header {\n\t\talign-items: center;\n\t\tborder-block-end: 1px solid var(--gform-admin-color-snuff);\n\t\tcursor: grab;\n\t\tjustify-content: space-between;\n\t\tpadding: var(--gform-admin-spacer-3) var(--gform-admin-spacer-6);\n\n\t\t&:has(.gform-popover--open) {\n\t\t\tcursor: auto;\n\t\t}\n\t}\n\n\t.gform-kanban__card-header-actions {\n\t\tmargin-inline-start: auto;\n\t\topacity: 0;\n\t\ttransition: var(--gform-admin-transition-dropdown);\n\n\t\t/* NOTE: for now hiding disabled items. In the future perhaps we add a\n\t\tprop on whether or not to show disabled items for action items. */\n\t\t.gform-droplist__item:has(.gform-droplist__item-trigger--disabled) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-kanban__card-content {\n\t\tpadding: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__card-footer {\n\t\tborder-block-start: 1px solid var(--gform-admin-color-snuff);\n\t\tpadding: var(--gform-admin-spacer-3) var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__card--drop-above::before,\n\t.gform-kanban__card--drop-below::before {\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tblock-size: 4px;\n\t\tborder-radius: 2px;\n\t\tcontent: \"\";\n\t\tinline-size: 100%;\n\t\tinset-inline-start: 0;\n\t\tposition: absolute;\n\t}\n\n\t.gform-kanban__card--drop-above {\n\n\t\t&::before {\n\t\t\tinset-block-start: -8px;\n\t\t}\n\n\t\t&:first-child::before {\n\t\t\tinset-block-start: 0;\n\t\t}\n\t}\n\n\t.gform-kanban__card--drop-below {\n\n\t\t&::before {\n\t\t\tinset-block-end: -8px;\n\t\t}\n\n\t\t&:last-child::before {\n\t\t\tinset-block-end: 0;\n\t\t}\n\t}\n\n\t.gform-kanban__drag-layer {\n\t\tblock-size: 100%;\n\t\tinline-size: 100%;\n\t\tinset-block-start: 0;\n\t\tinset-inline-start: 0;\n\t\tpointer-events: none;\n\t\tposition: fixed;\n\t\tz-index: 1;\n\t}\n\n\t.gform-kanban__loader {\n\t\tbackground-color: var(--gform-admin-color-porcelain-gray);\n\t\tblock-size: 22px;\n\t\tborder-radius: 11px;\n\t\topacity: 1;\n\n\t\t&.gform-kanban__loader--animating {\n\t\t\tanimation: gformKanbanOpacityCycle 1s ease-in-out infinite;\n\t\t\tanimation-delay: -0.5s;\n\t\t}\n\t}\n\n\t.gform-kanban__empty {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-white-iris);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-mega);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tinset-block-start: 50%;\n\t\tinset-inline-start: 50%;\n\t\tjustify-content: center;\n\t\tpadding: var(--gform-admin-spacer-6);\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttransform: translate(-50%, -50%);\n\t}\n}\n\n@keyframes gformKanbanOpacityCycle {\n\n\t0%,\n\t100% {\n\t\topacity: 1;\n\t}\n\n\t50% {\n\t\topacity: 0.5;\n\t}\n}"]}
1
+ {"version":3,"sources":["kanban.css"],"names":[],"mappings":"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","file":"kanban.css","sourcesContent":[".gform-admin {\n\n\t.gform-kanban {\n\t\tborder: 1px solid var(--gform-admin-color-metal-gray);\n\t\tborder-radius: 3px;\n\t\tcontainer-type: inline-size;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&,\n\t\t& * {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t.gform-kanban__header {\n\t\talign-items: center;\n\t\tborder-block-end: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tjustify-content: space-between;\n\t\tpadding: var(--gform-admin-spacer-5) var(--gform-admin-spacer-6);\n\n\t\t& > .gform-button {\n\t\t\talign-self: flex-start;\n\t\t}\n\t}\n\n\t.gform-kanban__controls {\n\t\tborder-block-end: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-direction: column-reverse;\n\t\tinline-size: 100%;\n\n\t\t@container (min-width: 40.625rem) {\n\t\t\tflex-direction: row;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-inner {\n\t\tpadding-block: var(--gform-admin-spacer-4);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__controls-inner--left {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-6);\n\n\t\t&:not(:last-child) {\n\t\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\n\t\t\t@container (min-width: 40.625rem) {\n\t\t\t\tborder-block-start: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-kanban__controls-inner--right {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\n\t\t@container (min-width: 40.625rem) {\n\t\t\tmargin-inline-start: auto;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-search {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tinline-size: 100%;\n\t\tjustify-content: flex-end;\n\n\t\t@container (min-width: 40.625rem) {\n\t\t\tmax-inline-size: 28.75rem;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-search-input {\n\t\tflex-grow: 1;\n\n\t\t.gform-input {\n\t\t\tinline-size: 100%;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-simple-filters {\n\t\tposition: relative;\n\t}\n\n\t.gform-kanban__controls-simple-filters-list-item--reset {\n\n\t\t&.gform-kanban__controls-simple-filters-list-item:last-child { /* extra selectors to override droplist styles */\n\t\t\tmargin-block-end: calc(var(--gform-admin-spacer-1) * -1);\n\t\t}\n\n\t\t.gform-droplist__item-trigger-text {\n\t\t\tcolor: var(--gform-admin-color-blue-ribbon);\n\t\t\tpadding: 0;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.gform-kanban__controls-simple-filters-count {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tblock-size: 0.875rem;\n\t\tborder-radius: 0.125rem;\n\t\tcolor: var(--gform-admin-color-white);\n\t\tdisplay: flex;\n\t\tinline-size: 0.875rem;\n\t\tinset-block-start: -2px;\n\t\tinset-inline-end: -2px;\n\t\tjustify-content: center;\n\t\tposition: absolute;\n\t}\n\n\t.gform-kanban__active-filters {\n\t\talign-items: center;\n\t\tborder-block-end: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tjustify-content: center;\n\t\tpadding-block: var(--gform-admin-spacer-2);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__grid-container {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\tposition: relative;\n\t}\n\n\t.gform-kanban__grid-inner {\n\t\tflex: 1 0 auto;\n\t\tmin-inline-size: 100%;\n\t\tpadding: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__grid {\n\t\tblock-size: 100%;\n\t}\n\n\t.gform-kanban__column {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tblock-size: 100%;\n\t\tinline-size: 275px;\n\t\tposition: relative;\n\n\t\t&:hover,\n\t\t&:focus-within {\n\n\t\t\t.gform-kanban__column-header-actions {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t/* NOTE: for now hiding drag handle and DND for columns. In the future perhaps we add a\n\t\tprop on whether or not to show drag handle. */\n\t\t.gform-kanban__column-drag-handle {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-kanban__column--drag-layer {\n\t\tbackground: transparent;\n\t\tborder: 1px solid transparent;\n\t\tborder-radius: 6px;\n\t\tinline-size: 301px;\n\t\tpadding: 0 var(--gform-admin-spacer-3);\n\n\t\t.gform-kanban__column-grid {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-super);\n\t\t}\n\n\t\t.gform-kanban__card-header {\n\t\t\tcursor: grabbing;\n\t\t}\n\n\t\t.gform-kanban__column-header-actions {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t.gform-kanban__column--drop-left::before,\n\t.gform-kanban__column--drop-right::before {\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tblock-size: 100%;\n\t\tborder-radius: 2px;\n\t\tcontent: \"\";\n\t\tinline-size: 4px;\n\t\tinset-block-start: 0;\n\t\tposition: absolute;\n\t}\n\n\t.gform-kanban__column--drop-left::before {\n\t\tinset-inline-start: -8px;\n\t}\n\n\t.gform-kanban__column--drop-right::before {\n\t\tinset-inline-end: -8px;\n\t}\n\n\t.gform-kanban__column--is-dragging > .gform-kanban__column-wrapper {\n\t\topacity: 0;\n\t}\n\n\t.gform-kanban__column-wrapper {\n\t\talign-items: stretch;\n\t\tblock-size: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: flex-start;\n\t}\n\n\t.gform-kanban__column-grid {\n\t\tbackground-color: var(--gform-admin-color-alabaster);\n\t\tblock-size: 100%;\n\t\tborder: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tborder-radius: 6px;\n\t\tmax-block-size: min-content;\n\t\toverflow: hidden;\n\n\t\t&:has(.gform-kanban__column-grid-item--cards:empty) {\n\t\t\toverflow: visible;\n\n\t\t\t.gform-kanban__column-grid-item--header {\n\t\t\t\tpadding-block-end: 0;\n\t\t\t}\n\t\t}\n\n\t\t.gform-kanban__column-grid-item--cards {\n\t\t\tflex: 1;\n\t\t}\n\t}\n\n\t.gform-kanban__column-header {\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tposition: relative;\n\t}\n\n\t.gform-kanban__column-header-label .gform-kanban__loader {\n\t\tmargin-block: 6px 7px;\n\t}\n\n\t.gform-kanban__column-header-actions {\n\t\talign-items: center;\n\t\topacity: 0;\n\t\ttransition: var(--gform-admin-transition-dropdown);\n\n\t\t/* NOTE: for now hiding disabled items. In the future perhaps we add a\n\t\tprop on whether or not to show disabled items for action items. */\n\t\t.gform-droplist__item:has(.gform-droplist__item-trigger--disabled) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-kanban__column-overlay {\n\t\tinset-block-start: 100%;\n\t}\n\n\t.gform-kanban__column-grid-item--header {\n\t\tpadding-block: var(--gform-admin-spacer-3);\n\t\tpadding-inline: var(--gform-admin-spacer-3) var(--gform-admin-spacer-2);\n\t}\n\n\t.gform-kanban__column-grid-item--cards {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\toverflow: auto;\n\t\tpadding-block: 0 var(--gform-admin-spacer-3);\n\t\tpadding-inline: var(--gform-admin-spacer-2);\n\t}\n\n\t.gform-kanban__column--card-drop-when-empty .gform-kanban__column-grid-item--cards {\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\t\tblock-size: 4px;\n\t\t\tborder-radius: 2px;\n\t\t\tcontent: \"\";\n\t\t\tinset-block-start: 50%;\n\t\t\tinset-inline-end: var(--gform-admin-spacer-2);\n\t\t\tinset-inline-start: var(--gform-admin-spacer-2);\n\t\t\tposition: absolute;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\t}\n\n\t.gform-kanban__card {\n\t\taspect-ratio: auto;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-snuff);\n\t\tbox-shadow: var(--gform-admin-box-shadow-outline-light);\n\t\tposition: relative;\n\n\t\t&:hover,\n\t\t&:focus-within {\n\t\n\t\t\t.gform-kanban__card-header-actions {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-kanban__card-header {\n\t\talign-items: center;\n\t\tborder-block-end: 1px solid var(--gform-admin-color-snuff);\n\t\tcursor: grab;\n\t\tjustify-content: space-between;\n\t\tpadding: var(--gform-admin-spacer-3) var(--gform-admin-spacer-6);\n\n\t\t&:has(.gform-popover--open) {\n\t\t\tcursor: auto;\n\t\t}\n\t}\n\n\t.gform-kanban__card-header-actions {\n\t\tmargin-inline-start: auto;\n\t\topacity: 0;\n\t\ttransition: var(--gform-admin-transition-dropdown);\n\n\t\t/* NOTE: for now hiding disabled items. In the future perhaps we add a\n\t\tprop on whether or not to show disabled items for action items. */\n\t\t.gform-droplist__item:has(.gform-droplist__item-trigger--disabled) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-kanban__card-content {\n\t\tpadding: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__card-footer {\n\t\tborder-block-start: 1px solid var(--gform-admin-color-snuff);\n\t\tpadding: var(--gform-admin-spacer-3) var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-kanban__card--drop-above::before,\n\t.gform-kanban__card--drop-below::before {\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tblock-size: 4px;\n\t\tborder-radius: 2px;\n\t\tcontent: \"\";\n\t\tinline-size: 100%;\n\t\tinset-inline-start: 0;\n\t\tposition: absolute;\n\t}\n\n\t.gform-kanban__card--drop-above {\n\n\t\t&::before {\n\t\t\tinset-block-start: -8px;\n\t\t}\n\n\t\t&:first-child::before {\n\t\t\tinset-block-start: 0;\n\t\t}\n\t}\n\n\t.gform-kanban__card--drop-below {\n\n\t\t&::before {\n\t\t\tinset-block-end: -8px;\n\t\t}\n\n\t\t&:last-child::before {\n\t\t\tinset-block-end: 0;\n\t\t}\n\t}\n\n\t.gform-kanban__drag-layer {\n\t\tblock-size: 100%;\n\t\tinline-size: 100%;\n\t\tinset-block-start: 0;\n\t\tinset-inline-start: 0;\n\t\tpointer-events: none;\n\t\tposition: fixed;\n\t\tz-index: 1;\n\t}\n\n\t.gform-kanban__loader {\n\t\tbackground-color: var(--gform-admin-color-porcelain-gray);\n\t\tblock-size: 22px;\n\t\tborder-radius: 11px;\n\t\topacity: 1;\n\n\t\t&.gform-kanban__loader--animating {\n\t\t\tanimation: gformKanbanOpacityCycle 1s ease-in-out infinite;\n\t\t\tanimation-delay: -0.5s;\n\t\t}\n\t}\n\n\t.gform-kanban__empty {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-white-iris);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-mega);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tinset-block-start: 50%;\n\t\tinset-inline-start: 50%;\n\t\tjustify-content: center;\n\t\tpadding: var(--gform-admin-spacer-6);\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttransform: translate(-50%, -50%);\n\t}\n}\n\n@keyframes gformKanbanOpacityCycle {\n\n\t0%,\n\t100% {\n\t\topacity: 1;\n\t}\n\n\t50% {\n\t\topacity: 0.5;\n\t}\n}"]}