@talrace/ngx-noder 0.0.9 → 0.0.10

package/fesm2022/talrace-ngx-noder.mjs

@@ -298,6 +298,17 @@ class ContentStyleHelper {
     }
 }
 
+class FormatModel {
+    constructor(fields) {
+        if (fields) {
+            if (fields.textStyle) {
+                fields.textStyle = new TextStyleModel(fields.textStyle);
+            }
+            Object.assign(this, fields);
+        }
+    }
+}
+
 class FormatStyleHelper {
     static getFormatsAtRange(formats, startIndex, endIndex) {
         const firstIndex = formats.findIndex(x => x.endIndex >= startIndex);
@@ -327,6 +338,46 @@ class FormatStyleHelper {
         const firstIndex = formats.findIndex(x => x.endIndex >= index);
         return firstIndex > 0 ? formats[firstIndex - 1] : null;
     }
+    static combineSection(formats, links, startIndex, endIndex) {
+        const result = this.getFormatsAtRange(formats, startIndex, endIndex).map(x => new FormatModel({
+            ...x,
+            startIndex: x.startIndex < startIndex ? startIndex : x.startIndex,
+            endIndex: x.endIndex > endIndex ? endIndex : x.endIndex
+        }));
+        const filteredLinks = links.filter(x => x.startIndex <= endIndex && x.endIndex >= startIndex);
+        for (let i = result.length - 1; i >= 0; i--) {
+            const linksInFormat = filteredLinks.filter(x => x.startIndex <= result[i].endIndex && x.endIndex >= result[i].startIndex);
+            if (!linksInFormat.length) {
+                continue;
+            }
+            for (let j = linksInFormat.length - 1; j >= 0; j--) {
+                if (linksInFormat[j].startIndex <= result[i].startIndex && linksInFormat[j].endIndex >= result[i].endIndex) {
+                    result.splice(i, 1);
+                    continue;
+                }
+                if (linksInFormat[j].endIndex > result[i].endIndex && linksInFormat[j].startIndex > result[i].startIndex) {
+                    result[i].endIndex = linksInFormat[j].startIndex - 1;
+                    continue;
+                }
+                if (linksInFormat[j].startIndex < result[i].startIndex && linksInFormat[j].endIndex < result[i].endIndex) {
+                    result[i].startIndex = linksInFormat[j].endIndex + 1;
+                    continue;
+                }
+                if (linksInFormat[j].startIndex >= result[i].startIndex && linksInFormat[j].endIndex <= result[i].endIndex) {
+                    result.push(new FormatModel({ ...result[i], startIndex: linksInFormat[j].endIndex + 1 }));
+                    result[i].endIndex = linksInFormat[j].startIndex - 1;
+                }
+            }
+        }
+        filteredLinks.forEach(x => {
+            const formatsStyles = x.formats
+                .filter(y => x.startIndex + y.startIndex <= endIndex)
+                .map(y => new FormatModel({ ...y, startIndex: x.startIndex + y.startIndex, endIndex: x.startIndex + y.endIndex }));
+            result.push(...formatsStyles);
+        });
+        result.sort((a, b) => a.startIndex - b.startIndex);
+        return result;
+    }
 }
 
 class ElementDataModel {
@@ -1076,17 +1127,6 @@ class DocumentHandler extends BaseHandler {
     }
 }
 
-class FormatModel {
-    constructor(fields) {
-        if (fields) {
-            if (fields.textStyle) {
-                fields.textStyle = new TextStyleModel(fields.textStyle);
-            }
-            Object.assign(this, fields);
-        }
-    }
-}
-
 class FormatHelper {
     static sliceSection(formats, startIndex, endIndex) {
         let result = [];
@@ -1416,6 +1456,12 @@ class InsertTabModel {
     }
 }
 
+class LinkHelper {
+    static sliceSection(links, startIndex, endIndex) {
+        return links.filter(x => x.startIndex >= startIndex && x.endIndex <= endIndex);
+    }
+}
+
 class LinkModel {
     constructor(fields) {
         if (fields) {
@@ -2809,15 +2855,14 @@ class TextLayer {
         parent.appendChild(linesContainerElement);
         const startIndex = this.session.displayData.positionToIndex({ row, column: 0 });
         const endIndex = this.session.displayData.positionToIndex({ row: row + 1, column: 0 }) - 1;
-        const formats = FormatStyleHelper.getFormatsAtRange(this.session.model.formats, startIndex, endIndex);
-        const splits = this.session.displayData.paragraphs[row].nextLineIndexes;
-        const formatsExt = formats.map(format => new FormatExtModel({
-            ...format,
-            content: this.session.model.content.substring(format.startIndex, format.endIndex + 1)
+        const combinedFormats = FormatStyleHelper.combineSection(this.session.model.formats, this.session.model.links, startIndex, endIndex).map(x => new FormatExtModel({
+            ...x,
+            content: this.session.model.content.substring(x.startIndex, x.endIndex + 1)
         }));
+        const splits = this.session.displayData.paragraphs[row].nextLineIndexes;
         if (splits?.length) {
             const distance = new DistanceModel({ start: startIndex, end: endIndex });
-            this.renderingHelper.renderContentWrappedLine({ currentElement: this.element, parentNode: linesContainerElement }, splits, paragraphSettings, formatsExt, distance, this.session.customContentService, this.session.customComponents, this.session.generalProperties.scalingRatio, this.session.model.breaks);
+            this.renderingHelper.renderContentWrappedLine({ currentElement: this.element, parentNode: linesContainerElement }, splits, paragraphSettings, combinedFormats, distance, this.session.customContentService, this.session.customComponents, this.session.generalProperties.scalingRatio, this.session.model.breaks);
         }
         else {
             const numberingOffsetLeft = paragraphSettings.numberingData.numberingId === null
@@ -2826,7 +2871,7 @@ class TextLayer {
             const lastLineEl = this.renderingHelper.createLineElement(paragraphSettings.textLinesInfo[0], numberingOffsetLeft, this.session.generalProperties.scalingRatio);
             linesContainerElement.appendChild(lastLineEl);
             const rowDistance = new DistanceModel({ start: startIndex, end: endIndex });
-            this.renderingHelper.renderContentSimpleLine({ currentElement: this.element, parentNode: lastLineEl }, formatsExt, rowDistance, this.session.customContentService, this.session.customComponents, this.session.model.breaks);
+            this.renderingHelper.renderContentSimpleLine({ currentElement: this.element, parentNode: lastLineEl }, combinedFormats, rowDistance, this.session.customContentService, this.session.customComponents, this.session.model.breaks);
         }
     }
 }
@@ -4553,8 +4598,8 @@ class Editor {
         const elements = IndexedElementHelper.sliceSection(this.session.model.elements, startIndex, endIndex).map(x => new ElementModel(x));
         const breaks = IndexedElementHelper.sliceSection(this.session.model.breaks, startIndex, endIndex).map(x => new BreakModel(x));
         const tabs = IndexedElementHelper.sliceSection(this.session.model.tabs, startIndex, endIndex).map(x => new TabModel(x));
-        const links = IndexedElementHelper.sliceSection(this.session.model.links, startIndex, endIndex).map(x => new LinkModel(x));
-        return new RestoreModel({ startIndex, endIndex, text, formats, paragraphs, images, tables, elements, breaks, tabs, links });
+        const links = LinkHelper.sliceSection(this.session.model.links, startIndex, endIndex).map(x => new LinkModel(x));
+        return new RestoreModel({ startIndex, endIndex, text, formats, paragraphs, images, tables, elements, breaks, tabs, links: links });
     }
     createCustomElement(data) {
         const insertIndex = ContentHelper.paragraphToDocumentIndex(this.session.displayData.paragraphs, this.selection.range.start.row, this.selection.range.start.column);
@@ -8644,10 +8689,15 @@ class ImageOperationsHelper {
 }
 
 class LinkOperationsHelper {
-    static insert(links, link, insertIndex, endIndex) {
-        LinkOperationsHelper.insertContent(links, insertIndex, link.length);
-        const linkModel = new LinkModel({ insertIndex, link, endIndex });
-        const index = links.findIndex(x => x.insertIndex > linkModel.insertIndex);
+    static insert(links, link, startIndex, endIndex, textStyle) {
+        LinkOperationsHelper.insertContent(links, startIndex, endIndex - startIndex + 1);
+        const linkModel = new LinkModel({
+            startIndex: startIndex,
+            link,
+            endIndex,
+            formats: [new FormatModel({ startIndex: 0, endIndex: endIndex - startIndex, textStyle })]
+        });
+        const index = links.findIndex(x => x.startIndex > linkModel.startIndex);
         if (index < 0) {
             links.push(linkModel);
         }
@@ -8657,12 +8707,15 @@ class LinkOperationsHelper {
     }
     static insertContent(links, insertIndex, textLength) {
         for (let link of links) {
-            if (link.insertIndex < insertIndex && link.endIndex > insertIndex) {
+            if (link.startIndex < insertIndex && link.endIndex >= insertIndex) {
                 link.endIndex += textLength;
+                const indexInLink = insertIndex - link.startIndex;
+                const format = link.formats.find(x => x.startIndex <= indexInLink && x.endIndex >= indexInLink);
+                format.endIndex += textLength;
                 continue;
             }
-            if (link.insertIndex >= insertIndex) {
-                link.insertIndex += textLength;
+            if (link.startIndex >= insertIndex) {
+                link.startIndex += textLength;
                 link.endIndex += textLength;
             }
         }
@@ -8670,32 +8723,40 @@ class LinkOperationsHelper {
     static removeContent(links, startIndex, endIndex) {
         const length = endIndex - startIndex + 1;
         for (let i = links.length - 1; i >= 0; i--) {
-            if (links[i].insertIndex > endIndex) {
-                links[i].insertIndex -= length;
-                links[i].endIndex -= length;
-                continue;
-            }
-            if (links[i].insertIndex >= startIndex && links[i].endIndex <= endIndex) {
+            if (links[i].startIndex >= startIndex && links[i].endIndex <= endIndex) {
                 links.splice(i, 1);
                 continue;
             }
-            if (links[i].insertIndex <= startIndex && links[i].endIndex >= endIndex) {
+            if (endIndex < links[i].startIndex) {
+                links[i].startIndex -= length;
                 links[i].endIndex -= length;
                 continue;
             }
-            if (links[i].insertIndex < startIndex && links[i].endIndex >= startIndex && links[i].endIndex <= endIndex) {
-                links[i].endIndex = startIndex - 1;
+            if (links[i].startIndex <= startIndex && links[i].endIndex >= endIndex) {
+                const startInLink = startIndex - links[i].startIndex;
+                const endInLink = startInLink + length - 1;
+                links[i].endIndex -= length;
+                FormatOperationsHelper.removeContent(links[i].formats, startInLink, endInLink);
                 continue;
             }
-            if (links[i].insertIndex >= startIndex && links[i].insertIndex <= endIndex && links[i].endIndex > endIndex) {
-                links[i].insertIndex = startIndex;
+            if (links[i].startIndex >= startIndex && links[i].startIndex <= endIndex) {
+                const endInLink = links[i].startIndex - startIndex - 1;
+                links[i].startIndex = startIndex;
                 links[i].endIndex -= length;
+                FormatOperationsHelper.removeContent(links[i].formats, 0, endInLink);
+                continue;
+            }
+            if (links[i].endIndex >= startIndex && links[i].endIndex <= endIndex) {
+                const startInLink = startIndex - links[i].startIndex;
+                const endInLink = links[i].formats[links[i].formats.length - 1].endIndex;
+                links[i].endIndex = startIndex - 1;
+                FormatOperationsHelper.removeContent(links[i].formats, startInLink, endInLink);
             }
         }
     }
     static restore(links, startIndex, contentLength, newlinks) {
         this.insertContent(links, startIndex, contentLength);
-        let indexInElements = links.findIndex(x => x.insertIndex >= startIndex);
+        let indexInElements = links.findIndex(x => x.startIndex >= startIndex);
         indexInElements = indexInElements === -1 ? links.length : indexInElements;
         links.splice(indexInElements, 0, ...newlinks);
     }
@@ -9370,7 +9431,12 @@ class OperationsHelper {
                 }
                 case CommandType.InsertLink: {
                     const model = command.insertLink;
-                    this.insertLink(contents, model.linkDataModel.text, model.linkDataModel.link, model.insertIndex, new TextStyleModel({ headingStyleId: HYPERLINK_HEADING_STYLE_ID, underline: true }));
+                    this.insertLink(contents, model.linkDataModel.text, model.linkDataModel.link, model.insertIndex, new TextStyleModel({
+                        ...DEFAULT_TEXT_STYLE,
+                        headingStyleId: HYPERLINK_HEADING_STYLE_ID,
+                        underline: true,
+                        fontColor: HYPERLINK_FONT_COLOR
+                    }));
                     break;
                 }
                 case CommandType.InsertTableColumns: {
@@ -9533,14 +9599,14 @@ class OperationsHelper {
     static insertLink(document, text, link, index, style) {
         document.content = ContentOperationsHelper.insertContent(document.content, text, index);
         document.contentLength = document.content.length;
-        FormatOperationsHelper.insertStyledContent(document.formats, index, text.length, style);
+        FormatOperationsHelper.insertContent(document.formats, index, text.length);
         ParagraphOperationsHelper.insertContent(document.paragraphs, text, index);
         IndexedElementOperationsHelper.insertContent(document.images, index, text.length);
         IndexedElementOperationsHelper.insertContent(document.tables, index, text.length);
         IndexedElementOperationsHelper.insertContent(document.elements, index, text.length);
         IndexedElementOperationsHelper.insertContent(document.breaks, index, text.length);
         IndexedElementOperationsHelper.insertContent(document.tabs, index, text.length);
-        LinkOperationsHelper.insert(document.links, link, index, index + text.length - 1);
+        LinkOperationsHelper.insert(document.links, link, index, index + text.length - 1, style);
     }
     static addNumbering(target, numberings, startIndex, endIndex, levels) {
         const newNumberingId = NumberingOperationsHelper.generateNumberingId(numberings);
@@ -9605,7 +9671,6 @@ class OperationsHelper {
         FormatOperationsHelper.restore(document.formats, model.startIndex, model.text.length, model.formats);
         IndexedElementOperationsHelper.restore(document.paragraphs, model.startIndex, model.text.length, model.paragraphs);
         IndexedElementOperationsHelper.restore(document.images, model.startIndex, model.text.length, model.images);
-        IndexedElementOperationsHelper.restore(document.links, model.startIndex, model.text.length, model.links);
         IndexedElementOperationsHelper.restore(document.tables, model.startIndex, model.text.length, model.tables);
         IndexedElementOperationsHelper.restore(document.elements, model.startIndex, model.text.length, model.elements);
         IndexedElementOperationsHelper.restore(document.breaks, model.startIndex, model.text.length, model.breaks);
@@ -9631,7 +9696,6 @@ class OperationsHelper {
         ParagraphOperationsHelper.replace(document.paragraphs, text, startIndex, endIndex);
         IndexedElementOperationsHelper.replaceContent(document.images, startIndex, endIndex, text.length);
         IndexedElementOperationsHelper.replaceContent(document.tables, startIndex, endIndex, text.length);
-        IndexedElementOperationsHelper.replaceContent(document.links, startIndex, endIndex, text.length);
         IndexedElementOperationsHelper.replaceContent(document.elements, startIndex, endIndex, text.length);
         IndexedElementOperationsHelper.replaceContent(document.breaks, startIndex, endIndex, text.length);
         IndexedElementOperationsHelper.replaceContent(document.tabs, startIndex, endIndex, text.length);
@@ -9662,7 +9726,12 @@ class OperationsHelper {
             this.insertTable(document, model.insertTable.insertIndex, model.insertTable, contentWidth);
         }
         else if (model.insertLink) {
-            this.insertLink(document, model.insertLink.linkDataModel.text, model.insertLink.linkDataModel.link, model.insertLink.insertIndex, new TextStyleModel({ headingStyleId: HYPERLINK_HEADING_STYLE_ID, underline: true }));
+            this.insertLink(document, model.insertLink.linkDataModel.text, model.insertLink.linkDataModel.link, model.insertLink.insertIndex, new TextStyleModel({
+                ...DEFAULT_TEXT_STYLE,
+                headingStyleId: HYPERLINK_HEADING_STYLE_ID,
+                underline: true,
+                fontColor: HYPERLINK_FONT_COLOR
+            }));
         }
     }
     static applyTextStyle(document, startIndex, endIndex, style) {
@@ -10077,6 +10146,7 @@ class EditSession {
     insertLink(position, linkData) {
         const insertIndex = ContentHelper.paragraphPositionToDocumentIndex(this.displayData.paragraphs, position);
         const linkStyle = new TextStyleModel({
+            ...DEFAULT_TEXT_STYLE,
             headingStyleId: HYPERLINK_HEADING_STYLE_ID,
             underline: true,
             fontColor: HYPERLINK_FONT_COLOR
@@ -10168,12 +10238,14 @@ class EditSession {
             startIndex--;
             endIndex--;
         }
-        const textStyles = FormatStyleHelper.getFormatsAtRange(this.model.formats, startIndex, endIndex).map(format => format.textStyle);
         const paragraphStyles = ParagraphStyleHelper.getParagraphsAtRange(this.model.paragraphs, startIndex, endIndex).map(x => x.paragraphStyle.numberingId
             ? NumberingHelper.getStyles(x.paragraphStyle, this.generalProperties.numberings)
             : new NumberingParagraphStyleModel(x.paragraphStyle));
+        const styles = this.selection.isEmpty
+            ? this.getStyleForCursor(startIndex)
+            : FormatStyleHelper.combineSection(this.model.formats, this.model.links, startIndex, endIndex).map(x => x.textStyle);
         const result = {};
-        for (let style of [...textStyles, ...paragraphStyles]) {
+        for (let style of [...styles, ...paragraphStyles]) {
             for (let key of Object.keys(style)) {
                 if (result[key] === undefined) {
                     result[key] = style[key];
@@ -10185,6 +10257,16 @@ class EditSession {
         }
         this.editorService.styles = result;
     }
+    getStyleForCursor(index) {
+        const link = this.model.links.find(x => x.startIndex <= index && x.endIndex > index);
+        if (link) {
+            const indexInLink = index - link.startIndex;
+            const linkFormat = link.formats.find(x => x.startIndex <= indexInLink && x.endIndex >= indexInLink);
+            return [linkFormat.textStyle];
+        }
+        const format = FormatStyleHelper.getFormatAtIndex(this.model.formats, index);
+        return [format.textStyle];
+    }
     restore(model) {
         const paragraphPosition = ContentHelper.documentIndexToParagraphIndex(this.displayData.paragraphs, model.startIndex);
         if (model.startIndex !== model.endIndex) {
@@ -10230,7 +10312,7 @@ class EditSession {
     }
     getLinkModel(cursor) {
         const index = ContentHelper.paragraphPositionToDocumentIndex(this.displayData.paragraphs, cursor);
-        return this.model.links.find(x => x.insertIndex <= index && x.endIndex > index);
+        return this.model.links.find(x => x.startIndex <= index && x.endIndex > index);
     }
     insertTableRows(insertIndex, rowsCount, targetIndex, inheritIndex) {
         const table = this.customComponents.tables.find(x => x.instance.insertIndex === insertIndex);
@@ -13820,11 +13902,11 @@ class EditorMobileToolbarComponent extends ToolbarActionsComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorMobileToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CustomIconService }, { token: EditorService }, { token: i0.Injector }, { token: ToolbarCoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditorMobileToolbarComponent, selector: "app-nod-editor-mobile-toolbar", outputs: { openFileFromDisk: "openFileFromDisk", createDocument: "createDocument", saveAs: "saveAs", rename: "rename", delete: "delete", insertPageBreak: "insertPageBreak", textFormat: "textFormat" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"{ mode: toolbarCoreService.mode$ | async, isViewOnly: editorService.isViewOnly$ | async } as data\">\n    <div class=\"menu-action\">\n        <button\n            *ngIf=\"data.mode === editorToolbarMode.Base; else back\"\n            mat-button\n            id=\"editor-mobile-toolbar-sandwich\"\n            (click)=\"toolbarCoreService.openBurgerMenu()\">\n            <mat-icon\n                fontSet=\"noder-icon\"\n                fontIcon=\"icon-sandwich\" />\n        </button>\n        <ng-template #back>\n            <div class=\"back-container\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-back\"\n                    (click)=\"toolbarCoreService.back()\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-back\" />\n                </button>\n                <div class=\"back-title\">{{ toolbarCoreService.backTitle }}</div>\n            </div>\n        </ng-template>\n    </div>\n    <div\n        *ngIf=\"styles && !data.isViewOnly && actionsMenuMods.includes(data.mode)\"\n        class=\"actions\">\n        <app-nod-undo-redo\n            [canUndo]=\"canUndo\"\n            [canRedo]=\"canRedo\"\n            (undo)=\"undo.emit()\"\n            (redo)=\"redo.emit()\" />\n        <div class=\"separator\"></div>\n        <div\n            class=\"main-actions\"\n            [ngSwitch]=\"data.mode\">\n            <ng-container *ngSwitchCase=\"editorToolbarMode.Base\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-text-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.TextFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-text\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-style-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.StyleFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-combined\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-align-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.AlignFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-alignleft\" />\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.TextFormat\">\n                <app-nod-font\n                    [isDisabled]=\"data.isViewOnly\"\n                    [styles]=\"styles\"\n                    (selectFont)=\"onApplyFontFamily($event)\" />\n                <div class=\"separator\"></div>\n                <app-nod-font-size\n                    [isDisabled]=\"data.isViewOnly\"\n                    [fontSize]=\"styles.fontSize\"\n                    (selectFontSize)=\"onApplyFontSize($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.StyleFormat\">\n                <app-nod-font-style\n                    [isDisabled]=\"data.isViewOnly\"\n                    [bold]=\"styles.bold\"\n                    [italic]=\"styles.italic\"\n                    [underline]=\"styles.underline\"\n                    (toggleBold)=\"onApplyBold($event)\"\n                    (toggleItalic)=\"onApplyItalic($event)\"\n                    (toggleUnderline)=\"onApplyUnderline($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.AlignFormat\">\n                <app-nod-format\n                    [isDisabled]=\"data.isViewOnly\"\n                    [alignment]=\"styles.alignment\"\n                    (selectAlignment)=\"onApplyAlignment($event)\" />\n            </ng-container>\n        </div>\n    </div>\n</ng-container>\n", styles: ["button.mdc-button{min-width:28px;min-height:28px;height:28px;padding:0;margin:0 4px}button.mdc-button mat-icon{font-size:24px;height:24px;width:24px;margin:0}:host::ng-deep{display:flex;position:relative;width:100%;height:32px}:host::ng-deep mat-button-toggle,:host::ng-deep .mat-button-toggle-button{height:32px;width:32px;border-radius:4px}:host::ng-deep mat-button-toggle mat-icon,:host::ng-deep .mat-button-toggle-button mat-icon{font-size:24px;height:24px;width:24px;border-radius:4px}:host::ng-deep mat-button-toggle .mat-button-toggle-label-content,:host::ng-deep .mat-button-toggle-button .mat-button-toggle-label-content{padding:0 2px}.menu-action{z-index:1}.actions{display:flex;position:absolute;align-items:center;justify-content:center;width:100%;height:100%}.main-actions{display:flex;align-items:center;height:100%}.separator{border-left:1px solid;opacity:.1;height:100%;margin:0 8px}app-nod-font{max-width:142px}.back-container{display:flex}.back-title{font-size:14px;font-weight:400;padding-left:10px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FontComponent, selector: "app-nod-font", inputs: ["isDisabled", "styles"], outputs: ["selectFont"] }, { kind: "component", type: FontSizeComponent, selector: "app-nod-font-size", inputs: ["isDisabled", "fontSize"], outputs: ["selectFontSize"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FontStyleComponent, selector: "app-nod-font-style", inputs: ["isDisabled", "bold", "italic", "underline", "fontColor", "highlightColor"], outputs: ["toggleBold", "toggleItalic", "toggleUnderline", "selectFontColor", "selectHighlightColor"] }, { kind: "component", type: FormatComponent, selector: "app-nod-format", inputs: ["isDisabled", "alignment"], outputs: ["selectAlignment"] }, { kind: "component", type: UndoRedoComponent, selector: "app-nod-undo-redo", inputs: ["canUndo", "canRedo"], outputs: ["undo", "redo"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditorMobileToolbarComponent, selector: "app-nod-editor-mobile-toolbar", outputs: { openFileFromDisk: "openFileFromDisk", createDocument: "createDocument", saveAs: "saveAs", rename: "rename", delete: "delete", insertPageBreak: "insertPageBreak", textFormat: "textFormat" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"{ mode: toolbarCoreService.mode$ | async, isViewOnly: editorService.isViewOnly$ | async } as data\">\n    <div class=\"menu-action\">\n        <button\n            *ngIf=\"data.mode === editorToolbarMode.Base; else back\"\n            mat-button\n            id=\"editor-mobile-toolbar-sandwich\"\n            (click)=\"toolbarCoreService.openBurgerMenu()\">\n            <mat-icon\n                fontSet=\"noder-icon\"\n                fontIcon=\"icon-sandwich\" />\n        </button>\n        <ng-template #back>\n            <div class=\"back-container\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-back\"\n                    (click)=\"toolbarCoreService.back()\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-back\" />\n                </button>\n                <div class=\"back-title\">{{ toolbarCoreService.backTitle }}</div>\n            </div>\n        </ng-template>\n    </div>\n    <div\n        *ngIf=\"styles && !data.isViewOnly && actionsMenuMods.includes(data.mode)\"\n        class=\"actions\">\n        <app-nod-undo-redo\n            [canUndo]=\"canUndo\"\n            [canRedo]=\"canRedo\"\n            (undo)=\"undo.emit()\"\n            (redo)=\"redo.emit()\" />\n        <div class=\"separator\"></div>\n        <div\n            class=\"main-actions\"\n            [ngSwitch]=\"data.mode\">\n            <ng-container *ngSwitchCase=\"editorToolbarMode.Base\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-text-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.TextFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-text\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-style-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.StyleFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-combined\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-align-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.AlignFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-alignleft\" />\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.TextFormat\">\n                <app-nod-font\n                    [isDisabled]=\"data.isViewOnly\"\n                    [styles]=\"styles\"\n                    (selectFont)=\"onApplyFontFamily($event)\" />\n                <div class=\"separator\"></div>\n                <app-nod-font-size\n                    [isDisabled]=\"data.isViewOnly\"\n                    [fontSize]=\"styles.fontSize\"\n                    (selectFontSize)=\"onApplyFontSize($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.StyleFormat\">\n                <app-nod-font-style\n                    [isDisabled]=\"data.isViewOnly\"\n                    [bold]=\"styles.bold\"\n                    [italic]=\"styles.italic\"\n                    [underline]=\"styles.underline\"\n                    (toggleBold)=\"onApplyBold($event)\"\n                    (toggleItalic)=\"onApplyItalic($event)\"\n                    (toggleUnderline)=\"onApplyUnderline($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.AlignFormat\">\n                <app-nod-format\n                    [isDisabled]=\"data.isViewOnly\"\n                    [alignment]=\"styles.alignment\"\n                    (selectAlignment)=\"onApplyAlignment($event)\" />\n            </ng-container>\n        </div>\n    </div>\n</ng-container>\n", styles: ["button.mdc-button{min-width:28px;min-height:28px;height:28px;padding:0;margin:0 4px}button.mdc-button mat-icon{font-size:24px;height:24px;width:24px;margin:0}:host::ng-deep{display:flex;position:relative;width:100%;height:32px}:host::ng-deep mat-button-toggle,:host::ng-deep .mat-button-toggle-button{height:32px;width:32px;border-radius:4px}:host::ng-deep mat-button-toggle mat-icon,:host::ng-deep .mat-button-toggle-button mat-icon{font-size:24px;height:24px;width:24px;border-radius:4px}:host::ng-deep mat-button-toggle .mat-button-toggle-label-content,:host::ng-deep .mat-button-toggle-button .mat-button-toggle-label-content{padding:0 2px}.menu-action{display:flex;align-items:center;z-index:1}.actions{display:flex;position:absolute;align-items:center;justify-content:center;width:100%;height:100%}.main-actions{display:flex;align-items:center;height:100%}.separator{border-left:1px solid;opacity:.1;height:100%;margin:0 8px}app-nod-font{max-width:142px}.back-container{display:flex}.back-title{font-size:14px;font-weight:400;padding-left:10px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FontComponent, selector: "app-nod-font", inputs: ["isDisabled", "styles"], outputs: ["selectFont"] }, { kind: "component", type: FontSizeComponent, selector: "app-nod-font-size", inputs: ["isDisabled", "fontSize"], outputs: ["selectFontSize"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FontStyleComponent, selector: "app-nod-font-style", inputs: ["isDisabled", "bold", "italic", "underline", "fontColor", "highlightColor"], outputs: ["toggleBold", "toggleItalic", "toggleUnderline", "selectFontColor", "selectHighlightColor"] }, { kind: "component", type: FormatComponent, selector: "app-nod-format", inputs: ["isDisabled", "alignment"], outputs: ["selectAlignment"] }, { kind: "component", type: UndoRedoComponent, selector: "app-nod-undo-redo", inputs: ["canUndo", "canRedo"], outputs: ["undo", "redo"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorMobileToolbarComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-nod-editor-mobile-toolbar', template: "<ng-container *ngIf=\"{ mode: toolbarCoreService.mode$ | async, isViewOnly: editorService.isViewOnly$ | async } as data\">\n    <div class=\"menu-action\">\n        <button\n            *ngIf=\"data.mode === editorToolbarMode.Base; else back\"\n            mat-button\n            id=\"editor-mobile-toolbar-sandwich\"\n            (click)=\"toolbarCoreService.openBurgerMenu()\">\n            <mat-icon\n                fontSet=\"noder-icon\"\n                fontIcon=\"icon-sandwich\" />\n        </button>\n        <ng-template #back>\n            <div class=\"back-container\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-back\"\n                    (click)=\"toolbarCoreService.back()\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-back\" />\n                </button>\n                <div class=\"back-title\">{{ toolbarCoreService.backTitle }}</div>\n            </div>\n        </ng-template>\n    </div>\n    <div\n        *ngIf=\"styles && !data.isViewOnly && actionsMenuMods.includes(data.mode)\"\n        class=\"actions\">\n        <app-nod-undo-redo\n            [canUndo]=\"canUndo\"\n            [canRedo]=\"canRedo\"\n            (undo)=\"undo.emit()\"\n            (redo)=\"redo.emit()\" />\n        <div class=\"separator\"></div>\n        <div\n            class=\"main-actions\"\n            [ngSwitch]=\"data.mode\">\n            <ng-container *ngSwitchCase=\"editorToolbarMode.Base\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-text-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.TextFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-text\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-style-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.StyleFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-combined\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-align-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.AlignFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-alignleft\" />\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.TextFormat\">\n                <app-nod-font\n                    [isDisabled]=\"data.isViewOnly\"\n                    [styles]=\"styles\"\n                    (selectFont)=\"onApplyFontFamily($event)\" />\n                <div class=\"separator\"></div>\n                <app-nod-font-size\n                    [isDisabled]=\"data.isViewOnly\"\n                    [fontSize]=\"styles.fontSize\"\n                    (selectFontSize)=\"onApplyFontSize($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.StyleFormat\">\n                <app-nod-font-style\n                    [isDisabled]=\"data.isViewOnly\"\n                    [bold]=\"styles.bold\"\n                    [italic]=\"styles.italic\"\n                    [underline]=\"styles.underline\"\n                    (toggleBold)=\"onApplyBold($event)\"\n                    (toggleItalic)=\"onApplyItalic($event)\"\n                    (toggleUnderline)=\"onApplyUnderline($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.AlignFormat\">\n                <app-nod-format\n                    [isDisabled]=\"data.isViewOnly\"\n                    [alignment]=\"styles.alignment\"\n                    (selectAlignment)=\"onApplyAlignment($event)\" />\n            </ng-container>\n        </div>\n    </div>\n</ng-container>\n", styles: ["button.mdc-button{min-width:28px;min-height:28px;height:28px;padding:0;margin:0 4px}button.mdc-button mat-icon{font-size:24px;height:24px;width:24px;margin:0}:host::ng-deep{display:flex;position:relative;width:100%;height:32px}:host::ng-deep mat-button-toggle,:host::ng-deep .mat-button-toggle-button{height:32px;width:32px;border-radius:4px}:host::ng-deep mat-button-toggle mat-icon,:host::ng-deep .mat-button-toggle-button mat-icon{font-size:24px;height:24px;width:24px;border-radius:4px}:host::ng-deep mat-button-toggle .mat-button-toggle-label-content,:host::ng-deep .mat-button-toggle-button .mat-button-toggle-label-content{padding:0 2px}.menu-action{z-index:1}.actions{display:flex;position:absolute;align-items:center;justify-content:center;width:100%;height:100%}.main-actions{display:flex;align-items:center;height:100%}.separator{border-left:1px solid;opacity:.1;height:100%;margin:0 8px}app-nod-font{max-width:142px}.back-container{display:flex}.back-title{font-size:14px;font-weight:400;padding-left:10px}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-nod-editor-mobile-toolbar', template: "<ng-container *ngIf=\"{ mode: toolbarCoreService.mode$ | async, isViewOnly: editorService.isViewOnly$ | async } as data\">\n    <div class=\"menu-action\">\n        <button\n            *ngIf=\"data.mode === editorToolbarMode.Base; else back\"\n            mat-button\n            id=\"editor-mobile-toolbar-sandwich\"\n            (click)=\"toolbarCoreService.openBurgerMenu()\">\n            <mat-icon\n                fontSet=\"noder-icon\"\n                fontIcon=\"icon-sandwich\" />\n        </button>\n        <ng-template #back>\n            <div class=\"back-container\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-back\"\n                    (click)=\"toolbarCoreService.back()\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-back\" />\n                </button>\n                <div class=\"back-title\">{{ toolbarCoreService.backTitle }}</div>\n            </div>\n        </ng-template>\n    </div>\n    <div\n        *ngIf=\"styles && !data.isViewOnly && actionsMenuMods.includes(data.mode)\"\n        class=\"actions\">\n        <app-nod-undo-redo\n            [canUndo]=\"canUndo\"\n            [canRedo]=\"canRedo\"\n            (undo)=\"undo.emit()\"\n            (redo)=\"redo.emit()\" />\n        <div class=\"separator\"></div>\n        <div\n            class=\"main-actions\"\n            [ngSwitch]=\"data.mode\">\n            <ng-container *ngSwitchCase=\"editorToolbarMode.Base\">\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-text-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.TextFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-text\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-style-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.StyleFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-combined\" />\n                </button>\n                <button\n                    mat-button\n                    id=\"editor-mobile-toolbar-align-format\"\n                    (click)=\"toolbarCoreService.mode = editorToolbarMode.AlignFormat\">\n                    <mat-icon\n                        fontSet=\"noder-icon\"\n                        fontIcon=\"icon-format-alignleft\" />\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.TextFormat\">\n                <app-nod-font\n                    [isDisabled]=\"data.isViewOnly\"\n                    [styles]=\"styles\"\n                    (selectFont)=\"onApplyFontFamily($event)\" />\n                <div class=\"separator\"></div>\n                <app-nod-font-size\n                    [isDisabled]=\"data.isViewOnly\"\n                    [fontSize]=\"styles.fontSize\"\n                    (selectFontSize)=\"onApplyFontSize($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.StyleFormat\">\n                <app-nod-font-style\n                    [isDisabled]=\"data.isViewOnly\"\n                    [bold]=\"styles.bold\"\n                    [italic]=\"styles.italic\"\n                    [underline]=\"styles.underline\"\n                    (toggleBold)=\"onApplyBold($event)\"\n                    (toggleItalic)=\"onApplyItalic($event)\"\n                    (toggleUnderline)=\"onApplyUnderline($event)\" />\n            </ng-container>\n            <ng-container *ngSwitchCase=\"editorToolbarMode.AlignFormat\">\n                <app-nod-format\n                    [isDisabled]=\"data.isViewOnly\"\n                    [alignment]=\"styles.alignment\"\n                    (selectAlignment)=\"onApplyAlignment($event)\" />\n            </ng-container>\n        </div>\n    </div>\n</ng-container>\n", styles: ["button.mdc-button{min-width:28px;min-height:28px;height:28px;padding:0;margin:0 4px}button.mdc-button mat-icon{font-size:24px;height:24px;width:24px;margin:0}:host::ng-deep{display:flex;position:relative;width:100%;height:32px}:host::ng-deep mat-button-toggle,:host::ng-deep .mat-button-toggle-button{height:32px;width:32px;border-radius:4px}:host::ng-deep mat-button-toggle mat-icon,:host::ng-deep .mat-button-toggle-button mat-icon{font-size:24px;height:24px;width:24px;border-radius:4px}:host::ng-deep mat-button-toggle .mat-button-toggle-label-content,:host::ng-deep .mat-button-toggle-button .mat-button-toggle-label-content{padding:0 2px}.menu-action{display:flex;align-items:center;z-index:1}.actions{display:flex;position:absolute;align-items:center;justify-content:center;width:100%;height:100%}.main-actions{display:flex;align-items:center;height:100%}.separator{border-left:1px solid;opacity:.1;height:100%;margin:0 8px}app-nod-font{max-width:142px}.back-container{display:flex}.back-title{font-size:14px;font-weight:400;padding-left:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: CustomIconService }, { type: EditorService }, { type: i0.Injector }, { type: ToolbarCoreService }], propDecorators: { openFileFromDisk: [{
                 type: Output
             }], createDocument: [{
@@ -14476,9 +14558,15 @@ class AddLinkDialogComponent {
         if (this.form.invalid) {
             return;
         }
+        if (this.form.controls.text.value) {
+            this.form.controls.text.setValue(this.form.controls.text.value.trim());
+        }
         if (!this.form.controls.text.value) {
             this.form.controls.text.setValue(this.form.controls.link.value);
         }
+        if (!this.form.controls.link.value.startsWith('http')) {
+            this.form.controls.link.setValue('http://' + this.form.controls.link.value);
+        }
         this.dialogRef.close({ text: this.form.controls.text.value, link: this.form.controls.link.value });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AddLinkDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -14616,5 +14704,5 @@ class OperationModel {
  * Generated bundle index. Do not edit.
  */
 
-export { AddLinkDialogComponent, AddLinkDialogOptions, AddLinkMobileComponent, Alignment, BaseNoderComponent, BreakTypes, CommandModel, CommandType, CommandsService, ConfirmDialogComponent, DEFAULT_BACKGROUND_COLOR, DEFAULT_EDGE_MAX_HEIGHT_MULTIPLIER, DEFAULT_FONT_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_HEADINGS, DEFAULT_HEADING_STYLE_ID, DEFAULT_PARAGRAPH_STYLE, DEFAULT_TAB_WIDTH, DEFAULT_TEXT_STYLE, DEFAULT_TOOLBAR_STYLES, DefaultImageApiService, DestroyComponent, DocumentInfo, DocumentModel, DocumentNameModel, DocxModel, DomHelper, EditorComponent, EditorMobileToolbarComponent, EditorModule, EditorSearchDialogComponent, EditorService, EditorTitleComponent, EditorTitleMobileComponent, EditorToolbarComponent, EditorToolbarMode, EditorToolbarModule, EditorToolbarService, ElementDataModel, ElementModel, ExternalComponent, ExternalElementModel, ExternalElementService, FileSourceModel, FormatStyleHelper, HYPERLINK_FONT_COLOR, HYPERLINK_HEADING_STYLE_ID, ImageApiService, ImageDataModel, LastDocumentRevisionModel, Mode, NEW_LINE_MARKUP, NumberingLevelModel, OperationModel, OperationsHistoryInfoModel, PageType, ParagraphStyleModel, RevisionHelper, RevisionModel, TextStyleModel };
+export { AddLinkDialogComponent, AddLinkDialogOptions, AddLinkMobileComponent, Alignment, BaseNoderComponent, BreakTypes, CommandModel, CommandType, CommandsService, ConfirmDialogComponent, DEFAULT_BACKGROUND_COLOR, DEFAULT_EDGE_MAX_HEIGHT_MULTIPLIER, DEFAULT_FONT_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_HEADINGS, DEFAULT_HEADING_STYLE_ID, DEFAULT_PARAGRAPH_STYLE, DEFAULT_TAB_WIDTH, DEFAULT_TEXT_STYLE, DEFAULT_TOOLBAR_STYLES, DefaultImageApiService, DestroyComponent, DocumentInfo, DocumentModel, DocumentNameModel, DocxModel, DomHelper, EditorComponent, EditorMobileToolbarComponent, EditorModule, EditorSearchDialogComponent, EditorService, EditorTitleComponent, EditorTitleMobileComponent, EditorToolbarComponent, EditorToolbarMode, EditorToolbarModule, EditorToolbarService, ElementDataModel, ElementModel, ExternalComponent, ExternalElementModel, ExternalElementService, FileSourceModel, FormatStyleHelper, HYPERLINK_FONT_COLOR, HYPERLINK_HEADING_STYLE_ID, ImageApiService, ImageDataModel, LastDocumentRevisionModel, Mode, NEW_LINE_MARKUP, NumberingLevelModel, OperationModel, OperationsHistoryInfoModel, PageType, ParagraphStyleModel, RevisionHelper, RevisionModel, TextFormatMobileComponent, TextStyleModel };
 //# sourceMappingURL=talrace-ngx-noder.mjs.map