@worktile/theia 14.2.28 → 14.2.29

package/components/plugin-menu/plugin-menu.component.scss

@@ -48,7 +48,7 @@
         .dropdown-submenu {
             padding: 12px 0 8px 0;
         }
-        &.focus {
+        &.focus,&.thy-popover-origin-active {
             background-color: variables.$dropdown-menu-item-hover-bg;
         }
     }

package/esm2020/interfaces/view-base.mjs

@@ -1,7 +1,24 @@
 import { Component } from '@angular/core';
 import { BaseElementComponent } from 'slate-angular';
+import { isGlobalCollapsed } from '../queries/is-global-collapsed';
 import * as i0 from "@angular/core";
 export class TheBaseElementComponent extends BaseElementComponent {
+    onContextChange() {
+        super.onContextChange();
+        if (this.selection) {
+            this.nativeElement.classList.add(`slate-selected-element`);
+            if (this.isCollapsed && isGlobalCollapsed(this.editor)) {
+                this.nativeElement.classList.add(`slate-focus-element`);
+            }
+            else {
+                this.nativeElement.classList.remove(`slate-focus-element`);
+            }
+        }
+        else {
+            this.nativeElement.classList.remove(`slate-selected-element`);
+            this.nativeElement.classList.remove(`slate-focus-element`);
+        }
+    }
     ngOnInit() {
         this.context.attributes['data-slate-key'] = this.context.element.key;
         super.ngOnInit();
@@ -18,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                     template: ''
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvc3JjL2ludGVyZmFjZXMvdmlldy1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFpQixvQkFBb0IsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPcEUsTUFBTSxPQUFPLHVCQUNULFNBQVEsb0JBQTBCO0lBR2xDLFFBQVE7UUFDSixJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEdBQWEsQ0FBQztRQUMvRSxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO1FBQzdGLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN2RixDQUFDOztvSEFUUSx1QkFBdUI7d0dBQXZCLHVCQUF1QixzRkFGdEIsRUFBRTsyRkFFSCx1QkFBdUI7a0JBSm5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFLEVBQUU7aUJBQ2YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQW5ndWxhckVkaXRvciwgQmFzZUVsZW1lbnRDb21wb25lbnQgfSBmcm9tICdzbGF0ZS1hbmd1bGFyJztcbmltcG9ydCB7IEVkaXRvciwgRWxlbWVudCB9IGZyb20gJ3NsYXRlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdUaGVCYXNlRWxlbWVudENvbXBvbmVudCcsXG4gICAgdGVtcGxhdGU6ICcnXG59KVxuZXhwb3J0IGNsYXNzIFRoZUJhc2VFbGVtZW50Q29tcG9uZW50PFQgZXh0ZW5kcyBFbGVtZW50ID0gRWxlbWVudCwgSyBleHRlbmRzIEFuZ3VsYXJFZGl0b3IgPSBFZGl0b3I+XG4gICAgZXh0ZW5kcyBCYXNlRWxlbWVudENvbXBvbmVudDxULCBLPlxuICAgIGltcGxlbWVudHMgT25Jbml0XG57XG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuY29udGV4dC5hdHRyaWJ1dGVzWydkYXRhLXNsYXRlLWtleSddID0gdGhpcy5jb250ZXh0LmVsZW1lbnQua2V5IGFzIHN0cmluZztcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgY29uc3QgYmxvY2tDbGFzcyA9IHRoaXMuZWRpdG9yLmlzSW5saW5lKHRoaXMuZWxlbWVudCkgPyAnc2xhdGUtaW5saW5lLWJsb2NrJyA6ICdzbGF0ZS1ibG9jayc7XG4gICAgICAgIHRoaXMubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKGBzbGF0ZS1lbGVtZW50LSR7dGhpcy5lbGVtZW50LnR5cGV9YCwgYmxvY2tDbGFzcyk7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvc3JjL2ludGVyZmFjZXMvdmlldy1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXJELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQU1uRSxNQUFNLE9BQU8sdUJBQ1QsU0FBUSxvQkFBMEI7SUFHbEMsZUFBZTtRQUNYLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLHdCQUF3QixDQUFDLENBQUM7WUFDM0QsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRTtnQkFDcEQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLHFCQUFxQixDQUFDLENBQUM7YUFDM0Q7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7YUFDOUQ7U0FDSjthQUFNO1lBQ0gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLHdCQUF3QixDQUFDLENBQUM7WUFDOUQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7U0FDOUQ7SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBYSxDQUFDO1FBQy9FLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7UUFDN0YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGlCQUFpQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3ZGLENBQUM7O29IQXhCUSx1QkFBdUI7d0dBQXZCLHVCQUF1QixzRkFGdEIsRUFBRTsyRkFFSCx1QkFBdUI7a0JBSm5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFLEVBQUU7aUJBQ2YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZUVsZW1lbnRDb21wb25lbnQgfSBmcm9tICdzbGF0ZS1hbmd1bGFyJztcbmltcG9ydCB7IEVkaXRvciwgRWxlbWVudCB9IGZyb20gJ3NsYXRlJztcbmltcG9ydCB7IGlzR2xvYmFsQ29sbGFwc2VkIH0gZnJvbSAnLi4vcXVlcmllcy9pcy1nbG9iYWwtY29sbGFwc2VkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdUaGVCYXNlRWxlbWVudENvbXBvbmVudCcsXG4gICAgdGVtcGxhdGU6ICcnXG59KVxuZXhwb3J0IGNsYXNzIFRoZUJhc2VFbGVtZW50Q29tcG9uZW50PFQgZXh0ZW5kcyBFbGVtZW50ID0gRWxlbWVudCwgSyBleHRlbmRzIEVkaXRvciA9IEVkaXRvcj5cbiAgICBleHRlbmRzIEJhc2VFbGVtZW50Q29tcG9uZW50PFQsIEs+XG4gICAgaW1wbGVtZW50cyBPbkluaXRcbntcbiAgICBvbkNvbnRleHRDaGFuZ2UoKSB7XG4gICAgICAgIHN1cGVyLm9uQ29udGV4dENoYW5nZSgpO1xuICAgICAgICBpZiAodGhpcy5zZWxlY3Rpb24pIHtcbiAgICAgICAgICAgIHRoaXMubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKGBzbGF0ZS1zZWxlY3RlZC1lbGVtZW50YCk7XG4gICAgICAgICAgICBpZiAodGhpcy5pc0NvbGxhcHNlZCAmJiBpc0dsb2JhbENvbGxhcHNlZCh0aGlzLmVkaXRvcikpIHtcbiAgICAgICAgICAgICAgICB0aGlzLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZChgc2xhdGUtZm9jdXMtZWxlbWVudGApO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShgc2xhdGUtZm9jdXMtZWxlbWVudGApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoYHNsYXRlLXNlbGVjdGVkLWVsZW1lbnRgKTtcbiAgICAgICAgICAgIHRoaXMubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGBzbGF0ZS1mb2N1cy1lbGVtZW50YCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5jb250ZXh0LmF0dHJpYnV0ZXNbJ2RhdGEtc2xhdGUta2V5J10gPSB0aGlzLmNvbnRleHQuZWxlbWVudC5rZXkgYXMgc3RyaW5nO1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICBjb25zdCBibG9ja0NsYXNzID0gdGhpcy5lZGl0b3IuaXNJbmxpbmUodGhpcy5lbGVtZW50KSA/ICdzbGF0ZS1pbmxpbmUtYmxvY2snIDogJ3NsYXRlLWJsb2NrJztcbiAgICAgICAgdGhpcy5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoYHNsYXRlLWVsZW1lbnQtJHt0aGlzLmVsZW1lbnQudHlwZX1gLCBibG9ja0NsYXNzKTtcbiAgICB9XG59XG4iXX0=

package/fesm2015/worktile-theia.mjs

@@ -6,7 +6,7 @@ import * as i2$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import * as i1 from 'slate-angular';
 import { BaseElementComponent, BaseTextComponent, NODE_TO_PARENT, NODE_TO_INDEX, AngularEditor, hotkeys, ELEMENT_TO_COMPONENT, IS_SAFARI, hasBlockCard, isCardLeft, FAKE_RIGHT_BLOCK_CARD_OFFSET, getPlainText as getPlainText$1, EDITOR_TO_ELEMENT, withAngular, SlateModule } from 'slate-angular';
-import { Element as Element$1, Editor, Range, Node, Span, Path, Text, Point, Transforms, Operation, createEditor } from 'slate';
+import { Range, Element as Element$1, Editor, Node, Span, Path, Text, Point, Transforms, Operation, createEditor } from 'slate';
 import { __rest, __awaiter } from 'tslib';
 import { map, cloneDeep, assign, defaults, groupBy, uniq, debounce } from 'lodash';
 import { isObject, isArray, isString } from 'ngx-tethys/util';
@@ -70,7 +70,27 @@ import { ThyNavModule } from 'ngx-tethys/nav';
 import { ThySelectModule } from 'ngx-tethys/select';
 import { ThyMenuModule } from 'ngx-tethys/menu';
 
+const isGlobalCollapsed = (editor) => {
+    return editor && editor.selection && Range.isCollapsed(editor.selection);
+};
+
 class TheBaseElementComponent extends BaseElementComponent {
+    onContextChange() {
+        super.onContextChange();
+        if (this.selection) {
+            this.nativeElement.classList.add(`slate-selected-element`);
+            if (this.isCollapsed && isGlobalCollapsed(this.editor)) {
+                this.nativeElement.classList.add(`slate-focus-element`);
+            }
+            else {
+                this.nativeElement.classList.remove(`slate-focus-element`);
+            }
+        }
+        else {
+            this.nativeElement.classList.remove(`slate-selected-element`);
+            this.nativeElement.classList.remove(`slate-focus-element`);
+        }
+    }
     ngOnInit() {
         this.context.attributes['data-slate-key'] = this.context.element.key;
         super.ngOnInit();
@@ -2358,10 +2378,6 @@ const isEmptyContent = (children) => {
     return false;
 };
 
-const isGlobalCollapsed = (editor) => {
-    return editor && editor.selection && Range.isCollapsed(editor.selection);
-};
-
 const isEmptyContentByFilter = (editor, rules) => {
     var _a;
     const { children } = editor;