jodit 3.9.3 → 3.9.4

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 (85) hide show
  1. package/.idea/workspace.xml +129 -121
  2. package/CHANGELOG.MD +21 -5
  3. package/build/jodit.css +92 -33
  4. package/build/jodit.es2018.css +65 -29
  5. package/build/jodit.es2018.en.css +65 -29
  6. package/build/jodit.es2018.en.js +854 -466
  7. package/build/jodit.es2018.en.min.css +1 -1
  8. package/build/jodit.es2018.en.min.js +1 -1
  9. package/build/jodit.es2018.js +854 -466
  10. package/build/jodit.es2018.min.css +1 -1
  11. package/build/jodit.es2018.min.js +1 -1
  12. package/build/jodit.js +1804 -1360
  13. package/build/jodit.min.css +2 -2
  14. package/build/jodit.min.js +1 -1
  15. package/index.d.ts +10 -0
  16. package/package.json +1 -1
  17. package/src/config.ts +1 -1
  18. package/src/core/dom.ts +10 -3
  19. package/src/core/helpers/size/index.ts +1 -0
  20. package/src/core/helpers/size/object-size.ts +22 -0
  21. package/src/core/selection/select.ts +1 -0
  22. package/src/core/selection/style/api/{get-closest-wrapper.ts → extract.ts} +26 -43
  23. package/src/core/selection/style/api/finite-state-machine.ts +66 -0
  24. package/src/core/selection/style/api/index.ts +12 -5
  25. package/src/core/selection/style/api/{check-special-elements.ts → is-inside-invisible-element.ts} +1 -1
  26. package/src/core/selection/style/api/is-suit-element.ts +12 -1
  27. package/src/core/selection/style/api/toggle/toggle-css.ts +134 -0
  28. package/src/core/selection/style/api/toggle/toggle-ordered-list.ts +49 -0
  29. package/src/core/selection/style/api/toggle-commit-styles.ts +27 -0
  30. package/src/core/selection/style/api/wrap-and-commit-style.ts +68 -0
  31. package/src/core/selection/style/api/wrap-ordered-list.ts +37 -0
  32. package/src/core/selection/style/api/wrap-unwrapped-text.ts +1 -4
  33. package/src/core/selection/style/apply-style.ts +161 -97
  34. package/src/core/selection/style/commit-style.ts +13 -0
  35. package/src/core/ui/button/button/button.less +2 -0
  36. package/src/core/ui/helpers/buttons.ts +14 -6
  37. package/src/core/ui/list/list.less +1 -0
  38. package/src/core/ui/popup/popup.less +5 -3
  39. package/src/core/view/view-with-toolbar.ts +4 -0
  40. package/src/modules/status-bar/status-bar.less +27 -1
  41. package/src/modules/status-bar/status-bar.ts +15 -1
  42. package/src/modules/widget/tabs/tabs.less +1 -0
  43. package/src/plugins/bold.ts +2 -2
  44. package/src/plugins/font.ts +11 -1
  45. package/src/plugins/index.ts +1 -0
  46. package/src/plugins/mobile.ts +10 -14
  47. package/src/plugins/ordered-list.ts +40 -1
  48. package/src/plugins/powered-by-jodit.ts +39 -0
  49. package/src/plugins/print/preview.ts +9 -2
  50. package/src/plugins/resizer/resizer.less +10 -7
  51. package/src/plugins/resizer/resizer.ts +12 -14
  52. package/src/plugins/size/assests/resize-handler.svg +4 -0
  53. package/src/plugins/size/resize-handler.ts +4 -4
  54. package/src/plugins/size/size.less +6 -8
  55. package/src/plugins/source/source.ts +15 -1
  56. package/src/styles/themes/dark.less +11 -1
  57. package/src/types/style.d.ts +2 -0
  58. package/src/types/toolbar.d.ts +2 -1
  59. package/src/types/view.d.ts +1 -0
  60. package/types/core/dom.d.ts +2 -1
  61. package/types/core/helpers/size/index.d.ts +1 -0
  62. package/types/core/helpers/size/object-size.d.ts +7 -0
  63. package/types/core/selection/style/api/{get-closest-wrapper.d.ts → extract.d.ts} +6 -5
  64. package/types/core/selection/style/api/finite-state-machine.d.ts +21 -0
  65. package/types/core/selection/style/api/index.d.ts +12 -5
  66. package/types/core/selection/style/api/{check-special-elements.d.ts → is-inside-invisible-element.d.ts} +1 -1
  67. package/types/core/selection/style/api/is-suit-element.d.ts +9 -0
  68. package/types/core/selection/style/api/toggle/toggle-css.d.ts +11 -0
  69. package/types/core/selection/style/api/toggle/toggle-ordered-list.d.ts +11 -0
  70. package/types/core/selection/style/api/{toggle-styles.d.ts → toggle-commit-styles.d.ts} +1 -3
  71. package/types/core/selection/style/api/{post-process-list-element.d.ts → wrap-and-commit-style.d.ts} +3 -3
  72. package/types/core/selection/style/api/wrap-ordered-list.d.ts +12 -0
  73. package/types/core/selection/style/apply-style.d.ts +1 -4
  74. package/types/core/selection/style/commit-style.d.ts +7 -0
  75. package/types/core/ui/helpers/buttons.d.ts +2 -2
  76. package/types/core/view/view-with-toolbar.d.ts +2 -1
  77. package/types/modules/status-bar/status-bar.d.ts +6 -1
  78. package/types/plugins/index.d.ts +1 -0
  79. package/types/plugins/ordered-list.d.ts +8 -1
  80. package/types/plugins/powered-by-jodit.d.ts +12 -0
  81. package/types/types/style.d.ts +2 -0
  82. package/types/types/toolbar.d.ts +2 -1
  83. package/types/types/view.d.ts +1 -0
  84. package/src/core/selection/style/api/post-process-list-element.ts +0 -33
  85. package/src/core/selection/style/api/toggle-styles.ts +0 -74
