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

package/package.json

@@ -1,13 +1,45 @@
 {
 	"name": "suneditor",
-	"version": "3.0.0-beta.9",
-	"description": "Vanilla javascript based WYSIWYG web editor",
+	"version": "3.0.0-rc.2",
+	"description": "Vanilla JavaScript based WYSIWYG web editor",
 	"author": "Yi JiHong",
 	"license": "MIT",
 	"main": "src/suneditor.js",
+	"module": "src/suneditor.js",
 	"types": "types/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./types/index.d.ts",
+			"default": "./src/suneditor.js"
+		},
+		"./types": {
+			"types": "./types/typedef.d.ts"
+		},
+		"./plugins": {
+			"types": "./types/plugins/index.d.ts",
+			"default": "./src/plugins/index.js"
+		},
+		"./langs/*": {
+			"types": "./types/langs/*.d.ts",
+			"default": "./src/langs/*.js"
+		},
+		"./css": {
+			"types": "./types/assets/suneditor.css.d.ts",
+			"default": "./src/assets/suneditor.css"
+		},
+		"./css/contents": {
+			"types": "./types/assets/suneditor-contents.css.d.ts",
+			"default": "./src/assets/suneditor-contents.css"
+		},
+		"./interfaces": {
+			"types": "./types/interfaces/index.d.ts",
+			"default": "./src/interfaces/index.js"
+		},
+		"./src/*": "./src/*",
+		"./package.json": "./package.json"
+	},
 	"sideEffects": [
-		"./src/assets/css/*.css"
+		"./src/assets/*.css"
 	],
 	"engines": {
 		"node": ">=14.0.0"
@@ -15,81 +47,96 @@
 	"scripts": {
 		"dev": "webpack-dev-server --config webpack/dev.js",
 		"start": "npm run dev",
-		"build:dev": "cross-env NODE_ENV=development webpack --config webpack/builder.js",
-		"build:prod": "cross-env NODE_ENV=production webpack --config webpack/builder.js",
-		"lint": "eslint src",
+		"build:dev": "cross-env NODE_ENV=development webpack --config webpack/builder.js && cross-env NODE_ENV=development webpack --config webpack/builder-contents.js && rm -f dist/_suneditor-contents.js",
+		"build:prod": "cross-env NODE_ENV=production webpack --config webpack/builder.js && cross-env NODE_ENV=production webpack --config webpack/builder-contents.js && rm -f dist/_suneditor-contents.js",
+		"lint:type": "npx tsc --noEmit",
 		"lint:fix-js": "npx eslint \"src/**/*.js\" --fix",
-		"lint:fix-ts": "npx eslint \"types/**/*.ts\" --fix",
-		"lint:fix-all": "npx eslint \"src/**/*.js\" \"types/**/*.ts\" --fix",
-		"ts-build": "(npx tsc || true) && barrelsby --delete --directory types --exclude \"typedef.d.ts\" && node scripts/fix-langs.cjs && node scripts/wrap-dts.cjs && node scripts/rename-index.cjs && node scripts/remove-this-params.cjs && npm run lint:fix-ts",
-		"i18n-build": "cross-env GOOGLE_APPLICATION_CREDENTIALS=./.env/google-api-service-account.json node scripts/i18n-sync.cjs --auto-translate && npx eslint \"src/langs/*.js\" --fix && npx eslint \"types/langs/_Lang.d.ts\" --fix",
-		"test": "karma start",
+		"lint:fix-ts": "npx eslint types/ --fix",
+		"lint:fix-all": "npx eslint \"src/**/*.js\" types/ --fix",
+		"lint": "npx eslint \"src/**/*.js\" types/ && npm run lint:type && npm run check:arch",
+		"ts-build": "npm run check:inject && (npx tsc || true) && barrelsby --config .barrelsby.json && node scripts/ts-build/format-index.cjs && node scripts/ts-build/fix-langs.cjs && node scripts/ts-build/wrap-dts.cjs && node scripts/ts-build/rename-index.cjs && node scripts/ts-build/interfaces-convert.cjs && node scripts/ts-build/gen-options-dts.cjs && node scripts/ts-build/gen-css-dts.cjs && node scripts/ts-build/inject-typedef-import.cjs && npm run lint:fix-ts",
+		"test": "jest --silent",
+		"test:watch": "jest --watch",
+		"test:coverage": "jest --coverage",
+		"test:e2e": "playwright test",
+		"test:e2e:ui": "playwright test --ui",
+		"test:e2e:headed": "playwright test --headed",
+		"test:all": "jest --silent && playwright test",
+		"check": "npm run check:arch && npm run check:exports && npm run check:inject && npm run check:langs",
+		"check:arch": "dependency-cruiser --config .dependency-cruiser.js src",
+		"check:exports": "node scripts/check/check-exports-sync.cjs",
+		"check:inject": "node scripts/check/gen-button-types.cjs && node scripts/check/inject-plugin-jsdoc.cjs",
+		"check:langs": "cross-env GOOGLE_APPLICATION_CREDENTIALS=./.env/google-api-service-account.json node scripts/check/langs-sync.cjs --auto-translate && npx eslint \"src/langs/*.js\" --fix && npx eslint \"types/langs/_Lang.d.ts\" --fix",
 		"update-browserslist": "npx browserslist@latest --update-db"
 	},
 	"bugs": {
 		"url": "https://github.com/JiHong88/SunEditor/issues"
 	},
-	"homepage": "http://suneditor.com",
+	"homepage": "https://suneditor.com",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/JiHong88/SunEditor.git"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.22.1",
-		"@codemirror/lang-html": "^6.4.3",
-		"@codemirror/lang-javascript": "^6.1.8",
-		"@google-cloud/translate": "^9.0.1",
+		"@babel/core": "^7.28.4",
+		"@babel/preset-env": "^7.28.3",
+		"@codemirror/lang-html": "^6.4.10",
+		"@codemirror/lang-javascript": "^6.2.4",
+		"@google-cloud/translate": "^9.2.0",
 		"@octokit/rest": "^21.1.1",
-		"@typescript-eslint/eslint-plugin": "^8.29.1",
-		"@typescript-eslint/parser": "^8.29.1",
-		"@webpack-cli/serve": "^2.0.4",
-		"babel-loader": "^9.1.2",
+		"@playwright/test": "^1.56.0",
+		"@typescript-eslint/eslint-plugin": "^8.45.0",
+		"@typescript-eslint/parser": "^8.45.0",
+		"@webpack-cli/serve": "^3.0.1",
+		"babel-jest": "^30.2.0",
+		"babel-loader": "^10.0.0",
 		"barrelsby": "^2.8.1",
+		"baseline-browser-mapping": "^2.9.19",
 		"clean-webpack-plugin": "^4.0.0",
-		"codemirror": "^6.0.1",
-		"codemirror5": "npm:codemirror@^5.65.9",
+		"codemirror": "^6.65.7",
+		"codemirror5": "npm:codemirror@5.65.20",
 		"cross-env": "^7.0.3",
-		"css-loader": "^6.7.4",
-		"css-minimizer-webpack-plugin": "^5.0.0",
-		"csstype": "^3.1.2",
-		"eslint-config-prettier": "^8.8.0",
-		"eslint-plugin-compat": "^4.2.0",
-		"eslint-plugin-prettier": "^4.2.1",
+		"css-loader": "^7.1.2",
+		"css-minimizer-webpack-plugin": "^7.0.2",
+		"csstype": "^3.1.3",
+		"dependency-cruiser": "^17.1.0",
+		"eslint": "^9.36.0",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-compat": "^6.0.2",
+		"eslint-plugin-prettier": "^5.5.4",
+		"eslint-plugin-simple-import-sort": "^12.1.1",
 		"file-loader": "^6.2.0",
-		"glob": "^11.0.1",
-		"html-webpack-plugin": "^5.5.1",
-		"jasmine": "^5.0.0",
+		"glob": "^11.0.3",
+		"html-webpack-plugin": "^5.6.4",
+		"http-server": "^14.1.1",
+		"jest": "^30.2.0",
+		"jest-environment-jsdom": "^30.2.0",
 		"jsdoc": "^4.0.4",
-		"karma": "^6.4.2",
-		"karma-chrome-launcher": "^3.2.0",
-		"karma-firefox-launcher": "^2.1.2",
-		"karma-jasmine": "^5.1.0",
-		"karma-opera-launcher": "^1.0.0",
-		"karma-safari-launcher": "^1.0.0",
-		"karma-webpack": "^5.0.0",
-		"katex": "^0.16.7",
+		"jsdom": "^27.0.0",
+		"katex": "^0.16.22",
 		"mathjax-full": "^3.2.2",
-		"mini-css-extract-plugin": "^2.7.6",
-		"prettier": "^2.8.8",
-		"terser-webpack-plugin": "^5.3.10",
-		"typescript": "^5.8.3",
+		"mini-css-extract-plugin": "^2.9.4",
+		"prettier": "^3.6.2",
+		"terser-webpack-plugin": "^5.3.14",
+		"typescript": "^5.9.2",
 		"url-loader": "^4.1.1",
-		"webpack": "^5.84.1",
-		"webpack-cli": "^5.1.1",
+		"webpack": "^5.102.0",
+		"webpack-bundle-analyzer": "^4.10.2",
+		"webpack-cli": "^6.0.1",
 		"webpack-dev-server": "^5.2.2",
-		"webpack-merge": "^5.9.0"
+		"webpack-merge": "^6.0.1"
 	},
 	"browserslist": [
-		"chrome >= 80",
-		"edge >= 80",
-		"firefox >= 74",
-		"safari >= 13.1",
-		"ios >= 13.4",
-		"opera >= 67",
-		"android >= 80",
-		"samsung >= 13",
-		"not IE <= 11",
-		"not dead"
+		"chrome >= 119",
+		"edge >= 119",
+		"firefox >= 121",
+		"safari >= 17",
+		"opera >= 105",
+		"samsung >= 23",
+		"Firefox ESR",
+		"not dead",
+		"not IE 11",
+		"not op_mini all"
 	],
 	"ignore": [
 		"**/.*",
@@ -100,10 +147,10 @@
 		"types",
 		"dist",
 		"README.md",
-		"CONTRIBUTING.md",
-		"LICENSE"
+		"LICENSE.txt"
 	],
 	"keywords": [
+		"suneditor",
 		"wysiwyg",
 		"wysiwyg editor",
 		"wysiwyg html editor",
@@ -111,14 +158,16 @@
 		"rich text editor",
 		"rich editor",
 		"html editor",
-		"text editor",
-		"editor",
+		"html5 editor",
 		"javascript editor",
+		"javascript rich text editor",
 		"vanilla javascript",
 		"contenteditable",
 		"lightweight editor",
+		"lightweight rich text editor",
+		"open source editor",
 		"text formatting",
 		"web editor",
 		"browser editor"
 	]
