suneditor 3.0.0-beta.9 → 3.0.0-rc.2

package/src/assets/suneditor.css

@@ -206,8 +206,8 @@
 	padding: var(--se-edit-inner-padding-doc-type);
 }
 .sun-editor .se-wrapper.se-type-document.se-type-document-header .se-placeholder {
-	left: var(--se-doc-info-width);
-	right: var(--se-doc-info-width);
+	margin-left: max(var(--se-doc-info-min-width), var(--se-doc-info-width));
+	margin-right: max(var(--se-doc-info-min-width), var(--se-doc-info-width));
 }
 /** --- se-type-document end ---------------------------------------------------------- */
 
@@ -244,17 +244,16 @@
 	border-style: solid;
 	border-color: var(--se-input-btn-border-color);
 	border-radius: var(--se-border-radius);
-	transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
+	transition:
+		border-color 0.3s ease,
+		background-color 0.3s ease,
+		color 0.3s ease;
 }
 
 .sun-editor .se-form-group button.se-btn {
 	border-width: 1px;
 }
 
-.sun-editor .se-btn.se-btn-info {
-	color: var(--se-active-color);
-}
-
 .sun-editor .se-btn:not(.on):not(.active):enabled:hover,
 .sun-editor .se-btn:not(.on):not(.active):enabled:focus {
 	color: var(--se-hover-color);
@@ -279,7 +278,7 @@
 .sun-editor .se-menu-list li:hover .se-btn-input input:enabled {
 	border-width: 1px;
 	border-style: solid;
-	border-color: var(--se-hover-light3-color);
+	border-color: var(--se-hover-dark-color);
 }
 
 /* after, before button - on, active */
@@ -289,7 +288,7 @@
 .sun-editor .se-menu-list li .se-side-btn-before.active:enabled,
 .sun-editor .se-menu-list li .se-btn-input.on input:enabled,
 .sun-editor .se-menu-list li .se-btn-input.active input:enabled {
-	border-color: var(--se-active-dark-color);
+	border-color: var(--se-active-dark3-color);
 }
 
 /* after, before button : hover - on, active - border */
@@ -366,6 +365,7 @@
 	outline: 1px solid var(--se-active-dark5-color) !important;
 	box-shadow: 0 0 0 0.3rem var(--se-active-light5-color);
 	transition: box-shadow 0.1s ease-in-out;
+	z-index: 1;
 }
 
 /** --- primary button */
@@ -374,7 +374,10 @@
 	border: 1px solid var(--se-active-dark5-color);
 	border-radius: var(--se-border-radius);
 	outline: 0 none;
-	transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
+	transition:
+		border-color 0.3s ease,
+		background-color 0.3s ease,
+		color 0.3s ease;
 }
 
 .sun-editor .se-btn-primary:hover,
@@ -564,6 +567,18 @@
 	border: 1px dashed var(--se-main-outline-color);
 }
 
+.sun-editor .se-sub-list:has(:not([style*='display: none'])) {
+	font-size: 0.75rem;
+	letter-spacing: 0.25px;
+	color: color-mix(in srgb, currentColor 45%, transparent);
+	padding: 14px 14px 3px 14px;
+	cursor: auto;
+}
+
+.sun-editor .se-sub-list:has(:not([style*='display: none'])) {
+	border-bottom: 1px dashed var(--se-main-outline-color);
+}
+
 /* page navigator */
 .sun-editor .se-btn.se-btn-tool-pageNavigator > input {
 	width: var(--se-input-btn-size);
@@ -669,7 +684,7 @@
 	display: inline-block;
 	width: 18px;
 	height: 13px;
-	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LDEzSDVWMTFIMTlWMTNaIiAvPjwvc3ZnPg==');
+	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LDEzSDVWMTFIMTlWMTNaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIiAvPjwvc3ZnPg==');
 	background-size: cover;
 	opacity: 0.5;
 }
@@ -723,15 +738,15 @@
 	display: block;
 	width: 0;
 	height: 0;
-	border: 11px solid transparent;
+	border: 12px solid transparent;
 	margin-right: 0;
