@zipify/wysiwyg 2.0.0-7 → 2.0.0-8

package/dist/wysiwyg.mjs

@@ -14298,7 +14298,7 @@ var __component__$F = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$F,
   false,
   __vue2_injectStyles$F,
-  "562f4e4a",
+  "1ea5f7a2",
   null,
   null
 );
@@ -14427,22 +14427,23 @@ 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 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 });
+const __vite_glob_0_8 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 9">\n    <path fill="#FFAB00" d="M0 4.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z"/>\n    <path fill="#fff" fill-rule="evenodd" d="M5.063 2.25H3.938v3.375h1.124V2.25Zm-1.125 4.5a.562.562 0 1 1 1.123-.001.562.562 0 0 1-1.123.001Z" clip-rule="evenodd"/>\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 });
 function importIcon(name) {
   return modules[`../assets/icons/${name}.svg`] || "";
 }
@@ -21273,13 +21274,17 @@ const outClick = {
     toggleListener(false, dataStorage.get(el).callback);
   }
 };
-function tooltip(el, { value }) {
+function tooltip(el, { value, modifiers: modifiers2 }) {
   const options = typeof value === "string" ? { text: value } : value;
   const { text: text2, hotkey } = options;
   if (text2)
     el.dataset.tooltip = text2;
   if (text2 && hotkey)
     el.dataset.tooltipHotkey = hotkey;
+  if (modifiers2.xs)
+    el.dataset.tooltipSize = "xs";
+  if (modifiers2.lg)
+    el.dataset.tooltipSize = "lg";
 }
 var render$y = function __render__11() {
   var _vm = this;
@@ -21577,7 +21582,23 @@ var render$v = function __render__14() {
       }
     }, [_c("span", {
       staticClass: "zw-dropdown__activator-title zw-text--truncate"
-    }, [_vm._v(" " + _vm._s(_vm.activeOptionTitle) + " ")]), _c("Icon", {
+    }, [_vm._v(" " + _vm._s(_vm.activeOptionTitle) + " ")]), _vm.isCustomized ? _c("Icon", {
+      directives: [{
+        name: "tooltip",
+        rawName: "v-tooltip.xs",
+        value: "Default parameter setting is changed",
+        expression: "'Default parameter setting is changed'",
+        modifiers: {
+          "xs": true
+        }
+      }],
+      staticClass: "zw-dropdown__customized-indicator",
+      attrs: {
+        "name": "indicator",
+        "size": "9px",
+        "data-test-selector": "customizedIndicator"
+      }
+    }) : _vm._e(), _c("Icon", {
       staticClass: "zw-dropdown__activator-arrow",
       attrs: {
         "name": "arrow",
@@ -21598,6 +21619,9 @@ const __vue2_script$v = {
     Icon,
     Button
   },
+  directives: {
+    tooltip
+  },
   model: {
     event: "change"
   },
@@ -21606,6 +21630,11 @@ const __vue2_script$v = {
       type: String,
       required: false,
       default: "none"
+    },
+    isCustomized: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   setup(props) {
@@ -21632,7 +21661,7 @@ var __component__$v = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$v,
   false,
   __vue2_injectStyles$v,
-  "021ac370",
+  "0f1c87fd",
   null,
   null
 );
@@ -21896,7 +21925,8 @@ var render$q = function __render__19() {
     staticClass: "zw-dropdown"
   }, [_c("DropdownActivator", {
     attrs: {
-      "color": _vm.color
+      "color": _vm.color,
+      "is-customized": _vm.isCustomized
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -21954,6 +21984,11 @@ const __vue2_script$q = {
       type: String,
       required: false,
       default: "none"
+    },
+    isCustomized: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   setup(props, { emit }) {
@@ -21985,7 +22020,7 @@ var __component__$q = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$q,
   false,
   __vue2_injectStyles$q,
-  "885109ea",
+  "29e6a104",
   null,
   null
 );
@@ -22304,7 +22339,8 @@ var render$n = function __render__22() {
     staticClass: "zw-font-family-control",
     attrs: {
       "options": _vm.options,
-      "value": _vm.currentValue
+      "value": _vm.currentValue,
+      "is-customized": _vm.isCustomized
     },
     on: {
       "change": _vm.apply
@@ -22365,6 +22401,7 @@ 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();
@@ -22372,6 +22409,7 @@ const __vue2_script$n = {
     return {
       options,
       currentValue,
+      isCustomized,
       renderOptionStyles,
       apply: apply2
     };
@@ -22384,7 +22422,7 @@ var __component__$n = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$n,
   false,
   __vue2_injectStyles$n,
-  "07a47462",
+  "2f66bfa6",
   null,
   null
 );
@@ -22410,9 +22448,11 @@ 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
+      "value": _vm.currentValue,
+      "is-customized": _vm.isCustomized
     },
     on: {
       "change": _vm.apply
@@ -22420,6 +22460,7 @@ 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: {
@@ -22433,10 +22474,12 @@ 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
     };
   }
@@ -22448,7 +22491,7 @@ var __component__$m = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$m,
   false,
   __vue2_injectStyles$m,
-  null,
+  "5a87e48e",
   null,
   null
 );
@@ -22477,7 +22520,8 @@ var render$l = function __render__24() {
     staticClass: "zw-font-size-control",
     attrs: {
       "options": _vm.options,
-      "value": _vm.currentValue
+      "value": _vm.currentValue,
+      "is-customized": _vm.isCustomized
     },
     on: {
       "change": _vm.apply
@@ -22501,10 +22545,12 @@ 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
     };
   }
@@ -22516,7 +22562,7 @@ var __component__$l = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$l,
   false,
   __vue2_injectStyles$l,
-  "71dd7ffc",
+  "3f8185ea",
   null,
   null
 );
@@ -22550,6 +22596,7 @@ var render$k = function __render__25() {
             value: "Font Color",
             expression: "'Font Color'"
           }],
+          staticClass: "zw-position--relative",
           attrs: {
             "icon": "",
             "skin": "toolbar",
@@ -22564,7 +22611,23 @@ var render$k = function __render__25() {
             "size": "28px",
             "auto-color": ""
           }
-        })], 1)];
+        }), _vm.isCustomized ? _c("Icon", {
+          directives: [{
+            name: "tooltip",
+            rawName: "v-tooltip.xs",
+            value: "Default parameter setting is changed",
+            expression: "'Default parameter setting is changed'",
+            modifiers: {
+              "xs": true
+            }
+          }],
+          staticClass: "zw-button__customized-indicator",
+          attrs: {
+            "name": "indicator",
+            "size": "9px",
+            "data-test-selector": "customizedIndicator"
+          }
+        }) : _vm._e()], 1)];
       }
     }])
   });
