ninegrid2 6.256.0 → 6.258.0

package/dist/bundle.esm.js

@@ -10704,7 +10704,7 @@ function requireJquery () {
 var jqueryExports = requireJquery();
 var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
 
-class ninegrid {
+let ninegrid$1 = class ninegrid {
 
 
 	constructor() {
@@ -10723,8 +10723,6 @@ class ninegrid {
             });
         }
 
-		console.log("shadow" in Element.prototype);
-		
 		if (!("shadow" in Element.prototype)) {
 			Object.defineProperty(Element.prototype, "shadow", {
 				get: function () {
@@ -11553,7 +11551,7 @@ class ninegrid {
 				}
 			},
 	}
-}
+};
 
 Array.prototype.nineBinarySearch = function(target)
 {
@@ -11659,11 +11657,11 @@ class ngCellEx extends HTMLElement
 			this.#showCheck		= this.getAttribute("show-check")	== "true" || this.cell.getAttribute("show-check") == "true";
 			this.#showButton	= this.getAttribute("show-button")	== "true" || this.cell.getAttribute("show-button") == "true";
 
-			if (this.cell.dataset.bind) ninegrid.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
+			if (this.cell.dataset.bind) ninegrid$1.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
 			
 			const style		= this.shadowRoot.querySelector("style");
 			const textAlign = this.getAttribute("text-align") || this.cell.getAttribute("text-align") || "left";
-			ninegrid.j.querySelectorAll(this).addClass(`ng-${textAlign}`);
+			ninegrid$1.j.querySelectorAll(this).addClass(`ng-${textAlign}`);
 
 			if (this.#showIcon) {
 				const iconType		= this.getAttribute("icon-type")		|| this.cell.getAttribute("icon-type")		|| "sphere";
@@ -11764,20 +11762,20 @@ class ngCellEx extends HTMLElement
 					const next = this.shadowRoot.querySelector("input[type=text],textarea").nextElementSibling;
 					
 					if (prev.tagName == "NG-EXPAND-BUTTON") {
-						ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-left-none");
-						ninegrid.j.querySelectorAll(prev).addClass("border-right-none");
+						ninegrid$1.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-left-none");
+						ninegrid$1.j.querySelectorAll(prev).addClass("border-right-none");
 					}
 					else if (next.tagName == "NG-EXPAND-BUTTON") {
-						ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-right-none");
-						ninegrid.j.querySelectorAll(next).addClass("border-left-none");
+						ninegrid$1.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-right-none");
+						ninegrid$1.j.querySelectorAll(next).addClass("border-left-none");
 					}
 				}
 			}
 			
 			const expandleft = this.shadowRoot.querySelectorAll(".ng-left");
-			if (expandleft.length > 0) ninegrid.j.querySelectorAll(expandleft[0]).addClass("ng-first");
+			if (expandleft.length > 0) ninegrid$1.j.querySelectorAll(expandleft[0]).addClass("ng-first");
 			const expandRight = this.shadowRoot.querySelectorAll(".ng-right");
-			if (expandRight.length > 0) ninegrid.j.querySelectorAll(expandRight[expandRight.length-1]).addClass("ng-last");
+			if (expandRight.length > 0) ninegrid$1.j.querySelectorAll(expandRight[expandRight.length-1]).addClass("ng-last");
 			
 			
 			
@@ -11832,7 +11830,7 @@ class ngCellEx extends HTMLElement
 					}
 				}
 				
