ninegrid2 6.84.0 → 6.85.0

package/dist/bundle.cjs.js

@@ -10706,12 +10706,12 @@ function requireJquery () {
 var jqueryExports = requireJquery();
 var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
 
-var ninegrid$1 = {};
+var ninegrid$2 = {};
 
 var hasRequiredNinegrid;
 
 function requireNinegrid () {
-	if (hasRequiredNinegrid) return ninegrid$1;
+	if (hasRequiredNinegrid) return ninegrid$2;
 	hasRequiredNinegrid = 1;
 	class ninegrid {
 
@@ -11496,11 +11496,11 @@ function requireNinegrid () {
 				},
 		}
 	}
-	return ninegrid$1;
+	return ninegrid$2;
 }
 
 var ninegridExports = requireNinegrid();
-var ninegrid = /*@__PURE__*/getDefaultExportFromCjs(ninegridExports);
+var ninegrid$1 = /*@__PURE__*/getDefaultExportFromCjs(ninegridExports);
 
 class NgContainer4 extends HTMLElement {
   constructor() {
@@ -11578,11 +11578,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";
@@ -11683,20 +11683,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");
 			
 			
 			
@@ -11751,7 +11751,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);
 			});
@@ -11764,7 +11764,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 => {
 					
@@ -11779,7 +11779,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 }));
 				});
 			}
 			
@@ -11830,7 +11830,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);
 					
@@ -11846,11 +11846,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 {
@@ -11875,11 +11875,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");
 				}
 			}
 		}
@@ -11950,26 +11950,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);
 		}
 		
 
@@ -11987,7 +11987,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));
 			}
 		});
 		
@@ -11998,7 +11998,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)) {
@@ -12007,7 +12007,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);
 					
@@ -12044,23 +12044,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');
 			}
 		}
 	};
@@ -12123,13 +12123,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;
 			}
@@ -12270,11 +12270,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 => {
@@ -12396,7 +12396,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;
@@ -12415,7 +12415,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;
@@ -12551,7 +12551,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;
 			}
 		});
@@ -12560,7 +12560,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;
 				}
 			});
@@ -12574,7 +12574,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);
 		}
 		
@@ -12618,10 +12618,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");
@@ -12739,7 +12739,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");
 				},
 		};
 
@@ -12752,10 +12752,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();
 	};
 	
@@ -12774,20 +12774,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;
 
@@ -12795,7 +12795,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;
@@ -12823,7 +12823,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);
@@ -12852,31 +12852,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);
@@ -12886,17 +12886,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");
 				}
 			}
 		});
@@ -12911,7 +12911,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");
 					}
 				}
 			}
@@ -12919,7 +12919,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 ||
@@ -13112,7 +13112,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);
@@ -13780,8 +13780,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"};
@@ -13841,11 +13841,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);
@@ -13899,15 +13899,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);
@@ -13918,7 +13918,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 {
@@ -13927,7 +13927,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;
@@ -13940,7 +13940,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;
@@ -14226,7 +14226,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;
@@ -14625,7 +14625,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);
 	}
@@ -14789,7 +14789,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];
@@ -14809,7 +14809,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;
@@ -14829,7 +14829,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");
@@ -14879,18 +14879,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");
 		}
 		
 		
@@ -15073,8 +15073,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>
@@ -15137,7 +15137,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";
@@ -15151,7 +15151,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];
 		
@@ -15197,8 +15197,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);
 		
@@ -15212,7 +15212,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
@@ -15223,7 +15223,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
@@ -15254,7 +15254,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("");
 		}
 	};
@@ -15294,8 +15294,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">
@@ -15431,7 +15431,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; });
@@ -15449,7 +15449,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);
@@ -15565,9 +15565,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 {
@@ -15611,7 +15611,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({
@@ -15698,7 +15698,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 = () => {
@@ -15724,12 +15724,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({
@@ -15762,7 +15762,7 @@ class ngCustomEvent
 		
 		this.#resetEvent();
 		
-		this.#owner.addEventListener(ninegridExports.ninegrid.EVENT.LAYOUT_CHANGED, e => {
+		this.#owner.addEventListener(ninegrid.EVENT.LAYOUT_CHANGED, e => {
 			this.#resetEvent();
 		});
 	}
@@ -15783,7 +15783,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;
@@ -15791,7 +15791,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);
  	};
@@ -15802,12 +15802,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);
  	};
@@ -15818,12 +15818,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);
  	};
@@ -15971,7 +15971,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);
@@ -15984,14 +15984,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,
@@ -16006,7 +16006,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
@@ -16127,7 +16127,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;
 		});
 		
@@ -16136,7 +16136,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;
@@ -16167,14 +16167,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();
@@ -16218,7 +16218,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");
@@ -16235,9 +16235,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();
@@ -16259,13 +16259,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;
 		
 	};
