ide-assi 0.493.0 → 0.494.0

package/dist/bundle.cjs.js

@@ -121079,7 +121079,29 @@ class nxTab extends HTMLElement {
     }
 
     initialize = () => {
+        this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
+           el.classList.remove("active");
+        });
+
+        const activeButton = this.shadowRoot.querySelector('.tab-button:not([style*="display: none"])');
+        console.log(activeButton);
+        console.log(activeButton.getAttribute('data-target'), activeButton.data);
+        //const tabPage = this.shadowRoot.querySelector(`#${activeButton.data}`);
+
+        if (activeButton) {
+            activeButton.click(); // 자동으로 탭 전환
+        }
+
+        /**
+        const activeTab = this.shadowRoot.querySelector('.tab-button.active');
 
+        // 현재 탭이 숨겨졌다면 첫 번째 visible 탭으로 이동
+        if (activeTab && activeTab.style.display === 'none') {
+            const nextVisibleTab = this.shadowRoot.querySelector('.tab-button:not([style*="display: none"])');
+            if (nextVisibleTab) {
+                nextVisibleTab.click(); // 자동으로 탭 전환
+            }
+        }*/
     }
 
     #renderTabs() {
@@ -121087,7 +121109,6 @@ class nxTab extends HTMLElement {
         const contents = this.shadowRoot.querySelector('.tab-pages');
         const tabItems = this.querySelectorAll('nx-tab-page');
 
-        /**
         tabItems.forEach((item, index) => {
             const tab = document.createElement('div');
             tab.classList.add('tab-button');
@@ -121100,20 +121121,6 @@ class nxTab extends HTMLElement {
             content.classList.add('tab-page');
             content.innerHTML = item.innerHTML;
             contents.appendChild(content);
-        }); */
-
-        tabItems.forEach((item, index) => {
-            const tab = document.createElement('div');
-            tab.classList.add('tab-button');
-            tab.textContent = item.getAttribute('caption');
-            tab.setAttribute('data-target', `content${index}`);
-            tabs.appendChild(tab);
-
-            const content = document.createElement('nx-tab-page');
-            content.id = `content${index}`;
-            content.classList.add('tab-page');
-            content.innerHTML = item.innerHTML;
-            contents.appendChild(content);
         });
 
         tabItems.forEach((item) => {
@@ -202917,6 +202924,7 @@ class IdeDiffPopup extends HTMLElement
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {
+
 			for (const item of changedSource) {
 				const [type, diffData] = Object.entries(item)[0]; // 예: type = "mybatis", diffData = { asis, tobe }
 				const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
@@ -202929,6 +202937,8 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
@@ -202938,6 +202948,8 @@ class IdeDiffPopup extends HTMLElement
 			});
 			//this.shadowRoot.querySelector('nx-tab').tabpage.hide("mybatis");
 
+			tab.initialize();
+
 			this.shadowRoot.querySelector('nx-dialog')?.showModal();
 		}, 100);
 	};

package/dist/bundle.esm.js

@@ -121075,7 +121075,29 @@ class nxTab extends HTMLElement {
     }
 
     initialize = () => {
+        this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
+           el.classList.remove("active");
+        });
+
+        const activeButton = this.shadowRoot.querySelector('.tab-button:not([style*="display: none"])');
+        console.log(activeButton);
+        console.log(activeButton.getAttribute('data-target'), activeButton.data);
+        //const tabPage = this.shadowRoot.querySelector(`#${activeButton.data}`);
+
+        if (activeButton) {
+            activeButton.click(); // 자동으로 탭 전환
+        }
+
+        /**
+        const activeTab = this.shadowRoot.querySelector('.tab-button.active');
 
+        // 현재 탭이 숨겨졌다면 첫 번째 visible 탭으로 이동
+        if (activeTab && activeTab.style.display === 'none') {
+            const nextVisibleTab = this.shadowRoot.querySelector('.tab-button:not([style*="display: none"])');
+            if (nextVisibleTab) {
+                nextVisibleTab.click(); // 자동으로 탭 전환
+            }
+        }*/
     }
 
     #renderTabs() {
@@ -121083,7 +121105,6 @@ class nxTab extends HTMLElement {
         const contents = this.shadowRoot.querySelector('.tab-pages');
         const tabItems = this.querySelectorAll('nx-tab-page');
 
-        /**
         tabItems.forEach((item, index) => {
             const tab = document.createElement('div');
             tab.classList.add('tab-button');
@@ -121096,20 +121117,6 @@ class nxTab extends HTMLElement {
             content.classList.add('tab-page');
             content.innerHTML = item.innerHTML;
             contents.appendChild(content);
-        }); */
-
-        tabItems.forEach((item, index) => {
-            const tab = document.createElement('div');
-            tab.classList.add('tab-button');
-            tab.textContent = item.getAttribute('caption');
-            tab.setAttribute('data-target', `content${index}`);
-            tabs.appendChild(tab);
-
-            const content = document.createElement('nx-tab-page');
-            content.id = `content${index}`;
-            content.classList.add('tab-page');
-            content.innerHTML = item.innerHTML;
-            contents.appendChild(content);
         });
 
         tabItems.forEach((item) => {
@@ -202913,6 +202920,7 @@ class IdeDiffPopup extends HTMLElement
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {
+
 			for (const item of changedSource) {
 				const [type, diffData] = Object.entries(item)[0]; // 예: type = "mybatis", diffData = { asis, tobe }
 				const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
@@ -202925,6 +202933,8 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
@@ -202934,6 +202944,8 @@ class IdeDiffPopup extends HTMLElement
 			});
 			//this.shadowRoot.querySelector('nx-tab').tabpage.hide("mybatis");
 
+			tab.initialize();
+
 			this.shadowRoot.querySelector('nx-dialog')?.showModal();
 		}, 100);
 	};

package/dist/components/ideDiffPopup.js

@@ -41,6 +41,7 @@ class IdeDiffPopup extends HTMLElement
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {
+
 			for (const item of changedSource) {
 				const [type, diffData] = Object.entries(item)[0]; // 예: type = "mybatis", diffData = { asis, tobe }
 				const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
@@ -53,6 +54,8 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
@@ -62,6 +65,8 @@ class IdeDiffPopup extends HTMLElement
 			});
 			//this.shadowRoot.querySelector('nx-tab').tabpage.hide("mybatis");
 
+			tab.initialize();
+
 			this.shadowRoot.querySelector('nx-dialog')?.showModal();
 		}, 100);
 	};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ide-assi",
   "type": "module",
-  "version": "0.493.0",
+  "version": "0.494.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/components/ideDiffPopup.js

@@ -41,6 +41,7 @@ class IdeDiffPopup extends HTMLElement
 		const tab = this.shadowRoot.querySelector('nx-tab');
 
 		setTimeout(() => {
+
 			for (const item of changedSource) {
 				const [type, diffData] = Object.entries(item)[0]; // 예: type = "mybatis", diffData = { asis, tobe }
 				const diff = ninegrid.querySelector(`ide-diff.${type}`, this.shadowRoot);
@@ -53,6 +54,8 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
@@ -62,6 +65,8 @@ class IdeDiffPopup extends HTMLElement
 			});
 			//this.shadowRoot.querySelector('nx-tab').tabpage.hide("mybatis");
 
+			tab.initialize();
+
 			this.shadowRoot.querySelector('nx-dialog')?.showModal();
 		}, 100);
 	};