mce 0.13.12 → 0.13.14

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/index.css CHANGED
@@ -1,4 +1,19 @@
1
- .mce-icon {
1
+ .mce-drawing {
2
+ position: absolute;
3
+ }
4
+ .mce-drawing__tip {
5
+ margin: 4px;
6
+ border: 1px solid rgba(0, 0, 0, 0.168627451);
7
+ border-radius: 4px;
8
+ width: fit-content;
9
+ height: 22px;
10
+ padding: 0 4px;
11
+ font-size: 14px;
12
+ white-space: nowrap;
13
+ overflow: hidden;
14
+ text-overflow: ellipsis;
15
+ background-color: rgba(var(--mce-theme-surface), 1);
16
+ }.mce-icon {
2
17
  align-items: center;
3
18
  display: inline-flex;
4
19
  font-feature-settings: "liga";
@@ -75,6 +90,15 @@
75
90
  display: flex;
76
91
  align-items: center;
77
92
  justify-content: center;
93
+ cursor: pointer;
94
+ }
95
+ .mce-btn:hover {
96
+ color: rgb(var(--mce-theme-on-background));
97
+ background: rgb(var(--mce-theme-background));
98
+ }
99
+ .mce-btn.mce-btn--active {
100
+ color: rgb(var(--mce-theme-on-primary));
101
+ background: rgb(var(--mce-theme-primary));
78
102
  }.mce-layer {
79
103
  position: relative;
80
104
  flex: none;
@@ -187,13 +211,10 @@
187
211
  display: flex;
188
212
  align-items: center;
189
213
  }
190
- .mce-btn--hide {
214
+ .mce-layer__btn--hide {
191
215
  opacity: 0;
192
216
  }
193
- .mce-btn:hover {
194
- background-color: rgb(var(--mce-theme-background));
195
- }
196
- .mce-btn + .mce-btn {
217
+ .mce-layer__btn + .mce-layer__btn {
197
218
  margin-left: -4px;
198
219
  }.mce-layers {
199
220
  position: relative;
@@ -274,7 +295,7 @@
274
295
  user-select: none;
275
296
  opacity: 0.4;
276
297
  }
277
- .mce-list-item__prepend {
298
+ .mce-list-item__prepend, .mce-list-item__checked {
278
299
  width: 12px;
279
300
  height: 12px;
280
301
  display: flex;
@@ -289,122 +310,21 @@
289
310
  font-size: 12px;
290
311
  white-space: nowrap;
291
312
  }
292
- .mce-list-item__append {
293
- width: 12px;
294
- height: 12px;
295
- display: flex;
296
- align-items: center;
297
- justify-content: center;
313
+ .mce-list-item__kbd {
298
314
  font-size: 12px;
299
- margin-right: -6px;
300
- }.mce-context-menu__title {
301
- flex: 1;
302
- }
303
- .mce-context-menu__kbd {
315
+ white-space: nowrap;
304
316
  letter-spacing: 0.08em;
305
317
  margin-left: 24px;
306
318
  opacity: 0.3;
307
- }.mce-transformable {
308
- left: 0;
309
- top: 0;
310
- }
311
- .mce-transformable__svg {
312
- position: absolute;
313
- left: 0;
314
- top: 0;
315
- width: 100%;
316
- height: 100%;
317
- overflow: visible;
318
- pointer-events: none;
319
- color: rgb(var(--mce-theme-primary));
320
- stroke: currentColor;
321
- }
322
- .mce-transformable__diagonal {
323
- stroke-width: 1px;
324
- stroke-dasharray: 2px;
325
- visibility: hidden;
326
- }
327
- .mce-transformable__rect {
328
- stroke-width: 1px;
329
- }
330
- .mce-transformable__handle {
331
- fill: white;
332
- stroke-width: 1px;
333
- pointer-events: none;
334
- }
335
- .mce-transformable__handle-rect {
336
- stroke-width: 1px;
337
- fill: transparent;
338
- stroke: transparent;
339
- }
340
- .mce-transformable__tip {
341
- position: absolute;
342
- bottom: 0;
343
- left: 50%;
344
- transform: translate(-50%, calc(100% + 8px));
345
- background-color: rgb(var(--mce-theme-primary));
346
- color: rgb(var(--mce-theme-on-primary));
347
- font-size: 12px;
348
- padding: 2px 4px;
349
- border-radius: 3px;
350
- text-wrap: nowrap;
351
- }
352
- .mce-transformable--dashed .mce-transformable__rect {
353
- stroke-dasharray: 4px;
354
- }
355
- .mce-transformable--resizing .mce-transformable__diagonal {
356
- visibility: visible;
357
- }
358
- .mce-transformable--moving .mce-transformable__handle {
359
- visibility: hidden;
360
- }
361
- .mce-transformable--moving .mce-transformable__handle-rect {
362
- visibility: hidden;
363
- }
364
- .mce-transformable--moving .mce-transformable__rect {
365
- opacity: 0.4;
366
- stroke-width: 0.5px;
367
- }
368
- .mce-transformable--moving .mce-transformable__svg-slot {
369
- opacity: 0.4;
370
- stroke-width: 0.5px;
371
- }
372
- .mce-transformable--hide-ui .mce-transformable__handle {
373
- visibility: hidden;
374
- }
375
- .mce-transformable--hide-ui .mce-transformable__handle-rect {
376
- visibility: hidden;
377
- }
378
- .mce-transformable--hide-ui .mce-transformable__rect {
379
- visibility: hidden;
380
- }.mce-float-panel {
381
- position: absolute;
382
- pointer-events: auto !important;
383
- }
384
- .mce-float-panel__card {
385
- display: flex;
386
- flex-direction: column;
387
- width: 100%;
388
- height: 100%;
389
- border-radius: 12px;
390
- background-color: rgb(var(--mce-theme-surface));
391
- box-shadow: var(--mce-shadow);
392
- overflow: hidden;
393
319
  }
394
- .mce-float-panel__title {
320
+ .mce-list-item__append {
321
+ width: 12px;
322
+ height: 12px;
395
323
  display: flex;
396
- justify-content: space-between;
397
324
  align-items: center;
398
- padding: 8px;
325
+ justify-content: center;
399
326
  font-size: 12px;
400
- font-weight: bold;
401
- border-bottom: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
402
- }
403
- .mce-float-panel__content {
404
- position: relative;
405
- width: 100%;
406
- height: 100%;
407
- overflow-y: auto;
327
+ margin-right: -6px;
408
328
  }.mce-tooltip {
409
329
  background: rgb(var(--mce-theme-surface-variant));
410
330
  color: rgb(var(--mce-theme-on-surface-variant));
@@ -418,6 +338,10 @@
418
338
  opacity: 1;
419
339
  transition-property: opacity, transform;
420
340
  overflow-wrap: break-word;
341
+ }
342
+ .mce-tooltip__content {
343
+ display: flex;
344
+ align-items: center;
421
345
  }.mce-ruler {
422
346
  position: absolute;
423
347
  left: 0;
@@ -562,205 +486,81 @@
562
486
  border-right: none;
563
487
  border-top: 1px solid #1690ff;
564
488
  border-bottom: 1px solid #1690ff;
565
- }.mce-drawing {
566
- pointer-events: auto !important;
567
- position: fixed;
489
+ }.progress-indicator[data-v-c4234331] {
490
+ display: flex;
491
+ align-items: center;
492
+ gap: 12px;
568
493
  }
569
- .mce-drawing__content {
570
- margin: 4px;
571
- border: 1px solid rgba(0, 0, 0, 0.168627451);
494
+ .progress-indicator__status[data-v-c4234331] {
495
+ font-size: 12px;
496
+ color: rgb(var(--mce-theme-on-surface));
497
+ }
498
+ .progress-indicator__bar[data-v-c4234331] {
499
+ position: relative;
500
+ width: 100px;
501
+ height: 6px;
502
+ background-color: rgb(var(--mce-theme-background));
572
503
  border-radius: 4px;
573
- width: fit-content;
574
- height: 22px;
575
- padding: 0 4px;
576
- font-size: 14px;
577
- white-space: nowrap;
578
504
  overflow: hidden;
579
- text-overflow: ellipsis;
580
- background-color: rgba(var(--mce-theme-surface), 1);
581
- }.mce-floatbar {
582
- overflow: visible;
583
- }.mce-cropper {
584
- pointer-events: auto;
505
+ }
506
+ .progress-indicator__bar-fill[data-v-c4234331] {
585
507
  position: absolute;
586
- left: 0;
587
508
  top: 0;
588
- width: 100%;
509
+ left: 0;
589
510
  height: 100%;
511
+ background-color: rgb(var(--mce-theme-primary));
512
+ transition: width 0.3s ease;
590
513
  }
591
- .mce-cropper__source {
514
+ .progress-indicator__bar-indeterminate[data-v-c4234331] {
592
515
  position: absolute;
593
- width: 100%;
516
+ top: 0;
517
+ left: -30%;
518
+ width: 30%;
594
519
  height: 100%;
595
- transform-origin: top left;
520
+ background-color: #3b82f6;
521
+ animation: indeterminate-slide-c4234331 1.5s linear infinite;
596
522
  }
597
- .mce-cropper__source canvas {
598
- position: absolute;
599
- width: 100%;
600
- height: 100%;
523
+ @keyframes indeterminate-slide-c4234331 {
524
+ 0% {
525
+ left: -30%;
601
526
  }
602
- .mce-cropper__transformable {
603
- position: absolute;
604
- color: rgba(var(--mce-theme-primary), 1);
605
- opacity: 0.5;
527
+ 100% {
528
+ left: 100%;
606
529
  }
607
- .mce-cropper__transformable_rect {
530
+ }.mce-statusbar[data-v-51df67c3] {
531
+ user-select: none;
532
+ position: relative;
533
+ display: flex;
534
+ align-items: center;
535
+ gap: 4px;
536
+ font-size: 12px;
537
+ line-height: 1;
608
538
  width: 100%;
609
539
  height: 100%;
610
- }.mce-selector__slot {
611
- position: absolute;
612
- }
613
- .mce-selector__parent-element {
614
- position: absolute;
615
- pointer-events: none;
616
- border-width: 1px;
617
- border-style: dashed;
618
- color: rgba(var(--mce-theme-primary), 1);
619
- opacity: 0.5;
620
- }
621
- .mce-selector__selected-area {
622
- position: absolute;
623
- border-width: 1px;
624
- border-style: solid;
625
- color: rgba(var(--mce-theme-primary), 1);
626
- background-color: rgba(var(--mce-theme-primary), 0.1);
540
+ padding: 0 8px;
541
+ background-color: rgba(var(--mce-theme-surface), 1);
542
+ color: rgba(var(--mce-theme-on-surface), 1);
543
+ font-weight: bold;
627
544
  }
628
- .mce-selector__transform {
629
- position: absolute;
630
- color: rgba(var(--mce-theme-primary), 1);
545
+ .mce-statusbar__main[data-v-51df67c3] {
546
+ flex: 1;
547
+ display: flex;
548
+ align-items: center;
631
549
  }
632
- .mce-selector__element {
633
- position: absolute;
634
- border-width: 1px;
635
- border-style: solid;
636
- color: rgba(var(--mce-theme-primary), 1);
637
- }.mce-layout {
638
- --mce-scrollbar-offset: 0px;
550
+ .mce-statusbar__item[data-v-51df67c3] {
639
551
  display: flex;
640
- flex: 1 1 auto;
552
+ align-items: center;
553
+ gap: 4px;
641
554
  }
642
- .mce-layout--full-height {
643
- --mce-scrollbar-offset: inherit;
644
- height: 100%;
645
- }.mce-layout-item {
646
- position: absolute;
555
+ .mce-statusbar__item > svg[data-v-51df67c3] {
556
+ width: 1em;
557
+ height: 1em;
647
558
  }
648
- .mce-layout-item--absolute {
649
- position: absolute;
650
- }
651
- .mce-layout-item--left {
652
- border-right: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
653
- }
654
- .mce-layout-item--top {
655
- border-bottom: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
656
- }
657
- .mce-layout-item--right {
658
- border-left: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
659
- }
660
- .mce-layout-item--bottom {
661
- border-top: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
662
- }.mce-main {
663
- flex: 1 0 auto;
664
- max-width: 100%;
665
- padding-left: var(--mce-layout-left);
666
- padding-right: var(--mce-layout-right);
667
- padding-top: var(--mce-layout-top);
668
- padding-bottom: var(--mce-layout-bottom);
669
- }
670
- .mce-main__scroller {
671
- max-width: 100%;
672
- position: relative;
673
- }
674
- .mce-main--scrollable {
675
- display: flex;
676
- position: absolute;
677
- top: 0;
678
- left: 0;
679
- width: 100%;
680
- height: 100%;
681
- }
682
- .mce-main--scrollable > .v-main__scroller {
683
- flex: 1 1 auto;
684
- overflow-y: auto;
685
- --v-layout-left: 0px;
686
- --v-layout-right: 0px;
687
- --v-layout-top: 0px;
688
- --v-layout-bottom: 0px;
689
- }.progress-indicator[data-v-c4234331] {
690
- display: flex;
691
- align-items: center;
692
- gap: 12px;
693
- }
694
- .progress-indicator__status[data-v-c4234331] {
695
- font-size: 12px;
696
- color: rgb(var(--mce-theme-on-surface));
697
- }
698
- .progress-indicator__bar[data-v-c4234331] {
699
- position: relative;
700
- width: 100px;
701
- height: 6px;
702
- background-color: rgb(var(--mce-theme-background));
703
- border-radius: 4px;
704
- overflow: hidden;
705
- }
706
- .progress-indicator__bar-fill[data-v-c4234331] {
707
- position: absolute;
708
- top: 0;
709
- left: 0;
710
- height: 100%;
711
- background-color: rgb(var(--mce-theme-primary));
712
- transition: width 0.3s ease;
713
- }
714
- .progress-indicator__bar-indeterminate[data-v-c4234331] {
715
- position: absolute;
716
- top: 0;
717
- left: -30%;
718
- width: 30%;
719
- height: 100%;
720
- background-color: #3b82f6;
721
- animation: indeterminate-slide-c4234331 1.5s linear infinite;
722
- }
723
- @keyframes indeterminate-slide-c4234331 {
724
- 0% {
725
- left: -30%;
726
- }
727
- 100% {
728
- left: 100%;
729
- }
730
- }.mce-statusbar[data-v-51df67c3] {
731
- user-select: none;
732
- position: relative;
733
- display: flex;
734
- align-items: center;
735
- gap: 4px;
736
- font-size: 12px;
737
- line-height: 1;
738
- width: 100%;
739
- height: 100%;
740
- padding: 0 8px;
741
- background-color: rgba(var(--mce-theme-surface), 1);
742
- color: rgba(var(--mce-theme-on-surface), 1);
743
- font-weight: bold;
744
- }
745
- .mce-statusbar__main[data-v-51df67c3] {
746
- flex: 1;
747
- display: flex;
748
- align-items: center;
749
- }
750
- .mce-statusbar__item[data-v-51df67c3] {
751
- display: flex;
752
- align-items: center;
753
- gap: 4px;
754
- }
755
- .mce-statusbar__item > svg[data-v-51df67c3] {
756
- width: 1em;
757
- height: 1em;
758
- }
759
- .mce-statusbar__divider[data-v-51df67c3] {
760
- width: 0;
761
- height: 60%;
762
- border-right: 1px solid rgba(var(--mce-theme-on-surface), 0.2);
763
- margin: 0 8px;
559
+ .mce-statusbar__divider[data-v-51df67c3] {
560
+ width: 0;
561
+ height: 60%;
562
+ border-right: 1px solid rgba(var(--mce-theme-on-surface), 0.2);
563
+ margin: 0 8px;
764
564
  }
765
565
  .mce-statusbar__kbd[data-v-51df67c3] {
766
566
  outline: 1px solid rgba(var(--mce-theme-on-surface), 0.4);
@@ -771,20 +571,6 @@
771
571
  font-size: 12px;
772
572
  padding: 0 2px;
773
573
  font-family: system-ui, -apple-system, sans-serif;
774
- }.mce-text-editor {
775
- position: absolute;
776
- width: 0;
777
- height: 0;
778
- left: 0;
779
- top: 0;
780
- overflow: visible;
781
- }
782
- .mce-text-editor__wrapper {
783
- position: absolute;
784
- }
785
- .mce-text-editor__editor {
786
- pointer-events: auto !important;
787
- cursor: move;
788
574
  }.mce-payhead {
789
575
  bottom: 0;
790
576
  left: -5px;
@@ -1040,6 +826,271 @@
1040
826
  height: max-content;
1041
827
  min-height: 100%;
1042
828
  overflow: hidden;
829
+ }.mce-toolbelt {
830
+ pointer-events: auto !important;
831
+ position: absolute;
832
+ left: 50%;
833
+ bottom: 18px;
834
+ transform: translateX(-50%);
835
+ display: flex;
836
+ align-items: center;
837
+ gap: 12px;
838
+ box-shadow: var(--mce-shadow);
839
+ background: rgb(var(--mce-theme-surface));
840
+ padding: 8px;
841
+ border-radius: 12px;
842
+ height: 48px;
843
+ cursor: default;
844
+ }
845
+ .mce-toolbelt__kbd {
846
+ font-size: 12px;
847
+ white-space: nowrap;
848
+ letter-spacing: 0.08em;
849
+ margin-left: 16px;
850
+ opacity: 0.3;
851
+ }
852
+ .mce-toolbelt__group {
853
+ display: flex;
854
+ align-items: center;
855
+ height: 100%;
856
+ }
857
+ .mce-toolbelt__btn {
858
+ font-size: 24px;
859
+ width: 100%;
860
+ height: 100%;
861
+ border-radius: 8px;
862
+ }
863
+ .mce-toolbelt__icon {
864
+ font-size: 16px;
865
+ }
866
+ .mce-toolbelt__arrow {
867
+ width: 16px;
868
+ height: 100%;
869
+ font-size: 12px;
870
+ border-radius: 4px;
871
+ }.mce-floatbar {
872
+ overflow: visible;
873
+ }.mce-transformable {
874
+ left: 0;
875
+ top: 0;
876
+ }
877
+ .mce-transformable__svg {
878
+ position: absolute;
879
+ left: 0;
880
+ top: 0;
881
+ width: 100%;
882
+ height: 100%;
883
+ overflow: visible;
884
+ pointer-events: none;
885
+ color: rgb(var(--mce-theme-primary));
886
+ stroke: currentColor;
887
+ }
888
+ .mce-transformable__diagonal {
889
+ stroke-width: 1px;
890
+ stroke-dasharray: 2px;
891
+ visibility: hidden;
892
+ }
893
+ .mce-transformable__rect {
894
+ stroke-width: 1px;
895
+ }
896
+ .mce-transformable__handle {
897
+ fill: white;
898
+ stroke-width: 1px;
899
+ pointer-events: none;
900
+ }
901
+ .mce-transformable__handle-rect {
902
+ stroke-width: 1px;
903
+ fill: transparent;
904
+ stroke: transparent;
905
+ }
906
+ .mce-transformable__tip {
907
+ position: absolute;
908
+ bottom: 0;
909
+ left: 50%;
910
+ transform: translate(-50%, calc(100% + 8px));
911
+ background-color: rgb(var(--mce-theme-primary));
912
+ color: rgb(var(--mce-theme-on-primary));
913
+ font-size: 12px;
914
+ padding: 2px 4px;
915
+ border-radius: 3px;
916
+ text-wrap: nowrap;
917
+ }
918
+ .mce-transformable--dashed .mce-transformable__rect {
919
+ stroke-dasharray: 4px;
920
+ }
921
+ .mce-transformable--resizing .mce-transformable__diagonal {
922
+ visibility: visible;
923
+ }
924
+ .mce-transformable--moving .mce-transformable__handle {
925
+ visibility: hidden;
926
+ }
927
+ .mce-transformable--moving .mce-transformable__handle-rect {
928
+ visibility: hidden;
929
+ }
930
+ .mce-transformable--moving .mce-transformable__rect {
931
+ opacity: 0.4;
932
+ stroke-width: 0.5px;
933
+ }
934
+ .mce-transformable--moving .mce-transformable__svg-slot {
935
+ opacity: 0.4;
936
+ stroke-width: 0.5px;
937
+ }
938
+ .mce-transformable--hide-ui .mce-transformable__handle {
939
+ visibility: hidden;
940
+ }
941
+ .mce-transformable--hide-ui .mce-transformable__handle-rect {
942
+ visibility: hidden;
943
+ }
944
+ .mce-transformable--hide-ui .mce-transformable__rect {
945
+ visibility: hidden;
946
+ }.mce-cropper {
947
+ pointer-events: auto;
948
+ position: absolute;
949
+ left: 0;
950
+ top: 0;
951
+ width: 100%;
952
+ height: 100%;
953
+ }
954
+ .mce-cropper__source {
955
+ position: absolute;
956
+ width: 100%;
957
+ height: 100%;
958
+ transform-origin: top left;
959
+ }
960
+ .mce-cropper__source canvas {
961
+ position: absolute;
962
+ width: 100%;
963
+ height: 100%;
964
+ }
965
+ .mce-cropper__transformable {
966
+ position: absolute;
967
+ color: rgba(var(--mce-theme-primary), 1);
968
+ opacity: 0.5;
969
+ }
970
+ .mce-cropper__transformable_rect {
971
+ width: 100%;
972
+ height: 100%;
973
+ }.mce-selector__slot {
974
+ position: absolute;
975
+ }
976
+ .mce-selector__parent-element {
977
+ position: absolute;
978
+ pointer-events: none;
979
+ border-width: 1px;
980
+ border-style: dashed;
981
+ color: rgba(var(--mce-theme-primary), 1);
982
+ opacity: 0.5;
983
+ }
984
+ .mce-selector__selected-area {
985
+ position: absolute;
986
+ border-width: 1px;
987
+ border-style: solid;
988
+ color: rgba(var(--mce-theme-primary), 1);
989
+ background-color: rgba(var(--mce-theme-primary), 0.1);
990
+ }
991
+ .mce-selector__transform {
992
+ position: absolute;
993
+ color: rgba(var(--mce-theme-primary), 1);
994
+ }
995
+ .mce-selector__element {
996
+ position: absolute;
997
+ border-width: 1px;
998
+ border-style: solid;
999
+ color: rgba(var(--mce-theme-primary), 1);
1000
+ }.mce-float-panel {
1001
+ position: absolute;
1002
+ pointer-events: auto !important;
1003
+ }
1004
+ .mce-float-panel__card {
1005
+ display: flex;
1006
+ flex-direction: column;
1007
+ width: 100%;
1008
+ height: 100%;
1009
+ border-radius: 12px;
1010
+ background-color: rgb(var(--mce-theme-surface));
1011
+ box-shadow: var(--mce-shadow);
1012
+ overflow: hidden;
1013
+ }
1014
+ .mce-float-panel__title {
1015
+ display: flex;
1016
+ justify-content: space-between;
1017
+ align-items: center;
1018
+ padding: 8px;
1019
+ font-size: 12px;
1020
+ font-weight: bold;
1021
+ border-bottom: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
1022
+ }
1023
+ .mce-float-panel__content {
1024
+ position: relative;
1025
+ width: 100%;
1026
+ height: 100%;
1027
+ overflow-y: auto;
1028
+ }.mce-layout {
1029
+ --mce-scrollbar-offset: 0px;
1030
+ display: flex;
1031
+ flex: 1 1 auto;
1032
+ }
1033
+ .mce-layout--full-height {
1034
+ --mce-scrollbar-offset: inherit;
1035
+ height: 100%;
1036
+ }.mce-layout-item {
1037
+ position: absolute;
1038
+ }
1039
+ .mce-layout-item--absolute {
1040
+ position: absolute;
1041
+ }
1042
+ .mce-layout-item--left {
1043
+ border-right: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
1044
+ }
1045
+ .mce-layout-item--top {
1046
+ border-bottom: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
1047
+ }
1048
+ .mce-layout-item--right {
1049
+ border-left: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
1050
+ }
1051
+ .mce-layout-item--bottom {
1052
+ border-top: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
1053
+ }.mce-main {
1054
+ flex: 1 0 auto;
1055
+ max-width: 100%;
1056
+ padding-left: var(--mce-layout-left);
1057
+ padding-right: var(--mce-layout-right);
1058
+ padding-top: var(--mce-layout-top);
1059
+ padding-bottom: var(--mce-layout-bottom);
1060
+ }
1061
+ .mce-main__scroller {
1062
+ max-width: 100%;
1063
+ position: relative;
1064
+ }
1065
+ .mce-main--scrollable {
1066
+ display: flex;
1067
+ position: absolute;
1068
+ top: 0;
1069
+ left: 0;
1070
+ width: 100%;
1071
+ height: 100%;
1072
+ }
1073
+ .mce-main--scrollable > .v-main__scroller {
1074
+ flex: 1 1 auto;
1075
+ overflow-y: auto;
1076
+ --v-layout-left: 0px;
1077
+ --v-layout-right: 0px;
1078
+ --v-layout-top: 0px;
1079
+ --v-layout-bottom: 0px;
1080
+ }.mce-text-editor {
1081
+ position: absolute;
1082
+ width: 0;
1083
+ height: 0;
1084
+ left: 0;
1085
+ top: 0;
1086
+ overflow: visible;
1087
+ }
1088
+ .mce-text-editor__wrapper {
1089
+ position: absolute;
1090
+ }
1091
+ .mce-text-editor__editor {
1092
+ pointer-events: auto !important;
1093
+ cursor: move;
1043
1094
  }.mce-editor {
1044
1095
  --mce-theme-primary: 69, 151, 248;
1045
1096
  --mce-theme-on-primary: 255, 255, 255;
@@ -1068,6 +1119,15 @@
1068
1119
  user-select: none;
1069
1120
  cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR0JVbEVRVlI0QWV5WXowOGtSUlRIZXhhRlVTRUVRamlRRUFnbitBK01ISmlERi84SkU0OWNTRkQ1RlRETUhFQVE5S3pSZytGSE5pSGVKRkZqQW5PQnJLekdZRlRRRzRSQUVHRloxdDBaRk1YdnAzZHIwcGxNTTkzTDdzeDAwNlJlcXZyVnE2cjMvYjczdW91NVpkM3d2NGlBRzU0QWxsc0d4RVFNYzA1QmgyZ3FQQTJBVGpRQVJGY2w1WXVTYWttTmhCNTVRV1Btc05NdytBMndCZ1dnZUFaNHpkblpXZkx5OGpLVHpXYS9QVGs1U1oyZW5xWmsrSkxFRUFJWjJMTk82bUEyQUJqUEFRS282dVBqNC9HNnVycGhKbXBxYXJvYkdob0c2K3ZyaDBUSS9hT2pJNGg0UlhPR0RBZ2pLOWlMUFRRVm5JYlRlSXZqakNFZzN0allPSUF5bFVwWnNWak1vdWNaYVdwcWVsZEVIR2N5bWE5RlZFcTZseVdRRWNnU0FiVDh0eHRSSkpweHBmOWROT2wwbXM1S0pwTTVJZ3daOFhqOE5ZZ1NHZmNPRHcrVGxJbU1JU091M3BEQi9wQXJWV1UySE1Rem5FUWdvZnJpNHNMV0p4SUo1bklDRVVnczlqZ3JEQm5OemMzdlVDWWk0MVFsa3RTQ3dKU0lEVlFPMHlBQXViVzB0UFE1aXA2ZUhycUNBaEZJTFBhWURHTVV0Qkp4RW5CcFFQVDI5djU0Y0hEd014bUFHTDFiN3lUQ1pJV1BFbkhidGlSNlF3RGdrZjkwNnIrU2kxZ3N4ck0xUGo2dVIyOE5JaEN0dFYrY2hvd0NKVkxvWGVIdGtHZHM1U1FBOEJmYS94L0orY0xDd3J4Nnkwc0dZSmN2RUlFWU1zejhreEk1MFZma202MnRyZGVsNTRYSnU4ZjRJbFhwbXZOUUNDRDZmK3Y0ODRHQmdZMzkvZjFmTkg1cUVsaUxPSWt3V1VHSmRIWjJmcm01dVZsV0V2SUp5R1dBSE0vT3pjMHRxdmRWQnRpN0NVUWd6cXpvNk9nWWtUMmZUajdCdklUMStQeGEvczVPQXFoNU1zQXVBUmxtUjBaRzdQc0FaWUJJOTh4YU9wMjI5NnF0clgxVkE2N1hYTUx3cDZRa2NLRE96elhLZ0N5Z0RMTFNadmthcUw5MkdaZzlJSEoxZGRWQzBHMXZiMytpbnVpWDVUMlFUNEF6Q3lBZ016OC92eUFIcmF2dUJNd1hFc0FpZ0hVS091eDFhZHJzNnVyNlZPT1NSbDNuNVpvYkFTWUx6b2VHaHU3eU1zUnBKTGZTWllDTkV5eGpkQWhMZG5kM2Z4c2RIWDEvWW1MaVBYMGUrNldqNUNnOXNvOEFTRlc2bGs4QUorT0lJY0RPQXIyMGJNZUszUW1TeWFTZDJvQkYyR3huWitmM3djSEJENGVIaHovUVBtKzJ0YldOVDA1TzNoa2JHMXZYL0FOSlJuSXVLUXNKaFFnQUxNNUFBbzVsRnhjWDUrU2c1L2ZBOHZMeVYvcU1maVRBYjdXM3Q2ZG1abWJ1VEU5UHIybVBJNGNjYTN3cStVdkNPV1FDNU91eGRLMFFBWnlPSXhDQVU5d0o3REpnSXBGSTBCVVVreUZyYTJzL3pjN09ic2pvUkFMb1EvVk9RY2ZjZmVrZlNpQUEwaUZmajZWcnhRZ3dYNE9Nbnp2QjFOU1VFL3dmZ29NQStrK05UZVRQTkFZOFpRYlJGVVVBa2NBaEhDTTZSZThFMUw4QVdTc3JLMStvcDdidnFTZktBS1luM1lrNGM2UzlxWDB5amJNNFUwdEsyOXd5QUM5TUdaZ3M4SFFuaU1mamtBWkloQ2pUQTVob0E1cUlReXAyQU9jY3ppdUxYRVVBRWNGQkhNWHBLKzhFcHY0M05qYStGNUpIRWdEVEF4ckFFTWxlN01uZWlNeksyN3dRUUlyaXZLYzdRWDkvUDlkbkFDT3NZejFScmdqQStYUmZSUUMyT0E0QWdOaFpvRStiRGNSRUhDTlQvK3ZyNjdmMWpDMlJaaDNyRWFrcnN4VWpBTENrTEdDSTZKVjNncXFxS213TkFZd3JHandoS1VZQU5vQ0FBS0thMVFVbjl6c0JrZWRlWUxKQjlmK0RGb1NXQUlCUkJvL01yMFVBNTY0djBCYnAzOWZYOTUzR1pBcUVrUUZra0ZUbGE4Vk85cElCZ0FDTW5RSGE4S0grUVJMZTlkdDdlM3UvNnRuaVgrYnU3dTdQTk9hdER3SFlzb2Jza2JweW14Y0M4QjRnZ0FJY0lCOEk4TWV0cmExdjY2WDRSa3RMUzUrTStPYno2U05Mc0dXTjFKWGR2Qkpnc2dBQ0FNbU5qcHNlVjF1RW14NDY1ckNoQkVKSkFKSGxZc1B0RGdLNDVpS015UUN5ZzNjRjZROXBsUjErZWVjMUEyUnFFVkVpQzBDQVFnS2dpVHc5MFNmOXNjR1dOUlV2ZmdnQURNQUFDQWxrQXFBaGc3RkovY0JFSDBCK0NXQ05JWUZ5Z0FpQTAwTk1vTUFENW1rSVlCMUNqZWNMK2tESmRRZ0lGRkEzWnlNQzNKaTVLZm9vQTI1S3BOMXdSaG5neHN4TjBZY3VBL3dHTGlMQUwyTmhzNDh5SUd3UjlZc255Z0MvaklYTlBzcUFzRVhVTDU0b0Evd3lGamI3S0FQQ0ZsRy9lS0lNOE10WTJPeWpEQWg2Uksvci8vOEFBQUQvLzltR1FIRUFBQUFHU1VSQlZBTUFFTFdobi9KQ0EzY0FBQUFBU1VWT1JLNUNZSUk9IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 4 4, auto;
1070
1121
  }
1122
+ .mce-editor--drawing {
1123
+ cursor: crosshair;
1124
+ }
1125
+ .mce-editor--hand {
1126
+ cursor: grab;
1127
+ }
1128
+ .mce-editor--grabbing {
1129
+ cursor: grabbing;
1130
+ }
1071
1131
  .mce-editor * {
1072
1132
  box-sizing: border-box;
1073
1133
  }