-	margin-left: -11px;
+	margin-left: -12px;
 }
 
 .sun-editor .se-controller .se-arrow {
 	left: 20px;
 	right: auto;
-	margin-left: -11px;
+	margin-left: -12px;
 	margin-right: 0;
 }
 
@@ -760,7 +775,7 @@
 	top: -12px;
 	content: ' ';
 	border-bottom-width: 0;
-	border-top-color: var(--se-main-background-color);
+	border-top-color: var(--se-controller-background-color);
 }
 
 /** --- container */
@@ -814,8 +829,11 @@
 	opacity: 0.95;
 	border-radius: var(--se-border-radius);
 	cursor: pointer;
-	z-index: 2147483646;
-	transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease;
+	z-index: 2147483647;
+	transition:
+		opacity 0.3s ease,
+		color 0.3s ease,
+		background-color 0.3s ease;
 }
 .sun-editor .se-line-breaker-component.se-on-selected {
 	color: var(--se-active-color);
@@ -986,7 +1004,7 @@
 	border-color: transparent;
 }
 
-/* tool bar select button (font, fontSize, formatBlock) */
+/* tool bar select button (font, fontSize, blockStyle) */
 .sun-editor .se-btn-select {
 	width: auto;
 	display: flex;
@@ -1274,8 +1292,14 @@
 	border-radius: var(--se-border-radius);
 }
 
