ninegrid2 6.84.0 → 6.88.0

package/dist/bundle.esm.js

@@ -11576,11 +11576,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) ninegridExports.ninegrid.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
+			if (this.cell.dataset.bind) ninegrid.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";
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass(`ng-${textAlign}`);
+			ninegrid.j.querySelectorAll(this).addClass(`ng-${textAlign}`);
 
 			if (this.#showIcon) {
 				const iconType		= this.getAttribute("icon-type")		|| this.cell.getAttribute("icon-type")		|| "sphere";
@@ -11681,20 +11681,20 @@ class ngCellEx extends HTMLElement
 					const next = this.shadowRoot.querySelector("input[type=text],textarea").nextElementSibling;
 					
 					if (prev.tagName == "NG-EXPAND-BUTTON") {
-						ninegridExports.ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-left-none");
-						ninegridExports.ninegrid.j.querySelectorAll(prev).addClass("border-right-none");
+						ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-left-none");
+						ninegrid.j.querySelectorAll(prev).addClass("border-right-none");
 					}
 					else if (next.tagName == "NG-EXPAND-BUTTON") {
-						ninegridExports.ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-right-none");
-						ninegridExports.ninegrid.j.querySelectorAll(next).addClass("border-left-none");
+						ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-right-none");
+						ninegrid.j.querySelectorAll(next).addClass("border-left-none");
 					}
 				}
 			}
 			
 			const expandleft = this.shadowRoot.querySelectorAll(".ng-left");
-			if (expandleft.length > 0) ninegridExports.ninegrid.j.querySelectorAll(expandleft[0]).addClass("ng-first");
+			if (expandleft.length > 0) ninegrid.j.querySelectorAll(expandleft[0]).addClass("ng-first");
 			const expandRight = this.shadowRoot.querySelectorAll(".ng-right");
-			if (expandRight.length > 0) ninegridExports.ninegrid.j.querySelectorAll(expandRight[expandRight.length-1]).addClass("ng-last");
+			if (expandRight.length > 0) ninegrid.j.querySelectorAll(expandRight[expandRight.length-1]).addClass("ng-last");
 			
 			
 			
@@ -11749,7 +11749,7 @@ class ngCellEx extends HTMLElement
 					}
 				}
 				
-				this.owner.dispatchEvent(new CustomEvent(ninegridExports.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.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);
 			});
@@ -11762,7 +11762,7 @@ class ngCellEx extends HTMLElement
 			
 						
 			if (this.getAttribute("link") == "true") {
-				ninegridExports.ninegrid.j.querySelectorAll(renderer).addClass("link");
+				ninegrid.j.querySelectorAll(renderer).addClass("link");
 
 				renderer.addEventListener("click", e => {
 					
@@ -11777,7 +11777,7 @@ class ngCellEx extends HTMLElement
 						}
 					}
 					
-					this.owner.dispatchEvent(new CustomEvent(ninegridExports.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.EVENT.LINK_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
 				});
 			}
 			
@@ -11828,7 +11828,7 @@ class ngCellEx extends HTMLElement
 			
 			if (!rowData) return "";
 			
-			if (!ninegridExports.ninegrid.isNull(this.cell.dataset.expr)) {
+			if (!ninegrid.isNull(this.cell.dataset.expr)) {
 				try {
 					//console.log(this.cell.dataset.expr);
 					
@@ -11844,11 +11844,11 @@ class ngCellEx extends HTMLElement
 					console.error(this.cell.dataset.expr, rowData, this.cell.dataset.row);
 				}
 			}
-			else if (!ninegridExports.ninegrid.isNull(this.cell.dataset.bind)) {
-				return rowData[this.cell.dataset.bind] || ninegridExports.ninegrid.nvl(defaultValue, "");
+			else if (!ninegrid.isNull(this.cell.dataset.bind)) {
+				return rowData[this.cell.dataset.bind] || ninegrid.nvl(defaultValue, "");
 			}
 	
-			return ninegridExports.ninegrid.nvl(defaultValue, "");
+			return ninegrid.nvl(defaultValue, "");
 		}
 		else {
 			try {
@@ -11873,11 +11873,11 @@ class ngCellEx extends HTMLElement
 		}
 		
 		if (this.cell.dataset.bind && this.shadowRoot.querySelector("input,textarea,button")) {
-			ninegridExports.ninegrid.j.querySelectorAll(this.cell).removeClass("ng-changed");
+			ninegrid.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]) {
-					ninegridExports.ninegrid.j.querySelectorAll(this.cell).addClass("ng-changed");
+					ninegrid.j.querySelectorAll(this.cell).addClass("ng-changed");
 				}
 			}
 		}
@@ -11948,26 +11948,26 @@ class ngCellEx extends HTMLElement
 
 		var expr = this.getAttribute('visible') || this.cell.getAttribute('visible');
 		if (expr) {
-			this.getExprValue(expr, data, row) ? ninegridExports.ninegrid.j.querySelectorAll(this.cell).removeClass('hidden') : ninegridExports.ninegrid.j.querySelectorAll(this.cell).addClass('hidden');
+			this.getExprValue(expr, data, row) ? ninegrid.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid.j.querySelectorAll(this.cell).addClass('hidden');
 		}
 		else {
-			ninegridExports.ninegrid.j.querySelectorAll(this.cell).removeClass('hidden');
+			ninegrid.j.querySelectorAll(this.cell).removeClass('hidden');
 		}
 
 		var expr = this.getAttribute('enable') || this.cell.getAttribute('enable');
 		if (expr) {
-			ninegridExports.ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", !this.getExprValue(expr, data, row));
+			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", !this.getExprValue(expr, data, row));
 		}
 		else {
-			ninegridExports.ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", false);
+			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", false);
 		}
 		
 		var expr = this.getAttribute('readonly') || this.cell.getAttribute('readonly');
 		if (expr) {
-			ninegridExports.ninegrid.j.querySelectorAll("input,textarea", this.shadowRoot).attr("readonly", this.getExprValue(expr, data, row));
+			ninegrid.j.querySelectorAll("input,textarea", this.shadowRoot).attr("readonly", this.getExprValue(expr, data, row));
 		}
 		else {
-			ninegridExports.ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("readonly", false);
+			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("readonly", false);
 		}
 		
 
@@ -11985,7 +11985,7 @@ class ngCellEx extends HTMLElement
 		$(this.cell).children().each((i,el) => {
 			var tooltipFn = el.getAttribute('tooltip');
 			if (tooltipFn) {
-				ninegridExports.ninegrid.j.querySelectorAll(el).attr("title", this.owner.exprFunction(tooltipFn).call(this, this.cell.closest("tr").data, row));
+				ninegrid.j.querySelectorAll(el).attr("title", this.owner.exprFunction(tooltipFn).call(this, this.cell.closest("tr").data, row));
 			}
 		});
 		
@@ -11996,7 +11996,7 @@ class ngCellEx extends HTMLElement
 
 		if (!this.owner || !this.owner.template || !this.cell.closest("tbody.bindable")) return;
 		
