@nine-lab/nine-mu 0.1.294 → 0.1.296

package/dist/nine-mu.js

@@ -17563,7 +17563,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.293"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.295"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43780,7 +43780,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.293"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.295"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43847,7 +43847,7 @@ class NineDiffPopup extends HTMLElement {
     return this;
   }
   /**
-   * 💡 [완벽 캡슐화 데이터 피딩]
+   * 💡 [원프레임 통짜 일괄 동적 빌드 엔진]
    */
   async data(fileList) {
     if (!Array.isArray(fileList) || fileList.length === 0) return this;
@@ -43862,28 +43862,36 @@ class NineDiffPopup extends HTMLElement {
       if (lower.endsWith(".json")) return "json";
       return "javascript";
     };
+    let totalTabHtml = "";
     fileList.forEach((file) => {
       const { layer: layer2, full_path } = file;
       const fileName = full_path.split("/").pop() || "Unknown";
       const captionName = `${layer2.toUpperCase()} (${fileName})`;
-      const targetHtmlContent = `<nine-diff class="${layer2}"></nine-diff>`;
-      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).addTabPage === "function") {
-        __privateGet(this, _tabContainer).addTabPage(captionName, targetHtmlContent);
-      }
+      totalTabHtml += `
+                <nine-tab-page caption="${captionName}">
+                    <nine-diff class="${layer2}"></nine-diff>
+                </nine-tab-page>
+            `;
     });
-    setTimeout(() => {
-      fileList.forEach((file) => {
-        const { layer: layer2, full_path, asis_source, source } = file;
-        const diff = __privateGet(this, _tabContainer).shadowRoot.querySelector(`nine-diff.${layer2}`);
-        if (diff && typeof diff.initialize === "function") {
-          const lang = detectLanguage(full_path);
-          diff.initialize(asis_source || "", source || "", lang);
+    __privateGet(this, _tabContainer).innerHTML = totalTabHtml;
+    if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).connectedCallback === "function") {
+      __privateGet(this, _tabContainer).connectedCallback();
+    }
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        fileList.forEach((file) => {
+          const { layer: layer2, full_path, asis_source, source } = file;
+          const diff = __privateGet(this, _tabContainer).shadowRoot.querySelector(`nine-diff.${layer2}`);
+          if (diff && typeof diff.initialize === "function") {
+            const lang = detectLanguage(full_path);
+            diff.initialize(asis_source || "", source || "", lang);
+          }
+        });
+        if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
+          __privateGet(this, _tabContainer).initialize();
         }
       });
-      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
-        __privateGet(this, _tabContainer).initialize();
-      }
-    }, 50);
+    });
     return this;
   }
 }
@@ -43893,11 +43901,11 @@ _fileList = new WeakMap();
 _host = new WeakMap();
 _NineDiffPopup_instances = new WeakSet();
 /**
- * 💡 스타일 간섭 없는 깨끗한 순수 스케폴딩 선언
+ * 💡 스타일 간섭 없는 순수 다이얼로그 껍데기 렌더링
  */
 renderScaffolding_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
-  const appVersion = "0.1.293";
+  const appVersion = "0.1.295";
   this.shadowRoot.innerHTML = `
             <style>
                 @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${appVersion}/dist/css/nine-mu.css";
@@ -44236,7 +44244,7 @@ class ChatMessageBody 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.293"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.295"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44330,7 +44338,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.293",
+  version: "0.1.295",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }