@worktile/theia 2.4.7 → 2.4.10

package/bundles/worktile-theia.umd.js

@@ -379,11 +379,6 @@
     var DEFAULT_SCROLL_CONTAINER = '.the-editable-container';
     var ELEMENT_UNIQUE_ID = 'key';
     var ZERO_WIDTH_CHAR = '\u200B';
-    exports.TheMode = void 0;
-    (function (TheMode) {
-        TheMode["fullMode"] = "full";
-        TheMode["liteMode"] = "lite";
-    })(exports.TheMode || (exports.TheMode = {}));
 
     exports.ElementKinds = void 0;
     (function (ElementKinds) {
@@ -591,22 +586,6 @@
             value: 'htmlmixed'
         }
     ];
-    var CodeMode = {
-        default: 'default',
-        print: 'print'
-    };
-    var TheCodeConfig = /** @class */ (function () {
-        function TheCodeConfig() {
-        }
-        return TheCodeConfig;
-    }());
-    var THE_CODE_MODE_TOKEN = new i0.InjectionToken('the-code-mode');
-    var THE_CODE_MODE_PROVIDER = {
-        provide: THE_CODE_MODE_TOKEN,
-        useValue: {
-            mode: CodeMode.default
-        }
-    };
     var CODEMIRROR_PADDING_TOP = 10;
 
     var TheToolbarGroupToken = new i0.InjectionToken('the-toolbar-group-token');
@@ -791,6 +770,23 @@
         TheDataMode["json"] = "json";
         TheDataMode["html"] = "html";
     })(exports.TheDataMode || (exports.TheDataMode = {}));
+    exports.TheMode = void 0;
+    (function (TheMode) {
+        TheMode["default"] = "default";
+        TheMode["print"] = "print";
+    })(exports.TheMode || (exports.TheMode = {}));
+    var TheModeConfig = /** @class */ (function () {
+        function TheModeConfig() {
+        }
+        return TheModeConfig;
+    }());
+    var THE_MODE_TOKEN = new i0.InjectionToken('the-mode');
+    var THE_MODE_PROVIDER = {
+        provide: THE_MODE_TOKEN,
+        useValue: {
+            mode: exports.TheMode.default
+        }
+    };
 
     exports.ToolbarItemType = void 0;
     (function (ToolbarItemType) {
@@ -7366,7 +7362,7 @@
             _this.config = config;
             _this.startRenderCodemirror = false;
             _this.dropdownMode = exports.DropdownMode;
-            _this.maxHeight = _this.config.mode === CodeMode.default ? 350 - CODEMIRROR_PADDING_TOP * 2 : 0;
+            _this.maxHeight = _this.config.mode === exports.TheMode.default ? 350 - CODEMIRROR_PADDING_TOP * 2 : 0;
             _this.menus = CODE_MODES.map(function (item) {
                 return { key: item.value, name: item.showName };
             });
@@ -7380,7 +7376,7 @@
                 readOnly: false,
                 autofocus: false,
                 lineWiseCopyCut: true,
-                lineWrapping: _this.config.mode === CodeMode.default ? false : true,
+                lineWrapping: _this.config.mode === exports.TheMode.default ? false : true,
                 cursorBlinkRate: 500
             };
             _this.actives = _this.menus[0];
@@ -7567,7 +7563,7 @@
         };
         return TheCodeComponent;
     }(TheBaseElementComponent));
