@talrace/ngx-noder 19.0.36 → 19.0.38

package/lib/editor/gadgets/page-break/break.helper.d.ts

@@ -1,7 +1,6 @@
 import { BreakModel } from '../../../models/generated/break.model';
 import { BreakTypes } from './break-types.enum';
-import { ContentType } from '../../content/contents.interface';
 export declare class BreakHelper {
-    static getBreakType(model: ContentType, char: string, insertIndex: number): BreakTypes | null;
+    static getBreakType(breaks: BreakModel[], char: string, insertIndex: number): BreakTypes | null;
     static removeBreakMarker(breaks: BreakModel[], text: string, fragmentStartIndex: number): string;
 }

package/lib/editor/interaction/editor.service.d.ts

@@ -3,6 +3,7 @@ import { Type } from '@angular/core';
 import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { Borders } from '../components/shared/enums/borders.enum';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
+import { CommentTypeModel } from '../gadgets/comment/comment-popup/comment-type.model';
 import { EdgeType } from '../components/edges/edge-type.enum';
 import { ElementDataModel } from '../components/external-element/models/element-data.model';
 import { ElementModel } from '../../models/generated/element.model';
@@ -124,7 +125,7 @@ export declare class EditorService {
     private readonly _imageLoaded$;
     get changedEdge$(): Observable<number>;
     private readonly _changedEdge$;
-    get addCommentAtSelection$(): Observable<void>;
+    get addCommentAtSelection$(): Observable<CommentTypeModel>;
     private readonly _addCommentAtSelection$;
     get insertTableRows$(): Observable<{
         insertIndex: number;
@@ -179,6 +180,12 @@ export declare class EditorService {
     private readonly _updateTableBorderWidth$;
     get updateTableBorders$(): Observable<Borders>;
     private readonly _updateTableBorders$;
+    get selectSpacing$(): Observable<number>;
+    private readonly _selectSpacing$;
+    get selectBefore$(): Observable<number>;
+    private readonly _selectBefore$;
+    get selectAfter$(): Observable<number>;
+    private readonly _selectAfter$;
     get isTableSelected(): boolean;
     get isTableSelected$(): Observable<boolean>;
     private readonly _isTableSelected$;
@@ -248,7 +255,10 @@ export declare class EditorService {
     private readonly _paragraphStyle$;
     get commentSizeChanged$(): Observable<void>;
     private readonly _commentSizeChanged$;
-    get createComment$(): Observable<number>;
+    get createComment$(): Observable<{
+        reqId: number;
+        commentType: CommentTypeModel;
+    }>;
     private readonly _createComment$;
     get commentCreated$(): Observable<{
         commentId: number;
@@ -261,6 +271,16 @@ export declare class EditorService {
     private readonly _setCommentSelected$;
     get setCommentsVisibility$(): Observable<boolean>;
     private readonly _setCommentsVisibility$;
+    get getCommentText$(): Observable<{
+        commentId: number;
+        continueWith: (commentedText: string) => void;
+    }>;
+    private readonly _getCommentText$;
+    get replaceCommentText$(): Observable<{
+        commentId: number;
+        newContent: string;
+    }>;
+    private readonly _replaceCommentText$;
     tabSettings(value: TabSettingModel[]): void;
     applyFirstLinePosition(value: number): void;
     applyLeftIndentParagraph(value: number): void;
@@ -312,6 +332,9 @@ export declare class EditorService {
     updateTableBorderStyle(style: LineStyles): void;
     updateTableBorderWidth(width: number): void;
     updateTableBorders(borders: Borders): void;
+    selectSpacing(value: number): void;
+    selectBefore(value: number): void;
+    selectAfter(value: number): void;
     setIsTableSelected(value: boolean): void;
     undo(): void;
     redo(): void;
@@ -341,13 +364,15 @@ export declare class EditorService {
     showGrammarError(error: GrammarError): void;
     applyGrammarSuggestion(error: GrammarError, suggestionIndex: number, paragraphIndex: number): void;
     ignoreGrammarSuggestion(error: GrammarError): void;
-    addCommentAtSelection(): void;
+    addCommentAtSelection(commentType: CommentTypeModel): void;
     commentSizeChanged(): void;
-    createComment(reqId: number): void;
+    createComment(reqId: number, commentType: CommentTypeModel): void;
     commentCreated(commentId: number, reqId: number): void;
     removeComment(id: number): void;
     setCommentSelected(id: number): void;
     setCommentsVisibility(value: boolean): void;
+    getCommentText(commentId: number, continueWith: (commentedText: string) => void): void;
+    replaceCommentText(commentId: number, content: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EditorService>;
 }

package/lib/editor/positioning/cursor-position.interface.d.ts

@@ -1,11 +1,7 @@
-import { IFontMetricSize } from '../gadgets/font-metrics/font-metric-size.interface';
 export interface CursorPosition {
     pageX: number;
     pageY: number;
-    lineHeight?: number;
-    sizeCurrent?: IFontMetricSize;
-    sizeMax?: IFontMetricSize;
-    sizeNext?: IFontMetricSize;
-    firstChar?: boolean;
-    lastChar?: boolean;
+    width: number;
+    height: number;
+    ascent: number;
 }

package/lib/editor/positioning/position.helper.d.ts

@@ -1,10 +1,8 @@
 import { CursorParagraph } from './cursor-paragraph';
 import { CursorPosition } from './cursor-position.interface';
 import { EditSession } from '../execution/edit.session';
-import { Paragraph } from '../content/display-data/paragraph';
 import { ParagraphInfo } from '../content/display-data/paragraph-info.interface';
 import { ParagraphInfoModel } from '../content/display-data/models/paragraph-info.model';
-import { TextLineInfo } from '../content/display-data/text-line-info';
 export declare class PositionHelper {
     /**
      * Returns an object containing the `pageX` and `pageY` coordinates of the document position.
@@ -46,5 +44,4 @@ export declare class PositionHelper {
         lineIndex: number;
     };
     static getApproximatePosition(session: EditSession, documentLine: number, positionWidth: number): number;
-    static getMarkerWidth(paragraphSettings: Paragraph, textLineInfo: TextLineInfo, lineIndex: number): number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talrace/ngx-noder",
-  "version": "19.0.36",
+  "version": "19.0.38",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.0.5",

package/public-api.d.ts

@@ -18,6 +18,7 @@ export * from './lib/editor/components/image/image-api.service';
 export * from './lib/editor/components/shared/abstract/base.component';
 export * from './lib/editor/components/shared/abstract/destroy.component';
 export * from './lib/editor/gadgets/comment/base-comment.component';
+export * from './lib/editor/gadgets/comment/comment-popup/comment-type.model';
 export * from './lib/editor/interaction/editor.service';
 export * from './lib/editor/gadgets/history/operations-history-info.model';
 export * from './lib/editor/gadgets/grammar/grammar.service';

package/src/_ngx-noder.theme.scss

@@ -9,7 +9,7 @@
 @use 'lib/apart-components/insert-table-mobile/insert-table-mobile.theme' as *;
 @use 'lib/apart-components/insert-table/insert-table.theme' as *;
 @use 'lib/apart-components/text-format-mobile/text-format-mobile.theme' as *;
-@use 'lib/editor/components/comment-popup/theme' as *;
+@use 'lib/editor/gadgets/comment/comment-popup/theme' as *;
 @use 'lib/editor/gadgets/grammar/grammar-popup/theme' as *;
 @use 'lib/editor/theme' as *;
 

package/src/assets/fonts/nc-iconfont.scss

@@ -30,6 +30,30 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 
+    &.icon-space-after:before {
+        content: '\e938';
+    }
+    &.icon-space-before:before {
+        content: '\e939';
+    }
+    &.icon-spacing:before {
+        content: '\e93f';
+    }
+    &.icon-sources:before {
+        content: '\e934';
+    }
+    &.icon-ai:before {
+        content: '\e90d';
+    }
+    &.icon-edit:before {
+        content: '\e92f';
+    }
+    &.icon-more:before {
+        content: '\e931';
+    }
+    &.icon-comment:before {
+        content: '\e933';
+    }
     &.icon-drag:before {
         content: '\e915';
     }
@@ -237,16 +261,4 @@
     &.icon-view:before {
         content: '\e946';
     }
-    &.icon-magic:before {
-        content: '\e90d';
-    }
-    &.icon-more:before {
-        content: '\e931';
-    }
-    &.icon-edit-pen:before {
-        content: '\e92f';
-    }
-    &.icon-comment:before {
-        content: '\e933';
-    }
 }

package/src/assets/fonts/nc-iconfont.svg

@@ -3,7 +3,7 @@
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>Generated by IcoMoon</metadata>
 <defs>
-<font id="Noder-iconfont-v58" horiz-adv-x="1024">
+<font id="Noder-iconfont-v60" horiz-adv-x="1024">
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
@@ -59,14 +59,18 @@
 <glyph unicode="&#xe931;" glyph-name="more" d="M501.047 74.3c-14.588 0-27.076 5.193-37.466 15.582s-15.582 22.874-15.582 37.466c0 14.588 5.193 27.076 15.582 37.466s22.878 15.582 37.466 15.582c14.588 0 27.076-5.193 37.466-15.582s15.582-22.878 15.582-37.466c0-14.592-5.193-27.076-15.582-37.466s-22.878-15.582-37.466-15.582zM501.047 368.102c-14.588 0-27.076 5.193-37.466 15.582s-15.582 22.878-15.582 37.466c0 14.588 5.193 27.076 15.582 37.466 10.389 10.385 22.878 15.582 37.466 15.582s27.076-5.197 37.466-15.582c10.389-10.389 15.582-22.878 15.582-37.466s-5.193-27.076-15.582-37.466c-10.389-10.389-22.878-15.582-37.466-15.582zM501.047 661.903c-14.588 0-27.076 5.194-37.466 15.583s-15.582 22.877-15.582 37.466c0 14.588 5.193 27.077 15.582 37.465s22.878 15.583 37.466 15.583c14.588 0 27.076-5.194 37.466-15.583s15.582-22.877 15.582-37.465c0-14.589-5.193-27.078-15.582-37.466s-22.878-15.583-37.466-15.583z" />
 <glyph unicode="&#xe932;" glyph-name="link-on" d="M654.742 659.238c22.68 22.678 53.436 35.418 85.508 35.418s62.829-12.741 85.504-35.418c22.68-22.678 35.418-53.436 35.418-85.507s-12.739-62.828-35.418-85.508l-149.991-149.996c-21.508-21.541-50.352-34.181-80.769-35.389-30.417-1.212-60.174 9.097-83.325 28.86-23.151 19.767-37.999 47.538-41.57 77.771-3.576 30.228 4.383 60.699 22.286 85.316 6.652 9.15 4.633 21.959-4.518 28.611-9.146 6.651-21.955 4.628-28.606-4.518-23.97-32.961-34.623-73.748-29.839-114.221 4.784-40.468 24.658-77.648 55.652-104.108s70.828-40.26 111.55-38.638c40.718 1.618 79.331 18.538 108.122 47.378l149.971 149.971c30.36 30.36 47.415 71.536 47.415 114.471s-17.056 84.111-47.415 114.47c-30.36 30.36-71.533 47.415-114.467 47.415s-84.111-17.056-114.471-47.415l-23.568-23.567c-7.995-7.998-7.995-20.965 0-28.963 7.999-7.998 20.967-7.998 28.963 0l23.568 23.568zM461.3 585.429c30.421 1.218 60.183-9.084 83.341-28.849 23.155-19.764 38.007-47.537 41.583-77.77 3.576-30.237-4.383-60.707-22.286-85.328-6.652-9.15-4.628-21.959 4.518-28.611s21.955-4.628 28.606 4.518c23.974 32.965 34.628 73.757 29.839 114.233-4.788 40.473-24.67 77.654-55.673 104.113-30.999 26.459-70.84 40.251-111.567 38.62-40.718-1.63-79.328-18.559-108.114-47.406l-149.976-150.008c-30.358-30.36-47.414-71.533-47.414-114.467s17.056-84.111 47.415-114.471c30.36-30.36 71.535-47.415 114.47-47.415s84.111 17.056 114.472 47.415l29.286 29.286c7.995 7.999 7.995 20.963 0 28.963-7.999 7.999-20.967 7.999-28.963 0l-29.288-29.286c-22.678-22.68-53.436-35.418-85.507-35.418s-62.829 12.739-85.507 35.418c-22.678 22.68-35.418 53.436-35.418 85.508s12.74 62.829 35.418 85.504l0.002 0.004 149.998 150.028c21.504 21.552 50.344 34.2 80.765 35.418z" />
 <glyph unicode="&#xe933;" glyph-name="comment" d="M277.333 384h469.333v42.667h-469.333v-42.667zM277.333 512h469.333v42.667h-469.333v-42.667zM277.333 640h469.333v42.667h-469.333v-42.667zM896 103.381l-131.285 131.285h-567.765c-19.655 0-36.067 6.571-49.237 19.712s-19.74 29.538-19.712 49.195v459.52c0 19.627 6.585 36.025 19.755 49.195s29.554 19.74 49.152 19.712h630.187c19.627 0 36.011-6.571 49.152-19.712s19.725-29.54 19.755-49.195v-659.712zM196.949 277.333h585.984l70.4-70.144v555.861c0 6.571-2.731 12.601-8.192 18.091s-11.477 8.22-18.048 8.192h-630.187c-6.542 0-12.558-2.731-18.048-8.192s-8.22-11.477-8.192-18.048v-459.52c0-6.541 2.731-12.557 8.192-18.048s11.477-8.222 18.048-8.192z" />
+<glyph unicode="&#xe934;" glyph-name="sources" d="M686.234 810.667c43.294-0.008 78.366-35.543 78.366-79.351v-226.655h-44.787v33.978h-610.968v-181.28h494.045v-45.372h-494.045v-147.302c0-18.778 15.021-33.975 33.578-33.975h460.467v-45.376h-460.467c-43.299 0-78.422 35.537-78.422 79.351v566.631c0 43.812 35.123 79.351 78.422 79.351h543.812zM827.767 280.887l132.233-0.055v-45.321h-132.233v-150.178h-44.791v150.178h-132.399v45.376h132.399v143.983h44.791v-143.983zM310.422 193.015h-112v56.661h112v-56.661zM310.422 419.669h-112v56.661h112v-56.661zM142.422 765.292c-18.557 0-33.578-15.2-33.578-33.976v-147.302h610.968v147.302c0 18.772-15.027 33.968-33.579 33.976h-543.812zM310.422 646.321h-112v56.663h112v-56.663z" />
 <glyph unicode="&#xe935;" glyph-name="open-from" d="M225.673 161.28c-18.852 0-34.592 6.316-47.222 18.944s-18.944 28.369-18.944 47.223v441.108c0 18.852 6.314 34.592 18.944 47.222s28.37 18.944 47.222 18.944h204.014l81.92-81.92h319.017c18.85 0 34.591-6.315 47.219-18.944 12.632-12.629 18.944-28.37 18.944-47.222v-359.188c0-18.854-6.312-34.595-18.944-47.223-12.628-12.628-28.369-18.944-47.219-18.944h-604.951zM225.673 202.24h604.951c7.348 0 13.39 2.363 18.117 7.090 4.723 4.727 7.086 10.764 7.086 18.117v359.188c0 7.352-2.363 13.39-7.086 18.117-4.727 4.726-10.768 7.089-18.117 7.089h-335.479l-81.92 81.92h-187.552c-7.352 0-13.391-2.363-18.117-7.089s-7.089-10.765-7.089-18.117v-441.108c0-7.352 2.363-13.39 7.089-18.117s10.765-7.090 18.117-7.090z" />
 <glyph unicode="&#xe936;" glyph-name="page-break" d="M307.592 79.36c-18.196 0-33.772 6.48-46.729 19.436-12.958 12.96-19.436 28.533-19.436 46.731v97.673c0 11.309 9.169 20.48 20.48 20.48s20.48-9.171 20.48-20.48v-97.673c0-7.352 2.363-13.39 7.089-18.117s10.765-7.090 18.117-7.090h441.107c7.352 0 13.39 2.363 18.117 7.090s7.090 10.764 7.090 18.117v97.673c0 11.309 9.171 20.48 20.48 20.48s20.48-9.171 20.48-20.48v-97.673c0-18.199-6.48-33.772-19.436-46.731-12.96-12.956-28.533-19.436-46.731-19.436h-441.107zM261.907 468.48c-11.311 0-20.48 9.171-20.48 20.48v261.514c0 18.196 6.479 33.772 19.436 46.729s28.534 19.437 46.729 19.437h322.954l184.32-184.32v-143.36c0-11.309-9.171-20.48-20.48-20.48s-20.48 9.171-20.48 20.48v122.88h-163.84v163.84h-302.474c-7.352 0-13.391-2.363-18.117-7.089s-7.089-10.765-7.089-18.117v-261.514c0-11.309-9.169-20.48-20.48-20.48zM433.623 345.6c-11.309 0-20.48 9.171-20.48 20.48s9.171 20.48 20.48 20.48h189.047c11.309 0 20.48-9.171 20.48-20.48s-9.171-20.48-20.48-20.48h-189.047zM745.55 345.6c-11.309 0-20.48 9.171-20.48 20.48s9.171 20.48 20.48 20.48h189.047c11.309 0 20.48-9.171 20.48-20.48s-9.171-20.48-20.48-20.48h-189.047zM121.697 345.6c-11.311 0-20.48 9.171-20.48 20.48s9.169 20.48 20.48 20.48h189.046c11.311 0 20.48-9.171 20.48-20.48s-9.169-20.48-20.48-20.48h-189.046z" />
 <glyph unicode="&#xe937;" glyph-name="print" d="M691.986 586.634v122.88h-327.68v-122.88h-40.96v122.88c0 22.622 18.338 40.96 40.96 40.96h327.68c22.622 0 40.96-18.338 40.96-40.96v-122.88h-40.96zM758.153 443.273c11.604 0 21.332 3.924 29.184 11.776 7.848 7.852 11.776 17.58 11.776 29.184s-3.928 21.332-11.776 29.184c-7.852 7.852-17.58 11.776-29.184 11.776-11.608 0-21.336-3.924-29.184-11.776-7.852-7.852-11.776-17.58-11.776-29.184s3.924-21.332 11.776-29.184c7.848-7.852 17.576-11.776 29.184-11.776zM691.986 161.28v185.893h-327.68v-185.893h327.68zM732.946 161.28c0-22.622-18.338-40.96-40.96-40.96h-327.68c-22.622 0-40.96 18.338-40.96 40.96v122.88h-140.209v220.553c0 23.212 7.877 42.667 23.631 58.368s35.183 23.552 58.289 23.552h526.179c23.208 0 42.664-7.85 58.368-23.552 15.7-15.701 23.552-35.156 23.552-58.368v-220.553h-140.21v-122.88zM832.197 325.12v179.593c0 11.604-3.928 21.332-11.776 29.184-7.852 7.851-17.58 11.776-29.184 11.776h-526.179c-11.605 0-21.333-3.925-29.184-11.776s-11.776-17.58-11.776-29.184v-179.593h99.249v63.017h409.6v-63.017h99.25z" />
+<glyph unicode="&#xe938;" glyph-name="space-after" d="M352.958 441.165c6.324 0 12.322-2.812 16.375-7.663l106.665-128c7.543-9.050 6.336-22.498-2.705-30.042-9.050-7.535-22.498-6.332-30.042 2.705l-68.96 82.752v-239.753c0-11.78-9.551-21.333-21.333-21.333-11.777 0.009-21.333 9.557-21.333 21.333v239.753l-68.958-82.752c-7.546-9.033-20.996-10.244-30.042-2.705-9.033 7.543-10.241 20.996-2.708 30.042l106.667 128 3.375 3.247c3.691 2.837 8.259 4.416 13 4.416zM874.667 578.333c11.78 0 21.333-9.551 21.333-21.333s-9.553-21.333-21.333-21.333h-725.333c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333h725.333zM618.667 723.667c11.78 0 21.333-9.551 21.333-21.333s-9.553-21.333-21.333-21.333h-469.333c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333h469.333zM874.667 865.583c11.78 0 21.333-9.551 21.333-21.333s-9.553-21.333-21.333-21.333h-725.333c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333h725.333z" />
+<glyph unicode="&#xe939;" glyph-name="space-before" d="M874.667 153.165c11.78 0 21.333-9.549 21.333-21.333 0-11.78-9.553-21.333-21.333-21.333h-725.333c-11.782 0-21.333 9.553-21.333 21.333 0 11.785 9.551 21.333 21.333 21.333h725.333zM618.667 298.5c11.78 0 21.333-9.553 21.333-21.333s-9.553-21.333-21.333-21.333h-469.333c-11.782 0-21.333 9.553-21.333 21.333s9.551 21.333 21.333 21.333h469.333zM874.667 440.418c11.78 0 21.333-9.553 21.333-21.333 0-11.785-9.553-21.333-21.333-21.333h-725.333c-11.782 0-21.333 9.549-21.333 21.333 0 11.78 9.551 21.333 21.333 21.333h725.333zM348.292 869.167c11.772-0.011 21.333-9.558 21.333-21.333v-239.75l68.958 82.75c7.548 9.030 20.996 10.245 30.042 2.708 9.024-7.543 10.236-20.998 2.709-30.042l-106.709-128-3.375-3.25c-3.692-2.833-8.261-4.416-13-4.416-6.319 0.004-12.326 2.816-16.375 7.666l-106.625 128c-7.54 9.047-6.332 22.497 2.708 30.042 9.047 7.528 22.501 6.328 30.042-2.708l68.958-82.75v239.75c0 11.782 9.551 21.333 21.333 21.333z" />
 <glyph unicode="&#xe93a;" glyph-name="redo" horiz-adv-x="983" d="M735.551 625.789c-57.582 51.124-132.231 80.272-211.562 80.272-176.113 0-318.881-142.768-318.881-318.882 0-176.112 142.768-318.878 318.881-318.878 92.701 0 179.003 39.797 239.157 107.95 5.546 6.287 4.948 15.884-1.339 21.434-6.287 5.546-15.88 4.948-21.43-1.339-54.448-61.686-132.493-97.677-216.388-97.677-159.341 0-288.511 129.171-288.511 288.51 0 159.343 129.171 288.512 288.511 288.512 78.422 0 151.732-31.447 205.435-85.936l-178.037-47.703c-8.098-2.171-12.906-10.498-10.736-18.6 2.171-8.098 10.498-12.906 18.596-10.736l207.43 55.579c8.102 2.17 12.906 10.497 10.736 18.597l-55.579 207.428c-2.171 8.1-10.498 12.908-18.596 10.737-8.102-2.171-12.911-10.497-10.74-18.597l43.053-160.673z" />
 <glyph unicode="&#xe93b;" glyph-name="remove" d="M302.868 427.52c-11.311 0-20.48 9.171-20.48 20.48s9.169 20.48 20.48 20.48h450.559c11.313 0 20.48-9.171 20.48-20.48s-9.167-20.48-20.48-20.48h-450.559z" />
 <glyph unicode="&#xe93c;" glyph-name="rename" d="M620.298 878.080c-11.313 0-20.48-9.169-20.48-20.48s9.167-20.48 20.48-20.48h61.44v-778.24h-61.44c-11.313 0-20.48-9.171-20.48-20.48s9.167-20.48 20.48-20.48h163.84c11.309 0 20.48 9.171 20.48 20.48s-9.171 20.48-20.48 20.48h-61.44v778.24h61.44c11.309 0 20.48 9.169 20.48 20.48s-9.171 20.48-20.48 20.48h-163.84zM615.199 755.2c11.309 0 20.48-9.169 20.48-20.48s-9.171-20.48-20.48-20.48h-394.251c-22.622 0-40.96-18.339-40.96-40.96v-450.56c0-22.622 18.338-40.96 40.96-40.96h394.251c11.309 0 20.48-9.171 20.48-20.48s-9.171-20.48-20.48-20.48h-394.251c-45.243 0-81.92 36.676-81.92 81.92v450.56c0 45.243 36.677 81.92 81.92 81.92h394.251zM773.579 181.76c-11.313 0-20.48-9.171-20.48-20.48s9.167-20.48 20.48-20.48h61.768c45.244 0 81.92 36.676 81.92 81.92v450.56c0 45.243-36.676 81.92-81.92 81.92h-61.768c-11.313 0-20.48-9.169-20.48-20.48s9.167-20.48 20.48-20.48h61.768c22.622 0 40.96-18.339 40.96-40.96v-450.56c0-22.622-18.338-40.96-40.96-40.96h-61.768z" />
 <glyph unicode="&#xe93d;" glyph-name="sandwich" horiz-adv-x="983" d="M764.531 674.54h-546.020c-3.636 0-7.123 1.444-9.695 4.016s-4.016 6.059-4.016 9.695c0 3.636 1.445 7.124 4.016 9.695s6.059 4.016 9.695 4.016h546.020c3.633 0 7.123-1.445 9.695-4.016 2.568-2.571 4.014-6.058 4.014-9.695s-1.446-7.124-4.014-9.695c-2.572-2.571-6.062-4.016-9.695-4.016zM764.531 423.219h-546.020c-3.636 0-7.123 1.446-9.695 4.018s-4.016 6.058-4.016 9.695c0 3.637 1.445 7.123 4.016 9.695 2.571 2.568 6.059 4.014 9.695 4.014h546.020c3.633 0 7.123-1.446 9.695-4.014 2.568-2.572 4.014-6.058 4.014-9.695s-1.446-7.123-4.014-9.695c-2.572-2.572-6.062-4.018-9.695-4.018zM218.511 171.917h546.020c3.633 0 7.123 1.446 9.695 4.014 2.568 2.572 4.014 6.062 4.014 9.695 0 3.637-1.446 7.127-4.014 9.695-2.572 2.572-6.062 4.018-9.695 4.018h-546.020c-3.636 0-7.123-1.446-9.695-4.018-2.571-2.568-4.016-6.058-4.016-9.695 0-3.633 1.445-7.123 4.016-9.695 2.571-2.568 6.059-4.014 9.695-4.014z" />
 <glyph unicode="&#xe93e;" glyph-name="save" d="M855.826 635.471v-448.984c0-18.854-6.312-34.595-18.944-47.223-12.628-12.628-28.369-18.944-47.219-18.944h-523.031c-18.852 0-34.592 6.316-47.222 18.944s-18.944 28.369-18.944 47.223v523.028c0 18.852 6.314 34.592 18.944 47.222s28.37 18.944 47.222 18.944h448.987l140.206-140.209zM814.866 617.984l-116.736 116.736h-431.497c-7.352 0-13.391-2.363-18.117-7.089s-7.089-10.765-7.089-18.117v-523.028c0-7.352 2.363-13.39 7.089-18.117s10.765-7.090 18.117-7.090h523.031c7.348 0 13.39 2.363 18.117 7.090 4.723 4.727 7.086 10.764 7.086 18.117v431.497zM528.146 262.103c22.581 0 41.882 8.008 57.897 24.027 16.015 16.015 24.023 35.312 24.023 57.893s-8.008 41.882-24.023 57.897c-16.015 16.015-35.316 24.023-57.897 24.023s-41.878-8.008-57.893-24.023c-16.019-16.015-24.027-35.316-24.027-57.897s8.008-41.878 24.027-57.893c16.015-16.019 35.312-24.027 57.893-24.027zM313.895 539.373h304.052v122.88h-304.052v-122.88zM241.428 617.984v0z" />
+<glyph unicode="&#xe93f;" glyph-name="spacing" d="M191.999 426.667c11.778-0.004 21.333-9.553 21.333-21.333v-239.748l68.958 82.748c7.545 9.037 20.996 10.249 30.042 2.709 9.034-7.543 10.242-20.996 2.708-30.042l-106.667-128-3.375-3.251c-3.692-2.837-8.259-4.416-13-4.416-6.324 0-12.322 2.812-16.375 7.667l-106.667 128c-7.539 9.045-6.332 22.498 2.708 30.042 9.047 7.535 22.498 6.327 30.042-2.709l68.958-82.748v239.748c0 11.78 9.551 21.333 21.333 21.333zM704 234.667c11.776-0.004 21.333-9.553 21.333-21.333s-9.557-21.329-21.333-21.333h-298.668c-11.782 0-21.333 9.553-21.333 21.333s9.551 21.333 21.333 21.333h298.668zM917.333 395.418c11.776-0.004 21.333-9.553 21.333-21.333s-9.557-21.329-21.333-21.333h-512.001c-11.782 0-21.333 9.549-21.333 21.333 0 11.78 9.551 21.333 21.333 21.333h512.001zM191.999 810.667c6.323-0.003 12.324-2.813 16.375-7.667l106.667-128c7.534-9.045 6.325-22.497-2.708-30.042-9.046-7.538-22.496-6.328-30.042 2.708l-68.958 82.75v-239.75c0-11.78-9.555-21.329-21.333-21.333-11.782 0-21.333 9.553-21.333 21.333v239.75l-68.958-82.75c-7.543-9.039-20.995-10.243-30.042-2.708-9.040 7.545-10.248 20.995-2.708 30.042l106.667 128 3.375 3.25c3.693 2.836 8.258 4.417 13 4.417zM704 548.916c11.776-0.005 21.333-9.554 21.333-21.335 0-11.776-9.557-21.329-21.333-21.333h-298.668c-11.782 0-21.333 9.553-21.333 21.333 0 11.784 9.551 21.335 21.333 21.335h298.668zM917.333 704c11.776-0.005 21.333-9.554 21.333-21.333s-9.557-21.329-21.333-21.333h-512.001c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333h512.001z" />
 <glyph unicode="&#xe940;" glyph-name="select-all" d="M392.664 271.557c-22.622 0-40.96 18.338-40.96 40.96v270.967c0 22.621 18.338 40.96 40.96 40.96h270.966c22.622 0 40.96-18.339 40.96-40.96v-270.967c0-22.622-18.338-40.96-40.96-40.96h-270.966zM392.664 320.709c0-4.526 3.668-8.192 8.192-8.192h254.582c4.526 0 8.192 3.666 8.192 8.192v254.583c0 4.524-3.666 8.192-8.192 8.192h-254.582c-4.524 0-8.192-3.668-8.192-8.192v-254.583zM250.88 170.734v-50.414c-13.864 0-25.732 4.936-35.604 14.807-9.872 9.875-14.808 21.742-14.808 35.607h50.412zM200.468 271.557v50.414h50.412v-50.414h-50.412zM200.468 422.793v50.414h50.412v-50.414h-50.412zM200.468 574.031v50.412h50.412v-50.412h-50.412zM250.88 725.267h-50.412c0 13.864 4.936 25.732 14.808 35.605 9.873 9.872 21.741 14.808 35.604 14.808v-50.413zM351.704 120.32v50.414h50.412v-50.414h-50.412zM351.704 725.267v50.413h50.412v-50.413h-50.412zM502.944 120.32v50.414h50.409v-50.414h-50.409zM502.944 725.267v50.413h50.409v-50.413h-50.409zM654.18 120.32v50.414h50.409v-50.414h-50.409zM654.18 725.267v50.413h50.409v-50.413h-50.409zM805.417 120.32v50.414h50.409c0-14.127-4.936-26.063-14.807-35.803s-21.742-14.61-35.602-14.61zM805.417 271.557v50.414h50.409v-50.414h-50.409zM805.417 422.793v50.414h50.409v-50.414h-50.409zM805.417 574.031v50.412h50.409v-50.412h-50.409zM805.417 725.267v50.413c13.861 0 25.731-4.936 35.602-14.808 9.871-9.873 14.807-21.741 14.807-35.605h-50.409z" />
 <glyph unicode="&#xe941;" glyph-name="signature" d="M563.397 384.434c59.814 40.014 107.127 84.271 141.943 132.764 34.816 48.497 52.224 96.428 52.224 143.794 0 28.672-5.816 51.541-17.449 68.608-11.629 17.067-27.005 25.6-46.117 25.6-39.965 0-73.282-27.399-99.959-82.195s-40.014-122.631-40.014-203.501c0-16.908 0.827-32.387 2.478-46.436 1.655-14.045 3.953-26.923 6.894-38.633zM199.877 99.84c-4.524 0-8.192 3.666-8.192 8.192v43.479c0 4.526 3.668 8.192 8.192 8.192h43.48c4.524 0 8.192-3.666 8.192-8.192v-43.479c0-4.526-3.668-8.192-8.192-8.192h-43.48zM348.75 99.84c-4.524 0-8.192 3.666-8.192 8.192v43.479c0 4.526 3.668 8.192 8.192 8.192h43.481c4.524 0 8.192-3.666 8.192-8.192v-43.479c0-4.526-3.668-8.192-8.192-8.192h-43.481zM497.623 99.84c-4.522 0-8.192 3.666-8.192 8.192v43.479c0 4.526 3.67 8.192 8.192 8.192h43.483c4.522 0 8.192-3.666 8.192-8.192v-43.479c0-4.526-3.67-8.192-8.192-8.192h-43.483zM646.5 99.84c-4.526 0-8.192 3.666-8.192 8.192v43.479c0 4.526 3.666 8.192 8.192 8.192h43.479c4.522 0 8.192-3.666 8.192-8.192v-43.479c0-4.526-3.67-8.192-8.192-8.192h-43.479zM795.374 99.84c-4.526 0-8.192 3.666-8.192 8.192v43.479c0 4.526 3.666 8.192 8.192 8.192h43.479c4.526 0 8.192-3.666 8.192-8.192v-43.479c0-4.526-3.666-8.192-8.192-8.192h-43.479zM193.811 265.966c-7.787-7.791-20.412-7.791-28.2 0-7.786 7.786-7.786 20.41 0 28.197l51.437 51.438-51.437 51.438c-7.787 7.786-7.787 20.41 0 28.197 7.787 7.791 20.413 7.791 28.2 0l51.436-51.433 51.436 51.433c7.787 7.791 20.413 7.791 28.2 0 7.787-7.786 7.787-20.41 0-28.197l-51.436-51.438 51.436-51.438c7.787-7.786 7.787-20.41 0-28.197-7.787-7.791-20.412-7.791-28.2 0l-51.436 51.433-51.436-51.433zM635.47 263.68c-20.48 0-38.597 4.846-54.35 14.533s-28.725 24.195-38.912 43.52c-16.015-9.556-32.809-18.354-50.373-26.386-11.424-5.226-23.065-10.342-34.922-15.344-10.564-4.456-22.655 0.84-26.722 11.559-3.936 10.383 1.139 21.991 11.334 26.391 11.739 5.071 23.339 10.359 34.791 15.872 17.408 8.376 34.042 17.265 49.902 26.665-4.465 15.016-7.811 31.793-10.043 50.332s-3.346 38.572-3.346 60.101c0 95.679 16.962 173.805 50.885 234.378s77.353 90.861 130.286 90.861c31.298 0 56.504-12.354 75.616-37.061 19.116-24.707 28.672-57.725 28.672-99.052 0-56.084-19.784-111.879-59.351-167.384s-93.25-105.079-161.042-148.718c6.877-13.181 15.241-23.065 25.088-29.655 9.843-6.59 20.91-9.888 33.198-9.888 21.95 0 45.228 10.478 69.829 31.429 20.124 17.138 38.584 39.072 55.39 65.798 6.459 10.277 19.501 14.537 30.478 9.355 9.372-4.424 14.545-14.549 13.3-24.842-1.757-14.557-2.294-27.754-1.61-39.596 0.946-16.384 5.485-30.458 13.627-42.222 8.925 4.465 17.474 9.609 25.637 15.438 4.915 3.51 10.457 8.466 16.634 14.881 7.586 7.881 19.919 9.212 28.459 2.38 9.118-7.291 10.203-20.832 1.884-29.024-12.095-11.919-23.515-21.545-34.255-28.881-15.069-10.293-29.356-15.438-42.848-15.438-12.239 0-22.807 6.894-31.707 20.677s-15.004 31.126-18.313 52.027c-16.49-22.319-36.471-40.014-59.945-53.092-23.47-13.074-45.896-19.612-67.269-19.612z" />
 <glyph unicode="&#xe943;" glyph-name="table" d="M194.935 697.337c0 39.315 30.652 71.187 68.462 71.187h518.296c37.81 0 68.465-31.871 68.465-71.187v-512.964c0-39.313-30.654-71.184-68.465-71.184h-518.296c-37.811 0-68.462 31.871-68.462 71.184v512.964zM263.397 726.649c-15.569 0-28.19-13.124-28.19-29.312v-512.964c0-16.187 12.621-29.311 28.19-29.311h518.296c15.569 0 28.193 13.124 28.193 29.311v512.964c0 16.189-12.624 29.312-28.193 29.312h-518.296zM194.868 598.38c0 11.563 9.015 20.937 20.136 20.937h615.088c11.121 0 20.136-9.374 20.136-20.937s-9.015-20.938-20.136-20.938h-615.088c-11.121 0-20.136 9.374-20.136 20.938zM194.868 366.236c0 11.563 9.015 20.935 20.136 20.935h615.088c11.121 0 20.136-9.372 20.136-20.935s-9.015-20.939-20.136-20.939h-615.088c-11.121 0-20.136 9.376-20.136 20.939zM420.024 619.317c11.121 0 20.136-9.374 20.136-20.937v-464.277c0-11.567-9.015-20.939-20.136-20.939-11.119 0-20.135 9.372-20.135 20.939v464.277c0 11.563 9.015 20.937 20.135 20.937zM625.066 619.317c11.121 0 20.136-9.374 20.136-20.937v-464.277c0-11.567-9.015-20.939-20.136-20.939s-20.136 9.372-20.136 20.939v464.277c0 11.563 9.015 20.937 20.136 20.937zM270.051 482.308c0 11.563 9.015 20.935 20.136 20.935h54.675c11.121 0 20.136-9.372 20.136-20.935s-9.015-20.939-20.136-20.939h-54.675c-11.121 0-20.136 9.376-20.136 20.939zM270.051 250.184c0 11.563 9.015 20.939 20.136 20.939h54.675c11.121 0 20.136-9.376 20.136-20.939s-9.015-20.939-20.136-20.939h-54.675c-11.121 0-20.136 9.376-20.136 20.939z" />

package/src/lib/apart-components/editor-toolbar/_theme.scss

@@ -4,6 +4,7 @@
 @use './components/buttons/font/font.theme' as *;
 @use './components/buttons/format/format.theme' as *;
 @use './components/buttons/numbering/numbering.theme' as *;
+@use './components/buttons/spacing/spacing.theme' as *;
 @use './components/buttons/undo-redo/undo-redo.theme' as *;
 @use './components/menu-dropdowns-mobile/menu-dropdowns-mobile.theme' as *;
 @use './components/menu-dropdowns/menu-dropdowns.theme' as *;
@@ -20,6 +21,7 @@
     @include menu-dropdowns-component($theme);
     @include menu-dropdowns-mobile-component($theme);
     @include numbering-component($theme);
+    @include spacing-component($theme);
     @include toolbar-actions-component($theme);
     @include undo-redo-component($theme);
 }

package/src/lib/apart-components/editor-toolbar/components/buttons/spacing/_spacing.theme.scss

@@ -0,0 +1,24 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+
+@mixin spacing-component($theme) {
+    app-nod-spacing {
+        .mat-mdc-button:not(:disabled) {
+            color: map.get($theme, foreground-palette, noder-button-text);
+        }
+
+        .noder-divider {
+            border-color: map.get($theme, foreground-palette, noder-divider);
+        }
+    }
+
+    .noder-spacing-modal-menu {
+        mat-icon.selected {
+            color: map.get($theme, foreground-palette, noder-spacing-selected-indicator) !important;
+        }
+
+        .spacing-label {
+            color: map.get($theme, foreground-palette, noder-button-text);
+        }
+    }
+}

package/lib/editor/components/tab/tab.helper.d.ts

@@ -1,4 +0,0 @@
-import { TabSettingModel } from '../../../models/generated/tab-setting.model';
-export declare class TabHelper {
-    static calculateTabWidth(rowWidth: number, defaultTabWidth: number, tabSettings: TabSettingModel[] | null): number;
-}

package/lib/editor/content/display-data/format-ext.model.d.ts

@@ -1,5 +0,0 @@
-import { FormatModel } from '../../../models/generated/format.model';
-export declare class FormatExtModel extends FormatModel {
-    content: string;
-    constructor(fields?: Partial<FormatExtModel>);
-}

package/lib/editor/display/print/print.rendering.helper.d.ts

@@ -1,6 +0,0 @@
-import { ComponentRef } from '@angular/core';
-import { CustomContentService } from '../../components/shared/services/custom-content.service';
-import { RenderingHelper } from '../rendering.helper';
-export declare class PrintRenderingHelper extends RenderingHelper {
-    static attachComponent(fragment: DocumentFragment, component: ComponentRef<unknown>, customContentService: CustomContentService): void;
-}

package/lib/editor/positioning/line-width.helper.d.ts

@@ -1,5 +0,0 @@
-import { DisplayToken } from '../content/display-data/display-token.model';
-import { EditSession } from '../execution/edit.session';
-export declare class LineWidthHelper {
-    static getParagraphLineDisplayTokens(session: EditSession, paragraphIndex: number, lineIndex: number): DisplayToken[];
-}