@zipify/wysiwyg 1.3.0-0 → 2.0.0-0

package/dist/wysiwyg.mjs

@@ -17,7 +17,11 @@ var __privateAdd = (obj, member, value) => {
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var _domParser;
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _domParser, _textBlock, textBlock_fn, _normalizeTextBlockArgs, normalizeTextBlockArgs_fn;
 import { computed, ref, watch, inject, onUnmounted, nextTick, provide, onMounted, toRef, unref, reactive } from "vue";
 import { ColorModel, ZipifyColorPicker } from "@zipify/colorpicker";
 function OrderedMap(content) {
@@ -14286,7 +14290,7 @@ var __component__$F = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$F,
   false,
   __vue2_injectStyles$F,
-  "2fa65564",
+  "562f4e4a",
   null,
   null
 );
@@ -14415,23 +14419,22 @@ const __vite_glob_0_4 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" sty
 const __vite_glob_0_5 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="#fff" stroke="#B3B3B3" d="M4.5 4.5h19v19h-19z"/>\n    <path fill="#3B3B3B" d="M26 20.7a2.51 2.51 0 0 1-5 0c0-1.31 2.5-4.7 2.5-4.7s2.5 3.39 2.5 4.7Z"/>\n    <path fill="#3B3B3B" fill-rule="evenodd" d="M19.64 19.93h-1.715a.75.75 0 0 1-.475-.145.82.82 0 0 1-.268-.359l-.89-2.433h-4.943l-.89 2.433a.78.78 0 0 1-.26.347.73.73 0 0 1-.475.157H8L12.686 8h2.269l4.686 11.93Zm-7.721-4.505h3.803l-1.452-3.968a18.048 18.048 0 0 1-.219-.623c-.08-.24-.158-.5-.235-.78-.077.28-.152.542-.227.784a8.742 8.742 0 0 1-.218.635l-1.452 3.952Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_6 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M16.64 19.93h-1.715a.75.75 0 0 1-.475-.145.82.82 0 0 1-.268-.359l-.89-2.433H8.35l-.891 2.433a.78.78 0 0 1-.26.347.73.73 0 0 1-.475.157H5L9.686 8h2.269l4.686 11.93Zm-7.72-4.505h3.803l-1.452-3.968a18.048 18.048 0 0 1-.219-.623c-.08-.24-.158-.5-.235-.78-.077.28-.152.542-.227.784a8.742 8.742 0 0 1-.218.635L8.92 15.425Zm14.968 4.505h-.915a.987.987 0 0 1-.454-.087c-.11-.058-.192-.175-.248-.35l-.181-.603a7.005 7.005 0 0 1-.631.507c-.206.146-.42.269-.64.368a3.26 3.26 0 0 1-.7.222c-.248.05-.523.075-.826.075-.357 0-.687-.049-.99-.145a2.134 2.134 0 0 1-.78-.433 1.967 1.967 0 0 1-.507-.718 2.545 2.545 0 0 1-.181-.998c0-.319.084-.634.251-.945.168-.31.447-.59.838-.841.39-.25.91-.458 1.559-.623.649-.165 1.455-.258 2.417-.28v-.495c0-.567-.12-.986-.359-1.259-.239-.272-.587-.408-1.043-.408-.33 0-.605.039-.825.116a3.17 3.17 0 0 0-.574.26 25.11 25.11 0 0 1-.45.26.912.912 0 0 1-.453.115.59.59 0 0 1-.355-.107.843.843 0 0 1-.239-.264l-.371-.652c.973-.891 2.148-1.337 3.523-1.337.494 0 .936.081 1.324.244.387.162.716.387.985.676.27.289.475.634.615 1.036.14.401.21.841.21 1.32v5.346Zm-3.96-1.271c.21 0 .402-.02.578-.058.176-.038.342-.096.5-.173.156-.077.307-.172.453-.285a4.13 4.13 0 0 0 .441-.4v-1.427c-.594.027-1.09.078-1.489.153a3.967 3.967 0 0 0-.961.284c-.242.116-.414.25-.516.404a.894.894 0 0 0-.152.504c0 .357.106.613.317.767.212.154.489.231.83.231Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_7 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M22 20.62a2.42 2.42 0 0 1-4.84 0c0-1.25 2.42-4.54 2.42-4.54S22 19.37 22 20.62ZM9.92 15.425l1.452-3.951c.071-.182.145-.394.219-.636.074-.242.149-.503.226-.783a17.223 17.223 0 0 0 .454 1.402l1.452 3.968H9.919Zm5.411 4.199c.226-.795.658-1.684 1.184-2.562L12.955 8h-2.269L6 19.93h1.725a.736.736 0 0 0 .474-.157.792.792 0 0 0 .26-.347l.891-2.434h4.941l.891 2.434c.031.079.097.134.148.198Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_8 = '<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5Z" fill="#FFAB00"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.0625 2.25H3.9375V5.625H5.0625V2.25Z" fill="white"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.9375 6.75C3.9375 6.43894 4.18894 6.1875 4.5 6.1875C4.8105 6.1875 5.0625 6.43894 5.0625 6.75C5.0625 7.06106 4.8105 7.3125 4.5 7.3125C4.18894 7.3125 3.9375 7.06106 3.9375 6.75Z" fill="white"/>\n</svg>\n';
-const __vite_glob_0_9 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M18 9V7h-7v2h2.64l-1.22 10H10v2h7v-2h-2.83L15.4 9H18Z"/>\n</svg>\n';
-const __vite_glob_0_10 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="m5 10 3-3 3 3H9v8h2l-3 3-3-3h2v-8H5Zm8-3h10v2H13V7Zm10 6H13v2h10v-2Zm0 6H13v2h10v-2Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_11 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M12 17.5h-2a3.5 3.5 0 1 1 0-7h2V9h-2a5 5 0 0 0 0 10h2v-1.5Zm6-4.5h-8v2h8v-2Zm-2-4h2a5 5 0 0 1 0 10h-2v-1.5h2a3.5 3.5 0 1 0 0-7h-2V9Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_12 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <rect width="9" height="9" x="9.5" y="9.5" stroke="var(--zw-icon-foreground)" rx="4.5"/>\n</svg>\n';
-const __vite_glob_0_13 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M15.108 18.184V19H10.5v-.816h1.842v-5.862c0-.176.006-.354.018-.534l-1.53 1.314a.375.375 0 0 1-.156.084.373.373 0 0 1-.27-.048.318.318 0 0 1-.084-.078l-.336-.462 2.562-2.214h.87v7.8h1.692Zm1.519.156a.8.8 0 0 1 .054-.294.829.829 0 0 1 .156-.24.77.77 0 0 1 .534-.222.77.77 0 0 1 .696.462c.04.092.06.19.06.294a.744.744 0 0 1-.222.534.692.692 0 0 1-.24.156.73.73 0 0 1-.294.06.73.73 0 0 1-.294-.06.692.692 0 0 1-.396-.39.816.816 0 0 1-.054-.3Z"/>\n</svg>\n';
-const __vite_glob_0_14 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <rect width="10" height="10" x="9" y="9" fill="var(--zw-icon-foreground)" rx="5"/>\n</svg>\n';
-const __vite_glob_0_15 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M12.086 9.802h.834v11.292h-.834V9.802Zm2.592 8.538a.8.8 0 0 1 .054-.294.829.829 0 0 1 .156-.24.77.77 0 0 1 .534-.222.77.77 0 0 1 .696.462c.04.092.06.19.06.294a.744.744 0 0 1-.222.534.692.692 0 0 1-.24.156.73.73 0 0 1-.294.06.73.73 0 0 1-.294-.06.692.692 0 0 1-.396-.39.816.816 0 0 1-.054-.3Z"/>\n</svg>\n';
-const __vite_glob_0_16 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="m13.664 15.808-1.35-3.498a7.11 7.11 0 0 1-.252-.804c-.084.324-.17.594-.258.81l-1.35 3.492h3.21ZM16.088 19h-.9a.387.387 0 0 1-.252-.078.48.48 0 0 1-.144-.198l-.804-2.076H10.13l-.804 2.076a.421.421 0 0 1-.138.192.383.383 0 0 1-.252.084h-.9l3.438-8.598h1.176L16.088 19Zm.7-.66a.8.8 0 0 1 .053-.294.829.829 0 0 1 .156-.24.77.77 0 0 1 .534-.222.77.77 0 0 1 .696.462c.04.092.06.19.06.294a.744.744 0 0 1-.222.534.692.692 0 0 1-.24.156.73.73 0 0 1-.294.06.73.73 0 0 1-.294-.06.692.692 0 0 1-.396-.39.816.816 0 0 1-.054-.3Z"/>\n</svg>\n';
-const __vite_glob_0_17 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M9 9h10v10H9z"/>\n</svg>\n';
-const __vite_glob_0_18 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M14.089 6.726a1 1 0 0 1 1.425-.003l6.8 6.882a1 1 0 0 1 .007 1.398L17.2 20.3l-.2.2c-2.2 2.1-5.7 2-7.8-.2l-3.516-3.6a1 1 0 0 1 0-1.399l8.405-8.575Zm1.81 12.674c.1 0 .2 0 .2-.1l4.8-5-6.1-6.2-5 5.1 6.1 6.2Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_19 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M14 9.333V6.666l-3.334 3.333L14 13.333v-2.667c2.206 0 4 1.793 4 4s-1.794 4-4 4c-2.207 0-4-1.793-4-4H8.666A5.332 5.332 0 0 0 14 19.999a5.332 5.332 0 0 0 5.333-5.333A5.332 5.332 0 0 0 14 9.333Z"/>\n</svg>\n';
-const __vite_glob_0_20 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="m14 12.731.77.27H20v2H8v-2h2.84a2.892 2.892 0 0 1-.46-.71 3.61 3.61 0 0 1-.29-1.52c0-.484.1-.964.29-1.41a3.5 3.5 0 0 1 .83-1.2 4 4 0 0 1 1.35-.84 4.74 4.74 0 0 1 1.83-.32 6 6 0 0 1 2.11.41 5 5 0 0 1 1.68 1l-.46.88a.69.69 0 0 1-.18.22.41.41 0 0 1-.25.07.69.69 0 0 1-.39-.16 5.551 5.551 0 0 0-.56-.36 4.641 4.641 0 0 0-.8-.36 3.44 3.44 0 0 0-1.14-.16 3.16 3.16 0 0 0-1.11.17 2.29 2.29 0 0 0-.8.45 1.87 1.87 0 0 0-.49.67 2.138 2.138 0 0 0-.11.79c-.023.357.08.711.29 1 .206.267.465.489.76.65.338.187.693.34 1.06.46Zm1.99 6.06c.24-.22.427-.49.55-.79.135-.315.2-.657.19-1h1.74a4.58 4.58 0 0 1-.25 1.38 4 4 0 0 1-.91 1.37 4.231 4.231 0 0 1-1.46.92 5.503 5.503 0 0 1-2 .33 6.13 6.13 0 0 1-2.5-.46 5.66 5.66 0 0 1-1.89-1.31l.54-.88a.61.61 0 0 1 .19-.17.45.45 0 0 1 .25-.07.5.5 0 0 1 .28.1c.128.077.251.16.37.25l.46.33c.19.13.391.243.6.34.245.107.5.191.76.25.328.076.664.11 1 .1a3.67 3.67 0 0 0 1.19-.18c.328-.109.63-.282.89-.51Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_21 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M21.985 8.625h-1.75V9.5h2.625v.875h-3.5v-1.75c0-.481.394-.875.875-.875h1.75v-.875H19.36V6h2.625c.481 0 .875.394.875.875v.875a.878.878 0 0 1-.875.875ZM7.88 20h2.327l2.975-4.742h.105L16.262 20h2.328l-4.069-6.361L18.32 7.75h-2.345l-2.687 4.366h-.105L10.48 7.75H8.15l3.78 5.889L7.88 20Z"/>\n</svg>\n';
-const __vite_glob_0_22 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M15.4 16.06a3.3 3.3 0 0 1-1.4.29 3.12 3.12 0 0 1-1.39-.29 2.88 2.88 0 0 1-1.05-.81 3.711 3.711 0 0 1-.65-1.25 5.659 5.659 0 0 1-.22-1.6V7H9v5.41a6.89 6.89 0 0 0 .34 2.22 5.29 5.29 0 0 0 1 1.77c.437.501.975.904 1.58 1.18A5 5 0 0 0 14 18a5 5 0 0 0 2.08-.42 4.61 4.61 0 0 0 1.57-1.18 5.27 5.27 0 0 0 1-1.77 6.89 6.89 0 0 0 .35-2.22V7h-1.69v5.41a5.659 5.659 0 0 1-.22 1.59 3.71 3.71 0 0 1-.69 1.25c-.27.34-.61.617-1 .81ZM20 19H8v2h12v-2Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_23 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 20 20">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M18.96 10a5 5 0 0 0-5-5h-2v1.5h2a3.49 3.49 0 0 1 1.58 6.61L13.43 11h.53V9h-2.53l-7-7-1.47 1.47L17.49 18l1.47-1.47-2.34-2.34A4.93 4.93 0 0 0 18.96 10Zm-13 1h1.59L5.96 9.41V11ZM3.81 7.26A3.47 3.47 0 0 0 2.46 10a3.5 3.5 0 0 0 3.5 3.5h2V15h-2a5 5 0 0 1-3.21-8.8l1.06 1.06Z" clip-rule="evenodd"/>\n</svg>\n';
-const modules = /* @__PURE__ */ Object.assign({ "../assets/icons/alignment-center.svg": __vite_glob_0_0, "../assets/icons/alignment-justify.svg": __vite_glob_0_1, "../assets/icons/alignment-left.svg": __vite_glob_0_2, "../assets/icons/alignment-right.svg": __vite_glob_0_3, "../assets/icons/arrow.svg": __vite_glob_0_4, "../assets/icons/background-color.svg": __vite_glob_0_5, "../assets/icons/case-style.svg": __vite_glob_0_6, "../assets/icons/font-color.svg": __vite_glob_0_7, "../assets/icons/indicator.svg": __vite_glob_0_8, "../assets/icons/italic.svg": __vite_glob_0_9, "../assets/icons/line-height.svg": __vite_glob_0_10, "../assets/icons/link.svg": __vite_glob_0_11, "../assets/icons/list-circle.svg": __vite_glob_0_12, "../assets/icons/list-decimal.svg": __vite_glob_0_13, "../assets/icons/list-disc.svg": __vite_glob_0_14, "../assets/icons/list-latin.svg": __vite_glob_0_15, "../assets/icons/list-roman.svg": __vite_glob_0_16, "../assets/icons/list-square.svg": __vite_glob_0_17, "../assets/icons/remove-format.svg": __vite_glob_0_18, "../assets/icons/reset-styles.svg": __vite_glob_0_19, "../assets/icons/strike-through.svg": __vite_glob_0_20, "../assets/icons/superscript.svg": __vite_glob_0_21, "../assets/icons/underline.svg": __vite_glob_0_22, "../assets/icons/unlink.svg": __vite_glob_0_23 });
+const __vite_glob_0_8 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M18 9V7h-7v2h2.64l-1.22 10H10v2h7v-2h-2.83L15.4 9H18Z"/>\n</svg>\n';
+const __vite_glob_0_9 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="m5 10 3-3 3 3H9v8h2l-3 3-3-3h2v-8H5Zm8-3h10v2H13V7Zm10 6H13v2h10v-2Zm0 6H13v2h10v-2Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_10 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M12 17.5h-2a3.5 3.5 0 1 1 0-7h2V9h-2a5 5 0 0 0 0 10h2v-1.5Zm6-4.5h-8v2h8v-2Zm-2-4h2a5 5 0 0 1 0 10h-2v-1.5h2a3.5 3.5 0 1 0 0-7h-2V9Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_11 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <rect width="9" height="9" x="9.5" y="9.5" stroke="var(--zw-icon-foreground)" rx="4.5"/>\n</svg>\n';
+const __vite_glob_0_12 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M15.108 18.184V19H10.5v-.816h1.842v-5.862c0-.176.006-.354.018-.534l-1.53 1.314a.375.375 0 0 1-.156.084.373.373 0 0 1-.27-.048.318.318 0 0 1-.084-.078l-.336-.462 2.562-2.214h.87v7.8h1.692Zm1.519.156a.8.8 0 0 1 .054-.294.829.829 0 0 1 .156-.24.77.77 0 0 1 .534-.222.77.77 0 0 1 .696.462c.04.092.06.19.06.294a.744.744 0 0 1-.222.534.692.692 0 0 1-.24.156.73.73 0 0 1-.294.06.73.73 0 0 1-.294-.06.692.692 0 0 1-.396-.39.816.816 0 0 1-.054-.3Z"/>\n</svg>\n';
+const __vite_glob_0_13 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <rect width="10" height="10" x="9" y="9" fill="var(--zw-icon-foreground)" rx="5"/>\n</svg>\n';
+const __vite_glob_0_14 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M12.086 9.802h.834v11.292h-.834V9.802Zm2.592 8.538a.8.8 0 0 1 .054-.294.829.829 0 0 1 .156-.24.77.77 0 0 1 .534-.222.77.77 0 0 1 .696.462c.04.092.06.19.06.294a.744.744 0 0 1-.222.534.692.692 0 0 1-.24.156.73.73 0 0 1-.294.06.73.73 0 0 1-.294-.06.692.692 0 0 1-.396-.39.816.816 0 0 1-.054-.3Z"/>\n</svg>\n';
+const __vite_glob_0_15 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="m13.664 15.808-1.35-3.498a7.11 7.11 0 0 1-.252-.804c-.084.324-.17.594-.258.81l-1.35 3.492h3.21ZM16.088 19h-.9a.387.387 0 0 1-.252-.078.48.48 0 0 1-.144-.198l-.804-2.076H10.13l-.804 2.076a.421.421 0 0 1-.138.192.383.383 0 0 1-.252.084h-.9l3.438-8.598h1.176L16.088 19Zm.7-.66a.8.8 0 0 1 .053-.294.829.829 0 0 1 .156-.24.77.77 0 0 1 .534-.222.77.77 0 0 1 .696.462c.04.092.06.19.06.294a.744.744 0 0 1-.222.534.692.692 0 0 1-.24.156.73.73 0 0 1-.294.06.73.73 0 0 1-.294-.06.692.692 0 0 1-.396-.39.816.816 0 0 1-.054-.3Z"/>\n</svg>\n';
+const __vite_glob_0_16 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M9 9h10v10H9z"/>\n</svg>\n';
+const __vite_glob_0_17 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M14.089 6.726a1 1 0 0 1 1.425-.003l6.8 6.882a1 1 0 0 1 .007 1.398L17.2 20.3l-.2.2c-2.2 2.1-5.7 2-7.8-.2l-3.516-3.6a1 1 0 0 1 0-1.399l8.405-8.575Zm1.81 12.674c.1 0 .2 0 .2-.1l4.8-5-6.1-6.2-5 5.1 6.1 6.2Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_18 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M14 9.333V6.666l-3.334 3.333L14 13.333v-2.667c2.206 0 4 1.793 4 4s-1.794 4-4 4c-2.207 0-4-1.793-4-4H8.666A5.332 5.332 0 0 0 14 19.999a5.332 5.332 0 0 0 5.333-5.333A5.332 5.332 0 0 0 14 9.333Z"/>\n</svg>\n';
+const __vite_glob_0_19 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="m14 12.731.77.27H20v2H8v-2h2.84a2.892 2.892 0 0 1-.46-.71 3.61 3.61 0 0 1-.29-1.52c0-.484.1-.964.29-1.41a3.5 3.5 0 0 1 .83-1.2 4 4 0 0 1 1.35-.84 4.74 4.74 0 0 1 1.83-.32 6 6 0 0 1 2.11.41 5 5 0 0 1 1.68 1l-.46.88a.69.69 0 0 1-.18.22.41.41 0 0 1-.25.07.69.69 0 0 1-.39-.16 5.551 5.551 0 0 0-.56-.36 4.641 4.641 0 0 0-.8-.36 3.44 3.44 0 0 0-1.14-.16 3.16 3.16 0 0 0-1.11.17 2.29 2.29 0 0 0-.8.45 1.87 1.87 0 0 0-.49.67 2.138 2.138 0 0 0-.11.79c-.023.357.08.711.29 1 .206.267.465.489.76.65.338.187.693.34 1.06.46Zm1.99 6.06c.24-.22.427-.49.55-.79.135-.315.2-.657.19-1h1.74a4.58 4.58 0 0 1-.25 1.38 4 4 0 0 1-.91 1.37 4.231 4.231 0 0 1-1.46.92 5.503 5.503 0 0 1-2 .33 6.13 6.13 0 0 1-2.5-.46 5.66 5.66 0 0 1-1.89-1.31l.54-.88a.61.61 0 0 1 .19-.17.45.45 0 0 1 .25-.07.5.5 0 0 1 .28.1c.128.077.251.16.37.25l.46.33c.19.13.391.243.6.34.245.107.5.191.76.25.328.076.664.11 1 .1a3.67 3.67 0 0 0 1.19-.18c.328-.109.63-.282.89-.51Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_20 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M21.985 8.625h-1.75V9.5h2.625v.875h-3.5v-1.75c0-.481.394-.875.875-.875h1.75v-.875H19.36V6h2.625c.481 0 .875.394.875.875v.875a.878.878 0 0 1-.875.875ZM7.88 20h2.327l2.975-4.742h.105L16.262 20h2.328l-4.069-6.361L18.32 7.75h-2.345l-2.687 4.366h-.105L10.48 7.75H8.15l3.78 5.889L7.88 20Z"/>\n</svg>\n';
+const __vite_glob_0_21 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M15.4 16.06a3.3 3.3 0 0 1-1.4.29 3.12 3.12 0 0 1-1.39-.29 2.88 2.88 0 0 1-1.05-.81 3.711 3.711 0 0 1-.65-1.25 5.659 5.659 0 0 1-.22-1.6V7H9v5.41a6.89 6.89 0 0 0 .34 2.22 5.29 5.29 0 0 0 1 1.77c.437.501.975.904 1.58 1.18A5 5 0 0 0 14 18a5 5 0 0 0 2.08-.42 4.61 4.61 0 0 0 1.57-1.18 5.27 5.27 0 0 0 1-1.77 6.89 6.89 0 0 0 .35-2.22V7h-1.69v5.41a5.659 5.659 0 0 1-.22 1.59 3.71 3.71 0 0 1-.69 1.25c-.27.34-.61.617-1 .81ZM20 19H8v2h12v-2Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_22 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 20 20">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M18.96 10a5 5 0 0 0-5-5h-2v1.5h2a3.49 3.49 0 0 1 1.58 6.61L13.43 11h.53V9h-2.53l-7-7-1.47 1.47L17.49 18l1.47-1.47-2.34-2.34A4.93 4.93 0 0 0 18.96 10Zm-13 1h1.59L5.96 9.41V11ZM3.81 7.26A3.47 3.47 0 0 0 2.46 10a3.5 3.5 0 0 0 3.5 3.5h2V15h-2a5 5 0 0 1-3.21-8.8l1.06 1.06Z" clip-rule="evenodd"/>\n</svg>\n';
+const modules = /* @__PURE__ */ Object.assign({ "../assets/icons/alignment-center.svg": __vite_glob_0_0, "../assets/icons/alignment-justify.svg": __vite_glob_0_1, "../assets/icons/alignment-left.svg": __vite_glob_0_2, "../assets/icons/alignment-right.svg": __vite_glob_0_3, "../assets/icons/arrow.svg": __vite_glob_0_4, "../assets/icons/background-color.svg": __vite_glob_0_5, "../assets/icons/case-style.svg": __vite_glob_0_6, "../assets/icons/font-color.svg": __vite_glob_0_7, "../assets/icons/italic.svg": __vite_glob_0_8, "../assets/icons/line-height.svg": __vite_glob_0_9, "../assets/icons/link.svg": __vite_glob_0_10, "../assets/icons/list-circle.svg": __vite_glob_0_11, "../assets/icons/list-decimal.svg": __vite_glob_0_12, "../assets/icons/list-disc.svg": __vite_glob_0_13, "../assets/icons/list-latin.svg": __vite_glob_0_14, "../assets/icons/list-roman.svg": __vite_glob_0_15, "../assets/icons/list-square.svg": __vite_glob_0_16, "../assets/icons/remove-format.svg": __vite_glob_0_17, "../assets/icons/reset-styles.svg": __vite_glob_0_18, "../assets/icons/strike-through.svg": __vite_glob_0_19, "../assets/icons/superscript.svg": __vite_glob_0_20, "../assets/icons/underline.svg": __vite_glob_0_21, "../assets/icons/unlink.svg": __vite_glob_0_22 });
 function importIcon(name) {
   return modules[`../assets/icons/${name}.svg`] || "";
 }
@@ -14444,6 +14447,41 @@ function unmarkWysiwygContent({ __wswg__, ...content }) {
 function markWysiwygContent(content) {
   return { ...content, __wswg__: true };
 }
+function resolveNodePosition({ path, pos }, node, modifier) {
+  const index = path.indexOf(node);
+  const slice2 = path.slice(index).reverse().filter((step) => typeof step === "object");
+  return pos + modifier * slice2.length;
+}
+function resolveTextPosition($from, $to, node, position) {
+  return {
+    from: Math.max(position, $from.pos),
+    to: Math.min(position + node.nodeSize, $to.pos)
+  };
+}
+function isNodeFullySelected($from, $to, node, position) {
+  const fromPosition = resolveNodePosition($from, node, -1);
+  const toPosition = resolveNodePosition($to, node, 1);
+  const isFromMatch = fromPosition <= position;
+  const isToMatch = toPosition >= node.nodeSize + position;
+  return isFromMatch && isToMatch;
+}
+const DEFAULT_COMPARATOR = (parent, child) => child.eq(parent);
+function isMarkAppliedToParent({ doc: doc2 }, position, checkingMark, comparator = DEFAULT_COMPARATOR) {
+  const steps = doc2.resolve(position).path.reverse();
+  for (const step of steps) {
+    if (typeof step === "number")
+      continue;
+    for (const mark of step.marks) {
+      if (comparator(mark, checkingMark))
+        return true;
+    }
+  }
+  return false;
+}
+function findMarkByType(list, typeOrName) {
+  const name = typeof typeOrName === "string" ? typeOrName : typeOrName.name;
+  return list.find((mark) => mark.type.name === name);
+}
 var render$D = function __render__6() {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -19519,8 +19557,6 @@ const _ContentNormalizer = class {
     this.iterateNodes(this._normalizeBreakLines, (node) => node.tagName === "BR");
     this.iterateNodes(this._removeEmptyNodes, this._isBlockNode);
     this.iterateNodes(this._normalizeListItems, (node) => node.tagName === "LI");
-    this.iterateNodes(this._normalizeSettingsStructure, (node) => node.tagName === "SPAN");
-    this.iterateNodes(this._normalizeStyles, (node) => node.tagName !== "SPAN");
   }
   get normalizedHTML() {
     return this.dom.body.innerHTML;
@@ -19528,9 +19564,6 @@ const _ContentNormalizer = class {
   get _NodeFilter() {
     return this._parser.types.NodeFilter;
   }
-  get _Node() {
-    return this._parser.types.Node;
-  }
   _removeComments() {
     const iterator = this.createNodeIterator(this._NodeFilter.SHOW_COMMENT);
     this.runIterator(iterator, (node) => node.remove());
@@ -19596,78 +19629,17 @@ const _ContentNormalizer = class {
     itemEl.append(fragment);
     this._removeStyleProperties(itemEl, _ContentNormalizer.BLOCK_STYLES);
   }
-  _normalizeSettingsStructure(element) {
-    if (this._isOnlyTextContent(element))
-      return;
-    const cloned = element.cloneNode(true);
-    const migratingStyles = this._getMigratingStyles(element, { customProperties: true });
-    const content = [];
-    for (const node of cloned.childNodes) {
-      let child = node;
-      if (migratingStyles.length) {
-        child = this._wrapTextNode(cloned, node);
-        this._assignElementProperties(child, cloned, migratingStyles);
-      }
-      content.push(child);
-    }
-    element.replaceWith(...content);
-  }
-  _normalizeStyles(element) {
-    if (!this._isBlockNode(element) && this._isOnlyTextContent(element))
-      return;
-    const properties = this._getMigratingStyles(element);
-    if (!properties.length)
-      return;
-    for (const node of element.childNodes) {
-      const child = this._wrapTextNode(element, node);
-      this._assignElementProperties(child, element, properties);
-    }
-    this._removeStyleProperties(element, properties);
-  }
-  _isOnlyTextContent(node) {
-    return Array.from(node.childNodes).every((node2) => node2.nodeType === this._Node.TEXT_NODE);
-  }
   _isBlockNode(node) {
     return _ContentNormalizer.BLOCK_NODE_NAMES.includes(node.tagName);
   }
-  _getMigratingStyles(element, { customProperties } = {}) {
-    const blacklist = _ContentNormalizer.BLOCK_STYLES;
-    const properties = [];
-    for (let index = 0; index < element.style.length; index++) {
-      const property = element.style.item(index);
-      if (blacklist.includes(property))
-        continue;
-      if (!customProperties && property.startsWith("--"))
-        continue;
-      properties.push(property);
-    }
-    return properties;
-  }
-  _wrapTextNode(parent, node) {
-    if (node.nodeType !== this._Node.TEXT_NODE)
-      return node;
-    const span = this.dom.createElement("span");
-    span.append(node.cloneNode());
-    parent.replaceChild(span, node);
-    return span;
-  }
   _assignElementProperties(target, source, properties) {
     for (const property of properties) {
       const value = source.style.getPropertyValue(property);
-      if (value && this._canAssignElementProperty(target, source, property)) {
+      if (value && !target.style.getPropertyValue(property)) {
         target.style.setProperty(property, value);
       }
     }
   }
-  _canAssignElementProperty(target, source, property) {
-    if (target.style.getPropertyValue(property))
-      return false;
-    return _ContentNormalizer.ASSIGN_STYLE_RULES.every((rule) => {
-      if (!rule.tag.test(target.tagName.toLowerCase()))
-        return true;
-      return !rule.ignore.test(property);
-    });
-  }
   _removeStyleProperties(element, properties) {
     for (const property of properties) {
       element.style.removeProperty(property);
@@ -19713,20 +19685,6 @@ __publicField(ContentNormalizer, "BLOCK_STYLES", [
   "margin-left",
   "margin-right"
 ]);
-__publicField(ContentNormalizer, "ASSIGN_STYLE_RULES", [
-  {
-    tag: /^(b|strong)$/,
-    ignore: /font-weight/
-  },
-  {
-    tag: /^i$/,
-    ignore: /font-style/
-  },
-  {
-    tag: /^s$/,
-    ignore: /text-decoration(.+)?/
-  }
-]);
 class ContextWindow {
   static use(window2) {
     this.window = window2;
@@ -19767,7 +19725,7 @@ class NodeFactory {
   }
   static heading(level, ...args) {
     var _a;
-    const config = this._textBlock(args);
+    const config = __privateMethod(this, _textBlock, textBlock_fn).call(this, args);
     (_a = config.attrs) != null ? _a : config.attrs = {};
     config.attrs.level = level;
     return {
@@ -19778,16 +19736,7 @@ class NodeFactory {
   static paragraph(...args) {
     return {
       type: NodeTypes.PARAGRAPH,
-      ...this._textBlock(args)
-    };
-  }
-  static _textBlock(args) {
-    const attrs = args.length === 1 ? null : args[0];
-    const content = args.length === 1 ? args[0] : args[1];
-    const children = typeof content === "string" ? [this.text(content)] : content;
-    return {
-      content: children,
-      ...attrs ? { attrs } : {}
+      ...__privateMethod(this, _textBlock, textBlock_fn).call(this, args)
     };
   }
   static text(text2, marks) {
@@ -19804,6 +19753,28 @@ class NodeFactory {
     return { mobile: null, tablet: value, desktop: value };
   }
 }
+_textBlock = new WeakSet();
+textBlock_fn = function(args) {
+  const { attrs, content, marks } = __privateMethod(this, _normalizeTextBlockArgs, normalizeTextBlockArgs_fn).call(this, args);
+  const children = typeof content === "string" ? [this.text(content)] : content;
+  return {
+    content: children,
+    ...attrs ? { attrs } : {},
+    ...marks ? { marks } : {}
+  };
+};
+_normalizeTextBlockArgs = new WeakSet();
+normalizeTextBlockArgs_fn = function(args) {
+  if (args.length === 1) {
+    return { attrs: null, marks: null, content: args[0] };
+  }
+  if (args.length === 2) {
+    return { attrs: args[0], marks: null, content: args[1] };
+  }
+  return { attrs: args[0], marks: args[1], content: args[2] };
+};
+__privateAdd(NodeFactory, _textBlock);
+__privateAdd(NodeFactory, _normalizeTextBlockArgs);
 const dataStorage = /* @__PURE__ */ new WeakMap();
 function toggleListener(toEnable, onClick) {
   const args = ["click", onClick, { capture: true }];
@@ -20144,14 +20115,7 @@ var render$v = function __render__14() {
       }
     }, [_c("span", {
       staticClass: "zw-dropdown__activator-title zw-text--truncate"
-    }, [_vm._v(" " + _vm._s(_vm.activeOptionTitle) + " ")]), _vm.isCustomized ? _c("Icon", {
-      staticClass: "zw-dropdown__customized-indicator",
-      attrs: {
-        "name": "indicator",
-        "size": "9px",
-        "data-test-selector": "customizedIndicator"
-      }
-    }) : _vm._e(), _c("Icon", {
+    }, [_vm._v(" " + _vm._s(_vm.activeOptionTitle) + " ")]), _c("Icon", {
       staticClass: "zw-dropdown__activator-arrow",
       attrs: {
         "name": "arrow",
@@ -20180,11 +20144,6 @@ const __vue2_script$v = {
       type: String,
       required: false,
       default: "none"
-    },
-    isCustomized: {
-      type: Boolean,
-      required: false,
-      default: false
     }
   },
   setup(props) {
@@ -20211,7 +20170,7 @@ var __component__$v = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$v,
   false,
   __vue2_injectStyles$v,
-  "58b29148",
+  "021ac370",
   null,
   null
 );
@@ -20475,8 +20434,7 @@ var render$q = function __render__19() {
     staticClass: "zw-dropdown"
   }, [_c("DropdownActivator", {
     attrs: {
-      "color": _vm.color,
-      "is-customized": _vm.isCustomized
+      "color": _vm.color
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -20534,11 +20492,6 @@ const __vue2_script$q = {
       type: String,
       required: false,
       default: "none"
-    },
-    isCustomized: {
-      type: Boolean,
-      required: false,
-      default: false
     }
   },
   setup(props, { emit }) {
@@ -20570,7 +20523,7 @@ var __component__$q = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$q,
   false,
   __vue2_injectStyles$q,
-  "29e6a104",
+  "885109ea",
   null,
   null
 );
@@ -20889,8 +20842,7 @@ var render$n = function __render__22() {
     staticClass: "zw-font-family-control",
     attrs: {
       "options": _vm.options,
-      "value": _vm.currentValue,
-      "is-customized": _vm.isCustomized
+      "value": _vm.currentValue
     },
     on: {
       "change": _vm.apply
@@ -20951,7 +20903,6 @@ const __vue2_script$n = {
       return { "--zw-font-family-option": `"${option.id}"` };
     }
     const currentValue = editor.commands.getFontFamily();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_FAMILY);
     const apply2 = (fontFamily) => {
       recentFontNames.add(fontFamily);
       editor.chain().focus().applyFontFamily(fontFamily).run();
@@ -20959,7 +20910,6 @@ const __vue2_script$n = {
     return {
       options,
       currentValue,
-      isCustomized,
       renderOptionStyles,
       apply: apply2
     };
@@ -20972,7 +20922,7 @@ var __component__$n = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$n,
   false,
   __vue2_injectStyles$n,
-  "2f66bfa6",
+  "07a47462",
   null,
   null
 );
@@ -20998,11 +20948,9 @@ var render$m = function __render__23() {
       },
       expression: "{ text: 'Font Weight', hotkey: 'Mod B' }"
     }],
-    staticClass: "zw-font-weight-control",
     attrs: {
       "options": _vm.options,
-      "value": _vm.currentValue,
-      "is-customized": _vm.isCustomized
+      "value": _vm.currentValue
     },
     on: {
       "change": _vm.apply
@@ -21010,7 +20958,6 @@ var render$m = function __render__23() {
   });
 };
 var staticRenderFns$m = [];
-const FontWeightControl_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __vue2_script$m = {
   name: "FontWeightControl",
   components: {
@@ -21024,12 +20971,10 @@ const __vue2_script$m = {
     const font = editor.commands.getFont();
     const options = computed(() => unref(font).weights.map((style2) => ({ id: style2 })));
     const currentValue = editor.commands.getFontWeight();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_WEIGHT);
     const apply2 = (value) => editor.chain().focus().applyFontWeight(value).run();
     return {
       options,
       currentValue,
-      isCustomized,
       apply: apply2
     };
   }
@@ -21041,7 +20986,7 @@ var __component__$m = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$m,
   false,
   __vue2_injectStyles$m,
-  "5a87e48e",
+  null,
   null,
   null
 );
@@ -21070,8 +21015,7 @@ var render$l = function __render__24() {
     staticClass: "zw-font-size-control",
     attrs: {
       "options": _vm.options,
-      "value": _vm.currentValue,
-      "is-customized": _vm.isCustomized
+      "value": _vm.currentValue
     },
     on: {
       "change": _vm.apply
@@ -21095,12 +21039,10 @@ const __vue2_script$l = {
       return fontSizes.map((size2) => ({ id: size2, title: `${size2}px` }));
     });
     const currentValue = editor.commands.getFontSize();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_SIZE);
     const apply2 = (value) => editor.chain().focus().applyFontSize(value).run();
     return {
       options,
       currentValue,
-      isCustomized,
       apply: apply2
     };
   }
@@ -21112,7 +21054,7 @@ var __component__$l = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$l,
   false,
   __vue2_injectStyles$l,
-  "3f8185ea",
+  "71dd7ffc",
   null,
   null
 );
@@ -21146,7 +21088,6 @@ var render$k = function __render__25() {
             value: "Font Color",
             expression: "'Font Color'"
           }],
-          staticClass: "zw-position--relative",
           attrs: {
             "icon": "",
             "skin": "toolbar",
@@ -21161,14 +21102,7 @@ var render$k = function __render__25() {
             "size": "28px",
             "auto-color": ""
           }
-        }), _vm.isCustomized ? _c("Icon", {
-          staticClass: "zw-button__customized-indicator",
-          attrs: {
-            "name": "indicator",
-            "size": "9px",
-            "data-test-selector": "customizedIndicator"
-          }
-        }) : _vm._e()], 1)];
+        })], 1)];
       }
     }])
   });
@@ -21187,11 +21121,9 @@ const __vue2_script$k = {
   setup() {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.getFontColor();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_COLOR);
     const apply2 = (color) => editor.chain().applyFontColor(color).run();
     return {
       currentValue,
-      isCustomized,
       apply: apply2
     };
   }
@@ -21310,7 +21242,6 @@ var render$i = function __render__27() {
       },
       expression: "{ text: 'Italic', hotkey: 'Mod I' }"
     }],
