@dangl/angular-material-shared 2.6.2-beta0003 → 2.6.2-beta0011

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 (137) hide show
  1. package/esm2022/lib/components/footer/footer.component.mjs +15 -16
  2. package/esm2022/lib/components/header/header.component.mjs +14 -9
  3. package/esm2022/public_api.mjs +1 -3
  4. package/esm2022/tiny-mce/dangl-angular-material-shared-tiny-mce.mjs +5 -0
  5. package/esm2022/tiny-mce/public_api.mjs +3 -0
  6. package/esm2022/tiny-mce/tiny-mce.component.mjs +114 -0
  7. package/esm2022/tiny-mce/utils/guid-generator.mjs +36 -0
  8. package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs +156 -0
  9. package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs.map +1 -0
  10. package/fesm2022/dangl-angular-material-shared.mjs +29 -165
  11. package/fesm2022/dangl-angular-material-shared.mjs.map +1 -1
  12. package/package.json +8 -3
  13. package/public_api.d.ts +0 -2
  14. package/tiny-mce/index.d.ts +5 -0
  15. package/tiny-mce/public_api.d.ts +2 -0
  16. package/{lib/components/tiny-mce → tiny-mce}/tiny-mce.component.d.ts +1 -1
  17. package/tinymce-assets/icons/default/icons.js +0 -4
  18. package/tinymce-assets/icons/default/icons.min.js +1 -1
  19. package/tinymce-assets/models/dom/model.js +64 -86
  20. package/tinymce-assets/models/dom/model.min.js +2 -2
  21. package/tinymce-assets/plugins/accordion/plugin.js +1 -1
  22. package/tinymce-assets/plugins/accordion/plugin.min.js +1 -1
  23. package/tinymce-assets/plugins/advlist/plugin.js +2 -2
  24. package/tinymce-assets/plugins/advlist/plugin.min.js +2 -2
  25. package/tinymce-assets/plugins/anchor/plugin.js +1 -1
  26. package/tinymce-assets/plugins/anchor/plugin.min.js +1 -1
  27. package/tinymce-assets/plugins/autolink/plugin.js +1 -1
  28. package/tinymce-assets/plugins/autolink/plugin.min.js +1 -1
  29. package/tinymce-assets/plugins/autoresize/plugin.js +1 -1
  30. package/tinymce-assets/plugins/autoresize/plugin.min.js +1 -1
  31. package/tinymce-assets/plugins/autosave/plugin.js +1 -1
  32. package/tinymce-assets/plugins/autosave/plugin.min.js +1 -1
  33. package/tinymce-assets/plugins/charmap/plugin.js +1 -1
  34. package/tinymce-assets/plugins/charmap/plugin.min.js +1 -1
  35. package/tinymce-assets/plugins/code/plugin.js +1 -1
  36. package/tinymce-assets/plugins/code/plugin.min.js +1 -1
  37. package/tinymce-assets/plugins/codesample/plugin.js +1 -1
  38. package/tinymce-assets/plugins/codesample/plugin.min.js +1 -1
  39. package/tinymce-assets/plugins/directionality/plugin.js +1 -1
  40. package/tinymce-assets/plugins/directionality/plugin.min.js +1 -1
  41. package/tinymce-assets/plugins/emoticons/plugin.js +1 -2
  42. package/tinymce-assets/plugins/emoticons/plugin.min.js +2 -2
  43. package/tinymce-assets/plugins/fullscreen/plugin.js +2 -3
  44. package/tinymce-assets/plugins/fullscreen/plugin.min.js +2 -2
  45. package/tinymce-assets/plugins/help/js/i18n/keynav/ar.js +1 -1
  46. package/tinymce-assets/plugins/help/js/i18n/keynav/bg_BG.js +1 -1
  47. package/tinymce-assets/plugins/help/js/i18n/keynav/ca.js +1 -1
  48. package/tinymce-assets/plugins/help/js/i18n/keynav/cs.js +1 -1
  49. package/tinymce-assets/plugins/help/js/i18n/keynav/da.js +1 -1
  50. package/tinymce-assets/plugins/help/js/i18n/keynav/de.js +1 -1
  51. package/tinymce-assets/plugins/help/js/i18n/keynav/el.js +1 -1
  52. package/tinymce-assets/plugins/help/js/i18n/keynav/en.js +1 -1
  53. package/tinymce-assets/plugins/help/js/i18n/keynav/es.js +1 -1
  54. package/tinymce-assets/plugins/help/js/i18n/keynav/eu.js +1 -1
  55. package/tinymce-assets/plugins/help/js/i18n/keynav/fa.js +1 -1
  56. package/tinymce-assets/plugins/help/js/i18n/keynav/fi.js +1 -1
  57. package/tinymce-assets/plugins/help/js/i18n/keynav/fr_FR.js +1 -1
  58. package/tinymce-assets/plugins/help/js/i18n/keynav/he_IL.js +1 -1
  59. package/tinymce-assets/plugins/help/js/i18n/keynav/hi.js +1 -1
  60. package/tinymce-assets/plugins/help/js/i18n/keynav/hr.js +1 -1
  61. package/tinymce-assets/plugins/help/js/i18n/keynav/hu_HU.js +1 -1
  62. package/tinymce-assets/plugins/help/js/i18n/keynav/id.js +1 -1
  63. package/tinymce-assets/plugins/help/js/i18n/keynav/it.js +1 -1
  64. package/tinymce-assets/plugins/help/js/i18n/keynav/ja.js +1 -1
  65. package/tinymce-assets/plugins/help/js/i18n/keynav/kk.js +1 -1
  66. package/tinymce-assets/plugins/help/js/i18n/keynav/ko_KR.js +1 -1
  67. package/tinymce-assets/plugins/help/js/i18n/keynav/ms.js +1 -1
  68. package/tinymce-assets/plugins/help/js/i18n/keynav/nb_NO.js +1 -1
  69. package/tinymce-assets/plugins/help/js/i18n/keynav/nl.js +1 -1
  70. package/tinymce-assets/plugins/help/js/i18n/keynav/pl.js +1 -1
  71. package/tinymce-assets/plugins/help/js/i18n/keynav/pt_BR.js +1 -1
  72. package/tinymce-assets/plugins/help/js/i18n/keynav/pt_PT.js +1 -1
  73. package/tinymce-assets/plugins/help/js/i18n/keynav/ro.js +1 -1
  74. package/tinymce-assets/plugins/help/js/i18n/keynav/ru.js +1 -1
  75. package/tinymce-assets/plugins/help/js/i18n/keynav/sk.js +1 -1
  76. package/tinymce-assets/plugins/help/js/i18n/keynav/sl_SI.js +2 -2
  77. package/tinymce-assets/plugins/help/js/i18n/keynav/sv_SE.js +1 -1
  78. package/tinymce-assets/plugins/help/js/i18n/keynav/th_TH.js +1 -1
  79. package/tinymce-assets/plugins/help/js/i18n/keynav/tr.js +1 -1
  80. package/tinymce-assets/plugins/help/js/i18n/keynav/uk.js +1 -1
  81. package/tinymce-assets/plugins/help/js/i18n/keynav/vi.js +1 -1
  82. package/tinymce-assets/plugins/help/js/i18n/keynav/zh_CN.js +1 -1
  83. package/tinymce-assets/plugins/help/js/i18n/keynav/zh_TW.js +1 -1
  84. package/tinymce-assets/plugins/help/plugin.js +43 -53
  85. package/tinymce-assets/plugins/help/plugin.min.js +2 -2
  86. package/tinymce-assets/plugins/image/plugin.js +1 -1
  87. package/tinymce-assets/plugins/image/plugin.min.js +1 -1
  88. package/tinymce-assets/plugins/importcss/plugin.js +1 -1
  89. package/tinymce-assets/plugins/importcss/plugin.min.js +1 -1
  90. package/tinymce-assets/plugins/insertdatetime/plugin.js +1 -1
  91. package/tinymce-assets/plugins/insertdatetime/plugin.min.js +1 -1
  92. package/tinymce-assets/plugins/link/plugin.js +3 -4
  93. package/tinymce-assets/plugins/link/plugin.min.js +2 -2
  94. package/tinymce-assets/plugins/lists/plugin.js +3 -4
  95. package/tinymce-assets/plugins/lists/plugin.min.js +2 -2
  96. package/tinymce-assets/plugins/media/plugin.js +2 -2
  97. package/tinymce-assets/plugins/media/plugin.min.js +2 -2
  98. package/tinymce-assets/plugins/nonbreaking/plugin.js +1 -1
  99. package/tinymce-assets/plugins/nonbreaking/plugin.min.js +1 -1
  100. package/tinymce-assets/plugins/pagebreak/plugin.js +1 -1
  101. package/tinymce-assets/plugins/pagebreak/plugin.min.js +1 -1
  102. package/tinymce-assets/plugins/preview/plugin.js +1 -1
  103. package/tinymce-assets/plugins/preview/plugin.min.js +1 -1
  104. package/tinymce-assets/plugins/quickbars/plugin.js +1 -1
  105. package/tinymce-assets/plugins/quickbars/plugin.min.js +1 -1
  106. package/tinymce-assets/plugins/save/plugin.js +2 -3
  107. package/tinymce-assets/plugins/save/plugin.min.js +2 -2
  108. package/tinymce-assets/plugins/searchreplace/plugin.js +2 -3
  109. package/tinymce-assets/plugins/searchreplace/plugin.min.js +2 -2
  110. package/tinymce-assets/plugins/table/plugin.js +48 -51
  111. package/tinymce-assets/plugins/table/plugin.min.js +2 -2
  112. package/tinymce-assets/plugins/template/index.js +7 -0
  113. package/tinymce-assets/plugins/template/plugin.js +567 -0
  114. package/tinymce-assets/plugins/template/plugin.min.js +4 -0
  115. package/tinymce-assets/plugins/visualblocks/plugin.js +1 -1
  116. package/tinymce-assets/plugins/visualblocks/plugin.min.js +1 -1
  117. package/tinymce-assets/plugins/visualchars/plugin.js +1 -1
  118. package/tinymce-assets/plugins/visualchars/plugin.min.js +1 -1
  119. package/tinymce-assets/plugins/wordcount/plugin.js +1 -1
  120. package/tinymce-assets/plugins/wordcount/plugin.min.js +1 -1
  121. package/tinymce-assets/skins/ui/oxide/skin.css +63 -392
  122. package/tinymce-assets/skins/ui/oxide/skin.js +1 -1
  123. package/tinymce-assets/skins/ui/oxide/skin.min.css +1 -1
  124. package/tinymce-assets/skins/ui/oxide-dark/skin.css +66 -395
  125. package/tinymce-assets/skins/ui/oxide-dark/skin.js +1 -1
  126. package/tinymce-assets/skins/ui/oxide-dark/skin.min.css +1 -1
  127. package/tinymce-assets/skins/ui/tinymce-5/skin.css +41 -369
  128. package/tinymce-assets/skins/ui/tinymce-5/skin.js +1 -1
  129. package/tinymce-assets/skins/ui/tinymce-5/skin.min.css +1 -1
  130. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.css +46 -374
  131. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.js +1 -1
  132. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.min.css +1 -1
  133. package/tinymce-assets/themes/silver/theme.js +302 -661
  134. package/tinymce-assets/themes/silver/theme.min.js +2 -2
  135. package/esm2022/lib/components/tiny-mce/tiny-mce.component.mjs +0 -107
  136. package/esm2022/lib/utils/guid-generator.mjs +0 -36
  137. /package/{lib → tiny-mce}/utils/guid-generator.d.ts +0 -0