@@ -16304,7 +16304,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();
@@ -16320,7 +16320,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);
 		});
@@ -16356,7 +16356,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 = () => {
@@ -16369,7 +16369,7 @@ class ngData
 	
 	
 	conv = (arr) => {
-		if (ninegridExports.ninegrid.isNull(arr)) return arr;
+		if (ninegrid.isNull(arr)) return arr;
 		
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16400,7 +16400,7 @@ class ngData
 		}
 	}
 	conv2 = (arr) => {
-		if (ninegridExports.ninegrid.isNull(arr)) return arr;
+		if (ninegrid.isNull(arr)) return arr;
 		
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16451,11 +16451,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;
@@ -16499,7 +16499,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;
@@ -16545,15 +16545,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;
 				}
 			});
 		}
@@ -16561,7 +16561,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();
 		
@@ -16587,8 +16587,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) {
@@ -16598,7 +16598,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);
@@ -16606,7 +16606,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();
@@ -16618,11 +16618,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;
 			}
 		});
@@ -16662,8 +16662,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 {
@@ -16684,7 +16684,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.`);
 		
@@ -16695,7 +16695,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);
@@ -16723,7 +16723,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);
@@ -16773,12 +16773,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
 			}
 		}
@@ -16815,11 +16815,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;
 			}
 		}
 		
@@ -16840,14 +16840,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;
 	}
 	
@@ -16866,7 +16866,7 @@ class ngData
 
 		if (!records ||	 records.length <= 0) return;
 		
-		if (ninegridExports.ninegrid.isNull(at)) {
+		if (ninegrid.isNull(at)) {
 			return this.conv2(records);
 		}
 		
@@ -16897,10 +16897,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);
 	}
 
 	/**
@@ -16967,11 +16967,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 {
@@ -17156,8 +17156,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);
@@ -17241,8 +17241,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};
@@ -17270,7 +17270,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;
@@ -17281,7 +17281,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;
@@ -17307,8 +17307,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" />
@@ -17328,8 +17328,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>
@@ -17363,7 +17363,7 @@ class ngExportExcel
 			afterFunc	: () => {},
 		};
 		
-		var fileName = ninegridExports.ninegrid.nvl(_option.fileName, "temp");
+		var fileName = ninegrid.nvl(_option.fileName, "temp");
 
 		const _download = async (workbook, fileName) => {
 
@@ -17439,7 +17439,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);
@@ -17448,7 +17448,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] || "";
@@ -17943,14 +17943,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 => {
@@ -17997,7 +17997,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) => {
@@ -18042,8 +18042,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">
@@ -18089,7 +18089,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(() => {
@@ -18180,7 +18180,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");
 			
 		});
 		
@@ -18207,7 +18207,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;
@@ -18255,7 +18255,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("");
 
@@ -18317,7 +18317,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;
 
@@ -18355,7 +18355,7 @@ class ngFilterPanel extends HTMLElement
 			
 			this.shadowRoot.querySelector("input").focus();
 			
-			ninegridExports.ninegrid.j.querySelectorAll(this).removeClass("loading");
+			ninegrid.j.querySelectorAll(this).removeClass("loading");
 		});
 	};
 }
@@ -18380,8 +18380,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>
@@ -18428,7 +18428,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);
 	};
@@ -18451,7 +18451,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;
 		
@@ -18459,10 +18459,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;
 		
@@ -18487,12 +18487,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>
@@ -18732,8 +18732,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};
@@ -18798,8 +18798,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};
@@ -18936,8 +18936,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">
@@ -19003,8 +19003,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 />
@@ -19044,12 +19044,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);
@@ -19059,7 +19059,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;
 		
@@ -19098,8 +19098,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;
@@ -19176,10 +19176,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();
@@ -19187,7 +19187,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;
 		
@@ -19307,8 +19307,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"
@@ -19339,9 +19339,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;
 					}
@@ -19380,7 +19380,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") {
 
@@ -19388,18 +19388,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();
@@ -19441,7 +19441,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();
 	}
 }
 
@@ -19535,7 +19535,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);
 
 		
@@ -19577,7 +19577,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);
 		
 
@@ -19627,7 +19627,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 {
@@ -19673,7 +19673,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");
@@ -19777,34 +19777,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}`},
 									},
 								},	
 							},
@@ -19848,13 +19848,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;
 				
@@ -19869,25 +19869,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");
@@ -19901,29 +19901,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");
@@ -19934,12 +19934,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 : () => {
 				},
@@ -19998,22 +19998,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;
 		}
@@ -20025,7 +20025,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;
 	};
@@ -20059,7 +20059,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());
@@ -20073,15 +20073,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;
 			}
