@orangelogic/design-system 2.73.0 → 2.74.0

package/library/components/types.js

@@ -43550,7 +43550,7 @@ let Tr = class extends Mn {
     ), this.fetchItems = this.fetchItems.bind(this), this.handleMentionKeyDown = this.handleMentionKeyDown.bind(this), this.handleMentionStart = this.handleMentionStart.bind(this), this.handleMentionUpdate = this.handleMentionUpdate.bind(this), this.handleOutsideClick = this.handleOutsideClick.bind(this), this.toggleFullscreen = this.toggleFullscreen.bind(this), this.resetMention = this.resetMention.bind(this);
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleOutsideClick);
+    super.connectedCallback(), this.hasUpdated && this.initEditor(), document.addEventListener("click", this.handleOutsideClick);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick), this.debouncedFetch.cancel(), this.caretAnimationId && (cancelAnimationFrame(this.caretAnimationId), this.caretAnimationId = void 0), this.editor?.destroy();
@@ -43653,7 +43653,7 @@ let Tr = class extends Mn {
   handleMentionKeyDown(n) {
     return n.event.key === "Escape" && this.commentMention.active && (n.event.stopPropagation(), this.resetMention()), n.event.key === "Tab" && (n.event.preventDefault(), this.commentMention.handleEnter()), this.commentMention?.handleKeyDown(n.event);
   }
-  runFirstUpdated() {
+  initEditor() {
     this.editor = new T5({
       content: this.content,
       editable: this.editable,
@@ -43741,7 +43741,10 @@ let Tr = class extends Mn {
       parseOptions: {
         preserveWhitespace: !0
       }
-    }), FY() && (this.contentEditable = "true"), TO(this.dialog, "dialog.show", null), TO(this.dialog, "dialog.overlay.show", null);
+    });
+  }
+  runFirstUpdated() {
+    this.initEditor(), FY() && (this.contentEditable = "true"), TO(this.dialog, "dialog.show", null), TO(this.dialog, "dialog.overlay.show", null);
   }
   handleCommentMousedown(n) {
     n.stopPropagation();

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.73.0",
+  "version": "2.74.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/organisms/src/comment/comment.d.ts

@@ -117,6 +117,7 @@ export default class CxComment extends CortexElement {
     private handleMentionStart;
     private handleMentionUpdate;
     private handleMentionKeyDown;
+    private initEditor;
     runFirstUpdated(): void;
     private handleCommentMousedown;
     handleEditableChange(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.73.0",
+  "version": "2.74.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {