@gravityforms/components 6.2.0 → 6.2.1

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 (15) hide show
  1. package/css/admin/repeater.css +240 -101
  2. package/dist/css/admin/repeater.css +227 -89
  3. package/dist/css/admin/repeater.css.map +1 -1
  4. package/dist/js/968.304094dd9734d27ac2e6.min.js +1 -0
  5. package/dist/js/admin-components.asset.php +1 -1
  6. package/dist/js/admin-components.js +2 -2
  7. package/dist/js/admin-components.min.asset.php +1 -1
  8. package/dist/js/admin-components.min.js +1 -1
  9. 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.a687c27e5a25f34883d1.js} +1 -1
  10. package/dist/mappings/admin.js +46 -46
  11. package/package.json +2 -2
  12. package/react/admin/modules/Repeater/RepeaterItem.js +82 -64
  13. package/react/admin/modules/Repeater/index.js +4 -0
  14. package/react/admin/modules/Repeater/use-repeater-state.js +3 -3
  15. package/dist/js/968.f427e8d56e0fd9cca5a8.min.js +0 -1
package/dist/css/admin/repeater.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .gform-admin .gform-repeater {
2
+ container-type: inline-size;
2
3
  max-inline-size: 100%;
3
4
  }
4
5
 
@@ -6,8 +7,13 @@
6
7
  box-sizing: border-box;
7
8
  }
8
9
 
10
+ /* Repeater Item */
11
+
9
12
  .gform-admin .gform-repeater-item {
10
13
  background: #fff;
14
+ border: 1px solid #d5d7e9;
15
+ border-radius: 3px;
16
+ box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0596411);
11
17
  cursor: default;
12
18
  }
13
19
 
@@ -19,75 +25,163 @@
19
25
  margin-block-start: 1rem;
20
26
  }
21
27
 