-		var suppress = ninegridExports.ninegrid.j.querySelectorAll(this.cell).attr('suppress');
+		var suppress = ninegrid.j.querySelectorAll(this.cell).attr('suppress');
 		if (suppress) suppress = parseInt(suppress);
 		
 		if (suppress && !isNaN(suppress)) {
@@ -12005,7 +12005,7 @@ class ngCellEx extends HTMLElement
 			var arrSuppress = [];
 			
 			$("th,td", tr).each((i,el) => {
-				var otherSuppress = ninegridExports.ninegrid.j.querySelectorAll(el).attr('suppress');
+				var otherSuppress = ninegrid.j.querySelectorAll(el).attr('suppress');
 				if (otherSuppress && el.dataset.row) {
 					otherSuppress = parseInt(otherSuppress);
 					
@@ -12042,23 +12042,23 @@ class ngCellEx extends HTMLElement
 				bSuppress = true;
 			}
 			
-			(bSuppress) ? ninegridExports.ninegrid.j.querySelectorAll(this.cell).removeClass('suppress') : ninegridExports.ninegrid.j.querySelectorAll(this.cell).addClass('suppress');
-			if (!ninegridExports.ninegrid.j.querySelectorAll(this.cell).hasClass("hidden")) {
-				(bSuppress) ? ninegridExports.ninegrid.j.querySelectorAll(this.cell).removeClass('hidden') : ninegridExports.ninegrid.j.querySelectorAll(this.cell).addClass('hidden');
+			(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');
 			}
 			
 			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') && !ninegridExports.ninegrid.j.querySelectorAll(this.cell).hasClass('suppress')) {
-				ninegridExports.ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').addClass('last-suppress');
+			if ($(prevCell).hasClass('suppress') && !ninegrid.j.querySelectorAll(this.cell).hasClass('suppress')) {
+				ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').addClass('last-suppress');
 			}
-			else if (!$(prevCell).hasClass('suppress') && ninegridExports.ninegrid.j.querySelectorAll(this.cell).hasClass('suppress')) {
-				ninegridExports.ninegrid.j.querySelectorAll(prevCell).removeClass('last-suppress').addClass('last-none-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 {
-				ninegridExports.ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').removeClass('last-suppress');
+				ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').removeClass('last-suppress');
 			}
 		}
 	};
@@ -12121,13 +12121,13 @@ class ngEditableEx extends ngCellEx
 				if (maxbyte) {
 					maxbyte = parseInt(maxbyte);
 
-					if (ninegridExports.ninegrid.getByteLength(event.target.value) >= maxbyte) {
+					if (ninegrid.getByteLength(event.target.value) >= maxbyte) {
 
-						event.target.value = ninegridExports.ninegrid.cut(event.target.value, maxbyte);
+						event.target.value = ninegrid.cut(event.target.value, maxbyte);
 					}
 				}
 				var v = $(event.target).val();
-				this.value = ninegridExports.ninegrid.j.querySelectorAll(this).attr("type") == "number" ? (isNaN(v) ? "" : Number(v)) : v;
+				this.value = ninegrid.j.querySelectorAll(this).attr("type") == "number" ? (isNaN(v) ? "" : Number(v)) : v;
 
 				break;
 			}
@@ -12268,11 +12268,11 @@ class ngCellCopyPasteKeyHandler
 			.then(() => {
 				//ninegrid.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
 				setTimeout(() => {
-					ninegridExports.ninegrid.j.querySelectorAll(".selected", this.#owner.body).addClass("copied");
+					ninegrid.j.querySelectorAll(".selected", this.#owner.body).addClass("copied");
 				});
 				
 				setTimeout(() => {
-					ninegridExports.ninegrid.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
+					ninegrid.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
 				}, 1000);
 			})
 			.catch(err => {
@@ -12394,7 +12394,7 @@ class ngCellManager
 		const oldCellIndex	= this.#oldCellIndex;
 		
 		if (row != oldrow || subrow != oldsubrow || col != oldcol) {
-			const customEvent		= new CustomEvent(ninegridExports.ninegrid.EVENT.CELL_POS_CHANGED, { bubbles: true, detail: {} });
+			const customEvent		= new CustomEvent(ninegrid.EVENT.CELL_POS_CHANGED, { bubbles: true, detail: {} });
 	 		customEvent.col			= col;
 			customEvent.cellIndex	= cellIndex;
 	 		customEvent.row			= row;
@@ -12413,7 +12413,7 @@ class ngCellManager
 		}
  		
 		if (row != oldrow) {
-			const customEvent		= new CustomEvent(ninegridExports.ninegrid.EVENT.ROW_POS_CHANGED, { bubbles: true, detail: {} });
+			const customEvent		= new CustomEvent(ninegrid.EVENT.ROW_POS_CHANGED, { bubbles: true, detail: {} });
 	 		customEvent.col			= col;
 			customEvent.cellIndex	= cellIndex;
 	 		customEvent.row			= row;
@@ -12549,7 +12549,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 = ninegridExports.ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
+				previousCol = ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
 				return false;
 			}
 		});
@@ -12558,7 +12558,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 = ninegridExports.ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
+					previousCol = ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
 					return false;
 				}
 			});
@@ -12572,7 +12572,7 @@ class ngCellManager
 		
 		var nextCol = col + (td.colSpan || 1);
 		var nextTd = this.#owner.body.querySelector(`tbody [data-matrix-row="${matrixRow}"][data-col="${nextCol}"]`);
-		if (ninegridExports.ninegrid.j.querySelectorAll(nextTd).hasClass("dummy")) {
+		if (ninegrid.j.querySelectorAll(nextTd).hasClass("dummy")) {
 			nextCol = this.#getNextCol(matrixRow, nextCol);
 		}
 		
@@ -12616,10 +12616,10 @@ class ngCellManager
 		
 		if (e.ctrlKey || e.altKey) return;
 		
-		if (e.target.tagName == "NG-ROW-INDICATOR" && [ninegridExports.ninegrid.SELECTTYPE.CELL,ninegridExports.ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) return;
+		if (e.target.tagName == "NG-ROW-INDICATOR" && [ninegrid.SELECTTYPE.CELL,ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) return;
 		
 		if (e.shiftKey) {
-			if ([ninegridExports.ninegrid.SELECTTYPE.COLS,ninegridExports.ninegrid.SELECTTYPE.ROWS,ninegridExports.ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) {
+			if ([ninegrid.SELECTTYPE.COLS,ninegrid.SELECTTYPE.ROWS,ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) {
 				var fromTD = this.#owner.selection.getActiveCell();
 				if (fromTD) {
 					var fromTR = fromTD.closest("tr");
@@ -12737,7 +12737,7 @@ class ngCellSelection
 			clear		:
 				() => {
 					this.selected.startRow = this.selected.endRow = this.selected.startCol = this.selected.endCol = -1;
-					ninegridExports.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.j.querySelectorAll("th,td", this.#owner.body).removeClass("selected").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
 				},
 		};
 
@@ -12750,10 +12750,10 @@ class ngCellSelection
 		return this.#owner.getAttribute("select-type");
 	};
 	set type(v) {
-		if (!Object.values(ninegridExports.ninegrid.SELECTTYPE).includes(v)) throw `invalid select type : ${v}`;
+		if (!Object.values(ninegrid.SELECTTYPE).includes(v)) throw `invalid select type : ${v}`;
 
-		Object.values(ninegridExports.ninegrid.SELECTTYPE).forEach(m => { ninegridExports.ninegrid.j.querySelectorAll(".ng-table", this.#owner.body).removeClass(`select-type-${m}`); });
-		ninegridExports.ninegrid.j.querySelectorAll(".ng-table", this.#owner.body).addClass(`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}`);
 		this.#owner.cell.refresh();
 	};
 	
@@ -12772,20 +12772,20 @@ class ngCellSelection
 	refresh = () => {
 		
 		switch (this.type) {
-		case ninegridExports.ninegrid.SELECTTYPE.ROW:
+		case ninegrid.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(ninegridExports.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.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 ninegridExports.ninegrid.SELECTTYPE.ROWS:
+		case ninegrid.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;
 
@@ -12793,7 +12793,7 @@ class ngCellSelection
 			this.selected.endCol	= this.#owner.lastCol;//Math.max.apply(null, cols);
 		break;
 			
-		case ninegridExports.ninegrid.SELECTTYPE.COL:
+		case ninegrid.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;
@@ -12821,7 +12821,7 @@ class ngCellSelection
 			
 			break;
 			
-		case ninegridExports.ninegrid.SELECTTYPE.COLS:
+		case ninegrid.SELECTTYPE.COLS:
 
 			this.selected.startRow	= 0;
 			this.selected.endRow	= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
@@ -12850,31 +12850,31 @@ class ngCellSelection
 			
 			break;
 			
-		case ninegridExports.ninegrid.SELECTTYPE.CELL:
+		case ninegrid.SELECTTYPE.CELL:
 			this.selected.endRow = this.selected.startRow;
 			this.selected.endCol = this.selected.startCol;
 			break;
 			
-		case ninegridExports.ninegrid.SELECTTYPE.AREA:
+		case ninegrid.SELECTTYPE.AREA:
 			break;
 			
-		case ninegridExports.ninegrid.SELECTTYPE.NONE:
+		case ninegrid.SELECTTYPE.NONE:
 			this.selected.startRow = this.selected.endRow = this.selected.startCol = this.selected.endCol = -1;
 			break;
 		}
 		
 		
-		ninegridExports.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.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");
 
-		ninegridExports.ninegrid.j.querySelectorAll(".selected-current", this.#owner.body).removeClass("selected-current");
-		ninegridExports.ninegrid.j.querySelectorAll(`tr[data-row="${this.selected.currentRow}"] ng-row-indicator`, this.#owner.body).addClass("selected-current");
+		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");
 		
 		//var row = parseInt(this.selected.currentRow / this.#owner.template.length);
-		ninegridExports.ninegrid.j.querySelectorAll(`.col-indicator[data-col="${this.selected.currentCol}"]`, this.#owner.body).addClass("selected-current");
+		ninegrid.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) ninegridExports.ninegrid.j.querySelectorAll(activeCell).addClass("active");
+		if (activeCell) ninegrid.j.querySelectorAll(activeCell).addClass("active");
 
 		$("tbody th,tbody td", this.#owner.body).each((index, td) => {
 			var tdCol	= parseInt(td.dataset.col);
@@ -12884,17 +12884,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) {
 				
-				ninegridExports.ninegrid.j.querySelectorAll(td).addClass("selected");//.addClass("selected-area");
+				ninegrid.j.querySelectorAll(td).addClass("selected");//.addClass("selected-area");
 				
 				if (this.selected.startRow == this.selected.endRow && this.selected.startCol == this.selected.endCol) {
-					ninegridExports.ninegrid.j.querySelectorAll(td).addClass("selected-top").addClass("selected-bottom").addClass("selected-left").addClass("selected-right");
+					ninegrid.j.querySelectorAll(td).addClass("selected-top").addClass("selected-bottom").addClass("selected-left").addClass("selected-right");
 				}
 				else {
-					if (row == this.selected.startRow)				ninegridExports.ninegrid.j.querySelectorAll(td).addClass("selected-top");
-					if (row+td.rowSpan-1 == this.selected.endRow)	ninegridExports.ninegrid.j.querySelectorAll(td).addClass("selected-bottom");
-					if (tdCol == this.selected.startCol)			ninegridExports.ninegrid.j.querySelectorAll(td).addClass("selected-left");
-					if (tdCol+td.colSpan-1 == this.selected.endCol)	ninegridExports.ninegrid.j.querySelectorAll(td).addClass("selected-right");
-					ninegridExports.ninegrid.j.querySelectorAll(td).addClass("multi-selected");
+					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");
 				}
 			}
 		});
@@ -12909,7 +12909,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) {
-						ninegridExports.ninegrid.j.querySelectorAll(td).addClass("selected-area");
+						ninegrid.j.querySelectorAll(td).addClass("selected-area");
 					}
 				}
 			}
@@ -12917,7 +12917,7 @@ class ngCellSelection
 		
 		
 		for (var i = this.selected.startCol; i <= this.selected.endCol; i++) {
-			ninegridExports.ninegrid.j.querySelectorAll(`.col-indicator[data-col="${i}"]`, this.#owner.body).addClass("selected-area");
+			ninegrid.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 ||
@@ -13110,7 +13110,7 @@ class ngCellSelection
 			}
 		};
 		
-		if ([ninegridExports.ninegrid.SELECTTYPE.AREA,ninegridExports.ninegrid.SELECTTYPE.ROWS,ninegridExports.ninegrid.SELECTTYPE.COLS].includes(this.type)) {
+		if ([ninegrid.SELECTTYPE.AREA,ninegrid.SELECTTYPE.ROWS,ninegrid.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);
@@ -13778,8 +13778,8 @@ class ngCheckBox extends ngEditableEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngCheckBox.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngCheckBox.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngCheckBox.css";
+				${ninegrid.getCustomPath(this,"ngCheckBox.css")}
 				
 				:host {
 					justify-content: ${this.closest("th,td").getAttribute("text-align") || "center"};
@@ -13839,11 +13839,11 @@ class ngCheckBox extends ngEditableEx
 		
 		if (!this.closest("tbody")) return;
 		
-		if (ninegridExports.ninegrid.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue) {
-			ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("invalid");
+		if (ninegrid.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue) {
+			ninegrid.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid.j.querySelectorAll(this).addClass("invalid");
 		}
 		
 		$(this.#target).prop("checked", this.value == this.trueValue);
@@ -13897,15 +13897,15 @@ class ngColExpand extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngColExpand.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngColExpand.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngColExpand.css";
+				${ninegrid.getCustomPath(this,"ngColExpand.css")}
 			</style>
 		`;
 		
 		this.#owner		= this.getRootNode().host;
 		this.#cell		= this.closest("th,td");
 		
-		ninegridExports.ninegrid.j.querySelectorAll(this).addClass("expand");
+		ninegrid.j.querySelectorAll(this).addClass("expand");
 		
 		$(this).off("click", this.#onClick);
 		$(this).on("click", this.#onClick);
@@ -13916,7 +13916,7 @@ class ngColExpand extends HTMLElement
 		e.preventDefault();
 		e.stopPropagation();
 		
-		if (ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("expand")) {
+		if (ninegrid.j.querySelectorAll(this).hasClass("expand")) {
 			this.#collapse();
 		}
 		else {
@@ -13925,7 +13925,7 @@ class ngColExpand extends HTMLElement
 	};
 	
 	expand = () => {
-		if (ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
+		if (ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
 		
 		$(this).addClass("expand");
 		this.#cell.style.color = this.#orgColor;
@@ -13938,7 +13938,7 @@ class ngColExpand extends HTMLElement
 	};
 	
 	#collapse = () => {
-		if (!ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
+		if (!ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
 		
 		$(this).removeClass("expand");
 		this.#orgColor = this.#cell.style.color;
@@ -14224,7 +14224,7 @@ class ngColMover
 	
 	#onPrevMouseDown = e => {
 
-		if (ninegridExports.ninegrid.j.querySelectorAll(this.#owner).attr("col-movable") != "true") return;
+		if (ninegrid.j.querySelectorAll(this.#owner).attr("col-movable") != "true") return;
 		if (e.target.tagName == "NG-FILTER-BUTTON") return;
 		
 		this.#ready = true;
@@ -14623,7 +14623,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) == ninegridExports.ninegrid.BAND.RIGHT ? ((e.offsetX <= 2) ? $(td) : next) : ((e.offsetX <= 2) ? prev : $(td));
+		var target	= this.#owner.getBand(td.dataset.col) == ninegrid.BAND.RIGHT ? ((e.offsetX <= 2) ? $(td) : next) : ((e.offsetX <= 2) ? prev : $(td));
 
 		this.#owner.setColumnWidthFit(target[0].dataset.col);
 	}
@@ -14787,7 +14787,7 @@ class ngColumns
 		for (var v of [source.thead.cells, source.tfoot.cells, source.tbody.cells, source.fixed.cells]) {
 			for (var fromCell of v) {
 				
-				ninegridExports.ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+				ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
 				
 				const rowIndex = fromCell.closest("tr").rowIndex;
 				const targetTr = targetTable.querySelectorAll("tr")[rowIndex];
@@ -14807,7 +14807,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) {
 				
-				ninegridExports.ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+				ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
 				
 				const targetTable	= fromCell.closest("table");
 				const rowIndex		= fromCell.closest("tr").rowIndex;
@@ -14827,7 +14827,7 @@ class ngColumns
 		
 		for (var fromCell of source.template.cells) {
 			
-			ninegridExports.ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+			ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
 			
 			//const rowIndex = fromCell.closest("tr").rowIndex;
 			const targetTr = fromCell.closest("tr");
@@ -14877,18 +14877,18 @@ class ngColumns
 		
 		for (var v of [source.thead.cells, source.tfoot.cells, source.tbody.cells, source.fixed.cells]) {
 			for (var fromCell of v) {
-				ninegridExports.ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+				ninegrid.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) {
-				ninegridExports.ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+				ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
 			}
 		}
 		
 		for (var fromCell of source.template.cells) {
-			ninegridExports.ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+			ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
 		}
 		
 		
@@ -15071,8 +15071,8 @@ class ngCombo extends ngEditableEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngCombo.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngCombo.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngCombo.css";
+				${ninegrid.getCustomPath(this,"ngCombo.css")}
 			</style>
 			
 			<button class="btn1" type="button" data-bs-toggle="dropdown" aria-expanded="false" tabindex="-1"></button>
@@ -15135,7 +15135,7 @@ class ngCombo extends ngEditableEx
 	dataRefresh = (v) => {
 
 		if (this.#dataSource) {
-			this.#isValid() ? ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegridExports.ninegrid.j.querySelectorAll(this).addClass("invalid");
+			this.#isValid() ? ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegrid.j.querySelectorAll(this).addClass("invalid");
 		}
 		
 		this.#target.innerHTML = this.getDisplayText() || "Select";
@@ -15149,7 +15149,7 @@ class ngCombo extends ngEditableEx
 	
 	#isValid = () => {
 		
-		if (ninegridExports.ninegrid.isNull(this.value)) return true;
+		if (ninegrid.isNull(this.value)) return true;
 		
 		var list = (this.multi) ? this.value.split(this.multiSeparator) : [this.value];
 		
@@ -15195,8 +15195,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 ? ninegridExports.ninegrid.j.querySelectorAll(this.#panel).addClass("expand") : ninegridExports.ninegrid.j.querySelectorAll(this.#panel).removeClass("expand");
-		this.multi ? ninegridExports.ninegrid.j.querySelectorAll(this.#panel).addClass("multi") : ninegridExports.ninegrid.j.querySelectorAll(this.#panel).removeClass("multi");
+		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.#panel.refresh(this, this.#dataSource, this.#code, this.#items);
 		
@@ -15210,7 +15210,7 @@ class ngCombo extends ngEditableEx
 
 		
 		if (this.multi) {
-			if (ninegridExports.ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+			if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
 				h += 12; //위아래 padding
 				h += 3; //margin
 				h += 24; // input box
@@ -15221,7 +15221,7 @@ class ngCombo extends ngEditableEx
 			h += 25; // bottom
 		}
 		else {
-			if (ninegridExports.ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+			if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
 				h += 12; //위아래 padding
 				h += 3; //margin
 				h += 24; // input box
@@ -15252,7 +15252,7 @@ class ngCombo extends ngEditableEx
 			"min-height": h,
 		}).show();
 		
-		if (ninegridExports.ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+		if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
 			$("div", this.#panel).eq(0).find("input").focus().val("");
 		}
 	};
@@ -15292,8 +15292,8 @@ class ngComboPanel extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngComboPanel.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngComboPanel.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngComboPanel.css";
+				${ninegrid.getCustomPath(this,"ngComboPanel.css")}
 			</style>
 			
 			<div class="head">
@@ -15429,7 +15429,7 @@ class ngComboPanel extends HTMLElement
 	#onInput = e => {
 		var grd = this.shadowRoot.querySelector("nine-grid");
 
-		ninegridExports.ninegrid.j.querySelectorAll(grd).addClass("loading");
+		ninegrid.j.querySelectorAll(grd).addClass("loading");
 
 		var data = grd.data.getValidDataNF();
 		data.map(m => { m.__ng.filtered = false; });
@@ -15447,7 +15447,7 @@ class ngComboPanel extends HTMLElement
 		
 		grd.data.resetRecords();
 		
-		if (grd.data.count() == 0) ninegridExports.ninegrid.j.querySelectorAll(grd).removeClass("loading");
+		if (grd.data.count() == 0) ninegrid.j.querySelectorAll(grd).removeClass("loading");
 		
 		if (this.#timer) {
 			clearTimeout(this.#timer);
@@ -15563,9 +15563,9 @@ class ngComboPanel extends HTMLElement
 		}
 		*/
 		
-		var w = 16 + (ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("expand") ? 0 : 0) + 20;
+		var w = 16 + (ninegrid.j.querySelectorAll(this).hasClass("expand") ? 0 : 0) + 20;
 
-		if (ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("multi")) {
+		if (ninegrid.j.querySelectorAll(this).hasClass("multi")) {
 			$("col", grd.body).each((i,el) => { w += parseInt(el.getAttribute("width")); });
 		}
 		else {
@@ -15609,7 +15609,7 @@ class ngContextMenu
 		var font = $(this.#panel).css("font");
 		var w = 150;
 		for (const item of this.#items) {
-			w = Math.max(w, ninegridExports.ninegrid.measureTextSize(item.name, font).width + 60);
+			w = Math.max(w, ninegrid.measureTextSize(item.name, font).width + 60);
 		}
 
 		$(this.#panel).css({
@@ -15696,7 +15696,7 @@ class ngContextMenuPanel extends HTMLElement
 		//$("li", this).on("touchmove", this.#onMouseOver);
 		$("li", this).on("mouseover", this.#onMouseOver);
 		
-		$("li", this).on("mouseout", e => { ninegridExports.ninegrid.j.querySelectorAll(e.currentTarget).removeClass("visible"); });
+		$("li", this).on("mouseout", e => { ninegrid.j.querySelectorAll(e.currentTarget).removeClass("visible"); });
 	};
 	
 	open = () => {
@@ -15722,12 +15722,12 @@ class ngContextMenuPanel extends HTMLElement
 	
 	#onMouseOver = 	e => {
 
-		ninegridExports.ninegrid.j.querySelectorAll(e.currentTarget).addClass("visible");
+		ninegrid.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, ninegridExports.ninegrid.measureTextSize($(el).text(), font).width + 60);
+			w = Math.max(w, ninegrid.measureTextSize($(el).text(), font).width + 60);
 		});
 
 		$("ul", e.currentTarget).eq(0).css({
@@ -15760,7 +15760,7 @@ class ngCustomEvent
 		
 		this.#resetEvent();
 		
-		this.#owner.addEventListener(ninegridExports.ninegrid.EVENT.LAYOUT_CHANGED, e => {
+		this.#owner.addEventListener(ninegrid.EVENT.LAYOUT_CHANGED, e => {
 			this.#resetEvent();
 		});
 	}
@@ -15781,7 +15781,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 ? ninegridExports.ninegrid.EVENT.CELL_CLICK : ninegridExports.ninegrid.EVENT.CELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid.EVENT.CELL_CLICK : ninegrid.EVENT.CELL_DBL_CLICK;
  		
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
@@ -15789,7 +15789,7 @@ class ngCustomEvent
 		customEvent.subrow	= parseInt(cell.dataset.matrixRow) % parseInt(cell.dataset.row);
 		customEvent.bind	= cell.dataset.bind;
 		
-		ninegridExports.ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid.copyProperty(customEvent, e, properties);
  		
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -15800,12 +15800,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 ? ninegridExports.ninegrid.EVENT.HEADCELL_CLICK : ninegridExports.ninegrid.EVENT.HEADCELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid.EVENT.HEADCELL_CLICK : ninegrid.EVENT.HEADCELL_DBL_CLICK;
  		
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
 		
-		ninegridExports.ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid.copyProperty(customEvent, e, properties);
  		
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -15816,12 +15816,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 ? ninegridExports.ninegrid.EVENT.FOOTCELL_CLICK : ninegridExports.ninegrid.EVENT.FOOTCELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid.EVENT.FOOTCELL_CLICK : ninegrid.EVENT.FOOTCELL_DBL_CLICK;
  		
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
 		
-		ninegridExports.ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid.copyProperty(customEvent, e, properties);
  		
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -15969,7 +15969,7 @@ class ngData
 		this.source = v;
 
 		for (var i = 0; i < v.length; i++) {
-			this.#records[i].__ng._[ninegridExports.ninegrid.ROW.ID]	= v[i].__ng._[ninegridExports.ninegrid.ROW.ID];
+			this.#records[i].__ng._[ninegrid.ROW.ID]	= v[i].__ng._[ninegrid.ROW.ID];
 			//this.#records[i].__ninegrid.rowState		= v[i].__ng.rowState;
 			
 			this.#nextId = Math.max(this.#nextId, v[i].__ng.rowid);
@@ -15982,14 +15982,14 @@ class ngData
 
 	getId = (o) => {
 				
-		return o.__ng._[ninegridExports.ninegrid.ROW.ID];
+		return o.__ng._[ninegrid.ROW.ID];
 	}
 
 	get default() {
 
 		return {
 			//rowid	: this.nextId,//nextId + index,
-			rowState: ninegridExports.ninegrid.ROW_STATE.EMPTY,
+			rowState: ninegrid.ROW_STATE.EMPTY,
 			deleted	: false,
 			filtered: false,
 			pin		: false,
@@ -16004,7 +16004,7 @@ class ngData
 				0,							// INDEX
 				0,							// ORDER
 				0,							// VISIBLE_ROW
-				ninegridExports.ninegrid.ROW_STATE.EMPTY,			// STATE
+				ninegrid.ROW_STATE.EMPTY,			// STATE
 				false,						// FILTER
 				false,						// PIN
 				true,						// EXPAND
@@ -16125,7 +16125,7 @@ class ngData
 		}
 		//var colnms = filterData.map(item => item.colnm);
 		
-		ninegridExports.ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
 			v.filterData = null;
 		});
 		
@@ -16134,7 +16134,7 @@ class ngData
 			this.#parent.owner.fields.indexOf(key);
 			
 		//console.log(filterData);
-			ninegridExports.ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
 				//v.filterData = null;
 				//console.log(v);
 				//var b = v.colnms;
@@ -16165,14 +16165,14 @@ class ngData
 	#indexOf = (rec1, row, rec2) => {
 		const rowData = rec1[row];
 
-		return rec2.findIndex(m => { return m.__ng._[ninegridExports.ninegrid.ROW.ID] == rowData.__ng._[ninegridExports.ninegrid.ROW.ID]; });
+		return rec2.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == rowData.__ng._[ninegrid.ROW.ID]; });
 	};
 	
 	moveRow = (row1, row2) => {
 		
 		if (row1 == row2) return;
 
-		ninegridExports.ninegrid.move(this.#parent.rawRecords, this.total.indexOf(row1), this.total.indexOf(row2));
+		ninegrid.move(this.#parent.rawRecords, this.total.indexOf(row1), this.total.indexOf(row2));
 		this.resetRecords();
 		
 		this.#parent.owner.dataManager.viewRecords.reset();
@@ -16216,7 +16216,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 = ninegridExports.ninegrid.j.querySelectorAll(`thead th[data-col="${col}"]:not(.col-indicator)`, this.#parent.owner.body);
+		const th = ninegrid.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");
@@ -16233,9 +16233,9 @@ class ngData
 		arr.forEach((o,i) => {
 			o.__ng = this.default;
 			o.__ng.rowid = this.nextId;
-			o.__ng.rowState = ninegridExports.ninegrid.ROW_STATE.INSERT;
+			o.__ng.rowState = ninegrid.ROW_STATE.INSERT;
 			
-			o.__ng._[ninegridExports.ninegrid.ROW.ID] = o.__ng.rowid;
+			o.__ng._[ninegrid.ROW.ID] = o.__ng.rowid;
 		});
 
 		this.onRowStateChanged();
@@ -16257,13 +16257,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._[ninegridExports.ninegrid.ROW.INDEX] = i; });
-		this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng.filtered && m.__ng.visible; } ).forEach((o,i) => { o.__ng._[ninegridExports.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; });
 		
-		const arr = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && m.__ng._[ninegridExports.ninegrid.ROW.PIN]; } );
-		arr.forEach((o,i) => { o.__ng._[ninegridExports.ninegrid.ROW.VISIBLE_ROW] = (arr.length - 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; });
 		
-		this.#records.forEach((o,i) => { o.__ng._[ninegridExports.ninegrid.ROW.VISIBLE_ROW] = i; });
+		this.#records.forEach((o,i) => { o.__ng._[ninegrid.ROW.VISIBLE_ROW] = i; });
 		//!m.__ng.deleted && !m.__ng.pin && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging;
 		
 	};
@@ -16302,7 +16302,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._[ninegridExports.ninegrid.ROW.PIN] && !m.__ng._[ninegridExports.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.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.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && !m.__ng.filtered && m.__ng.visible; } );
 
 		this.resetIndex();
@@ -16318,7 +16318,7 @@ class ngData
 			};
 			
 			for (const colnm of this.#owner.fields.get()) {
-				o.v.push(ninegridExports.ninegrid.nvl(json[colnm], ""));		/** checklist: 숫자형식 체크해서 0으로 변경해야함 */
+				o.v.push(ninegrid.nvl(json[colnm], ""));		/** checklist: 숫자형식 체크해서 0으로 변경해야함 */
 			}
 			arr.push(o);
 		});
@@ -16354,7 +16354,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._[ninegridExports.ninegrid.ROW.PIN] && !m.__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] && m.__ng._[ninegridExports.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.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && m.__ng._[ninegrid.ROW.VISIBLE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
 		return this.#records;
 	}
 	getValidDataNF = () => {
@@ -16367,7 +16367,7 @@ class ngData
 	
 	
 	conv = (arr) => {
-		if (ninegridExports.ninegrid.isNull(arr)) return arr;
+		if (ninegrid.isNull(arr)) return arr;
 		
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16398,7 +16398,7 @@ class ngData
 		}
 	}
 	conv2 = (arr) => {
-		if (ninegridExports.ninegrid.isNull(arr)) return arr;
+		if (ninegrid.isNull(arr)) return arr;
 		
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16449,11 +16449,11 @@ class ngData
 	 */
 	changeRowState = (state, fromIndex, toIndex) => {
 		const to = (v) => {
-			if ([ninegridExports.ninegrid.ROW_STATE.EMPTY, ninegridExports.ninegrid.ROW_STATE.NORMAL].includes(state)) v.__ng.o = {};
+			if ([ninegrid.ROW_STATE.EMPTY, ninegrid.ROW_STATE.NORMAL].includes(state)) v.__ng.o = {};
 			v.__ng.rowState = state;
 		};
 		
-		if (!state) state = ninegridExports.ninegrid.ROW_STATE.EMPTY;
+		if (!state) state = ninegrid.ROW_STATE.EMPTY;
 		if (!fromIndex && !toIndex) { fromIndex = 0; toIndex = this.count() - 1; }
 		if (!fromIndex) fromIndex = 0;
 		if (!toIndex) toIndex = fromIndex;//this.count() - 1;
@@ -16497,7 +16497,7 @@ class ngData
 	#dataChanged = (row, bind, oldValue, newValue) => {
 		if (oldValue == newValue) return;
 		
-		const customEvent		= new CustomEvent(ninegridExports.ninegrid.EVENT.DATA_CHANGED, { bubbles: true, detail: {} });
+		const customEvent		= new CustomEvent(ninegrid.EVENT.DATA_CHANGED, { bubbles: true, detail: {} });
 		customEvent.row			= row;
 		customEvent.bind		= bind;
 		customEvent.oldvalue	= oldValue;
@@ -16543,15 +16543,15 @@ class ngData
 		
 		this.#parent.rawRecords = this.#parent.rawRecords.concat(this.#defaultInsert(arr));
 		
-		const arr2 = this.#parent.rawRecords.map(m => { return m.__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER]; });
+		const arr2 = this.#parent.rawRecords.map(m => { return m.__ng._[ninegrid.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._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER] < 0) {
-					o.__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER] = maxOrder + 1 + i;
+				if (o.__ng._[ninegrid.ROW.ORIGIN_ORDER] < 0) {
+					o.__ng._[ninegrid.ROW.ORIGIN_ORDER] = maxOrder + 1 + i;
 				}
 			});
 		}
@@ -16559,7 +16559,7 @@ class ngData
 		this.resetRecords();
 		
 		const row = this.count() - 1;
-		if (!updateState) this.changeRowState(ninegridExports.ninegrid.ROW_STATE.EMPTY, row - arr.length + 1, row);
+		if (!updateState) this.changeRowState(ninegrid.ROW_STATE.EMPTY, row - arr.length + 1, row);
 		//this.#parent.owner.refresh();
 		this.#parent.viewRecords.reset();
 		
@@ -16585,8 +16585,8 @@ class ngData
 		var arr = this.#json2Array(dataSource);
 		
 		/** 후방 원순서 증가 */
-		const originOrder = this.#parent.rawRecords[at].__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER];
-		this.#parent.rawRecords.filter(m => {return m.__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER] >= originOrder}).forEach(v => { v.__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER] += arr.length; });
+		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; });
 		/**
 		this.#parent.rawRecords.forEach((o,i) => {
 			if (i >= at) {
@@ -16596,7 +16596,7 @@ class ngData
 		
 		arr = this.#defaultInsert(arr);
 		arr.forEach((o,i) => {
-			o.__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER] = originOrder + i;
+			o.__ng._[ninegrid.ROW.ORIGIN_ORDER] = originOrder + i;
 		});
 		
 		this.#parent.rawRecords.splice(at, 0, ...arr);
@@ -16604,7 +16604,7 @@ class ngData
 	
 		this.resetRecords();
 
-		if (!updateState) this.changeRowState(ninegridExports.ninegrid.ROW_STATE.EMPTY, at, at + arr.length - 1);
+		if (!updateState) this.changeRowState(ninegrid.ROW_STATE.EMPTY, at, at + arr.length - 1);
 		
 		//this.#parent.owner.refresh();
 		this.#parent.viewRecords.reset();
@@ -16616,11 +16616,11 @@ class ngData
 
 		var changed = false;
 		arr.sort((a,b) => {return b-a}).forEach(rowidx => {
-			if (this.#records[rowidx].__ng.rowState == ninegridExports.ninegrid.ROW_STATE.INSERT) {
-				ninegridExports.ninegrid.removeIf(this.#parent.rawRecords, item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } );
+			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; } );
 			}
 			else {
-				this.#parent.rawRecords.filter(item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } ).map(item => { item.__ng.deleted = true; item.__ng.rowState = ninegridExports.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.ROW_STATE.DELETE; });
 				changed = true;
 			}
 		});
@@ -16660,8 +16660,8 @@ class ngData
 			arr = [at];
 		}*/
 		else if (typeof at === "object") {
-			const index = this.#records.findIndex(m => { return m.__ng._[ninegridExports.ninegrid.ROW.ID] == at.__ng._[ninegridExports.ninegrid.ROW.ID]; });
-			if (index < 0) throw new Error(`${at.__ng._[ninegridExports.ninegrid.ROW.ID]} not found.`);
+			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.`);
 			arr = [index];
 		}
 		else {
@@ -16682,7 +16682,7 @@ class ngData
 	deleteFromId = (rowId) => {
 		
 		var rec = this.records();
-		const at = rec.findIndex(m => { return m.__ng._[ninegridExports.ninegrid.ROW.ID] == rowId; });
+		const at = rec.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == rowId; });
 		
 		if (at < 0) throw new Error(`${rowId} not found.`);
 		
@@ -16693,7 +16693,7 @@ class ngData
 	#update = (rec, o, at) => {
 		
 		if (typeof at === "undefined") {
-			at = rec.findIndex(m => { return m.__ng._[ninegridExports.ninegrid.ROW.ID] == o.__ng._[ninegridExports.ninegrid.ROW.ID]; });
+			at = rec.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == o.__ng._[ninegrid.ROW.ID]; });
 		}
 		else if (typeof at === "number" || typeof at === "string") {
 			at = parseInt(at);
@@ -16721,7 +16721,7 @@ class ngData
 			rowData.v[COL_IDX] = newValue;
 
 			if (oldValue != newValue){
-				rowData.__ng.rowState = ninegridExports.ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
 				changed = true;
 				
 				this.#dataChanged(at, colnm, oldValue, newValue);
@@ -16771,12 +16771,12 @@ class ngData
 		//var rowData = records(index);
 		var oldValue = rowData.v[COL_IDX];
 		
-		if (rowData.v[COL_IDX] != value && rowData.__ng.rowState != ninegridExports.ninegrid.ROW_STATE.INSERT) {
+		if (rowData.v[COL_IDX] != value && rowData.__ng.rowState != ninegrid.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 = ninegridExports.ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
 				this.onRowStateChanged();		// thead row-state marking
 			}
 		}
@@ -16813,11 +16813,11 @@ class ngData
 		//var rowData = records(index);
 		rowData.v[colIndex];
 		
-		if (rowData.v[colIndex] != value && rowData.__ng.rowState != ninegridExports.ninegrid.ROW_STATE.INSERT) {
+		if (rowData.v[colIndex] != value && rowData.__ng.rowState != ninegrid.ROW_STATE.INSERT) {
 			//if (!rowData.__ng.o.hasOwnProperty(colnm)) rowData.__ng.o[colnm] = oldValue;
 
 			if (updateRowState) {
-				rowData.__ng.rowState = ninegridExports.ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
 			}
 		}
 		
@@ -16838,14 +16838,14 @@ class ngData
 		}
 		else {					
 			return {
-				insert: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegridExports.ninegrid.ROW_STATE.INSERT; } ) ),
-				update: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegridExports.ninegrid.ROW_STATE.UPDATE; } ) ),
-				delete: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegridExports.ninegrid.ROW_STATE.DELETE; } ) ),
+				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; } ) ),
 			};
 		}
 	};
 	isChanged = () => {
-		const arr = this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegridExports.ninegrid.ROW_STATE.INSERT || m.__ng.rowState == ninegridExports.ninegrid.ROW_STATE.UPDATE || m.__ng.rowState == ninegridExports.ninegrid.ROW_STATE.DELETE; } );
+		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; } );
 		return arr.length > 0;
 	}
 	
