suneditor 3.2.6 → 3.3.0

package/src/assets/suneditor.css

@@ -263,9 +263,9 @@
 	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;
+		border-color 0.13s ease,
+		background-color 0.13s ease,
+		color 0.13s ease;
 }
 
 .sun-editor .se-form-group button.se-btn {
@@ -281,11 +281,8 @@
 
 .sun-editor .se-btn:not(.on):not(.active):enabled:active,
 .sun-editor .se-btn:not(.on):not(.active):enabled.__se__active {
-	background-color: var(--se-hover-light2-color);
-	border-color: var(--se-hover-dark2-color) !important;
-	outline: 1px solid var(--se-hover-dark3-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-hover-light2-color);
-	transition: box-shadow 0.1s ease-in-out;
+	background-color: var(--se-hover-light3-color);
+	transition: background-color 0.08s ease;
 }
 
 /*  after, before button : hover */
@@ -338,8 +335,8 @@
 
 /* se-btn.on */
 .sun-editor .se-btn:enabled.on {
-	background-color: var(--se-active-light2-color);
-	color: var(--se-active-dark3-color);
+	background-color: var(--se-active-light4-color);
+	color: var(--se-active-dark5-color);
 	border-color: var(--se-active-light5-color);
 }
 
@@ -352,13 +349,9 @@
 
 .sun-editor .se-btn:enabled.on:active,
 .sun-editor .se-btn:enabled.on.__se__active {
-	background-color: var(--se-active-light3-color);
-	color: var(--se-active-color);
-	border-color: var(--se-active-light3-color) !important;
-	outline: 1px solid var(--se-active-color) !important;
-	color: 1px solid var(--se-active-color);
-	box-shadow: 0 0 0 0.3rem var(--se-active-light3-color);
-	transition: box-shadow 0.1s ease-in-out;
+	background-color: var(--se-active-light5-color);
+	color: var(--se-active-hover-color);
+	transition: background-color 0.08s ease;
 }
 
 /* se-btn.active */
@@ -377,12 +370,9 @@
 
 .sun-editor .se-btn:enabled.active:active,
 .sun-editor .se-btn:enabled.active.__se__active {
-	background-color: var(--se-active-light5-color);
+	background-color: var(--se-active-light6-color);
 	color: var(--se-active-hover-color);
-	border-color: var(--se-active-dark5-color) !important;
-	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;
+	transition: background-color 0.08s ease;
 	z-index: 1;
 }
 
@@ -408,28 +398,29 @@
 
 /** --- primary button */
 .sun-editor .se-btn-primary {
-	background-color: var(--se-active-light2-color);
+	background-color: var(--se-active-dark5-color);
 	border: 1px solid var(--se-active-dark5-color);
+	color: #fff;
+	font-weight: 500;
 	border-radius: var(--se-border-radius);
 	outline: 0 none;
 	transition:
-		border-color 0.3s ease,
-		background-color 0.3s ease,
-		color 0.3s ease;
+		border-color 0.13s ease,
+		background-color 0.13s ease,
+		color 0.13s ease;
 }
 
 .sun-editor .se-btn-primary:hover,
 .sun-editor .se-btn-primary:focus {
-	background-color: var(--se-active-light5-color);
+	background-color: var(--se-active-hover-color);
+	border-color: var(--se-active-hover-color);
+	color: #fff;
 }
 
 .sun-editor .se-btn-primary:active,
 .sun-editor .se-btn-primary.__se__active {
-	background-color: var(--se-active-light2-color);
-	border-color: var(--se-active-light2-color) !important;
-	outline: 1px solid var(--se-active-dark5-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-active-light2-color);
-	transition: box-shadow 0.1s ease-in-out;
+	background-color: var(--se-active-hover-color);
+	transition: background-color 0.08s ease;
 }
 
 /* --- se-btn.success */
@@ -446,10 +437,7 @@
 .sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled:active,
 .sun-editor .se-btn.se-btn-success:not(.on):not(.active):enabled.__se__active {
 	background-color: var(--se-success-light-color);
-	border-color: var(--se-success-light-color) !important;
-	outline: 1px solid var(--se-success-light5-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-success-light-color);
-	transition: box-shadow 0.1s ease-in-out;
+	transition: background-color 0.08s ease;
 }
 
 /* se-btn.success.on */
@@ -470,11 +458,7 @@
 .sun-editor .se-btn.se-btn-success:enabled.on.__se__active {
 	background-color: var(--se-success-light2-color);
 	color: var(--se-success-color);
-	border-color: var(--se-success-light2-color) !important;
-	outline: 1px solid var(--se-success-dark-color) !important;
-	color: 1px solid var(--se-success-color);
-	box-shadow: 0 0 0 0.3rem var(--se-success-light2-color);
-	transition: box-shadow 0.1s ease-in-out;
+	transition: background-color 0.08s ease;
 }
 
 /* se-btn.success.active */
@@ -495,10 +479,7 @@
 .sun-editor .se-btn.se-btn-success:enabled.active.__se__active {
 	background-color: var(--se-success-light3-color);
 	color: var(--se-success-dark3-color);
-	border-color: var(--se-success-light3-color) !important;
-	outline: 1px solid var(--se-success-dark2-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-success-light3-color);
-	transition: box-shadow 0.1s ease-in-out;
+	transition: background-color 0.08s ease;
 }
 
 /* --- se-btn.danger */
@@ -516,10 +497,7 @@
 .sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled:active,
 .sun-editor .se-btn.se-btn-danger:not(.on):not(.active):enabled.__se__active {
 	background-color: var(--se-error-light5-color);
-	border-color: var(--se-error-light5-color) !important;
-	outline: 1px solid var(--se-error-dark-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-error-light5-color);
-	transition: box-shadow 0.1s ease-in-out;
+	transition: background-color 0.08s ease;
 }
 
 /* se-btn.danger.on */
@@ -540,10 +518,7 @@
 .sun-editor .se-btn.se-btn-danger:enabled.on.__se__active {
 	background-color: var(--se-error-light-color);
 	color: var(--se-error-color);
-	border-color: var(--se-error-light-color) !important;
-	outline: 1px solid var(--se-error-dark3-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-error-light4-color);
-	transition: box-shadow 0.1s ease-in-out;
+	transition: background-color 0.08s ease;
 }
 
 /* se-btn.danger.active */
@@ -564,10 +539,7 @@
 .sun-editor .se-btn.se-btn-danger:enabled.active.__se__active {
 	background-color: var(--se-error-light-color);
 	color: var(--se-error-color);
-	border-color: var(--se-error-light-color) !important;
-	outline: 1px solid var(--se-error-dark3-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-error-light-color);
-	transition: box-shadow 0.1s ease-in-out;
+	transition: background-color 0.08s ease;
 }
 
 /** --- Input */
@@ -655,8 +627,8 @@
 
 .sun-editor button > svg,
 .sun-editor .se-svg {
-	width: 20px;
-	height: 20px;
+	width: var(--se-icon-size);
+	height: var(--se-icon-size);
 	margin: auto;
 	fill: currentColor;
 	display: block;
@@ -667,9 +639,22 @@
 	width: 15px;
 	height: 15px;
 }
+/* outline (stroke-based) icons — Lucide/Tabler set */
+.sun-editor svg.se-io {
+	fill: none;
+	stroke: currentColor;
+	stroke-width: 2;
+	stroke-linecap: round;
+	stroke-linejoin: round;
+}
+
+/* Opt-in crispness for straight-stroke outline icons */
+.sun-editor svg.se-io-sharp {
+	transform: translateZ(0);
+}
 .sun-editor .se-text-prefix-icon {
-	width: 20px;
-	height: 20px;
+	width: var(--se-icon-size);
+	height: var(--se-icon-size);
 	float: left;
 }
 .sun-editor .se-text-prefix-icon svg {
@@ -691,31 +676,40 @@
 }
 
 /* side button */
-.sun-editor button.se-side-btn {
+.sun-editor .se-side-btn {
 	border-radius: 0;
 	margin-left: 0;
 	margin-right: 0;
 }
-.sun-editor button.se-side-btn-a {
+.sun-editor .se-side-btn-a {
 	float: left;
 	border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
 	margin-right: 0;
 }
-.sun-editor button.se-side-btn-b {
+.sun-editor .se-side-btn-b {
 	float: left;
 	border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
 	margin-left: 0;
 }
-.sun-editor button.se-side-btn-before {
+.sun-editor .se-side-btn-before {
 	float: left;
 	margin-right: 0;
 	border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
 }
-.sun-editor button.se-side-btn-after {
+.sun-editor .se-side-btn-after {
 	margin-left: 0;
 	border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
 }
 
+.sun-editor .se-menu-list li:has(> button.se-side-btn-before) .se-btn-input input {
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+.sun-editor .se-menu-list li:has(> button.se-side-btn-after) .se-btn-input input {
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
 /* list button icons */
 .sun-editor button.se-btn-list > * li::before {
 	content: '';
@@ -928,8 +922,8 @@
 	position: absolute;
 	z-index: 2147483646;
 	width: auto;
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
-	-webkit-box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
+	-webkit-box-shadow: var(--se-shadow-layer);
 }
 
 /* JS fallback: initial state — override CSS sticky */
@@ -1141,8 +1135,8 @@
 .sun-editor .se-block-menu-icon {
 	display: inline-flex;
 	align-items: center;
-	width: 16px;
-	height: 16px;
+	width: var(--se-icon-size-command-menu);
+	height: var(--se-icon-size-command-menu);
 	margin-right: 12px;
 	margin-left: 4px;
 	vertical-align: middle;
@@ -1173,8 +1167,8 @@
 .sun-editor .se-block-submenu-item .se-list-icon,
 .sun-editor .se-block-submenu-item svg {
 	display: inline-block;
-	width: 16px;
-	height: 16px;
+	width: var(--se-icon-size-command-menu);
+	height: var(--se-icon-size-command-menu);
 	margin: 0 6px 0 0;
 	flex-shrink: 0;
 	vertical-align: middle;
@@ -1319,6 +1313,7 @@
 	font-size: var(--se-main-font-size);
 	height: var(--se-input-btn-size);
 	border: 0;
+	border-radius: var(--se-border-radius);
 }
 .sun-editor .se-btn-input input:hover {
 	border: 1px solid var(--se-main-border-color);
@@ -1390,7 +1385,7 @@
 	border-radius: var(--se-border-radius-lg);
 	padding: 4px;
 	background-color: var(--se-main-background-color);
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 	outline: 0 none;
 }
 
@@ -1697,7 +1692,7 @@
 	background-clip: padding-box;
 	border: 1px solid var(--se-input-btn-border-color);
 	border-radius: var(--se-border-radius);
-	box-shadow: 0 6px 12px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 }
 
 .sun-editor .se-selector-table .se-table-size {
@@ -2117,22 +2112,16 @@
 	-moz-backface-visibility: hidden;
 }
 
-.sun-editor .se-wrapper .se-placeholder-line {
-	position: relative;
-}
-
 .sun-editor .se-wrapper .se-placeholder-line::before {
 	content: attr(data-se-placeholder-line);
-	position: absolute;
-	inset: 0;
-	box-sizing: border-box;
-	padding: inherit;
+	display: inline-block;
+	width: 0;
+	overflow: visible;
 	color: var(--se-main-outline-color);
 	pointer-events: none;
+	user-select: none;
+	-webkit-user-select: none;
 	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	text-align: inherit;
 }
 
 /** --- status bar */
@@ -2282,7 +2271,7 @@
 	border: 1px solid rgba(0, 0, 0, 0.2);
 	border-radius: var(--se-border-radius-lg);
 	outline: 0;
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 }
 .sun-editor .se-modal-area .se-modal-inner .se-modal-content.se-modal-show {
 	display: block;
@@ -2418,7 +2407,8 @@
 	padding: 5px 11px;
 	margin: 0 0 10px 0 !important;
 	font-size: var(--se-modal-input-font-size);
-	font-weight: normal;
+	font-weight: 500;
+	color: #fff;
 	line-height: 1.4;
 	text-align: center;
 	white-space: nowrap;
@@ -2895,7 +2885,7 @@
 }
 
 .sun-editor .se-controller:not(.se-resizing-container) {
-	box-shadow: 0 5px 10px var(--se-shadow-controller-color);
+	box-shadow: var(--se-shadow-controller);
 }
 
 .sun-editor-editable[contenteditable='true'] figure a,
@@ -3291,7 +3281,7 @@
 	padding: 4px 0;
 	margin: 0;
 	border: 1px solid var(--se-main-divider-color);
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 	outline: 0 none;
 }
 
@@ -3424,7 +3414,7 @@
 	border: 1px solid var(--se-main-divider-color);
 	border-radius: var(--se-border-radius-lg);
 	padding: 4px 0;
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 	z-index: 1;
 }
 
@@ -3516,7 +3506,7 @@
 	border: 1px solid rgba(0, 0, 0, 0.2);
 	border-radius: var(--se-border-radius-lg);
 	outline: 0;
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 }
 
 /* --- browser - header */
@@ -3898,7 +3888,7 @@
 	margin: auto;
 	top: 35%;
 	border-radius: var(--se-border-radius);
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 	word-break: break-all;
 	background-color: var(--se-main-background-color);
 	padding: 15px;
@@ -3955,7 +3945,7 @@
 	margin: auto;
 	top: 35%;
 	border-radius: var(--se-border-radius);
-	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
+	box-shadow: var(--se-shadow-layer);
 	word-break: break-all;
 	background-color: var(--se-main-font-color);
 	color: var(--se-main-background-color);
@@ -4022,7 +4012,7 @@
 	opacity: 0;
 	z-index: 1;
 	line-height: 1.5;
-	transition: opacity 0.5s;
+	transition: opacity 0.13s ease;
 	margin: 0;
 	padding: 0;
 	bottom: auto;
@@ -4408,29 +4398,39 @@
 }
 
 /* side button */
-.sun-editor.se-rtl button.se-side-btn {
+.sun-editor.se-rtl .se-side-btn {
 	float: right;
 }
-.sun-editor.se-rtl button.se-side-btn-b {
+.sun-editor.se-rtl .se-side-btn-b {
 	float: right;
 	margin-right: 0;
 	border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
 }
-.sun-editor.se-rtl button.se-side-btn-a {
+.sun-editor.se-rtl .se-side-btn-a {
 	float: right;
 	margin-left: 0;
 	border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
 }
-.sun-editor.se-rtl button.se-side-btn-after {
+.sun-editor.se-rtl .se-side-btn-after {
 	margin-right: 0;
 	border-radius: var(--se-border-radius) 0 0 var(--se-border-radius);
 }
-.sun-editor.se-rtl button.se-side-btn-before {
+.sun-editor.se-rtl .se-side-btn-before {
 	float: right;
 	margin-left: 0;
 	border-radius: 0 var(--se-border-radius) var(--se-border-radius) 0;
 }
 
+/* side button - input  */
+.sun-editor.se-rtl .se-menu-list li:has(> button.se-side-btn-before) .se-btn-input input {
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+}
+.sun-editor.se-rtl .se-menu-list li:has(> button.se-side-btn-after) .se-btn-input input {
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
 /* after, before button:hover - on, active - border */
 .sun-editor.se-rtl .se-menu-list li .se-side-btn-after.on:enabled,
 .sun-editor.se-rtl .se-menu-list li .se-side-btn-after.active:enabled {

package/src/core/config/optionProvider.js

@@ -229,13 +229,14 @@ export default class OptionProvider {
 				}
 
 				if (diff.has('placeholder_line')) {
-					const phLineText = newRootOptions.get('placeholder_line');
-					fc.set('placeholder_line', phLineText);
+					const phLine = newRootOptions.get('placeholder_line');
+					fc.set('placeholder_line', phLine);
 
 					const marked = fc.get('wysiwyg').querySelector('.se-placeholder-line');
 					if (marked) {
-						if (phLineText) {
-							marked.setAttribute('data-se-placeholder-line', phLineText);
+						const phText = ui.resolveLinePlaceholder(marked, phLine);
+						if (phText) {
+							marked.setAttribute('data-se-placeholder-line', phText);
 						} else {
 							marked.classList.remove('se-placeholder-line');
 							marked.removeAttribute('data-se-placeholder-line');

package/src/core/event/actions/index.js

@@ -138,7 +138,6 @@ export const A = {
 	 * @returns {Action}
 	 */
 	backspaceEmptyLineMergePrev: (formatEl, prev) => ({ t: 'backspace.emptyLine.mergePrev', p: { formatEl, prev } }),
-
 	/**
 	 * @param {Node} rowEndBr - the `<br>` the caret sits on (end of the empty row)
 	 * @param {Node} rowStartBr - the `<br>` that starts the empty row (removed to merge it up)
@@ -148,7 +147,6 @@ export const A = {
 		t: 'backspace.brline.rowMerge',
 		p: { rowEndBr, rowStartBr },
 	}),
-
 	/**
 	 * @description Soft line break merge (Backspace): the caret sits in the zero-width anchor right after a soft-break `<br>` (a Shift+Enter).
 	 * @param {Node} zws - the zero-width Text node holding the caret (its `previousSibling` is the `<br>`)
@@ -187,13 +185,11 @@ export const A = {
 	 * @returns {Action}
 	 */
 	deleteEmptyLineMergeNext: (formatEl, next) => ({ t: 'delete.emptyLine.mergeNext', p: { formatEl, next } }),
-
 	/**
 	 * @param {Node} rowEndBr - the `<br>` the caret sits on (end of the empty row); removed to pull the next row up
 	 * @returns {Action}
 	 */
 	deleteBrLineRowMerge: (rowEndBr) => ({ t: 'delete.brline.rowMerge', p: { rowEndBr } }),
-
 	/**
 	 * @description Soft line break merge (Delete): the caret sits just before a soft-break `<br>`.
 	 * @param {Node} br - the soft-break `<br>` to remove
@@ -201,6 +197,14 @@ export const A = {
 	 */
 	deleteSoftBreakMerge: (br) => ({ t: 'delete.softBreak.merge', p: { br } }),
 
+	// === line ===
+	/**
+	 * @param {HTMLElement} into - Line that receives the content (caret lands at its original end).
+	 * @param {HTMLElement} from - Line whose content is moved into `into`, then removed.
+	 * @returns {Action}
+	 */
+	mergeLineInto: (into, from) => ({ t: 'line.merge', p: { into, from } }),
+
 	// === tab ===
 	/**
 	 * @param {Range} range

package/src/core/event/effects/keydown.registry.js

@@ -250,6 +250,39 @@ export default {
 		caretToLineEdge(ports, next, false);
 	},
 
+	/**
+	 * @action mergeLineInto — Merge one line into another across a block boundary.
+	 */
+	'line.merge': ({ ports }, { into, from }) => {
+		const format = ports.format;
+		const container = from.parentElement;
+
+		stripTrailingBreaks(into);
+		const focusNode = into.lastChild;
+		stripTrailingBreaks(from);
+
+		while (from.firstChild) into.appendChild(from.firstChild);
+		dom.utils.removeItem(from);
+
+		let block = container;
+		while (
+			block &&
+			block !== into.parentElement &&
+			format.isBlock(block) &&
+			!format.isClosureBlock(block) &&
+			dom.check.isZeroWidth(block)
+		) {
+			const parent = block.parentElement;
+			dom.utils.removeItem(block);
+			block = parent;
+		}
+
+		if (!into.firstChild) into.appendChild(dom.utils.createElement('BR'));
+
+		if (focusNode) caretToNodeEnd(ports, focusNode);
+		else ports.selection.setRange(into, 0, into, 0);
+	},
+
 	/** @action deleteBrLineRowMerge — remove an empty row inside a brLine (PRE), pull the next row up */
 	'delete.brline.rowMerge': ({ ports }, { rowEndBr }) => {
 		let next = rowEndBr.nextSibling;
@@ -462,7 +495,8 @@ export default {
 				shouldDelete: true,
 				skipHistory: true,
 			});
-			edge.cc.insertBefore(newEl, edge.ec);
+
+			edge.cc.insertBefore(newEl, edge.sc ? edge.sc.nextSibling : edge.cc.firstChild);
 		}
 
 		newEl.innerHTML = '<br>';
@@ -596,15 +630,17 @@ export default {
 		dom.utils.copyTagAttributes(newFormat, formatEl, ctx.options.get('lineAttrReset'));
 
 		let child = focusBR;
-		let sNode = selectionNode;
-		do {
-			if (!dom.check.isBreak(sNode) && sNode.nodeType === 1) {
-				const f = /** @type {HTMLElement} */ (sNode.cloneNode(false));
-				f.appendChild(child);
-				child = f;
-			}
-			sNode = sNode.parentElement;
-		} while (formatEl !== sNode && formatEl.contains(sNode));
+		if (!(formatEndEdge && ctx.options.get('lineBreakClearStyle'))) {
+			let sNode = selectionNode;
+			do {
+				if (!dom.check.isBreak(sNode) && sNode.nodeType === 1) {
+					const f = /** @type {HTMLElement} */ (sNode.cloneNode(false));
+					f.appendChild(child);
+					child = f;
+				}
+				sNode = sNode.parentElement;
+			} while (formatEl !== sNode && formatEl.contains(sNode));
+		}
 
 		newFormat.appendChild(child);
 		formatEl.parentNode.insertBefore(
@@ -755,6 +791,19 @@ function caretToNodeEnd(ports, node) {
 	ports.selection.setRange(node, offset, node, offset);
 }
 
+/**
+ * @description Removes trailing `<br>` elements and zero-width text nodes from `el`.
+ * @param {HTMLElement} el
+ */
+function stripTrailingBreaks(el) {
+	let last = el.lastChild;
+	while (last && (dom.check.isBreak(last) || (last.nodeType === 3 && dom.check.isZeroWidth(last)))) {
+		const prev = last.previousSibling;
+		dom.utils.removeItem(last);
+		last = prev;
+	}
+}
+
 /**
  * @param {HTMLElement} formatEl - Format element
  * @returns {Node}

package/src/core/event/ports.js

@@ -34,6 +34,7 @@ import { useEnterFromBeforeInput } from './reducers/keydown.reducer';
  * @property {(...args: Parameters<Format['isNormalLine']>) => ReturnType<Format['isNormalLine']>} isNormalLine
  * @property {(...args: Parameters<Format['isBrLine']>) => ReturnType<Format['isBrLine']>} isBrLine
  * @property {(...args: Parameters<Format['isClosureBrLine']>) => ReturnType<Format['isClosureBrLine']>} isClosureBrLine
+ * @property {(...args: Parameters<Format['isBlock']>) => ReturnType<Format['isBlock']>} isBlock
  * @property {(...args: Parameters<Format['isClosureBlock']>) => ReturnType<Format['isClosureBlock']>} isClosureBlock
  * @property {(...args: Parameters<Format['isEdgeLine']>) => ReturnType<Format['isEdgeLine']>} isEdgeLine
  * @property {(...args: Parameters<Format['removeBlock']>) => ReturnType<Format['removeBlock']>} removeBlock
@@ -124,6 +125,7 @@ export function makePorts(inst, { _styleNodes }) {
 			isNormalLine: (n) => format.isNormalLine(n),
 			isBrLine: (n) => format.isBrLine(n),
 			isClosureBrLine: (n) => format.isClosureBrLine(n),
+			isBlock: (n) => format.isBlock(n),
 			isClosureBlock: (n) => format.isClosureBlock(n),
 			isEdgeLine: (node, offset, dir) => format.isEdgeLine(node, offset, dir),
 			removeBlock: (n, p) => format.removeBlock(n, p),