-    staticClass: "zw-position--relative",
     attrs: {
       "skin": "toolbar",
       "icon": "",
@@ -21326,14 +21257,7 @@ var render$i = function __render__27() {
       "size": "28px",
       "auto-color": ""
     }
-  }), _vm.isCustomized ? _c("Icon", {
-    staticClass: "zw-button__customized-indicator",
-    attrs: {
-      "name": "indicator",
-      "size": "9px",
-      "data-test-selector": "customizedIndicator"
-    }
-  }) : _vm._e()], 1);
+  })], 1);
 };
 var staticRenderFns$i = [];
 const __vue2_script$i = {
@@ -21348,13 +21272,11 @@ const __vue2_script$i = {
   setup() {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.isItalic();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_STYLE);
     const isAvailable = editor.commands.isItalicAvailable();
     const apply2 = () => editor.chain().focus().toggleItalic().run();
     return {
       isAvailable,
       currentValue,
-      isCustomized,
       apply: apply2
     };
   }
@@ -21392,7 +21314,6 @@ var render$h = function __render__28() {
       },
       expression: "{ text: 'Underline', hotkey: 'Mod U' }"
     }],
-    staticClass: "zw-position--relative",
     attrs: {
       "skin": "toolbar",
       "icon": "",
@@ -21407,14 +21328,7 @@ var render$h = function __render__28() {
       "size": "28px",
       "auto-color": ""
     }
-  }), _vm.isCustomized ? _c("Icon", {
-    staticClass: "zw-button__customized-indicator",
-    attrs: {
-      "name": "indicator",
-      "size": "9px",
-      "data-test-selector": "customizedIndicator"
-    }
-  }) : _vm._e()], 1);
+  })], 1);
 };
 var staticRenderFns$h = [];
 const __vue2_script$h = {
@@ -21429,11 +21343,9 @@ const __vue2_script$h = {
   setup() {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.isUnderline();
-    const isCustomized = editor.commands.isUnderlineCustomized();
     const apply2 = () => editor.chain().focus().toggleUnderline().run();
     return {
       currentValue,
-      isCustomized,
       apply: apply2
     };
   }
@@ -21562,7 +21474,7 @@ const __vue2_script$f = {
   },
   setup() {
     const editor = inject(InjectionTokens$1.EDITOR);
-    const currentValue = computed(() => editor.isActive("superscript"));
+    const currentValue = editor.commands.isSuperscript();
     const apply2 = () => editor.chain().focus().toggleSuperscript().run();
     return {
       currentValue,
@@ -21694,7 +21606,6 @@ var render$d = function __render__32() {
             value: option.tooltip,
             expression: "option.tooltip"
           }],
-          staticClass: "zw-position--relative",
           attrs: {
             "icon": "",
             "skin": "toolbar",
@@ -21703,14 +21614,7 @@ var render$d = function __render__32() {
           on: {
             "click": activate
           }
-        }, [_vm.isCustomized && isActive2 ? _c("Icon", {
-          staticClass: "zw-button__customized-indicator",
-          attrs: {
-            "name": "indicator",
-            "size": "9px",
-            "data-test-selector": "customizedIndicator"
-          }
-        }) : _vm._e(), _c("Icon", {
+        }, [_c("Icon", {
           attrs: {
             "name": "alignment-".concat(option.id),
             "size": "28px",
@@ -21753,14 +21657,12 @@ const __vue2_script$d = {
   setup(_, { emit }) {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.getAlignment();
-    const isCustomized = editor.commands.isSettingCustomized("attributes", TextSettings.ALIGNMENT);
     function apply2(value) {
       editor.chain().focus().applyAlignment(value).run();
       emit("applied");
     }
     return {
       currentValue,
-      isCustomized,
       apply: apply2
     };
   }
@@ -21886,7 +21788,6 @@ var render$b = function __render__34() {
       value: "Line Height",
       expression: "'Line Height'"
     }],
-    staticClass: "zw-position--relative",
     attrs: {
       "icon": "",
       "skin": "toolbar",
@@ -21901,14 +21802,7 @@ var render$b = function __render__34() {
       "size": "28px",
       "auto-color": ""
     }
-  }), _vm.isCustomized ? _c("Icon", {
-    staticClass: "zw-button__customized-indicator",
-    attrs: {
-      "name": "indicator",
-      "size": "9px",
-      "data-test-selector": "customizedIndicator"
-    }
-  }) : _vm._e()], 1), _c("Modal", {
+  })], 1), _c("Modal", {
     ref: "modalRef",
     staticClass: "zw-line-height-control__modal",
     attrs: {
@@ -21967,13 +21861,11 @@ const __vue2_script$b = {
     const editor = inject(InjectionTokens$1.EDITOR);
     const toggler = useModalToggler({ wrapperRef, modalRef });
     const currentValue = editor.commands.getLineHeight();
-    const isCustomized = editor.commands.isSettingCustomized("attributes", TextSettings.LINE_HEIGHT);
     const apply2 = (value) => editor.commands.applyLineHeight(String(value));
     return {
       wrapperRef,
       modalRef,
       isOpened: toggler.isOpened,
-      isCustomized,
       toggler,
       currentValue,
       apply: apply2
@@ -21987,7 +21879,7 @@ var __component__$b = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$b,
   false,
   __vue2_injectStyles$b,
-  "8aeefd68",
+  "9ea28b80",
   null,
   null
 );
@@ -23037,6 +22929,7 @@ function useToolbar({ wrapperRef, offsets, isActiveRef, placementRef }) {
 }
 const FontFamily = Mark.create({
   name: TextSettings.FONT_FAMILY,
+  group: "settings",
   addOptions: () => ({
     fonts: []
   }),
@@ -23046,7 +22939,7 @@ const FontFamily = Mark.create({
   addCommands() {
     return {
       applyFontFamily: createCommand(({ commands: commands2 }, value) => {
-        commands2.setMark(this.name, { value });
+        commands2.applyMark(this.name, { value });
         const font = commands2.findFontByName(value);
         let fontWeight = unref(commands2.getFontWeight());
         if (!font.isWeightSupported(fontWeight)) {
@@ -23067,12 +22960,8 @@ const FontFamily = Mark.create({
       findFontByName: createCommand((_, name) => {
         return this.options.fonts.find((font) => font.name === name);
       }),
-      getFontFamily: createCommand(({ editor, commands: commands2 }) => {
-        const defaultValue = commands2.getDefaultFontFamily();
-        return computed(() => {
-          var _a, _b;
-          return (_b = (_a = editor.getAttributes(this.name)) == null ? void 0 : _a.value) != null ? _b : unref(defaultValue);
-        });
+      getFontFamily: createCommand(({ commands: commands2 }) => {
+        return commands2.getCommonSettingMark(this.name, commands2.getDefaultFontFamily());
       }),
       getDefaultFontFamily: createCommand(({ commands: commands2 }) => {
         const preset = commands2.getPreset();
@@ -23103,84 +22992,12 @@ const FontFamily = Mark.create({
     return renderMark({ font_family });
   }
 });
-const Heading = Node.create({
-  name: "heading",
-  addOptions() {
-    return {
-      levels: [1, 2, 3, 4, 5, 6],
-      HTMLAttributes: {}
-    };
-  },
-  content: "inline*",
-  group: "block",
-  defining: true,
-  addAttributes() {
-    return {
-      level: {
-        default: 1,
-        rendered: false
-      }
-    };
-  },
-  parseHTML() {
-    return this.options.levels.map((level) => ({
-      tag: `h${level}`,
-      attrs: { level }
-    }));
-  },
-  renderHTML({ node, HTMLAttributes }) {
-    const hasLevel = this.options.levels.includes(node.attrs.level);
-    const level = hasLevel ? node.attrs.level : this.options.levels[0];
-    return [`h${level}`, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-  },
-  addCommands() {
-    return {
-      setHeading: (attributes) => ({ commands: commands2 }) => {
-        if (!this.options.levels.includes(attributes.level)) {
-          return false;
-        }
-        return commands2.setNode(this.name, attributes);
-      },
-      toggleHeading: (attributes) => ({ commands: commands2 }) => {
-        if (!this.options.levels.includes(attributes.level)) {
-          return false;
-        }
-        return commands2.toggleNode(this.name, "paragraph", attributes);
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return this.options.levels.reduce((items, level) => ({
-      ...items,
-      ...{
-        [`Mod-Alt-${level}`]: () => this.editor.commands.toggleHeading({ level })
-      }
-    }), {});
-  },
-  addInputRules() {
-    return this.options.levels.map((level) => {
-      return textblockTypeInputRule({
-        find: new RegExp(`^(#{1,${level}})\\s$`),
-        type: this.type,
-        getAttributes: {
-          level
-        }
-      });
-    });
-  }
-});
 function makePresetClass(base2, preset) {
   const baseClass = base2.split(" ").map((part) => `.${part}`).join("");
   return baseClass + preset.id;
 }
 const StylePreset = Extension.create({
   name: "style_preset",
-  addExtensions: () => [
-    Heading.configure({
-      levels: [1, 2, 3, 4],
-      HTMLAttributes: { class: "zw-style" }
-    })
-  ],
   addStorage: () => ({
     presetStyleEl: null
   }),
@@ -23301,13 +23118,6 @@ const StylePreset = Extension.create({
           };
         });
       }),
-      isSettingCustomized: createCommand(({ commands: commands2 }, group, name) => {
-        const customization = commands2.getPresetCustomization();
-        return computed(() => {
-          var _a, _b;
-          return (_b = (_a = unref(customization)[group]) == null ? void 0 : _a.includes(name)) != null ? _b : false;
-        });
-      }),
       removePresetCustomization: createCommand(({ chain }) => {
         chain().storeSelection().expandSelectionToBlock().unsetMarks(TextSettings.marks).resetAttributes(NodeTypes.PARAGRAPH, TextSettings.attributes).resetAttributes(NodeTypes.HEADING, TextSettings.attributes).restoreSelection().run();
       }),
@@ -23343,13 +23153,14 @@ const StylePreset = Extension.create({
 });
 const FontWeight = Mark.create({
   name: TextSettings.FONT_WEIGHT,
+  group: "settings",
   addAttributes: () => ({
     value: { required: true }
   }),
   addCommands() {
     return {
       applyFontWeight: createCommand(({ commands: commands2 }, value) => {
-        commands2.setMark(this.name, { value });
+        commands2.applyMark(this.name, { value });
         const font = unref(commands2.getFont());
         if (!font.isItalicSupported(value)) {
           commands2.removeItalic();
@@ -23363,17 +23174,13 @@ const FontWeight = Mark.create({
         const nextWeight = currentFont.findClosestWeight(wantedWeight);
         commands2.applyFontWeight(nextWeight);
       }),
-      getFontWeight: createCommand(({ editor, commands: commands2 }) => {
-        const defaultValue = commands2.getDefaultFontWeight();
+      getFontWeight: createCommand(({ commands: commands2 }) => {
+        const selectionRef = commands2.getCommonSettingMark(this.name, commands2.getDefaultFontWeight());
         const fontRef = commands2.getFont();
         return computed(() => {
-          var _a, _b;
-          const weight = (_b = (_a = editor.getAttributes(this.name)) == null ? void 0 : _a.value) != null ? _b : unref(defaultValue);
+          const weight = unref(selectionRef);
           const font = unref(fontRef);
-          if (font.isWeightSupported(weight)) {
-            return weight;
-          }
-          return font.findClosestWeight(weight);
+          return font.isWeightSupported(weight) ? weight : font.findClosestWeight(weight);
         });
       }),
       getDefaultFontWeight: createCommand(({ commands: commands2 }) => {
@@ -23417,6 +23224,7 @@ const FontWeight = Mark.create({
 });
 const FontSize = Mark.create({
   name: TextSettings.FONT_SIZE,
+  group: "settings",
   addOptions: () => ({
     minSize: 1,
     maxSize: 100
@@ -23430,13 +23238,8 @@ const FontSize = Mark.create({
   },
   addCommands() {
     return {
-      getFontSize: createCommand(({ editor, commands: commands2 }) => {
-        const device = commands2.getDevice();
-        const defaultValue = commands2.getDefaultFontSize();
-        return computed(() => {
-          var _a, _b;
-          return (_b = (_a = editor.getAttributes(this.name)) == null ? void 0 : _a[unref(device)]) != null ? _b : unref(defaultValue);
-        });
+      getFontSize: createCommand(({ commands: commands2 }) => {
+        return commands2.getDeviceSettingMark(this.name, commands2.getDefaultFontSize());
       }),
       getDefaultFontSize: createCommand(({ commands: commands2 }) => {
         const device = commands2.getDevice();
@@ -23444,7 +23247,7 @@ const FontSize = Mark.create({
         return computed(() => unref(preset)[unref(device)].font_size.replace("px", ""));
       }),
       applyFontSize: createCommand(({ commands: commands2 }, value) => {
-        commands2.setMark(this.name, { desktop: value, tablet: value, mobile: null });
+        commands2.applyMark(this.name, { desktop: value, tablet: value, mobile: null });
       }),
       increaseFontSize: createCommand(({ commands: commands2 }) => {
         const size2 = Number(unref(commands2.getFontSize()));
@@ -23499,24 +23302,21 @@ const FontSize = Mark.create({
 });
 const FontColor = Mark.create({
   name: TextSettings.FONT_COLOR,
+  group: "settings",
   addAttributes: () => ({
     value: { required: true }
   }),
   addCommands() {
     return {
-      getFontColor: createCommand(({ commands: commands2, editor }) => {
-        const defaultValue = commands2.getDefaultFontColor();
-        return computed(() => {
-          var _a, _b;
-          return (_b = (_a = editor.getAttributes(this.name)) == null ? void 0 : _a.value) != null ? _b : unref(defaultValue);
-        });
+      getFontColor: createCommand(({ commands: commands2 }) => {
+        return commands2.getCommonSettingMark(this.name, commands2.getDefaultFontColor());
       }),
       getDefaultFontColor: createCommand(({ commands: commands2 }) => {
         const preset = commands2.getPreset();
         return computed(() => unref(preset).common.color);
       }),
       applyFontColor: createCommand(({ commands: commands2 }, value) => {
-        commands2.setMark(this.name, { value });
+        commands2.applyMark(this.name, { value });
       })
     };
   },
@@ -23539,19 +23339,17 @@ const FontColor = Mark.create({
 });
 const BackgroundColor = Mark.create({
   name: TextSettings.BACKGROUND_COLOR,
+  group: "settings",
   addAttributes: () => ({
     value: { required: true }
   }),
   addCommands() {
     return {
-      getBackgroundColor: createCommand(({ editor }) => {
-        return computed(() => {
-          var _a, _b;
-          return (_b = (_a = editor.getAttributes(this.name)) == null ? void 0 : _a.value) != null ? _b : "rgba(255, 255, 255, 0%)";
-        });
+      getBackgroundColor: createCommand(({ commands: commands2 }) => {
+        return commands2.getCommonSettingMark(this.name, "rgba(255, 255, 255, 0%)");
       }),
       applyBackgroundColor: createCommand(({ commands: commands2 }, value) => {
-        commands2.setMark(this.name, { value });
+        commands2.applyMark(this.name, { value });
       })
     };
   },
@@ -23582,16 +23380,18 @@ const DeviceManager = Extension.create({
 });
 const FontStyle = Mark.create({
   name: TextSettings.FONT_STYLE,
+  group: "settings",
   addAttributes: () => ({
     italic: { required: true }
   }),
   addCommands() {
     return {
-      isItalic: createCommand(({ editor, commands: commands2 }) => {
-        const defaultValue = commands2.getDefaultFontStyle();
+      isItalic: createCommand(({ commands: commands2 }) => {
+        const selectionRef = commands2.getMark(this.name);
+        const defaultValueRef = commands2.getDefaultFontStyle();
         return computed(() => {
           var _a, _b;
-          return (_b = (_a = editor.getAttributes(this.name)) == null ? void 0 : _a.italic) != null ? _b : unref(defaultValue).italic;
+          return (_b = (_a = unref(selectionRef)) == null ? void 0 : _a.italic) != null ? _b : unref(defaultValueRef).italic;
         });
       }),
       isItalicAvailable: createCommand(({ commands: commands2 }) => {
@@ -23606,16 +23406,16 @@ const FontStyle = Mark.create({
         }));
       }),
       toggleItalic: createCommand(({ commands: commands2 }) => {
-        const isItalicAvailable = unref(this.editor.commands.isItalicAvailable());
+        const isItalicAvailable = unref(commands2.isItalicAvailable());
         if (!isItalicAvailable)
           return;
         unref(commands2.isItalic()) ? commands2.removeItalic() : commands2.applyItalic();
       }),
       applyItalic: createCommand(({ commands: commands2 }) => {
-        commands2.setMark(this.name, { italic: true });
+        commands2.applyMark(this.name, { italic: true });
       }),
       removeItalic: createCommand(({ commands: commands2 }) => {
-        commands2.setMark(this.name, { italic: false });
+        commands2.applyMark(this.name, { italic: false });
       })
     };
   },
@@ -23624,8 +23424,12 @@ const FontStyle = Mark.create({
     "Mod-I": createKeyboardShortcut("toggleItalic")
   }),
   parseHTML() {
-    const getAttrs = (value) => value.includes("italic") && { italic: true };
+    const getAttrs = (value) => ({ italic: value.includes("italic") });
     return [
+      {
+        tag: "i",
+        attrs: { italic: true }
+      },
       {
         style: "--zw-font-style",
         getAttrs
@@ -23633,10 +23437,6 @@ const FontStyle = Mark.create({
       {
         style: "font-style",
         getAttrs
-      },
-      {
-        tag: "i",
-        attrs: { italic: true }
       }
     ];
   },
@@ -23648,6 +23448,7 @@ const FontStyle = Mark.create({
 const TextDecoration = Mark.create({
   name: TextSettings.TEXT_DECORATION,
   priority: 1e3,
+  group: "settings",
   addAttributes: () => ({
     underline: { default: false },
     strike_through: { default: false }
@@ -23662,22 +23463,16 @@ const TextDecoration = Mark.create({
         const decoration = commands2.getTextDecoration();
         return computed(() => unref(decoration).strike_through);
       }),
-      getTextDecoration: createCommand(({ editor, commands: commands2 }) => {
-        const defaultValue = commands2.getDefaultTextDecoration();
+      getTextDecoration: createCommand(({ commands: commands2 }) => {
+        const selectionRef = commands2.getMarks(this.name);
+        const defaultValueRef = commands2.getDefaultTextDecoration();
         return computed(() => {
-          var _a, _b, _c;
-          const attrs = (_a = editor.getAttributes(this.name)) != null ? _a : {};
-          return {
-            underline: (_b = attrs.underline) != null ? _b : unref(defaultValue).underline,
-            strike_through: (_c = attrs.strike_through) != null ? _c : unref(defaultValue).strike_through
-          };
+          return unref(selectionRef).reduceRight((collector, mark) => ({
+            underline: collector.underline || mark.underline,
+            strike_through: collector.strike_through || mark.strike_through
+          }), unref(defaultValueRef));
         });
       }),
-      isUnderlineCustomized: createCommand(({ commands: commands2 }) => {
-        const currentValue = commands2.isUnderline();
-        const defaultValue = commands2.getDefaultTextDecoration();
-        return computed(() => unref(currentValue) !== unref(defaultValue).underline);
-      }),
       getDefaultTextDecoration: createCommand(({ commands: commands2 }) => {
         const preset = commands2.getPreset();
         return computed(() => {
@@ -23694,15 +23489,32 @@ const TextDecoration = Mark.create({
       toggleStrikeThrough: createCommand(({ commands: commands2 }) => {
         commands2.toggleTextDecoration("strike_through");
       }),
-      toggleTextDecoration: createCommand(({ commands: commands2 }, name) => {
-        const isEnabled = unref(commands2.getTextDecoration())[name];
-        isEnabled ? commands2.removeTextDecoration(name) : commands2.applyTextDecoration(name);
+      toggleTextDecoration: createCommand(({ commands: commands2 }, name, toEnable = null) => {
+        const value = unref(commands2.getTextDecoration());
+        const isEnabled = toEnable != null ? toEnable : !value[name];
+        commands2.applyMark(this.name, { [name]: isEnabled }, {
+          compareParentMark: (parent, child) => {
+            if (parent.type.name !== child.type.name)
+              return false;
+            return parent.attrs[name] || parent.eq(child);
+          },
+          onAppliedToParent: ({ tr, textPosition, initialMark, applyingMark }) => {
+            if (!initialMark)
+              return;
+            if (initialMark.eq(applyingMark)) {
+              tr.removeMark(textPosition.from, textPosition.to, applyingMark.type);
+              return;
+            }
+            const mark = applyingMark.type.create({ ...initialMark.attrs, [name]: isEnabled });
+            tr.addMark(textPosition.from, textPosition.to, mark);
+          }
+        });
       }),
       applyTextDecoration: createCommand(({ commands: commands2 }, name) => {
-        commands2.setMark(this.name, { [name]: true });
+        commands2.toggleTextDecoration(name, true);
       }),
       removeTextDecoration: createCommand(({ commands: commands2 }, name) => {
-        commands2.setMark(this.name, { ...unref(commands2.getTextDecoration()), [name]: false });
+        commands2.toggleTextDecoration(name, false);
       })
     };
   },
@@ -23944,6 +23756,10 @@ const ListItem$1 = Node.create({
 });
 const ListItem = ListItem$1.extend({
   name: NodeTypes.LIST_ITEM,
+  marks: "settings",
+  addOptions: () => ({
+    HTMLAttributes: { class: "zw-style" }
+  }),
   addKeyboardShortcuts() {
     const { Enter } = this.parent();
     return { Enter };
@@ -23953,6 +23769,7 @@ const List = Node.create({
   name: NodeTypes.LIST,
   content: `${NodeTypes.LIST_ITEM}+`,
   group: "block list",
+  marks: "settings",
   addExtensions: () => [
     ListItem
   ],
@@ -25124,44 +24941,22 @@ const Superscript$1 = Mark.create({
   }
 });
 const Superscript = Superscript$1.extend({
+  name: TextSettings.SUPERSCRIPT,
   addKeyboardShortcuts: null,
   addOptions: () => ({
     HTMLAttributes: { class: "zw-superscript" }
-  })
-});
-const Document = Node.create({
-  name: "doc",
-  topNode: true,
-  content: "block+"
-});
-const Paragraph = Node.create({
-  name: "paragraph",
-  priority: 1e3,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: "block",
-  content: "inline*",
-  parseHTML() {
-    return [
-      { tag: "p" }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-  },
+  }),
   addCommands() {
     return {
-      setParagraph: () => ({ commands: commands2 }) => {
-        return commands2.setNode(this.name);
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Alt-0": () => this.editor.commands.setParagraph()
+      ...this.parent(),
+      toggleSuperscript: createCommand(({ commands: commands2 }) => {
+        const isActive2 = unref(commands2.isSuperscript());
+        isActive2 ? commands2.unsetSuperscript() : commands2.setSuperscript();
+      }),
+      isSuperscript: createCommand(({ commands: commands2 }) => {
+        const selectionRef = commands2.getMark(this.name);
+        return computed(() => !!unref(selectionRef));
+      })
     };
   }
 });
@@ -25775,6 +25570,85 @@ const History = Extension.create({
     };
   }
 });
+class RemoveNodeMarkStep extends Step {
+  static fromJSON(schema, json) {
+    if (typeof json.pos != "number") {
+      throw new RangeError("Invalid input for RemoveNodeMarkStep.fromJSON");
+    }
+    return new RemoveNodeMarkStep(json.pos, schema.markFromJSON(json.mark));
+  }
+  constructor(pos, mark) {
+    super();
+    this.pos = pos;
+    this.mark = mark;
+  }
+  apply(doc2) {
+    const node = doc2.nodeAt(this.pos);
+    if (!node)
+      return StepResult.fail("No node at mark step's position");
+    const updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
+    const slice2 = new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1);
+    return StepResult.fromReplace(doc2, this.pos, this.pos + 1, slice2);
+  }
+  invert(doc2) {
+    const node = doc2.nodeAt(this.pos);
+    if (!node || !this.mark.isInSet(node.marks))
+      return this;
+    return new AddNodeMarkStep(this.pos, this.mark);
+  }
+  map(mapping) {
+    const pos = mapping.mapResult(this.pos, 1);
+    return pos.deletedAfter ? null : new RemoveNodeMarkStep(pos.pos, this.mark);
+  }
+  toJSON() {
+    return { stepType: "removeNodeMark", pos: this.pos, mark: this.mark.toJSON() };
+  }
+}
+Step.jsonID("removeNodeMark", RemoveNodeMarkStep);
+class AddNodeMarkStep extends Step {
+  static fromJSON(schema, json) {
+    if (typeof json.pos != "number") {
+      throw new RangeError("Invalid input for AddNodeMarkStep.fromJSON");
+    }
+    return new AddNodeMarkStep(json.pos, schema.markFromJSON(json.mark));
+  }
+  constructor(pos, mark) {
+    super();
+    this.pos = pos;
+    this.mark = mark;
+  }
+  apply(doc2) {
+    const node = doc2.nodeAt(this.pos);
+    if (!node)
+      return StepResult.fail("No node at mark step's position");
+    const updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
+    const slice2 = new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1);
+    return StepResult.fromReplace(doc2, this.pos, this.pos + 1, slice2);
+  }
+  invert(doc2) {
+    const node = doc2.nodeAt(this.pos);
+    if (node) {
+      const newSet = this.mark.addToSet(node.marks);
+      if (newSet.length === node.marks.length) {
+        for (const mark of node.marks) {
+          if (!mark.isInSet(newSet)) {
+            return new AddNodeMarkStep(this.pos, mark);
+          }
+        }
+        return new AddNodeMarkStep(this.pos, this.mark);
+      }
+    }
+    return new RemoveNodeMarkStep(this.pos, this.mark);
+  }
+  map(mapping) {
+    const pos = mapping.mapResult(this.pos, 1);
+    return pos.deletedAfter ? null : new AddNodeMarkStep(pos.pos, this.mark);
+  }
+  toJSON() {
+    return { stepType: "addNodeMark", pos: this.pos, mark: this.mark.toJSON() };
+  }
+}
+Step.jsonID("addNodeMark", AddNodeMarkStep);
 const NodeProcessor = Extension.create({
   name: "node_processor",
   addCommands() {
@@ -25795,7 +25669,73 @@ const NodeProcessor = Extension.create({
           Object.assign(attrs, ((_a = editor.getAttributes(type)) == null ? void 0 : _a[name]) || {});
         }
         return Object.keys(attrs).length ? attrs : null;
-      }))
+      })),
+      applyMark: createCommand(({ state }, name, value, customizer = {}) => {
+        const { tr, doc: doc2, schema } = state;
+        const { $from, $to } = tr.selection;
+        const markType = getMarkType(name, schema);
+        const onAppliedToParent = customizer.onAppliedToParent || ((context) => {
+          const { tr: tr2, textPosition, applyingMark } = context;
+          tr2.removeMark(textPosition.from, textPosition.to, applyingMark.type);
+        });
+        if ($from.pos === $to.pos)
+          return;
+        doc2.nodesBetween($from.pos, $to.pos, (node, position) => {
+          if (node.type.name === NodeTypes.LIST)
+            return;
+          const initialMark = findMarkByType(node.marks, name);
+          const applyingMark = markType.create({ ...(initialMark == null ? void 0 : initialMark.attrs) || {}, ...value });
+          const textPosition = resolveTextPosition($from, $to, node, position);
+          if (isMarkAppliedToParent(tr, position, applyingMark, customizer.compareParentMark)) {
+            onAppliedToParent({ tr, textPosition, applyingMark, initialMark, node });
+            return;
+          }
+          if (node.isText) {
+            tr.addMark(textPosition.from, textPosition.to, applyingMark);
+            return;
+          }
+          if (isNodeFullySelected($from, $to, node, position)) {
+            tr.step(new AddNodeMarkStep(position, applyingMark));
+          }
+        });
+      }),
+      getMarks: createCommand(({ editor }, name) => {
+        const stateRef = toRef(editor, "state");
+        return computed(() => {
+          const { selection, doc: doc2 } = unref(stateRef);
+          const { from: from2, to } = unref(selection);
+          const marks = [];
+          doc2.nodesBetween(from2, to, (node) => {
+            for (const mark of node.marks) {
+              if (mark.type.name === name)
+                marks.unshift(mark.attrs);
+            }
+          });
+          return marks;
+        });
+      }),
+      getMark: createCommand(({ commands: commands2 }, name) => {
+        const marksRef = commands2.getMarks(name);
+        return computed(() => {
+          var _a;
+          return (_a = unref(marksRef)[0]) != null ? _a : null;
+        });
+      }),
+      getCommonSettingMark: createCommand(({ commands: commands2 }, name, defaultRef) => {
+        const selectionRef = commands2.getMark(name);
+        return computed(() => {
+          var _a, _b;
+          return (_b = (_a = unref(selectionRef)) == null ? void 0 : _a.value) != null ? _b : unref(defaultRef);
+        });
+      }),
+      getDeviceSettingMark: createCommand(({ commands: commands2 }, name, defaultRef) => {
+        const selectionRef = commands2.getMark(name);
+        const deviceRef = commands2.getDevice();
+        return computed(() => {
+          var _a, _b;
+          return (_b = (_a = unref(selectionRef)) == null ? void 0 : _a[unref(deviceRef)]) != null ? _b : unref(defaultRef);
+        });
+      })
     };
   }
 });
@@ -25811,22 +25751,20 @@ const TextProcessor = Extension.create({
         marks.forEach((mark) => commands2.unsetMark(mark));
       }),
       transformText: createCommand(({ state }, transform) => {
-        const { selection } = state.tr;
-        if (selection.from === selection.to)
+        const { $from, $to } = state.tr.selection;
+        if ($from.pos === $to.pos)
           return;
-        state.doc.nodesBetween(selection.from, selection.to, (node, position) => {
+        state.doc.nodesBetween($from.pos, $to.pos, (node, position) => {
           if (!node.isText)
             return;
-          const startPosition = Math.max(position, selection.from);
-          const endPosition = Math.min(position + node.nodeSize, selection.to);
-          const substringFrom = Math.max(0, selection.from - position);
-          const substringTo = Math.max(0, selection.to - position);
+          const textPosition = resolveTextPosition($from, $to, node, position);
+          const substringFrom = Math.max(0, $from.pos - position);
+          const substringTo = Math.max(0, $to.pos - position);
           const updatedText = transform({
-            text: node.textContent.substring(substringFrom, substringTo),
-            position: { start: startPosition, end: endPosition }
+            text: node.textContent.substring(substringFrom, substringTo)
           });
           const updatedNode = state.schema.text(updatedText, node.marks);
-          state.tr.replaceWith(startPosition, endPosition, updatedNode);
+          state.tr.replaceWith(textPosition.from, textPosition.to, updatedNode);
         });
       })
     };
@@ -25935,15 +25873,132 @@ const CopyPasteProcessor = Extension.create({
     return [PastePlugin.create()];
   }
 });
+const Document$1 = Node.create({
+  name: "doc",
+  topNode: true,
+  content: "block+"
+});
+const Document = Document$1.extend({
+  marks: "settings"
+});
+const Paragraph$1 = Node.create({
+  name: "paragraph",
+  priority: 1e3,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: "block",
+  content: "inline*",
+  parseHTML() {
+    return [
+      { tag: "p" }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+  addCommands() {
+    return {
+      setParagraph: () => ({ commands: commands2 }) => {
+        return commands2.setNode(this.name);
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Alt-0": () => this.editor.commands.setParagraph()
+    };
+  }
+});
+const Paragraph = Paragraph$1.extend({
+  marks: "_",
+  addOptions: () => ({
+    HTMLAttributes: { class: "zw-style" }
+  })
+});
+const Heading$1 = Node.create({
+  name: "heading",
+  addOptions() {
+    return {
+      levels: [1, 2, 3, 4, 5, 6],
+      HTMLAttributes: {}
+    };
+  },
+  content: "inline*",
+  group: "block",
+  defining: true,
+  addAttributes() {
+    return {
+      level: {
+        default: 1,
+        rendered: false
+      }
+    };
+  },
+  parseHTML() {
+    return this.options.levels.map((level) => ({
+      tag: `h${level}`,
+      attrs: { level }
+    }));
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const hasLevel = this.options.levels.includes(node.attrs.level);
+    const level = hasLevel ? node.attrs.level : this.options.levels[0];
+    return [`h${level}`, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+  addCommands() {
+    return {
+      setHeading: (attributes) => ({ commands: commands2 }) => {
+        if (!this.options.levels.includes(attributes.level)) {
+          return false;
+        }
+        return commands2.setNode(this.name, attributes);
+      },
+      toggleHeading: (attributes) => ({ commands: commands2 }) => {
+        if (!this.options.levels.includes(attributes.level)) {
+          return false;
+        }
+        return commands2.toggleNode(this.name, "paragraph", attributes);
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return this.options.levels.reduce((items, level) => ({
+      ...items,
+      ...{
+        [`Mod-Alt-${level}`]: () => this.editor.commands.toggleHeading({ level })
+      }
+    }), {});
+  },
+  addInputRules() {
+    return this.options.levels.map((level) => {
+      return textblockTypeInputRule({
+        find: new RegExp(`^(#{1,${level}})\\s$`),
+        type: this.type,
+        getAttributes: {
+          level
+        }
+      });
+    });
+  }
+});
+const Heading = Heading$1.extend({
+  marks: "_",
+  addOptions: () => ({
+    levels: [1, 2, 3, 4],
+    HTMLAttributes: { class: "zw-style" }
+  })
+});
 const buildCoreExtensions = () => [
   Document,
-  Paragraph.configure({
-    HTMLAttributes: { class: "zw-style" }
-  }),
   Placeholder.configure({
     placeholder: "Type your text here...",
     emptyNodeClass: "zw-wysiwyg__placeholder"
   }),
+  Paragraph,
+  Heading,
   Text,
   History,
   NodeProcessor,