@@ -16864,7 +16864,7 @@ class ngData
 
 		if (!records ||	 records.length <= 0) return;
 		
-		if (ninegridExports.ninegrid.isNull(at)) {
+		if (ninegrid.isNull(at)) {
 			return this.conv2(records);
 		}
 		
@@ -16895,10 +16895,10 @@ class ngData
 	 * return : 모든 행의 데이타 값을 Array 배열로 반환
 	 */
 	records = (at) => {
-		return (ninegridExports.ninegrid.isNull(at)) ? this.getValidData() : this.getValidData(at);
+		return (ninegrid.isNull(at)) ? this.getValidData() : this.getValidData(at);
 	}
 	recordsNF = (at) => {
-		return (ninegridExports.ninegrid.isNull(at)) ? this.getValidDataNF() : this.getValidDataNF(at);
+		return (ninegrid.isNull(at)) ? this.getValidDataNF() : this.getValidDataNF(at);
 	}
 
 	/**
@@ -16965,11 +16965,11 @@ class ngData
 		
 			mid = parseInt((start+end)/2);
 			
-			if (target === arr[mid].__ng._[ninegridExports.ninegrid.ROW.INDEX]) {
+			if (target === arr[mid].__ng._[ninegrid.ROW.INDEX]) {
 				return mid;
 			}
 			else {
-				if (target < arr[mid].__ng._[ninegridExports.ninegrid.ROW.INDEX]){
+				if (target < arr[mid].__ng._[ninegrid.ROW.INDEX]){
 					end = mid - 1;
 				}
 				else {
@@ -17154,8 +17154,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 != ninegridExports.ninegrid.ROW_STATE.INSERT) {
-				this.data.get(rowidx).__ng.rowState = ninegridExports.ninegrid.ROW_STATE.UPDATE;
+			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;
 				this.data.onRowStateChanged();
 			}
 			this.setColumnSilent(rowidx,colnm,v);
@@ -17239,8 +17239,8 @@ class ngExpandIcon extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngExpandIcon.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngExpandIcon.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandIcon.css";
+				${ninegrid.getCustomPath(this,"ngExpandIcon.css")}
 				
 				:host {
 					width: ${width};
@@ -17268,7 +17268,7 @@ class ngExpandIcon extends HTMLElement
 					case "rect":
 					case "check":
 					case "svg":
-						ninegridExports.ninegrid.j.querySelectorAll("circle,rect,svg", this.shadowRoot).attr("fill", this.getAttribute(entry.attributeName));
+						ninegrid.j.querySelectorAll("circle,rect,svg", this.shadowRoot).attr("fill", this.getAttribute(entry.attributeName));
 						break;
 					}
 					break;
@@ -17279,7 +17279,7 @@ class ngExpandIcon extends HTMLElement
 						this.shadowRoot.querySelector("div").innerHTML = this.getAttribute(entry.attributeName);
 						break;
 					case "img":
-						 ninegridExports.ninegrid.j.querySelectorAll("img", this.shadowRoot).attr("src", this.getAttribute(entry.attributeName));
+						 ninegrid.j.querySelectorAll("img", this.shadowRoot).attr("src", this.getAttribute(entry.attributeName));
 						break;
 					}
 					break;
@@ -17305,8 +17305,8 @@ class ngExpandCheck extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngExpandCheck.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngExpandCheck.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandCheck.css";
+				${ninegrid.getCustomPath(this,"ngExpandCheck.css")}
 			</style>
 			
 			<input type="checkbox" />
@@ -17326,8 +17326,8 @@ class ngExpandButton extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngExpandButton.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngExpandButton.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandButton.css";
+				${ninegrid.getCustomPath(this,"ngExpandButton.css")}
 			</style>
 			
 			<button>...</button>
@@ -17361,7 +17361,7 @@ class ngExportExcel
 			afterFunc	: () => {},
 		};
 		
-		var fileName = ninegridExports.ninegrid.nvl(_option.fileName, "temp");
+		var fileName = ninegrid.nvl(_option.fileName, "temp");
 
 		const _download = async (workbook, fileName) => {
 
@@ -17437,7 +17437,7 @@ class ngExportExcel
 					
 					var v = "";
 					
-					if (!ninegridExports.ninegrid.isNull(td.dataset.expr)) {
+					if (!ninegrid.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);
@@ -17446,7 +17446,7 @@ class ngExportExcel
 							//v = this.#owner.exprFunction2(td.dataset.expr).call(this, rowData, rowIndex);
 						}
 					}
-					else if (!ninegridExports.ninegrid.isNull(td.dataset.bind)) {
+					else if (!ninegrid.isNull(td.dataset.bind)) {
 						//const COL_IDX = this.#owner.fields.indexOf(td.dataset.bind);
 						//v = rowData.v[COL_IDX] || "";
 						v = rowData[td.dataset.bind] || "";
@@ -17941,14 +17941,14 @@ class ngFiltering
 		}
 		//var colnms = filterData.map(item => item.colnm);
 		
-		ninegridExports.ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
 			v.filterData = null;
 		});
 		
 		for (let key in jsonOption) {
 			const arr = jsonOption[key];
 			
-			ninegridExports.ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
 				//console.log(v.colnms);
 			
 				v.colnms.forEach(colnm => {
@@ -17995,7 +17995,7 @@ class ngFilterButton extends HTMLElement
 	};
 	set filterData(v) {
 		this.#filterData = v;
-		v && v.length > 0 ? ninegridExports.ninegrid.j.querySelectorAll(this).addClass('filtered') : ninegridExports.ninegrid.j.querySelectorAll(this).removeClass('filtered');
+		v && v.length > 0 ? ninegrid.j.querySelectorAll(this).addClass('filtered') : ninegrid.j.querySelectorAll(this).removeClass('filtered');
 	};
 	
 	#onClick = (e) => {
@@ -18040,8 +18040,8 @@ class ngFilterPanel extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngFilterPanel.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngFilterPanel.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngFilterPanel.css";
+				${ninegrid.getCustomPath(this,"ngFilterPanel.css")}
 			</style>
 			
 			<div class="head">
@@ -18087,7 +18087,7 @@ class ngFilterPanel extends HTMLElement
 		var grd = this.shadowRoot.querySelector("nine-grid");
 
 		//ninegrid.j.querySelectorAll(grd).addClass("loading");
-		ninegridExports.ninegrid.j.querySelectorAll(this.#target.owner).addClass("loading");
+		ninegrid.j.querySelectorAll(this.#target.owner).addClass("loading");
 		
 		
 		setTimeout(() => {
@@ -18178,7 +18178,7 @@ class ngFilterPanel extends HTMLElement
 			
 			//this.#target.owner.paging.reset();
 			
-			ninegridExports.ninegrid.j.querySelectorAll(this.#target.owner).removeClass("loading");
+			ninegrid.j.querySelectorAll(this.#target.owner).removeClass("loading");
 			
 		});
 		
@@ -18205,7 +18205,7 @@ class ngFilterPanel extends HTMLElement
 		var grd = this.shadowRoot.querySelector("nine-grid");
 
 		
-		ninegridExports.ninegrid.j.querySelectorAll(grd).addClass("loading");
+		ninegrid.j.querySelectorAll(grd).addClass("loading");
 
 		
 		var data = grd.dataManager.rawRecords;
@@ -18253,7 +18253,7 @@ class ngFilterPanel extends HTMLElement
 		
 		$(this).show();
 
-		ninegridExports.ninegrid.j.querySelectorAll(this).addClass("loading");
+		ninegrid.j.querySelectorAll(this).addClass("loading");
 		
 		$(this.shadowRoot).find("input[type=text]").val("");
 
@@ -18315,7 +18315,7 @@ class ngFilterPanel extends HTMLElement
 				var exprFunc = (expr) ? owner.exprFunction(expr) : null;
 				*/
 				
-				const cell = ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${col}"][data-bind="${colnm}"]`, owner.tmpl).elem();
+				const cell = ninegrid.j.querySelectorAll(`[data-col="${col}"][data-bind="${colnm}"]`, owner.tmpl).elem();
 				const expr = cell.getAttribute("data-expr");
 				const exprFunc = (expr) ? owner.exprFunction(expr) : null;
 
@@ -18353,7 +18353,7 @@ class ngFilterPanel extends HTMLElement
 			
 			this.shadowRoot.querySelector("input").focus();
 			
-			ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("loading");
+			ninegrid.j.querySelectorAll(this).removeClass("loading");
 		});
 	};
 }