22
- .gform-admin .gform-repeater-item--show-actions-on-hover .gform-repeater-item__minimal-actions {
23
- opacity: 0;
24
- transition: opacity 0.2s;
28
+ .gform-admin .gform-repeater-item--has-arrows .gform-repeater-item__wrapper, .gform-admin .gform-repeater-item--has-drag-handle .gform-repeater-item__wrapper {
29
+ padding-inline-start: 0.5rem;
25
30
  }
26
31
 
27
- .gform-admin .gform-repeater-item--show-actions-on-hover .gform-repeater-item__minimal-actions:focus-within {
28
- opacity: 1;
32
+ @container (min-width: 30rem) {
33
+
34
+ .gform-admin .gform-repeater-item--has-arrows .gform-repeater-item__wrapper, .gform-admin .gform-repeater-item--has-drag-handle .gform-repeater-item__wrapper {
35
+ padding-inline-start: 1.5rem;
36
+ }
29
37
  }
30
38
 
31
- .gform-admin .gform-repeater-item--show-actions-on-hover:hover .gform-repeater-item__minimal-actions {
32
- opacity: 1;
39
+ .gform-admin .gform-repeater-item--is-collapsible .gform-repeater-item__wrapper {
40
+ padding-inline-end: 0.5rem;
41
+ }
42
+
43
+ @container (min-width: 30rem) {
44
+
45
+ .gform-admin .gform-repeater-item--is-collapsible .gform-repeater-item__wrapper {
46
+ padding-inline-end: 1.5rem;
47
+ }
48
+ }
49
+
50
+ /* Flip to inline layout on larger screens */
51
+
52
+ @container (min-width: 30rem) {
53
+
54
+ .gform-admin .gform-repeater-item--type-inline {
55
+ border: none;
56
+ border-radius: 0;
57
+ box-shadow: none;
58
+ display: flex;
59
+ gap: 0.75rem;
60
+ justify-content: space-between;
61
+ }
62
+ }
63
+
64
+ @container (min-width: 30rem) {
65
+
66
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--is-collapsed .gform-repeater-item__block-content {
67
+ display: flex;
33
68
  }
69
+ }
70
+
71
+ @container (min-width: 30rem) {
34
72
 
35
- .gform-admin .gform-repeater-item--show-actions-on-hover:not(.gform-repeater-item--style-minimal) .gform-repeater-item__action-control {
36
- opacity: 0;
37
- transition: opacity 0.2s;
73
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--style-minimal .gform-repeater-item__wrapper, .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--style-minimal .gform-repeater-item__block-content {
74
+
75
+ align-items: center;
38
76
  }
77
+ }
39
78
 
40
- .gform-admin .gform-repeater-item--show-actions-on-hover:not(.gform-repeater-item--style-minimal):hover .gform-repeater-item__action-control, .gform-admin .gform-repeater-item--show-actions-on-hover:not(.gform-repeater-item--style-minimal):focus-within .gform-repeater-item__action-control {
41
- opacity: 1;
79
+ @container (min-width: 30rem) {
80
+
81
+ .gform-admin .gform-repeater-item--type-inline:not(.gform-repeater-item--has-arrows):not(.gform-repeater-item--has-drag-handle) .gform-repeater-item__wrapper {
82
+ display: none;
83
+ }
42
84
  }
43
85
 
44
- .gform-admin .gform-repeater-item--style-minimal .gform-repeater-item__wrapper {
45
- align-items: flex-start;
86
+ @container (min-width: 30rem) {
87
+
88
+ .gform-admin .gform-repeater-item--type-inline .gform-repeater-item__wrapper {
89
+
90
+ align-items: flex-end;
91
+ border-bottom: 0;
92
+ justify-content: space-between;
93
+ padding: 0;
46
94
  }
95
+ }
47
96
 
48
- .gform-admin .gform-repeater-item--style-minimal .gform-repeater-item__controls, .gform-admin .gform-repeater-item--style-minimal .gform-repeater-item__minimal-actions {
49
- display: flex;
50
- gap: 0.25rem;
97
+ @container (min-width: 30rem) {
98
+
99
+ .gform-admin .gform-repeater-item--type-inline .gform-repeater-item__block-header, .gform-admin .gform-repeater-item--type-inline .gform-repeater-item__collapsible {
100
+ display: none;
51
101
  }
102
+ }
52
103
 
53
- .gform-admin .gform-repeater-item--style-minimal + .gform-repeater-item {
54
- margin-block-start: 0.25rem;
104
+ .gform-admin .gform-repeater-item--type-inline .gform-repeater-item__minimal-actions {
105
+ display: none;
55
106
  }
56
107
 
57
- .gform-admin .gform-repeater-item--is-draggable:not(.gform-repeater-item--disable-item-drag) {
58
- cursor: move;
59
- }
108
+ @container (min-width: 30rem) {
60
109
 
61
- .gform-admin .gform-repeater-item--is-dragging {
62
- opacity: 0.2;
63
- }
110
+ .gform-admin .gform-repeater-item--type-inline .gform-repeater-item__minimal-actions {
111
+ display: flex;
112
+ }
113
+ }
64
114
 
65
- .gform-admin .gform-repeater-item--is-keyboard-nav {
66
- box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
67
- transform: translate(-2px, -2px);
68
- }
115
+ @container (min-width: 30rem) {
69
116
 
70
- .gform-admin .gform-repeater-item--type-block {
71
- border: 1px solid #d5d7e9;
72
- border-radius: 3px;
73
- }
117
+ .gform-admin .gform-repeater-item--type-inline .gform-repeater-item__block-content {
118
+ align-items: flex-end;
119
+ flex-direction: row;
120
+ min-inline-size: 0;
121
+ padding: 0;
122
+ }
123
+ }
74
124
 
75
- .gform-admin .gform-repeater-item__wrapper {
76
- align-items: flex-end;
77
- display: flex;
78
- gap: 0.75rem;
79
- justify-content: space-between;
80
- }
125
+ @container (min-width: 30rem) {
81
126
 
82
- .gform-admin .gform-repeater-item--type-block .gform-repeater-item__wrapper {
83
- border-bottom: 1px solid #d5d7e9;
84
- padding-block: 1.25rem;
85
- padding-inline: 1.5rem;
86
- }
127
+ .gform-admin .gform-repeater-item--type-inline .gform-repeater-item__block-content-footer {
128
+ display: none;
129
+ }
130
+ }
87
131
 
88
- .gform-admin .gform-repeater-item__controls {
89
- display: flex;
90
- }
132
+ /* Use inline layout on small screens */
133
+
134
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile {
135
+ border: none;
136
+ border-radius: 0;
137
+ box-shadow: none;
138
+ display: flex;
139
+ gap: 0.75rem;
140
+ justify-content: space-between;
141
+ }
142
+
143
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile.gform-repeater-item--style-minimal .gform-repeater-item__wrapper, .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile.gform-repeater-item--style-minimal .gform-repeater-item__block-content {
144
+ align-items: center;
145
+ }
146
+
147
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile:not(.gform-repeater-item--has-arrows):not(.gform-repeater-item--has-drag-handle) .gform-repeater-item__wrapper {
148
+ display: none;
149
+ }
150
+
151
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile .gform-repeater-item__wrapper {
152
+ align-items: flex-end;
153
+ border-bottom: 0;
154
+ justify-content: space-between;
155
+ min-block-size: 0;
156
+ padding: 0;
157
+ }
158
+
159
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile .gform-repeater-item__block-header, .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile .gform-repeater-item__collapsible {
160
+ display: none;
161
+ }
162
+
163
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile .gform-repeater-item__minimal-actions {
164
+ display: flex;
165
+ }
166
+
167
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile .gform-repeater-item__block-content {
168
+ align-items: flex-end;
169
+ flex-direction: row;
170
+ min-inline-size: 0;
171
+ padding: 0;
172
+ }
173
+
174
+ .gform-admin .gform-repeater-item--type-inline.gform-repeater-item--use-inline-layout-mobile .gform-repeater-item__block-content-footer {
175
+ display: none;
176
+ }
177
+
178
+ .gform-admin .gform-repeater-item--style-minimal + .gform-repeater-item {
179
+ margin-block-start: 0.25rem;
180
+ }
181
+
182
+ .gform-admin .gform-repeater-item--style-regular .gform-repeater-item__controls {
183
+ gap: 0;
184
+ }
91
185
 
92
186
  .gform-admin .gform-repeater-item--style-regular .gform-repeater-item__control:focus, .gform-admin .gform-repeater-item--style-regular .gform-repeater-item__action-control:focus {
93
187
  border-color: #d5d7e9;
@@ -132,57 +226,101 @@
132
226
  border-start-start-radius: 0;
133
227
  }
134
228
 
135
- .gform-admin .gform-repeater-item__block-content-footer {
136
- display: flex;
137
- gap: 0.5rem;
138
- justify-content: flex-start;
139
- }
229
+ .gform-admin .gform-repeater-item--show-actions-on-hover .gform-repeater-item__minimal-actions {
230
+ opacity: 0;
231
+ transition: opacity 0.2s;
232
+ }
140
233
 
141
- .gform-admin .gform-repeater--type-block .gform-repeater-item__delete, .gform-admin .gform-repeater--type-block .gform-repeater-item__action {
142
- align-self: flex-start;
234
+ .gform-admin .gform-repeater-item--show-actions-on-hover:hover .gform-repeater-item__minimal-actions, .gform-admin .gform-repeater-item--show-actions-on-hover:focus-within .gform-repeater-item__minimal-actions {
235
+ opacity: 1;
236
+ }
237
+
238
+ .gform-admin .gform-repeater-item--is-collapsed .gform-repeater-item__collapsible {
239
+ transform: rotate(0);
143
240
  }
144
241
 
145
- .gform-admin .gform-repeater--type-block .gform-repeater-item__collapsible {
146
- margin-inline-start: auto;
147
- transition: box-shadow 300ms ease, background-color 300ms ease;
242
+ .gform-admin .gform-repeater-item--is-collapsed .gform-repeater-item__wrapper {
243
+ border-bottom: none;
148
244
  }
149
245
 
150
- .gform-admin .gform-repeater--type-block .gform-repeater-item__collapsible:focus {
151
- border-color: #fdfdff;
152
- box-shadow: none;
153
- outline: none;
154
- }
246
+ .gform-admin .gform-repeater-item--is-collapsed .gform-repeater-item__block-content {
247
+ display: none;
248
+ }
155
249
 
156
- .gform-admin .gform-repeater--type-block .gform-repeater-item__collapsible:focus-visible {
157
- border-color: #175cff;
158
- outline: 0.125rem solid #bed8ed;
250
+ .gform-admin .gform-repeater-item--fill-content .gform-input-wrapper {
251
+ flex: 1;
252
+ }
253
+
254
+ .gform-admin .gform-repeater-item--fill-content .gform-input-wrapper .gform-input {
255
+ width: 100%;
159
256
  }
160
257
 
161
- .gform-admin .gform-repeater--type-block .gform-repeater-item__wrapper {
162
- align-items: center;
163
- display: flex;
164
- gap: 0.75rem;
165
- justify-content: flex-start;
258
+ .gform-admin .gform-repeater-item--is-draggable:not(.gform-repeater-item--disable-item-drag) {
259
+ cursor: move;
260
+ }
261
+
262
+ .gform-admin .gform-repeater-item--is-dragging {
263
+ opacity: 0.2;
264
+ }
265
+
266
+ .gform-admin .gform-repeater-item--is-keyboard-nav {
267
+ box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
268
+ transform: translate(-2px, -2px);
269
+ }
270
+
271
+ /* Repeater Item Header */
272
+
273
+ .gform-admin .gform-repeater-item__wrapper {
274
+ align-items: center;
275
+ border-bottom: 1px solid #d5d7e9;
276
+ display: flex;
277
+ gap: 0.75rem;
278
+ justify-content: flex-start;
279
+ min-block-size: 60px;
280
+ padding-block: 0.75rem;
281
+ padding-inline: 1.5rem;
282
+ }
283
+
284
+ @container (min-width: 30rem) {
285
+
286
+ .gform-admin .gform-repeater-item__wrapper {
287
+ min-block-size: 0;
288
+ padding-block: 1.25rem;
289
+ }
166
290
  }
167
291
 
168
- .gform-admin .gform-repeater--type-block .gform-repeater-item__wrapper .gform-text {
169
- overflow: hidden;
170
- text-overflow: ellipsis;
171
- white-space: nowrap;
172
- }
292
+ .gform-admin .gform-repeater-item__wrapper .gform-text {
293
+ overflow: hidden;
294
+ text-overflow: ellipsis;
295
+ white-space: nowrap;
296
+ }
173
297
 
174
- .gform-admin .gform-repeater--type-block .gform-repeater-item--is-collapsed .gform-repeater-item__collapsible {
175
- transform: rotate(180deg);
176
- }
298
+ /* Repeater Item Controls */
177
299
 
178
- .gform-admin .gform-repeater--type-block .gform-repeater-item--is-collapsed .gform-repeater-item__wrapper {
179
- border-bottom: none;
180
- }
300
+ .gform-admin .gform-repeater-item__controls, .gform-admin .gform-repeater-item__minimal-actions {
301
+ display: flex;
302
+ gap: 0.25rem;
303
+ }
181
304
 
182
- .gform-admin .gform-repeater-item--is-collapsed .gform-repeater-item__block-content {
183
- display: none;
305
+ .gform-admin .gform-repeater-item__collapsible {
306
+ margin-inline-start: auto;
307
+ transform: rotate(180deg);
308
+ transition: box-shadow 300ms ease, background-color 300ms ease;
309
+ }
310
+
311
+ .gform-admin .gform-repeater-item__collapsible:focus {
312
+ border-color: #fdfdff;
313
+ box-shadow: none;
314
+ outline: none;
315
+ }
316
+
317
+ .gform-admin .gform-repeater-item__collapsible:focus-visible {
318
+ border-color: #175cff;
319
+ outline: 0.125rem solid #bed8ed;
184
320
  }
185
321
 
322
+ /* Repeater Item Content */
323
+
186
324
  .gform-admin .gform-repeater-item__block-content {
187
325
  display: flex;
188
326
  flex-direction: column;
@@ -192,13 +330,13 @@
192
330
  padding-inline: 1.5rem;
193
331
  }
194
332
 
195
- .gform-admin .gform-repeater-item--fill-content .gform-input-wrapper {
196
- flex: 1;
197
- }
333
+ .gform-admin .gform-repeater-item__block-content-footer {
334
+ display: flex;
335
+ gap: 0.5rem;
336
+ justify-content: flex-start;
337
+ }
198
338
 
199
- .gform-admin .gform-repeater-item--fill-content .gform-input-wrapper .gform-input {
200
- width: 100%;
201
- }
339
+ /* Repeater DND */
202
340
 
203
341
  .gform-admin .gform-repeater__drop-indicator {
204
342
  background: transparent;
package/dist/css/admin/repeater.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["repeater.css"],"names":[],"mappings":"AAEC;EACC,qBAAqB;CAKtB;;EAHC;GACC,sBAAsB;EACvB;;CAGD;EACC,gBAA0C;EAC1C,eAAe;CAUhB;;CARC;GACC,gBAAgB;EACjB;;CAEA;GAEC,wBAA+C;EAChD;;CAKA;GACC,UAAU;GACV,wBAAwB;EAKzB;;CAHC;IACC,UAAU;GACX;;CAKA;IACC,UAAU;GACX;;CAKA;IACC,UAAU;IACV,wBAAwB;GACzB;;CAKC;KACC,UAAU;IACX;;CAOF;GACC,uBAAuB;EACxB;;CAEA;GAEC,aAAa;GACb,YAAgC;EACjC;;CAEA;GACC,2BAA+C;EAChD;;CAGD;EACC,YAAY;CACb;;CAEA;EACC,YAAY;CACb;;CAEA;EACC,0CAA0C;EAC1C,gCAAgC;CACjC;;CAEA;EACC,yBAAgD;EAChD,kBAAkB;CACnB;;CAEA;EACC,qBAAqB;EACrB,aAAa;EACb,YAAgC;EAChC,8BAA8B;CAC/B;;CAEA;EACC,gCAAuD;EACvD,sBAA0C;EAC1C,sBAA2C;CAC5C;;CAEA;EACC,aAAa;CACd;;CAOE;IACC,qBAA4C;IAC5C,aAAa;GACd;;CAEA;IACC,qBAAkD;IAClD,+BAAwD;IACxD,UAAU;GACX;;CAGD;GACC,wBAAwB;GACxB,8BAA8B;GAC9B,0BAA0B;EAM3B;;CAJC;IACC,oCAAiE;IACjE,+BAAwD;GACzD;;CAGD;GACC,0BAA0B;GAC1B,4BAA4B;EAC7B;;CAEA;GACC,wBAAwB;GACxB,8BAA8B;GAC9B,0BAA0B;EAM3B;;CAJC;IACC,oCAAiE;IACjE,+BAAwD;GACzD;;CAGD;GACC,0BAA0B;GAC1B,4BAA4B;EAC7B;;CAGD;EACC,aAAa;EACb,WAAgC;EAChC,2BAA2B;CAC5B;;CAIC;GAEC,sBAAsB;EACvB;;CAEA;GACC,yBAAyB;GACzB,8DAA8D;EAY/D;;CAVC;IACC,qBAAkD;IAClD,gBAAgB;IAChB,aAAa;GACd;;CAEA;IACC,qBAAkD;IAClD,+BAAwD;GACzD;;CAGD;GACC,mBAAmB;GACnB,aAAa;GACb,YAAgC;GAChC,2BAA2B;EAO5B;;CALC;IACC,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;GACpB;;CAKA;IACC,yBAAyB;GAC1B;;CAEA;IACC,mBAAmB;GACpB;;CAMD;GACC,aAAa;EACd;;CAGD;EACC,aAAa;EACb,sBAAsB;EACtB,YAAgC;EAChC,iBAAiB;EACjB,sBAA0C;EAC1C,sBAA2C;CAC5C;;CAIC;GACC,OAAO;EAKR;;CAHC;IACC,WAAW;GACZ;;CAIF;EACC,uBAAuB;EACvB,WAAW;CACZ;;CAEA;EACC,mBAA6C;CAC9C","file":"repeater.css","sourcesContent":[".gform-admin {\n\n\t.gform-repeater {\n\t\tmax-inline-size: 100%;\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t.gform-repeater-item {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tcursor: default;\n\n\t\tinput[type=\"text\"] {\n\t\t\ttransition: none;\n\t\t}\n\n\t\t+ .gform-repeater-item,\n\t\t+ .gform-repeater__add-button {\n\t\t\tmargin-block-start: var(--gform-admin-spacer-4);\n\t\t}\n\t}\n\n\t.gform-repeater-item--show-actions-on-hover {\n\n\t\t.gform-repeater-item__minimal-actions {\n\t\t\topacity: 0;\n\t\t\ttransition: opacity 0.2s;\n\n\t\t\t&:focus-within {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\n\t\t\t.gform-repeater-item__minimal-actions {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&:not(.gform-repeater-item--style-minimal) {\n\n\t\t\t.gform-repeater-item__action-control {\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.2s;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:focus-within {\n\n\t\t\t\t.gform-repeater-item__action-control {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater-item--style-minimal {\n\n\t\t.gform-repeater-item__wrapper {\n\t\t\talign-items: flex-start;\n\t\t}\n\n\t\t.gform-repeater-item__controls,\n\t\t.gform-repeater-item__minimal-actions {\n\t\t\tdisplay: flex;\n\t\t\tgap: var(--gform-admin-spacer-1);\n\t\t}\n\n\t\t+ .gform-repeater-item {\n\t\t\tmargin-block-start: var(--gform-admin-spacer-1);\n\t\t}\n\t}\n\n\t.gform-repeater-item--is-draggable:not(.gform-repeater-item--disable-item-drag) {\n\t\tcursor: move;\n\t}\n\n\t.gform-repeater-item--is-dragging {\n\t\topacity: 0.2;\n\t}\n\n\t.gform-repeater-item--is-keyboard-nav {\n\t\tbox-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);\n\t\ttransform: translate(-2px, -2px);\n\t}\n\n\t.gform-repeater-item--type-block {\n\t\tborder: 1px solid var(--gform-admin-color-snuff);\n\t\tborder-radius: 3px;\n\t}\n\n\t.gform-repeater-item__wrapper {\n\t\talign-items: flex-end;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tjustify-content: space-between;\n\t}\n\n\t.gform-repeater-item--type-block .gform-repeater-item__wrapper {\n\t\tborder-bottom: 1px solid var(--gform-admin-color-snuff);\n\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-repeater-item__controls {\n\t\tdisplay: flex;\n\t}\n\n\t.gform-repeater-item--style-regular {\n\n\t\t.gform-repeater-item__control,\n\t\t.gform-repeater-item__action-control {\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t\tz-index: 3;\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__control--up {\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-inline-end: transparent;\n\t\t\tborder-start-end-radius: 0;\n\n\t\t\t&:focus-visible {\n\t\t\t\tborder-inline-end: 1px solid var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__control--down {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t}\n\n\t\t&.gform-repeater-item--has-arrows .gform-repeater-item__control--drag-toggle {\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-inline-end: transparent;\n\t\t\tborder-start-end-radius: 0;\n\n\t\t\t&:focus-visible {\n\t\t\t\tborder-inline-end: 1px solid var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-repeater-item--has-drag-handle .gform-repeater-item__control--up {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t}\n\t}\n\n\t.gform-repeater-item__block-content-footer {\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-2);\n\t\tjustify-content: flex-start;\n\t}\n\n\t.gform-repeater--type-block {\n\n\t\t.gform-repeater-item__delete,\n\t\t.gform-repeater-item__action {\n\t\t\talign-self: flex-start;\n\t\t}\n\n\t\t.gform-repeater-item__collapsible {\n\t\t\tmargin-inline-start: auto;\n\t\t\ttransition: box-shadow 300ms ease, background-color 300ms ease;\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--gform-admin-color-titan-white);\n\t\t\t\tbox-shadow: none;\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__wrapper {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tgap: var(--gform-admin-spacer-3);\n\t\t\tjustify-content: flex-start;\n\n\t\t\t.gform-text {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item--is-collapsed {\n\n\t\t\t.gform-repeater-item__collapsible {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\n\t\t\t.gform-repeater-item__wrapper {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater-item--is-collapsed {\n\n\t\t.gform-repeater-item__block-content {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-repeater-item__block-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tinline-size: 100%;\n\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-repeater-item--fill-content {\n\n\t\t.gform-input-wrapper {\n\t\t\tflex: 1;\n\n\t\t\t.gform-input {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater__drop-indicator {\n\t\tbackground: transparent;\n\t\theight: 3px;\n\t}\n\n\t.gform-repeater__drop-indicator--active {\n\t\tbackground: var(--gform-admin-color-chathams);\n\t}\n}\n"]}
1
+ {"version":3,"sources":["repeater.css"],"names":[],"mappings":"AAEC;EACC,2BAA2B;EAC3B,qBAAqB;CAKtB;;EAHC;GACC,sBAAsB;EACvB;;CAGD,kBAAkB;;CAElB;EACC,gBAA0C;EAC1C,yBAAgD;EAChD,kBAAkB;EAClB,iDAAuD;EACvD,eAAe;CAUhB;;CARC;GACC,gBAAgB;EACjB;;CAEA;GAEC,wBAA+C;EAChD;;CAMA;GACC,4BAAiD;EAKlD;;CAHC;;CAHD;IAIE,4BAAiD;EAEnD;GADC;;CAMD;GACC,0BAA+C;EAKhD;;CAHC;;CAHD;IAIE,0BAA+C;EAEjD;GADC;;CAMD,4CAA4C;;CAE5C;;CAJD;GAKE,YAAY;GACZ,gBAAgB;GAChB,gBAAgB;GAChB,aAAa;GACb,YAAgC;GAChC,8BAA8B;CAoIhC;EAnIC;;CAME;;CAFD;KAGE,aAAa;GAEf;IADC;;CASA;;CAHD;;KAKE,mBAAmB;GAErB;IADC;;CAQA;;CAFD;KAGE,aAAa;GAEf;IADC;;CAMD;;CAFD;;IAIE,qBAAqB;IACrB,gBAAgB;IAChB,8BAA8B;IAC9B,UAAU;EAEZ;GADC;;CAMA;;CAHD;IAIE,aAAa;EAEf;GADC;;CAGD;GACC,aAAa;EAKd;;CAHC;;CAHD;IAIE,aAAa;EAEf;GADC;;CAKA;;CAFD;IAGE,qBAAqB;IACrB,mBAAmB;IACnB,kBAAkB;IAClB,UAAU;EAEZ;GADC;;CAKA;;CAFD;IAGE,aAAa;EAEf;GADC;;CAGD,uCAAuC;;CAEvC;GACC,YAAY;GACZ,gBAAgB;GAChB,gBAAgB;GAChB,aAAa;GACb,YAAgC;GAChC,8BAA8B;EA4C/B;;CAxCE;KAEC,mBAAmB;IACpB;;CAKA;KACC,aAAa;IACd;;CAGD;IACC,qBAAqB;IACrB,gBAAgB;IAChB,8BAA8B;IAC9B,iBAAiB;IACjB,UAAU;GACX;;CAEA;IAEC,aAAa;GACd;;CAEA;IACC,aAAa;GACd;;CAEA;IACC,qBAAqB;IACrB,mBAAmB;IACnB,kBAAkB;IAClB,UAAU;GACX;;CAEA;IACC,aAAa;GACd;;CAMD;GACC,2BAA+C;EAChD;;CAKA;GACC,MAAM;EACP;;CAKC;IACC,qBAA4C;IAC5C,aAAa;GACd;;CAEA;IACC,qBAAkD;IAClD,+BAAwD;IACxD,UAAU;GACX;;CAGD;GACC,wBAAwB;GACxB,8BAA8B;GAC9B,0BAA0B;EAM3B;;CAJC;IACC,oCAAiE;IACjE,+BAAwD;GACzD;;CAGD;GACC,0BAA0B;GAC1B,4BAA4B;EAC7B;;CAEA;GACC,wBAAwB;GACxB,8BAA8B;GAC9B,0BAA0B;EAM3B;;CAJC;IACC,oCAAiE;IACjE,+BAAwD;GACzD;;CAGD;GACC,0BAA0B;GAC1B,4BAA4B;EAC7B;;CAKA;GACC,UAAU;GACV,wBAAwB;EACzB;;CAKC;IACC,UAAU;GACX;;CAMD;GACC,oBAAoB;EACrB;;CAEA;GACC,mBAAmB;EACpB;;CAEA;GACC,aAAa;EACd;;CAKA;GACC,OAAO;EAKR;;CAHC;IACC,WAAW;GACZ;;CAIF;EACC,YAAY;CACb;;CAEA;EACC,YAAY;CACb;;CAEA;EACC,0CAA0C;EAC1C,gCAAgC;CACjC;;CAEA,yBAAyB;;CAEzB;EACC,mBAAmB;EACnB,gCAAuD;EACvD,aAAa;EACb,YAAgC;EAChC,2BAA2B;EAC3B,oBAAoB;EACpB,sBAA0C;EAC1C,sBAA2C;CAY5C;;CAVC;;CAVD;GAWE,iBAAiB;GACjB,sBAA0C;CAQ5C;EAPC;;CAEA;GACC,gBAAgB;GAChB,uBAAuB;GACvB,mBAAmB;EACpB;;CAGD,2BAA2B;;CAE3B;EAEC,aAAa;EACb,YAAgC;CACjC;;CAEA;EACC,yBAAyB;EACzB,yBAAyB;EACzB,8DAA8D;CAY/D;;CAVC;GACC,qBAAkD;GAClD,gBAAgB;GAChB,aAAa;EACd;;CAEA;GACC,qBAAkD;GAClD,+BAAwD;EACzD;;CAGD,0BAA0B;;CAE1B;EACC,aAAa;EACb,sBAAsB;EACtB,YAAgC;EAChC,iBAAiB;EACjB,sBAA0C;EAC1C,sBAA2C;CAC5C;;CAEA;EACC,aAAa;EACb,WAAgC;EAChC,2BAA2B;CAC5B;;CAEA,iBAAiB;;CAEjB;EACC,uBAAuB;EACvB,WAAW;CACZ;;CAEA;EACC,mBAA6C;CAC9C","file":"repeater.css","sourcesContent":[".gform-admin {\n\n\t.gform-repeater {\n\t\tcontainer-type: inline-size;\n\t\tmax-inline-size: 100%;\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t/* Repeater Item */\n\n\t.gform-repeater-item {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-snuff);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-outline-light);\n\t\tcursor: default;\n\n\t\tinput[type=\"text\"] {\n\t\t\ttransition: none;\n\t\t}\n\n\t\t+ .gform-repeater-item,\n\t\t+ .gform-repeater__add-button {\n\t\t\tmargin-block-start: var(--gform-admin-spacer-4);\n\t\t}\n\t}\n\n\t.gform-repeater-item--has-arrows,\n\t.gform-repeater-item--has-drag-handle {\n\n\t\t.gform-repeater-item__wrapper {\n\t\t\tpadding-inline-start: var(--gform-admin-spacer-2);\n\n\t\t\t@container (min-width: 30rem) {\n\t\t\t\tpadding-inline-start: var(--gform-admin-spacer-6);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater-item--is-collapsible {\n\n\t\t.gform-repeater-item__wrapper {\n\t\t\tpadding-inline-end: var(--gform-admin-spacer-2);\n\n\t\t\t@container (min-width: 30rem) {\n\t\t\t\tpadding-inline-end: var(--gform-admin-spacer-6);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater-item--type-inline {\n\n\t\t/* Flip to inline layout on larger screens */\n\n\t\t@container (min-width: 30rem) {\n\t\t\tborder: none;\n\t\t\tborder-radius: 0;\n\t\t\tbox-shadow: none;\n\t\t\tdisplay: flex;\n\t\t\tgap: var(--gform-admin-spacer-3);\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\t\t&.gform-repeater-item--is-collapsed {\n\t\n\t\t\t.gform-repeater-item__block-content {\n\n\t\t\t\t@container (min-width: 30rem) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-repeater-item--style-minimal {\n\n\t\t\t.gform-repeater-item__wrapper,\n\t\t\t.gform-repeater-item__block-content {\n\t\n\t\t\t\t@container (min-width: 30rem) {\n\t\n\t\t\t\t\talign-items: center;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:not(.gform-repeater-item--has-arrows, .gform-repeater-item--has-drag-handle) {\n\n\t\t\t.gform-repeater-item__wrapper {\n\t\n\t\t\t\t@container (min-width: 30rem) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__wrapper {\n\t\n\t\t\t@container (min-width: 30rem) {\n\n\t\t\t\talign-items: flex-end;\n\t\t\t\tborder-bottom: 0;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__block-header,\n\t\t.gform-repeater-item__collapsible {\n\t\t\n\t\t\t@container (min-width: 30rem) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__minimal-actions {\n\t\t\tdisplay: none;\n\n\t\t\t@container (min-width: 30rem) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__block-content {\n\n\t\t\t@container (min-width: 30rem) {\n\t\t\t\talign-items: flex-end;\n\t\t\t\tflex-direction: row;\n\t\t\t\tmin-inline-size: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__block-content-footer {\n\n\t\t\t@container (min-width: 30rem) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t/* Use inline layout on small screens */\n\n\t\t&.gform-repeater-item--use-inline-layout-mobile {\n\t\t\tborder: none;\n\t\t\tborder-radius: 0;\n\t\t\tbox-shadow: none;\n\t\t\tdisplay: flex;\n\t\t\tgap: var(--gform-admin-spacer-3);\n\t\t\tjustify-content: space-between;\n\t\n\t\t\t&.gform-repeater-item--style-minimal {\n\t\n\t\t\t\t.gform-repeater-item__wrapper,\n\t\t\t\t.gform-repeater-item__block-content {\n\t\t\t\t\talign-items: center;\n\t\t\t\t}\n\t\t\t}\n\t\n\t\t\t&:not(.gform-repeater-item--has-arrows, .gform-repeater-item--has-drag-handle) {\n\t\n\t\t\t\t.gform-repeater-item__wrapper {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\n\t\t\t.gform-repeater-item__wrapper {\n\t\t\t\talign-items: flex-end;\n\t\t\t\tborder-bottom: 0;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tmin-block-size: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\n\t\t\t.gform-repeater-item__block-header,\n\t\t\t.gform-repeater-item__collapsible {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\n\t\t\t.gform-repeater-item__minimal-actions {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\n\t\t\t.gform-repeater-item__block-content {\n\t\t\t\talign-items: flex-end;\n\t\t\t\tflex-direction: row;\n\t\t\t\tmin-inline-size: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\n\t\t\t.gform-repeater-item__block-content-footer {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater-item--style-minimal {\n\n\t\t+ .gform-repeater-item {\n\t\t\tmargin-block-start: var(--gform-admin-spacer-1);\n\t\t}\n\t}\n\n\t.gform-repeater-item--style-regular {\n\n\t\t.gform-repeater-item__controls {\n\t\t\tgap: 0;\n\t\t}\n\n\t\t.gform-repeater-item__control,\n\t\t.gform-repeater-item__action-control {\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t\tz-index: 3;\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__control--up {\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-inline-end: transparent;\n\t\t\tborder-start-end-radius: 0;\n\n\t\t\t&:focus-visible {\n\t\t\t\tborder-inline-end: 1px solid var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t}\n\t\t}\n\n\t\t.gform-repeater-item__control--down {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t}\n\n\t\t&.gform-repeater-item--has-arrows .gform-repeater-item__control--drag-toggle {\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-inline-end: transparent;\n\t\t\tborder-start-end-radius: 0;\n\n\t\t\t&:focus-visible {\n\t\t\t\tborder-inline-end: 1px solid var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-repeater-item--has-drag-handle .gform-repeater-item__control--up {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t}\n\t}\n\n\t.gform-repeater-item--show-actions-on-hover {\n\n\t\t.gform-repeater-item__minimal-actions {\n\t\t\topacity: 0;\n\t\t\ttransition: opacity 0.2s;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus-within {\n\n\t\t\t.gform-repeater-item__minimal-actions {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater-item--is-collapsed {\n\n\t\t.gform-repeater-item__collapsible {\n\t\t\ttransform: rotate(0);\n\t\t}\n\n\t\t.gform-repeater-item__wrapper {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.gform-repeater-item__block-content {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-repeater-item--fill-content {\n\n\t\t.gform-input-wrapper {\n\t\t\tflex: 1;\n\n\t\t\t.gform-input {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-repeater-item--is-draggable:not(.gform-repeater-item--disable-item-drag) {\n\t\tcursor: move;\n\t}\n\n\t.gform-repeater-item--is-dragging {\n\t\topacity: 0.2;\n\t}\n\n\t.gform-repeater-item--is-keyboard-nav {\n\t\tbox-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);\n\t\ttransform: translate(-2px, -2px);\n\t}\n\n\t/* Repeater Item Header */\n\n\t.gform-repeater-item__wrapper {\n\t\talign-items: center;\n\t\tborder-bottom: 1px solid var(--gform-admin-color-snuff);\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tjustify-content: flex-start;\n\t\tmin-block-size: 60px;\n\t\tpadding-block: var(--gform-admin-spacer-3);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\n\t\t@container (min-width: 30rem) {\n\t\t\tmin-block-size: 0;\n\t\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\t}\n\n\t\t.gform-text {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t/* Repeater Item Controls */\n\n\t.gform-repeater-item__controls,\n\t.gform-repeater-item__minimal-actions {\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-1);\n\t}\n\n\t.gform-repeater-item__collapsible {\n\t\tmargin-inline-start: auto;\n\t\ttransform: rotate(180deg);\n\t\ttransition: box-shadow 300ms ease, background-color 300ms ease;\n\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-titan-white);\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t}\n\t}\n\n\t/* Repeater Item Content */\n\n\t.gform-repeater-item__block-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tinline-size: 100%;\n\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-repeater-item__block-content-footer {\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-2);\n\t\tjustify-content: flex-start;\n\t}\n\n\t/* Repeater DND */\n\n\t.gform-repeater__drop-indicator {\n\t\tbackground: transparent;\n\t\theight: 3px;\n\t}\n\n\t.gform-repeater__drop-indicator--active {\n\t\tbackground: var(--gform-admin-color-chathams);\n\t}\n}\n"]}