+.sun-editor-editable[contenteditable='true'],
+.sun-editor-editable[contenteditable='true'] * {
+	scroll-margin: var(--se-edit-scroll-margin);
+}
+
 .sun-editor-editable[contenteditable='true'].se-copy-format-cursor {
-	cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA0LjMzMjAzMSAxMi42Njc5NjkgQyA0LjMzMjAzMSAxMy4wMzUxNTYgNC40ODQzNzUgMTMuMzMyMDMxIDQuNjY3OTY5IDEzLjMzMjAzMSBMIDUuMzMyMDMxIDEzLjMzMjAzMSBMIDUuMzMyMDMxIDE0LjY2Nzk2OSBMIDQuNSAxNC42Njc5NjkgQyA0LjMxNjQwNiAxNC42Njc5NjkgNCAxNC4zNjcxODggNCAxNCBDIDQgMTQuMzY3MTg4IDMuNjgzNTk0IDE0LjY2Nzk2OSAzLjUgMTQuNjY3OTY5IEwgMi42Njc5NjkgMTQuNjY3OTY5IEwgMi42Njc5NjkgMTMuMzMyMDMxIEwgMy4zMzIwMzEgMTMuMzMyMDMxIEMgMy41MTU2MjUgMTMuMzMyMDMxIDMuNjY3OTY5IDEzLjAzNTE1NiAzLjY2Nzk2OSAxMi42Njc5NjkgTCAzLjY2Nzk2OSAzLjMzMjAzMSBDIDMuNjY3OTY5IDIuOTY0ODQ0IDMuNTE1NjI1IDIuNjY3OTY5IDMuMzMyMDMxIDIuNjY3OTY5IEwgMi42Njc5NjkgMi42Njc5NjkgTCAyLjY2Nzk2OSAxLjMzMjAzMSBMIDMuNSAxLjMzMjAzMSBDIDMuNjgzNTk0IDEuMzMyMDMxIDQgMS42MzI4MTIgNCAyIEMgNCAxLjYzMjgxMiA0LjMxNjQwNiAxLjMzMjAzMSA0LjUgMS4zMzIwMzEgTCA1LjMzMjAzMSAxLjMzMjAzMSBMIDUuMzMyMDMxIDIuNjY3OTY5IEwgNC42Njc5NjkgMi42Njc5NjkgQyA0LjQ4NDM3NSAyLjY2Nzk2OSA0LjMzMjAzMSAyLjk2NDg0NCA0LjMzMjAzMSAzLjMzMjAzMSBaIE0gNC4zMzIwMzEgMTIuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMjAgMi42Njc5NjkgTCAyMCAyIEMgMjAgMS42MzI4MTIgMTkuNzAzMTI1IDEuMzMyMDMxIDE5LjMzMjAzMSAxLjMzMjAzMSBMIDExLjMzMjAzMSAxLjMzMjAzMSBDIDEwLjk2NDg0NCAxLjMzMjAzMSAxMC42Njc5NjkgMS42MzI4MTIgMTAuNjY3OTY5IDIgTCAxMC42Njc5NjkgNC42Njc5NjkgQyAxMC42Njc5NjkgNS4wMzUxNTYgMTAuOTY0ODQ0IDUuMzMyMDMxIDExLjMzMjAzMSA1LjMzMjAzMSBMIDE5LjMzMjAzMSA1LjMzMjAzMSBDIDE5LjcwMzEyNSA1LjMzMjAzMSAyMCA1LjAzNTE1NiAyMCA0LjY2Nzk2OSBMIDIwIDQgTCAyMC42Njc5NjkgNCBMIDIwLjY2Nzk2OSA2LjY2Nzk2OSBMIDE0IDYuNjY3OTY5IEwgMTQgMTQgQyAxNCAxNC4zNjcxODggMTQuMjk2ODc1IDE0LjY2Nzk2OSAxNC42Njc5NjkgMTQuNjY3OTY5IEwgMTYgMTQuNjY3OTY5IEMgMTYuMzY3MTg4IDE0LjY2Nzk2OSAxNi42Njc5NjkgMTQuMzY3MTg4IDE2LjY2Nzk2OSAxNCBMIDE2LjY2Nzk2OSA4IEwgMjIgOCBMIDIyIDIuNjY3OTY5IFogTSAyMCAyLjY2Nzk2OSAiLz4KPC9nPgo8L3N2Zz4K')
+	cursor:
+		url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIxNiIKICB2aWV3Qm94PSIwIDAgMjQgMTYiCj4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9IndoaXRlLW91dGxpbmUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImRpbGF0ZWQiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIvPgogICAgICA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0id2hpdGUiIHJlc3VsdD0id2hpdGUiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluPSJ3aGl0ZSIgaW4yPSJkaWxhdGVkIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ib3V0bGluZSIvPgogICAgICA8ZmVNZXJnZT4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49Im91dGxpbmUiLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxnIGZpbHRlcj0idXJsKCN3aGl0ZS1vdXRsaW5lKSI+CiAgICA8cGF0aAogICAgICBkPSJNNC4zMzIgMTIuNjY4CiAgICAgICAgIEM0LjMzMiAxMy4wMzUgNC40ODQgMTMuMzMyIDQuNjY4IDEzLjMzMgogICAgICAgICBMNS4zMzIgMTMuMzMyCiAgICAgICAgIEw1LjMzMiAxNC42NjgKICAgICAgICAgTDQuNSAxNC42NjgKICAgICAgICAgQzQuMzE2IDE0LjY2OCA0IDE0LjM2NyA0IDE0CiAgICAgICAgIEM0IDE0LjM2NyAzLjY4NCAxNC42NjggMy41IDE0LjY2OAogICAgICAgICBMMi42NjggMTQuNjY4CiAgICAgICAgIEwyLjY2OCAxMy4zMzIKICAgICAgICAgTDMuMzMyIDEzLjMzMgogICAgICAgICBDMy41MTYgMTMuMzMyIDMuNjY4IDEzLjAzNSAzLjY2OCAxMi42NjgKICAgICAgICAgTDMuNjY4IDMuMzMyCiAgICAgICAgIEMzLjY2OCAyLjk2NSAzLjUxNiAyLjY2OCAzLjMzMiAyLjY2OAogICAgICAgICBMMi42NjggMi42NjgKICAgICAgICAgTDIuNjY4IDEuMzMyCiAgICAgICAgIEwzLjUgMS4zMzIKICAgICAgICAgQzMuNjg0IDEuMzMyIDQgMS42MzMgNCAyCiAgICAgICAgIEM0IDEuNjMzIDQuMzE2IDEuMzMyIDQuNSAxLjMzMgogICAgICAgICBMNS4zMzIgMS4zMzIKICAgICAgICAgTDUuMzMyIDIuNjY4CiAgICAgICAgIEw0LjY2OCAyLjY2OAogICAgICAgICBDNC40ODQgMi42NjggNC4zMzIgMi45NjUgNC4zMzIgMy4zMzIKICAgICAgICAgWiIKICAgICAgZmlsbD0iYmxhY2siCiAgICAvPgogICAgPHBhdGgKICAgICAgZD0iTTIwIDIuNjY4CiAgICAgICAgIEwyMCAyCiAgICAgICAgIEMyMCAxLjYzMyAxOS43MDMgMS4zMzIgMTkuMzMyIDEuMzMyCiAgICAgICAgIEwxMS4zMzIgMS4zMzIKICAgICAgICAgQzEwLjk2NSAxLjMzMiAxMC42NjggMS42MzMgMTAuNjY4IDIKICAgICAgICAgTDEwLjY2OCA0LjY2OAogICAgICAgICBDMTAuNjY4IDUuMDM1IDEwLjk2NSA1LjMzMiAxMS4zMzIgNS4zMzIKICAgICAgICAgTDE5LjMzMiA1LjMzMgogICAgICAgICBDMTkuNzAzIDUuMzMyIDIwIDUuMDM1IDIwIDQuNjY4CiAgICAgICAgIEwyMCA0CiAgICAgICAgIEwyMC42NjggNAogICAgICAgICBMMjAuNjY4IDYuNjY4CiAgICAgICAgIEwxNCA2LjY2OAogICAgICAgICBMMTQgMTQKICAgICAgICAgQzE0IDE0LjM2NyAxNC4yOTcgMTQuNjY4IDE0LjY2OCAxNC42NjgKICAgICAgICAgTDE2IDE0LjY2OAogICAgICAgICBDMTYuMzY3IDE0LjY2OCAxNi42NjggMTQuMzY3IDE2LjY2OCAxNAogICAgICAgICBMMTYuNjY4IDgKICAgICAgICAgTDIyIDgKICAgICAgICAgTDIyIDIuNjY4CiAgICAgICAgIFoiCiAgICAgIGZpbGw9ImJsYWNrIgogICAgLz4KICA8L2c+Cjwvc3ZnPgo=')
 			0 8,
 		text;
 }
