@seafile/sdoc-editor 0.5.6 → 0.5.8

package/dist/basic-sdk/assets/css/layout.css

@@ -119,7 +119,7 @@
   display: flex;
   flex: 1;
   position: relative;
-  height: 44px;
+  height: 32px;
   align-items: center;
   user-select: none;
   position: relative;

package/dist/basic-sdk/assets/css/sdoc-comment-editor-plugin.css

@@ -0,0 +1,7 @@
+.sdoc-comment-editor-wrapper .sdoc-comment-editor .list-container {
+  padding-left: 1em !important;
+}
+
+.sdoc-comment-editor .list-container li p {
+  margin: 0 !important;
+}

package/dist/basic-sdk/comment/components/comment-editor.js

@@ -117,6 +117,7 @@ const CommentEditor = _ref => {
     className: "comment-editor-user-name"
   }, userInfo.name)), /*#__PURE__*/React.createElement(SdocCommentEditor, {
     editor: editor,
+    type: type,
     document: document
   }), /*#__PURE__*/React.createElement("div", {
     className: "comment-operations"

package/dist/basic-sdk/comment/components/comment-list.css

@@ -85,6 +85,11 @@
   word-wrap: break-word;
 }
 
+.comment-item .comment-content ol,
+.comment-item .comment-content ul {
+  padding-left: 1em;
+}
+
 .sdoc-comment-list-container .comment-header .comment-author__avatar {
   display: flex;
   align-items: center;
@@ -212,8 +217,8 @@
 .comment-editor-wrapper .sdoc-comment-editor-wrapper .article.sdoc-comment-editor {
   width: 365px;
   padding: 0 5px;
-  min-height: 75px;
-  max-height: 80px;
+  min-height: 130px;
+  max-height: 130px;
   box-shadow: none;
   overflow-y: auto;
   overflow-x: hidden;

package/dist/basic-sdk/editor/comment-article.js

@@ -1,7 +1,8 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useMemo } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
 import { Editor, Node, Range } from '@seafile/slate';
-import { renderLeaf, renderElement } from '../extension';
+import { renderLeaf } from '../extension';
 import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from '../extension/core';
 import EventProxy from '../utils/event-handler';
 import { useCursors } from '../cursor/use-cursors';
@@ -11,11 +12,13 @@ import { getCursorPosition, getDomHeight, getDomMarginTop } from '../utils/dom-u
 import EventBus from '../utils/event-bus';
 import { useScrollContext } from '../hooks/use-scroll-context';
 import { IMAGE } from '../extension/constants';
+import RenderCommentEditorCustomRenderElement from '../extension/render/render-comment-editor-element';
 const CommentArticle = _ref => {
   let {
     editor,
     slateValue,
-    updateSlateValue
+    updateSlateValue,
+    type
   } = _ref;
   const {
     cursors
@@ -160,7 +163,9 @@ const CommentArticle = _ref => {
   }, /*#__PURE__*/React.createElement(Editable, {
     scrollSelectionIntoView: handleScrollIntoView,
     cursors: cursors,
-    renderElement: renderElement,
+    renderElement: props => RenderCommentEditorCustomRenderElement(_objectSpread(_objectSpread({}, props), {}, {
+      commentType: type
+    })),
     renderLeaf: renderLeaf,
     onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,

package/dist/basic-sdk/editor/sdoc-comment-editor.js

@@ -19,7 +19,8 @@ const SdocCommentEditor = forwardRef((_ref, ref) => {
   let {
     editor: propsEditor,
     document,
-    isReloading
+    isReloading,
+    type
   } = _ref;
   const [slateValue, setSlateValue] = useState(document.children);
   const validEditor = propsEditor || useMemo(() => {
@@ -98,6 +99,7 @@ const SdocCommentEditor = forwardRef((_ref, ref) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: "article sdoc-comment-editor"
   }, /*#__PURE__*/React.createElement(CommentArticle, {
+    type: type,
     editor: validEditor,
     slateValue: slateValue,
     updateSlateValue: setSlateValue

package/dist/basic-sdk/extension/core/utils/index.js

@@ -41,7 +41,8 @@ export const generateEmptyElement = function (type) {
 };
 export function Placeholder(props) {
   const {
-    title
+    title,
+    top = 5
   } = props;
   const {
     t
@@ -49,7 +50,7 @@ export function Placeholder(props) {
   return /*#__PURE__*/React.createElement("span", {
     style: {
       position: 'absolute',
-      top: '5px',
+      top: "".concat(top, "px"),
       color: 'rgba(191,191,191,1)',
       pointerEvents: 'none',
       width: '100%',

package/dist/basic-sdk/extension/plugins/paragraph/index.css

@@ -0,0 +1,4 @@
+.sdoc-comment-editor-paragraph {
+  margin: 0.8em 0 !important;
+  padding: 0 !important;
+}

package/dist/basic-sdk/extension/plugins/paragraph/render-elem.js

@@ -4,19 +4,23 @@ import { Node } from '@seafile/slate';
 import { useSlateStatic } from '@seafile/slate-react';
 import { Placeholder } from '../../core';
 import { isEmptyNode } from './helper';
+import { COMMENT_EDITOR } from '../../../constants';
+import './index.css';
 const PLACEHOLDER = 'Please_enter_text';
 const Paragraph = _ref => {
   let {
     isComposing,
     element,
     attributes,
-    children
+    children,
+    className,
+    placeholder = PLACEHOLDER
   } = _ref;
   const {
-    indent,
-    placeholder = PLACEHOLDER
+    indent
   } = element;
   const editor = useSlateStatic();
+  const isCommentEditor = editor.editorType === COMMENT_EDITOR;
   let isShowPlaceHolder = false;
   if (editor.children.length === 1) {
     const node = editor.children[0];
@@ -37,9 +41,11 @@ const Paragraph = _ref => {
   }, attributes, {
     style: _objectSpread({
       position: isShowPlaceHolder ? 'relative' : ''
-    }, style)
+    }, style),
+    className: className
   }), children, isShowPlaceHolder && /*#__PURE__*/React.createElement(Placeholder, {
-    title: placeholder
+    title: placeholder,
+    top: isCommentEditor ? 0 : 5
   }));
 };
 export const renderParagraph = props => {

package/dist/basic-sdk/extension/plugins/table/constants/index.js

@@ -26,7 +26,8 @@ export const TABLE_ELEMENT_POSITION = {
 export const SELECTED_TABLE_CELL_BACKGROUND_COLOR = '#dee8fe';
 export const TABLE_CELL_STYLE = {
   TEXT_ALIGN: 'text_align',
-  BACKGROUND_COLOR: 'background_color'
+  BACKGROUND_COLOR: 'background_color',
+  ALIGN_ITEMS: 'align_items'
 };
 export const TABLE_ROW_STYLE = {
   MIN_HEIGHT: 'min_height'

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/column-vertical-alignment-menu.js

@@ -0,0 +1,46 @@
+import React, { useCallback, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import CommonMenu from './common-menu';
+import { setCellStyle } from '../../helpers';
+import { TABLE_CELL_STYLE } from '../../constants';
+import KebabToCamel from '../../../../../utils/Kebab-to-camel';
+const ColumnVerticalAlignmentMenu = _ref => {
+  let {
+    editor,
+    readonly
+  } = _ref;
+  const textAlignRef = useRef(null);
+  const {
+    t
+  } = useTranslation();
+  const setVerticalAlignStyle = useCallback(position => {
+    if (readonly) return;
+    const alignItems = KebabToCamel(TABLE_CELL_STYLE.ALIGN_ITEMS);
+    setCellStyle(editor, {
+      [alignItems]: position
+    });
+    textAlignRef.current && textAlignRef.current.hidePopover();
+  }, [editor, readonly]);
+  return /*#__PURE__*/React.createElement(CommonMenu, {
+    id: "vertical-align",
+    iconClass: "sdocfont sdoc-top-alignment",
+    ref: textAlignRef,
+    disabled: readonly
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: () => setVerticalAlignStyle('flex-start')
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-top-alignment mr-2"
+  }), t('Top_align')), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: () => setVerticalAlignStyle('center')
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-center-alignment mr-2"
+  }), t('Center_align')), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: () => setVerticalAlignStyle('flex-end')
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-bottom-alignment mr-2"
+  }), t('Bottom_align')));
+};
+export default ColumnVerticalAlignmentMenu;

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/index.js

@@ -8,6 +8,7 @@ import CombineCells from './combine-cells';
 import RemoveTable from './remove-table-menu';
 import TableColumnMenu from './table-column-menu';
 import TableRowMenu from './table-row-menu';
+import ColumnVerticalAlignmentMenu from './column-vertical-alignment-menu';
 import './index.css';
 const ActiveTableMenu = _ref => {
   let {
@@ -22,6 +23,9 @@ const ActiveTableMenu = _ref => {
   }, /*#__PURE__*/React.createElement(CellTextAlignMenu, {
     editor: editor,
     readonly: readonly
+  }), /*#__PURE__*/React.createElement(ColumnVerticalAlignmentMenu, {
+    editor: editor,
+    readonly: readonly
   }), /*#__PURE__*/React.createElement(TableColumnMenu, {
     editor: editor,
     readonly: readonly

package/dist/basic-sdk/extension/plugins/table/render/index.css

@@ -50,11 +50,17 @@
 }
 
 .sdoc-table-wrapper .table-cell {
+  display: flex;
   padding: 10px 10px;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   line-height: 1.5;
-  vertical-align: top;
+  align-items: flex-start;
+
+}
+
+.table-cell>span {
+  min-width: 1px;
 }
 
 .sdoc-table-wrapper .cell-selected {

package/dist/basic-sdk/extension/render/render-comment-editor-element.js

@@ -0,0 +1,83 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useReadOnly, useSlateStatic } from '@seafile/slate-react';
+import { LINK, LIST_ITEM, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, IMAGE, IMAGE_BLOCK, MENTION, MENTION_TEMP } from '../constants';
+import { LinkPlugin, ListPlugin, ImagePlugin, ParagraphPlugin, MentionPlugin } from '../plugins';
+import { getParentNode } from '../core';
+const RenderCommentEditorCustomRenderElement = props => {
+  const editor = useSlateStatic();
+  const readonly = useReadOnly();
+  const {
+    element,
+    commentType
+  } = props;
+  switch (element.type) {
+    case PARAGRAPH:
+      {
+        const parentNode = getParentNode(editor.children, element.id);
+        const _props = _objectSpread(_objectSpread({}, props), {}, {
+          className: 'sdoc-comment-editor-paragraph'
+        });
+        if (parentNode && parentNode.type === LIST_ITEM) {
+          const [renderParagraph] = ParagraphPlugin.renderElements;
+          return renderParagraph(_props);
+        }
+        const placeholder = commentType === 'comment' ? 'Enter_a_comment' : 'Enter_a_reply';
+        const [renderParagraph] = ParagraphPlugin.renderElements;
+        return renderParagraph(_objectSpread(_objectSpread({}, _props), {}, {
+          placeholder
+        }));
+      }
+    case LINK:
+      {
+        const [renderLink] = LinkPlugin.renderElements;
+        return renderLink(props, editor, readonly);
+      }
+    case ORDERED_LIST:
+    case UNORDERED_LIST:
+      {
+        const [renderList] = ListPlugin.renderElements;
+        return renderList(props, editor);
+      }
+    case LIST_ITEM:
+      {
+        const [, renderListItem] = ListPlugin.renderElements;
+        return renderListItem(props, editor);
+      }
+    case IMAGE:
+      {
+        var _editor$element_comme;
+        const parentNode = getParentNode(editor.children, element.id);
+        const comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[parentNode.id]) || [];
+        const unresolvedComments = comments && comments.filter(item => !item.resolved);
+        let leaf = {};
+        if (unresolvedComments && unresolvedComments.length > 0) {
+          leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
+        }
+        const [renderImage] = ImagePlugin.renderElements;
+        return renderImage(_objectSpread(_objectSpread({}, props), {}, {
+          leaf
+        }), editor);
+      }
+    case IMAGE_BLOCK:
+      {
+        const [, renderImageBlock] = ImagePlugin.renderElements;
+        return renderImageBlock(_objectSpread({}, props), editor);
+      }
+    case MENTION:
+      {
+        const [renderMention] = MentionPlugin.renderElements;
+        return renderMention(props, editor);
+      }
+    case MENTION_TEMP:
+      {
+        const [, renderMentionTemporaryInput] = MentionPlugin.renderElements;
+        return renderMentionTemporaryInput(props, editor);
+      }
+    default:
+      {
+        const [renderParagraph] = ParagraphPlugin.renderElements;
+        return renderParagraph(props);
+      }
+  }
+};
+export default RenderCommentEditorCustomRenderElement;

package/dist/basic-sdk/layout/editor-container.js

@@ -4,6 +4,7 @@ import { isMobile } from '../../utils';
 import '../assets/css/default.css';
 import '../assets/css/layout.css';
 import '../assets/css/sdoc-editor-plugins.css';
+import '../assets/css/sdoc-comment-editor-plugin.css';
 import '../assets/css/dropdown-menu.css';
 const EditorContainer = _ref => {
   let {

package/dist/basic-sdk/utils/Kebab-to-camel.js

@@ -0,0 +1,4 @@
+const KebabToCamel = str => {
+  return str.replace(/(_[a-z])/g, match => "".concat(match.slice(1).toUpperCase()));
+};
+export default KebabToCamel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/cs/sdoc-editor.json

@@ -445,5 +445,8 @@
   "Recent_visited": "Recent visited",
   "The_document_does_not_exist": "The document does not exist",
   "Create_a_new_sdoc_file": "Create a new sdoc file",
-  "Create": "Vytvořit"
+  "Create": "Vytvořit",
+  "Top_align": "Top",
+  "Center_align": "Middle",
+  "Bottom_align": "Bottom"
 }

package/public/locales/de/sdoc-editor.json

@@ -445,5 +445,8 @@
   "Recent_visited": "Recent visited",
   "The_document_does_not_exist": "The document does not exist",
   "Create_a_new_sdoc_file": "Create a new sdoc file",
-  "Create": "Erstellen"
+  "Create": "Erstellen",
+  "Top_align": "Top",
+  "Center_align": "Middle",
+  "Bottom_align": "Bottom"
 }

package/public/locales/en/sdoc-editor.json

@@ -445,5 +445,8 @@
   "Recent_visited": "Recent visited",
   "The_document_does_not_exist": "The document does not exist",
   "Create_a_new_sdoc_file": "Create a new sdoc file",
-  "Create": "Create"
+  "Create": "Create",
+  "Top_align": "Top",
+  "Center_align": "Middle",
+  "Bottom_align": "Bottom"
 }

package/public/locales/es/sdoc-editor.json

@@ -445,5 +445,8 @@
   "Recent_visited": "Recent visited",
   "The_document_does_not_exist": "The document does not exist",
   "Create_a_new_sdoc_file": "Create a new sdoc file",
-  "Create": "Crear"
+  "Create": "Crear",
+  "Top_align": "Top",
+  "Center_align": "Middle",
+  "Bottom_align": "Bottom"
 }

package/public/locales/fr/sdoc-editor.json

@@ -445,5 +445,8 @@
   "Recent_visited": "Recent visited",
   "The_document_does_not_exist": "The document does not exist",
   "Create_a_new_sdoc_file": "Create a new sdoc file",
-  "Create": "Créer"
+  "Create": "Créer",
+  "Top_align": "Top",
+  "Center_align": "Middle",
+  "Bottom_align": "Bottom"
 }

package/public/locales/it/sdoc-editor.json

@@ -445,5 +445,8 @@
   "Recent_visited": "Recent visited",
   "The_document_does_not_exist": "The document does not exist",
   "Create_a_new_sdoc_file": "Create a new sdoc file",
-  "Create": "Crea"
+  "Create": "Crea",
+  "Top_align": "Top",
+  "Center_align": "Middle",
+  "Bottom_align": "Bottom"
 }

package/public/locales/ru/sdoc-editor.json

@@ -418,7 +418,7 @@
   "Freezed": "Заморожено",
   "Callout": "Выноска",
   "The_current_location_does_not_support_pasting": "Текущее местоположение не поддерживает вставку ",
-  "Please_enter": "Please enter",
+  "Please_enter": "Пожалуйста, введите",
   "Combine_cell": "Объединить ячейки",
   "Split_cell": "Разделить ячейку",
   "Row_number": "Номер строки",
@@ -445,5 +445,8 @@
   "Recent_visited": "Недавно посещенные",
   "The_document_does_not_exist": "Документ не существует",
   "Create_a_new_sdoc_file": "Создать новый файл sdoc",
-  "Create": "Создать"
+  "Create": "Создать",
+  "Top_align": "Top",
+  "Center_align": "Middle",
+  "Bottom_align": "Bottom"
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -445,5 +445,8 @@
   "Recent_visited": "最近浏览",
   "The_document_does_not_exist": "不存在该文档",
   "Create_a_new_sdoc_file": "新建 sdoc 文件",
-  "Create": "创建"
+  "Create": "创建",
+  "Top_align": "顶端对齐",
+  "Center_align": "剧中对齐",
+  "Bottom_align": "底端对齐"
 }

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,16 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-center-alignment" unicode="&#58984;" d="M560 896v-160H832v-320h-272v-96H928v-320H560v-128h-96v128H96V320h368v96H192V736h272V896h96zM832 224H192v-128h640v128zM736 640H288v-128h448V640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-bottom-alignment" unicode="&#58985;" d="M0-64v96h1024v-96H0z m448 192V832H128v-704h320z m-96 96H224V736h128v-512z m544-96V640H576v-512h320z m-96 96h-128V544h128v-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-top-alignment" unicode="&#58986;" d="M0 832v-96h1024V832H0z m448-192v-704H128V640h320z m-96-96H224v-512h128V544z m544 96v-512H576V640h320z m-96-96h-128v-320h128V544z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-all-read" unicode="&#58973;" d="M883.2 768h121.6c9.6 0 19.2-9.6 19.2-19.2v-60.8c0-6.4-9.6-16-19.2-16h-121.6c-9.6 0-19.2 9.6-19.2 19.2V748.8c0 9.6 9.6 19.2 19.2 19.2z m-284.8-704h406.4c12.8 0 22.4-9.6 22.4-19.2v-60.8c0-9.6-9.6-19.2-22.4-19.2H598.4c-12.8 0-22.4 9.6-22.4 19.2v60.8c0 9.6 9.6 19.2 22.4 19.2z m403.2 352c12.8 0 22.4-9.6 22.4-19.2v-60.8c0-9.6-9.6-19.2-22.4-19.2h-246.4c-12.8 0-22.4 9.6-22.4 19.2v60.8c0 9.6 9.6 19.2 22.4 19.2h246.4zM761.6 860.8c-3.2 3.2-9.6 3.2-12.8 3.2-6.4 0-9.6-3.2-12.8-9.6L304 70.4 67.2 256c-9.6 6.4-22.4 3.2-28.8-6.4L0 188.8c-3.2-9.6 0-22.4 9.6-28.8l336-256L819.2 803.2c6.4 9.6 3.2 22.4-6.4 28.8l-51.2 28.8z"  horiz-adv-x="1027" />
+      
+      <glyph glyph-name="sdoc-freezed" unicode="&#58983;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0ZM316.8 716.8c118.4 70.4 265.6 70.4 384 3.2s192-195.2 192-332.8c0-137.6-73.6-265.6-195.2-332.8-182.4-105.6-416-41.6-521.6 140.8S134.4 608 316.8 716.8z m348.8-604.8c137.6 80 195.2 249.6 131.2 396.8L259.2 195.20000000000005c92.8-124.8 268.8-163.2 406.4-83.2zM352 652.8c-137.6-80-192-249.6-128-393.6l537.6 310.4c-96 128-272 163.2-409.6 83.2z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-callout-color" unicode="&#58982;" d="M819.2 777.6c147.2-121.6 195.2-291.2 195.2-300.8v-3.2c22.4-118.4 3.2-208-51.2-262.4-86.4-83.2-227.2-57.6-249.6-54.4-25.6 3.2-44.8-6.4-60.8-22.4-16-19.2-19.2-44.8-12.8-60.8 12.8-44.8 16-76.8 6.4-102.4-28.8-67.2-89.6-99.2-182.4-99.2-22.4 0-44.8 3.2-67.2 6.4h-6.4C217.6-96 96 76.8 92.8 86.4-76.8 348.8 9.6 611.2 166.4 758.4c160 147.2 422.4 208 652.8 19.2zM230.4 688c-118.4-112-198.4-352-54.4-544C224 80 288 32 352 0s144-32 176 0 16 64 16 112 16 80 48 112 99.2 38.4 144 32 99.2-28.8 160 32c38.4 38.4 41.6 80 25.6 169.6-3.2 12.8-44.8 150.4-163.2 246.4-185.6 153.6-396.8 102.4-528-16z m-9.6-259.2c35.2 0 60.8-28.8 60.8-64s-28.8-64-60.8-64-60.8 28.8-60.8 64 25.6 64 60.8 64z m563.2 73.6c35.2 0 60.8-28.8 60.8-64s-28.8-64-60.8-64c-35.2 0-60.8 28.8-60.8 64s25.6 64 60.8 64zM291.2 614.4c35.2 0 60.8-28.8 60.8-64 0-22.4-12.8-41.6-32-54.4-19.2-12.8-41.6-12.8-60.8 0-19.2 12.8-32 32-32 54.4 3.2 38.4 32 64 64 64z m390.4 54.4c35.2 0 60.8-28.8 60.8-64s-28.8-64-60.8-64-60.8 28.8-60.8 64 25.6 64 60.8 64z m-204.8 51.2c35.2 0 60.8-28.8 60.8-64s-28.8-64-60.8-64-60.8 32-60.8 67.2 25.6 60.8 60.8 60.8z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-callout-icon" unicode="&#58981;" d="M512-32c230.4 0 416 185.6 416 416S742.4 800 512 800 96 614.4 96 384s185.6-416 416-416z m0-96C230.4-128 0 102.4 0 384S230.4 896 512 896s512-230.4 512-512-230.4-512-512-512z m-160 528c44.8 0 80 35.2 80 80s-35.2 80-80 80-80-35.2-80-80 35.2-80 80-80z m320 0c44.8 0 80 35.2 80 80s-35.2 80-80 80-80-35.2-80-80 35.2-80 80-80z m-160-246.4c-80 0-153.6 51.2-188.8 128 0 0-3.2 32-38.4 32-35.2 0-32-32-32-32 35.2-108.8 137.6-192 256-192s227.2 83.2 256 192c0 0 0 32-32 32s-35.2-32-35.2-32c-25.6-73.6-102.4-128-185.6-128z"  horiz-adv-x="1024" />
@@ -34,8 +44,6 @@
       
       <glyph glyph-name="sdoc-find-replace" unicode="&#58975;" d="M468.66016 896C260.66016 896 81.46016 761.6 20.66016 566.4s16-409.6 185.6-521.6 396.8-102.4 553.6 25.6l185.6-185.6c19.2-16 48-16 64 0 19.2 19.2 19.2 48 0 64l-185.6 185.6c115.2 140.8 137.6 332.8 60.8 492.8S647.86016 896 468.66016 896zM97.46016 432C97.46016 636.8 260.66016 800 465.46016 800S833.46016 636.8 833.46016 432 670.26016 64 465.46016 64 97.46016 227.2 97.46016 432z"  horiz-adv-x="1025" />
       
-      <glyph glyph-name="sdoc-freezed" unicode="&#58973;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0ZM316.8 716.8c118.4 70.4 265.6 70.4 384 3.2s192-195.2 192-332.8c0-137.6-73.6-265.6-195.2-332.8-182.4-105.6-416-41.6-521.6 140.8S134.4 608 316.8 716.8z m348.8-604.8c137.6 80 195.2 249.6 131.2 396.8L259.2 195.2c92.8-124.8 268.8-163.2 406.4-83.2zM352 652.8c-137.6-80-192-249.6-128-393.6l537.6 310.4c-96 128-272 163.2-409.6 83.2z"  horiz-adv-x="1024" />
-      
       <glyph glyph-name="sdoc-jump-to" unicode="&#58970;" d="M361.6 896c32 0 54.4-16 54.4-48S393.6 800 361.6 800H96v-832h832v262.4c0 32 16 57.6 48 57.6s48-25.6 48-57.6v-300.8c0-32-28.8-57.6-60.8-57.6H60.8c-32 0-60.8 25.6-60.8 57.6V835.2C0 870.4 25.6 896 60.8 896h300.8zM992 896c19.2 0 32-12.8 32-32v-332.8c0-28.8-19.2-51.2-48-51.2s-48 22.4-48 51.2V729.6L531.2 336c-6.4-9.6-19.2-16-35.2-16-12.8 0-25.6 6.4-35.2 16-19.2 19.2-19.2 51.2 0 70.4L857.6 800h-198.4c-28.8 0-51.2 19.2-51.2 48S630.4 896 656 896H992z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-callout" unicode="&#58972;" d="M992 352H32c-19.2 0-32 12.8-32 32V832c0 19.2 12.8 32 32 32h960c19.2 0 32-12.8 32-32v-448c0-19.2-12.8-32-32-32zM96 448h832V768H96v-320z m-96-224v-96h1024v96H0z m0-224v-96h576v96H0z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -16,6 +16,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-center-alignment:before {
+  content: "\e668";
+}
+
+.sdoc-bottom-alignment:before {
+  content: "\e669";
+}
+
+.sdoc-top-alignment:before {
+  content: "\e66a";
+}
+
+.sdoc-all-read:before {
+  content: "\e65d";
+}
+
+.sdoc-freezed:before {
+  content: "\e667";
+}
+
 .sdoc-callout-color:before {
   content: "\e666";
 }
@@ -56,10 +76,6 @@
   content: "\e65f";
 }
 
-.sdoc-freezed:before {
-  content: "\e65d";
-}
-
 .sdoc-jump-to:before {
   content: "\e65a";
 }