croco-html 3.0.2 → 3.0.4

package/lib/components/editor/external-video-editor/embedded-video/code-video.component.d.ts

@@ -0,0 +1,14 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
+import * as i0 from "@angular/core";
+export declare class CodeVideoComponent implements OnChanges {
+    private readonly _sanitizer;
+    code: string;
+    set _useResponsiveWrapper(useResponsiveWrapper: boolean);
+    useResponsiveWrapper: boolean;
+    safeHtml: SafeHtml;
+    constructor(_sanitizer: DomSanitizer);
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeVideoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeVideoComponent, "code-video", never, { "code": { "alias": "code"; "required": false; }; "_useResponsiveWrapper": { "alias": "_useResponsiveWrapper"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/editor/external-video-editor/external-video-editor.component.d.ts

@@ -10,6 +10,7 @@ export declare class ExternalVideoEditorComponent implements OnInit {
     linkText: string;
     ngOnInit(): void;
     linkChanged(): void;
+    onCheck(checked: boolean): void;
     createLinkByIFrame(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExternalVideoEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ExternalVideoEditorComponent, "croco-html-external-video-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;

package/lib/components/editor/html-raw-editor/html-raw-editor.component.d.ts

@@ -1,11 +1,15 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { HtmlBodyTag } from '../../../models/models';
+import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
 import * as i0 from "@angular/core";
-export declare class HtmlRawEditorComponent implements OnInit {
+export declare class HtmlRawEditorComponent implements OnChanges {
+    private readonly _sanitizer;
     tag: HtmlBodyTag;
     onTagUpdated: EventEmitter<HtmlBodyTag>;
-    constructor();
-    ngOnInit(): void;
+    safeHtml: SafeHtml;
+    constructor(_sanitizer: DomSanitizer);
+    ngOnChanges(changes: SimpleChanges): void;
+    onSafeHtmlChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HtmlRawEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HtmlRawEditorComponent, "croco-html-html-raw-editor", never, { "tag": { "alias": "tag"; "required": false; }; }, { "onTagUpdated": "onTagUpdated"; }, never, never, true, never>;
 }

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

@@ -2,6 +2,5 @@ import { TagItem } from '../../../models/models';
 export declare class DefaultTags {
     static textTags: TagItem[];
     static tags: TagItem[];
-    static htmlRawTag: TagItem;
-    static getTags(useHtmlRaw: boolean): TagItem[];
+    static getTags(): TagItem[];
 }

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

@@ -1,10 +1,13 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ExternalVideoSupportedTypes } from '../../../extensions';
 import { ExternalVideoTagDataConsts } from '../../../extensions';
 import { TagItem, HtmlBodyTag } from '../../../models/models';
 import { FilePostingStarted } from '../../upload-files-btn/upload-files-btn.component';
 import { EAlignments } from "./DefaultAligments";
 import { CrocoHtmlOptions } from '../../../options';
+import { HtmlRawTagDataConsts } from "../../../extensions/HtmlRawTagDataConsts";
+import { SpriteIdsType } from "../../../../sprites-ids.type";
 import * as i0 from "@angular/core";
 export declare const defaultLinkYouTube = "https://www.youtube.com/embed/4CtSAnJDfsI?si=scyBNJa0Hs2t5aLE";
 export declare const defaultLinkVk = "https://vk.com/video_ext.php?oid=-22822305&id=456241864&hd=2";
@@ -16,6 +19,7 @@ export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     isLoading: boolean;
     loadingText: string;
     text: string;
+    htmlRaw: string;
     alignment: EAlignments;
     textTag: string;
     textTagOptions: TagItem[];
@@ -32,6 +36,8 @@ export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     selectedValue: string;
     selectedVideoPlayer: string;
     protected readonly ExternalVideoTagDataConsts: typeof ExternalVideoTagDataConsts;
+    protected readonly HtmlRawTagDataConsts: typeof HtmlRawTagDataConsts;
+    protected readonly ExternalVideoSupportedTypes: typeof ExternalVideoSupportedTypes;
     useHtmlRaw: boolean;
     html: string;
     isHtmlSet(): boolean;
@@ -58,6 +64,8 @@ export declare class VisualEditorComponent implements OnInit, AfterViewInit {
     recalculateBodyTags(): void;
     selectTag(data: TagItem): void;
     ngOnInit(): void;
+    setTagButton(type: string): SpriteIdsType;
+    setAlignButton(type: string): SpriteIdsType;
     static ɵfac: i0.ɵɵFactoryDeclaration<VisualEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VisualEditorComponent, "croco-visual-editor", never, { "showMarkUp": { "alias": "showMarkUp"; "required": false; }; "useHtmlRaw": { "alias": "useHtmlRaw"; "required": false; }; "html": { "alias": "html"; "required": false; }; }, { "html": "html"; "onHtmlChanged": "onHtmlChanged"; "rendered": "rendered"; }, never, never, true, never>;
 }

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

@@ -1,13 +1,12 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class HtmlRawViewComponent implements OnInit {
+export declare class HtmlRawViewComponent implements OnChanges {
     private readonly _sanitizer;
     rawHtml: string;
     safeHtml: SafeHtml;
-    isInitialized: boolean;
     constructor(_sanitizer: DomSanitizer);
-    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HtmlRawViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HtmlRawViewComponent, "croco-html-raw-view", never, { "rawHtml": { "alias": "rawHtml"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/extensions/HtmlExtractionMethods.d.ts

@@ -23,12 +23,7 @@ export declare class HtmlExtractionMethods {
             data: import("./TableMethods").TableData;
             validationResult: import("./TableMethods").BaseApiResponse;
             bootstrapHtml: string;
-        }) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./TextMethods").RichTextData) | ((elem: HTMLElement, options: CrocoHtmlOptions) => {
-            type: string;
-            data: {
-                innerHTML: string;
-            };
-        }) | ((elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./VideoMethods").ExternalVideoTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./DownloadButtonMethods").DownloadButtonTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./ButtonMethods").ButtonTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./CustomWidgetMethods").CustomWidgetTag);
+        }) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./TextMethods").RichTextData) | ((elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./VideoMethods").ExternalVideoTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./DownloadButtonMethods").DownloadButtonTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./ButtonMethods").ButtonTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./CustomWidgetMethods").CustomWidgetTag) | ((elem: HTMLElement, options: CrocoHtmlOptions) => import("./HtmlRawTagDataConsts").ExtractHtmlRawTag);
         TEXT: (elem: HTMLElement, options: CrocoHtmlOptions) => import("./TextSimpleMethods").SimpleTextTag;
         "FILE-IMAGE": (elem: HTMLElement, options: CrocoHtmlOptions) => import("./ImageMethods").FileImageTag;
         TABLE: (elem: HTMLElement, options: CrocoHtmlOptions) => {
@@ -52,12 +47,6 @@ export declare class HtmlExtractionMethods {
             bootstrapHtml: string;
         };
         "RICH-TEXT": (elem: HTMLElement, options: CrocoHtmlOptions) => import("./TextMethods").RichTextData;
-        "HTML-RAW": (elem: HTMLElement, options: CrocoHtmlOptions) => {
-            type: string;
-            data: {
-                innerHTML: string;
-            };
-        };
         H1: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
         H2: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;
         H3: (elem: HTMLElement, options: CrocoHtmlOptions) => GenericTextTag;

package/lib/extensions/HtmlRawTagDataConsts.d.ts

@@ -1,6 +1,13 @@
 export declare class HtmlRawTagDataConsts {
     static TagName: string;
-    static ScreenWidth: string;
-    static MaxImageHeight: string;
-    static MediaRequest: string;
+}
+export interface ExtractHtmlRawTag {
+    type: string;
+    data: ExtractHtmlRawTagData;
+}
+export interface ExtractHtmlRawTagData {
+    innerHTML: string;
+}
+export declare class ExtractHtmlRawTagMethods {
+    static ExtractHtmlRawTag(elem: HTMLElement): ExtractHtmlRawTag;
 }

package/lib/extensions/VideoMethods.d.ts

@@ -2,10 +2,13 @@ export declare class ExternalVideoTagDataConsts {
     static TagName: string;
     static VideoTypeAttrName: string;
     static LinkAttrName: string;
+    static UseResponsiveWrapperAttrName: string;
+    static IframeAttrName: string;
 }
 export declare class ExternalVideoSupportedTypes {
     static Youtube: string;
     static VkVideo: string;
+    static Code: string;
 }
 export declare const ExternalVideoPlayers: {
     type: string;
@@ -18,6 +21,8 @@ export interface ExternalVideoTag {
 export interface ExternalVideoTagData {
     type: string;
     link: string;
+    innerHtml: string;
+    useResponsiveWrapper: boolean;
 }
 export declare class VideoMethods {
     static ExtractExternalVideoTag(elem: HTMLElement): ExternalVideoTag;

package/lib/index.d.ts

@@ -1,12 +1,14 @@
 import { ImageEditorComponent } from "./components";
 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 { XmlTagRichTextViewComponent } from "./components";
 import { XmlTagTableViewComponent } from "./components";
 import { XmlTagViewComponent } from "./components";
+import { CustomWidgetEditorComponent } from "./components";
 import { VisualEditorComponent } from './components';
 import { AddFilesBtnComponent } from './components';
 import { XmlTagExternalVideoComponent } from "./components";
@@ -16,8 +18,8 @@ import { RichTextToHtmlPipe, TagToSpanPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPip
 import { FileImageTagViewComponent, UploadFilesBtnComponent } from "./components";
 import { HtmlRawViewComponent } from "./components";
 import { XmlTagCustomWidgetComponent } from "./components";
-export declare const EditorComponents: (typeof AddFilesBtnComponent | typeof HtmlRawEditorComponent | typeof FileIdSelectComponent | typeof ImageEditorComponent | typeof MainEditorBlockComponent | typeof VisualEditorComponent | typeof MainEditorComponent)[];
+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 MainEditorBlockComponent | typeof VisualEditorComponent | typeof ToPreviewPipe | typeof MainEditorComponent | 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)[];

package/package.json

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

package/sprites-ids.type.d.ts

@@ -1 +1 @@
-export type SpriteIdsType = 'source-code-tab' | 'viewer-tab' | 'visual-editor-tab';
+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';

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 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 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 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>