@worktile/theia 14.2.28 → 14.2.30

package/fesm2020/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 { map, cloneDeep, assign, defaults, groupBy, uniq, debounce } from 'lodash';
 import { isObject, isArray, isString } from 'ngx-tethys/util';
 import { TheiaConverter } from '@atinc/selene';
@@ -69,7 +69,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();
@@ -898,6 +918,11 @@ const getAnchorBlockEntry = (editor, at) => {
     });
 };
 
+/**
+ * Is an ancestor empty (empty text and no inline children).
+ */
+const isAncestorEmpty = (editor, node) => !Node.string(node) && !node.children.some(n => Editor.isInline(editor, n));
+
 const isEmptyParagraph = (editor, at) => {
     const entry = getAnchorBlockEntry(editor, at);
     if (!entry) {
@@ -906,6 +931,15 @@ const isEmptyParagraph = (editor, at) => {
     const [block] = entry;
     return Editor.isEmpty(editor, block) && block.type === ElementKinds.paragraph;
 };
+const isEmptyParagraphElement = (editor, element) => {
+    const isParagraph = element.type === ElementKinds.paragraph;
+    const isEmpty = isAncestorEmpty(editor, element);
+    return isParagraph && isEmpty;
+};
+const isStrictEmptyParagraphElement = (editor, element) => {
+    const text = Node.string(element).replace(/(\s|\n)*$/g, '');
+    return isEmptyParagraphElement(editor, element) && text.length === 0;
+};
 
 const isParagraph = (editor) => {
     const [match] = Editor.nodes(editor, {
@@ -1005,11 +1039,6 @@ const getBlockAbove = (editor, options = {}) => Editor.above(editor, {
     ...options
 }) || [editor, []];
 
-/**
- * Is an ancestor empty (empty text and no inline children).
- */
-const isAncestorEmpty = (editor, node) => !Node.string(node) && !node.children.some(n => Editor.isInline(editor, n));
-
 /**
  * Is the block above the selection empty.
  */
@@ -2374,10 +2403,6 @@ const isEmptyContent = (children) => {
     return false;
 };
 
-const isGlobalCollapsed = (editor) => {
-    return editor && editor.selection && Range.isCollapsed(editor.selection);
-};
-
 const isEmptyContentByFilter = (editor, rules) => {
     const { children } = editor;
     if (children.length < 1) {
@@ -2429,6 +2454,8 @@ var index$1 = /*#__PURE__*/Object.freeze({
     isAncestor: isAncestor,
     isCollapsed: isCollapsed,
     isEmptyParagraph: isEmptyParagraph,
+    isEmptyParagraphElement: isEmptyParagraphElement,
+    isStrictEmptyParagraphElement: isStrictEmptyParagraphElement,
     isParagraph: isParagraph,
     isBlockActive: isBlockActive,
     isIncludeTypes: isIncludeTypes,