croco-html 4.4.0 → 4.4.3

package/fesm2022/croco-html.mjs

@@ -1023,7 +1023,6 @@ class BodyTagsExtensions {
         if (this.hasTagService(tagName, options)) {
             return this.getTagService(tagName, options).bodyTagToHtmlStringConverter(bodyTag);
         }
-        console.log("convertToHtmlString", bodyTag, options);
         return `<mapper-not-found>"${tagName}" тег не найден.</mapper-not-found>`;
     }
     static bodyTagsToHtml(bodyTags, options) {
@@ -1753,13 +1752,42 @@ class DefinedCustomTagViewComponent {
         this._data = value;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DefinedCustomTagViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DefinedCustomTagViewComponent, isStandalone: true, selector: "croco-html-defined-custom-tag-view", inputs: { data: "data" }, ngImport: i0, template: "<div>\n    {{_data | json}}\n</div>", dependencies: [{ kind: "pipe", type: JsonPipe, name: "json" }] }); }
+    constructor(_options) {
+        this._options = _options;
+        this.useDynamicComponent = false;
+    }
+    getCustomComponent() {
+        const tagName = this._data.tagName;
+        if (this._options.definedCustomTagViewRenderers.hasOwnProperty(tagName)) {
+            return this._options.definedCustomTagViewRenderers[tagName].viewComponent;
+        }
+        return null;
+    }
+    ngOnInit() {
+        var component = this.getCustomComponent();
+        if (component) {
+            this.useDynamicComponent = true;
+            this.viewContainerRef.remove();
+            this.dynamicContainerRef = this.viewContainerRef.createComponent(component);
+            this.dynamicContainerRef.setInput("data", this._data);
+        }
+    }
+    ngOnDestroy() {
+        this.dynamicContainerRef.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DefinedCustomTagViewComponent, deps: [{ token: CrocoHtmlOptionsToken }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DefinedCustomTagViewComponent, isStandalone: true, selector: "croco-html-defined-custom-tag-view", inputs: { data: "data" }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-container #container>\n    @if (!useDynamicComponent) {\n    <div>\n        {{data | json}}\n    </div>\n    }\n</ng-container>", dependencies: [{ kind: "pipe", type: JsonPipe, name: "json" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DefinedCustomTagViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'croco-html-defined-custom-tag-view', imports: [JsonPipe], template: "<div>\n    {{_data | json}}\n</div>" }]
-        }], propDecorators: { data: [{
+            args: [{ selector: 'croco-html-defined-custom-tag-view', imports: [JsonPipe], template: "<ng-container #container>\n    @if (!useDynamicComponent) {\n    <div>\n        {{data | json}}\n    </div>\n    }\n</ng-container>" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CrocoHtmlOptionsToken]
+                }] }], propDecorators: { viewContainerRef: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: true }]
+            }], data: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });
@@ -2273,13 +2301,13 @@ class DefinedCustomEditorBlockComponent {
     constructor(_options) {
         this._options = _options;
         this.useDynamicComponent = false;
+        this.editor = null;
         this.onTagUpdated = new EventEmitter();
-        this._tagName = "";
-        this._shortTagName = "";
     }
     getCustomComponent() {
-        if (this._options.definedCustomTagViewRenderers.hasOwnProperty(this._tagName)) {
-            return this._options.definedCustomTagViewRenderers[this._tagName].editorComponent;
+        const tagName = this.tag.tagDescription.tag;
+        if (this._options.definedCustomTagViewRenderers.hasOwnProperty(tagName)) {
+            return this._options.definedCustomTagViewRenderers[tagName].editorComponent;
         }
         return null;
     }
@@ -2289,8 +2317,14 @@ class DefinedCustomEditorBlockComponent {
             this.useDynamicComponent = true;
             this.viewContainerRef.remove();
             this.dynamicContainerRef = this.viewContainerRef.createComponent(component);
+            this.dynamicContainerRef.setInput("tag", this.tag);
+            this.editor = new SingleTagVisualEditor(this.onTagUpdated);
+            this.dynamicContainerRef.setInput("tagEditor", this.editor);
         }
     }
+    ngOnDestroy() {
+        this.dynamicContainerRef.destroy();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DefinedCustomEditorBlockComponent, deps: [{ token: CrocoHtmlOptionsToken }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DefinedCustomEditorBlockComponent, isStandalone: true, selector: "croco-html-defined-custom-editor-block", inputs: { tag: "tag" }, outputs: { onTagUpdated: "onTagUpdated" }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-container #container>\n    @if (!useDynamicComponent) {\n    <div>\n        {{tag | json}}\n    </div>\n    }\n</ng-container>", dependencies: [{ kind: "pipe", type: JsonPipe, name: "json" }] }); }
 }
@@ -2309,6 +2343,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }], onTagUpdated: [{
                 type: Output
             }] } });
