@zipify/wysiwyg 2.5.6 → 2.6.0-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli.js +1 -1
- package/dist/wysiwyg.css +39 -43
- package/dist/wysiwyg.mjs +36 -167
- package/lib/components/base/Button.vue +0 -6
- package/lib/components/base/dropdown/Dropdown.vue +1 -7
- package/lib/components/base/dropdown/DropdownActivator.vue +0 -20
- package/lib/components/base/dropdown/__tests__/DropdownActivator.test.js +1 -23
- package/lib/components/toolbar/controls/AlignmentControl.vue +1 -11
- package/lib/components/toolbar/controls/FontColorControl.vue +0 -13
- package/lib/components/toolbar/controls/FontFamilyControl.vue +0 -4
- package/lib/components/toolbar/controls/FontSizeControl.vue +0 -4
- package/lib/components/toolbar/controls/FontWeightControl.vue +0 -4
- package/lib/components/toolbar/controls/ItalicControl.vue +0 -13
- package/lib/components/toolbar/controls/LineHeightControl.vue +0 -13
- package/lib/components/toolbar/controls/StylePresetControl.vue +7 -1
- package/lib/components/toolbar/controls/UnderlineControl.vue +0 -12
- package/lib/components/toolbar/controls/__tests__/AlignmentControl.test.js +1 -43
- package/lib/components/toolbar/controls/__tests__/FontColorControl.test.js +1 -22
- package/lib/components/toolbar/controls/__tests__/FontFamilyControl.test.js +0 -1
- package/lib/components/toolbar/controls/__tests__/FontSizeControl.test.js +0 -1
- package/lib/components/toolbar/controls/__tests__/FontWeightControl.test.js +0 -1
- package/lib/components/toolbar/controls/__tests__/ItalicControl.test.js +1 -23
- package/lib/components/toolbar/controls/__tests__/LineHeightControl.test.js +1 -23
- package/lib/components/toolbar/controls/__tests__/UnderlineControl.test.js +1 -25
- package/package.json +1 -1
- package/lib/assets/icons/indicator.svg +0 -4
package/dist/wysiwyg.mjs
CHANGED
|
@@ -14297,7 +14297,7 @@ var __component__$F = /* @__PURE__ */ normalizeComponent(
|
|
|
14297
14297
|
staticRenderFns$F,
|
|
14298
14298
|
false,
|
|
14299
14299
|
__vue2_injectStyles$F,
|
|
14300
|
-
"
|
|
14300
|
+
"562f4e4a",
|
|
14301
14301
|
null,
|
|
14302
14302
|
null
|
|
14303
14303
|
);
|
|
@@ -15833,23 +15833,22 @@ const __vite_glob_0_4 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" sty
|
|
|
15833
15833
|
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';
|
|
15834
15834
|
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';
|
|
15835
15835
|
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';
|
|
15836
|
-
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
|
|
15837
|
-
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="
|
|
15838
|
-
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="
|
|
15839
|
-
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 <
|
|
15840
|
-
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 <
|
|
15841
|
-
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 <
|
|
15842
|
-
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 <
|
|
15843
|
-
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="
|
|
15844
|
-
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="
|
|
15845
|
-
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="
|
|
15846
|
-
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)"
|
|
15847
|
-
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="
|
|
15848
|
-
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)"
|
|
15849
|
-
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="
|
|
15850
|
-
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
|
|
15851
|
-
const
|
|
15852
|
-
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 });
|
|
15836
|
+
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';
|
|
15837
|
+
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';
|
|
15838
|
+
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';
|
|
15839
|
+
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';
|
|
15840
|
+
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';
|
|
15841
|
+
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';
|
|
15842
|
+
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';
|
|
15843
|
+
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';
|
|
15844
|
+
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';
|
|
15845
|
+
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';
|
|
15846
|
+
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';
|
|
15847
|
+
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';
|
|
15848
|
+
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';
|
|
15849
|
+
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';
|
|
15850
|
+
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';
|
|
15851
|
+
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 });
|
|
15853
15852
|
function importIcon(name) {
|
|
15854
15853
|
return modules[`../assets/icons/${name}.svg`] || "";
|
|
15855
15854
|
}
|
|
@@ -21587,23 +21586,7 @@ var render$v = function __render__14() {
|
|
|
21587
21586
|
}
|
|
21588
21587
|
}, [_c("span", {
|
|
21589
21588
|
staticClass: "zw-dropdown__activator-title zw-text--truncate"
|
|
21590
|
-
}, [_vm._v(" " + _vm._s(_vm.activeOptionTitle) + " ")]),
|
|
21591
|
-
directives: [{
|
|
21592
|
-
name: "tooltip",
|
|
21593
|
-
rawName: "v-tooltip.xs",
|
|
21594
|
-
value: "Default parameter setting is changed",
|
|
21595
|
-
expression: "'Default parameter setting is changed'",
|
|
21596
|
-
modifiers: {
|
|
21597
|
-
"xs": true
|
|
21598
|
-
}
|
|
21599
|
-
}],
|
|
21600
|
-
staticClass: "zw-dropdown__customized-indicator",
|
|
21601
|
-
attrs: {
|
|
21602
|
-
"name": "indicator",
|
|
21603
|
-
"size": "9px",
|
|
21604
|
-
"data-test-selector": "customizedIndicator"
|
|
21605
|
-
}
|
|
21606
|
-
}) : _vm._e(), _c("Icon", {
|
|
21589
|
+
}, [_vm._v(" " + _vm._s(_vm.activeOptionTitle) + " ")]), _c("Icon", {
|
|
21607
21590
|
staticClass: "zw-dropdown__activator-arrow",
|
|
21608
21591
|
attrs: {
|
|
21609
21592
|
"name": "arrow",
|
|
@@ -21635,11 +21618,6 @@ const __vue2_script$v = {
|
|
|
21635
21618
|
type: String,
|
|
21636
21619
|
required: false,
|
|
21637
21620
|
default: "none"
|
|
21638
|
-
},
|
|
21639
|
-
isCustomized: {
|
|
21640
|
-
type: Boolean,
|
|
21641
|
-
required: false,
|
|
21642
|
-
default: false
|
|
21643
21621
|
}
|
|
21644
21622
|
},
|
|
21645
21623
|
setup(props) {
|
|
@@ -21666,7 +21644,7 @@ var __component__$v = /* @__PURE__ */ normalizeComponent(
|
|
|
21666
21644
|
staticRenderFns$v,
|
|
21667
21645
|
false,
|
|
21668
21646
|
__vue2_injectStyles$v,
|
|
21669
|
-
"
|
|
21647
|
+
"eeca926a",
|
|
21670
21648
|
null,
|
|
21671
21649
|
null
|
|
21672
21650
|
);
|
|
@@ -21930,8 +21908,7 @@ var render$q = function __render__19() {
|
|
|
21930
21908
|
staticClass: "zw-dropdown"
|
|
21931
21909
|
}, [_c("DropdownActivator", {
|
|
21932
21910
|
attrs: {
|
|
21933
|
-
"color": _vm.color
|
|
21934
|
-
"is-customized": _vm.isCustomized
|
|
21911
|
+
"color": _vm.color
|
|
21935
21912
|
},
|
|
21936
21913
|
scopedSlots: _vm._u([{
|
|
21937
21914
|
key: "default",
|
|
@@ -21989,11 +21966,6 @@ const __vue2_script$q = {
|
|
|
21989
21966
|
type: String,
|
|
21990
21967
|
required: false,
|
|
21991
21968
|
default: "none"
|
|
21992
|
-
},
|
|
21993
|
-
isCustomized: {
|
|
21994
|
-
type: Boolean,
|
|
21995
|
-
required: false,
|
|
21996
|
-
default: false
|
|
21997
21969
|
}
|
|
21998
21970
|
},
|
|
21999
21971
|
setup(props, { emit }) {
|
|
@@ -22025,7 +21997,7 @@ var __component__$q = /* @__PURE__ */ normalizeComponent(
|
|
|
22025
21997
|
staticRenderFns$q,
|
|
22026
21998
|
false,
|
|
22027
21999
|
__vue2_injectStyles$q,
|
|
22028
|
-
"
|
|
22000
|
+
"885109ea",
|
|
22029
22001
|
null,
|
|
22030
22002
|
null
|
|
22031
22003
|
);
|
|
@@ -22237,8 +22209,8 @@ var render$o = function __render__21() {
|
|
|
22237
22209
|
directives: [{
|
|
22238
22210
|
name: "tooltip",
|
|
22239
22211
|
rawName: "v-tooltip",
|
|
22240
|
-
value: "Reset
|
|
22241
|
-
expression: "'Reset
|
|
22212
|
+
value: "Reset styles to page style defaults",
|
|
22213
|
+
expression: "'Reset styles to page style defaults'"
|
|
22242
22214
|
}],
|
|
22243
22215
|
staticClass: "zw-style-preset-control__reset",
|
|
22244
22216
|
attrs: {
|
|
@@ -22304,7 +22276,7 @@ var __component__$o = /* @__PURE__ */ normalizeComponent(
|
|
|
22304
22276
|
staticRenderFns$o,
|
|
22305
22277
|
false,
|
|
22306
22278
|
__vue2_injectStyles$o,
|
|
22307
|
-
"
|
|
22279
|
+
"e529c08e",
|
|
22308
22280
|
null,
|
|
22309
22281
|
null
|
|
22310
22282
|
);
|
|
@@ -22341,8 +22313,7 @@ var render$n = function __render__22() {
|
|
|
22341
22313
|
staticClass: "zw-font-family-control",
|
|
22342
22314
|
attrs: {
|
|
22343
22315
|
"options": _vm.options,
|
|
22344
|
-
"value": _vm.currentValue
|
|
22345
|
-
"is-customized": _vm.isCustomized
|
|
22316
|
+
"value": _vm.currentValue
|
|
22346
22317
|
},
|
|
22347
22318
|
on: {
|
|
22348
22319
|
"change": _vm.apply
|
|
@@ -22403,7 +22374,6 @@ const __vue2_script$n = {
|
|
|
22403
22374
|
return { "--zw-font-family-option": `"${option.id}"` };
|
|
22404
22375
|
}
|
|
22405
22376
|
const currentValue = editor.commands.getFontFamily();
|
|
22406
|
-
const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_FAMILY);
|
|
22407
22377
|
const apply2 = (fontFamily) => {
|
|
22408
22378
|
recentFontNames.add(fontFamily);
|
|
22409
22379
|
editor.chain().focus().applyFontFamily(fontFamily).run();
|
|
@@ -22411,7 +22381,6 @@ const __vue2_script$n = {
|
|
|
22411
22381
|
return {
|
|
22412
22382
|
options,
|
|
22413
22383
|
currentValue,
|
|
22414
|
-
isCustomized,
|
|
22415
22384
|
renderOptionStyles,
|
|
22416
22385
|
apply: apply2
|
|
22417
22386
|
};
|
|
@@ -22424,7 +22393,7 @@ var __component__$n = /* @__PURE__ */ normalizeComponent(
|
|
|
22424
22393
|
staticRenderFns$n,
|
|
22425
22394
|
false,
|
|
22426
22395
|
__vue2_injectStyles$n,
|
|
22427
|
-
"
|
|
22396
|
+
"07a47462",
|
|
22428
22397
|
null,
|
|
22429
22398
|
null
|
|
22430
22399
|
);
|
|
@@ -22453,8 +22422,7 @@ var render$m = function __render__23() {
|
|
|
22453
22422
|
staticClass: "zw-font-weight-control",
|
|
22454
22423
|
attrs: {
|
|
22455
22424
|
"options": _vm.options,
|
|
22456
|
-
"value": _vm.currentValue
|
|
22457
|
-
"is-customized": _vm.isCustomized
|
|
22425
|
+
"value": _vm.currentValue
|
|
22458
22426
|
},
|
|
22459
22427
|
on: {
|
|
22460
22428
|
"change": _vm.apply
|
|
@@ -22476,12 +22444,10 @@ const __vue2_script$m = {
|
|
|
22476
22444
|
const font = editor.commands.getFont();
|
|
22477
22445
|
const options = computed(() => unref(font).weights.map((style2) => ({ id: style2 })));
|
|
22478
22446
|
const currentValue = editor.commands.getFontWeight();
|
|
22479
|
-
const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_WEIGHT);
|
|
22480
22447
|
const apply2 = (value) => editor.chain().focus().applyFontWeight(value).run();
|
|
22481
22448
|
return {
|
|
22482
22449
|
options,
|
|
22483
22450
|
currentValue,
|
|
22484
|
-
isCustomized,
|
|
22485
22451
|
apply: apply2
|
|
22486
22452
|
};
|
|
22487
22453
|
}
|
|
@@ -22493,7 +22459,7 @@ var __component__$m = /* @__PURE__ */ normalizeComponent(
|
|
|
22493
22459
|
staticRenderFns$m,
|
|
22494
22460
|
false,
|
|
22495
22461
|
__vue2_injectStyles$m,
|
|
22496
|
-
"
|
|
22462
|
+
"dbb38600",
|
|
22497
22463
|
null,
|
|
22498
22464
|
null
|
|
22499
22465
|
);
|
|
@@ -22522,8 +22488,7 @@ var render$l = function __render__24() {
|
|
|
22522
22488
|
staticClass: "zw-font-size-control",
|
|
22523
22489
|
attrs: {
|
|
22524
22490
|
"options": _vm.options,
|
|
22525
|
-
"value": _vm.currentValue
|
|
22526
|
-
"is-customized": _vm.isCustomized
|
|
22491
|
+
"value": _vm.currentValue
|
|
22527
22492
|
},
|
|
22528
22493
|
on: {
|
|
22529
22494
|
"change": _vm.apply
|
|
@@ -22547,12 +22512,10 @@ const __vue2_script$l = {
|
|
|
22547
22512
|
return fontSizes.map((size2) => ({ id: size2, title: `${size2}px` }));
|
|
22548
22513
|
});
|
|
22549
22514
|
const currentValue = editor.commands.getFontSize();
|
|
22550
|
-
const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
|
|
22551
22515
|
const apply2 = (value) => editor.chain().focus().applyFontSize(value).run();
|
|
22552
22516
|
return {
|
|
22553
22517
|
options,
|
|
22554
22518
|
currentValue,
|
|
22555
|
-
isCustomized,
|
|
22556
22519
|
apply: apply2
|
|
22557
22520
|
};
|
|
22558
22521
|
}
|
|
@@ -22564,7 +22527,7 @@ var __component__$l = /* @__PURE__ */ normalizeComponent(
|
|
|
22564
22527
|
staticRenderFns$l,
|
|
22565
22528
|
false,
|
|
22566
22529
|
__vue2_injectStyles$l,
|
|
22567
|
-
"
|
|
22530
|
+
"6b3c7f37",
|
|
22568
22531
|
null,
|
|
22569
22532
|
null
|
|
22570
22533
|
);
|
|
@@ -22598,7 +22561,6 @@ var render$k = function __render__25() {
|
|
|
22598
22561
|
value: "Font Color",
|
|
22599
22562
|
expression: "'Font Color'"
|
|
22600
22563
|
}],
|
|
22601
|
-
staticClass: "zw-position--relative",
|
|
22602
22564
|
attrs: {
|
|
22603
22565
|
"icon": "",
|
|
22604
22566
|
"skin": "toolbar",
|
|
@@ -22613,23 +22575,7 @@ var render$k = function __render__25() {
|
|
|
22613
22575
|
"size": "28px",
|
|
22614
22576
|
"auto-color": ""
|
|
22615
22577
|
}
|
|
22616
|
-
}),
|
|
22617
|
-
directives: [{
|
|
22618
|
-
name: "tooltip",
|
|
22619
|
-
rawName: "v-tooltip.xs",
|
|
22620
|
-
value: "Default parameter setting is changed",
|
|
22621
|
-
expression: "'Default parameter setting is changed'",
|
|
22622
|
-
modifiers: {
|
|
22623
|
-
"xs": true
|
|
22624
|
-
}
|
|
22625
|
-
}],
|
|
22626
|
-
staticClass: "zw-button__customized-indicator",
|
|
22627
|
-
attrs: {
|
|
22628
|
-
"name": "indicator",
|
|
22629
|
-
"size": "9px",
|
|
22630
|
-
"data-test-selector": "customizedIndicator"
|
|
22631
|
-
}
|
|
22632
|
-
}) : _vm._e()], 1)];
|
|
22578
|
+
})], 1)];
|
|
22633
22579
|
}
|
|
22634
22580
|
}])
|
|
22635
22581
|
});
|
|
@@ -22648,11 +22594,9 @@ const __vue2_script$k = {
|
|
|
22648
22594
|
setup() {
|
|
22649
22595
|
const editor = inject(InjectionTokens$1.EDITOR);
|
|
22650
22596
|
const currentValue = editor.commands.getFontColor();
|
|
22651
|
-
const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_COLOR);
|
|
22652
22597
|
const apply2 = (color) => editor.chain().applyFontColor(color).run();
|
|
22653
22598
|
return {
|
|
22654
22599
|
currentValue,
|
|
22655
|
-
isCustomized,
|
|
22656
22600
|
apply: apply2
|
|
22657
22601
|
};
|
|
22658
22602
|
}
|
|
@@ -22771,7 +22715,6 @@ var render$i = function __render__27() {
|
|
|
22771
22715
|
},
|
|
22772
22716
|
expression: "{ text: 'Italic', hotkey: 'Mod I' }"
|
|
22773
22717
|
}],
|
|
22774
|
-
staticClass: "zw-position--relative",
|
|
22775
22718
|
attrs: {
|
|
22776
22719
|
"skin": "toolbar",
|
|
22777
22720
|
"icon": "",
|
|
@@ -22787,23 +22730,7 @@ var render$i = function __render__27() {
|
|
|
22787
22730
|
"size": "28px",
|
|
22788
22731
|
"auto-color": ""
|
|
22789
22732
|
}
|
|
22790
|
-
}),
|
|
22791
|
-
directives: [{
|
|
22792
|
-
name: "tooltip",
|
|
22793
|
-
rawName: "v-tooltip.xs",
|
|
22794
|
-
value: "Default parameter setting is changed",
|
|
22795
|
-
expression: "'Default parameter setting is changed'",
|
|
22796
|
-
modifiers: {
|
|
22797
|
-
"xs": true
|
|
22798
|
-
}
|
|
22799
|
-
}],
|
|
22800
|
-
staticClass: "zw-button__customized-indicator",
|
|
22801
|
-
attrs: {
|
|
22802
|
-
"name": "indicator",
|
|
22803
|
-
"size": "9px",
|
|
22804
|
-
"data-test-selector": "customizedIndicator"
|
|
22805
|
-
}
|
|
22806
|
-
}) : _vm._e()], 1);
|
|
22733
|
+
})], 1);
|
|
22807
22734
|
};
|
|
22808
22735
|
var staticRenderFns$i = [];
|
|
22809
22736
|
const __vue2_script$i = {
|
|
@@ -22818,13 +22745,11 @@ const __vue2_script$i = {
|
|
|
22818
22745
|
setup() {
|
|
22819
22746
|
const editor = inject(InjectionTokens$1.EDITOR);
|
|
22820
22747
|
const currentValue = editor.commands.isItalic();
|
|
22821
|
-
const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_STYLE);
|
|
22822
22748
|
const isAvailable = editor.commands.isItalicAvailable();
|
|
22823
22749
|
const apply2 = () => editor.chain().focus().toggleItalic().run();
|
|
22824
22750
|
return {
|
|
22825
22751
|
isAvailable,
|
|
22826
22752
|
currentValue,
|
|
22827
|
-
isCustomized,
|
|
22828
22753
|
apply: apply2
|
|
22829
22754
|
};
|
|
22830
22755
|
}
|
|
@@ -22862,7 +22787,6 @@ var render$h = function __render__28() {
|
|
|
22862
22787
|
},
|
|
22863
22788
|
expression: "{ text: 'Underline', hotkey: 'Mod U' }"
|
|
22864
22789
|
}],
|
|
22865
|
-
staticClass: "zw-position--relative",
|
|
22866
22790
|
attrs: {
|
|
22867
22791
|
"skin": "toolbar",
|
|
22868
22792
|
"icon": "",
|
|
@@ -22877,23 +22801,7 @@ var render$h = function __render__28() {
|
|
|
22877
22801
|
"size": "28px",
|
|
22878
22802
|
"auto-color": ""
|
|
22879
22803
|
}
|
|
22880
|
-
}),
|
|
22881
|
-
directives: [{
|
|
22882
|
-
name: "tooltip",
|
|
22883
|
-
rawName: "v-tooltip.xs",
|
|
22884
|
-
value: "Default parameter setting is changed",
|
|
22885
|
-
expression: "'Default parameter setting is changed'",
|
|
22886
|
-
modifiers: {
|
|
22887
|
-
"xs": true
|
|
22888
|
-
}
|
|
22889
|
-
}],
|
|
22890
|
-
staticClass: "zw-button__customized-indicator",
|
|
22891
|
-
attrs: {
|
|
22892
|
-
"name": "indicator",
|
|
22893
|
-
"size": "9px",
|
|
22894
|
-
"data-test-selector": "customizedIndicator"
|
|
22895
|
-
}
|
|
22896
|
-
}) : _vm._e()], 1);
|
|
22804
|
+
})], 1);
|
|
22897
22805
|
};
|
|
22898
22806
|
var staticRenderFns$h = [];
|
|
22899
22807
|
const __vue2_script$h = {
|
|
@@ -22908,11 +22816,9 @@ const __vue2_script$h = {
|
|
|
22908
22816
|
setup() {
|
|
22909
22817
|
const editor = inject(InjectionTokens$1.EDITOR);
|
|
22910
22818
|
const currentValue = editor.commands.isUnderline();
|
|
22911
|
-
const isCustomized = editor.commands.isUnderlineCustomized();
|
|
22912
22819
|
const apply2 = () => editor.chain().focus().toggleUnderline().run();
|
|
22913
22820
|
return {
|
|
22914
22821
|
currentValue,
|
|
22915
|
-
isCustomized,
|
|
22916
22822
|
apply: apply2
|
|
22917
22823
|
};
|
|
22918
22824
|
}
|
|
@@ -23182,23 +23088,7 @@ var render$d = function __render__32() {
|
|
|
23182
23088
|
on: {
|
|
23183
23089
|
"click": activate
|
|
23184
23090
|
}
|
|
23185
|
-
}, [
|
|
23186
|
-
directives: [{
|
|
23187
|
-
name: "tooltip",
|
|
23188
|
-
rawName: "v-tooltip.xs",
|
|
23189
|
-
value: "Default parameter setting is changed",
|
|
23190
|
-
expression: "'Default parameter setting is changed'",
|
|
23191
|
-
modifiers: {
|
|
23192
|
-
"xs": true
|
|
23193
|
-
}
|
|
23194
|
-
}],
|
|
23195
|
-
staticClass: "zw-button__customized-indicator",
|
|
23196
|
-
attrs: {
|
|
23197
|
-
"name": "indicator",
|
|
23198
|
-
"size": "9px",
|
|
23199
|
-
"data-test-selector": "customizedIndicator"
|
|
23200
|
-
}
|
|
23201
|
-
}) : _vm._e(), _c("Icon", {
|
|
23091
|
+
}, [_c("Icon", {
|
|
23202
23092
|
attrs: {
|
|
23203
23093
|
"name": "alignment-".concat(option.id),
|
|
23204
23094
|
"size": "28px",
|
|
@@ -23245,14 +23135,12 @@ const __vue2_script$d = {
|
|
|
23245
23135
|
var _a;
|
|
23246
23136
|
return (_a = unref(alignment)) != null ? _a : "none";
|
|
23247
23137
|
});
|
|
23248
|
-
const isCustomized = editor.commands.isSettingCustomized(TextSettings.ALIGNMENT);
|
|
23249
23138
|
function toggle(value) {
|
|
23250
23139
|
editor.chain().focus().toggleAlignment(value).run();
|
|
23251
23140
|
emit("applied");
|
|
23252
23141
|
}
|
|
23253
23142
|
return {
|
|
23254
23143
|
currentValue,
|
|
23255
|
-
isCustomized,
|
|
23256
23144
|
toggle
|
|
23257
23145
|
};
|
|
23258
23146
|
}
|
|
@@ -23290,7 +23178,6 @@ var render$c = function __render__33() {
|
|
|
23290
23178
|
value: "Line Height",
|
|
23291
23179
|
expression: "'Line Height'"
|
|
23292
23180
|
}],
|
|
23293
|
-
staticClass: "zw-position--relative",
|
|
23294
23181
|
attrs: {
|
|
23295
23182
|
"icon": "",
|
|
23296
23183
|
"skin": "toolbar",
|
|
@@ -23305,23 +23192,7 @@ var render$c = function __render__33() {
|
|
|
23305
23192
|
"size": "28px",
|
|
23306
23193
|
"auto-color": ""
|
|
23307
23194
|
}
|
|
23308
|
-
}),
|
|
23309
|
-
directives: [{
|
|
23310
|
-
name: "tooltip",
|
|
23311
|
-
rawName: "v-tooltip.xs",
|
|
23312
|
-
value: "Default parameter setting is changed",
|
|
23313
|
-
expression: "'Default parameter setting is changed'",
|
|
23314
|
-
modifiers: {
|
|
23315
|
-
"xs": true
|
|
23316
|
-
}
|
|
23317
|
-
}],
|
|
23318
|
-
staticClass: "zw-button__customized-indicator",
|
|
23319
|
-
attrs: {
|
|
23320
|
-
"name": "indicator",
|
|
23321
|
-
"size": "9px",
|
|
23322
|
-
"data-test-selector": "customizedIndicator"
|
|
23323
|
-
}
|
|
23324
|
-
}) : _vm._e()], 1), _c("Modal", {
|
|
23195
|
+
})], 1), _c("Modal", {
|
|
23325
23196
|
ref: "modalRef",
|
|
23326
23197
|
staticClass: "zw-line-height-control__modal",
|
|
23327
23198
|
attrs: {
|
|
@@ -23380,13 +23251,11 @@ const __vue2_script$c = {
|
|
|
23380
23251
|
const editor = inject(InjectionTokens$1.EDITOR);
|
|
23381
23252
|
const toggler = useModalToggler({ wrapperRef, modalRef });
|
|
23382
23253
|
const currentValue = editor.commands.getLineHeight();
|
|
23383
|
-
const isCustomized = editor.commands.isSettingCustomized(TextSettings.LINE_HEIGHT);
|
|
23384
23254
|
const apply2 = (value) => editor.commands.applyLineHeight(String(value));
|
|
23385
23255
|
return {
|
|
23386
23256
|
wrapperRef,
|
|
23387
23257
|
modalRef,
|
|
23388
23258
|
isOpened: toggler.isOpened,
|
|
23389
|
-
isCustomized,
|
|
23390
23259
|
toggler,
|
|
23391
23260
|
currentValue,
|
|
23392
23261
|
apply: apply2
|
|
@@ -23400,7 +23269,7 @@ var __component__$c = /* @__PURE__ */ normalizeComponent(
|
|
|
23400
23269
|
staticRenderFns$c,
|
|
23401
23270
|
false,
|
|
23402
23271
|
__vue2_injectStyles$c,
|
|
23403
|
-
"
|
|
23272
|
+
"1fcd599c",
|
|
23404
23273
|
null,
|
|
23405
23274
|
null
|
|
23406
23275
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="zw-dropdown" ref="dropdownRef">
|
|
3
|
-
<DropdownActivator :color="color"
|
|
3
|
+
<DropdownActivator :color="color">
|
|
4
4
|
<template #default="attrs">
|
|
5
5
|
<slot name="activator" v-bind="attrs" />
|
|
6
6
|
</template>
|
|
@@ -60,12 +60,6 @@ export default {
|
|
|
60
60
|
type: String,
|
|
61
61
|
required: false,
|
|
62
62
|
default: 'none'
|
|
63
|
-
},
|
|
64
|
-
|
|
65
|
-
isCustomized: {
|
|
66
|
-
type: Boolean,
|
|
67
|
-
required: false,
|
|
68
|
-
default: false
|
|
69
63
|
}
|
|
70
64
|
},
|
|
71
65
|
|
|
@@ -12,15 +12,6 @@
|
|
|
12
12
|
{{ activeOptionTitle }}
|
|
13
13
|
</span>
|
|
14
14
|
|
|
15
|
-
<Icon
|
|
16
|
-
v-if="isCustomized"
|
|
17
|
-
class="zw-dropdown__customized-indicator"
|
|
18
|
-
name="indicator"
|
|
19
|
-
size="9px"
|
|
20
|
-
data-test-selector="customizedIndicator"
|
|
21
|
-
v-tooltip.xs="'Default parameter setting is changed'"
|
|
22
|
-
/>
|
|
23
|
-
|
|
24
15
|
<Icon
|
|
25
16
|
class="zw-dropdown__activator-arrow"
|
|
26
17
|
name="arrow"
|
|
@@ -61,12 +52,6 @@ export default {
|
|
|
61
52
|
type: String,
|
|
62
53
|
required: false,
|
|
63
54
|
default: 'none'
|
|
64
|
-
},
|
|
65
|
-
|
|
66
|
-
isCustomized: {
|
|
67
|
-
type: Boolean,
|
|
68
|
-
required: false,
|
|
69
|
-
default: false
|
|
70
55
|
}
|
|
71
56
|
},
|
|
72
57
|
|
|
@@ -110,9 +95,4 @@ export default {
|
|
|
110
95
|
font-size: var(--zw-font-size-xxs);
|
|
111
96
|
color: rgb(var(--zw-color-white));
|
|
112
97
|
}
|
|
113
|
-
|
|
114
|
-
.zw-dropdown__customized-indicator {
|
|
115
|
-
position: relative;
|
|
116
|
-
top: calc(0px - var(--zw-offset-xs));
|
|
117
|
-
}
|
|
118
98
|
</style>
|
|
@@ -4,10 +4,6 @@ import DropdownActivator from '../DropdownActivator';
|
|
|
4
4
|
import { InjectionTokens } from '../injectionTokens';
|
|
5
5
|
import Button from '../../Button';
|
|
6
6
|
|
|
7
|
-
const SELECTORS = {
|
|
8
|
-
INDICATOR: '[data-test-selector="customizedIndicator"]'
|
|
9
|
-
};
|
|
10
|
-
|
|
11
7
|
const createToggler = ({ isOpened } = {}) => ({
|
|
12
8
|
isOpened: ref(isOpened ?? false),
|
|
13
9
|
open: jest.fn()
|
|
@@ -17,12 +13,8 @@ const createActiveOptionManager = ({ activeOption } = {}) => ({
|
|
|
17
13
|
activeOption: ref(activeOption ?? { id: 'test' })
|
|
18
14
|
});
|
|
19
15
|
|
|
20
|
-
function createComponent({ toggler,
|
|
16
|
+
function createComponent({ toggler, activeOptionManager } = {}) {
|
|
21
17
|
return shallowMount(DropdownActivator, {
|
|
22
|
-
propsData: {
|
|
23
|
-
isCustomized: ref(isCustomized ?? false)
|
|
24
|
-
},
|
|
25
|
-
|
|
26
18
|
provide: {
|
|
27
19
|
[InjectionTokens.TOGGLER]: toggler ?? createToggler(),
|
|
28
20
|
[InjectionTokens.ACTIVE_MANAGER]: activeOptionManager ?? createActiveOptionManager()
|
|
@@ -48,20 +40,6 @@ describe('rendering', () => {
|
|
|
48
40
|
expect(buttonWrapper.props('active')).toBe(false);
|
|
49
41
|
expect(buttonWrapper.classes('zw-dropdown__activator--active')).toBeFalsy();
|
|
50
42
|
});
|
|
51
|
-
|
|
52
|
-
test('should render indicator of customized styles', () => {
|
|
53
|
-
const toggler = createToggler({ isOpened: false });
|
|
54
|
-
const wrapper = createComponent({ toggler, isCustomized: true });
|
|
55
|
-
|
|
56
|
-
expect(wrapper).toVueContainComponent(SELECTORS.INDICATOR);
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
test('should not render indicator of customized styles', () => {
|
|
60
|
-
const toggler = createToggler({ isOpened: false });
|
|
61
|
-
const wrapper = createComponent({ toggler });
|
|
62
|
-
|
|
63
|
-
expect(wrapper).not.toVueContainComponent(SELECTORS.INDICATOR);
|
|
64
|
-
});
|
|
65
43
|
});
|
|
66
44
|
|
|
67
45
|
describe('open dropdown', () => {
|