croco-html 4.4.4 → 4.5.0

package/lib/components/editor/button-editor/button-editor.component.d.ts

@@ -1,13 +1,12 @@
-import { EventEmitter } from '@angular/core';
 import { HtmlBodyTag } from "../../../models/models";
 import { ButtonTagData } from '../../../tag-services/ButtonTagService';
 import * as i0 from "@angular/core";
 export declare class ButtonEditorComponent {
     tag: HtmlBodyTag;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
+    presentOrEdit: boolean;
     tagData: ButtonTagData;
     ngOnInit(): void;
     linkChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonEditorComponent, "croco-html-button-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonEditorComponent, "croco-html-button-editor", never, { "tag": { "alias": "tag"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/editor/custom-widget-editor/custom-widget-editor.component.d.ts

@@ -1,13 +1,13 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { HtmlBodyTag } from "../../../models/models";
 import { CustomWidgetTagData } from '../../../tag-services/CustomWidgetTagService';
 import * as i0 from "@angular/core";
 export declare class CustomWidgetEditorComponent implements OnInit {
     tag: HtmlBodyTag;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
+    presentOrEdit: boolean;
     tagData: CustomWidgetTagData;
     ngOnInit(): void;
     dataChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomWidgetEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomWidgetEditorComponent, "croco-html-custom-widget-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomWidgetEditorComponent, "croco-html-custom-widget-editor", never, { "tag": { "alias": "tag"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/editor/download-file-button-editor/download-file-button-editor.component.d.ts

@@ -1,13 +1,12 @@
-import { EventEmitter } from '@angular/core';
 import { HtmlBodyTag } from "../../../models/models";
 import { DownloadButtonTagData } from '../../../tag-services/DownloadButtonTagService';
 import * as i0 from "@angular/core";
 export declare class DownloadFileButtonEditorComponent {
     tag: HtmlBodyTag;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
+    presentOrEdit: boolean;
     tagData: DownloadButtonTagData;
     ngOnInit(): void;
     linkChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DownloadFileButtonEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DownloadFileButtonEditorComponent, "croco-html-download-file-button-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DownloadFileButtonEditorComponent, "croco-html-download-file-button-editor", never, { "tag": { "alias": "tag"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/editor/external-video-editor/external-video-editor.component.d.ts

@@ -1,10 +1,10 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { ExternalVideoTagData, ExternalVideoSupportedTypes } from '../../../extensions';
 import { HtmlBodyTag } from '../../../models/models';
 import * as i0 from "@angular/core";
 export declare class ExternalVideoEditorComponent implements OnInit {
     tag: HtmlBodyTag;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
+    presentOrEdit: boolean;
     protected readonly ExternalVideoSupportedTypes: typeof ExternalVideoSupportedTypes;
     tagData: ExternalVideoTagData;
     linkText: string;
@@ -13,5 +13,5 @@ export declare class ExternalVideoEditorComponent implements OnInit {
     onCheck(checked: boolean): void;
     createLinkByIFrame(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExternalVideoEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ExternalVideoEditorComponent, "croco-html-external-video-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExternalVideoEditorComponent, "croco-html-external-video-editor", never, { "tag": { "alias": "tag"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/editor/html-raw-editor/html-raw-editor.component.d.ts

@@ -1,15 +1,15 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { HtmlBodyTag } from '../../../models/models';
 import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
 import * as i0 from "@angular/core";
 export declare class HtmlRawEditorComponent implements OnChanges {
     private readonly _sanitizer;
     tag: HtmlBodyTag;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
+    presentOrEdit: boolean;
     safeHtml: SafeHtml;
     constructor(_sanitizer: DomSanitizer);
     ngOnChanges(changes: SimpleChanges): void;
     onSafeHtmlChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HtmlRawEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HtmlRawEditorComponent, "croco-html-html-raw-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HtmlRawEditorComponent, "croco-html-html-raw-editor", never, { "tag": { "alias": "tag"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/editor/image-editor/image-editor.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { HtmlBodyTag } from '../../../models/models';
 import { ScreenWidthService } from "../../../services/screen-width.service";
 import { CrocoHtmlOptions } from '../../../options';
@@ -15,8 +15,8 @@ export declare class ImageEditorComponent implements OnInit, OnDestroy {
     isShowMediaRequest: boolean;
     private unsubscribe;
     tag: HtmlBodyTag;
+    presentOrEdit: boolean;
     onErrorHandler(): void;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
     get fileId(): string;
     set fileId(value: string);
     constructor(_options: CrocoHtmlOptions, screenWidthService: ScreenWidthService);
@@ -30,5 +30,5 @@ export declare class ImageEditorComponent implements OnInit, OnDestroy {
     deleteMediaRequest(index: number): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageEditorComponent, "croco-html-image-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageEditorComponent, "croco-html-image-editor", never, { "tag": { "alias": "tag"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/editor/main-editor-block/components/defined-custom-editor-block/defined-custom-editor-block.component.d.ts

@@ -1,5 +1,5 @@
-import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
-import { HtmlBodyTag, ISingleTagVisualEditor } from '../../../../../models';
+import { ComponentRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { HtmlBodyTag, ISingleTagStorage } from '../../../../../models';
 import { CrocoHtmlOptions } from '../../../../../options';
 import * as i0 from "@angular/core";
 export declare class DefinedCustomEditorBlockComponent implements OnInit, OnDestroy {
@@ -7,18 +7,14 @@ export declare class DefinedCustomEditorBlockComponent implements OnInit, OnDest
     viewContainerRef: ViewContainerRef;
     useDynamicComponent: boolean;
     dynamicContainerRef: ComponentRef<any>;
-    private editor;
-    tag: HtmlBodyTag;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
+    _tagStorage: ISingleTagStorage;
+    _tag: HtmlBodyTag;
+    set tagStorage(data: ISingleTagStorage);
+    presentOrEdit: boolean;
     constructor(_options: CrocoHtmlOptions);
     getCustomComponent(): import("@angular/core").Type<any>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefinedCustomEditorBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefinedCustomEditorBlockComponent, "croco-html-defined-custom-editor-block", never, { "tag": { "alias": "tag"; "required": true; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
-}
-export declare class SingleTagVisualEditor implements ISingleTagVisualEditor {
-    private readonly _emitter;
-    constructor(_emitter: EventEmitter<HtmlBodyTag>);
-    tagUpdated(tag: HtmlBodyTag): void;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefinedCustomEditorBlockComponent, "croco-html-defined-custom-editor-block", never, { "tagStorage": { "alias": "tagStorage"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/editor/main-editor-block/main-editor-block.component.d.ts

@@ -1,11 +1,15 @@
 import { EventEmitter } from '@angular/core';
 import { HtmlBodyTag } from '../../../models/models';
 import { CrocoHtmlOptions } from '../../../options';
+import { ISingleTagStorage } from '../../../models/editor-models';
 import * as i0 from "@angular/core";
 export declare class MainEditorBlockComponent {
     private readonly _options;
     textTags: string[];
-    tag: HtmlBodyTag;
+    set tag(data: HtmlBodyTag);
+    _tag: HtmlBodyTag;
+    _tagStorage: SingleTagStorage;
+    presentOrEdit: boolean;
     onTagSaved: EventEmitter<HtmlBodyTag>;
     onTagRemoved: EventEmitter<HtmlBodyTag>;
     constructor(_options: CrocoHtmlOptions);
@@ -16,3 +20,8 @@ export declare class MainEditorBlockComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<MainEditorBlockComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MainEditorBlockComponent, "croco-html-main-editor-block", never, { "tag": { "alias": "tag"; "required": true; }; }, { "onTagSaved": "onTagSaved"; "onTagRemoved": "onTagRemoved"; }, never, never, true, never>;
 }
+export declare class SingleTagStorage implements ISingleTagStorage {
+    private _tag;
+    set(tag: HtmlBodyTag): void;
+    get(): HtmlBodyTag;
+}

package/lib/components/editor/text-editor/text-editor.component.d.ts

@@ -1,10 +1,16 @@
-import { EventEmitter } from '@angular/core';
 import { HtmlBodyTag } from '../../../models/models';
+import { ISingleTagStorage } from '../../../models';
+import { TextAlignment } from '../../../tag-services';
 import * as i0 from "@angular/core";
 export declare class TextEditorComponent {
-    tag: HtmlBodyTag;
-    onTagUpdated: EventEmitter<HtmlBodyTag>;
+    _tag: HtmlBodyTag;
+    _tagStorage: ISingleTagStorage;
+    set tagStorage(data: ISingleTagStorage);
+    presentOrEdit: boolean;
+    TextAlignment: typeof TextAlignment;
+    _horizontalAlignment: TextAlignment;
+    changeData(): void;
     getInnerHtml(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextEditorComponent, "croco-html-text-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextEditorComponent, "croco-html-text-editor", never, { "tagStorage": { "alias": "tagStorage"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/index.d.ts

@@ -3,21 +3,21 @@ import { MainEditorBlockComponent } from "./components";
 import { MainEditorComponent } from "./components";
 import { TextEditorComponent } from "./components";
 import { FileIdSelectComponent } from "./components";
-import { XmlTagHeaderInnerTextViewComponent } from "./components";
-import { XmlTagHtmlViewComponent } from "./components";
+import { XmlTagTextViewComponent } from "./components";
 import { XmlTagViewComponent } from "./components";
 import { CustomWidgetEditorComponent } from "./components";
 import { VisualEditorComponent } from './components';
 import { AddFilesBtnComponent } from './components';
 import { XmlTagExternalVideoComponent } from "./components";
 import { HtmlRawEditorComponent } from "./components";
-import { MatCardModule } from '@angular/material/card';
+import { MatTabsModule } from '@angular/material/tabs';
 import { TagToSpanPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe } from "./pipes";
 import { FileImageTagViewComponent, UploadFilesBtnComponent } from "./components";
 import { HtmlRawViewComponent } from "./components";
+import { HtmlViewComponent } from "./components";
 import { XmlTagCustomWidgetComponent } from "./components";
-export declare const EditorComponents: (typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof DefinedCustomEditorBlockComponent | typeof MainEditorBlockComponent | typeof CustomWidgetIconComponent | typeof VisualEditorComponent | typeof MainEditorComponent)[];
-export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent)[];
-export declare const CrocoPipes: (typeof ToPreviewPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const CrocoHtmlDeclarations: (typeof UploadFilesBtnComponent | typeof AddFilesBtnComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof DefinedCustomEditorBlockComponent | typeof MainEditorBlockComponent | typeof CustomWidgetIconComponent | typeof VisualEditorComponent | typeof ToPreviewPipe | typeof MainEditorComponent | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const MaterialModules: (typeof MatCardModule)[];
+export declare const EditorComponents: (typeof VisualEditorComponent | typeof MainEditorComponent | typeof AddFilesBtnComponent | typeof MainEditorBlockComponent | typeof CustomWidgetIconComponent | typeof TextEditorComponent | typeof ImageEditorComponent | typeof HtmlRawEditorComponent | typeof CustomWidgetEditorComponent | typeof DefinedCustomEditorBlockComponent | typeof FileIdSelectComponent)[];
+export declare const XmlComponents: (typeof HtmlViewComponent | typeof XmlTagTextViewComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagCustomWidgetComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent)[];
+export declare const CrocoPipes: (typeof ToPreviewHtmlPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewPipe | typeof TagToSpanPipe)[];
+export declare const CrocoHtmlDeclarations: (typeof ToPreviewHtmlPipe | typeof ToHtmlBodyTagsPipe | typeof VisualEditorComponent | typeof HtmlViewComponent | typeof MainEditorComponent | typeof ToPreviewPipe | typeof AddFilesBtnComponent | typeof MainEditorBlockComponent | typeof CustomWidgetIconComponent | typeof TextEditorComponent | typeof ImageEditorComponent | typeof HtmlRawEditorComponent | typeof CustomWidgetEditorComponent | typeof DefinedCustomEditorBlockComponent | typeof FileIdSelectComponent | typeof XmlTagTextViewComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagCustomWidgetComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent | typeof UploadFilesBtnComponent | typeof TagToSpanPipe)[];
+export declare const MaterialModules: (typeof MatTabsModule)[];

package/lib/models/editor-models.d.ts

@@ -1,4 +1,5 @@
 import { HtmlBodyTag } from "./models";
-export interface ISingleTagVisualEditor {
-    tagUpdated(tag: HtmlBodyTag): void;
+export interface ISingleTagStorage {
+    set(tag: HtmlBodyTag): void;
+    get(): HtmlBodyTag;
 }

package/lib/models/models.d.ts

@@ -10,7 +10,6 @@ export interface HtmlBodyTag {
     tagDescription: TagItem;
     innerHtml: string;
     attributes: Object;
-    presentOrEdit: boolean;
 }
 export interface BaseApiResponse {
     isSucceeded: boolean;

package/lib/options/index.d.ts

@@ -43,6 +43,7 @@ export interface ICustomTagViewRender {
      * Должен содержать инпуты
      * tag: HtmlBodyTag
      * tagEditor: ISingleTagVisualEditor
+     * presentOrEdit: boolean
      */
     editorComponent?: Type<any>;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "croco-html",
-  "version": "4.4.4",
+  "version": "4.5.0",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14",