@nine-lab/nine-mu 0.1.292 → 0.1.294

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.291"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.293"}/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.291"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.293"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43847,11 +43847,14 @@ class NineDiffPopup extends HTMLElement {
     return this;
   }
   /**
-   * 💡 [틀 고정 + 에디터 동적 인스턴싱 엔진]
+   * 💡 [완벽 캡슐화 데이터 피딩]
    */
   async data(fileList) {
     if (!Array.isArray(fileList) || fileList.length === 0) return this;
     __privateSet(this, _fileList, fileList);
+    if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).clearTabs === "function") {
+      __privateGet(this, _tabContainer).clearTabs();
+    }
     const detectLanguage = (path) => {
       const lower = (path || "").toLowerCase();
       if (lower.endsWith(".xml")) return "xml";
@@ -43859,46 +43862,28 @@ class NineDiffPopup extends HTMLElement {
       if (lower.endsWith(".json")) return "json";
       return "javascript";
     };
+    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);
+      }
+    });
     setTimeout(() => {
-      const activeLayers = fileList.map((f) => f.layer);
-      const tabButtons = __privateGet(this, _tabContainer).shadowRoot.querySelectorAll(".tab-button");
-      const targetLayers = ["MyBatis", "Service", "Controller", "JavaScript"];
-      targetLayers.forEach((layerName, index) => {
-        const currentBtn = tabButtons[index];
-        const pageBody = __privateGet(this, _tabContainer).shadowRoot.getElementById(`content${index}`);
-        if (!pageBody) return;
-        if (activeLayers.includes(layerName)) {
-          const fileData = fileList.find((f) => f.layer === layerName);
-          const fileName = fileData.full_path.split("/").pop() || "Unknown";
-          if (currentBtn) {
-            currentBtn.textContent = `${layerName.toUpperCase()} (${fileName})`;
-            currentBtn.style.display = "unset";
-          }
-          pageBody.innerHTML = `<nine-diff class="${layerName}"></nine-diff>`;
-        } else {
-          if (currentBtn) {
-            currentBtn.style.display = "none";
-            currentBtn.classList.remove("active");
-          }
-          pageBody.innerHTML = "";
+      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);
         }
       });
-      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();
-          }
-        });
-      });
-    }, 120);
+      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
+        __privateGet(this, _tabContainer).initialize();
+      }
+    }, 50);
     return this;
   }
 }
@@ -43908,11 +43893,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.291";
+  const appVersion = "0.1.293";
   this.shadowRoot.innerHTML = `
             <style>
                 @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${appVersion}/dist/css/nine-mu.css";
@@ -43920,12 +43905,7 @@ renderScaffolding_fn = function() {
             </style>
             
             <nine-dialog>
-                <nine-tab theme="theme-3">
-                    <nine-tab-page caption="MYBATIS" id="layer_MyBatis"></nine-tab-page>
-                    <nine-tab-page caption="SERVICE" id="layer_Service"></nine-tab-page>
-                    <nine-tab-page caption="CONTROLLER" id="layer_Controller"></nine-tab-page>
-                    <nine-tab-page caption="JAVASCRIPT" id="layer_JavaScript"></nine-tab-page>
-                </nine-tab>
+                <nine-tab theme="theme-3"></nine-tab>
                 
                 <div class="footer">
                     <button class="btn btn-cancel">취소</button>
@@ -44256,7 +44236,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.291"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.293"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44350,7 +44330,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.291",
+  version: "0.1.293",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }