lakelib 0.3.8 → 0.3.9

package/lib/lake.css

@@ -870,7 +870,7 @@ button.lake-primary-button.lake-button-hovered {
 .lake-container ul {
   list-style: none;
   margin: 0;
-  margin-bottom: 4px;
+  margin-bottom: 8px;
   padding: 0;
 }
 
@@ -931,8 +931,8 @@ button.lake-primary-button.lake-button-hovered {
 
 .lake-container ol li,
 .lake-container ul li {
-  margin-left: 20px;
-  padding-left: 4px;
+  margin: 0 0 0 20px;
+  padding: 0 0 0 4px;
 }
 
 .lake-container ol li {
@@ -1218,7 +1218,7 @@ lake-box[name="hr"] .lake-box-focused .lake-hr {
   border-top: 1px solid var(--lake-border-color);
 }
 
-/* custom properties */
+/* variables */
 :root {
   --lake-code-highlight-keyword: #af00db;
   --lake-code-highlight-name: #444d56;

package/lib/lake.d.ts

@@ -1019,7 +1019,7 @@ declare class Range$1 {
      */
     get endOffset(): number;
     /**
-     * The deepest — or furthest down the document tree — node that contains both boundary points of the range.
+     * The deepest node, or the lowest point in the document tree, that contains both boundary points of the range.
      */
     get commonAncestor(): Nodes;
     /**
@@ -1825,6 +1825,10 @@ declare class Editor {
      * Binds events for history.
      */
     private bindHistoryEvents;
+    /**
+     * Binds events for pointer.
+     */
+    private bindPointerEvents;
     /**
      * Returns translation functions for the specified language.
      */

package/lib/lake.js

@@ -1649,7 +1649,7 @@ class Range {
         return this.range.endOffset;
     }
     /**
-     * The deepest — or furthest down the document tree — node that contains both boundary points of the range.
+     * The deepest node, or the lowest point in the document tree, that contains both boundary points of the range.
      */
     get commonAncestor() {
         return new Nodes(this.range.commonAncestorContainer);
@@ -6273,7 +6273,7 @@ function removeBox(range) {
     return box;
 }
 
-var version = "0.3.8";
+var version = "0.3.9";
 
 // Converts the custom HTML tags to the special tags that can not be parsed by browser.
 function denormalizeValue(value) {
@@ -7938,6 +7938,28 @@ class Editor {
             }
         });
     }
+    /**
+     * Binds events for pointer.
+     */
+    bindPointerEvents() {
+        this.container.on('pointerdown', event => {
+            const pointerEvent = event;
+            if (pointerEvent.target !== null && pointerEvent.target !== this.container.get(0)) {
+                return;
+            }
+            const lastChild = this.container.last();
+            if (lastChild.isTable || lastChild.isBlockBox) {
+                const lastChildRect = lastChild.get(0).getBoundingClientRect();
+                if (pointerEvent.clientY > lastChildRect.bottom) {
+                    pointerEvent.preventDefault();
+                    const paragraph = query('<p><br /></p>');
+                    lastChild.after(paragraph);
+                    this.selection.range.shrinkBefore(paragraph);
+                    this.selection.sync();
+                }
+            }
+        });
+    }
     /**
      * Returns translation functions for the specified language.
      */
@@ -8161,6 +8183,7 @@ class Editor {
             document.addEventListener('click', this.clickListener);
             this.bindInputEvents();
             this.bindHistoryEvents();
+            this.bindPointerEvents();
         }
     }
     /**
@@ -11413,6 +11436,9 @@ function appendButtonGroup(box) {
     const editor = box.getEditor();
     const boxContainer = box.getContainer();
     const rootNode = boxContainer.find('.lake-video');
+    if (rootNode.find('.lake-corner-toolbar').length > 0) {
+        return;
+    }
     new CornerToolbar({
         locale: editor.locale,
         root: rootNode,
@@ -11458,22 +11484,6 @@ function showVideo(box) {
     if (!editor.readonly) {
         iframeNode.on('load', () => {
             appendButtonGroup(box);
-            new CornerToolbar({
-                locale: editor.locale,
-                root: rootNode,
-                items: [
-                    {
-                        name: 'remove',
-                        icon: icons.get('remove'),
-                        tooltip: editor.locale.video.remove(),
-                        onClick: event => {
-                            event.stopPropagation();
-                            editor.selection.removeBox(box);
-                            editor.history.save();
-                        },
-                    },
-                ],
-            }).render();
             new Resizer({
                 root: rootNode,
                 target: boxContainer,
@@ -11492,7 +11502,7 @@ function showVideo(box) {
             }).render();
         });
     }
-    rootNode.append(iframeNode);
+    rootNode.prepend(iframeNode);
 }
 var videoBox = {
     type: 'inline',