@talrace/ngx-noder 19.0.39 → 19.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/talrace-ngx-noder.mjs +96 -24
- package/fesm2022/talrace-ngx-noder.mjs.map +1 -1
- package/lib/apart-components/editor-toolbar/components/base-toolbar.component.d.ts +5 -1
- package/lib/apart-components/editor-toolbar/components/buttons/numbering/numbering.component.d.ts +5 -1
- package/lib/apart-components/editor-toolbar/components/toolbar-actions/toolbar-actions.component.d.ts +2 -2
- package/lib/apart-components/editor-toolbar/editor-toolbar/editor-toolbar.component.d.ts +2 -2
- package/lib/editor/execution/edit.session.d.ts +1 -0
- package/lib/editor/execution/editor.d.ts +3 -1
- package/lib/editor/gadgets/history/operation-history.d.ts +1 -0
- package/lib/editor/gadgets/history/operation.type.d.ts +2 -1
- package/lib/editor/gadgets/numbering/numbering.helper.d.ts +2 -3
- package/lib/editor/interaction/editor.service.d.ts +3 -3
- package/lib/editor/operations/enums/command-type.enum.d.ts +2 -1
- package/lib/editor/operations/helpers/numbering-operations.helper.d.ts +1 -0
- package/lib/editor/operations/operations-helper.helper.d.ts +1 -0
- package/lib/editor/operations/save-commands.helper.d.ts +1 -0
- package/lib/models/generated/apply-numbering-levels.model.d.ts +6 -0
- package/lib/models/generated/command.model.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1628,6 +1628,7 @@ var CommandType;
|
|
|
1628
1628
|
CommandType[CommandType["ApplyTableCellsStyles"] = 37] = "ApplyTableCellsStyles";
|
|
1629
1629
|
CommandType[CommandType["AttachComment"] = 38] = "AttachComment";
|
|
1630
1630
|
CommandType[CommandType["RemoveComment"] = 39] = "RemoveComment";
|
|
1631
|
+
CommandType[CommandType["ApplyNumberingLevels"] = 40] = "ApplyNumberingLevels";
|
|
1631
1632
|
})(CommandType || (CommandType = {}));
|
|
1632
1633
|
|
|
1633
1634
|
class PageNumbersModel {
|
|
@@ -1676,6 +1677,14 @@ class ApplyImageStyleModel {
|
|
|
1676
1677
|
}
|
|
1677
1678
|
}
|
|
1678
1679
|
|
|
1680
|
+
class ApplyNumberingLevelsModel {
|
|
1681
|
+
constructor(fields) {
|
|
1682
|
+
if (fields) {
|
|
1683
|
+
Object.assign(this, fields);
|
|
1684
|
+
}
|
|
1685
|
+
}
|
|
1686
|
+
}
|
|
1687
|
+
|
|
1679
1688
|
class ApplyPageFormatModel {
|
|
1680
1689
|
constructor(fields) {
|
|
1681
1690
|
if (fields) {
|
|
@@ -2742,6 +2751,11 @@ class OperationHistory {
|
|
|
2742
2751
|
const undoStep = new RestoreNumberingsModel({ paragraphs, numberings });
|
|
2743
2752
|
this.addToHistory(undoStep, redoStep);
|
|
2744
2753
|
}
|
|
2754
|
+
pushApplyNumbering(numberingId, newLevels, oldLevels) {
|
|
2755
|
+
const redoStep = new ApplyNumberingLevelsModel({ numberingId, levels: newLevels });
|
|
2756
|
+
const undoStep = new ApplyNumberingLevelsModel({ numberingId, levels: oldLevels });
|
|
2757
|
+
this.addToHistory(undoStep, redoStep);
|
|
2758
|
+
}
|
|
2745
2759
|
pushRemoveNumberings(startIndex, endIndex, numberings, paragraphs) {
|
|
2746
2760
|
const redoStep = new RemoveNumberingsModel({ startIndex, endIndex });
|
|
2747
2761
|
const undoStep = new RestoreNumberingsModel({ numberings, paragraphs });
|
|
@@ -3340,6 +3354,10 @@ class NumberingOperationsHelper {
|
|
|
3340
3354
|
const newNumbering = new NumberingModel({ numberingId: numberingId, levels });
|
|
3341
3355
|
numberings.push(newNumbering);
|
|
3342
3356
|
}
|
|
3357
|
+
static apply(numberings, numberingId, levels) {
|
|
3358
|
+
let numbering = numberings.find(x => x.numberingId === numberingId);
|
|
3359
|
+
numbering.levels = levels;
|
|
3360
|
+
}
|
|
3343
3361
|
static generateNumberingId(numberings) {
|
|
3344
3362
|
let result = 0;
|
|
3345
3363
|
for (const numbering of numberings) {
|
|
@@ -5497,6 +5515,11 @@ class OperationsHelper {
|
|
|
5497
5515
|
this.addNumbering(contents, document.numberings, model.startIndex, model.endIndex, model.levels);
|
|
5498
5516
|
break;
|
|
5499
5517
|
}
|
|
5518
|
+
case CommandType.ApplyNumberingLevels: {
|
|
5519
|
+
const model = command.applyNumberingLevels;
|
|
5520
|
+
this.applyNumbering(document.numberings, model.levels, model.numberingId);
|
|
5521
|
+
break;
|
|
5522
|
+
}
|
|
5500
5523
|
case CommandType.RestoreNumberings: {
|
|
5501
5524
|
const model = command.restoreNumberings;
|
|
5502
5525
|
this.restoreNumberings(contents, document.numberings, model.paragraphs, model.numberings);
|
|
@@ -5766,6 +5789,9 @@ class OperationsHelper {
|
|
|
5766
5789
|
NumberingOperationsHelper.addNumbering(numberings, newNumberingId, levels);
|
|
5767
5790
|
NumberingOperationsHelper.deleteUnused(numberings, target.paragraphs, oldNumberingIds);
|
|
5768
5791
|
}
|
|
5792
|
+
static applyNumbering(numberings, levels, numberingId) {
|
|
5793
|
+
NumberingOperationsHelper.apply(numberings, numberingId, levels);
|
|
5794
|
+
}
|
|
5769
5795
|
static removeNumberings(target, numberings, startIndex, endIndex) {
|
|
5770
5796
|
const oldNumberingIds = ParagraphOperationsHelper.applyNumbering(target.paragraphs, startIndex, endIndex, null);
|
|
5771
5797
|
NumberingOperationsHelper.deleteUnused(numberings, target.paragraphs, oldNumberingIds);
|
|
@@ -6091,13 +6117,6 @@ class NumberingHelper {
|
|
|
6091
6117
|
const numbering = numberings.find(x => x.numberingId === id);
|
|
6092
6118
|
return numbering?.levels;
|
|
6093
6119
|
}
|
|
6094
|
-
static calculateNumberingInfo(numberingId, level, numberingInfo, numberings) {
|
|
6095
|
-
const numberingModel = this.findNumberingLevel(numberings, numberingId, level);
|
|
6096
|
-
if (numberingModel?.markerType === NumberingMarkerType.Bullet) {
|
|
6097
|
-
return;
|
|
6098
|
-
}
|
|
6099
|
-
this.calculateMarkerIndexes(numberingId, level, numberingInfo);
|
|
6100
|
-
}
|
|
6101
6120
|
static calculateMarkerIndexes(numberingId, level, numberingInfo) {
|
|
6102
6121
|
if (numberingInfo[numberingId][level].needToRecalculate) {
|
|
6103
6122
|
if (numberingInfo[numberingId][level].needToCalculateFirstMarker) {
|
|
@@ -6124,7 +6143,7 @@ class NumberingHelper {
|
|
|
6124
6143
|
return levelModel.marker;
|
|
6125
6144
|
}
|
|
6126
6145
|
const splittedMarker = levelModel.marker.split('.');
|
|
6127
|
-
return this.createMarkerString(numberingInfo, numberingId, splittedMarker, levelModel.markerType);
|
|
6146
|
+
return this.createMarkerString(numberingInfo, numberingId, splittedMarker, levelModel.markerType, levelModels);
|
|
6128
6147
|
}
|
|
6129
6148
|
static createDataModel(numberings, paragraphs, paragraphIndex, numberingInfo) {
|
|
6130
6149
|
const paragraph = paragraphs[paragraphIndex];
|
|
@@ -6173,7 +6192,7 @@ class NumberingHelper {
|
|
|
6173
6192
|
numberingInfo[numberingId][level].markerIndex = markerLevels[lastMarkerLevel];
|
|
6174
6193
|
numberingInfo[numberingId][level].needToRecalculate = true;
|
|
6175
6194
|
}
|
|
6176
|
-
static createMarkerString(numberingInfo, numberingId, splittedMarker, markerType) {
|
|
6195
|
+
static createMarkerString(numberingInfo, numberingId, splittedMarker, markerType, markerLevels) {
|
|
6177
6196
|
const markers = splittedMarker.map(x => {
|
|
6178
6197
|
if (x === '') {
|
|
6179
6198
|
return '';
|
|
@@ -6192,6 +6211,9 @@ class NumberingHelper {
|
|
|
6192
6211
|
suffix = ')';
|
|
6193
6212
|
}
|
|
6194
6213
|
const markerLevel = parseInt(x.slice(1));
|
|
6214
|
+
if (markerLevels[markerLevel - 1].markerType === NumberingMarkerType.Bullet) {
|
|
6215
|
+
return markerLevels[markerLevel - 1].marker;
|
|
6216
|
+
}
|
|
6195
6217
|
const markerIndex = numberingInfo[numberingId][markerLevel - 1]?.markerIndex;
|
|
6196
6218
|
return `${prefix}${this.markerTypeToMarker(markerType, markerIndex)}${suffix}`;
|
|
6197
6219
|
});
|
|
@@ -6228,6 +6250,8 @@ class NumberingHelper {
|
|
|
6228
6250
|
return this.numberToRoman(sequence);
|
|
6229
6251
|
case NumberingMarkerType.UpperRoman:
|
|
6230
6252
|
return this.numberToRoman(sequence).toUpperCase();
|
|
6253
|
+
case NumberingMarkerType.DecimalZero:
|
|
6254
|
+
return sequence < 10 ? `0${sequence}` : `${sequence}`;
|
|
6231
6255
|
default: {
|
|
6232
6256
|
return `${sequence}`;
|
|
6233
6257
|
}
|
|
@@ -7566,6 +7590,9 @@ class CommandModel {
|
|
|
7566
7590
|
if (fields.applyImageStyle) {
|
|
7567
7591
|
fields.applyImageStyle = new ApplyImageStyleModel(fields.applyImageStyle);
|
|
7568
7592
|
}
|
|
7593
|
+
if (fields.applyNumberingLevels) {
|
|
7594
|
+
fields.applyNumberingLevels = new ApplyNumberingLevelsModel(fields.applyNumberingLevels);
|
|
7595
|
+
}
|
|
7569
7596
|
if (fields.applyPageFormat) {
|
|
7570
7597
|
fields.applyPageFormat = new ApplyPageFormatModel(fields.applyPageFormat);
|
|
7571
7598
|
}
|
|
@@ -7687,6 +7714,10 @@ class SaveCommandsHelper {
|
|
|
7687
7714
|
const addNumbering = new AddNumberingModel({ startIndex, endIndex, levels });
|
|
7688
7715
|
return new CommandModel({ commandType: CommandType.AddNumbering, addNumbering, targets });
|
|
7689
7716
|
}
|
|
7717
|
+
static getApplyNumberingCommand(numberingId, levels, targets) {
|
|
7718
|
+
const applyNumberingLevels = new ApplyNumberingLevelsModel({ numberingId, levels });
|
|
7719
|
+
return new CommandModel({ commandType: CommandType.ApplyNumberingLevels, applyNumberingLevels, targets });
|
|
7720
|
+
}
|
|
7690
7721
|
static getRemoveNumberingsCommand(startIndex, endIndex, targets) {
|
|
7691
7722
|
const removeNumberings = new RemoveNumberingsModel({ startIndex, endIndex });
|
|
7692
7723
|
return new CommandModel({ commandType: CommandType.RemoveNumberings, removeNumberings, targets });
|
|
@@ -9026,14 +9057,41 @@ class Editor {
|
|
|
9026
9057
|
this.session.applyParagraphs(updatedParagraphs);
|
|
9027
9058
|
this.renderer.updateCursor();
|
|
9028
9059
|
}
|
|
9029
|
-
setNumberingTemplate(
|
|
9060
|
+
setNumberingTemplate(newLevels, updateOnlySelectedLevels) {
|
|
9030
9061
|
const range = this.selection.range;
|
|
9031
9062
|
const startIndex = this.session.model.paragraphs[range.start.row].insertIndex;
|
|
9032
|
-
const
|
|
9033
|
-
|
|
9034
|
-
|
|
9063
|
+
const numberingLevels = this.getUniformNumberingLevels(range.start.row, range.end.row);
|
|
9064
|
+
if (numberingLevels) {
|
|
9065
|
+
const numberingId = this.session.model.paragraphs[range.start.row].paragraphStyle.numberingId;
|
|
9066
|
+
const numbering = this.session.generalProperties.numberings.find(x => x.numberingId === numberingId);
|
|
9067
|
+
let updatedLevels = newLevels;
|
|
9068
|
+
if (updateOnlySelectedLevels) {
|
|
9069
|
+
updatedLevels = numbering.levels.map(x => (numberingLevels.has(x.level) ? newLevels.find(y => y.level === x.level) : x));
|
|
9070
|
+
}
|
|
9071
|
+
this.saveApplyNumberingListsToHistory(updatedLevels, numbering.levels, numberingId);
|
|
9072
|
+
this.session.applyNumbering(updatedLevels, numberingId);
|
|
9073
|
+
}
|
|
9074
|
+
else {
|
|
9075
|
+
const endIndex = this.session.model.paragraphs[range.end.row].insertIndex;
|
|
9076
|
+
this.saveAddNumberingToHistory(newLevels, startIndex, endIndex);
|
|
9077
|
+
this.session.addNumbering(newLevels, startIndex, endIndex, null);
|
|
9078
|
+
}
|
|
9035
9079
|
this.renderer.updateCursor();
|
|
9036
9080
|
}
|
|
9081
|
+
getUniformNumberingLevels(start, end) {
|
|
9082
|
+
const numberingId = this.session.model.paragraphs[start].paragraphStyle.numberingId;
|
|
9083
|
+
if (!numberingId) {
|
|
9084
|
+
return null;
|
|
9085
|
+
}
|
|
9086
|
+
const levels = new Set();
|
|
9087
|
+
for (let i = start; i <= end; i++) {
|
|
9088
|
+
if (numberingId !== this.session.model.paragraphs[i].paragraphStyle.numberingId) {
|
|
9089
|
+
return null;
|
|
9090
|
+
}
|
|
9091
|
+
levels.add(this.session.model.paragraphs[i].paragraphStyle.numberingLevel);
|
|
9092
|
+
}
|
|
9093
|
+
return levels;
|
|
9094
|
+
}
|
|
9037
9095
|
removeNumberingsFromParagraphs() {
|
|
9038
9096
|
const range = this.selection.range;
|
|
9039
9097
|
const startIndex = this.session.model.paragraphs[range.start.row].insertIndex;
|
|
@@ -9325,6 +9383,10 @@ class Editor {
|
|
|
9325
9383
|
this.changedTableSize(operation.insertIndex, this.session.sessionId);
|
|
9326
9384
|
command = SaveCommandsHelper.getApplyTableCellsStylesCommand(operation, this.targets);
|
|
9327
9385
|
}
|
|
9386
|
+
else if (operation instanceof ApplyNumberingLevelsModel) {
|
|
9387
|
+
this.session.applyNumbering(operation.levels, operation.numberingId);
|
|
9388
|
+
command = SaveCommandsHelper.getApplyNumberingCommand(operation.numberingId, operation.levels, this.targets);
|
|
9389
|
+
}
|
|
9328
9390
|
else {
|
|
9329
9391
|
throw new Error('Undo/redo is not implemented for the Operation');
|
|
9330
9392
|
}
|
|
@@ -9418,6 +9480,10 @@ class Editor {
|
|
|
9418
9480
|
this.history.pushAddNumbering(startIndex, endIndex, templateLevels, paragraphsDeepCopy, numberings);
|
|
9419
9481
|
this.commandsService.createCommand(SaveCommandsHelper.getAddNumberingCommand(startIndex, endIndex, templateLevels, this.targets));
|
|
9420
9482
|
}
|
|
9483
|
+
saveApplyNumberingListsToHistory(newNumberingLevels, oldNumberingLevels, numberingId) {
|
|
9484
|
+
this.history.pushApplyNumbering(numberingId, newNumberingLevels, oldNumberingLevels);
|
|
9485
|
+
this.commandsService.createCommand(SaveCommandsHelper.getApplyNumberingCommand(numberingId, newNumberingLevels, this.targets));
|
|
9486
|
+
}
|
|
9421
9487
|
saveRemoveNumberingToHistory(startIndex, endIndex) {
|
|
9422
9488
|
const paragraphs = IndexedElementHelper.sliceSection(this.session.model.paragraphs, startIndex, endIndex);
|
|
9423
9489
|
const paragraphsDeepCopy = paragraphs.map(x => new ParagraphModel({ insertIndex: x.insertIndex, paragraphStyle: new ParagraphStyleModel({ ...x.paragraphStyle }) }));
|
|
@@ -10266,8 +10332,8 @@ class Editor {
|
|
|
10266
10332
|
});
|
|
10267
10333
|
}
|
|
10268
10334
|
setNumberingTemplateTypeSubscription() {
|
|
10269
|
-
return this.editorService.setNumberingTemplateType$.subscribe(
|
|
10270
|
-
this.setNumberingTemplate(
|
|
10335
|
+
return this.editorService.setNumberingTemplateType$.subscribe(numberingList => {
|
|
10336
|
+
this.setNumberingTemplate(numberingList.list, numberingList.updateOnlySelectedLevels);
|
|
10271
10337
|
this.focus();
|
|
10272
10338
|
});
|
|
10273
10339
|
}
|
|
@@ -12828,7 +12894,7 @@ class DisplayData extends EventEmitting {
|
|
|
12828
12894
|
const paragraphSettings = this.getParagraphSettings(i);
|
|
12829
12895
|
if (this.model.paragraphs[i].paragraphStyle.numberingId !== null) {
|
|
12830
12896
|
if (this.generalProperties.numberingInfo[paragraphStyle.numberingId][paragraphStyle.numberingLevel].needToRecalculate) {
|
|
12831
|
-
NumberingHelper.
|
|
12897
|
+
NumberingHelper.calculateMarkerIndexes(paragraphStyle.numberingId, paragraphStyle.numberingLevel, this.generalProperties.numberingInfo);
|
|
12832
12898
|
paragraphSettings.numberingData = NumberingHelper.createDataModel(this.generalProperties.numberings, this.model.paragraphs, i, this.generalProperties.numberingInfo);
|
|
12833
12899
|
const paragraphFormat = FormatStyleHelper.getFormatAtIndex(this.model.formats, this.model.paragraphs[i].insertIndex);
|
|
12834
12900
|
NumberingHelper.updateMarkerData(this.generalProperties.numberings, paragraphSettings, paragraphFormat.textStyle, paragraphStyle);
|
|
@@ -14077,6 +14143,12 @@ class EditSession {
|
|
|
14077
14143
|
this.displayData.updateNextLineIndexes(startParagraph, endParagraph);
|
|
14078
14144
|
this.applyToolbarStyles();
|
|
14079
14145
|
}
|
|
14146
|
+
applyNumbering(levels, numberingId) {
|
|
14147
|
+
const paragraphIndex = this.displayData.paragraphs.findIndex(x => x.paragraphSettings.numberingData.numberingId === numberingId);
|
|
14148
|
+
OperationsHelper.applyNumbering(this.generalProperties.numberings, levels, numberingId);
|
|
14149
|
+
this.displayData.updateNextLineIndexes(paragraphIndex, paragraphIndex);
|
|
14150
|
+
this.applyToolbarStyles();
|
|
14151
|
+
}
|
|
14080
14152
|
removeNumberings(startIndex, endIndex) {
|
|
14081
14153
|
const startParagraph = ContentHelper.documentIndexToParagraphIndex(this.displayData.paragraphs, startIndex).row;
|
|
14082
14154
|
const endParagraph = ContentHelper.documentIndexToParagraphIndex(this.displayData.paragraphs, endIndex).row;
|
|
@@ -17823,7 +17895,7 @@ class MenuDropdownsComponent extends BaseToolbarComponent {
|
|
|
17823
17895
|
}
|
|
17824
17896
|
else {
|
|
17825
17897
|
const templateLevels = NumberingTemplates.find(x => x.templateType === numberingTemplateType).levels;
|
|
17826
|
-
this.setNumberingTemplateType.emit(templateLevels);
|
|
17898
|
+
this.setNumberingTemplateType.emit({ list: templateLevels, updateOnlySelectedLevels: false });
|
|
17827
17899
|
}
|
|
17828
17900
|
}
|
|
17829
17901
|
onTableInsertMenuClosed() {
|
|
@@ -18201,7 +18273,7 @@ class NumberingComponent {
|
|
|
18201
18273
|
this.removeNumberings.emit();
|
|
18202
18274
|
}
|
|
18203
18275
|
else {
|
|
18204
|
-
this.selectNumberingTemplate.emit(NumberingTemplateType.NumberList3);
|
|
18276
|
+
this.selectNumberingTemplate.emit({ type: NumberingTemplateType.NumberList3, updateOnlySelectedLevels: true });
|
|
18205
18277
|
}
|
|
18206
18278
|
}
|
|
18207
18279
|
onToggleBulletedNumbering() {
|
|
@@ -18209,11 +18281,11 @@ class NumberingComponent {
|
|
|
18209
18281
|
this.removeNumberings.emit();
|
|
18210
18282
|
}
|
|
18211
18283
|
else {
|
|
18212
|
-
this.selectNumberingTemplate.emit(NumberingTemplateType.BulletList1);
|
|
18284
|
+
this.selectNumberingTemplate.emit({ type: NumberingTemplateType.BulletList1, updateOnlySelectedLevels: true });
|
|
18213
18285
|
}
|
|
18214
18286
|
}
|
|
18215
18287
|
onSelectNumberingTemplate(numberingTemplateType) {
|
|
18216
|
-
this.selectNumberingTemplate.emit(numberingTemplateType);
|
|
18288
|
+
this.selectNumberingTemplate.emit({ type: numberingTemplateType, updateOnlySelectedLevels: false });
|
|
18217
18289
|
}
|
|
18218
18290
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumberingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18219
18291
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: NumberingComponent, isStandalone: false, selector: "app-nod-numbering", inputs: { isDisabled: "isDisabled", selectedNumberingType: "selectedNumberingType", selectedNumberingTemplate: "selectedNumberingTemplate" }, outputs: { selectNumberingTemplate: "selectNumberingTemplate", removeNumberings: "removeNumberings" }, ngImport: i0, template: "<mat-button-toggle-group\n name=\"format\"\n [hideMultipleSelectionIndicator]=\"true\"\n [hideSingleSelectionIndicator]=\"true\"\n [disabled]=\"isDisabled\">\n <mat-button-toggle\n (click)=\"onToggleBulletedNumbering()\"\n [value]=\"numberingType.Bullet\"\n [checked]=\"selectedNumberingType === numberingType.Bullet\"\n [matTooltip]=\"'NODER.TOOLTIP.BULLETED_LIST' | translate\"\n matTooltipPosition=\"below\">\n <mat-icon\n fontSet=\"noder-icon\"\n fontIcon=\"icon-format-bulleted\"></mat-icon>\n </mat-button-toggle>\n <button\n mat-button\n [matMenuTriggerFor]=\"listBulletedMenu\"\n [matMenuTriggerRestoreFocus]=\"false\"\n [disabled]=\"isDisabled\"\n [matTooltip]=\"'NODER.TOOLTIP.BULLETED_MENU' | translate\"\n matTooltipPosition=\"below\">\n <mat-icon\n fontSet=\"noder-icon\"\n fontIcon=\"icon-arrow-dropdown\"></mat-icon>\n </button>\n <mat-menu\n #listBulletedMenu=\"matMenu\"\n class=\"dropdown-numbering-overlay noder-modal\"\n yPosition=\"below\">\n <div class=\"list-icon list-marker\">\n <mat-icon\n svgIcon=\"marker-1\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.BulletList1)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.BulletList1\"></mat-icon>\n <mat-icon\n svgIcon=\"marker-2\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.BulletList2)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.BulletList2\"></mat-icon>\n <mat-icon\n svgIcon=\"marker-3\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.BulletList3)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.BulletList3\"></mat-icon>\n </div>\n <div class=\"list-icon list-marker\">\n <mat-icon\n svgIcon=\"marker-4\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.BulletList4)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.BulletList4\"></mat-icon>\n <mat-icon\n svgIcon=\"marker-5\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.BulletList5)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.BulletList5\"></mat-icon>\n <mat-icon\n svgIcon=\"marker-6\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.BulletList6)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.BulletList6\"></mat-icon>\n </div>\n </mat-menu>\n <mat-button-toggle\n (click)=\"onToggleNumberedNumbering()\"\n [value]=\"numberingType.Number\"\n [checked]=\"selectedNumberingType === numberingType.Number\"\n [matTooltip]=\"'NODER.TOOLTIP.NUMBERED_LIST' | translate\"\n matTooltipPosition=\"below\">\n <mat-icon\n fontSet=\"noder-icon\"\n fontIcon=\"icon-format-numbered\"></mat-icon>\n </mat-button-toggle>\n <button\n mat-button\n [matMenuTriggerFor]=\"listNumberedMenu\"\n [matMenuTriggerRestoreFocus]=\"false\"\n [disabled]=\"isDisabled\">\n <mat-icon\n fontSet=\"noder-icon\"\n fontIcon=\"icon-arrow-dropdown\"></mat-icon>\n </button>\n <mat-menu\n #listNumberedMenu=\"matMenu\"\n class=\"dropdown-numbering-overlay noder-modal\"\n yPosition=\"below\">\n <div class=\"list-icon list-number\">\n <mat-icon\n svgIcon=\"number-1\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.NumberList1)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.NumberList1\"></mat-icon>\n <mat-icon\n svgIcon=\"number-2\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.NumberList2)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.NumberList2\"></mat-icon>\n <mat-icon\n svgIcon=\"number-3\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.NumberList3)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.NumberList3\"></mat-icon>\n </div>\n <div class=\"list-icon list-number\">\n <mat-icon\n svgIcon=\"number-4\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.NumberList4)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.NumberList4\"></mat-icon>\n <mat-icon\n svgIcon=\"number-5\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.NumberList5)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.NumberList5\"></mat-icon>\n <mat-icon\n svgIcon=\"number-6\"\n (click)=\"onSelectNumberingTemplate(numberingTemplateType.NumberList6)\"\n [class.selected]=\"selectedNumberingTemplate === numberingTemplateType.NumberList6\"></mat-icon>\n </div>\n </mat-menu>\n</mat-button-toggle-group>\n", styles: [":host{display:flex;align-items:center}mat-button-toggle-group,button{margin:0 3px}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:0}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:0}.mdc-button{min-width:32px;min-height:32px;padding:0}.mat-mdc-button>.mat-icon{margin-right:0}.mat-button-toggle-group{align-items:center}.mat-button-toggle-group .mdc-button{min-width:20px;height:32px;padding:0}.list-marker,.list-number{margin:0 5px}.list-marker mat-icon,.list-number mat-icon{width:70px;height:80px;margin:0 5px}.list-marker mat-icon:hover,.list-number mat-icon:hover{border:none!important}.list-icon .selected,.list-icon .selected:hover{border-width:2px;border-style:solid}\n"], dependencies: [{ kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i3$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -18328,9 +18400,9 @@ class ToolbarActionsComponent extends BaseToolbarComponent {
|
|
|
18328
18400
|
onApplyAfter(value) {
|
|
18329
18401
|
this.selectAfter.emit(value);
|
|
18330
18402
|
}
|
|
18331
|
-
onSetNumberingTemplateType(
|
|
18332
|
-
const templateLevels = NumberingTemplates.find(x => x.templateType ===
|
|
18333
|
-
this.setNumberingTemplateType.emit(templateLevels);
|
|
18403
|
+
onSetNumberingTemplateType(value) {
|
|
18404
|
+
const templateLevels = NumberingTemplates.find(x => x.templateType === value.type).levels;
|
|
18405
|
+
this.setNumberingTemplateType.emit({ list: templateLevels, updateOnlySelectedLevels: value.updateOnlySelectedLevels });
|
|
18334
18406
|
}
|
|
18335
18407
|
onTableInsertMenuClosed() {
|
|
18336
18408
|
this.tableInsertMenu._animationDone
|
|
@@ -18667,7 +18739,7 @@ class TextFormatMobileComponent {
|
|
|
18667
18739
|
this.editorService.setParagraphStyles(paragraphStyles);
|
|
18668
18740
|
if (this.selectedNumberingTemplate !== null) {
|
|
18669
18741
|
const templateLevels = NumberingTemplates.find(x => x.templateType === this.selectedNumberingTemplate).levels;
|
|
18670
|
-
this.editorService.setNumberingTemplateType(templateLevels);
|
|
18742
|
+
this.editorService.setNumberingTemplateType({ list: templateLevels, updateOnlySelectedLevels: false });
|
|
18671
18743
|
}
|
|
18672
18744
|
else {
|
|
18673
18745
|
this.editorService.removeNumberings();
|