ninegrid2 6.950.0 → 6.952.0

package/dist/bundle.cjs.js

@@ -121697,9 +121697,9 @@ customElements.define("nx-form", nxForm);
 
 class nxTitle extends HTMLElement {
 
-
-
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
+	#dynamicPath = []; // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
+
 
 	constructor() {
 		super();
@@ -121715,6 +121715,11 @@ class nxTitle extends HTMLElement {
 		document.removeEventListener('DOMContentLoaded', this.#init);
 	}
 
+	setDynamicPath(pathArray) {
+		this.#dynamicPath = pathArray;
+		this.#generateBreadcrumb(); // 빵 부스러기 재생성 및 렌더링
+		this.#renderer();
+	}
 
 	#init = () => {
 		/**
@@ -121804,6 +121809,10 @@ class nxTitle extends HTMLElement {
 			caption: "Home",
 		});
 
+		// 2. 동적으로 추가된 경로 (상세 페이지)
+		// #dynamicPath 배열의 내용을 병합
+		this.#breadcrumbPath = this.#breadcrumbPath.concat(this.#dynamicPath);
+
 //console.log(this.#breadcrumbPath);
 		//this.#breadcrumbPath = path;
 		//this.#renderer();
@@ -121865,11 +121874,8 @@ class nxTitle extends HTMLElement {
 	#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("222");
+		if (path) {
+			window.location.href = path;
 		}
 	}
 }

package/dist/bundle.esm.js

@@ -121693,9 +121693,9 @@ customElements.define("nx-form", nxForm);
 
 class nxTitle extends HTMLElement {
 
-
-
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
+	#dynamicPath = []; // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
+
 
 	constructor() {
 		super();
@@ -121711,6 +121711,11 @@ class nxTitle extends HTMLElement {
 		document.removeEventListener('DOMContentLoaded', this.#init);
 	}
 
+	setDynamicPath(pathArray) {
+		this.#dynamicPath = pathArray;
+		this.#generateBreadcrumb(); // 빵 부스러기 재생성 및 렌더링
+		this.#renderer();
+	}
 
 	#init = () => {
 		/**
@@ -121800,6 +121805,10 @@ class nxTitle extends HTMLElement {
 			caption: "Home",
 		});
 
+		// 2. 동적으로 추가된 경로 (상세 페이지)
+		// #dynamicPath 배열의 내용을 병합
+		this.#breadcrumbPath = this.#breadcrumbPath.concat(this.#dynamicPath);
+
 //console.log(this.#breadcrumbPath);
 		//this.#breadcrumbPath = path;
 		//this.#renderer();
@@ -121861,11 +121870,8 @@ class nxTitle extends HTMLElement {
 	#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("222");
+		if (path) {
+			window.location.href = path;
 		}
 	}
 }

package/dist/nx/nxStack.js

@@ -0,0 +1,30 @@
+import ninegrid from "../index.js";
+
+class nxStack extends HTMLElement {
+    constructor() {
+        super();
+        //this.attachShadow({ mode: 'open' });
+    }
+
+    connectedCallback() {
+        //this.#renderer();
+    }
+
+    #renderer = () => {
+
+        const contents = this.innerHTML.trim();
+        this.innerHTML = ""; // 기존 내부 HTML 제거
+
+        // Shadow DOM 초기화 (새로운 콘텐츠를 위해)
+        //this.shadowRoot.innerHTML = "";
+
+        const htmlTmpl = document.createElement("template");
+        htmlTmpl.innerHTML = `
+            ${contents};
+        `;
+
+        this.appendChild(htmlTmpl.content.cloneNode(true));
+    }
+}
+
+customElements.define('nx-stack', nxStack);

package/dist/nx/nxTitle.js

@@ -2,9 +2,9 @@ import ninegrid from "../index.js";
 
 export class nxTitle extends HTMLElement {
 
-
-
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
+	#dynamicPath = []; // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
+
 
 	constructor() {
 		super();
@@ -20,6 +20,11 @@ export class nxTitle extends HTMLElement {
 		document.removeEventListener('DOMContentLoaded', this.#init);
 	}
 
+	setDynamicPath(pathArray) {
+		this.#dynamicPath = pathArray;
+		this.#generateBreadcrumb(); // 빵 부스러기 재생성 및 렌더링
+		this.#renderer();
+	}
 
 	#init = () => {
 		/**
@@ -125,6 +130,10 @@ export class nxTitle extends HTMLElement {
 			caption: "Home",
 		});
 
+		// 2. 동적으로 추가된 경로 (상세 페이지)
+		// #dynamicPath 배열의 내용을 병합
+		this.#breadcrumbPath = this.#breadcrumbPath.concat(this.#dynamicPath);
+
 //console.log(this.#breadcrumbPath);
 		//this.#breadcrumbPath = path;
 		//this.#renderer();
@@ -186,11 +195,8 @@ export class nxTitle extends HTMLElement {
 	#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("222");
+		if (path) {
+			window.location.href = path;
 		}
 	}
 }

package/package.json

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

package/src/nx/nxStack.js

@@ -0,0 +1,30 @@
+import ninegrid from "../index.js";
+
+class nxStack extends HTMLElement {
+    constructor() {
+        super();
+        //this.attachShadow({ mode: 'open' });
+    }
+
+    connectedCallback() {
+        //this.#renderer();
+    }
+
+    #renderer = () => {
+
+        const contents = this.innerHTML.trim();
+        this.innerHTML = ""; // 기존 내부 HTML 제거
+
+        // Shadow DOM 초기화 (새로운 콘텐츠를 위해)
+        //this.shadowRoot.innerHTML = "";
+
+        const htmlTmpl = document.createElement("template");
+        htmlTmpl.innerHTML = `
+            ${contents};
+        `;
+
+        this.appendChild(htmlTmpl.content.cloneNode(true));
+    }
+}
+
+customElements.define('nx-stack', nxStack);

package/src/nx/nxTitle.js

@@ -2,9 +2,9 @@ import ninegrid from "../index.js";
 
 export class nxTitle extends HTMLElement {
 
-
-
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
+	#dynamicPath = []; // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
+
 
 	constructor() {
 		super();
@@ -20,6 +20,11 @@ export class nxTitle extends HTMLElement {
 		document.removeEventListener('DOMContentLoaded', this.#init);
 	}
 
+	setDynamicPath(pathArray) {
+		this.#dynamicPath = pathArray;
+		this.#generateBreadcrumb(); // 빵 부스러기 재생성 및 렌더링
+		this.#renderer();
+	}
 
 	#init = () => {
 		/**
@@ -125,6 +130,10 @@ export class nxTitle extends HTMLElement {
 			caption: "Home",
 		});
 
+		// 2. 동적으로 추가된 경로 (상세 페이지)
+		// #dynamicPath 배열의 내용을 병합
+		this.#breadcrumbPath = this.#breadcrumbPath.concat(this.#dynamicPath);
+
 //console.log(this.#breadcrumbPath);
 		//this.#breadcrumbPath = path;
 		//this.#renderer();
@@ -186,11 +195,8 @@ export class nxTitle extends HTMLElement {
 	#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("222");
+		if (path) {
+			window.location.href = path;
 		}
 	}
 }