@@ -18378,8 +18378,8 @@ class ngFoot extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngFoot.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngFoot.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngFoot.css";
+				${ninegrid.getCustomPath(this,"ngFoot.css")}
 			</style>
 			
 			<ng-layout></ng-layout>
@@ -18426,7 +18426,7 @@ class ngLayout extends HTMLElement
 		if (this.#tables.length <= 1) $(this.#wrap).hide();
 
 		//$("button", this.#wrap).eq(0).addClass("ng-active");
-		ninegridExports.ninegrid.j.querySelectorAll(this.#wrap.querySelector("button")).addClass("ng-active");
+		ninegrid.j.querySelectorAll(this.#wrap.querySelector("button")).addClass("ng-active");
 		
 		$("button", this.#wrap).on("click", this.#onClick);
 	};
@@ -18449,7 +18449,7 @@ class ngLayout extends HTMLElement
 	
 	#onClick = e => {
 		
-		if (ninegridExports.ninegrid.j.querySelectorAll(e.currentTarget).hasClass("ng-active")) return;
+		if (ninegrid.j.querySelectorAll(e.currentTarget).hasClass("ng-active")) return;
 		
 		const oldIndex = this.#at;
 		
@@ -18457,10 +18457,10 @@ class ngLayout extends HTMLElement
 		
 		this.#owner.changeRayout(this.#at);
 		
-		ninegridExports.ninegrid.j.querySelectorAll("button", this.#wrap).removeClass("ng-active");
-		ninegridExports.ninegrid.j.querySelectorAll(e.currentTarget).addClass("ng-active");
+		ninegrid.j.querySelectorAll("button", this.#wrap).removeClass("ng-active");
+		ninegrid.j.querySelectorAll(e.currentTarget).addClass("ng-active");
 		
-		var customEvent = new CustomEvent(ninegridExports.ninegrid.EVENT.LAYOUT_CHANGED, { bubbles: true, detail: {} });
+		var customEvent = new CustomEvent(ninegrid.EVENT.LAYOUT_CHANGED, { bubbles: true, detail: {} });
 		customEvent.oldIndex	= oldIndex;
 		customEvent.newIndex	= this.#at;
 		
@@ -18485,12 +18485,12 @@ class ngHead extends HTMLElement
 		
 		this.#owner = this.getRootNode().host;
 
-		if (ninegridExports.ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) return;
+		if (ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) return;
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngHead.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngHead.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngHead.css";
+				${ninegrid.getCustomPath(this,"ngHead.css")}
 			</style>
 			
 			<ng-menu></ng-menu>
@@ -18730,8 +18730,8 @@ class ngImg extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngImg.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngImg.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngImg.css";
+				${ninegrid.getCustomPath(this,"ngImg.css")}
 
 				img {
 					border: ${border};
@@ -18796,8 +18796,8 @@ class ngSvg extends ngCellEx
 				
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngSvg.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngSvg.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngSvg.css";
+				${ninegrid.getCustomPath(this,"ngSvg.css")}
 				
 				div {
 					border: ${border};
@@ -18934,8 +18934,8 @@ class ngInfo extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngInfo.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngInfo.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInfo.css";
+				${ninegrid.getCustomPath(this,"ngInfo.css")}
 			</style>
 		
 			<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
@@ -19001,8 +19001,8 @@ class ngInputColor extends ngEditableEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngInputColor.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngInputColor.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputColor.css";
+				${ninegrid.getCustomPath(this,"ngInputColor.css")}
 			</style>
 			
 			<input type="color" required />
@@ -19042,12 +19042,12 @@ class ngInputColor extends ngEditableEx
 	dataRefresh = (v) => {
 
 		if (this.#isValidColor(this.value)) {
-			this.#target.value = ninegridExports.ninegrid.nvl(this.value, "#ffffff");
-			ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("invalid");
+			this.#target.value = ninegrid.nvl(this.value, "#ffffff");
+			ninegrid.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
 			this.#target.value = "#ffffff";
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid.j.querySelectorAll(this).addClass("invalid");
 		}
 		
 		this.#target.setAttribute("title", this.value);
@@ -19057,7 +19057,7 @@ class ngInputColor extends ngEditableEx
 	
 	#isValidColor = (v) => {
 
-		if (ninegridExports.ninegrid.isNull(v)) return true;
+		if (ninegrid.isNull(v)) return true;
 		
 		if (typeof v !== "string" || v.length != 7 || !v.startsWith("#")) return false;
 		
@@ -19096,8 +19096,8 @@ class ngInputDate extends ngEditableEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngInputDate.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngInputDate.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputDate.css";
+				${ninegrid.getCustomPath(this,"ngInputDate.css")}
 				
 				input {
 					--height: ${height}px;
@@ -19174,10 +19174,10 @@ class ngInputDate extends ngEditableEx
 		this.#target.value = v;
 		
 		if (this.#isValidDate(v)) {
-			ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("invalid");
+			ninegrid.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid.j.querySelectorAll(this).addClass("invalid");
 		}
 
 		if (!a) this.reset();
@@ -19185,7 +19185,7 @@ class ngInputDate extends ngEditableEx
 	
 	#isValidDate = (v) => {
 
-		if (ninegridExports.ninegrid.isNull(v)) return true;
+		if (ninegrid.isNull(v)) return true;
 
 		if (typeof v !== "string") return false;
 		
@@ -19305,8 +19305,8 @@ class ngInputText extends ngEditableEx
 		 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngInputText.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngInputText.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputText.css";
+				${ninegrid.getCustomPath(this,"ngInputText.css")}
 			</style>
 			
 			<input type="text"
@@ -19337,9 +19337,9 @@ class ngInputText extends ngEditableEx
 			if (e.target.selectionStart == e.target.selectionEnd) {
 				if (this.#maxbyte) {
 
-					if (ninegridExports.ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte)) {
+					if (ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte)) {
 
-						e.target.value = ninegridExports.ninegrid.cut(e.target.value, Number(this.#maxbyte));
+						e.target.value = ninegrid.cut(e.target.value, Number(this.#maxbyte));
 						
 						this.value = e.target.value;
 					}
@@ -19378,7 +19378,7 @@ class ngInputText extends ngEditableEx
 		this.#target.value = this.value;
 
 		
-		ninegridExports.ninegrid.j.querySelectorAll(this.#target).removeClass("invalid");
+		ninegrid.j.querySelectorAll(this.#target).removeClass("invalid");
 		
 		if (this.#type == "number") {
 
@@ -19386,18 +19386,18 @@ class ngInputText extends ngEditableEx
 				this.#max && Number(this.#target.value) > Number(this.#max) ||
 				this.#min && Number(this.#target.value) < Number(this.#min)
 			) {
-				ninegridExports.ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+				ninegrid.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) ) {
-					ninegridExports.ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+					ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
 				}
 			}
 		}
 		
 
-		if (this.#maxbyte && ninegridExports.ninegrid.getByteLength(this.value) > Number(this.#maxbyte)) {
-			ninegridExports.ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+		if (this.#maxbyte && ninegrid.getByteLength(this.value) > Number(this.#maxbyte)) {
+			ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
 		}
 		
 		if (!v) this.reset();
@@ -19439,7 +19439,7 @@ class ngInputText extends ngEditableEx
 		}
 		
 
-		if (this.#maxbyte && ninegridExports.ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte) && e.target.selectionStart == e.target.selectionEnd) e.preventDefault();
+		if (this.#maxbyte && ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte) && e.target.selectionStart == e.target.selectionEnd) e.preventDefault();
 	}
 }
 
@@ -19533,7 +19533,7 @@ class ngMatrixManager
 		var subrow = matrixRow % this.#owner.template.length;
 		//matrixRow += this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
 		
-		var rows = ninegridExports.ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
+		var rows = ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
 		var idx = rows.findIndex(o => o.rowid == rowid && o.subrow == subrow);
 
 		
@@ -19575,7 +19575,7 @@ class ngMatrixManager
 		//matrixRow += this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
 		
 
-		var rows = ninegridExports.ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
+		var rows = ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
 		var idx = rows.findIndex(o => o.rowid == rowid && o.subrow == subrow);
 		
 
@@ -19625,7 +19625,7 @@ class ngMaxPopup extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ninegrid.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
 				:host {
 				}
 				nine-grid {
@@ -19671,7 +19671,7 @@ class ngMaxPopup extends HTMLElement
 
 			e.stopImmediatePropagation();
 			
-			ninegridExports.ninegrid.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
+			ninegrid.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");
@@ -19775,34 +19775,34 @@ class ngMenu extends HTMLElement
 						"select-type": {
 							name: 'select type',
 							items: {
-								[`select-type-${ninegridExports.ninegrid.SELECTTYPE.ROW}`]	: { name: "row",			className: `select-type select-type-${ninegridExports.ninegrid.SELECTTYPE.ROW}`	},
-								[`select-type-${ninegridExports.ninegrid.SELECTTYPE.ROWS}`]: { name: "multi row",		className: `select-type select-type-${ninegridExports.ninegrid.SELECTTYPE.ROWS}`},
-								[`select-type-${ninegridExports.ninegrid.SELECTTYPE.COL}`]	: { name: "column",			className: `select-type select-type-${ninegridExports.ninegrid.SELECTTYPE.COL}`	},
-								[`select-type-${ninegridExports.ninegrid.SELECTTYPE.COLS}`]: { name: "multi column",	className: `select-type select-type-${ninegridExports.ninegrid.SELECTTYPE.COLS}`},
-								[`select-type-${ninegridExports.ninegrid.SELECTTYPE.CELL}`]: { name: "cell",			className: `select-type select-type-${ninegridExports.ninegrid.SELECTTYPE.CELL}`},
-								[`select-type-${ninegridExports.ninegrid.SELECTTYPE.AREA}`]: { name: "area",			className: `select-type select-type-${ninegridExports.ninegrid.SELECTTYPE.AREA}`},
-								[`select-type-${ninegridExports.ninegrid.SELECTTYPE.NONE}`]: { name: "none",			className: `select-type select-type-${ninegridExports.ninegrid.SELECTTYPE.NONE}`},
+								[`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}`},
 							},
 						},
 						"paging-type": {
 							name: 'paging type',
 							items: {
-								[`paging-type-${ninegridExports.ninegrid.PAGINGTYPE.NONE}`]	: { name: "none",		className: `paging-type paging-type-${ninegridExports.ninegrid.PAGINGTYPE.NONE}`	},
-								[`paging-type-${ninegridExports.ninegrid.PAGINGTYPE.CLIENT}`]	: { name: "client",		className: `paging-type paging-type-${ninegridExports.ninegrid.PAGINGTYPE.CLIENT}`	},
-								[`paging-type-${ninegridExports.ninegrid.PAGINGTYPE.SERVER}`]	: { name: "server",		className: `paging-type paging-type-${ninegridExports.ninegrid.PAGINGTYPE.SERVER}`	},
+								[`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-count": {
 									name: "entries per page",
 									items: {
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.AUTO}`]			: { name: "auto",	className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.AUTO}`		},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_1}`]		: { name: "1",		className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_1}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_5}`]		: { name: "5",		className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_5}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_10}`]		: { name: "10",		className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_10}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_20}`]		: { name: "20",		className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_20}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_30}`]		: { name: "30",		className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_30}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_50}`]		: { name: "50",		className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_50}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_100}`]		: { name: "100",	className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_100}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_1000}`]		: { name: "1000",	className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_1000}`	},
-										[`paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_10000}`]	: { name: "10000",	className: `paging-count paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_10000}`},
+										[`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}`},
 									},
 								},	
 							},
@@ -19846,13 +19846,13 @@ class ngMenu extends HTMLElement
 					this.#owner.filtering.isFiltering() ? this.#owner.filtering.off() : this.#owner.filtering.on();
 					break;
 				
-				case `select-type-${ninegridExports.ninegrid.SELECTTYPE.ROW}`:
-				case `select-type-${ninegridExports.ninegrid.SELECTTYPE.ROWS}`:
-				case `select-type-${ninegridExports.ninegrid.SELECTTYPE.COL}`:
-				case `select-type-${ninegridExports.ninegrid.SELECTTYPE.COLS}`:
-				case `select-type-${ninegridExports.ninegrid.SELECTTYPE.CELL}`:
-				case `select-type-${ninegridExports.ninegrid.SELECTTYPE.AREA}`:
-				case `select-type-${ninegridExports.ninegrid.SELECTTYPE.NONE}`:
+				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}`:
 					this.#owner.setAttribute("select-type", e.menuId.replace("select-type-", ""));
 					break;
 				
@@ -19867,25 +19867,25 @@ class ngMenu extends HTMLElement
 					this.#owner.setAttribute("show-status-bar", this.#owner.getAttribute("show-status-bar") == "true" ? "false" : "true");
 					break;
 				
-				case `paging-type-${ninegridExports.ninegrid.PAGINGTYPE.NONE}`:
-				case `paging-type-${ninegridExports.ninegrid.PAGINGTYPE.CLIENT}`:
-				case `paging-type-${ninegridExports.ninegrid.PAGINGTYPE.SERVER}`:
+				case `paging-type-${ninegrid.PAGINGTYPE.NONE}`:
+				case `paging-type-${ninegrid.PAGINGTYPE.CLIENT}`:
+				case `paging-type-${ninegrid.PAGINGTYPE.SERVER}`:
 					this.#owner.setAttribute("paging-type", e.menuId.replace("paging-type-", ""));
 					break;
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.AUTO}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_1}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_5}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_10}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_20}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_30}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_50}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_100}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_1000}`:
-				case `paging-count-${ninegridExports.ninegrid.PAGINGCOUNT.NUM_10000}`:
+				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}`:
 					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") == ninegridExports.ninegrid.COLINDICATORTYPE.EXPAND ? ninegridExports.ninegrid.COLINDICATORTYPE.COLLAPSE : ninegridExports.ninegrid.COLINDICATORTYPE.EXPAND);
+					this.#owner.setAttribute("col-indicator-type", this.#owner.getAttribute("col-indicator-type") == ninegrid.COLINDICATORTYPE.EXPAND ? ninegrid.COLINDICATORTYPE.COLLAPSE : ninegrid.COLINDICATORTYPE.EXPAND);
 					break;
 				case "auto-fit-col":
 					this.#owner.setAttribute("auto-fit-col", this.#owner.getAttribute("auto-fit-col") == "true" ? "false" : "true");
@@ -19899,29 +19899,29 @@ class ngMenu extends HTMLElement
 			},
 			events : {
 				show : e => {
-					ninegridExports.ninegrid.j.querySelectorAll(this.#owner).hasClass("ng-maximize") ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("on") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("on");
+					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");
 					
-					this.#owner.getAttribute("show-title-bar") == "true" ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).addClass("on") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("show-menu-icon") == "true" ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).addClass("on") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("show-status-bar") == "true" ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).addClass("on") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .show-status-bar", 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");
 
-					ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .select-type", this.#owner.shadowRoot).removeClass("on");
-					ninegridExports.ninegrid.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 .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");
 
-					ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .paging-type", this.#owner.shadowRoot).removeClass("on");
-					ninegridExports.ninegrid.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-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");
 					
-					ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .paging-count", this.#owner.shadowRoot).removeClass("on");
-					ninegridExports.ninegrid.j.querySelectorAll(`ng-context-menu-panel .paging-count-${this.#owner.getAttribute("paging-count")}`, 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");
 
-					this.#owner.filtering.isFiltering() ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).addClass("on") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).removeClass("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.getAttribute("auto-fit-col") == "true" ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).addClass("on") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", 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("col-indicator-type") == ninegridExports.ninegrid.COLINDICATORTYPE.EXPAND ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).addClass("on") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", 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");
 
 					const tfoot = this.#owner.body.querySelector(".ng-table tfoot");
-					const tfootMenu = ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .show-tfoot", this.#owner.shadowRoot);
+					const tfootMenu = ninegrid.j.querySelectorAll("ng-context-menu-panel .show-tfoot", this.#owner.shadowRoot);
 					
 					if (tfoot) {
 						tfootMenu.removeClass("disabled");
@@ -19932,12 +19932,12 @@ class ngMenu extends HTMLElement
 					}
 					
 					if (typeof ExcelJS == "undefined") {
-						ninegridExports.ninegrid.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-excel", this.#owner.shadowRoot).addClass("disabled");
 					}
 					
-					ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-pdf", this.#owner.shadowRoot).addClass("disabled");
+					ninegrid.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-pdf", this.#owner.shadowRoot).addClass("disabled");
 					
-					this.#owner.closest("dialog") ? ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("disabled") : ninegridExports.ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("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");
 				},
 				hide : () => {
 				},
@@ -19996,22 +19996,22 @@ class ngPaging extends HTMLElement
 		return this.#owner.getAttribute("paging-type");
 	};
 	set type(v) {
-		if (!Object.values(ninegridExports.ninegrid.PAGINGTYPE).includes(v)) throw `invalid page type : ${v}`;
+		if (!Object.values(ninegrid.PAGINGTYPE).includes(v)) throw `invalid page type : ${v}`;
 		
 		//this.#owner.setAttribute("paging-type", v);
 		
 		switch (v) {
-		case ninegridExports.ninegrid.PAGINGTYPE.NONE:
+		case ninegrid.PAGINGTYPE.NONE:
 			
 			$(this).children().show();
 			$(this).children().not("span:last-child").hide();
 			break;
 			
-		case ninegridExports.ninegrid.PAGINGTYPE.CLIENT:
+		case ninegrid.PAGINGTYPE.CLIENT:
 			$(this).children().show();
 			break;
 			
-		case ninegridExports.ninegrid.PAGINGTYPE.SERVER:
+		case ninegrid.PAGINGTYPE.SERVER:
 			$(this).children().show();
 			break;
 		}
@@ -20023,7 +20023,7 @@ class ngPaging extends HTMLElement
 		return this.#currentPage;
 	};
 	set currentPage(v) {
-		if (this.type != ninegridExports.ninegrid.PAGINGTYPE.SERVER) throw `"currentPage" is only allowed when the paging type is server.`;
+		if (this.type != ninegrid.PAGINGTYPE.SERVER) throw `"currentPage" is only allowed when the paging type is server.`;
 		
 		this.#currentPage = v;
 	};
@@ -20057,7 +20057,7 @@ class ngPaging extends HTMLElement
 		setTimeout(() => {/** paging-type : none -> client 변경시 height 오류 */
 			this.#count = v;
 			
-			if (v == ninegridExports.ninegrid.PAGINGCOUNT.AUTO) {
+			if (v == ninegrid.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());
@@ -20071,15 +20071,15 @@ class ngPaging extends HTMLElement
 
 			
 			switch (this.type) {
-			case ninegridExports.ninegrid.PAGINGTYPE.NONE:
+			case ninegrid.PAGINGTYPE.NONE:
 				this.refresh();
 				break;
 			
-			case ninegridExports.ninegrid.PAGINGTYPE.CLIENT:
+			case ninegrid.PAGINGTYPE.CLIENT:
 				this.refresh();
 				break;
 				
-			case ninegridExports.ninegrid.PAGINGTYPE.SERVER:
+			case ninegrid.PAGINGTYPE.SERVER:
 				this.movePage(1);
 				break;
 			}
@@ -20106,13 +20106,13 @@ class ngPaging extends HTMLElement
 	#refresh = () => {
 
 
-		if (this.type == ninegridExports.ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#owner.data.countNF().toLocaleString()}`);
 		}
-		else if (this.type == ninegridExports.ninegrid.PAGINGTYPE.SERVER) {
+		else if (this.type == ninegrid.PAGINGTYPE.SERVER) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#totalCount.toLocaleString()}`);
 		}
-		else if (this.type == ninegridExports.ninegrid.PAGINGTYPE.NONE) {
+		else if (this.type == ninegrid.PAGINGTYPE.NONE) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#totalCount.toLocaleString()}`);
 		}
 		
@@ -20123,21 +20123,21 @@ class ngPaging extends HTMLElement
 			$('span', this).eq(0).html(`${this.#currentPage.toLocaleString()} <i>of</i> ${this.#totalPage.toLocaleString()}`);
 		}
 		
-		ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
-		ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
-		ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
-		ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
+		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);
 	};
 	
 	
 	#moveLast = () => {
 		//this.#clearPaging();
 		
-		if (this.type == ninegridExports.ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
 
 			this.movePage(Math.ceil(this.#owner.data.countNF() / this.#linesPerPage));
 		}
-		else if (this.type == ninegridExports.ninegrid.PAGINGTYPE.SERVER) {
+		else if (this.type == ninegrid.PAGINGTYPE.SERVER) {
 			this.movePage(Math.ceil(this.#totalCount / this.#linesPerPage));
 		}
 	};
@@ -20147,11 +20147,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 == ninegridExports.ninegrid.PAGINGTYPE.SERVER) {
-			ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", true);
-			ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", true);
-			ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", true);
-			ninegridExports.ninegrid.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", true);
+		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);
 		}
 		
 		//this.#clearPaging();
@@ -20159,7 +20159,7 @@ class ngPaging extends HTMLElement
 		this.#oldPage = this.#currentPage;
 		this.#currentPage = page;
 		
-		if (this.type == ninegridExports.ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
 			
 			var data = this.#owner.data.getValidDataNF();
 			
@@ -20185,7 +20185,7 @@ class ngPaging extends HTMLElement
 			this.#owner.scrollTo_V1(0);
 		}
 
-		if (this.type == ninegridExports.ninegrid.PAGINGTYPE.SERVER && this.#oldPage != this.#currentPage){
+		if (this.type == ninegrid.PAGINGTYPE.SERVER && this.#oldPage != this.#currentPage){
 			this.onpagechanged.pageIndex= this.#currentPage;
 			this.onpagechanged.pageCnt	= this.#linesPerPage;
 			
@@ -20200,18 +20200,18 @@ class ngPaging extends HTMLElement
 	refresh = () => {
 
 		switch (this.type) {
-		case ninegridExports.ninegrid.PAGINGTYPE.NONE:
+		case ninegrid.PAGINGTYPE.NONE:
 			this.#clearPaging();
 			$(".ng-container tbody tr.bindable:not(.nodata)", this.#owner.body).remove();
 			this.#owner.scrollTo_V1(0);
 			break;
 		
-		case ninegridExports.ninegrid.PAGINGTYPE.CLIENT:
+		case ninegrid.PAGINGTYPE.CLIENT:
 			this.movePage(1);
 			this.#owner.refresh();
 			break;
 			
-		case ninegridExports.ninegrid.PAGINGTYPE.SERVER:
+		case ninegrid.PAGINGTYPE.SERVER:
 			break;
 		}
 		
@@ -20244,8 +20244,8 @@ class ngProgress extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngProgress.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngProgress.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngProgress.css";
+				${ninegrid.getCustomPath(this,"ngProgress.css")}
 							
 				progress::-webkit-progress-bar {
 					background:  ${backColor};
@@ -20351,8 +20351,8 @@ class ngRadio extends ngEditableEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRadio.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRadio.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRadio.css";
+				${ninegrid.getCustomPath(this,"ngRadio.css")}
 				
 				div.ng-wrap {
 					justify-content: ${justifyContent};
@@ -20394,7 +20394,7 @@ class ngRadio extends ngEditableEx
 	dataRefresh = (v) => {
 	
 		if (this.#dataSource) {
-			this.#isValid() ? ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegridExports.ninegrid.j.querySelectorAll(this).addClass("invalid");
+			this.#isValid() ? ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegrid.j.querySelectorAll(this).addClass("invalid");
 		}
 
 		$(this.#target).each((i,el) => {
@@ -20408,7 +20408,7 @@ class ngRadio extends ngEditableEx
 		
 		//console.log(this.value, ninegrid.isNull(this.value));
 		
-		if (ninegridExports.ninegrid.isNull(this.value)) return true;
+		if (ninegrid.isNull(this.value)) return true;
 
 		var idx = this.#dataSource.findIndex(m => { return this.value == m[this.#code]; });
 		if (idx < 0) return false;
@@ -20453,8 +20453,8 @@ class ngRenderer extends ngCellEx
 
 		this.shadowRoot.innerHTML =`
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRenderer.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRenderer.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRenderer.css";
+				${ninegrid.getCustomPath(this,"ngRenderer.css")}
 				
 				span {
 					color: ${color};
@@ -20513,8 +20513,8 @@ class ngRowDetail extends ngCellEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRowDetail.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRowDetail.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowDetail.css";
+				${ninegrid.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">
@@ -20566,7 +20566,7 @@ class ngRowDetailPopup extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ninegrid.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
 				nine-grid {
 					border: 1px solid #ccc;
 				}
@@ -20618,7 +20618,7 @@ class ngRowDetailPopup extends HTMLElement
 
 			e.stopImmediatePropagation();
 			
-			ninegridExports.ninegrid.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
+			ninegrid.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");
@@ -20634,7 +20634,7 @@ class ngRowDetailPopup extends HTMLElement
 
 		var data = this.#owner.body.querySelector(`tr[data-row="${row}"]`).data;
 
-		this.#rowIndex = data.__ng._[ninegridExports.ninegrid.ROW.INDEX];
+		this.#rowIndex = data.__ng._[ninegrid.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()})`);
@@ -20764,8 +20764,8 @@ class ngRowDrag extends ngCellEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRowDrag.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRowDrag.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowDrag.css";
+				${ninegrid.getCustomPath(this,"ngRowDrag.css")}
 			</style>
 		`;
 
@@ -20845,7 +20845,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}"]`);
-			ninegridExports.ninegrid.j.querySelectorAll("th,td", trs[0]).addClass("ng-dragover-up");
+			ninegrid.j.querySelectorAll("th,td", trs[0]).addClass("ng-dragover-up");
 		});
 	};
 
@@ -20853,7 +20853,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) ninegridExports.ninegrid.j.querySelectorAll(cell).addClass("ng-dragover-down");
+					if ((i + (cell.rowSpan || 1)) == this.#owner.template.length) ninegrid.j.querySelectorAll(cell).addClass("ng-dragover-down");
 				});
 			});
 		});
@@ -20871,8 +20871,8 @@ class ngRowMover
 		const targetRow = parseInt(e.target.closest("th,td").dataset.row);
 
 
-		ninegridExports.ninegrid.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
-		ninegridExports.ninegrid.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		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.j.querySelectorAll(`tr`, targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
 		
 		if (sourceGrid.id == targetGrid.id) {
@@ -20940,7 +20940,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= ninegridExports.ninegrid.nvl(document.getElementById(ngRowDrag.dragData.id), this.#owner);		/** Max Popup 화면에서 document.getElementById(ngRowDrag.dragData.id) == null */
+		const sourceGrid= ninegrid.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;
 		
@@ -20951,12 +20951,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;
 
-		ninegridExports.ninegrid.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
-		ninegridExports.ninegrid.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		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");
 		
 		if (sourceGrid.id == targetGrid.id && sourceRow == targetRow) return;
 		
-		const canEvent	= new CustomEvent(ninegridExports.ninegrid.EVENT.CAN_ROW_MOVE, { bubbles: true, cancelable: true, detail: {} });
+		const canEvent	= new CustomEvent(ninegrid.EVENT.CAN_ROW_MOVE, { bubbles: true, cancelable: true, detail: {} });
 		canEvent.sourceGrid	= sourceGrid;
 		canEvent.targetGrid	= targetGrid;
 		canEvent.sourceRow	= sourceRow;
@@ -20994,7 +20994,7 @@ class ngRowMover
 		
 		this.#owner.dataManager.viewRecords.reset();
 		
-		const doneEvent	= new CustomEvent(ninegridExports.ninegrid.EVENT.ROW_MOVED, { bubbles: true, detail: {} });
+		const doneEvent	= new CustomEvent(ninegrid.EVENT.ROW_MOVED, { bubbles: true, detail: {} });
 		doneEvent.sourceGrid= sourceGrid;
 		doneEvent.targetGrid= targetGrid;
  		doneEvent.sourceRow	= sourceRow;
@@ -21027,8 +21027,8 @@ class ngRowExpand extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRowExpand.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRowExpand.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowExpand.css";
+				${ninegrid.getCustomPath(this,"ngRowExpand.css")}
 			</style>
 		`;
 		
@@ -21038,17 +21038,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= ninegridExports.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.tmpl).attr("data-expr");
 		
 		if (this.#cell.querySelector("ng-col-expand")) {
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass("padding");
+			ninegrid.j.querySelectorAll(this).addClass("padding");
 		}
 		
 		$(this).on("click", e => {
 			e.preventDefault();
 			e.stopPropagation();
 			
-			if (ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("expand")) {
+			if (ninegrid.j.querySelectorAll(this).hasClass("expand")) {
 				this.#collapse();
 			}
 			else {
@@ -21060,28 +21060,28 @@ class ngRowExpand extends HTMLElement
 	};
 	
 	#expand = () => {
-		const bind = ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-bind");
+		const bind = ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-bind");
 		const expr = `data.${bind}.replaceAll("\\n", "<br>")`;
 
-		ninegridExports.ninegrid.j.querySelectorAll(this).addClass("expand");
+		ninegrid.j.querySelectorAll(this).addClass("expand");
 		
-		ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", expr);
-		ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", expr);
+		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);
 		
 		this.#setRowHeightFit();
 	};
 	
 	#collapse = () => {
 		
-		ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("expand");
+		ninegrid.j.querySelectorAll(this).removeClass("expand");
 		
 		if (this.#originExpr) {
-			ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", this.#originExpr);
-			ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", 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);
 		}
 		else {
-			ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).removeAttr("data-expr");
-			ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).removeAttr("data-expr");
+			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");
 		}
 		
 		this.#setRowHeightFit();
@@ -21117,8 +21117,8 @@ class ngRowIndicator extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRowIndicator.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRowIndicator.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowIndicator.css";
+				${ninegrid.getCustomPath(this,"ngRowIndicator.css")}
 				
 				svg.dtl {
 					display: ${"none"};
@@ -21153,7 +21153,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 = ninegridExports.ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]");
+		this.cell.dataset.expr = ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]");
 
 		this.cell.setAttribute("text-align", "center");
 		
@@ -21181,14 +21181,14 @@ class ngRowIndicator extends ngCellEx
 		var row = parseInt(this.cell.dataset.row);
 		
 		switch (this.data.__ng.rowState) {
-		case ninegridExports.ninegrid.ROW_STATE.INSERT:
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
+		case ninegrid.ROW_STATE.INSERT:
+			ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
 			break;
-		case ninegridExports.ninegrid.ROW_STATE.UPDATE:
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass('updated');
+		case ninegrid.ROW_STATE.UPDATE:
+			ninegrid.j.querySelectorAll(this).addClass('updated');
 			break;
 		default:
-			ninegridExports.ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
+			ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
 			break;
 		}
 
@@ -21198,7 +21198,7 @@ class ngRowIndicator extends ngCellEx
 	};
 	
 	#init = () => {
-		if (!ninegridExports.ninegrid.j.querySelectorAll(this.closest("tbody")).hasClass("fixed")) {
+		if (!ninegrid.j.querySelectorAll(this.closest("tbody")).hasClass("fixed")) {
 			var rowSpan = this.cell.rowSpan;
 			var tr = this.closest("tr");
 			for (var i = 0; i < rowSpan; i++) {
@@ -21285,12 +21285,12 @@ class ngRowResizer extends HTMLElement
 		
 		$(this).on("mousedown", e => {
 
-			if (ninegridExports.ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
+			if (ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
 
 			this.#timer = setTimeout(() => { this.#onMouseDown(e); }, 500);
 		})
 		.on("dblclick", e => {
-			if (ninegridExports.ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
+			if (ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
 	
 			this.#onDblClick(e);
 		});
@@ -21401,8 +21401,8 @@ class ngRowPin extends ngCellEx
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRowPin.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRowPin.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowPin.css";
+				${ninegrid.getCustomPath(this,"ngRowPin.css")}
 			</style>
 			
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" focusable="false" aria-hidden="true">
@@ -21418,7 +21418,7 @@ class ngRowPin extends ngCellEx
 	dataRefresh = (v) => {
 		if (!this.owner || !this.cell || !this.data) return;
 		
-		this.cell.closest("tbody.fixed") ? ninegridExports.ninegrid.j.querySelectorAll(this).addClass("pin") : ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("pin");
+		this.cell.closest("tbody.fixed") ? ninegrid.j.querySelectorAll(this).addClass("pin") : ninegrid.j.querySelectorAll(this).removeClass("pin");
 		
 		if (!v) this.reset();
 	};
@@ -21426,12 +21426,12 @@ class ngRowPin extends ngCellEx
 	#init = () => {
 		
 		/** Mobile에서 Row Pin 기능 방지 */
-		if (!ninegridExports.ninegrid.isMobile()) {
+		if (!ninegrid.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._[ninegridExports.ninegrid.ROW.INDEX]);
+				this.cell.closest("tbody.fixed") ? this.owner.pin.remove(row) : this.owner.pin.add(this.data.__ng._[ninegrid.ROW.INDEX]);
 			});
 		}
 	}
@@ -21453,7 +21453,7 @@ class ngPinManager
 		 * 1. grid attr == filter : on();
 		 */
 		this.#records.forEach(v => {
-			v.__ng._[ninegridExports.ninegrid.ROW.PIN] = false;
+			v.__ng._[ninegrid.ROW.PIN] = false;
 		});
 
 		this.#records = [];
@@ -21465,7 +21465,7 @@ class ngPinManager
 
 		//var data = this.#owner.data.getRow(i);
 		var data = this.#owner.data.getNF(index);
-		data.__ng._[ninegridExports.ninegrid.ROW.PIN] = true;
+		data.__ng._[ninegrid.ROW.PIN] = true;
 		
 		this.#records.push(data);
 		
@@ -21485,7 +21485,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._[ninegridExports.ninegrid.ROW.INDEX];
+			tr.dataset.index = data.__ng._[ninegrid.ROW.INDEX];
 			tr.data = data;
 		});
 		
@@ -21496,9 +21496,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));
-			ninegridExports.ninegrid.j.querySelectorAll("th,td", tr).attr("data-index",		tr.dataset.index);
-			ninegridExports.ninegrid.j.querySelectorAll("th,td", tr).attr("data-row",		tr.dataset.row);
-			ninegridExports.ninegrid.j.querySelectorAll("th,td", tr).attr("data-matrix-row",	tr.dataset.matrixRow);
+			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);
 		});
 
 		this.#owner.data.resetRecords();
@@ -21515,7 +21515,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._[ninegridExports.ninegrid.ROW.PIN] = false;
+			this.#records[index].__ng._[ninegrid.ROW.PIN] = false;
 			
 			this.#records.splice(index, 1);
 		}
@@ -21551,8 +21551,8 @@ class ngRowState extends ngCellEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngRowState.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngRowState.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowState.css";
+				${ninegrid.getCustomPath(this,"ngRowState.css")}
 			</style>
 		`;
 
@@ -21566,14 +21566,14 @@ class ngRowState extends ngCellEx
 		//var row = parseInt(this.cell.dataset.row);
 		
 		switch (this.data.__ng.rowState) {
-		case ninegridExports.ninegrid.ROW_STATE.INSERT:
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
+		case ninegrid.ROW_STATE.INSERT:
+			ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
 			break;
-		case ninegridExports.ninegrid.ROW_STATE.UPDATE:
-			ninegridExports.ninegrid.j.querySelectorAll(this).addClass('updated');
+		case ninegrid.ROW_STATE.UPDATE:
+			ninegrid.j.querySelectorAll(this).addClass('updated');
 			break;
 		default:
-			ninegridExports.ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
+			ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
 			break;
 		}
 		
@@ -21605,8 +21605,8 @@ class ngVScrollBar extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngVScrollBar.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngVScrollBar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngVScrollBar.css";
+				${ninegrid.getCustomPath(this,"ngVScrollBar.css")}
 			</style>
 			
 			<button class='ng-scroll-top' disabled><div class='ng-scroll-icon'></div></button>
@@ -21931,7 +21931,7 @@ class ngVScrollBar extends HTMLElement
 		e.preventDefault();
 
 		if (this.#firstThumbMove) {
-			ninegridExports.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.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;
 		}
 
@@ -21975,8 +21975,8 @@ class ngHScrollBar extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngHScrollBar.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngHScrollBar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngHScrollBar.css";
+				${ninegrid.getCustomPath(this,"ngHScrollBar.css")}
 			</style>
 			
 			<button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
@@ -22024,8 +22024,8 @@ class ngHScrollBar extends HTMLElement
 		thumb.css({left : l});
 
 		// enable
-		ninegridExports.ninegrid.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
-		ninegridExports.ninegrid.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
+		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);
 		
 		// edge show
 		var vbar = this.#owner.body.querySelector("ng-vscrollbar");
@@ -22089,8 +22089,8 @@ class ngHScrollBar extends HTMLElement
 		
 		thumb.css({left : l});
 
-		ninegridExports.ninegrid.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
-		ninegridExports.ninegrid.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
+		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);
 	}
 	
 	#init = () => {
@@ -22316,7 +22316,7 @@ class ngSorting
 	 * 정렬상태 초기화
 	 */
 	#restore = () => {
-		this.#owner.data.sort((a,b) => { return a.__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER] - b.__ng._[ninegridExports.ninegrid.ROW.ORIGIN_ORDER]; });
+		this.#owner.data.sort((a,b) => { return a.__ng._[ninegrid.ROW.ORIGIN_ORDER] - b.__ng._[ninegrid.ROW.ORIGIN_ORDER]; });
 	}
 	
 	#onClick = (e) => {