@@ -20108,13 +20108,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()}`);
 		}
 		
@@ -20125,21 +20125,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));
 		}
 	};
@@ -20149,11 +20149,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();
@@ -20161,7 +20161,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();
 			
@@ -20187,7 +20187,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;
 			
@@ -20202,18 +20202,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;
 		}
 		
@@ -20246,8 +20246,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};
@@ -20353,8 +20353,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};
@@ -20396,7 +20396,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) => {
@@ -20410,7 +20410,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;
@@ -20455,8 +20455,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};
@@ -20515,8 +20515,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">
@@ -20568,7 +20568,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;
 				}
@@ -20620,7 +20620,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");
@@ -20636,7 +20636,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()})`);
@@ -20766,8 +20766,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>
 		`;
 
@@ -20847,7 +20847,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");
 		});
 	};
 
@@ -20855,7 +20855,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");
 				});
 			});
 		});
@@ -20873,8 +20873,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) {
@@ -20942,7 +20942,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;
 		
@@ -20953,12 +20953,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;
@@ -20996,7 +20996,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;
@@ -21029,8 +21029,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>
 		`;
 		
@@ -21040,17 +21040,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 {
@@ -21062,28 +21062,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();
@@ -21119,8 +21119,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"};
@@ -21155,7 +21155,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");
 		
@@ -21183,14 +21183,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;
 		}
 
@@ -21200,7 +21200,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++) {
@@ -21287,12 +21287,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);
 		});
@@ -21403,8 +21403,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">
@@ -21420,7 +21420,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();
 	};
@@ -21428,12 +21428,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]);
 			});
 		}
 	}
@@ -21455,7 +21455,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 = [];
@@ -21467,7 +21467,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);
 		
@@ -21487,7 +21487,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;
 		});
 		
@@ -21498,9 +21498,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();
@@ -21517,7 +21517,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);
 		}
@@ -21553,8 +21553,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>
 		`;
 
@@ -21568,14 +21568,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;
 		}
 		
@@ -21607,8 +21607,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>
@@ -21933,7 +21933,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;
 		}
 
@@ -21977,8 +21977,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>
@@ -22026,8 +22026,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");
@@ -22091,8 +22091,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 = () => {
@@ -22318,7 +22318,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) => {
@@ -22333,11 +22333,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:
@@ -22374,36 +22374,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) => {
@@ -22415,10 +22415,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;
 				}
 			}
@@ -22478,13 +22478,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;
 			}
 		};
 		
@@ -22496,7 +22496,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, });
@@ -22506,7 +22506,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;
@@ -22519,14 +22519,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 {
@@ -22555,7 +22555,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, });
 				});
@@ -22750,7 +22750,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;
@@ -22793,7 +22793,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++) {
@@ -22812,7 +22812,7 @@ class ngTableManager
 
 				this.#owner.view.redraw();
 				
-				ninegridExports.ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+				ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
 			});
 		}
 		else {
@@ -22843,7 +22843,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);
 			}
 		});
 		
@@ -22876,7 +22876,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);
 			}
 		});
 
@@ -22930,7 +22930,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, });
 					});
@@ -23173,8 +23173,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>
@@ -23311,8 +23311,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>
@@ -23358,8 +23358,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() {
@@ -23374,7 +23374,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];
 			}
 		}
 		
@@ -23383,7 +23383,7 @@ class ngTreeItem extends ngCellEx
 	
 	
 	get #isExpand() {
-		return this.data.__ng._[ninegridExports.ninegrid.ROW.EXPAND];
+		return this.data.__ng._[ninegrid.ROW.EXPAND];
 	};
 
 	#resetTree = () => {
@@ -23403,11 +23403,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");
@@ -23437,12 +23437,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");
 		}
 
 	};
@@ -23452,7 +23452,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);
 		
@@ -23464,20 +23464,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;
@@ -23486,21 +23486,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;
 				}
 			}
 
@@ -23512,7 +23512,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);
@@ -23523,7 +23523,7 @@ class ngTreeItem extends ngCellEx
 			
 			if (lvl2 <= lvl) break;
 			
-			arrNF[i].__ng._[ninegridExports.ninegrid.ROW.COLLAPSE] = !b;
+			arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = !b;
 		}
 	};
 	
@@ -23546,7 +23546,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;
 
@@ -23574,9 +23574,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];
@@ -23599,7 +23599,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);
 	};
@@ -23718,8 +23718,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)) {
 
 			/**
@@ -23859,7 +23859,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();
@@ -23963,9 +23963,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";
@@ -24137,7 +24137,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;
 		
@@ -24148,7 +24148,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);
 
@@ -24159,7 +24159,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;
 		
@@ -24250,7 +24250,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));
 			});
@@ -24347,8 +24347,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;
@@ -24358,7 +24358,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":
@@ -24373,20 +24373,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();
@@ -24397,7 +24397,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;
 		}
@@ -24423,7 +24423,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 => {
@@ -24556,7 +24556,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(),
@@ -24565,7 +24565,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(),
@@ -24646,7 +24646,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;
 		
 		
@@ -24727,15 +24727,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>
@@ -24768,12 +24768,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);
@@ -24850,10 +24850,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());
 		}
 		
@@ -24863,7 +24863,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();
@@ -24892,7 +24892,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 => {
@@ -24930,7 +24930,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);
 		}
 		
@@ -24938,7 +24938,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);
 				});
@@ -24967,29 +24967,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 = () => {
@@ -25027,14 +25027,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); });
 				}
 			}
 			
@@ -25070,7 +25070,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>`;
 		});
 		
 		
