croco-html 2.15.0 → 2.17.0

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

@@ -1,20 +1,30 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { IMediaRequest } from '../../../extensions';
 import { HtmlBodyTag } from '../../../models/models';
 import { CrocoHtmlOptions } from '../../../extensions/HtmlExtractionMethods';
+import { ScreenWidthService } from "../../../services/screen-width.service";
 import * as i0 from "@angular/core";
-export declare class ImageEditorComponent implements OnInit {
+export declare class ImageEditorComponent implements OnInit, OnDestroy {
     private readonly _options;
     hasImageError: boolean;
     searchOrEdit: string;
+    requests: IMediaRequest[];
+    imageMaxHeight: any;
+    isShowMediaRequest: boolean;
+    private unsubscribe;
     tag: HtmlBodyTag;
     onErrorHandler(): void;
     onTagUpdated: EventEmitter<HtmlBodyTag>;
-    constructor(_options: CrocoHtmlOptions);
+    constructor(_options: CrocoHtmlOptions, screenWidth: ScreenWidthService);
     getSrc(): string;
     hasFileId(): boolean;
     onFileIdChanged(fileId: number): void;
     removeImageError(): void;
     ngOnInit(): void;
+    requestChanged(): void;
+    addNewMediaRequest(): void;
+    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>;
 }

package/lib/extensions/HtmlRawTagDataConsts.d.ts

@@ -1,3 +1,6 @@
 export declare class HtmlRawTagDataConsts {
     static TagName: string;
+    static ScreenWidth: string;
+    static MaxImageHeight: string;
+    static MediaRequest: string;
 }

package/lib/extensions/ImageMethods.d.ts

@@ -2,6 +2,10 @@ import { CrocoHtmlOptions } from "./HtmlExtractionMethods";
 export declare class FileImageTagDataConsts {
     static TagName: string;
     static FileIdAttrName: string;
+    static ScreenMediaRequest: string;
+    static DefaultValueForFileImage: string;
+    static ScreenWidth: string;
+    static MaxImageHeight: string;
 }
 export interface FileImageTag {
     type: string;
@@ -10,10 +14,19 @@ export interface FileImageTag {
 export interface FileImageTagData {
     src: string;
     fileId: number;
+    screenMediaRequest: string;
+}
+export interface IMediaRequest {
+    screenWidth: number;
+    maxImageHeight: number;
 }
 export declare class ImageMethods {
     static buildUrl(fileId: number, sizeType: string, options: CrocoHtmlOptions): string;
     static buildSmallUrl(fileId: number, options: CrocoHtmlOptions): string;
     static buildMediumUrl(fileId: number, options: CrocoHtmlOptions): string;
     static ExtractImage(elem: HTMLElement, options: CrocoHtmlOptions): FileImageTag;
+    static mediaRequestStringToArrayParser: (data: string) => IMediaRequest[];
+    static createMediaRequestValue(arr: string[], attribute: string): number;
+    static mediaRequestsArrayToStringParser: (data: IMediaRequest[]) => string;
+    static screenSizeChanged: (screenSize: number, requests: IMediaRequest[]) => any;
 }

package/lib/index.d.ts

@@ -2,7 +2,8 @@ import { ImageEditorComponent } from "./components/editor/image-editor/image-edi
 import { MainEditorBlockComponent } from "./components/editor/main-editor-block/main-editor-block.component";
 import { MainEditorComponent } from "./components/editor/main-editor/main-editor.component";
 import { FileIdSelectComponent } from "./components/file-id-select/file-id-select.component";
-import { XmlTagHeaderTextViewComponent } from "./components/xml-tags/xml-tag-header-text-view/xml-tag-header-text-view.component";
+import { XmlTagHeaderInnerTextViewComponent } from "./components/xml-tags/xml-tag-header-inner-text-view/xml-tag-header-inner-text-view.component";
+import { XmlTagHtmlViewComponent } from "./components/xml-tags/xml-tag-html-view/xml-tag-html-view.component";
 import { XmlTagRichTextViewComponent } from "./components/xml-tags/xml-tag-rich-text-view/xml-tag-rich-text-view.component";
 import { XmlTagTableViewComponent } from "./components/xml-tags/xml-tag-table-view/xml-tag-table-view.component";
 import { XmlTagViewComponent } from "./components/xml-tags/xml-tag-view/xml-tag-view.component";
@@ -14,9 +15,8 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { RichTextToHtmlPipe, TagToSpanPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe } from "./pipes";
 import { FileImageTagViewComponent, UploadFilesBtnComponent } from "./components";
 import { HtmlRawViewComponent } from "./components/xml-tags/html-raw-view/html-raw-view.component";
-import { HtmlViewComponent } from "./components/html-view/html-view.component";
-export declare const EditorComponents: (typeof MainEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent)[];
-export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof HtmlViewComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHeaderTextViewComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent)[];
-export declare const CrocoPipes: (typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToPreviewPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const CrocoHtmlDeclarations: (typeof XmlTagExternalVideoComponent | typeof UploadFilesBtnComponent | typeof HtmlViewComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHeaderTextViewComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent | typeof MainEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToPreviewPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
+export declare const EditorComponents: (typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof MainEditorComponent)[];
+export declare const XmlComponents: (typeof FileImageTagViewComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof HtmlRawViewComponent | typeof XmlTagViewComponent)[];
+export declare const CrocoPipes: (typeof RichTextToHtmlPipe | typeof ToPreviewPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
+export declare const CrocoHtmlDeclarations: (typeof FileImageTagViewComponent | typeof FileIdSelectComponent | typeof XmlTagExternalVideoComponent | typeof ImageEditorComponent | typeof UploadFilesBtnComponent | typeof AddFilesBtnComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof RichTextToHtmlPipe | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof HtmlRawViewComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof ToPreviewPipe | typeof MainEditorComponent | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
 export declare const MaterialModules: (typeof MatFormFieldModule)[];

package/lib/services/screen-width.service.d.ts

@@ -0,0 +1,10 @@
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class ScreenWidthService {
+    private screenWidth;
+    constructor();
+    private onResize;
+    getScreenWidth(): Observable<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenWidthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScreenWidthService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "croco-html",
-  "version": "2.15.0",
+  "version": "2.17.0",
   "peerDependencies": {
     "@angular/common": "^17.3.4",
     "@angular/core": "^17.3.4",