@@ -22331,11 +22331,11 @@ class ngSorting
 
 		switch (e.detail) {
 			case 1:
-				ninegridExports.ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+				ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
 				
 				setTimeout(() => {
 					this.#sort(e);
-					ninegridExports.ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+					ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
 				}); // should match OS multi-click speed
 				break;
 			case 2:
@@ -22372,36 +22372,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");
-			ninegridExports.ninegrid.j.querySelectorAll(`thead th:not([data-col="${col}"],thead td:not([data-col="${col}"])`, this.#owner.body).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");
 			
 			this.#columns.splice(0, this.#columns.length);
 		}
 		
-		ninegridExports.ninegrid.removeIf(this.#columns, m => { return m.colnm == colnm; });
+		ninegrid.removeIf(this.#columns, m => { return m.colnm == colnm; });
 		
-		if (!ninegridExports.ninegrid.j.querySelectorAll(td).hasClass("asc") && !ninegridExports.ninegrid.j.querySelectorAll(td).hasClass("desc")) {
-			ninegridExports.ninegrid.j.querySelectorAll(td).removeClass("desc").addClass("asc");
+		if (!ninegrid.j.querySelectorAll(td).hasClass("asc") && !ninegrid.j.querySelectorAll(td).hasClass("desc")) {
+			ninegrid.j.querySelectorAll(td).removeClass("desc").addClass("asc");
 			
 			this.#columns.push({"colnm": colnm, "asc": true, "expr-func": exprFunc, });
 		}
-		else if (ninegridExports.ninegrid.j.querySelectorAll(td).hasClass("asc")) {
-			ninegridExports.ninegrid.j.querySelectorAll(td).removeClass("asc").addClass("desc");
+		else if (ninegrid.j.querySelectorAll(td).hasClass("asc")) {
+			ninegrid.j.querySelectorAll(td).removeClass("asc").addClass("desc");
 			this.#columns.push({"colnm": colnm, "asc": false, "expr-func": exprFunc, });
 		}
 		else {
-			ninegridExports.ninegrid.j.querySelectorAll(td).removeClass("asc").removeClass("desc");
+			ninegrid.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 (!ninegridExports.ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("asc") && !ninegridExports.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")) {
 			this.#restore();
 		}
 		else {
 			this.#owner.data.sort((a,b) => { return this.#compareFn(a,b); });
 		}
 
-		(this.#owner.paging.type == ninegridExports.ninegrid.PAGINGTYPE.CLIENT) ? this.#owner.paging.movePage(1) : this.#owner.view.redraw();
+		(this.#owner.paging.type == ninegrid.PAGINGTYPE.CLIENT) ? this.#owner.paging.movePage(1) : this.#owner.view.redraw();
 	}
 	
 	#compareFn = (a, b) => {
@@ -22413,10 +22413,10 @@ class ngSorting
 				const aa = this.#owner.data.conv(a);
 				const bb = this.#owner.data.conv(b);
 				
-				if (column["expr-func"](aa,aa.__ng._[ninegridExports.ninegrid.ROW.INDEX]) > column["expr-func"](bb,bb.__ng._[ninegridExports.ninegrid.ROW.INDEX])) {
+				if (column["expr-func"](aa,aa.__ng._[ninegrid.ROW.INDEX]) > column["expr-func"](bb,bb.__ng._[ninegrid.ROW.INDEX])) {
 					return column.asc ? 1 : -1;
 				}
-				else if (column["expr-func"](aa,aa.__ng._[ninegridExports.ninegrid.ROW.INDEX]) < column["expr-func"](bb,bb.__ng._[ninegridExports.ninegrid.ROW.INDEX])) {
+				else if (column["expr-func"](aa,aa.__ng._[ninegrid.ROW.INDEX]) < column["expr-func"](bb,bb.__ng._[ninegrid.ROW.INDEX])) {
 					return column.asc ? -1 : 1;
 				}
 			}
@@ -22476,13 +22476,13 @@ class ngTableManager
 			const target = $(`.col-indicator[data-col=${col}]`, this.#owner.body);
 	
 			if (target.closest(".ng-container-body").length > 0) {
-				return ninegridExports.ninegrid.BAND.BODY;
+				return ninegrid.BAND.BODY;
 			}
 			else if (target.closest(".ng-container-left").length > 0) {
-				return ninegridExports.ninegrid.BAND.LEFT;
+				return ninegrid.BAND.LEFT;
 			}
 			else if (target.closest(".ng-container-right").length > 0) {
-				return ninegridExports.ninegrid.BAND.RIGHT;
+				return ninegrid.BAND.RIGHT;
 			}
 		};
 		
@@ -22494,7 +22494,7 @@ class ngTableManager
 
 			this.#owner.body.querySelector(`colgroup [data-col="${col}"]:not(.cdummy)`).setAttribute("width", w);
 			
-			if (band != ninegridExports.ninegrid.BAND.BODY) {
+			if (band != ninegrid.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, });
@@ -22504,7 +22504,7 @@ class ngTableManager
 		};
 	
 		this.getExprFunc = (col, colnm) => {
-			const cell = ninegridExports.ninegrid.j.querySelectorAll(colnm ? `[data-col="${col}"][data-bind="${colnm}"]` : `[data-col="${col}"]`, this.#owner.tmpl).elem();
+			const cell = ninegrid.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;
@@ -22517,14 +22517,14 @@ class ngTableManager
 			if (async == undefined) async = true;
 		
 			if (async) {
-				ninegridExports.ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+				ninegrid.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);
 		
-					ninegridExports.ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+					ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
 				});
 			}
 			else {
@@ -22553,7 +22553,7 @@ class ngTableManager
 					const th = document.createElement('th');
 					th.setAttribute("scope", "col");
 					
-					ninegridExports.ninegrid.j.querySelectorAll(th).addClass("col-indicator");
+					ninegrid.j.querySelectorAll(th).addClass("col-indicator");
 					
 					$(th).html('<div></div>').insertBefore(toTH).css({ "width" : w, "min-width" : w, });
 				});
@@ -22748,7 +22748,7 @@ class ngTableManager
 			
 			case "NG-RADIO":
 				o.value = rowData[colnm];
-				if (o.value != null && o.value != "" && !ninegridExports.ninegrid.isNull(comp.dataSource)) {
+				if (o.value != null && o.value != "" && !ninegrid.isNull(comp.dataSource)) {
 					o.code = comp.dataSource.map(m => { return m[comp.getAttribute("key") || "key"]; }).includes(o.value) ? 0 : -1;
 				}
 				break;
@@ -22791,7 +22791,7 @@ class ngTableManager
 		}
 
 		if (matrixRow == null) {
-			ninegridExports.ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+			ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
 			
 			setTimeout(() => {
 				for (var i = 0; i < this.#owner.data.count(); i++) {
@@ -22810,7 +22810,7 @@ class ngTableManager
 
 				this.#owner.view.redraw();
 				
-				ninegridExports.ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+				ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
 			});
 		}
 		else {
@@ -22841,7 +22841,7 @@ class ngTableManager
 			const v			= String(rowData.v[COL_IDX]);
 			
 			if (bind && v.includes("\n")) {
-				h = Math.max(h, ninegridExports.ninegrid.measureTextSize(v, fonts[i]).height);
+				h = Math.max(h, ninegrid.measureTextSize(v, fonts[i]).height);
 			}
 		});
 		
@@ -22874,7 +22874,7 @@ class ngTableManager
 				if (!v) continue;
 
 
-				w = Math.max(w, ninegridExports.ninegrid.measureTextSize(v, font).width);// + (comp.length > 0 ? 40 : 0);
+				w = Math.max(w, ninegrid.measureTextSize(v, font).width);// + (comp.length > 0 ? 40 : 0);
 			}
 		});
 
@@ -22928,7 +22928,7 @@ class ngTableWrapper
 						const th = document.createElement('th');
 						th.setAttribute("scope", "col");
 						
-						ninegridExports.ninegrid.j.querySelectorAll(th).addClass("col-indicator");
+						ninegrid.j.querySelectorAll(th).addClass("col-indicator");
 						
 						$(th).html('<div></div>').insertBefore(toTH).css({ "width" : w, "min-width" : w, });
 					});
