@brightspace-ui/core 3.304.2 → 3.306.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.
|
@@ -0,0 +1,408 @@
|
|
|
1
|
+
export const accessibilitySvg = `<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18Zm0-2A7 7 0 1 0 9 2a7 7 0 0 0 0 14Z" fill="#494c4e"/>
|
|
3
|
+
<path d="M10.5 4.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" fill="#494c4e"/>
|
|
4
|
+
<path d="M13.154 7.207c.11-.069.236-.113.344-.184a.557.557 0 0 0-.19-1.011.523.523 0 0 0-.226.014c-.572.131-3.193.724-4.082.724-.889 0-3.51-.593-4.082-.724a.523.523 0 0 0-.226-.014.557.557 0 0 0-.21.997c.118.085.258.138.38.217.837.542 2.644 1.249 2.391 2.262l-1.078 3.986a.639.639 0 0 0 1.138.557L9 11l1.687 3.03a.639.639 0 0 0 1.138-.556l-1.078-3.986c-.23-.923 1.628-1.801 2.407-2.281Z" fill="#494c4e"/>
|
|
5
|
+
</svg>`;
|
|
6
|
+
|
|
7
|
+
export const alignCenterSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
8
|
+
<path fill="#494c4e" d="M17 2.5H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm0 10H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm-2-6a1 1 0 0 1-1 1H4a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1zm0 10a1 1 0 0 1-1 1H4a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1z"/>
|
|
9
|
+
</svg>`;
|
|
10
|
+
|
|
11
|
+
export const alignJustifySvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
12
|
+
<path fill="#494c4e" d="M17 2.5H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm0 5H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm0 5H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm0 5H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z"/>
|
|
13
|
+
</svg>`;
|
|
14
|
+
|
|
15
|
+
export const alignLeftSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
16
|
+
<path fill="#494c4e" d="M17 2.5H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm0 10H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm-5-6a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1zm0 10a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1z"/>
|
|
17
|
+
</svg>`;
|
|
18
|
+
|
|
19
|
+
export const alignRightSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
20
|
+
<path fill="#494c4e" d="M17 2.5H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm0 10H1a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm1-6a1 1 0 0 1-1 1H7a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1zm0 10a1 1 0 0 1-1 1H7a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1z"/>
|
|
21
|
+
</svg>`;
|
|
22
|
+
|
|
23
|
+
export const attributesSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
24
|
+
<path fill="#494c4e" d="M12.6 0H1.4A1.417 1.417 0 0 0 0 1.43v15.14A1.417 1.417 0 0 0 1.4 18h11.2a1.355 1.355 0 0 0 .2-.02A4.992 4.992 0 0 1 13 8a5.468 5.468 0 0 1 1 .1V1.43A1.417 1.417 0 0 0 12.6 0zM5 12H3a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zm3-4H3a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zm3-4H3.03a1 1 0 0 1 0-2H11a1 1 0 0 1 0 2z"/>
|
|
25
|
+
<path fill="#494c4e" d="M12.89 14.55a.993.993 0 0 1-.44 1.34.934.934 0 0 1-.45.11.98.98 0 0 1-.89-.55l-1-2a.965.965 0 0 1 0-.89c.01-.03.03-.06.04-.09l.96-1.92a1 1 0 1 1 1.78.9L12.12 13zM17.89 13.44l-1 2.01A.98.98 0 0 1 16 16a1.05 1.05 0 0 1-.45-.1 1.007 1.007 0 0 1-.44-1.35l.77-1.55-.77-1.55a1 1 0 1 1 1.78-.9l.96 1.91.04.09a.965.965 0 0 1 0 .89z"/>
|
|
26
|
+
</svg>`;
|
|
27
|
+
|
|
28
|
+
export const blockquoteSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
29
|
+
<g fill="#494c4e">
|
|
30
|
+
<g transform="translate(-274 -402)">
|
|
31
|
+
<rect width="8" height="8" rx="2" transform="translate(274 402)"/>
|
|
32
|
+
<path d="M278.219 415a1.5 1.5 0 0 1-1.016-.394 1.492 1.492 0 0 1-.089-2.112 7.771 7.771 0 0 0 1.887-4.8 1.5 1.5 0 0 1 1.474-1.521h.027a1.5 1.5 0 0 1 1.5 1.468 10.713 10.713 0 0 1-2.678 6.879 1.5 1.5 0 0 1-1.105.48Z"/>
|
|
33
|
+
</g>
|
|
34
|
+
<g transform="translate(-264 -402)">
|
|
35
|
+
<rect width="8" height="8" rx="2" transform="translate(274 402)"/>
|
|
36
|
+
<path d="M278.219 415a1.5 1.5 0 0 1-1.016-.394 1.492 1.492 0 0 1-.089-2.112 7.771 7.771 0 0 0 1.887-4.8 1.5 1.5 0 0 1 1.474-1.521h.027a1.5 1.5 0 0 1 1.5 1.468 10.713 10.713 0 0 1-2.678 6.879 1.5 1.5 0 0 1-1.105.48Z"/>
|
|
37
|
+
</g>
|
|
38
|
+
</g>
|
|
39
|
+
</svg>`;
|
|
40
|
+
|
|
41
|
+
export const boldSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
42
|
+
<path fill="#494c4e" d="M14.88 9.82a3.557 3.557 0 0 0-1.83-1.41 3.753 3.753 0 0 0 1.21-.91 3.57 3.57 0 0 0 .73-2.35 4.146 4.146 0 0 0-.72-2.45A4.873 4.873 0 0 0 10.16 1H3.5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6.14a10.505 10.505 0 0 0 2.24-.22 4.245 4.245 0 0 0 1.79-.8 4.378 4.378 0 0 0 1.12-1.26 4.62 4.62 0 0 0 .71-2.55 4.31 4.31 0 0 0-.62-2.35zM5.5 4H10a1.5 1.5 0 0 1 1.5 1.5v.02A1.507 1.507 0 0 1 10 7H5.5V4zm7 7.96V12a2.006 2.006 0 0 1-2 2h-5v-4h5a2 2 0 0 1 1.99 1.87c0 .02.01.05.01.07v.02z"/>
|
|
43
|
+
</svg>`;
|
|
44
|
+
|
|
45
|
+
export const cellPropertiesSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
46
|
+
<path fill="#494c4e" d="M17.667 14.333h-.254a.332.332 0 0 1-.233-.57l.177-.177a.336.336 0 0 0 0-.473l-.47-.47a.336.336 0 0 0-.473 0l-.17.17a.325.325 0 0 1-.244.107.334.334 0 0 1-.333-.333v-.254a.334.334 0 0 0-.334-.333h-.666a.334.334 0 0 0-.333.333v.253a.334.334 0 0 1-.334.334.325.325 0 0 1-.243-.107l-.17-.17a.336.336 0 0 0-.473 0l-.47.47a.336.336 0 0 0 0 .473c.063.063.133.123.193.19a.306.306 0 0 1 .083.224.334.334 0 0 1-.333.333h-.254a.334.334 0 0 0-.333.333v.667a.334.334 0 0 0 .333.333h.253a.334.334 0 0 1 .334.334.306.306 0 0 1-.083.223c-.06.067-.13.127-.193.19a.336.336 0 0 0 0 .473l.47.47a.336.336 0 0 0 .473 0l.17-.17A.325.325 0 0 1 14 17.08a.334.334 0 0 1 .333.333v.253a.334.334 0 0 0 .333.333h.667a.334.334 0 0 0 .333-.334v-.253A.334.334 0 0 1 16 17.08a.325.325 0 0 1 .243.107l.17.17a.336.336 0 0 0 .473 0l.47-.47a.336.336 0 0 0 0-.473l-.177-.177a.332.332 0 0 1 .232-.57h.253a.334.334 0 0 0 .335-.333v-.667a.334.334 0 0 0-.333-.334zM15 16a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"/>
|
|
47
|
+
<path fill="#494c4e" d="M15 10a4.955 4.955 0 0 1 3 1.023V1a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10.023A4.978 4.978 0 0 1 15 10zm-5-8h6v6h-6V2zM8 16H2v-6h6v6zm0-8H2V2h6v6z"/>
|
|
48
|
+
</svg>`;
|
|
49
|
+
|
|
50
|
+
export const characterSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
51
|
+
<path fill="#494c4e" d="M18 17a1 1 0 0 1-1 1h-5a1 1 0 0 1 0-2h1.55A8.4 8.4 0 0 0 16 9.97C16 5.57 12.86 2 9 2S2 5.57 2 9.97A8.4 8.4 0 0 0 4.45 16H6a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2h.84A10.546 10.546 0 0 1 0 9.97C0 4.46 4.03 0 9 0s9 4.46 9 9.97A10.645 10.645 0 0 1 16.16 16H17a1 1 0 0 1 1 1z"/>
|
|
52
|
+
</svg>`;
|
|
53
|
+
|
|
54
|
+
export const chemistryEquationSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
55
|
+
<path fill="#494c4e" d="M13.5,0a1.486,1.486,0,0,0-1.408,2H5.908a1.5,1.5,0,1,0-1.476.993L1.834,7.54a1.5,1.5,0,1,0,0,2.919l2.6,4.547A1.514,1.514,0,1,0,5.908,16h6.184a1.5,1.5,0,1,0,1.476-.993l2.6-4.547a1.5,1.5,0,1,0,0-2.919l-2.6-4.547A1.5,1.5,0,0,0,13.5,0ZM6.161,14,3.3,9,6.161,4h5.679L14.7,9l-2.857,5Z"/>
|
|
56
|
+
</svg>`;
|
|
57
|
+
|
|
58
|
+
export const chevronDownSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
59
|
+
<path fill="#494c4e" d="M2.39 6.49a1.5 1.5 0 0 1 2.12-.1L9 10.47l4.49-4.08a1.5 1.5 0 0 1 2.02 2.22L10 13.62A1.474 1.474 0 0 1 9 14a1.523 1.523 0 0 1-1-.38L2.49 8.61a1.5 1.5 0 0 1-.1-2.12z"/>
|
|
60
|
+
</svg>`;
|
|
61
|
+
|
|
62
|
+
export const closeSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
63
|
+
<path fill="#494c4e" d="M15.708 14.29a1.008 1.008 0 0 1 0 1.42 1.014 1.014 0 0 1-1.42 0L9 10.42l-5.288 5.29a1.014 1.014 0 0 1-1.42 0 1.008 1.008 0 0 1 0-1.42L7.58 9 2.293 3.712a1.004 1.004 0 0 1 1.42-1.42L9 7.582l5.288-5.292a1.004 1.004 0 0 1 1.42 1.42L10.418 9z"/>
|
|
64
|
+
</svg>`;
|
|
65
|
+
|
|
66
|
+
export const codeSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
67
|
+
<path fill="#494c4e" d="M7 12.923a1 1 0 0 1-.554-.166.983.983 0 0 1-.277-1.373l4-5.94a1 1 0 0 1 1.385-.274.983.983 0 0 1 .277 1.373l-4 5.94a1 1 0 0 1-.833.44zm10.708-3.257l-3 2.97a1.02 1.02 0 0 1-1.42 0 .99.99 0 0 1 0-1.406l2.29-2.267-2.29-2.277a.98.98 0 0 1 0-1.4 1.015 1.015 0 0 1 1.42 0l3 2.97a.99.99 0 0 1 0 1.41zM4.712 11.23a.99.99 0 0 1 0 1.406 1.02 1.02 0 0 1-1.42 0l-3-2.97a.99.99 0 0 1 0-1.406l3-2.97a1.015 1.015 0 0 1 1.42 0 .98.98 0 0 1 0 1.4l-2.29 2.273z"/>
|
|
68
|
+
</svg>`;
|
|
69
|
+
|
|
70
|
+
export const codeBlockSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
71
|
+
<defs>
|
|
72
|
+
<clipPath id="a">
|
|
73
|
+
<path d="M0 0h18v18H0z"/>
|
|
74
|
+
</clipPath>
|
|
75
|
+
</defs>
|
|
76
|
+
<g clip-path="url(#a)">
|
|
77
|
+
<g fill="#494c4e">
|
|
78
|
+
<path data-name="Path 350" d="M17.17 5.977a.738.738 0 0 0 .83-.84V2.906a2.936 2.936 0 0 0-.738-2.173 3.005 3.005 0 0 0-2.206-.736h-2.22a.738.738 0 0 0-.84.83.738.738 0 0 0 .84.83h2.152a1.373 1.373 0 0 1 1 .343 1.374 1.374 0 0 1 .352 1.028v2.109a.738.738 0 0 0 .83.84ZM2.943 17.997h2.22a.826.826 0 1 0 0-1.651H3.007a1.373 1.373 0 0 1-1-.343 1.388 1.388 0 0 1-.352-1.038v-2.1a.738.738 0 0 0-.83-.84.738.738 0 0 0-.83.84v2.232a2.922 2.922 0 0 0 .743 2.178 3.02 3.02 0 0 0 2.205.722Zm9.893 0h2.22a3.005 3.005 0 0 0 2.205-.734 2.936 2.936 0 0 0 .738-2.173v-2.218a.738.738 0 0 0-.83-.84.738.738 0 0 0-.83.84v2.1a1.388 1.388 0 0 1-.352 1.038 1.373 1.373 0 0 1-1 .343h-2.151a.826.826 0 1 0 0 1.651ZM.83 5.977a.738.738 0 0 0 .83-.84V3.032a1.374 1.374 0 0 1 .352-1.028 1.373 1.373 0 0 1 1-.343h2.151c.566 0 .566-1.661 0-1.661h-2.22a3.008 3.008 0 0 0-2.2.734A2.925 2.925 0 0 0 0 2.907v2.23a.738.738 0 0 0 .83.84Zm4.2 2.627Z"/>
|
|
79
|
+
<path d="M12.889 11.927a.807.807 0 0 1-.553-.215.723.723 0 0 1-.228-.526.732.732 0 0 1 .228-.526l1.782-1.7-1.782-1.7a.714.714 0 0 1 0-1.046.813.813 0 0 1 1.1 0l2.334 2.221a.722.722 0 0 1 0 1.054l-2.329 2.223a.806.806 0 0 1-.552.215Zm-7.775 0a.806.806 0 0 1-.552-.215l-2.334-2.22A.723.723 0 0 1 2 8.965a.732.732 0 0 1 .228-.525l2.333-2.221a.813.813 0 0 1 1.1 0 .715.715 0 0 1 0 1.047l-1.782 1.7 1.782 1.7a.732.732 0 0 1 .228.526.723.723 0 0 1-.228.526.807.807 0 0 1-.547.209Zm2.335 0h-.007a.8.8 0 0 1-.428-.127.74.74 0 0 1-.331-.47.719.719 0 0 1 .117-.554l3.11-4.442A.786.786 0 0 1 10.557 6a.8.8 0 0 1 .431.13.74.74 0 0 1 .331.47.719.719 0 0 1-.116.557L8.092 11.6a.784.784 0 0 1-.644.326Z"/>
|
|
80
|
+
</g>
|
|
81
|
+
</g>
|
|
82
|
+
</svg>`;
|
|
83
|
+
|
|
84
|
+
export const creatorSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
85
|
+
<path fill="#494C4E" d="m16.094 4.365.456 1.17.713 8.41-4.085.232-.713-8.41.254-1.213L13.723.418a.385.385 0 0 1 .16-.22.523.523 0 0 1 .161-.026.532.532 0 0 1 .164.008c.082.038.151.11.195.2l1.691 3.985Zm-1.744-.58-.307 1.268-.192.914 1.36-.077-.341-.888-.52-1.217Z"/><path fill="#494C4E" d="m17.366 15.184-4.082.233.07.811c.018.213.071.422.156.615s.201.366.34.509c.14.143.3.254.472.326.172.072.353.104.532.094l1.36-.08c.36-.021.691-.212.92-.53.23-.319.337-.739.3-1.168l-.068-.81ZM6.004 9.518a1.14 1.14 0 0 1-.175-.205 5.116 5.116 0 0 1-2.521-.754 4.1 4.1 0 0 1-.882-.722C.272 5.582.34 1.253 1.343.807c.21-.089.378.027.935.408.33.224.793.542 1.48.964 1.039.63 1.752.993 2.271 1.257.6.305.942.48 1.23.782.1.101.188.215.261.336.536.82.76 1.806.63 2.777l-.04.04 3.531 3.345.359 4.138-5.996-5.336Z"/>
|
|
86
|
+
</svg>`;
|
|
87
|
+
|
|
88
|
+
export const cutRowSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
89
|
+
<path fill="#494c4e" d="M17 8h-4l-1.3-1 1.8-1.2a3.6 3.6 0 0 0 1.1.2 3.01 3.01 0 0 0 3-3 2.946 2.946 0 0 0-3-3 3.076 3.076 0 0 0-3 3v.4L10 4.9l-.5.5L7.6 4 5.8 2.6a1.58 1.58 0 0 0-2.2.4l1 1H.8a.713.713 0 0 0-.8.7V17a1 1 0 0 0 1 1h16a1.075 1.075 0 0 0 1-1V9a1 1 0 0 0-1-1zm-2.4-6a1 1 0 0 1 1 1 .945.945 0 0 1-1 1 1.075 1.075 0 0 1-1-1 1 1 0 0 1 1-1zM2 6h4.8l1.1 1-1 1H2V6zm14 10H2v-2h14v2zm0-4H2v-2h14v2z"/>
|
|
90
|
+
</svg>`;
|
|
91
|
+
|
|
92
|
+
export const darkModeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
93
|
+
<defs>
|
|
94
|
+
<clipPath id="a">
|
|
95
|
+
<path d="M0 0h18v18H0z"/>
|
|
96
|
+
</clipPath>
|
|
97
|
+
</defs>
|
|
98
|
+
<g clip-path="url(#a)">
|
|
99
|
+
<path data-name="Path 349" d="M12.95 11.4a7.434 7.434 0 0 1-2.576-.422A5.444 5.444 0 0 1 8.41 9.757a5.32 5.32 0 0 1-1.247-1.93 7.083 7.083 0 0 1-.432-2.542 7.286 7.286 0 0 1 .056-.87 8.317 8.317 0 0 1 .158-.9 4.231 4.231 0 0 1 .229-.724.859.859 0 0 0 .075-.217.933.933 0 0 0 .015-.149.453.453 0 0 0-.109-.291A.4.4 0 0 0 6.828 2a1.232 1.232 0 0 0-.184.019 1.417 1.417 0 0 0-.244.063 6.4 6.4 0 0 0-2.31 1.561 7.57 7.57 0 0 0-1.54 2.4 7.478 7.478 0 0 0-.552 2.834 7.2 7.2 0 0 0 .556 2.86 6.8 6.8 0 0 0 1.551 2.255 7.073 7.073 0 0 0 2.33 1.482 7.814 7.814 0 0 0 2.9.526 7.356 7.356 0 0 0 2.182-.321 7.575 7.575 0 0 0 1.911-.889 6.886 6.886 0 0 0 1.51-1.322 5.827 5.827 0 0 0 .984-1.628 1.193 1.193 0 0 0 .068-.258 1.483 1.483 0 0 0 .015-.175.424.424 0 0 0-.131-.325.414.414 0 0 0-.289-.123 1.109 1.109 0 0 0-.361.075 6.634 6.634 0 0 1-1.01.254 6.976 6.976 0 0 1-1.264.112Z" fill="#202122"/>
|
|
100
|
+
</g>
|
|
101
|
+
</svg>`;
|
|
102
|
+
|
|
103
|
+
export const deleteColumnSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
104
|
+
<path fill="#494c4e" d="M18 1a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10.02A4.98 4.98 0 0 1 10 15V2h2v9.024a4.953 4.953 0 0 1 2-.923V2h2v8.116a5.077 5.077 0 0 1 2 .9V1zM4 16H2V2h2v14zm4 0H6V2h2v14z"/>
|
|
105
|
+
<path fill="#494c4e" d="M13 14h4a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1 1 1 0 0 1 1-1z"/>
|
|
106
|
+
</svg>`;
|
|
107
|
+
|
|
108
|
+
export const deleteRowSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
109
|
+
<path fill="#494c4e" d="M17 0H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10.02a5.064 5.064 0 0 1-.9-2H2v-2h8.1a4.944 4.944 0 0 1 .923-2H2v-2h13a4.98 4.98 0 0 1 3 1.02V1a1 1 0 0 0-1-1zm-1 8H2V6h14v2zm0-4H2V2h14v2z"/>
|
|
110
|
+
<path fill="#494c4e" d="M13 14h4a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1 1 1 0 0 1 1-1z"/>
|
|
111
|
+
</svg>`;
|
|
112
|
+
|
|
113
|
+
export const deleteTableSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
114
|
+
<path fill="#494c4e" d="M17 0H1C.4 0 0 .5 0 1v16c0 .6.5 1 1 1h8c.6 0 1-.5 1-1v-2c0-2.8 2.2-5 5-5h2c.6 0 1-.5 1-1V1c0-.6-.4-1-1-1zM4 16H2v-2h2v2zm0-4H2v-2h2v2zm0-4H2V6h2v2zm0-4H2V2h2v2zm4 12H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V6h2v2zm0-4H6V2h2v2zm4 4h-2V6h2v2zm0-4h-2V2h2v2zm4 4h-2V6h2v2zm0-4h-2V2h2v2z"/>
|
|
115
|
+
<path fill="#494c4e" d="M18 15c0 .6-.5 1-1 1h-4c-.6 0-1-.5-1-1s.5-1 1-1h4c.6 0 1 .4 1 1z"/>
|
|
116
|
+
</svg>`;
|
|
117
|
+
|
|
118
|
+
export const duplicateRowSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
119
|
+
<path fill="#494c4e" d="M18 5a1.075 1.075 0 0 0-1-1H5a1.075 1.075 0 0 0-1 1v12a1.075 1.075 0 0 0 1 1h12a1.075 1.075 0 0 0 1-1V5zM6 6h10v2H6V6zm10 10H6v-2h10v2zM6 12v-2h10v2H6z"/>
|
|
120
|
+
<path fill="#494c4e" d="M14 1v1H2v4H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zM10 18z"/>
|
|
121
|
+
</svg>`;
|
|
122
|
+
|
|
123
|
+
export const editSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
124
|
+
<path fill="#494c4e" d="M2.85 10.907l-.672 1.407L.033 17.26a.535.535 0 0 0 0 .368.917.917 0 0 0 .155.184.917.917 0 0 0 .184.155A.54.54 0 0 0 .56 18a.48.48 0 0 0 .18-.033l4.946-2.145 1.407-.672 8.53-8.53-4.244-4.243zM4.857 14l-1.515.657L4 13.143l.508-1.064 1.415 1.413zM16.707 5.537l-4.244-4.244.707-.707a2 2 0 0 1 2.83 0L17.414 2a2 2 0 0 1 0 2.83z"/>
|
|
125
|
+
</svg>`;
|
|
126
|
+
|
|
127
|
+
export const emojiSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
128
|
+
<path fill="#494c4e" d="M9 2c3.9 0 7 3.1 7 7s-3.1 7-7 7-7-3.1-7-7 3.1-7 7-7m0-2C4 0 0 4 0 9s4 9 9 9 9-4 9-9-4-9-9-9z"/>
|
|
129
|
+
<circle fill="#494c4e" cx="6.5" cy="7.5" r="1.5"/>
|
|
130
|
+
<path fill="#494c4e" d="M6.5 6C5.7 6 5 6.7 5 7.5S5.7 9 6.5 9 8 8.3 8 7.5 7.3 6 6.5 6z"/>
|
|
131
|
+
<circle fill="#494c4e" cx="11.5" cy="7.5" r="1.5"/>
|
|
132
|
+
<path fill="#494c4e" d="M11.5 6c-.8 0-1.5.7-1.5 1.5S10.7 9 11.5 9 13 8.3 13 7.5 12.3 6 11.5 6zM14 11c0 1.6-2.8 3-5 3s-5-1.4-5-3c0-.8 2 1 5 1s5-1.8 5-1z"/>
|
|
133
|
+
</svg>`;
|
|
134
|
+
|
|
135
|
+
export const fontSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
136
|
+
<g fill="#494c4e"><path d="M16.899 13.001a.968.968 0 01-.892-.642l-.624-1.539h-1.891l-.919-2.184h1.936l-1.542-3.859-.984 2.455-1.1-2.621 1.171-2.922a1.015 1.015 0 01.512-.589.888.888 0 01.406-.1.933.933 0 01.1.008.843.843 0 01.3.091.989.989 0 01.488.543l.023.046 3.913 9.773a1.207 1.207 0 01.022.836 1.045 1.045 0 01-.516.608.939.939 0 01-.403.096zM1.406 17.001H1.4a1.366 1.366 0 01-.575-.131 1.427 1.427 0 01-.735-.808 1.5 1.5 0 01.035-1.113L5.7 1.916a1.4 1.4 0 01.726-.786 1.367 1.367 0 01.728-.12 1.341 1.341 0 01.42.12 1.4 1.4 0 01.7.728l.026.058 5.572 13.033a1.507 1.507 0 01.037 1.113 1.433 1.433 0 01-.736.808 1.376 1.376 0 01-.573.131 1.392 1.392 0 01-1.274-.857l-.882-2.051H3.555l-.882 2.051a1.387 1.387 0 01-1.267.857zM7 6.032l-2.2 5.15h4.4L7 6.032z"/></g>
|
|
137
|
+
</svg>`;
|
|
138
|
+
|
|
139
|
+
export const formatPainterSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
140
|
+
<g data-name="Group 1008" transform="translate(-1067 -1896)" fill="#494c4e">
|
|
141
|
+
<rect data-name="Rectangle 448" width="15" height="6" rx="1" transform="translate(1067 1896)"/>
|
|
142
|
+
<path data-name="Rectangle 450" d="M1083 1906v-8h1a1 1 0 011 1v6a1 1 0 01-1 1h-1z"/>
|
|
143
|
+
<path data-name="Rectangle 451" d="M1074 1904h11v1a1 1 0 01-1 1h-10v-2z"/>
|
|
144
|
+
<rect data-name="Rectangle 452" width="10" height="4" rx="1" transform="rotate(-90 1493.5 420.5)"/>
|
|
145
|
+
<path data-name="Rectangle 453" d="M1081 1898h3a1 1 0 011 1v1h-4v-2z"/>
|
|
146
|
+
</g>
|
|
147
|
+
</svg>`;
|
|
148
|
+
|
|
149
|
+
export const fullscreenSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
150
|
+
<path fill="#494c4e" d="M7.707 11.626l-3.29 3.265 1.29 1.282a1 1 0 0 1-.71 1.7H1a1 1 0 0 1-1-.993v-3.97a.98.98 0 0 1 .62-.914 1.006 1.006 0 0 1 1.09.208L3 13.48l3.29-3.264a1.012 1.012 0 0 1 1.418 0 .994.994 0 0 1 0 1.41zM10.293 11.625l3.29 3.265-1.29 1.28a1 1 0 0 0 .71 1.7h4a1 1 0 0 0 1-.992v-3.97a.98.98 0 0 0-.62-.913 1.006 1.006 0 0 0-1.09.208L15 13.48l-3.29-3.264a1.012 1.012 0 0 0-1.418 0 .992.992 0 0 0 0 1.41zM10.293 6.242l3.29-3.264-1.29-1.278a.99.99 0 0 1-.21-1.082A.987.987 0 0 1 13 0h4a1 1 0 0 1 1 .993v3.97a.98.98 0 0 1-.62.912 1.006 1.006 0 0 1-1.09-.208L15 4.387 11.712 7.65a1.012 1.012 0 0 1-1.42 0 .992.992 0 0 1 0-1.408zM7.707 6.242L4.42 2.977 5.71 1.7A1 1 0 0 0 5 0H1a1 1 0 0 0-1 .993v3.97a.98.98 0 0 0 .62.913 1.006 1.006 0 0 0 1.09-.208L3 4.388 6.288 7.65a1.012 1.012 0 0 0 1.42 0 .994.994 0 0 0 0-1.41zM11.8 20.93a.818.818 0 0 1 .07-.128.714.714 0 0 0-.09.2.183.183 0 0 1 .02-.07zM12.01 20.613c.01-.01.02-.01.03-.02a.644.644 0 0 0-.08.09.178.178 0 0 1 .05-.07z"/>
|
|
151
|
+
<path fill="#494c4e" d="M11.8 20.93a.818.818 0 0 1 .07-.128.714.714 0 0 0-.09.2.183.183 0 0 1 .02-.07zM12.04 20.593a.644.644 0 0 0-.08.09.178.178 0 0 1 .05-.07c.01-.013.02-.013.03-.02z"/>
|
|
152
|
+
</svg>`;
|
|
153
|
+
|
|
154
|
+
export const graphicalEquationSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
155
|
+
<path fill="#494c4e" d="M14 16.5c0 .83-.67 1.5-1.5 1.5h-7c-.83 0-1.5-.67-1.5-1.5 0-.293.095-.566.25-.814.443-.707.855-1.433 1.272-2.157l1.38-2.405c.364-.636.73-1.27 1.088-1.91.02-.038.256-.385.23-.425l-.443-.72-1.045-1.697-1.22-1.986-.84-1.36c-.246-.4-.578-.815-.65-1.292-.05-.338.01-.695.185-.992C4.49.258 5.02-.003 5.572 0H13c.55 0 1 .45 1 1s-.45 1-1 1H7.57l.59.983c.415.693.83 1.387 1.247 2.08l1.13 1.887c.197.33.472.673.454 1.074-.01.27-.13.517-.273.74-.35.55-.672 1.12-1.004 1.68L8.275 12.87l-1.092 1.84c-.016.025-.142.29-.173.29h5.49c.83 0 1.5.67 1.5 1.5z"/>
|
|
156
|
+
</svg>`;
|
|
157
|
+
|
|
158
|
+
export const h5pSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
159
|
+
<path d="M17.336 5.636C16.896 5.212 16.226 5 15.34 5h-2.992v1.686h-3.59l-.294 1.208c.245-.114.593-.229.832-.288.24-.06.479-.05.713-.05.794 0 1.441.245 1.936.724.495.479.74 1.088.74 1.817 0 .511-.125 1.006-.38 1.48a2.61 2.61 0 0 1-1.083 1.088 2.815 2.815 0 0 1-.555.223h3.041v-2.883h1.36c.99 0 1.724-.229 2.208-.68.484-.452.724-1.083.724-1.883 0-.777-.223-1.381-.664-1.806Zm-2.013 2.497c-.19.163-.522.24-.995.24h-.62V6.632h.718c.457 0 .772.082.935.256a.85.85 0 0 1 .25.625.776.776 0 0 1-.288.62Z" fill="#494C4E"/>
|
|
160
|
+
<path d="M9.22 8.987c-.43 0-.8.25-.979.61l-2.149-.305L7.061 5H5.113v3.373h-2.72V5H0v7.888h2.393v-2.883h2.72v2.883h2.949c-.365-.11-.68-.25-.936-.441a2.642 2.642 0 0 1-.636-.67 3.275 3.275 0 0 1-.398-.897l2.155-.31c.18.36.549.604.973.604a1.093 1.093 0 0 0 0-2.187Z" fill="#494C4E"/>
|
|
161
|
+
</svg>`;
|
|
162
|
+
|
|
163
|
+
export const heading1Svg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
164
|
+
<g fill="#494c4e">
|
|
165
|
+
<path d="M1.325 13.001a1.237 1.237 0 0 0 1.325-1.377V7.501h5.7v4.123a1.237 1.237 0 0 0 1.33 1.377 1.237 1.237 0 0 0 1.325-1.377V1.386A1.24 1.24 0 0 0 9.68.001a1.24 1.24 0 0 0-1.329 1.385v3.93h-5.7v-3.93A1.24 1.24 0 0 0 1.325.001 1.24 1.24 0 0 0 0 1.386v10.237a1.237 1.237 0 0 0 1.325 1.378Z"/>
|
|
166
|
+
<path d="M17.151 13a.808.808 0 0 0 .849-.86V5.495a.9.9 0 0 0-.974-.963 1.6 1.6 0 0 0-1.029.325l-1.626 1.128a.731.731 0 0 0-.37.644.587.587 0 0 0 .6.615.7.7 0 0 0 .456-.154l1.2-.838h.04v5.886a.812.812 0 0 0 .854.862Z"/>
|
|
167
|
+
</g>
|
|
168
|
+
</svg>`;
|
|
169
|
+
|
|
170
|
+
export const heading2Svg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
171
|
+
<g fill="#494c4e">
|
|
172
|
+
<path d="M1.325 13.001a1.237 1.237 0 0 0 1.325-1.377V7.501h5.7v4.123a1.237 1.237 0 0 0 1.33 1.377 1.237 1.237 0 0 0 1.325-1.377V1.386A1.24 1.24 0 0 0 9.68.001a1.24 1.24 0 0 0-1.329 1.385v3.93h-5.7v-3.93A1.24 1.24 0 0 0 1.325.001 1.24 1.24 0 0 0 0 1.386v10.237a1.237 1.237 0 0 0 1.325 1.378Z"/>
|
|
173
|
+
<path d="M13.492 12.698h3.9a.586.586 0 1 0 0-1.171h-2.655v-.03l1.522-1.463C17.41 8.946 17.83 8.409 17.83 7.55c0-1.21-1.005-2.049-2.5-2.049a2.434 2.434 0 0 0-2.452 1.508.983.983 0 0 0-.054.317.57.57 0 0 0 .629.6.683.683 0 0 0 .654-.429 1.253 1.253 0 0 1 1.209-.849 1 1 0 0 1 1.078 1c0 .507-.224.849-1.093 1.683l-2.1 2.005a.932.932 0 0 0-.4.737.606.606 0 0 0 .691.625Z"/>
|
|
174
|
+
</g>
|
|
175
|
+
</svg>`;
|
|
176
|
+
|
|
177
|
+
export const horizontalRuleSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
178
|
+
<path fill="none" d="M0 0h18v18H0z"/>
|
|
179
|
+
<path fill="none" stroke="#494c4e" stroke-linecap="round" stroke-width="2" d="M1 9h16"/>
|
|
180
|
+
</svg>`;
|
|
181
|
+
|
|
182
|
+
export const imageSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
183
|
+
<path fill="#494c4e" d="M17 2.5H1a1 1 0 0 0-1 1v10.51a1.494 1.494 0 0 0 1.49 1.49h15.02A1.494 1.494 0 0 0 18 14.01V3.5a1 1 0 0 0-1-1zm-10 3a1 1 0 1 1-1 1 1 1 0 0 1 1-1zm-5 8a.418.418 0 0 0 .09-.155c.08-.13.17-.263.25-.4.12-.18.23-.37.35-.56.13-.22.27-.442.4-.662s.28-.44.41-.66c.13-.2.25-.4.37-.59.09-.15.18-.29.26-.43a1.443 1.443 0 0 1 .23-.32 1.086 1.086 0 0 1 .37-.19 1.056 1.056 0 0 1 .5 0 1.038 1.038 0 0 1 .37.17l1.45 1.1L10.3 13.5H2zm11.43 0L9.05 9.865l3.43-2.2a1.033 1.033 0 0 1 .54-.165.782.782 0 0 1 .26.04.95.95 0 0 1 .63.524L16 13.5h-2.57z"/>
|
|
184
|
+
</svg>`;
|
|
185
|
+
|
|
186
|
+
export const indentSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
187
|
+
<path fill="#494c4e" d="M18 1a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h16a1 1 0 0 1 1 1zM18 16a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h16a1 1 0 0 1 1 1zM18 6a1 1 0 0 1-1 1h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zM18 11a1 1 0 0 1-1 1h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zM8 8.5a1.014 1.014 0 0 1-.4.8l-2 1.5a1.03 1.03 0 0 1-.6.2.908.908 0 0 1-.45-.11A.977.977 0 0 1 4 10v-.5H1a1 1 0 0 1 0-2h3V7a.977.977 0 0 1 .55-.89 1 1 0 0 1 1.05.09l2 1.5a1.014 1.014 0 0 1 .4.8z"/>
|
|
188
|
+
</svg>`;
|
|
189
|
+
|
|
190
|
+
export const inlineFormatSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
191
|
+
<g fill="#494c4e"><path d="M9.683 15h-5.76A.931.931 0 013 14.063V.952a.931.931 0 01.923-.937h6.148c.121-.01.245-.015.367-.015a4.467 4.467 0 013.427 1.607A3.906 3.906 0 0114.53 3.9a3.382 3.382 0 01-.674 2.2 3.45 3.45 0 01-1.117.852 3.313 3.313 0 011.69 1.321 4.071 4.071 0 01.572 2.2 4.37 4.37 0 01-.655 2.389 4.083 4.083 0 01-1.034 1.18 3.911 3.911 0 01-1.652.748 9.539 9.539 0 01-1.977.21zM5.769 8.444v3.746h4.616a1.871 1.871 0 001.846-1.874v-.056a.191.191 0 000-.033.185.185 0 010-.032 1.863 1.863 0 00-1.846-1.751zm0-5.619v2.81h4.154a1.409 1.409 0 001.385-1.387v-.019a1.4 1.4 0 00-1.385-1.405zM18 17a1 1 0 01-1 1H1a1 1 0 010-2h16a1 1 0 011 1z"/></g>
|
|
192
|
+
</svg>`;
|
|
193
|
+
|
|
194
|
+
export const insertColumnAfterSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
195
|
+
<path fill="#494c4e" d="M18 15a1 1 0 0 1-1 1h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1h1a1 1 0 0 1 1 1zM16 2v6h-2V2h2zm1-2h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM9 0H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM4 16H2V2h2v14zm4 0H6V2h2v14z"/>
|
|
196
|
+
</svg>`;
|
|
197
|
+
|
|
198
|
+
export const insertColumnBeforeSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
199
|
+
<path fill="#494c4e" d="M6 15a1 1 0 0 1-1 1H4v1a1 1 0 0 1-2 0v-1H1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1h1a1 1 0 0 1 1 1zM4 2v6H2V2h2zm1-2H1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM17 0H9a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zm-5 16h-2V2h2v14zm4 0h-2V2h2v14z"/>
|
|
200
|
+
</svg>`;
|
|
201
|
+
|
|
202
|
+
export const insertRowAboveSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
203
|
+
<path fill="#494c4e" d="M3 0a1 1 0 0 1 1 1v1h1a1 1 0 0 1 0 2H4v1a1 1 0 0 1-2 0V4H1a1 1 0 0 1 0-2h1V1a1 1 0 0 1 1-1zM10 2h6v2h-6V2zM8 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1zM0 9v8a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1zm16 5v2H2v-2h14zm0-4v2H2v-2h14z"/>
|
|
204
|
+
</svg>`;
|
|
205
|
+
|
|
206
|
+
export const insertRowAfterSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
207
|
+
<path fill="#494c4e" d="M3 12a1 1 0 0 1 1 1v1h1a1 1 0 0 1 0 2H4v1a1 1 0 0 1-2 0v-1H1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 1-1zM10 14h6v2h-6v-2zm-2-1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1zM0 1v8a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1zm16 5v2H2V6h14zm0-4v2H2V2h14z"/>
|
|
208
|
+
</svg>`;
|
|
209
|
+
|
|
210
|
+
export const insertStuffSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
211
|
+
<path d="M1 8a1 1 0 01-1-1V1A1 1 0 011.447.1l6 3a1 1 0 010 1.789l-6 3A1 1 0 011 8zM12 8a1 1 0 01-1-1V1a1 1 0 012 0v6a1 1 0 01-1 1zM16 8a1 1 0 01-1-1V1a1 1 0 012 0v6a1 1 0 01-1 1zM16 18h-4a2 2 0 01-2-2v-4a2 2 0 012-2h4a2 2 0 012 2v4a2 2 0 01-2 2zM4 18a4 4 0 112.828-1.172A4 4 0 014 18zm0-6a2 2 0 102 2 2 2 0 00-2-2z" fill="#494c4e"/>
|
|
212
|
+
</svg>`;
|
|
213
|
+
|
|
214
|
+
export const insertSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
215
|
+
<path fill="#494c4e" d="M15 9a1 1 0 0 1-1 1h-4v4a1 1 0 0 1-2 0v-4H4a1 1 0 0 1 0-2h4V4a1 1 0 0 1 2 0v4h4a1 1 0 0 1 1 1z"/>
|
|
216
|
+
</svg>`;
|
|
217
|
+
|
|
218
|
+
export const italicSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
219
|
+
<path fill="#494c4e" d="M14 1.5a.5.5 0 0 1-.5.5 2.413 2.413 0 0 0-1.56.4 2.046 2.046 0 0 0-.64 1.19L8.96 14.5a4.764 4.764 0 0 0-.1.62c0 .59.55.88 1.64.88a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.02-1h.02a1.97 1.97 0 0 0 2.2-1.59L9.05 3.5a3.136 3.136 0 0 0 .09-.62c0-.59-.55-.88-1.64-.88a.5.5 0 0 1-.5-.5.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5z"/>
|
|
220
|
+
</svg>`;
|
|
221
|
+
|
|
222
|
+
export const latexEquationSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
223
|
+
<path fill="#494c4e" d="M18 16.5c0 .83-.67 1.5-1.5 1.5h-7c-.83 0-1.5-.67-1.5-1.5 0-.293.095-.566.25-.814.443-.707.855-1.433 1.272-2.157l1.38-2.405c.364-.636.73-1.27 1.088-1.91.02-.038.256-.385.23-.425l-.443-.72-1.045-1.697L9.51 4.388l-.838-1.36c-.247-.4-.58-.815-.65-1.292-.05-.34.01-.696.185-.993C8.49.258 9.02-.003 9.572 0H17c.55 0 1 .45 1 1s-.45 1-1 1h-5.43l.59.983c.415.694.83 1.387 1.247 2.08l1.13 1.887c.197.33.472.673.454 1.074-.01.27-.13.517-.273.74-.35.55-.672 1.12-1.004 1.68l-1.438 2.425-1.092 1.84c-.016.025-.142.29-.173.29h5.49c.83 0 1.5.67 1.5 1.5zM1 18c-.08 0-.16-.01-.243-.03-.536-.134-.86-.677-.728-1.212l4-16c.134-.536.678-.862 1.213-.728s.86.677.727 1.213l-4 16c-.114.454-.52.757-.97.757z"/>
|
|
224
|
+
</svg>`;
|
|
225
|
+
|
|
226
|
+
export const lightModeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
227
|
+
<defs>
|
|
228
|
+
<clipPath id="a">
|
|
229
|
+
<path d="M0 0h18v18H0z"/>
|
|
230
|
+
</clipPath>
|
|
231
|
+
</defs>
|
|
232
|
+
<g clip-path="url(#a)">
|
|
233
|
+
<path d="M9.778.776a.751.751 0 0 0-.229-.543A.743.743 0 0 0 9 0a.733.733 0 0 0-.54.233.751.751 0 0 0-.229.543V2.46a.751.751 0 0 0 .229.543.733.733 0 0 0 .54.233.743.743 0 0 0 .549-.233.751.751 0 0 0 .229-.543Zm0 14.766a.774.774 0 0 0-1.548 0v1.673a.76.76 0 0 0 .229.552.733.733 0 0 0 .54.233.743.743 0 0 0 .549-.233.76.76 0 0 0 .229-.552Zm7.452-5.77a.772.772 0 0 0 0-1.544h-1.685a.75.75 0 0 0-.549.229.736.736 0 0 0-.229.539.781.781 0 0 0 .778.776ZM.778 8.228a.75.75 0 0 0-.549.229.736.736 0 0 0-.229.539.781.781 0 0 0 .778.776h1.686a.772.772 0 0 0 0-1.544ZM3.83 4.933a.72.72 0 0 0 .54.224.763.763 0 0 0 .549-.216.749.749 0 0 0 .225-.552.736.736 0 0 0-.216-.543l-1.193-1.2a.775.775 0 0 0-.549-.224.677.677 0 0 0-.54.216.78.78 0 0 0-.017 1.1Zm9.242-1.087a.754.754 0 0 0-.216.543.784.784 0 0 0 .216.552.769.769 0 0 0 .553.216.753.753 0 0 0 .553-.224l1.2-1.19a.765.765 0 0 0 .216-.552.749.749 0 0 0-.225-.552.711.711 0 0 0-.545-.22.739.739 0 0 0-.545.229Zm1.1 9.22a.778.778 0 0 0-1.1 1.1l1.219 1.194a.734.734 0 0 0 .54.216.748.748 0 0 0 .549-.224.76.76 0 0 0 .216-.548.73.73 0 0 0-.216-.539ZM2.62 14.26a.745.745 0 0 0-.22.539.729.729 0 0 0 .22.548.784.784 0 0 0 1.1.009l1.2-1.19a.744.744 0 0 0 .225-.548.73.73 0 0 0-.216-.539.753.753 0 0 0-.553-.224.739.739 0 0 0-.545.216ZM9 4.76a4.07 4.07 0 0 0-1.638.332 4.389 4.389 0 0 0-1.354.915 4.274 4.274 0 0 0-.92 1.353 4.2 4.2 0 0 0 0 3.277 4.274 4.274 0 0 0 .921 1.35 4.452 4.452 0 0 0 1.353.919 4.148 4.148 0 0 0 3.272 0 4.376 4.376 0 0 0 2.274-2.272 4.151 4.151 0 0 0 0-3.274 4.372 4.372 0 0 0-.921-1.35 4.321 4.321 0 0 0-1.353-.914A4.08 4.08 0 0 0 9 4.76Z" fill="#494c4e"/>
|
|
234
|
+
</g>
|
|
235
|
+
</svg>`;
|
|
236
|
+
|
|
237
|
+
export const lineNumbersSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
238
|
+
<defs>
|
|
239
|
+
<clipPath id="a">
|
|
240
|
+
<path d="M0 0h18v18H0z"/>
|
|
241
|
+
</clipPath>
|
|
242
|
+
</defs>
|
|
243
|
+
<g clip-path="url(#a)">
|
|
244
|
+
<g>
|
|
245
|
+
<g>
|
|
246
|
+
<path d="M2.502 16.001h-2a.5.5 0 1 1 0-1h1.5v-.5h-.5a.5.5 0 0 1 0-1h.5v-.5h-1.5a.5.5 0 1 1 0-1h2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5Zm0-5h-2a.5.5 0 0 1-.5-.5.471.471 0 0 1 .09-.291s.05-.07.059-.09l.59-.84c.007-.009.67-.94.679-.95a.333.333 0 0 0 .08-.169.252.252 0 0 0-.065-.192.246.246 0 0 0-.178-.077h-.014a.234.234 0 0 0-.192.1.455.455 0 0 0-.035.074.352.352 0 0 1-.04.08.5.5 0 0 1-.809.02.506.506 0 0 1-.085-.433 1.244 1.244 0 0 1 2.42.41 1.3 1.3 0 0 1-.159.61c-.052.078-.864 1.24-.88 1.25h1.039a.5.5 0 1 1 0 1Zm-1-5a.5.5 0 0 1-.5-.5v-2.19l-.281.14a.531.531 0 0 1-.22.05.5.5 0 0 1-.45-.28.509.509 0 0 1 .23-.67l1-.5A.472.472 0 0 1 1.494 2a.478.478 0 0 1 .137.02.514.514 0 0 1 .13.05.019.019 0 0 0 .017.01l.034.029.012.01a.592.592 0 0 1 .047.042.888.888 0 0 1 .08.12.532.532 0 0 1 .051.22v3a.5.5 0 0 1-.5.5Z" fill="#494c4e"/>
|
|
247
|
+
</g>
|
|
248
|
+
<path fill="none" stroke="#494c4e" stroke-linecap="round" stroke-width="2" d="M6 9h11"/>
|
|
249
|
+
<path fill="none" stroke="#494c4e" stroke-linecap="round" stroke-width="2" d="M6 4h6"/>
|
|
250
|
+
<path fill="none" stroke="#494c4e" stroke-linecap="round" stroke-width="2" d="M6 14h10"/>
|
|
251
|
+
</g>
|
|
252
|
+
</g>
|
|
253
|
+
</svg>`;
|
|
254
|
+
|
|
255
|
+
export const linkSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
256
|
+
<path fill="#494c4e" d="M11.132 1.18L9.71 2.6a4.015 4.015 0 0 0-.62 4.885L7.486 9.092a4.015 4.015 0 0 0-4.886.62l-1.422 1.42a4.022 4.022 0 0 0 5.688 5.69L8.288 15.4a4.015 4.015 0 0 0 .62-4.885l1.606-1.607a4.014 4.014 0 0 0 4.885-.62l1.42-1.422a4.022 4.022 0 1 0-5.688-5.687zm-4.266 12.8L5.444 15.4A2.012 2.012 0 0 1 2.6 12.555l1.42-1.422a2.007 2.007 0 0 1 1.942-.52l-1.23 1.23a1.006 1.006 0 0 0 1.422 1.423l1.23-1.23a2.006 2.006 0 0 1-.518 1.94zM15.4 5.444l-1.424 1.422a2.007 2.007 0 0 1-1.94.52l1.23-1.23a1.006 1.006 0 1 0-1.423-1.423l-1.23 1.23a2.006 2.006 0 0 1 .52-1.94l1.42-1.424A2.012 2.012 0 0 1 15.4 5.445z"/>
|
|
257
|
+
</svg>`;
|
|
258
|
+
|
|
259
|
+
export const ltrSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
260
|
+
<path fill="#494c4e" d="M8 13a2.134 2.134 0 0 1-.7 1.2l-1 1-.5.5a1.33 1.33 0 0 1-.8.3.6.6 0 0 1-.4-.1.875.875 0 0 1-.6-.9v-1H1a1.075 1.075 0 0 1-1-1 1.075 1.075 0 0 1 1-1h3v-1a.875.875 0 0 1 .6-.9.913.913 0 0 1 1.1.2L7.4 12a1.174 1.174 0 0 1 .6 1zM18 1.5A1.538 1.538 0 0 1 16.5 3H16v14a1 1 0 0 1-2 0V3h-2v14a1.075 1.075 0 0 1-1 1 1.075 1.075 0 0 1-1-1V8H8a3.01 3.01 0 0 1-3-3V3a2.946 2.946 0 0 1 3-3h8.5A1.538 1.538 0 0 1 18 1.5z"/>
|
|
261
|
+
</svg>`;
|
|
262
|
+
|
|
263
|
+
export const mathmlEquationSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
264
|
+
<path fill="#494c4e" d="M14 16.5c0 .83-.67 1.5-1.5 1.5h-7c-.83 0-1.5-.67-1.5-1.5 0-.293.095-.566.25-.814.443-.707.855-1.433 1.272-2.157l1.38-2.405c.364-.636.73-1.27 1.088-1.91.02-.038.256-.385.23-.425l-.443-.72-1.045-1.697-1.22-1.986-.84-1.36c-.246-.4-.578-.815-.65-1.292-.05-.338.01-.695.185-.992C4.49.258 5.02-.003 5.572 0H13c.55 0 1 .45 1 1s-.45 1-1 1H7.57l.59.983c.415.693.83 1.387 1.247 2.08l1.13 1.887c.197.33.472.673.454 1.074-.01.27-.13.517-.273.74-.35.55-.672 1.12-1.004 1.68L8.275 12.87l-1.092 1.84c-.016.025-.142.29-.173.29h5.49c.83 0 1.5.67 1.5 1.5z"/>
|
|
265
|
+
<path fill="#494c4e" d="M4.83 11.55c-.19.29-.51.45-.83.45-.19 0-.38-.05-.55-.17l-3-2c-.01-.01-.02-.01-.02-.02-.1-.06-.19-.15-.26-.26-.31-.45-.18-1.08.28-1.38l3-2c.45-.31 1.07-.18 1.382.28.31.45.18 1.08-.28 1.38L2.8 9l1.75 1.17c.46.3.59.92.28 1.38zM13.17 11.55c.19.29.51.45.83.45.19 0 .38-.05.55-.17l3-2c.01-.01.02-.01.02-.02.1-.06.19-.15.26-.26.31-.45.18-1.08-.28-1.38l-3-2c-.45-.31-1.07-.18-1.382.28-.31.45-.18 1.08.28 1.38L15.198 9l-1.75 1.17c-.46.3-.59.92-.28 1.38z"/>
|
|
266
|
+
</svg>`;
|
|
267
|
+
|
|
268
|
+
export const mediaSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
269
|
+
<path fill="#494c4e" d="M17 2H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-3.55 7.89l-6 3A1.03 1.03 0 0 1 7 13a1.014 1.014 0 0 1-.53-.15A1 1 0 0 1 6 12V6a1 1 0 0 1 1.45-.89l6 3a1 1 0 0 1 0 1.78z"/>
|
|
270
|
+
</svg>`;
|
|
271
|
+
|
|
272
|
+
export const mergeCellsSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
273
|
+
<path fill="#494c4e" d="M9 11a.945.945 0 0 1-1-1V8a.945.945 0 0 1 1-1 .945.945 0 0 1 1 1v2a1 1 0 0 1-1 1z"/>
|
|
274
|
+
<path fill="#494c4e" d="M17 0H1a1.075 1.075 0 0 0-1 1v16a1.075 1.075 0 0 0 1 1h16a1.075 1.075 0 0 0 1-1V1a1.075 1.075 0 0 0-1-1zM4 16H2V2h2v14zm8 0h-2v-2a1.075 1.075 0 0 0-1-1 1.075 1.075 0 0 0-1 1v2H6V2h2v2a1.075 1.075 0 0 0 1 1 1.075 1.075 0 0 0 1-1V2h2v14zm4 0h-2V2h2v14z"/>
|
|
275
|
+
</svg>`;
|
|
276
|
+
|
|
277
|
+
export const moreSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
278
|
+
<path fill="#494c4e" d="M2,7 C0.895,7 0,7.895 0,9 C0,10.105 0.895,11 2,11 C3.105,11 4,10.105 4,9 C4,7.895 3.105,7 2,7 Z M16,7 C14.895,7 14,7.895 14,9 C14,10.105 14.895,11 16,11 C17.105,11 18,10.105 18,9 C18,7.895 17.105,7 16,7 Z M9,7 C7.895,7 7,7.895 7,9 C7,10.105 7.895,11 9,11 C10.105,11 11,10.105 11,9 C11,7.895 10.105,7 9,7 Z"></path>
|
|
279
|
+
</svg>`;
|
|
280
|
+
|
|
281
|
+
export const newLineSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
282
|
+
<path fill="#494c4e" d="M16 4H2c-.6 0-1-.4-1-1s.4-1 1-1h14c.6 0 1 .4 1 1s-.4 1-1 1zm0 4H2c-.6 0-1-.4-1-1s.4-1 1-1h14c.6 0 1 .4 1 1s-.4 1-1 1zm1 4v2c0 1-1 2-2 2h-2c0 .3 0 .5-.3.7-.2.2-.4.3-.7.3s-.5 0-.7-.3l-1-1c-.4-.4-.4-1 0-1.4l1-1c.4-.4 1-.4 1.4 0 .2.2.3.4.3.7h2v-2H2c-.6 0-1-.5-1-1s.5-1 1-1h13c1 0 2 1 2 2z"/>
|
|
283
|
+
</svg>`;
|
|
284
|
+
|
|
285
|
+
export const openLinkSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
286
|
+
<path fill="#494c4e" d="M12.1.6a.944.944 0 0 0 .2 1.04l1.352 1.353L10.28 6.37a.956.956 0 0 0 1.35 1.35l3.382-3.38 1.352 1.352a.944.944 0 0 0 1.04.2.958.958 0 0 0 .596-.875V.96a.964.964 0 0 0-.96-.96h-4.057a.958.958 0 0 0-.883.6z"/>
|
|
287
|
+
<path fill="#494c4e" d="M14 11v5a2.006 2.006 0 0 1-2 2H2a2.006 2.006 0 0 1-2-2V6a2.006 2.006 0 0 1 2-2h5a1 1 0 0 1 0 2H2v10h10v-5a1 1 0 0 1 2 0z"/>
|
|
288
|
+
</svg>`;
|
|
289
|
+
|
|
290
|
+
export const orderedListSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
291
|
+
<path fill="#494c4e" d="M2 .5v3a.5.5 0 0 1-1 0V1.31l-.28.14a.54.54 0 0 1-.22.05.5.5 0 0 1-.45-.28.506.506 0 0 1 .23-.67l1-.5a.474.474 0 0 1 .35-.03.514.514 0 0 1 .13.05.02.02 0 0 0 .02.01c.03.03.06.05.09.08a.864.864 0 0 1 .08.12A.54.54 0 0 1 2 .5zM3 14.5v3a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H2v-.5h-.5a.5.5 0 0 1 0-1H2V15H.5a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM17 4H6a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2zM17 11H6a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2zM17 18H6a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2zM3 10.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5.476.476 0 0 1 .09-.29s.05-.07.06-.09l.59-.84s.67-.94.68-.95a.337.337 0 0 0 .08-.17.247.247 0 0 0-.25-.27.235.235 0 0 0-.2.1c-.032.05-.043.11-.076.153a.5.5 0 0 1-.414.217.5.5 0 0 1-.48-.63A1.232 1.232 0 0 1 .74 7 1.25 1.25 0 0 1 2.5 8.14a1.29 1.29 0 0 1-.16.61c-.06.09-.87 1.25-.88 1.25H2.5a.5.5 0 0 1 .5.5z"/>
|
|
292
|
+
</svg>`;
|
|
293
|
+
|
|
294
|
+
export const outdentSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
295
|
+
<path fill="#494c4e" d="M18 1c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1zM18 16c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1zM18 6c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1zM18 11c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1zM0 8.5c0 .31.15.61.4.8l2 1.5c.18.13.39.2.6.2.15 0 .31-.03.45-.11.34-.16.55-.51.55-.89v-.5h3c.55 0 1-.45 1-1s-.45-1-1-1H4V7c0-.38-.21-.73-.55-.89-.34-.17-.75-.14-1.05.09l-2 1.5c-.25.19-.4.49-.4.8z"/>
|
|
296
|
+
</svg>`;
|
|
297
|
+
|
|
298
|
+
export const pasteSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
299
|
+
<path fill="#494c4e" d="M11 4V3a1 1 0 0 0-1-1h-.01c0-.55-.45-2-1-2s-1 1.45-1 2A1 1 0 0 0 7 3v1a2.076 2.076 0 0 0-2 2.05v9.87A2.085 2.085 0 0 0 7.08 18h3.85A2.076 2.076 0 0 0 13 15.92V6.05A2.056 2.056 0 0 0 11 4zm-2 9c-1.1 0-2-1.343-2-3s.9-3 2-3 2 1.343 2 3-.9 3-2 3z"/>
|
|
300
|
+
</svg>`;
|
|
301
|
+
|
|
302
|
+
export const pasteRowAfterSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
303
|
+
<path fill="#494c4e" d="M16 14v2h-4v-2h4zm1-2h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zM6 4V3a1 1 0 0 0-1-1c0-.5-.4-2-1-2S3 1.5 3 2a1 1 0 0 0-1 1v1a2.094 2.094 0 0 0-2 2.1V16a2.03 2.03 0 0 0 2.1 2H6a2.03 2.03 0 0 0 2-2.1V6.1A2.03 2.03 0 0 0 6 4zm-2 9c-1.1 0-2-1.3-2-3s.9-3 2-3 2 1.3 2 3-.9 3-2 3zM17 0h-6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zm-5 2h4v2h-4V2zm4 6h-4V6h4v2z"/>
|
|
304
|
+
</svg>`;
|
|
305
|
+
|
|
306
|
+
export const pasteRowBeforeSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
307
|
+
<path fill="#494c4e" d="M16 2v2h-4V2h4zm1-2h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM6 4V3a1 1 0 0 0-1-1c0-.5-.4-2-1-2S3 1.5 3 2a1 1 0 0 0-1 1v1a2.094 2.094 0 0 0-2 2.1V16a2.03 2.03 0 0 0 2.1 2H6a2.03 2.03 0 0 0 2-2.1V6.1A2.03 2.03 0 0 0 6 4zm-2 9c-1.1 0-2-1.3-2-3s.9-3 2-3 2 1.3 2 3-.9 3-2 3zM17 8h-6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zm-5 2h4v2h-4v-2zm4 6h-4v-2h4v2z"/>
|
|
308
|
+
</svg>`;
|
|
309
|
+
|
|
310
|
+
export const previewSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
311
|
+
<path fill="#494c4e" d="M17.707 16.288l-3.43-3.43a4.47 4.47 0 1 0-1.418 1.42l3.43 3.43a1 1 0 1 0 1.417-1.42zM8 10.478a2.48 2.48 0 1 1 2.48 2.48A2.48 2.48 0 0 1 8 10.48z"/>
|
|
312
|
+
<path fill="#494c4e" d="M10 0H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6.1a6.53 6.53 0 0 1-2.587-3H3a1 1 0 0 1 0-2h1.034C4.02 10.825 4 10.654 4 10.478A6.447 6.447 0 0 1 4.177 9H3a1 1 0 0 1 0-2h2.022a6.526 6.526 0 0 1 2.014-2H3a1 1 0 1 1 0-2h5a1 1 0 0 1 1 1 .913.913 0 0 1-.038.187A6.437 6.437 0 0 1 10.478 4c.176 0 .348.013.52.026V1A1 1 0 0 0 10 0z"/>
|
|
313
|
+
</svg>`;
|
|
314
|
+
|
|
315
|
+
export const redoSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
316
|
+
<path fill="#494c4e" d="M0 10c0 4.41 3.59 8 8 8s8-3.59 8-8c0-.55-.45-1-1-1s-1 .45-1 1c0 3.31-2.69 6-6 6s-6-2.69-6-6 2.69-6 6-6h4v1c0 .37.2.71.53.88.15.08.31.12.47.12.19 0 .39-.06.55-.17l3-2c.28-.18.45-.5.45-.83 0-.33-.17-.65-.45-.83l-3-2C13.39.06 13.19 0 13 0c-.16 0-.32.04-.47.12C12.2.29 12 .63 12 1v1H8c-4.41 0-8 3.59-8 8z"/>
|
|
317
|
+
</svg>`;
|
|
318
|
+
|
|
319
|
+
export const removeLinkSvg = `<svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 18 18">
|
|
320
|
+
<path fill="#494c4e" d="M9.794 10.63l-.11-.6-.794.385a4.014 4.014 0 0 0-4.82-1.01l-1.808.88a4.022 4.022 0 1 0 3.52 7.234l1.81-.88a4.015 4.015 0 0 0 2.178-4.417l.8-.39.073-1.075zm-3.082 4.2l-1.808.88a2.01 2.01 0 0 1-1.76-3.618l1.807-.88a2.007 2.007 0 0 1 2 .143l-1.563.76a1.005 1.005 0 1 0 .88 1.81l1.564-.762a2.008 2.008 0 0 1-1.118 1.668zM17.5 2.08A4.02 4.02 0 0 0 12.033.5l-1.76.972a4.015 4.015 0 0 0-1.95 4.52l-.74.408.017.452.87.084.03.398V8.2l.8-.444a4.014 4.014 0 0 0 4.865.76l1.76-.97A4.02 4.02 0 0 0 17.5 2.08zm-2.55 3.7l-1.76.972a2.007 2.007 0 0 1-2.01-.04l1.52-.837a1.005 1.005 0 1 0-.97-1.76l-1.524.84a2.007 2.007 0 0 1 1.037-1.722L13 2.263a2.012 2.012 0 0 1 1.948 3.52z"/>
|
|
321
|
+
</svg>`;
|
|
322
|
+
|
|
323
|
+
export const rowPropertiesSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
324
|
+
<path fill="#494c4e" d="M17.667 14.333h-.253a.332.332 0 0 1-.233-.57l.178-.177a.336.336 0 0 0 0-.473l-.47-.47a.336.336 0 0 0-.473 0l-.17.17a.33.33 0 0 1-.245.107.334.334 0 0 1-.333-.333v-.253a.334.334 0 0 0-.333-.334h-.667a.334.334 0 0 0-.333.333v.253a.334.334 0 0 1-.334.334.322.322 0 0 1-.243-.107l-.17-.17a.336.336 0 0 0-.473 0l-.47.47a.336.336 0 0 0 0 .473c.063.063.133.123.193.19a.306.306 0 0 1 .083.223.334.334 0 0 1-.333.332h-.252a.334.334 0 0 0-.333.333v.667a.334.334 0 0 0 .333.333h.253a.334.334 0 0 1 .333.333.306.306 0 0 1-.082.223c-.06.068-.13.128-.193.19a.336.336 0 0 0 0 .474l.47.47a.336.336 0 0 0 .473 0l.17-.17a.324.324 0 0 1 .242-.107.334.334 0 0 1 .333.333v.253a.334.334 0 0 0 .333.333h.667a.334.334 0 0 0 .333-.333v-.253a.334.334 0 0 1 .334-.333.322.322 0 0 1 .243.107l.17.17a.336.336 0 0 0 .473 0l.47-.47a.336.336 0 0 0 0-.473l-.177-.176a.332.332 0 0 1 .232-.57h.253A.334.334 0 0 0 18 15.33v-.666a.33.33 0 0 0-.333-.33zM15 16a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"/>
|
|
325
|
+
<path fill="#494c4e" d="M17 0H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10.02a5.064 5.064 0 0 1-.9-2H2v-2h8.1a4.944 4.944 0 0 1 .923-2H2v-2h13a4.98 4.98 0 0 1 3 1.02V1a1 1 0 0 0-1-1zm-1 8H2V6h14v2zm0-4H2V2h14v2z"/>
|
|
326
|
+
</svg>`;
|
|
327
|
+
|
|
328
|
+
export const rtlSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
329
|
+
<path fill="#494c4e" d="M0 13a2.134 2.134 0 0 0 .7 1.2l1 1 .5.5a1.33 1.33 0 0 0 .8.3.6.6 0 0 0 .4-.1.875.875 0 0 0 .6-.9v-1h3a1.075 1.075 0 0 0 1-1 1.075 1.075 0 0 0-1-1H4v-1a.875.875 0 0 0-.6-.9.913.913 0 0 0-1.1.2L.6 12a1.174 1.174 0 0 0-.6 1zM18 1.5A1.538 1.538 0 0 1 16.5 3H16v14a1 1 0 0 1-2 0V3h-2v14a1.075 1.075 0 0 1-1 1 1.075 1.075 0 0 1-1-1V8H8a3.01 3.01 0 0 1-3-3V3a2.946 2.946 0 0 1 3-3h8.5A1.538 1.538 0 0 1 18 1.5z"/>
|
|
330
|
+
</svg>`;
|
|
331
|
+
|
|
332
|
+
export const saveSvg = `<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
|
|
333
|
+
<path d="M6.47 11.35l7.94-8.382c.57-.6 1.52-.627 2.122-.057.6.57.627 1.52.057 2.123l-9 9.5-.016.014-.014.015c-.58.582-1.52.586-2.106.015l-.02-.02-3.995-3.994c-.587-.585-.587-1.535 0-2.12.584-.586 1.534-.586 2.12 0l2.91 2.91z" fill="#494c4e" fill-rule="evenodd"/>
|
|
334
|
+
</svg>`;
|
|
335
|
+
|
|
336
|
+
export const spellcheckSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
337
|
+
<path fill="#494c4e" d="M9.912 9.59l-4-9a1 1 0 0 0-1.82-.01v.01l-.02.04L.09 9.59a.993.993 0 0 0 .5 1.32A1.013 1.013 0 0 0 1 11a.992.992 0 0 0 .91-.59L2.54 9h4.92l.63 1.41A.992.992 0 0 0 9 11a1.013 1.013 0 0 0 .41-.09.992.992 0 0 0 .502-1.32zM3.43 7L5 3.46 6.57 7H3.43z"/>
|
|
338
|
+
<path fill="#494c4e" d="M17.805 6.6L9.93 17.43a1.142 1.142 0 0 1-.942.57 1.417 1.417 0 0 1-.982-.576L4.292 13.71a1.004 1.004 0 0 1 1.42-1.42l3.17 3.17 7.3-10.04a1.003 1.003 0 1 1 1.623 1.18z"/>
|
|
339
|
+
</svg>`;
|
|
340
|
+
|
|
341
|
+
export const splitCellsSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
342
|
+
<path fill="#494c4e" d="M4 2v14H2V2h2m1-2H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM16 2v14h-2V2h2m1-2h-4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM9 5a1 1 0 0 1-1-1V2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM9 11a1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM9 17a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"/>
|
|
343
|
+
</svg>`;
|
|
344
|
+
|
|
345
|
+
export const strikeThroughSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
346
|
+
<path fill="#494c4e" d="M18 9a1 1 0 0 1-1 1h-4.54A4 4 0 1 1 5 12a1 1 0 0 1 2 0 2 2 0 1 0 2-2H1a1 1 0 0 1 0-2h4.54A4 4 0 1 1 13 6a1 1 0 0 1-2 0 2 2 0 1 0-2 2h8a1 1 0 0 1 1 1z"/>
|
|
347
|
+
</svg>`;
|
|
348
|
+
|
|
349
|
+
export const stylizedQuoteSvg = `<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
|
|
350
|
+
<g fill="none" fill-rule="evenodd">
|
|
351
|
+
<g stroke="#494c4e" stroke-linecap="round" stroke-width=".5">
|
|
352
|
+
<path d="M3 6h13M3 8h13"/>
|
|
353
|
+
<g>
|
|
354
|
+
<path d="M3 10h13M3 12h13"/>
|
|
355
|
+
</g>
|
|
356
|
+
</g>
|
|
357
|
+
<text font-family="Helvetica-Bold, Helvetica" font-size="12" font-weight="bold" letter-spacing=".429" fill="#000">
|
|
358
|
+
<tspan x="0" y="10">“</tspan>
|
|
359
|
+
</text>
|
|
360
|
+
<text transform="rotate(180 14.5 11)" font-family="Helvetica-Bold, Helvetica" font-size="12" font-weight="bold" letter-spacing=".429" fill="#000">
|
|
361
|
+
<tspan x="11" y="14">“</tspan>
|
|
362
|
+
</text>
|
|
363
|
+
</g>
|
|
364
|
+
</svg>`;
|
|
365
|
+
|
|
366
|
+
export const subscriptSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
367
|
+
<path fill="#494c4e" d="M12.714 13.255a.972.972 0 0 1-.1 1.4.713.713 0 0 1-.6.3.908.908 0 0 1-.7-.3l-4.8-5.2-4.8 5.2a.908.908 0 0 1-.7.3.908.908 0 0 1-.7-.3 1.07 1.07 0 0 1-.1-1.4l4.9-5.3-4.8-5.3a.972.972 0 0 1 .1-1.4.972.972 0 0 1 1.4.1l4.8 5.2 4.8-5.2a1.07 1.07 0 0 1 1.4-.1 1.063 1.063 0 0 1 .1 1.4l-5 5.3zm5.3.2v3a.472.472 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h1.5v-.5h-.5a.5.5 0 0 1 0-1h.5v-.5h-1.5a.5.5 0 0 1 0-1h2a.472.472 0 0 1 .5.5z"/>
|
|
368
|
+
</svg>`;
|
|
369
|
+
|
|
370
|
+
export const superscriptSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
371
|
+
<path fill="#494c4e" d="M12.714 15.3a.972.972 0 0 1-.1 1.4.713.713 0 0 1-.6.3.908.908 0 0 1-.7-.3l-4.8-5.2-4.8 5.2a.908.908 0 0 1-.7.3.908.908 0 0 1-.7-.3 1.07 1.07 0 0 1-.1-1.4l4.9-5.3-4.8-5.3a.972.972 0 0 1 .1-1.4.972.972 0 0 1 1.4.1l4.8 5.2 4.8-5.2a1.07 1.07 0 0 1 1.4-.1 1.063 1.063 0 0 1 .1 1.4l-5 5.3zm5.3-13.8v3a.472.472 0 0 1-.5.5h-2a.472.472 0 0 1-.5-.5.472.472 0 0 1 .5-.5h1.5v-.5h-.5a.472.472 0 0 1-.5-.5.472.472 0 0 1 .5-.5h.5V2h-1.5a.472.472 0 0 1-.5-.5.472.472 0 0 1 .5-.5h2a.472.472 0 0 1 .5.5z"/>
|
|
372
|
+
</svg>`;
|
|
373
|
+
|
|
374
|
+
export const tableSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
375
|
+
<g fill="#494c4e">
|
|
376
|
+
<path d="M9 18H1a1 1 0 01-1-1V1a1 1 0 011-1h16a.947.947 0 011 1v8a1 1 0 01-1 1h-2a4.947 4.947 0 00-5 5v2a1 1 0 01-1 1zm-3-4v2h2v-2zm-4 0v2h2v-2zm4-4v2h2v-2zm-4 0v2h2v-2zm12-4v2h2V6zm-4 0v2h2V6zM6 6v2h2V6zM2 6v2h2V6zm12-4v2h2V2zm-4 0v2h2V2zM6 2v2h2V2zM2 2v2h2V2z"/>
|
|
377
|
+
<path d="M18 15a1 1 0 01-1 1h-4a1 1 0 01-1-1 1.075 1.075 0 011-1h4a.945.945 0 011 1z"/>
|
|
378
|
+
<path d="M15 18a1 1 0 01-1-1v-4a1 1 0 011-1 1.075 1.075 0 011 1v4a.945.945 0 01-1 1z"/>
|
|
379
|
+
</g>
|
|
380
|
+
</svg>`;
|
|
381
|
+
|
|
382
|
+
export const textColorSvg = `<!-- tox-icon-text-color__color id is required by tinyMCE to show color of selected text -->
|
|
383
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
384
|
+
<path d="M1,11H1a1.007,1.007,0,0,1-.41-.09.994.994,0,0,1-.5-1.32L4.07.629A.977.977,0,0,1,4.59.088,1.011,1.011,0,0,1,5.11.005a1,1,0,0,1,.8.583l.02.041,3.98,8.96a.992.992,0,0,1-.5,1.32A1.015,1.015,0,0,1,9,11a1,1,0,0,1-.91-.589L7.46,9H2.54l-.63,1.41A.992.992,0,0,1,1,11ZM5,3.459H5L3.43,7H6.57L5,3.459Z" transform="translate(0 0)" fill="#494c4e"/>
|
|
385
|
+
<path id="tox-icon-text-color__color" d="M11.783,1.629,6.514,8.5a2.371,2.371,0,0,1,.079.691,2.188,2.188,0,0,1-.02.23,2.616,2.616,0,0,1-.108.44,3.319,3.319,0,0,1-2.644,1.922A7.1,7.1,0,0,1,2.228,12c-.688.01-1.789-.06-2.143-.791-.521-1.061,1.494-.16,1.868-2.262a2.332,2.332,0,0,1,1.16-1.9,1.47,1.47,0,0,1,.128-.08,2.282,2.282,0,0,1,.9-.23L10.308.308A.97.97,0,0,1,11.666.25a1.014,1.014,0,0,1,.116,1.379Z" transform="translate(6 6)" fill="#494c4e"/>
|
|
386
|
+
</svg>`;
|
|
387
|
+
|
|
388
|
+
export const underlineSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
389
|
+
<path fill="#494c4e" d="M18 17a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h16a1 1 0 0 1 1 1zM15 1v7.2a9.115 9.115 0 0 1-.76 4.15q-1.38 2.64-5.25 2.64-3.855 0-5.23-2.64A9.115 9.115 0 0 1 3 8.2V1a1 1 0 0 1 2 0v8.02a5.2 5.2 0 0 0 .7 2.65 3.33 3.33 0 0 0 3.13 1.59c1.75 0 2.95-.57 3.58-1.72A5.205 5.205 0 0 0 13 9.02V1a1 1 0 0 1 2 0z"/>
|
|
390
|
+
</svg>`;
|
|
391
|
+
|
|
392
|
+
export const undoSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
393
|
+
<path fill="#494c4e" d="M17.5 10a8 8 0 0 1-16 0 1 1 0 0 1 2 0 6 6 0 1 0 6-6h-4v1a.984.984 0 0 1-.53.88.977.977 0 0 1-1.02-.05l-3-2a.99.99 0 0 1 0-1.66l3-2A1 1 0 0 1 5.5 1v1h4a8.01 8.01 0 0 1 8 8z"/>
|
|
394
|
+
</svg>`;
|
|
395
|
+
|
|
396
|
+
export const unorderedListSvg = `<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" mirror-in-rtl="true">
|
|
397
|
+
<path fill="#494c4e" d="M18 1.5a1 1 0 0 1-1 1H5a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1zm0 15a1 1 0 0 1-1 1H5a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1zm0-10a1 1 0 0 1-1 1H5a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1zM18 11.5a1 1 0 0 1-1 1H5a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1z"/>
|
|
398
|
+
<circle fill="#494c4e" cx="1" cy="1.5" r="1"/>
|
|
399
|
+
<circle fill="#494c4e" cx="1" cy="6.5" r="1"/>
|
|
400
|
+
<circle fill="#494c4e" cx="1" cy="11.5" r="1"/>
|
|
401
|
+
<circle fill="#494c4e" cx="1" cy="16.5" r="1"/>
|
|
402
|
+
</svg>`;
|
|
403
|
+
|
|
404
|
+
export const wordCountSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
405
|
+
<path fill="none" d="M0 0h18v18H0z"/>
|
|
406
|
+
<path d="M17 14.892H1a1 1 0 010-2h16a1 1 0 110 2zm0-5H1a1 1 0 110-2h16a1 1 0 110 2zM17.502 6h-2a.5.5 0 110-1h1.5v-.5h-.5a.5.5 0 110-1h.5V3h-1.5a.5.5 0 110-1h2a.5.5 0 01.5.5v3a.5.5 0 01-.5.5zm-4 0h-2a.5.5 0 01-.5-.5.476.476 0 01.09-.29c.009-.012.05-.072.059-.09l.59-.84c.007-.009.67-.941.68-.95a.334.334 0 00.08-.17.244.244 0 00-.065-.191.249.249 0 00-.183-.078h-.011a.236.236 0 00-.192.1.472.472 0 00-.035.073.342.342 0 01-.041.08.5.5 0 01-.809.021.506.506 0 01-.085-.435 1.244 1.244 0 012.42.409 1.3 1.3 0 01-.159.61c-.052.078-.864 1.24-.88 1.25h1.041a.5.5 0 110 1zm-5 0a.5.5 0 01-.5-.5V3.31l-.28.14a.544.544 0 01-.22.049.5.5 0 01-.45-.28.508.508 0 01.23-.67l1-.5A.472.472 0 018.492 2a.478.478 0 01.138.021.485.485 0 01.131.05.019.019 0 00.017.01l.049.04c.015.013.03.025.044.039a.9.9 0 01.08.121.537.537 0 01.051.219v3a.5.5 0 01-.5.5z" fill="#494c4e"/>
|
|
407
|
+
<path fill="none" stroke="#494c4e" stroke-linecap="round" stroke-width="2" d="M1 4h4"/>
|
|
408
|
+
</svg>`;
|
|
@@ -11,7 +11,12 @@ export const DIVIDER_HANDLE_SIZE = 30;
|
|
|
11
11
|
export const KEYBOARD_STEP = 20; // TO DO: Confirm
|
|
12
12
|
export const KEYBOARD_STEP_LARGE = 80; // TO DO: Confirm
|
|
13
13
|
|
|
14
|
+
const DRAG_THRESHOLD = 3; // Number of pixels to move to count as a drag
|
|
15
|
+
const AUTO_EXPAND_WIDTH_FACTOR = 0.1;
|
|
16
|
+
const AUTO_COLLAPSE_WIDTH_FACTOR = 0.75;
|
|
17
|
+
|
|
14
18
|
const clampedSize = (size, min, max) => Math.max(min, Math.min(size, max));
|
|
19
|
+
const isRtl = () => document.documentElement.getAttribute('dir') === 'rtl';
|
|
15
20
|
|
|
16
21
|
const ICON_ARROW_COLLAPSE_LEFT = html`
|
|
17
22
|
<svg width="18" height="18" mirror-in-rtl xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
|
@@ -56,6 +61,11 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
56
61
|
* @type {boolean}
|
|
57
62
|
*/
|
|
58
63
|
collapsed: { type: Boolean, reflect: true },
|
|
64
|
+
/**
|
|
65
|
+
* Size the panel/drawer occupies while collapsed (the drag starts from here)
|
|
66
|
+
* @type {number}
|
|
67
|
+
*/
|
|
68
|
+
collapsedSize: { type: Number, attribute: 'collapsed-size' },
|
|
59
69
|
/**
|
|
60
70
|
* Current size of the panel/drawer the divider controls
|
|
61
71
|
* @type {number}
|
|
@@ -195,6 +205,7 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
195
205
|
super();
|
|
196
206
|
|
|
197
207
|
this.collapsed = false;
|
|
208
|
+
this.collapsedSize = 0;
|
|
198
209
|
this.currentSize = 0;
|
|
199
210
|
this.label = '';
|
|
200
211
|
this.maxSize = 0;
|
|
@@ -243,6 +254,48 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
243
254
|
|
|
244
255
|
#clickedArrow;
|
|
245
256
|
#clickedHandle = false;
|
|
257
|
+
#draggedDivider = false;
|
|
258
|
+
#dragStats;
|
|
259
|
+
|
|
260
|
+
#handlePointerMove = (e) => {
|
|
261
|
+
if (!this.#dragStats || e.pointerId !== this.#dragStats.pointerId) return;
|
|
262
|
+
const delta = this.panelType === 'panel' ? (e.clientX - this.#dragStats.startX) : (e.clientY - this.#dragStats.startY);
|
|
263
|
+
if (Math.abs(delta) >= DRAG_THRESHOLD) this.#dragStats.moved = true;
|
|
264
|
+
if (!this.#dragStats.moved) return;
|
|
265
|
+
|
|
266
|
+
let growthDirectionIsPositive;
|
|
267
|
+
if (this.panelType === 'panel') {
|
|
268
|
+
growthDirectionIsPositive = (this.panelPosition === 'start') !== isRtl();
|
|
269
|
+
} else if (this.panelType === 'drawer') {
|
|
270
|
+
growthDirectionIsPositive = false;
|
|
271
|
+
}
|
|
272
|
+
const signedDelta = (growthDirectionIsPositive ? 1 : -1) * delta;
|
|
273
|
+
const requestedSize = this.#dragStats.startSize + signedDelta;
|
|
274
|
+
|
|
275
|
+
this.#dragStats.lastSize = requestedSize;
|
|
276
|
+
this.#sendResizeLiveEvent(requestedSize);
|
|
277
|
+
};
|
|
278
|
+
|
|
279
|
+
#handlePointerUp = (e) => {
|
|
280
|
+
if (!this.#dragStats || e.pointerId !== this.#dragStats.pointerId) return;
|
|
281
|
+
const target = e.currentTarget;
|
|
282
|
+
target.removeEventListener('pointermove', this.#handlePointerMove);
|
|
283
|
+
target.removeEventListener('pointerup', this.#handlePointerUp);
|
|
284
|
+
target.removeEventListener('pointercancel', this.#handlePointerUp);
|
|
285
|
+
|
|
286
|
+
if (this.collapsed && this.#dragStats.lastSize > this.minSize * AUTO_EXPAND_WIDTH_FACTOR) {
|
|
287
|
+
this.#draggedDivider = true;
|
|
288
|
+
this.#sendToggleEvent();
|
|
289
|
+
this.#sendResizeEvent(this.#dragStats.lastSize);
|
|
290
|
+
} else if (!this.collapsed && this.#dragStats.lastSize < this.minSize * AUTO_COLLAPSE_WIDTH_FACTOR) {
|
|
291
|
+
this.#draggedDivider = true;
|
|
292
|
+
this.#sendToggleEvent();
|
|
293
|
+
} else if (this.#dragStats.moved) {
|
|
294
|
+
this.#draggedDivider = true;
|
|
295
|
+
this.#sendResizeEvent(this.#dragStats.lastSize);
|
|
296
|
+
}
|
|
297
|
+
this.#dragStats = null;
|
|
298
|
+
};
|
|
246
299
|
|
|
247
300
|
#getArrowVisibility() {
|
|
248
301
|
if (this.panelType !== 'panel' || this.collapsed) return { showStartArrow: false, showEndArrow: false };
|
|
@@ -269,6 +322,8 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
269
322
|
// Do not toggle/resize until click event is received,
|
|
270
323
|
// to avoid clicking on elements under the arrows in overlay mode or under the handle in drawer mode
|
|
271
324
|
e.stopPropagation();
|
|
325
|
+
if (this.#draggedDivider) return;
|
|
326
|
+
|
|
272
327
|
if (this.collapsed || this.#clickedHandle) {
|
|
273
328
|
this.#sendToggleEvent();
|
|
274
329
|
} else if (this.#clickedArrow) {
|
|
@@ -303,8 +358,7 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
303
358
|
let positiveStepKey;
|
|
304
359
|
if (this.panelType === 'panel') {
|
|
305
360
|
if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;
|
|
306
|
-
|
|
307
|
-
positiveStepKey = (this.panelPosition === 'start') !== isRtl ? 'ArrowRight' : 'ArrowLeft';
|
|
361
|
+
positiveStepKey = (this.panelPosition === 'start') !== isRtl() ? 'ArrowRight' : 'ArrowLeft';
|
|
308
362
|
} else if (this.panelType === 'drawer') {
|
|
309
363
|
if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;
|
|
310
364
|
positiveStepKey = 'ArrowUp';
|
|
@@ -316,8 +370,11 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
316
370
|
}
|
|
317
371
|
|
|
318
372
|
#handlePointerDown(e) {
|
|
373
|
+
this.#draggedDivider = false;
|
|
374
|
+
|
|
319
375
|
if (e.button !== 0) return; // Don't collapse when right-clicking to debug
|
|
320
376
|
e.preventDefault();
|
|
377
|
+
e.stopPropagation();
|
|
321
378
|
this.focus();
|
|
322
379
|
|
|
323
380
|
const path = e.composedPath();
|
|
@@ -325,7 +382,21 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
325
382
|
this.#clickedArrow = path.find(el => el.classList?.contains('divider-arrow'));
|
|
326
383
|
if (this.#clickedArrow) return; // Arrows don't support dragging
|
|
327
384
|
|
|
328
|
-
|
|
385
|
+
const startSize = this.collapsed ? this.collapsedSize : this.currentSize;
|
|
386
|
+
this.#dragStats = {
|
|
387
|
+
pointerId: e.pointerId,
|
|
388
|
+
startX: e.clientX,
|
|
389
|
+
startY: e.clientY,
|
|
390
|
+
startSize,
|
|
391
|
+
lastSize: startSize,
|
|
392
|
+
moved: false
|
|
393
|
+
};
|
|
394
|
+
|
|
395
|
+
const target = e.currentTarget;
|
|
396
|
+
target.setPointerCapture(e.pointerId);
|
|
397
|
+
target.addEventListener('pointermove', this.#handlePointerMove);
|
|
398
|
+
target.addEventListener('pointerup', this.#handlePointerUp);
|
|
399
|
+
target.addEventListener('pointercancel', this.#handlePointerUp);
|
|
329
400
|
}
|
|
330
401
|
|
|
331
402
|
#sendResizeEvent(requestedSize) {
|
|
@@ -336,6 +407,15 @@ class PageDivider extends FocusMixin(PropertyRequiredMixin(LitElement)) {
|
|
|
336
407
|
} }));
|
|
337
408
|
}
|
|
338
409
|
|
|
410
|
+
#sendResizeLiveEvent(requestedSize) {
|
|
411
|
+
const clampedRequestedSize = clampedSize(requestedSize, this.collapsedSize, this.maxSize);
|
|
412
|
+
if (clampedRequestedSize === this.currentSize) return; // Don't bother sending events when dragging past min/max
|
|
413
|
+
/** @ignore */
|
|
414
|
+
this.dispatchEvent(new CustomEvent('d2l-page-divider-resize-live', { detail: {
|
|
415
|
+
requestedSize: clampedRequestedSize
|
|
416
|
+
} }));
|
|
417
|
+
}
|
|
418
|
+
|
|
339
419
|
#sendToggleEvent() {
|
|
340
420
|
/** @ignore */
|
|
341
421
|
this.dispatchEvent(new CustomEvent('d2l-page-divider-toggle'));
|
package/components/page/page.js
CHANGED
|
@@ -37,6 +37,7 @@ class PanelStateController {
|
|
|
37
37
|
collapsed: config.collapsed,
|
|
38
38
|
restoreCollapsed: !config.collapsed,
|
|
39
39
|
size: 0,
|
|
40
|
+
dragSize: null,
|
|
40
41
|
minSize: config.minSize,
|
|
41
42
|
maxSize: config.minSize
|
|
42
43
|
};
|
|
@@ -50,11 +51,14 @@ class PanelStateController {
|
|
|
50
51
|
getMinSize(key) { return this.#panels[key].minSize; }
|
|
51
52
|
getSize(key) {
|
|
52
53
|
const panel = this.#panels[key];
|
|
53
|
-
|
|
54
|
+
if (panel.dragSize !== null) return panel.dragSize;
|
|
54
55
|
return panel.collapsed ? 0 : panel.size;
|
|
55
56
|
}
|
|
56
57
|
getTrueSize(key) {
|
|
57
58
|
const panel = this.#panels[key];
|
|
59
|
+
if (panel.dragSize !== null) {
|
|
60
|
+
return Math.max(panel.minSize, panel.dragSize);
|
|
61
|
+
}
|
|
58
62
|
return panel.size;
|
|
59
63
|
}
|
|
60
64
|
|
|
@@ -78,6 +82,7 @@ class PanelStateController {
|
|
|
78
82
|
// Clamp requested size to min and max bounds
|
|
79
83
|
panel.size = Math.max(panel.minSize, Math.min(requestedSize, panel.maxSize));
|
|
80
84
|
panel.animate = animate;
|
|
85
|
+
panel.dragSize = null;
|
|
81
86
|
this.#host.requestUpdate();
|
|
82
87
|
if (storeState) this.#storePanelState(key);
|
|
83
88
|
}
|
|
@@ -85,14 +90,15 @@ class PanelStateController {
|
|
|
85
90
|
setCollapsed(key, collapsed) {
|
|
86
91
|
const panel = this.#panels[key];
|
|
87
92
|
panel.collapsed = collapsed;
|
|
93
|
+
panel.dragSize = null;
|
|
88
94
|
panel.animate = true;
|
|
89
95
|
this.#host.requestUpdate();
|
|
90
96
|
this.#storePanelState(key);
|
|
91
97
|
}
|
|
92
98
|
|
|
93
|
-
setDragSize(key) {
|
|
99
|
+
setDragSize(key, dragSize) {
|
|
94
100
|
const panel = this.#panels[key];
|
|
95
|
-
|
|
101
|
+
panel.dragSize = dragSize;
|
|
96
102
|
panel.animate = false;
|
|
97
103
|
this.#host.requestUpdate();
|
|
98
104
|
}
|
|
@@ -539,6 +545,11 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
|
|
|
539
545
|
this._panelState.resize(panelKey, e.detail.requestedSize, { animate: true, storeState: true });
|
|
540
546
|
};
|
|
541
547
|
|
|
548
|
+
#handleDividerResizeLive(e) {
|
|
549
|
+
const panelKey = e.target.dataset.panelKey;
|
|
550
|
+
this._panelState.setDragSize(panelKey, e.detail.requestedSize);
|
|
551
|
+
}
|
|
552
|
+
|
|
542
553
|
#handleDividerToggle(e) {
|
|
543
554
|
const panelKey = e.target.dataset.panelKey;
|
|
544
555
|
const collapsed = !this._panelState.getCollapsed(panelKey);
|
|
@@ -577,11 +588,13 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
|
|
|
577
588
|
data-panel-key="${panelKey}"
|
|
578
589
|
label="${label}"
|
|
579
590
|
?collapsed="${this._panelState.getCollapsed(panelKey)}"
|
|
591
|
+
collapsed-size="${DIVIDER_GUTTER_WIDTH}"
|
|
580
592
|
current-size="${this._panelState.getSize(panelKey)}"
|
|
581
593
|
max-size="${this._panelState.getMaxSize(panelKey)}"
|
|
582
594
|
min-size="${this._panelState.getMinSize(panelKey)}"
|
|
583
595
|
panel-position="${ifDefined(panelPosition)}"
|
|
584
596
|
@d2l-page-divider-resize="${this.#handleDividerResize}"
|
|
597
|
+
@d2l-page-divider-resize-live="${this.#handleDividerResizeLive}"
|
|
585
598
|
@d2l-page-divider-toggle="${this.#handleDividerToggle}"
|
|
586
599
|
></d2l-page-divider-internal>
|
|
587
600
|
`;
|
|
@@ -627,7 +640,7 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
|
|
|
627
640
|
const classes = {
|
|
628
641
|
'side-nav-panel': true,
|
|
629
642
|
'animate': this._panelState.getAnimate(panelKey),
|
|
630
|
-
'collapsed': this._panelState.
|
|
643
|
+
'collapsed': this._panelState.getSize(panelKey) === 0 // Collapsed and not being dragged
|
|
631
644
|
};
|
|
632
645
|
return html`
|
|
633
646
|
<nav class="side-nav" ?hidden="${!this._slotVisibility['side-nav']}" aria-label="${this.localize('components.page.side-nav-label')}">
|
|
@@ -648,7 +661,7 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
|
|
|
648
661
|
const classes = {
|
|
649
662
|
'supporting-panel': true,
|
|
650
663
|
'animate': this._panelState.getAnimate(panelKey),
|
|
651
|
-
'collapsed': this._panelState.
|
|
664
|
+
'collapsed': this._panelState.getSize(panelKey) === 0 // Collapsed and not being dragged
|
|
652
665
|
};
|
|
653
666
|
return html`
|
|
654
667
|
<aside class="supporting" ?hidden="${!this._slotVisibility['supporting']}" aria-label="${this.localize('components.page.supporting-label')}">
|
package/custom-elements.json
CHANGED
|
@@ -5648,6 +5648,37 @@
|
|
|
5648
5648
|
}
|
|
5649
5649
|
]
|
|
5650
5650
|
},
|
|
5651
|
+
{
|
|
5652
|
+
"name": "d2l-demo-editor-icon",
|
|
5653
|
+
"path": "./components/icons/demo/editor-icon.js",
|
|
5654
|
+
"attributes": [
|
|
5655
|
+
{
|
|
5656
|
+
"name": "svg",
|
|
5657
|
+
"type": "string"
|
|
5658
|
+
},
|
|
5659
|
+
{
|
|
5660
|
+
"name": "text",
|
|
5661
|
+
"type": "string"
|
|
5662
|
+
}
|
|
5663
|
+
],
|
|
5664
|
+
"properties": [
|
|
5665
|
+
{
|
|
5666
|
+
"name": "svg",
|
|
5667
|
+
"attribute": "svg",
|
|
5668
|
+
"type": "string"
|
|
5669
|
+
},
|
|
5670
|
+
{
|
|
5671
|
+
"name": "text",
|
|
5672
|
+
"attribute": "text",
|
|
5673
|
+
"type": "string"
|
|
5674
|
+
},
|
|
5675
|
+
{
|
|
5676
|
+
"name": "styles",
|
|
5677
|
+
"type": "array",
|
|
5678
|
+
"default": "[\"bodyCompactStyles\",null]"
|
|
5679
|
+
}
|
|
5680
|
+
]
|
|
5681
|
+
},
|
|
5651
5682
|
{
|
|
5652
5683
|
"name": "d2l-icon-demo-color-override",
|
|
5653
5684
|
"path": "./components/icons/demo/icon-color-override.js",
|
|
@@ -13223,6 +13254,12 @@
|
|
|
13223
13254
|
"type": "boolean",
|
|
13224
13255
|
"default": "false"
|
|
13225
13256
|
},
|
|
13257
|
+
{
|
|
13258
|
+
"name": "collapsed-size",
|
|
13259
|
+
"description": "Size the panel/drawer occupies while collapsed (the drag starts from here)",
|
|
13260
|
+
"type": "number",
|
|
13261
|
+
"default": "0"
|
|
13262
|
+
},
|
|
13226
13263
|
{
|
|
13227
13264
|
"name": "current-size",
|
|
13228
13265
|
"description": "Current size of the panel/drawer the divider controls",
|
|
@@ -13277,6 +13314,13 @@
|
|
|
13277
13314
|
"type": "boolean",
|
|
13278
13315
|
"default": "false"
|
|
13279
13316
|
},
|
|
13317
|
+
{
|
|
13318
|
+
"name": "collapsedSize",
|
|
13319
|
+
"attribute": "collapsed-size",
|
|
13320
|
+
"description": "Size the panel/drawer occupies while collapsed (the drag starts from here)",
|
|
13321
|
+
"type": "number",
|
|
13322
|
+
"default": "0"
|
|
13323
|
+
},
|
|
13280
13324
|
{
|
|
13281
13325
|
"name": "currentSize",
|
|
13282
13326
|
"attribute": "current-size",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.306.0",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|