@worktile/theia 20.1.0-next.1 → 20.1.0-next.3

package/fesm2022/worktile-theia.mjs

@@ -13327,7 +13327,7 @@ const createBlockCardPlugin = createPluginFactory({
 });
 
 const withInternalCommon = (editor) => {
-    const { globalMousedown, onKeydown } = editor;
+    const { globalMousedown, onKeydown, selectAll } = editor;
     editor.globalMousedown = (event) => {
         const target = event.target;
         if (isColorIndicator(target)) {
@@ -13350,6 +13350,34 @@ const withInternalCommon = (editor) => {
         }
         onKeydown(event);
     };
+    editor.selectAll = () => {
+        let node = null;
+        if (!editor.selection) {
+            setEndSelection(editor);
+        }
+        const [start, end] = Range.edges(editor.selection);
+        const selectionRange = Editor.range(editor, start, end);
+        const containerBlocks = getContainerBlocks(editor);
+        for (let i = 0; i < containerBlocks.length; i++) {
+            [node] = getNodesByType(editor, containerBlocks[i]);
+            if (node) {
+                const [, path] = node;
+                const isStartParent = Path.equals(path, start.path.slice(0, path.length));
+                const isEndParent = Path.equals(path, end.path.slice(0, path.length));
+                if (isStartParent && isEndParent) {
+                    const nodeRange = Editor.range(editor, path);
+                    if (!Range.equals(nodeRange, selectionRange)) {
+                        Transforms.select(editor, nodeRange);
+                        break;
+                    }
+                    node = null;
+                }
+            }
+        }
+        if (!node) {
+            Transforms.select(editor, []);
+        }
+    };
     return editor;
 };
 const createCommonPlugin = (locale) => createPluginFactory({
@@ -14273,7 +14301,6 @@ class TheImage extends TheBaseElement {
             }
         ];
         this.dragable = false;
-        this.resolveImageHeight = null;
         this.beforeContextChange = (value) => {
             if (value.element !== this.element && value.element.thumbUrl) {
                 let thumbUrl = value.element.thumbUrl;
@@ -14571,11 +14598,6 @@ class TheImage extends TheBaseElement {
         const img = event.target;
         this.naturalWidth = img.naturalWidth;
         this.naturalHeight = img.naturalHeight;
-        setTimeout(() => {
-            const blockCard = getBlockCardByNativeElement(this.nativeElement);
-            const style = getComputedStyle(blockCard);
-            this.resolveImageHeight?.(blockCard.offsetHeight + parseFloat(style.marginTop) + parseFloat(style.marginBottom));
-        }, 0);
     }
     imageError(event) {
         const img = event.target;
@@ -14622,11 +14644,6 @@ class TheImage extends TheBaseElement {
             });
         }
     }
-    getRealHeight() {
-        return new Promise(resolve => {
-            this.resolveImageHeight = resolve;
-        });
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.ThyImageGroup }, { token: THE_IMAGE_SERVICE_TOKEN }, { token: TheContextService }, { token: i1.ThyPopover }, { token: i2.Overlay }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TheImage, isStandalone: true, selector: "the-image, [theImage]", providers: [ThyImageService], viewQueries: [{ propertyName: "imageContent", first: true, predicate: ["imageContent"], descendants: true }, { propertyName: "img", first: true, predicate: ["img"], descendants: true }, { propertyName: "layoutToolbar", first: true, predicate: ["layoutToolbar"], descendants: true, static: true }, { propertyName: "imageDirective", first: true, predicate: ThyImageDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"the-image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n  @if (imageEntry.thumbUrl) {\n    <div #imageContent class=\"image-content\" contenteditable=\"false\" [class.cursor-pointer]=\"!selection\">\n      <img\n        #img\n        thyImage\n        class=\"main-image\"\n        [class.image-collapsed]=\"selection && !uploading\"\n        [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n        [alt]=\"imageEntry.name\"\n        [thySrc]=\"imageEntry.thumbUrl\"\n        [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n        [thyOriginSrc]=\"imageEntry.originUrl\"\n        [thyDisablePreview]=\"disablePreview\"\n        [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n        (load)=\"imageLoaded($event)\"\n        (mousedown)=\"preventDefault($event)\"\n        (error)=\"imageError($event)\"\n        (click)=\"imageClick($event)\"\n      />\n      @if (isCollapsedAndNonReadonly) {\n        <div class=\"image-profile\" [class.outline]=\"selection\">\n          @if (!loadImageError) {\n            <span (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n            <span (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n            <span (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n            <span (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n          }\n        </div>\n      }\n      <ng-template [ngTemplateOutlet]=\"imageUploading\"></ng-template>\n      @if (!uploading) {\n        <div class=\"layer\" [class.readonly]=\"readonly\"></div>\n      }\n    </div>\n  } @else {\n    @if (!imageEntry.thumbUrl) {\n      <div class=\"image-loading cursor-pointer\" contenteditable=\"false\">\n        <thy-icon thyIconName=\"image\"></thy-icon>\n      </div>\n    }\n    <ng-template [ngTemplateOutlet]=\"imageUploading\"></ng-template>\n  }\n</div>\n\n<ng-template #layoutToolbar>\n  <thy-actions thySize=\"xxs\">\n    @for (item of layoutOptions; track $index) {\n      @if (item.key !== 'split') {\n        <a\n          href=\"javascript:;\"\n          thyAction\n          [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n          [thyActionIcon]=\"item.icon\"\n          [thyActionActive]=\"layoutActive(item.key)\"\n          [thyTooltip]=\"item.name\"\n          thyTooltipPlacement=\"top\"\n          (mousedown)=\"item?.handle($event, item.key)\"\n        ></a>\n      }\n      @if (item.key === 'split') {\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n      }\n    }\n  </thy-actions>\n</ng-template>\n\n<ng-template #imageUploading>\n  @if (uploading) {\n    <div class=\"uploading\">\n      <div class=\"uploading-percentage\">\n        <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n        <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n      </div>\n    </div>\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyImageDirective, selector: "img[thyImage]", inputs: ["thySrc", "thyPreviewSrc", "thyOriginSrc", "thyImageMeta", "thyDisablePreview", "thyResolveSize"], exportAs: ["thyImage"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyProgress, selector: "thy-progress", inputs: ["thyType", "thySize", "thyValue", "thyMax", "thyTips", "thyShape", "thyGapDegree", "thyGapPosition", "thyStrokeWidth"] }] }); }
 }
@@ -18261,9 +18278,6 @@ class TheEditorComponent {
                 event.preventDefault();
                 return;
             }
-            if (isKeyHotkey('mod+a', event) && !event.defaultPrevented) {
-                this.handleSelectAll(event);
-            }
         };
         this.onClick = (event) => {
             AngularEditor.onClick(this.editor, event);
@@ -18361,7 +18375,7 @@ class TheEditorComponent {
             return;
         }
         const { scrollTop, clientHeight } = this.scrollContainerElement;
-        if (localStorage.getItem(SLATE_DEBUG_KEY)) {
+        if (localStorage.getItem(SLATE_DEBUG_KEY + '__SCROLL_TOP')) {
             console.log(`theia: scroll event fired from user: ${scrollTop}`);
         }
         this.virtualConfig.update(config => ({
@@ -18569,36 +18583,6 @@ class TheEditorComponent {
     mousedown(event) {
         this.editor.mousedown(event);
     }
-    handleSelectAll(event) {
-        let node = null;
-        if (!this.editor.selection) {
-            setEndSelection(this.editor);
-        }
-        const [start, end] = Range.edges(this.editor.selection);
-        const selectionRange = Editor.range(this.editor, start, end);
-        const containerBlocks = getContainerBlocks(this.editor);
-        for (let i = 0; i < containerBlocks.length; i++) {
-            [node] = getNodesByType(this.editor, containerBlocks[i]);
-            if (node) {
-                const [, path] = node;
-                const isStartParent = Path.equals(path, start.path.slice(0, path.length));
-                const isEndParent = Path.equals(path, end.path.slice(0, path.length));
-                if (isStartParent && isEndParent) {
-                    const nodeRange = Editor.range(this.editor, path);
-                    if (!Range.equals(nodeRange, selectionRange)) {
-                        Transforms.select(this.editor, nodeRange);
-                        break;
-                    }
-                    node = null;
-                }
-            }
-        }
-        if (!node) {
-            Transforms.select(this.editor, []);
-        }
-        event.preventDefault();
-        return;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: TheContextService }, { token: i2$5.ThyIconRegistry }, { token: THE_PRESET_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TheEditorComponent, isStandalone: true, selector: "the-editor, theEditor", inputs: { theOptions: "theOptions", thePlugins: "thePlugins", theGlobalToolbar: "theGlobalToolbar", theDecorate: "theDecorate", theOnError: "theOnError" }, outputs: { theOnSave: "theOnSave", theOnDOMEvent: "theOnDOMEvent", theEditorCreated: "theEditorCreated", theUploadingStatus: "theUploadingStatus" }, host: { properties: { "class.the-editor-readonly": "editor.options?.readonly", "class.the-mobile-editor": "isMobileMode" }, classAttribute: "the-editor" }, providers: [
             TheContextService,