-    TheCodeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheCodeComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$4.ThyNotifyService }, { token: TheContextService }, { token: i0__namespace.NgZone }, { token: THE_CODE_MODE_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TheCodeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheCodeComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$4.ThyNotifyService }, { token: TheContextService }, { token: i0__namespace.NgZone }, { token: THE_MODE_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TheCodeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: i8.CodeMirrorComponent }], usesInheritance: true, ngImport: i0__namespace, template: "<div contenteditable=\"false\" class=\"the-code-block-operation\" *ngIf=\"isCollapsed && codemirror && !options.readOnly\">\n    <thy-icon-nav>\n        <the-toolbar-dropdown [menus]=\"menus\" [item]=\"actives\" [itemMousedownHandle]=\"onChangeLangulage\"> </the-toolbar-dropdown>\n        <a\n            href=\"javascript:;\"\n            thyIconNavLink\n            thyIconNavLinkIcon=\"copy\"\n            thyTooltip=\"\u590D\u5236\"\n            thyTooltipPlacement=\"top\"\n            (mousedown)=\"onCopy($event)\"\n        ></a>\n        <a\n            href=\"javascript:;\"\n            thyIconNavLink\n            thyIconNavLinkIcon=\"trash\"\n            thyTooltip=\"\u5220\u9664\"\n            class=\"remove-link\"\n            thyTooltipPlacement=\"top\"\n            (mousedown)=\"onDelete($event)\"\n        ></a>\n        <nav-split-line [mode]=\"ToolbarItemMode.vertical\"></nav-split-line>\n        <span class=\"auto-wrap d-flex align-items-center\">\n            <span>\u81EA\u52A8\u6362\u884C</span>\n            <thy-switch\n                class=\"auto-wrap-btn d-flex\"\n                [(ngModel)]=\"options.lineWrapping\"\n                (ngModelChange)=\"onChangeWrap($event)\"\n                thySize=\"sm\"\n            ></thy-switch>\n        </span>\n    </thy-icon-nav>\n</div>\n\n<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n    thyResizable\n    [thyMinHeight]=\"46\"\n    [thyBounds]=\"resizeBounds\"\n    [style.height.px]=\"resizeHeight\"\n    (thyResize)=\"onResize($event)\"\n    (thyResizeEnd)=\"onEndResize()\"\n    class=\"resize-code-container\"\n    [ngClass]=\"{ focus: isCollapsed, readonly: options.readOnly, active: isHightLight && isCollapsed }\"\n>\n    <ng-codemirror\n        *ngIf=\"startRenderCodemirror\"\n        #codemirror\n        contenteditable=\"false\"\n        class=\"ng-codemirror-wrapper\"\n        [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n        [options]=\"options\"\n        [ngModel]=\"code\"\n        [delayRefreshTime]=\"300\"\n        (ngModelChange)=\"codeChange($event)\"\n        (focusChange)=\"focusChange($event)\"\n        [autoMaxHeight]=\"maxHeight\"\n    >\n    </ng-codemirror>\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsed && !options.readOnly\"></thy-resize-handle>\n</div>\n", components: [{ type: i3__namespace$1.ThyIconNavComponent, selector: "thy-icon-nav", inputs: ["thyType"] }, { type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown", inputs: ["toolbarItem", "menus", "mode", "item", "itemMousedownHandle"] }, { type: i3__namespace$1.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }, { type: i6__namespace$1.ThySwitchComponent, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled"], outputs: ["thyChange"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { type: i8__namespace.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["autoMaxHeight", "delayRefreshTime", "options"], outputs: ["focusChange"] }, { type: i9__namespace.ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i9__namespace.ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeEnd", "thyResizeStart"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheCodeComponent, decorators: [{
                 type: i0.Component,
@@ -7577,9 +7573,9 @@
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
             }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$4.ThyNotifyService }, { type: TheContextService }, { type: i0__namespace.NgZone }, { type: TheCodeConfig, decorators: [{
+            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$4.ThyNotifyService }, { type: TheContextService }, { type: i0__namespace.NgZone }, { type: TheModeConfig, decorators: [{
                             type: i0.Inject,
-                            args: [THE_CODE_MODE_TOKEN]
+                            args: [THE_MODE_TOKEN]
                         }] }];
         }, propDecorators: { codemirror: [{
                     type: i0.ViewChild,
@@ -13967,30 +13963,24 @@
         };
         TheEditorComponent.prototype.mousedown = function (event) {
             var editableElement = i1.AngularEditor.toDOMNode(this.editor, this.editor);
-            if (event.target === editableElement) {
-                var rectEditable = editableElement.getBoundingClientRect();
+            var rectEditable = editableElement.getBoundingClientRect();
+            var absoluteElement = document.elementFromPoint(event.x, event.y);
+            if (!editableElement.isEqualNode(absoluteElement)) {
+                var blockCardElement = absoluteElement.querySelector('.slate-block-card');
+                if (!blockCardElement)
+                    return;
+            }
+            var paddingRight = window.getComputedStyle(editableElement, null).paddingRight;
+            var paddingRightPixels = coercePixelsFromCssValue(paddingRight);
+            var fakeRightX = rectEditable.right - paddingRightPixels - 50;
+            var relativeElement = document.elementFromPoint(fakeRightX, event.y);
+            var relativeBlockCardElement = relativeElement.closest('.slate-block-card');
+            if (relativeBlockCardElement) {
                 var centerX = rectEditable.x + rectEditable.width / 2;
-                var _g = window.getComputedStyle(editableElement, null), paddingLeft = _g.paddingLeft, paddingRight = _g.paddingRight;
-                var paddingLeftPixels = coercePixelsFromCssValue(paddingLeft);
-                var paddingRightPixels = coercePixelsFromCssValue(paddingRight);
-                var fakeLeftX = rectEditable.x + paddingLeftPixels + 50;
-                var fakeRightX = rectEditable.right - paddingRightPixels - 50;
-                var relativeElement = document.elementFromPoint(fakeLeftX, event.y);
-                var relativeBlockCardElement = relativeElement.closest('.slate-block-card');
-                if (!relativeBlockCardElement) {
-                    relativeElement = document.elementFromPoint(fakeRightX, event.y);
-                    relativeBlockCardElement = relativeElement.closest('.slate-block-card');
-                }
-                if (relativeBlockCardElement) {
-                    var blockCardEntry = i1.AngularEditor.toSlateCardEntry(this.editor, relativeBlockCardElement.firstElementChild);
-                    if (blockCardEntry && blockCardEntry[1]) {
-                        var rootNodePath = blockCardEntry[1].slice(0, 1);
-                        var rootNode = getNode(this.editor, rootNodePath);
-                        if (this.editor.isBlockCard(rootNode)) {
-                            event.preventDefault();
-                            i1.AngularEditor.moveBlockCard(this.editor, rootNode, { direction: event.x < centerX ? 'left' : 'right' });
-                        }
-                    }
+                var blockCardEntry = i1.AngularEditor.toSlateCardEntry(this.editor, relativeBlockCardElement.firstElementChild);
+                if (blockCardEntry && this.editor.isBlockCard(blockCardEntry[0])) {
+                    event.preventDefault();
+                    i1.AngularEditor.moveBlockCard(this.editor, blockCardEntry[0], { direction: event.x < centerX ? 'left' : 'right' });
                 }
             }
         };
@@ -14377,7 +14367,7 @@
                 provide: TheToolbarGroupToken,
                 useValue: TheToolbarGroupComponent
             },
-            THE_CODE_MODE_PROVIDER
+            THE_MODE_PROVIDER
         ], imports: [__spreadArray(__spreadArray([i10.CommonModule, i1.SlateModule, i4.FormsModule], __read(TETHYS)), [i8.CodemirrorModule, TheColumnSizeModule])] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheEditorModule, decorators: [{
                 type: i0.NgModule,
@@ -14391,7 +14381,7 @@
                                 provide: TheToolbarGroupToken,
                                 useValue: TheToolbarGroupComponent
                             },
-                            THE_CODE_MODE_PROVIDER
+                            THE_MODE_PROVIDER
                         ]
                     }]
             }] });