@@ -23171,8 +23171,8 @@ class ngTextArea extends ngEditableEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngTextArea.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngTextArea.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngTextArea.css";
+				${ninegrid.getCustomPath(this,"ngTextArea.css")}
 			</style>
 			
 			<textarea ondragstart="return false"></textarea>
@@ -23309,8 +23309,8 @@ class ngTreeItem extends ngCellEx
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ngTreeItem.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ngTreeItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngTreeItem.css";
+				${ninegrid.getCustomPath(this,"ngTreeItem.css")}
 			</style>
 			
 			<div class="ng-pad"></div>
@@ -23356,8 +23356,8 @@ class ngTreeItem extends ngCellEx
 	#onClick = e => {
 
 		this.#toggle();
-		ninegridExports.ninegrid.j.querySelectorAll(e.target).removeClass("ng-expand-on").removeClass("ng-expand-off");
-		ninegridExports.ninegrid.j.querySelectorAll(e.target).addClass(this.#isExpand ? "ng-expand-on" : "ng-expand-off");
+		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");
 	};
 
 	get prevLevel() {
@@ -23372,7 +23372,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._[ninegridExports.ninegrid.ROW.EXPAND]) return data[this.cell.dataset.bind];
+				if (!data.__ng._[ninegrid.ROW.EXPAND]) return data[this.cell.dataset.bind];
 			}
 		}
 		
@@ -23381,7 +23381,7 @@ class ngTreeItem extends ngCellEx
 	
 	
 	get #isExpand() {
-		return this.data.__ng._[ninegridExports.ninegrid.ROW.EXPAND];
+		return this.data.__ng._[ninegrid.ROW.EXPAND];
 	};
 
 	#resetTree = () => {
@@ -23401,11 +23401,11 @@ class ngTreeItem extends ngCellEx
 
 
 		
