ninegrid2 6.371.0 → 6.373.0

package/dist/ai/aiMessage.js

@@ -48,17 +48,15 @@ class aiMessage extends HTMLElement
 			elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
 
 			this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
-				const grd = document.querySelector("nine-grid");
-				grd.filtering.set(this.#data);
+				this.shadowRoot.querySelector("nine-grid").filtering.set(this.#data);
 			});
 
 			this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
-				console.log(e);
+				this.shadowRoot.querySelector("nine-grid").maximize();
 			});
 
 			this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
-				const grd = document.querySelector("nine-grid");
-				grd.export();
+				this.shadowRoot.querySelector("nine-grid").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;
 }
@@ -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;
@@ -19317,9 +19319,12 @@ class ngMenu extends HTMLElement
 					this.#importer.importExcel();
 					break;
 				case "export-excel":
+					/*
 					$('ng-export', this.#owner.shadowRoot).remove();
 					$(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
 					this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
+					*/
+					this.#owner.export();
 					break;
 				case "export-pdf":
 					$('ng-export', this.#owner.shadowRoot).remove();
@@ -24286,18 +24291,33 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
-	export = (v) => {
-		const existingExport = this.shadowRoot.querySelector("ng-export");
+	export = () => {
+		const el = this.shadowRoot.querySelector("ng-export");
+
+		if (el) {
+			el.remove();
+		}
+
+		const newEl = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newEl);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newEl.exportExcel();
+		});
+	};
+
+	maximize = () => {
+		const el = this.shadowRoot.querySelector("ng-max-popup");
 
-		if (existingExport) {
-			existingExport.remove();
+		if (el) {
+			el.remove();
 		}
 
-		const newExport = document.createElement("ng-export");
-		this.shadowRoot.appendChild(newExport);
+		const newEl = document.createElement("ng-max-popup");
+		this.shadowRoot.appendChild(newEl);
 
 		setTimeout(() => { // DOM에 추가된 후 실행 보장
-			newExport.exportExcel();
+			newEl.popup();
 		});
 	};
 
@@ -27370,17 +27390,15 @@ class aiMessage extends HTMLElement
 			elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
 
 			this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
-				const grd = document.querySelector("nine-grid");
-				grd.filtering.set(this.#data);
+				this.shadowRoot.querySelector("nine-grid").filtering.set(this.#data);
 			});
 
 			this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
-				console.log(e);
+				this.shadowRoot.querySelector("nine-grid").maximize();
 			});
 
 			this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
-				const grd = document.querySelector("nine-grid");
-				grd.export();
+				this.shadowRoot.querySelector("nine-grid").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;
 }
@@ -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;
@@ -19315,9 +19317,12 @@ class ngMenu extends HTMLElement
 					this.#importer.importExcel();
 					break;
 				case "export-excel":
+					/*
 					$('ng-export', this.#owner.shadowRoot).remove();
 					$(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
 					this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
+					*/
+					this.#owner.export();
 					break;
 				case "export-pdf":
 					$('ng-export', this.#owner.shadowRoot).remove();
@@ -24284,18 +24289,33 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
-	export = (v) => {
-		const existingExport = this.shadowRoot.querySelector("ng-export");
+	export = () => {
+		const el = this.shadowRoot.querySelector("ng-export");
+
+		if (el) {
+			el.remove();
+		}
+
+		const newEl = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newEl);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newEl.exportExcel();
+		});
+	};
+
+	maximize = () => {
+		const el = this.shadowRoot.querySelector("ng-max-popup");
 
-		if (existingExport) {
-			existingExport.remove();
+		if (el) {
+			el.remove();
 		}
 
-		const newExport = document.createElement("ng-export");
-		this.shadowRoot.appendChild(newExport);
+		const newEl = document.createElement("ng-max-popup");
+		this.shadowRoot.appendChild(newEl);
 
 		setTimeout(() => { // DOM에 추가된 후 실행 보장
-			newExport.exportExcel();
+			newEl.popup();
 		});
 	};
 
@@ -27368,17 +27388,15 @@ class aiMessage extends HTMLElement
 			elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
 
 			this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
-				const grd = document.querySelector("nine-grid");
-				grd.filtering.set(this.#data);
+				this.shadowRoot.querySelector("nine-grid").filtering.set(this.#data);
 			});
 
 			this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
-				console.log(e);
+				this.shadowRoot.querySelector("nine-grid").maximize();
 			});
 
 			this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