@@ -1309,9 +1333,9 @@
 .sun-editor .se-table-resize-line {
 	position: absolute;
 	top: 0;
-	width: 4px;
+	width: 6px;
 	height: 100%;
-	margin-left: -2px;
+	margin-left: -3px;
 	background-color: var(--se-active-dark-color);
 	opacity: 0.4;
 	pointer-events: none;
@@ -1323,7 +1347,7 @@
 	position: absolute;
 	left: 0;
 	width: 100%;
-	height: 5px;
+	height: 6px;
 	margin-top: -3px;
 	background-color: var(--se-active-dark-color);
 	opacity: 0.4;
@@ -1383,6 +1407,7 @@
 	padding: 0 5px;
 }
 
+/* When modifying the values ​​of this style, you must also adjust the values ​​of "table/index:#OnMouseMoveTablePicke()" */
 .sun-editor .se-selector-table .se-table-size-picker {
 	position: absolute !important;
 	z-index: 3;
@@ -1398,8 +1423,11 @@
 	font-size: 18px;
 	width: 1em;
 	height: 1em;
-	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==')
-		repeat;
+	background-color: var(--se-table-picker-highlight-color);
+	background-image: linear-gradient(to right, var(--se-table-picker-highlight-border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--se-table-picker-highlight-border-color) 1px, transparent 1px);
+	background-size: 1em 1em;
+	border-right: 1px solid var(--se-table-picker-highlight-border-color);
+	border-bottom: 1px solid var(--se-table-picker-highlight-border-color);
 }
 
 .sun-editor .se-selector-table .se-table-size-unhighlighted {
@@ -1408,8 +1436,11 @@
 	font-size: 18px;
 	width: 5em;
 	height: 5em;
-	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC')
-		repeat;
+	background-color: var(--se-table-picker-color);
+	background-image: linear-gradient(to right, var(--se-table-picker-border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--se-table-picker-border-color) 1px, transparent 1px);
+	background-size: 1em 1em;
+	border-right: 1px solid var(--se-table-picker-border-color);
+	border-bottom: 1px solid var(--se-table-picker-border-color);
 }
 
 .sun-editor .se-selector-table .se-table-size-display {
@@ -1454,7 +1485,9 @@
 	border-radius: 0;
 	border: 0;
 	text-indent: -9999px;
-	transition: transform 0.2s, box-shadow 0.2s;
+	transition:
+		transform 0.2s,
+		box-shadow 0.2s;
 }
 
 .sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,
