@burger-editor/client 4.0.0-alpha.20 → 4.0.0-alpha.23

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/dist/client.css CHANGED
@@ -1,10 +1,10 @@
1
1
  @charset "utf-8";
2
- dl.svelte-zdu8xx {
2
+ dl.svelte-1hna6ki {
3
3
  padding: 0;
4
4
  margin: 0;
5
5
  }
6
6
 
7
- dt.svelte-zdu8xx {
7
+ dt.svelte-1hna6ki {
8
8
  margin-block-end: 10px;
9
9
  font-size: 1.1em;
10
10
  font-weight: bold;
@@ -12,18 +12,18 @@
12
12
  border-block-end: 1px #565a49 dotted;
13
13
  }
14
14
 
15
- dl.svelte-zdu8xx > div:where(.svelte-zdu8xx) {
15
+ dl.svelte-1hna6ki > div:where(.svelte-1hna6ki) {
16
16
  display: grid;
17
17
  grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
18
18
  gap: 0.5em;
19
19
  }
20
20
 
21
- dd.svelte-zdu8xx {
21
+ dd.svelte-1hna6ki {
22
22
  padding: 0;
23
23
  margin: 0;
24
24
  }
25
25
 
26
- button.svelte-zdu8xx {
26
+ button.svelte-1hna6ki {
27
27
  display: flex;
28
28
  align-items: start;
29
29
  inline-size: 100%;
@@ -33,12 +33,12 @@
33
33
  appearance: none;
34
34
  }
35
35
 
36
- figure.svelte-zdu8xx {
36
+ figure.svelte-1hna6ki {
37
37
  margin-block: 0;
38
38
  margin-inline: auto;
39
39
  }
40
40
 
41
- .img.svelte-zdu8xx > :where(.svelte-zdu8xx) {
41
+ .img.svelte-1hna6ki > :where(.svelte-1hna6ki) {
42
42
  display: block;
43
43
  inline-size: 71px;
44
44
  block-size: 56px;
@@ -48,14 +48,14 @@
48
48
  border-radius: 10px;
49
49
  }
50
50
 
51
- figcaption.svelte-zdu8xx {
51
+ figcaption.svelte-1hna6ki {
52
52
  padding-block-start: 0.5em;
53
53
  font-size: 0.6em;
54
54
  font-weight: bold;
55
55
  text-align: center;
56
56
  }
57
57
 
58
- button.svelte-1l34gy2 {
58
+ button.svelte-4wfsd1 {
59
59
  anchor-name: var(--name);
60
60
  display: block;
61
61
  padding-block: 0.2em;
@@ -67,7 +67,7 @@
67
67
  border: none;
68
68
  }
69
69
 
70
- div.svelte-1l34gy2:is(:where(.svelte-1l34gy2):hover, :where(.svelte-1l34gy2):focus-within) button:where(.svelte-1l34gy2) {
70
+ div.svelte-4wfsd1:is(:where(.svelte-4wfsd1):hover, :where(.svelte-4wfsd1):focus-within) button:where(.svelte-4wfsd1) {
71
71
  background-color: color-mix(
72
72
  in srgb,
73
73
  var(--bge-ui-primary-color) 70%,
@@ -75,7 +75,7 @@
75
75
  );
76
76
  }
77
77
 
78
- span.svelte-1l34gy2 {
78
+ span.svelte-4wfsd1 {
79
79
  position: absolute;
80
80
  z-index: 1000;
81
81
  display: none;
@@ -91,11 +91,11 @@
91
91
  border-radius: 0.6em;
92
92
  }
93
93
 
94
- div.svelte-1l34gy2:is(:where(.svelte-1l34gy2):hover, :where(.svelte-1l34gy2):focus-within) span:where(.svelte-1l34gy2) {
94
+ div.svelte-4wfsd1:is(:where(.svelte-4wfsd1):hover, :where(.svelte-4wfsd1):focus-within) span:where(.svelte-4wfsd1) {
95
95
  display: block;
96
96
  }
97
97
 
98
- .bge-menu-base.svelte-1w3vxpg {
98
+ .bge-menu-base.svelte-1fv4q6w {
99
99
  position: absolute;
100
100
  inset-block-start: var(--y);
101
101
  inset-inline-start: var(--x);
@@ -104,7 +104,7 @@
104
104
  pointer-events: none;
105
105
  }
106
106
 
107
- .bge-menu-margin.svelte-1w3vxpg {
107
+ .bge-menu-margin.svelte-1fv4q6w {
108
108
  --_line-color: rgb(from var(--bge-ui-primary-color) r g b / 10%);
109
109
  position: absolute;
110
110
  inset-block-end: 0;
@@ -130,8 +130,8 @@
130
130
  }
131
131
 
132
132
  @container margin-view (height < 1em) {
133
- .bge-menu-margin.svelte-1w3vxpg {
134
- span:where(.svelte-1w3vxpg) {
133
+ .bge-menu-margin.svelte-1fv4q6w {
134
+ span:where(.svelte-1fv4q6w) {
135
135
  padding-block: 0.2em;
136
136
  padding-inline: 0.4em;
137
137
  color: var(--bge-lightest-color);
@@ -141,7 +141,7 @@
141
141
  }
142
142
  }
143
143
 
144
- .bge-menu.svelte-1w3vxpg {
144
+ .bge-menu.svelte-1fv4q6w {
145
145
  --gap: 0.2em;
146
146
  display: flex;
147
147
  align-items: start;
@@ -153,8 +153,8 @@
153
153
  outline: 4px solid var(--bge-ui-primary-color);
154
154
  }
155
155
 
156
- .bge-move-group.svelte-1w3vxpg,
157
- .bge-standard-group.svelte-1w3vxpg {
156
+ .bge-move-group.svelte-1fv4q6w,
157
+ .bge-standard-group.svelte-1fv4q6w {
158
158
  inset-block-start: 0;
159
159
  display: flex;
160
160
  gap: var(--gap);
@@ -162,12 +162,12 @@
162
162
  padding: var(--gap);
163
163
  }
164
164
 
165
- .draft-btn.svelte-ivdvt5 {
165
+ .draft-btn.svelte-17zpf86 {
166
166
  display: flex;
167
167
  justify-content: space-between;
168
168
  }
169
169
 
170
- button.svelte-ivdvt5 {
170
+ button.svelte-17zpf86 {
171
171
  display: block;
172
172
  padding-block: 3px;
173
173
  padding-inline: 5px;
@@ -177,12 +177,12 @@
177
177
  border: var(--bge-border-primary-color) solid 1px;
178
178
  }
179
179
 
180
- .draft-tab-btn.svelte-ivdvt5 {
180
+ .draft-tab-btn.svelte-17zpf86 {
181
181
  display: flex;
182
182
  }
183
183
 
184
184
  /* stylelint-disable declaration-no-important */
185
- .draft-tab-btn.svelte-ivdvt5 button[aria-pressed='true']:where(.svelte-ivdvt5) {
185
+ .draft-tab-btn.svelte-17zpf86 button[aria-pressed='true']:where(.svelte-17zpf86) {
186
186
  color: var(--bge-lightest-color) !important;
187
187
  background-color: var(--bge-background-color02) !important;
188
188
  border-color: var(--bge-background-color02) !important;
@@ -190,41 +190,41 @@
190
190
 
191
191
  /* stylelint-enable declaration-no-important */
192
192
 
193
- .draft-tab-btn.svelte-ivdvt5 button:where(.svelte-ivdvt5):hover {
193
+ .draft-tab-btn.svelte-17zpf86 button:where(.svelte-17zpf86):hover {
194
194
  cursor: pointer;
195
195
  background-color: var(--bge-border-primary-color);
196
196
  }
197
197
 
198
- .draft-tab-btn.svelte-ivdvt5 button:where(.svelte-ivdvt5) span:where(.svelte-ivdvt5) {
198
+ .draft-tab-btn.svelte-17zpf86 button:where(.svelte-17zpf86) span:where(.svelte-17zpf86) {
199
199
  margin-inline-start: 0.5em;
200
200
  font-size: 0.8em;
201
201
  }
202
202
 
203
- .draft-tab-btn.svelte-ivdvt5 button:where(.svelte-ivdvt5) span:where(.svelte-ivdvt5)::before {
203
+ .draft-tab-btn.svelte-17zpf86 button:where(.svelte-17zpf86) span:where(.svelte-17zpf86)::before {
204
204
  content: '(';
205
205
  }
206
206
 
207
- .draft-tab-btn.svelte-ivdvt5 button:where(.svelte-ivdvt5) span:where(.svelte-ivdvt5)::after {
207
+ .draft-tab-btn.svelte-17zpf86 button:where(.svelte-17zpf86) span:where(.svelte-17zpf86)::after {
208
208
  content: ')';
209
209
  }
210
210
 
211
- .draft-copy-btn.svelte-ivdvt5 {
211
+ .draft-copy-btn.svelte-17zpf86 {
212
212
  display: flex;
213
213
  }
214
214
 
215
- .draft-copy-btn.svelte-ivdvt5 button:where(.svelte-ivdvt5):hover {
215
+ .draft-copy-btn.svelte-17zpf86 button:where(.svelte-17zpf86):hover {
216
216
  cursor: pointer;
217
217
  background-color: var(--bge-border-primary-color);
218
218
  }
219
219
 
220
- span.svelte-1zu56m {
220
+ span.svelte-by6cmj {
221
221
  display: block;
222
222
  inline-size: 100%;
223
223
  block-size: 100%;
224
224
  }
225
225
 
226
- img.svelte-1zu56m,
227
- video.svelte-1zu56m {
226
+ img.svelte-by6cmj,
227
+ video.svelte-by6cmj {
228
228
  display: block;
229
229
  inline-size: 100%;
230
230
  block-size: 100%;
@@ -232,39 +232,39 @@
232
232
  transition: opacity 300ms linear;
233
233
  }
234
234
 
235
- [data-loaded='false'].svelte-1zu56m img:where(.svelte-1zu56m) {
235
+ [data-loaded='false'].svelte-by6cmj img:where(.svelte-by6cmj) {
236
236
  opacity: 0;
237
237
  }
238
238
 
239
- [data-loaded='true'].svelte-1zu56m img:where(.svelte-1zu56m) {
239
+ [data-loaded='true'].svelte-by6cmj img:where(.svelte-by6cmj) {
240
240
  opacity: 1;
241
241
  }
242
242
 
243
- .ctrl.svelte-15rcfwg {
243
+ .ctrl.svelte-6hu200 {
244
244
  display: flex;
245
245
  gap: 2em;
246
246
  margin-block-end: 1em;
247
247
  }
248
248
 
249
- .pagination.svelte-15rcfwg {
249
+ .pagination.svelte-6hu200 {
250
250
  display: flex;
251
251
  flex: 1 0 auto;
252
252
  gap: 1em;
253
253
  align-items: center;
254
254
  justify-content: center;
255
255
 
256
- button:where(.svelte-15rcfwg) {
256
+ button:where(.svelte-6hu200) {
257
257
  user-select: none;
258
258
  }
259
259
  }
260
260
 
261
- .page.svelte-15rcfwg {
261
+ .page.svelte-6hu200 {
262
262
  display: flex;
263
263
  gap: 0.5em;
264
264
  align-items: center;
265
265
  }
266
266
 
267
- .list.svelte-15rcfwg {
267
+ .list.svelte-6hu200 {
268
268
  display: flex;
269
269
  flex-direction: column;
270
270
  gap: 0.5em;
@@ -272,14 +272,14 @@
272
272
  margin: 0;
273
273
  }
274
274
 
275
- .list.svelte-15rcfwg li:where(.svelte-15rcfwg) {
275
+ .list.svelte-6hu200 li:where(.svelte-6hu200) {
276
276
  position: relative;
277
277
  padding: 0;
278
278
  margin: 0;
279
279
  list-style: none;
280
280
  }
281
281
 
282
- .file.svelte-15rcfwg {
282
+ .file.svelte-6hu200 {
283
283
  z-index: 0;
284
284
  display: flex;
285
285
  gap: 1em;
@@ -290,29 +290,29 @@
290
290
  border: none;
291
291
  }
292
292
 
293
- .file.svelte-15rcfwg > span:where(.svelte-15rcfwg) {
293
+ .file.svelte-6hu200 > span:where(.svelte-6hu200) {
294
294
  display: block;
295
295
  }
296
296
 
297
- .file.svelte-15rcfwg > span.thumbnail:where(.svelte-15rcfwg) {
297
+ .file.svelte-6hu200 > span.thumbnail:where(.svelte-6hu200) {
298
298
  display: block;
299
299
  flex: 0 0 7em;
300
300
  inline-size: 7em;
301
301
  block-size: 7em;
302
302
  }
303
303
 
304
- .file.svelte-15rcfwg > span.attr:where(.svelte-15rcfwg) {
304
+ .file.svelte-6hu200 > span.attr:where(.svelte-6hu200) {
305
305
  display: grid;
306
306
  grid-template-columns: max-content 1fr;
307
307
  gap: 0.2em 1em;
308
308
  align-items: baseline;
309
309
  }
310
310
 
311
- .file.svelte-15rcfwg > span.attr:where(.svelte-15rcfwg) > span:where(.svelte-15rcfwg):nth-child(odd)::after {
311
+ .file.svelte-6hu200 > span.attr:where(.svelte-6hu200) > span:where(.svelte-6hu200):nth-child(odd)::after {
312
312
  content: ':';
313
313
  }
314
314
 
315
- .delete.svelte-15rcfwg {
315
+ .delete.svelte-6hu200 {
316
316
  position: absolute;
317
317
  inset-block-end: 0.7em;
318
318
  inset-inline-end: 0.7em;
@@ -327,30 +327,30 @@
327
327
  }
328
328
  }
329
329
 
330
- .file[aria-pressed='true'].svelte-15rcfwg + .delete:where(.svelte-15rcfwg) {
330
+ .file[aria-pressed='true'].svelte-6hu200 + .delete:where(.svelte-6hu200) {
331
331
  --bge-outline-color: #fff;
332
332
  --bge-border-color: #fff;
333
333
  color: #fff;
334
334
  background-color: var(--bge-ui-primary-color);
335
335
  }
336
336
 
337
- li.svelte-15rcfwg:is(:where(.svelte-15rcfwg):focus-within:has(:where(.svelte-15rcfwg):focus-visible), :where(.svelte-15rcfwg):hover) .delete:where(.svelte-15rcfwg) {
337
+ li.svelte-6hu200:is(:where(.svelte-6hu200):focus-within:has(:where(.svelte-6hu200):focus-visible), :where(.svelte-6hu200):hover) .delete:where(.svelte-6hu200) {
338
338
  opacity: 1;
339
339
  }
340
340
 
341
- input[type='file'].svelte-1kuhunj {
341
+ input[type='file'].svelte-uefuli {
342
342
  display: none;
343
343
  }
344
344
 
345
- .img.svelte-1ie51m5 {
345
+ .img.svelte-1sdkkhr {
346
346
  position: relative;
347
347
  overflow: hidden;
348
348
 
349
- img:where(.svelte-1ie51m5),
350
- video:where(.svelte-1ie51m5),
351
- audio:where(.svelte-1ie51m5),
352
- object:where(.svelte-1ie51m5),
353
- p:where(.svelte-1ie51m5) {
349
+ img:where(.svelte-1sdkkhr),
350
+ video:where(.svelte-1sdkkhr),
351
+ audio:where(.svelte-1sdkkhr),
352
+ object:where(.svelte-1sdkkhr),
353
+ p:where(.svelte-1sdkkhr) {
354
354
  position: relative;
355
355
  z-index: 0;
356
356
  display: block;
@@ -360,18 +360,18 @@
360
360
  object-fit: contain;
361
361
  }
362
362
 
363
- p:where(.svelte-1ie51m5) {
363
+ p:where(.svelte-1sdkkhr) {
364
364
  display: flex;
365
365
  align-items: center;
366
366
  justify-content: center;
367
367
  background: rgb(0 0 0 / 10%);
368
368
  }
369
369
 
370
- &.uploading img:where(.svelte-1ie51m5) {
370
+ &.uploading img:where(.svelte-1sdkkhr) {
371
371
  object-fit: cover;
372
372
  }
373
373
 
374
- .progress:where(.svelte-1ie51m5) {
374
+ .progress:where(.svelte-1sdkkhr) {
375
375
  position: absolute;
376
376
  inset-block-start: 0;
377
377
  z-index: 10;
@@ -381,7 +381,7 @@
381
381
  }
382
382
  }
383
383
 
384
- ul.svelte-1ie51m5 {
384
+ ul.svelte-1sdkkhr {
385
385
  display: flex;
386
386
  flex-wrap: wrap;
387
387
  gap: 0.3em;
@@ -395,26 +395,26 @@
395
395
  opacity: 0.7;
396
396
  }
397
397
 
398
- li.svelte-1ie51m5 {
398
+ li.svelte-1sdkkhr {
399
399
  display: block;
400
400
  padding: 0;
401
401
  margin: 0;
402
402
  list-style: none;
403
403
  }
404
404
 
405
- .path.svelte-1ie51m5 {
405
+ .path.svelte-1sdkkhr {
406
406
  word-break: break-all;
407
407
 
408
- a:where(.svelte-1ie51m5) {
408
+ a:where(.svelte-1sdkkhr) {
409
409
  color: inherit;
410
410
  }
411
411
  }
412
412
 
413
- .upload.svelte-1ie51m5 .progress:where(.svelte-1ie51m5) {
413
+ .upload.svelte-1sdkkhr .progress:where(.svelte-1sdkkhr) {
414
414
  font-style: italic;
415
415
  }
416
416
 
417
- .dimension.svelte-1ie51m5 {
417
+ .dimension.svelte-1sdkkhr {
418
418
  &::before {
419
419
  content: '(';
420
420
  }
@@ -424,32 +424,32 @@
424
424
  }
425
425
  }
426
426
 
427
- .table.svelte-37o4yi {
427
+ .table.svelte-sj6f65 {
428
428
  display: grid;
429
429
  grid-template-columns: minmax(1em, 1fr) minmax(1em, 1fr) auto;
430
430
  gap: 0.5em 1em;
431
431
  }
432
432
 
433
- .row.svelte-37o4yi {
433
+ .row.svelte-sj6f65 {
434
434
  display: grid;
435
435
  grid-template-columns: subgrid;
436
436
  grid-column: span 3;
437
437
  align-items: center;
438
438
  }
439
439
 
440
- textarea.svelte-37o4yi {
440
+ textarea.svelte-sj6f65 {
441
441
  inline-size: 100%;
442
442
  resize: vertical;
443
443
  }
444
444
 
445
- .btn.svelte-37o4yi ul:where(.svelte-37o4yi) {
445
+ .btn.svelte-sj6f65 ul:where(.svelte-sj6f65) {
446
446
  display: flex;
447
447
  gap: 0.3em;
448
448
  padding: 0;
449
449
  margin: 0;
450
450
  }
451
451
 
452
- .btn.svelte-37o4yi li:where(.svelte-37o4yi) {
452
+ .btn.svelte-sj6f65 li:where(.svelte-sj6f65) {
453
453
  padding: 0;
454
454
  margin: 0;
455
455
  list-style: none;
@@ -459,14 +459,14 @@
459
459
  --border-radius: 0.5em;
460
460
  }
461
461
 
462
- [role='tablist'].svelte-13cbjzo {
462
+ [role='tablist'].svelte-ruvo7f {
463
463
  display: flex;
464
464
  gap: 0.5em;
465
465
  align-items: center;
466
466
  padding-inline: var(--border-radius);
467
467
  }
468
468
 
469
- [role='tab'].svelte-13cbjzo {
469
+ [role='tab'].svelte-ruvo7f {
470
470
  position: relative;
471
471
  border: 1px solid var(--bge-border-color);
472
472
  border-end-start-radius: 0;