suneditor 3.1.4 → 3.2.1

package/src/plugins/modal/audio.js

@@ -76,16 +76,30 @@ class Audio_ extends PluginModal {
 
 		// define plugin options
 		this.pluginOptions = {
-			defaultWidth: !pluginOptions.defaultWidth ? '' : numbers.is(pluginOptions.defaultWidth) ? pluginOptions.defaultWidth + 'px' : pluginOptions.defaultWidth,
-			defaultHeight: !pluginOptions.defaultHeight ? '' : numbers.is(pluginOptions.defaultHeight) ? pluginOptions.defaultHeight + 'px' : pluginOptions.defaultHeight,
+			defaultWidth: !pluginOptions.defaultWidth
+				? ''
+				: numbers.is(pluginOptions.defaultWidth)
+					? pluginOptions.defaultWidth + 'px'
+					: pluginOptions.defaultWidth,
+			defaultHeight: !pluginOptions.defaultHeight
+				? ''
+				: numbers.is(pluginOptions.defaultHeight)
+					? pluginOptions.defaultHeight + 'px'
+					: pluginOptions.defaultHeight,
 			createFileInput: !!pluginOptions.createFileInput,
-			createUrlInput: pluginOptions.createUrlInput === undefined || !pluginOptions.createFileInput ? true : pluginOptions.createUrlInput,
+			createUrlInput:
+				pluginOptions.createUrlInput === undefined || !pluginOptions.createFileInput
+					? true
+					: pluginOptions.createUrlInput,
 			uploadUrl: typeof pluginOptions.uploadUrl === 'string' ? pluginOptions.uploadUrl : null,
 			uploadHeaders: pluginOptions.uploadHeaders || null,
 			uploadSizeLimit: numbers.get(pluginOptions.uploadSizeLimit, 0),
 			uploadSingleSizeLimit: numbers.get(pluginOptions.uploadSingleSizeLimit, 0),
 			allowMultiple: !!pluginOptions.allowMultiple,
-			acceptedFormats: typeof pluginOptions.acceptedFormats !== 'string' || pluginOptions.acceptedFormats.trim() === '*' ? 'audio/*' : pluginOptions.acceptedFormats.trim() || 'audio/*',
+			acceptedFormats:
+				typeof pluginOptions.acceptedFormats !== 'string' || pluginOptions.acceptedFormats.trim() === '*'
+					? 'audio/*'
+					: pluginOptions.acceptedFormats.trim() || 'audio/*',
 			audioTagAttributes: pluginOptions.audioTagAttributes || null,
 			insertBehavior: pluginOptions.insertBehavior,
 		};
@@ -124,7 +138,11 @@ class Audio_ extends PluginModal {
 
 		// init
 		if (this.audioInputFile) {
-			this.$.eventManager.addEvent(modalEl.querySelector('.se-modal-files-edge-button'), 'click', this.#RemoveSelectedFiles.bind(this, this.audioUrlFile, this.preview));
+			this.$.eventManager.addEvent(
+				modalEl.querySelector('.se-modal-files-edge-button'),
+				'click',
+				this.#RemoveSelectedFiles.bind(this, this.audioUrlFile, this.preview),
+			);
 			if (this.audioUrlFile) {
 				this.$.eventManager.addEvent(this.audioInputFile, 'change', this.#FileInputChange.bind(this));
 			}
@@ -177,12 +195,15 @@ class Audio_ extends PluginModal {
 	 */
 	modalOn(isUpdate) {
 		if (!isUpdate) {
-			if (this.audioInputFile && this.pluginOptions.allowMultiple) this.audioInputFile.setAttribute('multiple', 'multiple');
+			if (this.audioInputFile && this.pluginOptions.allowMultiple)
+				this.audioInputFile.setAttribute('multiple', 'multiple');
 		} else if (this.#element) {
 			this.#urlValue = this.preview.textContent = this.audioUrlFile.value = this.#element.src;
-			if (this.audioInputFile && this.pluginOptions.allowMultiple) this.audioInputFile.removeAttribute('multiple');
+			if (this.audioInputFile && this.pluginOptions.allowMultiple)
+				this.audioInputFile.removeAttribute('multiple');
 		} else {
-			if (this.audioInputFile && this.pluginOptions.allowMultiple) this.audioInputFile.removeAttribute('multiple');
+			if (this.audioInputFile && this.pluginOptions.allowMultiple)
+				this.audioInputFile.removeAttribute('multiple');
 		}
 	}
 
@@ -220,7 +241,8 @@ class Audio_ extends PluginModal {
 	controllerAction(target) {
 		switch (target.getAttribute('data-command')) {
 			case 'update':
-				if (this.audioUrlFile) this.#urlValue = this.preview.textContent = this.audioUrlFile.value = this.#element.src;
+				if (this.audioUrlFile)
+					this.#urlValue = this.preview.textContent = this.audioUrlFile.value = this.#element.src;
 				this.open();
 				break;
 			case 'copy': {
@@ -239,7 +261,13 @@ class Audio_ extends PluginModal {
 	 * @type {SunEditor.Hook.Component.Select}
 	 */
 	componentSelect(target) {
-		this.figure.open(target, { nonResizing: true, nonSizeInfo: true, nonBorder: true, figureTarget: true, infoOnly: false });
+		this.figure.open(target, {
+			nonResizing: true,
+			nonSizeInfo: true,
+			nonBorder: true,
+			figureTarget: true,
+			infoOnly: false,
+		});
 		this.#ready(target);
 	}
 
@@ -253,7 +281,11 @@ class Audio_ extends PluginModal {
 		const container = figure.container || element;
 		const focusEl = container.previousElementSibling || container.nextElementSibling;
 
-		const message = await this.$.eventManager.triggerEvent('onAudioDeleteBefore', { element: element, container: figure, url: element.getAttribute('src') });
+		const message = await this.$.eventManager.triggerEvent('onAudioDeleteBefore', {
+			element: element,
+			container: figure,
+			url: element.getAttribute('src'),
+		});
 		if (message === false) return;
 
 		const emptyDiv = container.parentNode;
@@ -293,7 +325,8 @@ class Audio_ extends PluginModal {
 
 			s = f.size;
 			if (singleSizeLimit > 0 && s > singleSizeLimit) {
-				const err = '[SUNEDITOR.audioUpload.fail] Size of uploadable single file: ' + singleSizeLimit / 1000 + 'KB';
+				const err =
+					'[SUNEDITOR.audioUpload.fail] Size of uploadable single file: ' + singleSizeLimit / 1000 + 'KB';
 				const message = await this.$.eventManager.triggerEvent('onAudioUploadError', {
 					error: err,
 					limitSize: singleSizeLimit,
@@ -313,7 +346,12 @@ class Audio_ extends PluginModal {
 		const limitSize = this.pluginOptions.uploadSizeLimit;
 		if (limitSize > 0 && fileSize + this.fileManager.getSize() > limitSize) {
 			const err = '[SUNEDITOR.audioUpload.fail] Size of uploadable total audios: ' + limitSize / 1000 + 'KB';
-			const message = await this.$.eventManager.triggerEvent('onAudioUploadError', { error: err, limitSize, currentSize: this.fileManager.getSize(), uploadSize: fileSize });
+			const message = await this.$.eventManager.triggerEvent('onAudioUploadError', {
+				error: err,
+				limitSize,
+				currentSize: this.fileManager.getSize(),
+				uploadSize: fileSize,
+			});
 
 			this.$.ui.alertOpen(message === NO_EVENT ? err : message || err, 'error');
 
@@ -396,7 +434,12 @@ class Audio_ extends PluginModal {
 			this.fileManager.setFileData(element, file);
 			element.src = src;
 			const figure = Figure.CreateContainer(element, 'se-flex-component');
-			if (!this.$.component.insert(figure.container, { scrollTo: isLast ? true : false, insertBehavior: isLast ? this.pluginOptions.insertBehavior : 'line' })) {
+			if (
+				!this.$.component.insert(figure.container, {
+					scrollTo: isLast ? true : false,
+					insertBehavior: isLast ? this.pluginOptions.insertBehavior : 'line',
+				})
+			) {
 				if (isLast) this.$.focusManager.focus();
 				return;
 			}
@@ -458,7 +501,9 @@ class Audio_ extends PluginModal {
 		const w = this.#defaultWidth;
 		const h = this.#defaultHeight;
 		/** @type {HTMLAudioElement} */
-		const oAudio = dom.utils.createElement('AUDIO', { style: (w ? 'width:' + w + '; ' : '') + (h ? 'height:' + h + ';' : '') });
+		const oAudio = dom.utils.createElement('AUDIO', {
+			style: (w ? 'width:' + w + '; ' : '') + (h ? 'height:' + h + ';' : ''),
+		});
 		this.#setTagAttrs(oAudio);
 		return oAudio;
 	}
@@ -489,7 +534,13 @@ class Audio_ extends PluginModal {
 		if (!files) return;
 
 		const uploadFiles = this.modal.isUpdate ? [files[0]] : files;
-		this.fileManager.upload(this.pluginOptions.uploadUrl, this.pluginOptions.uploadHeaders, uploadFiles, this.#UploadCallBack.bind(this, info), this.#error.bind(this));
+		this.fileManager.upload(
+			this.pluginOptions.uploadUrl,
+			this.pluginOptions.uploadHeaders,
+			uploadFiles,
+			this.#UploadCallBack.bind(this, info),
+			this.#error.bind(this),
+		);
 	}
 
 	/**
@@ -555,7 +606,10 @@ class Audio_ extends PluginModal {
 	 * @param {HTMLInputElement} target - The target element.
 	 */
 	#SetUrlInput(target) {
-		this.#urlValue = this.preview.textContent = this.audioUrlFile.value = target.getAttribute('data-command') || target.src;
+		this.#urlValue =
+			this.preview.textContent =
+			this.audioUrlFile.value =
+				target.getAttribute('data-command') || target.src;
 		this.audioUrlFile.focus();
 	}
 

package/src/plugins/modal/drawing.js

@@ -49,7 +49,9 @@ class Drawing extends PluginModal {
 		this.pluginOptions = {
 			outputFormat: pluginOptions.outputFormat || 'dataurl', // dataurl, svg
 			useFormatType: pluginOptions.useFormatType ?? false,
-			defaultFormatType: ['block', 'inline'].includes(pluginOptions.defaultFormatType) ? pluginOptions.defaultFormatType : 'block',
+			defaultFormatType: ['block', 'inline'].includes(pluginOptions.defaultFormatType)
+				? pluginOptions.defaultFormatType
+				: 'block',
 			keepFormatType: pluginOptions.keepFormatType ?? false,
 			lineWidth: pluginOptions.lineWidth || 5,
 			lineReconnect: !!pluginOptions.lineReconnect,
@@ -70,9 +72,13 @@ class Drawing extends PluginModal {
 
 		// exception
 		if (!this.$.plugins.image) {
-			console.warn('[SUNEDITOR.plugins.drawing.warn] The drawing plugin must need either "image" plugin. Please add the "image" plugin.');
+			console.warn(
+				'[SUNEDITOR.plugins.drawing.warn] The drawing plugin must need either "image" plugin. Please add the "image" plugin.',
+			);
 		} else if (this.pluginOptions.outputFormat === 'svg' && !this.$.plugins.image.pluginOptions.uploadUrl) {
-			console.warn('[SUNEDITOR.plugins.drawing.warn] The drawing plugin must need the "image" plugin with the "uploadUrl" option. Please add the "image" plugin with the "uploadUrl" option.');
+			console.warn(
+				'[SUNEDITOR.plugins.drawing.warn] The drawing plugin must need the "image" plugin with the "uploadUrl" option. Please add the "image" plugin with the "uploadUrl" option.',
+			);
 		}
 
 		// create HTML
@@ -119,7 +125,11 @@ class Drawing extends PluginModal {
 		};
 
 		// init
-		this.$.eventManager.addEvent(modalEl.querySelector('[data-command="remove"]'), 'click', this.#OnRemove.bind(this));
+		this.$.eventManager.addEvent(
+			modalEl.querySelector('[data-command="remove"]'),
+			'click',
+			this.#OnRemove.bind(this),
+		);
 	}
 
 	/**
@@ -128,7 +138,9 @@ class Drawing extends PluginModal {
 	 */
 	open() {
 		if (this.pluginOptions.useFormatType) {
-			this.#activeAsInline((this.pluginOptions.keepFormatType ? this.as : this.pluginOptions.defaultFormatType) === 'inline');
+			this.#activeAsInline(
+				(this.pluginOptions.keepFormatType ? this.as : this.pluginOptions.defaultFormatType) === 'inline',
+			);
 		}
 		this.modal.open();
 		this.#initDrawing();
@@ -180,10 +192,26 @@ class Drawing extends PluginModal {
 
 		this.#setCtx();
 
-		this.#eventsRegister.touchstart = this.$.eventManager.addEvent(canvas, 'touchstart', this.#events.touchstart, { passive: false, capture: true });
-		this.#eventsRegister.touchmove = this.$.eventManager.addEvent(canvas, 'touchmove', this.#events.touchmove, true);
-		this.#eventsRegister.mousedown = this.$.eventManager.addEvent(canvas, 'mousedown', this.#events.mousedown, { passive: false, capture: true });
-		this.#eventsRegister.mousemove = this.$.eventManager.addEvent(canvas, 'mousemove', this.#events.mousemove, true);
+		this.#eventsRegister.touchstart = this.$.eventManager.addEvent(canvas, 'touchstart', this.#events.touchstart, {
+			passive: false,
+			capture: true,
+		});
+		this.#eventsRegister.touchmove = this.$.eventManager.addEvent(
+			canvas,
+			'touchmove',
+			this.#events.touchmove,
+			true,
+		);
+		this.#eventsRegister.mousedown = this.$.eventManager.addEvent(canvas, 'mousedown', this.#events.mousedown, {
+			passive: false,
+			capture: true,
+		});
+		this.#eventsRegister.mousemove = this.$.eventManager.addEvent(
+			canvas,
+			'mousemove',
+			this.#events.mousemove,
+			true,
+		);
 		this.#eventsRegister.mouseup = this.$.eventManager.addEvent(canvas, 'mouseup', this.#events.mouseup, true);
 		this.#eventsRegister.mouseleave = this.$.eventManager.addEvent(canvas, 'mouseleave', this.#events.mouseleave);
 		this.#eventsRegister.mouseenter = this.$.eventManager.addEvent(canvas, 'mouseenter', this.#events.mouseenter);
@@ -202,7 +230,8 @@ class Drawing extends PluginModal {
 				canvas.width = newWidth;
 				canvas.height = newHeight;
 				if (prevWidth !== canvas.width || prevHeight !== canvas.height) {
-					if (this.pluginOptions.maintainRatio) this.#adjustPathsToNewDimensions(prevWidth, prevHeight, newWidth, newHeight);
+					if (this.pluginOptions.maintainRatio)
+						this.#adjustPathsToNewDimensions(prevWidth, prevHeight, newWidth, newHeight);
 					this.#drawAll();
 				}
 			});
@@ -241,7 +270,8 @@ class Drawing extends PluginModal {
 	#setCtx() {
 		this.ctx.lineWidth = this.pluginOptions.lineWidth;
 		this.ctx.lineCap = this.pluginOptions.lineCap;
-		this.ctx.strokeStyle = this.pluginOptions.lineColor || _w.getComputedStyle(this.$.contextProvider.carrierWrapper).color;
+		this.ctx.strokeStyle =
+			this.pluginOptions.lineColor || _w.getComputedStyle(this.$.contextProvider.carrierWrapper).color;
 	}
 
 	/**

package/src/plugins/modal/embed.js

@@ -181,8 +181,18 @@ class Embed extends PluginModal {
 		this.pluginOptions = {
 			canResize: pluginOptions.canResize === undefined ? true : pluginOptions.canResize,
 			showHeightInput: pluginOptions.showHeightInput === undefined ? true : !!pluginOptions.showHeightInput,
-			defaultWidth: !pluginOptions.defaultWidth || !numbers.get(pluginOptions.defaultWidth, 0) ? '' : numbers.is(pluginOptions.defaultWidth) ? pluginOptions.defaultWidth + 'px' : pluginOptions.defaultWidth,
-			defaultHeight: !pluginOptions.defaultHeight || !numbers.get(pluginOptions.defaultHeight, 0) ? '' : numbers.is(pluginOptions.defaultHeight) ? pluginOptions.defaultHeight + 'px' : pluginOptions.defaultHeight,
+			defaultWidth:
+				!pluginOptions.defaultWidth || !numbers.get(pluginOptions.defaultWidth, 0)
+					? ''
+					: numbers.is(pluginOptions.defaultWidth)
+						? pluginOptions.defaultWidth + 'px'
+						: pluginOptions.defaultWidth,
+			defaultHeight:
+				!pluginOptions.defaultHeight || !numbers.get(pluginOptions.defaultHeight, 0)
+					? ''
+					: numbers.is(pluginOptions.defaultHeight)
+						? pluginOptions.defaultHeight + 'px'
+						: pluginOptions.defaultHeight,
 			percentageOnlySize: !!pluginOptions.percentageOnlySize,
 			uploadUrl: typeof pluginOptions.uploadUrl === 'string' ? pluginOptions.uploadUrl : null,
 			uploadHeaders: pluginOptions.uploadHeaders || null,
@@ -198,10 +208,15 @@ class Embed extends PluginModal {
 		// create HTML
 		const sizeUnit = this.pluginOptions.percentageOnlySize ? '%' : 'px';
 		const modalEl = CreateHTML_modal(this.$, this.pluginOptions);
-		const figureControls = pluginOptions.controls || (!this.pluginOptions.canResize ? [['align', 'edit', 'copy', 'remove']] : [['resize_auto,75,50', 'align', 'edit', 'revert', 'copy', 'remove']]);
+		const figureControls =
+			pluginOptions.controls ||
+			(!this.pluginOptions.canResize
+				? [['align', 'edit', 'copy', 'remove']]
+				: [['resize_auto,75,50', 'align', 'edit', 'revert', 'copy', 'remove']]);
 
 		// show align
-		if (!figureControls.some((subArray) => subArray.includes('align'))) modalEl.figureAlignBtn.style.display = 'none';
+		if (!figureControls.some((subArray) => subArray.includes('align')))
+			modalEl.figureAlignBtn.style.display = 'none';
 
 		// modules
 		this.modal = new Modal(this, this.$, modalEl.html);
@@ -234,7 +249,8 @@ class Embed extends PluginModal {
 				tag: 'iframe',
 			},
 			twitter: {
-				pattern: /^(?:https?:\/\/)?(?:(?:www\.)?(?:twitter\.com|x\.com)\/(?:[^/?#]+\/)?status\/\d+(?:[/?#]|$)|platform\.twitter\.com\/embed\/Tweet\.html(?:[?#].*)?$)/i,
+				pattern:
+					/^(?:https?:\/\/)?(?:(?:www\.)?(?:twitter\.com|x\.com)\/(?:[^/?#]+\/)?status\/\d+(?:[/?#]|$)|platform\.twitter\.com\/embed\/Tweet\.html(?:[?#].*)?$)/i,
 				action: (url) => {
 					return `https://platform.twitter.com/embed/Tweet.html?url=${encodeURIComponent(url)}`;
 				},
@@ -343,11 +359,16 @@ class Embed extends PluginModal {
 	 */
 	modalOn(isUpdate) {
 		if (!isUpdate && this.#resizing) {
-			this.inputX.value = this.#origin_w = this.pluginOptions.defaultWidth === 'auto' ? '' : this.pluginOptions.defaultWidth;
-			this.inputY.value = this.#origin_h = this.pluginOptions.defaultHeight === 'auto' ? '' : this.pluginOptions.defaultHeight;
+			this.inputX.value = this.#origin_w =
+				this.pluginOptions.defaultWidth === 'auto' ? '' : this.pluginOptions.defaultWidth;
+			this.inputY.value = this.#origin_h =
+				this.pluginOptions.defaultHeight === 'auto' ? '' : this.pluginOptions.defaultHeight;
 			this.proportion.disabled = true;
 		} else if (isUpdate) {
-			this.#linkValue = this.previewSrc.textContent = this.embedInput.value = this.#cover.getAttribute('data-se-origin') || '';
+			this.#linkValue =
+				this.previewSrc.textContent =
+				this.embedInput.value =
+					this.#cover.getAttribute('data-se-origin') || '';
 		}
 	}
 
@@ -356,7 +377,9 @@ class Embed extends PluginModal {
 	 * @type {SunEditor.Hook.Modal.Action}
 	 */
 	async modalAction() {
-		this.#align = /** @type {HTMLInputElement} */ (this.modal.form.querySelector('input[name="suneditor_embed_radio"]:checked')).value;
+		this.#align = /** @type {HTMLInputElement} */ (
+			this.modal.form.querySelector('input[name="suneditor_embed_radio"]:checked')
+		).value;
 
 		let result = false;
 		if (this.#linkValue.length > 0) {
@@ -376,13 +399,17 @@ class Embed extends PluginModal {
 		Modal.OnChangeFile(this.fileModalWrapper, []);
 		this.#linkValue = this.previewSrc.textContent = this.embedInput.value = '';
 
-		/** @type {HTMLInputElement} */ (this.modal.form.querySelector('input[name="suneditor_embed_radio"][value="none"]')).checked = true;
+		/** @type {HTMLInputElement} */ (
+			this.modal.form.querySelector('input[name="suneditor_embed_radio"][value="none"]')
+		).checked = true;
 		this.#ratio = { w: 0, h: 0 };
 		this.#nonResizing = false;
 
 		if (this.#resizing) {
-			this.inputX.value = this.pluginOptions.defaultWidth === this.#defaultSizeX ? '' : this.pluginOptions.defaultWidth;
-			this.inputY.value = this.pluginOptions.defaultHeight === this.#defaultSizeY ? '' : this.pluginOptions.defaultHeight;
+			this.inputX.value =
+				this.pluginOptions.defaultWidth === this.#defaultSizeX ? '' : this.pluginOptions.defaultWidth;
+			this.inputY.value =
+				this.pluginOptions.defaultHeight === this.#defaultSizeY ? '' : this.pluginOptions.defaultHeight;
 			this.proportion.checked = false;
 			this.proportion.disabled = true;
 		}
@@ -414,7 +441,12 @@ class Embed extends PluginModal {
 		const focusEl = container.previousElementSibling || container.nextElementSibling;
 		const emptyDiv = container.parentNode;
 
-		const message = await this.$.eventManager.triggerEvent('onEmbedDeleteBefore', { element: targetEl, container, align: this.#align, url: this.#linkValue });
+		const message = await this.$.eventManager.triggerEvent('onEmbedDeleteBefore', {
+			element: targetEl,
+			container,
+			align: this.#align,
+			url: this.#linkValue,
+		});
 		if (message === false) return;
 
 		dom.utils.removeItem(container);
@@ -474,7 +506,8 @@ class Embed extends PluginModal {
 			// Validate every iframe in the raw HTML against the URL whitelist.
 			for (let i = 0; i < embedDOM.length; i++) {
 				const node = /** @type {Element} */ (embedDOM[i]);
-				if (/^iframe$/i.test(node.nodeName) && !Embed.#checkContentType(node.getAttribute('src') || '')) return false;
+				if (/^iframe$/i.test(node.nodeName) && !Embed.#checkContentType(node.getAttribute('src') || ''))
+					return false;
 				const nested = node.querySelectorAll?.('iframe');
 				if (nested) {
 					for (let j = 0; j < nested.length; j++) {
@@ -498,7 +531,16 @@ class Embed extends PluginModal {
 
 		const handler = function (uploadCallback, infos, newInfos) {
 			infos = newInfos || infos;
-			uploadCallback(src, infos.process, infos.url, infos.children, infos.inputWidth, infos.inputHeight, infos.align, infos.isUpdate);
+			uploadCallback(
+				src,
+				infos.process,
+				infos.url,
+				infos.children,
+				infos.inputWidth,
+				infos.inputHeight,
+				infos.align,
+				infos.isUpdate,
+			);
 		}.bind(this, this.#create.bind(this), embedInfo);
 
 		const result = await this.$.eventManager.triggerEvent('onEmbedInputBefore', {
@@ -524,7 +566,13 @@ class Embed extends PluginModal {
 	 */
 	#ready(target, infoOnly = false) {
 		if (!target) return;
-		const figureInfo = this.figure.open(target, { nonResizing: this.#nonResizing, nonSizeInfo: false, nonBorder: false, figureTarget: false, infoOnly });
+		const figureInfo = this.figure.open(target, {
+			nonResizing: this.#nonResizing,
+			nonSizeInfo: false,
+			nonBorder: false,
+			figureTarget: false,
+			infoOnly,
+		});
 
 		this.#element = target;
 		this.#cover = figureInfo.cover;
@@ -545,7 +593,9 @@ class Embed extends PluginModal {
 		this.#origin_h = String(figureInfo.originHeight || figureInfo.h || '');
 
 		/** @type {HTMLInputElement} */
-		const activeAlign = this.modal.form.querySelector('input[name="suneditor_embed_radio"][value="' + this.#align + '"]') || this.modal.form.querySelector('input[name="suneditor_embed_radio"][value="none"]');
+		const activeAlign =
+			this.modal.form.querySelector('input[name="suneditor_embed_radio"][value="' + this.#align + '"]') ||
+			this.modal.form.querySelector('input[name="suneditor_embed_radio"][value="none"]');
 		activeAlign.checked = true;
 
 		if (!this.#resizing) return;
@@ -658,7 +708,13 @@ class Embed extends PluginModal {
 		this.#element = oFrame;
 		this.#cover = cover;
 		this.#container = container;
-		this.figure.open(oFrame, { nonResizing: this.#nonResizing, nonSizeInfo: false, nonBorder: false, figureTarget: false, infoOnly: true });
+		this.figure.open(oFrame, {
+			nonResizing: this.#nonResizing,
+			nonSizeInfo: false,
+			nonBorder: false,
+			figureTarget: false,
+			infoOnly: true,
+		});
 
 		width ||= this.#defaultSizeX;
 		height ||= this.#defaultSizeY;
@@ -679,7 +735,11 @@ class Embed extends PluginModal {
 		cover.setAttribute('data-se-origin', originSrc);
 
 		if (!isUpdate) {
-			this.$.component.insert(container, { skipHistory: true, scrollTo: false, insertBehavior: this.pluginOptions.insertBehavior });
+			this.$.component.insert(container, {
+				skipHistory: true,
+				scrollTo: false,
+				insertBehavior: this.pluginOptions.insertBehavior,
+			});
 
 			if (scriptTag) {
 				try {
@@ -721,7 +781,8 @@ class Embed extends PluginModal {
 			return;
 		}
 
-		if (!this.#resizing || !changeSize || !this.figure.isVertical) this.figure.setTransform(oFrame, width, height, 0);
+		if (!this.#resizing || !changeSize || !this.figure.isVertical)
+			this.figure.setTransform(oFrame, width, height, 0);
 		if (!scriptTag) this.$.history.push(false);
 	}
 
@@ -740,7 +801,13 @@ class Embed extends PluginModal {
 		const container = figure.container;
 
 		// size
-		this.figure.open(oFrame, { nonResizing: this.#nonResizing, nonSizeInfo: false, nonBorder: false, figureTarget: false, infoOnly: true });
+		this.figure.open(oFrame, {
+			nonResizing: this.#nonResizing,
+			nonSizeInfo: false,
+			nonBorder: false,
+			figureTarget: false,
+			infoOnly: true,
+		});
 		const size = (oFrame.getAttribute('data-se-size') || ',').split(',');
 
 		const width = size[0] || prevFrame.width || '';
@@ -900,7 +967,10 @@ function CreateHTML_modal({ lang, icons }, pluginOptions) {
 		const onlyPercentDisplay = onlyPercentage ? ' style="display: none !important;"' : '';
 		const heightDisplay = !pluginOptions.showHeightInput ? ' style="display: none !important;"' : '';
 		const ratioDisplay = !pluginOptions.showRatioOption ? ' style="display: none !important;"' : '';
-		const onlyWidthDisplay = !onlyPercentage && !pluginOptions.showHeightInput && !pluginOptions.showRatioOption ? ' style="display: none !important;"' : '';
+		const onlyWidthDisplay =
+			!onlyPercentage && !pluginOptions.showHeightInput && !pluginOptions.showRatioOption
+				? ' style="display: none !important;"'
+				: '';
 		html += /*html*/ `
 			<div class="se-modal-form">
 				<div class="se-modal-size-text">