@@ -1629,11 +1662,17 @@
 	z-index: 1;
 }
 
+/* [editable - no iframe], codeview */
 .sun-editor .se-wrapper .se-wrapper-inner {
-	width: 100%;
-	max-width: 100%;
 	height: 100%;
 	min-height: var(--se-min-height);
+}
+
+/* [editable - common], codeview */
+.sun-editor .se-wrapper .se-wrapper-inner,
+.sun-editor body.sun-editor-editable {
+	width: 100%;
+	max-width: 100%;
 	overflow-y: auto;
 	overflow-x: auto;
 	-webkit-overflow-scrolling: touch;
@@ -1645,13 +1684,17 @@
 	-ms-user-select: auto;
 }
 
-.sun-editor .se-wrapper .se-wrapper-inner:focus {
+.sun-editor .se-wrapper .se-wrapper-inner:focus,
+.sun-editor body.sun-editor-editable:focus {
 	outline: none;
 }
 
 .sun-editor .se-wrapper .se-code-wrapper {
 	width: 100%;
 }
+.sun-editor .se-wrapper .se-code-wrapper > div {
+	width: 100%;
+}
 .sun-editor .se-wrapper .se-code-wrapper .se-code-view-line {
 	background-color: var(--se-code-view-color);
 	color: var(--se-code-view-background-color);
@@ -2014,6 +2057,11 @@
 	padding: 5px 15px 0px 15px;
 }
 
+.sun-editor .se-modal-area .se-modal-inner .se-modal-hr {
+	border-bottom: 1px dashed var(--se-modal-color);
+	margin-bottom: 6px;
+}
+
 .sun-editor .se-modal-area .se-modal-inner .se-modal-form {
 	margin-bottom: 10px;
 }
@@ -2440,7 +2488,9 @@
 .sun-editor-editable[contenteditable='true'] figure.se-component-selected,
 .sun-editor-editable[contenteditable='true'] .se-component.se-component-selected > figure {
 	outline: 2px solid var(--se-active-dark-color);
-	transition: outline-color 0.2s ease-in-out, outline-width 0.2s ease-in-out;
+	transition:
+		outline-color 0.2s ease-in-out,
+		outline-width 0.2s ease-in-out;
 }
 
 .sun-editor-editable[contenteditable='true'] .se-component figure.se-figure-selected:not(.se-figure-over-selected)::after {
@@ -2849,7 +2899,9 @@
 	border-color: var(--se-active-light4-color) !important;
 	outline: 1px solid var(--se-active-color) !important;
 	box-shadow: none;
-	transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
+	transition:
+		background-color 0.1s ease-in-out,
+		box-shadow 0.1s ease-in-out;
 }
 
 .sun-editor .se-modal-form-files .se-select-menu {
@@ -3281,7 +3333,9 @@
 	opacity: 0;
 	visibility: hidden;
 	transform: scale(0.9);
-	transition: opacity 0.25s ease, transform 0.25s ease;
+	transition:
+		opacity 0.25s ease,
+		transform 0.25s ease;
 }
 .sun-editor .se-alert-content.se-modal-show {
 	opacity: 1;
@@ -3339,13 +3393,17 @@
 	border: 1px solid rgba(0, 0, 0, 0.2);
 	opacity: 0;
 	transform: scale(0.9);
-	transition: opacity 0.25s ease, transform 0.25s ease;
+	transition:
+		opacity 0.25s ease,
+		transform 0.25s ease;
 	opacity: 0;
 	transform: translateY(20px);
 }
 .sun-editor .se-toast .se-toast-container.se-toast-show {
 	opacity: 1;
-	animation: toast-in 0.3s ease-out forwards, toast-out 0.3s ease-in forwards 3s;
+	animation:
+		toast-in 0.3s ease-out forwards,
+		toast-out 0.3s ease-in forwards 3s;
 }
 
 /** --- toast - success */
@@ -3367,7 +3425,9 @@
 	border-color: var(--se-active-dark-color);
 	outline: 0;
 	box-shadow: 0 0 0 0.2rem var(--se-active-light3-color);
-	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+	transition:
+		border-color 0.15s ease-in-out,
+		box-shadow 0.15s ease-in-out;
 }
 
 /** --- tooltip */