package/build/jodit.es2018.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
3
3
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
4
- * Version: v3.9.3
4
+ * Version: v3.9.4
5
5
  * Url: https://xdsoft.net/jodit/
6
6
  * License(s): MIT
7
7
  */
@@ -680,7 +680,7 @@ svg.jodit-icon {
680
680
  }
681
681
  .jodit-dialog_theme_dark .jodit-popup__content,
682
682
  .jodit_theme_dark .jodit-popup__content {
683
- background: var(--jd-dark_background_color);
683
+ background: var(--jd-dark_background_ligher);
684
684
  }
685
685
  .jodit-dialog_theme_dark .jodit-ui-button__text,
686
686
  .jodit_theme_dark .jodit-ui-button__text,
@@ -706,9 +706,20 @@ svg.jodit-icon {
706
706
  .jodit_theme_dark .jodit-status-bar {
707
707
  border-color: rgba(95, 92, 92, 0.8);
708
708
  background-color: rgba(95, 92, 92, 0.8);
709
+ color: var(--jd-dark_text_color);
710
+ }
711
+ .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link,
712
+ .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link,
713
+ .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover,
714
+ .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover,
715
+ .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited,
716
+ .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited {
717
+ color: var(--jd-dark_text_color);
709
718
  }
710
719
  .jodit-dialog_theme_dark .jodit-status-bar,
711
720
  .jodit_theme_dark .jodit-status-bar,
721
+ .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item a,
722
+ .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item a,
712
723
  .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item span,
713
724
  .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item span {
714
725
  color: var(--jd-dark_text_color);
@@ -1141,6 +1152,7 @@ svg.jodit-icon {
1141
1152
  justify-content: center;
1142
1153
  padding: 0 var(--jd-padding-default);
1143
1154
  border-radius: var(--jd-border-radius-default);
1155
+ cursor: pointer;
1144
1156
  min-width: 34px;
1145
1157
  height: 34px;
1146
1158
  }
@@ -1454,6 +1466,7 @@ svg.jodit-icon {
1454
1466
  width: 100%;
1455
1467
  height: auto;
1456
1468
  min-height: var(--jd-button-size);
1469
+ cursor: pointer;
1457
1470
  }
1458
1471
  .jodit-ui-list_mode_vertical .jodit-toolbar-button__text:not(:empty) {
1459
1472
  justify-content: left;
@@ -1534,9 +1547,11 @@ svg.jodit-icon {
1534
1547
  * Released under MIT see LICENSE.txt in the project root for license information.
1535
1548
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
1536
1549
  */
1537
- .jodit-popup {
1538
- --jd-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
1550
+ :root {
1551
+ --jd-popup-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
1539
1552
  0 3px 3px 0 rgba(76, 76, 76, 0.15), 0 1px 4px 0 rgba(76, 76, 76, 0.13);
1553
+ }
1554
+ .jodit-popup {
1540
1555
  position: static;
1541
1556
  width: auto;
1542
1557
  max-width: none;
@@ -1550,7 +1565,7 @@ svg.jodit-icon {
1550
1565
  position: fixed;
1551
1566
  z-index: var(--jd-z-index-popup);
1552
1567
  display: inline-block;
1553
- box-shadow: var(--jd-box-shadow);
1568
+ box-shadow: var(--jd-popup-box-shadow);
1554
1569
  transform: translate3d(0, 0, 0);
1555
1570
  }
1556
1571
  .jodit-popup__content {
@@ -2024,8 +2039,6 @@ svg.jodit-icon {
2024
2039
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
2025
2040
  */
2026
2041
  .jodit-context-menu {
2027
- --jd-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
2028
- 0 3px 3px 0 rgba(76, 76, 76, 0.15), 0 1px 4px 0 rgba(76, 76, 76, 0.13);
2029
2042
  position: static;
2030
2043
  width: auto;
2031
2044
  max-width: none;
@@ -2039,7 +2052,7 @@ svg.jodit-icon {
2039
2052
  position: fixed;
2040
2053
  z-index: var(--jd-z-index-popup);
2041
2054
  display: inline-block;
2042
- box-shadow: var(--jd-box-shadow);
2055
+ box-shadow: var(--jd-popup-box-shadow);
2043
2056
  transform: translate3d(0, 0, 0);
2044
2057
  z-index: var(--jd-z-index-context-menu);
2045
2058
  }
@@ -2450,6 +2463,7 @@ svg.jodit-icon {
2450
2463
  width: 100%;
2451
2464
  height: auto;
2452
2465
  min-height: var(--jd-button-size);
2466
+ cursor: pointer;
2453
2467
  }
2454
2468
  .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__text:not(:empty),
2455
2469
  .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__text:not(:empty) {
@@ -2602,6 +2616,7 @@ svg.jodit-icon {
2602
2616
  padding: 0 var(--jd-padding-default);
2603
2617
  }
2604
2618
  .jodit-toolbar-button__button {
2619
+ cursor: pointer;
2605
2620
  position: relative;
2606
2621
  box-sizing: border-box;
2607
2622
  padding: 0;
@@ -2645,6 +2660,7 @@ svg.jodit-icon {
2645
2660
  justify-content: center;
2646
2661
  border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
2647
2662
  opacity: 0.4;
2663
+ cursor: pointer;
2648
2664
  width: 14px;
2649
2665
  }
2650
2666
  .jodit-toolbar-button__trigger:hover:not([disabled]) {
@@ -2721,6 +2737,7 @@ svg.jodit-icon {
2721
2737
  justify-content: center;
2722
2738
  padding: 0 var(--jd-padding-default);
2723
2739
  border-radius: var(--jd-border-radius-default);
2740
+ cursor: pointer;
2724
2741
  min-width: 34px;
2725
2742
  height: 34px;
2726
2743
  padding: 0;
@@ -3600,12 +3617,18 @@ svg.jodit-icon {
3600
3617
  .jodit-status-bar {
3601
3618
  display: flex;
3602
3619
  overflow: hidden;
3620
+ height: 20px;
3603
3621
  align-items: center;
3604
3622
  justify-content: flex-start;
3605
3623
  padding: 0 calc(var(--jd-padding-default) / 2);
3606
3624
  background-color: var(--jd-color-panel);
3607
3625
  border-radius: 0 0 var(--jd-border-radius-default) var(--jd-border-radius-default);
3626
+ color: var(--jd-color-text-icons);
3608
3627
  font-size: var(--jd-font-size-small);
3628
+ text-transform: uppercase;
3629
+ }
3630
+ .jodit-status-bar_resize-handle_true {
3631
+ padding-right: 14px;
3609
3632
  }
3610
3633
  .jodit-status-bar::before {
3611
3634
  flex: auto;
@@ -3635,9 +3658,20 @@ svg.jodit-icon {
3635
3658
  }
3636
3659
  .jodit-status-bar .jodit-status-bar__item a:hover {
3637
3660
  background-color: var(--jd-color-background-gray);
3638
- color: var(--jd-color-text);
3639
3661
  text-decoration: none;
3640
3662
  }
3663
+ .jodit-status-bar a.jodit-status-bar-link {
3664
+ cursor: pointer;
3665
+ }
3666
+ .jodit-status-bar a.jodit-status-bar-link,
3667
+ .jodit-status-bar a.jodit-status-bar-link:hover,
3668
+ .jodit-status-bar a.jodit-status-bar-link:visited {
3669
+ background-color: transparent;
3670
+ color: var(--jd-color-text-icons);
3671
+ }
3672
+ .jodit-status-bar a.jodit-status-bar-link:hover {
3673
+ text-decoration: underline;
3674
+ }
3641
3675
  .jodit-workplace + .jodit-status-bar:not(:empty) {
3642
3676
  border-top: 1px solid var(--jd-color-border);
3643
3677
  }
@@ -3888,6 +3922,7 @@ svg.jodit-icon {
3888
3922
  }
3889
3923
  .jodit-tabs .jodit-tabs__buttons > * {
3890
3924
  margin-left: calc(var(--jd-padding-default) / 2);
3925
+ cursor: pointer;
3891
3926
  }
3892
3927
  .jodit-tabs .jodit-tabs__buttons > *:only-of-type {
3893
3928
  width: 100%;
@@ -4087,7 +4122,10 @@ html.jodit_fullsize-box_true {
4087
4122
  :root {
4088
4123
  --jd-viewer_width: 70px;
4089
4124
  --jd-viewer_height: 24px;
4090
- --jd-resizer-handle-size: var(--jd-padding-default);
4125
+ --jd-resizer-handle-size: 10px;
4126
+ --jd-resizer-border-color: #98c1f1;
4127
+ --jd-resizer-handle-color: #5ba4f3;
4128
+ --jd-resizer-handle-hover-color: #537ebb;
4091
4129
  }
4092
4130
  [data-jodit_iframe_wrapper] {
4093
4131
  position: relative;
@@ -4112,8 +4150,9 @@ html.jodit_fullsize-box_true {
4112
4150
  left: 0;
4113
4151
  width: 100px;
4114
4152
  height: 100px;
4115
- border: 1px solid var(--jd-color-border-dark);
4153
+ box-sizing: border-box;
4116
4154
  font-size: 0;
4155
+ outline: 3px solid var(--jd-resizer-border-color);
4117
4156
  pointer-events: none;
4118
4157
  }
4119
4158
  .jodit-resizer * {
@@ -4137,42 +4176,41 @@ html.jodit_fullsize-box_true {
4137
4176
  text-align: center;
4138
4177
  transition: opacity 0.2s linear;
4139
4178
  }
4140
- .jodit-resizer > i {
4179
+ .jodit-resizer > div {
4141
4180
  position: absolute;
4142
4181
  z-index: 4;
4143
4182
  display: inline-block;
4144
4183
  width: var(--jd-resizer-handle-size);
4145
4184
  height: var(--jd-resizer-handle-size);
4146
- border: 1px solid var(--jd-color-border-dark);
4147
- background-color: var(--jd-color-background-gray);
4185
+ background-color: var(--jd-resizer-handle-color);
4148
4186
  pointer-events: all;
4149
4187
  }
4150
- .jodit-resizer > i:hover {
4151
- background-color: var(--jd-color-background-gray-hover);
4188
+ .jodit-resizer > div:hover {
4189
+ background-color: var(--jd-resizer-handle-hover-color);
4152
4190
  }
4153
- .jodit-resizer > i:nth-child(1) {
4191
+ .jodit-resizer > div:nth-child(1) {
4154
4192
  top: calc(var(--jd-resizer-handle-size) / -2);
4155
4193
  left: calc(var(--jd-resizer-handle-size) / -2);
4156
4194
  cursor: nw-resize;
4157
4195
  }
4158
- .jodit-resizer > i:nth-child(2) {
4196
+ .jodit-resizer > div:nth-child(2) {
4159
4197
  top: calc(var(--jd-resizer-handle-size) / -2);
4160
4198
  right: calc(var(--jd-resizer-handle-size) / -2);
4161
4199
  cursor: ne-resize;
4162
4200
  }
4163
- .jodit-resizer > i:nth-child(3) {
4201
+ .jodit-resizer > div:nth-child(3) {
4164
4202
  right: calc(var(--jd-resizer-handle-size) / -2);
4165
4203
  bottom: calc(var(--jd-resizer-handle-size) / -2);
4166
4204
  cursor: se-resize;
4167
4205
  }
4168
- .jodit-resizer > i:nth-child(4) {
4206
+ .jodit-resizer > div:nth-child(4) {
4169
4207
  bottom: calc(var(--jd-resizer-handle-size) / -2);
4170
4208
  left: calc(var(--jd-resizer-handle-size) / -2);
4171
4209
  cursor: sw-resize;
4172
4210
  }
4173
4211
  @media (max-width: 768px) {
4174
- .jodit-resizer > i :root {
4175
- --jd-resizer-handle-size: calc(var(--jd-padding-default) * 2);
4212
+ .jodit-resizer > div :root {
4213
+ --jd-resizer-handle-size: calc(var(--jd-resizer-handle-size) * 2);
4176
4214
  }
4177
4215
  }
4178
4216
 
@@ -4315,17 +4353,15 @@ html.jodit_fullsize-box_true {
4315
4353
  .jodit-container:not(.jodit_inline) .jodit-editor__resize {
4316
4354
  position: relative;
4317
4355
  }
4318
- .jodit-container:not(.jodit_inline) .jodit-editor__resize span {
4356
+ .jodit-container:not(.jodit_inline) .jodit-editor__resize svg {
4319
4357
  position: absolute;
4320
4358
  right: 0;
4321
4359
  bottom: 0;
4322
4360
  overflow: hidden;
4323
- width: 0;
4324
- height: 0;
4325
- border-width: 7px 7px 0 0;
4326
- border-style: dashed solid dashed dashed;
4327
- border-color: rgba(0, 0, 0, 0) var(--jd-color-border) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
4328
- cursor: se-resize;
4361
+ width: 12px;
4362
+ height: 12px;
4363
+ cursor: nwse-resize;
4364
+ fill: var(--jd-color-gray-dark);
4329
4365
  user-select: none;
4330
4366
  }
4331
4367
 
package/build/jodit.es2018.en.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
3
3
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
4
- * Version: v3.9.3
4
+ * Version: v3.9.4
5
5
  * Url: https://xdsoft.net/jodit/
6
6
  * License(s): MIT
7
7
  */
@@ -680,7 +680,7 @@ svg.jodit-icon {
680
680
  }
681
681
  .jodit-dialog_theme_dark .jodit-popup__content,
682
682
  .jodit_theme_dark .jodit-popup__content {
683
- background: var(--jd-dark_background_color);
683
+ background: var(--jd-dark_background_ligher);
684
684
  }
685
685
  .jodit-dialog_theme_dark .jodit-ui-button__text,
686
686
  .jodit_theme_dark .jodit-ui-button__text,
@@ -706,9 +706,20 @@ svg.jodit-icon {
706
706
  .jodit_theme_dark .jodit-status-bar {
707
707
  border-color: rgba(95, 92, 92, 0.8);
708
708
  background-color: rgba(95, 92, 92, 0.8);
709
+ color: var(--jd-dark_text_color);
710
+ }
711
+ .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link,
712
+ .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link,
713
+ .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover,
714
+ .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover,
715
+ .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited,
716
+ .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited {
717
+ color: var(--jd-dark_text_color);
709
718
  }
710
719
  .jodit-dialog_theme_dark .jodit-status-bar,
711
720
  .jodit_theme_dark .jodit-status-bar,
721
+ .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item a,
722
+ .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item a,
712
723
  .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item span,
713
724
  .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item span {
714
725
  color: var(--jd-dark_text_color);
@@ -1141,6 +1152,7 @@ svg.jodit-icon {
1141
1152
  justify-content: center;
1142
1153
  padding: 0 var(--jd-padding-default);
1143
1154
  border-radius: var(--jd-border-radius-default);
1155
+ cursor: pointer;
1144
1156
  min-width: 34px;
1145
1157
  height: 34px;
1146
1158
  }
@@ -1454,6 +1466,7 @@ svg.jodit-icon {
1454
1466
  width: 100%;
1455
1467
  height: auto;
1456
1468
  min-height: var(--jd-button-size);
1469
+ cursor: pointer;
1457
1470
  }
1458
1471
  .jodit-ui-list_mode_vertical .jodit-toolbar-button__text:not(:empty) {
1459
1472
  justify-content: left;
@@ -1534,9 +1547,11 @@ svg.jodit-icon {
1534
1547
  * Released under MIT see LICENSE.txt in the project root for license information.
1535
1548
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
1536
1549
  */
1537
- .jodit-popup {
1538
- --jd-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
1550
+ :root {
1551
+ --jd-popup-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
1539
1552
  0 3px 3px 0 rgba(76, 76, 76, 0.15), 0 1px 4px 0 rgba(76, 76, 76, 0.13);
1553
+ }
1554
+ .jodit-popup {
1540
1555
  position: static;
1541
1556
  width: auto;
1542
1557
  max-width: none;
@@ -1550,7 +1565,7 @@ svg.jodit-icon {
1550
1565
  position: fixed;
1551
1566
  z-index: var(--jd-z-index-popup);
1552
1567
  display: inline-block;
1553
- box-shadow: var(--jd-box-shadow);
1568
+ box-shadow: var(--jd-popup-box-shadow);
1554
1569
  transform: translate3d(0, 0, 0);
1555
1570
  }
1556
1571
  .jodit-popup__content {
@@ -2024,8 +2039,6 @@ svg.jodit-icon {
2024
2039
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
2025
2040
  */
2026
2041
  .jodit-context-menu {
2027
- --jd-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
2028
- 0 3px 3px 0 rgba(76, 76, 76, 0.15), 0 1px 4px 0 rgba(76, 76, 76, 0.13);
2029
2042
  position: static;
2030
2043
  width: auto;
2031
2044
  max-width: none;
@@ -2039,7 +2052,7 @@ svg.jodit-icon {
2039
2052
  position: fixed;
2040
2053
  z-index: var(--jd-z-index-popup);
2041
2054
  display: inline-block;
2042
- box-shadow: var(--jd-box-shadow);
2055
+ box-shadow: var(--jd-popup-box-shadow);
2043
2056
  transform: translate3d(0, 0, 0);
2044
2057
  z-index: var(--jd-z-index-context-menu);
2045
2058
  }
@@ -2450,6 +2463,7 @@ svg.jodit-icon {
2450
2463
  width: 100%;
2451
2464
  height: auto;
2452
2465
  min-height: var(--jd-button-size);
2466
+ cursor: pointer;
2453
2467
  }
2454
2468
  .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__text:not(:empty),
2455
2469
  .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__text:not(:empty) {
@@ -2602,6 +2616,7 @@ svg.jodit-icon {
2602
2616
  padding: 0 var(--jd-padding-default);
2603
2617
  }
2604
2618
  .jodit-toolbar-button__button {
2619
+ cursor: pointer;
2605
2620
  position: relative;
2606
2621
  box-sizing: border-box;
2607
2622
  padding: 0;
@@ -2645,6 +2660,7 @@ svg.jodit-icon {
2645
2660
  justify-content: center;
2646
2661
  border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
2647
2662
  opacity: 0.4;
2663
+ cursor: pointer;
2648
2664
  width: 14px;
2649
2665
  }
2650
2666
  .jodit-toolbar-button__trigger:hover:not([disabled]) {
@@ -2721,6 +2737,7 @@ svg.jodit-icon {
2721
2737
  justify-content: center;
2722
2738
  padding: 0 var(--jd-padding-default);
2723
2739
  border-radius: var(--jd-border-radius-default);
2740
+ cursor: pointer;
2724
2741
  min-width: 34px;
2725
2742
  height: 34px;
2726
2743
  padding: 0;
@@ -3600,12 +3617,18 @@ svg.jodit-icon {
3600
3617
  .jodit-status-bar {
3601
3618
  display: flex;
3602
3619
  overflow: hidden;
3620
+ height: 20px;
3603
3621
  align-items: center;
3604
3622
  justify-content: flex-start;
3605
3623
  padding: 0 calc(var(--jd-padding-default) / 2);
3606
3624
  background-color: var(--jd-color-panel);
3607
3625
  border-radius: 0 0 var(--jd-border-radius-default) var(--jd-border-radius-default);
3626
+ color: var(--jd-color-text-icons);
3608
3627
  font-size: var(--jd-font-size-small);
3628
+ text-transform: uppercase;
3629
+ }
3630
+ .jodit-status-bar_resize-handle_true {
3631
+ padding-right: 14px;
3609
3632
  }
3610
3633
  .jodit-status-bar::before {
3611
3634
  flex: auto;
@@ -3635,9 +3658,20 @@ svg.jodit-icon {
3635
3658
  }
3636
3659
  .jodit-status-bar .jodit-status-bar__item a:hover {
3637
3660
  background-color: var(--jd-color-background-gray);
3638
- color: var(--jd-color-text);
3639
3661
  text-decoration: none;
3640
3662
  }
3663
+ .jodit-status-bar a.jodit-status-bar-link {
3664
+ cursor: pointer;
3665
+ }
3666
+ .jodit-status-bar a.jodit-status-bar-link,
3667
+ .jodit-status-bar a.jodit-status-bar-link:hover,
3668
+ .jodit-status-bar a.jodit-status-bar-link:visited {
3669
+ background-color: transparent;
3670
+ color: var(--jd-color-text-icons);
3671
+ }
3672
+ .jodit-status-bar a.jodit-status-bar-link:hover {
3673
+ text-decoration: underline;
3674
+ }
3641
3675
  .jodit-workplace + .jodit-status-bar:not(:empty) {
3642
3676
  border-top: 1px solid var(--jd-color-border);
3643
3677
  }
@@ -3888,6 +3922,7 @@ svg.jodit-icon {
3888
3922
  }
3889
3923
  .jodit-tabs .jodit-tabs__buttons > * {
3890
3924
  margin-left: calc(var(--jd-padding-default) / 2);
3925
+ cursor: pointer;
3891
3926
  }
3892
3927
  .jodit-tabs .jodit-tabs__buttons > *:only-of-type {
3893
3928
  width: 100%;
@@ -4087,7 +4122,10 @@ html.jodit_fullsize-box_true {
4087
4122
  :root {
4088
4123
  --jd-viewer_width: 70px;
4089
4124
  --jd-viewer_height: 24px;
4090
- --jd-resizer-handle-size: var(--jd-padding-default);
4125
+ --jd-resizer-handle-size: 10px;
4126
+ --jd-resizer-border-color: #98c1f1;
4127
+ --jd-resizer-handle-color: #5ba4f3;
4128
+ --jd-resizer-handle-hover-color: #537ebb;
4091
4129
  }
4092
4130
  [data-jodit_iframe_wrapper] {
4093
4131
  position: relative;
@@ -4112,8 +4150,9 @@ html.jodit_fullsize-box_true {
4112
4150
  left: 0;
4113
4151
  width: 100px;
4114
4152
  height: 100px;
4115
- border: 1px solid var(--jd-color-border-dark);
4153
+ box-sizing: border-box;
4116
4154
  font-size: 0;
4155
+ outline: 3px solid var(--jd-resizer-border-color);
4117
4156
  pointer-events: none;
4118
4157
  }
4119
4158
  .jodit-resizer * {
@@ -4137,42 +4176,41 @@ html.jodit_fullsize-box_true {
4137
4176
  text-align: center;
4138
4177
  transition: opacity 0.2s linear;
4139
4178
  }
4140
- .jodit-resizer > i {
4179
+ .jodit-resizer > div {
4141
4180
  position: absolute;
4142
4181
  z-index: 4;
4143
4182
  display: inline-block;
4144
4183
  width: var(--jd-resizer-handle-size);
4145
4184
  height: var(--jd-resizer-handle-size);
4146
- border: 1px solid var(--jd-color-border-dark);
4147
- background-color: var(--jd-color-background-gray);
4185
+ background-color: var(--jd-resizer-handle-color);
4148
4186
  pointer-events: all;
4149
4187
  }
4150
- .jodit-resizer > i:hover {
4151
- background-color: var(--jd-color-background-gray-hover);
4188
+ .jodit-resizer > div:hover {
4189
+ background-color: var(--jd-resizer-handle-hover-color);
4152
4190
  }
4153
- .jodit-resizer > i:nth-child(1) {
4191
+ .jodit-resizer > div:nth-child(1) {
4154
4192
  top: calc(var(--jd-resizer-handle-size) / -2);
4155
4193
  left: calc(var(--jd-resizer-handle-size) / -2);
4156
4194
  cursor: nw-resize;
4157
4195
  }
4158
- .jodit-resizer > i:nth-child(2) {
4196
+ .jodit-resizer > div:nth-child(2) {
4159
4197
  top: calc(var(--jd-resizer-handle-size) / -2);
4160
4198
  right: calc(var(--jd-resizer-handle-size) / -2);
4161
4199
  cursor: ne-resize;
4162
4200
  }
4163
- .jodit-resizer > i:nth-child(3) {
4201
+ .jodit-resizer > div:nth-child(3) {
4164
4202
  right: calc(var(--jd-resizer-handle-size) / -2);
4165
4203
  bottom: calc(var(--jd-resizer-handle-size) / -2);
4166
4204
  cursor: se-resize;
4167
4205
  }
4168
- .jodit-resizer > i:nth-child(4) {
4206
+ .jodit-resizer > div:nth-child(4) {
4169
4207
  bottom: calc(var(--jd-resizer-handle-size) / -2);
4170
4208
  left: calc(var(--jd-resizer-handle-size) / -2);
4171
4209
  cursor: sw-resize;
4172
4210
  }
4173
4211
  @media (max-width: 768px) {
4174
- .jodit-resizer > i :root {
4175
- --jd-resizer-handle-size: calc(var(--jd-padding-default) * 2);
4212
+ .jodit-resizer > div :root {
4213
+ --jd-resizer-handle-size: calc(var(--jd-resizer-handle-size) * 2);
4176
4214
  }
4177
4215
  }
4178
4216
 
@@ -4315,17 +4353,15 @@ html.jodit_fullsize-box_true {
4315
4353
  .jodit-container:not(.jodit_inline) .jodit-editor__resize {
4316
4354
  position: relative;
4317
4355
  }
4318
- .jodit-container:not(.jodit_inline) .jodit-editor__resize span {
4356
+ .jodit-container:not(.jodit_inline) .jodit-editor__resize svg {
4319
4357
  position: absolute;
4320
4358
  right: 0;
4321
4359
  bottom: 0;
4322
4360
  overflow: hidden;
4323
- width: 0;
4324
- height: 0;
4325
- border-width: 7px 7px 0 0;
4326
- border-style: dashed solid dashed dashed;
4327
- border-color: rgba(0, 0, 0, 0) var(--jd-color-border) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
4328
- cursor: se-resize;
4361
+ width: 12px;
4362
+ height: 12px;
4363
+ cursor: nwse-resize;
4364
+ fill: var(--jd-color-gray-dark);
4329
4365
  user-select: none;
4330
4366
  }
4331
4367