jodit 3.9.6 → 3.11.2

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 (144) hide show
  1. package/.idea/dictionaries/v_chupurnov.xml +1 -0
  2. package/.idea/workspace.xml +197 -179
  3. package/CHANGELOG.MD +279 -133
  4. package/build/jodit.css +185 -130
  5. package/build/jodit.es2018.css +175 -126
  6. package/build/jodit.es2018.en.css +175 -126
  7. package/build/jodit.es2018.en.js +709 -367
  8. package/build/jodit.es2018.en.min.css +1 -1
  9. package/build/jodit.es2018.en.min.js +1 -1
  10. package/build/jodit.es2018.js +709 -367
  11. package/build/jodit.es2018.min.css +1 -1
  12. package/build/jodit.es2018.min.js +1 -1
  13. package/build/jodit.js +1362 -900
  14. package/build/jodit.min.css +2 -2
  15. package/build/jodit.min.js +1 -1
  16. package/package.json +22 -11
  17. package/src/core/async.ts +4 -0
  18. package/src/core/component/statuses.ts +6 -6
  19. package/src/core/dom.ts +25 -5
  20. package/src/core/events/event-emitter.ts +4 -2
  21. package/src/core/global.ts +15 -4
  22. package/src/core/helpers/append-script.ts +14 -0
  23. package/src/core/helpers/selector.ts +8 -3
  24. package/src/core/request/ajax.ts +5 -2
  25. package/src/core/request/response.ts +8 -4
  26. package/src/core/selection/style/api/toggle/toggle-css.ts +1 -1
  27. package/src/core/ui/button/button/button.less +8 -8
  28. package/src/core/ui/button/button/button.ts +9 -9
  29. package/src/core/ui/button/group/group.ts +2 -2
  30. package/src/core/ui/element.ts +4 -3
  31. package/src/core/ui/form/block/block.ts +1 -1
  32. package/src/core/ui/form/form.ts +8 -0
  33. package/src/core/ui/form/inputs/area/area.less +5 -0
  34. package/src/core/ui/form/inputs/area/area.ts +22 -1
  35. package/src/core/ui/form/inputs/checkbox/checkbox.less +50 -0
  36. package/src/core/ui/form/inputs/checkbox/checkbox.ts +48 -4
  37. package/src/core/ui/form/inputs/input/input.less +1 -1
  38. package/src/core/ui/form/inputs/input/input.ts +14 -4
  39. package/src/core/ui/icon.ts +2 -1
  40. package/src/core/ui/list/group.ts +2 -2
  41. package/src/core/ui/popup/popup.ts +59 -3
  42. package/src/jodit.ts +17 -14
  43. package/src/modules/dialog/dialog.less +0 -1
  44. package/src/modules/dialog/dialog.ts +2 -2
  45. package/src/modules/toolbar/collection/collection.ts +1 -6
  46. package/src/modules/toolbar/collection/editor-collection.ts +5 -1
  47. package/src/modules/widget/file-selector/file-selector.ts +1 -1
  48. package/src/modules/widget/tabs/tabs.less +1 -1
  49. package/src/modules/widget/tabs/tabs.ts +5 -3
  50. package/src/plugins/add-new-line/add-new-line.ts +1 -0
  51. package/src/plugins/clipboard/paste/paste.ts +1 -1
  52. package/src/plugins/image/image-properties/image-properties.ts +7 -0
  53. package/src/plugins/index.ts +1 -1
  54. package/src/plugins/keyboard/backspace/backspace.ts +183 -0
  55. package/src/plugins/keyboard/backspace/cases/check-join-neighbors.ts +117 -0
  56. package/src/plugins/keyboard/backspace/cases/check-join-two-lists.ts +55 -0
  57. package/src/plugins/keyboard/backspace/cases/check-not-collapsed.ts +27 -0
  58. package/src/plugins/keyboard/backspace/cases/check-remove-char.ts +191 -0
  59. package/src/plugins/keyboard/backspace/cases/check-remove-content-not-editable.ts +46 -0
  60. package/src/plugins/keyboard/backspace/cases/check-remove-empty-neighbor.ts +43 -0
  61. package/src/plugins/keyboard/backspace/cases/check-remove-empty-parent.ts +80 -0
  62. package/src/plugins/keyboard/backspace/cases/check-remove-unbreakable-element.ts +46 -0
  63. package/src/plugins/keyboard/backspace/cases/check-table-cell.ts +30 -0
  64. package/src/plugins/keyboard/backspace/cases/check-unwrap-first-list-item.ts +57 -0
  65. package/src/plugins/keyboard/backspace/cases/index.ts +27 -0
  66. package/src/plugins/keyboard/backspace/config.ts +33 -0
  67. package/src/plugins/keyboard/backspace/interface.d.ts +7 -0
  68. package/src/plugins/keyboard/helpers.ts +7 -3
  69. package/src/plugins/link/template.ts +2 -2
  70. package/src/plugins/print/preview.ts +103 -55
  71. package/src/plugins/resizer/resizer.ts +7 -2
  72. package/src/plugins/select.ts +0 -1
  73. package/src/plugins/source/const.ts +7 -0
  74. package/src/plugins/source/editor/engines/ace.ts +5 -0
  75. package/src/plugins/source/source.ts +19 -7
  76. package/src/styles/jodit.less +6 -0
  77. package/src/types/ajax.d.ts +3 -0
  78. package/src/types/async.d.ts +2 -0
  79. package/src/types/jodit.d.ts +5 -8
  80. package/src/types/popup.d.ts +1 -0
  81. package/src/types/ui.d.ts +23 -4
  82. package/types/core/async.d.ts +1 -0
  83. package/types/core/component/component.d.ts +6 -2
  84. package/types/core/component/statuses.d.ts +6 -6
  85. package/types/core/dom.d.ts +6 -2
  86. package/types/core/global.d.ts +1 -1
  87. package/types/core/helpers/append-script.d.ts +1 -0
  88. package/types/core/helpers/selector.d.ts +2 -3
  89. package/types/core/request/response.d.ts +2 -1
  90. package/types/core/ui/button/button/button.d.ts +3 -3
  91. package/types/core/ui/form/form.d.ts +1 -0
  92. package/types/core/ui/form/inputs/area/area.d.ts +7 -1
  93. package/types/core/ui/form/inputs/checkbox/checkbox.d.ts +10 -3
  94. package/types/core/ui/icon.d.ts +1 -1
  95. package/types/core/ui/list/group.d.ts +2 -1
  96. package/types/core/ui/popup/popup.d.ts +2 -1
  97. package/types/jodit.d.ts +6 -6
  98. package/types/modules/toolbar/button/button.d.ts +1 -1
  99. package/types/modules/widget/tabs/tabs.d.ts +2 -1
  100. package/types/plugins/index.d.ts +1 -1
  101. package/types/plugins/keyboard/backspace/backspace.d.ts +28 -0
  102. package/types/plugins/keyboard/backspace/cases/check-join-neighbors.d.ts +10 -0
  103. package/types/plugins/keyboard/backspace/cases/check-join-two-lists.d.ts +19 -0
  104. package/types/plugins/keyboard/backspace/cases/check-not-collapsed.d.ts +19 -0
  105. package/types/plugins/keyboard/backspace/cases/check-remove-char.d.ts +20 -0
  106. package/types/plugins/keyboard/backspace/cases/check-remove-content-not-editable.d.ts +10 -0
  107. package/types/plugins/keyboard/backspace/cases/check-remove-empty-neighbor.d.ts +19 -0
  108. package/types/plugins/keyboard/backspace/cases/check-remove-empty-parent.d.ts +19 -0
  109. package/types/plugins/keyboard/backspace/cases/check-remove-unbreakable-element.d.ts +19 -0
  110. package/types/plugins/keyboard/backspace/cases/check-table-cell.d.ts +19 -0
  111. package/types/plugins/keyboard/backspace/cases/check-unwrap-first-list-item.d.ts +19 -0
  112. package/types/plugins/keyboard/backspace/cases/index.d.ts +8 -0
  113. package/types/plugins/keyboard/backspace/config.d.ts +20 -0
  114. package/types/plugins/keyboard/helpers.d.ts +2 -2
  115. package/types/plugins/select.d.ts +0 -1
  116. package/types/plugins/source/const.d.ts +6 -0
  117. package/types/plugins/source/editor/engines/ace.d.ts +1 -0
  118. package/types/plugins/source/source.d.ts +1 -0
  119. package/types/types/{ajax.d.ts → types/ajax.d.ts} +3 -0
  120. package/types/types/{async.d.ts → types/async.d.ts} +2 -0
  121. package/types/types/{context.d.ts → types/context.d.ts} +0 -0
  122. package/types/types/{core.ts → types/core.ts} +0 -0
  123. package/types/types/{create.d.ts → types/create.d.ts} +0 -0
  124. package/types/types/{dialog.d.ts → types/dialog.d.ts} +0 -0
  125. package/types/types/{events.d.ts → types/events.d.ts} +0 -0
  126. package/types/types/{file-browser.d.ts → types/file-browser.d.ts} +0 -0
  127. package/types/types/{form.d.ts → types/form.d.ts} +0 -0
  128. package/types/types/{index.d.ts → types/index.d.ts} +0 -0
  129. package/types/types/{jodit.d.ts → types/jodit.d.ts} +5 -8
  130. package/types/types/{observe.d.ts → types/observe.d.ts} +0 -0
  131. package/types/types/{plugin.d.ts → types/plugin.d.ts} +0 -0
  132. package/types/types/{popup.d.ts → types/popup.d.ts} +1 -0
  133. package/types/types/{select.d.ts → types/select.d.ts} +0 -0
  134. package/types/types/{source.d.ts → types/source.d.ts} +0 -0
  135. package/types/types/{storage.ts → types/storage.ts} +0 -0
  136. package/types/types/{style.d.ts → types/style.d.ts} +0 -0
  137. package/types/types/{toolbar.d.ts → types/toolbar.d.ts} +0 -0
  138. package/types/types/{traits.d.ts → types/traits.d.ts} +0 -0
  139. package/types/types/{types.d.ts → types/types.d.ts} +0 -0
  140. package/types/types/{ui.d.ts → types/ui.d.ts} +23 -4
  141. package/types/types/{uploader.d.ts → types/uploader.d.ts} +0 -0
  142. package/types/types/{view.d.ts → types/view.d.ts} +0 -0
  143. package/src/plugins/keyboard/delete.ts +0 -746
  144. package/types/plugins/keyboard/delete.d.ts +0 -161