-				const grd = document.querySelector("nine-grid");
-				grd.export();
+				this.shadowRoot.querySelector("nine-grid").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/ngMenu.js

@@ -143,9 +143,12 @@ class ngMenu extends HTMLElement
 					this.#importer.importExcel();
 					break;
 				case "export-excel":
+					/*
 					$('ng-export', this.#owner.shadowRoot).remove();
 					$(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
 					this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
+					*/
+					this.#owner.export();
 					break;
 				case "export-pdf":
 					$('ng-export', this.#owner.shadowRoot).remove();

package/dist/etc/ninegridContainer.js

@@ -235,18 +235,33 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
-	export = (v) => {
-		const existingExport = this.shadowRoot.querySelector("ng-export");
+	export = () => {
+		const el = this.shadowRoot.querySelector("ng-export");
 
-		if (existingExport) {
-			existingExport.remove();
+		if (el) {
+			el.remove();
 		}
 
-		const newExport = document.createElement("ng-export");
-		this.shadowRoot.appendChild(newExport);
+		const newEl = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newEl);
 
 		setTimeout(() => { // DOM에 추가된 후 실행 보장
-			newExport.exportExcel();
+			newEl.exportExcel();
+		});
+	};
+
+	maximize = () => {
+		const el = this.shadowRoot.querySelector("ng-max-popup");
+
+		if (el) {
+			el.remove();
+		}
+
+		const newEl = document.createElement("ng-max-popup");
+		this.shadowRoot.appendChild(newEl);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newEl.popup();
 		});
 	};
 

package/package.json

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

package/src/ai/aiMessage.js

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

@@ -143,9 +143,12 @@ class ngMenu extends HTMLElement
 					this.#importer.importExcel();
 					break;
 				case "export-excel":
+					/*
 					$('ng-export', this.#owner.shadowRoot).remove();
 					$(this.#owner.shadowRoot).append($('<ng-export></ng-export>'));
 					this.#owner.shadowRoot.querySelector("ng-export").exportExcel();
+					*/
+					this.#owner.export();
 					break;
 				case "export-pdf":
 					$('ng-export', this.#owner.shadowRoot).remove();

package/src/etc/ninegridContainer.js

@@ -235,18 +235,33 @@ class ninegridContainer extends HTMLElement
 		
 	}
 
-	export = (v) => {
-		const existingExport = this.shadowRoot.querySelector("ng-export");
+	export = () => {
+		const el = this.shadowRoot.querySelector("ng-export");
 
-		if (existingExport) {
-			existingExport.remove();
+		if (el) {
+			el.remove();
 		}
 
-		const newExport = document.createElement("ng-export");
-		this.shadowRoot.appendChild(newExport);
+		const newEl = document.createElement("ng-export");
+		this.shadowRoot.appendChild(newEl);
 
 		setTimeout(() => { // DOM에 추가된 후 실행 보장
-			newExport.exportExcel();
+			newEl.exportExcel();
+		});
+	};
+
+	maximize = () => {
+		const el = this.shadowRoot.querySelector("ng-max-popup");
+
+		if (el) {
+			el.remove();
+		}
+
+		const newEl = document.createElement("ng-max-popup");
+		this.shadowRoot.appendChild(newEl);
+
+		setTimeout(() => { // DOM에 추가된 후 실행 보장
+			newEl.popup();
 		});
 	};