@@ -22583,9 +22646,11 @@ 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
     };
   }
@@ -22704,6 +22769,7 @@ var render$i = function __render__27() {
       },
       expression: "{ text: 'Italic', hotkey: 'Mod I' }"
     }],
+    staticClass: "zw-position--relative",
     attrs: {
       "skin": "toolbar",
       "icon": "",
@@ -22719,7 +22785,23 @@ var render$i = function __render__27() {
       "size": "28px",
       "auto-color": ""
     }
-  })], 1);
+  }), _vm.isCustomized ? _c("Icon", {
+    directives: [{
+      name: "tooltip",
+      rawName: "v-tooltip.xs",
+      value: "Default parameter setting is changed",
+      expression: "'Default parameter setting is changed'",
+      modifiers: {
+        "xs": true
+      }
+    }],
+    staticClass: "zw-button__customized-indicator",
+    attrs: {
+      "name": "indicator",
+      "size": "9px",
+      "data-test-selector": "customizedIndicator"
+    }
+  }) : _vm._e()], 1);
 };
 var staticRenderFns$i = [];
 const __vue2_script$i = {
@@ -22734,11 +22816,13 @@ 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
     };
   }
@@ -22776,6 +22860,7 @@ var render$h = function __render__28() {
       },
       expression: "{ text: 'Underline', hotkey: 'Mod U' }"
     }],
+    staticClass: "zw-position--relative",
     attrs: {
       "skin": "toolbar",
       "icon": "",
@@ -22790,7 +22875,23 @@ var render$h = function __render__28() {
       "size": "28px",
       "auto-color": ""
     }
-  })], 1);
+  }), _vm.isCustomized ? _c("Icon", {
+    directives: [{
+      name: "tooltip",
+      rawName: "v-tooltip.xs",
+      value: "Default parameter setting is changed",
+      expression: "'Default parameter setting is changed'",
+      modifiers: {
+        "xs": true
+      }
+    }],
+    staticClass: "zw-button__customized-indicator",
+    attrs: {
+      "name": "indicator",
+      "size": "9px",
+      "data-test-selector": "customizedIndicator"
+    }
+  }) : _vm._e()], 1);
 };
 var staticRenderFns$h = [];
 const __vue2_script$h = {
@@ -22805,9 +22906,11 @@ 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
     };
   }
@@ -23068,6 +23171,7 @@ var render$d = function __render__32() {
             value: option.tooltip,
             expression: "option.tooltip"
           }],
