@nine-lab/nine-mu 0.1.32 → 0.1.34

package/dist/nine-mu.js

@@ -178,7 +178,7 @@ render_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.31"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.33"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -26378,7 +26378,7 @@ class NineDiff extends HTMLElement {
     const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.31"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.33"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -26390,6 +26390,11 @@ class NineDiff extends HTMLElement {
         `;
     requestAnimationFrame(() => {
       __privateGet(this, _initCodeMirror).call(this);
+      this.dispatchEvent(new CustomEvent("ready", {
+        detail: { target: this },
+        bubbles: true,
+        composed: true
+      }));
     });
   }
   disconnectedCallback() {
@@ -26437,7 +26442,7 @@ class NineDiffPopup extends HTMLElement {
     const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.31"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.33"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -26462,13 +26467,12 @@ class NineDiffPopup extends HTMLElement {
     return new Promise((resolve) => {
       __privateSet(this, _resolve, resolve);
       __privateSet(this, _asisBackup, (data == null ? void 0 : data.asis) || "");
-      if (__privateGet(this, _diffView)) {
+      __privateGet(this, _diffView).addEventListener("ready", () => {
+        trace.log("NineDiff is Ready! Injecting data...");
         const asisStr = typeof data.asis === "object" ? JSON.stringify(data.asis, null, 2) : data.asis;
         const tobeStr = typeof data.tobe === "object" ? JSON.stringify(data.tobe, null, 2) : data.tobe;
-        setTimeout(() => {
-          __privateGet(this, _diffView).initialize(asisStr, tobeStr, data.lang || "");
-        }, 100);
-      }
+        __privateGet(this, _diffView).initialize(asisStr, tobeStr, data.lang || "javascript");
+      }, { once: true });
       __privateGet(this, _dialog).showModal();
     });
   }
@@ -26582,7 +26586,7 @@ if (!customElements.get("nine-dialog")) {
   customElements.define("nine-dialog", NineDialog);
 }
 const NineMu = {
-  version: "0.1.31",
+  version: "0.1.33",
   init: (config) => {
     trace.log("🛠️ Nine-Mu Engine initialized", config);
   }