ninegrid2 6.949.0 → 6.951.0

package/dist/bundle.cjs.js

@@ -11289,6 +11289,20 @@ class ninegrid {
 		return formatedDate;
 	};
 
+	static goto = (selector, params) => {
+
+		const el = document.querySelector(selector);
+		if (!el) return;
+
+		document.querySelectorAll(".list-wrapper.active,[class*='detail-wrapper-'].active").forEach((el) => {
+			el.classList.remove("active");
+		});
+
+		el.classList.add("active");
+
+		return el;
+	};
+
 
 	static context;
 	static measureTextSize = (_text, _font) => {
@@ -121683,9 +121697,9 @@ customElements.define("nx-form", nxForm);
 
 class nxTitle extends HTMLElement {
 
-
-
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
+	#dynamicPath = []; // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
+
 
 	constructor() {
 		super();
@@ -121701,6 +121715,11 @@ class nxTitle extends HTMLElement {
 		document.removeEventListener('DOMContentLoaded', this.#init);
 	}
 
+	setDynamicPath(pathArray) {
+		this.#dynamicPath = pathArray;
+		this.#generateBreadcrumb(); // 빵 부스러기 재생성 및 렌더링
+		this.#renderer();
+	}
 
 	#init = () => {
 		/**
@@ -121790,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();

package/dist/bundle.esm.js

@@ -11285,6 +11285,20 @@ class ninegrid {
 		return formatedDate;
 	};
 
+	static goto = (selector, params) => {
+
+		const el = document.querySelector(selector);
+		if (!el) return;
+
+		document.querySelectorAll(".list-wrapper.active,[class*='detail-wrapper-'].active").forEach((el) => {
+			el.classList.remove("active");
+		});
+
+		el.classList.add("active");
+
+		return el;
+	};
+
 
 	static context;
 	static measureTextSize = (_text, _font) => {
@@ -121679,9 +121693,9 @@ customElements.define("nx-form", nxForm);
 
 class nxTitle extends HTMLElement {
 
-
-
 	#breadcrumbPath = [];		// Breadcrumb 경로를 저장할 내부 상태 초기화
+	#dynamicPath = []; // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
+
 
 	constructor() {
 		super();
@@ -121697,6 +121711,11 @@ class nxTitle extends HTMLElement {
 		document.removeEventListener('DOMContentLoaded', this.#init);
 	}
 
+	setDynamicPath(pathArray) {
+		this.#dynamicPath = pathArray;
+		this.#generateBreadcrumb(); // 빵 부스러기 재생성 및 렌더링
+		this.#renderer();
+	}
 
 	#init = () => {
 		/**
@@ -121786,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();

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();

package/dist/utils/ninegrid.js

@@ -422,6 +422,20 @@ export class ninegrid {
 		return formatedDate;
 	};
 
+	static goto = (selector, params) => {
+
+		const el = document.querySelector(selector);
+		if (!el) return;
+
+		document.querySelectorAll(".list-wrapper.active,[class*='detail-wrapper-'].active").forEach((el) => {
+			el.classList.remove("active");
+		});
+
+		el.classList.add("active");
+
+		return el;
+	};
+
 
 	static context;
 	static measureTextSize = (_text, _font) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.949.0",
+  "version": "6.951.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();

package/src/utils/ninegrid.js

@@ -422,6 +422,20 @@ export class ninegrid {
 		return formatedDate;
 	};
 
+	static goto = (selector, params) => {
+
+		const el = document.querySelector(selector);
+		if (!el) return;
+
+		document.querySelectorAll(".list-wrapper.active,[class*='detail-wrapper-'].active").forEach((el) => {
+			el.classList.remove("active");
+		});
+
+		el.classList.add("active");
+
+		return el;
+	};
+
 
 	static context;
 	static measureTextSize = (_text, _font) => {