@worktile/theia 1.2.18 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/theia",
-  "version": "1.2.18",
+  "version": "2.0.1",
   "description": "theia editor",
   "author": "YanDong <nanianqiumo@foxmail.com>",
   "homepage": "https://github.com/atinc/theia#readme",

package/plugins/code/code.component.d.ts

@@ -2,10 +2,9 @@ import { ElementRef, ChangeDetectorRef, OnInit, AfterViewInit, NgZone } from '@a
 import { ThyNotifyService } from 'ngx-tethys/notify';
 import { Editor } from 'slate';
 import { CodeMirrorComponent } from 'ng-codemirror';
-import { DropdownMode, TheCodeConfig, ToolbarItemMode } from '../../constants';
+import { DropdownMode, TheCodeMode } from '../../constants';
 import { DefaultToolbarItem, TheBaseElementComponent } from '../../interfaces';
 import { CodeElement } from '../../custom-types';
-import { ThyResizeEvent } from 'ngx-tethys/resizable';
 import * as i0 from "@angular/core";
 export declare class TheCodeComponent extends TheBaseElementComponent<CodeElement, Editor> implements OnInit, AfterViewInit {
     elementRef: ElementRef;
@@ -15,16 +14,12 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     private config;
     startRenderCodemirror: boolean;
     dropdownMode: typeof DropdownMode;
-    codeMirrorFocused: boolean;
     maxHeight: number;
+    codeMirrorFocused: boolean;
     menus: {
         key: string;
         name: string;
     }[];
-    ToolbarItemMode: typeof ToolbarItemMode;
-    isAutoWrap: boolean;
-    isResizing: boolean;
-    resizeHeight: number;
     options: {
         mode: string;
         lineNumbers: boolean;
@@ -37,26 +32,19 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     actives: DefaultToolbarItem;
     get code(): string;
     codemirror: CodeMirrorComponent;
-    handleCodeMousedown(event: MouseEvent): void;
     onContextChange(): void;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, ngZone: NgZone, config: TheCodeConfig);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, ngZone: NgZone, config: TheCodeMode);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    focusChange(codeMirrorFocused: boolean): void;
     renderCodemirror(): void;
     initializeCodemirrorFocus(): void;
     codeChange($event: any): void;
+    focusChange(codeMirrorFocused: boolean): void;
     onDelete(event: MouseEvent): void;
     onCopy(event: MouseEvent): void;
     onChangeLangulage: (item: any) => void;
     useMode(): void;
-    useAutoWrap(): void;
-    useHeight(): void;
     useReadonly(): void;
-    onResize({ height }: ThyResizeEvent): void;
-    onStartResize(): void;
-    onEndResize(): void;
-    onChangeWrap(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheCodeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TheCodeComponent, "div[theCode]", never, {}, {}, never, never>;
 }

package/plugins/code/code.component.scss

@@ -1,22 +1,18 @@
 @import '~ng-codemirror/index.scss';
 
 .the-code-container {
-    .resize-code-container{
-        display: block;
-        font-size: 14px;
-        position: relative;
+    display: block;
+    font-size: 14px;
+    position: relative;
+
+    .CodeMirror {
+        height: auto;
         counter-reset: codeblock-lm;
         border: 1px solid $gray-300;
         border-radius: 2px;
         color: $gray-600;
         background: rgba(243, 243, 243, 0.8);
-    }
-    .CodeMirror {
-        height: 100% !important;
         z-index: 0;
-        color: $gray-600;
-        background: transparent;
-        border: none;
 
         .CodeMirror-gutters {
             border-right: none;
@@ -34,34 +30,7 @@
     }
     .ng-codemirror-wrapper {
         display: block;
-        overflow: scroll;
-        position: relative;
-        height: 100%;
-    }
-
-    .code-resize-icon.thy-resizable-handle-bottom{
-        cursor: row-resize;
-        height: 8px;
-        width: 45px;
-        left: 50%;
-        transform: translateX(-50%);
-        background: $gray-300;
-        bottom: -5px;
-        border-radius: 5px;
-        position: absolute;
-        &::before, &:after{
-            content: '';
-            position: absolute;
-            width: 34px;
-            height: 1px;
-            background: $white;
-            left: 50%;
-            transform: translateX(-50%);
-            top: 2px;
-        }
-        &:after{
-            top: 5px;
-        }
+        overflow: hidden;
     }
 
     @include the-toolbar-active();
@@ -70,13 +39,5 @@
         padding: 0;
         width: 100px;
     }
-
-    .auto-wrap{
-        padding-left: 8px;
-        .auto-wrap-btn{
-            margin-left: 5px;
-            transform: scale(0.8);
-        }
-    }
 }
 

package/plugins/code/code.editor.d.ts

@@ -1,8 +1,7 @@
 import { Editor } from 'slate';
 import { CodeElement } from '../../custom-types';
 export declare const CodeEditor: {
-    setCodeAttribute(editor: Editor, element: CodeElement, value: {
-        [key: string]: unknown;
-    }): void;
+    setLanguage(editor: Editor, language: string, element: CodeElement): void;
+    setCodeContent(editor: Editor, content: string, element: CodeElement): void;
     insertCode(editor: Editor): void;
 };

package/queries/get-selection-marks.d.ts

@@ -8,5 +8,4 @@ export declare const getSelectionMarks: (editor: Editor) => {
     color?: any;
     "background-color"?: any;
     "code-line"?: any;
-    "font-size"?: any;
 };

package/styles/editor.scss

@@ -126,12 +126,6 @@ $thy-icon-nav-link-margin-right: 5px;
         text-indent: 0;
         color: $gray-700;
     }