-		ninegridExports.ninegrid.j.querySelectorAll(".ng-icon", this.shadowRoot)
+		ninegrid.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 = ninegridExports.ninegrid.j.querySelectorAll(".ng-icon", this.shadowRoot);
+		const icon = ninegrid.j.querySelectorAll(".ng-icon", this.shadowRoot);
 		if (row == 0) {
 			if (isLast) {
 				icon.addClass("ng-icon-none");
@@ -23435,12 +23435,12 @@ class ngTreeItem extends ngCellEx
 		
 		if (level < nextLevel) {
 			if (this.#isExpand) {
-				ninegridExports.ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down");
+				ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down");
 			} else {
-				ninegridExports.ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
+				ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
 			}
 		} else {
-			ninegridExports.ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
+			ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
 		}
 
 	};
@@ -23450,7 +23450,7 @@ class ngTreeItem extends ngCellEx
 	};
 	#expand = (b) => {
 
-		this.data.__ng._[ninegridExports.ninegrid.ROW.EXPAND] = b;
+		this.data.__ng._[ninegrid.ROW.EXPAND] = b;
 		
 		this.#setChildVisible(b);
 		
@@ -23462,20 +23462,20 @@ class ngTreeItem extends ngCellEx
 		
 		var arrNF = this.owner.data.getValidDataNF();
 		
-		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegridExports.ninegrid.ROW.INDEX]);
+		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.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._[ninegridExports.ninegrid.ROW.EXPAND];
+		var parentExpand = prev.__ng._[ninegrid.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._[ninegridExports.ninegrid.ROW.EXPAND];
+				parentExpand = prev.__ng._[ninegrid.ROW.EXPAND];
 			}
 			else if (lvl2 < prev.v[COL_IDX]) {
 				parentExpand = null;
@@ -23484,21 +23484,21 @@ class ngTreeItem extends ngCellEx
 			if (lvl2 <= lvl) break;
 			
 			if (parentExpand == null) {
-				arrNF[i].__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] = !b;
+				arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = !b;
 			}
 			else {
 
 				if (parentExpand && b) {
-					arrNF[i].__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] = false;//!b;
+					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = false;//!b;
 				}
 				else if (parentExpand && !b) {
-					arrNF[i].__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] = true;//!b;			
+					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;			
 				}
 				else if (!parentExpand && b) {
-					arrNF[i].__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] = true;//!b;							
+					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;							
 				}
 				else if (!parentExpand && !b) {
-					arrNF[i].__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] = true;//!b;
+					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;
 				}
 			}
 
@@ -23510,7 +23510,7 @@ class ngTreeItem extends ngCellEx
 		
 		var arrNF = this.owner.data.getValidDataNF();
 		
-		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegridExports.ninegrid.ROW.INDEX]);
+		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
 		if (idx < 0) return;
 		
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
@@ -23521,7 +23521,7 @@ class ngTreeItem extends ngCellEx
 			
 			if (lvl2 <= lvl) break;
 			
-			arrNF[i].__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] = !b;
+			arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = !b;
 		}
 	};
 	
@@ -23544,7 +23544,7 @@ class ngTreeItem extends ngCellEx
 	
 	#isLast = (row) => {
 
-		if (ninegridExports.ninegrid.isNull(row) || row < 0) throw `invalid row [${row}]`;
+		if (ninegrid.isNull(row) || row < 0) throw `invalid row [${row}]`;
 		
 		if (row + 1 >= this.owner.data.count()) return true;
 
@@ -23572,9 +23572,9 @@ class ngTreeItem extends ngCellEx
 		var arr = [];
 		var arrNF = this.owner.data.getValidDataNF();
 
-		var idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegridExports.ninegrid.ROW.INDEX]);
+		var idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
 		
-		if (idx < 0) throw `invalid row index [${this.data.__ng._[ninegridExports.ninegrid.ROW.INDEX]}]`;
+		if (idx < 0) throw `invalid row index [${this.data.__ng._[ninegrid.ROW.INDEX]}]`;
 
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
 		const lvl = arrNF[idx].v[COL_IDX];
@@ -23597,7 +23597,7 @@ class ngTreeItem extends ngCellEx
 	
 	#getLevel = (row) => {
 
-		if (ninegridExports.ninegrid.isNull(row) || row < 0 || this.owner.data.count() >= 0) return -1;//throw `invalid row [${row}]`;
+		if (ninegrid.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);
 	};
@@ -23716,8 +23716,8 @@ class ngView
 		
 		const displayRowCount = parseInt(this.#owner.getAttribute("display-row-count"));
 
-		if (this.#owner.closest("dialog") && ninegridExports.ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) return 1;
-		if ([ninegridExports.ninegrid.PAGINGTYPE.CLIENT,ninegridExports.ninegrid.PAGINGTYPE.SERVER].includes(this.#owner.paging.type)) return this.#owner.paging.linesPerPage;
+		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 (!isNaN(displayRowCount)) {
 
 			/**
@@ -23857,7 +23857,7 @@ class ngView
 		//this.isLastPage = h > 0 ? true : false;
 
 		
-		if (this.#owner.closest("dialog") && ninegridExports.ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) {
+		if (this.#owner.closest("dialog") && ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) {
 			$("tr.nodata", this.#owner.body).height(0);
 			
 			var h = 47;//this.#getTrHeight();
@@ -23961,9 +23961,9 @@ class ngView
 			
 			this.#owner.body.querySelector("ng-vscrollbar").refresh();
 
-			ninegridExports.ninegrid.j.querySelectorAll(".ng-table tbody tr", this.#owner.body).removeClass("hover");
-			ninegridExports.ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
-			ninegridExports.ninegrid.j.querySelectorAll("ng-filter-panel").removeClass("loading");
+			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");
 			
 			/**
 			this.#owner.body.querySelector(".ng-container-left").style.position = "sticky";
@@ -24135,7 +24135,7 @@ class ngView
 	selectRow = (oRow1, oRow2) => {
 			
 		const row1		= this.#getRowIndex(oRow1);
-		const row2		= ninegridExports.ninegrid.isNull(oRow2) ? row1 : this.#getRowIndex(oRow2);
+		const row2		= ninegrid.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;
 		
@@ -24146,7 +24146,7 @@ class ngView
 	
 	selectCol = (oCol1, oCol2) => {
 		const col1		= this.#getColIndex(oCol1);
-		const col2		= ninegridExports.ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
+		const col2		= ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
 		const matrixRow1= 0;
 		const matrixRow2= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
 
@@ -24157,7 +24157,7 @@ class ngView
 		
 		const row		= this.#getRowIndex(oRow);
 		const col		= this.#getColIndex(oCol);
-		const matrixRow	= parseInt(row * this.#owner.template.length) + ninegridExports.ninegrid.nvl(subrow, 0);
+		const matrixRow	= parseInt(row * this.#owner.template.length) + ninegrid.nvl(subrow, 0);
 		
 		this.#owner.row.at = row;
 		
@@ -24248,7 +24248,7 @@ class ninegridContainer extends HTMLElement
 			this.bindRows			= [];
 			this.bindMatrixRows	= [];
 			
-			ninegridExports.ninegrid.j.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)", this.body).elements.forEach(tr => {
+			ninegrid.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));
 			});
@@ -24345,8 +24345,8 @@ class ninegridContainer extends HTMLElement
 			break;
 			
 		case "col-indicator-type":
-			ninegridExports.ninegrid.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body)
-				.removeClass(ninegridExports.ninegrid.COLINDICATORTYPE.EXPAND).removeClass(ninegridExports.ninegrid.COLINDICATORTYPE.COLLAPSE)
+			ninegrid.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body)
+				.removeClass(ninegrid.COLINDICATORTYPE.EXPAND).removeClass(ninegrid.COLINDICATORTYPE.COLLAPSE)
 				.addClass(newValue);
 			this.#resetHeight();
 			break;
@@ -24356,7 +24356,7 @@ class ninegridContainer extends HTMLElement
 			this.#resetHeight();
 			break;
 		case "enable-fixed-col":
-			(newValue == "true") ? ninegridExports.ninegrid.j.querySelectorAll(this).addClass(name) : ninegridExports.ninegrid.j.querySelectorAll(this).removeClass(name);
+			(newValue == "true") ? ninegrid.j.querySelectorAll(this).addClass(name) : ninegrid.j.querySelectorAll(this).removeClass(name);
 			break;
 		
 		case "select-type":
@@ -24371,20 +24371,20 @@ class ninegridContainer extends HTMLElement
 		
 		case "show-menu-icon":
 		case "show-title-bar":
-			const showBar	= ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-title-bar") == "true";
-			const showIcon	= ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-menu-icon") == "true";
+			const showBar	= ninegrid.j.querySelectorAll(this).attr("show-title-bar") == "true";
+			const showIcon	= ninegrid.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) {
-				ninegridExports.ninegrid.j.querySelectorAll(ngHead).addClass('expand');
+				ninegrid.j.querySelectorAll(ngHead).addClass('expand');
 				$(ngHead.shadowRoot).children().not("style").show();
 				
-				if (!showIcon) ninegridExports.ninegrid.j.querySelectorAll(ngMenu).hide();
+				if (!showIcon) ninegrid.j.querySelectorAll(ngMenu).hide();
 			}
 			else {
-				(showIcon) ? ninegridExports.ninegrid.j.querySelectorAll(ngHead).removeClass('expand').show() : ninegridExports.ninegrid.j.querySelectorAll(ngHead).hide();
+				(showIcon) ? ninegrid.j.querySelectorAll(ngHead).removeClass('expand').show() : ninegrid.j.querySelectorAll(ngHead).hide();
 			}
 			
 			this.#resetHeight();
@@ -24395,7 +24395,7 @@ class ninegridContainer extends HTMLElement
 			this.#resetHeight();
 			break;
 		case "show-status-bar":
-			(newValue == "true") ? ninegridExports.ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).addClass('expand') : ninegridExports.ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass('expand');
+			(newValue == "true") ? ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).addClass('expand') : ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass('expand');
 			this.#resetHeight();
 			break;
 		}
@@ -24421,7 +24421,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._[ninegridExports.ninegrid.ROW.INDEX], ROW: tr.dataset.row } );
+				arr.push({ INDEX: tr.data.__ng._[ninegrid.ROW.INDEX], ROW: tr.dataset.row } );
 			});
 
 			arr.forEach(o => {
@@ -24554,7 +24554,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(ninegridExports.ninegrid.j.querySelectorAll(el).attr("width")); });
+		$("col", this.elements.bodyLeft).each((i,el) => { w += parseInt(ninegrid.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(),
@@ -24563,7 +24563,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(ninegridExports.ninegrid.j.querySelectorAll(el).attr("width")); });
+		$("col", this.elements.bodyRight).each((i,el) => { w += parseInt(ninegrid.j.querySelectorAll(el).attr("width")); });
 		
 		this.elements.bodyRight.css({
 			"width"		: w,//this.elements.bodyRight.find("table > tbody").width(),
@@ -24644,7 +24644,7 @@ class ninegridContainer extends HTMLElement
 		
 		this.originFormat = this.outerHTML;
 		
-		this.uuid = ninegridExports.ninegrid.randomUUID();	//crypto.randomUUID();
+		this.uuid = ninegrid.randomUUID();	//crypto.randomUUID();
 		if (!this.id) this.id = this.uuid;
 		
 		
@@ -24725,15 +24725,15 @@ class ninegridContainer extends HTMLElement
 
 			this.#layouts.push(tbl);
 			
-			if (!ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("simple")) {
+			if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) {
 				this.#createDummy(tbl);
 			}
 		});
 
 		const tmpl = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/ninegrid.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"ninegrid.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
+				${ninegrid.getCustomPath(this,"ninegrid.css")}
 			</style>
 			
 			<ng-head></ng-head>
@@ -24766,12 +24766,12 @@ class ninegridContainer extends HTMLElement
 			const value				= combo.getAttribute("codename") || "codename";
 			const multiSeparator	= combo.getAttribute("multi-separator") || ",";
 			
-			return ninegridExports.ninegrid.binarySearchValue(combo.dataSource, code, data[cell.dataset.bind], value, multiSeparator)
+			return ninegrid.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) {
-			$(ninegridExports.ninegrid.j.querySelectorAll("tbody", layout).addClass("bindable").elem()).before(`<tbody class="fixed"></tbody>`);
+			$(ninegrid.j.querySelectorAll("tbody", layout).addClass("bindable").elem()).before(`<tbody class="fixed"></tbody>`);
 		}
 
 		$(this.shadowRoot).append(tmpl);
@@ -24848,10 +24848,10 @@ class ninegridContainer extends HTMLElement
 			}
 		}
 		
-		if (!ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("simple")) {
+		if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) {
 			this.filtering = new ngFiltering(this);
 		}
-		if (!ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("combo") && !ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("filter")) {
+		if (!ninegrid.j.querySelectorAll(this).hasClass("combo") && !ninegrid.j.querySelectorAll(this).hasClass("filter")) {
 			$(this.shadowRoot).append($('<ng-combo-panel></ng-combo-panel').hide());
 		}
 		
@@ -24861,7 +24861,7 @@ class ninegridContainer extends HTMLElement
 
 		this.#colResizer = new ngColResizer(this);
 		this.#colMover = new ngColMover(this);
-		if (!ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("simple")) this.#rowMover = new ngRowMover(this);
+		if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) this.#rowMover = new ngRowMover(this);
 		
 		
 		this.#initOption();
@@ -24890,7 +24890,7 @@ class ninegridContainer extends HTMLElement
 		
 		
 		/** main, detail */
-		if (!ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("filter") && !ninegridExports.ninegrid.j.querySelectorAll(this).hasClass("combo")) {
+		if (!ninegrid.j.querySelectorAll(this).hasClass("filter") && !ninegrid.j.querySelectorAll(this).hasClass("combo")) {
 
 			/**
 			$(this).on("mousedown", e => {
@@ -24928,7 +24928,7 @@ class ninegridContainer extends HTMLElement
 		} */
 		if (!this.classList.contains("simple")) {
 			setTimeout(() => {
-				this.dispatchEvent(new CustomEvent(ninegridExports.ninegrid.EVENT.LOAD, { bubbles: true, detail: {} }));
+				this.dispatchEvent(new CustomEvent(ninegrid.EVENT.LOAD, { bubbles: true, detail: {} }));
 			}, 100);
 		}
 		
@@ -24936,7 +24936,7 @@ class ninegridContainer extends HTMLElement
 		if (head) {
 			head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
 				el.addEventListener("click", e => {
-					const ce = new CustomEvent(ninegridExports.ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
+					const ce = new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
 					//ce.target = e.target;
 					this.dispatchEvent(ce);
 				});
@@ -24965,29 +24965,29 @@ class ninegridContainer extends HTMLElement
 	
 	#initOption = () => {
 		
-		this.lastRowHidden = isNaN(parseInt(ninegridExports.ninegrid.j.querySelectorAll(this).attr("display-row-count")));
+		this.lastRowHidden = isNaN(parseInt(ninegrid.j.querySelectorAll(this).attr("display-row-count")));
 		
 		if (!this.paging) this.paging = {};	//row detail 팝청창 오픈시 오류
 
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("col-indicator-type",	ninegridExports.ninegrid.j.querySelectorAll(this).attr("col-indicator-type")	|| ninegridExports.ninegrid.COLINDICATORTYPE.COLLAPSE);
+		ninegrid.j.querySelectorAll(this).attr("col-indicator-type",	ninegrid.j.querySelectorAll(this).attr("col-indicator-type")	|| ninegrid.COLINDICATORTYPE.COLLAPSE);
 
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("auto-fit-col",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("auto-fit-col")		|| "false");
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("col-resizable",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("col-resizable")		|| "true");
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("row-resizable",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("row-resizable")		|| "false");
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("col-movable",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("col-movable")		|| "false");	//web attribute
+		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.j.querySelectorAll(this).attr("row-movable",		ninegrid.j.querySelectorAll(this).attr("row-movable")		|| "false");
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("enable-fixed-col",	ninegridExports.ninegrid.j.querySelectorAll(this).attr("enable-fixed-col")	|| "false");
+		ninegrid.j.querySelectorAll(this).attr("enable-fixed-col",	ninegrid.j.querySelectorAll(this).attr("enable-fixed-col")	|| "false");
 
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-title-bar",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-title-bar")		|| "false");
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-menu-icon",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-menu-icon")		|| "false");
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-status-bar",	ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-status-bar")	|| "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");
 		
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-thead",			ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-thead")			|| "true");
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-tfoot",			ninegridExports.ninegrid.j.querySelectorAll(this).attr("show-tfoot")			|| "true");
+		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");
 		
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("select-type",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("select-type")		|| ninegridExports.ninegrid.SELECTTYPE.CELL);
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("paging-type",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("paging-type")		|| ninegridExports.ninegrid.PAGINGTYPE.NONE);
-		ninegridExports.ninegrid.j.querySelectorAll(this).attr("paging-count",		ninegridExports.ninegrid.j.querySelectorAll(this).attr("paging-count")		|| ninegridExports.ninegrid.PAGINGCOUNT.AUTO);
+		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);
 	};
 	
 	#createObserver = () => {