@@ -3809,7 +3869,8 @@
 }
 
 .sun-editor-editable.se-rtl[contenteditable='true'].se-copy-format-cursor {
-	cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMiAyLjY2Nzk2OSBMIDEyIDIgQyAxMiAxLjYzMjgxMiAxMS43MDMxMjUgMS4zMzIwMzEgMTEuMzMyMDMxIDEuMzMyMDMxIEwgMy4zMzIwMzEgMS4zMzIwMzEgQyAyLjk2NDg0NCAxLjMzMjAzMSAyLjY2Nzk2OSAxLjYzMjgxMiAyLjY2Nzk2OSAyIEwgMi42Njc5NjkgNC42Njc5NjkgQyAyLjY2Nzk2OSA1LjAzNTE1NiAyLjk2NDg0NCA1LjMzMjAzMSAzLjMzMjAzMSA1LjMzMjAzMSBMIDExLjMzMjAzMSA1LjMzMjAzMSBDIDExLjcwMzEyNSA1LjMzMjAzMSAxMiA1LjAzNTE1NiAxMiA0LjY2Nzk2OSBMIDEyIDQgTCAxMi42Njc5NjkgNCBMIDEyLjY2Nzk2OSA2LjY2Nzk2OSBMIDYgNi42Njc5NjkgTCA2IDE0IEMgNiAxNC4zNjcxODggNi4yOTY4NzUgMTQuNjY3OTY5IDYuNjY3OTY5IDE0LjY2Nzk2OSBMIDggMTQuNjY3OTY5IEMgOC4zNjcxODggMTQuNjY3OTY5IDguNjY3OTY5IDE0LjM2NzE4OCA4LjY2Nzk2OSAxNCBMIDguNjY3OTY5IDggTCAxNCA4IEwgMTQgMi42Njc5NjkgWiBNIDEyIDIuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMjAuMzMyMDMxIDEyLjY2Nzk2OSBDIDIwLjMzMjAzMSAxMy4wMzUxNTYgMjAuNDg0Mzc1IDEzLjMzMjAzMSAyMC42Njc5NjkgMTMuMzMyMDMxIEwgMjEuMzMyMDMxIDEzLjMzMjAzMSBMIDIxLjMzMjAzMSAxNC42Njc5NjkgTCAyMC41IDE0LjY2Nzk2OSBDIDIwLjMxNjQwNiAxNC42Njc5NjkgMjAgMTQuMzY3MTg4IDIwIDE0IEMgMjAgMTQuMzY3MTg4IDE5LjY4MzU5NCAxNC42Njc5NjkgMTkuNSAxNC42Njc5NjkgTCAxOC42Njc5NjkgMTQuNjY3OTY5IEwgMTguNjY3OTY5IDEzLjMzMjAzMSBMIDE5LjMzMjAzMSAxMy4zMzIwMzEgQyAxOS41MTU2MjUgMTMuMzMyMDMxIDE5LjY2Nzk2OSAxMy4wMzUxNTYgMTkuNjY3OTY5IDEyLjY2Nzk2OSBMIDE5LjY2Nzk2OSAzLjMzMjAzMSBDIDE5LjY2Nzk2OSAyLjk2NDg0NCAxOS41MTU2MjUgMi42Njc5NjkgMTkuMzMyMDMxIDIuNjY3OTY5IEwgMTguNjY3OTY5IDIuNjY3OTY5IEwgMTguNjY3OTY5IDEuMzMyMDMxIEwgMTkuNSAxLjMzMjAzMSBDIDE5LjY4MzU5NCAxLjMzMjAzMSAyMCAxLjYzMjgxMiAyMCAyIEMgMjAgMS42MzI4MTIgMjAuMzE2NDA2IDEuMzMyMDMxIDIwLjUgMS4zMzIwMzEgTCAyMS4zMzIwMzEgMS4zMzIwMzEgTCAyMS4zMzIwMzEgMi42Njc5NjkgTCAyMC42Njc5NjkgMi42Njc5NjkgQyAyMC40ODQzNzUgMi42Njc5NjkgMjAuMzMyMDMxIDIuOTY0ODQ0IDIwLjMzMjAzMSAzLjMzMjAzMSBaIE0gMjAuMzMyMDMxIDEyLjY2Nzk2OSAiLz4KPC9nPgo8L3N2Zz4K')
+	cursor:
+		url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDE2Ij4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9IndoaXRlLW91dGxpbmUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImRpbGF0ZWQiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIvPgogICAgICA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0id2hpdGUiIHJlc3VsdD0id2hpdGUiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluPSJ3aGl0ZSIgaW4yPSJkaWxhdGVkIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ib3V0bGluZSIvPgogICAgICA8ZmVNZXJnZT4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49Im91dGxpbmUiLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxnIGZpbHRlcj0idXJsKCN3aGl0ZS1vdXRsaW5lKSIgdHJhbnNmb3JtPSJzY2FsZSgtMSwxKSB0cmFuc2xhdGUoLTI0LDApIj4KICAgIDxwYXRoCiAgICAgIGQ9Ik00LjMzMiAxMi42NjgKICAgICAgICAgQzQuMzMyIDEzLjAzNSA0LjQ4NCAxMy4zMzIgNC42NjggMTMuMzMyCiAgICAgICAgIEw1LjMzMiAxMy4zMzIKICAgICAgICAgTDUuMzMyIDE0LjY2OAogICAgICAgICBMNC41IDE0LjY2OAogICAgICAgICBDNC4zMTYgMTQuNjY4IDQgMTQuMzY3IDQgMTQKICAgICAgICAgQzQgMTQuMzY3IDMuNjg0IDE0LjY2OCAzLjUgMTQuNjY4CiAgICAgICAgIEwyLjY2OCAxNC42NjgKICAgICAgICAgTDIuNjY4IDEzLjMzMgogICAgICAgICBMMy4zMzIgMTMuMzMyCiAgICAgICAgIEMzLjUxNiAxMy4zMzIgMy42NjggMTMuMDM1IDMuNjY4IDEyLjY2OAogICAgICAgICBMMy42NjggMy4zMzIKICAgICAgICAgQzMuNjY4IDIuOTY1IDMuNTE2IDIuNjY4IDMuMzMyIDIuNjY4CiAgICAgICAgIEwyLjY2OCAyLjY2OAogICAgICAgICBMMi42NjggMS4zMzIKICAgICAgICAgTDMuNSAxLjMzMgogICAgICAgICBDMy42ODQgMS4zMzIgNCAxLjYzMyA0IDIKICAgICAgICAgQzQgMS42MzMgNC4zMTYgMS4zMzIgNC41IDEuMzMyCiAgICAgICAgIEw1LjMzMiAxLjMzMgogICAgICAgICBMNS4zMzIgMi42NjgKICAgICAgICAgTDQuNjY4IDIuNjY4CiAgICAgICAgIEM0LjQ4NCAyLjY2OCA0LjMzMiAyLjk2NSA0LjMzMiAzLjMzMgogICAgICAgICBaIgogICAgICBmaWxsPSJibGFjayIKICAgIC8+CiAgICA8cGF0aAogICAgICBkPSJNMjAgMi42NjgKICAgICAgICAgTDIwIDIKICAgICAgICAgQzIwIDEuNjMzIDE5LjcwMyAxLjMzMiAxOS4zMzIgMS4zMzIKICAgICAgICAgTDExLjMzMiAxLjMzMgogICAgICAgICBDMTAuOTY1IDEuMzMyIDEwLjY2OCAxLjYzMyAxMC42NjggMgogICAgICAgICBMMTAuNjY4IDQuNjY4CiAgICAgICAgIEMxMC42NjggNS4wMzUgMTAuOTY1IDUuMzMyIDExLjMzMiA1LjMzMgogICAgICAgICBMMTkuMzMyIDUuMzMyCiAgICAgICAgIEMxOS43MDMgNS4zMzIgMjAgNS4wMzUgMjAgNC42NjgKICAgICAgICAgTDIwIDQKICAgICAgICAgTDIwLjY2OCA0CiAgICAgICAgIEwyMC42NjggNi42NjgKICAgICAgICAgTDE0IDYuNjY4CiAgICAgICAgIEwxNCAxNAogICAgICAgICBDMTQgMTQuMzY3IDE0LjI5NyAxNC42NjggMTQuNjY4IDE0LjY2OAogICAgICAgICBMMTYgMTQuNjY4CiAgICAgICAgIEMxNi4zNjcgMTQuNjY4IDE2LjY2OCAxNC4zNjcgMTYuNjY4IDE0CiAgICAgICAgIEwxNi42NjggOAogICAgICAgICBMMjIgOAogICAgICAgICBMMjIgMi42NjgKICAgICAgICAgWiIKICAgICAgZmlsbD0iYmxhY2siCiAgICAvPgogIDwvZz4KPC9zdmc+Cg==')
 			24 0,
 		text;
 }
