croco-html 20.4.2 → 20.4.4

package/fesm2022/croco-html.mjs

@@ -335,6 +335,7 @@ class FileImageTagService {
             attrs[FileImageTagDataConsts.ScreenMediaRequest] = fileData.screenMediaRequest;
         }
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: FileImageTagDataConsts.TagName,
                 displayValue: this.shortDescription,
@@ -346,6 +347,7 @@ class FileImageTagService {
     }
     getDefaultValue() {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -385,6 +387,7 @@ class TextTagHtmlMarkupTagService {
     toBodyTag(data) {
         let textTagData = data.data;
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -394,8 +397,9 @@ class TextTagHtmlMarkupTagService {
             innerHtml: BodyTagsExtensions.sanitizeInnerHtml(textTagData.html)
         };
     }
-    getDefaultValue(props) {
+    getDefaultValue(_) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -437,6 +441,7 @@ class ExternalVideoTagService {
     toBodyTag(data) {
         let fileData = data.data;
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: data.tagName,
                 displayValue: this.shortDescription,
@@ -459,6 +464,7 @@ class ExternalVideoTagService {
             innerHtml = props.htmlRaw;
         }
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -491,6 +497,7 @@ class HtmlRawTagService {
     }
     toBodyTag(data) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: HtmlRawTagDataConsts.TagName,
                 displayValue: this.shortDescription,
@@ -502,6 +509,7 @@ class HtmlRawTagService {
     }
     getDefaultValue(props) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -539,6 +547,7 @@ class DownloadButtonTagService {
     toBodyTag(data) {
         let fileData = data.data;
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: data.tagName,
                 displayValue: this.shortDescription,
@@ -550,6 +559,7 @@ class DownloadButtonTagService {
     }
     getDefaultValue(props) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -592,6 +602,7 @@ class ButtonTagService {
     toBodyTag(data) {
         let fileData = data.data;
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: data.tagName,
                 displayValue: this.shortDescription,
@@ -603,6 +614,7 @@ class ButtonTagService {
     }
     getDefaultValue(props) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -646,6 +658,7 @@ class CustomWidgetTagService {
     toBodyTag(data) {
         let customWidgetTagData = data.data;
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: data.tagName,
                 displayValue: this.shortDescription,
@@ -657,6 +670,7 @@ class CustomWidgetTagService {
     }
     getDefaultValue(props) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -752,6 +766,7 @@ class LinkTagService {
             [LinkTagAttrs.Title]: tagData.title
         };
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: data.tagName,
                 displayValue: this.shortDescription,
@@ -763,6 +778,7 @@ class LinkTagService {
     }
     getDefaultValue(props) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -873,6 +889,7 @@ class FileAudioTagService {
             attrs[FileAudioTagDataConsts.TitleAttrName] = fileData.title;
         }
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: FileAudioTagDataConsts.TagName,
                 displayValue: this.shortDescription,
@@ -884,6 +901,7 @@ class FileAudioTagService {
     }
     getDefaultValue() {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -1159,6 +1177,7 @@ class TableTagService {
     toBodyTag(data) {
         let tableData = data.data;
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: data.tagName,
                 displayValue: this.shortDescription,
@@ -1170,6 +1189,7 @@ class TableTagService {
     }
     getDefaultValue(props) {
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: this.tagName,
                 displayValue: this.shortDescription,
@@ -1243,6 +1263,7 @@ class BodyTagsExtensions {
             return this.getTagService(tagName, options).toBodyTag(data);
         }
         return {
+            trackingId: crypto.randomUUID(),
             tagDescription: {
                 tag: Tags.UnsupportedTag,
                 displayValue: "Неподдерживаемый тег",
@@ -1489,6 +1510,7 @@ class AddFilesBtnComponent {
     }
     buildFileTags(fileIds) {
         return fileIds.map(fileId => ({
+            trackingId: crypto.randomUUID(),
             presentOrEdit: true,
             tagDescription: {
                 tag: FileImageTagDataConsts.TagName,
@@ -2693,6 +2715,9 @@ class HtmlRawEditorComponent {
         this._tagService.tag$
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe(tag => {
+            if (this._tag.trackingId === tag.trackingId) {
+                return;
+            }
             this._tag = tag;
             this.onHtmlChanged();
         });
@@ -2878,6 +2903,8 @@ class NullVisualEditorLogger {
     }
     onRemove(_) {
     }
+    onHtmlChanged(html) {
+    }
 }
 
 class ConsoleVisualEditorLogger {
@@ -2892,6 +2919,9 @@ class ConsoleVisualEditorLogger {
     onRemove(index) {
         console.log("onRemove", index);
     }
+    onHtmlChanged(html) {
+        console.log("onHtmlChanged", html);
+    }
 }
 
 class XmlTagViewComponent {
@@ -3729,6 +3759,7 @@ class VisualEditorComponent {
             const tags = [];
             fileIdsString.forEach(fileId => {
                 const tag = {
+                    trackingId: crypto.randomUUID(),
                     tagDescription: {
                         tag: FileImageTagDataConsts.TagName,
                         displayValue: "Изображение",
@@ -3757,6 +3788,7 @@ class VisualEditorComponent {
             const line = lines[i];
             if (line.length > 0) {
                 tags.push({
+                    trackingId: crypto.randomUUID(),
                     tagDescription,
                     innerHtml: line,
                     attributes: {
@@ -4013,6 +4045,7 @@ class MainEditorComponent {
         this.html = html;
         this.onHtmlChanged.emit(html);
         this._cdref.markForCheck();
+        this.logger.onHtmlChanged(html);
     }
     textAreaModelChangedHandler() {
         this.recalculateBodyTags();