croco-html 2.0.8 → 2.1.0

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

@@ -0,0 +1,9 @@
+export declare enum EAlignments {
+    Left = "left",
+    Center = "center",
+    Right = "right"
+}
+export declare const AlignmentsData: {
+    value: EAlignments;
+    text: string;
+}[];

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

@@ -1,12 +1,23 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { TagItem, HtmlBodyTag } from '../../../models/models';
 import { FilePostingStarted } from '../../upload-files-btn/upload-files-btn.component';
+import { EAlignments } from "./DefaultAligments";
 import * as i0 from "@angular/core";
 export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     private _cdref;
+    textArea: ElementRef;
     isLoading: boolean;
     loadingText: string;
+    isActiveAddText: boolean;
+    text: string;
+    alignment: EAlignments;
+    textTag: string;
+    textTagOptions: TagItem[];
+    alignmentOptions: {
+        value: EAlignments;
+        text: string;
+    }[];
     showMarkUp: boolean;
     tags: TagItem[];
     selectedValue: string;
@@ -18,10 +29,15 @@ export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     onHtmlChanged: EventEmitter<string>;
     rendered: EventEmitter<boolean>;
     bodyTags: HtmlBodyTag[];
+    saveBodyTags: HtmlBodyTag[];
     constructor(_cdref: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngAfterContentChecked(): void;
     addTag(): void;
+    addText(): void;
+    closeText(): void;
+    resetTextStyle(): void;
+    modelChanged(): void;
     postFilesStartedEventHandler(model: FilePostingStarted): void;
     addTagCustom(tag: HtmlBodyTag): void;
     filesTagsReadyHandler(tags: HtmlBodyTag[]): void;

package/lib/components/xml-tags/xml-tag-external-video/resize-observable.d.ts

@@ -0,0 +1,2 @@
+import { Observable } from 'rxjs';
+export declare function resizeObservable(elem: Element, options?: ResizeObserverOptions): Observable<ResizeObserverEntry>;

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

@@ -1,14 +1,16 @@
-import { OnInit } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import { DestroyRef, ElementRef, OnInit } from '@angular/core';
 import { InterfaceBlock } from "../../../extensions/InterfaceBlock";
 import { ExternalVideoTagData } from '../../../extensions';
 import * as i0 from "@angular/core";
 export declare class XmlTagExternalVideoComponent implements OnInit {
-    private _domSanitizer;
+    private destroyRef;
     set data(value: InterfaceBlock);
     set tagData(value: ExternalVideoTagData);
+    playerContainerRef?: ElementRef<HTMLElement>;
     videoId?: string;
-    constructor(_domSanitizer: DomSanitizer);
+    playerWidth: import("@angular/core").WritableSignal<number>;
+    playerHeight: import("@angular/core").WritableSignal<number>;
+    constructor(destroyRef: DestroyRef);
     ngOnInit(): void;
     private getYouTubeId;
     static ɵfac: i0.ɵɵFactoryDeclaration<XmlTagExternalVideoComponent, never>;

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 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 +10,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 } 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 HtmlRawEditorComponent | typeof VisualEditorComponent | typeof MainEditorComponent | typeof MainEditorBlockComponent | typeof FileIdSelectComponent)[];
-export declare const XmlComponents: (typeof FileImageTagViewComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof HtmlRawViewComponent)[];
+export declare const EditorComponents: (typeof VisualEditorComponent | typeof MainEditorComponent | typeof FileIdSelectComponent | typeof MainEditorBlockComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent)[];
+export declare const XmlComponents: (typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagHeaderTextViewComponent | typeof XmlTagExternalVideoComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent)[];
 export declare const CrocoPipes: (typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const CrocoHtmlDeclarations: (typeof FileImageTagViewComponent | typeof UploadFilesBtnComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof VisualEditorComponent | typeof MainEditorComponent | typeof MainEditorBlockComponent | typeof FileIdSelectComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof HtmlRawViewComponent | typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const MaterialModules: (typeof MatButtonModule)[];
+export declare const CrocoHtmlDeclarations: (typeof VisualEditorComponent | typeof MainEditorComponent | typeof FileIdSelectComponent | typeof MainEditorBlockComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof XmlTagTableViewComponent | typeof XmlTagViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagHeaderTextViewComponent | typeof XmlTagExternalVideoComponent | typeof HtmlRawViewComponent | typeof FileImageTagViewComponent | typeof RichTextToHtmlPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe | typeof UploadFilesBtnComponent)[];
+export declare const MaterialModules: (typeof MatBadgeModule)[];

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "croco-html",
-  "version": "2.0.8",
+  "version": "2.1.0",
   "peerDependencies": {
     "@angular/common": "^17.3.4",
     "@angular/core": "^17.3.4",
     "@angular/cdk": "^17.3.4",
     "@angular/youtube-player": "^17.3.4",
     "@angular/material": ">=17.0.0",
-    "ngx-clipboard": ">=15.1.0",
+    "ngx-clipboard": "^16.0.0",
     "@ng-select/ng-select": "^12.0.7"
   },
   "dependencies": {