@talrace/ngx-noder 19.0.55 → 19.0.57

package/fesm2022/talrace-ngx-noder.mjs

@@ -2112,6 +2112,14 @@ class ContentOperationsHelper {
     }
 }
 
+class ContentsModel {
+    constructor(fields) {
+        if (fields) {
+            Object.assign(this, fields);
+        }
+    }
+}
+
 class ElementModel {
     constructor(fields) {
         if (fields) {
@@ -2342,14 +2350,6 @@ class RestoreModel {
     }
 }
 
-class ContentsModel {
-    constructor(fields) {
-        if (fields) {
-            Object.assign(this, fields);
-        }
-    }
-}
-
 class TableModel {
     constructor(fields) {
         if (fields) {
@@ -2398,7 +2398,7 @@ class ContentsOperationsHelper {
             comments
         });
     }
-    static GetRelativeContentSlice(contents, startIndex, count) {
+    static GetRelativeContentSlice(contents, documentNumberings, startIndex, count) {
         const content = ContentOperationsHelper.sliceContent(contents.content, startIndex, count);
         const endIndex = startIndex + count - 1;
         const formats = FormatHelper.sliceSection(contents.formats, startIndex, endIndex).map(x => new FormatModel(x));
@@ -2419,6 +2419,8 @@ class ContentsOperationsHelper {
         IndexedElementHelper.shiftIndexes(tabs, -startIndex);
         RangeElementHelper.shiftIndexes(comments, -startIndex);
         LinkHelper.shiftIndexes(links, -startIndex);
+        const paragraphNumberingIds = new Set(paragraphs.map(x => x.paragraphStyle.numberingId).filter(id => id != null));
+        const numberings = documentNumberings.filter(x => paragraphNumberingIds.has(x.numberingId));
         return new ContentsModel({
             content,
             formats,
@@ -2429,7 +2431,8 @@ class ContentsOperationsHelper {
             breaks,
             tabs,
             links,
-            comments
+            comments,
+            numberings
         });
     }
 }
@@ -2468,14 +2471,14 @@ class ContextMenuComponent {
         this.overlayService.close(AfterCloseOverlayActions.OpenSetNumberingValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ContextMenuComponent, deps: [{ token: EditorService }, { token: OverlayService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ContextMenuComponent, isStandalone: true, selector: "app-nod-context-menu", inputs: { hasNumbering: "hasNumbering", hasSelection: "hasSelection", disableContinueNumber: "disableContinueNumber" }, host: { properties: { "style.height.px": "210", "style.width.px": "320" } }, ngImport: i0, template: "<button\n    mat-button\n    (click)=\"onCopy()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-copy\" />\n    {{ 'NODER.LABEL.COPY' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onPaste()\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-paste\" />\n    {{ 'NODER.LABEL.PASTE' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onCut()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-cut\" />\n    {{ 'NODER.LABEL.CUT' | translate }}\n</button>\n<div class=\"separator\"></div>\n<button\n    mat-button\n    (click)=\"onStartNewList()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-restart-numbering\" />\n    {{ 'NODER.LABEL.START_NEW_LIST' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onContinueNumbering()\"\n    [disabled]=\"!hasNumbering || disableContinueNumber\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-continue-numbering\" />\n    {{ 'NODER.LABEL.CONTINUE_NUMBERING' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onSetNumberingValue()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-starting-value\" />\n    {{ 'NODER.LABEL.SET_NUMBERING_VALUE' | translate }}\n</button>\n", styles: [":host{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:8px;box-shadow:2px 2px 8px #21212129}.separator{width:288px;height:1px}button{width:100%;justify-content:start;min-height:28px;height:28px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ContextMenuComponent, isStandalone: true, selector: "app-nod-context-menu", inputs: { hasNumbering: "hasNumbering", hasSelection: "hasSelection", disableContinueNumber: "disableContinueNumber" }, host: { properties: { "style.height.px": "210", "style.width.px": "320" } }, ngImport: i0, template: "<button\n    mat-button\n    (click)=\"onCopy()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-copy\" />\n    {{ 'NODER.LABEL.COPY' | translate }}\n    <span class=\"shortcut\">Ctrl+C</span>\n</button>\n<button\n    mat-button\n    (click)=\"onPaste()\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-paste\" />\n    {{ 'NODER.LABEL.PASTE' | translate }}\n    <span class=\"shortcut\">Ctrl+V</span>\n</button>\n<button\n    mat-button\n    (click)=\"onCut()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-cut\" />\n    {{ 'NODER.LABEL.CUT' | translate }}\n    <span class=\"shortcut\">Ctrl+X</span>\n</button>\n<div class=\"separator\"></div>\n<button\n    mat-button\n    (click)=\"onStartNewList()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-restart-numbering\" />\n    {{ 'NODER.LABEL.START_NEW_LIST' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onContinueNumbering()\"\n    [disabled]=\"!hasNumbering || disableContinueNumber\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-continue-numbering\" />\n    {{ 'NODER.LABEL.CONTINUE_NUMBERING' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onSetNumberingValue()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-starting-value\" />\n    {{ 'NODER.LABEL.SET_NUMBERING_VALUE' | translate }}\n</button>\n", styles: [":host{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:8px;box-shadow:2px 2px 8px #21212129}.separator{width:288px;height:1px}button{width:100%;justify-content:start;min-height:28px;height:28px}button ::ng-deep .mdc-button__label{display:flex;flex-direction:row;width:100%;margin-left:3px;font-weight:400}.shortcut{margin-left:auto;opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-nod-context-menu', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TranslateModule, MatIconModule], host: {
                         '[style.height.px]': `${CONTEXT_MENU_HEIGHT}`,
                         '[style.width.px]': `${CONTEXT_MENU_WIDTH}`
-                    }, template: "<button\n    mat-button\n    (click)=\"onCopy()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-copy\" />\n    {{ 'NODER.LABEL.COPY' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onPaste()\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-paste\" />\n    {{ 'NODER.LABEL.PASTE' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onCut()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-cut\" />\n    {{ 'NODER.LABEL.CUT' | translate }}\n</button>\n<div class=\"separator\"></div>\n<button\n    mat-button\n    (click)=\"onStartNewList()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-restart-numbering\" />\n    {{ 'NODER.LABEL.START_NEW_LIST' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onContinueNumbering()\"\n    [disabled]=\"!hasNumbering || disableContinueNumber\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-continue-numbering\" />\n    {{ 'NODER.LABEL.CONTINUE_NUMBERING' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onSetNumberingValue()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-starting-value\" />\n    {{ 'NODER.LABEL.SET_NUMBERING_VALUE' | translate }}\n</button>\n", styles: [":host{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:8px;box-shadow:2px 2px 8px #21212129}.separator{width:288px;height:1px}button{width:100%;justify-content:start;min-height:28px;height:28px}\n"] }]
+                    }, template: "<button\n    mat-button\n    (click)=\"onCopy()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-copy\" />\n    {{ 'NODER.LABEL.COPY' | translate }}\n    <span class=\"shortcut\">Ctrl+C</span>\n</button>\n<button\n    mat-button\n    (click)=\"onPaste()\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-paste\" />\n    {{ 'NODER.LABEL.PASTE' | translate }}\n    <span class=\"shortcut\">Ctrl+V</span>\n</button>\n<button\n    mat-button\n    (click)=\"onCut()\"\n    [disabled]=\"!hasSelection\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-cut\" />\n    {{ 'NODER.LABEL.CUT' | translate }}\n    <span class=\"shortcut\">Ctrl+X</span>\n</button>\n<div class=\"separator\"></div>\n<button\n    mat-button\n    (click)=\"onStartNewList()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-restart-numbering\" />\n    {{ 'NODER.LABEL.START_NEW_LIST' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onContinueNumbering()\"\n    [disabled]=\"!hasNumbering || disableContinueNumber\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-continue-numbering\" />\n    {{ 'NODER.LABEL.CONTINUE_NUMBERING' | translate }}\n</button>\n<button\n    mat-button\n    (click)=\"onSetNumberingValue()\"\n    [disabled]=\"!hasNumbering\">\n    <mat-icon\n        fontSet=\"noder-icon\"\n        fontIcon=\"icon-starting-value\" />\n    {{ 'NODER.LABEL.SET_NUMBERING_VALUE' | translate }}\n</button>\n", styles: [":host{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:8px;box-shadow:2px 2px 8px #21212129}.separator{width:288px;height:1px}button{width:100%;justify-content:start;min-height:28px;height:28px}button ::ng-deep .mdc-button__label{display:flex;flex-direction:row;width:100%;margin-left:3px;font-weight:400}.shortcut{margin-left:auto;opacity:.5}\n"] }]
         }], ctorParameters: () => [{ type: EditorService }, { type: OverlayService }], propDecorators: { hasNumbering: [{
                 type: Input
             }], hasSelection: [{
@@ -3751,6 +3754,16 @@ class NumberingOperationsHelper {
             numberings.splice(index, 1);
         }
     }
+    static insertRelative(numberings, insertNumberingId, insertNumberings, paragraphs) {
+        const oldToNewIds = new Map();
+        for (const insertNumbering of insertNumberings) {
+            oldToNewIds.set(insertNumbering.numberingId, insertNumberingId);
+            insertNumbering.numberingId = insertNumberingId;
+            numberings.push(insertNumbering);
+            insertNumberingId++;
+        }
+        this.updateParagraphNumberings(paragraphs, oldToNewIds);
+    }
     static filterUnusedIds(paragraphs, numberingIds) {
         const unusedNumberingIds = [...numberingIds];
         let index = 0;
@@ -3764,6 +3777,17 @@ class NumberingOperationsHelper {
         }
         return unusedNumberingIds;
     }
+    static updateParagraphNumberings(paragraphs, oldToNewIds) {
+        for (const paragraphStyle of paragraphs.map(x => x.paragraphStyle)) {
+            if (paragraphStyle.numberingId == null) {
+                continue;
+            }
+            const newId = oldToNewIds.get(paragraphStyle.numberingId);
+            if (newId !== undefined) {
+                paragraphStyle.numberingId = newId;
+            }
+        }
+    }
 }
 
 var Alignment;
@@ -6027,13 +6051,13 @@ class OperationsHelper {
                 }
                 case CommandType.InsertContents: {
                     const model = command.insertContents;
-                    this.insertContents(contents, model.insertIndex, model.contents);
+                    this.insertContents(contents, document.numberings, model.insertIndex, model.contents);
                     break;
                 }
                 case CommandType.ReplaceByContents: {
                     const model = command.replaceByContents;
                     this.delete(contents, model.startIndex, model.count);
-                    this.insertContents(contents, model.startIndex, model.contents);
+                    this.insertContents(contents, document.numberings, model.startIndex, model.contents);
                     break;
                 }
             }
@@ -6291,9 +6315,13 @@ class OperationsHelper {
         document.comments = document.comments.filter(x => x.commentId !== commentId);
         return comment;
     }
-    static insertContents(contents, insertIndex, insertContents) {
+    static insertContents(contents, numberings, insertIndex, insertContents) {
         const contentLength = insertContents.content.length;
         contents.content = ContentOperationsHelper.insertContent(contents.content, insertContents.content, insertIndex);
+        if (insertContents.numberings && insertContents.numberings.length > 0) {
+            const insertNumberingId = NumberingOperationsHelper.generateNumberingId(numberings);
+            NumberingOperationsHelper.insertRelative(numberings, insertNumberingId, insertContents.numberings, insertContents.paragraphs);
+        }
         IndexedElementOperationsHelper.insertRelative(contents.paragraphs, insertIndex, contentLength, insertContents.paragraphs);
         IndexedElementOperationsHelper.insertRelative(contents.images, insertIndex, contentLength, insertContents.images);
         IndexedElementOperationsHelper.insertRelative(contents.tables, insertIndex, contentLength, insertContents.tables);
@@ -9728,7 +9756,7 @@ class EditSession {
         table.instance.updateTable();
     }
     insertContents(insertIndex, contents) {
-        OperationsHelper.insertContents(this.model, insertIndex, contents);
+        OperationsHelper.insertContents(this.model, this.generalProperties.numberings, insertIndex, contents);
         const endIndex = insertIndex + contents.content.length - 1;
         this.insertComponents(this.model.tables, this.customComponents.tables, NoderTableComponent, insertIndex, endIndex);
         this.insertComponents(this.model.images, this.customComponents.images, NoderImageComponent, insertIndex, endIndex);
@@ -9786,7 +9814,7 @@ class EditSession {
         const startIndex = ContentHelper.paragraphPositionToDocumentIndex(this.displayData.paragraphs, start);
         const endIndex = ContentHelper.paragraphPositionToDocumentIndex(this.displayData.paragraphs, end) - 1;
         const count = endIndex - startIndex + 1;
-        return ContentsOperationsHelper.GetRelativeContentSlice(this.model, startIndex, count);
+        return ContentsOperationsHelper.GetRelativeContentSlice(this.model, this.generalProperties.numberings, startIndex, count);
     }
     createRestoreFromSlice(start, end) {
         const startIndex = ContentHelper.paragraphToDocumentIndex(this.displayData.paragraphs, start.row, start.column);
@@ -16134,7 +16162,7 @@ class Editor {
         this.commandsService.createCommand(SaveCommandsHelper.getInsertContentsCommand(redoModel, this.targets));
     }
     saveReplaceByContentsToHistory(redoModel) {
-        const undoSlice = ContentsOperationsHelper.GetRelativeContentSlice(this.session.model, redoModel.startIndex, redoModel.count);
+        const undoSlice = ContentsOperationsHelper.GetRelativeContentSlice(this.session.model, this.session.generalProperties.numberings, redoModel.startIndex, redoModel.count);
         const undoModel = new ReplaceByContentsModel({
             startIndex: redoModel.startIndex,
             contents: undoSlice,