lakelib 0.3.5 → 0.3.7

package/lib/lake.d.ts

@@ -358,6 +358,19 @@ interface ThreeParts extends TwoParts {
 }
 type NodePath = number[];
 
+interface ActiveItem {
+    node: Nodes;
+    name: string;
+    attributes: KeyValue;
+    styles: KeyValue;
+}
+interface SelectionState {
+    activeItems: ActiveItem[];
+    disabledNameMap?: Map<string, boolean>;
+    selectedNameMap?: Map<string, boolean>;
+    selectedValuesMap?: Map<string, string[]>;
+}
+
 type TranslationFunctions = {
     toolbar: {
         /**
@@ -971,19 +984,6 @@ type TranslationFunctions = {
     };
 };
 
-interface ActiveItem {
-    node: Nodes;
-    name: string;
-    attributes: KeyValue;
-    styles: KeyValue;
-}
-interface SelectionState {
-    activeItems: ActiveItem[];
-    disabledNameMap?: Map<string, boolean>;
-    selectedNameMap?: Map<string, boolean>;
-    selectedValuesMap?: Map<string, string[]>;
-}
-
 type NativeRange = Range;
 
 /**
@@ -1856,6 +1856,10 @@ declare class Editor {
      * Removes focus from the editor.
      */
     blur(): void;
+    /**
+     * Returns the state of the current selection.
+     */
+    getState(): SelectionState;
     /**
      * Sets the specified content to the editor.
      */

package/lib/lake.js

@@ -4395,7 +4395,7 @@ class Toolbar {
         for (const item of this.dropdownItemList) {
             let selectedValues = selectedValuesMap.get(item.name);
             if (selectedValues === undefined) {
-                selectedValues = item.selectedValues ? item.selectedValues(activeItems) : [];
+                selectedValues = item.selectedValues && activeItems.length > 0 ? item.selectedValues(activeItems) : [];
             }
             const dropdownNode = this.container.find(`div.lake-dropdown[name="${item.name}"]`);
             let isDisabled = disabledNameMap.get(item.name);
@@ -6273,7 +6273,7 @@ function removeBox(range) {
     return box;
 }
 
-var version = "0.3.5";
+var version = "0.3.7";
 
 // Converts the custom HTML tags to the special tags that can not be parsed by browser.
 function denormalizeValue(value) {
@@ -7724,37 +7724,7 @@ class Editor {
          * Triggers the statechange event when the current selection is changed.
          */
         this.emitStateChangeEvent = debounce(() => {
-            const commandNames = this.command.getNames();
-            let activeItems = this.selection.getActiveItems();
-            if (activeItems.length > 0 && !this.container.contains(activeItems[0].node)) {
-                activeItems = [];
-            }
-            const disabledNameMap = new Map();
-            const selectedNameMap = new Map();
-            const selectedValuesMap = new Map();
-            if (activeItems.length > 0) {
-                for (const name of commandNames) {
-                    const commandItem = this.command.getItem(name);
-                    if (commandItem.isDisabled && commandItem.isDisabled(activeItems)) {
-                        disabledNameMap.set(name, true);
-                    }
-                    if (commandItem.isSelected && commandItem.isSelected(activeItems)) {
-                        selectedNameMap.set(name, true);
-                    }
-                    if (commandItem.selectedValues) {
-                        const values = commandItem.selectedValues(activeItems);
-                        if (values.length > 0) {
-                            selectedValuesMap.set(name, values);
-                        }
-                    }
-                }
-            }
-            const state = {
-                activeItems,
-                disabledNameMap,
-                selectedNameMap,
-                selectedValuesMap,
-            };
+            const state = this.getState();
             if (isEqual(state, this.state)) {
                 return;
             }
@@ -8095,6 +8065,40 @@ class Editor {
     blur() {
         this.container.blur();
     }
+    /**
+     * Returns the state of the current selection.
+     */
+    getState() {
+        const commandNames = this.command.getNames();
+        let activeItems = this.selection.getActiveItems();
+        if (activeItems.length > 0 && !this.container.contains(activeItems[0].node)) {
+            activeItems = [];
+        }
+        const disabledNameMap = new Map();
+        const selectedNameMap = new Map();
+        const selectedValuesMap = new Map();
+        for (const name of commandNames) {
+            const commandItem = this.command.getItem(name);
+            if (commandItem.isDisabled && commandItem.isDisabled(activeItems)) {
+                disabledNameMap.set(name, true);
+            }
+            if (commandItem.isSelected && commandItem.isSelected(activeItems)) {
+                selectedNameMap.set(name, true);
+            }
+            if (activeItems.length > 0 && commandItem.selectedValues) {
+                const values = commandItem.selectedValues(activeItems);
+                if (values.length > 0) {
+                    selectedValuesMap.set(name, values);
+                }
+            }
+        }
+        return {
+            activeItems,
+            disabledNameMap,
+            selectedNameMap,
+            selectedValuesMap,
+        };
+    }
     /**
      * Sets the specified content to the editor.
      */
@@ -8140,6 +8144,8 @@ class Editor {
         this.renderBoxes();
         if (this.toolbar) {
             this.toolbar.render(this);
+            const state = this.getState();
+            this.toolbar.updateState(state);
         }
         document.addEventListener('copy', this.copyListener);
         if (!this.readonly) {