ninegrid2 6.370.0 → 6.372.0

package/dist/ai/aiMessage.js

@@ -48,8 +48,8 @@ class aiMessage extends HTMLElement
 			elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
 
 			this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
-				const grid = document.querySelector("nine-grid");
-				grid.filtering.set(this.#data);
+				const grd = document.querySelector("nine-grid");
+				grd.filtering.set(this.#data);
 			});
 
 			this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
@@ -57,7 +57,8 @@ class aiMessage extends HTMLElement
 			});
 
 			this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
-				console.log(e);
+				const grd = document.querySelector("nine-grid");
+				grd.export();
 			});
 
 			this.shadowRoot.querySelector(".more a").addEventListener("click", () => {

package/dist/bundle.cjs.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var ExcelJS$1 = require('exceljs');
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -11048,11 +11050,11 @@ class ninegrid {
 		//clone.style.visibility = "hidden";
 		document.body.appendChild(clone);
 
-		console.log(clone, element);
-		console.log(clone.scrollWidth, element.clientWidth);
+		//console.log(clone, element);
+		//console.log(clone.scrollWidth, element.clientWidth);
 
 		const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
-		//document.body.removeChild(clone);
+		document.body.removeChild(clone);
 
 		return isTruncated;
 	}
@@ -17520,7 +17522,7 @@ class ngExportExcel
 		this.#progressBar.setAttribute("max", this.#owner.data.count());
 		this.#progressBar.setAttribute("value", 0);
 		
-		const workbook = new ExcelJS.Workbook();
+		const workbook = new ExcelJS$1.Workbook();
 		const sheet = workbook.addWorksheet('Sheet1');
 
 		var index = 0;
@@ -24286,6 +24288,22 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
+	export = (v) => {
+		const existingExport = this.shadowRoot.querySelector("ng-export");
+
+		if (existingExport) {
+			existingExport.remove();
+		}
+
+		const newExport = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newExport);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newExport.exportExcel();
+		});
+	};
+
+
 	refreshData = (v) => {
 		if (v == null) {
 			var rows = [];
@@ -27354,8 +27372,8 @@ class aiMessage extends HTMLElement
 			elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
 
 			this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
-				const grid = document.querySelector("nine-grid");
-				grid.filtering.set(this.#data);
+				const grd = document.querySelector("nine-grid");
+				grd.filtering.set(this.#data);
 			});
 
 			this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
@@ -27363,7 +27381,8 @@ class aiMessage extends HTMLElement
 			});
 
 			this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
-				console.log(e);
+				const grd = document.querySelector("nine-grid");
+				grd.export();
 			});
 
 			this.shadowRoot.querySelector(".more a").addEventListener("click", () => {

package/dist/bundle.esm.js

@@ -1,3 +1,5 @@
+import ExcelJS$1 from 'exceljs';
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -11046,11 +11048,11 @@ class ninegrid {
 		//clone.style.visibility = "hidden";
 		document.body.appendChild(clone);
 
-		console.log(clone, element);
-		console.log(clone.scrollWidth, element.clientWidth);
+		//console.log(clone, element);
+		//console.log(clone.scrollWidth, element.clientWidth);
 
 		const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
-		//document.body.removeChild(clone);
+		document.body.removeChild(clone);
 
 		return isTruncated;
 	}
@@ -17518,7 +17520,7 @@ class ngExportExcel
 		this.#progressBar.setAttribute("max", this.#owner.data.count());
 		this.#progressBar.setAttribute("value", 0);
 		
-		const workbook = new ExcelJS.Workbook();
+		const workbook = new ExcelJS$1.Workbook();
 		const sheet = workbook.addWorksheet('Sheet1');
 
 		var index = 0;
@@ -24284,6 +24286,22 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
+	export = (v) => {
+		const existingExport = this.shadowRoot.querySelector("ng-export");
+
+		if (existingExport) {
+			existingExport.remove();
+		}
+
+		const newExport = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newExport);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newExport.exportExcel();
+		});
+	};
+
+
 	refreshData = (v) => {
 		if (v == null) {
 			var rows = [];
@@ -27352,8 +27370,8 @@ class aiMessage extends HTMLElement
 			elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
 
 			this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
-				const grid = document.querySelector("nine-grid");
-				grid.filtering.set(this.#data);
+				const grd = document.querySelector("nine-grid");
+				grd.filtering.set(this.#data);
 			});
 
 			this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
@@ -27361,7 +27379,8 @@ class aiMessage extends HTMLElement
 			});
 
 			this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
-				console.log(e);
+				const grd = document.querySelector("nine-grid");
+				grd.export();
 			});
 
 			this.shadowRoot.querySelector(".more a").addEventListener("click", () => {

package/dist/etc/ngExport.js

@@ -1,4 +1,6 @@
 import ninegrid from "../index.js";
+import ExcelJS from "exceljs";
+
 
 export class ngExportExcel
 {

package/dist/etc/ninegridContainer.js

@@ -235,6 +235,22 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
+	export = (v) => {
+		const existingExport = this.shadowRoot.querySelector("ng-export");
+
+		if (existingExport) {
+			existingExport.remove();
+		}
+
+		const newExport = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newExport);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newExport.exportExcel();
+		});
+	};
+
+
 	refreshData = (v) => {
 		if (v == null) {
 			var rows = [];

package/dist/utils/ninegrid.js

@@ -345,11 +345,11 @@ export class ninegrid {
 		//clone.style.visibility = "hidden";
 		document.body.appendChild(clone);
 
-		console.log(clone, element);
-		console.log(clone.scrollWidth, element.clientWidth);
+		//console.log(clone, element);
+		//console.log(clone.scrollWidth, element.clientWidth);
 
 		const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
-		//document.body.removeChild(clone);
+		document.body.removeChild(clone);
 
 		return isTruncated;
 	}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.370.0",
+  "version": "6.372.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/ai/aiMessage.js

@@ -48,8 +48,8 @@ class aiMessage extends HTMLElement
 			elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
 
 			this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
-				const grid = document.querySelector("nine-grid");
-				grid.filtering.set(this.#data);
+				const grd = document.querySelector("nine-grid");
+				grd.filtering.set(this.#data);
 			});
 
 			this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
@@ -57,7 +57,8 @@ class aiMessage extends HTMLElement
 			});
 
 			this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
-				console.log(e);
+				const grd = document.querySelector("nine-grid");
+				grd.export();
 			});
 
 			this.shadowRoot.querySelector(".more a").addEventListener("click", () => {

package/src/etc/ngExport.js

@@ -1,4 +1,6 @@
 import ninegrid from "../index.js";
+import ExcelJS from "exceljs";
+
 
 export class ngExportExcel
 {

package/src/etc/ninegridContainer.js

@@ -235,6 +235,22 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
+	export = (v) => {
+		const existingExport = this.shadowRoot.querySelector("ng-export");
+
+		if (existingExport) {
+			existingExport.remove();
+		}
+
+		const newExport = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newExport);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newExport.exportExcel();
+		});
+	};
+
+
 	refreshData = (v) => {
 		if (v == null) {
 			var rows = [];

package/src/utils/ninegrid.js

@@ -345,11 +345,11 @@ export class ninegrid {
 		//clone.style.visibility = "hidden";
 		document.body.appendChild(clone);
 
-		console.log(clone, element);
-		console.log(clone.scrollWidth, element.clientWidth);
+		//console.log(clone, element);
+		//console.log(clone.scrollWidth, element.clientWidth);
 
 		const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
-		//document.body.removeChild(clone);
+		document.body.removeChild(clone);
 
 		return isTruncated;
 	}