jodit 4.2.14 → 4.2.17

package/CHANGELOG.md

@@ -9,6 +9,65 @@
 > -   :house: [Internal]
 > -   :nail_care: [Polish]
 
+## 4.2.17
+
+#### :house: Internal
+
+-   Removed conversion of list arrays into objects when creating a button in the toolbar. Previously the code looked like:
+
+    ```js
+    Jodit.make('#editor', {
+    	constrols: {
+    		lineHeight: {
+    			list: [1, 1.1, 1.2, 1.3, 1.4, 1.5, 2]
+    		}
+    	}
+    });
+    ```
+
+    was implicitly transformed into an object of the form:
+
+    ```js
+    Jodit.make('#editor', {
+    	constrols: {
+    		lineHeight: {
+    			list: {
+    				1: '1',
+    				2: '2',
+    				1.1: '1.1',
+    				1.2: '1.2',
+    				1.3: '1.3',
+    				1.4: '1.4',
+    				1.5: '1.5'
+    			}
+    		}
+    	}
+    });
+    ```
+
+    Thus, due to the nature of integer keys, the order of the elements was lost. Now such a transformation does not occur.
+    In your code you clearly need to check what came into `list` and if it is an array, then use it as is.
+
+    ```js
+    Jodit.make('#editor', {
+      constrols: {
+        lineHeight: {
+          list: [1, 1.1, 1.2, 1.3, 1.4, 1.5, 2],
+          update(editor: IJodit, button): boolean {
+            if (Array.isArray(button.control)) {
+              // Work with array
+            }
+          }
+        }
+      }
+    });
+    ```
+
+### :bug: Bug Fix
+
+-   [Backspacing in the editor with preadded styling or added styling is not retained #1120](https://github.com/xdan/jodit/issues/1120)
+-   [missing generation of inferface.js and interface.d.ts in esm build path esm\plugins\image-properties #1117](https://github.com/xdan/jodit/issues/1117)
+
 ## 4.2.13
 
 ### :bug: Bug Fix
@@ -2620,11 +2679,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,33 +1,11 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.14
+ * Version: v4.2.17
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
 	
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-.jodit-about {
-  padding: 20px;
-}
-.jodit-about a {
-  color: #459ce7;
-  text-decoration: none;
-}
-.jodit-about a:focus,
-.jodit-about a:hover {
-  color: #23527c;
-  outline: 0;
-  text-decoration: underline;
-}
-.jodit-about div {
-  margin-bottom: calc(var(--jd-padding-default) / 2);
-}
-
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -733,98 +711,6 @@
   outline: 1px dashed #bd2130;
 }
 
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-:root {
-  --jd-popup-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
-		0 3px 3px 0 rgb(76 76 76 / 15%), 0 1px 4px 0 rgb(76 76 76 / 13%);
-}
-.jodit-popup {
-  position: static;
-  width: auto;
-  max-width: none;
-  height: auto;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  background: 0 0;
-  float: none;
-  outline: 0;
-  position: fixed;
-  z-index: var(--jd-z-index-popup);
-  display: inline-block;
-  box-shadow: var(--jd-popup-box-shadow);
-  transform: translate3d(0, 0, 0);
-}
-.jodit-popup__content {
-  font-family: var(--jd-font-default);
-  font-size: var(--jd-font-size-default);
-  overflow: auto;
-  max-height: 300px;
-  padding: var(--jd-padding-default);
-  background: var(--jd-color-background-default);
-  overflow-scrolling: touch;
-}
-.jodit-popup_padding_false .jodit-popup__content {
-  padding: 0;
-}
-.jodit-popup_max-height_false .jodit-popup__content {
-  max-height: fit-content;
-}
-
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-.jodit-context-menu {
-  position: static;
-  width: auto;
-  max-width: none;
-  height: auto;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  background: 0 0;
-  float: none;
-  outline: 0;
-  position: fixed;
-  z-index: var(--jd-z-index-popup);
-  display: inline-block;
-  box-shadow: var(--jd-popup-box-shadow);
-  transform: translate3d(0, 0, 0);
-  z-index: var(--jd-z-index-context-menu);
-  font-family: var(--jd-font-default);
-  font-size: var(--jd-font-size-default);
-}
-.jodit-context-menu__content {
-  font-family: var(--jd-font-default);
-  font-size: var(--jd-font-size-default);
-  overflow: auto;
-  max-height: 300px;
-  padding: var(--jd-padding-default);
-  background: var(--jd-color-background-default);
-  overflow-scrolling: touch;
-}
-.jodit-context-menu_padding_false .jodit-context-menu__content {
-  padding: 0;
-}
-.jodit-context-menu_max-height_false .jodit-context-menu__content {
-  max-height: fit-content;
-}
-.jodit-context-menu .jodit-ui-button {
-  display: flex;
-}
-.jodit-context-menu button {
-  width: 100%;
-}
-.jodit-context-menu_theme_dark {
-  background-color: var(--jd-dark-background-color);
-}
-
 .jodit-ui-button-group {
   margin-bottom: var(--jd-padding-default);
 }
@@ -1338,6 +1224,48 @@
   opacity: 0;
 }
 
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+:root {
+  --jd-popup-box-shadow: 0 4px 1px -2px rgba(76, 76, 76, 0.2),
+		0 3px 3px 0 rgb(76 76 76 / 15%), 0 1px 4px 0 rgb(76 76 76 / 13%);
+}
+.jodit-popup {
+  position: static;
+  width: auto;
+  max-width: none;
+  height: auto;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  background: 0 0;
+  float: none;
+  outline: 0;
+  position: fixed;
+  z-index: var(--jd-z-index-popup);
+  display: inline-block;
+  box-shadow: var(--jd-popup-box-shadow);
+  transform: translate3d(0, 0, 0);
+}
+.jodit-popup__content {
+  font-family: var(--jd-font-default);
+  font-size: var(--jd-font-size-default);
+  overflow: auto;
+  max-height: 300px;
+  padding: var(--jd-padding-default);
+  background: var(--jd-color-background-default);
+  overflow-scrolling: touch;
+}
+.jodit-popup_padding_false .jodit-popup__content {
+  padding: 0;
+}
+.jodit-popup_max-height_false .jodit-popup__content {
+  max-height: fit-content;
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -2705,6 +2633,56 @@
   z-index: var(--jd-z-index-dialog);
 }
 
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+.jodit-context-menu {
+  position: static;
+  width: auto;
+  max-width: none;
+  height: auto;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  background: 0 0;
+  float: none;
+  outline: 0;
+  position: fixed;
+  z-index: var(--jd-z-index-popup);
+  display: inline-block;
+  box-shadow: var(--jd-popup-box-shadow);
+  transform: translate3d(0, 0, 0);
+  z-index: var(--jd-z-index-context-menu);
+  font-family: var(--jd-font-default);
+  font-size: var(--jd-font-size-default);
+}
+.jodit-context-menu__content {
+  font-family: var(--jd-font-default);
+  font-size: var(--jd-font-size-default);
+  overflow: auto;
+  max-height: 300px;
+  padding: var(--jd-padding-default);
+  background: var(--jd-color-background-default);
+  overflow-scrolling: touch;
+}
+.jodit-context-menu_padding_false .jodit-context-menu__content {
+  padding: 0;
+}
+.jodit-context-menu_max-height_false .jodit-context-menu__content {
+  max-height: fit-content;
+}
+.jodit-context-menu .jodit-ui-button {
+  display: flex;
+}
+.jodit-context-menu button {
+  width: 100%;
+}
+.jodit-context-menu_theme_dark {
+  background-color: var(--jd-dark-background-color);
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -3403,6 +3381,28 @@ a + .jodit-file-browser-tree__source-title {
   }
 }
 
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+.jodit-about {
+  padding: 20px;
+}
+.jodit-about a {
+  color: #459ce7;
+  text-decoration: none;
+}
+.jodit-about a:focus,
+.jodit-about a:hover {
+  color: #23527c;
+  outline: 0;
+  text-decoration: underline;
+}
+.jodit-about div {
+  margin-bottom: calc(var(--jd-padding-default) / 2);
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.