ninegrid2 6.914.0 → 6.916.0

package/dist/bundle.cjs.js

@@ -121655,10 +121655,14 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
-		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#init();
 	}
 
+	#init = () => {
+		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+	};
+
 	// Breadcrumb 경로를 구성하는 비공개 메서드
 	#generateBreadcrumb = () => {
 		const path = ["Home"]; // 기본 경로 시작은 Home
@@ -121719,9 +121723,9 @@ console.log(currentElement);
 
 		// 마지막으로 현재 페이지의 구체적인 제목 추가
 		path.push(currentPageCaption);
-
+console.log(path);
 		this.#breadcrumbPath = path;
-		this.#renderer();
+		//this.#renderer();
 	};
 
 	#renderer = () => {
@@ -121741,53 +121745,6 @@ console.log(currentElement);
           <style>
              @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
              ${ninegrid.getCustomPath(this,"nxTitle.css")}
-             
-             /* Breadcrumb CSS */
-             .breadcrumb-container {
-                 padding: 10px 15px;
-                 background-color: #f5f5f5;
-                 border-bottom: 1px solid #eee;
-                 font-size: 13px;
-                 color: #777;
-                 display: flex; /* 가로 정렬 */
-                 align-items: center;
-                 justify-content: flex-end; /* 오른쪽 정렬 */
-                 margin-bottom: 15px; /* 제목과의 간격 */
-             }
-             .breadcrumb-item {
-                 white-space: nowrap; /* 줄바꿈 방지 */
-             }
-             .breadcrumb-separator {
-                 margin: 0 5px;
-                 color: #bbb;
-             }
-             .breadcrumb-current {
-                 font-weight: bold;
-                 color: #333;
-             }
-
-             /* Title CSS (아이콘 및 텍스트 스타일) */
-             .title-wrapper {
-                 display: flex;
-                 align-items: center;
-                 padding: 10px 15px;
-                 border-bottom: 2px solid #eee;
-                 margin-bottom: 15px;
-             }
-             .title-icon {
-                 margin-right: 10px;
-                 font-size: 20px;
-                 color: #333;
-                 /* Font Awesome 등 외부 아이콘 라이브러리를 사용하는 경우 */
-                 /* font-family: 'Font Awesome 5 Free'; */
-                 /* font-weight: 900; */
-                 /* content: '\f054'; */
-             }
-             .title-text {
-                 font-size: 18px;
-                 font-weight: bold;
-                 color: #333;
-             }
           </style>
             
             <div class="wrapper">

package/dist/bundle.esm.js

@@ -121651,10 +121651,14 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
-		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#init();
 	}
 
+	#init = () => {
+		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+	};
+
 	// Breadcrumb 경로를 구성하는 비공개 메서드
 	#generateBreadcrumb = () => {
 		const path = ["Home"]; // 기본 경로 시작은 Home
@@ -121715,9 +121719,9 @@ console.log(currentElement);
 
 		// 마지막으로 현재 페이지의 구체적인 제목 추가
 		path.push(currentPageCaption);
-
+console.log(path);
 		this.#breadcrumbPath = path;
-		this.#renderer();
+		//this.#renderer();
 	};
 
 	#renderer = () => {
@@ -121737,53 +121741,6 @@ console.log(currentElement);
           <style>
              @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
              ${ninegrid.getCustomPath(this,"nxTitle.css")}
-             
-             /* Breadcrumb CSS */
-             .breadcrumb-container {
-                 padding: 10px 15px;
-                 background-color: #f5f5f5;
-                 border-bottom: 1px solid #eee;
-                 font-size: 13px;
-                 color: #777;
-                 display: flex; /* 가로 정렬 */
-                 align-items: center;
-                 justify-content: flex-end; /* 오른쪽 정렬 */
-                 margin-bottom: 15px; /* 제목과의 간격 */
-             }
-             .breadcrumb-item {
-                 white-space: nowrap; /* 줄바꿈 방지 */
-             }
-             .breadcrumb-separator {
-                 margin: 0 5px;
-                 color: #bbb;
-             }
-             .breadcrumb-current {
-                 font-weight: bold;
-                 color: #333;
-             }
-
-             /* Title CSS (아이콘 및 텍스트 스타일) */
-             .title-wrapper {
-                 display: flex;
-                 align-items: center;
-                 padding: 10px 15px;
-                 border-bottom: 2px solid #eee;
-                 margin-bottom: 15px;
-             }
-             .title-icon {
-                 margin-right: 10px;
-                 font-size: 20px;
-                 color: #333;
-                 /* Font Awesome 등 외부 아이콘 라이브러리를 사용하는 경우 */
-                 /* font-family: 'Font Awesome 5 Free'; */
-                 /* font-weight: 900; */
-                 /* content: '\f054'; */
-             }
-             .title-text {
-                 font-size: 18px;
-                 font-weight: bold;
-                 color: #333;
-             }
           </style>
             
             <div class="wrapper">

