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

package/types/plugins/modal/math.d.ts

@@ -1,3 +1,4 @@
+import type {} from '../../typedef';
 export default Math_;
 export type MathPluginOptions = {
 	/**
@@ -15,7 +16,7 @@ export type MathPluginOptions = {
 	/**
 	 * - A callback function to handle paste events in the math input area.
 	 */
-	onPaste?: (...args: any) => any;
+	onPaste?: ((...args: any) => any) | null;
 	/**
 	 * - An object specifying the dimensions for the math modal.
 	 */
@@ -33,7 +34,7 @@ export type MathPluginOptions = {
  * @property {boolean} [canResize=true] - Whether the math modal can be resized.
  * @property {boolean} [autoHeight=false] - Whether to automatically adjust the height of the modal.
  * @property {Array<object>} [fontSizeList] - A list of font size options for rendering math expressions.
- * @property {(...args: *) => *} [onPaste] - A callback function to handle paste events in the math input area.
+ * @property {?(...args: *) => *} [onPaste] - A callback function to handle paste events in the math input area.
  * @property {Object} [formSize={}] - An object specifying the dimensions for the math modal.
  * @property {string} [formSize.width="460px"] - The default width of the math modal.
  * @property {string} [formSize.height="14em"] - The default height of the math modal.
@@ -45,27 +46,22 @@ export type MathPluginOptions = {
 /**
  * @class
  * @description Math plugin.
- * - This plugin provides support for rendering mathematical expressions using either the KaTeX or MathJax libraries.
+ * - This plugin provides support for rendering mathematical expressions using either the `KaTeX` or `MathJax` libraries.
  * - If external library is provided, a warning is issued.
  */
-declare class Math_ extends EditorInjector {
-	static key: string;
-	static type: string;
-	static className: string;
+declare class Math_ extends PluginModal {
 	/**
-	 * @this {Math_}
 	 * @param {HTMLElement} node - The node to check.
 	 * @returns {HTMLElement|null} Returns a node if the node is a valid component.
 	 */
-	static component(this: Math_, node: HTMLElement): HTMLElement | null;
+	static component(node: HTMLElement): HTMLElement | null;
 	/**
 	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {SunEditor.Kernel} editor - The core kernel
 	 * @param {MathPluginOptions} pluginOptions
 	 */
-	constructor(editor: __se__EditorCore, pluginOptions: MathPluginOptions);
+	constructor(editor: SunEditor.Kernel, pluginOptions: MathPluginOptions);
 	title: any;
-	icon: string;
 	katex: any;
 	mathjax: any;
 	pluginOptions: {
@@ -110,84 +106,19 @@ declare class Math_ extends EditorInjector {
 	/** @type {HTMLSelectElement} */
 	fontSizeElement: HTMLSelectElement;
 	isUpdateState: boolean;
-	_element: HTMLElement;
-	/**
-	 * @editorMethod Editor.component
-	 * @description Executes the method that is called when a component of a plugin is selected.
-	 * @param {HTMLElement} target Target component element
-	 */
-	select(target: HTMLElement): void;
-	/**
-	 * @editorMethod Modules.Controller
-	 * @description This function is called before the "controller" before it is closed.
-	 */
-	close(): void;
-	/**
-	 * @editorMethod Editor.core
-	 * @description This method is used to validate and preserve the format of the component within the editor.
-	 * - It ensures that the structure and attributes of the element are maintained and secure.
-	 * - The method checks if the element is already wrapped in a valid container and updates its attributes if necessary.
-	 * - If the element isn't properly contained, a new container is created to retain the format.
-	 * @returns {{query: string, method: (element: HTMLElement) => void}} The format retention object containing the query and method to process the element.
-	 * - query: The selector query to identify the relevant elements (in this case, 'audio').
-	 * - method:The function to execute on the element to validate and preserve its format.
-	 * - The function takes the element as an argument, checks if it is contained correctly, and applies necessary adjustments.
-	 */
 	retainFormat(): {
 		query: string;
 		method: (element: HTMLElement) => void;
 	};
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description Executes the method that is called when a "Modal" module's is opened.
-	 */
-	open(): void;
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description Executes the method that is called when a plugin's modal is opened.
-	 * @param {boolean} isUpdate "Indicates whether the modal is for editing an existing component (true) or registering a new one (false)."
-	 */
-	on(isUpdate: boolean): void;
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description This function is called when a form within a modal window is "submit".
-	 * @returns {boolean} Success or failure
-	 */
-	modalAction(): boolean;
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description This function is called before the modal window is opened, but before it is closed.
-	 */
-	init(): void;
-	/**
-	 * @editorMethod Modules.Controller
-	 * @description Executes the method that is called when a button is clicked in the "controller".
-	 * @param {HTMLButtonElement} target Target button element
-	 */
+	modalOn(isUpdate: boolean): void;
+	modalAction(): Promise<boolean>;
+	modalInit(): void;
 	controllerAction(target: HTMLButtonElement): void;
-	/**
-	 * @editorMethod Editor.Component
-	 * @description Method to delete a component of a plugin, called by the "FileManager", "Controller" module.
-	 * @param {Node} target Target element
-	 */
-	destroy(target: Node): void;
-	/**
-	 * @private
-	 * @description Renders the given math expression using KaTeX or MathJax.
-	 * @param {string} exp - The math expression to render.
-	 * @returns {string} - The rendered math expression as HTML.
-	 */
-	private _renderer;
-	/**
-	 * @private
-	 * @description Escapes or unescapes backslashes in a given string.
-	 * @param {string} str - The input string.
-	 * @param {boolean} decode - If true, decodes escaped backslashes; otherwise, encodes them.
-	 * @returns {string} - The processed string.
-	 */
-	private _escapeBackslashes;
+	controllerClose(): void;
+	componentSelect(target: HTMLElement): void | boolean;
+	componentDestroy(target: HTMLElement): Promise<void>;
 	#private;
 }
-import EditorInjector from '../../editorInjector';
-import { Modal } from '../../modules';
-import { Controller } from '../../modules';
+import { PluginModal } from '../../interfaces';
+import { Modal } from '../../modules/contract';
+import { Controller } from '../../modules/contract';

package/types/plugins/modal/{video.d.ts → video/index.d.ts}

@@ -1,21 +1,5 @@
+import type {} from '../../../typedef';
 export default Video;
-export type ModalReturns_video = {
-	html: HTMLElement;
-	alignForm: HTMLElement;
-	fileModalWrapper: HTMLElement;
-	videoInputFile: HTMLInputElement;
-	videoUrlFile: HTMLInputElement;
-	previewSrc: HTMLElement;
-	galleryButton: HTMLButtonElement;
-	proportion: HTMLInputElement;
-	frameRatioOption: HTMLSelectElement;
-	inputX: HTMLInputElement;
-	inputY: HTMLInputElement;
-	revertBtn: HTMLButtonElement;
-	fileRemoveBtn: HTMLButtonElement;
-};
-export type VideoInfo_video = import('../../events').VideoInfo;
-export type FigureControls_video = import('../../modules/Figure').FigureControls;
 export type VideoPluginOptions = {
 	/**
 	 * - Whether the video element can be resized.
@@ -26,11 +10,11 @@ export type VideoPluginOptions = {
 	 */
 	showHeightInput?: boolean;
 	/**
-	 * - The default width of the video element. If a number is provided, "px" will be appended.
+	 * - The default width of the video element. If a number is provided, `"px"` will be appended.
 	 */
 	defaultWidth?: string;
 	/**
-	 * - The default height of the video element. If a number is provided, "px" will be appended.
+	 * - The default height of the video element. If a number is provided, `"px"` will be appended.
 	 */
 	defaultHeight?: string;
 	/**
@@ -68,7 +52,7 @@ export type VideoPluginOptions = {
 	 */
 	allowMultiple?: boolean;
 	/**
-	 * - Accepted file formats for video uploads.
+	 * - Accepted file formats for video uploads (`"video/*"`).
 	 */
 	acceptedFormats?: string;
 	/**
@@ -84,13 +68,13 @@ export type VideoPluginOptions = {
 	 */
 	ratioOptions?: any[];
 	/**
-	 * - Additional attributes to set on the video tag.
+	 * - Additional attributes to set on the `VIDEO` tag.
 	 */
 	videoTagAttributes?: {
 		[x: string]: string;
 	};
 	/**
-	 * - Additional attributes to set on the iframe tag.
+	 * - Additional attributes to set on the `IFRAME` tag.
 	 */
 	iframeTagAttributes?: {
 		[x: string]: string;
@@ -124,20 +108,27 @@ export type VideoPluginOptions = {
 	/**
 	 * - Figure controls.
 	 */
-	controls?: FigureControls_video;
+	controls?: SunEditor.Module.Figure.Controls;
+	/**
+	 * - Component insertion behavior for selection and cursor placement. [default: `options.get('componentInsertBehavior')`]
+	 * - `auto`: Move cursor to the next line if possible, otherwise select the component.
+	 * - `select`: Always select the inserted component.
+	 * - `line`: Move cursor to the next line if possible, or create a new line and move there.
+	 * - `none`: Do nothing.
+	 */
+	insertBehavior?: SunEditor.ComponentInsertType;
+};
+export type VideoState = {
+	sizeUnit: string;
+	onlyPercentage: boolean;
+	defaultRatio: string;
 };
-/**
- * @typedef {import('../../events').VideoInfo} VideoInfo_video
- */
-/**
- * @typedef {import('../../modules/Figure').FigureControls} FigureControls_video
- */
 /**
  * @typedef {Object} VideoPluginOptions
  * @property {boolean} [canResize=true] - Whether the video element can be resized.
  * @property {boolean} [showHeightInput=true] - Whether to display the height input field.
- * @property {string} [defaultWidth] - The default width of the video element. If a number is provided, "px" will be appended.
- * @property {string} [defaultHeight] - The default height of the video element. If a number is provided, "px" will be appended.
+ * @property {string} [defaultWidth] - The default width of the video element. If a number is provided, `"px"` will be appended.
+ * @property {string} [defaultHeight] - The default height of the video element. If a number is provided, `"px"` will be appended.
  * @property {boolean} [percentageOnlySize=false] - Whether to allow only percentage-based sizing.
  * @property {boolean} [createFileInput=false] - Whether to create a file input element for video uploads.
  * @property {boolean} [createUrlInput=true] - Whether to create a URL input element for video embedding.
@@ -146,18 +137,29 @@ export type VideoPluginOptions = {
  * @property {number} [uploadSizeLimit] - The total upload size limit for videos in bytes.
  * @property {number} [uploadSingleSizeLimit] - The single file upload size limit for videos in bytes.
  * @property {boolean} [allowMultiple=false] - Whether multiple video uploads are allowed.
- * @property {string} [acceptedFormats="video/*"] - Accepted file formats for video uploads.
+ * @property {string} [acceptedFormats="video/*"] - Accepted file formats for video uploads (`"video/*"`).
  * @property {number} [defaultRatio=0.5625] - The default aspect ratio for the video (e.g., 16:9 is 0.5625).
  * @property {boolean} [showRatioOption=true] - Whether to display the ratio option in the modal.
  * @property {Array} [ratioOptions] - Custom ratio options for video resizing.
- * @property {Object<string, string>} [videoTagAttributes] - Additional attributes to set on the video tag.
- * @property {Object<string, string>} [iframeTagAttributes] - Additional attributes to set on the iframe tag.
+ * @property {Object<string, string>} [videoTagAttributes] - Additional attributes to set on the `VIDEO` tag.
+ * @property {Object<string, string>} [iframeTagAttributes] - Additional attributes to set on the `IFRAME` tag.
  * @property {string} [query_youtube=""] - Additional query parameters for YouTube embedding.
  * @property {string} [query_vimeo=""] - Additional query parameters for Vimeo embedding.
  * @property {Object<string, {pattern: RegExp, action: (url: string) => string, tag: string}>} [embedQuery] - Custom query objects for additional embedding services.
  * @property {Array<RegExp>} [urlPatterns] - Additional URL patterns for video embedding.
  * @property {Array<string>} [extensions] - Additional file extensions to be recognized for video uploads.
- * @property {FigureControls_video} [controls] - Figure controls.
+ * @property {SunEditor.Module.Figure.Controls} [controls] - Figure controls.
+ * @property {SunEditor.ComponentInsertType} [insertBehavior] - Component insertion behavior for selection and cursor placement. [default: `options.get('componentInsertBehavior')`]
+ * - `auto`: Move cursor to the next line if possible, otherwise select the component.
+ * - `select`: Always select the inserted component.
+ * - `line`: Move cursor to the next line if possible, or create a new line and move there.
+ * - `none`: Do nothing.
+ */
+/**
+ * @typedef {Object} VideoState
+ * @property {string} sizeUnit
+ * @property {boolean} onlyPercentage
+ * @property {string} defaultRatio
  */
 /**
  * @class
@@ -165,24 +167,27 @@ export type VideoPluginOptions = {
  * - This plugin provides video embedding functionality within the editor.
  * - It also supports embedding from popular video services
  */
-declare class Video extends EditorInjector {
-	static key: string;
-	static type: string;
-	static className: string;
+declare class Video extends PluginModal {
 	/**
-	 * @this {Video}
 	 * @param {HTMLElement} node - The node to check.
 	 * @returns {HTMLElement|null} Returns a node if the node is a valid component.
 	 */
-	static component(this: Video, node: HTMLElement): HTMLElement | null;
+	static component(node: HTMLElement): HTMLElement | null;
+	/**
+	 * @description Checks if the given URL matches any of the defined URL patterns.
+	 * @param {string} url - The URL to check.
+	 * @returns {boolean} `true` if the URL matches a known pattern; otherwise, `false`.
+	 */
+	static #checkContentType(url: string): boolean;
+	static #extensions: string[];
+	static #urlPatterns: RegExp[];
 	/**
 	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {SunEditor.Kernel} editor - The core kernel
 	 * @param {VideoPluginOptions} pluginOptions
 	 */
-	constructor(editor: __se__EditorCore, pluginOptions: VideoPluginOptions);
+	constructor(editor: SunEditor.Kernel, pluginOptions: VideoPluginOptions);
 	title: any;
-	icon: string;
 	pluginOptions: {
 		canResize: boolean;
 		showHeightInput: boolean;
@@ -210,6 +215,7 @@ declare class Video extends EditorInjector {
 		};
 		query_youtube: string;
 		query_vimeo: string;
+		insertBehavior: SunEditor.ComponentInsertType;
 	};
 	modal: Modal;
 	figure: Figure;
@@ -219,29 +225,6 @@ declare class Video extends EditorInjector {
 	videoUrlFile: HTMLInputElement;
 	focusElement: HTMLInputElement;
 	previewSrc: HTMLElement;
-	_linkValue: string;
-	_align: string;
-	_frameRatio: string;
-	_defaultRatio: string;
-	_defaultSizeX: string;
-	_defaultSizeY: string;
-	sizeUnit: string;
-	proportion: HTMLInputElement;
-	frameRatioOption: HTMLSelectElement;
-	inputX: HTMLInputElement;
-	inputY: HTMLInputElement;
-	_element: any;
-	_cover: HTMLElement;
-	_container: any;
-	_ratio: {
-		w: number;
-		h: number;
-	};
-	_origin_w: string;
-	_origin_h: string;
-	_resizing: boolean;
-	_onlyPercentage: boolean;
-	_nonResizing: boolean;
 	query: {
 		youtube: {
 			pattern: RegExp;
@@ -254,92 +237,32 @@ declare class Video extends EditorInjector {
 			tag: string;
 		};
 	};
-	extensions: string[];
-	urlPatterns: RegExp[];
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description Executes the method that is called when a "Modal" module's is opened.
-	 */
-	open(): void;
-	/**
-	 * @editorMethod Modules.Controller(Figure)
-	 * @description Executes the method that is called when a target component is edited.
-	 */
-	edit(): void;
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description Executes the method that is called when a plugin's modal is opened.
-	 * @param {boolean} isUpdate "Indicates whether the modal is for editing an existing component (true) or registering a new one (false)."
-	 */
-	on(isUpdate: boolean): void;
-	/**
-	 * @editorMethod Editor.EventManager
-	 * @description Executes the event function of "paste" or "drop".
-	 * @param {Object} params { frameContext, event, file }
-	 * @param {__se__FrameContext} params.frameContext Frame context
-	 * @param {ClipboardEvent} params.event Event object
-	 * @param {File} params.file File object
-	 * @returns {boolean} - If return false, the file upload will be canceled
-	 */
-	onFilePasteAndDrop({ file }: { frameContext: __se__FrameContext; event: ClipboardEvent; file: File }): boolean;
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description This function is called when a form within a modal window is "submit".
-	 * @returns {Promise<boolean>} Success / failure
-	 */
-	modalAction(): Promise<boolean>;
+	/** @type {VideoState} */
+	state: VideoState;
+	sizeService: VideoSizeService;
+	uploadService: VideoUploadService;
 	/**
-	 * @editorMethod Editor.core
-	 * @description This method is used to validate and preserve the format of the component within the editor.
-	 * - It ensures that the structure and attributes of the element are maintained and secure.
-	 * - The method checks if the element is already wrapped in a valid container and updates its attributes if necessary.
-	 * - If the element isn't properly contained, a new container is created to retain the format.
-	 * @returns {{query: string, method: (element: HTMLIFrameElement|HTMLVideoElement) => void}} The format retention object containing the query and method to process the element.
-	 * - query: The selector query to identify the relevant elements (in this case, 'audio').
-	 * - method:The function to execute on the element to validate and preserve its format.
-	 * - The function takes the element as an argument, checks if it is contained correctly, and applies necessary adjustments.
+	 * @template {keyof VideoState} K
+	 * @param {K} key
+	 * @param {VideoState[K]} value
 	 */
+	setState<K extends keyof VideoState>(key: K, value: VideoState[K]): void;
 	retainFormat(): {
 		query: string;
-		method: (element: HTMLIFrameElement | HTMLVideoElement) => void;
+		method: (element: HTMLElement) => void;
 	};
-	/**
-	 * @editorMethod Modules.Modal
-	 * @description This function is called before the modal window is opened, but before it is closed.
-	 */
-	init(): void;
-	/**
-	 * @editorMethod Editor.component
-	 * @description Executes the method that is called when a component of a plugin is selected.
-	 * @param {HTMLIFrameElement|HTMLVideoElement} target Target component element
-	 */
-	select(target: HTMLIFrameElement | HTMLVideoElement): void;
-	/**
-	 * @private
-	 * @description Prepares the component for selection.
-	 * - Ensures that the controller is properly positioned and initialized.
-	 * - Prevents duplicate event handling if the component is already selected.
-	 * @param {HTMLIFrameElement|HTMLVideoElement} target - The selected element.
-	 */
-	private _ready;
-	/**
-	 * @editorMethod Editor.Component
-	 * @description Method to delete a component of a plugin, called by the "FileManager", "Controller" module.
-	 * @param {HTMLElement} target Target element
-	 * @returns {Promise<void>}
-	 */
-	destroy(target: HTMLElement): Promise<void>;
-	/**
-	 * @description Checks if the given URL matches any of the defined URL patterns.
-	 * @param {string} url - The URL to check.
-	 * @returns {boolean} True if the URL matches a known pattern; otherwise, false.
-	 */
-	checkContentType(url: string): boolean;
+	onFilePasteAndDrop(params: SunEditor.HookParams.FilePasteDrop): void;
+	modalOn(isUpdate: boolean): void;
+	modalAction(): Promise<boolean>;
+	modalInit(): void;
+	componentSelect(target: HTMLElement): void | boolean;
+	componentEdit(target: HTMLElement): void;
+	componentDestroy(target: HTMLElement): Promise<void>;
 	/**
 	 * @description Finds and processes the URL for video by matching it against known service patterns.
 	 * @param {string} url - The original URL.
-	 * @returns {{origin: string, url: string, tag: string}|null} An object containing the original URL, the processed URL, and the tag type (e.g., 'iframe'),
-	 * or null if no matching pattern is found.
+	 * @returns {{origin: string, url: string, tag: string}|null} An object containing the original URL, the processed URL, and the tag type (e.g., `iframe`),
+	 * or `null` if no matching pattern is found.
 	 */
 	findProcessUrl(url: string): {
 		origin: string;
@@ -348,7 +271,7 @@ declare class Video extends EditorInjector {
 	} | null;
 	/**
 	 * @description Converts a YouTube URL into an embeddable URL.
-	 * - If the URL does not start with "http", it prepends "https://". It also replaces "watch?v=" with the embed path.
+	 * - If the URL does not start with `"http"`, it prepends `"https://"`. It also replaces `"watch?v="` with the embed path.
 	 * @param {string} url - The original YouTube URL.
 	 * @returns {string} The converted YouTube embed URL.
 	 */
@@ -362,7 +285,7 @@ declare class Video extends EditorInjector {
 	convertUrlVimeo(url: string): string;
 	/**
 	 * @description Adds query parameters to a URL.
-	 * - If the URL already contains a query string, the provided query is appended with an "&".
+	 * - If the URL already contains a query string, the provided query is appended with an `"&"`.
 	 * @param {string} url - The original URL.
 	 * @param {string} query - The query string to append.
 	 * @returns {string} The URL with the appended query parameters.
@@ -379,6 +302,7 @@ declare class Video extends EditorInjector {
 	 * @param {string} align - The alignment to apply to the video element (e.g., 'left', 'center', 'right').
 	 * @param {boolean} isUpdate - Indicates whether this is an update to an existing component (true) or a new creation (false).
 	 * @param {{name: string, size: number}} file - File metadata associated with the video
+	 * @param {boolean} isLast - Indicates whether this is the last file in the batch (used for scroll and insert actions).
 	 */
 	create(
 		oFrame: HTMLIFrameElement | HTMLVideoElement,
@@ -390,96 +314,40 @@ declare class Video extends EditorInjector {
 		file: {
 			name: string;
 			size: number;
-		}
+		},
+		isLast: boolean,
 	): void;
 	/**
-	 * @description Creates a new iframe element for video embedding.
+	 * @description Creates a new `IFRAME` element for video embedding.
 	 * - Applies any additional properties provided and sets the necessary attributes for embedding.
-	 * @param {Object<string, string>} [props] - An optional object containing properties to assign to the iframe.
-	 * @returns {HTMLIFrameElement} The newly created iframe element.
+	 * @param {Object<string, string>} [props] - An optional object containing properties to assign to the `IFRAME`.
+	 * @returns {HTMLIFrameElement} The newly created `IFRAME` element.
 	 */
 	createIframeTag(props?: { [x: string]: string }): HTMLIFrameElement;
 	/**
-	 * @description Creates a new video element for video embedding.
+	 * @description Creates a new `VIDEO` element for video embedding.
 	 * - Applies any additional properties provided and sets the necessary attributes.
-	 * @param {Object<string, string>} [props] - An optional object containing properties to assign to the video element.
-	 * @returns {HTMLVideoElement} The newly created video element.
+	 * @param {Object<string, string>} [props] - An optional object containing properties to assign to the `VIDEO` element.
+	 * @returns {HTMLVideoElement} The newly created `VIDEO` element.
 	 */
 	createVideoTag(props?: { [x: string]: string }): HTMLVideoElement;
 	/**
-	 * @private
-	 * @description Sets the size of the video element.
-	 * @param {string|number} w - The width of the video.
-	 * @param {string|number} h - The height of the video.
-	 */
-	private _applySize;
-	/**
-	 * @private
-	 * @description Retrieves video information including size and alignment.
-	 * @returns {*} Video information object.
-	 */
-	private _getInfo;
-	/**
-	 * @description Create an "video" component using the provided files.
+	 * @description Create a `video` component using the provided files.
 	 * @param {FileList|File[]} fileList File object list
-	 * @returns {Promise<boolean>} If return false, the file upload will be canceled
+	 * @returns {Promise<boolean>} If return `false`, the file upload will be canceled
 	 */
 	submitFile(fileList: FileList | File[]): Promise<boolean>;
 	/**
-	 * @description Create an "video" component using the provided url.
+	 * @description Create a `video` component using the provided url.
 	 * @param {string} url File url
-	 * @returns {Promise<boolean>} If return false, the file upload will be canceled
+	 * @returns {Promise<boolean>} If return `false`, the file upload will be canceled
 	 */
 	submitURL(url: string): Promise<boolean>;
-	/**
-	 * @private
-	 * @description Updates the video component within the editor.
-	 * @param {HTMLIFrameElement|HTMLVideoElement} oFrame - The video element to update.
-	 */
-	private _update;
-	/**
-	 * @private
-	 * @description Registers the uploaded video in the editor.
-	 * @param {VideoInfo_video} info - Video information object.
-	 * @param {Object<string, *>} response - Server response containing video data.
-	 */
-	private _register;
-	/**
-	 * @private
-	 * @description Uploads a video to the server using an external upload handler.
-	 * @param {VideoInfo_video} info - Video information object.
-	 * @param {FileList} files - The video files to upload.
-	 */
-	private _serverUpload;
-	/**
-	 * @private
-	 * @description Sets attributes for the video tag.
-	 * @param {HTMLVideoElement} element - The video element.
-	 */
-	private _setTagAttrs;
-	/**
-	 * @private
-	 * @description Sets attributes for the iframe tag.
-	 * @param {HTMLIFrameElement} element - The iframe element.
-	 */
-	private _setIframeAttrs;
-	/**
-	 * @private
-	 * @description Selects a ratio option in the ratio dropdown.
-	 * @param {string|number} value - The selected ratio value.
-	 * @returns {boolean} Returns true if a ratio was selected.
-	 */
-	private _setRatioSelect;
-	/**
-	 * @private
-	 * @description Handles video upload errors.
-	 * @param {Object<string, *>} response - The error response object.
-	 * @returns {Promise<void>}
-	 */
-	private _error;
 	#private;
 }
-import EditorInjector from '../../editorInjector';
-import { Modal } from '../../modules';
-import { Figure } from '../../modules';
-import { FileManager } from '../../modules';
+import { PluginModal } from '../../../interfaces';
+import { Modal } from '../../../modules/contract';
+import { Figure } from '../../../modules/contract';
+import { FileManager } from '../../../modules/manager';
+import VideoSizeService from './services/video.size';
+import VideoUploadService from './services/video.upload';

package/types/plugins/modal/video/render/video.html.d.ts

@@ -0,0 +1,37 @@
+import type {} from '../../../../typedef';
+/**
+ * @typedef {object} ModalReturns_video
+ * @property {HTMLElement} html
+ * @property {HTMLElement} alignForm
+ * @property {HTMLElement} fileModalWrapper
+ * @property {HTMLInputElement} videoInputFile
+ * @property {HTMLInputElement} videoUrlFile
+ * @property {HTMLElement} previewSrc
+ * @property {HTMLButtonElement} galleryButton
+ * @property {HTMLInputElement} proportion
+ * @property {HTMLSelectElement} frameRatioOption
+ * @property {HTMLInputElement} inputX
+ * @property {HTMLInputElement} inputY
+ * @property {HTMLButtonElement} revertBtn
+ * @property {HTMLButtonElement} fileRemoveBtn
+ *
+ * @param {SunEditor.Deps} $
+ * @param {*} pluginOptions
+ * @returns {ModalReturns_video}
+ */
+export function CreateHTML_modal({ lang, icons, plugins }: SunEditor.Deps, pluginOptions: any): ModalReturns_video;
+export type ModalReturns_video = {
+	html: HTMLElement;
+	alignForm: HTMLElement;
+	fileModalWrapper: HTMLElement;
+	videoInputFile: HTMLInputElement;
+	videoUrlFile: HTMLInputElement;
+	previewSrc: HTMLElement;
+	galleryButton: HTMLButtonElement;
+	proportion: HTMLInputElement;
+	frameRatioOption: HTMLSelectElement;
+	inputX: HTMLInputElement;
+	inputY: HTMLInputElement;
+	revertBtn: HTMLButtonElement;
+	fileRemoveBtn: HTMLButtonElement;
+};