+class SingleTagVisualEditor {
+    constructor(_emitter) {
+        this._emitter = _emitter;
+    }
+    tagUpdated(tag) {
+        this._emitter.emit(tag);
+    }
+}
 
 class MainEditorBlockComponent {
     constructor(_options) {
@@ -2325,7 +2367,6 @@ class MainEditorBlockComponent {
     }
     isDefinedCustomTag() {
         const tagName = this.tag.tagDescription.tag;
-        console.log("isDefinedCustomTag()", tagName, this._options.definedCustomTags.hasOwnProperty(tagName), this._options);
         if (this._options.definedCustomTags.hasOwnProperty(tagName)) {
             return true;
         }
@@ -2977,5 +3018,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddFilesBtnComponent, AngularMaterialTableMethods, BodyTagsExtensions, BootstrapTableMethods, ButtonTagDataConsts, ButtonTagService, CrocoHtmlFileOptionsService, CrocoHtmlModule, CrocoHtmlOptionsToken, CustomWidgetEditorComponent, CustomWidgetIconComponent, CustomWidgetTagDataConsts, CustomWidgetTagService, DefinedCustomEditorBlockComponent, DefinedCustomTagViewComponent, DownloadButtonTagDataConsts, DownloadButtonTagService, ExternalVideoEditorComponent, ExternalVideoPlayers, ExternalVideoSupportedTypes, ExternalVideoTagDataConsts, ExternalVideoTagService, FileIdSelectComponent, FileImageTagDataConsts, FileImageTagService, FileImageTagViewComponent, FileType, HtmlRawEditorComponent, HtmlRawTagDataConsts, HtmlRawTagService, HtmlRawViewComponent, HtmlViewComponent, HtmlViewController, ImageEditorComponent, ImageMethods, MainEditorBlockComponent, MainEditorComponent, TableBuilder, TableMethods, TableTypes, TagToSpanPipe, TextAlignment, TextEditorComponent, TextSimpleMethods, TextTag, TextTagDataConsts, TextTagHtmlMarkupTagService, TextTags, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe, UploadFilesBtnComponent, VisualEditorComponent, XmlExtensions, XmlTagCustomWidgetComponent, XmlTagExternalVideoComponent, XmlTagHeaderInnerTextViewComponent, XmlTagHeaderTextViewComponent, XmlTagHtmlViewComponent, XmlTagTextViewComponent, XmlTagViewComponent };
+export { AddFilesBtnComponent, AngularMaterialTableMethods, BodyTagsExtensions, BootstrapTableMethods, ButtonTagDataConsts, ButtonTagService, CrocoHtmlFileOptionsService, CrocoHtmlModule, CrocoHtmlOptionsToken, CustomWidgetEditorComponent, CustomWidgetIconComponent, CustomWidgetTagDataConsts, CustomWidgetTagService, DefinedCustomEditorBlockComponent, DefinedCustomTagViewComponent, DownloadButtonTagDataConsts, DownloadButtonTagService, ExternalVideoEditorComponent, ExternalVideoPlayers, ExternalVideoSupportedTypes, ExternalVideoTagDataConsts, ExternalVideoTagService, FileIdSelectComponent, FileImageTagDataConsts, FileImageTagService, FileImageTagViewComponent, FileType, HtmlRawEditorComponent, HtmlRawTagDataConsts, HtmlRawTagService, HtmlRawViewComponent, HtmlViewComponent, HtmlViewController, ImageEditorComponent, ImageMethods, MainEditorBlockComponent, MainEditorComponent, SingleTagVisualEditor, TableBuilder, TableMethods, TableTypes, TagToSpanPipe, TextAlignment, TextEditorComponent, TextSimpleMethods, TextTag, TextTagDataConsts, TextTagHtmlMarkupTagService, TextTags, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe, UploadFilesBtnComponent, VisualEditorComponent, XmlExtensions, XmlTagCustomWidgetComponent, XmlTagExternalVideoComponent, XmlTagHeaderInnerTextViewComponent, XmlTagHeaderTextViewComponent, XmlTagHtmlViewComponent, XmlTagTextViewComponent, XmlTagViewComponent };
 //# sourceMappingURL=croco-html.mjs.map