-				this.owner.dispatchEvent(new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
+				this.owner.dispatchEvent(new CustomEvent(ninegrid$1.EVENT.BUTTON_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
 				//var row = parseInt(this.cell.dataset.row);
 				//this.owner.exprFunction(this.cell.getAttribute("onButtonClick") || this.getAttribute("onButtonClick")).call(this, this.cell.closest("tr").data, row);
 			});
@@ -11845,7 +11843,7 @@ class ngCellEx extends HTMLElement
 			
 						
 			if (this.getAttribute("link") == "true") {
-				ninegrid.j.querySelectorAll(renderer).addClass("link");
+				ninegrid$1.j.querySelectorAll(renderer).addClass("link");
 
 				renderer.addEventListener("click", e => {
 					
@@ -11860,7 +11858,7 @@ class ngCellEx extends HTMLElement
 						}
 					}
 					
-					this.owner.dispatchEvent(new CustomEvent(ninegrid.EVENT.LINK_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
+					this.owner.dispatchEvent(new CustomEvent(ninegrid$1.EVENT.LINK_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
 				});
 			}
 			
@@ -11913,7 +11911,7 @@ class ngCellEx extends HTMLElement
 
 			//console.log(this.cell.dataset.expr, this.cell.dataset.bind, ninegrid.ROW.ORDER);
 			
-			if (!ninegrid.isNull(this.cell.dataset.expr)) {
+			if (!ninegrid$1.isNull(this.cell.dataset.expr)) {
 				
 				try {
 					//console.log(this.cell.dataset.expr);
@@ -11930,11 +11928,11 @@ class ngCellEx extends HTMLElement
 					console.error(this.cell.dataset.expr, rowData, this.cell.dataset.row);
 				}
 			}
-			else if (!ninegrid.isNull(this.cell.dataset.bind)) {
-				return rowData[this.cell.dataset.bind] || ninegrid.nvl(defaultValue, "");
+			else if (!ninegrid$1.isNull(this.cell.dataset.bind)) {
+				return rowData[this.cell.dataset.bind] || ninegrid$1.nvl(defaultValue, "");
 			}
 	
-			return ninegrid.nvl(defaultValue, "");
+			return ninegrid$1.nvl(defaultValue, "");
 		}
 		else {
 			try {
@@ -11959,11 +11957,11 @@ class ngCellEx extends HTMLElement
 		}
 		
 		if (this.cell.dataset.bind && this.shadowRoot.querySelector("input,textarea,button")) {
-			ninegrid.j.querySelectorAll(this.cell).removeClass("ng-changed");
+			ninegrid$1.j.querySelectorAll(this.cell).removeClass("ng-changed");
 
 			if (data.__ng.o.hasOwnProperty(this.cell.dataset.bind)) {
 				if (data[this.cell.dataset.bind] != data.__ng.o[this.cell.dataset.bind]) {
-					ninegrid.j.querySelectorAll(this.cell).addClass("ng-changed");
+					ninegrid$1.j.querySelectorAll(this.cell).addClass("ng-changed");
 				}
 			}
 		}
@@ -12034,26 +12032,26 @@ class ngCellEx extends HTMLElement
 
 		var expr = this.getAttribute('visible') || this.cell.getAttribute('visible');
 		if (expr) {
-			this.getExprValue(expr, data, row) ? ninegrid.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid.j.querySelectorAll(this.cell).addClass('hidden');
+			this.getExprValue(expr, data, row) ? ninegrid$1.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid$1.j.querySelectorAll(this.cell).addClass('hidden');
 		}
 		else {
-			ninegrid.j.querySelectorAll(this.cell).removeClass('hidden');
+			ninegrid$1.j.querySelectorAll(this.cell).removeClass('hidden');
 		}
 
 		var expr = this.getAttribute('enable') || this.cell.getAttribute('enable');
 		if (expr) {
-			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", !this.getExprValue(expr, data, row));
+			ninegrid$1.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", !this.getExprValue(expr, data, row));
 		}
 		else {
-			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", false);
+			ninegrid$1.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", false);
 		}
 		
 		var expr = this.getAttribute('readonly') || this.cell.getAttribute('readonly');
 		if (expr) {
-			ninegrid.j.querySelectorAll("input,textarea", this.shadowRoot).attr("readonly", this.getExprValue(expr, data, row));
+			ninegrid$1.j.querySelectorAll("input,textarea", this.shadowRoot).attr("readonly", this.getExprValue(expr, data, row));
 		}
 		else {
-			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("readonly", false);
+			ninegrid$1.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("readonly", false);
 		}
 		
 
@@ -12071,7 +12069,7 @@ class ngCellEx extends HTMLElement
 		$(this.cell).children().each((i,el) => {
 			var tooltipFn = el.getAttribute('tooltip');
 			if (tooltipFn) {
-				ninegrid.j.querySelectorAll(el).attr("title", this.owner.exprFunction(tooltipFn).call(this, this.cell.closest("tr").data, row));
+				ninegrid$1.j.querySelectorAll(el).attr("title", this.owner.exprFunction(tooltipFn).call(this, this.cell.closest("tr").data, row));
 			}
 		});
 		
@@ -12082,7 +12080,7 @@ class ngCellEx extends HTMLElement
 
 		if (!this.owner || !this.owner.template || !this.cell.closest("tbody.bindable")) return;
 		
-		var suppress = ninegrid.j.querySelectorAll(this.cell).attr('suppress');
+		var suppress = ninegrid$1.j.querySelectorAll(this.cell).attr('suppress');
 		if (suppress) suppress = parseInt(suppress);
 		
 		if (suppress && !isNaN(suppress)) {
@@ -12091,7 +12089,7 @@ class ngCellEx extends HTMLElement
 			var arrSuppress = [];
 			
 			$("th,td", tr).each((i,el) => {
-				var otherSuppress = ninegrid.j.querySelectorAll(el).attr('suppress');
+				var otherSuppress = ninegrid$1.j.querySelectorAll(el).attr('suppress');
 				if (otherSuppress && el.dataset.row) {
 					otherSuppress = parseInt(otherSuppress);
 					
@@ -12128,23 +12126,23 @@ class ngCellEx extends HTMLElement
 				bSuppress = true;
 			}
 			
-			(bSuppress) ? ninegrid.j.querySelectorAll(this.cell).removeClass('suppress') : ninegrid.j.querySelectorAll(this.cell).addClass('suppress');
-			if (!ninegrid.j.querySelectorAll(this.cell).hasClass("hidden")) {
-				(bSuppress) ? ninegrid.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid.j.querySelectorAll(this.cell).addClass('hidden');
+			(bSuppress) ? ninegrid$1.j.querySelectorAll(this.cell).removeClass('suppress') : ninegrid$1.j.querySelectorAll(this.cell).addClass('suppress');
+			if (!ninegrid$1.j.querySelectorAll(this.cell).hasClass("hidden")) {
+				(bSuppress) ? ninegrid$1.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid$1.j.querySelectorAll(this.cell).addClass('hidden');
 			}
 			
 			var currMatrixRow = parseInt(this.cell.dataset.matrixRow);
 			var prevMatrixRow = currMatrixRow - 1;//this.owner.template.length;
 			var prevCell = this.owner.body.querySelector(`tbody.bindable [data-col="${this.cell.dataset.col}"][data-matrix-row="${prevMatrixRow}"]`);
 			
-			if ($(prevCell).hasClass('suppress') && !ninegrid.j.querySelectorAll(this.cell).hasClass('suppress')) {
-				ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').addClass('last-suppress');
+			if ($(prevCell).hasClass('suppress') && !ninegrid$1.j.querySelectorAll(this.cell).hasClass('suppress')) {
+				ninegrid$1.j.querySelectorAll(prevCell).removeClass('last-none-suppress').addClass('last-suppress');
 			}
-			else if (!$(prevCell).hasClass('suppress') && ninegrid.j.querySelectorAll(this.cell).hasClass('suppress')) {
-				ninegrid.j.querySelectorAll(prevCell).removeClass('last-suppress').addClass('last-none-suppress');
+			else if (!$(prevCell).hasClass('suppress') && ninegrid$1.j.querySelectorAll(this.cell).hasClass('suppress')) {
+				ninegrid$1.j.querySelectorAll(prevCell).removeClass('last-suppress').addClass('last-none-suppress');
 			}
 			else {
-				ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').removeClass('last-suppress');
+				ninegrid$1.j.querySelectorAll(prevCell).removeClass('last-none-suppress').removeClass('last-suppress');
 			}
 		}
 	};
@@ -12210,13 +12208,13 @@ class ngEditableEx extends ngCellEx
 				if (maxbyte) {
 					maxbyte = parseInt(maxbyte);
 
-					if (ninegrid.getByteLength(event.target.value) >= maxbyte) {
+					if (ninegrid$1.getByteLength(event.target.value) >= maxbyte) {
 
-						event.target.value = ninegrid.cut(event.target.value, maxbyte);
+						event.target.value = ninegrid$1.cut(event.target.value, maxbyte);
 					}
 				}
 				var v = $(event.target).val();
-				this.value = ninegrid.j.querySelectorAll(this).attr("type") == "number" ? (isNaN(v) ? "" : Number(v)) : v;
+				this.value = ninegrid$1.j.querySelectorAll(this).attr("type") == "number" ? (isNaN(v) ? "" : Number(v)) : v;
 
 				break;
 			}
@@ -12246,8 +12244,8 @@ class ngButton extends ngCellEx
 		 */
 		this.shadowRoot.innerHTML =`
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngButton.css";
-				${ninegrid.getCustomPath(this,"ngButton.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngButton.css";
+				${ninegrid$1.getCustomPath(this,"ngButton.css")}
 			</style>
 			
 			<button class="button" ${attr.join(" ")}>${this.getAttribute("text")}</button>
@@ -12357,11 +12355,11 @@ class ngCellCopyPasteKeyHandler
 			.then(() => {
 				//ninegrid.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
 				setTimeout(() => {
-					ninegrid.j.querySelectorAll(".selected", this.#owner.body).addClass("copied");
+					ninegrid$1.j.querySelectorAll(".selected", this.#owner.body).addClass("copied");
 				});
 				
 				setTimeout(() => {
-					ninegrid.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
+					ninegrid$1.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
 				}, 1000);
 			})
 			.catch(err => {
@@ -12483,7 +12481,7 @@ class ngCellManager
 		const oldCellIndex	= this.#oldCellIndex;
 		
 		if (row != oldrow || subrow != oldsubrow || col != oldcol) {
-			const customEvent		= new CustomEvent(ninegrid.EVENT.CELL_POS_CHANGED, { bubbles: true, detail: {} });
+			const customEvent		= new CustomEvent(ninegrid$1.EVENT.CELL_POS_CHANGED, { bubbles: true, detail: {} });
 	 		customEvent.col			= col;
 			customEvent.cellIndex	= cellIndex;
 	 		customEvent.row			= row;
@@ -12502,7 +12500,7 @@ class ngCellManager
 		}
  		
 		if (row != oldrow) {
-			const customEvent		= new CustomEvent(ninegrid.EVENT.ROW_POS_CHANGED, { bubbles: true, detail: {} });
+			const customEvent		= new CustomEvent(ninegrid$1.EVENT.ROW_POS_CHANGED, { bubbles: true, detail: {} });
 	 		customEvent.col			= col;
 			customEvent.cellIndex	= cellIndex;
 	 		customEvent.row			= row;
@@ -12638,7 +12636,7 @@ class ngCellManager
 		$(`tbody tr[data-matrix-row=${matrixRow}]`, this.#owner.body).find("th,td").each((i,el) => {
 			var elCol = parseInt(el.dataset.col);
 			if ((col - 1) >= elCol && (col - 1) <= elCol + el.colSpan - 1) {
-				previousCol = ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
+				previousCol = ninegrid$1.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
 				return false;
 			}
 		});
@@ -12647,7 +12645,7 @@ class ngCellManager
 			$(`tbody tr[data-row=${row}]`, this.#owner.body).find("th,td").each((i,el) => {
 				var elCol = parseInt(el.dataset.col);
 				if ((col - 1) >= elCol && (col - 1) <= elCol + el.colSpan - 1) {
-					previousCol = ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
+					previousCol = ninegrid$1.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
 					return false;
 				}
 			});
@@ -12661,7 +12659,7 @@ class ngCellManager
 		
 		var nextCol = col + (td.colSpan || 1);
 		var nextTd = this.#owner.body.querySelector(`tbody [data-matrix-row="${matrixRow}"][data-col="${nextCol}"]`);
-		if (ninegrid.j.querySelectorAll(nextTd).hasClass("dummy")) {
+		if (ninegrid$1.j.querySelectorAll(nextTd).hasClass("dummy")) {
 			nextCol = this.#getNextCol(matrixRow, nextCol);
 		}
 		
@@ -12705,10 +12703,10 @@ class ngCellManager
 		
 		if (e.ctrlKey || e.altKey) return;
 		
-		if (e.target.tagName == "NG-ROW-INDICATOR" && [ninegrid.SELECTTYPE.CELL,ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) return;
+		if (e.target.tagName == "NG-ROW-INDICATOR" && [ninegrid$1.SELECTTYPE.CELL,ninegrid$1.SELECTTYPE.AREA].includes(this.#owner.selection.type)) return;
 		
 		if (e.shiftKey) {
-			if ([ninegrid.SELECTTYPE.COLS,ninegrid.SELECTTYPE.ROWS,ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) {
+			if ([ninegrid$1.SELECTTYPE.COLS,ninegrid$1.SELECTTYPE.ROWS,ninegrid$1.SELECTTYPE.AREA].includes(this.#owner.selection.type)) {
 				var fromTD = this.#owner.selection.getActiveCell();
 				if (fromTD) {
 					var fromTR = fromTD.closest("tr");
@@ -12826,7 +12824,7 @@ class ngCellSelection
 			clear		:
 				() => {
 					this.selected.startRow = this.selected.endRow = this.selected.startCol = this.selected.endCol = -1;
-					ninegrid.j.querySelectorAll("th,td", this.#owner.body).removeClass("selected").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
+					ninegrid$1.j.querySelectorAll("th,td", this.#owner.body).removeClass("selected").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
 				},
 		};
 
@@ -12839,10 +12837,10 @@ class ngCellSelection
 		return this.#owner.getAttribute("select-type");
 	};
 	set type(v) {
-		if (!Object.values(ninegrid.SELECTTYPE).includes(v)) throw `invalid select type : ${v}`;
+		if (!Object.values(ninegrid$1.SELECTTYPE).includes(v)) throw `invalid select type : ${v}`;
 
-		Object.values(ninegrid.SELECTTYPE).forEach(m => { ninegrid.j.querySelectorAll(".ng-table", this.#owner.body).removeClass(`select-type-${m}`); });
-		ninegrid.j.querySelectorAll(".ng-table", this.#owner.body).addClass(`select-type-${v}`);
+		Object.values(ninegrid$1.SELECTTYPE).forEach(m => { ninegrid$1.j.querySelectorAll(".ng-table", this.#owner.body).removeClass(`select-type-${m}`); });
+		ninegrid$1.j.querySelectorAll(".ng-table", this.#owner.body).addClass(`select-type-${v}`);
 		this.#owner.cell.refresh();
 	};
 	
@@ -12861,20 +12859,20 @@ class ngCellSelection
 	refresh = () => {
 		
 		switch (this.type) {
-		case ninegrid.SELECTTYPE.ROW:
+		case ninegrid$1.SELECTTYPE.ROW:
 			
 			this.selected.startRow	= parseInt(this.#owner.row.at * this.#owner.template.length);
 			this.selected.endRow	= this.selected.startRow + this.#owner.template.length - 1;
 
 			var cols = [];
-			$(`tbody tr[data-row=${parseInt(this.selected.startRow / this.#owner.template.length)}] td`, this.#owner.body).not(".dummy").not(".first").each((i,el) => { if (parseInt(ninegrid.j.querySelectorAll(el).attr("tabindex")) >= 0) cols.push(Number(el.dataset.col)); });
+			$(`tbody tr[data-row=${parseInt(this.selected.startRow / this.#owner.template.length)}] td`, this.#owner.body).not(".dummy").not(".first").each((i,el) => { if (parseInt(ninegrid$1.j.querySelectorAll(el).attr("tabindex")) >= 0) cols.push(Number(el.dataset.col)); });
 
 			this.selected.startCol	= (cols.length > 0) ? Math.min.apply(null, cols) : -1;
 			this.selected.endCol	= (cols.length > 0) ? Math.max.apply(null, cols) : -1;
 			
 			break;
 			
-		case ninegrid.SELECTTYPE.ROWS:
+		case ninegrid$1.SELECTTYPE.ROWS:
 			this.selected.startRow	= parseInt(this.selected.startRow / this.#owner.template.length) * this.#owner.template.length;
 			this.selected.endRow	= parseInt(this.selected.endRow / this.#owner.template.length) * this.#owner.template.length - 1 + this.#owner.template.length;
 
@@ -12882,7 +12880,7 @@ class ngCellSelection
 			this.selected.endCol	= this.#owner.lastCol;//Math.max.apply(null, cols);
 		break;
 			
-		case ninegrid.SELECTTYPE.COL:
+		case ninegrid$1.SELECTTYPE.COL:
 			this.selected.startRow	= 0;
 			this.selected.endRow	= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
 			this.selected.endCol	= this.selected.startCol;
@@ -12910,7 +12908,7 @@ class ngCellSelection
 			
 			break;
 			
-		case ninegrid.SELECTTYPE.COLS:
+		case ninegrid$1.SELECTTYPE.COLS:
 
 			this.selected.startRow	= 0;
 			this.selected.endRow	= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
@@ -12939,31 +12937,31 @@ class ngCellSelection
 			
 			break;
 			
-		case ninegrid.SELECTTYPE.CELL:
+		case ninegrid$1.SELECTTYPE.CELL:
 			this.selected.endRow = this.selected.startRow;
 			this.selected.endCol = this.selected.startCol;
 			break;
 			
-		case ninegrid.SELECTTYPE.AREA:
+		case ninegrid$1.SELECTTYPE.AREA:
 			break;
 			
-		case ninegrid.SELECTTYPE.NONE:
+		case ninegrid$1.SELECTTYPE.NONE:
 			this.selected.startRow = this.selected.endRow = this.selected.startCol = this.selected.endCol = -1;
 			break;
 		}
 		
 		
-		ninegrid.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
+		ninegrid$1.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
 
-		ninegrid.j.querySelectorAll(".selected-current", this.#owner.body).removeClass("selected-current");
-		ninegrid.j.querySelectorAll(`tr[data-row="${this.selected.currentRow}"] ng-row-indicator`, this.#owner.body).addClass("selected-current");
+		ninegrid$1.j.querySelectorAll(".selected-current", this.#owner.body).removeClass("selected-current");
+		ninegrid$1.j.querySelectorAll(`tr[data-row="${this.selected.currentRow}"] ng-row-indicator`, this.#owner.body).addClass("selected-current");
 		
 		//var row = parseInt(this.selected.currentRow / this.#owner.template.length);
-		ninegrid.j.querySelectorAll(`.col-indicator[data-col="${this.selected.currentCol}"]`, this.#owner.body).addClass("selected-current");
+		ninegrid$1.j.querySelectorAll(`.col-indicator[data-col="${this.selected.currentCol}"]`, this.#owner.body).addClass("selected-current");
 		$(`tr[data-row="${this.selected.currentRow}"] ng-row-indicator`, this.#owner.body).closest("th,td").addClass("selected-current");
 		
 		var activeCell = this.getActiveCell();
-		if (activeCell) ninegrid.j.querySelectorAll(activeCell).addClass("active");
+		if (activeCell) ninegrid$1.j.querySelectorAll(activeCell).addClass("active");
 
 		$("tbody th,tbody td", this.#owner.body).each((index, td) => {
 			var tdCol	= parseInt(td.dataset.col);
@@ -12973,17 +12971,17 @@ class ngCellSelection
 			
 			if (row + td.rowSpan - 1 >= this.selected.startRow && row <= this.selected.endRow && tdCol+td.colSpan-1 >= this.selected.startCol && tdCol <= this.selected.endCol) {
 				
-				ninegrid.j.querySelectorAll(td).addClass("selected");//.addClass("selected-area");
+				ninegrid$1.j.querySelectorAll(td).addClass("selected");//.addClass("selected-area");
 				
 				if (this.selected.startRow == this.selected.endRow && this.selected.startCol == this.selected.endCol) {
-					ninegrid.j.querySelectorAll(td).addClass("selected-top").addClass("selected-bottom").addClass("selected-left").addClass("selected-right");
+					ninegrid$1.j.querySelectorAll(td).addClass("selected-top").addClass("selected-bottom").addClass("selected-left").addClass("selected-right");
 				}
 				else {
-					if (row == this.selected.startRow)				ninegrid.j.querySelectorAll(td).addClass("selected-top");
-					if (row+td.rowSpan-1 == this.selected.endRow)	ninegrid.j.querySelectorAll(td).addClass("selected-bottom");
-					if (tdCol == this.selected.startCol)			ninegrid.j.querySelectorAll(td).addClass("selected-left");
-					if (tdCol+td.colSpan-1 == this.selected.endCol)	ninegrid.j.querySelectorAll(td).addClass("selected-right");
-					ninegrid.j.querySelectorAll(td).addClass("multi-selected");
+					if (row == this.selected.startRow)				ninegrid$1.j.querySelectorAll(td).addClass("selected-top");
+					if (row+td.rowSpan-1 == this.selected.endRow)	ninegrid$1.j.querySelectorAll(td).addClass("selected-bottom");
+					if (tdCol == this.selected.startCol)			ninegrid$1.j.querySelectorAll(td).addClass("selected-left");
+					if (tdCol+td.colSpan-1 == this.selected.endCol)	ninegrid$1.j.querySelectorAll(td).addClass("selected-right");
+					ninegrid$1.j.querySelectorAll(td).addClass("multi-selected");
 				}
 			}
 		});
@@ -12998,7 +12996,7 @@ class ngCellSelection
 				for (var i = 0; i < td.rowSpan; i++) {
 					var row = parseInt(td.dataset.row) * this.#owner.template.length + tr.sectionRowIndex % this.#owner.template.length + i;//tr.sectionRowIndex + this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
 					if (row >= this.selected.startRow && row <= this.selected.endRow) {
-						ninegrid.j.querySelectorAll(td).addClass("selected-area");
+						ninegrid$1.j.querySelectorAll(td).addClass("selected-area");
 					}
 				}
 			}
@@ -13006,7 +13004,7 @@ class ngCellSelection
 		
 		
 		for (var i = this.selected.startCol; i <= this.selected.endCol; i++) {
-			ninegrid.j.querySelectorAll(`.col-indicator[data-col="${i}"]`, this.#owner.body).addClass("selected-area");
+			ninegrid$1.j.querySelectorAll(`.col-indicator[data-col="${i}"]`, this.#owner.body).addClass("selected-area");
 		}
 		
 		if (this.selected.oldStartRow != this.selected.startRow || this.selected.oldEndRow != this.selected.endRow ||
@@ -13199,7 +13197,7 @@ class ngCellSelection
 			}
 		};
 		
-		if ([ninegrid.SELECTTYPE.AREA,ninegrid.SELECTTYPE.ROWS,ninegrid.SELECTTYPE.COLS].includes(this.type)) {
+		if ([ninegrid$1.SELECTTYPE.AREA,ninegrid$1.SELECTTYPE.ROWS,ninegrid$1.SELECTTYPE.COLS].includes(this.type)) {
 			$(".ng-table tbody.bindable", this.#owner.body).on("mousemove", onMouseMove);
 			$(".ng-table tbody.bindable", this.#owner.body).on("mouseenter", onMouseEnter);
 			$(".ng-table tbody.bindable", this.#owner.body).on("mouseleave", onMouseLeave);
@@ -13867,8 +13865,8 @@ class ngCheckBox extends ngEditableEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngCheckBox.css";
-				${ninegrid.getCustomPath(this,"ngCheckBox.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngCheckBox.css";
+				${ninegrid$1.getCustomPath(this,"ngCheckBox.css")}
 				
 				:host {
 					justify-content: ${this.closest("th,td").getAttribute("text-align") || "center"};
@@ -13928,11 +13926,11 @@ class ngCheckBox extends ngEditableEx
 		
 		if (!this.closest("tbody")) return;
 		
-		if (ninegrid.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue) {
-			ninegrid.j.querySelectorAll(this).removeClass("invalid");
+		if (ninegrid$1.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue) {
+			ninegrid$1.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
-			ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		
 		$(this.#target).prop("checked", this.value == this.trueValue);
@@ -13986,15 +13984,15 @@ class ngColExpand extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngColExpand.css";
-				${ninegrid.getCustomPath(this,"ngColExpand.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngColExpand.css";
+				${ninegrid$1.getCustomPath(this,"ngColExpand.css")}
 			</style>
 		`;
 		
 		this.#owner		= this.getRootNode().host;
 		this.#cell		= this.closest("th,td");
 		
-		ninegrid.j.querySelectorAll(this).addClass("expand");
+		ninegrid$1.j.querySelectorAll(this).addClass("expand");
 		
 		$(this).off("click", this.#onClick);
 		$(this).on("click", this.#onClick);
@@ -14005,7 +14003,7 @@ class ngColExpand extends HTMLElement
 		e.preventDefault();
 		e.stopPropagation();
 		
-		if (ninegrid.j.querySelectorAll(this).hasClass("expand")) {
+		if (ninegrid$1.j.querySelectorAll(this).hasClass("expand")) {
 			this.#collapse();
 		}
 		else {
@@ -14014,7 +14012,7 @@ class ngColExpand extends HTMLElement
 	};
 	
 	expand = () => {
-		if (ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
+		if (ninegrid$1.j.querySelectorAll(this).hasClass("expand")) return;
 		
 		$(this).addClass("expand");
 		this.#cell.style.color = this.#orgColor;
@@ -14027,7 +14025,7 @@ class ngColExpand extends HTMLElement
 	};
 	
 	#collapse = () => {
-		if (!ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("expand")) return;
 		
 		$(this).removeClass("expand");
 		this.#orgColor = this.#cell.style.color;
@@ -14313,7 +14311,7 @@ class ngColMover
 	
 	#onPrevMouseDown = e => {
 
-		if (ninegrid.j.querySelectorAll(this.#owner).attr("col-movable") != "true") return;
+		if (ninegrid$1.j.querySelectorAll(this.#owner).attr("col-movable") != "true") return;
 		if (e.target.tagName == "NG-FILTER-BUTTON") return;
 		
 		this.#ready = true;
@@ -14712,7 +14710,7 @@ class ngColResizer
 		
 		var prev	= this.#owner.tableUtils.prev(td);
 		var next	= this.#owner.tableUtils.next(td);
-		var target	= this.#owner.getBand(td.dataset.col) == ninegrid.BAND.RIGHT ? ((e.offsetX <= 2) ? $(td) : next) : ((e.offsetX <= 2) ? prev : $(td));
+		var target	= this.#owner.getBand(td.dataset.col) == ninegrid$1.BAND.RIGHT ? ((e.offsetX <= 2) ? $(td) : next) : ((e.offsetX <= 2) ? prev : $(td));
 
 		this.#owner.setColumnWidthFit(target[0].dataset.col);
 	}
@@ -14876,7 +14874,7 @@ class ngColumns
 		for (var v of [source.thead.cells, source.tfoot.cells, source.tbody.cells, source.fixed.cells]) {
 			for (var fromCell of v) {
 				
-				ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).addClass("tmp");
 				
 				const rowIndex = fromCell.closest("tr").rowIndex;
 				const targetTr = targetTable.querySelectorAll("tr")[rowIndex];
@@ -14896,7 +14894,7 @@ class ngColumns
 		for (var v of [source.org.thead.cells, source.org.tfoot.cells, source.org.tbody.cells, source.org.fixed.cells]) {
 			for (var fromCell of v) {
 				
-				ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).addClass("tmp");
 				
 				const targetTable	= fromCell.closest("table");
 				const rowIndex		= fromCell.closest("tr").rowIndex;
@@ -14916,7 +14914,7 @@ class ngColumns
 		
 		for (var fromCell of source.template.cells) {
 			
-			ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+			ninegrid$1.j.querySelectorAll(fromCell).addClass("tmp");
 			
 			//const rowIndex = fromCell.closest("tr").rowIndex;
 			const targetTr = fromCell.closest("tr");
@@ -14966,18 +14964,18 @@ class ngColumns
 		
 		for (var v of [source.thead.cells, source.tfoot.cells, source.tbody.cells, source.fixed.cells]) {
 			for (var fromCell of v) {
-				ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).removeClass("tmp");
 			}
 		}
 		
 		for (var v of [source.org.thead.cells, source.org.tfoot.cells, source.org.tbody.cells, source.org.fixed.cells]) {
 			for (var fromCell of v) {
-				ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).removeClass("tmp");
 			}
 		}
 		
 		for (var fromCell of source.template.cells) {
-			ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+			ninegrid$1.j.querySelectorAll(fromCell).removeClass("tmp");
 		}
 		
 		
@@ -15160,8 +15158,8 @@ class ngCombo extends ngEditableEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngCombo.css";
-				${ninegrid.getCustomPath(this,"ngCombo.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngCombo.css";
+				${ninegrid$1.getCustomPath(this,"ngCombo.css")}
 			</style>
 			
 			<button class="btn1" type="button" data-bs-toggle="dropdown" aria-expanded="false" tabindex="-1"></button>
@@ -15224,7 +15222,7 @@ class ngCombo extends ngEditableEx
 	dataRefresh = (v) => {
 
 		if (this.#dataSource) {
-			this.#isValid() ? ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegrid.j.querySelectorAll(this).addClass("invalid");
+			this.#isValid() ? ninegrid$1.j.querySelectorAll(this).removeClass("invalid") : ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		
 		this.#target.innerHTML = this.getDisplayText() || "Select";
@@ -15238,7 +15236,7 @@ class ngCombo extends ngEditableEx
 	
 	#isValid = () => {
 		
-		if (ninegrid.isNull(this.value)) return true;
+		if (ninegrid$1.isNull(this.value)) return true;
 		
 		var list = (this.multi) ? this.value.split(this.multiSeparator) : [this.value];
 		
@@ -15284,8 +15282,8 @@ class ngCombo extends ngEditableEx
 		this.#panel.col = this.cell.dataset.col;
 		this.#panel.row = this.cell.closest("tr").sectionRowIndex;
 		
-		this.#dataSource.length > this.#EXPAND_ROWS ? ninegrid.j.querySelectorAll(this.#panel).addClass("expand") : ninegrid.j.querySelectorAll(this.#panel).removeClass("expand");
-		this.multi ? ninegrid.j.querySelectorAll(this.#panel).addClass("multi") : ninegrid.j.querySelectorAll(this.#panel).removeClass("multi");
+		this.#dataSource.length > this.#EXPAND_ROWS ? ninegrid$1.j.querySelectorAll(this.#panel).addClass("expand") : ninegrid$1.j.querySelectorAll(this.#panel).removeClass("expand");
+		this.multi ? ninegrid$1.j.querySelectorAll(this.#panel).addClass("multi") : ninegrid$1.j.querySelectorAll(this.#panel).removeClass("multi");
 
 		this.#panel.refresh(this, this.#dataSource, this.#code, this.#items);
 		
@@ -15299,7 +15297,7 @@ class ngCombo extends ngEditableEx
 
 		
 		if (this.multi) {
-			if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+			if (ninegrid$1.j.querySelectorAll(this.#panel).hasClass("expand")) {
 				h += 12; //위아래 padding
 				h += 3; //margin
 				h += 24; // input box
@@ -15310,7 +15308,7 @@ class ngCombo extends ngEditableEx
 			h += 25; // bottom
 		}
 		else {
-			if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+			if (ninegrid$1.j.querySelectorAll(this.#panel).hasClass("expand")) {
 				h += 12; //위아래 padding
 				h += 3; //margin
 				h += 24; // input box
@@ -15341,7 +15339,7 @@ class ngCombo extends ngEditableEx
 			"min-height": h,
 		}).show();
 		
-		if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+		if (ninegrid$1.j.querySelectorAll(this.#panel).hasClass("expand")) {
 			$("div", this.#panel).eq(0).find("input").focus().val("");
 		}
 	};
@@ -15381,8 +15379,8 @@ class ngComboPanel extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngComboPanel.css";
-				${ninegrid.getCustomPath(this,"ngComboPanel.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngComboPanel.css";
+				${ninegrid$1.getCustomPath(this,"ngComboPanel.css")}
 			</style>
 			
 			<div class="head">
@@ -15518,7 +15516,7 @@ class ngComboPanel extends HTMLElement
 	#onInput = e => {
 		var grd = this.shadowRoot.querySelector("nine-grid");
 
-		ninegrid.j.querySelectorAll(grd).addClass("loading");
+		ninegrid$1.j.querySelectorAll(grd).addClass("loading");
 
 		var data = grd.data.getValidDataNF();
 		data.map(m => { m.__ng.filtered = false; });
@@ -15536,7 +15534,7 @@ class ngComboPanel extends HTMLElement
 		
 		grd.data.resetRecords();
 		
-		if (grd.data.count() == 0) ninegrid.j.querySelectorAll(grd).removeClass("loading");
+		if (grd.data.count() == 0) ninegrid$1.j.querySelectorAll(grd).removeClass("loading");
 		
 		if (this.#timer) {
 			clearTimeout(this.#timer);
@@ -15652,9 +15650,9 @@ class ngComboPanel extends HTMLElement
 		}
 		*/
 		
-		var w = 16 + (ninegrid.j.querySelectorAll(this).hasClass("expand") ? 0 : 0) + 20;
+		var w = 16 + (ninegrid$1.j.querySelectorAll(this).hasClass("expand") ? 0 : 0) + 20;
 
-		if (ninegrid.j.querySelectorAll(this).hasClass("multi")) {
+		if (ninegrid$1.j.querySelectorAll(this).hasClass("multi")) {
 			$("col", grd.body).each((i,el) => { w += parseInt(el.getAttribute("width")); });
 		}
 		else {
@@ -15698,7 +15696,7 @@ class ngContextMenu
 		var font = $(this.#panel).css("font");
 		var w = 150;
 		for (const item of this.#items) {
-			w = Math.max(w, ninegrid.measureTextSize(item.name, font).width + 60);
+			w = Math.max(w, ninegrid$1.measureTextSize(item.name, font).width + 60);
 		}
 
 		$(this.#panel).css({
@@ -15785,7 +15783,7 @@ class ngContextMenuPanel extends HTMLElement
 		//$("li", this).on("touchmove", this.#onMouseOver);
 		$("li", this).on("mouseover", this.#onMouseOver);
 		
-		$("li", this).on("mouseout", e => { ninegrid.j.querySelectorAll(e.currentTarget).removeClass("visible"); });
+		$("li", this).on("mouseout", e => { ninegrid$1.j.querySelectorAll(e.currentTarget).removeClass("visible"); });
 	};
 	
 	open = () => {
@@ -15811,12 +15809,12 @@ class ngContextMenuPanel extends HTMLElement
 	
 	#onMouseOver = 	e => {
 
-		ninegrid.j.querySelectorAll(e.currentTarget).addClass("visible");
+		ninegrid$1.j.querySelectorAll(e.currentTarget).addClass("visible");
 
 		var font = $(this).css("font");
 		var w = 150;
 		$("ul > li:visible > span", e.currentTarget).each((i,el) => {
-			w = Math.max(w, ninegrid.measureTextSize($(el).text(), font).width + 60);
+			w = Math.max(w, ninegrid$1.measureTextSize($(el).text(), font).width + 60);
 		});
 
 		$("ul", e.currentTarget).eq(0).css({
@@ -15849,7 +15847,7 @@ class ngCustomEvent
 		
 		this.#resetEvent();
 		
-		this.#owner.addEventListener(ninegrid.EVENT.LAYOUT_CHANGED, e => {
+		this.#owner.addEventListener(ninegrid$1.EVENT.LAYOUT_CHANGED, e => {
 			this.#resetEvent();
 		});
 	}
@@ -15870,7 +15868,7 @@ class ngCustomEvent
 		
 		const properties	= ["altKey","ctrlKey","shiftKey","clientX","clientY","offsetX","offsetY","pageX","pageY","screenX","screenY","button","buttons","whitch"];
  		const cell			= e.target.closest("th,td");
-		const eventType		= e.detail == 1 ? ninegrid.EVENT.CELL_CLICK : ninegrid.EVENT.CELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid$1.EVENT.CELL_CLICK : ninegrid$1.EVENT.CELL_DBL_CLICK;
  		
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
@@ -15878,7 +15876,7 @@ class ngCustomEvent
 		customEvent.subrow	= parseInt(cell.dataset.matrixRow) % parseInt(cell.dataset.row);
 		customEvent.bind	= cell.dataset.bind;
 		
-		ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid$1.copyProperty(customEvent, e, properties);
  		
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -15889,12 +15887,12 @@ class ngCustomEvent
 		
 		const properties	= ["altKey","ctrlKey","shiftKey","clientX","clientY","offsetX","offsetY","pageX","pageY","screenX","screenY","button","buttons","whitch"];
  		const cell			= e.target.closest("th,td");
-		const eventType		= e.detail == 1 ? ninegrid.EVENT.HEADCELL_CLICK : ninegrid.EVENT.HEADCELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid$1.EVENT.HEADCELL_CLICK : ninegrid$1.EVENT.HEADCELL_DBL_CLICK;
  		
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
 		
-		ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid$1.copyProperty(customEvent, e, properties);
  		
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -15905,12 +15903,12 @@ class ngCustomEvent
 		
 		const properties	= ["altKey","ctrlKey","shiftKey","clientX","clientY","offsetX","offsetY","pageX","pageY","screenX","screenY","button","buttons","whitch"];
  		const cell			= e.target.closest("th,td");
-		const eventType		= e.detail == 1 ? ninegrid.EVENT.FOOTCELL_CLICK : ninegrid.EVENT.FOOTCELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid$1.EVENT.FOOTCELL_CLICK : ninegrid$1.EVENT.FOOTCELL_DBL_CLICK;
  		
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
 		
-		ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid$1.copyProperty(customEvent, e, properties);
  		
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -16058,7 +16056,7 @@ class ngData
 		this.source = v;
 
 		for (var i = 0; i < v.length; i++) {
-			this.#records[i].__ng._[ninegrid.ROW.ID]	= v[i].__ng._[ninegrid.ROW.ID];
+			this.#records[i].__ng._[ninegrid$1.ROW.ID]	= v[i].__ng._[ninegrid$1.ROW.ID];
 			//this.#records[i].__ninegrid.rowState		= v[i].__ng.rowState;
 			
 			this.#nextId = Math.max(this.#nextId, v[i].__ng.rowid);
@@ -16071,14 +16069,14 @@ class ngData
 
 	getId = (o) => {
 				
-		return o.__ng._[ninegrid.ROW.ID];
+		return o.__ng._[ninegrid$1.ROW.ID];
 	}
 
 	get default() {
 
 		return {
 			//rowid	: this.nextId,//nextId + index,
-			rowState: ninegrid.ROW_STATE.EMPTY,
+			rowState: ninegrid$1.ROW_STATE.EMPTY,
 			deleted	: false,
 			filtered: false,
 			pin		: false,
@@ -16093,7 +16091,7 @@ class ngData
 				0,							// INDEX
 				0,							// ORDER
 				0,							// VISIBLE_ROW
-				ninegrid.ROW_STATE.EMPTY,			// STATE
+				ninegrid$1.ROW_STATE.EMPTY,			// STATE
 				false,						// FILTER
 				false,						// PIN
 				true,						// EXPAND
@@ -16146,14 +16144,14 @@ class ngData
 	#indexOf = (rec1, row, rec2) => {
 		const rowData = rec1[row];
 
-		return rec2.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == rowData.__ng._[ninegrid.ROW.ID]; });
+		return rec2.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == rowData.__ng._[ninegrid$1.ROW.ID]; });
 	};
 	
 	moveRow = (row1, row2) => {
 		
 		if (row1 == row2) return;
 
-		ninegrid.move(this.#parent.rawRecords, this.total.indexOf(row1), this.total.indexOf(row2));
+		ninegrid$1.move(this.#parent.rawRecords, this.total.indexOf(row1), this.total.indexOf(row2));
 		this.resetRecords();
 		
 		this.#parent.owner.dataManager.viewRecords.reset();
@@ -16196,7 +16194,7 @@ class ngData
 		if (td.length <= 0) return;
 		const col = td.eq(0)[0].dataset.col;
 		//var th = $(`thead th[data-col=${col}]`, this.#parent.owner.body).not(".col-indicator");
-		const th = ninegrid.j.querySelectorAll(`thead th[data-col="${col}"]:not(.col-indicator)`, this.#parent.owner.body);
+		const th = ninegrid$1.j.querySelectorAll(`thead th[data-col="${col}"]:not(.col-indicator)`, this.#parent.owner.body);
 
 		th.removeClass("deleted").removeClass("added").removeClass("updated");
 		if (updateData.delete.length > 0) th.addClass("deleted");
@@ -16213,9 +16211,9 @@ class ngData
 		arr.forEach((o,i) => {
 			o.__ng = this.default;
 			o.__ng.rowid = this.nextId;
-			o.__ng.rowState = ninegrid.ROW_STATE.INSERT;
+			o.__ng.rowState = ninegrid$1.ROW_STATE.INSERT;
 			
-			o.__ng._[ninegrid.ROW.ID] = o.__ng.rowid;
+			o.__ng._[ninegrid$1.ROW.ID] = o.__ng.rowid;
 		});
 
 		this.onRowStateChanged();
@@ -16237,13 +16235,13 @@ class ngData
 		//this.#recordsNF.forEach((o,i) => { o.__ng._[ninegrid.ROW.INDEX] = i; });
 		//this.#recordsNF.filter(m => { return !m.__ng.deleted && !m.__ng.filtered && m.__ng.visible; } ).forEach((o,i) => { o.__ng._[ninegrid.ROW.ORDER] = i + 1; });
 
-		this.#parent.rawRecords.forEach((o,i) => { o.__ng._[ninegrid.ROW.INDEX] = i; });
-		this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng.filtered && m.__ng.visible; } ).forEach((o,i) => { o.__ng._[ninegrid.ROW.ORDER] = i + 1; });
+		this.#parent.rawRecords.forEach((o,i) => { o.__ng._[ninegrid$1.ROW.INDEX] = i; });
+		this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng.filtered && m.__ng.visible; } ).forEach((o,i) => { o.__ng._[ninegrid$1.ROW.ORDER] = i + 1; });
 		
-		const arr = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && m.__ng._[ninegrid.ROW.PIN]; } );
-		arr.forEach((o,i) => { o.__ng._[ninegrid.ROW.VISIBLE_ROW] = (arr.length - i) * -1; });
+		const arr = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && m.__ng._[ninegrid$1.ROW.PIN]; } );
+		arr.forEach((o,i) => { o.__ng._[ninegrid$1.ROW.VISIBLE_ROW] = (arr.length - i) * -1; });
 		
-		this.#records.forEach((o,i) => { o.__ng._[ninegrid.ROW.VISIBLE_ROW] = i; });
+		this.#records.forEach((o,i) => { o.__ng._[ninegrid$1.ROW.VISIBLE_ROW] = i; });
 		//!m.__ng.deleted && !m.__ng.pin && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging;
 		
 	};
@@ -16282,7 +16280,7 @@ class ngData
 	resetRecords = () => {
 		
 		this.#recordsNF	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted } );
-		this.#records	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
+		this.#records	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid$1.ROW.PIN] && !m.__ng._[ninegrid$1.ROW.COLLAPSE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
 		//this.#records	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && !m.__ng.filtered && m.__ng.visible; } );
 
 		this.resetIndex();
@@ -16298,7 +16296,7 @@ class ngData
 			};
 			
 			for (const colnm of this.#owner.fields.get()) {
-				o.v.push(ninegrid.nvl(json[colnm], ""));		/** checklist: 숫자형식 체크해서 0으로 변경해야함 */
+				o.v.push(ninegrid$1.nvl(json[colnm], ""));		/** checklist: 숫자형식 체크해서 0으로 변경해야함 */
 			}
 			arr.push(o);
 		});
@@ -16334,7 +16332,7 @@ class ngData
 
 	getValidData = () => {
 		//if (this.#records.length == 0) this.#records = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng.pin && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
-		if (this.#records.length == 0) this.#records = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && m.__ng._[ninegrid.ROW.VISIBLE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
+		if (this.#records.length == 0) this.#records = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid$1.ROW.PIN] && !m.__ng._[ninegrid$1.ROW.COLLAPSE] && m.__ng._[ninegrid$1.ROW.VISIBLE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
 		return this.#records;
 	}
 	getValidDataNF = () => {
@@ -16347,7 +16345,7 @@ class ngData
 	
 	
 	conv = (arr) => {
-		if (ninegrid.isNull(arr)) return arr;
+		if (ninegrid$1.isNull(arr)) return arr;
 		
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16378,7 +16376,7 @@ class ngData
 		}
 	}
 	conv2 = (arr) => {
-		if (ninegrid.isNull(arr)) return arr;
+		if (ninegrid$1.isNull(arr)) return arr;
 		
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16429,11 +16427,11 @@ class ngData
 	 */
 	changeRowState = (state, fromIndex, toIndex) => {
 		const to = (v) => {
-			if ([ninegrid.ROW_STATE.EMPTY, ninegrid.ROW_STATE.NORMAL].includes(state)) v.__ng.o = {};
+			if ([ninegrid$1.ROW_STATE.EMPTY, ninegrid$1.ROW_STATE.NORMAL].includes(state)) v.__ng.o = {};
 			v.__ng.rowState = state;
 		};
 		
-		if (!state) state = ninegrid.ROW_STATE.EMPTY;
+		if (!state) state = ninegrid$1.ROW_STATE.EMPTY;
 		if (!fromIndex && !toIndex) { fromIndex = 0; toIndex = this.count() - 1; }
 		if (!fromIndex) fromIndex = 0;
 		if (!toIndex) toIndex = fromIndex;//this.count() - 1;
@@ -16477,7 +16475,7 @@ class ngData
 	#dataChanged = (row, bind, oldValue, newValue) => {
 		if (oldValue == newValue) return;
 		
-		const customEvent		= new CustomEvent(ninegrid.EVENT.DATA_CHANGED, { bubbles: true, detail: {} });
+		const customEvent		= new CustomEvent(ninegrid$1.EVENT.DATA_CHANGED, { bubbles: true, detail: {} });
 		customEvent.row			= row;
 		customEvent.bind		= bind;
 		customEvent.oldvalue	= oldValue;
@@ -16523,15 +16521,15 @@ class ngData
 		
 		this.#parent.rawRecords = this.#parent.rawRecords.concat(this.#defaultInsert(arr));
 		
-		const arr2 = this.#parent.rawRecords.map(m => { return m.__ng._[ninegrid.ROW.ORIGIN_ORDER]; });
+		const arr2 = this.#parent.rawRecords.map(m => { return m.__ng._[ninegrid$1.ROW.ORIGIN_ORDER]; });
 		if (arr2.length > 0) {		
 			const maxOrder = arr2.reduce( function (a, b) { 
 				return a > b ? a : b;
 			});
 
 			this.#parent.rawRecords.forEach((o,i) => {
-				if (o.__ng._[ninegrid.ROW.ORIGIN_ORDER] < 0) {
-					o.__ng._[ninegrid.ROW.ORIGIN_ORDER] = maxOrder + 1 + i;
+				if (o.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] < 0) {
+					o.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] = maxOrder + 1 + i;
 				}
 			});
 		}
@@ -16539,7 +16537,7 @@ class ngData
 		this.resetRecords();
 		
 		const row = this.count() - 1;
-		if (!updateState) this.changeRowState(ninegrid.ROW_STATE.EMPTY, row - arr.length + 1, row);
+		if (!updateState) this.changeRowState(ninegrid$1.ROW_STATE.EMPTY, row - arr.length + 1, row);
 		//this.#parent.owner.refresh();
 		this.#parent.viewRecords.reset();
 		
@@ -16565,8 +16563,8 @@ class ngData
 		var arr = this.#json2Array(dataSource);
 		
 		/** 후방 원순서 증가 */
-		const originOrder = this.#parent.rawRecords[at].__ng._[ninegrid.ROW.ORIGIN_ORDER];
-		this.#parent.rawRecords.filter(m => {return m.__ng._[ninegrid.ROW.ORIGIN_ORDER] >= originOrder}).forEach(v => { v.__ng._[ninegrid.ROW.ORIGIN_ORDER] += arr.length; });
+		const originOrder = this.#parent.rawRecords[at].__ng._[ninegrid$1.ROW.ORIGIN_ORDER];
+		this.#parent.rawRecords.filter(m => {return m.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] >= originOrder}).forEach(v => { v.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] += arr.length; });
 		/**
 		this.#parent.rawRecords.forEach((o,i) => {
 			if (i >= at) {
@@ -16576,7 +16574,7 @@ class ngData
 		
 		arr = this.#defaultInsert(arr);
 		arr.forEach((o,i) => {
-			o.__ng._[ninegrid.ROW.ORIGIN_ORDER] = originOrder + i;
+			o.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] = originOrder + i;
 		});
 		
 		this.#parent.rawRecords.splice(at, 0, ...arr);
@@ -16584,7 +16582,7 @@ class ngData
 	
 		this.resetRecords();
 
-		if (!updateState) this.changeRowState(ninegrid.ROW_STATE.EMPTY, at, at + arr.length - 1);
+		if (!updateState) this.changeRowState(ninegrid$1.ROW_STATE.EMPTY, at, at + arr.length - 1);
 		
 		//this.#parent.owner.refresh();
 		this.#parent.viewRecords.reset();
@@ -16596,11 +16594,11 @@ class ngData
 
 		var changed = false;
 		arr.sort((a,b) => {return b-a}).forEach(rowidx => {
-			if (this.#records[rowidx].__ng.rowState == ninegrid.ROW_STATE.INSERT) {
-				ninegrid.removeIf(this.#parent.rawRecords, item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } );
+			if (this.#records[rowidx].__ng.rowState == ninegrid$1.ROW_STATE.INSERT) {
+				ninegrid$1.removeIf(this.#parent.rawRecords, item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } );
 			}
 			else {
-				this.#parent.rawRecords.filter(item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } ).map(item => { item.__ng.deleted = true; item.__ng.rowState = ninegrid.ROW_STATE.DELETE; });
+				this.#parent.rawRecords.filter(item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } ).map(item => { item.__ng.deleted = true; item.__ng.rowState = ninegrid$1.ROW_STATE.DELETE; });
 				changed = true;
 			}
 		});
@@ -16640,8 +16638,8 @@ class ngData
 			arr = [at];
 		}*/
 		else if (typeof at === "object") {
-			const index = this.#records.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == at.__ng._[ninegrid.ROW.ID]; });
-			if (index < 0) throw new Error(`${at.__ng._[ninegrid.ROW.ID]} not found.`);
+			const index = this.#records.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == at.__ng._[ninegrid$1.ROW.ID]; });
+			if (index < 0) throw new Error(`${at.__ng._[ninegrid$1.ROW.ID]} not found.`);
 			arr = [index];
 		}
 		else {
@@ -16662,7 +16660,7 @@ class ngData
 	deleteFromId = (rowId) => {
 		
 		var rec = this.records();
-		const at = rec.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == rowId; });
+		const at = rec.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == rowId; });
 		
 		if (at < 0) throw new Error(`${rowId} not found.`);
 		
@@ -16673,7 +16671,7 @@ class ngData
 	#update = (rec, o, at) => {
 		
 		if (typeof at === "undefined") {
-			at = rec.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == o.__ng._[ninegrid.ROW.ID]; });
+			at = rec.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == o.__ng._[ninegrid$1.ROW.ID]; });
 		}
 		else if (typeof at === "number" || typeof at === "string") {
 			at = parseInt(at);
@@ -16701,7 +16699,7 @@ class ngData
 			rowData.v[COL_IDX] = newValue;
 
 			if (oldValue != newValue){
-				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 				changed = true;
 				
 				this.#dataChanged(at, colnm, oldValue, newValue);
@@ -16751,12 +16749,12 @@ class ngData
 		//var rowData = records(index);
 		var oldValue = rowData.v[COL_IDX];
 		
-		if (rowData.v[COL_IDX] != value && rowData.__ng.rowState != ninegrid.ROW_STATE.INSERT) {
+		if (rowData.v[COL_IDX] != value && rowData.__ng.rowState != ninegrid$1.ROW_STATE.INSERT) {
 			//if (!rowData.__ng.org) rowData.__ng.org = {};
 			if (!rowData.__ng.o.hasOwnProperty(colnm)) rowData.__ng.o[colnm] = oldValue;
 
 			if (updateRowState) {
-				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 				this.onRowStateChanged();		// thead row-state marking
 			}
 		}
@@ -16793,11 +16791,11 @@ class ngData
 		//var rowData = records(index);
 		rowData.v[colIndex];
 		
-		if (rowData.v[colIndex] != value && rowData.__ng.rowState != ninegrid.ROW_STATE.INSERT) {
+		if (rowData.v[colIndex] != value && rowData.__ng.rowState != ninegrid$1.ROW_STATE.INSERT) {
 			//if (!rowData.__ng.o.hasOwnProperty(colnm)) rowData.__ng.o[colnm] = oldValue;
 
 			if (updateRowState) {
-				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 			}
 		}
 		
@@ -16818,14 +16816,14 @@ class ngData
 		}
 		else {					
 			return {
-				insert: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.INSERT; } ) ),
-				update: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.UPDATE; } ) ),
-				delete: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.DELETE; } ) ),
+				insert: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.INSERT; } ) ),
+				update: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.UPDATE; } ) ),
+				delete: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.DELETE; } ) ),
 			};
 		}
 	};
 	isChanged = () => {
-		const arr = this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.INSERT || m.__ng.rowState == ninegrid.ROW_STATE.UPDATE || m.__ng.rowState == ninegrid.ROW_STATE.DELETE; } );
+		const arr = this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.INSERT || m.__ng.rowState == ninegrid$1.ROW_STATE.UPDATE || m.__ng.rowState == ninegrid$1.ROW_STATE.DELETE; } );
 		return arr.length > 0;
 	}
 	
@@ -16844,7 +16842,7 @@ class ngData
 
 		if (!records ||	 records.length <= 0) return;
 		
-		if (ninegrid.isNull(at)) {
+		if (ninegrid$1.isNull(at)) {
 			return this.conv2(records);
 		}
 		
@@ -16875,10 +16873,10 @@ class ngData
 	 * return : 모든 행의 데이타 값을 Array 배열로 반환
 	 */
 	records = (at) => {
-		return (ninegrid.isNull(at)) ? this.getValidData() : this.getValidData(at);
+		return (ninegrid$1.isNull(at)) ? this.getValidData() : this.getValidData(at);
 	}
 	recordsNF = (at) => {
-		return (ninegrid.isNull(at)) ? this.getValidDataNF() : this.getValidDataNF(at);
+		return (ninegrid$1.isNull(at)) ? this.getValidDataNF() : this.getValidDataNF(at);
 	}
 
 	/**
@@ -16945,11 +16943,11 @@ class ngData
 		
 			mid = parseInt((start+end)/2);
 			
-			if (target === arr[mid].__ng._[ninegrid.ROW.INDEX]) {
+			if (target === arr[mid].__ng._[ninegrid$1.ROW.INDEX]) {
 				return mid;
 			}
 			else {
-				if (target < arr[mid].__ng._[ninegrid.ROW.INDEX]){
+				if (target < arr[mid].__ng._[ninegrid$1.ROW.INDEX]){
 					end = mid - 1;
 				}
 				else {
@@ -17084,7 +17082,7 @@ class ngDataManager
 	
 		this.exprFunction = (s) => {
 			
-			s = s.replaceAll("ninegrid.ROW.ORDER", ninegrid.ROW.ORDER);
+			s = s.replaceAll("ninegrid.ROW.ORDER", ninegrid$1.ROW.ORDER);
 
 			let args = '...args';
 			let body = 'let [data, currow, all] = args; currow = Number(currow); return ' + s + ';';
@@ -17138,8 +17136,8 @@ class ngDataManager
 		this.getColumn = (rowidx,colnm) => { return this.data.get(rowidx, colnm); };
 		this.setColumn = (rowidx,colnm,v) => {
 			rowidx = parseInt(rowidx);
-			if (this.data.get(rowidx)[colnm] != v && this.data.get(rowidx).__ng.rowState != ninegrid.ROW_STATE.INSERT) {
-				this.data.get(rowidx).__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+			if (this.data.get(rowidx)[colnm] != v && this.data.get(rowidx).__ng.rowState != ninegrid$1.ROW_STATE.INSERT) {
+				this.data.get(rowidx).__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 				this.data.onRowStateChanged();
 			}
 			this.setColumnSilent(rowidx,colnm,v);
@@ -17223,8 +17221,8 @@ class ngExpandIcon extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandIcon.css";
-				${ninegrid.getCustomPath(this,"ngExpandIcon.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngExpandIcon.css";
+				${ninegrid$1.getCustomPath(this,"ngExpandIcon.css")}
 				
 				:host {
 					width: ${width};
@@ -17252,7 +17250,7 @@ class ngExpandIcon extends HTMLElement
 					case "rect":
 					case "check":
 					case "svg":
-						ninegrid.j.querySelectorAll("circle,rect,svg", this.shadowRoot).attr("fill", this.getAttribute(entry.attributeName));
+						ninegrid$1.j.querySelectorAll("circle,rect,svg", this.shadowRoot).attr("fill", this.getAttribute(entry.attributeName));
 						break;
 					}
 					break;
@@ -17263,7 +17261,7 @@ class ngExpandIcon extends HTMLElement
 						this.shadowRoot.querySelector("div").innerHTML = this.getAttribute(entry.attributeName);
 						break;
 					case "img":
-						 ninegrid.j.querySelectorAll("img", this.shadowRoot).attr("src", this.getAttribute(entry.attributeName));
+						 ninegrid$1.j.querySelectorAll("img", this.shadowRoot).attr("src", this.getAttribute(entry.attributeName));
 						break;
 					}
 					break;
@@ -17289,8 +17287,8 @@ class ngExpandCheck extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandCheck.css";
-				${ninegrid.getCustomPath(this,"ngExpandCheck.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngExpandCheck.css";
+				${ninegrid$1.getCustomPath(this,"ngExpandCheck.css")}
 			</style>
 			
 			<input type="checkbox" />
@@ -17310,8 +17308,8 @@ class ngExpandButton extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandButton.css";
-				${ninegrid.getCustomPath(this,"ngExpandButton.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngExpandButton.css";
+				${ninegrid$1.getCustomPath(this,"ngExpandButton.css")}
 			</style>
 			
 			<button>...</button>
@@ -17345,7 +17343,7 @@ class ngExportExcel
 			afterFunc	: () => {},
 		};
 		
-		var fileName = ninegrid.nvl(_option.fileName, "temp");
+		var fileName = ninegrid$1.nvl(_option.fileName, "temp");
 
 		const _download = async (workbook, fileName) => {
 
@@ -17421,7 +17419,7 @@ class ngExportExcel
 					
 					var v = "";
 					
-					if (!ninegrid.isNull(td.dataset.expr)) {
+					if (!ninegrid$1.isNull(td.dataset.expr)) {
 						try {
 							//v = this.#owner.exprFunction2(td.dataset.expr).call(this, rowData, rowIndex);
 							v = this.#owner.exprFunction(td.dataset.expr).call(this, rowData, rowIndex);
@@ -17430,7 +17428,7 @@ class ngExportExcel
 							//v = this.#owner.exprFunction2(td.dataset.expr).call(this, rowData, rowIndex);
 						}
 					}
-					else if (!ninegrid.isNull(td.dataset.bind)) {
+					else if (!ninegrid$1.isNull(td.dataset.bind)) {
 						//const COL_IDX = this.#owner.fields.indexOf(td.dataset.bind);
 						//v = rowData.v[COL_IDX] || "";
 						v = rowData[td.dataset.bind] || "";
@@ -18021,8 +18019,8 @@ class ngFilterPanel extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngFilterPanel.css";
-				${ninegrid.getCustomPath(this,"ngFilterPanel.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngFilterPanel.css";
+				${ninegrid$1.getCustomPath(this,"ngFilterPanel.css")}
 			</style>
 			
 			<div class="head">
@@ -18227,8 +18225,8 @@ class ngFoot extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngFoot.css";
-				${ninegrid.getCustomPath(this,"ngFoot.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngFoot.css";
+				${ninegrid$1.getCustomPath(this,"ngFoot.css")}
 			</style>
 			
 			<ng-layout></ng-layout>
@@ -18275,7 +18273,7 @@ class ngLayout extends HTMLElement
 		if (this.#tables.length <= 1) $(this.#wrap).hide();
 
 		//$("button", this.#wrap).eq(0).addClass("ng-active");
-		ninegrid.j.querySelectorAll(this.#wrap.querySelector("button")).addClass("ng-active");
+		ninegrid$1.j.querySelectorAll(this.#wrap.querySelector("button")).addClass("ng-active");
 		
 		$("button", this.#wrap).on("click", this.#onClick);
 	};
@@ -18298,7 +18296,7 @@ class ngLayout extends HTMLElement
 	
 	#onClick = e => {
 		
-		if (ninegrid.j.querySelectorAll(e.currentTarget).hasClass("ng-active")) return;
+		if (ninegrid$1.j.querySelectorAll(e.currentTarget).hasClass("ng-active")) return;
 		
 		const oldIndex = this.#at;
 		
@@ -18306,10 +18304,10 @@ class ngLayout extends HTMLElement
 		
 		this.#owner.changeRayout(this.#at);
 		
-		ninegrid.j.querySelectorAll("button", this.#wrap).removeClass("ng-active");
-		ninegrid.j.querySelectorAll(e.currentTarget).addClass("ng-active");
+		ninegrid$1.j.querySelectorAll("button", this.#wrap).removeClass("ng-active");
+		ninegrid$1.j.querySelectorAll(e.currentTarget).addClass("ng-active");
 		
-		var customEvent = new CustomEvent(ninegrid.EVENT.LAYOUT_CHANGED, { bubbles: true, detail: {} });
+		var customEvent = new CustomEvent(ninegrid$1.EVENT.LAYOUT_CHANGED, { bubbles: true, detail: {} });
 		customEvent.oldIndex	= oldIndex;
 		customEvent.newIndex	= this.#at;
 		
@@ -18334,12 +18332,12 @@ class ngHead extends HTMLElement
 		
 		this.#owner = this.getRootNode().host;
 
-		if (ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) return;
+		if (ninegrid$1.j.querySelectorAll(this.#owner).hasClass("simple")) return;
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngHead.css";
-				${ninegrid.getCustomPath(this,"ngHead.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngHead.css";
+				${ninegrid$1.getCustomPath(this,"ngHead.css")}
 			</style>
 			
 			<ng-menu></ng-menu>
@@ -18579,8 +18577,8 @@ class ngImg extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngImg.css";
-				${ninegrid.getCustomPath(this,"ngImg.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngImg.css";
+				${ninegrid$1.getCustomPath(this,"ngImg.css")}
 
 				img {
 					border: ${border};
@@ -18645,8 +18643,8 @@ class ngSvg extends ngCellEx
 				
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngSvg.css";
-				${ninegrid.getCustomPath(this,"ngSvg.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngSvg.css";
+				${ninegrid$1.getCustomPath(this,"ngSvg.css")}
 				
 				div {
 					border: ${border};
@@ -18783,8 +18781,8 @@ class ngInfo extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInfo.css";
-				${ninegrid.getCustomPath(this,"ngInfo.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInfo.css";
+				${ninegrid$1.getCustomPath(this,"ngInfo.css")}
 			</style>
 		
 			<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
@@ -18850,8 +18848,8 @@ class ngInputColor extends ngEditableEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputColor.css";
-				${ninegrid.getCustomPath(this,"ngInputColor.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInputColor.css";
+				${ninegrid$1.getCustomPath(this,"ngInputColor.css")}
 			</style>
 			
 			<input type="color" required />
@@ -18891,12 +18889,12 @@ class ngInputColor extends ngEditableEx
 	dataRefresh = (v) => {
 
 		if (this.#isValidColor(this.value)) {
-			this.#target.value = ninegrid.nvl(this.value, "#ffffff");
-			ninegrid.j.querySelectorAll(this).removeClass("invalid");
+			this.#target.value = ninegrid$1.nvl(this.value, "#ffffff");
+			ninegrid$1.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
 			this.#target.value = "#ffffff";
-			ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		
 		this.#target.setAttribute("title", this.value);
@@ -18906,7 +18904,7 @@ class ngInputColor extends ngEditableEx
 	
 	#isValidColor = (v) => {
 
-		if (ninegrid.isNull(v)) return true;
+		if (ninegrid$1.isNull(v)) return true;
 		
 		if (typeof v !== "string" || v.length != 7 || !v.startsWith("#")) return false;
 		
@@ -18945,8 +18943,8 @@ class ngInputDate extends ngEditableEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputDate.css";
-				${ninegrid.getCustomPath(this,"ngInputDate.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInputDate.css";
+				${ninegrid$1.getCustomPath(this,"ngInputDate.css")}
 				
 				input {
 					--height: ${height}px;
@@ -19023,10 +19021,10 @@ class ngInputDate extends ngEditableEx
 		this.#target.value = v;
 		
 		if (this.#isValidDate(v)) {
-			ninegrid.j.querySelectorAll(this).removeClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
-			ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 
 		if (!a) this.reset();
@@ -19034,7 +19032,7 @@ class ngInputDate extends ngEditableEx
 	
 	#isValidDate = (v) => {
 
-		if (ninegrid.isNull(v)) return true;
+		if (ninegrid$1.isNull(v)) return true;
 
 		if (typeof v !== "string") return false;
 		
@@ -19154,8 +19152,8 @@ class ngInputText extends ngEditableEx
 		 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputText.css";
-				${ninegrid.getCustomPath(this,"ngInputText.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInputText.css";
+				${ninegrid$1.getCustomPath(this,"ngInputText.css")}
 			</style>
 			
 			<input type="text"
@@ -19186,9 +19184,9 @@ class ngInputText extends ngEditableEx
 			if (e.target.selectionStart == e.target.selectionEnd) {
 				if (this.#maxbyte) {
 
-					if (ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte)) {
+					if (ninegrid$1.getByteLength(e.target.value) >= Number(this.#maxbyte)) {
 
-						e.target.value = ninegrid.cut(e.target.value, Number(this.#maxbyte));
+						e.target.value = ninegrid$1.cut(e.target.value, Number(this.#maxbyte));
 						
 						this.value = e.target.value;
 					}
@@ -19227,7 +19225,7 @@ class ngInputText extends ngEditableEx
 		this.#target.value = this.value;
 
 		
-		ninegrid.j.querySelectorAll(this.#target).removeClass("invalid");
+		ninegrid$1.j.querySelectorAll(this.#target).removeClass("invalid");
 		
 		if (this.#type == "number") {
 
@@ -19235,18 +19233,18 @@ class ngInputText extends ngEditableEx
 				this.#max && Number(this.#target.value) > Number(this.#max) ||
 				this.#min && Number(this.#target.value) < Number(this.#min)
 			) {
-				ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+				ninegrid$1.j.querySelectorAll(this.#target).addClass("invalid");
 			}
 			else if (this.#scale) {
 				if (this.#target.value.indexOf('.') >= 0 && this.#target.value.substring(this.#target.value.indexOf('.')+1).length > Number(this.#scale) ) {
-					ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+					ninegrid$1.j.querySelectorAll(this.#target).addClass("invalid");
 				}
 			}
 		}
 		
 
-		if (this.#maxbyte && ninegrid.getByteLength(this.value) > Number(this.#maxbyte)) {
-			ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+		if (this.#maxbyte && ninegrid$1.getByteLength(this.value) > Number(this.#maxbyte)) {
+			ninegrid$1.j.querySelectorAll(this.#target).addClass("invalid");
 		}
 		
 		if (!v) this.reset();
@@ -19288,7 +19286,7 @@ class ngInputText extends ngEditableEx
 		}
 		
 
-		if (this.#maxbyte && ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte) && e.target.selectionStart == e.target.selectionEnd) e.preventDefault();
+		if (this.#maxbyte && ninegrid$1.getByteLength(e.target.value) >= Number(this.#maxbyte) && e.target.selectionStart == e.target.selectionEnd) e.preventDefault();
 	}
 }
 
@@ -19382,7 +19380,7 @@ class ngMatrixManager
 		var subrow = matrixRow % this.#owner.template.length;
 		//matrixRow += this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
 		
-		var rows = ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
+		var rows = ninegrid$1.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
 		var idx = rows.findIndex(o => o.rowid == rowid && o.subrow == subrow);
 
 		
@@ -19424,7 +19422,7 @@ class ngMatrixManager
 		//matrixRow += this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
 		
 
-		var rows = ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
+		var rows = ninegrid$1.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
 		var idx = rows.findIndex(o => o.rowid == rowid && o.subrow == subrow);
 		
 
@@ -19474,7 +19472,7 @@ class ngMaxPopup extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ninegrid.css";
 				:host {
 				}
 				nine-grid {
@@ -19520,7 +19518,7 @@ class ngMaxPopup extends HTMLElement
 
 			e.stopImmediatePropagation();
 			
-			ninegrid.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
+			ninegrid$1.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
 
 				if (result) {
 					$(".apply", this.shadowRoot).trigger("click");
@@ -19533,9 +19531,11 @@ class ngMaxPopup extends HTMLElement
 	}
 	
 	popup = () => {
-		//console.log(this.#owner.data);
-		this.#grd.data.assign(this.#owner.data.get());
-		this.shadowRoot.querySelector('dialog').showModal();
+		setTimeout(() => {
+			/** 생성 즉시 호출시 오류 (this.#grd.data null) */
+			this.#grd.data.assign(this.#owner.data.get());
+			this.shadowRoot.querySelector('dialog').showModal();
+		}, 100);
 	};
 }
 
@@ -19625,34 +19625,34 @@ class ngMenu extends HTMLElement
 						"select-type": {
 							name: 'select type',
 							items: {
-								[`select-type-${ninegrid.SELECTTYPE.ROW}`]	: { name: "row",			className: `select-type select-type-${ninegrid.SELECTTYPE.ROW}`	},
-								[`select-type-${ninegrid.SELECTTYPE.ROWS}`]: { name: "multi row",		className: `select-type select-type-${ninegrid.SELECTTYPE.ROWS}`},
-								[`select-type-${ninegrid.SELECTTYPE.COL}`]	: { name: "column",			className: `select-type select-type-${ninegrid.SELECTTYPE.COL}`	},
-								[`select-type-${ninegrid.SELECTTYPE.COLS}`]: { name: "multi column",	className: `select-type select-type-${ninegrid.SELECTTYPE.COLS}`},
-								[`select-type-${ninegrid.SELECTTYPE.CELL}`]: { name: "cell",			className: `select-type select-type-${ninegrid.SELECTTYPE.CELL}`},
-								[`select-type-${ninegrid.SELECTTYPE.AREA}`]: { name: "area",			className: `select-type select-type-${ninegrid.SELECTTYPE.AREA}`},
-								[`select-type-${ninegrid.SELECTTYPE.NONE}`]: { name: "none",			className: `select-type select-type-${ninegrid.SELECTTYPE.NONE}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.ROW}`]	: { name: "row",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.ROW}`	},
+								[`select-type-${ninegrid$1.SELECTTYPE.ROWS}`]: { name: "multi row",		className: `select-type select-type-${ninegrid$1.SELECTTYPE.ROWS}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.COL}`]	: { name: "column",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.COL}`	},
+								[`select-type-${ninegrid$1.SELECTTYPE.COLS}`]: { name: "multi column",	className: `select-type select-type-${ninegrid$1.SELECTTYPE.COLS}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.CELL}`]: { name: "cell",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.CELL}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.AREA}`]: { name: "area",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.AREA}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.NONE}`]: { name: "none",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.NONE}`},
 							},
 						},
 						"paging-type": {
 							name: 'paging type',
 							items: {
-								[`paging-type-${ninegrid.PAGINGTYPE.NONE}`]	: { name: "none",		className: `paging-type paging-type-${ninegrid.PAGINGTYPE.NONE}`	},
-								[`paging-type-${ninegrid.PAGINGTYPE.CLIENT}`]	: { name: "client",		className: `paging-type paging-type-${ninegrid.PAGINGTYPE.CLIENT}`	},
-								[`paging-type-${ninegrid.PAGINGTYPE.SERVER}`]	: { name: "server",		className: `paging-type paging-type-${ninegrid.PAGINGTYPE.SERVER}`	},
+								[`paging-type-${ninegrid$1.PAGINGTYPE.NONE}`]	: { name: "none",		className: `paging-type paging-type-${ninegrid$1.PAGINGTYPE.NONE}`	},
+								[`paging-type-${ninegrid$1.PAGINGTYPE.CLIENT}`]	: { name: "client",		className: `paging-type paging-type-${ninegrid$1.PAGINGTYPE.CLIENT}`	},
+								[`paging-type-${ninegrid$1.PAGINGTYPE.SERVER}`]	: { name: "server",		className: `paging-type paging-type-${ninegrid$1.PAGINGTYPE.SERVER}`	},
 								"paging-count": {
 									name: "entries per page",
 									items: {
-										[`paging-count-${ninegrid.PAGINGCOUNT.AUTO}`]			: { name: "auto",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.AUTO}`		},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_1}`]		: { name: "1",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_1}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_5}`]		: { name: "5",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_5}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_10}`]		: { name: "10",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_10}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_20}`]		: { name: "20",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_20}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_30}`]		: { name: "30",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_30}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_50}`]		: { name: "50",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_50}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_100}`]		: { name: "100",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_100}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_1000}`]		: { name: "1000",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_1000}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_10000}`]	: { name: "10000",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_10000}`},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.AUTO}`]			: { name: "auto",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.AUTO}`		},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1}`]		: { name: "1",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_5}`]		: { name: "5",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_5}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10}`]		: { name: "10",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_20}`]		: { name: "20",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_20}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_30}`]		: { name: "30",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_30}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_50}`]		: { name: "50",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_50}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_100}`]		: { name: "100",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_100}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1000}`]		: { name: "1000",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1000}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10000}`]	: { name: "10000",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10000}`},
 									},
 								},	
 							},
@@ -19672,7 +19672,10 @@ class ngMenu extends HTMLElement
 					//if (ninegrid.j.querySelectorAll(this.#owner).hasClass("ng-maximize")) {
 						$('ng-max-popup', this.#owner.shadowRoot).remove();
 						$(this.#owner.shadowRoot).append($('<ng-max-popup></ng-max-popup>'));
+						//setTimeout(() => {
 						this.#owner.shadowRoot.querySelector("ng-max-popup").popup();
+						//}, 100);
+						
 					//}
 					break;
 				case "import":
@@ -19696,13 +19699,13 @@ class ngMenu extends HTMLElement
 					this.#owner.filtering.isFiltering() ? this.#owner.filtering.off() : this.#owner.filtering.on();
 					break;
 				
-				case `select-type-${ninegrid.SELECTTYPE.ROW}`:
-				case `select-type-${ninegrid.SELECTTYPE.ROWS}`:
-				case `select-type-${ninegrid.SELECTTYPE.COL}`:
-				case `select-type-${ninegrid.SELECTTYPE.COLS}`:
-				case `select-type-${ninegrid.SELECTTYPE.CELL}`:
-				case `select-type-${ninegrid.SELECTTYPE.AREA}`:
-				case `select-type-${ninegrid.SELECTTYPE.NONE}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.ROW}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.ROWS}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.COL}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.COLS}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.CELL}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.AREA}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.NONE}`:
 					this.#owner.setAttribute("select-type", e.menuId.replace("select-type-", ""));
 					break;
 				
@@ -19717,25 +19720,25 @@ class ngMenu extends HTMLElement
 					this.#owner.setAttribute("show-status-bar", this.#owner.getAttribute("show-status-bar") == "true" ? "false" : "true");
 					break;
 				
-				case `paging-type-${ninegrid.PAGINGTYPE.NONE}`:
-				case `paging-type-${ninegrid.PAGINGTYPE.CLIENT}`:
-				case `paging-type-${ninegrid.PAGINGTYPE.SERVER}`:
+				case `paging-type-${ninegrid$1.PAGINGTYPE.NONE}`:
+				case `paging-type-${ninegrid$1.PAGINGTYPE.CLIENT}`:
+				case `paging-type-${ninegrid$1.PAGINGTYPE.SERVER}`:
 					this.#owner.setAttribute("paging-type", e.menuId.replace("paging-type-", ""));
 					break;
-				case `paging-count-${ninegrid.PAGINGCOUNT.AUTO}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_1}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_5}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_10}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_20}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_30}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_50}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_100}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_1000}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_10000}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.AUTO}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_5}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_20}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_30}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_50}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_100}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1000}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10000}`:
 					this.#owner.setAttribute("paging-count", e.menuId.replace("paging-count-", ""));
 					break;
 				case "col-indicator-type":
-					this.#owner.setAttribute("col-indicator-type", this.#owner.getAttribute("col-indicator-type") == ninegrid.COLINDICATORTYPE.EXPAND ? ninegrid.COLINDICATORTYPE.COLLAPSE : ninegrid.COLINDICATORTYPE.EXPAND);
+					this.#owner.setAttribute("col-indicator-type", this.#owner.getAttribute("col-indicator-type") == ninegrid$1.COLINDICATORTYPE.EXPAND ? ninegrid$1.COLINDICATORTYPE.COLLAPSE : ninegrid$1.COLINDICATORTYPE.EXPAND);
 					break;
 				case "auto-fit-col":
 					this.#owner.setAttribute("auto-fit-col", this.#owner.getAttribute("auto-fit-col") == "true" ? "false" : "true");
@@ -19749,29 +19752,29 @@ class ngMenu extends HTMLElement
 			},
 			events : {
 				show : e => {
-					ninegrid.j.querySelectorAll(this.#owner).hasClass("ng-maximize") ? ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(this.#owner).hasClass("ng-maximize") ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("on");
 					
-					this.#owner.getAttribute("show-title-bar") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("show-menu-icon") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("show-status-bar") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("show-title-bar") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("show-menu-icon") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("show-status-bar") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).removeClass("on");
 
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .select-type", this.#owner.shadowRoot).removeClass("on");
-					ninegrid.j.querySelectorAll(`ng-context-menu-panel .select-type-${this.#owner.getAttribute("select-type")}`, this.#owner.shadowRoot).addClass("on");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .select-type", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(`ng-context-menu-panel .select-type-${this.#owner.getAttribute("select-type")}`, this.#owner.shadowRoot).addClass("on");
 
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .paging-type", this.#owner.shadowRoot).removeClass("on");
-					ninegrid.j.querySelectorAll(`ng-context-menu-panel .paging-type-${this.#owner.getAttribute("paging-type")}`, this.#owner.shadowRoot).addClass("on");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .paging-type", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(`ng-context-menu-panel .paging-type-${this.#owner.getAttribute("paging-type")}`, this.#owner.shadowRoot).addClass("on");
 					
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .paging-count", this.#owner.shadowRoot).removeClass("on");
-					ninegrid.j.querySelectorAll(`ng-context-menu-panel .paging-count-${this.#owner.getAttribute("paging-count")}`, this.#owner.shadowRoot).addClass("on");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .paging-count", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(`ng-context-menu-panel .paging-count-${this.#owner.getAttribute("paging-count")}`, this.#owner.shadowRoot).addClass("on");
 
-					this.#owner.filtering.isFiltering() ? ninegrid.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.filtering.isFiltering() ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).removeClass("on");
 					
-					this.#owner.getAttribute("auto-fit-col") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("auto-fit-col") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).removeClass("on");
 					
-					this.#owner.getAttribute("col-indicator-type") == ninegrid.COLINDICATORTYPE.EXPAND ? ninegrid.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("col-indicator-type") == ninegrid$1.COLINDICATORTYPE.EXPAND ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).removeClass("on");
 
 					const tfoot = this.#owner.body.querySelector(".ng-table tfoot");
-					const tfootMenu = ninegrid.j.querySelectorAll("ng-context-menu-panel .show-tfoot", this.#owner.shadowRoot);
+					const tfootMenu = ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-tfoot", this.#owner.shadowRoot);
 					
 					if (tfoot) {
 						tfootMenu.removeClass("disabled");
@@ -19782,12 +19785,12 @@ class ngMenu extends HTMLElement
 					}
 					
 					if (typeof ExcelJS == "undefined") {
-						ninegrid.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-excel", this.#owner.shadowRoot).addClass("disabled");
+						ninegrid$1.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-excel", this.#owner.shadowRoot).addClass("disabled");
 					}
 					
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-pdf", this.#owner.shadowRoot).addClass("disabled");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-pdf", this.#owner.shadowRoot).addClass("disabled");
 					
-					this.#owner.closest("dialog") ? ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("disabled") : ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("disabled");
+					this.#owner.closest("dialog") ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("disabled") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("disabled");
 				},
 				hide : () => {
 				},
@@ -19846,22 +19849,22 @@ class ngPaging extends HTMLElement
 		return this.#owner.getAttribute("paging-type");
 	};
 	set type(v) {
-		if (!Object.values(ninegrid.PAGINGTYPE).includes(v)) throw `invalid page type : ${v}`;
+		if (!Object.values(ninegrid$1.PAGINGTYPE).includes(v)) throw `invalid page type : ${v}`;
 		
 		//this.#owner.setAttribute("paging-type", v);
 		
 		switch (v) {
-		case ninegrid.PAGINGTYPE.NONE:
+		case ninegrid$1.PAGINGTYPE.NONE:
 			
 			$(this).children().show();
 			$(this).children().not("span:last-child").hide();
 			break;
 			
-		case ninegrid.PAGINGTYPE.CLIENT:
+		case ninegrid$1.PAGINGTYPE.CLIENT:
 			$(this).children().show();
 			break;
 			
-		case ninegrid.PAGINGTYPE.SERVER:
+		case ninegrid$1.PAGINGTYPE.SERVER:
 			$(this).children().show();
 			break;
 		}
@@ -19873,7 +19876,7 @@ class ngPaging extends HTMLElement
 		return this.#currentPage;
 	};
 	set currentPage(v) {
-		if (this.type != ninegrid.PAGINGTYPE.SERVER) throw `"currentPage" is only allowed when the paging type is server.`;
+		if (this.type != ninegrid$1.PAGINGTYPE.SERVER) throw `"currentPage" is only allowed when the paging type is server.`;
 		
 		this.#currentPage = v;
 	};
@@ -19907,7 +19910,7 @@ class ngPaging extends HTMLElement
 		setTimeout(() => {/** paging-type : none -> client 변경시 height 오류 */
 			this.#count = v;
 			
-			if (v == ninegrid.PAGINGCOUNT.AUTO) {
+			if (v == ninegrid$1.PAGINGCOUNT.AUTO) {
 				var totalHeight = $(".ng-container-body", this.#owner.body).height() - ($(".ng-container-body thead", this.#owner.body).height() || 0) - ($(".ng-container-body tfoot", this.#owner.body).height() || 0);
 				var tmplHeight = 0;
 				$(this.#owner.template).each((i,el) => tmplHeight += $(el).height());
@@ -19921,15 +19924,15 @@ class ngPaging extends HTMLElement
 
 			
 			switch (this.type) {
-			case ninegrid.PAGINGTYPE.NONE:
+			case ninegrid$1.PAGINGTYPE.NONE:
 				this.refresh();
 				break;
 			
-			case ninegrid.PAGINGTYPE.CLIENT:
+			case ninegrid$1.PAGINGTYPE.CLIENT:
 				this.refresh();
 				break;
 				
-			case ninegrid.PAGINGTYPE.SERVER:
+			case ninegrid$1.PAGINGTYPE.SERVER:
 				this.movePage(1);
 				break;
 			}
@@ -19956,13 +19959,13 @@ class ngPaging extends HTMLElement
 	#refresh = () => {
 
 
-		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid$1.PAGINGTYPE.CLIENT) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#owner.data.countNF().toLocaleString()}`);
 		}
-		else if (this.type == ninegrid.PAGINGTYPE.SERVER) {
+		else if (this.type == ninegrid$1.PAGINGTYPE.SERVER) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#totalCount.toLocaleString()}`);
 		}
-		else if (this.type == ninegrid.PAGINGTYPE.NONE) {
+		else if (this.type == ninegrid$1.PAGINGTYPE.NONE) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#totalCount.toLocaleString()}`);
 		}
 		
@@ -19973,21 +19976,21 @@ class ngPaging extends HTMLElement
 			$('span', this).eq(0).html(`${this.#currentPage.toLocaleString()} <i>of</i> ${this.#totalPage.toLocaleString()}`);
 		}
 		
-		ninegrid.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
-		ninegrid.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
-		ninegrid.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
-		ninegrid.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
 	};
 	
 	
 	#moveLast = () => {
 		//this.#clearPaging();
 		
-		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid$1.PAGINGTYPE.CLIENT) {
 
 			this.movePage(Math.ceil(this.#owner.data.countNF() / this.#linesPerPage));
 		}
-		else if (this.type == ninegrid.PAGINGTYPE.SERVER) {
+		else if (this.type == ninegrid$1.PAGINGTYPE.SERVER) {
 			this.movePage(Math.ceil(this.#totalCount / this.#linesPerPage));
 		}
 	};
@@ -19997,11 +20000,11 @@ class ngPaging extends HTMLElement
 		//if (!this.#owner || !this.#owner.data || isNaN(page) || this.#totalPage == 0) return;
 		if (!this.#owner || !this.#owner.data || isNaN(page)) return;
 		
-		if (this.type == ninegrid.PAGINGTYPE.SERVER) {
-			ninegrid.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", true);
-			ninegrid.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", true);
-			ninegrid.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", true);
-			ninegrid.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", true);
+		if (this.type == ninegrid$1.PAGINGTYPE.SERVER) {
+			ninegrid$1.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", true);
+			ninegrid$1.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", true);
+			ninegrid$1.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", true);
+			ninegrid$1.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", true);
 		}
 		
 		//this.#clearPaging();
@@ -20009,7 +20012,7 @@ class ngPaging extends HTMLElement
 		this.#oldPage = this.#currentPage;
 		this.#currentPage = page;
 		
-		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid$1.PAGINGTYPE.CLIENT) {
 			
 			var data = this.#owner.data.getValidDataNF();
 			
@@ -20035,7 +20038,7 @@ class ngPaging extends HTMLElement
 			this.#owner.scrollTo_V1(0);
 		}
 
-		if (this.type == ninegrid.PAGINGTYPE.SERVER && this.#oldPage != this.#currentPage){
+		if (this.type == ninegrid$1.PAGINGTYPE.SERVER && this.#oldPage != this.#currentPage){
 			this.onpagechanged.pageIndex= this.#currentPage;
 			this.onpagechanged.pageCnt	= this.#linesPerPage;
 			
@@ -20050,18 +20053,18 @@ class ngPaging extends HTMLElement
 	refresh = () => {
 
 		switch (this.type) {
-		case ninegrid.PAGINGTYPE.NONE:
+		case ninegrid$1.PAGINGTYPE.NONE:
 			this.#clearPaging();
 			$(".ng-container tbody tr.bindable:not(.nodata)", this.#owner.body).remove();
 			this.#owner.scrollTo_V1(0);
 			break;
 		
-		case ninegrid.PAGINGTYPE.CLIENT:
+		case ninegrid$1.PAGINGTYPE.CLIENT:
 			this.movePage(1);
 			this.#owner.refresh();
 			break;
 			
-		case ninegrid.PAGINGTYPE.SERVER:
+		case ninegrid$1.PAGINGTYPE.SERVER:
 			break;
 		}
 		
@@ -20094,8 +20097,8 @@ class ngProgress extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngProgress.css";
-				${ninegrid.getCustomPath(this,"ngProgress.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngProgress.css";
+				${ninegrid$1.getCustomPath(this,"ngProgress.css")}
 							
 				progress::-webkit-progress-bar {
 					background:  ${backColor};
@@ -20201,8 +20204,8 @@ class ngRadio extends ngEditableEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRadio.css";
-				${ninegrid.getCustomPath(this,"ngRadio.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRadio.css";
+				${ninegrid$1.getCustomPath(this,"ngRadio.css")}
 				
 				div.ng-wrap {
 					justify-content: ${justifyContent};
@@ -20244,7 +20247,7 @@ class ngRadio extends ngEditableEx
 	dataRefresh = (v) => {
 	
 		if (this.#dataSource) {
-			this.#isValid() ? ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegrid.j.querySelectorAll(this).addClass("invalid");
+			this.#isValid() ? ninegrid$1.j.querySelectorAll(this).removeClass("invalid") : ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 
 		$(this.#target).each((i,el) => {
@@ -20258,7 +20261,7 @@ class ngRadio extends ngEditableEx
 		
 		//console.log(this.value, ninegrid.isNull(this.value));
 		
-		if (ninegrid.isNull(this.value)) return true;
+		if (ninegrid$1.isNull(this.value)) return true;
 
 		var idx = this.#dataSource.findIndex(m => { return this.value == m[this.#code]; });
 		if (idx < 0) return false;
@@ -20303,8 +20306,8 @@ class ngRenderer extends ngCellEx
 
 		this.shadowRoot.innerHTML =`
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRenderer.css";
-				${ninegrid.getCustomPath(this,"ngRenderer.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRenderer.css";
+				${ninegrid$1.getCustomPath(this,"ngRenderer.css")}
 				
 				span {
 					color: ${color};
@@ -20363,8 +20366,8 @@ class ngRowDetail extends ngCellEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowDetail.css";
-				${ninegrid.getCustomPath(this,"ngRowDetail.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowDetail.css";
+				${ninegrid$1.getCustomPath(this,"ngRowDetail.css")}
 			</style>
 			
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="dtl" focusable="false" aria-hidden="true">
@@ -20416,7 +20419,7 @@ class ngRowDetailPopup extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ninegrid.css";
 				nine-grid {
 					border: 1px solid #ccc;
 				}
@@ -20468,7 +20471,7 @@ class ngRowDetailPopup extends HTMLElement
 
 			e.stopImmediatePropagation();
 			
-			ninegrid.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
+			ninegrid$1.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
 
 				if (result) {
 					$(".apply", this.shadowRoot).trigger("click");
@@ -20484,7 +20487,7 @@ class ngRowDetailPopup extends HTMLElement
 
 		var data = this.#owner.body.querySelector(`tr[data-row="${row}"]`).data;
 
-		this.#rowIndex = data.__ng._[ninegrid.ROW.INDEX];
+		this.#rowIndex = data.__ng._[ninegrid$1.ROW.INDEX];
 	
 		$(".title", this.shadowRoot).html(this.#owner.getAttribute("caption") || "Details");
 		$(".sub-title", this.shadowRoot).html(`(${(Number(row)+1).toLocaleString()} of ${this.#owner.data.count().toLocaleString()})`);
@@ -20614,8 +20617,8 @@ class ngRowDrag extends ngCellEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowDrag.css";
-				${ninegrid.getCustomPath(this,"ngRowDrag.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowDrag.css";
+				${ninegrid$1.getCustomPath(this,"ngRowDrag.css")}
 			</style>
 		`;
 
@@ -20695,7 +20698,7 @@ class ngRowMover
 	#borderTop = (row) => {
 		[".ng-container-left",".ng-container-body",".ng-container-right"].forEach(group => {
 			const trs = this.#owner.body.querySelectorAll(`${group} tr[data-row="${row}"]`);
-			ninegrid.j.querySelectorAll("th,td", trs[0]).addClass("ng-dragover-up");
+			ninegrid$1.j.querySelectorAll("th,td", trs[0]).addClass("ng-dragover-up");
 		});
 	};
 
@@ -20703,7 +20706,7 @@ class ngRowMover
 		[".ng-container-left",".ng-container-body",".ng-container-right"].forEach(group => {
 			this.#owner.body.querySelectorAll(`${group} tr[data-row="${row}"]`).forEach((tr,i) => {
 				tr.querySelectorAll("th,td").forEach(cell => {
-					if ((i + (cell.rowSpan || 1)) == this.#owner.template.length) ninegrid.j.querySelectorAll(cell).addClass("ng-dragover-down");
+					if ((i + (cell.rowSpan || 1)) == this.#owner.template.length) ninegrid$1.j.querySelectorAll(cell).addClass("ng-dragover-down");
 				});
 			});
 		});
@@ -20721,8 +20724,8 @@ class ngRowMover
 		const targetRow = parseInt(e.target.closest("th,td").dataset.row);
 
 
-		ninegrid.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
-		ninegrid.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
 		//ninegrid.j.querySelectorAll(`tr`, targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
 		
 		if (sourceGrid.id == targetGrid.id) {
@@ -20790,7 +20793,7 @@ class ngRowMover
 		//const sourceGrid= document.getElementById(e.dataTransfer.getData("id"));
 		//const sourceRow	= parseInt(e.dataTransfer.getData("row"));
 		//const sourceBind= e.dataTransfer.getData("bind");
-		const sourceGrid= ninegrid.nvl(document.getElementById(ngRowDrag.dragData.id), this.#owner);		/** Max Popup 화면에서 document.getElementById(ngRowDrag.dragData.id) == null */
+		const sourceGrid= ninegrid$1.nvl(document.getElementById(ngRowDrag.dragData.id), this.#owner);		/** Max Popup 화면에서 document.getElementById(ngRowDrag.dragData.id) == null */
 		const sourceRow	= ngRowDrag.dragData.row;
 		const sourceBind= ngRowDrag.dragData.bind;
 		
@@ -20801,12 +20804,12 @@ class ngRowMover
 		const targetRow	= parseInt(targetTr.dataset.row);
 		const targetBind= targetGrid.body.querySelector("ng-row-drag") ? targetGrid.body.querySelector("ng-row-drag").cell.dataset.bind : null;
 
-		ninegrid.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
-		ninegrid.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
 		
 		if (sourceGrid.id == targetGrid.id && sourceRow == targetRow) return;
 		
-		const canEvent	= new CustomEvent(ninegrid.EVENT.CAN_ROW_MOVE, { bubbles: true, cancelable: true, detail: {} });
+		const canEvent	= new CustomEvent(ninegrid$1.EVENT.CAN_ROW_MOVE, { bubbles: true, cancelable: true, detail: {} });
 		canEvent.sourceGrid	= sourceGrid;
 		canEvent.targetGrid	= targetGrid;
 		canEvent.sourceRow	= sourceRow;
@@ -20844,7 +20847,7 @@ class ngRowMover
 		
 		this.#owner.dataManager.viewRecords.reset();
 		
-		const doneEvent	= new CustomEvent(ninegrid.EVENT.ROW_MOVED, { bubbles: true, detail: {} });
+		const doneEvent	= new CustomEvent(ninegrid$1.EVENT.ROW_MOVED, { bubbles: true, detail: {} });
 		doneEvent.sourceGrid= sourceGrid;
 		doneEvent.targetGrid= targetGrid;
  		doneEvent.sourceRow	= sourceRow;
@@ -20877,8 +20880,8 @@ class ngRowExpand extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowExpand.css";
-				${ninegrid.getCustomPath(this,"ngRowExpand.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowExpand.css";
+				${ninegrid$1.getCustomPath(this,"ngRowExpand.css")}
 			</style>
 		`;
 		
@@ -20888,17 +20891,17 @@ class ngRowExpand extends HTMLElement
 		if (!this.#owner || !this.#cell) return;
 		
 		//this.#originExpr= $(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.template).attr("data-expr");
-		this.#originExpr= ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr");
+		this.#originExpr= ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr");
 		
 		if (this.#cell.querySelector("ng-col-expand")) {
-			ninegrid.j.querySelectorAll(this).addClass("padding");
+			ninegrid$1.j.querySelectorAll(this).addClass("padding");
 		}
 		
 		$(this).on("click", e => {
 			e.preventDefault();
 			e.stopPropagation();
 			
-			if (ninegrid.j.querySelectorAll(this).hasClass("expand")) {
+			if (ninegrid$1.j.querySelectorAll(this).hasClass("expand")) {
 				this.#collapse();
 			}
 			else {
@@ -20910,28 +20913,28 @@ class ngRowExpand extends HTMLElement
 	};
 	
 	#expand = () => {
-		const bind = ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-bind");
+		const bind = ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-bind");
 		const expr = `data.${bind}.replaceAll("\\n", "<br>")`;
 
-		ninegrid.j.querySelectorAll(this).addClass("expand");
+		ninegrid$1.j.querySelectorAll(this).addClass("expand");
 		
-		ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", expr);
-		ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", expr);
+		ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", expr);
+		ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", expr);
 		
 		this.#setRowHeightFit();
 	};
 	
 	#collapse = () => {
 		
-		ninegrid.j.querySelectorAll(this).removeClass("expand");
+		ninegrid$1.j.querySelectorAll(this).removeClass("expand");
 		
 		if (this.#originExpr) {
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", this.#originExpr);
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", this.#originExpr);
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", this.#originExpr);
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", this.#originExpr);
 		}
 		else {
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).removeAttr("data-expr");
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).removeAttr("data-expr");
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).removeAttr("data-expr");
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).removeAttr("data-expr");
 		}
 		
 		this.#setRowHeightFit();
@@ -20967,8 +20970,8 @@ class ngRowIndicator extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowIndicator.css";
-				${ninegrid.getCustomPath(this,"ngRowIndicator.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowIndicator.css";
+				${ninegrid$1.getCustomPath(this,"ngRowIndicator.css")}
 				
 				svg.dtl {
 					display: ${"none"};
@@ -21003,7 +21006,7 @@ class ngRowIndicator extends ngCellEx
 		
 		//this.cell.dataset.expr = ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.PIN] ? '*' : data.__ng._[ninegrid.ROW.ORDER]");
 		//this.cell.dataset.expr = ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER] + ':' + data.__ng._[ninegrid.ROW.VISIBLE_ROW] + ':' + data.__ng._[ninegrid.ROW.INDEX]");
-		this.cell.dataset.expr = ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]");
+		this.cell.dataset.expr = ninegrid$1.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]");
 
 		this.cell.setAttribute("text-align", "center");
 		
@@ -21031,14 +21034,14 @@ class ngRowIndicator extends ngCellEx
 		var row = parseInt(this.cell.dataset.row);
 		
 		switch (this.data.__ng.rowState) {
-		case ninegrid.ROW_STATE.INSERT:
-			ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
+		case ninegrid$1.ROW_STATE.INSERT:
+			ninegrid$1.j.querySelectorAll(this).addClass('added').removeClass('updated');
 			break;
-		case ninegrid.ROW_STATE.UPDATE:
-			ninegrid.j.querySelectorAll(this).addClass('updated');
+		case ninegrid$1.ROW_STATE.UPDATE:
+			ninegrid$1.j.querySelectorAll(this).addClass('updated');
 			break;
 		default:
-			ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
+			ninegrid$1.j.querySelectorAll(this).removeClass('added').removeClass('updated');
 			break;
 		}
 
@@ -21048,7 +21051,7 @@ class ngRowIndicator extends ngCellEx
 	};
 	
 	#init = () => {
-		if (!ninegrid.j.querySelectorAll(this.closest("tbody")).hasClass("fixed")) {
+		if (!ninegrid$1.j.querySelectorAll(this.closest("tbody")).hasClass("fixed")) {
 			var rowSpan = this.cell.rowSpan;
 			var tr = this.closest("tr");
 			for (var i = 0; i < rowSpan; i++) {
@@ -21135,12 +21138,12 @@ class ngRowResizer extends HTMLElement
 		
 		$(this).on("mousedown", e => {
 
-			if (ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
+			if (ninegrid$1.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
 
 			this.#timer = setTimeout(() => { this.#onMouseDown(e); }, 500);
 		})
 		.on("dblclick", e => {
-			if (ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
+			if (ninegrid$1.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
 	
 			this.#onDblClick(e);
 		});
@@ -21251,8 +21254,8 @@ class ngRowPin extends ngCellEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowPin.css";
-				${ninegrid.getCustomPath(this,"ngRowPin.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowPin.css";
+				${ninegrid$1.getCustomPath(this,"ngRowPin.css")}
 			</style>
 			
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" focusable="false" aria-hidden="true">
@@ -21268,7 +21271,7 @@ class ngRowPin extends ngCellEx
 	dataRefresh = (v) => {
 		if (!this.owner || !this.cell || !this.data) return;
 		
-		this.cell.closest("tbody.fixed") ? ninegrid.j.querySelectorAll(this).addClass("pin") : ninegrid.j.querySelectorAll(this).removeClass("pin");
+		this.cell.closest("tbody.fixed") ? ninegrid$1.j.querySelectorAll(this).addClass("pin") : ninegrid$1.j.querySelectorAll(this).removeClass("pin");
 		
 		if (!v) this.reset();
 	};
@@ -21276,12 +21279,12 @@ class ngRowPin extends ngCellEx
 	#init = () => {
 		
 		/** Mobile에서 Row Pin 기능 방지 */
-		if (!ninegrid.isMobile()) {
+		if (!ninegrid$1.isMobile()) {
 			this.shadowRoot.querySelector("svg").addEventListener("click", e => {
 				
 				const row = this.cell.closest("tr").dataset.row;
 				
-				this.cell.closest("tbody.fixed") ? this.owner.pin.remove(row) : this.owner.pin.add(this.data.__ng._[ninegrid.ROW.INDEX]);
+				this.cell.closest("tbody.fixed") ? this.owner.pin.remove(row) : this.owner.pin.add(this.data.__ng._[ninegrid$1.ROW.INDEX]);
 			});
 		}
 	}
@@ -21303,7 +21306,7 @@ class ngPinManager
 		 * 1. grid attr == filter : on();
 		 */
 		this.#records.forEach(v => {
-			v.__ng._[ninegrid.ROW.PIN] = false;
+			v.__ng._[ninegrid$1.ROW.PIN] = false;
 		});
 
 		this.#records = [];
@@ -21315,7 +21318,7 @@ class ngPinManager
 
 		//var data = this.#owner.data.getRow(i);
 		var data = this.#owner.data.getNF(index);
-		data.__ng._[ninegrid.ROW.PIN] = true;
+		data.__ng._[ninegrid$1.ROW.PIN] = true;
 		
 		this.#records.push(data);
 		
@@ -21335,7 +21338,7 @@ class ngPinManager
 		bodyTmpl	.each((i,tr) => { $(".ng-container-body tbody.fixed",	this.#owner.body).append(tr.outerHTML); });
 
 		$("tbody.fixed tr:not([data-index])", this.#owner.body).each((i,tr) => {
-			tr.dataset.index = data.__ng._[ninegrid.ROW.INDEX];
+			tr.dataset.index = data.__ng._[ninegrid$1.ROW.INDEX];
 			tr.data = data;
 		});
 		
@@ -21346,9 +21349,9 @@ class ngPinManager
 
 		$("tbody.fixed tr", this.#owner.body).each((i,tr) => {
 			tr.dataset.matrixRow	= parseInt(tr.dataset.row) * this.#owner.template.length + (parseInt(tr.sectionRowIndex % this.#owner.template.length));
-			ninegrid.j.querySelectorAll("th,td", tr).attr("data-index",		tr.dataset.index);
-			ninegrid.j.querySelectorAll("th,td", tr).attr("data-row",		tr.dataset.row);
-			ninegrid.j.querySelectorAll("th,td", tr).attr("data-matrix-row",	tr.dataset.matrixRow);
+			ninegrid$1.j.querySelectorAll("th,td", tr).attr("data-index",		tr.dataset.index);
+			ninegrid$1.j.querySelectorAll("th,td", tr).attr("data-row",		tr.dataset.row);
+			ninegrid$1.j.querySelectorAll("th,td", tr).attr("data-matrix-row",	tr.dataset.matrixRow);
 		});
 
 		this.#owner.data.resetRecords();
@@ -21365,7 +21368,7 @@ class ngPinManager
 			$(`.ng-container-right	tbody.fixed tr[data-row=${row}]`, this.#owner.body).remove();
 			$(`.ng-container-body	tbody.fixed tr[data-row=${row}]`, this.#owner.body).remove();
 			
-			this.#records[index].__ng._[ninegrid.ROW.PIN] = false;
+			this.#records[index].__ng._[ninegrid$1.ROW.PIN] = false;
 			
 			this.#records.splice(index, 1);
 		}
@@ -21401,8 +21404,8 @@ class ngRowState extends ngCellEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowState.css";
-				${ninegrid.getCustomPath(this,"ngRowState.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowState.css";
+				${ninegrid$1.getCustomPath(this,"ngRowState.css")}
 			</style>
 		`;
 
@@ -21416,14 +21419,14 @@ class ngRowState extends ngCellEx
 		//var row = parseInt(this.cell.dataset.row);
 		
 		switch (this.data.__ng.rowState) {
-		case ninegrid.ROW_STATE.INSERT:
-			ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
+		case ninegrid$1.ROW_STATE.INSERT:
+			ninegrid$1.j.querySelectorAll(this).addClass('added').removeClass('updated');
 			break;
-		case ninegrid.ROW_STATE.UPDATE:
-			ninegrid.j.querySelectorAll(this).addClass('updated');
+		case ninegrid$1.ROW_STATE.UPDATE:
+			ninegrid$1.j.querySelectorAll(this).addClass('updated');
 			break;
 		default:
-			ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
+			ninegrid$1.j.querySelectorAll(this).removeClass('added').removeClass('updated');
 			break;
 		}
 		
@@ -21455,8 +21458,8 @@ class ngVScrollBar extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngVScrollBar.css";
-				${ninegrid.getCustomPath(this,"ngVScrollBar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngVScrollBar.css";
+				${ninegrid$1.getCustomPath(this,"ngVScrollBar.css")}
 			</style>
 			
 			<button class='ng-scroll-top' disabled><div class='ng-scroll-icon'></div></button>
@@ -21781,7 +21784,7 @@ class ngVScrollBar extends HTMLElement
 		e.preventDefault();
 
 		if (this.#firstThumbMove) {
-			ninegrid.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
+			ninegrid$1.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
 			this.#firstThumbMove = false;
 		}
 
@@ -21825,8 +21828,8 @@ class ngHScrollBar extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngHScrollBar.css";
-				${ninegrid.getCustomPath(this,"ngHScrollBar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngHScrollBar.css";
+				${ninegrid$1.getCustomPath(this,"ngHScrollBar.css")}
 			</style>
 			
 			<button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
@@ -21874,8 +21877,8 @@ class ngHScrollBar extends HTMLElement
 		thumb.css({left : l});
 
 		// enable
-		ninegrid.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
-		ninegrid.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
 		
 		// edge show
 		var vbar = this.#owner.body.querySelector("ng-vscrollbar");
@@ -21939,8 +21942,8 @@ class ngHScrollBar extends HTMLElement
 		
 		thumb.css({left : l});
 
-		ninegrid.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
-		ninegrid.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
 	}
 	
 	#init = () => {
@@ -22166,7 +22169,7 @@ class ngSorting
 	 * 정렬상태 초기화
 	 */
 	#restore = () => {
-		this.#owner.data.sort((a,b) => { return a.__ng._[ninegrid.ROW.ORIGIN_ORDER] - b.__ng._[ninegrid.ROW.ORIGIN_ORDER]; });
+		this.#owner.data.sort((a,b) => { return a.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] - b.__ng._[ninegrid$1.ROW.ORIGIN_ORDER]; });
 	}
 	
 	#onClick = (e) => {
@@ -22181,11 +22184,11 @@ class ngSorting
 
 		switch (e.detail) {
 			case 1:
-				ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+				ninegrid$1.j.querySelectorAll(this.#owner).addClass("loading");
 				
 				setTimeout(() => {
 					this.#sort(e);
-					ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+					ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
 				}); // should match OS multi-click speed
 				break;
 			case 2:
@@ -22222,36 +22225,36 @@ class ngSorting
 		if (!e.ctrlKey && !e.shiftKey) {
 			//remove all class
 			//$("thead th,thead td", this.#owner.body).not(`[data-col="${col}"]`).removeClass("asc").removeClass("desc");
-			ninegrid.j.querySelectorAll(`thead th:not([data-col="${col}"],thead td:not([data-col="${col}"])`, this.#owner.body).removeClass("asc").removeClass("desc");
+			ninegrid$1.j.querySelectorAll(`thead th:not([data-col="${col}"],thead td:not([data-col="${col}"])`, this.#owner.body).removeClass("asc").removeClass("desc");
 			
 			this.#columns.splice(0, this.#columns.length);
 		}
 		
-		ninegrid.removeIf(this.#columns, m => { return m.colnm == colnm; });
+		ninegrid$1.removeIf(this.#columns, m => { return m.colnm == colnm; });
 		
-		if (!ninegrid.j.querySelectorAll(td).hasClass("asc") && !ninegrid.j.querySelectorAll(td).hasClass("desc")) {
-			ninegrid.j.querySelectorAll(td).removeClass("desc").addClass("asc");
+		if (!ninegrid$1.j.querySelectorAll(td).hasClass("asc") && !ninegrid$1.j.querySelectorAll(td).hasClass("desc")) {
+			ninegrid$1.j.querySelectorAll(td).removeClass("desc").addClass("asc");
 			
 			this.#columns.push({"colnm": colnm, "asc": true, "expr-func": exprFunc, });
 		}
-		else if (ninegrid.j.querySelectorAll(td).hasClass("asc")) {
-			ninegrid.j.querySelectorAll(td).removeClass("asc").addClass("desc");
+		else if (ninegrid$1.j.querySelectorAll(td).hasClass("asc")) {
+			ninegrid$1.j.querySelectorAll(td).removeClass("asc").addClass("desc");
 			this.#columns.push({"colnm": colnm, "asc": false, "expr-func": exprFunc, });
 		}
 		else {
-			ninegrid.j.querySelectorAll(td).removeClass("asc").removeClass("desc");
+			ninegrid$1.j.querySelectorAll(td).removeClass("asc").removeClass("desc");
 		}
 		
 		//console.log(ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("asc"), ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("desc"));
 		
-		if (!ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("asc") && !ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("desc")) {
+		if (!ninegrid$1.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("asc") && !ninegrid$1.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("desc")) {
 			this.#restore();
 		}
 		else {
 			this.#owner.data.sort((a,b) => { return this.#compareFn(a,b); });
 		}
 
-		(this.#owner.paging.type == ninegrid.PAGINGTYPE.CLIENT) ? this.#owner.paging.movePage(1) : this.#owner.view.redraw();
+		(this.#owner.paging.type == ninegrid$1.PAGINGTYPE.CLIENT) ? this.#owner.paging.movePage(1) : this.#owner.view.redraw();
 	}
 	
 	#compareFn = (a, b) => {
@@ -22263,10 +22266,10 @@ class ngSorting
 				const aa = this.#owner.data.conv(a);
 				const bb = this.#owner.data.conv(b);
 				
-				if (column["expr-func"](aa,aa.__ng._[ninegrid.ROW.INDEX]) > column["expr-func"](bb,bb.__ng._[ninegrid.ROW.INDEX])) {
+				if (column["expr-func"](aa,aa.__ng._[ninegrid$1.ROW.INDEX]) > column["expr-func"](bb,bb.__ng._[ninegrid$1.ROW.INDEX])) {
 					return column.asc ? 1 : -1;
 				}
-				else if (column["expr-func"](aa,aa.__ng._[ninegrid.ROW.INDEX]) < column["expr-func"](bb,bb.__ng._[ninegrid.ROW.INDEX])) {
+				else if (column["expr-func"](aa,aa.__ng._[ninegrid$1.ROW.INDEX]) < column["expr-func"](bb,bb.__ng._[ninegrid$1.ROW.INDEX])) {
 					return column.asc ? -1 : 1;
 				}
 			}
@@ -22326,13 +22329,13 @@ class ngTableManager
 			const target = $(`.col-indicator[data-col=${col}]`, this.#owner.body);
 	
 			if (target.closest(".ng-container-body").length > 0) {
-				return ninegrid.BAND.BODY;
+				return ninegrid$1.BAND.BODY;
 			}
 			else if (target.closest(".ng-container-left").length > 0) {
-				return ninegrid.BAND.LEFT;
+				return ninegrid$1.BAND.LEFT;
 			}
 			else if (target.closest(".ng-container-right").length > 0) {
-				return ninegrid.BAND.RIGHT;
+				return ninegrid$1.BAND.RIGHT;
 			}
 		};
 		
@@ -22344,7 +22347,7 @@ class ngTableManager
 
 			this.#owner.body.querySelector(`colgroup [data-col="${col}"]:not(.cdummy)`).setAttribute("width", w);
 			
-			if (band != ninegrid.BAND.BODY) {
+			if (band != ninegrid$1.BAND.BODY) {
 				var w = 0;
 				$(`.ng-container-${band} col`, this.#owner.body).each((i,el) => { w += parseInt(el.getAttribute("width")); });
 				$(`.ng-container-${band}`, this.#owner.body).css({ "width": w, "min-width"	: w, });
@@ -22354,7 +22357,7 @@ class ngTableManager
 		};
 	
 		this.getExprFunc = (col, colnm) => {
-			const cell = ninegrid.j.querySelectorAll(colnm ? `[data-col="${col}"][data-bind="${colnm}"]` : `[data-col="${col}"]`, this.#owner.tmpl).elem();
+			const cell = ninegrid$1.j.querySelectorAll(colnm ? `[data-col="${col}"][data-bind="${colnm}"]` : `[data-col="${col}"]`, this.#owner.tmpl).elem();
 			const expr = cell ? cell.getAttribute("data-expr") : null;
 			
 			return (expr) ? this.#owner.exprFunction(expr) : null;
@@ -22367,14 +22370,14 @@ class ngTableManager
 			if (async == undefined) async = true;
 		
 			if (async) {
-				ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+				ninegrid$1.j.querySelectorAll(this.#owner).addClass("loading");
 				
 				setTimeout(() => {
 					var w = this.#getColumnTextWidth(col);
 					//if (w != 0) this.setColumnWidth(col, minWidth ? Math.max(w, minWidth) : w);
 					this.setColumnWidth(col, minWidth ? Math.max(w, minWidth) : w);
 		
-					ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+					ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
 				});
 			}
 			else {
@@ -22403,7 +22406,7 @@ class ngTableManager
 					const th = document.createElement('th');
 					th.setAttribute("scope", "col");
 					
-					ninegrid.j.querySelectorAll(th).addClass("col-indicator");
+					ninegrid$1.j.querySelectorAll(th).addClass("col-indicator");
 					
 					$(th).html('<div></div>').insertBefore(toTH).css({ "width" : w, "min-width" : w, });
 				});
@@ -22598,7 +22601,7 @@ class ngTableManager
 			
 			case "NG-RADIO":
 				o.value = rowData[colnm];
-				if (o.value != null && o.value != "" && !ninegrid.isNull(comp.dataSource)) {
+				if (o.value != null && o.value != "" && !ninegrid$1.isNull(comp.dataSource)) {
 					o.code = comp.dataSource.map(m => { return m[comp.getAttribute("key") || "key"]; }).includes(o.value) ? 0 : -1;
 				}
 				break;
@@ -22641,7 +22644,7 @@ class ngTableManager
 		}
 
 		if (matrixRow == null) {
-			ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+			ninegrid$1.j.querySelectorAll(this.#owner).addClass("loading");
 			
 			setTimeout(() => {
 				for (var i = 0; i < this.#owner.data.count(); i++) {
@@ -22660,7 +22663,7 @@ class ngTableManager
 
 				this.#owner.view.redraw();
 				
-				ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+				ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
 			});
 		}
 		else {
@@ -22691,7 +22694,7 @@ class ngTableManager
 			const v			= String(rowData.v[COL_IDX]);
 			
 			if (bind && v.includes("\n")) {
-				h = Math.max(h, ninegrid.measureTextSize(v, fonts[i]).height);
+				h = Math.max(h, ninegrid$1.measureTextSize(v, fonts[i]).height);
 			}
 		});
 		
@@ -22724,7 +22727,7 @@ class ngTableManager
 				if (!v) continue;
 
 
-				w = Math.max(w, ninegrid.measureTextSize(v, font).width);// + (comp.length > 0 ? 40 : 0);
+				w = Math.max(w, ninegrid$1.measureTextSize(v, font).width);// + (comp.length > 0 ? 40 : 0);
 			}
 		});
 
@@ -22778,7 +22781,7 @@ class ngTableWrapper
 						const th = document.createElement('th');
 						th.setAttribute("scope", "col");
 						
-						ninegrid.j.querySelectorAll(th).addClass("col-indicator");
+						ninegrid$1.j.querySelectorAll(th).addClass("col-indicator");
 						
 						$(th).html('<div></div>').insertBefore(toTH).css({ "width" : w, "min-width" : w, });
 					});
@@ -23021,8 +23024,8 @@ class ngTextArea extends ngEditableEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngTextArea.css";
-				${ninegrid.getCustomPath(this,"ngTextArea.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngTextArea.css";
+				${ninegrid$1.getCustomPath(this,"ngTextArea.css")}
 			</style>
 			
 			<textarea ondragstart="return false"></textarea>
@@ -23159,8 +23162,8 @@ class ngTreeItem extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngTreeItem.css";
-				${ninegrid.getCustomPath(this,"ngTreeItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngTreeItem.css";
+				${ninegrid$1.getCustomPath(this,"ngTreeItem.css")}
 			</style>
 			
 			<div class="ng-pad"></div>
@@ -23206,8 +23209,8 @@ class ngTreeItem extends ngCellEx
 	#onClick = e => {
 
 		this.#toggle();
-		ninegrid.j.querySelectorAll(e.target).removeClass("ng-expand-on").removeClass("ng-expand-off");
-		ninegrid.j.querySelectorAll(e.target).addClass(this.#isExpand ? "ng-expand-on" : "ng-expand-off");
+		ninegrid$1.j.querySelectorAll(e.target).removeClass("ng-expand-on").removeClass("ng-expand-off");
+		ninegrid$1.j.querySelectorAll(e.target).addClass(this.#isExpand ? "ng-expand-on" : "ng-expand-off");
 	};
 
 	get prevLevel() {
@@ -23222,7 +23225,7 @@ class ngTreeItem extends ngCellEx
 		else {
 			for (var i = parseInt(this.cell.dataset.row) - 1; i >= 0; i--) {
 				var data = this.owner.data.get(i);
-				if (!data.__ng._[ninegrid.ROW.EXPAND]) return data[this.cell.dataset.bind];
+				if (!data.__ng._[ninegrid$1.ROW.EXPAND]) return data[this.cell.dataset.bind];
 			}
 		}
 		
@@ -23231,7 +23234,7 @@ class ngTreeItem extends ngCellEx
 	
 	
 	get #isExpand() {
-		return this.data.__ng._[ninegrid.ROW.EXPAND];
+		return this.data.__ng._[ninegrid$1.ROW.EXPAND];
 	};
 
 	#resetTree = () => {
@@ -23251,11 +23254,11 @@ class ngTreeItem extends ngCellEx
 
 
 		
-		ninegrid.j.querySelectorAll(".ng-icon", this.shadowRoot)
+		ninegrid$1.j.querySelectorAll(".ng-icon", this.shadowRoot)
 			.removeClass("ng-expand-on").removeClass("ng-expand-off").removeClass("ng-node").removeClass("ng-icon-up").removeClass("ng-icon-down").removeClass("ng-icon-none")
 			.addClass(hasChildren ? (this.#isExpand ? "ng-expand-on" : "ng-expand-off") : "ng-node");
 
-		const icon = ninegrid.j.querySelectorAll(".ng-icon", this.shadowRoot);
+		const icon = ninegrid$1.j.querySelectorAll(".ng-icon", this.shadowRoot);
 		if (row == 0) {
 			if (isLast) {
 				icon.addClass("ng-icon-none");
@@ -23285,12 +23288,12 @@ class ngTreeItem extends ngCellEx
 		
 		if (level < nextLevel) {
 			if (this.#isExpand) {
-				ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down");
+				ninegrid$1.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down");
 			} else {
-				ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
+				ninegrid$1.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
 			}
 		} else {
-			ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
+			ninegrid$1.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
 		}
 
 	};
@@ -23300,7 +23303,7 @@ class ngTreeItem extends ngCellEx
 	};
 	#expand = (b) => {
 
-		this.data.__ng._[ninegrid.ROW.EXPAND] = b;
+		this.data.__ng._[ninegrid$1.ROW.EXPAND] = b;
 		
 		this.#setChildVisible(b);
 		
@@ -23312,20 +23315,20 @@ class ngTreeItem extends ngCellEx
 		
 		var arrNF = this.owner.data.getValidDataNF();
 		
-		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
+		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid$1.ROW.INDEX]);
 		if (idx < 0) return;
 		
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
 		var lvl = this.value;
 		
 		var prev = this.owner.data.getRow(this.row);
-		var parentExpand = prev.__ng._[ninegrid.ROW.EXPAND];
+		var parentExpand = prev.__ng._[ninegrid$1.ROW.EXPAND];
 		for (var i = idx + 1; i < arrNF.length; i++) {
 			var lvl2 = arrNF[i].v[COL_IDX];
 			
 
 			if (lvl2 > prev.v[COL_IDX]) {
-				parentExpand = prev.__ng._[ninegrid.ROW.EXPAND];
+				parentExpand = prev.__ng._[ninegrid$1.ROW.EXPAND];
 			}
 			else if (lvl2 < prev.v[COL_IDX]) {
 				parentExpand = null;
@@ -23334,21 +23337,21 @@ class ngTreeItem extends ngCellEx
 			if (lvl2 <= lvl) break;
 			
 			if (parentExpand == null) {
-				arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = !b;
+				arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = !b;
 			}
 			else {
 
 				if (parentExpand && b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = false;//!b;
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = false;//!b;
 				}
 				else if (parentExpand && !b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;			
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = true;//!b;			
 				}
 				else if (!parentExpand && b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;							
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = true;//!b;							
 				}
 				else if (!parentExpand && !b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = true;//!b;
 				}
 			}
 
@@ -23360,7 +23363,7 @@ class ngTreeItem extends ngCellEx
 		
 		var arrNF = this.owner.data.getValidDataNF();
 		
-		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
+		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid$1.ROW.INDEX]);
 		if (idx < 0) return;
 		
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
@@ -23371,7 +23374,7 @@ class ngTreeItem extends ngCellEx
 			
 			if (lvl2 <= lvl) break;
 			
-			arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = !b;
+			arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = !b;
 		}
 	};
 	
@@ -23394,7 +23397,7 @@ class ngTreeItem extends ngCellEx
 	
 	#isLast = (row) => {
 
-		if (ninegrid.isNull(row) || row < 0) throw `invalid row [${row}]`;
+		if (ninegrid$1.isNull(row) || row < 0) throw `invalid row [${row}]`;
 		
 		if (row + 1 >= this.owner.data.count()) return true;
 
@@ -23422,9 +23425,9 @@ class ngTreeItem extends ngCellEx
 		var arr = [];
 		var arrNF = this.owner.data.getValidDataNF();
 
-		var idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
+		var idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid$1.ROW.INDEX]);
 		
-		if (idx < 0) throw `invalid row index [${this.data.__ng._[ninegrid.ROW.INDEX]}]`;
+		if (idx < 0) throw `invalid row index [${this.data.__ng._[ninegrid$1.ROW.INDEX]}]`;
 
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
 		const lvl = arrNF[idx].v[COL_IDX];
@@ -23447,7 +23450,7 @@ class ngTreeItem extends ngCellEx
 	
 	#getLevel = (row) => {
 
-		if (ninegrid.isNull(row) || row < 0 || this.owner.data.count() >= 0) return -1;//throw `invalid row [${row}]`;
+		if (ninegrid$1.isNull(row) || row < 0 || this.owner.data.count() >= 0) return -1;//throw `invalid row [${row}]`;
 		
 		return this.owner.data.get(row, this.cell.dataset.bind);
 	};
@@ -23566,8 +23569,8 @@ class ngView
 		
 		const displayRowCount = parseInt(this.#owner.getAttribute("display-row-count"));
 
-		if (this.#owner.closest("dialog") && ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) return 1;
-		if ([ninegrid.PAGINGTYPE.CLIENT,ninegrid.PAGINGTYPE.SERVER].includes(this.#owner.paging.type)) return this.#owner.paging.linesPerPage;
+		if (this.#owner.closest("dialog") && ninegrid$1.j.querySelectorAll(this.#owner).hasClass("simple")) return 1;
+		if ([ninegrid$1.PAGINGTYPE.CLIENT,ninegrid$1.PAGINGTYPE.SERVER].includes(this.#owner.paging.type)) return this.#owner.paging.linesPerPage;
 		if (!isNaN(displayRowCount)) {
 
 			/**
@@ -23707,7 +23710,7 @@ class ngView
 		//this.isLastPage = h > 0 ? true : false;
 
 		
-		if (this.#owner.closest("dialog") && ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) {
+		if (this.#owner.closest("dialog") && ninegrid$1.j.querySelectorAll(this.#owner).hasClass("simple")) {
 			$("tr.nodata", this.#owner.body).height(0);
 			
 			var h = 47;//this.#getTrHeight();
@@ -23811,9 +23814,9 @@ class ngView
 			
 			this.#owner.body.querySelector("ng-vscrollbar").refresh();
 
-			ninegrid.j.querySelectorAll(".ng-table tbody tr", this.#owner.body).removeClass("hover");
-			ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
-			ninegrid.j.querySelectorAll("ng-filter-panel").removeClass("loading");
+			ninegrid$1.j.querySelectorAll(".ng-table tbody tr", this.#owner.body).removeClass("hover");
+			ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
+			ninegrid$1.j.querySelectorAll("ng-filter-panel").removeClass("loading");
 			
 			/**
 			this.#owner.body.querySelector(".ng-container-left").style.position = "sticky";
@@ -23985,7 +23988,7 @@ class ngView
 	selectRow = (oRow1, oRow2) => {
 			
 		const row1		= this.#getRowIndex(oRow1);
-		const row2		= ninegrid.isNull(oRow2) ? row1 : this.#getRowIndex(oRow2);
+		const row2		= ninegrid$1.isNull(oRow2) ? row1 : this.#getRowIndex(oRow2);
 		const matrixRow1= parseInt(row1 * this.#owner.template.length);
 		const matrixRow2= parseInt(row2 * this.#owner.template.length) + this.#owner.template.length - 1;
 		
@@ -23996,7 +23999,7 @@ class ngView
 	
 	selectCol = (oCol1, oCol2) => {
 		const col1		= this.#getColIndex(oCol1);
-		const col2		= ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
+		const col2		= ninegrid$1.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
 		const matrixRow1= 0;
 		const matrixRow2= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
 
@@ -24007,7 +24010,7 @@ class ngView
 		
 		const row		= this.#getRowIndex(oRow);
 		const col		= this.#getColIndex(oCol);
-		const matrixRow	= parseInt(row * this.#owner.template.length) + ninegrid.nvl(subrow, 0);
+		const matrixRow	= parseInt(row * this.#owner.template.length) + ninegrid$1.nvl(subrow, 0);
 		
 		this.#owner.row.at = row;
 		
@@ -24067,7 +24070,7 @@ class ninegridContainer extends HTMLElement
 		this.attachShadow({ mode: 'open' });
 		
 
-		ninegrid.extendElementPrototype();
+		ninegrid$1.extendElementPrototype();
 		
 		this.#layouts = [];
 
@@ -24103,7 +24106,7 @@ class ninegridContainer extends HTMLElement
 			this.bindRows			= [];
 			this.bindMatrixRows	= [];
 			
-			ninegrid.j.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)", this.body).elements.forEach(tr => {
+			ninegrid$1.j.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)", this.body).elements.forEach(tr => {
 				this.bindRows		.push(parseInt(tr.dataset.row));
 				this.bindMatrixRows	.push(parseInt(tr.dataset.matrixRow));
 			});
@@ -24200,8 +24203,8 @@ class ninegridContainer extends HTMLElement
 			break;
 			
 		case "col-indicator-type":
-			ninegrid.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body)
-				.removeClass(ninegrid.COLINDICATORTYPE.EXPAND).removeClass(ninegrid.COLINDICATORTYPE.COLLAPSE)
+			ninegrid$1.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body)
+				.removeClass(ninegrid$1.COLINDICATORTYPE.EXPAND).removeClass(ninegrid$1.COLINDICATORTYPE.COLLAPSE)
 				.addClass(newValue);
 			this.#resetHeight();
 			break;
@@ -24211,7 +24214,7 @@ class ninegridContainer extends HTMLElement
 			this.#resetHeight();
 			break;
 		case "enable-fixed-col":
-			(newValue == "true") ? ninegrid.j.querySelectorAll(this).addClass(name) : ninegrid.j.querySelectorAll(this).removeClass(name);
+			(newValue == "true") ? ninegrid$1.j.querySelectorAll(this).addClass(name) : ninegrid$1.j.querySelectorAll(this).removeClass(name);
 			break;
 		
 		case "select-type":
@@ -24226,20 +24229,20 @@ class ninegridContainer extends HTMLElement
 		
 		case "show-menu-icon":
 		case "show-title-bar":
-			const showBar	= ninegrid.j.querySelectorAll(this).attr("show-title-bar") == "true";
-			const showIcon	= ninegrid.j.querySelectorAll(this).attr("show-menu-icon") == "true";
+			const showBar	= ninegrid$1.j.querySelectorAll(this).attr("show-title-bar") == "true";
+			const showIcon	= ninegrid$1.j.querySelectorAll(this).attr("show-menu-icon") == "true";
 			const ngHead	= this.shadowRoot.querySelector("ng-head");
 			if (!ngHead) break;
 			const ngMenu = ngHead.shadowRoot.querySelector("ng-menu");
 
 			if (showBar) {
-				ninegrid.j.querySelectorAll(ngHead).addClass('expand');
+				ninegrid$1.j.querySelectorAll(ngHead).addClass('expand');
 				$(ngHead.shadowRoot).children().not("style").show();
 				
-				if (!showIcon) ninegrid.j.querySelectorAll(ngMenu).hide();
+				if (!showIcon) ninegrid$1.j.querySelectorAll(ngMenu).hide();
 			}
 			else {
-				(showIcon) ? ninegrid.j.querySelectorAll(ngHead).removeClass('expand').show() : ninegrid.j.querySelectorAll(ngHead).hide();
+				(showIcon) ? ninegrid$1.j.querySelectorAll(ngHead).removeClass('expand').show() : ninegrid$1.j.querySelectorAll(ngHead).hide();
 			}
 			
 			this.#resetHeight();
@@ -24250,7 +24253,7 @@ class ninegridContainer extends HTMLElement
 			this.#resetHeight();
 			break;
 		case "show-status-bar":
-			(newValue == "true") ? ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).addClass('expand') : ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass('expand');
+			(newValue == "true") ? ninegrid$1.j.querySelectorAll("ng-foot", this.shadowRoot).addClass('expand') : ninegrid$1.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass('expand');
 			this.#resetHeight();
 			break;
 		}
@@ -24276,7 +24279,7 @@ class ninegridContainer extends HTMLElement
 			
 			var arr = [];
 			$(".ng-container-body tbody.fixed tr", this.body).not(".nodata").each((i, tr) => {
-				arr.push({ INDEX: tr.data.__ng._[ninegrid.ROW.INDEX], ROW: tr.dataset.row } );
+				arr.push({ INDEX: tr.data.__ng._[ninegrid$1.ROW.INDEX], ROW: tr.dataset.row } );
 			});
 
 			arr.forEach(o => {
@@ -24409,7 +24412,7 @@ class ninegridContainer extends HTMLElement
 		this.elements.bodyLeft.html(table.clone());
 		$("col,th,td", this.elements.bodyLeft).not("[fixed=left]").remove();
 		var w = 0;//this.elements.bodyLeft.find("th,td").length == 0 ? 0 : this.elements.bodyLeft.find("table > tbody.bindable").width();
-		$("col", this.elements.bodyLeft).each((i,el) => { w += parseInt(ninegrid.j.querySelectorAll(el).attr("width")); });
+		$("col", this.elements.bodyLeft).each((i,el) => { w += parseInt(ninegrid$1.j.querySelectorAll(el).attr("width")); });
 		this.elements.bodyLeft.css({
 			"width"		: w,//this.elements.bodyLeft.find("table > tbody.bindable").width(),
 			"min-width"	: w,//this.elements.bodyLeft.find("table > tbody.bindable").width(),
@@ -24418,7 +24421,7 @@ class ninegridContainer extends HTMLElement
 		this.elements.bodyRight.html(table.clone());
 		$("col,th,td", this.elements.bodyRight).not("[fixed=right]").remove();
 		w = 0;//this.elements.bodyLeft.find("th,td").length == 0 ? 0 : this.elements.bodyLeft.find("table > tbody.bindable").width();
-		$("col", this.elements.bodyRight).each((i,el) => { w += parseInt(ninegrid.j.querySelectorAll(el).attr("width")); });
+		$("col", this.elements.bodyRight).each((i,el) => { w += parseInt(ninegrid$1.j.querySelectorAll(el).attr("width")); });
 		
 		this.elements.bodyRight.css({
 			"width"		: w,//this.elements.bodyRight.find("table > tbody").width(),
@@ -24499,7 +24502,7 @@ class ninegridContainer extends HTMLElement
 		
 		this.originFormat = this.outerHTML;
 		
-		this.uuid = ninegrid.randomUUID();	//crypto.randomUUID();
+		this.uuid = ninegrid$1.randomUUID();	//crypto.randomUUID();
 		if (!this.id) this.id = this.uuid;
 		
 		
@@ -24580,15 +24583,15 @@ class ninegridContainer extends HTMLElement
 
 			this.#layouts.push(tbl);
 			
-			if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) {
+			if (!ninegrid$1.j.querySelectorAll(this).hasClass("simple")) {
 				this.#createDummy(tbl);
 			}
 		});
 
 		const tmpl = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
-				${ninegrid.getCustomPath(this,"ninegrid.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ninegrid.css";
+				${ninegrid$1.getCustomPath(this,"ninegrid.css")}
 			</style>
 			
 			<ng-head></ng-head>
@@ -24621,12 +24624,12 @@ class ninegridContainer extends HTMLElement
 			const value				= combo.getAttribute("codename") || "codename";
 			const multiSeparator	= combo.getAttribute("multi-separator") || ",";
 			
-			return ninegrid.binarySearchValue(combo.dataSource, code, data[cell.dataset.bind], value, multiSeparator)
+			return ninegrid$1.binarySearchValue(combo.dataSource, code, data[cell.dataset.bind], value, multiSeparator)
 		};
 		//$("tbody", this.#layouts[0]).before($("tbody", this.#layouts[0]).clone().addClass("fixed")).addClass("bindable");
 		
 		for (const layout of this.#layouts) {
-			$(ninegrid.j.querySelectorAll("tbody", layout).addClass("bindable").elem()).before(`<tbody class="fixed"></tbody>`);
+			$(ninegrid$1.j.querySelectorAll("tbody", layout).addClass("bindable").elem()).before(`<tbody class="fixed"></tbody>`);
 		}
 
 		$(this.shadowRoot).append(tmpl);
@@ -24684,12 +24687,9 @@ class ninegridContainer extends HTMLElement
 		this.columns = new ngColumns(this);
 		
 		for (var s in this.dataManager) {		// 함수 복사
-			console.log(s);
-			
 			if (this.dataManager[s] instanceof Function && !["xxx"].includes(s)) {
 				this[s] = this.dataManager[s].bind(this);
 			} else if (["data","row","tree"].includes(s)) {
-
 				this[s] = this.dataManager[s];
 			}
 		}
@@ -24706,10 +24706,10 @@ class ninegridContainer extends HTMLElement
 			}
 		}
 		
-		if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) {
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("simple")) {
 			this.filtering = new ngFiltering(this);
 		}
-		if (!ninegrid.j.querySelectorAll(this).hasClass("combo") && !ninegrid.j.querySelectorAll(this).hasClass("filter")) {
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("combo") && !ninegrid$1.j.querySelectorAll(this).hasClass("filter")) {
 			$(this.shadowRoot).append($('<ng-combo-panel></ng-combo-panel').hide());
 		}
 		
@@ -24719,7 +24719,7 @@ class ninegridContainer extends HTMLElement
 
 		this.#colResizer = new ngColResizer(this);
 		this.#colMover = new ngColMover(this);
-		if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) this.#rowMover = new ngRowMover(this);
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("simple")) this.#rowMover = new ngRowMover(this);
 		
 		
 		this.#initOption();
@@ -24748,7 +24748,7 @@ class ninegridContainer extends HTMLElement
 		
 		
 		/** main, detail */
-		if (!ninegrid.j.querySelectorAll(this).hasClass("filter") && !ninegrid.j.querySelectorAll(this).hasClass("combo")) {
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("filter") && !ninegrid$1.j.querySelectorAll(this).hasClass("combo")) {
 
 			/**
 			$(this).on("mousedown", e => {
@@ -24786,7 +24786,7 @@ class ninegridContainer extends HTMLElement
 		} */
 		if (!this.classList.contains("simple")) {
 			setTimeout(() => {
-				this.dispatchEvent(new CustomEvent(ninegrid.EVENT.LOAD, { bubbles: true, detail: {} }));
+				this.dispatchEvent(new CustomEvent(ninegrid$1.EVENT.LOAD, { bubbles: true, detail: {} }));
 			}, 100);
 		}
 		
@@ -24794,7 +24794,7 @@ class ninegridContainer extends HTMLElement
 		if (head) {
 			head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
 				el.addEventListener("click", e => {
-					const ce = new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
+					const ce = new CustomEvent(ninegrid$1.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
 					//ce.target = e.target;
 					this.dispatchEvent(ce);
 				});
@@ -24823,29 +24823,29 @@ class ninegridContainer extends HTMLElement
 	
 	#initOption = () => {
 		
-		this.lastRowHidden = isNaN(parseInt(ninegrid.j.querySelectorAll(this).attr("display-row-count")));
+		this.lastRowHidden = isNaN(parseInt(ninegrid$1.j.querySelectorAll(this).attr("display-row-count")));
 		
 		if (!this.paging) this.paging = {};	//row detail 팝청창 오픈시 오류
 
-		ninegrid.j.querySelectorAll(this).attr("col-indicator-type",	ninegrid.j.querySelectorAll(this).attr("col-indicator-type")	|| ninegrid.COLINDICATORTYPE.COLLAPSE);
+		ninegrid$1.j.querySelectorAll(this).attr("col-indicator-type",	ninegrid$1.j.querySelectorAll(this).attr("col-indicator-type")	|| ninegrid$1.COLINDICATORTYPE.COLLAPSE);
 
-		ninegrid.j.querySelectorAll(this).attr("auto-fit-col",		ninegrid.j.querySelectorAll(this).attr("auto-fit-col")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("col-resizable",		ninegrid.j.querySelectorAll(this).attr("col-resizable")		|| "true");
-		ninegrid.j.querySelectorAll(this).attr("row-resizable",		ninegrid.j.querySelectorAll(this).attr("row-resizable")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("col-movable",		ninegrid.j.querySelectorAll(this).attr("col-movable")		|| "false");	//web attribute
+		ninegrid$1.j.querySelectorAll(this).attr("auto-fit-col",		ninegrid$1.j.querySelectorAll(this).attr("auto-fit-col")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("col-resizable",		ninegrid$1.j.querySelectorAll(this).attr("col-resizable")		|| "true");
+		ninegrid$1.j.querySelectorAll(this).attr("row-resizable",		ninegrid$1.j.querySelectorAll(this).attr("row-resizable")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("col-movable",		ninegrid$1.j.querySelectorAll(this).attr("col-movable")		|| "false");	//web attribute
 		//ninegrid.j.querySelectorAll(this).attr("row-movable",		ninegrid.j.querySelectorAll(this).attr("row-movable")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("enable-fixed-col",	ninegrid.j.querySelectorAll(this).attr("enable-fixed-col")	|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("enable-fixed-col",	ninegrid$1.j.querySelectorAll(this).attr("enable-fixed-col")	|| "false");
 
-		ninegrid.j.querySelectorAll(this).attr("show-title-bar",		ninegrid.j.querySelectorAll(this).attr("show-title-bar")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("show-menu-icon",		ninegrid.j.querySelectorAll(this).attr("show-menu-icon")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("show-status-bar",	ninegrid.j.querySelectorAll(this).attr("show-status-bar")	|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("show-title-bar",		ninegrid$1.j.querySelectorAll(this).attr("show-title-bar")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("show-menu-icon",		ninegrid$1.j.querySelectorAll(this).attr("show-menu-icon")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("show-status-bar",	ninegrid$1.j.querySelectorAll(this).attr("show-status-bar")	|| "false");
 		
-		ninegrid.j.querySelectorAll(this).attr("show-thead",			ninegrid.j.querySelectorAll(this).attr("show-thead")			|| "true");
-		ninegrid.j.querySelectorAll(this).attr("show-tfoot",			ninegrid.j.querySelectorAll(this).attr("show-tfoot")			|| "true");
+		ninegrid$1.j.querySelectorAll(this).attr("show-thead",			ninegrid$1.j.querySelectorAll(this).attr("show-thead")			|| "true");
+		ninegrid$1.j.querySelectorAll(this).attr("show-tfoot",			ninegrid$1.j.querySelectorAll(this).attr("show-tfoot")			|| "true");
 		
-		ninegrid.j.querySelectorAll(this).attr("select-type",		ninegrid.j.querySelectorAll(this).attr("select-type")		|| ninegrid.SELECTTYPE.CELL);
-		ninegrid.j.querySelectorAll(this).attr("paging-type",		ninegrid.j.querySelectorAll(this).attr("paging-type")		|| ninegrid.PAGINGTYPE.NONE);
-		ninegrid.j.querySelectorAll(this).attr("paging-count",		ninegrid.j.querySelectorAll(this).attr("paging-count")		|| ninegrid.PAGINGCOUNT.AUTO);
+		ninegrid$1.j.querySelectorAll(this).attr("select-type",		ninegrid$1.j.querySelectorAll(this).attr("select-type")		|| ninegrid$1.SELECTTYPE.CELL);
+		ninegrid$1.j.querySelectorAll(this).attr("paging-type",		ninegrid$1.j.querySelectorAll(this).attr("paging-type")		|| ninegrid$1.PAGINGTYPE.NONE);
+		ninegrid$1.j.querySelectorAll(this).attr("paging-count",		ninegrid$1.j.querySelectorAll(this).attr("paging-count")		|| ninegrid$1.PAGINGCOUNT.AUTO);
 	};
 	
 	#createObserver = () => {
@@ -24883,14 +24883,14 @@ class ninegridContainer extends HTMLElement
 				let prevWidth = [];
 				var totalWidth = 0;
 
-				$(".ng-container-body col", this.body).each((i,el) => { prevWidth.push({ col: el, width: Number(ninegrid.j.querySelectorAll(el).attr("width")), }); });
+				$(".ng-container-body col", this.body).each((i,el) => { prevWidth.push({ col: el, width: Number(ninegrid$1.j.querySelectorAll(el).attr("width")), }); });
 				prevWidth.forEach(o => { totalWidth += o.width; });
 		
 				//$('.ng-container-body > table', this.body).css({ "width": "100%", "min-width": "100%", });
 				const tableWidth = $('.ng-container-body', this.body).width();
 				
 				if (tableWidth != 0) {
-					prevWidth.forEach(o => { var w = o.width * tableWidth / totalWidth; ninegrid.j.querySelectorAll(o.col).attr("width", w); });
+					prevWidth.forEach(o => { var w = o.width * tableWidth / totalWidth; ninegrid$1.j.querySelectorAll(o.col).attr("width", w); });
 				}
 			}
 			
@@ -24927,7 +24927,7 @@ class ninegridContainer extends HTMLElement
 		var cols = [];
 		$(".col-indicator", this.body).each((i,td) => {
 			cols.push({from: parseInt(td.dataset.col), to: i});
-			td.innerHTML = `<div>${ninegrid.num2ExcelCol(i)}</div>`;
+			td.innerHTML = `<div>${ninegrid$1.num2ExcelCol(i)}</div>`;
 		});
 		
 		
@@ -24949,15 +24949,15 @@ class ninegridContainer extends HTMLElement
 			});
 	
 			$(".last", layout.currentTable).each((i,td) => {
-				ninegrid.j.querySelectorAll(td).addClass("dummy");
+				ninegrid$1.j.querySelectorAll(td).addClass("dummy");
 			});
 		}
 		
 		this.template.find(".last").each((i,td) => {
-			ninegrid.j.querySelectorAll(td).addClass("dummy");
+			ninegrid$1.j.querySelectorAll(td).addClass("dummy");
 		});
 		$(".last", this.body).each((i,td) => {
-			ninegrid.j.querySelectorAll(td).addClass("dummy");
+			ninegrid$1.j.querySelectorAll(td).addClass("dummy");
 		});
 	};
 
@@ -25023,21 +25023,21 @@ class ninegridContainer extends HTMLElement
 		
 		if (thead.querySelector(".col-indicator-rowgroup")) return;
 		
-		const tr = ninegrid.j.querySelectorAll(thead.insertRow(0)).attr("role", "row").addClass("col-indicator-rowgroup").elem();
+		const tr = ninegrid$1.j.querySelectorAll(thead.insertRow(0)).attr("role", "row").addClass("col-indicator-rowgroup").elem();
 		var cnt = 0;
 
 		$(".ng-container-body > table > tbody.bindable > tr", this.body).eq(0).find("th,td").each((index, td) => {
 			
-			if (!ninegrid.j.querySelectorAll(td).hasClass("dummy")) {
+			if (!ninegrid$1.j.querySelectorAll(td).hasClass("dummy")) {
 				for (var i = 0; i < td.colSpan; i++) {
-					$(tr).append(tdTmpl.replace("@col", cnt).replace("@text", ninegrid.num2ExcelCol(cnt++)));
+					$(tr).append(tdTmpl.replace("@col", cnt).replace("@text", ninegrid$1.num2ExcelCol(cnt++)));
 				}
 			}
 		});
 		
 		var t = [];
-		$("colgroup col", this.body).each((i,el) => { t.push({ width: parseInt(ninegrid.j.querySelectorAll(el).attr("width")), background: ninegrid.j.querySelectorAll(el).attr("background-color")} ); });
-		$("thead .col-indicator", this.body).each((i,el) => { if (!t[i]) return false; $(el).css({ "width": t[i].width, "min-width": t[i].width, "background-color": t[i].background, "border-top-color": t[i].background, }); ninegrid.j.querySelectorAll(el).attr("background-color", t[i].background); });
+		$("colgroup col", this.body).each((i,el) => { t.push({ width: parseInt(ninegrid$1.j.querySelectorAll(el).attr("width")), background: ninegrid$1.j.querySelectorAll(el).attr("background-color")} ); });
+		$("thead .col-indicator", this.body).each((i,el) => { if (!t[i]) return false; $(el).css({ "width": t[i].width, "min-width": t[i].width, "background-color": t[i].background, "border-top-color": t[i].background, }); ninegrid$1.j.querySelectorAll(el).attr("background-color", t[i].background); });
 	}
 	
 	#prepare = () => {
@@ -25094,13 +25094,13 @@ class ninegridContainer extends HTMLElement
 
 		if (thead.length <= 0) $('<thead></thead>').appendTo(table);
 		
-		ninegrid.j.querySelectorAll(table).attr("role", "table")		.addClass("ng-table");
+		ninegrid$1.j.querySelectorAll(table).attr("role", "table")		.addClass("ng-table");
 		
-		ninegrid.j.querySelectorAll("tbody th,tbody td", table)	.attr("tabindex", 0);
-		ninegrid.j.querySelectorAll("thead,tbody,tfoot", table)	.attr("role", "rowgroup");
-		ninegrid.j.querySelectorAll("tr", table)					.attr("role", "row");
-		ninegrid.j.querySelectorAll("tbody > tr", table)			.attr("role", "gridcell");
-		ninegrid.j.querySelectorAll("th,td", table)				.attr("scope", "col");
+		ninegrid$1.j.querySelectorAll("tbody th,tbody td", table)	.attr("tabindex", 0);
+		ninegrid$1.j.querySelectorAll("thead,tbody,tfoot", table)	.attr("role", "rowgroup");
+		ninegrid$1.j.querySelectorAll("tr", table)					.attr("role", "row");
+		ninegrid$1.j.querySelectorAll("tbody > tr", table)			.attr("role", "gridcell");
+		ninegrid$1.j.querySelectorAll("th,td", table)				.attr("scope", "col");
 
 		this.#resetColIndex($(table), "thead");
 		this.#resetColIndex($(table), "tbody.bindable");
@@ -25110,7 +25110,7 @@ class ninegridContainer extends HTMLElement
 		this.#createColIndicator();
 		
 		table.querySelectorAll("col").forEach((el,i) => {
-			ninegrid.j.querySelectorAll(`[data-col="${i}"]`, table).attr("fixed", ninegrid.j.querySelectorAll(el).attr("fixed"));
+			ninegrid$1.j.querySelectorAll(`[data-col="${i}"]`, table).attr("fixed", ninegrid$1.j.querySelectorAll(el).attr("fixed"));
 		});
 	}
 	
@@ -25192,7 +25192,7 @@ class ninegridContainer extends HTMLElement
 	selectRow = (nRow1, nRow2) => {
 			
 		const row1		= this.#getRowIndex(nRow1);
-		const row2		= ninegrid.isNull(oRow2) ? row1 : this.#getRowIndex(nRow2);
+		const row2		= ninegrid$1.isNull(oRow2) ? row1 : this.#getRowIndex(nRow2);
 		const matrixRow1= parseInt(row1 * this.template.length);
 		const matrixRow2= parseInt(row2 * this.template.length) + this.template.length - 1;
 		
@@ -25212,7 +25212,7 @@ class ninegridContainer extends HTMLElement
 	 */
 	selectCol = (oCol1, oCol2) => {
 		const col1		= this.#getColIndex(oCol1);
-		const col2		= ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
+		const col2		= ninegrid$1.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
 		const matrixRow1= 0;
 		const matrixRow2= parseInt(this.data.count() * this.template.length - 1);
 
@@ -25232,7 +25232,7 @@ class ninegridContainer extends HTMLElement
 		
 		const row		= this.#getRowIndex(nRow);
 		const col		= this.#getColIndex(oCol);
-		const matrixRow	= parseInt(row * this.template.length) + ninegrid.nvl(nSubrow, 0);
+		const matrixRow	= parseInt(row * this.template.length) + ninegrid$1.nvl(nSubrow, 0);
 		
 		this.row.at = row;
 		
@@ -25325,8 +25325,8 @@ class nxConfirmPopup extends HTMLElement
 
 		title = title || 'Confirm';
 		
-		for (const prop in ninegrid.options.confirm) {
-			options[prop] = options[prop] || ninegrid.options.confirm[prop];
+		for (const prop in ninegrid$1.options.confirm) {
+			options[prop] = options[prop] || ninegrid$1.options.confirm[prop];
 		}
 		
 		$('nx-confirm-popup', document.body).remove();
@@ -25378,8 +25378,8 @@ class nxAlertPopup extends HTMLElement
 
 		title = title || 'Alert';
 		
-		for (const prop in ninegrid.options.alert) {
-			options[prop] = options[prop] || ninegrid.options.alert[prop];
+		for (const prop in ninegrid$1.options.alert) {
+			options[prop] = options[prop] || ninegrid$1.options.alert[prop];
 		}
 		
 		$('nx-alert-popup', document.body).remove();
@@ -25415,15 +25415,15 @@ class nxDialog extends HTMLElement
 
 		const v = this.innerHTML;
 		const cssFile = this.getAttribute("css-file");
-		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${cssFile}";`: "";
-		const customFile2 = cssFile ? ninegrid.getCustomPath(this, cssFile) : "";
+		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/${cssFile}";`: "";
+		const customFile2 = cssFile ? ninegrid$1.getCustomPath(this, cssFile) : "";
 		
 		//console.log(ninegrid.getCustomPath(this,"nxDialog.css"));
 
 		this.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxDialog.css";
-				${ninegrid.getCustomPath(this,"nxDialog.css") || ""}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxDialog.css";
+				${ninegrid$1.getCustomPath(this,"nxDialog.css") || ""}
 				${customFile1 || ""}
 				${customFile2 || ""}
 			</style>
@@ -25482,7 +25482,7 @@ class nxDialog extends HTMLElement
 	
 	#init = () => {
 		$(".close,.close2", this).on("click", e => {
-			ninegrid.j.querySelectorAll('dialog', this).addClass("out");
+			ninegrid$1.j.querySelectorAll('dialog', this).addClass("out");
 			setTimeout(() => { this.close(); }, 300);
 		});
 		
@@ -25578,8 +25578,8 @@ class nxDiv extends HTMLElement {
 		const htmlTmpl = document.createElement("template");
 		htmlTmpl.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxDiv.css";
-				${ninegrid.getCustomPath(this,"nxDiv.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxDiv.css";
+				${ninegrid$1.getCustomPath(this,"nxDiv.css")}
 				
 				:host {
 				}
@@ -25641,9 +25641,9 @@ class nxI18nExt extends HTMLElement
 			
 			this.#target.innerHTML = i18next.t(this.#i18n);
 		}
-		else if (this.#dataSource.length > 0 && !ninegrid.isNull(this.#value)) {
+		else if (this.#dataSource.length > 0 && !ninegrid$1.isNull(this.#value)) {
 			
-			var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid.global.locale);
+			var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid$1.global.locale);
 			if (index < 0) index = 0;
 			
 			this.#target.innerHTML = this.#dataSource[index][this.#value];
@@ -25724,10 +25724,10 @@ class nxI18nExt extends HTMLElement
 			return result;
 		},
 		updateContent : () => {
-			ninegrid.querySelectorAll("nx-i18n,nx-span").forEach(v => {
+			ninegrid$1.querySelectorAll("nx-i18n,nx-span").forEach(v => {
 				if (v.refresh) v.refresh();
 			});
-			ninegrid.querySelectorAll("nine-grid").forEach(v => {
+			ninegrid$1.querySelectorAll("nine-grid").forEach(v => {
 				if (v.refresh) v.refreshData();
 			});
 		},
@@ -25759,11 +25759,11 @@ class nxI18nExt extends HTMLElement
 
 				if (xhr.status === 200) {
 				    var text = xhr.responseText;
-				    i18next.addResourceBundle(locale, 'translation', ninegrid.i18n.convertArrayToJSON(text.split("\n")));
+				    i18next.addResourceBundle(locale, 'translation', ninegrid$1.i18n.convertArrayToJSON(text.split("\n")));
 				    
 				    // 마지막 파일인 경우 화면갱신
 				    if (--count == 0) {
-				        i18next.changeLanguage(ninegrid.global.locale);
+				        i18next.changeLanguage(ninegrid$1.global.locale);
 				    }
 				}
 
@@ -25812,8 +25812,8 @@ class nxSidebar extends HTMLElement
 		//this.shadowRoot.innerHTML = `
 		template.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebar.css";
-				${ninegrid.getCustomPath(this,"nxSidebar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSidebar.css";
+				${ninegrid$1.getCustomPath(this,"nxSidebar.css")}
 				
 				:host {
 					--min-width: ${this.#minWidth}px;
@@ -26157,8 +26157,8 @@ class nxSidebarItem extends HTMLElement {
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebarItem.css";
-				${ninegrid.getCustomPath(this,"nxSidebarItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSidebarItem.css";
+				${ninegrid$1.getCustomPath(this,"nxSidebarItem.css")}
 			</style>
 			
 			<li>
@@ -26203,8 +26203,8 @@ class nxSidebarMenuitem extends HTMLElement {
 		
 		this.shadowRoot.innerHTML = `
 		    <style>
-		        @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebarMenuitem.css";
-		        ${ninegrid.getCustomPath(this,"nxSidebarMenuitem.css")}
+		        @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSidebarMenuitem.css";
+		        ${ninegrid$1.getCustomPath(this,"nxSidebarMenuitem.css")}
 		    </style>
 			
 		    <li>
@@ -26234,7 +26234,7 @@ class nxSideMenu extends HTMLElement
 	};
 			
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	};
@@ -26295,8 +26295,8 @@ class nxSideMenu extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenu.css";
-				${ninegrid.getCustomPath(this,"nxSideMenu.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenu.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenu.css")}
 				
 				:host {
 					--min-width: ${this.#minWidth}px;
@@ -26382,7 +26382,7 @@ class nxSideMenuHead extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26412,8 +26412,8 @@ class nxSideMenuHead extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuHead.css";
-				${ninegrid.getCustomPath(this,"nxSideMenuHead.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenuHead.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenuHead.css")}
 				
 				:host {
 					--icon-color: ${iconColor};
@@ -26449,7 +26449,7 @@ class nxSideMenuFoot extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26478,8 +26478,8 @@ class nxSideMenuFoot extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuFoot.css";
-				${ninegrid.getCustomPath(this,"nxSideMenuFoot.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenuFoot.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenuFoot.css")}
 				
 				:host {
 					--icon-color: ${iconColor};
@@ -26516,7 +26516,7 @@ class nxSideMenuBody extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26565,11 +26565,11 @@ class nxSideMenuItem extends HTMLElement
 		super();
 		this.attachShadow({ mode: 'open' });
 		
-		this.uuid = ninegrid.randomUUID();
+		this.uuid = ninegrid$1.randomUUID();
 	}
 
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26581,7 +26581,7 @@ class nxSideMenuItem extends HTMLElement
 		this.render();
 		
 		
-		this.#owner	= ninegrid.closest("nx-side-menu", this);
+		this.#owner	= ninegrid$1.closest("nx-side-menu", this);
 		
 		this.classList.toggle("expand");
 		this.classList.add("collapse");
@@ -26591,13 +26591,13 @@ class nxSideMenuItem extends HTMLElement
 
 		this.addEventListener('click', (e) => {
 			
-			ninegrid.querySelectorAll("nx-side-menu-item", this.#owner).forEach(v => {
+			ninegrid$1.querySelectorAll("nx-side-menu-item", this.#owner).forEach(v => {
 				v.classList.remove("active");
 			});
 			
 			e.target.classList.add("active");
 
-			ninegrid.closest("nx-side-menu", this).dispatchEvent(new CustomEvent('side-menu-click', {
+			ninegrid$1.closest("nx-side-menu", this).dispatchEvent(new CustomEvent('side-menu-click', {
 				detail: { target: this, },
 				bubbles: true,
 				composed: true
@@ -26619,7 +26619,7 @@ class nxSideMenuItem extends HTMLElement
 				//const target = neUtils.closest("nx-side-menu-item", this);
 				//console.log(this.uuid);
 				
-				const nodeList = ninegrid.querySelectorAll("nx-side-menu-item", this.#owner);
+				const nodeList = ninegrid$1.querySelectorAll("nx-side-menu-item", this.#owner);
 				const firstNodeIndex = Array.from(nodeList).findIndex(node => node.uuid === this.uuid);
 				const childNode = [];
 				
@@ -26664,8 +26664,8 @@ class nxSideMenuItem extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuItem.css";
-				${ninegrid.getCustomPath(this,"nxSideMenuItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenuItem.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenuItem.css")}
 			</style>
 			
 			<li>
@@ -26703,7 +26703,7 @@ class nxSpan extends HTMLElement
 	};
 	
 	connectedCallback() {
-		if (ninegrid.getLocale() == "ko") {
+		if (ninegrid$1.getLocale() == "ko") {
 			console.warn("nx-span 컴포넌트는 더 이상 사용되지 않을 예정입니다. nx-i18n 컴포넌트로 대체하세요.");
 		}
 		else {
@@ -26712,9 +26712,9 @@ class nxSpan extends HTMLElement
 	};
 	
 	refresh = () => {
-		if (this.#dataSource.length < 0 || ninegrid.isNull(this.#value)) return;
+		if (this.#dataSource.length < 0 || ninegrid$1.isNull(this.#value)) return;
 			
-		var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid.global.locale);
+		var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid$1.global.locale);
 		if (index < 0) index = 0;
 		
 
@@ -27110,12 +27110,12 @@ class nxTopMenu extends HTMLElement
 				</nav>
 		`;
 		
-		this.changeLocale(ninegrid.getLocale());
+		this.changeLocale(ninegrid$1.getLocale());
 	};
 	
 	changeLocale = (locale) => {
-		ninegrid.setLocale(locale);
-		this.shadowRoot.querySelector("#locale").innerHTML = ninegrid.decode(locale, "ko", "한국어", "English");
+		ninegrid$1.setLocale(locale);
+		this.shadowRoot.querySelector("#locale").innerHTML = ninegrid$1.decode(locale, "ko", "한국어", "English");
 	};
 }
 
@@ -27280,6 +27280,80 @@ class aiSettings extends HTMLElement
 
 customElements.define("nx-ai-settings", aiSettings);
 
+//import ninegrid from "../index.js";
+
+class aiMyMessage extends HTMLElement
+{
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+
+	get server() {
+		return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
+	};
+	set server(v) {
+		const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
+		if (elem) elem.checked = true;
+
+		this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
+			el.dispatchEvent(new Event("change"));
+		});
+
+		this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
+			detail: { server: this.server, model: this.model }
+		}));
+	};
+
+	get model() {
+		return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
+	};
+	set model(v) {
+		const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
+		if (elem) {
+			elem.value = v;
+			elem.dispatchEvent(new Event("change"));
+		}
+
+		/**
+		this.dispatchEvent(new CustomEvent("setting-change", {
+			detail: { server: this.server, model: this.model }
+		})); */
+	};
+
+	
+	
+	connectedCallback() {
+
+		const msg = this.getAttribute("message");
+	
+		console.log(msg);
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${ninegrid.version}/dist/css/aiMessage.css";
+				${ninegrid.getCustomPath(this,"ngInputText.css")}
+			</style>
+
+			<div class="line">
+				aaa
+			</div>
+		`;
+
+		this.#init();
+	};
+
+	
+
+	#init = () => {
+
+
+		return;
+	}
+}
+
+customElements.define("nx-ai-my-message", aiMyMessage);
+
 //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
 
 
@@ -27288,4 +27362,4 @@ window.jQuery = window.$ = $$1;
 
 //export default new ninegrid();
 
-export { ninegrid as default };
+export { ninegrid$1 as default };