jodit 4.0.6 → 4.0.14

package/CHANGELOG.md

@@ -9,6 +9,16 @@
 > -   :house: [Internal]
 > -   :nail_care: [Polish]
 
+## 4.0.8
+
+-   Fixed a bug in the plugins module when extra plugins did not cause the editor to be redrawn after initialization
+
+## 4.0.7
+
+-   Added `search.useCustomHighlightAPI` option to the "Search" plugin to use the built-in text highlighting API https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API
+    If the browser does not support this API, then standard text highlighting will be used by wrapping it in the `<span jd-tmp-selection>` tag.
+-   Added Finnish (Suomi) translation https://github.com/xdan/jodit/pull/1081
+
 ## 4.0.2
 
 -   [BUG: FileBrowser Context Menu Grows Infinitely](https://github.com/xdan/jodit/issues/1059)
@@ -2455,11 +2465,11 @@ Related with https://github.com/xdan/jodit/issues/574. In some cases need to lim
 -   @property {IUIOption[]} link.selectOptionsClassName=[] The list of the option for the select (to use with
     modeClassName="select")
 -   ex: [
--                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     	{ value: "", text: "" },
--                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     	{ value: "val1", text: "text1" },
--                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     	{ value: "val2", text: "text2" },
--                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     	{ value: "val3", text: "text3" }
--                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ]
+-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         	{ value: "", text: "" },
+-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         	{ value: "val1", text: "text1" },
+-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         	{ value: "val2", text: "text2" },
+-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         	{ value: "val3", text: "text3" }
+-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ]
     PR: https://github.com/xdan/jodit/pull/577 Thanks @s-renier-taonix-fr
 
 ##### New option `statusbar: boolean = true`

package/es2015/jodit.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.6
+ * Version: v4.0.14
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -48,6 +48,7 @@
   --jd-color-background-progress: #b91f1f;
   --jd-color-background-active: #2196f3;
   --jd-color-background-selection: #b5d6fd;
+  --jd-color-text-selection: var(--jd-color-white);
   --jd-color-background-selection-opacity50: rgba(181, 214, 253, 0.995);
   --jd-color-source-area: #323232;
   --jd-color-button-background-hover: #dcdcdc;
@@ -4052,10 +4053,9 @@ a + .jodit-file-browser-tree__source-title {
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 :root {
-  --jd-color-new-line: var(--jd-color-border);
-  --jd-width-icon: 30px;
-  --jd-height-icon: 30px;
-  --jd-offset-handle: calc(100% - var(--jd-width-icon));
+  --jd-anl-color-new-line: var(--jd-color-border);
+  --jd-anl-handle-size: 20px;
+  --jd-anl-handle-offset: calc(100% - var(--jd-anl-handle-size));
 }
 .jodit-add-new-line {
   position: fixed;
@@ -4073,30 +4073,29 @@ a + .jodit-file-browser-tree__source-title {
   display: block;
   width: 100%;
   height: 1px;
-  background-color: var(--jd-color-new-line);
+  background-color: var(--jd-anl-color-new-line);
   content: '';
 }
 .jodit-add-new-line span {
   position: absolute;
-  left: var(--jd-offset-handle);
+  left: var(--jd-anl-handle-offset);
+  top: 0;
+  transform: translateY(-50%);
   display: flex;
-  width: var(--jd-width-icon);
-  height: var(--jd-height-icon);
+  width: var(--jd-anl-handle-size);
+  height: var(--jd-anl-handle-size);
   align-items: center;
   justify-content: center;
-  border: 1px solid var(--jd-color-new-line);
+  border: 1px solid var(--jd-anl-color-new-line);
   background: var(--jd-color-background-button-hover-opacity30);
   cursor: pointer;
 }
 .jodit-add-new-line span:hover {
   background: var(--jd-color-background-button-hover);
 }
-.jodit-add-new-line_after span {
-  bottom: 0;
-}
 .jodit-add-new-line svg {
-  width: 16px;
-  fill: var(--jd-color-new-line);
+  width: calc(var(--jd-anl-handle-size) / 2);
+  fill: var(--jd-anl-color-new-line);
 }
 .jodit-source__mode .jodit-add-new-line {
   display: none !important;
@@ -4654,8 +4653,10 @@ html.jodit_fullsize-box_true {
 .jodit-ui-search_replace_true .jodit-ui-search__buttons button[data-ref='replace-btn'] {
   display: block;
 }
+::highlight(jodit-search-result),
 [jd-tmp-selection] {
-  background-color: aquamarine;
+  background-color: var(--jd-color-background-selection);
+  color: var(--jd-color-text-selection);
 }
 
 /*!
@@ -4806,7 +4807,7 @@ html.jodit_fullsize-box_true {
   height: calc(var(--jd-height-element-default) * 1.2);
   box-sizing: border-box;
   border: 1px solid transparent;
-  color: var(--jd-color-default);
+  color: var(--jd-color-text);
   cursor: pointer;
   font-size: 16px;
   line-height: calc(var(--jd-height-element-default) * 1.2);
@@ -4936,6 +4937,7 @@ html.jodit_fullsize-box_true {
 .jodit-dialog_theme_dark,
 .jodit_theme_dark {
   --jd-color-border: #6b6b6b;
+  --jd-color-text: var(--jd-dark-text-color);
 }
 .jodit-dialog_theme_dark .jodit-toolbar-collection_mode_horizontal,
 .jodit_theme_dark .jodit-toolbar-collection_mode_horizontal,
@@ -4969,7 +4971,6 @@ html.jodit_fullsize-box_true {
 }
 .jodit-dialog_theme_dark.jodit-container,
 .jodit_theme_dark.jodit-container {
-  --jd-color-border: #6b6b6b;
   border-color: var(--jd-color-border);
   background-color: var(--jd-dark-background-color);
 }
@@ -4991,7 +4992,6 @@ html.jodit_fullsize-box_true {
 .jodit_theme_dark .jodit-toolbar-select,
 .jodit-dialog_theme_dark .jodit-toolbar-button,
 .jodit_theme_dark .jodit-toolbar-button {
-  --jd-color-text: var(--jd-dark-text-color);
   --jd-color-icon: var(--jd-dark-icon-color);
 }
 .jodit-dialog_theme_dark .jodit-ui-button__text,