+          staticClass: "zw-position--relative",
           attrs: {
             "icon": "",
             "skin": "toolbar",
@@ -23076,7 +23180,23 @@ var render$d = function __render__32() {
           on: {
             "click": activate
           }
-        }, [_c("Icon", {
+        }, [_vm.isCustomized && isActive2 ? _c("Icon", {
+          directives: [{
+            name: "tooltip",
+            rawName: "v-tooltip.xs",
+            value: "Default parameter setting is changed",
+            expression: "'Default parameter setting is changed'",
+            modifiers: {
+              "xs": true
+            }
+          }],
+          staticClass: "zw-button__customized-indicator",
+          attrs: {
+            "name": "indicator",
+            "size": "9px",
+            "data-test-selector": "customizedIndicator"
+          }
+        }) : _vm._e(), _c("Icon", {
           attrs: {
             "name": "alignment-".concat(option.id),
             "size": "28px",
@@ -23119,12 +23239,14 @@ 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
     };
   }
@@ -23250,6 +23372,7 @@ var render$b = function __render__34() {
       value: "Line Height",
       expression: "'Line Height'"
     }],
+    staticClass: "zw-position--relative",
     attrs: {
       "icon": "",
       "skin": "toolbar",
@@ -23264,7 +23387,23 @@ var render$b = function __render__34() {
       "size": "28px",
       "auto-color": ""
     }
-  })], 1), _c("Modal", {
+  }), _vm.isCustomized ? _c("Icon", {
+    directives: [{
+      name: "tooltip",
+      rawName: "v-tooltip.xs",
+      value: "Default parameter setting is changed",
+      expression: "'Default parameter setting is changed'",
+      modifiers: {
+        "xs": true
+      }
+    }],
+    staticClass: "zw-button__customized-indicator",
+    attrs: {
+      "name": "indicator",
+      "size": "9px",
+      "data-test-selector": "customizedIndicator"
+    }
+  }) : _vm._e()], 1), _c("Modal", {
     ref: "modalRef",
     staticClass: "zw-line-height-control__modal",
     attrs: {
@@ -23323,11 +23462,13 @@ 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
@@ -23341,7 +23482,7 @@ var __component__$b = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$b,
   false,
   __vue2_injectStyles$b,
-  "9ea28b80",
+  "c316d7dc",
   null,
   null
 );
@@ -24580,6 +24721,13 @@ 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().removeMarks(TextSettings.marks).resetAttributes(NodeTypes.PARAGRAPH, TextSettings.attributes).resetAttributes(NodeTypes.HEADING, TextSettings.attributes).restoreSelection().run();
       }),
@@ -24936,6 +25084,11 @@ const TextDecoration = Mark.create({
           };
         });
       }),
+      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(() => {

package/lib/assets/icons/indicator.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 9">
+    <path fill="#FFAB00" d="M0 4.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z"/>
+    <path fill="#fff" fill-rule="evenodd" d="M5.063 2.25H3.938v3.375h1.124V2.25Zm-1.125 4.5a.562.562 0 1 1 1.123-.001.562.562 0 0 1-1.123.001Z" clip-rule="evenodd"/>
+</svg>

package/lib/cli/commands/Command.js

@@ -0,0 +1,34 @@
+export class Command {
+    name;
+    argument;
+    options = [];
+
+    doCommand() {
+        throw new Error('Command "doCommand" is required');
+    }
+
+    install(program) {
+        if (!this.name) {
+            throw new Error('Command "name" is required');
+        }
+
+        let building = program.command(this.name);
+
+        if (this.argument) {
+            building = building.argument(this.argument);
+        }
+
+        if (this.options.length) {
+            for (const option of this.options) {
+                building = building.option(option.flags, option.description, option.default);
+            }
+        }
+
+        building.action(this.doCommand.bind(this));
+    }
+
+    output(data) {
+        // eslint-disable-next-line no-console
+        console.log(data);
+    }
+}

package/lib/cli/commands/ToJsonCommand.js

@@ -0,0 +1,45 @@
+import { resolve } from 'path';
+import { ContentSerializer } from '../ContentSerializer';
+import { Command } from './Command';
+
+export class ToJsonCommand extends Command {
+    name = 'to-json';
+    argument = '<html>';
+
+    options = [
+        {
+            flags: '--config <path>',
+            description: 'Generator config',
+            // Relative to dist folder
+            default: resolve(__dirname, '../bin/zp.config.json')
+        }
+    ];
+
+    doCommand(html, { config }) {
+        const configPath = resolve(process.cwd(), config);
+        const serializer = ContentSerializer.build(require(configPath).editor);
+        const json = serializer.toJSON(this.#formatInputHtml(html));
+
+        this.output(this.#formatOutputJson(json));
+    }
+
+    #formatInputHtml(html) {
+        return html
+            .replace(/\\(["'])/g, '$1')
+            .replace(/rgba\(\d{1,3}, ?\d{1,3}, ?\d{1,3}, (\d{1,2}%)\)/g, (substring, alpha) => {
+                return substring.replace(alpha, parseFloat(alpha) / 100);
+            });
+    }
+
+    #formatOutputJson(object) {
+        const skipNullValue = (_, value) => value === null ? undefined : value;
+        const json = JSON.stringify(object, skipNullValue, 2);
+
+        return json
+            .replace(/\\"/g, '"')
+            .replace(/font-family: ?'(.+)'/g, 'font-family: "$1"')
+            .replace(/'/g, '\\\'')
+            .replace(/^[\t ]*"[^:\n\r]+(?<!\\)":/gm, (match) => match.replace(/"/g, ''))
+            .replace(/: "(.+)"([,\n])/g, ': \'$1\'$2');
+    }
+}