ide-assi 0.492.0 → 0.494.0

package/dist/bundle.cjs.js

@@ -121049,6 +121049,18 @@ class nxTab extends HTMLElement {
 
 
         this.tabpage = {
+            show: (v) => {
+                this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
+                    if (el.innerText.trim() === v) {
+                        el.style.display = "unset";
+                    }
+                });
+            },
+            showAll: () => {
+                this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
+                    el.style.display = "unset";
+                });
+            },
             hide: (v) => {
                 this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
                     if (el.innerText.trim() === v) {
@@ -121066,6 +121078,32 @@ class nxTab extends HTMLElement {
         this.dispatchEvent(new CustomEvent(ninegrid.EVENT.TAB_LOAD, { bubbles: true, detail: {} }));
     }
 
+    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() {
         const tabs = this.shadowRoot.querySelector('.tabs');
         const contents = this.shadowRoot.querySelector('.tab-pages');
@@ -202883,7 +202921,10 @@ class IdeDiffPopup extends HTMLElement
 	
 	popup = (changedSource) => {
 
+		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);
@@ -202896,8 +202937,9 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
-			const tab = this.shadowRoot.querySelector('nx-tab');
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
 				if (!types.includes(type)) {
@@ -202906,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

@@ -121045,6 +121045,18 @@ class nxTab extends HTMLElement {
 
 
         this.tabpage = {
+            show: (v) => {
+                this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
+                    if (el.innerText.trim() === v) {
+                        el.style.display = "unset";
+                    }
+                });
+            },
+            showAll: () => {
+                this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
+                    el.style.display = "unset";
+                });
+            },
             hide: (v) => {
                 this.shadowRoot.querySelectorAll(".tab-button").forEach((el, i) => {
                     if (el.innerText.trim() === v) {
@@ -121062,6 +121074,32 @@ class nxTab extends HTMLElement {
         this.dispatchEvent(new CustomEvent(ninegrid.EVENT.TAB_LOAD, { bubbles: true, detail: {} }));
     }
 
+    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() {
         const tabs = this.shadowRoot.querySelector('.tabs');
         const contents = this.shadowRoot.querySelector('.tab-pages');
@@ -202879,7 +202917,10 @@ class IdeDiffPopup extends HTMLElement
 	
 	popup = (changedSource) => {
 
+		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);
@@ -202892,8 +202933,9 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
-			const tab = this.shadowRoot.querySelector('nx-tab');
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
 				if (!types.includes(type)) {
@@ -202902,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

@@ -38,7 +38,10 @@ class IdeDiffPopup extends HTMLElement
 	
 	popup = (changedSource) => {
 
+		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);
@@ -51,8 +54,9 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
-			const tab = this.shadowRoot.querySelector('nx-tab');
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
 				if (!types.includes(type)) {
@@ -61,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.492.0",
+  "version": "0.494.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/components/ideDiffPopup.js

@@ -38,7 +38,10 @@ class IdeDiffPopup extends HTMLElement
 	
 	popup = (changedSource) => {
 
+		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);
@@ -51,8 +54,9 @@ class IdeDiffPopup extends HTMLElement
 				);
 			}
 
+			tab.tabpage.showAll();
+
 			const types = changedSource.map(item => Object.keys(item)[0]);
-			const tab = this.shadowRoot.querySelector('nx-tab');
 			ninegrid.querySelectorAll("ide-diff", this.shadowRoot).forEach(el => {
 				const type = el.className.trim();
 				if (!types.includes(type)) {
@@ -61,6 +65,8 @@ class IdeDiffPopup extends HTMLElement
 			});
 			//this.shadowRoot.querySelector('nx-tab').tabpage.hide("mybatis");
 
+			tab.initialize();
+
 			this.shadowRoot.querySelector('nx-dialog')?.showModal();
 		}, 100);
 	};