@@ -25025,14 +25025,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(ninegridExports.ninegrid.j.querySelectorAll(el).attr("width")), }); });
+				$(".ng-container-body col", this.body).each((i,el) => { prevWidth.push({ col: el, width: Number(ninegrid.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; ninegridExports.ninegrid.j.querySelectorAll(o.col).attr("width", w); });
+					prevWidth.forEach(o => { var w = o.width * tableWidth / totalWidth; ninegrid.j.querySelectorAll(o.col).attr("width", w); });
 				}
 			}
 			
@@ -25068,7 +25068,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>${ninegridExports.ninegrid.num2ExcelCol(i)}</div>`;
+			td.innerHTML = `<div>${ninegrid.num2ExcelCol(i)}</div>`;
 		});
 		
 		
@@ -25090,15 +25090,15 @@ class ninegridContainer extends HTMLElement
 			});
 	
 			$(".last", layout.currentTable).each((i,td) => {
-				ninegridExports.ninegrid.j.querySelectorAll(td).addClass("dummy");
+				ninegrid.j.querySelectorAll(td).addClass("dummy");
 			});
 		}
 		
 		this.template.find(".last").each((i,td) => {
-			ninegridExports.ninegrid.j.querySelectorAll(td).addClass("dummy");
+			ninegrid.j.querySelectorAll(td).addClass("dummy");
 		});
 		$(".last", this.body).each((i,td) => {
-			ninegridExports.ninegrid.j.querySelectorAll(td).addClass("dummy");
+			ninegrid.j.querySelectorAll(td).addClass("dummy");
 		});
 	};
 
@@ -25164,21 +25164,21 @@ class ninegridContainer extends HTMLElement
 		
 		if (thead.querySelector(".col-indicator-rowgroup")) return;
 		
-		const tr = ninegridExports.ninegrid.j.querySelectorAll(thead.insertRow(0)).attr("role", "row").addClass("col-indicator-rowgroup").elem();
+		const tr = ninegrid.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 (!ninegridExports.ninegrid.j.querySelectorAll(td).hasClass("dummy")) {
+			if (!ninegrid.j.querySelectorAll(td).hasClass("dummy")) {
 				for (var i = 0; i < td.colSpan; i++) {
-					$(tr).append(tdTmpl.replace("@col", cnt).replace("@text", ninegridExports.ninegrid.num2ExcelCol(cnt++)));
+					$(tr).append(tdTmpl.replace("@col", cnt).replace("@text", ninegrid.num2ExcelCol(cnt++)));
 				}
 			}
 		});
 		
 		var t = [];
-		$("colgroup col", this.body).each((i,el) => { t.push({ width: parseInt(ninegridExports.ninegrid.j.querySelectorAll(el).attr("width")), background: ninegridExports.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, }); ninegridExports.ninegrid.j.querySelectorAll(el).attr("background-color", t[i].background); });
+		$("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); });
 	}
 	
 	#prepare = () => {
@@ -25235,13 +25235,13 @@ class ninegridContainer extends HTMLElement
 
 		if (thead.length <= 0) $('<thead></thead>').appendTo(table);
 		
-		ninegridExports.ninegrid.j.querySelectorAll(table).attr("role", "table")		.addClass("ng-table");
+		ninegrid.j.querySelectorAll(table).attr("role", "table")		.addClass("ng-table");
 		
-		ninegridExports.ninegrid.j.querySelectorAll("tbody th,tbody td", table)	.attr("tabindex", 0);
-		ninegridExports.ninegrid.j.querySelectorAll("thead,tbody,tfoot", table)	.attr("role", "rowgroup");
-		ninegridExports.ninegrid.j.querySelectorAll("tr", table)					.attr("role", "row");
-		ninegridExports.ninegrid.j.querySelectorAll("tbody > tr", table)			.attr("role", "gridcell");
-		ninegridExports.ninegrid.j.querySelectorAll("th,td", table)				.attr("scope", "col");
+		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");
 
 		this.#resetColIndex($(table), "thead");
 		this.#resetColIndex($(table), "tbody.bindable");
@@ -25251,7 +25251,7 @@ class ninegridContainer extends HTMLElement
 		this.#createColIndicator();
 		
 		table.querySelectorAll("col").forEach((el,i) => {
-			ninegridExports.ninegrid.j.querySelectorAll(`[data-col="${i}"]`, table).attr("fixed", ninegridExports.ninegrid.j.querySelectorAll(el).attr("fixed"));
+			ninegrid.j.querySelectorAll(`[data-col="${i}"]`, table).attr("fixed", ninegrid.j.querySelectorAll(el).attr("fixed"));
 		});
 	}
 	
@@ -25333,7 +25333,7 @@ class ninegridContainer extends HTMLElement
 	selectRow = (nRow1, nRow2) => {
 			
 		const row1		= this.#getRowIndex(nRow1);
-		const row2		= ninegridExports.ninegrid.isNull(oRow2) ? row1 : this.#getRowIndex(nRow2);
+		const row2		= ninegrid.isNull(oRow2) ? row1 : this.#getRowIndex(nRow2);
 		const matrixRow1= parseInt(row1 * this.template.length);
 		const matrixRow2= parseInt(row2 * this.template.length) + this.template.length - 1;
 		
@@ -25353,7 +25353,7 @@ class ninegridContainer extends HTMLElement
 	 */
 	selectCol = (oCol1, oCol2) => {
 		const col1		= this.#getColIndex(oCol1);
-		const col2		= ninegridExports.ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
+		const col2		= ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
 		const matrixRow1= 0;
 		const matrixRow2= parseInt(this.data.count() * this.template.length - 1);
 
@@ -25373,7 +25373,7 @@ class ninegridContainer extends HTMLElement
 		
 		const row		= this.#getRowIndex(nRow);
 		const col		= this.#getColIndex(oCol);
-		const matrixRow	= parseInt(row * this.template.length) + ninegridExports.ninegrid.nvl(nSubrow, 0);
+		const matrixRow	= parseInt(row * this.template.length) + ninegrid.nvl(nSubrow, 0);
 		
 		this.row.at = row;
 		
@@ -25466,8 +25466,8 @@ class nxConfirmPopup extends HTMLElement
 
 		title = title || 'Confirm';
 		
-		for (const prop in ninegridExports.ninegrid.options.confirm) {
-			options[prop] = options[prop] || ninegridExports.ninegrid.options.confirm[prop];
+		for (const prop in ninegrid.options.confirm) {
+			options[prop] = options[prop] || ninegrid.options.confirm[prop];
 		}
 		
 		$('nx-confirm-popup', document.body).remove();
@@ -25519,8 +25519,8 @@ class nxAlertPopup extends HTMLElement
 
 		title = title || 'Alert';
 		
-		for (const prop in ninegridExports.ninegrid.options.alert) {
-			options[prop] = options[prop] || ninegridExports.ninegrid.options.alert[prop];
+		for (const prop in ninegrid.options.alert) {
+			options[prop] = options[prop] || ninegrid.options.alert[prop];
 		}
 		
 		$('nx-alert-popup', document.body).remove();
@@ -25556,15 +25556,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@${ninegridExports.ninegrid.version}/dist/css/${cssFile}";`: "";
-		const customFile2 = cssFile ? ninegridExports.ninegrid.getCustomPath(this, cssFile) : "";
+		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${cssFile}";`: "";
+		const customFile2 = cssFile ? ninegrid.getCustomPath(this, cssFile) : "";
 		
 		//console.log(ninegrid.getCustomPath(this,"nxDialog.css"));
 
 		this.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxDialog.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxDialog.css") || ""}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxDialog.css";
+				${ninegrid.getCustomPath(this,"nxDialog.css") || ""}
 				${customFile1 || ""}
 				${customFile2 || ""}
 			</style>
@@ -25623,7 +25623,7 @@ class nxDialog extends HTMLElement
 	
 	#init = () => {
 		$(".close,.close2", this).on("click", e => {
-			ninegridExports.ninegrid.j.querySelectorAll('dialog', this).addClass("out");
+			ninegrid.j.querySelectorAll('dialog', this).addClass("out");
 			setTimeout(() => { this.close(); }, 300);
 		});
 		
@@ -25719,8 +25719,8 @@ class nxDiv extends HTMLElement {
 		const htmlTmpl = document.createElement("template");
 		htmlTmpl.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxDiv.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxDiv.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxDiv.css";
+				${ninegrid.getCustomPath(this,"nxDiv.css")}
 				
 				:host {
 				}
@@ -25782,9 +25782,9 @@ class nxI18nExt extends HTMLElement
 			
 			this.#target.innerHTML = i18next.t(this.#i18n);
 		}
-		else if (this.#dataSource.length > 0 && !ninegridExports.ninegrid.isNull(this.#value)) {
+		else if (this.#dataSource.length > 0 && !ninegrid.isNull(this.#value)) {
 			
-			var index = this.#dataSource.findIndex(m => m[this.#key] == ninegridExports.ninegrid.global.locale);
+			var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid.global.locale);
 			if (index < 0) index = 0;
 			
 			this.#target.innerHTML = this.#dataSource[index][this.#value];
@@ -25865,10 +25865,10 @@ class nxI18nExt extends HTMLElement
 			return result;
 		},
 		updateContent : () => {
-			ninegridExports.ninegrid.querySelectorAll("nx-i18n,nx-span").forEach(v => {
+			ninegrid.querySelectorAll("nx-i18n,nx-span").forEach(v => {
 				if (v.refresh) v.refresh();
 			});
-			ninegridExports.ninegrid.querySelectorAll("nine-grid").forEach(v => {
+			ninegrid.querySelectorAll("nine-grid").forEach(v => {
 				if (v.refresh) v.refreshData();
 			});
 		},
@@ -25900,11 +25900,11 @@ class nxI18nExt extends HTMLElement
 
 				if (xhr.status === 200) {
 				    var text = xhr.responseText;
-				    i18next.addResourceBundle(locale, 'translation', ninegridExports.ninegrid.i18n.convertArrayToJSON(text.split("\n")));
+				    i18next.addResourceBundle(locale, 'translation', ninegrid.i18n.convertArrayToJSON(text.split("\n")));
 				    
 				    // 마지막 파일인 경우 화면갱신
 				    if (--count == 0) {
-				        i18next.changeLanguage(ninegridExports.ninegrid.global.locale);
+				        i18next.changeLanguage(ninegrid.global.locale);
 				    }
 				}
 
@@ -25953,8 +25953,8 @@ class nxSidebar extends HTMLElement
 		//this.shadowRoot.innerHTML = `
 		template.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxSidebar.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxSidebar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebar.css";
+				${ninegrid.getCustomPath(this,"nxSidebar.css")}
 				
 				:host {
 					--min-width: ${this.#minWidth}px;
@@ -26298,8 +26298,8 @@ class nxSidebarItem extends HTMLElement {
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxSidebarItem.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxSidebarItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebarItem.css";
+				${ninegrid.getCustomPath(this,"nxSidebarItem.css")}
 			</style>
 			
 			<li>
@@ -26344,8 +26344,8 @@ class nxSidebarMenuitem extends HTMLElement {
 		
 		this.shadowRoot.innerHTML = `
 		    <style>
-		        @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxSidebarMenuitem.css";
-		        ${ninegridExports.ninegrid.getCustomPath(this,"nxSidebarMenuitem.css")}
+		        @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebarMenuitem.css";
+		        ${ninegrid.getCustomPath(this,"nxSidebarMenuitem.css")}
 		    </style>
 			
 		    <li>
@@ -26375,7 +26375,7 @@ class nxSideMenu extends HTMLElement
 	};
 			
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	};
@@ -26436,8 +26436,8 @@ class nxSideMenu extends HTMLElement
 
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxSideMenu.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxSideMenu.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenu.css";
+				${ninegrid.getCustomPath(this,"nxSideMenu.css")}
 				
 				:host {
 					--min-width: ${this.#minWidth}px;
@@ -26523,7 +26523,7 @@ class nxSideMenuHead extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26553,8 +26553,8 @@ class nxSideMenuHead extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxSideMenuHead.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxSideMenuHead.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuHead.css";
+				${ninegrid.getCustomPath(this,"nxSideMenuHead.css")}
 				
 				:host {
 					--icon-color: ${iconColor};
@@ -26590,7 +26590,7 @@ class nxSideMenuFoot extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26619,8 +26619,8 @@ class nxSideMenuFoot extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxSideMenuFoot.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxSideMenuFoot.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuFoot.css";
+				${ninegrid.getCustomPath(this,"nxSideMenuFoot.css")}
 				
 				:host {
 					--icon-color: ${iconColor};
@@ -26657,7 +26657,7 @@ class nxSideMenuBody extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26706,11 +26706,11 @@ class nxSideMenuItem extends HTMLElement
 		super();
 		this.attachShadow({ mode: 'open' });
 		
-		this.uuid = ninegridExports.ninegrid.randomUUID();
+		this.uuid = ninegrid.randomUUID();
 	}
 
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26722,7 +26722,7 @@ class nxSideMenuItem extends HTMLElement
 		this.render();
 		
 		
-		this.#owner	= ninegridExports.ninegrid.closest("nx-side-menu", this);
+		this.#owner	= ninegrid.closest("nx-side-menu", this);
 		
 		this.classList.toggle("expand");
 		this.classList.add("collapse");
@@ -26732,13 +26732,13 @@ class nxSideMenuItem extends HTMLElement
 
 		this.addEventListener('click', (e) => {
 			
-			ninegridExports.ninegrid.querySelectorAll("nx-side-menu-item", this.#owner).forEach(v => {
+			ninegrid.querySelectorAll("nx-side-menu-item", this.#owner).forEach(v => {
 				v.classList.remove("active");
 			});
 			
 			e.target.classList.add("active");
 
-			ninegridExports.ninegrid.closest("nx-side-menu", this).dispatchEvent(new CustomEvent('side-menu-click', {
+			ninegrid.closest("nx-side-menu", this).dispatchEvent(new CustomEvent('side-menu-click', {
 				detail: { target: this, },
 				bubbles: true,
 				composed: true
@@ -26760,7 +26760,7 @@ class nxSideMenuItem extends HTMLElement
 				//const target = neUtils.closest("nx-side-menu-item", this);
 				//console.log(this.uuid);
 				
-				const nodeList = ninegridExports.ninegrid.querySelectorAll("nx-side-menu-item", this.#owner);
+				const nodeList = ninegrid.querySelectorAll("nx-side-menu-item", this.#owner);
 				const firstNodeIndex = Array.from(nodeList).findIndex(node => node.uuid === this.uuid);
 				const childNode = [];
 				
@@ -26805,8 +26805,8 @@ class nxSideMenuItem extends HTMLElement
 		
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegridExports.ninegrid.version}/dist/css/nxSideMenuItem.css";
-				${ninegridExports.ninegrid.getCustomPath(this,"nxSideMenuItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuItem.css";
+				${ninegrid.getCustomPath(this,"nxSideMenuItem.css")}
 			</style>
 			
 			<li>
@@ -26844,7 +26844,7 @@ class nxSpan extends HTMLElement
 	};
 	
 	connectedCallback() {
-		if (ninegridExports.ninegrid.getLocale() == "ko") {
+		if (ninegrid.getLocale() == "ko") {
 			console.warn("nx-span 컴포넌트는 더 이상 사용되지 않을 예정입니다. nx-i18n 컴포넌트로 대체하세요.");
 		}
 		else {
@@ -26853,9 +26853,9 @@ class nxSpan extends HTMLElement
 	};
 	
 	refresh = () => {
-		if (this.#dataSource.length < 0 || ninegridExports.ninegrid.isNull(this.#value)) return;
+		if (this.#dataSource.length < 0 || ninegrid.isNull(this.#value)) return;
 			
-		var index = this.#dataSource.findIndex(m => m[this.#key] == ninegridExports.ninegrid.global.locale);
+		var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid.global.locale);
 		if (index < 0) index = 0;
 		
 
@@ -27251,12 +27251,12 @@ class nxTopMenu extends HTMLElement
 				</nav>
 		`;
 		
-		this.changeLocale(ninegridExports.ninegrid.getLocale());
+		this.changeLocale(ninegrid.getLocale());
 	};
 	
 	changeLocale = (locale) => {
-		ninegridExports.ninegrid.setLocale(locale);
-		this.shadowRoot.querySelector("#locale").innerHTML = ninegridExports.ninegrid.decode(locale, "ko", "한국어", "English");
+		ninegrid.setLocale(locale);
+		this.shadowRoot.querySelector("#locale").innerHTML = ninegrid.decode(locale, "ko", "한국어", "English");
 	};
 }
 
@@ -27270,4 +27270,4 @@ window.jQuery = window.$ = $$1;
 
 //export default new ninegrid();
 
-export { ninegrid };
+export { ninegrid as default };