croco-html 2.14.0 → 2.16.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,7 @@ 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 { XmlTagHeaderInnerTextViewComponent } from "./components/xml-tags/xml-tag-header-inner-text-view/xml-tag-header-inner-text-view.component";
+import { XmlTagHeaderTextViewComponent } from "./components/xml-tags/xml-tag-header-text-view/xml-tag-header-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";
@@ -11,12 +11,12 @@ import { VisualEditorComponent } from './components/editor/visual-editor/visual-
 import { AddFilesBtnComponent } from './components/add-files-btn/add-files-btn.component';
 import { XmlTagExternalVideoComponent } from "./components/xml-tags/xml-tag-external-video/xml-tag-external-video.component";
 import { HtmlRawEditorComponent } from "./components/editor/html-raw-editor/html-raw-editor.component";
-import { MatButtonModule } from '@angular/material/button';
+import { MatBadgeModule } from '@angular/material/badge';
 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";
-export declare const EditorComponents: (typeof AddFilesBtnComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof MainEditorComponent)[];
-export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | 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 MainEditorBlockComponent | typeof VisualEditorComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof RichTextToHtmlPipe | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof ToPreviewPipe | typeof MainEditorComponent | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const MaterialModules: (typeof MatButtonModule)[];
+export declare const EditorComponents: (typeof FileIdSelectComponent | typeof AddFilesBtnComponent | typeof ImageEditorComponent | typeof MainEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof HtmlRawEditorComponent)[];
+export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHtmlViewComponent | 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 FileIdSelectComponent | typeof UploadFilesBtnComponent | typeof AddFilesBtnComponent | typeof XmlTagExternalVideoComponent | typeof ImageEditorComponent | typeof MainEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof HtmlRawEditorComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagHeaderTextViewComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent | typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToPreviewPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
+export declare const MaterialModules: (typeof MatBadgeModule)[];

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.14.0",
+  "version": "2.16.0",
   "peerDependencies": {
     "@angular/common": "^17.3.4",
     "@angular/core": "^17.3.4",