package/build/jodit.css CHANGED
@@ -1,14 +1,14 @@
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.6
4
+ * Version: v3.11.2
5
5
  * Url: https://xdsoft.net/jodit/
6
6
  * License(s): MIT
7
7
  */
8
8
  /*!
9
9
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
10
10
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
11
- * Version: v3.9.6
11
+ * Version: v3.11.2
12
12
  * Url: https://xdsoft.net/jodit/
13
13
  * License(s): MIT
14
14
  */
@@ -665,6 +665,9 @@ svg.jodit-icon {
665
665
  width: 100%;
666
666
  height: 100%;
667
667
  }
668
+ .jodit-wysiwyg *[contentEditable='false'] {
669
+ cursor: default;
670
+ }
668
671
  .jodit-container:not(.jodit_inline) {
669
672
  border: 1px solid #dadada;
670
673
  border-radius: 3px;
@@ -1226,155 +1229,155 @@ svg.jodit-icon {
1226
1229
  .jodit-ui-button-sizes_size_large_text-icons_true button {
1227
1230
  padding: 0 8px;
1228
1231
  }
1229
- .jodit-ui-button-statuses_status_default {
1232
+ .jodit-ui-button-variants_variant_default {
1230
1233
  background-color: #e3e3e3;
1231
1234
  color: #212529;
1232
1235
  }
1233
- .jodit-ui-button-statuses_status_default svg {
1236
+ .jodit-ui-button-variants_variant_default svg {
1234
1237
  fill: #212529;
1235
1238
  stroke: #212529;
1236
1239
  }
1237
- .jodit-ui-button-statuses_status_default [disabled] {
1240
+ .jodit-ui-button-variants_variant_default [disabled] {
1238
1241
  opacity: 0.7;
1239
1242
  }
1240
- .jodit-ui-button-statuses_status_default:hover:not([disabled]) {
1243
+ .jodit-ui-button-variants_variant_default:hover:not([disabled]) {
1241
1244
  background-color: #c9cdd1;
1242
1245
  color: #212529;
1243
1246
  }
1244
- .jodit-ui-button-statuses_status_default:hover:not([disabled]) svg {
1247
+ .jodit-ui-button-variants_variant_default:hover:not([disabled]) svg {
1245
1248
  fill: #212529;
1246
1249
  stroke: #212529;
1247
1250
  }
1248
- .jodit-ui-button-statuses_status_default:active:not([disabled]) {
1251
+ .jodit-ui-button-variants_variant_default:active:not([disabled]) {
1249
1252
  background-color: #dae0e5;
1250
1253
  color: #212529;
1251
1254
  }
1252
- .jodit-ui-button-statuses_status_default:active:not([disabled]) svg {
1255
+ .jodit-ui-button-variants_variant_default:active:not([disabled]) svg {
1253
1256
  fill: #212529;
1254
1257
  stroke: #212529;
1255
1258
  }
1256
- .jodit-ui-button-statuses_status_default:focus:not([disabled]) {
1259
+ .jodit-ui-button-variants_variant_default:focus:not([disabled]) {
1257
1260
  outline: 1px dashed #dae0e5;
1258
1261
  }
1259
- .jodit-ui-button-statuses_status_primary {
1262
+ .jodit-ui-button-variants_variant_primary {
1260
1263
  background-color: #007bff;
1261
1264
  color: #fff;
1262
1265
  }
1263
- .jodit-ui-button-statuses_status_primary svg {
1266
+ .jodit-ui-button-variants_variant_primary svg {
1264
1267
  fill: #fff;
1265
1268
  stroke: #fff;
1266
1269
  }
1267
- .jodit-ui-button-statuses_status_primary [disabled] {
1270
+ .jodit-ui-button-variants_variant_primary [disabled] {
1268
1271
  opacity: 0.7;
1269
1272
  }
1270
- .jodit-ui-button-statuses_status_primary:hover:not([disabled]) {
1273
+ .jodit-ui-button-variants_variant_primary:hover:not([disabled]) {
1271
1274
  background-color: #0069d9;
1272
1275
  color: #fff;
1273
1276
  }
1274
- .jodit-ui-button-statuses_status_primary:hover:not([disabled]) svg {
1277
+ .jodit-ui-button-variants_variant_primary:hover:not([disabled]) svg {
1275
1278
  fill: #fff;
1276
1279
  stroke: #fff;
1277
1280
  }
1278
- .jodit-ui-button-statuses_status_primary:active:not([disabled]) {
1281
+ .jodit-ui-button-variants_variant_primary:active:not([disabled]) {
1279
1282
  background-color: #0062cc;
1280
1283
  color: #fff;
1281
1284
  }
1282
- .jodit-ui-button-statuses_status_primary:active:not([disabled]) svg {
1285
+ .jodit-ui-button-variants_variant_primary:active:not([disabled]) svg {
1283
1286
  fill: #fff;
1284
1287
  stroke: #fff;
1285
1288
  }
1286
- .jodit-ui-button-statuses_status_primary:focus:not([disabled]) {
1289
+ .jodit-ui-button-variants_variant_primary:focus:not([disabled]) {
1287
1290
  outline: 1px dashed #0062cc;
1288
1291
  }
1289
- .jodit-ui-button-statuses_status_secondary {
1292
+ .jodit-ui-button-variants_variant_secondary {
1290
1293
  background-color: #d8d8d8;
1291
1294
  color: #212529;
1292
1295
  border-radius: 0;
1293
1296
  }
1294
- .jodit-ui-button-statuses_status_secondary svg {
1297
+ .jodit-ui-button-variants_variant_secondary svg {
1295
1298
  fill: #212529;
1296
1299
  stroke: #212529;
1297
1300
  }
1298
- .jodit-ui-button-statuses_status_secondary [disabled] {
1301
+ .jodit-ui-button-variants_variant_secondary [disabled] {
1299
1302
  opacity: 0.7;
1300
1303
  }
1301
- .jodit-ui-button-statuses_status_secondary:hover:not([disabled]) {
1304
+ .jodit-ui-button-variants_variant_secondary:hover:not([disabled]) {
1302
1305
  background-color: #c9cdd1;
1303
1306
  color: #212529;
1304
1307
  }
1305
- .jodit-ui-button-statuses_status_secondary:hover:not([disabled]) svg {
1308
+ .jodit-ui-button-variants_variant_secondary:hover:not([disabled]) svg {
1306
1309
  fill: #212529;
1307
1310
  stroke: #212529;
1308
1311
  }
1309
- .jodit-ui-button-statuses_status_secondary:active:not([disabled]) {
1312
+ .jodit-ui-button-variants_variant_secondary:active:not([disabled]) {
1310
1313
  background-color: #dae0e5;
1311
1314
  color: #212529;
1312
1315
  }
1313
- .jodit-ui-button-statuses_status_secondary:active:not([disabled]) svg {
1316
+ .jodit-ui-button-variants_variant_secondary:active:not([disabled]) svg {
1314
1317
  fill: #212529;
1315
1318
  stroke: #212529;
1316
1319
  }
1317
- .jodit-ui-button-statuses_status_secondary:focus:not([disabled]) {
1320
+ .jodit-ui-button-variants_variant_secondary:focus:not([disabled]) {
1318
1321
  outline: 1px dashed #dae0e5;
1319
1322
  }
1320
- .jodit-ui-button-statuses_status_success {
1323
+ .jodit-ui-button-variants_variant_success {
1321
1324
  background-color: #28a745;
1322
1325
  color: #fff;
1323
1326
  }
1324
- .jodit-ui-button-statuses_status_success svg {
1327
+ .jodit-ui-button-variants_variant_success svg {
1325
1328
  fill: #fff;
1326
1329
  stroke: #fff;
1327
1330
  }
1328
- .jodit-ui-button-statuses_status_success [disabled] {
1331
+ .jodit-ui-button-variants_variant_success [disabled] {
1329
1332
  opacity: 0.7;
1330
1333
  }
1331
- .jodit-ui-button-statuses_status_success:hover:not([disabled]) {
1334
+ .jodit-ui-button-variants_variant_success:hover:not([disabled]) {
1332
1335
  background-color: #218838;
1333
1336
  color: #fff;
1334
1337
  }
1335
- .jodit-ui-button-statuses_status_success:hover:not([disabled]) svg {
1338
+ .jodit-ui-button-variants_variant_success:hover:not([disabled]) svg {
1336
1339
  fill: #fff;
1337
1340
  stroke: #fff;
1338
1341
  }
1339
- .jodit-ui-button-statuses_status_success:active:not([disabled]) {
1342
+ .jodit-ui-button-variants_variant_success:active:not([disabled]) {
1340
1343
  background-color: #1e7e34;
1341
1344
  color: #fff;
1342
1345
  }
1343
- .jodit-ui-button-statuses_status_success:active:not([disabled]) svg {
1346
+ .jodit-ui-button-variants_variant_success:active:not([disabled]) svg {
1344
1347
  fill: #fff;
1345
1348
  stroke: #fff;
1346
1349
  }
1347
- .jodit-ui-button-statuses_status_success:focus:not([disabled]) {
1350
+ .jodit-ui-button-variants_variant_success:focus:not([disabled]) {
1348
1351
  outline: 1px dashed #1e7e34;
1349
1352
  }
1350
- .jodit-ui-button-statuses_status_danger {
1353
+ .jodit-ui-button-variants_variant_danger {
1351
1354
  background-color: #dc3545;
1352
1355
  color: #fff;
1353
1356
  }
1354
- .jodit-ui-button-statuses_status_danger svg {
1357
+ .jodit-ui-button-variants_variant_danger svg {
1355
1358
  fill: #fff;
1356
1359
  stroke: #fff;
1357
1360
  }
1358
- .jodit-ui-button-statuses_status_danger [disabled] {
1361
+ .jodit-ui-button-variants_variant_danger [disabled] {
1359
1362
  opacity: 0.7;
1360
1363
  }
1361
- .jodit-ui-button-statuses_status_danger:hover:not([disabled]) {
1364
+ .jodit-ui-button-variants_variant_danger:hover:not([disabled]) {
1362
1365
  background-color: #c82333;
1363
1366
  color: #fff;
1364
1367
  }
1365
- .jodit-ui-button-statuses_status_danger:hover:not([disabled]) svg {
1368
+ .jodit-ui-button-variants_variant_danger:hover:not([disabled]) svg {
1366
1369
  fill: #fff;
1367
1370
  stroke: #fff;
1368
1371
  }
1369
- .jodit-ui-button-statuses_status_danger:active:not([disabled]) {
1372
+ .jodit-ui-button-variants_variant_danger:active:not([disabled]) {
1370
1373
  background-color: #bd2130;
1371
1374
  color: #fff;
1372
1375
  }
1373
- .jodit-ui-button-statuses_status_danger:active:not([disabled]) svg {
1376
+ .jodit-ui-button-variants_variant_danger:active:not([disabled]) svg {
1374
1377
  fill: #fff;
1375
1378
  stroke: #fff;
1376
1379
  }
1377
- .jodit-ui-button-statuses_status_danger:focus:not([disabled]) {
1380
+ .jodit-ui-button-variants_variant_danger:focus:not([disabled]) {
1378
1381
  outline: 1px dashed #bd2130;
1379
1382
  }
1380
1383
  .jodit-ui-button-style {
@@ -1586,155 +1589,155 @@ svg.jodit-icon {
1586
1589
  .jodit-ui-button:focus:not([disabled]) {
1587
1590
  outline: 1px dashed #b5d6fd;
1588
1591
  }
1589
- .jodit-ui-button_status_default {
1592
+ .jodit-ui-button_variant_default {
1590
1593
  background-color: #e3e3e3;
1591
1594
  color: #212529;
1592
1595
  }
1593
- .jodit-ui-button_status_default svg {
1596
+ .jodit-ui-button_variant_default svg {
1594
1597
  fill: #212529;
1595
1598
  stroke: #212529;
1596
1599
  }
1597
- .jodit-ui-button_status_default [disabled] {
1600
+ .jodit-ui-button_variant_default [disabled] {
1598
1601
  opacity: 0.7;
1599
1602
  }
1600
- .jodit-ui-button_status_default:hover:not([disabled]) {
1603
+ .jodit-ui-button_variant_default:hover:not([disabled]) {
1601
1604
  background-color: #c9cdd1;
1602
1605
  color: #212529;
1603
1606
  }
1604
- .jodit-ui-button_status_default:hover:not([disabled]) svg {
1607
+ .jodit-ui-button_variant_default:hover:not([disabled]) svg {
1605
1608
  fill: #212529;
1606
1609
  stroke: #212529;
1607
1610
  }
1608
- .jodit-ui-button_status_default:active:not([disabled]) {
1611
+ .jodit-ui-button_variant_default:active:not([disabled]) {
1609
1612
  background-color: #dae0e5;
1610
1613
  color: #212529;
1611
1614
  }
1612
- .jodit-ui-button_status_default:active:not([disabled]) svg {
1615
+ .jodit-ui-button_variant_default:active:not([disabled]) svg {
1613
1616
  fill: #212529;
1614
1617
  stroke: #212529;
1615
1618
  }
1616
- .jodit-ui-button_status_default:focus:not([disabled]) {
1619
+ .jodit-ui-button_variant_default:focus:not([disabled]) {
1617
1620
  outline: 1px dashed #dae0e5;
1618
1621
  }
1619
- .jodit-ui-button_status_primary {
1622
+ .jodit-ui-button_variant_primary {
1620
1623
  background-color: #007bff;
1621
1624
  color: #fff;
1622
1625
  }
1623
- .jodit-ui-button_status_primary svg {
1626
+ .jodit-ui-button_variant_primary svg {
1624
1627
  fill: #fff;
1625
1628
  stroke: #fff;
1626
1629
  }
1627
- .jodit-ui-button_status_primary [disabled] {
1630
+ .jodit-ui-button_variant_primary [disabled] {
1628
1631
  opacity: 0.7;
1629
1632
  }
1630
- .jodit-ui-button_status_primary:hover:not([disabled]) {
1633
+ .jodit-ui-button_variant_primary:hover:not([disabled]) {
1631
1634
  background-color: #0069d9;
1632
1635
  color: #fff;
1633
1636
  }
1634
- .jodit-ui-button_status_primary:hover:not([disabled]) svg {
1637
+ .jodit-ui-button_variant_primary:hover:not([disabled]) svg {
1635
1638
  fill: #fff;
1636
1639
  stroke: #fff;
1637
1640
  }
1638
- .jodit-ui-button_status_primary:active:not([disabled]) {
1641
+ .jodit-ui-button_variant_primary:active:not([disabled]) {
1639
1642
  background-color: #0062cc;
1640
1643
  color: #fff;
1641
1644
  }
1642
- .jodit-ui-button_status_primary:active:not([disabled]) svg {
1645
+ .jodit-ui-button_variant_primary:active:not([disabled]) svg {
1643
1646
  fill: #fff;
1644
1647
  stroke: #fff;
1645
1648
  }
1646
- .jodit-ui-button_status_primary:focus:not([disabled]) {
1649
+ .jodit-ui-button_variant_primary:focus:not([disabled]) {
1647
1650
  outline: 1px dashed #0062cc;
1648
1651
  }
1649
- .jodit-ui-button_status_secondary {
1652
+ .jodit-ui-button_variant_secondary {
1650
1653
  background-color: #d8d8d8;
1651
1654
  color: #212529;
1652
1655
  border-radius: 0;
1653
1656
  }
1654
- .jodit-ui-button_status_secondary svg {
1657
+ .jodit-ui-button_variant_secondary svg {
1655
1658
  fill: #212529;
1656
1659
  stroke: #212529;
1657
1660
  }
1658
- .jodit-ui-button_status_secondary [disabled] {
1661
+ .jodit-ui-button_variant_secondary [disabled] {
1659
1662
  opacity: 0.7;
1660
1663
  }
1661
- .jodit-ui-button_status_secondary:hover:not([disabled]) {
1664
+ .jodit-ui-button_variant_secondary:hover:not([disabled]) {
1662
1665
  background-color: #c9cdd1;
1663
1666
  color: #212529;
1664
1667
  }
1665
- .jodit-ui-button_status_secondary:hover:not([disabled]) svg {
1668
+ .jodit-ui-button_variant_secondary:hover:not([disabled]) svg {
1666
1669
  fill: #212529;
1667
1670
  stroke: #212529;
1668
1671
  }
1669
- .jodit-ui-button_status_secondary:active:not([disabled]) {
1672
+ .jodit-ui-button_variant_secondary:active:not([disabled]) {
1670
1673
  background-color: #dae0e5;
1671
1674
  color: #212529;
1672
1675
  }
1673
- .jodit-ui-button_status_secondary:active:not([disabled]) svg {
1676
+ .jodit-ui-button_variant_secondary:active:not([disabled]) svg {
1674
1677
  fill: #212529;
1675
1678
  stroke: #212529;
1676
1679
  }
1677
- .jodit-ui-button_status_secondary:focus:not([disabled]) {
1680
+ .jodit-ui-button_variant_secondary:focus:not([disabled]) {
1678
1681
  outline: 1px dashed #dae0e5;
1679
1682
  }
1680
- .jodit-ui-button_status_success {
1683
+ .jodit-ui-button_variant_success {
1681
1684
  background-color: #28a745;
1682
1685
  color: #fff;
1683
1686
  }
1684
- .jodit-ui-button_status_success svg {
1687
+ .jodit-ui-button_variant_success svg {
1685
1688
  fill: #fff;
1686
1689
  stroke: #fff;
1687
1690
  }
1688
- .jodit-ui-button_status_success [disabled] {
1691
+ .jodit-ui-button_variant_success [disabled] {
1689
1692
  opacity: 0.7;
1690
1693
  }
1691
- .jodit-ui-button_status_success:hover:not([disabled]) {
1694
+ .jodit-ui-button_variant_success:hover:not([disabled]) {
1692
1695
  background-color: #218838;
1693
1696
  color: #fff;
1694
1697
  }
1695
- .jodit-ui-button_status_success:hover:not([disabled]) svg {
1698
+ .jodit-ui-button_variant_success:hover:not([disabled]) svg {
1696
1699
  fill: #fff;
1697
1700
  stroke: #fff;
1698
1701
  }
1699
- .jodit-ui-button_status_success:active:not([disabled]) {
1702
+ .jodit-ui-button_variant_success:active:not([disabled]) {
1700
1703
  background-color: #1e7e34;
1701
1704
  color: #fff;
1702
1705
  }
1703
- .jodit-ui-button_status_success:active:not([disabled]) svg {
1706
+ .jodit-ui-button_variant_success:active:not([disabled]) svg {
1704
1707
  fill: #fff;
1705
1708
  stroke: #fff;
1706
1709
  }
1707
- .jodit-ui-button_status_success:focus:not([disabled]) {
1710
+ .jodit-ui-button_variant_success:focus:not([disabled]) {
1708
1711
  outline: 1px dashed #1e7e34;
1709
1712
  }
1710
- .jodit-ui-button_status_danger {
1713
+ .jodit-ui-button_variant_danger {
1711
1714
  background-color: #dc3545;
1712
1715
  color: #fff;
1713
1716
  }
1714
- .jodit-ui-button_status_danger svg {
1717
+ .jodit-ui-button_variant_danger svg {
1715
1718
  fill: #fff;
1716
1719
  stroke: #fff;
1717
1720
  }
1718
- .jodit-ui-button_status_danger [disabled] {
1721
+ .jodit-ui-button_variant_danger [disabled] {
1719
1722
  opacity: 0.7;
1720
1723
  }
1721
- .jodit-ui-button_status_danger:hover:not([disabled]) {
1724
+ .jodit-ui-button_variant_danger:hover:not([disabled]) {
1722
1725
  background-color: #c82333;
1723
1726
  color: #fff;
1724
1727
  }
1725
- .jodit-ui-button_status_danger:hover:not([disabled]) svg {
1728
+ .jodit-ui-button_variant_danger:hover:not([disabled]) svg {
1726
1729
  fill: #fff;
1727
1730
  stroke: #fff;
1728
1731
  }
1729
- .jodit-ui-button_status_danger:active:not([disabled]) {
1732
+ .jodit-ui-button_variant_danger:active:not([disabled]) {
1730
1733
  background-color: #bd2130;
1731
1734
  color: #fff;
1732
1735
  }
1733
- .jodit-ui-button_status_danger:active:not([disabled]) svg {
1736
+ .jodit-ui-button_variant_danger:active:not([disabled]) svg {
1734
1737
  fill: #fff;
1735
1738
  stroke: #fff;
1736
1739
  }
1737
- .jodit-ui-button_status_danger:focus:not([disabled]) {
1740
+ .jodit-ui-button_variant_danger:focus:not([disabled]) {
1738
1741
  outline: 1px dashed #bd2130;
1739
1742
  }
1740
1743
 
@@ -2009,8 +2012,7 @@ svg.jodit-icon {
2009
2012
  background-color: #dadada;
2010
2013
  }
2011
2014
  .jodit-ui-input_focused_true .jodit-ui-input__wrapper {
2012
- -webkit-box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
2013
- box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
2015
+ border-color: #1e88e5;
2014
2016
  }
2015
2017
  .jodit-ui-input__icon:not(:empty) {
2016
2018
  display: -webkit-box;
@@ -2148,8 +2150,7 @@ svg.jodit-icon {
2148
2150
  background-color: #dadada;
2149
2151
  }
2150
2152
  .jodit-ui-text-area_focused_true .jodit-ui-text-area__wrapper {
2151
- -webkit-box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
2152
- box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
2153
+ border-color: #1e88e5;
2153
2154
  }
2154
2155
  .jodit-ui-text-area__icon:not(:empty) {
2155
2156
  display: -webkit-box;
@@ -2195,7 +2196,13 @@ svg.jodit-icon {
2195
2196
  .jodit-ui-text-area_theme_dark .jodit-ui-text-area__clear svg {
2196
2197
  fill: #4c4c4c;
2197
2198
  }
2199
+ .jodit-ui-text-area__wrapper {
2200
+ -webkit-box-flex: 1;
2201
+ -ms-flex: 1;
2202
+ flex: 1;
2203
+ }
2198
2204
  .jodit-ui-text-area__input {
2205
+ height: 100%;
2199
2206
  min-height: 60px;
2200
2207
  }
2201
2208
 
@@ -2218,6 +2225,56 @@ svg.jodit-icon {
2218
2225
  .jodit-ui-checkbox__input {
2219
2226
  margin-right: 8px;
2220
2227
  }
2228
+ .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper {
2229
+ position: relative;
2230
+ display: inline-block;
2231
+ width: 60px;
2232
+ height: 34px;
2233
+ margin-right: 8px;
2234
+ }
2235
+ .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper input {
2236
+ width: 0;
2237
+ height: 0;
2238
+ opacity: 0;
2239
+ }
2240
+ .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider {
2241
+ position: absolute;
2242
+ top: 0;
2243
+ right: 0;
2244
+ bottom: 0;
2245
+ left: 0;
2246
+ background-color: #ccc;
2247
+ border-radius: 34px;
2248
+ cursor: pointer;
2249
+ -webkit-transition: 0.4s;
2250
+ -o-transition: 0.4s;
2251
+ transition: 0.4s;
2252
+ }
2253
+ .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider:before {
2254
+ position: absolute;
2255
+ bottom: 4px;
2256
+ left: 4px;
2257
+ width: 26px;
2258
+ height: 26px;
2259
+ background-color: white;
2260
+ border-radius: 50%;
2261
+ content: '';
2262
+ -webkit-transition: 0.4s;
2263
+ -o-transition: 0.4s;
2264
+ transition: 0.4s;
2265
+ }
2266
+ .jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider {
2267
+ background-color: #2196f3;
2268
+ }
2269
+ .jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider:before {
2270
+ -webkit-transform: translateX(26px);
2271
+ -ms-transform: translateX(26px);
2272
+ transform: translateX(26px);
2273
+ }
2274
+ .jodit-ui-checkbox_switch_true.jodit-ui-checkbox_focused_true .jodit-ui-checkbox__switch-slider {
2275
+ -webkit-box-shadow: 0 0 1px #2196f3;
2276
+ box-shadow: 0 0 1px #2196f3;
2277
+ }
2221
2278
  .jodit-ui-block .jodit-ui-checkbox {
2222
2279
  margin-bottom: 0;
2223
2280
  }
@@ -2309,8 +2366,7 @@ svg.jodit-icon {
2309
2366
  background-color: #dadada;
2310
2367
  }
2311
2368
  .jodit-ui-select_focused_true .jodit-ui-select__wrapper {
2312
- -webkit-box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
2313
- box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
2369
+ border-color: #1e88e5;
2314
2370
  }
2315
2371
  .jodit-ui-select__icon:not(:empty) {
2316
2372
  display: -webkit-box;
@@ -2683,7 +2739,6 @@ svg.jodit-icon {
2683
2739
  display: -webkit-box;
2684
2740
  display: -ms-flexbox;
2685
2741
  display: flex;
2686
- overflow: hidden;
2687
2742
  min-height: 50px;
2688
2743
  -webkit-box-pack: justify;
2689
2744
  -ms-flex-pack: justify;
@@ -3588,155 +3643,155 @@ svg.jodit-icon {
3588
3643
  .jodit-toolbar-content:focus:not([disabled]) {
3589
3644
  outline: 1px dashed #b5d6fd;
3590
3645
  }
3591
- .jodit-toolbar-content_status_default {
3646
+ .jodit-toolbar-content_variant_default {
3592
3647
  background-color: #e3e3e3;
3593
3648
  color: #212529;
3594
3649
  }
3595
- .jodit-toolbar-content_status_default svg {
3650
+ .jodit-toolbar-content_variant_default svg {
3596
3651
  fill: #212529;
3597
3652
  stroke: #212529;
3598
3653
  }
3599
- .jodit-toolbar-content_status_default [disabled] {
3654
+ .jodit-toolbar-content_variant_default [disabled] {
3600
3655
  opacity: 0.7;
3601
3656
  }
3602
- .jodit-toolbar-content_status_default:hover:not([disabled]) {
3657
+ .jodit-toolbar-content_variant_default:hover:not([disabled]) {
3603
3658
  background-color: #c9cdd1;
3604
3659
  color: #212529;
3605
3660
  }
3606
- .jodit-toolbar-content_status_default:hover:not([disabled]) svg {
3661
+ .jodit-toolbar-content_variant_default:hover:not([disabled]) svg {
3607
3662
  fill: #212529;
3608
3663
  stroke: #212529;
3609
3664
  }
3610
- .jodit-toolbar-content_status_default:active:not([disabled]) {
3665
+ .jodit-toolbar-content_variant_default:active:not([disabled]) {
3611
3666
  background-color: #dae0e5;
3612
3667
  color: #212529;
3613
3668
  }
3614
- .jodit-toolbar-content_status_default:active:not([disabled]) svg {
3669
+ .jodit-toolbar-content_variant_default:active:not([disabled]) svg {
3615
3670
  fill: #212529;
3616
3671
  stroke: #212529;
3617
3672
  }
3618
- .jodit-toolbar-content_status_default:focus:not([disabled]) {
3673
+ .jodit-toolbar-content_variant_default:focus:not([disabled]) {
3619
3674
  outline: 1px dashed #dae0e5;
3620
3675
  }
3621
- .jodit-toolbar-content_status_primary {
3676
+ .jodit-toolbar-content_variant_primary {
3622
3677
  background-color: #007bff;
3623
3678
  color: #fff;
3624
3679
  }
3625
- .jodit-toolbar-content_status_primary svg {
3680
+ .jodit-toolbar-content_variant_primary svg {
3626
3681
  fill: #fff;
3627
3682
  stroke: #fff;
3628
3683
  }
3629
- .jodit-toolbar-content_status_primary [disabled] {
3684
+ .jodit-toolbar-content_variant_primary [disabled] {
3630
3685
  opacity: 0.7;
3631
3686
  }
3632
- .jodit-toolbar-content_status_primary:hover:not([disabled]) {
3687
+ .jodit-toolbar-content_variant_primary:hover:not([disabled]) {
3633
3688
  background-color: #0069d9;
3634
3689
  color: #fff;
3635
3690
  }
3636
- .jodit-toolbar-content_status_primary:hover:not([disabled]) svg {
3691
+ .jodit-toolbar-content_variant_primary:hover:not([disabled]) svg {
3637
3692
  fill: #fff;
3638
3693
  stroke: #fff;
3639
3694
  }
3640
- .jodit-toolbar-content_status_primary:active:not([disabled]) {
3695
+ .jodit-toolbar-content_variant_primary:active:not([disabled]) {
3641
3696
  background-color: #0062cc;
3642
3697
  color: #fff;
3643
3698
  }
3644
- .jodit-toolbar-content_status_primary:active:not([disabled]) svg {
3699
+ .jodit-toolbar-content_variant_primary:active:not([disabled]) svg {
3645
3700
  fill: #fff;
3646
3701
  stroke: #fff;
3647
3702
  }
3648
- .jodit-toolbar-content_status_primary:focus:not([disabled]) {
3703
+ .jodit-toolbar-content_variant_primary:focus:not([disabled]) {
3649
3704
  outline: 1px dashed #0062cc;
3650
3705
  }
3651
- .jodit-toolbar-content_status_secondary {
3706
+ .jodit-toolbar-content_variant_secondary {
3652
3707
  background-color: #d8d8d8;
3653
3708
  color: #212529;
3654
3709
  border-radius: 0;
3655
3710
  }
3656
- .jodit-toolbar-content_status_secondary svg {
3711
+ .jodit-toolbar-content_variant_secondary svg {
3657
3712
  fill: #212529;
3658
3713
  stroke: #212529;
3659
3714
  }
3660
- .jodit-toolbar-content_status_secondary [disabled] {
3715
+ .jodit-toolbar-content_variant_secondary [disabled] {
3661
3716
  opacity: 0.7;
3662
3717
  }
3663
- .jodit-toolbar-content_status_secondary:hover:not([disabled]) {
3718
+ .jodit-toolbar-content_variant_secondary:hover:not([disabled]) {
3664
3719
  background-color: #c9cdd1;
3665
3720
  color: #212529;
3666
3721
  }
3667
- .jodit-toolbar-content_status_secondary:hover:not([disabled]) svg {
3722
+ .jodit-toolbar-content_variant_secondary:hover:not([disabled]) svg {
3668
3723
  fill: #212529;
3669
3724
  stroke: #212529;
3670
3725
  }
3671
- .jodit-toolbar-content_status_secondary:active:not([disabled]) {
3726
+ .jodit-toolbar-content_variant_secondary:active:not([disabled]) {
3672
3727
  background-color: #dae0e5;
3673
3728
  color: #212529;
3674
3729
  }
3675
- .jodit-toolbar-content_status_secondary:active:not([disabled]) svg {
3730
+ .jodit-toolbar-content_variant_secondary:active:not([disabled]) svg {
3676
3731
  fill: #212529;
3677
3732
  stroke: #212529;
3678
3733
  }
3679
- .jodit-toolbar-content_status_secondary:focus:not([disabled]) {
3734
+ .jodit-toolbar-content_variant_secondary:focus:not([disabled]) {
3680
3735
  outline: 1px dashed #dae0e5;
3681
3736
  }
3682
- .jodit-toolbar-content_status_success {
3737
+ .jodit-toolbar-content_variant_success {
3683
3738
  background-color: #28a745;
3684
3739
  color: #fff;
3685
3740
  }
3686
- .jodit-toolbar-content_status_success svg {
3741
+ .jodit-toolbar-content_variant_success svg {
3687
3742
  fill: #fff;
3688
3743
  stroke: #fff;
3689
3744
  }
3690
- .jodit-toolbar-content_status_success [disabled] {
3745
+ .jodit-toolbar-content_variant_success [disabled] {
3691
3746
  opacity: 0.7;
3692
3747
  }
3693
- .jodit-toolbar-content_status_success:hover:not([disabled]) {
3748
+ .jodit-toolbar-content_variant_success:hover:not([disabled]) {
3694
3749
  background-color: #218838;
3695
3750
  color: #fff;
3696
3751
  }
3697
- .jodit-toolbar-content_status_success:hover:not([disabled]) svg {
3752
+ .jodit-toolbar-content_variant_success:hover:not([disabled]) svg {
3698
3753
  fill: #fff;
3699
3754
  stroke: #fff;
3700
3755
  }
3701
- .jodit-toolbar-content_status_success:active:not([disabled]) {
3756
+ .jodit-toolbar-content_variant_success:active:not([disabled]) {
3702
3757
  background-color: #1e7e34;
3703
3758
  color: #fff;
3704
3759
  }
3705
- .jodit-toolbar-content_status_success:active:not([disabled]) svg {
3760
+ .jodit-toolbar-content_variant_success:active:not([disabled]) svg {
3706
3761
  fill: #fff;
3707
3762
  stroke: #fff;
3708
3763
  }
3709
- .jodit-toolbar-content_status_success:focus:not([disabled]) {
3764
+ .jodit-toolbar-content_variant_success:focus:not([disabled]) {
3710
3765
  outline: 1px dashed #1e7e34;
3711
3766
  }
3712
- .jodit-toolbar-content_status_danger {
3767
+ .jodit-toolbar-content_variant_danger {
3713
3768
  background-color: #dc3545;
3714
3769
  color: #fff;
3715
3770
  }
3716
- .jodit-toolbar-content_status_danger svg {
3771
+ .jodit-toolbar-content_variant_danger svg {
3717
3772
  fill: #fff;
3718
3773
  stroke: #fff;
3719
3774
  }
3720
- .jodit-toolbar-content_status_danger [disabled] {
3775
+ .jodit-toolbar-content_variant_danger [disabled] {
3721
3776
  opacity: 0.7;
3722
3777
  }
3723
- .jodit-toolbar-content_status_danger:hover:not([disabled]) {
3778
+ .jodit-toolbar-content_variant_danger:hover:not([disabled]) {
3724
3779
  background-color: #c82333;
3725
3780
  color: #fff;
3726
3781
  }
3727
- .jodit-toolbar-content_status_danger:hover:not([disabled]) svg {
3782
+ .jodit-toolbar-content_variant_danger:hover:not([disabled]) svg {
3728
3783
  fill: #fff;
3729
3784
  stroke: #fff;
3730
3785
  }
3731
- .jodit-toolbar-content_status_danger:active:not([disabled]) {
3786
+ .jodit-toolbar-content_variant_danger:active:not([disabled]) {
3732
3787
  background-color: #bd2130;
3733
3788
  color: #fff;
3734
3789
  }
3735
- .jodit-toolbar-content_status_danger:active:not([disabled]) svg {
3790
+ .jodit-toolbar-content_variant_danger:active:not([disabled]) svg {
3736
3791
  fill: #fff;
3737
3792
  stroke: #fff;
3738
3793
  }
3739
- .jodit-toolbar-content_status_danger:focus:not([disabled]) {
3794
+ .jodit-toolbar-content_variant_danger:focus:not([disabled]) {
3740
3795
  outline: 1px dashed #bd2130;
3741
3796
  }
3742
3797
  .jodit-toolbar-content:hover:not([disabled]) {
@@ -4817,7 +4872,7 @@ a + .jodit-filebrowser-tree__source-title {
4817
4872
  min-width: 80px;
4818
4873
  }
4819
4874
  .jodit-tabs__button_columns_3 {
4820
- width: 100% / 3;
4875
+ width: calc(100% / 3);
4821
4876
  }
4822
4877
  .jodit-tabs__button_columns_2 {
4823
4878
  width: 50%;