croco-html 3.1.0 → 3.3.0

package/lib/components/add-files-btn/add-files-btn.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { HtmlBodyTag } from '../../models/models';
 import { FilePostingStarted, UploadFilesBtnComponent } from '../upload-files-btn/upload-files-btn.component';
 import { PublicFilesUploadResponse } from '../../services/PublicFileUploadService';
+import { PrivateFilesCreatedResult } from "../../services/PrivateFileUploadService";
 import * as i0 from "@angular/core";
 export declare class AddFilesBtnComponent implements OnInit {
     postFilesStarted: EventEmitter<FilePostingStarted>;
@@ -10,7 +11,9 @@ export declare class AddFilesBtnComponent implements OnInit {
     constructor();
     filesTagsReady: EventEmitter<HtmlBodyTag[]>;
     postFilesStartedEventHandler(data: FilePostingStarted): void;
-    publicFilesUploadedHandler(data: PublicFilesUploadResponse): void;
+    filesUploadedPublicHandler(data: PublicFilesUploadResponse): void;
+    filesUploadedPrivateHandler(data: PrivateFilesCreatedResult): void;
+    private buildFileTags;
     handleClick(): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddFilesBtnComponent, never>;

package/lib/components/editor/html-editor-settings-modal/html-editor-settings-modal.component.d.ts

@@ -0,0 +1,17 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from "@angular/forms";
+import { MatDialogRef } from "@angular/material/dialog";
+import { CrocoHtmlFileOptionsService } from "../../../services/croco-html-file-options.service";
+import * as i0 from "@angular/core";
+export declare class HtmlEditorSettingsModalComponent implements OnInit {
+    private readonly fb;
+    readonly dialogRef: MatDialogRef<HtmlEditorSettingsModalComponent>;
+    private readonly _htmlSettingsService;
+    form: FormGroup;
+    constructor(fb: FormBuilder, dialogRef: MatDialogRef<HtmlEditorSettingsModalComponent>, _htmlSettingsService: CrocoHtmlFileOptionsService);
+    ngOnInit(): void;
+    cancel(): void;
+    setSettings(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HtmlEditorSettingsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HtmlEditorSettingsModalComponent, "croco-html-html-editor-settings-modal", never, {}, {}, never, never, true, never>;
+}

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

@@ -17,12 +17,12 @@ export declare class ImageEditorComponent implements OnInit, OnDestroy {
     tag: HtmlBodyTag;
     onErrorHandler(): void;
     onTagUpdated: EventEmitter<HtmlBodyTag>;
-    get fileId(): unknown;
-    set fileId(value: unknown);
+    get fileId(): string;
+    set fileId(value: string);
     constructor(_options: CrocoHtmlOptions, screenWidthService: ScreenWidthService);
     getSrc(): string;
     hasFileId(): boolean;
-    onFileIdChanged(fileId: number): void;
+    onFileIdChanged(fileId: string): void;
     removeImageError(): void;
     ngOnInit(): void;
     requestChanged(): void;

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

@@ -2,18 +2,24 @@ import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, EventEmitter, On
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ClipboardService } from 'ngx-clipboard';
 import { VisualEditorComponent } from '../visual-editor/visual-editor.component';
+import { MatDialog } from "@angular/material/dialog";
+import { CrocoHtmlOptions } from "../../../options";
+import { CrocoHtmlFileOptionsService } from "../../../services/croco-html-file-options.service";
 import * as i0 from "@angular/core";
 export declare class MainEditorComponent implements OnInit, AfterContentChecked, AfterViewInit {
     private readonly _clipboardService;
     private readonly _snackBar;
     private readonly _cdref;
+    private readonly _dialog;
+    private readonly _htmlSettingsService;
     visualEditorRendered: boolean;
     visualEditor: VisualEditorComponent;
     showMarkUp: boolean;
     useHtmlRaw: boolean;
     html: string;
     onHtmlChanged: EventEmitter<string>;
-    constructor(_clipboardService: ClipboardService, _snackBar: MatSnackBar, _cdref: ChangeDetectorRef);
+    showSettingsButton: boolean;
+    constructor(_clipboardService: ClipboardService, _snackBar: MatSnackBar, _cdref: ChangeDetectorRef, _dialog: MatDialog, _htmlSettingsService: CrocoHtmlFileOptionsService, options: CrocoHtmlOptions);
     ngAfterViewInit(): void;
     ngAfterContentChecked(): void;
     visualEditorRenderedHandler(): void;
@@ -22,6 +28,7 @@ export declare class MainEditorComponent implements OnInit, AfterContentChecked,
     recalculateBodyTags(): void;
     copyMarkUp(): void;
     ngOnInit(): void;
+    openSettingsModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MainEditorComponent, "croco-html-main-editor", never, { "showMarkUp": { "alias": "showMarkUp"; "required": false; }; "useHtmlRaw": { "alias": "useHtmlRaw"; "required": false; }; "html": { "alias": "html"; "required": false; }; }, { "html": "html"; "onHtmlChanged": "onHtmlChanged"; }, never, never, true, never>;
 }

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

@@ -1,23 +1,31 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { PublicFilesQueryService } from '../../services/PublicFilesQueryService';
-import { CrocoHtmlOptions } from '../../options';
-import { FileSimpleModel } from 'croco-generic-app-logic';
+import { CrocoHtmlEditorFileOptions, CrocoHtmlOptions } from '../../options';
+import { PrivateFilesQueryService } from "../../services/PrivateFilesQueryService";
+import { CrocoHtmlFileOptionsService } from "../../services/croco-html-file-options.service";
 import * as i0 from "@angular/core";
 export interface SearchQuestionsFormData {
     q: string;
 }
+export interface FileUnifiedModel {
+    fileId: string;
+    fileName: string;
+}
 export declare class FileIdSelectComponent implements OnInit, OnChanges {
     private readonly _publicFileService;
+    private readonly _privateFileService;
+    private _htmlSettingsService;
     private readonly _options;
     q: string;
     labelText: string;
-    fileId: number;
+    fileId: string;
     loading: boolean;
-    files: FileSimpleModel[];
-    onFileIdChanged: EventEmitter<number>;
-    constructor(_publicFileService: PublicFilesQueryService, _options: CrocoHtmlOptions);
-    onModelChanged(fileId: number): void;
-    getSrc(fileId: number): string;
+    files: FileUnifiedModel[];
+    onFileIdChanged: EventEmitter<string>;
+    get crocoHtmlEditorFileOptions(): CrocoHtmlEditorFileOptions;
+    constructor(_publicFileService: PublicFilesQueryService, _privateFileService: PrivateFilesQueryService, _htmlSettingsService: CrocoHtmlFileOptionsService, _options: CrocoHtmlOptions);
+    onModelChanged(fileId: string): void;
+    getSrc(fileId: string): string;
     ngOnInit(): void;
     loadFiles(): void;
     onSearchChanged(q: {

package/lib/components/upload-files-btn/upload-files-btn.component.d.ts

@@ -1,11 +1,15 @@
 import { EventEmitter } from '@angular/core';
 import { PublicFilesUploadResponse, PublicFileUploadService } from '../../services/PublicFileUploadService';
+import { PrivateFilesCreatedResult, PrivateFileUploadService } from "../../services/PrivateFileUploadService";
+import { CrocoHtmlFileOptionsService } from "../../services/croco-html-file-options.service";
 import * as i0 from "@angular/core";
 export interface FilePostingStarted {
     filesCount: number;
 }
 export declare class UploadFilesBtnComponent {
-    private _fileUploadService;
+    private _publicFileUploadService;
+    private _privateFileUploadService;
+    private _htmlSettingsService;
     private fileInput;
     extAccepts: string;
     isMultiple: boolean;
@@ -13,9 +17,10 @@ export declare class UploadFilesBtnComponent {
     hidden: boolean;
     postFilesStarted: EventEmitter<FilePostingStarted>;
     onPublicFilesUploaded: EventEmitter<PublicFilesUploadResponse>;
-    constructor(_fileUploadService: PublicFileUploadService);
+    onPrivateFilesUploaded: EventEmitter<PrivateFilesCreatedResult>;
+    constructor(_publicFileUploadService: PublicFileUploadService, _privateFileUploadService: PrivateFileUploadService, _htmlSettingsService: CrocoHtmlFileOptionsService);
     handleFileInput(files: FileList): void;
     clickFileInput(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadFilesBtnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadFilesBtnComponent, "croco-app-upload-files-btn", never, { "extAccepts": { "alias": "extAccepts"; "required": false; }; "isMultiple": { "alias": "isMultiple"; "required": false; }; "btnText": { "alias": "btnText"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; }, { "postFilesStarted": "postFilesStarted"; "onPublicFilesUploaded": "onPublicFilesUploaded"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadFilesBtnComponent, "croco-app-upload-files-btn", never, { "extAccepts": { "alias": "extAccepts"; "required": false; }; "isMultiple": { "alias": "isMultiple"; "required": false; }; "btnText": { "alias": "btnText"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; }, { "postFilesStarted": "postFilesStarted"; "onPublicFilesUploaded": "onPublicFilesUploaded"; "onPrivateFilesUploaded": "onPrivateFilesUploaded"; }, never, never, true, never>;
 }

package/lib/extensions/ImageMethods.d.ts

@@ -11,9 +11,10 @@ export declare class FileImageTagDataConsts {
     static DefaultValueForFileImage: string;
 }
 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 buildUrl(fileId: string, sizeType: string, options: CrocoHtmlOptions): string;
+    static buildSmallUrl(fileId: string, options: CrocoHtmlOptions): string;
+    static buildMediumUrl(fileId: string, options: CrocoHtmlOptions): string;
+    static isPrivateFileId(fileId: string): boolean;
     static ExtractImage(elem: HTMLElement, options: CrocoHtmlOptions): FileImageTag;
     static mediaRequestStringToArrayParser: (data: string) => IMediaRequest[];
     static createMediaRequestValue(arr: string[], attribute: string): number | null;

package/lib/index.d.ts

@@ -4,7 +4,6 @@ import { MainEditorComponent } from "./components";
 import { TextEditorComponent } from "./components";
 import { FileIdSelectComponent } from "./components";
 import { XmlTagHeaderInnerTextViewComponent } from "./components";
-import { XmlTagHtmlViewComponent } from "./components";
 import { XmlTagRichTextViewComponent } from "./components";
 import { XmlTagTableViewComponent } from "./components";
 import { XmlTagViewComponent } from "./components";
@@ -13,13 +12,14 @@ import { VisualEditorComponent } from './components';
 import { AddFilesBtnComponent } from './components';
 import { XmlTagExternalVideoComponent } from "./components";
 import { HtmlRawEditorComponent } from "./components";
-import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatTabsModule } from '@angular/material/tabs';
 import { RichTextToHtmlPipe, TagToSpanPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe } from "./pipes";
 import { FileImageTagViewComponent, UploadFilesBtnComponent } from "./components";
 import { HtmlRawViewComponent } from "./components";
+import { HtmlViewComponent } from "./components";
 import { XmlTagCustomWidgetComponent } from "./components";
-export declare const EditorComponents: (typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof MainEditorComponent)[];
-export declare const XmlComponents: (typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | 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 XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagHtmlViewComponent | typeof RichTextToHtmlPipe | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof FileImageTagViewComponent | typeof HtmlRawViewComponent | typeof XmlTagCustomWidgetComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof ToPreviewPipe | typeof MainEditorComponent | typeof TagToSpanPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewHtmlPipe)[];
-export declare const MaterialModules: (typeof MatFormFieldModule)[];
+export declare const EditorComponents: (typeof VisualEditorComponent | typeof MainEditorComponent | typeof AddFilesBtnComponent | typeof MainEditorBlockComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof HtmlRawEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent)[];
+export declare const XmlComponents: (typeof HtmlViewComponent | typeof XmlTagCustomWidgetComponent | typeof FileImageTagViewComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof HtmlRawViewComponent | typeof XmlTagViewComponent)[];
+export declare const CrocoPipes: (typeof ToPreviewHtmlPipe | typeof ToHtmlBodyTagsPipe | typeof ToPreviewPipe | typeof RichTextToHtmlPipe | typeof TagToSpanPipe)[];
+export declare const CrocoHtmlDeclarations: (typeof ToPreviewHtmlPipe | typeof ToHtmlBodyTagsPipe | typeof VisualEditorComponent | typeof HtmlViewComponent | typeof MainEditorComponent | typeof ToPreviewPipe | typeof AddFilesBtnComponent | typeof MainEditorBlockComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof XmlTagCustomWidgetComponent | typeof FileImageTagViewComponent | typeof UploadFilesBtnComponent | typeof XmlTagExternalVideoComponent | typeof XmlTagHeaderInnerTextViewComponent | typeof RichTextToHtmlPipe | typeof XmlTagRichTextViewComponent | typeof XmlTagTableViewComponent | typeof HtmlRawViewComponent | typeof XmlTagViewComponent | typeof HtmlRawEditorComponent | typeof TextEditorComponent | typeof CustomWidgetEditorComponent | typeof TagToSpanPipe)[];
+export declare const MaterialModules: (typeof MatTabsModule)[];

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

@@ -8,7 +8,7 @@ export interface FileImageTag {
 }
 export interface FileImageTagData {
     src: string;
-    fileId: number;
+    fileId: string;
     screenMediaRequest: string;
 }
 export interface IMediaRequest {

package/lib/options/index.d.ts

@@ -21,6 +21,10 @@ export interface CrocoHtmlOptions {
      * Использовать кнопку для отрисовки кастомных виджетов
      */
     useCustomWidgetsButton: boolean;
+    /**
+     * Показывать кнопку для запуска настроек
+     */
+    showSettingsButton: boolean;
     /**
      * Обработчик нажатия на кнопку кастомных виджетов
      * @returns

package/lib/services/PrivateFileUploadService.d.ts

@@ -0,0 +1,26 @@
+import { HttpClient, HttpEvent } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface UploadPrivateFilesWithProgressEvent {
+    loading: boolean;
+    response?: PrivateFilesCreatedResult;
+    uploadingLoaded: number;
+    uploadingTotal: number;
+}
+export interface PrivateFilesCreatedResult {
+    succeeded: boolean;
+    errorMessage: string;
+    setId: string;
+    fileIds: Array<string>;
+}
+export declare class PrivateFileUploadService {
+    private readonly _httpClient;
+    private readonly baseUrl;
+    constructor(_httpClient: HttpClient, baseUrl: string);
+    postFiles(files: FileList, applicationId: string | null): Observable<PrivateFilesCreatedResult>;
+    postFilesInner(formData: FormData, applicationId: string | null, withProgress: true): Observable<HttpEvent<PrivateFilesCreatedResult>>;
+    postFilesInner(formData: FormData, applicationId: string | null, withProgress?: false): Observable<PrivateFilesCreatedResult>;
+    postFilesInner(formData: FormData, applicationId: string | null, withProgress: boolean): Observable<PrivateFilesCreatedResult> | Observable<HttpEvent<PrivateFilesCreatedResult>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrivateFileUploadService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrivateFileUploadService>;
+}

package/lib/services/PrivateFilesQueryService.d.ts

@@ -0,0 +1,21 @@
+import { HttpClient } from "@angular/common/http";
+import { Observable } from "rxjs";
+import { GetListResult, FileType, SearchFilesRequest } from "./PublicFilesQueryService";
+import * as i0 from "@angular/core";
+export interface PrivateFileNameModel {
+    id: string;
+    setId: string;
+    fileName: string;
+    type: FileType;
+    downloadUrl: string;
+    createdOn: string;
+    applicationId: string;
+}
+export declare class PrivateFilesQueryService {
+    private readonly _httpClient;
+    private readonly _baseControllerUrl;
+    constructor(_httpClient: HttpClient, baseUrl: string);
+    search(model: SearchFilesRequest): Observable<GetListResult<PrivateFileNameModel>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrivateFilesQueryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrivateFilesQueryService>;
+}

package/lib/services/croco-html-file-options.service.d.ts

@@ -0,0 +1,10 @@
+import { CrocoHtmlEditorFileOptions } from "../options";
+import * as i0 from "@angular/core";
+export declare class CrocoHtmlFileOptionsService {
+    private readonly localStorageToken;
+    private readonly defaultOptions;
+    set(data: CrocoHtmlEditorFileOptions): void;
+    get(): CrocoHtmlEditorFileOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CrocoHtmlFileOptionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CrocoHtmlFileOptionsService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "croco-html",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "peerDependencies": {
     "@angular/common": "^18.2.13",
     "@angular/core": "^18.2.13",

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 32 32" id="gear" xmlns="http://www.w3.org/2000/svg"><path d="M16 22a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.359 5.52 13 3.75a1 1 0 0 0-.897-.155c-.73.229-1.44.522-2.118.876a1 1 0 0 0-.526.746l-.417 2.919a10.704 10.704 0 0 0-.906.906l-2.919.418a1 1 0 0 0-.744.524 12.915 12.915 0 0 0-.878 2.117 1 1 0 0 0 .155.9l1.77 2.358a10.734 10.734 0 0 0 0 1.282L3.75 19a1 1 0 0 0-.155.897c.229.73.522 1.44.876 2.118a1.002 1.002 0 0 0 .746.526l2.919.417a10.636 10.636 0 0 0 .906.906l.418 2.919a1 1 0 0 0 .524.744 12.91 12.91 0 0 0 2.117.878 1 1 0 0 0 .9-.155l2.358-1.77a10.631 10.631 0 0 0 1.282 0L19 28.25a.998.998 0 0 0 .897.155 12.9 12.9 0 0 0 2.118-.876 1 1 0 0 0 .526-.746l.417-2.919a10.812 10.812 0 0 0 .906-.906l2.919-.418a.998.998 0 0 0 .744-.524c.355-.678.649-1.387.878-2.117a1 1 0 0 0-.155-.9l-1.77-2.358a10.972 10.972 0 0 0 0-1.282L28.25 13a1 1 0 0 0 .155-.897c-.229-.73-.522-1.44-.876-2.118a1 1 0 0 0-.746-.526l-2.919-.417a10.584 10.584 0 0 0-.906-.906l-.418-2.919a1 1 0 0 0-.524-.744 12.92 12.92 0 0 0-2.117-.878 1 1 0 0 0-.9.155l-2.358 1.77a10.7 10.7 0 0 0-1.282 0Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></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>