-
-    @each $size in 12, 13, 14, 15, 16, 19, 22, 24, 29, 32, 40, 48 {
-        [the-font-size="#{$size}"] {
-            font-size: #{$size}px;
-        }
-    }
 }
 
 .the-nav-split-line {

package/styles/index.scss

@@ -18,4 +18,3 @@
 @import '../plugins/quick-insert/components/quick-insert.component.scss';
 @import '../plugins/quick-insert/components/quick-toolbar/quick-toolbar.component.scss';
 @import '../plugins/placeholder/placeholder.component.scss';
-@import '../plugins/font-size/toolbar-item.component.scss';

package/transforms/set-marks.d.ts

@@ -8,5 +8,4 @@ export declare const setMarks: (editor: Editor, marks: {
     color?: any;
     "background-color"?: any;
     "code-line"?: any;
-    "font-size"?: any;
 }, at?: Path | Point | Range) => void;

package/esm2015/plugins/font-size/options.js

@@ -1,11 +0,0 @@
-import { MarkTypes } from '../../constants/node-types';
-import { TheFontSizeToolbarItemComponent } from './toolbar-item.component';
-export const FontSizes = [12, 13, 14, 15, 16, 19, 22, 24, 29, 32, 40, 48];
-export const FontSizeOptions = [
-    {
-        key: MarkTypes.fontSize,
-        name: '字号',
-        iconComponent: TheFontSizeToolbarItemComponent
-    }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3NyYy9wbHVnaW5zL2ZvbnQtc2l6ZS9vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUzRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0FBRTFFLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBa0I7SUFDMUM7UUFDSSxHQUFHLEVBQUUsU0FBUyxDQUFDLFFBQVE7UUFDdkIsSUFBSSxFQUFFLElBQUk7UUFDVixhQUFhLEVBQUUsK0JBQStCO0tBQ2pEO0NBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1hcmtUeXBlcyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9ub2RlLXR5cGVzJztcbmltcG9ydCB7IFRvb2xiYXJJdGVtIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy90b29sYmFyJztcbmltcG9ydCB7IFRoZUZvbnRTaXplVG9vbGJhckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3Rvb2xiYXItaXRlbS5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgRm9udFNpemVzID0gWzEyLCAxMywgMTQsIDE1LCAxNiwgMTksIDIyLCAyNCwgMjksIDMyLCA0MCwgNDhdO1xuXG5leHBvcnQgY29uc3QgRm9udFNpemVPcHRpb25zOiBUb29sYmFySXRlbVtdID0gW1xuICAgIHtcbiAgICAgICAga2V5OiBNYXJrVHlwZXMuZm9udFNpemUsXG4gICAgICAgIG5hbWU6ICflrZflj7cnLFxuICAgICAgICBpY29uQ29tcG9uZW50OiBUaGVGb250U2l6ZVRvb2xiYXJJdGVtQ29tcG9uZW50XG4gICAgfVxuXTtcbiJdfQ==

package/esm2015/plugins/font-size/toolbar-item.component.js

@@ -1,129 +0,0 @@
-import { Component, HostBinding, HostListener, Input, ViewChild } from '@angular/core';
-import { Editor } from 'slate';
-import { TheToolbarBaseItemComponent } from '../../components/toolbar-base-item/toolbar-base-item.component';
-import { FontSizes } from './options';
-import * as TheQueries from '../../queries';
-import { HEADING_TYPES, MarkTypes } from '../../constants/node-types';
-import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/popover";
-import * as i2 from "@angular/cdk/overlay";
-import * as i3 from "ngx-tethys/nav";
-import * as i4 from "ngx-tethys/icon";
-import * as i5 from "ngx-tethys/action-menu";
-import * as i6 from "ngx-tethys/tooltip";
-import * as i7 from "@angular/common";
-export class TheFontSizeToolbarItemComponent extends TheToolbarBaseItemComponent {
-    constructor(elementRef, thyPopover, viewContainerRef, overlay) {
-        super();
-        this.elementRef = elementRef;
-        this.thyPopover = thyPopover;
-        this.viewContainerRef = viewContainerRef;
-        this.overlay = overlay;
-        this.fontSizes = FontSizes;
-        this.disabled = false;
-        this.disableGroup = HEADING_TYPES;
-        this.toolbarItemContainer = true;
-        this.fontSizeToolbarItem = true;
-    }
-    get isOpen() {
-        return this.dropdownPopoverRef && this.dropdownPopoverRef.getOverlayRef() && this.dropdownPopoverRef.getOverlayRef().hasAttached();
-    }
-    get disableClass() {
-        return this.disabled;
-    }
-    toggleDropdown(event) {
-        var _a;
-        super.execute(event);
-        if (((_a = this.editor) === null || _a === void 0 ? void 0 : _a.disabled) || this.disabled) {
-            return;
-        }
-        this.openDropdownPopover();
-    }
-    handleDocumentMouseDown(event) {
-        if (!this.elementRef.nativeElement.contains(event.target)) {
-            this.closeDropdownPopover();
-        }
-    }
-    ngOnInit() {
-        this.activeSize = this.fontSizes[2];
-    }
-    statusChange(editor) {
-        if (editor.selection) {
-            const anchorBlock = TheQueries.anchorBlock(editor);
-            if (anchorBlock && this.disableGroup.includes(anchorBlock.type)) {
-                this.activeSize = null;
-                this.disabled = true;
-                return;
-            }
-            const marks = TheQueries.getSelectionMarks(editor);
-            const fontSizeMark = marks[MarkTypes.fontSize];
-            this.activeSize = fontSizeMark ? fontSizeMark : this.fontSizes[2];
-            this.disabled = false;
-        }
-    }
-    itemMousedown(event, size) {
-        var _a, _b;
-        super.execute(event);
-        this.closeDropdownPopover();
-        if (((_a = this.editor) === null || _a === void 0 ? void 0 : _a.disabled) || ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.readOnly)) {
-            return;
-        }
-        const anchorBlock = TheQueries.anchorBlock(this.editor);
-        if (anchorBlock && this.disableGroup.includes(anchorBlock.type)) {
-            return;
-        }
-        Editor.addMark(this.editor, MarkTypes.fontSize, size);
-    }
-    openDropdownPopover() {
-        var _a;
-        this.dropdownPopoverRef = this.thyPopover.open(this.dropdownTemplate, {
-            origin: this.elementRef,
-            panelClass: ['the-toolbar-dropdown-popover', (_a = this.item) === null || _a === void 0 ? void 0 : _a.key],
-            placement: 'bottomLeft',
-            insideClosable: false,
-            backdropClosable: true,
-            hasBackdrop: false,
-            offset: 10,
-            viewContainerRef: this.viewContainerRef,
-            scrollStrategy: this.overlay.scrollStrategies.reposition()
-        });
-    }
-    closeDropdownPopover() {
-        var _a;
-        if (this.dropdownPopoverRef) {
-            (_a = this.dropdownPopoverRef) === null || _a === void 0 ? void 0 : _a.close();
-        }
-    }
-}
-TheFontSizeToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: TheFontSizeToolbarItemComponent, deps: [{ token: i0.ElementRef }, { token: i1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-TheFontSizeToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: TheFontSizeToolbarItemComponent, selector: "the-font-size-toolbar-item", inputs: { editor: "editor", item: "item" }, host: { listeners: { "mousedown": "toggleDropdown($event)", "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class.the-toolbar-dropdown-container": "this.toolbarItemContainer", "class.the-font-size-toolbar-item": "this.fontSizeToolbarItem", "class.disabled": "this.disableClass" } }, viewQueries: [{ propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a thyIconNavLink class=\"text-mode\" [thyTooltip]=\"item?.name\" thyTooltipPlacement=\"top\">\n    <span *ngIf=\"activeSize\" class=\"show-text\">{{ activeSize }}px</span>\n    <thy-icon class=\"text-caret-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n    <thy-action-menu class=\"dropdown\">\n        <ng-container *ngFor=\"let size of fontSizes\">\n            <a\n                thyActionMenuItem\n                href=\"javascript:;\"\n                [thyActionMenuItemActive]=\"size === activeSize\"\n                (mousedown)=\"itemMousedown($event, size)\"\n            >\n                <span thyActionMenuItemName>{{ size }}px</span>\n            </a>\n        </ng-container>\n    </thy-action-menu>\n</ng-template>\n", components: [{ type: i3.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: i4.ThyIconComponent, selector: "thy-icon", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { type: i5.ThyActionMenuComponent, selector: "thy-action-menu", inputs: ["thyTheme", "thyWidth"] }], directives: [{ type: i6.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.ThyActionMenuItemDirective, selector: "[thyActionMenuItem]", inputs: ["thyDisabled", "thyType"] }, { type: i5.ThyActionMenuItemActiveDirective, selector: "[thyActionMenuItemActive]", inputs: ["thyActionMenuItemActive"] }, { type: i5.ThyActionMenuItemNameDirective, selector: "[thyActionMenuItemName]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: TheFontSizeToolbarItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'the-font-size-toolbar-item',
-                    templateUrl: './toolbar-item.component.html'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThyPopover }, { type: i0.ViewContainerRef }, { type: i2.Overlay }]; }, propDecorators: { editor: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], dropdownTemplate: [{
-                type: ViewChild,
-                args: ['dropdownTemplate', { static: true }]
-            }], toolbarItemContainer: [{
-                type: HostBinding,
-                args: ['class.the-toolbar-dropdown-container']
-            }], fontSizeToolbarItem: [{
-                type: HostBinding,
-                args: ['class.the-font-size-toolbar-item']
-            }], disableClass: [{
-                type: HostBinding,
-                args: ['class.disabled']
-            }], toggleDropdown: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }], handleDocumentMouseDown: [{
-                type: HostListener,
-                args: ['document: mousedown', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3NyYy9wbHVnaW5zL2ZvbnQtc2l6ZS90b29sYmFyLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3JjL3BsdWdpbnMvZm9udC1zaXplL3Rvb2xiYXItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUF1QixTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQzFJLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFL0IsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFHN0csT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN0QyxPQUFPLEtBQUssVUFBVSxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7Ozs7QUFNdEUsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLDJCQUEyQjtJQXdDNUUsWUFDVyxVQUFzQixFQUNyQixVQUFzQixFQUN0QixnQkFBa0MsRUFDbEMsT0FBZ0I7UUFFeEIsS0FBSyxFQUFFLENBQUM7UUFMRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3JCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBdkM1QixjQUFTLEdBQUcsU0FBUyxDQUFDO1FBQ3RCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsaUJBQVksR0FBRyxhQUFhLENBQUM7UUFVd0IseUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBQ2hDLHdCQUFtQixHQUFH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bnRSZWYsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVkaXRvciB9IGZyb20gJ3NsYXRlJztcbmltcG9ydCB7IFRvb2xiYXJJdGVtIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy90b29sYmFyJztcbmltcG9ydCB7IFRoZVRvb2xiYXJCYXNlSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvdG9vbGJhci1iYXNlLWl0ZW0vdG9vbGJhci1iYXNlLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IFRoeVBvcG92ZXIsIFRoeVBvcG92ZXJSZWYgfSBmcm9tICduZ3gtdGV0aHlzL3BvcG92ZXInO1xuaW1wb3J0IHsgT3ZlcmxheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IEZvbnRTaXplcyB9IGZyb20gJy4vb3B0aW9ucyc7XG5pbXBvcnQgKiBhcyBUaGVRdWVyaWVzIGZyb20gJy4uLy4uL3F1ZXJpZXMnO1xuaW1wb3J0IHsgSEVBRElOR19UWVBFUywgTWFya1R5cGVzIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL25vZGUtdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3RoZS1mb250LXNpemUtdG9vbGJhci1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbGJhci1pdGVtLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUaGVGb250U2l6ZVRvb2xiYXJJdGVtQ29tcG9uZW50IGV4dGVuZHMgVGhlVG9vbGJhckJhc2VJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBlZGl0b3I6IEVkaXRvcjtcbiAgICBASW5wdXQoKSBpdGVtOiBUb29sYmFySXRlbTtcblxuICAgIGFjdGl2ZVNpemU6IG51bWJlciB8IHN0cmluZztcbiAgICBmb250U2l6ZXMgPSBGb250U2l6ZXM7XG4gICAgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBkaXNhYmxlR3JvdXAgPSBIRUFESU5HX1RZUEVTO1xuICAgIGRyb3Bkb3duUG9wb3ZlclJlZjogVGh5UG9wb3ZlclJlZjxhbnk+O1xuXG4gICAgZ2V0IGlzT3BlbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZHJvcGRvd25Qb3BvdmVyUmVmICYmIHRoaXMuZHJvcGRvd25Qb3BvdmVyUmVmLmdldE92ZXJsYXlSZWYoKSAmJiB0aGlzLmRyb3Bkb3duUG9wb3ZlclJlZi5nZXRPdmVybGF5UmVmKCkuaGFzQXR0YWNoZWQoKTtcbiAgICB9XG5cbiAgICBAVmlld0NoaWxkKCdkcm9wZG93blRlbXBsYXRlJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgICBkcm9wZG93blRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50aGUtdG9vbGJhci1kcm9wZG93bi1jb250YWluZXInKSB0b29sYmFySXRlbUNvbnRhaW5lciA9IHRydWU7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50aGUtZm9udC1zaXplLXRvb2xiYXItaXRlbScpIGZvbnRTaXplVG9vbGJhckl0ZW0gPSB0cnVlO1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGlzYWJsZWQnKSBnZXQgZGlzYWJsZUNsYXNzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXNhYmxlZDtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWRvd24nLCBbJyRldmVudCddKVxuICAgIHRvZ2dsZURyb3Bkb3duKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIHN1cGVyLmV4ZWN1dGUoZXZlbnQpO1xuXG4gICAgICAgIGlmICh0aGlzLmVkaXRvcj8uZGlzYWJsZWQgfHwgdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMub3BlbkRyb3Bkb3duUG9wb3ZlcigpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OiBtb3VzZWRvd24nLCBbJyRldmVudCddKVxuICAgIGhhbmRsZURvY3VtZW50TW91c2VEb3duKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIGlmICghdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KSkge1xuICAgICAgICAgICAgdGhpcy5jbG9zZURyb3Bkb3duUG9wb3ZlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHRoeVBvcG92ZXI6IFRoeVBvcG92ZXIsXG4gICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5XG4gICAgKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlU2l6ZSA9IHRoaXMuZm9udFNpemVzWzJdO1xuICAgIH1cblxuICAgIHB1YmxpYyBzdGF0dXNDaGFuZ2UoZWRpdG9yOiBFZGl0b3IpIHtcbiAgICAgICAgaWYgKGVkaXRvci5zZWxlY3Rpb24pIHtcbiAgICAgICAgICAgIGNvbnN0IGFuY2hvckJsb2NrID0gVGhlUXVlcmllcy5hbmNob3JCbG9jayhlZGl0b3IpO1xuICAgICAgICAgICAgaWYgKGFuY2hvckJsb2NrICYmIHRoaXMuZGlzYWJsZUdyb3VwLmluY2x1ZGVzKGFuY2hvckJsb2NrLnR5cGUpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hY3RpdmVTaXplID0gbnVsbDtcbiAgICAgICAgICAgICAgICB0aGlzLmRpc2FibGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IG1hcmtzID0gVGhlUXVlcmllcy5nZXRTZWxlY3Rpb25NYXJrcyhlZGl0b3IpO1xuICAgICAgICAgICAgY29uc3QgZm9udFNpemVNYXJrID0gbWFya3NbTWFya1R5cGVzLmZvbnRTaXplXTtcbiAgICAgICAgICAgIHRoaXMuYWN0aXZlU2l6ZSA9IGZvbnRTaXplTWFyayA/IGZvbnRTaXplTWFyayA6IHRoaXMuZm9udFNpemVzWzJdO1xuICAgICAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgaXRlbU1vdXNlZG93bihldmVudDogTW91c2VFdmVudCwgc2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmV4ZWN1dGUoZXZlbnQpO1xuICAgICAgICB0aGlzLmNsb3NlRHJvcGRvd25Qb3BvdmVyKCk7XG5cbiAgICAgICAgaWYgKHRoaXMuZWRpdG9yPy5kaXNhYmxlZCB8fCB0aGlzLmVkaXRvcj8ucmVhZE9ubHkpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBhbmNob3JCbG9jayA9IFRoZVF1ZXJpZXMuYW5jaG9yQmxvY2sodGhpcy5lZGl0b3IpO1xuICAgICAgICBpZiAoYW5jaG9yQmxvY2sgJiYgdGhpcy5kaXNhYmxlR3JvdXAuaW5jbHVkZXMoYW5jaG9yQmxvY2sudHlwZSkpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIEVkaXRvci5hZGRNYXJrKHRoaXMuZWRpdG9yLCBNYXJrVHlwZXMuZm9udFNpemUsIHNpemUpO1xuICAgIH1cblxuICAgIG9wZW5Ecm9wZG93blBvcG92ZXIoKSB7XG4gICAgICAgIHRoaXMuZHJvcGRvd25Qb3BvdmVyUmVmID0gdGhpcy50aHlQb3BvdmVyLm9wZW4odGhpcy5kcm9wZG93blRlbXBsYXRlLCB7XG4gICAgICAgICAgICBvcmlnaW46IHRoaXMuZWxlbWVudFJlZixcbiAgICAgICAgICAgIHBhbmVsQ2xhc3M6IFsndGhlLXRvb2xiYXItZHJvcGRvd24tcG9wb3ZlcicsIHRoaXMuaXRlbT8ua2V5XSxcbiAgICAgICAgICAgIHBsYWNlbWVudDogJ2JvdHRvbUxlZnQnLFxuICAgICAgICAgICAgaW5zaWRlQ2xvc2FibGU6IGZhbHNlLFxuICAgICAgICAgICAgYmFja2Ryb3BDbG9zYWJsZTogdHJ1ZSxcbiAgICAgICAgICAgIGhhc0JhY2tkcm9wOiBmYWxzZSxcbiAgICAgICAgICAgIG9mZnNldDogMTAsXG4gICAgICAgICAgICB2aWV3Q29udGFpbmVyUmVmOiB0aGlzLnZpZXdDb250YWluZXJSZWYsXG4gICAgICAgICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMucmVwb3NpdGlvbigpXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGNsb3NlRHJvcGRvd25Qb3BvdmVyKCkge1xuICAgICAgICBpZiAodGhpcy5kcm9wZG93blBvcG92ZXJSZWYpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25Qb3BvdmVyUmVmPy5jbG9zZSgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGEgdGh5SWNvbk5hdkxpbmsgY2xhc3M9XCJ0ZXh0LW1vZGVcIiBbdGh5VG9vbHRpcF09XCJpdGVtPy5uYW1lXCIgdGh5VG9vbHRpcFBsYWNlbWVudD1cInRvcFwiPlxuICAgIDxzcGFuICpuZ0lmPVwiYWN0aXZlU2l6ZVwiIGNsYXNzPVwic2hvdy10ZXh0XCI+e3sgYWN0aXZlU2l6ZSB9fXB4PC9zcGFuPlxuICAgIDx0aHktaWNvbiBjbGFzcz1cInRleHQtY2FyZXQtZG93bi1pY29uIGZvbnQtc2l6ZS1zbSB0ZXh0LWRlc2NcIiB0aHlJY29uTmFtZT1cImNhcmV0LWRvd25cIj48L3RoeS1pY29uPlxuPC9hPlxuXG48bmctdGVtcGxhdGUgI2Ryb3Bkb3duVGVtcGxhdGU+XG4gICAgPHRoeS1hY3Rpb24tbWVudSBjbGFzcz1cImRyb3Bkb3duXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHNpemUgb2YgZm9udFNpemVzXCI+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHRoeUFjdGlvbk1lbnVJdGVtXG4gICAgICAgICAgICAgICAgaHJlZj1cImphdmFzY3JpcHQ6O1wiXG4gICAgICAgICAgICAgICAgW3RoeUFjdGlvbk1lbnVJdGVtQWN0aXZlXT1cInNpemUgPT09IGFjdGl2ZVNpemVcIlxuICAgICAgICAgICAgICAgIChtb3VzZWRvd24pPVwiaXRlbU1vdXNlZG93bigkZXZlbnQsIHNpemUpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3BhbiB0aHlBY3Rpb25NZW51SXRlbU5hbWU+e3sgc2l6ZSB9fXB4PC9zcGFuPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L3RoeS1hY3Rpb24tbWVudT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/plugins/font-size/options.d.ts

@@ -1,3 +0,0 @@
-import { ToolbarItem } from '../../interfaces/toolbar';
-export declare const FontSizes: number[];
-export declare const FontSizeOptions: ToolbarItem[];

package/plugins/font-size/toolbar-item.component.d.ts

@@ -1,35 +0,0 @@
-import { ElementRef, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
-import { Editor } from 'slate';
-import { ToolbarItem } from '../../interfaces/toolbar';
-import { TheToolbarBaseItemComponent } from '../../components/toolbar-base-item/toolbar-base-item.component';
-import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
-import { Overlay } from '@angular/cdk/overlay';
-import * as i0 from "@angular/core";
-export declare class TheFontSizeToolbarItemComponent extends TheToolbarBaseItemComponent implements OnInit {
-    elementRef: ElementRef;
-    private thyPopover;
-    private viewContainerRef;
-    private overlay;
-    editor: Editor;
-    item: ToolbarItem;
-    activeSize: number | string;
-    fontSizes: number[];
-    disabled: boolean;
-    disableGroup: (import("../../constants/node-types").ElementKinds.image | import("../../constants/node-types").ElementKinds.paragraph | import("../../constants/node-types").ElementKinds.heading_1 | import("../../constants/node-types").ElementKinds.heading_2 | import("../../constants/node-types").ElementKinds.heading_3 | import("../../constants/node-types").ElementKinds.heading_4 | import("../../constants/node-types").ElementKinds.heading_5 | import("../../constants/node-types").ElementKinds.heading_6 | import("../../constants/node-types").ElementKinds.numberedList | import("../../constants/node-types").ElementKinds.bulletedList | import("../../constants/node-types").ElementKinds.listItem | import("../../constants/node-types").ElementKinds.checkItem | import("../../constants/node-types").ElementKinds.table | import("../../constants/node-types").ElementKinds.tableRow | import("../../constants/node-types").ElementKinds.tableCell | import("../../constants/node-types").ElementKinds.code | import("../../constants/node-types").ElementKinds.blockquote | import("../../constants/node-types").ElementKinds.hr | import("../../constants/node-types").ElementKinds.link)[];
-    dropdownPopoverRef: ThyPopoverRef<any>;
-    get isOpen(): boolean;
-    dropdownTemplate: TemplateRef<any>;
-    toolbarItemContainer: boolean;
-    fontSizeToolbarItem: boolean;
-    get disableClass(): boolean;
-    toggleDropdown(event: MouseEvent): void;
-    handleDocumentMouseDown(event: MouseEvent): void;
-    constructor(elementRef: ElementRef, thyPopover: ThyPopover, viewContainerRef: ViewContainerRef, overlay: Overlay);
-    ngOnInit(): void;
-    statusChange(editor: Editor): void;
-    itemMousedown(event: MouseEvent, size: number): void;
-    openDropdownPopover(): void;
-    closeDropdownPopover(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TheFontSizeToolbarItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TheFontSizeToolbarItemComponent, "the-font-size-toolbar-item", never, { "editor": "editor"; "item": "item"; }, {}, never, never>;
-}

package/plugins/font-size/toolbar-item.component.scss

@@ -1,13 +0,0 @@
-.the-font-size-toolbar-item {
-    width: 60px;
-
-    &.disabled {
-        cursor: not-allowed;
-        opacity: 0.25;
-
-
-        .thy-icon-nav-link {
-            pointer-events: none;
-        }
-    }
-}