lakelib 0.1.3 → 0.1.5

package/lib/lake.css

@@ -37,7 +37,7 @@
   font-family: var(--font-family);
   font-size: 16px;
   font-weight: normal;
-  line-height: normal;
+  line-height: 1.45;
   padding: 16px 24px;
 }
 .lake-container:focus {

package/lib/lake.js

@@ -3441,7 +3441,8 @@ function deleteContents(range) {
     if (range.isCollapsed) {
         return;
     }
-    range.adapt();
+    range.adaptBox();
+    range.adaptTable();
     if (range.isInoperative) {
         return;
     }
@@ -4613,7 +4614,7 @@ class Dropdown {
     }
 }
 
-var version = "0.1.3";
+var version = "0.1.5";
 
 // Inserts a box into the specified range.
 function insertBox(range, boxName, boxValue) {
@@ -5210,7 +5211,7 @@ class Plugin {
 }
 
 const defaultConfig = {
-    value: '<p><br /><focus /></p>',
+    value: '<p><br /></p>',
     readonly: false,
     spellcheck: false,
     tabIndex: 0,
@@ -5221,7 +5222,7 @@ const defaultConfig = {
 class Editor {
     constructor(config) {
         this.unsavedInputData = '';
-        this.stateData = {
+        this.state = {
             appliedItems: [],
             disabledNameMap: new Map(),
             selectedNameMap: new Map(),
@@ -5321,20 +5322,20 @@ class Editor {
                     }
                 }
             }
-            const stateData = {
+            const state = {
                 appliedItems,
                 disabledNameMap,
                 selectedNameMap,
                 selectedValuesMap,
             };
-            if (isEqual(stateData, this.stateData)) {
+            if (isEqual(state, this.state)) {
                 return;
             }
             if (this.toolbar) {
-                this.toolbar.updateState(stateData);
+                this.toolbar.updateState(state);
             }
-            this.event.emit('statechange', stateData);
-            this.stateData = stateData;
+            this.event.emit('statechange', state);
+            this.state = state;
         }, 100, {
             leading: false,
             trailing: true,
@@ -5470,13 +5471,13 @@ class Editor {
             this.emitChangeEvent(value);
         });
     }
-    bindFocusEvents() {
-        this.container.on('focus', () => {
-            this.root.addClass('lake-root-focused');
-        });
-        this.container.on('blur', () => {
-            this.root.removeClass('lake-root-focused');
-        });
+    // Returns a boolean value indicating whether the editor has focus.
+    get hasFocus() {
+        const activeElement = document.activeElement;
+        if (!activeElement) {
+            return false;
+        }
+        return query(activeElement).closest('.lake-container').get(0) === this.container.get(0);
     }
     // Returns translation functions by the specified lang.
     get locale() {
@@ -5595,7 +5596,6 @@ class Editor {
         this.container.append(fragment);
         Editor.plugin.loadAll(this);
         if (!this.readonly) {
-            this.bindFocusEvents();
             this.selection.synByBookmark();
             this.history.save();
         }
@@ -6417,9 +6417,9 @@ class Toolbar {
         });
     }
     // Updates state of each item such as disabled, selected.
-    updateState(stateData) {
+    updateState(state) {
         var _a;
-        const { appliedItems, disabledNameMap, selectedNameMap, selectedValuesMap } = stateData;
+        const { appliedItems, disabledNameMap, selectedNameMap, selectedValuesMap } = state;
         for (const item of this.buttonItemList) {
             const selectedClass = 'lake-button-selected';
             const buttonNode = this.container.find(`button[name="${item.name}"]`);
@@ -9255,7 +9255,7 @@ var escapeKey = (editor) => {
             selection.addRangeToNativeSelection();
             return;
         }
-        if (editor.root.hasClass('lake-root-focused')) {
+        if (editor.hasFocus) {
             event.preventDefault();
             editor.blur();
         }