@@ -25092,15 +25092,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");
 		});
 	};
 
@@ -25166,21 +25166,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 = () => {
@@ -25237,13 +25237,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");
@@ -25253,7 +25253,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"));
 		});
 	}
 	
@@ -25335,7 +25335,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;
 		
@@ -25355,7 +25355,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);
 
@@ -25375,7 +25375,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;
 		
@@ -25468,8 +25468,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();
@@ -25521,8 +25521,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();
@@ -25558,15 +25558,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>
@@ -25625,7 +25625,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);
 		});
 		
@@ -25721,8 +25721,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 {
 				}
@@ -25784,9 +25784,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];
@@ -25867,10 +25867,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();
 			});
 		},
@@ -25902,11 +25902,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);
 				    }
 				}
 
@@ -25955,8 +25955,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;
@@ -26300,8 +26300,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>
@@ -26346,8 +26346,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>
@@ -26377,7 +26377,7 @@ class nxSideMenu extends HTMLElement
 	};
 			
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	};
@@ -26438,8 +26438,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;
@@ -26525,7 +26525,7 @@ class nxSideMenuHead extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26555,8 +26555,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};
@@ -26592,7 +26592,7 @@ class nxSideMenuFoot extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26621,8 +26621,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};
@@ -26659,7 +26659,7 @@ class nxSideMenuBody extends HTMLElement
 	}
 
 	connectedCallback() {
-		ninegridExports.ninegrid.waitForInnerHTML(this)
+		ninegrid.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26708,11 +26708,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));
 	}
@@ -26724,7 +26724,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");
@@ -26734,13 +26734,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
@@ -26762,7 +26762,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 = [];
 				
@@ -26807,8 +26807,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>
@@ -26846,7 +26846,7 @@ class nxSpan extends HTMLElement
 	};
 	
 	connectedCallback() {
-		if (ninegridExports.ninegrid.getLocale() == "ko") {
+		if (ninegrid.getLocale() == "ko") {
 			console.warn("nx-span 컴포넌트는 더 이상 사용되지 않을 예정입니다. nx-i18n 컴포넌트로 대체하세요.");
 		}
 		else {
@@ -26855,9 +26855,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;
 		
 
@@ -27253,12 +27253,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,6 +27270,73 @@ customElements.define("nx-top-menu", nxTopMenu);
 //console.log($);
 window.jQuery = window.$ = $$1;
 
+
+//import "./etc/ninegridContainer.js";
+//var ninegrid = ninegrid;
+
+/**
+export default class ng {
+    static aaa = "aaaaaa";
+};
+ */
+
+//import $ from "ninegrid";
+//const ng = new ninegrid();
+//export default ng;
+
+//export default ninegrid;
+
+/**
+export default class ng {
+
+    constructor() {
+        console.log(`welcome nine-grid@${ninegrid.version}`, window.location.hostname);
+
+       console.log(i18next);
+    }
+
+	get version() {
+		return ninegrid.version;
+	};
+	set version(v) {
+        ninegrid.version = v;
+    };
+} */
+/**
+var ng = {
+    instance : new ninegrid(),
+    get version() {
+		return ninegrid.version;
+	},
+	set version(v) {
+        ninegrid.version = v;
+    },
+}; */
+
+
+/**
+var ng = {
+    instance: new ninegrid()
+};
+
+// ✅ `ninegrid`의 모든 속성을 `ng`에 복사
+Object.keys(ninegrid).forEach(key => {
+    ng[key] = ninegrid[key];
+});
+*/
+//console.log(ng.version); // "1.1.1"
+
+/**
+var ninegrid = Object.assign({ instance: new ninegrid() }, ninegrid);
+
+export default ninegrid;
+ */
+
+//export default new ninegrid();
+
+
+var ninegrid = { ninegrid: ninegrid$1 };
+
 //export default new ninegrid();
 
-exports.ninegrid = ninegrid;
+module.exports = ninegrid;