@bagelink/vue 1.2.18 → 1.2.22

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/style.css CHANGED
@@ -395,109 +395,68 @@ display: block;
395
395
  }
396
396
  }
397
397
 
398
- .day-view[data-v-fdbceae7] {
399
- display: flex;
400
- flex-direction: column;
401
- height: 100%;
402
- overflow: hidden;
403
- }
404
- .day-header[data-v-fdbceae7] {
405
- display: flex;
406
- border-bottom: 1px solid var(--border-color);
407
- flex-shrink: 0;
398
+ .dayGrid[data-v-8aa8e541]{
399
+ display: grid;
400
+ grid-template-columns: 5rem 1fr;
408
401
  }
409
- .time-column[data-v-fdbceae7] {
402
+ .time-column[data-v-8aa8e541] {
410
403
  width: 80px;
411
404
  flex-shrink: 0;
412
405
  }
413
- .events-column[data-v-fdbceae7] {
406
+ .events-column[data-v-8aa8e541] {
414
407
  flex-grow: 1;
415
408
  position: relative;
416
409
  border-inline-start: 1px solid var(--border-color);
417
410
  }
418
- .date-header[data-v-fdbceae7] {
411
+ .date-header[data-v-8aa8e541] {
419
412
  padding: 0.5rem;
420
413
  text-align: center;
421
414
  }
422
- .day-header .events-column[data-v-fdbceae7] {
415
+ .day-header .events-column[data-v-8aa8e541] {
423
416
  border-inline-start: 1px solid transparent;
424
417
  }
425
- .time-slot[data-v-fdbceae7] {
418
+ .time-slot[data-v-8aa8e541] {
426
419
  height: 30px;
427
420
  display: flex;
428
421
  align-items: center;
429
422
  justify-content: center;
430
- font-size: 0.8rem;
431
423
  }
432
- .time-slots[data-v-fdbceae7] {
424
+ .time-slots[data-v-8aa8e541] {
433
425
  flex-grow: 1;
434
426
  display: flex;
435
427
  overflow: auto;
436
428
  position: relative;
437
429
  }
438
- .event[data-v-fdbceae7] {
439
- position: absolute;
430
+ .event[data-v-8aa8e541] {
440
431
  left: 10px;
441
432
  right: 10px;
442
- border-radius: 4px;
443
- overflow: hidden;
444
- cursor: pointer;
445
- transition: all 0.2s ease;
446
- z-index: 1;
447
433
  }
448
- .event[data-v-fdbceae7]:hover {
434
+ .event[data-v-8aa8e541]:hover {
449
435
  z-index: 2;
450
436
  transform: scale(1.02);
451
437
  }
452
- .event-content[data-v-fdbceae7] {
438
+ .event-content[data-v-8aa8e541] {
453
439
  padding: 0.5rem;
454
440
  color: white;
455
441
  font-size: 0.9rem;
456
442
  height: 100%;
457
443
  overflow: hidden;
458
444
  }
459
- .event-title[data-v-fdbceae7] {
460
- font-weight: 500;
445
+ .event-title[data-v-8aa8e541] {
461
446
  white-space: nowrap;
462
447
  overflow: hidden;
463
448
  text-overflow: ellipsis;
464
449
  }
465
- .event-time[data-v-fdbceae7] {
450
+ .event-time[data-v-8aa8e541] {
466
451
  font-size: 0.8rem;
467
- opacity: 0.8;
468
- }
469
- .drag-preview[data-v-fdbceae7] {
470
- position: absolute;
471
- left: 80px;
472
- right: 0;
473
- background-color: rgba(var(--bgl-primary-rgb), 0.1);
474
- border: 2px solid var(--bgl-primary);
475
- pointer-events: none;
476
- z-index: 1000;
477
- }
478
- .current-time-indicator[data-v-fdbceae7] {
479
- position: absolute;
480
- width: 100%;
481
- z-index: 2;
482
- display: flex;
483
- align-items: center;
484
- pointer-events: none;
485
452
  }
486
- .current-time-dot[data-v-fdbceae7] {
487
- width: 12px;
488
- height: 12px;
489
- border-radius: 50%;
490
- background-color: var(--bgl-primary, red);
491
- position: absolute;
492
- left: -6px;
493
- transform: translateX(-50%);
453
+ .drag-preview[data-v-8aa8e541] {
454
+ background-color: rgba(var(--bgl-primary-rgb), 0.1);
494
455
  }
495
- .current-time-line[data-v-fdbceae7] {
456
+ .current-time-line[data-v-8aa8e541] {
496
457
  height: 2px;
497
- background-color: var(--bgl-primary, red);
498
- width: 100%;
499
458
  }
500
- .custom-popover[data-v-fdbceae7] {
459
+ .custom-popover[data-v-8aa8e541] {
501
460
  position: fixed;
502
461
  z-index: 1000;
503
462
  min-width: 250px;
@@ -505,10 +464,10 @@ display: block;
505
464
  background-color: white;
506
465
  border-radius: 4px;
507
466
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
508
- animation: fadeIn-fdbceae7 0.2s ease;
467
+ animation: fadeIn-8aa8e541 0.2s ease;
509
468
  transform-origin: center left;
510
469
  }
511
- @keyframes fadeIn-fdbceae7 {
470
+ @keyframes fadeIn-8aa8e541 {
512
471
  from {
513
472
  opacity: 0;
514
473
  transform: scale(0.95);
@@ -630,50 +589,49 @@ to {
630
589
  }
631
590
  }
632
591
 
633
- .weekGrid[data-v-b31e0d33]{
592
+ .weekGrid[data-v-f774fc40]{
634
593
  display: grid;
635
594
  grid-template-columns: 5rem repeat(7, 1fr);
636
595
  }
637
- .days-column[data-v-b31e0d33] {
596
+ .days-column[data-v-f774fc40] {
638
597
  flex-grow: 1;
639
598
  display: flex;
640
599
  }
641
- .time-slot[data-v-b31e0d33] {
600
+ .time-slot[data-v-f774fc40] {
642
601
  height: 30px;
643
602
  display: flex;
644
603
  align-items: center;
645
604
  justify-content: center;
646
- font-size: 0.8rem;
647
605
  color: var(--text-muted);
648
606
  }
649
- .time-slots[data-v-b31e0d33] {
607
+ .time-slots[data-v-f774fc40] {
650
608
  flex-grow: 1;
651
609
  display: flex;
652
610
  overflow: auto;
653
611
  position: relative;
654
612
  }
655
- .day-column[data-v-b31e0d33] {
613
+ .day-column[data-v-f774fc40] {
656
614
  flex: 1;
657
615
  }
658
- .event[data-v-b31e0d33] {
616
+ .event[data-v-f774fc40] {
659
617
  margin-right: 2px;
660
618
  }
661
- .event[data-v-b31e0d33]:hover {
619
+ .event[data-v-f774fc40]:hover {
662
620
  z-index: 1;
663
621
  }
664
- .drag-preview[data-v-b31e0d33] {
622
+ .drag-preview[data-v-f774fc40] {
665
623
  border: 2px solid var(--bgl-primary);
666
624
  }
667
- .current-time-line[data-v-b31e0d33] {
625
+ .current-time-line[data-v-f774fc40] {
668
626
  height: 2px;
669
627
  }
670
- .custom-popover[data-v-b31e0d33] {
628
+ .custom-popover[data-v-f774fc40] {
671
629
  min-width: 250px;
672
630
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
673
- animation: fadeIn-b31e0d33 0.2s ease;
631
+ animation: fadeIn-f774fc40 0.2s ease;
674
632
  transform-origin: center left;
675
633
  }
676
- @keyframes fadeIn-b31e0d33 {
634
+ @keyframes fadeIn-f774fc40 {
677
635
  from {
678
636
  opacity: 0;
679
637
  transform: scale(0.95);
@@ -1150,10 +1108,11 @@ fieldset[data-v-f7e758e5] {
1150
1108
  .fi[data-v-f99f1900]:before{ content:" "
1151
1109
  }
1152
1110
 
1153
- .bgl-multi-step-form[data-v-f90b1af3] {
1111
+ .bgl-multi-step-form[data-v-06c34cf2] {
1154
1112
  display: flex;
1155
1113
  flex-direction: column;
1156
1114
  gap: 1rem;
1115
+ width: 100%;
1157
1116
  /* Default transition duration */
1158
1117
  --transition-duration: 200ms;
1159
1118
  --move-distance: 35%;
@@ -1162,19 +1121,19 @@ fieldset[data-v-f7e758e5] {
1162
1121
  /* --ease-in: cubic-bezier(0.42, 0, 0.58, 1); */
1163
1122
  /* --ease-out: cubic-bezier(0.5, 0, 0.75, 0); */
1164
1123
  }
1165
- .bgl-steps-indicator[data-v-f90b1af3] {
1124
+ .bgl-steps-indicator[data-v-06c34cf2] {
1166
1125
  display: flex;
1167
1126
  justify-content: space-between;
1168
1127
  align-items: center;
1169
1128
  margin-bottom: 1rem;
1170
1129
  }
1171
- .bgl-step-indicator[data-v-f90b1af3] {
1130
+ .bgl-step-indicator[data-v-06c34cf2] {
1172
1131
  display: flex;
1173
1132
  flex-direction: column;
1174
1133
  align-items: center;
1175
1134
  position: relative;
1176
1135
  }
1177
- .bgl-step-indicator[data-v-f90b1af3]::before {
1136
+ .bgl-step-indicator[data-v-06c34cf2]::before {
1178
1137
  content: '';
1179
1138
  position: absolute;
1180
1139
  top: 50%;
@@ -1184,10 +1143,10 @@ fieldset[data-v-f7e758e5] {
1184
1143
  background: #e0e0e0;
1185
1144
  z-index: -1;
1186
1145
  }
1187
- .bgl-step-indicator[data-v-f90b1af3]:first-child::before {
1146
+ .bgl-step-indicator[data-v-06c34cf2]:first-child::before {
1188
1147
  display: none;
1189
1148
  }
1190
- .bgl-step-indicator > span[data-v-f90b1af3]:first-child {
1149
+ .bgl-step-indicator > span[data-v-06c34cf2]:first-child {
1191
1150
  width: 30px;
1192
1151
  height: 30px;
1193
1152
  border-radius: 50%;
@@ -1198,23 +1157,23 @@ fieldset[data-v-f7e758e5] {
1198
1157
  justify-content: center;
1199
1158
  margin-bottom: 0.5rem;
1200
1159
  }
1201
- .bgl-step-indicator.active > span[data-v-f90b1af3]:first-child {
1160
+ .bgl-step-indicator.active > span[data-v-06c34cf2]:first-child {
1202
1161
  background: var(--primary-color, #4CAF50);
1203
1162
  color: white;
1204
1163
  }
1205
- .bgl-step-indicator.completed > span[data-v-f90b1af3]:first-child {
1164
+ .bgl-step-indicator.completed > span[data-v-06c34cf2]:first-child {
1206
1165
  background: var(--success-color, #8BC34A);
1207
1166
  color: white;
1208
1167
  }
1209
- .bgl-step-indicator.clickable[data-v-f90b1af3] {
1168
+ .bgl-step-indicator.clickable[data-v-06c34cf2] {
1210
1169
  cursor: pointer;
1211
1170
  }
1212
- .bgl-step-label[data-v-f90b1af3] {
1171
+ .bgl-step-label[data-v-06c34cf2] {
1213
1172
  font-size: 0.8rem;
1214
1173
  max-width: 100px;
1215
1174
  text-align: center;
1216
1175
  }
1217
- .bgl-form-wrapper[data-v-f90b1af3] {
1176
+ .bgl-form-wrapper[data-v-06c34cf2] {
1218
1177
  display: grid;
1219
1178
  overflow: clip;
1220
1179
  height: auto;
@@ -1222,15 +1181,15 @@ fieldset[data-v-f7e758e5] {
1222
1181
  transition: height var(--transition-duration) ease;
1223
1182
  interpolate-size: allow-keywords;
1224
1183
  }
1225
- .bgl-form-wrapper > div[data-v-f90b1af3] {
1184
+ .bgl-form-wrapper > div[data-v-06c34cf2] {
1226
1185
  grid-area: 1 / 1;
1227
1186
  }
1228
- .bgl-form-container[data-v-f90b1af3] {
1187
+ .bgl-form-container[data-v-06c34cf2] {
1229
1188
  width: 100%;
1230
1189
  display: flex;
1231
1190
  flex-direction: column;
1232
1191
  }
1233
- .bgl-step-controls[data-v-f90b1af3] {
1192
+ .bgl-step-controls[data-v-06c34cf2] {
1234
1193
  display: flex;
1235
1194
  justify-content: center;
1236
1195
  gap: 1rem;
@@ -1238,34 +1197,34 @@ fieldset[data-v-f7e758e5] {
1238
1197
  }
1239
1198
 
1240
1199
  /* Slide Left Animation (going forward) */
1241
- .slide-left-enter-active[data-v-f90b1af3] {
1200
+ .slide-left-enter-active[data-v-06c34cf2] {
1242
1201
  transition: opacity, transform calc(var(--transition-duration) * 1.2) var(--ease-in);
1243
1202
  }
1244
- .slide-left-leave-active[data-v-f90b1af3] {
1203
+ .slide-left-leave-active[data-v-06c34cf2] {
1245
1204
  transition: opacity, transform var(--transition-duration) var(--ease-out);
1246
1205
  }
1247
- .slide-left-enter-from[data-v-f90b1af3] {
1206
+ .slide-left-enter-from[data-v-06c34cf2] {
1248
1207
  opacity: 0;
1249
1208
  transform: translateX(var(--move-distance));
1250
1209
  }
1251
- .slide-left-leave-to[data-v-f90b1af3] {
1210
+ .slide-left-leave-to[data-v-06c34cf2] {
1252
1211
  opacity: 0;
1253
1212
  transform: translateX(-30%);
1254
1213
  }
1255
1214
 
1256
1215
  /* Slide Right Animation (going back) */
1257
- .slide-right-enter-active[data-v-f90b1af3] {
1216
+ .slide-right-enter-active[data-v-06c34cf2] {
1258
1217
  transition: all calc(var(--transition-duration) * 1.2) var(--ease-in);
1259
1218
  }
1260
- .slide-right-leave-active[data-v-f90b1af3] {
1219
+ .slide-right-leave-active[data-v-06c34cf2] {
1261
1220
  transition: all var(--transition-duration) var(--ease-out);
1262
1221
  transition-property: opacity, transform;
1263
1222
  }
1264
- .slide-right-enter-from[data-v-f90b1af3] {
1223
+ .slide-right-enter-from[data-v-06c34cf2] {
1265
1224
  opacity: 0;
1266
1225
  transform: translateX(-30%);
1267
1226
  }
1268
- .slide-right-leave-to[data-v-f90b1af3] {
1227
+ .slide-right-leave-to[data-v-06c34cf2] {
1269
1228
  opacity: 0;
1270
1229
  transform: translateX(var(--move-distance));
1271
1230
  }
@@ -1438,69 +1397,69 @@ pre code.hljs{
1438
1397
  outline-color: var(--input-bg);
1439
1398
  }
1440
1399
 
1441
- .calendar-container[data-v-d1e1ff1f] {
1400
+ .calendar-container[data-v-9c8816c6] {
1442
1401
  max-width: 90vw;
1443
1402
  }
1444
- .calendar-section[data-v-d1e1ff1f] {
1403
+ .calendar-section[data-v-9c8816c6] {
1445
1404
  min-width: 280px;
1446
1405
  }
1447
- .calendar-grid[data-v-d1e1ff1f] {
1406
+ .calendar-grid[data-v-9c8816c6] {
1448
1407
  grid-template-columns: repeat(7, 1fr);
1449
1408
  }
1450
- .month-grid[data-v-d1e1ff1f] {
1409
+ .month-grid[data-v-9c8816c6] {
1451
1410
  grid-template-columns: repeat(3, 1fr);
1452
1411
  grid-template-rows: repeat(4, 1fr);
1453
1412
  }
1454
- .year-grid[data-v-d1e1ff1f] {
1413
+ .year-grid[data-v-9c8816c6] {
1455
1414
  grid-template-columns: repeat(3, 1fr);
1456
1415
  grid-template-rows: repeat(7, 1fr);
1457
1416
  }
1458
- .month-item[data-v-d1e1ff1f],
1459
- .year-item[data-v-d1e1ff1f] {
1417
+ .month-item[data-v-9c8816c6],
1418
+ .year-item[data-v-9c8816c6] {
1460
1419
  background: none;
1461
1420
  color: var(--bgl-text-color);
1462
1421
  }
1463
- .month-item[data-v-d1e1ff1f]:hover:not(.disabled),
1464
- .year-item[data-v-d1e1ff1f]:hover:not(.disabled) {
1422
+ .month-item[data-v-9c8816c6]:hover:not(.disabled),
1423
+ .year-item[data-v-9c8816c6]:hover:not(.disabled) {
1465
1424
  background: var(--bgl-box-bg);
1466
1425
  filter: var(--bgl-hover-filter);
1467
1426
  }
1468
- .month-item[data-v-d1e1ff1f]:active:not(.disabled),
1469
- .year-item[data-v-d1e1ff1f]:active:not(.disabled) {
1427
+ .month-item[data-v-9c8816c6]:active:not(.disabled),
1428
+ .year-item[data-v-9c8816c6]:active:not(.disabled) {
1470
1429
  background: var(--bgl-box-bg);
1471
1430
  filter: var(--bgl-active-filter);
1472
1431
  }
1473
- .month-item.selected[data-v-d1e1ff1f],
1474
- .year-item.selected[data-v-d1e1ff1f] {
1432
+ .month-item.selected[data-v-9c8816c6],
1433
+ .year-item.selected[data-v-9c8816c6] {
1475
1434
  background-color: var(--bgl-primary);
1476
1435
  color: white;
1477
1436
  }
1478
- .month-item.disabled[data-v-d1e1ff1f],
1479
- .year-item.disabled[data-v-d1e1ff1f] {
1437
+ .month-item.disabled[data-v-9c8816c6],
1438
+ .year-item.disabled[data-v-9c8816c6] {
1480
1439
  opacity: 0.6;
1481
1440
  filter: grayscale(0.3);
1482
1441
  }
1483
- .day[data-v-d1e1ff1f] {
1442
+ .day[data-v-9c8816c6] {
1484
1443
  border: none;
1485
1444
  background: none;
1486
1445
  color: var(--bgl-text-color);
1487
1446
  }
1488
- .day[data-v-d1e1ff1f]:hover:not(.disabled) {
1447
+ .day[data-v-9c8816c6]:hover:not(.disabled) {
1489
1448
  background-color: var(--input-bg);
1490
1449
  }
1491
- .day.selected[data-v-d1e1ff1f] {
1450
+ .day.selected[data-v-9c8816c6] {
1492
1451
  background-color: var(--bgl-primary);
1493
1452
  color: var(--bgl-white);
1494
1453
  }
1495
- .day.today[data-v-d1e1ff1f]:not(.selected) {
1454
+ .day.today[data-v-9c8816c6]:not(.selected) {
1496
1455
  border: 1px solid var(--bgl-primary);
1497
1456
  }
1498
- .day.disabled[data-v-d1e1ff1f] {
1457
+ .day.disabled[data-v-9c8816c6] {
1499
1458
  opacity: 0.6;
1500
1459
  filter: grayscale(0.3);
1501
1460
  cursor: not-allowed;
1502
1461
  }
1503
- .day.not-in-month[data-v-d1e1ff1f] {
1462
+ .day.not-in-month[data-v-9c8816c6] {
1504
1463
  opacity: 0.4;
1505
1464
  }
1506
1465
 
@@ -2322,58 +2281,58 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2322
2281
  font-size: var(--label-font-size);
2323
2282
  }
2324
2283
 
2325
- .bagel-input textarea[data-v-6dfc73c3] {
2284
+ .bagel-input textarea[data-v-da1189c6] {
2326
2285
  min-height: unset;
2327
2286
  font-size: var(--input-font-size);
2328
2287
  }
2329
- .bagel-input.text-input textarea[data-v-6dfc73c3] {
2288
+ .bagel-input.text-input textarea[data-v-da1189c6] {
2330
2289
  resize: none;
2331
2290
  }
2332
- .code textarea[data-v-6dfc73c3] {
2291
+ .code textarea[data-v-da1189c6] {
2333
2292
  font-family: 'Inconsolata', monospace;
2334
2293
  background: var(--bgl-code-bg) !important;
2335
2294
  color: var(--bgl-light-text) !important;
2336
2295
  }
2337
- .code textarea[data-v-6dfc73c3]::placeholder {
2296
+ .code textarea[data-v-da1189c6]::placeholder {
2338
2297
  color: var(--bgl-light-text) !important;
2339
2298
  opacity: 0.3;
2340
2299
  }
2341
- .bagel-input.small[data-v-6dfc73c3] {
2300
+ .bagel-input.small[data-v-da1189c6] {
2342
2301
  margin-bottom: 0;
2343
2302
  height: 30px;
2344
2303
  }
2345
- .bagel-input.dense label[data-v-6dfc73c3] {
2304
+ .bagel-input.dense label[data-v-da1189c6] {
2346
2305
  display: flex;
2347
2306
  align-items: center;
2348
2307
  gap: 0.5rem;
2349
2308
  }
2350
- .bagel-input input[data-v-6dfc73c3]:disabled {
2309
+ .bagel-input input[data-v-da1189c6]:disabled {
2351
2310
  background: #f5f5f5;
2352
2311
  }
2353
- .bagel-input label[data-v-6dfc73c3] {
2312
+ .bagel-input label[data-v-da1189c6] {
2354
2313
  font-size: var(--label-font-size);
2355
2314
  }
2356
- .textInputIconWrap .bgl_icon-font[data-v-6dfc73c3] {
2315
+ .textInputIconWrap .bgl_icon-font[data-v-da1189c6] {
2357
2316
  color: var(--input-color);
2358
2317
  position: absolute;
2359
2318
  inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
2360
2319
  margin-top: calc(var(--input-height) / 2 + 0.1rem);
2361
2320
  line-height: 0;
2362
2321
  }
2363
- .textInputIconWrap input[data-v-6dfc73c3]{
2322
+ .textInputIconWrap input[data-v-da1189c6]{
2364
2323
  padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
2365
2324
  }
2366
- .txtInputIconStart .iconStart[data-v-6dfc73c3] {
2325
+ .txtInputIconStart .iconStart[data-v-da1189c6] {
2367
2326
  color: var(--input-color);
2368
2327
  position: absolute;
2369
2328
  inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
2370
2329
  margin-top: calc(var(--input-height) / 2 );
2371
2330
  line-height: 0;
2372
2331
  }
2373
- .txtInputIconStart input[data-v-6dfc73c3], .txtInputIconStart textarea[data-v-6dfc73c3]{
2332
+ .txtInputIconStart input[data-v-da1189c6], .txtInputIconStart textarea[data-v-da1189c6]{
2374
2333
  padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
2375
2334
  }
2376
- .bagel-input.small textarea[data-v-6dfc73c3] {
2335
+ .bagel-input.small textarea[data-v-da1189c6] {
2377
2336
  height: 30px;
2378
2337
  }
2379
2338
 
@@ -4326,20 +4285,25 @@ body:has(.bg-dark.is-active) {
4326
4285
  background: transparent;
4327
4286
  }
4328
4287
 
4329
- .fixed-columns[data-v-ad70b6cd] {
4288
+ .stickyTop[data-v-857ccb8b]{
4289
+ position: sticky;
4290
+ top: -0.125rem;
4291
+ z-index: 1;
4292
+ }
4293
+ .fixed-columns[data-v-857ccb8b] {
4330
4294
  border-right: 2px solid var(--border-color);
4331
4295
  }
4332
- table[data-v-ad70b6cd] {
4296
+ table[data-v-857ccb8b] {
4333
4297
  border-collapse: collapse;
4334
4298
  }
4335
- th[data-v-ad70b6cd], td[data-v-ad70b6cd] {
4299
+ th[data-v-857ccb8b], td[data-v-857ccb8b] {
4336
4300
  border: 1px solid var(--border-color);
4337
4301
  padding: 0.1rem 0.5rem;
4338
4302
  min-width: 80px;
4339
4303
  background: var(--bgl-white);
4340
4304
  user-select: none;
4341
4305
  }
4342
- th[data-v-ad70b6cd] {
4306
+ th[data-v-857ccb8b] {
4343
4307
  background: var(--input-bg);
4344
4308
  white-space: nowrap;
4345
4309
  position: relative;
@@ -4347,27 +4311,27 @@ th[data-v-ad70b6cd] {
4347
4311
  font-weight: 500;
4348
4312
  text-align: start;
4349
4313
  }
4350
- th .bgl_icon-font[data-v-ad70b6cd]{
4314
+ th .bgl_icon-font[data-v-857ccb8b]{
4351
4315
  vertical-align: middle;
4352
4316
  }
4353
- td.selected[data-v-ad70b6cd] {
4317
+ td.selected[data-v-857ccb8b] {
4354
4318
  background: var(--bgl-primary-light);
4355
4319
  }
4356
- td.locked[data-v-ad70b6cd] {
4320
+ td.locked[data-v-857ccb8b] {
4357
4321
  background: var(--bgl-gray-light);
4358
4322
  cursor: default;
4359
4323
  }
4360
- td.locked.selected[data-v-ad70b6cd] {
4324
+ td.locked.selected[data-v-857ccb8b] {
4361
4325
  background: var(--bgl-primary-light);
4362
4326
  }
4363
- td[data-v-ad70b6cd] {
4327
+ td[data-v-857ccb8b] {
4364
4328
  height: 40px;
4365
4329
  vertical-align: middle;
4366
4330
  }
4367
- td[data-v-ad70b6cd]:has(img){
4331
+ td[data-v-857ccb8b]:has(img){
4368
4332
  padding: 0;
4369
4333
  }
4370
- td span[data-v-ad70b6cd]{
4334
+ td span[data-v-857ccb8b]{
4371
4335
  display: block;
4372
4336
  display: -webkit-box;
4373
4337
  max-width: 100%;
@@ -4377,7 +4341,16 @@ td span[data-v-ad70b6cd]{
4377
4341
  -webkit-line-clamp: 1;
4378
4342
  word-break: break-all;
4379
4343
  }
4380
- input[data-v-ad70b6cd] {
4344
+ td.wrap-text[data-v-857ccb8b] {
4345
+ height: auto;
4346
+ min-height: 40px;
4347
+ }
4348
+ td.wrap-text span[data-v-857ccb8b] {
4349
+ white-space: normal;
4350
+ -webkit-line-clamp: unset;
4351
+ word-break: break-word;
4352
+ }
4353
+ input[data-v-857ccb8b] {
4381
4354
  width: 100%;
4382
4355
  border: none;
4383
4356
  background: transparent;
@@ -4386,45 +4359,45 @@ input[data-v-ad70b6cd] {
4386
4359
  min-height: 0;
4387
4360
  min-width: 0;
4388
4361
  }
4389
- input[data-v-ad70b6cd]:focus {
4362
+ input[data-v-857ccb8b]:focus {
4390
4363
  outline: 2px solid var(--bgl-primary);
4391
4364
  outline-offset: 6px;
4392
4365
  }
4393
- th.sortable[data-v-ad70b6cd] {
4366
+ th.sortable[data-v-857ccb8b] {
4394
4367
  cursor: pointer;
4395
4368
  }
4396
- .row-number-header[data-v-ad70b6cd], .row-number[data-v-ad70b6cd] {
4369
+ .row-number-header[data-v-857ccb8b], .row-number[data-v-857ccb8b] {
4397
4370
  width: fit-content;
4398
4371
  min-width: fit-content !important;
4399
4372
  padding: 0.1rem 0.7rem !important;
4400
4373
  }
4401
- td .bgl-checkbox[data-v-ad70b6cd]{
4374
+ td .bgl-checkbox[data-v-857ccb8b]{
4402
4375
  margin: 0;
4403
4376
  text-align: center;
4404
4377
  justify-content: center;
4405
4378
  }
4406
- td[data-v-ad70b6cd]:has(.bgl-checkbox){
4379
+ td[data-v-857ccb8b]:has(.bgl-checkbox){
4407
4380
  text-align: center;
4408
4381
  background: var(--input-bg);
4409
4382
  }
4410
- td[data-v-ad70b6cd]:has(:checked){
4383
+ td[data-v-857ccb8b]:has(:checked){
4411
4384
  background: var(--bgl-primary-light);
4412
4385
  }
4413
- .spreadsheetCellPlaceHolder[data-v-ad70b6cd]{
4386
+ .spreadsheetCellPlaceHolder[data-v-857ccb8b]{
4414
4387
  height: 0px;
4415
4388
  overflow: hidden;
4416
4389
  opacity: 0;
4417
4390
  pointer-events: none;
4418
4391
  user-select: none;
4419
4392
  }
4420
- .th-content[data-v-ad70b6cd] {
4393
+ .th-content[data-v-857ccb8b] {
4421
4394
  position: relative;
4422
4395
  display: flex;
4423
4396
  align-items: center;
4424
4397
  width: 100%;
4425
4398
  height: 100%;
4426
4399
  }
4427
- .resize-handle[data-v-ad70b6cd] {
4400
+ .resize-handle[data-v-857ccb8b] {
4428
4401
  position: absolute;
4429
4402
  right: -8px;
4430
4403
  top: 0;
@@ -4435,12 +4408,12 @@ td[data-v-ad70b6cd]:has(:checked){
4435
4408
  background: transparent;
4436
4409
  transition: background 0.2s;
4437
4410
  }
4438
- .resize-handle[data-v-ad70b6cd]:hover {
4411
+ .resize-handle[data-v-857ccb8b]:hover {
4439
4412
  background: var(--bgl-primary);
4440
4413
  }
4441
4414
 
4442
4415
  /* Spreadsheet container styles */
4443
- .spreadsheet[data-v-1e744d43] {
4416
+ .spreadsheet[data-v-a7d01d6e] {
4444
4417
  user-select: none;
4445
4418
  }
4446
4419
 
@@ -4555,6 +4528,8 @@ to {
4555
4528
  border-radius: var(--btn-border-radius) !important;
4556
4529
  }.rounded-thin {
4557
4530
  border-radius: calc(var(--btn-border-radius) / 1.5) !important;
4531
+ }.radius-025 {
4532
+ border-radius: calc(var(--btn-border-radius) / 4) !important;
4558
4533
  }.radius-05 {
4559
4534
  border-radius: calc(var(--btn-border-radius) / 2) !important;
4560
4535
  }.radius-2 {
@@ -4613,6 +4588,10 @@ to {
4613
4588
  }.fit-content {
4614
4589
  width: fit-content;
4615
4590
  height: fit-content;
4591
+ }.w-fit-content,
4592
+ .w-fit,
4593
+ .wfit {
4594
+ width: fit-content;
4616
4595
  }.auto-flow-columns {
4617
4596
  grid-auto-flow: column;
4618
4597
  }.grid-2-col {
@@ -6963,7 +6942,8 @@ to {
6963
6942
  }.flex-grow,
6964
6943
  .flex-grow-1 {
6965
6944
  flex-grow: 1;
6966
- }.flex-shrink, .flex-shrink-1 {
6945
+ }.flex-shrink,
6946
+ .flex-shrink-1 {
6967
6947
  flex-shrink: 1;
6968
6948
  }.flex-no-grow,
6969
6949
  .flex-grow-0 {
@@ -8584,6 +8564,10 @@ to {
8584
8564
  border-radius: calc(var(--btn-border-radius) / 1.5) !important;
8585
8565
  }
8586
8566
 
8567
+ .m_radius-025 {
8568
+ border-radius: calc(var(--btn-border-radius) / 4) !important;
8569
+ }
8570
+
8587
8571
  .m_radius-05 {
8588
8572
  border-radius: calc(var(--btn-border-radius) / 2) !important;
8589
8573
  }
@@ -8691,6 +8675,13 @@ to {
8691
8675
  height: fit-content;
8692
8676
  }
8693
8677
 
8678
+ .m_w-fit-content,
8679
+ .m_w-fit,
8680
+ .m_wfit {
8681
+ width: fit-content;
8682
+ }
8683
+
8684
+
8694
8685
  .m_auto-flow-columns {
8695
8686
  grid-auto-flow: column;
8696
8687
  }