@@ -230,20 +230,6 @@ button::-moz-focus-inner {
230
230
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
231
231
  padding: 4px 8px 4px 4px;
232
232
  }
233
- .tox .mce-codemirror {
234
- background: #fff;
235
- bottom: 0;
236
- font-size: 13px;
237
- left: 0;
238
- position: absolute;
239
- right: 0;
240
- top: 0;
241
- z-index: 1;
242
- }
243
- .tox .mce-codemirror.tox-inline-codemirror {
244
- margin: 8px;
245
- position: absolute;
246
- }
247
233
  .tox .tox-advtemplate .tox-form__grid {
248
234
  flex: 1;
249
235
  }
@@ -313,7 +299,7 @@ button::-moz-focus-inner {
313
299
  .tox .tox-button::before {
314
300
  border-radius: 6px;
315
301
  bottom: -1px;
316
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
302
+ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
317
303
  content: '';
318
304
  left: -1px;
319
305
  opacity: 0;
@@ -337,7 +323,7 @@ button::-moz-focus-inner {
337
323
  box-shadow: none;
338
324
  color: #fff;
339
325
  }
340
- .tox .tox-button:focus:not(:disabled)::before {
326
+ .tox .tox-button:focus-visible:not(:disabled)::before {
341
327
  opacity: 1;
342
328
  }
343
329
  .tox .tox-button:hover:not(:disabled) {
@@ -705,55 +691,22 @@ button::-moz-focus-inner {
705
691
  color: #fff;
706
692
  }
707
693
  .tox .tox-collection--list .tox-collection__item--active {
708
- background-color: #006ce7;
694
+ background-color: #3389ec;
709
695
  }
710
- .tox .tox-collection--toolbar .tox-collection__item--enabled,
711
- .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active,
712
- .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active:hover {
696
+ .tox .tox-collection--toolbar .tox-collection__item--enabled {
713
697
  background-color: #599fef;
714
698
  color: #fff;
715
699
  }
716
700
  .tox .tox-collection--toolbar .tox-collection__item--active {
717
- background-color: #2b3b4e;
718
- position: relative;
719
- }
720
- .tox .tox-collection--toolbar .tox-collection__item--active:hover {
721
- background-color: #2f4055;
722
- color: #fff;
723
- }
724
- .tox .tox-collection--toolbar .tox-collection__item--active:focus {
725
- background-color: #2f4055;
726
- color: #fff;
727
- }
728
- .tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
729
- border-radius: 3px;
730
- bottom: 0;
731
- box-shadow: 0 0 0 2px #fff ;
732
- content: '';
733
- left: 0;
734
- position: absolute;
735
- right: 0;
736
- top: 0;
701
+ background-color: #3389ec;
737
702
  }
738
703
  .tox .tox-collection--grid .tox-collection__item--enabled {
739
704
  background-color: #599fef;
740
705
  color: #fff;
741
706
  }
742
707
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
743
- background-color: #2f4055;
708
+ background-color: #3389ec;
744
709
  color: #fff;
745
- position: relative;
746
- z-index: 1;
747
- }
748
- .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
749
- border-radius: 3px;
750
- bottom: 0;
751
- box-shadow: 0 0 0 2px #fff 'inset';
752
- content: '';
753
- left: 0;
754
- position: absolute;
755
- right: 0;
756
- top: 0;
757
710
  }
758
711
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
759
712
  color: #fff;
@@ -790,7 +743,7 @@ button::-moz-focus-inner {
790
743
  word-break: break-all;
791
744
  }
792
745
  .tox .tox-collection__item-accessory {
793
- color: currentColor;
746
+ color: rgba(255, 255, 255, 0.5);
794
747
  display: inline-block;
795
748
  font-size: 14px;
796
749
  height: 24px;
@@ -808,7 +761,7 @@ button::-moz-focus-inner {
808
761
  min-height: inherit;
809
762
  }
810
763
  .tox .tox-collection__item-caret svg {
811
- fill: currentColor;
764
+ fill: #fff;
812
765
  }
813
766
  .tox .tox-collection__item--state-disabled {
814
767
  background-color: transparent;
@@ -1092,7 +1045,7 @@ button::-moz-focus-inner {
1092
1045
  width: 24px;
1093
1046
  }
1094
1047
  .tox .tox-swatches__picker-btn:hover {
1095
- background: #2f4055;
1048
+ background: #3389ec;
1096
1049
  }
1097
1050
  .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1098
1051
  display: none;
@@ -1675,7 +1628,7 @@ button::-moz-focus-inner {
1675
1628
  }
1676
1629
  .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1677
1630
  border-color: #006ce7;
1678
- box-shadow: 0 0 0 1px #006ce7;
1631
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
1679
1632
  outline: none;
1680
1633
  }
1681
1634
  .tox .tox-dialog__popups {
@@ -2085,7 +2038,7 @@ body.tox-dialog__disable-scroll {
2085
2038
  .tox .tox-custom-editor:focus-within {
2086
2039
  background-color: #2b3b4e;
2087
2040
  border-color: #006ce7;
2088
- box-shadow: 0 0 0 1px #006ce7;
2041
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2089
2042
  outline: none;
2090
2043
  }
2091
2044
  .tox .tox-toolbar-textfield {
@@ -2185,7 +2138,7 @@ body.tox-dialog__disable-scroll {
2185
2138
  .tox .tox-selectfield select:focus {
2186
2139
  background-color: #2b3b4e;
2187
2140
  border-color: #006ce7;
2188
- box-shadow: 0 0 0 1px #006ce7;
2141
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2189
2142
  outline: none;
2190
2143
  }
2191
2144
  .tox .tox-selectfield svg {
@@ -2341,7 +2294,6 @@ body.tox-dialog__disable-scroll {
2341
2294
  top: 200px;
2342
2295
  }
2343
2296
  .tox .tox-insert-table-picker {
2344
- background-color: #222F3E;
2345
2297
  display: flex;
2346
2298
  flex-wrap: wrap;
2347
2299
  width: 170px;
@@ -2358,8 +2310,8 @@ body.tox-dialog__disable-scroll {
2358
2310
  margin: -4px -4px;
2359
2311
  }
2360
2312
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2361
- background-color: #006ce7;
2362
- border-color: rgba(255, 255, 255, 0.15);
2313
+ background-color: rgba(0, 108, 231, 0.5);
2314
+ border-color: rgba(0, 108, 231, 0.5);
2363
2315
  }
2364
2316
  .tox .tox-insert-table-picker__label {
2365
2317
  color: #fff;
@@ -2468,7 +2420,7 @@ body.tox-dialog__disable-scroll {
2468
2420
  /* Deprecated. Remove in next major release */
2469
2421
  .tox .tox-mbtn {
2470
2422
  align-items: center;
2471
- background: #222F3E;
2423
+ background: transparent;
2472
2424
  border: 0;
2473
2425
  border-radius: 3px;
2474
2426
  box-shadow: none;
@@ -2482,44 +2434,32 @@ body.tox-dialog__disable-scroll {
2482
2434
  justify-content: center;
2483
2435
  margin: 5px 1px 6px 0;
2484
2436
  outline: none;
2437
+ overflow: hidden;
2485
2438
  padding: 0 4px;
2486
2439
  text-transform: none;
2487
2440
  width: auto;
2488
2441
  }
2489
2442
  .tox .tox-mbtn[disabled] {
2490
- background-color: #222F3E;
2443
+ background-color: transparent;
2491
2444
  border: 0;
2492
2445
  box-shadow: none;
2493
2446
  color: rgba(255, 255, 255, 0.5);
2494
2447
  cursor: not-allowed;
2495
2448
  }
2496
2449
  .tox .tox-mbtn:focus:not(:disabled) {
2497
- background: #222F3E;
2450
+ background: #3389ec;
2498
2451
  border: 0;
2499
2452
  box-shadow: none;
2500
2453
  color: #fff;
2501
- position: relative;
2502
- z-index: 1;
2503
2454
  }
2504
- .tox .tox-mbtn:focus:not(:disabled)::after {
2505
- border-radius: 3px;
2506
- bottom: 0;
2507
- box-shadow: 0 0 0 2px #fff ;
2508
- content: '';
2509
- left: 0;
2510
- position: absolute;
2511
- right: 0;
2512
- top: 0;
2513
- }
2514
- .tox .tox-mbtn--active,
2515
- .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
2455
+ .tox .tox-mbtn--active {
2516
2456
  background: #599fef;
2517
2457
  border: 0;
2518
2458
  box-shadow: none;
2519
2459
  color: #fff;
2520
2460
  }
2521
2461
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2522
- background: #2f4055;
2462
+ background: #3389ec;
2523
2463
  border: 0;
2524
2464
  box-shadow: none;
2525
2465
  color: #fff;
@@ -2929,6 +2869,7 @@ body.tox-dialog__disable-scroll {
2929
2869
  .tox .tox-statusbar__path {
2930
2870
  display: flex;
2931
2871
  flex: 1 1 auto;
2872
+ overflow: hidden;
2932
2873
  text-overflow: ellipsis;
2933
2874
  white-space: nowrap;
2934
2875
  }
@@ -2944,6 +2885,7 @@ body.tox-dialog__disable-scroll {
2944
2885
  display: flex;
2945
2886
  flex: 1 1 auto;
2946
2887
  justify-content: space-between;
2888
+ overflow: hidden;
2947
2889
  }
2948
2890
  @media only screen and (min-width: 768px ) {
2949
2891
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
@@ -2981,7 +2923,6 @@ body.tox-dialog__disable-scroll {
2981
2923
  .tox .tox-statusbar__path-item,
2982
2924
  .tox .tox-statusbar__wordcount {
2983
2925
  color: rgba(255, 255, 255, 0.75);
2984
- position: relative;
2985
2926
  text-decoration: none;
2986
2927
  }
2987
2928
  .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
@@ -2993,18 +2934,6 @@ body.tox-dialog__disable-scroll {
2993
2934
  color: #fff;
2994
2935
  cursor: pointer;
2995
2936
  }
2996
- .tox .tox-statusbar a:focus-visible::after,
2997
- .tox .tox-statusbar__path-item:focus-visible::after,
2998
- .tox .tox-statusbar__wordcount:focus-visible::after {
2999
- border-radius: 3px;
3000
- bottom: 0;
3001
- box-shadow: 0 0 0 2px #fff ;
3002
- content: '';
3003
- left: 0;
3004
- position: absolute;
3005
- right: 0;
3006
- top: 0;
3007
- }
3008
2937
  .tox .tox-statusbar__branding svg {
3009
2938
  fill: rgba(255, 255, 255, 0.8);
3010
2939
  height: 1.14em;
@@ -3022,37 +2951,20 @@ body.tox-dialog__disable-scroll {
3022
2951
  display: flex;
3023
2952
  flex: 0 0 auto;
3024
2953
  justify-content: flex-end;
3025
- margin-bottom: 3px;
3026
- margin-left: 4px;
3027
- margin-right: calc(3px - 8px);
3028
- margin-top: 3px;
3029
- padding-bottom: 0;
3030
- padding-left: 0;
3031
- padding-right: 0;
3032
- position: relative;
2954
+ margin-left: auto;
2955
+ margin-right: -8px;
2956
+ padding-bottom: 3px;
2957
+ padding-left: 1ch;
2958
+ padding-right: 3px;
3033
2959
  }
3034
2960
  .tox .tox-statusbar__resize-handle svg {
3035
2961
  display: block;
3036
2962
  fill: rgba(255, 255, 255, 0.5);
3037
2963
  }
3038
- .tox .tox-statusbar__resize-handle:hover svg,
3039
2964
  .tox .tox-statusbar__resize-handle:focus svg {
3040
- fill: #fff;
3041
- }
3042
- .tox .tox-statusbar__resize-handle:focus-visible {
3043
- background-color: transparent;
2965
+ background-color: #434e5b;
3044
2966
  border-radius: 1px 1px 5px 1px;
3045
- box-shadow: 0 0 0 2px transparent;
3046
- }
3047
- .tox .tox-statusbar__resize-handle:focus-visible::after {
3048
- border-radius: 3px;
3049
- bottom: 0;
3050
- box-shadow: 0 0 0 2px #fff ;
3051
- content: '';
3052
- left: 0;
3053
- position: absolute;
3054
- right: 0;
3055
- top: 0;
2967
+ box-shadow: 0 0 0 2px #434e5b;
3056
2968
  }
3057
2969
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
3058
2970
  margin-right: 4px;
@@ -3082,7 +2994,7 @@ body.tox-dialog__disable-scroll {
3082
2994
  }
3083
2995
  .tox .tox-tbtn {
3084
2996
  align-items: center;
3085
- background: #222F3E;
2997
+ background: transparent;
3086
2998
  border: 0;
3087
2999
  border-radius: 3px;
3088
3000
  box-shadow: none;
@@ -3096,6 +3008,7 @@ body.tox-dialog__disable-scroll {
3096
3008
  justify-content: center;
3097
3009
  margin: 6px 1px 5px 0;
3098
3010
  outline: none;
3011
+ overflow: hidden;
3099
3012
  padding: 0;
3100
3013
  text-transform: none;
3101
3014
  width: 34px;
@@ -3110,24 +3023,12 @@ body.tox-dialog__disable-scroll {
3110
3023
  width: inherit;
3111
3024
  }
3112
3025
  .tox .tox-tbtn:focus {
3113
- background: #222F3E;
3026
+ background: #3389ec;
3114
3027
  border: 0;
3115
3028
  box-shadow: none;
3116
- position: relative;
3117
- z-index: 1;
3118
- }
3119
- .tox .tox-tbtn:focus::after {
3120
- border-radius: 3px;
3121
- bottom: 0;
3122
- box-shadow: 0 0 0 2px #fff ;
3123
- content: '';
3124
- left: 0;
3125
- position: absolute;
3126
- right: 0;
3127
- top: 0;
3128
3029
  }
3129
3030
  .tox .tox-tbtn:hover {
3130
- background: #2f4055;
3031
+ background: #3389ec;
3131
3032
  border: 0;
3132
3033
  box-shadow: none;
3133
3034
  color: #fff;
@@ -3151,7 +3052,7 @@ body.tox-dialog__disable-scroll {
3151
3052
  .tox .tox-tbtn--disabled:hover,
3152
3053
  .tox .tox-tbtn:disabled,
3153
3054
  .tox .tox-tbtn:disabled:hover {
3154
- background: #222F3E;
3055
+ background: transparent;
3155
3056
  border: 0;
3156
3057
  box-shadow: none;
3157
3058
  color: rgba(255, 255, 255, 0.5);
@@ -3164,45 +3065,26 @@ body.tox-dialog__disable-scroll {
3164
3065
  /* stylelint-disable-line no-descending-specificity */
3165
3066
  fill: rgba(255, 255, 255, 0.5);
3166
3067
  }
3167
- .tox .tox-tbtn--active,
3168
3068
  .tox .tox-tbtn--enabled,
3169
- .tox .tox-tbtn--enabled:hover,
3170
- .tox .tox-tbtn--enabled:focus {
3069
+ .tox .tox-tbtn--enabled:hover {
3171
3070
  background: #599fef;
3172
3071
  border: 0;
3173
3072
  box-shadow: none;
3174
3073
  color: #fff;
3175
- position: relative;
3176
3074
  }
3177
- .tox .tox-tbtn--active > *,
3178
3075
  .tox .tox-tbtn--enabled > *,
3179
- .tox .tox-tbtn--enabled:hover > *,
3180
- .tox .tox-tbtn--enabled:focus > * {
3076
+ .tox .tox-tbtn--enabled:hover > * {
3181
3077
  transform: none;
3182
3078
  }
3183
- .tox .tox-tbtn--active svg,
3184
3079
  .tox .tox-tbtn--enabled svg,
3185
- .tox .tox-tbtn--enabled:hover svg,
3186
- .tox .tox-tbtn--enabled:focus svg {
3080
+ .tox .tox-tbtn--enabled:hover svg {
3187
3081
  /* stylelint-disable-line no-descending-specificity */
3188
3082
  fill: #fff;
3189
3083
  }
3190
- .tox .tox-tbtn--active.tox-tbtn--disabled svg,
3191
3084
  .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3192
- .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
3193
- .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
3085
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
3194
3086
  fill: rgba(255, 255, 255, 0.5);
3195
3087
  }
3196
- .tox .tox-tbtn--enabled:focus::after {
3197
- border-radius: 3px;
3198
- bottom: 0;
3199
- box-shadow: 0 0 0 2px #fff ;
3200
- content: '';
3201
- left: 0;
3202
- position: absolute;
3203
- right: 0;
3204
- top: 0;
3205
- }
3206
3088
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3207
3089
  color: #fff;
3208
3090
  }
@@ -3239,55 +3121,20 @@ body.tox-dialog__disable-scroll {
3239
3121
  white-space: nowrap;
3240
3122
  }
3241
3123
  .tox .tox-number-input {
3242
- background: #2f4055;
3243
3124
  border-radius: 3px;
3244
3125
  display: flex;
3245
3126
  margin: 6px 1px 5px 0;
3246
- position: relative;
3127
+ padding: 0 4px;
3247
3128
  width: auto;
3248
3129
  }
3249
- .tox .tox-number-input:focus {
3250
- background: #2f4055;
3251
- }
3252
- .tox .tox-number-input:focus::after {
3253
- border-radius: 3px;
3254
- bottom: 0;
3255
- box-shadow: 0 0 0 2px #fff ;
3256
- content: '';
3257
- left: 0;
3258
- position: absolute;
3259
- right: 0;
3260
- top: 0;
3261
- }
3262
3130
  .tox .tox-number-input .tox-input-wrapper {
3131
+ background: #2f4055;
3263
3132
  display: flex;
3264
3133
  pointer-events: none;
3265
- position: relative;
3266
3134
  text-align: center;
3267
3135
  }
3268
3136
  .tox .tox-number-input .tox-input-wrapper:focus {
3269
- background-color: #2f4055;
3270
- z-index: 1;
3271
- }
3272
- .tox .tox-number-input .tox-input-wrapper:focus::after {
3273
- border-radius: 3px;
3274
- bottom: 0;
3275
- box-shadow: 0 0 0 2px #fff ;
3276
- content: '';
3277
- left: 0;
3278
- position: absolute;
3279
- right: 0;
3280
- top: 0;
3281
- }
3282
- .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3283
- border-radius: 3px;
3284
- bottom: 0;
3285
- box-shadow: 0 0 0 2px #fff ;
3286
- content: '';
3287
- left: 0;
3288
- position: absolute;
3289
- right: 0;
3290
- top: 0;
3137
+ background: #3389ec;
3291
3138
  }
3292
3139
  .tox .tox-number-input input {
3293
3140
  border-radius: 3px;
@@ -3295,27 +3142,27 @@ body.tox-dialog__disable-scroll {
3295
3142
  font-size: 14px;
3296
3143
  margin: 2px 0;
3297
3144
  pointer-events: all;
3298
- position: relative;
3299
3145
  width: 60px;
3300
3146
  }
3301
3147
  .tox .tox-number-input input:hover {
3302
- background: #2f4055;
3148
+ background: #3389ec;
3303
3149
  color: #fff;
3304
3150
  }
3305
3151
  .tox .tox-number-input input:focus {
3306
- background-color: #2f4055;
3152
+ background: #fff;
3153
+ color: #222f3e;
3307
3154
  }
3308
3155
  .tox .tox-number-input input:disabled {
3309
- background: #222F3E;
3156
+ background: transparent;
3310
3157
  border: 0;
3311
3158
  box-shadow: none;
3312
3159
  color: rgba(255, 255, 255, 0.5);
3313
3160
  cursor: not-allowed;
3314
3161
  }
3315
3162
  .tox .tox-number-input button {
3163
+ background: #2f4055;
3316
3164
  color: #fff;
3317
3165
  height: 28px;
3318
- position: relative;
3319
3166
  text-align: center;
3320
3167
  width: 24px;
3321
3168
  }
@@ -3326,21 +3173,10 @@ body.tox-dialog__disable-scroll {
3326
3173
  transform: scale(0.67);
3327
3174
  }
3328
3175
  .tox .tox-number-input button:focus {
3329
- background: #2f4055;
3330
- z-index: 1;
3331
- }
3332
- .tox .tox-number-input button:focus::after {
3333
- border-radius: 3px;
3334
- bottom: 0;
3335
- box-shadow: 0 0 0 2px #fff ;
3336
- content: '';
3337
- left: 0;
3338
- position: absolute;
3339
- right: 0;
3340
- top: 0;
3176
+ background: #3389ec;
3341
3177
  }
3342
3178
  .tox .tox-number-input button:hover {
3343
- background: #2f4055;
3179
+ background: #3389ec;
3344
3180
  border: 0;
3345
3181
  box-shadow: none;
3346
3182
  color: #fff;
@@ -3358,7 +3194,7 @@ body.tox-dialog__disable-scroll {
3358
3194
  fill: #fff;
3359
3195
  }
3360
3196
  .tox .tox-number-input button:disabled {
3361
- background: #222F3E;
3197
+ background: transparent;
3362
3198
  border: 0;
3363
3199
  box-shadow: none;
3364
3200
  color: rgba(255, 255, 255, 0.5);
@@ -3375,7 +3211,7 @@ body.tox-dialog__disable-scroll {
3375
3211
  }
3376
3212
  .tox .tox-number-input:focus:not(:active) > button,
3377
3213
  .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
3378
- background: #2f4055;
3214
+ background: #3389ec;
3379
3215
  }
3380
3216
  .tox .tox-tbtn--select {
3381
3217
  margin: 6px 1px 5px 0;
@@ -3403,9 +3239,6 @@ body.tox-dialog__disable-scroll {
3403
3239
  .tox .tox-tbtn--bespoke {
3404
3240
  background: #2f4055;
3405
3241
  }
3406
- .tox .tox-tbtn--bespoke:focus {
3407
- background: #2f4055;
3408
- }
3409
3242
  .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3410
3243
  margin-inline-start: 4px;
3411
3244
  }
@@ -3425,39 +3258,19 @@ body.tox-dialog__disable-scroll {
3425
3258
  box-sizing: border-box;
3426
3259
  display: flex;
3427
3260
  margin: 6px 1px 5px 0;
3261
+ overflow: hidden;
3428
3262
  }
3429
3263
  .tox .tox-split-button:hover {
3430
- box-shadow: 0 0 0 1px #2f4055 inset;
3264
+ box-shadow: 0 0 0 1px #3389ec inset;
3431
3265
  }
3432
3266
  .tox .tox-split-button:focus {
3433
- background: #222F3E;
3267
+ background: #3389ec;
3434
3268
  box-shadow: none;
3435
3269
  color: #fff;
3436
- position: relative;
3437
- z-index: 1;
3438
- }
3439
- .tox .tox-split-button:focus::after {
3440
- pointer-events: none;
3441
- border-radius: 3px;
3442
- bottom: 0;
3443
- box-shadow: 0 0 0 2px #fff ;
3444
- content: '';
3445
- left: 0;
3446
- position: absolute;
3447
- right: 0;
3448
- top: 0;
3449
3270
  }
3450
3271
  .tox .tox-split-button > * {
3451
3272
  border-radius: 0;
3452
3273
  }
3453
- .tox .tox-split-button > *:nth-child(1) {
3454
- border-bottom-left-radius: 3px;
3455
- border-top-left-radius: 3px;
3456
- }
3457
- .tox .tox-split-button > *:nth-child(2) {
3458
- border-bottom-right-radius: 3px;
3459
- border-top-right-radius: 3px;
3460
- }
3461
3274
  .tox .tox-split-button__chevron {
3462
3275
  width: 16px;
3463
3276
  }
@@ -3467,14 +3280,11 @@ body.tox-dialog__disable-scroll {
3467
3280
  .tox .tox-split-button .tox-tbtn {
3468
3281
  margin: 0;
3469
3282
  }
3470
- .tox .tox-split-button:focus .tox-tbtn {
3471
- background-color: transparent;
3472
- }
3473
3283
  .tox .tox-split-button.tox-tbtn--disabled:hover,
3474
3284
  .tox .tox-split-button.tox-tbtn--disabled:focus,
3475
3285
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
3476
3286
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
3477
- background: #222F3E;
3287
+ background: transparent;
3478
3288
  box-shadow: none;
3479
3289
  color: rgba(255, 255, 255, 0.5);
3480
3290
  }
@@ -3598,30 +3408,18 @@ body.tox-dialog__disable-scroll {
3598
3408
  }
3599
3409
  .tox .tox-tooltip {
3600
3410
  display: inline-block;
3601
- max-width: 15em;
3602
3411
  padding: 8px;
3603
- /*
3604
- * The pointer-events: none is designed to make mouse events bleed through the tooltip
3605
- * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
3606
- * another item should trigger the hover of the item obscured by the tooltip, even though
3607
- * the tooltip is on top
3608
- */
3609
- pointer-events: none;
3610
3412
  position: relative;
3611
- width: -moz-max-content;
3612
- width: max-content;
3613
- z-index: 1150;
3614
3413
  }
3615
3414
  .tox .tox-tooltip__body {
3616
- background-color: #324053;
3415
+ background-color: #3d546f;
3617
3416
  border-radius: 6px;
3618
- box-shadow: none;
3619
- color: #fff;
3620
- font-size: 12px;
3417
+ box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3418
+ color: rgba(255, 255, 255, 0.75);
3419
+ font-size: 14px;
3621
3420
  font-style: normal;
3622
- font-weight: 600;
3623
- overflow-wrap: break-word;
3624
- padding: 4px 6px;
3421
+ font-weight: normal;
3422
+ padding: 4px 8px;
3625
3423
  text-transform: none;
3626
3424
  }
3627
3425
  .tox .tox-tooltip__arrow {
@@ -3630,14 +3428,14 @@ body.tox-dialog__disable-scroll {
3630
3428
  .tox .tox-tooltip--down .tox-tooltip__arrow {
3631
3429
  border-left: 8px solid transparent;
3632
3430
  border-right: 8px solid transparent;
3633
- border-top: 8px solid #324053;
3431
+ border-top: 8px solid #3d546f;
3634
3432
  bottom: 0;
3635
3433
  left: 50%;
3636
3434
  position: absolute;
3637
3435
  transform: translateX(-50%);
3638
3436
  }
3639
3437
  .tox .tox-tooltip--up .tox-tooltip__arrow {
3640
- border-bottom: 8px solid #324053;
3438
+ border-bottom: 8px solid #3d546f;
3641
3439
  border-left: 8px solid transparent;
3642
3440
  border-right: 8px solid transparent;
3643
3441
  left: 50%;
@@ -3647,7 +3445,7 @@ body.tox-dialog__disable-scroll {
3647
3445
  }
3648
3446
  .tox .tox-tooltip--right .tox-tooltip__arrow {
3649
3447
  border-bottom: 8px solid transparent;
3650
- border-left: 8px solid #324053;
3448
+ border-left: 8px solid #3d546f;
3651
3449
  border-top: 8px solid transparent;
3652
3450
  position: absolute;
3653
3451
  right: 0;
@@ -3656,7 +3454,7 @@ body.tox-dialog__disable-scroll {
3656
3454
  }
3657
3455
  .tox .tox-tooltip--left .tox-tooltip__arrow {
3658
3456
  border-bottom: 8px solid transparent;
3659
- border-right: 8px solid #324053;
3457
+ border-right: 8px solid #3d546f;
3660
3458
  border-top: 8px solid transparent;
3661
3459
  left: 0;
3662
3460
  position: absolute;
@@ -3699,12 +3497,12 @@ body.tox-dialog__disable-scroll {
3699
3497
  fill: #fff;
3700
3498
  }
3701
3499
  .tox .tox-tree .tox-trbtn:focus {
3702
- background: #2f4055;
3500
+ background: #3389ec;
3703
3501
  border: 0;
3704
3502
  box-shadow: none;
3705
3503
  }
3706
3504
  .tox .tox-tree .tox-trbtn:hover {
3707
- background: #2f4055;
3505
+ background: #3389ec;
3708
3506
  border: 0;
3709
3507
  box-shadow: none;
3710
3508
  color: #fff;
@@ -3855,119 +3653,6 @@ body.tox-dialog__disable-scroll {
3855
3653
  display: flex;
3856
3654
  justify-content: space-between;
3857
3655
  }
3858
- .tox .tox-revisionhistory__pane {
3859
- padding: 0 !important;
3860
- /* Override the default padding of tox-view__pane */
3861
- }
3862
- .tox .tox-revisionhistory__container {
3863
- display: flex;
3864
- flex-direction: column;
3865
- height: 100%;
3866
- }
3867
- .tox .tox-revisionhistory {
3868
- background-color: #2b3b4e;
3869
- border-radius: 4px;
3870
- border-top: 1px solid #161f29;
3871
- display: flex;
3872
- flex: 1;
3873
- height: 100%;
3874
- margin-top: 8px;
3875
- overflow: 'auto';
3876
- position: relative;
3877
- width: 100%;
3878
- }
3879
- .tox .tox-revisionhistroy--align-right {
3880
- margin-left: auto;
3881
- }
3882
- .tox .tox-revisionhistory__iframe {
3883
- flex: 1;
3884
- }
3885
- .tox .tox-revisionhistory__sidebar {
3886
- border-left: 1px solid #161f29;
3887
- height: 100%;
3888
- max-width: 360px;
3889
- overflow-x: auto;
3890
- overflow-y: hidden;
3891
- }
3892
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
3893
- border-bottom: 1px solid #161f29;
3894
- color: #fff;
3895
- font-size: 20px;
3896
- font-weight: 400;
3897
- height: 60px;
3898
- min-width: 192px;
3899
- padding: 16px;
3900
- }
3901
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
3902
- flex-direction: column;
3903
- max-height: calc(100% - 60px);
3904
- min-width: 192px;
3905
- overflow-y: auto;
3906
- padding: 8px;
3907
- }
3908
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
3909
- height: 100%;
3910
- position: relative;
3911
- z-index: 1;
3912
- }
3913
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
3914
- border-radius: 3px;
3915
- bottom: 0;
3916
- box-shadow: 0 0 0 2px #fff ;
3917
- content: '';
3918
- left: 0;
3919
- position: absolute;
3920
- right: 0;
3921
- top: 0;
3922
- border-radius: 6px;
3923
- bottom: 1px;
3924
- left: 1px;
3925
- right: 1px;
3926
- top: 1px;
3927
- }
3928
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
3929
- border: 1px solid #161f29;
3930
- border-radius: 6px;
3931
- color: #fff;
3932
- cursor: pointer;
3933
- font-size: 14px;
3934
- margin-bottom: 8px;
3935
- padding: 8px;
3936
- text-overflow: ellipsis;
3937
- text-wrap: nowrap;
3938
- width: 100%;
3939
- }
3940
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
3941
- background-color: #2f4055;
3942
- box-shadow: none;
3943
- color: #fff;
3944
- }
3945
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
3946
- position: relative;
3947
- z-index: 1;
3948
- }
3949
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
3950
- border-radius: 6px !important;
3951
- border-radius: 3px;
3952
- bottom: 0;
3953
- box-shadow: 0 0 0 2px #fff ;
3954
- content: '';
3955
- left: 0;
3956
- position: absolute;
3957
- right: 0;
3958
- top: 0;
3959
- }
3960
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
3961
- background-color: #599fef;
3962
- box-shadow: none;
3963
- color: #fff;
3964
- }
3965
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
3966
- color: rgba(255, 255, 255, 0.5);
3967
- font-size: 16px;
3968
- line-height: 24px;
3969
- padding: 5px 5.5px;
3970
- }
3971
3656
  .tox .tox-view-wrap,
3972
3657
  .tox .tox-view-wrap__slot-container {
3973
3658
  background-color: #222F3E;
@@ -3989,19 +3674,6 @@ body.tox-dialog__disable-scroll {
3989
3674
  padding: 8px 8px 0 8px;
3990
3675
  position: relative;
3991
3676
  }
3992
- .tox .tox-view__label {
3993
- color: #fff;
3994
- font-weight: bold;
3995
- line-height: 24px;
3996
- padding: 4px 16px;
3997
- text-align: center;
3998
- }
3999
- .tox .tox-view__label--normal {
4000
- font-size: 16px;
4001
- }
4002
- .tox .tox-view__label--large {
4003
- font-size: 20px;
4004
- }
4005
3677
  .tox .tox-view--mobile.tox-view__header,
4006
3678
  .tox .tox-view--mobile.tox-view__toolbar {
4007
3679
  padding: 8px;
@@ -4029,7 +3701,6 @@ body.tox-dialog__disable-scroll {
4029
3701
  .tox .tox-view__pane {
4030
3702
  height: 100%;
4031
3703
  padding: 8px;
4032
- position: relative;
4033
3704
  width: 100%;
4034
3705
  }
4035
3706
  .tox .tox-view__pane_panel {