croco-html 2.1.1 → 2.3.0

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

@@ -1,13 +1,15 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { HtmlBodyTag } from '../../../models/models';
+import { CrocoHtmlOptions } from '../../../extensions/HtmlExtractionMethods';
 import * as i0 from "@angular/core";
 export declare class ImageEditorComponent implements OnInit {
+    private readonly _options;
     hasImageError: boolean;
     searchOrEdit: string;
     tag: HtmlBodyTag;
     onErrorHandler(): void;
     onTagUpdated: EventEmitter<HtmlBodyTag>;
-    constructor();
+    constructor(_options: CrocoHtmlOptions);
     getSrc(): string;
     hasFileId(): boolean;
     onFileIdChanged(fileId: number): void;

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

@@ -3,9 +3,11 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } fr
 import { TagItem, HtmlBodyTag } from '../../../models/models';
 import { FilePostingStarted } from '../../upload-files-btn/upload-files-btn.component';
 import { EAlignments } from "./DefaultAligments";
+import { CrocoHtmlOptions } from '../../../extensions/HtmlExtractionMethods';
 import * as i0 from "@angular/core";
 export declare class VisualEditorComponent implements OnInit, AfterViewInit {
-    private _cdref;
+    private readonly _cdref;
+    private readonly _options;
     textArea: ElementRef;
     isLoading: boolean;
     loadingText: string;
@@ -30,7 +32,7 @@ export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     rendered: EventEmitter<boolean>;
     bodyTags: HtmlBodyTag[];
     saveBodyTags: HtmlBodyTag[];
-    constructor(_cdref: ChangeDetectorRef);
+    constructor(_cdref: ChangeDetectorRef, _options: CrocoHtmlOptions);
     ngAfterViewInit(): void;
     ngAfterContentChecked(): void;
     addTag(): void;

package/lib/components/file-id-select/file-id-select.component.d.ts

@@ -1,18 +1,20 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FileNameAndIdModel, FilesQueryService } from '../../services/files-query.service';
+import { CrocoHtmlOptions } from '../../extensions/HtmlExtractionMethods';
 import * as i0 from "@angular/core";
 export interface SearchQuestionsFormData {
     q: string;
 }
 export declare class FileIdSelectComponent implements OnInit, OnChanges {
-    private _fileService;
+    private readonly _fileService;
+    private readonly _options;
     q: string;
     labelText: string;
     fileId: number;
     loading: boolean;
     files: FileNameAndIdModel[];
     onFileIdChanged: EventEmitter<number>;
-    constructor(_fileService: FilesQueryService);
+    constructor(_fileService: FilesQueryService, _options: CrocoHtmlOptions);
     onModelChanged(fileId: number): void;
     getSrc(fileId: number): string;
     ngOnInit(): void;

package/lib/components/html-view/html-view.component.d.ts

@@ -1,8 +1,6 @@
-import { ITagViewOptions } from '../../models/models';
 import * as i0 from "@angular/core";
 export declare class HtmlViewComponent {
     html: string;
-    viewOptions: ITagViewOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<HtmlViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HtmlViewComponent, "croco-html-view", never, { "html": { "alias": "html"; "required": false; }; "viewOptions": { "alias": "viewOptions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HtmlViewComponent, "croco-html-view", never, { "html": { "alias": "html"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/xml-tags/file-image-tag-view/file-image-tag-view.component.d.ts

@@ -1,12 +1,10 @@
 import { OnInit } from '@angular/core';
 import { InterfaceBlock } from '../../../extensions/InterfaceBlock';
-import { ITagViewOptions } from '../../../models/models';
 import * as i0 from "@angular/core";
 export declare class FileImageTagViewComponent implements OnInit {
     item: InterfaceBlock;
-    viewOptions: ITagViewOptions;
     imageSrc: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileImageTagViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileImageTagViewComponent, "croco-html-file-image-tag-view", never, { "item": { "alias": "item"; "required": false; }; "viewOptions": { "alias": "viewOptions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileImageTagViewComponent, "croco-html-file-image-tag-view", never, { "item": { "alias": "item"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/xml-tags/xml-tag-view/xml-tag-view.component.d.ts

@@ -1,10 +1,8 @@
 import { InterfaceBlock } from "../../../extensions/InterfaceBlock";
-import { ITagViewOptions } from '../../../models/models';
 import * as i0 from "@angular/core";
 export declare class XmlTagViewComponent {
-    viewOptions: ITagViewOptions;
     data: InterfaceBlock[];
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<XmlTagViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XmlTagViewComponent, "croco-html-xml-tag-view", never, { "viewOptions": { "alias": "viewOptions"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XmlTagViewComponent, "croco-html-xml-tag-view", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/consts/index.d.ts

@@ -0,0 +1 @@
+export declare const CrocoHtmlOptionsToken = "croco-html-options";

package/lib/extensions/BodyTagsExtensions.d.ts

@@ -1,11 +1,11 @@
 import { HtmlBodyTag } from "../models/models";
-import { HtmlExtractionOptions } from "./HtmlExtractionMethods";
+import { CrocoHtmlOptions } from "./HtmlExtractionMethods";
 import { InterfaceBlock } from "./InterfaceBlock";
 export declare class BodyTagsExtensions {
     static getDescription(tagName: string): string;
     static toHtml(bodyTags: HtmlBodyTag[]): string;
     static imageTagToHtml(imageTag: HtmlBodyTag): string;
-    static getBodyTags(html: string, options: HtmlExtractionOptions): HtmlBodyTag[];
+    static getBodyTags(html: string, options: CrocoHtmlOptions): HtmlBodyTag[];
     static sanitizeInnerHtml(html: string): string;
     static toBodyTag(data: InterfaceBlock): HtmlBodyTag;
 }

package/lib/extensions/HtmlExtractionMethods.d.ts

@@ -1,13 +1,12 @@
 import { InterfaceBlock } from "./InterfaceBlock";
 import { GenericTextTag } from "./TextSimpleMethods";
-export interface HtmlExtractionOptions {
-    useCustomDomain: boolean;
-    domain: string;
+export interface CrocoHtmlOptions {
+    publicImageResizedUrlFormat: string;
 }
 export declare class HtmlExtractionMethods {
     static ExtractHeaderTag(elem: HTMLElement, tagName: string): GenericTextTag;
     static Extractors: {
-        [x: string]: ((elem: HTMLElement, options: HtmlExtractionOptions) => import("./ImageMethods").FileImageTag) | ((elem: HTMLElement, options: HtmlExtractionOptions) => {
+        [x: string]: ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./ImageMethods").FileImageTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => {
             type: string;
             data: import("./TableMethods").TableData;
             validationResult: import("./TableMethods").BaseApiResponse;
@@ -26,15 +25,15 @@ export declare class HtmlExtractionMethods {
             data: import("./TableMethods").TableData;
             validationResult: import("./TableMethods").BaseApiResponse;
             bootstrapHtml: string;
-        }) | ((elem: HTMLElement, options: HtmlExtractionOptions) => import("./TextMethods").RichTextData) | ((elem: HTMLElement, options: HtmlExtractionOptions) => {
+        }) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./TextMethods").RichTextData) | ((elem: HTMLElement, options: CrocoHtmlOptions) => {
             type: string;
             data: {
                 innerHTML: string;
             };
-        }) | ((elem: HTMLElement, options: HtmlExtractionOptions) => GenericTextTag) | ((elem: HTMLElement, options: HtmlExtractionOptions) => import("./VideoMethods").ExternalVideoTag);
-        TEXT: (elem: HTMLElement, options: HtmlExtractionOptions) => import("./TextSimpleMethods").SimpleTextTag;
-        "FILE-IMAGE": (elem: HTMLElement, options: HtmlExtractionOptions) => import("./ImageMethods").FileImageTag;
-        TABLE: (elem: HTMLElement, options: HtmlExtractionOptions) => {
+        }) | ((elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./VideoMethods").ExternalVideoTag);
+        TEXT: (elem: HTMLElement, options: CrocoHtmlOptions) => import("./TextSimpleMethods").SimpleTextTag;
+        "FILE-IMAGE": (elem: HTMLElement, options: CrocoHtmlOptions) => import("./ImageMethods").FileImageTag;
+        TABLE: (elem: HTMLElement, options: CrocoHtmlOptions) => {
             type: string;
             data: import("./TableMethods").TableData;
             validationResult: import("./TableMethods").BaseApiResponse;
@@ -54,20 +53,20 @@ export declare class HtmlExtractionMethods {
             validationResult: import("./TableMethods").BaseApiResponse;
             bootstrapHtml: string;
         };
-        "RICH-TEXT": (elem: HTMLElement, options: HtmlExtractionOptions) => import("./TextMethods").RichTextData;
-        "HTML-RAW": (elem: HTMLElement, options: HtmlExtractionOptions) => {
+        "RICH-TEXT": (elem: HTMLElement, options: CrocoHtmlOptions) => import("./TextMethods").RichTextData;
+        "HTML-RAW": (elem: HTMLElement, options: CrocoHtmlOptions) => {
             type: string;
             data: {
                 innerHTML: string;
             };
         };
-        H1: (elem: HTMLElement, options: HtmlExtractionOptions) => GenericTextTag;
-        H2: (elem: HTMLElement, options: HtmlExtractionOptions) => GenericTextTag;
-        H3: (elem: HTMLElement, options: HtmlExtractionOptions) => GenericTextTag;
-        H4: (elem: HTMLElement, options: HtmlExtractionOptions) => GenericTextTag;
-        H5: (elem: HTMLElement, options: HtmlExtractionOptions) => GenericTextTag;
-        H6: (elem: HTMLElement, options: HtmlExtractionOptions) => GenericTextTag;
+        H1: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
+        H2: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
+        H3: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
+        H4: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
+        H5: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
+        H6: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
     };
-    static transformHtmlElementToBlocks(element: HTMLElement, options: HtmlExtractionOptions): InterfaceBlock[];
-    static transformHtmlStringToBlocks(value: string, options: HtmlExtractionOptions): InterfaceBlock[];
+    static transformHtmlElementToBlocks(element: HTMLElement, options: CrocoHtmlOptions): InterfaceBlock[];
+    static transformHtmlStringToBlocks(value: string, options: CrocoHtmlOptions): InterfaceBlock[];
 }

package/lib/extensions/ImageMethods.d.ts

@@ -1,4 +1,4 @@
-import { HtmlExtractionOptions } from "./HtmlExtractionMethods";
+import { CrocoHtmlOptions } from "./HtmlExtractionMethods";
 export declare class FileImageTagDataConsts {
     static TagName: string;
     static FileIdAttrName: string;
@@ -12,7 +12,8 @@ export interface FileImageTagData {
     fileId: number;
 }
 export declare class ImageMethods {
-    static buildUrl(fileId: number, options: HtmlExtractionOptions): string;
-    static buildSmallUrl(fileId: number, options: HtmlExtractionOptions): string;
-    static ExtractImage(elem: HTMLElement, options: HtmlExtractionOptions): FileImageTag;
+    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;
 }

package/lib/extensions/TableMethods.d.ts

@@ -1,4 +1,4 @@
-import { HtmlExtractionOptions } from './HtmlExtractionMethods';
+import { CrocoHtmlOptions } from './HtmlExtractionMethods';
 import { InterfaceBlock } from "./InterfaceBlock";
 export interface BaseApiResponse {
     isSucceeded: boolean;
@@ -33,7 +33,7 @@ export declare class TableTypes {
     static readonly TableRowColumn = "table-row-column";
 }
 export declare class TableMethods {
-    static getTableFromHtmlTag(tableTag: HTMLTableElement, options: HtmlExtractionOptions): {
+    static getTableFromHtmlTag(tableTag: HTMLTableElement, options: CrocoHtmlOptions): {
         type: string;
         data: TableData;
         validationResult: BaseApiResponse;
@@ -55,5 +55,5 @@ export declare class TableMethods {
     };
     static checkTable(tableData: TableData): BaseApiResponse;
     static getHeader(tableTag: HTMLTableElement): TableHeaderData;
-    static getTableRows(tableTag: HTMLTableElement, options: HtmlExtractionOptions): Array<TableRowData>;
+    static getTableRows(tableTag: HTMLTableElement, options: CrocoHtmlOptions): Array<TableRowData>;
 }

package/lib/index.d.ts

@@ -1,7 +1,8 @@
+import { ImageEditorComponent } from "./components/editor/image-editor/image-editor.component";
 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";
@@ -10,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 { RichTextToHtmlPipe, TagToSpanPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe } from "./pipes";
+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 VisualEditorComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof MainEditorComponent | typeof MainEditorBlockComponent | typeof FileIdSelectComponent)[];
-export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent)[];
-export declare const CrocoPipes: (typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const CrocoHtmlDeclarations: (typeof VisualEditorComponent | typeof UploadFilesBtnComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof MainEditorComponent | typeof MainEditorBlockComponent | typeof FileIdSelectComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent | typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const MaterialModules: (typeof MatButtonModule)[];
+export declare const EditorComponents: (typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof ImageEditorComponent | typeof HtmlRawEditorComponent | typeof AddFilesBtnComponent | typeof MainEditorComponent | typeof FileIdSelectComponent)[];
+export declare const XmlComponents: (typeof XmlTagViewComponent | typeof XmlTagTableViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagHeaderTextViewComponent | typeof XmlTagExternalVideoComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent)[];
+export declare const CrocoPipes: (typeof ToHtmlBodyTagsPipe | typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToPreviewPipe | typeof ToPreviewHtmlPipe)[];
+export declare const CrocoHtmlDeclarations: (typeof ToHtmlBodyTagsPipe | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof ImageEditorComponent | typeof HtmlRawEditorComponent | typeof AddFilesBtnComponent | typeof XmlTagViewComponent | typeof MainEditorComponent | typeof FileIdSelectComponent | typeof XmlTagTableViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagHeaderTextViewComponent | typeof XmlTagExternalVideoComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent | typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToPreviewPipe | typeof ToPreviewHtmlPipe | typeof UploadFilesBtnComponent)[];
+export declare const MaterialModules: (typeof MatBadgeModule)[];

package/lib/models/models.d.ts

@@ -12,7 +12,3 @@ export interface AngularMaterialTableData {
     displayedColumns: string[];
     data: object[];
 }
-export interface ITagViewOptions {
-    useCustomImageUrlRenderer: boolean;
-    renderImageUrl(fileId: number, sizeType: string): string;
-}

package/lib/pipes/ToHtmlBodyTagsPipe.d.ts

@@ -1,7 +1,10 @@
 import { PipeTransform } from '@angular/core';
 import { HtmlBodyTag } from '../models/models';
+import { CrocoHtmlOptions } from '../extensions/HtmlExtractionMethods';
 import * as i0 from "@angular/core";
 export declare class ToHtmlBodyTagsPipe implements PipeTransform {
+    private readonly _options;
+    constructor(_options: CrocoHtmlOptions);
     transform(value: string): HtmlBodyTag[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ToHtmlBodyTagsPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ToHtmlBodyTagsPipe, "tohtmlbodytags", false>;

package/lib/pipes/ToPreviewHtmlPipe.d.ts

@@ -1,9 +1,11 @@
 import { PipeTransform } from '@angular/core';
-import { HtmlExtractionOptions } from '../extensions/HtmlExtractionMethods';
+import { CrocoHtmlOptions } from '../extensions/HtmlExtractionMethods';
 import { InterfaceBlock } from "../extensions/InterfaceBlock";
 import * as i0 from "@angular/core";
 export declare class ToPreviewHtmlPipe implements PipeTransform {
-    transform(value: string, options: HtmlExtractionOptions): InterfaceBlock[];
+    private readonly _options;
+    constructor(_options: CrocoHtmlOptions);
+    transform(value: string): InterfaceBlock[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ToPreviewHtmlPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ToPreviewHtmlPipe, "topreviewhtml", false>;
 }

package/lib/pipes/to-preview.pipe.d.ts

@@ -1,7 +1,10 @@
 import { PipeTransform } from '@angular/core';
+import { CrocoHtmlOptions } from '../extensions/HtmlExtractionMethods';
 import { InterfaceBlock } from "../extensions/InterfaceBlock";
 import * as i0 from "@angular/core";
 export declare class ToPreviewPipe implements PipeTransform {
+    private readonly _options;
+    constructor(_options: CrocoHtmlOptions);
     transform(value: string): InterfaceBlock[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ToPreviewPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ToPreviewPipe, "topreview", false>;

package/package.json

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

package/public-api.d.ts

@@ -3,3 +3,4 @@ export * from './lib/pipes';
 export * from './lib/extensions';
 export * from './lib/croco-html.module';
 export * from './lib/models/models';
+export * from './lib/consts';