ninegrid2 6.946.0 → 6.948.0

package/dist/bundle.cjs.js

@@ -121683,6 +121683,8 @@ customElements.define("nx-form", nxForm);
 
 class nxTitle extends HTMLElement {
 
+
+
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
 
 	constructor() {
@@ -121823,8 +121825,9 @@ class nxTitle extends HTMLElement {
 						const isCurrent = index === this.#breadcrumbPath.length - 1;
 						// static 메서드를 직접 호출하도록 수정
 						const linkTag = item.path && !isCurrent
-							? `<a href="javascript:nxTitle.goto('${item.path}')"
-											class="breadcrumb-item breadcrumb-link" 
+							? `<a href="javascript:void(0);">
+											class="breadcrumb-item breadcrumb-link"
+											data-path="${item.path}"
 											>${item.caption}</a>`
 							: `<span class="breadcrumb-item ${isCurrent ? 'breadcrumb-current' : ''}">${item.caption}</span>`;
 			
@@ -121839,19 +121842,20 @@ class nxTitle extends HTMLElement {
         `;
 
 		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
-	}
 
-	// static 메서드 aaa() 선언
-	static goto = (path) => {
-		console.log('static aaa()가 호출되었습니다. Path:', path);
+		this.shadowRoot.querySelectorAll('.breadcrumb-link').forEach(link => {
+			link.addEventListener('click', this.#menuClickHandler);
+		});
+	}
 
-		if (window.location.pathname === path) {
-			console.log('현재 URL과 path가 동일합니다. 탭 로직을 실행합니다.');
-			// 여기에 탭을 숨기거나 보여주는 로직을 작성합니다.
-			// 예: ninegrid.showTab('tab-id');
+	#menuClickHandler = (e) => {
+		console.log(e);
+		const path = e.target.dataset.path;
+		if (path && window.location.pathname === path) {
+			// path가 현재 URL과 같으면 private 메서드 #aaa() 호출
+			console.log('1111');
 		} else {
-			console.log('현재 URL과 path가 다릅니다. 페이지를 이동합니다.');
-			window.location.href = path;
+			console.log("222");
 		}
 	}
 }

package/dist/bundle.esm.js

@@ -121679,6 +121679,8 @@ customElements.define("nx-form", nxForm);
 
 class nxTitle extends HTMLElement {
 
+
+
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
 
 	constructor() {
@@ -121819,8 +121821,9 @@ class nxTitle extends HTMLElement {
 						const isCurrent = index === this.#breadcrumbPath.length - 1;
 						// static 메서드를 직접 호출하도록 수정
 						const linkTag = item.path && !isCurrent
-							? `<a href="javascript:nxTitle.goto('${item.path}')"
-											class="breadcrumb-item breadcrumb-link" 
+							? `<a href="javascript:void(0);">
+											class="breadcrumb-item breadcrumb-link"
+											data-path="${item.path}"
 											>${item.caption}</a>`
 							: `<span class="breadcrumb-item ${isCurrent ? 'breadcrumb-current' : ''}">${item.caption}</span>`;
 			
@@ -121835,19 +121838,20 @@ class nxTitle extends HTMLElement {
         `;
 
 		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
-	}
 
-	// static 메서드 aaa() 선언
-	static goto = (path) => {
-		console.log('static aaa()가 호출되었습니다. Path:', path);
+		this.shadowRoot.querySelectorAll('.breadcrumb-link').forEach(link => {
+			link.addEventListener('click', this.#menuClickHandler);
+		});
+	}
 
-		if (window.location.pathname === path) {
-			console.log('현재 URL과 path가 동일합니다. 탭 로직을 실행합니다.');
-			// 여기에 탭을 숨기거나 보여주는 로직을 작성합니다.
-			// 예: ninegrid.showTab('tab-id');
+	#menuClickHandler = (e) => {
+		console.log(e);
+		const path = e.target.dataset.path;
+		if (path && window.location.pathname === path) {
+			// path가 현재 URL과 같으면 private 메서드 #aaa() 호출
+			console.log('1111');
 		} else {
-			console.log('현재 URL과 path가 다릅니다. 페이지를 이동합니다.');
-			window.location.href = path;
+			console.log("222");
 		}
 	}
 }

package/dist/nx/nxTitle.js

@@ -2,6 +2,8 @@ import ninegrid from "../index.js";
 
 export class nxTitle extends HTMLElement {
 
+
+
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
 
 	constructor() {
@@ -158,8 +160,9 @@ export class nxTitle extends HTMLElement {
 						const isCurrent = index === this.#breadcrumbPath.length - 1;
 						// static 메서드를 직접 호출하도록 수정
 						const linkTag = item.path && !isCurrent
-							? `<a href="javascript:nxTitle.goto('${item.path}')"
-											class="breadcrumb-item breadcrumb-link" 
+							? `<a href="javascript:void(0);">
+											class="breadcrumb-item breadcrumb-link"
+											data-path="${item.path}"
 											>${item.caption}</a>`
 							: `<span class="breadcrumb-item ${isCurrent ? 'breadcrumb-current' : ''}">${item.caption}</span>`;
 			
@@ -174,19 +177,20 @@ export class nxTitle extends HTMLElement {
         `;
 
 		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
-	}
 
-	// static 메서드 aaa() 선언
-	static goto = (path) => {
-		console.log('static aaa()가 호출되었습니다. Path:', path);
+		this.shadowRoot.querySelectorAll('.breadcrumb-link').forEach(link => {
+			link.addEventListener('click', this.#menuClickHandler);
+		});
+	}
 
-		if (window.location.pathname === path) {
-			console.log('현재 URL과 path가 동일합니다. 탭 로직을 실행합니다.');
-			// 여기에 탭을 숨기거나 보여주는 로직을 작성합니다.
-			// 예: ninegrid.showTab('tab-id');
+	#menuClickHandler = (e) => {
+		console.log(e);
+		const path = e.target.dataset.path;
+		if (path && window.location.pathname === path) {
+			// path가 현재 URL과 같으면 private 메서드 #aaa() 호출
+			console.log('1111');
 		} else {
-			console.log('현재 URL과 path가 다릅니다. 페이지를 이동합니다.');
-			window.location.href = path;
+			console.log("222");
 		}
 	}
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.946.0",
+  "version": "6.948.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/nx/nxTitle.js

@@ -2,6 +2,8 @@ import ninegrid from "../index.js";
 
 export class nxTitle extends HTMLElement {
 
+
+
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
 
 	constructor() {
@@ -158,8 +160,9 @@ export class nxTitle extends HTMLElement {
 						const isCurrent = index === this.#breadcrumbPath.length - 1;
 						// static 메서드를 직접 호출하도록 수정
 						const linkTag = item.path && !isCurrent
-							? `<a href="javascript:nxTitle.goto('${item.path}')"
-											class="breadcrumb-item breadcrumb-link" 
+							? `<a href="javascript:void(0);">
+											class="breadcrumb-item breadcrumb-link"
+											data-path="${item.path}"
 											>${item.caption}</a>`
 							: `<span class="breadcrumb-item ${isCurrent ? 'breadcrumb-current' : ''}">${item.caption}</span>`;
 			
@@ -174,19 +177,20 @@ export class nxTitle extends HTMLElement {
         `;
 
 		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
-	}
 
-	// static 메서드 aaa() 선언
-	static goto = (path) => {
-		console.log('static aaa()가 호출되었습니다. Path:', path);
+		this.shadowRoot.querySelectorAll('.breadcrumb-link').forEach(link => {
+			link.addEventListener('click', this.#menuClickHandler);
+		});
+	}
 
-		if (window.location.pathname === path) {
-			console.log('현재 URL과 path가 동일합니다. 탭 로직을 실행합니다.');
-			// 여기에 탭을 숨기거나 보여주는 로직을 작성합니다.
-			// 예: ninegrid.showTab('tab-id');
+	#menuClickHandler = (e) => {
+		console.log(e);
+		const path = e.target.dataset.path;
+		if (path && window.location.pathname === path) {
+			// path가 현재 URL과 같으면 private 메서드 #aaa() 호출
+			console.log('1111');
 		} else {
-			console.log('현재 URL과 path가 다릅니다. 페이지를 이동합니다.');
-			window.location.href = path;
+			console.log("222");
 		}
 	}
 }