@ni/nimble-components 20.17.1 → 20.17.2

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Fri, 05 Jan 2024 00:21:59 GMT
+   * Generated on Fri, 05 Jan 2024 14:36:09 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -56623,8 +56623,10 @@ img.ProseMirror-separator {
        * @internal
        */
       configurationChanged(prev, next) {
+          const formatButtonsState = this.getButtonsState(this.tiptapEditor);
+          const { from, to } = this.tiptapEditor.view.state.selection;
           if (this.isMentionExtensionConfigUnchanged(prev, next)) {
-              this.refreshMarkdownContent();
+              this.setMarkdown(this.getMarkdown());
           }
           else {
               const mentionExtensionConfig = this.getMentionExtensionConfig();
@@ -56633,6 +56635,8 @@ img.ProseMirror-separator {
               this.initializeEditor();
               this.setMarkdown(currentStateMarkdown);
           }
+          this.tiptapEditor.commands.setTextSelection({ from, to });
+          this.resetEditorButtonsState(formatButtonsState);
           this.setActiveMappingConfigs();
       }
       /**
@@ -56978,11 +56982,22 @@ img.ProseMirror-separator {
       getMentionExtensionConfigFromCharacter(character) {
           return this.getMentionExtensionConfig().find(config => config.character === character);
       }
-      // This method restore the cursor selection after setting the editor content when the editor is focused
-      refreshMarkdownContent() {
-          const { from, to } = this.tiptapEditor.view.state.selection;
-          this.setMarkdown(this.getMarkdown());
-          this.tiptapEditor.commands.setTextSelection({ from, to });
+      resetEditorButtonsState(buttonsState) {
+          if (buttonsState?.bold && !this.tiptapEditor.isActive('bold')) {
+              this.tiptapEditor.chain().focus().toggleBold().run();
+          }
+          if (buttonsState?.italics && !this.tiptapEditor.isActive('italic')) {
+              this.tiptapEditor.chain().focus().toggleItalic().run();
+          }
+      }
+      getButtonsState(tiptapEditor) {
+          if (!this.$fastController.isConnected) {
+              return undefined;
+          }
+          return {
+              bold: tiptapEditor.isActive('bold'),
+              italics: tiptapEditor.isActive('italic')
+          };
       }
   }
   __decorate$1([