-}
+}

package/src/assets/design/color.css

@@ -1,28 +1,40 @@
 .sun-editor,
 .sun-editor-editable {
 	/** --------------------------- content - [colors] ----------- */
+	/* caret and placeholder */
 	--se-caret-color: #333;
 	--se-placeholder-color: #bbb;
+
+	/* editable text tones */
 	--se-edit-font-color: #333;
 	--se-edit-font-pre: #666;
 	--se-edit-font-quote: #999;
+
+	/* editable surfaces */
 	--se-edit-background-color: #fff;
 	--se-edit-background-pre: #f9f9f9;
+
+	/* content border scale */
 	--se-edit-border-light: #e1e1e1;
 	--se-edit-border-dark: #b1b1b1;
 	--se-edit-border-dark-n1: #c1c1c1;
 	--se-edit-border-dark-n2: #d1d1d1;
+	--se-edit-border-table: #cecece;
+
+	/* links and horizontal rules */
 	--se-edit-anchor: #0056b3;
 	--se-edit-anchor-on-back: #e8f7ff;
 	--se-edit-anchor-on-font: #0093ff;
 	--se-edit-hr-color: #333;
 	--se-edit-hr-on-back: #c7deff;
+
+	/* content interaction states */
 	--se-edit-active: #4592ff;
 	--se-edit-hover: #e0f4ff;
 	--se-edit-outline: #9e9e9e;
 
 	/** --------------------------- layout - [colors] ----------- */
-	/** main, common */
+	/* main shell and typography */
 	--se-main-out-color: #dadada;
 	--se-main-color: #000;
 	--se-main-color-lighter: #4c4c4d;
@@ -37,7 +49,7 @@
 	--se-statusbar-font-color: #666;
 	--se-overlay-background-color: #222;
 
-	/* hover */
+	/* hover states */
 	--se-hover-color: #000;
 	--se-hover-dark-color: #cccccc;
 	--se-hover-dark2-color: #bfbfbf;
@@ -46,7 +58,7 @@
 	--se-hover-light2-color: #e6e6e6;
 	--se-hover-light3-color: #d9d9d9;
 
-	/* active */
+	/* active foreground states */
 	--se-active-color: #5cd2e6;
 	--se-active-hover-color: #2964b7;
 	--se-active-dark-color: #80bdff;
@@ -54,6 +66,8 @@
 	--se-active-dark3-color: #4592ff;
 	--se-active-dark4-color: #3f9dff;
 	--se-active-dark5-color: #1275ff;
+
+	/* active background states */
 	--se-active-light-color: #e6f2ff;
 	--se-active-light2-color: #eaf3ff;
 	--se-active-light3-color: #d0e3ff;
@@ -61,14 +75,14 @@
 	--se-active-light5-color: #c4ddff;
 	--se-active-light6-color: #b7ccf2;
 
-	/* [toolbar, menu, modal] layer - shadow */
+	/* floating layer shadow */
 	--se-shadow-layer-color: rgba(0, 0, 0, 0.25);
 
-	/* drag */
+	/* drag feedback */
 	--se-drag-over-color: #f0c20a;
 
-	/* modal, browser, dropdown */
-	--se-modal-background-color: #f9f9f9;
+	/* modal, browser, dropdown surfaces */
+	--se-modal-background-color: #fff;
 	--se-modal-color: #333;
 	--se-modal-border-color: #e5e5e5;
 	--se-modal-anchor-color: #004cff;
@@ -77,20 +91,26 @@
 	--se-modal-input-disabled-color: #999;
 	--se-modal-input-disabled-background-color: #f3f3f3;
 
-	/* dropdown, selectMenu */
+	/* dropdown text */
 	--se-dropdown-font-color: #555;
 
-	/* controller */
+	/* media/controller chrome */
 	--se-controller-border-color: #999;
-	--se-controller-background-color: #f9f9f9;
+	--se-controller-background-color: #fff;
 	--se-controller-color: #333;
 	--se-shadow-controller-color: rgba(0, 0, 0, 0.2);
 
-	/* button : input-side */
+	/* input-side button states */
 	--se-input-btn-border-color: #ccc;
 	--se-input-btn-disabled-color: #bdbdbd;
 
-	/* success */
+	/* table picker */
+	--se-table-picker-color: #f5f5f5;
+	--se-table-picker-border-color: #ddd;
+	--se-table-picker-highlight-color: #cce0ff;
+	--se-table-picker-highlight-border-color: #90b5e2;
+
+	/* success status palette */
 	--se-success-color: #008000;
 	--se-success-dark-color: #628562;
 	--se-success-dark2-color: #419c41;
@@ -101,7 +121,7 @@
 	--se-success-light4-color: #769c76;
 	--se-success-light5-color: #89b589;
 
-	/* error */
+	/* error status palette */
 	--se-error-color: #b94a48;
 	--se-error-dark-color: #e1a6a2;
 	--se-error-dark2-color: #db8d8c;
@@ -112,18 +132,17 @@
 	--se-error-light4-color: #f7deda;
 	--se-error-light5-color: #f8e3e1;
 
-	/* document type */
+	/* document mode palette */
 	--se-doc-background: #f2f5fa;
 	--se-doc-info-page-font-color: #f5f5f5;
 	--se-doc-info-page-background-color: #b1b1b1;
-	/* document type - font, active */
 	--se-doc-info-font-color: #4c4c4c;
 	--se-doc-info-active-color: #4a32ff;
 
-	/* loading */
+	/* loading indicator */
 	--se-loading-color: #07d;
 
-	/* show blocks */
+	/* show-blocks debug colors */
 	--se-show-blocks-color: #3f9dff;
 	--se-show-blocks-li-color: #d539ff;
 	--se-show-blocks-pre-color: #34c38f;

package/src/assets/design/size.css

@@ -4,11 +4,13 @@
 	/* main */
 	--se-edit-inner-padding: 1.5em 1.5em;
 	--se-edit-inner-padding-doc-type: 2.5rem 2.5rem;
+	--se-edit-scroll-margin: 3em;
 
 	/** --------------------------- layout - [size] ----------- */
 	/** main, common */
 	--se-border-radius: 2px;
 	--se-min-height: 65px;
+	--se-scroll-padding: 2em;
 
 	/* modal */
 	--se-modal-input-width: 70px;

package/src/assets/icons/defaultIcons.js

@@ -25,7 +25,7 @@ export default {
 	print: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18,3H6V7H18M19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12M16,19H8V14H16M19,8H5A3,3 0 0,0 2,11V17H6V21H18V17H22V11A3,3 0 0,0 19,8Z" /></svg>',
 	template:
 		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13,7.5H18V9.5H13V7.5M13,14.5H18V16.5H13V14.5M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M19,19V5H5V19H19M11,6V11H6V6H11M10,10V7H7V10H10M11,13V18H6V13H11M10,17V14H7V17H10Z" /></svg>',
-	layout: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 21H11V13H3M5 15H9V19H5M3 11H11V3H3M5 5H9V9H5M13 3V11H21V3M19 9H15V5H19M18 16H21V18H18V21H16V18H13V16H16V13H18Z" /></svg>',
+	layout: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13H3A1 1 0 0 0 2 14V20A1 1 0 0 0 3 21H21A1 1 0 0 0 22 20V14A1 1 0 0 0 21 13M20 19H4V15H20M21 3H3A1 1 0 0 0 2 4V10A1 1 0 0 0 3 11H21A1 1 0 0 0 22 10V4A1 1 0 0 0 21 3M20 9H4V5H20Z" /></svg>',
 	new_document: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" /></svg>',
 	select_all:
 		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9,9H15V15H9M7,17H17V7H7M15,5H17V3H15M15,21H17V19H15M19,17H21V15H19M19,9H21V7H19M19,21A2,2 0 0,0 21,19H19M19,13H21V11H19M11,21H13V19H11M9,3H7V5H9M3,17H5V15H3M5,21V19H3A2,2 0 0,0 5,21M19,3V5H21A2,2 0 0,0 19,3M13,3H11V5H13M3,9H5V7H3M7,21H9V19H7M3,13H5V11H3M3,5H5V3A2,2 0 0,0 3,5Z" /></svg>',
@@ -60,6 +60,8 @@ export default {
 		'<svg class="se-ci" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.74 12.37"><g><path d="M7.77,16.12a1.59,1.59,0,0,0-.49-1.18,1.62,1.62,0,0,0-1.19-.49,1.68,1.68,0,1,0,0,3.36,1.67,1.67,0,0,0,1.68-1.69Zm0-4.48A1.67,1.67,0,0,0,6.09,10,1.68,1.68,0,0,0,4.9,12.82a1.62,1.62,0,0,0,1.19.49,1.67,1.67,0,0,0,1.68-1.67Zm12.38,3.64a.27.27,0,0,0-.08-.19.28.28,0,0,0-.2-.09H9.19a.28.28,0,0,0-.2.08.29.29,0,0,0-.08.19V17a.27.27,0,0,0,.28.28H19.87a.27.27,0,0,0,.19-.08.24.24,0,0,0,.08-.2V15.28ZM7.77,7.13a1.63,1.63,0,0,0-.49-1.2,1.61,1.61,0,0,0-1.19-.49,1.61,1.61,0,0,0-1.19.49,1.71,1.71,0,0,0,0,2.4,1.62,1.62,0,0,0,1.19.49,1.61,1.61,0,0,0,1.19-.49,1.63,1.63,0,0,0,.49-1.2Zm12.38,3.66a.28.28,0,0,0-.08-.2.29.29,0,0,0-.19-.08H9.19a.27.27,0,0,0-.28.28v1.69a.27.27,0,0,0,.08.19.24.24,0,0,0,.2.08H19.87a.27.27,0,0,0,.19-.08.25.25,0,0,0,.08-.19V10.79Zm0-4.5a.27.27,0,0,0-.08-.19A.25.25,0,0,0,19.88,6H9.19A.28.28,0,0,0,9,6.1a.26.26,0,0,0-.08.19V8A.27.27,0,0,0,9,8.17a.24.24,0,0,0,.2.08H19.87a.27.27,0,0,0,.19-.08A.25.25,0,0,0,20.14,8V6.29Z" transform="translate(-4.41 -5.44)"/></g></svg>',
 	list_numbered:
 		'<svg class="se-ci" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.69 15.74"><g><path d="M7.66,18a1.24,1.24,0,0,0-.26-.78,1.17,1.17,0,0,0-.72-.42l.85-1V15H4.58v1.34h.94v-.46l.85,0h0c-.11.11-.22.23-.32.35s-.23.27-.37.47L5.39,17l.23.51c.61-.05.92.11.92.49a.42.42,0,0,1-.18.37.79.79,0,0,1-.45.12A1.41,1.41,0,0,1,5,18.15l-.51.77A2.06,2.06,0,0,0,6,19.5a1.8,1.8,0,0,0,1.2-.41A1.38,1.38,0,0,0,7.66,18Zm0-5.54H6.75V13H5.63A.72.72,0,0,1,6,12.51a5.45,5.45,0,0,1,.66-.45,2.71,2.71,0,0,0,.67-.57,1.19,1.19,0,0,0,.31-.81,1.29,1.29,0,0,0-.45-1,1.86,1.86,0,0,0-2-.11,1.51,1.51,0,0,0-.62.7l.74.52A.87.87,0,0,1,6,10.28a.51.51,0,0,1,.35.12.42.42,0,0,1,.13.33.55.55,0,0,1-.21.4,3,3,0,0,1-.5.38c-.19.13-.39.27-.58.42a2,2,0,0,0-.5.6,1.63,1.63,0,0,0-.21.81,3.89,3.89,0,0,0,.05.48h3.2V12.44Zm12.45,2.82a.27.27,0,0,0-.08-.19.28.28,0,0,0-.21-.08H9.1a.32.32,0,0,0-.21.08.24.24,0,0,0-.08.2V17a.27.27,0,0,0,.08.19.3.3,0,0,0,.21.08H19.83a.32.32,0,0,0,.21-.08.25.25,0,0,0,.08-.19V15.26ZM7.69,7.32h-1V3.76H5.8L4.6,4.88l.63.68a1.85,1.85,0,0,0,.43-.48h0l0,2.24H4.74V8.2h3V7.32Zm12.43,3.42a.27.27,0,0,0-.08-.19.28.28,0,0,0-.21-.08H9.1a.32.32,0,0,0-.21.08.24.24,0,0,0-.08.2v1.71a.27.27,0,0,0,.08.19.3.3,0,0,0,.21.08H19.83a.32.32,0,0,0,.21-.08.25.25,0,0,0,.08-.19V10.74Zm0-4.52A.27.27,0,0,0,20,6,.28.28,0,0,0,19.83,6H9.1A.32.32,0,0,0,8.89,6a.24.24,0,0,0-.08.19V7.93a.27.27,0,0,0,.08.19.32.32,0,0,0,.21.08H19.83A.32.32,0,0,0,20,8.12a.26.26,0,0,0,.08-.2V6.22Z" transform="translate(-4.43 -3.76)"/></g></svg>',
+	list_checked:
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,19V17H8V19H21M21,13V11H8V13H21M8,7H21V5H8V7M4,5V7H6V5H4M3,5A1,1 0 0,1 4,4H6A1,1 0 0,1 7,5V7A1,1 0 0,1 6,8H4A1,1 0 0,1 3,7V5M4,11V13H6V11H4M3,11A1,1 0 0,1 4,10H6A1,1 0 0,1 7,11V13A1,1 0 0,1 6,14H4A1,1 0 0,1 3,13V11M4,17V19H6V17H4M3,17A1,1 0 0,1 4,16H6A1,1 0 0,1 7,17V19A1,1 0 0,1 6,20H4A1,1 0 0,1 3,19V17Z" /></svg>',
 	table: '<svg class="se-ci" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.74 15.74"><g><path d="M4.41,8.05V3.76H8.7V8.05H4.41Zm5.71,0V3.76h4.3V8.05h-4.3Zm5.74-4.29h4.29V8.05H15.86V3.76Zm-11.45,10V9.48H8.7v4.3H4.41Zm5.71,0V9.48h4.3v4.3h-4.3Zm5.74,0V9.48h4.29v4.3H15.86ZM4.41,19.5V15.21H8.7V19.5H4.41Zm5.71,0V15.21h4.3V19.5h-4.3Zm5.74,0V15.21h4.29V19.5H15.86Z" transform="translate(-4.41 -3.76)"/></g></svg>',
 	table_header:
 		'<svg class="se-ci" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.75 15.74"><g><path d="M17,19.5v-.78H15.5v.78H17Zm-3,0v-.78H12.5v.78H14Zm-3,0v-.78H9.53v.78H11Zm-3,0v-.78H6.53v.78H8Zm10.55,0a1.73,1.73,0,0,0,.85-.35,1.67,1.67,0,0,0,.56-.76l-.71-.31a1.21,1.21,0,0,1-.35.4,1.34,1.34,0,0,1-.53.23l.08.38c.06.24.09.38.1.41Zm-13.7-.63.55-.55A.77.77,0,0,1,5.25,18a1.31,1.31,0,0,1-.06-.38v-.38H4.41v.38a2,2,0,0,0,.12.68,1.6,1.6,0,0,0,.35.57Zm15.27-2.12V15.26h-.78v1.49h.78Zm-15-1V14.23H4.41v1.49h.78Zm15-2V12.26h-.78v1.49h.78Zm-15-1V11.22H4.41v1.51h.78Zm15-2V9.26h-.78v1.51h.78Zm-15-1V8.17H4.41V9.74h.78Zm15-2V6.28h-.78V7.77h.78Zm-15-1.11V5.33L4.48,5.1a.77.77,0,0,0-.07.27,2.72,2.72,0,0,0,0,.28v1h.79ZM19.21,5l.63-.4A1.62,1.62,0,0,0,19.16,4a1.94,1.94,0,0,0-.91-.22v.78a1.31,1.31,0,0,1,.56.12.88.88,0,0,1,.4.36ZM6,4.54H7.78V3.76H6a.82.82,0,0,0-.28.06l.12.35c.07.21.1.33.11.36Zm10.8,0V3.76H15.28v.78h1.49Zm-3,0V3.76H12.28v.78h1.49Zm-3,0V3.76H9.28v.78h1.51ZM6,10.84h12.6V6.91H6Z" transform="translate(-4.4 -3.76)"/></g></svg>',
@@ -202,6 +204,19 @@ export default {
 	alert_outline:
 		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" /></svg>',
 	// More icons
+	more_media:
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 13V5C9 3.9 9.9 3 11 3H20C21.1 3 22 3.9 22 5V11H18.57L17.29 9.26C17.23 9.17 17.11 9.17 17.05 9.26L15.06 12C15 12.06 14.88 12.07 14.82 12L13.39 10.25C13.33 10.18 13.22 10.18 13.16 10.25L11.05 12.91C10.97 13 11.04 13.15 11.16 13.15H17.5V15H11C9.89 15 9 14.11 9 13M6 22V21H4V22H2V2H4V3H6V2H8.39C7.54 2.74 7 3.8 7 5V13C7 15.21 8.79 17 11 17H15.7C14.67 17.83 14 19.08 14 20.5C14 21.03 14.11 21.53 14.28 22H6M4 7H6V5H4V7M4 11H6V9H4V11M4 15H6V13H4V15M6 19V17H4V19H6M23 13V15H21V20.5C21 21.88 19.88 23 18.5 23S16 21.88 16 20.5 17.12 18 18.5 18C18.86 18 19.19 18.07 19.5 18.21V13H23Z" /></svg>',
+	more_gallery:
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 6V20H18V22H3C2.4 22 2 21.6 2 21V6H4M8 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H8C6.9 18 6 17.11 6 16V4C6 2.9 6.9 2 8 2M16.3 13.3L15.9 10.7L17.8 8.8L15.2 8.4L14 6L12.8 8.4L10.2 8.8L12.1 10.6L11.6 13.2L14 12L16.3 13.3Z" /></svg>',
+	more_folder:
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 20V6H0V20C0 21.1 .9 22 2 22H20V20H2M22 4H14L12 2H6C5.6 2 5.2 2.1 4.9 2.3L4.3 2.9C4.1 3.2 4 3.6 4 4V16C4 16.4 4.1 16.8 4.3 17.1C4.4 17.2 4.5 17.3 4.5 17.4C5 17.8 5.5 18 6 18H22C23.1 18 24 17.1 24 16V6C24 4.9 23.1 4 22 4M22 12H19V15H17V12H14V10H17V7H19V10H22V12Z" /></svg>',
+	more_list:
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 14V17H14V19H17V22H19V19H22V17H19V14M20 11V12.3C19.4 12.1 18.7 12 18 12C16.8 12 15.6 12.4 14.7 13H7V11H20M12.1 17H7V15H12.8C12.5 15.6 12.2 16.3 12.1 17M7 7H20V9H7V7M5 19H7V21H3V3H7V5H5V19Z" /></svg>',
+	more_file:
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M18 20H6V4H13V9H18V20M9.5 18L10.2 15.2L8 13.3L10.9 13.1L12 10.4L13.1 13L16 13.2L13.8 15.1L14.5 17.9L12 16.5L9.5 18Z" /></svg>',
+	more_view: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 21H11V13H3M5 15H9V19H5M3 11H11V3H3M5 5H9V9H5M13 3V11H21V3M19 9H15V5H19M18 16H21V18H18V21H16V18H13V16H16V13H18Z" /></svg>',
+	more_page:
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22,3H5A2,2 0 0,0 3,5V9H5V5H22V19H5V15H3V19A2,2 0 0,0 5,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M7,15V13H0V11H7V9L11,12L7,15M20,13H13V11H20V13M20,9H13V7H20V9M17,17H13V15H17V17Z" /></svg>',
 	more_text:
 		'<svg class="se-ci" xmlns="http://www.w3.org/2000/svg" viewBox="10 10 180 180"><g><path d="M49.711,142.188h49.027c2.328,0.002,4.394,1.492,5.129,3.699l9.742,29.252c0.363,1.092,1.385,1.828,2.537,1.83l15.883,0.01c0.859,0,1.667-0.412,2.17-1.109s0.641-1.594,0.37-2.41l-16.625-50.045L86.503,28.953c-0.36-1.097-1.383-1.839-2.537-1.842H64.532c-1.153-0.001-2.178,0.736-2.542,1.831L13.847,173.457c-0.271,0.816-0.135,1.713,0.369,2.412c0.503,0.697,1.311,1.109,2.171,1.109h15.872c1.151,0,2.173-0.736,2.537-1.828l9.793-29.287C45.325,143.66,47.39,142.18,49.711,142.188L49.711,142.188z M53.493,119.098l15.607-46.9c0.744-2.196,2.806-3.674,5.125-3.674s4.381,1.478,5.125,3.674l15.607,46.904c0.537,1.621,0.263,3.402-0.736,4.789c-1.018,1.408-2.649,2.24-4.386,2.24H58.615c-1.736,0-3.368-0.832-4.386-2.24C53.23,122.504,52.956,120.721,53.493,119.098L53.493,119.098z M190.465,63.32c0-2.919-1.015-5.396-3.059-7.428c-2.029-2.031-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.016-7.388,3.047c-2.029,2.032-3.056,4.498-3.056,7.386c0,2.889,1.026,5.354,3.056,7.385c2.032,2.032,4.499,3.059,7.388,3.059c2.887,0,5.354-1.026,7.383-3.059C189.45,68.633,190.465,66.178,190.465,63.32L190.465,63.32z M190.465,101.994c0-2.858-1.015-5.313-3.059-7.333c-2.029-2.042-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.005-7.388,3.047c-2.029,2.021-3.056,4.486-3.056,7.376c0,2.887,1.026,5.352,3.056,7.395c2.032,2.021,4.499,3.047,7.388,3.047c2.887,0,5.354-1.025,7.383-3.047C189.45,107.389,190.465,104.914,190.465,101.994L190.465,101.994z M190.465,140.76c0-2.918-1.015-5.395-3.059-7.438c-2.029-2.041-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.006-7.388,3.047c-2.029,2.043-3.056,4.52-3.056,7.438c0,2.922,1.026,5.398,3.056,7.439c2.032,2.021,4.499,3.047,7.388,3.047c2.887,0,5.354-1.025,7.383-3.047C189.45,146.158,190.465,143.682,190.465,140.76L190.465,140.76z"/></g></svg>',
 	more_paragraph:
@@ -228,5 +243,5 @@ export default {
 	map: '<svg class="se-ci" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.7 15.62"><g><path d="M12.05,12.42a2.93,2.93,0,1,1,2.07-5A2.88,2.88,0,0,1,15,9.49a3,3,0,0,1-.86,2.07,2.89,2.89,0,0,1-2.07.86Zm0-5.36a2.43,2.43,0,0,0-1.72,4.16,2.48,2.48,0,0,0,1.72.72,2.44,2.44,0,0,0,0-4.88Zm0-3.3A5.84,5.84,0,0,1,17.9,9.62a9.94,9.94,0,0,1-1.73,5A33.59,33.59,0,0,1,12.84,19a1.52,1.52,0,0,1-.23.2,1,1,0,0,1-.55.2h0a1,1,0,0,1-.55-.2,1.52,1.52,0,0,1-.23-.2,33.59,33.59,0,0,1-3.33-4.32,9.93,9.93,0,0,1-1.72-5,5.84,5.84,0,0,1,5.85-5.86ZM12,18.34l.08.05.06-.06a35.58,35.58,0,0,0,3.06-3.93,9.35,9.35,0,0,0,1.74-4.77,4.88,4.88,0,0,0-4.88-4.88A4.79,4.79,0,0,0,8.6,6.17,4.84,4.84,0,0,0,7.17,9.62,9.29,9.29,0,0,0,8.91,14.4,36,36,0,0,0,12,18.34Z" transform="translate(-6.2 -3.76)"/></g></svg>',
 	magic_stick:
 		'<svg class="se-ci" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.73 15.75"><g><path d="M19.86,19.21a1,1,0,0,0,.28-.68,1,1,0,0,0-.28-.7L13,10.93a1,1,0,0,0-.7-.28,1,1,0,0,0-.68,1.65l6.9,6.9a1,1,0,0,0,.69.29.93.93,0,0,0,.69-.28ZM9.19,8.55a3,3,0,0,0,1.68,0,14.12,14.12,0,0,0,1.41-.32A11.26,11.26,0,0,0,10.8,7.06c-.56-.36-.86-.56-.91-.58S10,5.91,10,5.11s0-1.26-.15-1.37a4.35,4.35,0,0,0-1.19.71c-.53.4-.81.62-.87.68a9,9,0,0,0-2-.6,6.84,6.84,0,0,0-.76-.09s0,.27.08.77a8.6,8.6,0,0,0,.61,2q-.09.09-.69.87a3.59,3.59,0,0,0-.68,1.17c.12.17.57.23,1.36.15S7,9.26,7.15,9.23s.21.36.57.91a10.49,10.49,0,0,0,1.14,1.48c0-.1.14-.57.31-1.4a3,3,0,0,0,0-1.67Z" transform="translate(-4.41 -3.74)"/></g></svg>',
-	open_in_new: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>'
+	open_in_new: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>',
 };

package/src/assets/suneditor-contents.css

@@ -2,6 +2,7 @@
 
 /* suneditor content */
 .sun-editor-editable {
+	box-sizing: border-box;
 	font-family: Helvetica Neue;
 	font-size: var(--se-edit-font-size);
 	color: var(--se-edit-font-color);
@@ -20,11 +21,9 @@
 	line-height: var(--se-edit-line-height);
 }
 
-.sun-editor-editable.se-type-document-editable {
-	padding: var(--se-edit-inner-padding-doc-type);
-}
+.sun-editor-editable.se-type-document-editable-a4,
 .sun-editor-editable.se-document-page-mirror-a4 {
-	width: 21cm;
+	width: 21cm !important;
 	padding: var(--se-edit-inner-padding-doc-type);
 }
 
@@ -39,7 +38,7 @@
 	direction: initial;
 }
 .sun-editor-editable .se-component > figure > * {
-	margin: 0 !important;
+	margin: 0;
 }
 
 /** component - figure - embed(blockquote) loading */
@@ -431,7 +430,7 @@
 	table-layout: auto !important;
 	border-width: 1px;
 	border-style: solid;
-	border-color: var(--se-edit-border-light);
+	border-color: var(--se-edit-border-table);
 	width: 100%;
 	max-width: 100%;
 	margin: 0;
@@ -452,7 +451,7 @@
 	padding: 0.5em;
 	margin: 0;
 	background-color: var(--se-edit-background-pre);
-	border: 1px solid var(--se-edit-border-light);
+	border: 1px solid var(--se-edit-border-table);
 	outline: none;
 }
 .sun-editor-editable table caption.se-table-caption-top {
@@ -481,11 +480,12 @@
 .sun-editor-editable table td {
 	border-width: 1px;
 	border-style: solid;
-	border-color: var(--se-edit-border-light);
+	border-color: var(--se-edit-border-table);
 	padding: 0.4em;
 	background-clip: padding-box;
 	background-color: inherit;
 	vertical-align: middle;
+	min-width: 2em;
 }
 
 /** table style class */
@@ -606,15 +606,17 @@
 	margin: 0 0 10px;
 }
 
+.sun-editor-editable figure.se-flex-component {
+	width: max-content;
+}
+
 .sun-editor-editable .se-inline-component {
 	display: inline-block;
 	width: auto;
 	min-width: -webkit-min-content;
 	min-width: -moz-min-content;
 	min-width: min-content;
-	max-width: -webkit-max-content;
-	max-width: -moz-max-content;
-	max-width: max-content;
+	max-width: 100%;
 	margin: 0;
 	padding: 0;
 }
@@ -729,8 +731,21 @@
 	54%,
 	56%,
 	100% {
-		text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 2px #f40, 0 0 4px #f40, 0 0 6px #f40, 0 0 8px #f40, 0 0 10px #f40;
-		box-shadow: 0 0 0.5px #fff, inset 0 0 0.5px #fff, 0 0 2px #08f, inset 0 0 2px #08f, 0 0 4px #08f, inset 0 0 4px #08f;
+		text-shadow:
+			-0.2rem -0.2rem 1rem #fff,
+			0.2rem 0.2rem 1rem #fff,
+			0 0 2px #f40,
+			0 0 4px #f40,
+			0 0 6px #f40,
+			0 0 8px #f40,
+			0 0 10px #f40;
+		box-shadow:
+			0 0 0.5px #fff,
+			inset 0 0 0.5px #fff,
+			0 0 2px #08f,
+			inset 0 0 2px #08f,
+			0 0 4px #08f,
+			inset 0 0 4px #08f;
 	}
 	20%,
 	24%,
@@ -749,8 +764,21 @@
 	54%,
 	56%,
 	100% {
-		text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 2px #f40, 0 0 4px #f40, 0 0 6px #f40, 0 0 8px #f40, 0 0 10px #f40;
-		box-shadow: 0 0 0.5px #fff, inset 0 0 0.5px #fff, 0 0 2px #08f, inset 0 0 2px #08f, 0 0 4px #08f, inset 0 0 4px #08f;
+		text-shadow:
+			-0.2rem -0.2rem 1rem #fff,
+			0.2rem 0.2rem 1rem #fff,
+			0 0 2px #f40,
+			0 0 4px #f40,
+			0 0 6px #f40,
+			0 0 8px #f40,
+			0 0 10px #f40;
+		box-shadow:
+			0 0 0.5px #fff,
+			inset 0 0 0.5px #fff,
+			0 0 2px #08f,
+			inset 0 0 2px #08f,
+			0 0 4px #08f,
+			inset 0 0 4px #08f;
 	}
 	20%,
 	24%,
@@ -764,7 +792,14 @@
 /* Shadow */
 .sun-editor-editable .__se__t-shadow,
 .sun-editor .__se__t-shadow {
-	text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 0.2rem #999, 0 0 0.4rem #888, 0 0 0.6rem #777, 0 0 0.8rem #666, 0 0 1rem #555;
+	text-shadow:
+		-0.2rem -0.2rem 1rem #fff,
+		0.2rem 0.2rem 1rem #fff,
+		0 0 0.2rem #999,
+		0 0 0.4rem #888,
+		0 0 0.6rem #777,
+		0 0 0.8rem #666,
+		0 0 1rem #555;
 }
 
 /* Code */