package/dist/nx/nxTitle.js

@@ -10,10 +10,14 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
-		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#init();
 	}
 
+	#init = () => {
+		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+	};
+
 	// Breadcrumb 경로를 구성하는 비공개 메서드
 	#generateBreadcrumb = () => {
 		const path = ["Home"]; // 기본 경로 시작은 Home
@@ -90,9 +94,9 @@ console.log(currentElement);
 
 		// 마지막으로 현재 페이지의 구체적인 제목 추가
 		path.push(currentPageCaption);
-
+console.log(path);
 		this.#breadcrumbPath = path;
-		this.#renderer();
+		//this.#renderer();
 	};
 
 	#renderer = () => {
@@ -112,53 +116,6 @@ console.log(currentElement);
           <style>
              @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
              ${ninegrid.getCustomPath(this,"nxTitle.css")}
-             
-             /* Breadcrumb CSS */
-             .breadcrumb-container {
-                 padding: 10px 15px;
-                 background-color: #f5f5f5;
-                 border-bottom: 1px solid #eee;
-                 font-size: 13px;
-                 color: #777;
-                 display: flex; /* 가로 정렬 */
-                 align-items: center;
-                 justify-content: flex-end; /* 오른쪽 정렬 */
-                 margin-bottom: 15px; /* 제목과의 간격 */
-             }
-             .breadcrumb-item {
-                 white-space: nowrap; /* 줄바꿈 방지 */
-             }
-             .breadcrumb-separator {
-                 margin: 0 5px;
-                 color: #bbb;
-             }
-             .breadcrumb-current {
-                 font-weight: bold;
-                 color: #333;
-             }
-
-             /* Title CSS (아이콘 및 텍스트 스타일) */
-             .title-wrapper {
-                 display: flex;
-                 align-items: center;
-                 padding: 10px 15px;
-                 border-bottom: 2px solid #eee;
-                 margin-bottom: 15px;
-             }
-             .title-icon {
-                 margin-right: 10px;
-                 font-size: 20px;
-                 color: #333;
-                 /* Font Awesome 등 외부 아이콘 라이브러리를 사용하는 경우 */
-                 /* font-family: 'Font Awesome 5 Free'; */
-                 /* font-weight: 900; */
-                 /* content: '\f054'; */
-             }
-             .title-text {
-                 font-size: 18px;
-                 font-weight: bold;
-                 color: #333;
-             }
           </style>
             
             <div class="wrapper">

package/package.json

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

package/src/nx/nxTitle.js

@@ -10,10 +10,14 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
-		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#init();
 	}
 
+	#init = () => {
+		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+	};
+
 	// Breadcrumb 경로를 구성하는 비공개 메서드
 	#generateBreadcrumb = () => {
 		const path = ["Home"]; // 기본 경로 시작은 Home
@@ -90,9 +94,9 @@ console.log(currentElement);
 
 		// 마지막으로 현재 페이지의 구체적인 제목 추가
 		path.push(currentPageCaption);
-
+console.log(path);
 		this.#breadcrumbPath = path;
-		this.#renderer();
+		//this.#renderer();
 	};
 
 	#renderer = () => {
@@ -112,53 +116,6 @@ console.log(currentElement);
           <style>
              @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
              ${ninegrid.getCustomPath(this,"nxTitle.css")}
-             
-             /* Breadcrumb CSS */
-             .breadcrumb-container {
-                 padding: 10px 15px;
-                 background-color: #f5f5f5;
-                 border-bottom: 1px solid #eee;
-                 font-size: 13px;
-                 color: #777;
-                 display: flex; /* 가로 정렬 */
-                 align-items: center;
-                 justify-content: flex-end; /* 오른쪽 정렬 */
-                 margin-bottom: 15px; /* 제목과의 간격 */
-             }
-             .breadcrumb-item {
-                 white-space: nowrap; /* 줄바꿈 방지 */
-             }
-             .breadcrumb-separator {
-                 margin: 0 5px;
-                 color: #bbb;
-             }
-             .breadcrumb-current {
-                 font-weight: bold;
-                 color: #333;
-             }
-
-             /* Title CSS (아이콘 및 텍스트 스타일) */
-             .title-wrapper {
-                 display: flex;
-                 align-items: center;
-                 padding: 10px 15px;
-                 border-bottom: 2px solid #eee;
-                 margin-bottom: 15px;
-             }
-             .title-icon {
-                 margin-right: 10px;
-                 font-size: 20px;
-                 color: #333;
-                 /* Font Awesome 등 외부 아이콘 라이브러리를 사용하는 경우 */
-                 /* font-family: 'Font Awesome 5 Free'; */
-                 /* font-weight: 900; */
-                 /* content: '\f054'; */
-             }
-             .title-text {
-                 font-size: 18px;
-                 font-weight: bold;
-                 color: #333;
-             }
           </style>
             
             <div class="wrapper">