@@ -3877,6 +3938,16 @@
 	right: unset;
 }
 
+/* table picker */
+.sun-editor.se-rtl .se-selector-table .se-table-size-picker,
+.sun-editor.se-rtl .se-selector-table .se-table-size-unhighlighted {
+	right: 0;
+}
+.sun-editor.se-rtl .se-selector-table .se-table-size-highlighted {
+	/* .se-table-size : padding - 5px*/
+	right: 5px;
+}
+
 /** --- RTL end -------------------------------------------------------------------------------------------------------------------------------------------------- */
 
 /** button module float --------------------------------------------- */
@@ -3914,7 +3985,9 @@
 	border: 1px solid var(--se-error-color) !important;
 	outline: 0;
 	box-shadow: 0 0 0 0.2rem var(--se-error-light2-color);
-	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+	transition:
+		border-color 0.15s ease-in-out,
+		box-shadow 0.15s ease-in-out;
 }
 
 /** ---------------------------------------------------------- menu items ---------------------------------------------------------- */
@@ -4017,7 +4090,7 @@
 
 /** --- controller wrapper ---------------------------------------------------------- */
 .sun-editor.sun-editor-carrier-wrapper {
-	position: initial !important;
+	position: static !important;
 	display: block !important;
 	width: 0 !important;
 	height: 0 !important;
@@ -4033,7 +4106,7 @@
 	display: none;
 	pointer-events: none;
 	width: 2px;
-	background-color: var(--se-active-dark5-color);
+	background-color: var(--se-drag-caret-color);
 	z-index: 2147483646;
 }
 .sun-editor.sun-editor-carrier-wrapper .se-drag-cursor::before {
@@ -4047,7 +4120,7 @@
 	margin-right: 0;
 	margin-left: -4px;
 	border-width: 6px 5px 0 5px;
-	border-color: var(--se-active-dark5-color) transparent transparent transparent;
+	border-color: var(--se-drag-caret-color) transparent transparent transparent;
 }
 .sun-editor.sun-editor-carrier-wrapper .se-drag-cursor::after {
 	content: '';
@@ -4060,7 +4133,7 @@
 	margin-right: 0;
 	margin-left: -4px;
 	border-width: 0 5px 5px 5px;
-	border-color: transparent transparent var(--se-active-dark5-color) transparent;
+	border-color: transparent transparent var(--se-drag-caret-color) transparent;
 }
 
 /** page break */
@@ -4073,7 +4146,7 @@
 	clear: both;
 	width: 100%;
 	height: 24px;
-	margin: -12px 0 0 0;
+	margin: 0;
 	padding: 0;
 	z-index: 1;
 }