@worktile/theia 14.0.2 → 14.0.4

package/package.json

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

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

@@ -1,14 +1,16 @@
-import { ElementRef, ChangeDetectorRef, OnInit, AfterViewInit, NgZone, OnDestroy } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { CodeMirrorComponent } from 'ng-codemirror';
 import { ThyNotifyService } from 'ngx-tethys/notify';
+import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
+import { ThyResizeEvent } from 'ngx-tethys/resizable';
+import { Subject } from 'rxjs';
 import { Editor } from 'slate';
-import { CodeMirrorComponent } from 'ng-codemirror';
+import { TheToolbarDropdownComponent } from '../../components/toolbar-dropdown/toolbar-dropdown.component';
 import { DropdownMode, ToolbarItemMode } from '../../constants';
-import { DefaultToolbarItem, TheBaseElementComponent, TheModeConfig } from '../../interfaces';
 import { CodeElement } from '../../custom-types';
-import { ThyResizeEvent } from 'ngx-tethys/resizable';
+import { DefaultToolbarItem, TheBaseElementComponent, TheModeConfig } from '../../interfaces';
 import { TheContextService } from '../../services/context.service';
-import { Subject } from 'rxjs';
-import { TheToolbarDropdownComponent } from '../../components/toolbar-dropdown/toolbar-dropdown.component';
 import * as i0 from "@angular/core";
 export declare class TheCodeComponent extends TheBaseElementComponent<CodeElement, Editor> implements OnInit, AfterViewInit, OnDestroy {
     elementRef: ElementRef;
@@ -17,6 +19,9 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     private contextService;
     private ngZone;
     private config;
+    private thyPopover;
+    private viewContainerRef;
+    private overlay;
     startRenderCodemirror: boolean;
     dropdownMode: typeof DropdownMode;
     maxHeight: number;
@@ -39,13 +44,19 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     };
     activeLanguage: DefaultToolbarItem;
     resizeBounds: any;
+    toolbarPopoverRef: ThyPopoverRef<any>;
+    toolbar: TemplateRef<any>;
     codemirror: CodeMirrorComponent;
     toolbarDropdownComponent: TheToolbarDropdownComponent;
     get code(): string;
+    get isToolbarOpen(): boolean;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, contextService: TheContextService, ngZone: NgZone, config: TheModeConfig, thyPopover: ThyPopover, viewContainerRef: ViewContainerRef, overlay: Overlay);
     onContextChange(): void;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, contextService: TheContextService, ngZone: NgZone, config: TheModeConfig);
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    openToolbar(): void;
+    closeToolbar(): void;
+    createPositionStrategy(): import("@angular/cdk/overlay").FlexibleConnectedPositionStrategy;
     renderCodemirror(): void;
     initializeCodemirrorFocus(): void;
     codeChange($event: any): void;

package/plugins/code/code.component.scss

@@ -88,22 +88,3 @@
         transform: scale(0.8);
     }
 }
-
-.the-code-block-operation {
-    position: absolute;
-    top: -10px;
-    left: 0;
-    z-index: 10;
-    min-width: 298px; // must assign min-width in table
-    padding: 5px 10px;
-    background: variables.$white;
-    box-shadow: variables.$box-shadow;
-    transform: translateY(-100%);
-
-    .thy-select-custom {
-        width: 115px;
-        .form-control {
-            border: none;
-        }
-    }
-}

package/plugins/image/image.component.d.ts

@@ -1,14 +1,14 @@
-import { OnInit, ElementRef, OnDestroy, AfterViewInit, ChangeDetectorRef, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ThyImageService } from 'ngx-tethys/image';
+import { ThyPopover } from 'ngx-tethys/popover';
+import { Editor } from 'slate';
 import { BeforeContextChange, SlateElementContext } from 'slate-angular';
-import { ImageEntry, TheImageUploaderService, LayoutOption } from '../../interfaces/image';
 import { Alignment, LayoutTypes } from '../../constants/node-types';
-import { Editor } from 'slate';
-import { ThyPopover } from 'ngx-tethys/popover';
-import { Overlay } from '@angular/cdk/overlay';
-import { TheContextService } from '../../services/context.service';
-import { TheBaseElementComponent } from '../../interfaces';
 import { ImageElement } from '../../custom-types';
-import { ThyImageService } from 'ngx-tethys/image';
+import { TheBaseElementComponent } from '../../interfaces';
+import { ImageEntry, LayoutOption, TheImageUploaderService } from '../../interfaces/image';
+import { TheContextService } from '../../services/context.service';
 import * as i0 from "@angular/core";
 export declare class TheImageComponent extends TheBaseElementComponent<ImageElement, Editor> implements OnInit, OnDestroy, AfterViewInit, BeforeContextChange<SlateElementContext> {
     elementRef: ElementRef;

package/plugins/table/table.service.d.ts

@@ -1,11 +1,11 @@
+import { Overlay } from '@angular/cdk/overlay';
 import { NgZone } from '@angular/core';
 import { ThyPlacement } from 'ngx-tethys/core';
 import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
-import { Overlay } from '@angular/cdk/overlay';
-import { TableStore } from './table.store';
-import { TheTableContextMenuService } from '../../services/table-contextmenu.service';
-import { TheContextService } from '../../services/context.service';
 import { TableElement } from '../../custom-types';
+import { TheContextService } from '../../services/context.service';
+import { TheTableContextMenuService } from '../../services/table-contextmenu.service';
+import { TableStore } from './table.store';
 import * as i0 from "@angular/core";
 export declare class TableService {
     private thyPopover;

package/styles/editor.scss

@@ -213,7 +213,6 @@
     }
 }
 
-.the-block-toolbar-popover .thy-popover-container {
-    padding: 5px 10px;
-    @include mixins.the-toolbar-divider-spacing();
+.the-plugin-toolbar-popover .thy-popover-container {
+    padding: 4px;
 }

package/styles/typo.scss

@@ -99,13 +99,15 @@
     .slate-element-hr{
         display: block;
     }
-    .slate-element-hr,
-    .slate-element-code,
-    .slate-element-image,
     .slate-element-block-quote {
         padding: math.div(theVariables.$default-text-space, 2) 0;
     }
     .slate-block-card {
+
+        &:not(.slate-block-card-table) {
+            padding: math.div(theVariables.$default-text-space, 2) 0;
+        }
+
         .card-left,
         .card-right {
             bottom: math.div(theVariables.$default-text-space, 2);