croco-html 4.2.4 → 4.2.5

package/fesm2022/croco-html.mjs

@@ -139,8 +139,8 @@ class HtmlExtractionMethods {
         for (let i = 0; i < element.children.length; i++) {
             const elem = element.children.item(i);
             const loweredTagName = elem.tagName.toLowerCase();
-            if (BodyTagsExtensions.tagServices.hasOwnProperty(loweredTagName)) {
-                const tagService = BodyTagsExtensions.tagServices[loweredTagName];
+            if (BodyTagsExtensions.hasTagService(loweredTagName, options)) {
+                const tagService = BodyTagsExtensions.getTagService(loweredTagName, options);
                 const resultBlock = tagService.extractBlockFromHtmlElement(elem, options);
                 data.push(resultBlock);
                 continue;
@@ -1004,6 +1004,21 @@ class BodyTagsExtensions {
         [ButtonTagDataConsts.TagName]: new ButtonTagService(),
         [TableTypes.Table]: new TableTagService()
     }; }
+    static hasTagService(tagName, options) {
+        if (this.tagServices.hasOwnProperty(tagName)) {
+            return true;
+        }
+        if (options.definedCustomTags.hasOwnProperty(tagName)) {
+            return true;
+        }
+        return false;
+    }
+    static getTagService(tagName, options) {
+        if (this.tagServices.hasOwnProperty(tagName)) {
+            return this.tagServices[tagName];
+        }
+        return options.definedCustomTags[tagName];
+    }
     static convertToHtmlString(bodyTag) {
         const tagName = bodyTag.tagDescription.tag;
         if (this.tagServices.hasOwnProperty(tagName)) {
@@ -1757,7 +1772,7 @@ class XmlTagViewComponent {
         return TextTags.headerTextTags.includes(item.tagName);
     }
     isDefinedCustomTag(item) {
-        return this._options.definedCustomTags.includes(item.tagName);
+        return this._options.definedCustomTags.hasOwnProperty(item.tagName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: XmlTagViewComponent, deps: [{ token: CrocoHtmlOptionsToken }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: XmlTagViewComponent, isStandalone: true, selector: "croco-html-xml-tag-view", inputs: { data: "data" }, ngImport: i0, template: "<div>\n  @for (item of data; track $index) {\n  <div class=\"row\">\n\n    @if (item.tagName === 'text') {\n    <div>\n      <croco-html-xml-tag-text-view [item]=\"item\"></croco-html-xml-tag-text-view>\n    </div>\n    }\n\n    @if (item.tagName === 'html-raw') {\n    <div>\n      <croco-html-raw-view [rawHtml]=\"item.data.innerHTML\"></croco-html-raw-view>\n    </div>\n    }\n\n    @if (isHeaderTextTag(item)) {\n    <div>\n      <croco-html-xml-tag-header-text-view [item]=\"item\"></croco-html-xml-tag-header-text-view>\n    </div>\n    }\n\n    @if (item.tagName === 'file-image') {\n    <div>\n      <croco-html-file-image-tag-view [item]=\"item\"></croco-html-file-image-tag-view>\n    </div>\n    }\n\n    @if (item.tagName === 'custom-widget') {\n    <div>\n      <croco-html-xml-tag-custom-widget [tagData]=\"item.data\"></croco-html-xml-tag-custom-widget>\n    </div>\n    }\n\n    @if (item.tagName === 'table' && item.validationResult) {\n\n    @if (item.validationResult.isSucceeded){\n    <croco-html-xml-tag-html-view [html]=\"item.data.bootstrapHtml\">\n    </croco-html-xml-tag-html-view>\n    }\n    @else {\n    <croco-html-error-banner [message]=\"item.validationResult.message\">\n    </croco-html-error-banner>\n    }\n    }\n\n    @if (item.tagName === 'external-video') {\n    <div>\n      <croco-html-xml-tag-external-video [data]=\"item\"></croco-html-xml-tag-external-video>\n    </div>\n    }\n\n    @if (item.tagName === 'download-file-button') {\n    <div>\n      <croco-html-xml-tag-download-file-button [data]=\"item\"></croco-html-xml-tag-download-file-button>\n    </div>\n    }\n\n    @if (item.tagName === 'button') {\n    <div>\n      <croco-html-xml-tag-button [data]=\"item\"></croco-html-xml-tag-button>\n    </div>\n    }\n\n    @if (item.tagName === 'unsupported-tag') {\n    <div class=\"red\" style=\"margin-top: 10px;\">\n      <h4>\u0414\u0430\u043D\u043D\u044B\u0439 \u0442\u0435\u0433 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F</h4>\n      <span>\n        {{item.data.tagString}}\n      </span>\n    </div>\n    }\n\n    @if (isDefinedCustomTag(item)) {\n    <div>\n      <croco-html-defined-custom-tag-view [data]=\"item\"></croco-html-defined-custom-tag-view>\n    </div>\n    }\n\n  </div>\n  }\n</div>", styles: [".red{background-color:#c94444;color:#fff}\n"], dependencies: [{ kind: "component", type: XmlTagTextViewComponent, selector: "croco-html-xml-tag-text-view", inputs: ["item"] }, { kind: "component", type: HtmlRawViewComponent, selector: "croco-html-raw-view", inputs: ["rawHtml"] }, { kind: "component", type: XmlTagHeaderTextViewComponent, selector: "croco-html-xml-tag-header-text-view", inputs: ["item"] }, { kind: "component", type: FileImageTagViewComponent, selector: "croco-html-file-image-tag-view", inputs: ["item"] }, { kind: "component", type: XmlTagHtmlViewComponent, selector: "croco-html-xml-tag-html-view", inputs: ["html"] }, { kind: "component", type: ErrorBannerComponent, selector: "croco-html-error-banner", inputs: ["message"] }, { kind: "component", type: XmlTagExternalVideoComponent, selector: "croco-html-xml-tag-external-video", inputs: ["data", "tagData"] }, { kind: "component", type: XmlTagDownloadFileButtonComponent, selector: "croco-html-xml-tag-download-file-button", inputs: ["data", "tagData"] }, { kind: "component", type: XmlTagButtonComponent, selector: "croco-html-xml-tag-button", inputs: ["data", "tagData"] }, { kind: "component", type: XmlTagCustomWidgetComponent, selector: "croco-html-xml-tag-custom-widget", inputs: ["tagData"] }, { kind: "component", type: DefinedCustomTagViewComponent, selector: "croco-html-defined-custom-tag-view", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None }); }
@@ -2267,7 +2282,7 @@ class MainEditorBlockComponent {
         this.onTagSaved.emit(this.tag);
     }
     isDefinedCustomTag() {
-        if (this._options.definedCustomTags.includes(this.tag.tagDescription.tag)) {
+        if (this._options.definedCustomTags.hasOwnProperty(this.tag.tagDescription.tag)) {
             return true;
         }
         return false;
@@ -2371,8 +2386,8 @@ class VisualEditorComponent {
             this.startAddingText();
             return;
         }
-        if (BodyTagsExtensions.tagServices.hasOwnProperty(tagName)) {
-            const tagService = BodyTagsExtensions.tagServices[tagName];
+        if (BodyTagsExtensions.hasTagService(tagName, this._options)) {
+            const tagService = BodyTagsExtensions.getTagService(tagName, this._options);
             let tag = tagService.getDefaultValue({
                 htmlRaw: this.htmlRaw,
                 selectedVideoPlayer: this.selectedVideoPlayer