croco-html 4.6.4 → 4.7.0

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

@@ -0,0 +1,68 @@
+import { OnDestroy, OnInit, ElementRef } from '@angular/core';
+import { HtmlBodyTag } from '../../../models/models';
+import { PublicFilesQueryService } from '../../../services/PublicFilesQueryService';
+import { PrivateFilesQueryService } from '../../../services/PrivateFilesQueryService';
+import { CrocoHtmlFileOptionsService } from '../../../services/CrocoHtmlFileOptionsService';
+import * as i0 from "@angular/core";
+export declare class AudioEditorComponent implements OnInit, OnDestroy {
+    private readonly _publicFileService;
+    private readonly _privateFileService;
+    private readonly _htmlSettingsService;
+    hasAudioError: boolean;
+    isPlaying: boolean;
+    isLoading: boolean;
+    currentTime: number;
+    duration: number;
+    volume: number;
+    isMuted: boolean;
+    searchOrEdit: string;
+    fileName: string;
+    files: Array<{
+        fileId: string;
+        fileName: string;
+    }>;
+    loading: boolean;
+    q: string;
+    private unsubscribe;
+    audioPlayer: ElementRef<HTMLAudioElement>;
+    tag: HtmlBodyTag;
+    presentOrEdit: boolean;
+    constructor(_publicFileService: PublicFilesQueryService, _privateFileService: PrivateFilesQueryService, _htmlSettingsService: CrocoHtmlFileOptionsService);
+    get fileId(): string;
+    set fileId(value: string);
+    get fileNameAttr(): string;
+    set fileNameAttr(value: string);
+    hasFileId(): boolean;
+    getSrc(): string;
+    private get audioElement();
+    onErrorHandler(): void;
+    removeAudioError(): void;
+    onFileIdChanged(fileId: string): void;
+    onFileNameChanged(fileName: string): void;
+    loadAudioFile(): void;
+    onLoadedMetadata(): void;
+    onTimeUpdate(): void;
+    onEnded(): void;
+    onCanPlay(): void;
+    togglePlayPause(): void;
+    restart(): void;
+    rewind(): void;
+    forward(): void;
+    onVolumeChange(event: Event): void;
+    toggleMute(): void;
+    onSeekChange(event: Event): void;
+    formatTime(seconds: number): string;
+    getProgress(): number;
+    loadFiles(): void;
+    onSearchChanged(q: {
+        term: string;
+        items: object[];
+    }): void;
+    onFileSelected(fileId: string): void;
+    onFilesUploaded(fileIds: string[] | number[]): void;
+    removeAudio(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AudioEditorComponent, "croco-html-audio-editor", never, { "tag": { "alias": "tag"; "required": true; }; "presentOrEdit": { "alias": "presentOrEdit"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/editor/index.d.ts

@@ -1,3 +1,4 @@
+export * from './audio-editor/audio-editor.component';
 export * from './external-video-editor/external-video-editor.component';
 export * from './html-raw-editor/html-raw-editor.component';
 export * from './image-editor/image-editor.component';

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

@@ -0,0 +1,41 @@
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { InterfaceBlock } from '../../../models/InterfaceBlock';
+import { CrocoHtmlOptions } from '../../../options';
+import * as i0 from "@angular/core";
+export declare class AudioPlayerTagViewComponent implements OnInit, OnDestroy {
+    private readonly _options;
+    hasAudioError: boolean;
+    isPlaying: boolean;
+    isLoading: boolean;
+    currentTime: number;
+    duration: number;
+    volume: number;
+    isMuted: boolean;
+    private unsubscribe;
+    audioPlayer: ElementRef<HTMLAudioElement>;
+    data: InterfaceBlock;
+    constructor(_options: CrocoHtmlOptions);
+    get fileId(): string;
+    get fileName(): string;
+    getSrc(): string;
+    private get audioElement();
+    hasFileId(): boolean;
+    onErrorHandler(): void;
+    onLoadedMetadata(): void;
+    onTimeUpdate(): void;
+    onEnded(): void;
+    onCanPlay(): void;
+    togglePlayPause(): void;
+    restart(): void;
+    rewind(): void;
+    forward(): void;
+    onVolumeChange(event: Event): void;
+    toggleMute(): void;
+    onSeekChange(event: Event): void;
+    formatTime(seconds: number): string;
+    getProgress(): number;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioPlayerTagViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AudioPlayerTagViewComponent, "croco-html-audio-player-tag-view", never, { "data": { "alias": "data"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/xml-tags/index.d.ts

@@ -1,3 +1,4 @@
+export * from './audio-player-tag-view/audio-player-tag-view.component';
 export * from './xml-tag-external-video/xml-tag-external-video.component';
 export * from './xml-tag-header-inner-text-view/xml-tag-header-inner-text-view.component';
 export * from './xml-tag-header-text-view/xml-tag-header-text-view.component';

package/lib/croco-html.module.d.ts

@@ -46,25 +46,26 @@ import * as i44 from "./components/xml-tags/xml-tag-header-inner-text-view/xml-t
 import * as i45 from "./components/xml-tags/xml-tag-external-video/xml-tag-external-video.component";
 import * as i46 from "./components/xml-tags/html-raw-view/html-raw-view.component";
 import * as i47 from "./components/xml-tags/file-image-tag-view/file-image-tag-view.component";
-import * as i48 from "./components/xml-tags/xml-tag-custom-widget/xml-tag-custom-widget.component";
-import * as i49 from "./components/xml-tags/defined-custom-tag-view/defined-custom-tag-view.component";
-import * as i50 from "./components/editor/main-editor/main-editor.component";
-import * as i51 from "./components/file-id-select/file-id-select.component";
-import * as i52 from "./components/editor/text-editor/text-editor.component";
-import * as i53 from "./components/editor/image-editor/image-editor.component";
-import * as i54 from "./components/editor/main-editor-block/main-editor-block.component";
-import * as i55 from "./components/editor/visual-editor/visual-editor.component";
-import * as i56 from "./components/add-files-btn/add-files-btn.component";
-import * as i57 from "./components/editor/html-raw-editor/html-raw-editor.component";
-import * as i58 from "./components/editor/custom-widget-editor/custom-widget-editor.component";
-import * as i59 from "./components/editor/main-editor-block/components/defined-custom-editor-block/defined-custom-editor-block.component";
-import * as i60 from "./components/editor/visual-editor/components/custom-widget-icon/custom-widget-icon.component";
-import * as i61 from "./pipes/TagToSpanPipe";
-import * as i62 from "./pipes/to-preview.pipe";
-import * as i63 from "./pipes/ToHtmlBodyTagsPipe";
-import * as i64 from "./pipes/ToPreviewHtmlPipe";
+import * as i48 from "./components/xml-tags/audio-player-tag-view/audio-player-tag-view.component";
+import * as i49 from "./components/xml-tags/xml-tag-custom-widget/xml-tag-custom-widget.component";
+import * as i50 from "./components/xml-tags/defined-custom-tag-view/defined-custom-tag-view.component";
+import * as i51 from "./components/editor/main-editor/main-editor.component";
+import * as i52 from "./components/file-id-select/file-id-select.component";
+import * as i53 from "./components/editor/text-editor/text-editor.component";
+import * as i54 from "./components/editor/image-editor/image-editor.component";
+import * as i55 from "./components/editor/main-editor-block/main-editor-block.component";
+import * as i56 from "./components/editor/visual-editor/visual-editor.component";
+import * as i57 from "./components/add-files-btn/add-files-btn.component";
+import * as i58 from "./components/editor/html-raw-editor/html-raw-editor.component";
+import * as i59 from "./components/editor/custom-widget-editor/custom-widget-editor.component";
+import * as i60 from "./components/editor/main-editor-block/components/defined-custom-editor-block/defined-custom-editor-block.component";
+import * as i61 from "./components/editor/visual-editor/components/custom-widget-icon/custom-widget-icon.component";
+import * as i62 from "./pipes/TagToSpanPipe";
+import * as i63 from "./pipes/to-preview.pipe";
+import * as i64 from "./pipes/ToHtmlBodyTagsPipe";
+import * as i65 from "./pipes/ToPreviewHtmlPipe";
 export declare class CrocoHtmlModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CrocoHtmlModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CrocoHtmlModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgSelectModule, typeof i4.MatBadgeModule, typeof i5.MatTableModule, typeof i6.MatExpansionModule, typeof i7.MatFormFieldModule, typeof i8.MatSnackBarModule, typeof i9.MatProgressBarModule, typeof i10.MatProgressSpinnerModule, typeof i11.MatTabsModule, typeof i12.MatMenuModule, typeof i13.MatCardModule, typeof i14.MatSelectModule, typeof i15.MatTooltipModule, typeof i16.MatCheckboxModule, typeof i17.MatChipsModule, typeof i18.MatListModule, typeof i19.MatButtonModule, typeof i20.MatInputModule, typeof i21.MatDialogModule, typeof i22.MatPaginatorModule, typeof i23.MatDatepickerModule, typeof i24.MatGridListModule, typeof i25.MatSlideToggleModule, typeof i26.MatTreeModule, typeof i27.MatNativeDateModule, typeof i28.MatAutocompleteModule, typeof i29.MatSidenavModule, typeof i30.MatIconModule, typeof i31.DragDropModule, typeof i32.MatButtonToggleModule, typeof i33.ErrorBannerComponent, typeof i34.VkVideoPlayerComponent, typeof i35.YoutubeVideoPlayerComponent, typeof i36.DownloadFileButtonEditorComponent, typeof i37.XmlTagDownloadFileButtonComponent, typeof i38.UploadFilesBtnComponent, typeof i39.HtmlViewComponent, typeof i40.XmlTagViewComponent, typeof i41.XmlTagHtmlViewComponent, typeof i42.XmlTagTextViewComponent, typeof i43.XmlTagHeaderTextViewComponent, typeof i44.XmlTagHeaderInnerTextViewComponent, typeof i45.XmlTagExternalVideoComponent, typeof i46.HtmlRawViewComponent, typeof i47.FileImageTagViewComponent, typeof i48.XmlTagCustomWidgetComponent, typeof i39.HtmlViewComponent, typeof i49.DefinedCustomTagViewComponent, typeof i50.MainEditorComponent, typeof i51.FileIdSelectComponent, typeof i52.TextEditorComponent, typeof i53.ImageEditorComponent, typeof i54.MainEditorBlockComponent, typeof i55.VisualEditorComponent, typeof i56.AddFilesBtnComponent, typeof i57.HtmlRawEditorComponent, typeof i58.CustomWidgetEditorComponent, typeof i59.DefinedCustomEditorBlockComponent, typeof i60.CustomWidgetIconComponent, typeof i61.TagToSpanPipe, typeof i62.ToPreviewPipe, typeof i63.ToHtmlBodyTagsPipe, typeof i64.ToPreviewHtmlPipe], [typeof i38.UploadFilesBtnComponent, typeof i39.HtmlViewComponent, typeof i40.XmlTagViewComponent, typeof i41.XmlTagHtmlViewComponent, typeof i42.XmlTagTextViewComponent, typeof i43.XmlTagHeaderTextViewComponent, typeof i44.XmlTagHeaderInnerTextViewComponent, typeof i45.XmlTagExternalVideoComponent, typeof i46.HtmlRawViewComponent, typeof i47.FileImageTagViewComponent, typeof i48.XmlTagCustomWidgetComponent, typeof i39.HtmlViewComponent, typeof i49.DefinedCustomTagViewComponent, typeof i50.MainEditorComponent, typeof i51.FileIdSelectComponent, typeof i52.TextEditorComponent, typeof i53.ImageEditorComponent, typeof i54.MainEditorBlockComponent, typeof i55.VisualEditorComponent, typeof i56.AddFilesBtnComponent, typeof i57.HtmlRawEditorComponent, typeof i58.CustomWidgetEditorComponent, typeof i59.DefinedCustomEditorBlockComponent, typeof i60.CustomWidgetIconComponent, typeof i61.TagToSpanPipe, typeof i62.ToPreviewPipe, typeof i63.ToHtmlBodyTagsPipe, typeof i64.ToPreviewHtmlPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CrocoHtmlModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgSelectModule, typeof i4.MatBadgeModule, typeof i5.MatTableModule, typeof i6.MatExpansionModule, typeof i7.MatFormFieldModule, typeof i8.MatSnackBarModule, typeof i9.MatProgressBarModule, typeof i10.MatProgressSpinnerModule, typeof i11.MatTabsModule, typeof i12.MatMenuModule, typeof i13.MatCardModule, typeof i14.MatSelectModule, typeof i15.MatTooltipModule, typeof i16.MatCheckboxModule, typeof i17.MatChipsModule, typeof i18.MatListModule, typeof i19.MatButtonModule, typeof i20.MatInputModule, typeof i21.MatDialogModule, typeof i22.MatPaginatorModule, typeof i23.MatDatepickerModule, typeof i24.MatGridListModule, typeof i25.MatSlideToggleModule, typeof i26.MatTreeModule, typeof i27.MatNativeDateModule, typeof i28.MatAutocompleteModule, typeof i29.MatSidenavModule, typeof i30.MatIconModule, typeof i31.DragDropModule, typeof i32.MatButtonToggleModule, typeof i33.ErrorBannerComponent, typeof i34.VkVideoPlayerComponent, typeof i35.YoutubeVideoPlayerComponent, typeof i36.DownloadFileButtonEditorComponent, typeof i37.XmlTagDownloadFileButtonComponent, typeof i38.UploadFilesBtnComponent, typeof i39.HtmlViewComponent, typeof i40.XmlTagViewComponent, typeof i41.XmlTagHtmlViewComponent, typeof i42.XmlTagTextViewComponent, typeof i43.XmlTagHeaderTextViewComponent, typeof i44.XmlTagHeaderInnerTextViewComponent, typeof i45.XmlTagExternalVideoComponent, typeof i46.HtmlRawViewComponent, typeof i47.FileImageTagViewComponent, typeof i48.AudioPlayerTagViewComponent, typeof i49.XmlTagCustomWidgetComponent, typeof i39.HtmlViewComponent, typeof i50.DefinedCustomTagViewComponent, typeof i51.MainEditorComponent, typeof i52.FileIdSelectComponent, typeof i53.TextEditorComponent, typeof i54.ImageEditorComponent, typeof i55.MainEditorBlockComponent, typeof i56.VisualEditorComponent, typeof i57.AddFilesBtnComponent, typeof i58.HtmlRawEditorComponent, typeof i59.CustomWidgetEditorComponent, typeof i60.DefinedCustomEditorBlockComponent, typeof i61.CustomWidgetIconComponent, typeof i62.TagToSpanPipe, typeof i63.ToPreviewPipe, typeof i64.ToHtmlBodyTagsPipe, typeof i65.ToPreviewHtmlPipe], [typeof i38.UploadFilesBtnComponent, typeof i39.HtmlViewComponent, typeof i40.XmlTagViewComponent, typeof i41.XmlTagHtmlViewComponent, typeof i42.XmlTagTextViewComponent, typeof i43.XmlTagHeaderTextViewComponent, typeof i44.XmlTagHeaderInnerTextViewComponent, typeof i45.XmlTagExternalVideoComponent, typeof i46.HtmlRawViewComponent, typeof i47.FileImageTagViewComponent, typeof i48.AudioPlayerTagViewComponent, typeof i49.XmlTagCustomWidgetComponent, typeof i39.HtmlViewComponent, typeof i50.DefinedCustomTagViewComponent, typeof i51.MainEditorComponent, typeof i52.FileIdSelectComponent, typeof i53.TextEditorComponent, typeof i54.ImageEditorComponent, typeof i55.MainEditorBlockComponent, typeof i56.VisualEditorComponent, typeof i57.AddFilesBtnComponent, typeof i58.HtmlRawEditorComponent, typeof i59.CustomWidgetEditorComponent, typeof i60.DefinedCustomEditorBlockComponent, typeof i61.CustomWidgetIconComponent, typeof i62.TagToSpanPipe, typeof i63.ToPreviewPipe, typeof i64.ToHtmlBodyTagsPipe, typeof i65.ToPreviewHtmlPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CrocoHtmlModule>;
 }

package/lib/extensions/AudioMethods.d.ts

@@ -0,0 +1,11 @@
+export declare class FileAudioTagDataConsts {
+    static readonly TagName = "audio-player";
+    static readonly FileIdAttrName = "file-id";
+    static readonly FileNameAttrName = "file-name";
+}
+export declare class AudioMethods {
+    static buildUrl(fileId: string, fileName: string): string;
+    static isPrivateFileId(fileId: string): boolean;
+    static formatTime(seconds: number): string;
+    static calculateProgress(currentTime: number, duration: number): number;
+}

package/lib/extensions/index.d.ts

@@ -1,4 +1,5 @@
 export * from './AngularMaterialTableMethods';
+export * from './AudioMethods';
 export * from './BodyTagsExtensions';
 export * from './BootstrapTableMethods';
 export * from './ImageMethods';

package/lib/index.d.ts

@@ -3,21 +3,21 @@ import { MainEditorBlockComponent } from "./components";
 import { MainEditorComponent } from "./components";
 import { TextEditorComponent } from "./components";
 import { FileIdSelectComponent } from "./components";
-import { XmlTagHeaderInnerTextViewComponent } from "./components";
 import { XmlTagHtmlViewComponent } from "./components";
+import { XmlTagTextViewComponent } from "./components";
 import { XmlTagViewComponent } from "./components";
 import { CustomWidgetEditorComponent } from "./components";
 import { VisualEditorComponent } from './components';
 import { AddFilesBtnComponent } from './components';
 import { XmlTagExternalVideoComponent } from "./components";
 import { HtmlRawEditorComponent } from "./components";
-import { MatTabsModule } from '@angular/material/tabs';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import { TagToSpanPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe } from "./pipes";
-import { FileImageTagViewComponent, UploadFilesBtnComponent } from "./components";
+import { FileImageTagViewComponent, AudioPlayerTagViewComponent, UploadFilesBtnComponent } from "./components";
 import { HtmlRawViewComponent } from "./components";
 import { XmlTagCustomWidgetComponent } from "./components";
-export declare const EditorComponents: (typeof VisualEditorComponent | typeof MainEditorComponent | typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof DefinedCustomEditorBlockComponent | typeof MainEditorBlockComponent | typeof CustomWidgetIconComponent)[];
-export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent)[];
-export declare const CrocoPipes: (typeof ToPreviewPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const CrocoHtmlDeclarations: (typeof VisualEditorComponent | typeof MainEditorComponent | typeof UploadFilesBtnComponent | typeof AddFilesBtnComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof DefinedCustomEditorBlockComponent | typeof MainEditorBlockComponent | typeof CustomWidgetIconComponent | typeof ToPreviewPipe | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const MaterialModules: (typeof MatTabsModule)[];
+export declare const EditorComponents: (typeof DefinedCustomEditorBlockComponent | typeof TextEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof CustomWidgetEditorComponent | typeof HtmlRawEditorComponent | typeof MainEditorBlockComponent | typeof AddFilesBtnComponent | typeof CustomWidgetIconComponent | typeof VisualEditorComponent | typeof MainEditorComponent)[];
+export declare const XmlComponents: (typeof FileImageTagViewComponent | typeof AudioPlayerTagViewComponent | typeof XmlTagCustomWidgetComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagTextViewComponent | typeof HtmlRawViewComponent | typeof XmlTagHtmlViewComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent)[];
+export declare const CrocoPipes: (typeof TagToSpanPipe | typeof ToPreviewPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
+export declare const CrocoHtmlDeclarations: (typeof DefinedCustomEditorBlockComponent | typeof TextEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof FileImageTagViewComponent | typeof AudioPlayerTagViewComponent | typeof XmlTagCustomWidgetComponent | typeof CustomWidgetEditorComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagTextViewComponent | typeof HtmlRawViewComponent | typeof XmlTagHtmlViewComponent | typeof DefinedCustomTagViewComponent | typeof XmlTagViewComponent | typeof UploadFilesBtnComponent | typeof HtmlRawEditorComponent | typeof MainEditorBlockComponent | typeof AddFilesBtnComponent | typeof CustomWidgetIconComponent | typeof VisualEditorComponent | typeof MainEditorComponent | typeof TagToSpanPipe | typeof ToPreviewPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
+export declare const MaterialModules: (typeof MatFormFieldModule)[];

package/lib/models/audio-models.d.ts

@@ -0,0 +1,9 @@
+export interface FileAudioTagData {
+    src: string;
+    fileId: string;
+    fileName: string;
+}
+export interface FileAudioTag {
+    tagName: string;
+    data: FileAudioTagData;
+}

package/lib/models/index.d.ts

@@ -1,4 +1,5 @@
 export * from './image-models';
+export * from './audio-models';
 export * from './models';
 export * from './InterfaceBlock';
 export * from './editor-models';

package/lib/tag-services/FileAudioTagService.d.ts

@@ -0,0 +1,12 @@
+import { InterfaceBlock } from "../models/InterfaceBlock";
+import { HtmlBodyTag } from "../models";
+import { CrocoHtmlOptions } from "../options";
+import { IMarkUpTagService } from "../tag-services/IMarkUpTagService";
+export declare class FileAudioTagService implements IMarkUpTagService {
+    tagName: string;
+    shortDescription: string;
+    bodyTagToHtmlStringConverter(bodyTag: HtmlBodyTag): string;
+    extractBlockFromHtmlElement(elem: HTMLElement, options: CrocoHtmlOptions): InterfaceBlock;
+    toBodyTag(data: InterfaceBlock): HtmlBodyTag;
+    getDefaultValue(): HtmlBodyTag;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "croco-html",
-  "version": "4.6.4",
+  "version": "4.7.0",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14",

package/sprites-ids.type.d.ts

@@ -1 +1 @@
-export type SpriteIdsType = 'align-center' | 'align-left' | 'align-right' | 'move-icon' | 'source-code-tab' | 'tag-button-button' | 'tag-button-custom-widget' | 'tag-button-download-file-button' | 'tag-button-external-video' | 'tag-button-file-image' | 'tag-button-html-raw' | 'tag-button-text' | 'viewer-tab' | 'visual-editor-tab';
+export type SpriteIdsType = 'align-center' | 'align-left' | 'align-right' | 'move-icon' | 'source-code-tab' | 'tag-button-audio-player' | 'tag-button-button' | 'tag-button-custom-widget' | 'tag-button-download-file-button' | 'tag-button-external-video' | 'tag-button-file-image' | 'tag-button-html-raw' | 'tag-button-text' | 'viewer-tab' | 'visual-editor-tab';

package/src/assets/sprites/symbol/croco-html-svg-sprite.svg

@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol fill="none" viewBox="0 0 20 20" id="align-center" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.688h10M3.125 11.562h13.75M5 8.438h10M3.125 5.312h13.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="align-left" xmlns="http://www.w3.org/2000/svg"><path d="M3.125 14.688h10m-10-3.126h13.75M3.125 8.438h10m-10-3.126h13.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="currentColor" viewBox="0 0 20 20" id="align-right" xmlns="http://www.w3.org/2000/svg"><path d="M6.875 14.688h10m-13.75-3.126h13.75m-10-3.124h10M3.125 5.312h13.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="move-icon" xmlns="http://www.w3.org/2000/svg"><path d="M14.652 19.098 12 21.75m0 0-2.652-2.652M12 21.75V15m-7.098-.348L2.25 12m0 0 2.652-2.652M2.25 12H9m10.098-2.652L21.75 12m0 0-2.652 2.652M21.75 12H15M9.348 4.902 12 2.25m0 0 2.652 2.652M12 2.25V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol viewBox="0 0 30 24" id="source-code-tab" xmlns="http://www.w3.org/2000/svg"><path d="m13.075 23.976-2.86-.83a.563.563 0 0 1-.384-.698L16.229.407a.563.563 0 0 1 .699-.384l2.86.83c.3.084.468.398.384.698l-6.399 22.04a.562.562 0 0 1-.698.385Zm-5.344-5.26 2.039-2.175a.563.563 0 0 0-.038-.806L5.486 12l4.246-3.736a.559.559 0 0 0 .038-.806L7.73 5.282a.563.563 0 0 0-.796-.023L.179 11.587c-.239.22-.239.6 0 .82l6.755 6.333c.23.215.586.206.797-.024Zm15.337.028 6.755-6.332c.24-.22.24-.6 0-.82l-6.755-6.338a.568.568 0 0 0-.797.023l-2.039 2.175a.563.563 0 0 0 .038.807l4.247 3.74-4.247 3.736a.559.559 0 0 0-.038.806l2.04 2.175c.21.23.567.24.796.028Z"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-button" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="M10 3.75v5.938m3.75-5.451a6.875 6.875 0 1 1-7.5 0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-custom-widget" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="M16.25 15v1.25m-2.5-3.75h2.5m-5 3.75h2.5v-5m-2.5 0v2.5m-6.875-2.5h3.75c.345 0 .625.28.625.625v3.75c0 .345-.28.625-.625.625h-3.75a.625.625 0 0 1-.625-.625v-3.75c0-.345.28-.625.625-.625Zm7.5-7.5h3.75c.345 0 .625.28.625.625v3.75c0 .345-.28.625-.625.625h-3.75a.625.625 0 0 1-.625-.625v-3.75c0-.345.28-.625.625-.625Zm-7.5 0h3.75c.345 0 .625.28.625.625v3.75c0 .345-.28.625-.625.625h-3.75a.625.625 0 0 1-.625-.625v-3.75c0-.345.28-.625.625-.625Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="tag-button-download-file-button" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" clip-rule="evenodd" d="M4.424 9.417c-.924 0-1.674.75-1.674 1.674v8.485c0 .924.75 1.674 1.674 1.674h15.152c.924 0 1.674-.75 1.674-1.674V11.09c0-.925-.75-1.674-1.674-1.674h-3.637a.75.75 0 0 1 0-1.5h3.637a3.174 3.174 0 0 1 3.174 3.174v8.485a3.174 3.174 0 0 1-3.174 3.174H4.424a3.174 3.174 0 0 1-3.174-3.174V11.09a3.174 3.174 0 0 1 3.174-3.174h3.637a.75.75 0 1 1 0 1.5H4.424Z"/><path stroke="currentColor" clip-rule="evenodd" d="M12 1.25a.75.75 0 0 1 .75.75v13.94a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75Z"/><path stroke="currentColor" clip-rule="evenodd" d="M7.833 12.985a.75.75 0 0 1 1.061 0L12 16.09l3.106-3.106a.75.75 0 0 1 1.06 1.06l-3.636 3.637a.75.75 0 0 1-1.06 0l-3.637-3.636a.75.75 0 0 1 0-1.061Z"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-external-video" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="m14.375 8.75 4.375-2.5v7.5l-4.375-2.5m-12.5-6.563h10a2.5 2.5 0 0 1 2.5 2.5v7.5a.624.624 0 0 1-.625.626h-10a2.5 2.5 0 0 1-2.5-2.5v-7.5a.625.625 0 0 1 .625-.625Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-file-image" xmlns="http://www.w3.org/2000/svg"><path d="m2.5 13.125 3.933-3.933a.625.625 0 0 1 .884 0l3.491 3.491a.626.626 0 0 0 .884 0l1.616-1.616a.626.626 0 0 1 .884 0l3.308 3.308M3.125 3.75h13.75c.345 0 .625.28.625.625v11.25c0 .345-.28.625-.625.625H3.125a.625.625 0 0 1-.625-.625V4.375c0-.345.28-.625.625-.625Zm10 4.063a.937.937 0 1 1-1.875 0 .937.937 0 0 1 1.875 0Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-html-raw" xmlns="http://www.w3.org/2000/svg"><path d="M15 6.875 18.75 10 15 13.125M5 6.875 1.25 10 5 13.125m7.5-10-5 13.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-text" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 15.625h5M10 4.375v11.25m-6.25-8.75v-2.5h12.5v2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol viewBox="0 0 32 30" id="viewer-tab" xmlns="http://www.w3.org/2000/svg"><path d="M31.808 14.189C28.797 8.31 22.83 4.333 16.003 4.333 9.175 4.333 3.208 8.311.197 14.19a1.8 1.8 0 0 0 0 1.622c3.011 5.878 8.978 9.856 15.806 9.856 6.827 0 12.794-3.978 15.805-9.856a1.8 1.8 0 0 0 0-1.622ZM16.003 23a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-13.333a5.294 5.294 0 0 0-1.406.21 2.661 2.661 0 0 1-3.717 3.717 5.323 5.323 0 1 0 5.123-3.927Z"/><path fill="none" d="M0 0h32v28.444H0z"/></symbol><symbol viewBox="0 0 32 26" id="visual-editor-tab" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 13.285a.794.794 0 0 0 1.13 0l.565-.565a.794.794 0 0 0 0-1.13l-1.78-1.79 1.785-1.785a.794.794 0 0 0 0-1.13l-.565-.565a.794.794 0 0 0-1.13 0L9.84 9.235a.794.794 0 0 0 0 1.13l2.92 2.915-.01.005Zm4.8-.565.565.565a.794.794 0 0 0 1.13 0l2.915-2.915a.794.794 0 0 0 0-1.13l-2.915-2.915a.794.794 0 0 0-1.13 0l-.565.565a.794.794 0 0 0 0 1.13l1.79 1.78-1.785 1.785a.794.794 0 0 0 0 1.13l-.005.005ZM31.2 21H19.075c-.035.99-.735 1.6-1.635 1.6H14.4c-.935 0-1.65-.875-1.64-1.6H.8c-.44 0-.8.36-.8.8v.8c0 1.76 1.44 3.2 3.2 3.2h25.6c1.76 0 3.2-1.44 3.2-3.2v-.8c0-.44-.36-.8-.8-.8ZM28.8 2.6c0-1.32-1.08-2.4-2.4-2.4H5.6C4.28.2 3.2 1.28 3.2 2.6v16.8h25.6V2.6Zm-3.2 13.6H6.4V3.4h19.2v12.8Z"/><path fill="none" d="M0 0h32v25.6H0z"/></symbol></svg>
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol fill="none" viewBox="0 0 20 20" id="align-center" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.688h10M3.125 11.562h13.75M5 8.438h10M3.125 5.312h13.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="align-left" xmlns="http://www.w3.org/2000/svg"><path d="M3.125 14.688h10m-10-3.126h13.75M3.125 8.438h10m-10-3.126h13.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="currentColor" viewBox="0 0 20 20" id="align-right" xmlns="http://www.w3.org/2000/svg"><path d="M6.875 14.688h10m-13.75-3.126h13.75m-10-3.124h10M3.125 5.312h13.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="move-icon" xmlns="http://www.w3.org/2000/svg"><path d="M14.652 19.098 12 21.75m0 0-2.652-2.652M12 21.75V15m-7.098-.348L2.25 12m0 0 2.652-2.652M2.25 12H9m10.098-2.652L21.75 12m0 0-2.652 2.652M21.75 12H15M9.348 4.902 12 2.25m0 0 2.652 2.652M12 2.25V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol viewBox="0 0 30 24" id="source-code-tab" xmlns="http://www.w3.org/2000/svg"><path d="m13.075 23.976-2.86-.83a.563.563 0 0 1-.384-.698L16.229.407a.563.563 0 0 1 .699-.384l2.86.83c.3.084.468.398.384.698l-6.399 22.04a.562.562 0 0 1-.698.385Zm-5.344-5.26 2.039-2.175a.563.563 0 0 0-.038-.806L5.486 12l4.246-3.736a.559.559 0 0 0 .038-.806L7.73 5.282a.563.563 0 0 0-.796-.023L.179 11.587c-.239.22-.239.6 0 .82l6.755 6.333c.23.215.586.206.797-.024Zm15.337.028 6.755-6.332c.24-.22.24-.6 0-.82l-6.755-6.338a.568.568 0 0 0-.797.023l-2.039 2.175a.563.563 0 0 0 .038.807l4.247 3.74-4.247 3.736a.559.559 0 0 0-.038.806l2.04 2.175c.21.23.567.24.796.028Z"/></symbol><symbol fill="none" viewBox="0 0 40 40" id="tag-button-audio-player" xmlns="http://www.w3.org/2000/svg"><path d="M20 31.25v5m0-5a11.251 11.251 0 0 0 11.181-10m-11.18 10a11.251 11.251 0 0 1-11.182-10M20 3.75A6.25 6.25 0 0 1 26.25 10v10a6.25 6.25 0 0 1-12.5 0V10A6.25 6.25 0 0 1 20 3.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-button" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="M10 3.75v5.938m3.75-5.451a6.875 6.875 0 1 1-7.5 0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-custom-widget" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="M16.25 15v1.25m-2.5-3.75h2.5m-5 3.75h2.5v-5m-2.5 0v2.5m-6.875-2.5h3.75c.345 0 .625.28.625.625v3.75c0 .345-.28.625-.625.625h-3.75a.625.625 0 0 1-.625-.625v-3.75c0-.345.28-.625.625-.625Zm7.5-7.5h3.75c.345 0 .625.28.625.625v3.75c0 .345-.28.625-.625.625h-3.75a.625.625 0 0 1-.625-.625v-3.75c0-.345.28-.625.625-.625Zm-7.5 0h3.75c.345 0 .625.28.625.625v3.75c0 .345-.28.625-.625.625h-3.75a.625.625 0 0 1-.625-.625v-3.75c0-.345.28-.625.625-.625Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 24 24" id="tag-button-download-file-button" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" clip-rule="evenodd" d="M4.424 9.417c-.924 0-1.674.75-1.674 1.674v8.485c0 .924.75 1.674 1.674 1.674h15.152c.924 0 1.674-.75 1.674-1.674V11.09c0-.925-.75-1.674-1.674-1.674h-3.637a.75.75 0 0 1 0-1.5h3.637a3.174 3.174 0 0 1 3.174 3.174v8.485a3.174 3.174 0 0 1-3.174 3.174H4.424a3.174 3.174 0 0 1-3.174-3.174V11.09a3.174 3.174 0 0 1 3.174-3.174h3.637a.75.75 0 1 1 0 1.5H4.424Z"/><path stroke="currentColor" clip-rule="evenodd" d="M12 1.25a.75.75 0 0 1 .75.75v13.94a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75Z"/><path stroke="currentColor" clip-rule="evenodd" d="M7.833 12.985a.75.75 0 0 1 1.061 0L12 16.09l3.106-3.106a.75.75 0 0 1 1.06 1.06l-3.636 3.637a.75.75 0 0 1-1.06 0l-3.637-3.636a.75.75 0 0 1 0-1.061Z"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-external-video" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="m14.375 8.75 4.375-2.5v7.5l-4.375-2.5m-12.5-6.563h10a2.5 2.5 0 0 1 2.5 2.5v7.5a.624.624 0 0 1-.625.626h-10a2.5 2.5 0 0 1-2.5-2.5v-7.5a.625.625 0 0 1 .625-.625Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-file-image" xmlns="http://www.w3.org/2000/svg"><path d="m2.5 13.125 3.933-3.933a.625.625 0 0 1 .884 0l3.491 3.491a.626.626 0 0 0 .884 0l1.616-1.616a.626.626 0 0 1 .884 0l3.308 3.308M3.125 3.75h13.75c.345 0 .625.28.625.625v11.25c0 .345-.28.625-.625.625H3.125a.625.625 0 0 1-.625-.625V4.375c0-.345.28-.625.625-.625Zm10 4.063a.937.937 0 1 1-1.875 0 .937.937 0 0 1 1.875 0Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-html-raw" xmlns="http://www.w3.org/2000/svg"><path d="M15 6.875 18.75 10 15 13.125M5 6.875 1.25 10 5 13.125m7.5-10-5 13.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol fill="none" viewBox="0 0 20 20" id="tag-button-text" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 15.625h5M10 4.375v11.25m-6.25-8.75v-2.5h12.5v2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol viewBox="0 0 32 30" id="viewer-tab" xmlns="http://www.w3.org/2000/svg"><path d="M31.808 14.189C28.797 8.31 22.83 4.333 16.003 4.333 9.175 4.333 3.208 8.311.197 14.19a1.8 1.8 0 0 0 0 1.622c3.011 5.878 8.978 9.856 15.806 9.856 6.827 0 12.794-3.978 15.805-9.856a1.8 1.8 0 0 0 0-1.622ZM16.003 23a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-13.333a5.294 5.294 0 0 0-1.406.21 2.661 2.661 0 0 1-3.717 3.717 5.323 5.323 0 1 0 5.123-3.927Z"/><path fill="none" d="M0 0h32v28.444H0z"/></symbol><symbol viewBox="0 0 32 26" id="visual-editor-tab" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 13.285a.794.794 0 0 0 1.13 0l.565-.565a.794.794 0 0 0 0-1.13l-1.78-1.79 1.785-1.785a.794.794 0 0 0 0-1.13l-.565-.565a.794.794 0 0 0-1.13 0L9.84 9.235a.794.794 0 0 0 0 1.13l2.92 2.915-.01.005Zm4.8-.565.565.565a.794.794 0 0 0 1.13 0l2.915-2.915a.794.794 0 0 0 0-1.13l-2.915-2.915a.794.794 0 0 0-1.13 0l-.565.565a.794.794 0 0 0 0 1.13l1.79 1.78-1.785 1.785a.794.794 0 0 0 0 1.13l-.005.005ZM31.2 21H19.075c-.035.99-.735 1.6-1.635 1.6H14.4c-.935 0-1.65-.875-1.64-1.6H.8c-.44 0-.8.36-.8.8v.8c0 1.76 1.44 3.2 3.2 3.2h25.6c1.76 0 3.2-1.44 3.2-3.2v-.8c0-.44-.36-.8-.8-.8ZM28.8 2.6c0-1.32-1.08-2.4-2.4-2.4H5.6C4.28.2 3.2 1.28 3.2 2.6v16.8h25.6V2.6Zm-3.2 13.6H6.4V3.4h19.2v12.8Z"/><path fill="none" d="M0 0h32v25.6H0z"/></symbol></svg>