@@ -14416,7 +14406,6 @@
     exports.CONTAINER_BLOCKS = CONTAINER_BLOCKS;
     exports.CONTROL_KEY = CONTROL_KEY;
     exports.CodeEditor = CodeEditor;
-    exports.CodeMode = CodeMode;
     exports.ColorEditor = ColorEditor;
     exports.DEFAULT_LANGUAGE = DEFAULT_LANGUAGE;
     exports.DEFAULT_SCROLL_CONTAINER = DEFAULT_SCROLL_CONTAINER;
@@ -14445,16 +14434,15 @@
     exports.QuickInsertEditor = QuickInsertEditor;
     exports.STANDARD_HEADING_TYPES = STANDARD_HEADING_TYPES;
     exports.TAB_SPACE = TAB_SPACE;
-    exports.THE_CODE_MODE_PROVIDER = THE_CODE_MODE_PROVIDER;
-    exports.THE_CODE_MODE_TOKEN = THE_CODE_MODE_TOKEN;
     exports.THE_EDITOR_CONVERSION_HINT_REF = THE_EDITOR_CONVERSION_HINT_REF;
     exports.THE_EDITOR_QUICK_TOOLBAR_REF = THE_EDITOR_QUICK_TOOLBAR_REF;
     exports.THE_EDITOR_UUID = THE_EDITOR_UUID;
     exports.THE_INLINE_TOOLBAR_TYPES = THE_INLINE_TOOLBAR_TYPES;
+    exports.THE_MODE_PROVIDER = THE_MODE_PROVIDER;
+    exports.THE_MODE_TOKEN = THE_MODE_TOKEN;
     exports.THE_UPLOAD_SERVICE_TOKEN = THE_UPLOAD_SERVICE_TOKEN;
     exports.TableEditor = TableEditor;
     exports.TheBaseElementComponent = TheBaseElementComponent;
-    exports.TheCodeConfig = TheCodeConfig;
     exports.TheContextService = TheContextService;
     exports.TheDefaultElementComponent = TheDefaultElementComponent;
     exports.TheEditor = TheEditor;
@@ -14462,6 +14450,7 @@
     exports.TheEditorModule = TheEditorModule;
     exports.TheImageComponent = TheImageComponent;
     exports.TheIndentToolbarComponent = TheIndentToolbarComponent;
+    exports.TheModeConfig = TheModeConfig;
     exports.TheQueries = index$1;
     exports.TheToolbarBaseItemComponent = TheToolbarBaseItemComponent;
     exports.TheToolbarComponent = TheToolbarComponent;
@@ -14480,11 +14469,16 @@
     exports.createEmptyParagraph = createEmptyParagraph;
     exports.dataDeserialize = dataDeserialize;
     exports.dataSerializing = dataSerializing;
+    exports.deleteColorAndBackgroundColorOfText = deleteColorAndBackgroundColorOfText;
+    exports.deleteElementKey = deleteElementKey;
+    exports.extractFragment = extractFragment;
     exports.getColsTotalWidth = getColsTotalWidth;
     exports.getElementClassByPrefix = getElementClassByPrefix;
     exports.getElementHeight = getElementHeight;
     exports.getElementWidth = getElementWidth;
+    exports.getEndBlock = getEndBlock;
     exports.getRowsTotalHeight = getRowsTotalHeight;
+    exports.getStartBlock = getStartBlock;
     exports.getToolbarClass = getToolbarClass;
     exports.htmlToTheia = htmlToTheia;
     exports.inValidTypes = inValidTypes;