croco-html 3.0.7 → 3.1.0

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

@@ -47,15 +47,16 @@ export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     rendered: EventEmitter<boolean>;
     bodyTags: HtmlBodyTag[];
     saveBodyTags: HtmlBodyTag[];
+    useCustomWidgetsButton: boolean;
     constructor(_cdref: ChangeDetectorRef, _options: CrocoHtmlOptions);
     ngAfterViewInit(): void;
     ngAfterContentChecked(): void;
-    addTag(): void;
+    addTagClickHandler(): void;
     startAddingText(tag?: string): void;
     resetTextStyle(): void;
     addTextTags(): void;
     postFilesStartedEventHandler(model: FilePostingStarted): void;
-    addTagCustom(tag: HtmlBodyTag): void;
+    addTag(tag: HtmlBodyTag): void;
     filesTagsReadyHandler(tags: HtmlBodyTag[]): void;
     drop(event: CdkDragDrop<object[]>): void;
     onTagSavedHandler(tag: HtmlBodyTag): void;
@@ -63,6 +64,7 @@ export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     recalculateHtml(): void;
     recalculateBodyTags(): void;
     selectTag(data: TagItem): void;
+    customWidgetsClickHandler(): void;
     ngOnInit(): void;
     setTagButton(type: string): SpriteIdsType;
     setAlignButton(type: string): SpriteIdsType;

package/lib/extensions/ImageMethods.d.ts

@@ -17,7 +17,7 @@ export declare class ImageMethods {
     static ExtractImage(elem: HTMLElement, options: CrocoHtmlOptions): FileImageTag;
     static mediaRequestStringToArrayParser: (data: string) => IMediaRequest[];
     static createMediaRequestValue(arr: string[], attribute: string): number | null;
-    static mediaRequestsArrayToStringParser(data: IMediaRequest[]): string;
+    static mediaRequestsArrayToString(data: IMediaRequest[]): string;
     static mediaRequestToString(data: IMediaRequest): string;
     static getImageRestrictionsByScreenSize(screenSize: number, requests: IMediaRequest[]): ImageRestrictions;
 }

package/lib/index.d.ts

@@ -18,8 +18,8 @@ import { RichTextToHtmlPipe, TagToSpanPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPip
 import { FileImageTagViewComponent, UploadFilesBtnComponent } from "./components";
 import { HtmlRawViewComponent } from "./components";
 import { XmlTagCustomWidgetComponent } from "./components";
-export declare const EditorComponents: (typeof AddFilesBtnComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof HtmlRawEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof MainEditorComponent)[];
-export declare const XmlComponents: (typeof XmlTagCustomWidgetComponent | typeof FileImageTagViewComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof HtmlRawViewComponent | typeof XmlTagViewComponent)[];
-export declare const CrocoPipes: (typeof ToPreviewHtmlPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewPipe | typeof RichTextToHtmlPipe | typeof TagToSpanPipe)[];
-export declare const CrocoHtmlDeclarations: (typeof ToPreviewHtmlPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewPipe | typeof AddFilesBtnComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof XmlTagCustomWidgetComponent | typeof FileImageTagViewComponent | typeof UploadFilesBtnComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof RichTextToHtmlPipe | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof HtmlRawViewComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof MainEditorComponent | typeof TagToSpanPipe)[];
+export declare const EditorComponents: (typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof MainEditorComponent)[];
+export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | typeof XmlTagViewComponent)[];
+export declare const CrocoPipes: (typeof RichTextToHtmlPipe | typeof ToPreviewPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
+export declare const CrocoHtmlDeclarations: (typeof UploadFilesBtnComponent | typeof AddFilesBtnComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof RichTextToHtmlPipe | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof ToPreviewPipe | typeof MainEditorComponent | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
 export declare const MaterialModules: (typeof MatFormFieldModule)[];

package/lib/models/models.d.ts

@@ -1,6 +1,7 @@
 export interface TagItem {
     tag: string;
     displayValue: string;
+    isCustom: boolean;
 }
 export interface HtmlBodyTag {
     tagDescription: TagItem;

package/lib/options/index.d.ts

@@ -1,5 +1,6 @@
 import { Type } from "@angular/core";
 import { IMediaRequest } from "../models";
+import { VisualEditorComponent } from "../components";
 export interface CrocoHtmlOptions {
     /**
      * Формат сслыки для показа изображений из публичных файлов.
@@ -16,6 +17,15 @@ export interface CrocoHtmlOptions {
      * Компонент для рендера кастомных виджетов
      */
     customWidgetRendererComponent?: Type<any>;
+    /**
+     * Использовать кнопку для отрисовки кастомных виджетов
+     */
+    useCustomWidgetsButton: boolean;
+    /**
+     * Обработчик нажатия на кнопку кастомных виджетов
+     * @returns
+     */
+    customWidgetClickHandler: (editor: VisualEditorComponent) => void;
 }
 /**
  * Опции для работы с файлами в редакторе разметки

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "croco-html",
-  "version": "3.0.7",
+  "version": "3.1.0",
   "peerDependencies": {
     "@angular/common": "^18.2.13",
     "@angular/core": "^18.2.13",