npm - ninegrid2 - Versions diffs - 6.257.0 → 6.258.0 - Mend

ninegrid2 6.257.0 → 6.258.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/bundle.cjs.js CHANGED Viewed

@@ -10706,7 +10706,7 @@ function requireJquery () {
 var jqueryExports = requireJquery();
 var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
-class ninegrid {
+let ninegrid$1 = class ninegrid {
 	constructor() {
@@ -10725,8 +10725,6 @@ class ninegrid {
             });
         }
-		console.log("shadow" in Element.prototype);
 		if (!("shadow" in Element.prototype)) {
 			Object.defineProperty(Element.prototype, "shadow", {
 				get: function () {
@@ -11555,7 +11553,7 @@ class ninegrid {
 				}
 			},
 	}
-}
+};
 Array.prototype.nineBinarySearch = function(target)
 {
@@ -11661,11 +11659,11 @@ class ngCellEx extends HTMLElement
 			this.#showCheck		= this.getAttribute("show-check")	== "true" || this.cell.getAttribute("show-check") == "true";
 			this.#showButton	= this.getAttribute("show-button")	== "true" || this.cell.getAttribute("show-button") == "true";
-			if (this.cell.dataset.bind) ninegrid.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
+			if (this.cell.dataset.bind) ninegrid$1.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
 			const style		= this.shadowRoot.querySelector("style");
 			const textAlign = this.getAttribute("text-align") || this.cell.getAttribute("text-align") || "left";
-			ninegrid.j.querySelectorAll(this).addClass(`ng-${textAlign}`);
+			ninegrid$1.j.querySelectorAll(this).addClass(`ng-${textAlign}`);
 			if (this.#showIcon) {
 				const iconType		= this.getAttribute("icon-type")		|| this.cell.getAttribute("icon-type")		|| "sphere";
@@ -11766,20 +11764,20 @@ class ngCellEx extends HTMLElement
 					const next = this.shadowRoot.querySelector("input[type=text],textarea").nextElementSibling;
 					if (prev.tagName == "NG-EXPAND-BUTTON") {
-						ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-left-none");
-						ninegrid.j.querySelectorAll(prev).addClass("border-right-none");
+						ninegrid$1.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-left-none");
+						ninegrid$1.j.querySelectorAll(prev).addClass("border-right-none");
 					}
 					else if (next.tagName == "NG-EXPAND-BUTTON") {
-						ninegrid.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-right-none");
-						ninegrid.j.querySelectorAll(next).addClass("border-left-none");
+						ninegrid$1.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-right-none");
+						ninegrid$1.j.querySelectorAll(next).addClass("border-left-none");
 					}
 				}
 			}
 			const expandleft = this.shadowRoot.querySelectorAll(".ng-left");
-			if (expandleft.length > 0) ninegrid.j.querySelectorAll(expandleft[0]).addClass("ng-first");
+			if (expandleft.length > 0) ninegrid$1.j.querySelectorAll(expandleft[0]).addClass("ng-first");
 			const expandRight = this.shadowRoot.querySelectorAll(".ng-right");
-			if (expandRight.length > 0) ninegrid.j.querySelectorAll(expandRight[expandRight.length-1]).addClass("ng-last");
+			if (expandRight.length > 0) ninegrid$1.j.querySelectorAll(expandRight[expandRight.length-1]).addClass("ng-last");
@@ -11834,7 +11832,7 @@ class ngCellEx extends HTMLElement
 					}
 				}
-				this.owner.dispatchEvent(new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
+				this.owner.dispatchEvent(new CustomEvent(ninegrid$1.EVENT.BUTTON_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
 				//var row = parseInt(this.cell.dataset.row);
 				//this.owner.exprFunction(this.cell.getAttribute("onButtonClick") || this.getAttribute("onButtonClick")).call(this, this.cell.closest("tr").data, row);
 			});
@@ -11847,7 +11845,7 @@ class ngCellEx extends HTMLElement
 			if (this.getAttribute("link") == "true") {
-				ninegrid.j.querySelectorAll(renderer).addClass("link");
+				ninegrid$1.j.querySelectorAll(renderer).addClass("link");
 				renderer.addEventListener("click", e => {
@@ -11862,7 +11860,7 @@ class ngCellEx extends HTMLElement
 						}
 					}
-					this.owner.dispatchEvent(new CustomEvent(ninegrid.EVENT.LINK_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
+					this.owner.dispatchEvent(new CustomEvent(ninegrid$1.EVENT.LINK_CLICK, { detail: { target: this.cell, data: this.cell.closest("tr").data, currow: parseInt(this.cell.dataset.row) }, bubbles: true, composed: true }));
 				});
 			}
@@ -11915,7 +11913,7 @@ class ngCellEx extends HTMLElement
 			//console.log(this.cell.dataset.expr, this.cell.dataset.bind, ninegrid.ROW.ORDER);
-			if (!ninegrid.isNull(this.cell.dataset.expr)) {
+			if (!ninegrid$1.isNull(this.cell.dataset.expr)) {
 				try {
 					//console.log(this.cell.dataset.expr);
@@ -11932,11 +11930,11 @@ class ngCellEx extends HTMLElement
 					console.error(this.cell.dataset.expr, rowData, this.cell.dataset.row);
 				}
 			}
-			else if (!ninegrid.isNull(this.cell.dataset.bind)) {
-				return rowData[this.cell.dataset.bind] || ninegrid.nvl(defaultValue, "");
+			else if (!ninegrid$1.isNull(this.cell.dataset.bind)) {
+				return rowData[this.cell.dataset.bind] || ninegrid$1.nvl(defaultValue, "");
 			}
-			return ninegrid.nvl(defaultValue, "");
+			return ninegrid$1.nvl(defaultValue, "");
 		}
 		else {
 			try {
@@ -11961,11 +11959,11 @@ class ngCellEx extends HTMLElement
 		}
 		if (this.cell.dataset.bind && this.shadowRoot.querySelector("input,textarea,button")) {
-			ninegrid.j.querySelectorAll(this.cell).removeClass("ng-changed");
+			ninegrid$1.j.querySelectorAll(this.cell).removeClass("ng-changed");
 			if (data.__ng.o.hasOwnProperty(this.cell.dataset.bind)) {
 				if (data[this.cell.dataset.bind] != data.__ng.o[this.cell.dataset.bind]) {
-					ninegrid.j.querySelectorAll(this.cell).addClass("ng-changed");
+					ninegrid$1.j.querySelectorAll(this.cell).addClass("ng-changed");
 				}
 			}
 		}
@@ -12036,26 +12034,26 @@ class ngCellEx extends HTMLElement
 		var expr = this.getAttribute('visible') || this.cell.getAttribute('visible');
 		if (expr) {
-			this.getExprValue(expr, data, row) ? ninegrid.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid.j.querySelectorAll(this.cell).addClass('hidden');
+			this.getExprValue(expr, data, row) ? ninegrid$1.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid$1.j.querySelectorAll(this.cell).addClass('hidden');
 		}
 		else {
-			ninegrid.j.querySelectorAll(this.cell).removeClass('hidden');
+			ninegrid$1.j.querySelectorAll(this.cell).removeClass('hidden');
 		}
 		var expr = this.getAttribute('enable') || this.cell.getAttribute('enable');
 		if (expr) {
-			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", !this.getExprValue(expr, data, row));
+			ninegrid$1.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", !this.getExprValue(expr, data, row));
 		}
 		else {
-			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", false);
+			ninegrid$1.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("disabled", false);
 		}
 		var expr = this.getAttribute('readonly') || this.cell.getAttribute('readonly');
 		if (expr) {
-			ninegrid.j.querySelectorAll("input,textarea", this.shadowRoot).attr("readonly", this.getExprValue(expr, data, row));
+			ninegrid$1.j.querySelectorAll("input,textarea", this.shadowRoot).attr("readonly", this.getExprValue(expr, data, row));
 		}
 		else {
-			ninegrid.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("readonly", false);
+			ninegrid$1.j.querySelectorAll("input,textarea,button", this.shadowRoot).attr("readonly", false);
 		}
@@ -12073,7 +12071,7 @@ class ngCellEx extends HTMLElement
 		$(this.cell).children().each((i,el) => {
 			var tooltipFn = el.getAttribute('tooltip');
 			if (tooltipFn) {
-				ninegrid.j.querySelectorAll(el).attr("title", this.owner.exprFunction(tooltipFn).call(this, this.cell.closest("tr").data, row));
+				ninegrid$1.j.querySelectorAll(el).attr("title", this.owner.exprFunction(tooltipFn).call(this, this.cell.closest("tr").data, row));
 			}
 		});
@@ -12084,7 +12082,7 @@ class ngCellEx extends HTMLElement
 		if (!this.owner || !this.owner.template || !this.cell.closest("tbody.bindable")) return;
-		var suppress = ninegrid.j.querySelectorAll(this.cell).attr('suppress');
+		var suppress = ninegrid$1.j.querySelectorAll(this.cell).attr('suppress');
 		if (suppress) suppress = parseInt(suppress);
 		if (suppress && !isNaN(suppress)) {
@@ -12093,7 +12091,7 @@ class ngCellEx extends HTMLElement
 			var arrSuppress = [];
 			$("th,td", tr).each((i,el) => {
-				var otherSuppress = ninegrid.j.querySelectorAll(el).attr('suppress');
+				var otherSuppress = ninegrid$1.j.querySelectorAll(el).attr('suppress');
 				if (otherSuppress && el.dataset.row) {
 					otherSuppress = parseInt(otherSuppress);
@@ -12130,23 +12128,23 @@ class ngCellEx extends HTMLElement
 				bSuppress = true;
 			}
-			(bSuppress) ? ninegrid.j.querySelectorAll(this.cell).removeClass('suppress') : ninegrid.j.querySelectorAll(this.cell).addClass('suppress');
-			if (!ninegrid.j.querySelectorAll(this.cell).hasClass("hidden")) {
-				(bSuppress) ? ninegrid.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid.j.querySelectorAll(this.cell).addClass('hidden');
+			(bSuppress) ? ninegrid$1.j.querySelectorAll(this.cell).removeClass('suppress') : ninegrid$1.j.querySelectorAll(this.cell).addClass('suppress');
+			if (!ninegrid$1.j.querySelectorAll(this.cell).hasClass("hidden")) {
+				(bSuppress) ? ninegrid$1.j.querySelectorAll(this.cell).removeClass('hidden') : ninegrid$1.j.querySelectorAll(this.cell).addClass('hidden');
 			}
 			var currMatrixRow = parseInt(this.cell.dataset.matrixRow);
 			var prevMatrixRow = currMatrixRow - 1;//this.owner.template.length;
 			var prevCell = this.owner.body.querySelector(`tbody.bindable [data-col="${this.cell.dataset.col}"][data-matrix-row="${prevMatrixRow}"]`);
-			if ($(prevCell).hasClass('suppress') && !ninegrid.j.querySelectorAll(this.cell).hasClass('suppress')) {
-				ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').addClass('last-suppress');
+			if ($(prevCell).hasClass('suppress') && !ninegrid$1.j.querySelectorAll(this.cell).hasClass('suppress')) {
+				ninegrid$1.j.querySelectorAll(prevCell).removeClass('last-none-suppress').addClass('last-suppress');
 			}
-			else if (!$(prevCell).hasClass('suppress') && ninegrid.j.querySelectorAll(this.cell).hasClass('suppress')) {
-				ninegrid.j.querySelectorAll(prevCell).removeClass('last-suppress').addClass('last-none-suppress');
+			else if (!$(prevCell).hasClass('suppress') && ninegrid$1.j.querySelectorAll(this.cell).hasClass('suppress')) {
+				ninegrid$1.j.querySelectorAll(prevCell).removeClass('last-suppress').addClass('last-none-suppress');
 			}
 			else {
-				ninegrid.j.querySelectorAll(prevCell).removeClass('last-none-suppress').removeClass('last-suppress');
+				ninegrid$1.j.querySelectorAll(prevCell).removeClass('last-none-suppress').removeClass('last-suppress');
 			}
 		}
 	};
@@ -12212,13 +12210,13 @@ class ngEditableEx extends ngCellEx
 				if (maxbyte) {
 					maxbyte = parseInt(maxbyte);
-					if (ninegrid.getByteLength(event.target.value) >= maxbyte) {
+					if (ninegrid$1.getByteLength(event.target.value) >= maxbyte) {
-						event.target.value = ninegrid.cut(event.target.value, maxbyte);
+						event.target.value = ninegrid$1.cut(event.target.value, maxbyte);
 					}
 				}
 				var v = $(event.target).val();
-				this.value = ninegrid.j.querySelectorAll(this).attr("type") == "number" ? (isNaN(v) ? "" : Number(v)) : v;
+				this.value = ninegrid$1.j.querySelectorAll(this).attr("type") == "number" ? (isNaN(v) ? "" : Number(v)) : v;
 				break;
 			}
@@ -12248,8 +12246,8 @@ class ngButton extends ngCellEx
 		 */
 		this.shadowRoot.innerHTML =`
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngButton.css";
-				${ninegrid.getCustomPath(this,"ngButton.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngButton.css";
+				${ninegrid$1.getCustomPath(this,"ngButton.css")}
 			</style>
 			<button class="button" ${attr.join(" ")}>${this.getAttribute("text")}</button>
@@ -12359,11 +12357,11 @@ class ngCellCopyPasteKeyHandler
 			.then(() => {
 				//ninegrid.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
 				setTimeout(() => {
-					ninegrid.j.querySelectorAll(".selected", this.#owner.body).addClass("copied");
+					ninegrid$1.j.querySelectorAll(".selected", this.#owner.body).addClass("copied");
 				});
 				setTimeout(() => {
-					ninegrid.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
+					ninegrid$1.j.querySelectorAll(".copied", this.#owner.body).removeClass("copied");
 				}, 1000);
 			})
 			.catch(err => {
@@ -12485,7 +12483,7 @@ class ngCellManager
 		const oldCellIndex	= this.#oldCellIndex;
 		if (row != oldrow || subrow != oldsubrow || col != oldcol) {
-			const customEvent		= new CustomEvent(ninegrid.EVENT.CELL_POS_CHANGED, { bubbles: true, detail: {} });
+			const customEvent		= new CustomEvent(ninegrid$1.EVENT.CELL_POS_CHANGED, { bubbles: true, detail: {} });
 	 		customEvent.col			= col;
 			customEvent.cellIndex	= cellIndex;
 	 		customEvent.row			= row;
@@ -12504,7 +12502,7 @@ class ngCellManager
 		}
 		if (row != oldrow) {
-			const customEvent		= new CustomEvent(ninegrid.EVENT.ROW_POS_CHANGED, { bubbles: true, detail: {} });
+			const customEvent		= new CustomEvent(ninegrid$1.EVENT.ROW_POS_CHANGED, { bubbles: true, detail: {} });
 	 		customEvent.col			= col;
 			customEvent.cellIndex	= cellIndex;
 	 		customEvent.row			= row;
@@ -12640,7 +12638,7 @@ class ngCellManager
 		$(`tbody tr[data-matrix-row=${matrixRow}]`, this.#owner.body).find("th,td").each((i,el) => {
 			var elCol = parseInt(el.dataset.col);
 			if ((col - 1) >= elCol && (col - 1) <= elCol + el.colSpan - 1) {
-				previousCol = ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
+				previousCol = ninegrid$1.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
 				return false;
 			}
 		});
@@ -12649,7 +12647,7 @@ class ngCellManager
 			$(`tbody tr[data-row=${row}]`, this.#owner.body).find("th,td").each((i,el) => {
 				var elCol = parseInt(el.dataset.col);
 				if ((col - 1) >= elCol && (col - 1) <= elCol + el.colSpan - 1) {
-					previousCol = ninegrid.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
+					previousCol = ninegrid$1.j.querySelectorAll(el).hasClass("dummy") ? this.#getPreviousCol(matrixRow, el.dataset.col) : el.dataset.col;
 					return false;
 				}
 			});
@@ -12663,7 +12661,7 @@ class ngCellManager
 		var nextCol = col + (td.colSpan || 1);
 		var nextTd = this.#owner.body.querySelector(`tbody [data-matrix-row="${matrixRow}"][data-col="${nextCol}"]`);
-		if (ninegrid.j.querySelectorAll(nextTd).hasClass("dummy")) {
+		if (ninegrid$1.j.querySelectorAll(nextTd).hasClass("dummy")) {
 			nextCol = this.#getNextCol(matrixRow, nextCol);
 		}
@@ -12707,10 +12705,10 @@ class ngCellManager
 		if (e.ctrlKey || e.altKey) return;
-		if (e.target.tagName == "NG-ROW-INDICATOR" && [ninegrid.SELECTTYPE.CELL,ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) return;
+		if (e.target.tagName == "NG-ROW-INDICATOR" && [ninegrid$1.SELECTTYPE.CELL,ninegrid$1.SELECTTYPE.AREA].includes(this.#owner.selection.type)) return;
 		if (e.shiftKey) {
-			if ([ninegrid.SELECTTYPE.COLS,ninegrid.SELECTTYPE.ROWS,ninegrid.SELECTTYPE.AREA].includes(this.#owner.selection.type)) {
+			if ([ninegrid$1.SELECTTYPE.COLS,ninegrid$1.SELECTTYPE.ROWS,ninegrid$1.SELECTTYPE.AREA].includes(this.#owner.selection.type)) {
 				var fromTD = this.#owner.selection.getActiveCell();
 				if (fromTD) {
 					var fromTR = fromTD.closest("tr");
@@ -12828,7 +12826,7 @@ class ngCellSelection
 			clear		:
 				() => {
 					this.selected.startRow = this.selected.endRow = this.selected.startCol = this.selected.endCol = -1;
-					ninegrid.j.querySelectorAll("th,td", this.#owner.body).removeClass("selected").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
+					ninegrid$1.j.querySelectorAll("th,td", this.#owner.body).removeClass("selected").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
 				},
 		};
@@ -12841,10 +12839,10 @@ class ngCellSelection
 		return this.#owner.getAttribute("select-type");
 	};
 	set type(v) {
-		if (!Object.values(ninegrid.SELECTTYPE).includes(v)) throw `invalid select type : ${v}`;
+		if (!Object.values(ninegrid$1.SELECTTYPE).includes(v)) throw `invalid select type : ${v}`;
-		Object.values(ninegrid.SELECTTYPE).forEach(m => { ninegrid.j.querySelectorAll(".ng-table", this.#owner.body).removeClass(`select-type-${m}`); });
-		ninegrid.j.querySelectorAll(".ng-table", this.#owner.body).addClass(`select-type-${v}`);
+		Object.values(ninegrid$1.SELECTTYPE).forEach(m => { ninegrid$1.j.querySelectorAll(".ng-table", this.#owner.body).removeClass(`select-type-${m}`); });
+		ninegrid$1.j.querySelectorAll(".ng-table", this.#owner.body).addClass(`select-type-${v}`);
 		this.#owner.cell.refresh();
 	};
@@ -12863,20 +12861,20 @@ class ngCellSelection
 	refresh = () => {
 		switch (this.type) {
-		case ninegrid.SELECTTYPE.ROW:
+		case ninegrid$1.SELECTTYPE.ROW:
 			this.selected.startRow	= parseInt(this.#owner.row.at * this.#owner.template.length);
 			this.selected.endRow	= this.selected.startRow + this.#owner.template.length - 1;
 			var cols = [];
-			$(`tbody tr[data-row=${parseInt(this.selected.startRow / this.#owner.template.length)}] td`, this.#owner.body).not(".dummy").not(".first").each((i,el) => { if (parseInt(ninegrid.j.querySelectorAll(el).attr("tabindex")) >= 0) cols.push(Number(el.dataset.col)); });
+			$(`tbody tr[data-row=${parseInt(this.selected.startRow / this.#owner.template.length)}] td`, this.#owner.body).not(".dummy").not(".first").each((i,el) => { if (parseInt(ninegrid$1.j.querySelectorAll(el).attr("tabindex")) >= 0) cols.push(Number(el.dataset.col)); });
 			this.selected.startCol	= (cols.length > 0) ? Math.min.apply(null, cols) : -1;
 			this.selected.endCol	= (cols.length > 0) ? Math.max.apply(null, cols) : -1;
 			break;
-		case ninegrid.SELECTTYPE.ROWS:
+		case ninegrid$1.SELECTTYPE.ROWS:
 			this.selected.startRow	= parseInt(this.selected.startRow / this.#owner.template.length) * this.#owner.template.length;
 			this.selected.endRow	= parseInt(this.selected.endRow / this.#owner.template.length) * this.#owner.template.length - 1 + this.#owner.template.length;
@@ -12884,7 +12882,7 @@ class ngCellSelection
 			this.selected.endCol	= this.#owner.lastCol;//Math.max.apply(null, cols);
 		break;
-		case ninegrid.SELECTTYPE.COL:
+		case ninegrid$1.SELECTTYPE.COL:
 			this.selected.startRow	= 0;
 			this.selected.endRow	= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
 			this.selected.endCol	= this.selected.startCol;
@@ -12912,7 +12910,7 @@ class ngCellSelection
 			break;
-		case ninegrid.SELECTTYPE.COLS:
+		case ninegrid$1.SELECTTYPE.COLS:
 			this.selected.startRow	= 0;
 			this.selected.endRow	= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
@@ -12941,31 +12939,31 @@ class ngCellSelection
 			break;
-		case ninegrid.SELECTTYPE.CELL:
+		case ninegrid$1.SELECTTYPE.CELL:
 			this.selected.endRow = this.selected.startRow;
 			this.selected.endCol = this.selected.startCol;
 			break;
-		case ninegrid.SELECTTYPE.AREA:
+		case ninegrid$1.SELECTTYPE.AREA:
 			break;
-		case ninegrid.SELECTTYPE.NONE:
+		case ninegrid$1.SELECTTYPE.NONE:
 			this.selected.startRow = this.selected.endRow = this.selected.startCol = this.selected.endCol = -1;
 			break;
 		}
-		ninegrid.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
+		ninegrid$1.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
-		ninegrid.j.querySelectorAll(".selected-current", this.#owner.body).removeClass("selected-current");
-		ninegrid.j.querySelectorAll(`tr[data-row="${this.selected.currentRow}"] ng-row-indicator`, this.#owner.body).addClass("selected-current");
+		ninegrid$1.j.querySelectorAll(".selected-current", this.#owner.body).removeClass("selected-current");
+		ninegrid$1.j.querySelectorAll(`tr[data-row="${this.selected.currentRow}"] ng-row-indicator`, this.#owner.body).addClass("selected-current");
 		//var row = parseInt(this.selected.currentRow / this.#owner.template.length);
-		ninegrid.j.querySelectorAll(`.col-indicator[data-col="${this.selected.currentCol}"]`, this.#owner.body).addClass("selected-current");
+		ninegrid$1.j.querySelectorAll(`.col-indicator[data-col="${this.selected.currentCol}"]`, this.#owner.body).addClass("selected-current");
 		$(`tr[data-row="${this.selected.currentRow}"] ng-row-indicator`, this.#owner.body).closest("th,td").addClass("selected-current");
 		var activeCell = this.getActiveCell();
-		if (activeCell) ninegrid.j.querySelectorAll(activeCell).addClass("active");
+		if (activeCell) ninegrid$1.j.querySelectorAll(activeCell).addClass("active");
 		$("tbody th,tbody td", this.#owner.body).each((index, td) => {
 			var tdCol	= parseInt(td.dataset.col);
@@ -12975,17 +12973,17 @@ class ngCellSelection
 			if (row + td.rowSpan - 1 >= this.selected.startRow && row <= this.selected.endRow && tdCol+td.colSpan-1 >= this.selected.startCol && tdCol <= this.selected.endCol) {
-				ninegrid.j.querySelectorAll(td).addClass("selected");//.addClass("selected-area");
+				ninegrid$1.j.querySelectorAll(td).addClass("selected");//.addClass("selected-area");
 				if (this.selected.startRow == this.selected.endRow && this.selected.startCol == this.selected.endCol) {
-					ninegrid.j.querySelectorAll(td).addClass("selected-top").addClass("selected-bottom").addClass("selected-left").addClass("selected-right");
+					ninegrid$1.j.querySelectorAll(td).addClass("selected-top").addClass("selected-bottom").addClass("selected-left").addClass("selected-right");
 				}
 				else {
-					if (row == this.selected.startRow)				ninegrid.j.querySelectorAll(td).addClass("selected-top");
-					if (row+td.rowSpan-1 == this.selected.endRow)	ninegrid.j.querySelectorAll(td).addClass("selected-bottom");
-					if (tdCol == this.selected.startCol)			ninegrid.j.querySelectorAll(td).addClass("selected-left");
-					if (tdCol+td.colSpan-1 == this.selected.endCol)	ninegrid.j.querySelectorAll(td).addClass("selected-right");
-					ninegrid.j.querySelectorAll(td).addClass("multi-selected");
+					if (row == this.selected.startRow)				ninegrid$1.j.querySelectorAll(td).addClass("selected-top");
+					if (row+td.rowSpan-1 == this.selected.endRow)	ninegrid$1.j.querySelectorAll(td).addClass("selected-bottom");
+					if (tdCol == this.selected.startCol)			ninegrid$1.j.querySelectorAll(td).addClass("selected-left");
+					if (tdCol+td.colSpan-1 == this.selected.endCol)	ninegrid$1.j.querySelectorAll(td).addClass("selected-right");
+					ninegrid$1.j.querySelectorAll(td).addClass("multi-selected");
 				}
 			}
 		});
@@ -13000,7 +12998,7 @@ class ngCellSelection
 				for (var i = 0; i < td.rowSpan; i++) {
 					var row = parseInt(td.dataset.row) * this.#owner.template.length + tr.sectionRowIndex % this.#owner.template.length + i;//tr.sectionRowIndex + this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
 					if (row >= this.selected.startRow && row <= this.selected.endRow) {
-						ninegrid.j.querySelectorAll(td).addClass("selected-area");
+						ninegrid$1.j.querySelectorAll(td).addClass("selected-area");
 					}
 				}
 			}
@@ -13008,7 +13006,7 @@ class ngCellSelection
 		for (var i = this.selected.startCol; i <= this.selected.endCol; i++) {
-			ninegrid.j.querySelectorAll(`.col-indicator[data-col="${i}"]`, this.#owner.body).addClass("selected-area");
+			ninegrid$1.j.querySelectorAll(`.col-indicator[data-col="${i}"]`, this.#owner.body).addClass("selected-area");
 		}
 		if (this.selected.oldStartRow != this.selected.startRow || this.selected.oldEndRow != this.selected.endRow ||
@@ -13201,7 +13199,7 @@ class ngCellSelection
 			}
 		};
-		if ([ninegrid.SELECTTYPE.AREA,ninegrid.SELECTTYPE.ROWS,ninegrid.SELECTTYPE.COLS].includes(this.type)) {
+		if ([ninegrid$1.SELECTTYPE.AREA,ninegrid$1.SELECTTYPE.ROWS,ninegrid$1.SELECTTYPE.COLS].includes(this.type)) {
 			$(".ng-table tbody.bindable", this.#owner.body).on("mousemove", onMouseMove);
 			$(".ng-table tbody.bindable", this.#owner.body).on("mouseenter", onMouseEnter);
 			$(".ng-table tbody.bindable", this.#owner.body).on("mouseleave", onMouseLeave);
@@ -13869,8 +13867,8 @@ class ngCheckBox extends ngEditableEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngCheckBox.css";
-				${ninegrid.getCustomPath(this,"ngCheckBox.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngCheckBox.css";
+				${ninegrid$1.getCustomPath(this,"ngCheckBox.css")}
 				:host {
 					justify-content: ${this.closest("th,td").getAttribute("text-align") || "center"};
@@ -13930,11 +13928,11 @@ class ngCheckBox extends ngEditableEx
 		if (!this.closest("tbody")) return;
-		if (ninegrid.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue) {
-			ninegrid.j.querySelectorAll(this).removeClass("invalid");
+		if (ninegrid$1.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue) {
+			ninegrid$1.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
-			ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		$(this.#target).prop("checked", this.value == this.trueValue);
@@ -13988,15 +13986,15 @@ class ngColExpand extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngColExpand.css";
-				${ninegrid.getCustomPath(this,"ngColExpand.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngColExpand.css";
+				${ninegrid$1.getCustomPath(this,"ngColExpand.css")}
 			</style>
 		`;
 		this.#owner		= this.getRootNode().host;
 		this.#cell		= this.closest("th,td");
-		ninegrid.j.querySelectorAll(this).addClass("expand");
+		ninegrid$1.j.querySelectorAll(this).addClass("expand");
 		$(this).off("click", this.#onClick);
 		$(this).on("click", this.#onClick);
@@ -14007,7 +14005,7 @@ class ngColExpand extends HTMLElement
 		e.preventDefault();
 		e.stopPropagation();
-		if (ninegrid.j.querySelectorAll(this).hasClass("expand")) {
+		if (ninegrid$1.j.querySelectorAll(this).hasClass("expand")) {
 			this.#collapse();
 		}
 		else {
@@ -14016,7 +14014,7 @@ class ngColExpand extends HTMLElement
 	};
 	expand = () => {
-		if (ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
+		if (ninegrid$1.j.querySelectorAll(this).hasClass("expand")) return;
 		$(this).addClass("expand");
 		this.#cell.style.color = this.#orgColor;
@@ -14029,7 +14027,7 @@ class ngColExpand extends HTMLElement
 	};
 	#collapse = () => {
-		if (!ninegrid.j.querySelectorAll(this).hasClass("expand")) return;
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("expand")) return;
 		$(this).removeClass("expand");
 		this.#orgColor = this.#cell.style.color;
@@ -14315,7 +14313,7 @@ class ngColMover
 	#onPrevMouseDown = e => {
-		if (ninegrid.j.querySelectorAll(this.#owner).attr("col-movable") != "true") return;
+		if (ninegrid$1.j.querySelectorAll(this.#owner).attr("col-movable") != "true") return;
 		if (e.target.tagName == "NG-FILTER-BUTTON") return;
 		this.#ready = true;
@@ -14714,7 +14712,7 @@ class ngColResizer
 		var prev	= this.#owner.tableUtils.prev(td);
 		var next	= this.#owner.tableUtils.next(td);
-		var target	= this.#owner.getBand(td.dataset.col) == ninegrid.BAND.RIGHT ? ((e.offsetX <= 2) ? $(td) : next) : ((e.offsetX <= 2) ? prev : $(td));
+		var target	= this.#owner.getBand(td.dataset.col) == ninegrid$1.BAND.RIGHT ? ((e.offsetX <= 2) ? $(td) : next) : ((e.offsetX <= 2) ? prev : $(td));
 		this.#owner.setColumnWidthFit(target[0].dataset.col);
 	}
@@ -14878,7 +14876,7 @@ class ngColumns
 		for (var v of [source.thead.cells, source.tfoot.cells, source.tbody.cells, source.fixed.cells]) {
 			for (var fromCell of v) {
-				ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).addClass("tmp");
 				const rowIndex = fromCell.closest("tr").rowIndex;
 				const targetTr = targetTable.querySelectorAll("tr")[rowIndex];
@@ -14898,7 +14896,7 @@ class ngColumns
 		for (var v of [source.org.thead.cells, source.org.tfoot.cells, source.org.tbody.cells, source.org.fixed.cells]) {
 			for (var fromCell of v) {
-				ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).addClass("tmp");
 				const targetTable	= fromCell.closest("table");
 				const rowIndex		= fromCell.closest("tr").rowIndex;
@@ -14918,7 +14916,7 @@ class ngColumns
 		for (var fromCell of source.template.cells) {
-			ninegrid.j.querySelectorAll(fromCell).addClass("tmp");
+			ninegrid$1.j.querySelectorAll(fromCell).addClass("tmp");
 			//const rowIndex = fromCell.closest("tr").rowIndex;
 			const targetTr = fromCell.closest("tr");
@@ -14968,18 +14966,18 @@ class ngColumns
 		for (var v of [source.thead.cells, source.tfoot.cells, source.tbody.cells, source.fixed.cells]) {
 			for (var fromCell of v) {
-				ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).removeClass("tmp");
 			}
 		}
 		for (var v of [source.org.thead.cells, source.org.tfoot.cells, source.org.tbody.cells, source.org.fixed.cells]) {
 			for (var fromCell of v) {
-				ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+				ninegrid$1.j.querySelectorAll(fromCell).removeClass("tmp");
 			}
 		}
 		for (var fromCell of source.template.cells) {
-			ninegrid.j.querySelectorAll(fromCell).removeClass("tmp");
+			ninegrid$1.j.querySelectorAll(fromCell).removeClass("tmp");
 		}
@@ -15162,8 +15160,8 @@ class ngCombo extends ngEditableEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngCombo.css";
-				${ninegrid.getCustomPath(this,"ngCombo.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngCombo.css";
+				${ninegrid$1.getCustomPath(this,"ngCombo.css")}
 			</style>
 			<button class="btn1" type="button" data-bs-toggle="dropdown" aria-expanded="false" tabindex="-1"></button>
@@ -15226,7 +15224,7 @@ class ngCombo extends ngEditableEx
 	dataRefresh = (v) => {
 		if (this.#dataSource) {
-			this.#isValid() ? ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegrid.j.querySelectorAll(this).addClass("invalid");
+			this.#isValid() ? ninegrid$1.j.querySelectorAll(this).removeClass("invalid") : ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		this.#target.innerHTML = this.getDisplayText() || "Select";
@@ -15240,7 +15238,7 @@ class ngCombo extends ngEditableEx
 	#isValid = () => {
-		if (ninegrid.isNull(this.value)) return true;
+		if (ninegrid$1.isNull(this.value)) return true;
 		var list = (this.multi) ? this.value.split(this.multiSeparator) : [this.value];
@@ -15286,8 +15284,8 @@ class ngCombo extends ngEditableEx
 		this.#panel.col = this.cell.dataset.col;
 		this.#panel.row = this.cell.closest("tr").sectionRowIndex;
-		this.#dataSource.length > this.#EXPAND_ROWS ? ninegrid.j.querySelectorAll(this.#panel).addClass("expand") : ninegrid.j.querySelectorAll(this.#panel).removeClass("expand");
-		this.multi ? ninegrid.j.querySelectorAll(this.#panel).addClass("multi") : ninegrid.j.querySelectorAll(this.#panel).removeClass("multi");
+		this.#dataSource.length > this.#EXPAND_ROWS ? ninegrid$1.j.querySelectorAll(this.#panel).addClass("expand") : ninegrid$1.j.querySelectorAll(this.#panel).removeClass("expand");
+		this.multi ? ninegrid$1.j.querySelectorAll(this.#panel).addClass("multi") : ninegrid$1.j.querySelectorAll(this.#panel).removeClass("multi");
 		this.#panel.refresh(this, this.#dataSource, this.#code, this.#items);
@@ -15301,7 +15299,7 @@ class ngCombo extends ngEditableEx
 		if (this.multi) {
-			if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+			if (ninegrid$1.j.querySelectorAll(this.#panel).hasClass("expand")) {
 				h += 12; //위아래 padding
 				h += 3; //margin
 				h += 24; // input box
@@ -15312,7 +15310,7 @@ class ngCombo extends ngEditableEx
 			h += 25; // bottom
 		}
 		else {
-			if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+			if (ninegrid$1.j.querySelectorAll(this.#panel).hasClass("expand")) {
 				h += 12; //위아래 padding
 				h += 3; //margin
 				h += 24; // input box
@@ -15343,7 +15341,7 @@ class ngCombo extends ngEditableEx
 			"min-height": h,
 		}).show();
-		if (ninegrid.j.querySelectorAll(this.#panel).hasClass("expand")) {
+		if (ninegrid$1.j.querySelectorAll(this.#panel).hasClass("expand")) {
 			$("div", this.#panel).eq(0).find("input").focus().val("");
 		}
 	};
@@ -15383,8 +15381,8 @@ class ngComboPanel extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngComboPanel.css";
-				${ninegrid.getCustomPath(this,"ngComboPanel.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngComboPanel.css";
+				${ninegrid$1.getCustomPath(this,"ngComboPanel.css")}
 			</style>
 			<div class="head">
@@ -15520,7 +15518,7 @@ class ngComboPanel extends HTMLElement
 	#onInput = e => {
 		var grd = this.shadowRoot.querySelector("nine-grid");
-		ninegrid.j.querySelectorAll(grd).addClass("loading");
+		ninegrid$1.j.querySelectorAll(grd).addClass("loading");
 		var data = grd.data.getValidDataNF();
 		data.map(m => { m.__ng.filtered = false; });
@@ -15538,7 +15536,7 @@ class ngComboPanel extends HTMLElement
 		grd.data.resetRecords();
-		if (grd.data.count() == 0) ninegrid.j.querySelectorAll(grd).removeClass("loading");
+		if (grd.data.count() == 0) ninegrid$1.j.querySelectorAll(grd).removeClass("loading");
 		if (this.#timer) {
 			clearTimeout(this.#timer);
@@ -15654,9 +15652,9 @@ class ngComboPanel extends HTMLElement
 		}
 		*/
-		var w = 16 + (ninegrid.j.querySelectorAll(this).hasClass("expand") ? 0 : 0) + 20;
+		var w = 16 + (ninegrid$1.j.querySelectorAll(this).hasClass("expand") ? 0 : 0) + 20;
-		if (ninegrid.j.querySelectorAll(this).hasClass("multi")) {
+		if (ninegrid$1.j.querySelectorAll(this).hasClass("multi")) {
 			$("col", grd.body).each((i,el) => { w += parseInt(el.getAttribute("width")); });
 		}
 		else {
@@ -15700,7 +15698,7 @@ class ngContextMenu
 		var font = $(this.#panel).css("font");
 		var w = 150;
 		for (const item of this.#items) {
-			w = Math.max(w, ninegrid.measureTextSize(item.name, font).width + 60);
+			w = Math.max(w, ninegrid$1.measureTextSize(item.name, font).width + 60);
 		}
 		$(this.#panel).css({
@@ -15787,7 +15785,7 @@ class ngContextMenuPanel extends HTMLElement
 		//$("li", this).on("touchmove", this.#onMouseOver);
 		$("li", this).on("mouseover", this.#onMouseOver);
-		$("li", this).on("mouseout", e => { ninegrid.j.querySelectorAll(e.currentTarget).removeClass("visible"); });
+		$("li", this).on("mouseout", e => { ninegrid$1.j.querySelectorAll(e.currentTarget).removeClass("visible"); });
 	};
 	open = () => {
@@ -15813,12 +15811,12 @@ class ngContextMenuPanel extends HTMLElement
 	#onMouseOver = 	e => {
-		ninegrid.j.querySelectorAll(e.currentTarget).addClass("visible");
+		ninegrid$1.j.querySelectorAll(e.currentTarget).addClass("visible");
 		var font = $(this).css("font");
 		var w = 150;
 		$("ul > li:visible > span", e.currentTarget).each((i,el) => {
-			w = Math.max(w, ninegrid.measureTextSize($(el).text(), font).width + 60);
+			w = Math.max(w, ninegrid$1.measureTextSize($(el).text(), font).width + 60);
 		});
 		$("ul", e.currentTarget).eq(0).css({
@@ -15851,7 +15849,7 @@ class ngCustomEvent
 		this.#resetEvent();
-		this.#owner.addEventListener(ninegrid.EVENT.LAYOUT_CHANGED, e => {
+		this.#owner.addEventListener(ninegrid$1.EVENT.LAYOUT_CHANGED, e => {
 			this.#resetEvent();
 		});
 	}
@@ -15872,7 +15870,7 @@ class ngCustomEvent
 		const properties	= ["altKey","ctrlKey","shiftKey","clientX","clientY","offsetX","offsetY","pageX","pageY","screenX","screenY","button","buttons","whitch"];
  		const cell			= e.target.closest("th,td");
-		const eventType		= e.detail == 1 ? ninegrid.EVENT.CELL_CLICK : ninegrid.EVENT.CELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid$1.EVENT.CELL_CLICK : ninegrid$1.EVENT.CELL_DBL_CLICK;
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
@@ -15880,7 +15878,7 @@ class ngCustomEvent
 		customEvent.subrow	= parseInt(cell.dataset.matrixRow) % parseInt(cell.dataset.row);
 		customEvent.bind	= cell.dataset.bind;
-		ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid$1.copyProperty(customEvent, e, properties);
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -15891,12 +15889,12 @@ class ngCustomEvent
 		const properties	= ["altKey","ctrlKey","shiftKey","clientX","clientY","offsetX","offsetY","pageX","pageY","screenX","screenY","button","buttons","whitch"];
  		const cell			= e.target.closest("th,td");
-		const eventType		= e.detail == 1 ? ninegrid.EVENT.HEADCELL_CLICK : ninegrid.EVENT.HEADCELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid$1.EVENT.HEADCELL_CLICK : ninegrid$1.EVENT.HEADCELL_DBL_CLICK;
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
-		ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid$1.copyProperty(customEvent, e, properties);
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -15907,12 +15905,12 @@ class ngCustomEvent
 		const properties	= ["altKey","ctrlKey","shiftKey","clientX","clientY","offsetX","offsetY","pageX","pageY","screenX","screenY","button","buttons","whitch"];
  		const cell			= e.target.closest("th,td");
-		const eventType		= e.detail == 1 ? ninegrid.EVENT.FOOTCELL_CLICK : ninegrid.EVENT.FOOTCELL_DBL_CLICK;
+		const eventType		= e.detail == 1 ? ninegrid$1.EVENT.FOOTCELL_CLICK : ninegrid$1.EVENT.FOOTCELL_DBL_CLICK;
  		const customEvent	= new CustomEvent(eventType, { bubbles: true, composed: true, detail: { target: cell } });
  		customEvent.col		= cell.dataset.col;
-		ninegrid.copyProperty(customEvent, e, properties);
+		ninegrid$1.copyProperty(customEvent, e, properties);
  		this.#owner.dispatchEvent(customEvent);
  	};
@@ -16060,7 +16058,7 @@ class ngData
 		this.source = v;
 		for (var i = 0; i < v.length; i++) {
-			this.#records[i].__ng._[ninegrid.ROW.ID]	= v[i].__ng._[ninegrid.ROW.ID];
+			this.#records[i].__ng._[ninegrid$1.ROW.ID]	= v[i].__ng._[ninegrid$1.ROW.ID];
 			//this.#records[i].__ninegrid.rowState		= v[i].__ng.rowState;
 			this.#nextId = Math.max(this.#nextId, v[i].__ng.rowid);
@@ -16073,14 +16071,14 @@ class ngData
 	getId = (o) => {
-		return o.__ng._[ninegrid.ROW.ID];
+		return o.__ng._[ninegrid$1.ROW.ID];
 	}
 	get default() {
 		return {
 			//rowid	: this.nextId,//nextId + index,
-			rowState: ninegrid.ROW_STATE.EMPTY,
+			rowState: ninegrid$1.ROW_STATE.EMPTY,
 			deleted	: false,
 			filtered: false,
 			pin		: false,
@@ -16095,7 +16093,7 @@ class ngData
 				0,							// INDEX
 				0,							// ORDER
 				0,							// VISIBLE_ROW
-				ninegrid.ROW_STATE.EMPTY,			// STATE
+				ninegrid$1.ROW_STATE.EMPTY,			// STATE
 				false,						// FILTER
 				false,						// PIN
 				true,						// EXPAND
@@ -16148,14 +16146,14 @@ class ngData
 	#indexOf = (rec1, row, rec2) => {
 		const rowData = rec1[row];
-		return rec2.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == rowData.__ng._[ninegrid.ROW.ID]; });
+		return rec2.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == rowData.__ng._[ninegrid$1.ROW.ID]; });
 	};
 	moveRow = (row1, row2) => {
 		if (row1 == row2) return;
-		ninegrid.move(this.#parent.rawRecords, this.total.indexOf(row1), this.total.indexOf(row2));
+		ninegrid$1.move(this.#parent.rawRecords, this.total.indexOf(row1), this.total.indexOf(row2));
 		this.resetRecords();
 		this.#parent.owner.dataManager.viewRecords.reset();
@@ -16198,7 +16196,7 @@ class ngData
 		if (td.length <= 0) return;
 		const col = td.eq(0)[0].dataset.col;
 		//var th = $(`thead th[data-col=${col}]`, this.#parent.owner.body).not(".col-indicator");
-		const th = ninegrid.j.querySelectorAll(`thead th[data-col="${col}"]:not(.col-indicator)`, this.#parent.owner.body);
+		const th = ninegrid$1.j.querySelectorAll(`thead th[data-col="${col}"]:not(.col-indicator)`, this.#parent.owner.body);
 		th.removeClass("deleted").removeClass("added").removeClass("updated");
 		if (updateData.delete.length > 0) th.addClass("deleted");
@@ -16215,9 +16213,9 @@ class ngData
 		arr.forEach((o,i) => {
 			o.__ng = this.default;
 			o.__ng.rowid = this.nextId;
-			o.__ng.rowState = ninegrid.ROW_STATE.INSERT;
+			o.__ng.rowState = ninegrid$1.ROW_STATE.INSERT;
-			o.__ng._[ninegrid.ROW.ID] = o.__ng.rowid;
+			o.__ng._[ninegrid$1.ROW.ID] = o.__ng.rowid;
 		});
 		this.onRowStateChanged();
@@ -16239,13 +16237,13 @@ class ngData
 		//this.#recordsNF.forEach((o,i) => { o.__ng._[ninegrid.ROW.INDEX] = i; });
 		//this.#recordsNF.filter(m => { return !m.__ng.deleted && !m.__ng.filtered && m.__ng.visible; } ).forEach((o,i) => { o.__ng._[ninegrid.ROW.ORDER] = i + 1; });
-		this.#parent.rawRecords.forEach((o,i) => { o.__ng._[ninegrid.ROW.INDEX] = i; });
-		this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng.filtered && m.__ng.visible; } ).forEach((o,i) => { o.__ng._[ninegrid.ROW.ORDER] = i + 1; });
+		this.#parent.rawRecords.forEach((o,i) => { o.__ng._[ninegrid$1.ROW.INDEX] = i; });
+		this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng.filtered && m.__ng.visible; } ).forEach((o,i) => { o.__ng._[ninegrid$1.ROW.ORDER] = i + 1; });
-		const arr = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && m.__ng._[ninegrid.ROW.PIN]; } );
-		arr.forEach((o,i) => { o.__ng._[ninegrid.ROW.VISIBLE_ROW] = (arr.length - i) * -1; });
+		const arr = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && m.__ng._[ninegrid$1.ROW.PIN]; } );
+		arr.forEach((o,i) => { o.__ng._[ninegrid$1.ROW.VISIBLE_ROW] = (arr.length - i) * -1; });
-		this.#records.forEach((o,i) => { o.__ng._[ninegrid.ROW.VISIBLE_ROW] = i; });
+		this.#records.forEach((o,i) => { o.__ng._[ninegrid$1.ROW.VISIBLE_ROW] = i; });
 		//!m.__ng.deleted && !m.__ng.pin && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging;
 	};
@@ -16284,7 +16282,7 @@ class ngData
 	resetRecords = () => {
 		this.#recordsNF	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted } );
-		this.#records	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
+		this.#records	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid$1.ROW.PIN] && !m.__ng._[ninegrid$1.ROW.COLLAPSE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
 		//this.#records	= this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && !m.__ng.filtered && m.__ng.visible; } );
 		this.resetIndex();
@@ -16300,7 +16298,7 @@ class ngData
 			};
 			for (const colnm of this.#owner.fields.get()) {
-				o.v.push(ninegrid.nvl(json[colnm], ""));		/** checklist: 숫자형식 체크해서 0으로 변경해야함 */
+				o.v.push(ninegrid$1.nvl(json[colnm], ""));		/** checklist: 숫자형식 체크해서 0으로 변경해야함 */
 			}
 			arr.push(o);
 		});
@@ -16336,7 +16334,7 @@ class ngData
 	getValidData = () => {
 		//if (this.#records.length == 0) this.#records = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng.pin && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
-		if (this.#records.length == 0) this.#records = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid.ROW.PIN] && !m.__ng._[ninegrid.ROW.COLLAPSE] && m.__ng._[ninegrid.ROW.VISIBLE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
+		if (this.#records.length == 0) this.#records = this.#parent.rawRecords.filter(m => { return !m.__ng.deleted && !m.__ng._[ninegrid$1.ROW.PIN] && !m.__ng._[ninegrid$1.ROW.COLLAPSE] && m.__ng._[ninegrid$1.ROW.VISIBLE] && !m.__ng.filtered && m.__ng.visible && m.__ng.paging; } );
 		return this.#records;
 	}
 	getValidDataNF = () => {
@@ -16349,7 +16347,7 @@ class ngData
 	conv = (arr) => {
-		if (ninegrid.isNull(arr)) return arr;
+		if (ninegrid$1.isNull(arr)) return arr;
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16380,7 +16378,7 @@ class ngData
 		}
 	}
 	conv2 = (arr) => {
-		if (ninegrid.isNull(arr)) return arr;
+		if (ninegrid$1.isNull(arr)) return arr;
 		if (Array.isArray(arr)) {
 			var r = [];
@@ -16431,11 +16429,11 @@ class ngData
 	 */
 	changeRowState = (state, fromIndex, toIndex) => {
 		const to = (v) => {
-			if ([ninegrid.ROW_STATE.EMPTY, ninegrid.ROW_STATE.NORMAL].includes(state)) v.__ng.o = {};
+			if ([ninegrid$1.ROW_STATE.EMPTY, ninegrid$1.ROW_STATE.NORMAL].includes(state)) v.__ng.o = {};
 			v.__ng.rowState = state;
 		};
-		if (!state) state = ninegrid.ROW_STATE.EMPTY;
+		if (!state) state = ninegrid$1.ROW_STATE.EMPTY;
 		if (!fromIndex && !toIndex) { fromIndex = 0; toIndex = this.count() - 1; }
 		if (!fromIndex) fromIndex = 0;
 		if (!toIndex) toIndex = fromIndex;//this.count() - 1;
@@ -16479,7 +16477,7 @@ class ngData
 	#dataChanged = (row, bind, oldValue, newValue) => {
 		if (oldValue == newValue) return;
-		const customEvent		= new CustomEvent(ninegrid.EVENT.DATA_CHANGED, { bubbles: true, detail: {} });
+		const customEvent		= new CustomEvent(ninegrid$1.EVENT.DATA_CHANGED, { bubbles: true, detail: {} });
 		customEvent.row			= row;
 		customEvent.bind		= bind;
 		customEvent.oldvalue	= oldValue;
@@ -16525,15 +16523,15 @@ class ngData
 		this.#parent.rawRecords = this.#parent.rawRecords.concat(this.#defaultInsert(arr));
-		const arr2 = this.#parent.rawRecords.map(m => { return m.__ng._[ninegrid.ROW.ORIGIN_ORDER]; });
+		const arr2 = this.#parent.rawRecords.map(m => { return m.__ng._[ninegrid$1.ROW.ORIGIN_ORDER]; });
 		if (arr2.length > 0) {
 			const maxOrder = arr2.reduce( function (a, b) {
 				return a > b ? a : b;
 			});
 			this.#parent.rawRecords.forEach((o,i) => {
-				if (o.__ng._[ninegrid.ROW.ORIGIN_ORDER] < 0) {
-					o.__ng._[ninegrid.ROW.ORIGIN_ORDER] = maxOrder + 1 + i;
+				if (o.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] < 0) {
+					o.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] = maxOrder + 1 + i;
 				}
 			});
 		}
@@ -16541,7 +16539,7 @@ class ngData
 		this.resetRecords();
 		const row = this.count() - 1;
-		if (!updateState) this.changeRowState(ninegrid.ROW_STATE.EMPTY, row - arr.length + 1, row);
+		if (!updateState) this.changeRowState(ninegrid$1.ROW_STATE.EMPTY, row - arr.length + 1, row);
 		//this.#parent.owner.refresh();
 		this.#parent.viewRecords.reset();
@@ -16567,8 +16565,8 @@ class ngData
 		var arr = this.#json2Array(dataSource);
 		/** 후방 원순서 증가 */
-		const originOrder = this.#parent.rawRecords[at].__ng._[ninegrid.ROW.ORIGIN_ORDER];
-		this.#parent.rawRecords.filter(m => {return m.__ng._[ninegrid.ROW.ORIGIN_ORDER] >= originOrder}).forEach(v => { v.__ng._[ninegrid.ROW.ORIGIN_ORDER] += arr.length; });
+		const originOrder = this.#parent.rawRecords[at].__ng._[ninegrid$1.ROW.ORIGIN_ORDER];
+		this.#parent.rawRecords.filter(m => {return m.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] >= originOrder}).forEach(v => { v.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] += arr.length; });
 		/**
 		this.#parent.rawRecords.forEach((o,i) => {
 			if (i >= at) {
@@ -16578,7 +16576,7 @@ class ngData
 		arr = this.#defaultInsert(arr);
 		arr.forEach((o,i) => {
-			o.__ng._[ninegrid.ROW.ORIGIN_ORDER] = originOrder + i;
+			o.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] = originOrder + i;
 		});
 		this.#parent.rawRecords.splice(at, 0, ...arr);
@@ -16586,7 +16584,7 @@ class ngData
 		this.resetRecords();
-		if (!updateState) this.changeRowState(ninegrid.ROW_STATE.EMPTY, at, at + arr.length - 1);
+		if (!updateState) this.changeRowState(ninegrid$1.ROW_STATE.EMPTY, at, at + arr.length - 1);
 		//this.#parent.owner.refresh();
 		this.#parent.viewRecords.reset();
@@ -16598,11 +16596,11 @@ class ngData
 		var changed = false;
 		arr.sort((a,b) => {return b-a}).forEach(rowidx => {
-			if (this.#records[rowidx].__ng.rowState == ninegrid.ROW_STATE.INSERT) {
-				ninegrid.removeIf(this.#parent.rawRecords, item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } );
+			if (this.#records[rowidx].__ng.rowState == ninegrid$1.ROW_STATE.INSERT) {
+				ninegrid$1.removeIf(this.#parent.rawRecords, item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } );
 			}
 			else {
-				this.#parent.rawRecords.filter(item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } ).map(item => { item.__ng.deleted = true; item.__ng.rowState = ninegrid.ROW_STATE.DELETE; });
+				this.#parent.rawRecords.filter(item => { return item.__ng.rowid == this.#records[rowidx].__ng.rowid; } ).map(item => { item.__ng.deleted = true; item.__ng.rowState = ninegrid$1.ROW_STATE.DELETE; });
 				changed = true;
 			}
 		});
@@ -16642,8 +16640,8 @@ class ngData
 			arr = [at];
 		}*/
 		else if (typeof at === "object") {
-			const index = this.#records.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == at.__ng._[ninegrid.ROW.ID]; });
-			if (index < 0) throw new Error(`${at.__ng._[ninegrid.ROW.ID]} not found.`);
+			const index = this.#records.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == at.__ng._[ninegrid$1.ROW.ID]; });
+			if (index < 0) throw new Error(`${at.__ng._[ninegrid$1.ROW.ID]} not found.`);
 			arr = [index];
 		}
 		else {
@@ -16664,7 +16662,7 @@ class ngData
 	deleteFromId = (rowId) => {
 		var rec = this.records();
-		const at = rec.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == rowId; });
+		const at = rec.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == rowId; });
 		if (at < 0) throw new Error(`${rowId} not found.`);
@@ -16675,7 +16673,7 @@ class ngData
 	#update = (rec, o, at) => {
 		if (typeof at === "undefined") {
-			at = rec.findIndex(m => { return m.__ng._[ninegrid.ROW.ID] == o.__ng._[ninegrid.ROW.ID]; });
+			at = rec.findIndex(m => { return m.__ng._[ninegrid$1.ROW.ID] == o.__ng._[ninegrid$1.ROW.ID]; });
 		}
 		else if (typeof at === "number" || typeof at === "string") {
 			at = parseInt(at);
@@ -16703,7 +16701,7 @@ class ngData
 			rowData.v[COL_IDX] = newValue;
 			if (oldValue != newValue){
-				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 				changed = true;
 				this.#dataChanged(at, colnm, oldValue, newValue);
@@ -16753,12 +16751,12 @@ class ngData
 		//var rowData = records(index);
 		var oldValue = rowData.v[COL_IDX];
-		if (rowData.v[COL_IDX] != value && rowData.__ng.rowState != ninegrid.ROW_STATE.INSERT) {
+		if (rowData.v[COL_IDX] != value && rowData.__ng.rowState != ninegrid$1.ROW_STATE.INSERT) {
 			//if (!rowData.__ng.org) rowData.__ng.org = {};
 			if (!rowData.__ng.o.hasOwnProperty(colnm)) rowData.__ng.o[colnm] = oldValue;
 			if (updateRowState) {
-				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 				this.onRowStateChanged();		// thead row-state marking
 			}
 		}
@@ -16795,11 +16793,11 @@ class ngData
 		//var rowData = records(index);
 		rowData.v[colIndex];
-		if (rowData.v[colIndex] != value && rowData.__ng.rowState != ninegrid.ROW_STATE.INSERT) {
+		if (rowData.v[colIndex] != value && rowData.__ng.rowState != ninegrid$1.ROW_STATE.INSERT) {
 			//if (!rowData.__ng.o.hasOwnProperty(colnm)) rowData.__ng.o[colnm] = oldValue;
 			if (updateRowState) {
-				rowData.__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+				rowData.__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 			}
 		}
@@ -16820,14 +16818,14 @@ class ngData
 		}
 		else {
 			return {
-				insert: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.INSERT; } ) ),
-				update: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.UPDATE; } ) ),
-				delete: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.DELETE; } ) ),
+				insert: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.INSERT; } ) ),
+				update: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.UPDATE; } ) ),
+				delete: this.conv2( this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.DELETE; } ) ),
 			};
 		}
 	};
 	isChanged = () => {
-		const arr = this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid.ROW_STATE.INSERT || m.__ng.rowState == ninegrid.ROW_STATE.UPDATE || m.__ng.rowState == ninegrid.ROW_STATE.DELETE; } );
+		const arr = this.#parent.rawRecords.filter(m => { return m.__ng.rowState == ninegrid$1.ROW_STATE.INSERT || m.__ng.rowState == ninegrid$1.ROW_STATE.UPDATE || m.__ng.rowState == ninegrid$1.ROW_STATE.DELETE; } );
 		return arr.length > 0;
 	}
@@ -16846,7 +16844,7 @@ class ngData
 		if (!records ||	 records.length <= 0) return;
-		if (ninegrid.isNull(at)) {
+		if (ninegrid$1.isNull(at)) {
 			return this.conv2(records);
 		}
@@ -16877,10 +16875,10 @@ class ngData
 	 * return : 모든 행의 데이타 값을 Array 배열로 반환
 	 */
 	records = (at) => {
-		return (ninegrid.isNull(at)) ? this.getValidData() : this.getValidData(at);
+		return (ninegrid$1.isNull(at)) ? this.getValidData() : this.getValidData(at);
 	}
 	recordsNF = (at) => {
-		return (ninegrid.isNull(at)) ? this.getValidDataNF() : this.getValidDataNF(at);
+		return (ninegrid$1.isNull(at)) ? this.getValidDataNF() : this.getValidDataNF(at);
 	}
 	/**
@@ -16947,11 +16945,11 @@ class ngData
 			mid = parseInt((start+end)/2);
-			if (target === arr[mid].__ng._[ninegrid.ROW.INDEX]) {
+			if (target === arr[mid].__ng._[ninegrid$1.ROW.INDEX]) {
 				return mid;
 			}
 			else {
-				if (target < arr[mid].__ng._[ninegrid.ROW.INDEX]){
+				if (target < arr[mid].__ng._[ninegrid$1.ROW.INDEX]){
 					end = mid - 1;
 				}
 				else {
@@ -17086,7 +17084,7 @@ class ngDataManager
 		this.exprFunction = (s) => {
-			s = s.replaceAll("ninegrid.ROW.ORDER", ninegrid.ROW.ORDER);
+			s = s.replaceAll("ninegrid.ROW.ORDER", ninegrid$1.ROW.ORDER);
 			let args = '...args';
 			let body = 'let [data, currow, all] = args; currow = Number(currow); return ' + s + ';';
@@ -17140,8 +17138,8 @@ class ngDataManager
 		this.getColumn = (rowidx,colnm) => { return this.data.get(rowidx, colnm); };
 		this.setColumn = (rowidx,colnm,v) => {
 			rowidx = parseInt(rowidx);
-			if (this.data.get(rowidx)[colnm] != v && this.data.get(rowidx).__ng.rowState != ninegrid.ROW_STATE.INSERT) {
-				this.data.get(rowidx).__ng.rowState = ninegrid.ROW_STATE.UPDATE;
+			if (this.data.get(rowidx)[colnm] != v && this.data.get(rowidx).__ng.rowState != ninegrid$1.ROW_STATE.INSERT) {
+				this.data.get(rowidx).__ng.rowState = ninegrid$1.ROW_STATE.UPDATE;
 				this.data.onRowStateChanged();
 			}
 			this.setColumnSilent(rowidx,colnm,v);
@@ -17225,8 +17223,8 @@ class ngExpandIcon extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandIcon.css";
-				${ninegrid.getCustomPath(this,"ngExpandIcon.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngExpandIcon.css";
+				${ninegrid$1.getCustomPath(this,"ngExpandIcon.css")}
 				:host {
 					width: ${width};
@@ -17254,7 +17252,7 @@ class ngExpandIcon extends HTMLElement
 					case "rect":
 					case "check":
 					case "svg":
-						ninegrid.j.querySelectorAll("circle,rect,svg", this.shadowRoot).attr("fill", this.getAttribute(entry.attributeName));
+						ninegrid$1.j.querySelectorAll("circle,rect,svg", this.shadowRoot).attr("fill", this.getAttribute(entry.attributeName));
 						break;
 					}
 					break;
@@ -17265,7 +17263,7 @@ class ngExpandIcon extends HTMLElement
 						this.shadowRoot.querySelector("div").innerHTML = this.getAttribute(entry.attributeName);
 						break;
 					case "img":
-						 ninegrid.j.querySelectorAll("img", this.shadowRoot).attr("src", this.getAttribute(entry.attributeName));
+						 ninegrid$1.j.querySelectorAll("img", this.shadowRoot).attr("src", this.getAttribute(entry.attributeName));
 						break;
 					}
 					break;
@@ -17291,8 +17289,8 @@ class ngExpandCheck extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandCheck.css";
-				${ninegrid.getCustomPath(this,"ngExpandCheck.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngExpandCheck.css";
+				${ninegrid$1.getCustomPath(this,"ngExpandCheck.css")}
 			</style>
 			<input type="checkbox" />
@@ -17312,8 +17310,8 @@ class ngExpandButton extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngExpandButton.css";
-				${ninegrid.getCustomPath(this,"ngExpandButton.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngExpandButton.css";
+				${ninegrid$1.getCustomPath(this,"ngExpandButton.css")}
 			</style>
 			<button>...</button>
@@ -17347,7 +17345,7 @@ class ngExportExcel
 			afterFunc	: () => {},
 		};
-		var fileName = ninegrid.nvl(_option.fileName, "temp");
+		var fileName = ninegrid$1.nvl(_option.fileName, "temp");
 		const _download = async (workbook, fileName) => {
@@ -17423,7 +17421,7 @@ class ngExportExcel
 					var v = "";
-					if (!ninegrid.isNull(td.dataset.expr)) {
+					if (!ninegrid$1.isNull(td.dataset.expr)) {
 						try {
 							//v = this.#owner.exprFunction2(td.dataset.expr).call(this, rowData, rowIndex);
 							v = this.#owner.exprFunction(td.dataset.expr).call(this, rowData, rowIndex);
@@ -17432,7 +17430,7 @@ class ngExportExcel
 							//v = this.#owner.exprFunction2(td.dataset.expr).call(this, rowData, rowIndex);
 						}
 					}
-					else if (!ninegrid.isNull(td.dataset.bind)) {
+					else if (!ninegrid$1.isNull(td.dataset.bind)) {
 						//const COL_IDX = this.#owner.fields.indexOf(td.dataset.bind);
 						//v = rowData.v[COL_IDX] || "";
 						v = rowData[td.dataset.bind] || "";
@@ -18023,8 +18021,8 @@ class ngFilterPanel extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngFilterPanel.css";
-				${ninegrid.getCustomPath(this,"ngFilterPanel.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngFilterPanel.css";
+				${ninegrid$1.getCustomPath(this,"ngFilterPanel.css")}
 			</style>
 			<div class="head">
@@ -18229,8 +18227,8 @@ class ngFoot extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngFoot.css";
-				${ninegrid.getCustomPath(this,"ngFoot.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngFoot.css";
+				${ninegrid$1.getCustomPath(this,"ngFoot.css")}
 			</style>
 			<ng-layout></ng-layout>
@@ -18277,7 +18275,7 @@ class ngLayout extends HTMLElement
 		if (this.#tables.length <= 1) $(this.#wrap).hide();
 		//$("button", this.#wrap).eq(0).addClass("ng-active");
-		ninegrid.j.querySelectorAll(this.#wrap.querySelector("button")).addClass("ng-active");
+		ninegrid$1.j.querySelectorAll(this.#wrap.querySelector("button")).addClass("ng-active");
 		$("button", this.#wrap).on("click", this.#onClick);
 	};
@@ -18300,7 +18298,7 @@ class ngLayout extends HTMLElement
 	#onClick = e => {
-		if (ninegrid.j.querySelectorAll(e.currentTarget).hasClass("ng-active")) return;
+		if (ninegrid$1.j.querySelectorAll(e.currentTarget).hasClass("ng-active")) return;
 		const oldIndex = this.#at;
@@ -18308,10 +18306,10 @@ class ngLayout extends HTMLElement
 		this.#owner.changeRayout(this.#at);
-		ninegrid.j.querySelectorAll("button", this.#wrap).removeClass("ng-active");
-		ninegrid.j.querySelectorAll(e.currentTarget).addClass("ng-active");
+		ninegrid$1.j.querySelectorAll("button", this.#wrap).removeClass("ng-active");
+		ninegrid$1.j.querySelectorAll(e.currentTarget).addClass("ng-active");
-		var customEvent = new CustomEvent(ninegrid.EVENT.LAYOUT_CHANGED, { bubbles: true, detail: {} });
+		var customEvent = new CustomEvent(ninegrid$1.EVENT.LAYOUT_CHANGED, { bubbles: true, detail: {} });
 		customEvent.oldIndex	= oldIndex;
 		customEvent.newIndex	= this.#at;
@@ -18336,12 +18334,12 @@ class ngHead extends HTMLElement
 		this.#owner = this.getRootNode().host;
-		if (ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) return;
+		if (ninegrid$1.j.querySelectorAll(this.#owner).hasClass("simple")) return;
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngHead.css";
-				${ninegrid.getCustomPath(this,"ngHead.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngHead.css";
+				${ninegrid$1.getCustomPath(this,"ngHead.css")}
 			</style>
 			<ng-menu></ng-menu>
@@ -18581,8 +18579,8 @@ class ngImg extends ngCellEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngImg.css";
-				${ninegrid.getCustomPath(this,"ngImg.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngImg.css";
+				${ninegrid$1.getCustomPath(this,"ngImg.css")}
 				img {
 					border: ${border};
@@ -18647,8 +18645,8 @@ class ngSvg extends ngCellEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngSvg.css";
-				${ninegrid.getCustomPath(this,"ngSvg.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngSvg.css";
+				${ninegrid$1.getCustomPath(this,"ngSvg.css")}
 				div {
 					border: ${border};
@@ -18785,8 +18783,8 @@ class ngInfo extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInfo.css";
-				${ninegrid.getCustomPath(this,"ngInfo.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInfo.css";
+				${ninegrid$1.getCustomPath(this,"ngInfo.css")}
 			</style>
 			<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
@@ -18852,8 +18850,8 @@ class ngInputColor extends ngEditableEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputColor.css";
-				${ninegrid.getCustomPath(this,"ngInputColor.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInputColor.css";
+				${ninegrid$1.getCustomPath(this,"ngInputColor.css")}
 			</style>
 			<input type="color" required />
@@ -18893,12 +18891,12 @@ class ngInputColor extends ngEditableEx
 	dataRefresh = (v) => {
 		if (this.#isValidColor(this.value)) {
-			this.#target.value = ninegrid.nvl(this.value, "#ffffff");
-			ninegrid.j.querySelectorAll(this).removeClass("invalid");
+			this.#target.value = ninegrid$1.nvl(this.value, "#ffffff");
+			ninegrid$1.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
 			this.#target.value = "#ffffff";
-			ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		this.#target.setAttribute("title", this.value);
@@ -18908,7 +18906,7 @@ class ngInputColor extends ngEditableEx
 	#isValidColor = (v) => {
-		if (ninegrid.isNull(v)) return true;
+		if (ninegrid$1.isNull(v)) return true;
 		if (typeof v !== "string" || v.length != 7 || !v.startsWith("#")) return false;
@@ -18947,8 +18945,8 @@ class ngInputDate extends ngEditableEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputDate.css";
-				${ninegrid.getCustomPath(this,"ngInputDate.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInputDate.css";
+				${ninegrid$1.getCustomPath(this,"ngInputDate.css")}
 				input {
 					--height: ${height}px;
@@ -19025,10 +19023,10 @@ class ngInputDate extends ngEditableEx
 		this.#target.value = v;
 		if (this.#isValidDate(v)) {
-			ninegrid.j.querySelectorAll(this).removeClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).removeClass("invalid");
 		}
 		else {
-			ninegrid.j.querySelectorAll(this).addClass("invalid");
+			ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		if (!a) this.reset();
@@ -19036,7 +19034,7 @@ class ngInputDate extends ngEditableEx
 	#isValidDate = (v) => {
-		if (ninegrid.isNull(v)) return true;
+		if (ninegrid$1.isNull(v)) return true;
 		if (typeof v !== "string") return false;
@@ -19156,8 +19154,8 @@ class ngInputText extends ngEditableEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngInputText.css";
-				${ninegrid.getCustomPath(this,"ngInputText.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngInputText.css";
+				${ninegrid$1.getCustomPath(this,"ngInputText.css")}
 			</style>
 			<input type="text"
@@ -19188,9 +19186,9 @@ class ngInputText extends ngEditableEx
 			if (e.target.selectionStart == e.target.selectionEnd) {
 				if (this.#maxbyte) {
-					if (ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte)) {
+					if (ninegrid$1.getByteLength(e.target.value) >= Number(this.#maxbyte)) {
-						e.target.value = ninegrid.cut(e.target.value, Number(this.#maxbyte));
+						e.target.value = ninegrid$1.cut(e.target.value, Number(this.#maxbyte));
 						this.value = e.target.value;
 					}
@@ -19229,7 +19227,7 @@ class ngInputText extends ngEditableEx
 		this.#target.value = this.value;
-		ninegrid.j.querySelectorAll(this.#target).removeClass("invalid");
+		ninegrid$1.j.querySelectorAll(this.#target).removeClass("invalid");
 		if (this.#type == "number") {
@@ -19237,18 +19235,18 @@ class ngInputText extends ngEditableEx
 				this.#max && Number(this.#target.value) > Number(this.#max) ||
 				this.#min && Number(this.#target.value) < Number(this.#min)
 			) {
-				ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+				ninegrid$1.j.querySelectorAll(this.#target).addClass("invalid");
 			}
 			else if (this.#scale) {
 				if (this.#target.value.indexOf('.') >= 0 && this.#target.value.substring(this.#target.value.indexOf('.')+1).length > Number(this.#scale) ) {
-					ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+					ninegrid$1.j.querySelectorAll(this.#target).addClass("invalid");
 				}
 			}
 		}
-		if (this.#maxbyte && ninegrid.getByteLength(this.value) > Number(this.#maxbyte)) {
-			ninegrid.j.querySelectorAll(this.#target).addClass("invalid");
+		if (this.#maxbyte && ninegrid$1.getByteLength(this.value) > Number(this.#maxbyte)) {
+			ninegrid$1.j.querySelectorAll(this.#target).addClass("invalid");
 		}
 		if (!v) this.reset();
@@ -19290,7 +19288,7 @@ class ngInputText extends ngEditableEx
 		}
-		if (this.#maxbyte && ninegrid.getByteLength(e.target.value) >= Number(this.#maxbyte) && e.target.selectionStart == e.target.selectionEnd) e.preventDefault();
+		if (this.#maxbyte && ninegrid$1.getByteLength(e.target.value) >= Number(this.#maxbyte) && e.target.selectionStart == e.target.selectionEnd) e.preventDefault();
 	}
 }
@@ -19384,7 +19382,7 @@ class ngMatrixManager
 		var subrow = matrixRow % this.#owner.template.length;
 		//matrixRow += this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
-		var rows = ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
+		var rows = ninegrid$1.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
 		var idx = rows.findIndex(o => o.rowid == rowid && o.subrow == subrow);
@@ -19426,7 +19424,7 @@ class ngMatrixManager
 		//matrixRow += this.#owner.dataManager.viewRecords.rawIndex * this.#owner.template.length;
-		var rows = ninegrid.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
+		var rows = ninegrid$1.decode(group, "head", this.#headRows, "foot", this.#footRows, this.#bodyRows);
 		var idx = rows.findIndex(o => o.rowid == rowid && o.subrow == subrow);
@@ -19476,7 +19474,7 @@ class ngMaxPopup extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ninegrid.css";
 				:host {
 				}
 				nine-grid {
@@ -19522,7 +19520,7 @@ class ngMaxPopup extends HTMLElement
 			e.stopImmediatePropagation();
-			ninegrid.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
+			ninegrid$1.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
 				if (result) {
 					$(".apply", this.shadowRoot).trigger("click");
@@ -19535,9 +19533,11 @@ class ngMaxPopup extends HTMLElement
 	}
 	popup = () => {
-		//console.log(this.#owner.data);
-		this.#grd.data.assign(this.#owner.data.get());
-		this.shadowRoot.querySelector('dialog').showModal();
+		setTimeout(() => {
+			/** 생성 즉시 호출시 오류 (this.#grd.data null) */
+			this.#grd.data.assign(this.#owner.data.get());
+			this.shadowRoot.querySelector('dialog').showModal();
+		}, 100);
 	};
 }
@@ -19627,34 +19627,34 @@ class ngMenu extends HTMLElement
 						"select-type": {
 							name: 'select type',
 							items: {
-								[`select-type-${ninegrid.SELECTTYPE.ROW}`]	: { name: "row",			className: `select-type select-type-${ninegrid.SELECTTYPE.ROW}`	},
-								[`select-type-${ninegrid.SELECTTYPE.ROWS}`]: { name: "multi row",		className: `select-type select-type-${ninegrid.SELECTTYPE.ROWS}`},
-								[`select-type-${ninegrid.SELECTTYPE.COL}`]	: { name: "column",			className: `select-type select-type-${ninegrid.SELECTTYPE.COL}`	},
-								[`select-type-${ninegrid.SELECTTYPE.COLS}`]: { name: "multi column",	className: `select-type select-type-${ninegrid.SELECTTYPE.COLS}`},
-								[`select-type-${ninegrid.SELECTTYPE.CELL}`]: { name: "cell",			className: `select-type select-type-${ninegrid.SELECTTYPE.CELL}`},
-								[`select-type-${ninegrid.SELECTTYPE.AREA}`]: { name: "area",			className: `select-type select-type-${ninegrid.SELECTTYPE.AREA}`},
-								[`select-type-${ninegrid.SELECTTYPE.NONE}`]: { name: "none",			className: `select-type select-type-${ninegrid.SELECTTYPE.NONE}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.ROW}`]	: { name: "row",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.ROW}`	},
+								[`select-type-${ninegrid$1.SELECTTYPE.ROWS}`]: { name: "multi row",		className: `select-type select-type-${ninegrid$1.SELECTTYPE.ROWS}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.COL}`]	: { name: "column",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.COL}`	},
+								[`select-type-${ninegrid$1.SELECTTYPE.COLS}`]: { name: "multi column",	className: `select-type select-type-${ninegrid$1.SELECTTYPE.COLS}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.CELL}`]: { name: "cell",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.CELL}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.AREA}`]: { name: "area",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.AREA}`},
+								[`select-type-${ninegrid$1.SELECTTYPE.NONE}`]: { name: "none",			className: `select-type select-type-${ninegrid$1.SELECTTYPE.NONE}`},
 							},
 						},
 						"paging-type": {
 							name: 'paging type',
 							items: {
-								[`paging-type-${ninegrid.PAGINGTYPE.NONE}`]	: { name: "none",		className: `paging-type paging-type-${ninegrid.PAGINGTYPE.NONE}`	},
-								[`paging-type-${ninegrid.PAGINGTYPE.CLIENT}`]	: { name: "client",		className: `paging-type paging-type-${ninegrid.PAGINGTYPE.CLIENT}`	},
-								[`paging-type-${ninegrid.PAGINGTYPE.SERVER}`]	: { name: "server",		className: `paging-type paging-type-${ninegrid.PAGINGTYPE.SERVER}`	},
+								[`paging-type-${ninegrid$1.PAGINGTYPE.NONE}`]	: { name: "none",		className: `paging-type paging-type-${ninegrid$1.PAGINGTYPE.NONE}`	},
+								[`paging-type-${ninegrid$1.PAGINGTYPE.CLIENT}`]	: { name: "client",		className: `paging-type paging-type-${ninegrid$1.PAGINGTYPE.CLIENT}`	},
+								[`paging-type-${ninegrid$1.PAGINGTYPE.SERVER}`]	: { name: "server",		className: `paging-type paging-type-${ninegrid$1.PAGINGTYPE.SERVER}`	},
 								"paging-count": {
 									name: "entries per page",
 									items: {
-										[`paging-count-${ninegrid.PAGINGCOUNT.AUTO}`]			: { name: "auto",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.AUTO}`		},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_1}`]		: { name: "1",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_1}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_5}`]		: { name: "5",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_5}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_10}`]		: { name: "10",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_10}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_20}`]		: { name: "20",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_20}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_30}`]		: { name: "30",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_30}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_50}`]		: { name: "50",		className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_50}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_100}`]		: { name: "100",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_100}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_1000}`]		: { name: "1000",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_1000}`	},
-										[`paging-count-${ninegrid.PAGINGCOUNT.NUM_10000}`]	: { name: "10000",	className: `paging-count paging-count-${ninegrid.PAGINGCOUNT.NUM_10000}`},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.AUTO}`]			: { name: "auto",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.AUTO}`		},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1}`]		: { name: "1",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_5}`]		: { name: "5",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_5}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10}`]		: { name: "10",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_20}`]		: { name: "20",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_20}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_30}`]		: { name: "30",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_30}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_50}`]		: { name: "50",		className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_50}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_100}`]		: { name: "100",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_100}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1000}`]		: { name: "1000",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1000}`	},
+										[`paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10000}`]	: { name: "10000",	className: `paging-count paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10000}`},
 									},
 								},
 							},
@@ -19674,9 +19674,9 @@ class ngMenu extends HTMLElement
 					//if (ninegrid.j.querySelectorAll(this.#owner).hasClass("ng-maximize")) {
 						$('ng-max-popup', this.#owner.shadowRoot).remove();
 						$(this.#owner.shadowRoot).append($('<ng-max-popup></ng-max-popup>'));
-						setTimeout(() => {
-							this.#owner.shadowRoot.querySelector("ng-max-popup").popup();
-						}, 1000);
+						//setTimeout(() => {
+						this.#owner.shadowRoot.querySelector("ng-max-popup").popup();
+						//}, 100);
 					//}
 					break;
@@ -19701,13 +19701,13 @@ class ngMenu extends HTMLElement
 					this.#owner.filtering.isFiltering() ? this.#owner.filtering.off() : this.#owner.filtering.on();
 					break;
-				case `select-type-${ninegrid.SELECTTYPE.ROW}`:
-				case `select-type-${ninegrid.SELECTTYPE.ROWS}`:
-				case `select-type-${ninegrid.SELECTTYPE.COL}`:
-				case `select-type-${ninegrid.SELECTTYPE.COLS}`:
-				case `select-type-${ninegrid.SELECTTYPE.CELL}`:
-				case `select-type-${ninegrid.SELECTTYPE.AREA}`:
-				case `select-type-${ninegrid.SELECTTYPE.NONE}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.ROW}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.ROWS}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.COL}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.COLS}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.CELL}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.AREA}`:
+				case `select-type-${ninegrid$1.SELECTTYPE.NONE}`:
 					this.#owner.setAttribute("select-type", e.menuId.replace("select-type-", ""));
 					break;
@@ -19722,25 +19722,25 @@ class ngMenu extends HTMLElement
 					this.#owner.setAttribute("show-status-bar", this.#owner.getAttribute("show-status-bar") == "true" ? "false" : "true");
 					break;
-				case `paging-type-${ninegrid.PAGINGTYPE.NONE}`:
-				case `paging-type-${ninegrid.PAGINGTYPE.CLIENT}`:
-				case `paging-type-${ninegrid.PAGINGTYPE.SERVER}`:
+				case `paging-type-${ninegrid$1.PAGINGTYPE.NONE}`:
+				case `paging-type-${ninegrid$1.PAGINGTYPE.CLIENT}`:
+				case `paging-type-${ninegrid$1.PAGINGTYPE.SERVER}`:
 					this.#owner.setAttribute("paging-type", e.menuId.replace("paging-type-", ""));
 					break;
-				case `paging-count-${ninegrid.PAGINGCOUNT.AUTO}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_1}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_5}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_10}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_20}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_30}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_50}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_100}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_1000}`:
-				case `paging-count-${ninegrid.PAGINGCOUNT.NUM_10000}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.AUTO}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_5}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_20}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_30}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_50}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_100}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_1000}`:
+				case `paging-count-${ninegrid$1.PAGINGCOUNT.NUM_10000}`:
 					this.#owner.setAttribute("paging-count", e.menuId.replace("paging-count-", ""));
 					break;
 				case "col-indicator-type":
-					this.#owner.setAttribute("col-indicator-type", this.#owner.getAttribute("col-indicator-type") == ninegrid.COLINDICATORTYPE.EXPAND ? ninegrid.COLINDICATORTYPE.COLLAPSE : ninegrid.COLINDICATORTYPE.EXPAND);
+					this.#owner.setAttribute("col-indicator-type", this.#owner.getAttribute("col-indicator-type") == ninegrid$1.COLINDICATORTYPE.EXPAND ? ninegrid$1.COLINDICATORTYPE.COLLAPSE : ninegrid$1.COLINDICATORTYPE.EXPAND);
 					break;
 				case "auto-fit-col":
 					this.#owner.setAttribute("auto-fit-col", this.#owner.getAttribute("auto-fit-col") == "true" ? "false" : "true");
@@ -19754,29 +19754,29 @@ class ngMenu extends HTMLElement
 			},
 			events : {
 				show : e => {
-					ninegrid.j.querySelectorAll(this.#owner).hasClass("ng-maximize") ? ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(this.#owner).hasClass("ng-maximize") ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("show-title-bar") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("show-menu-icon") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("show-status-bar") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("show-title-bar") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-title-bar", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("show-menu-icon") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-menu-icon", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("show-status-bar") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-status-bar", this.#owner.shadowRoot).removeClass("on");
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .select-type", this.#owner.shadowRoot).removeClass("on");
-					ninegrid.j.querySelectorAll(`ng-context-menu-panel .select-type-${this.#owner.getAttribute("select-type")}`, this.#owner.shadowRoot).addClass("on");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .select-type", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(`ng-context-menu-panel .select-type-${this.#owner.getAttribute("select-type")}`, this.#owner.shadowRoot).addClass("on");
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .paging-type", this.#owner.shadowRoot).removeClass("on");
-					ninegrid.j.querySelectorAll(`ng-context-menu-panel .paging-type-${this.#owner.getAttribute("paging-type")}`, this.#owner.shadowRoot).addClass("on");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .paging-type", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(`ng-context-menu-panel .paging-type-${this.#owner.getAttribute("paging-type")}`, this.#owner.shadowRoot).addClass("on");
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .paging-count", this.#owner.shadowRoot).removeClass("on");
-					ninegrid.j.querySelectorAll(`ng-context-menu-panel .paging-count-${this.#owner.getAttribute("paging-count")}`, this.#owner.shadowRoot).addClass("on");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .paging-count", this.#owner.shadowRoot).removeClass("on");
+					ninegrid$1.j.querySelectorAll(`ng-context-menu-panel .paging-count-${this.#owner.getAttribute("paging-count")}`, this.#owner.shadowRoot).addClass("on");
-					this.#owner.filtering.isFiltering() ? ninegrid.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.filtering.isFiltering() ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .ng-menu-filtering", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("auto-fit-col") == "true" ? ninegrid.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("auto-fit-col") == "true" ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .auto-fit-col", this.#owner.shadowRoot).removeClass("on");
-					this.#owner.getAttribute("col-indicator-type") == ninegrid.COLINDICATORTYPE.EXPAND ? ninegrid.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).addClass("on") : ninegrid.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).removeClass("on");
+					this.#owner.getAttribute("col-indicator-type") == ninegrid$1.COLINDICATORTYPE.EXPAND ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).addClass("on") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .col-indicator-type", this.#owner.shadowRoot).removeClass("on");
 					const tfoot = this.#owner.body.querySelector(".ng-table tfoot");
-					const tfootMenu = ninegrid.j.querySelectorAll("ng-context-menu-panel .show-tfoot", this.#owner.shadowRoot);
+					const tfootMenu = ninegrid$1.j.querySelectorAll("ng-context-menu-panel .show-tfoot", this.#owner.shadowRoot);
 					if (tfoot) {
 						tfootMenu.removeClass("disabled");
@@ -19787,12 +19787,12 @@ class ngMenu extends HTMLElement
 					}
 					if (typeof ExcelJS == "undefined") {
-						ninegrid.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-excel", this.#owner.shadowRoot).addClass("disabled");
+						ninegrid$1.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-excel", this.#owner.shadowRoot).addClass("disabled");
 					}
-					ninegrid.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-pdf", this.#owner.shadowRoot).addClass("disabled");
+					ninegrid$1.j.querySelectorAll("ng-context-menu-panel .import,ng-context-menu-panel .export-pdf", this.#owner.shadowRoot).addClass("disabled");
-					this.#owner.closest("dialog") ? ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("disabled") : ninegrid.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("disabled");
+					this.#owner.closest("dialog") ? ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).addClass("disabled") : ninegrid$1.j.querySelectorAll("ng-context-menu-panel .maximize", this.#owner.shadowRoot).removeClass("disabled");
 				},
 				hide : () => {
 				},
@@ -19851,22 +19851,22 @@ class ngPaging extends HTMLElement
 		return this.#owner.getAttribute("paging-type");
 	};
 	set type(v) {
-		if (!Object.values(ninegrid.PAGINGTYPE).includes(v)) throw `invalid page type : ${v}`;
+		if (!Object.values(ninegrid$1.PAGINGTYPE).includes(v)) throw `invalid page type : ${v}`;
 		//this.#owner.setAttribute("paging-type", v);
 		switch (v) {
-		case ninegrid.PAGINGTYPE.NONE:
+		case ninegrid$1.PAGINGTYPE.NONE:
 			$(this).children().show();
 			$(this).children().not("span:last-child").hide();
 			break;
-		case ninegrid.PAGINGTYPE.CLIENT:
+		case ninegrid$1.PAGINGTYPE.CLIENT:
 			$(this).children().show();
 			break;
-		case ninegrid.PAGINGTYPE.SERVER:
+		case ninegrid$1.PAGINGTYPE.SERVER:
 			$(this).children().show();
 			break;
 		}
@@ -19878,7 +19878,7 @@ class ngPaging extends HTMLElement
 		return this.#currentPage;
 	};
 	set currentPage(v) {
-		if (this.type != ninegrid.PAGINGTYPE.SERVER) throw `"currentPage" is only allowed when the paging type is server.`;
+		if (this.type != ninegrid$1.PAGINGTYPE.SERVER) throw `"currentPage" is only allowed when the paging type is server.`;
 		this.#currentPage = v;
 	};
@@ -19912,7 +19912,7 @@ class ngPaging extends HTMLElement
 		setTimeout(() => {/** paging-type : none -> client 변경시 height 오류 */
 			this.#count = v;
-			if (v == ninegrid.PAGINGCOUNT.AUTO) {
+			if (v == ninegrid$1.PAGINGCOUNT.AUTO) {
 				var totalHeight = $(".ng-container-body", this.#owner.body).height() - ($(".ng-container-body thead", this.#owner.body).height() || 0) - ($(".ng-container-body tfoot", this.#owner.body).height() || 0);
 				var tmplHeight = 0;
 				$(this.#owner.template).each((i,el) => tmplHeight += $(el).height());
@@ -19926,15 +19926,15 @@ class ngPaging extends HTMLElement
 			switch (this.type) {
-			case ninegrid.PAGINGTYPE.NONE:
+			case ninegrid$1.PAGINGTYPE.NONE:
 				this.refresh();
 				break;
-			case ninegrid.PAGINGTYPE.CLIENT:
+			case ninegrid$1.PAGINGTYPE.CLIENT:
 				this.refresh();
 				break;
-			case ninegrid.PAGINGTYPE.SERVER:
+			case ninegrid$1.PAGINGTYPE.SERVER:
 				this.movePage(1);
 				break;
 			}
@@ -19961,13 +19961,13 @@ class ngPaging extends HTMLElement
 	#refresh = () => {
-		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid$1.PAGINGTYPE.CLIENT) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#owner.data.countNF().toLocaleString()}`);
 		}
-		else if (this.type == ninegrid.PAGINGTYPE.SERVER) {
+		else if (this.type == ninegrid$1.PAGINGTYPE.SERVER) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#totalCount.toLocaleString()}`);
 		}
-		else if (this.type == ninegrid.PAGINGTYPE.NONE) {
+		else if (this.type == ninegrid$1.PAGINGTYPE.NONE) {
 			$('span', this).eq(1).html(`<b>Total</b> : ${this.#totalCount.toLocaleString()}`);
 		}
@@ -19978,21 +19978,21 @@ class ngPaging extends HTMLElement
 			$('span', this).eq(0).html(`${this.#currentPage.toLocaleString()} <i>of</i> ${this.#totalPage.toLocaleString()}`);
 		}
-		ninegrid.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
-		ninegrid.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
-		ninegrid.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
-		ninegrid.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", (this.#currentPage == 1 || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
+		ninegrid$1.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", (this.#currentPage == this.#totalPage || this.#totalPage < 1) ? true : false);
 	};
 	#moveLast = () => {
 		//this.#clearPaging();
-		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid$1.PAGINGTYPE.CLIENT) {
 			this.movePage(Math.ceil(this.#owner.data.countNF() / this.#linesPerPage));
 		}
-		else if (this.type == ninegrid.PAGINGTYPE.SERVER) {
+		else if (this.type == ninegrid$1.PAGINGTYPE.SERVER) {
 			this.movePage(Math.ceil(this.#totalCount / this.#linesPerPage));
 		}
 	};
@@ -20002,11 +20002,11 @@ class ngPaging extends HTMLElement
 		//if (!this.#owner || !this.#owner.data || isNaN(page) || this.#totalPage == 0) return;
 		if (!this.#owner || !this.#owner.data || isNaN(page)) return;
-		if (this.type == ninegrid.PAGINGTYPE.SERVER) {
-			ninegrid.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", true);
-			ninegrid.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", true);
-			ninegrid.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", true);
-			ninegrid.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", true);
+		if (this.type == ninegrid$1.PAGINGTYPE.SERVER) {
+			ninegrid$1.j.querySelectorAll('.ng-paging-first',	this).attr("disabled", true);
+			ninegrid$1.j.querySelectorAll('.ng-paging-prev',	this).attr("disabled", true);
+			ninegrid$1.j.querySelectorAll('.ng-paging-next',	this).attr("disabled", true);
+			ninegrid$1.j.querySelectorAll('.ng-paging-last',	this).attr("disabled", true);
 		}
 		//this.#clearPaging();
@@ -20014,7 +20014,7 @@ class ngPaging extends HTMLElement
 		this.#oldPage = this.#currentPage;
 		this.#currentPage = page;
-		if (this.type == ninegrid.PAGINGTYPE.CLIENT) {
+		if (this.type == ninegrid$1.PAGINGTYPE.CLIENT) {
 			var data = this.#owner.data.getValidDataNF();
@@ -20040,7 +20040,7 @@ class ngPaging extends HTMLElement
 			this.#owner.scrollTo_V1(0);
 		}
-		if (this.type == ninegrid.PAGINGTYPE.SERVER && this.#oldPage != this.#currentPage){
+		if (this.type == ninegrid$1.PAGINGTYPE.SERVER && this.#oldPage != this.#currentPage){
 			this.onpagechanged.pageIndex= this.#currentPage;
 			this.onpagechanged.pageCnt	= this.#linesPerPage;
@@ -20055,18 +20055,18 @@ class ngPaging extends HTMLElement
 	refresh = () => {
 		switch (this.type) {
-		case ninegrid.PAGINGTYPE.NONE:
+		case ninegrid$1.PAGINGTYPE.NONE:
 			this.#clearPaging();
 			$(".ng-container tbody tr.bindable:not(.nodata)", this.#owner.body).remove();
 			this.#owner.scrollTo_V1(0);
 			break;
-		case ninegrid.PAGINGTYPE.CLIENT:
+		case ninegrid$1.PAGINGTYPE.CLIENT:
 			this.movePage(1);
 			this.#owner.refresh();
 			break;
-		case ninegrid.PAGINGTYPE.SERVER:
+		case ninegrid$1.PAGINGTYPE.SERVER:
 			break;
 		}
@@ -20099,8 +20099,8 @@ class ngProgress extends ngCellEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngProgress.css";
-				${ninegrid.getCustomPath(this,"ngProgress.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngProgress.css";
+				${ninegrid$1.getCustomPath(this,"ngProgress.css")}
 				progress::-webkit-progress-bar {
 					background:  ${backColor};
@@ -20206,8 +20206,8 @@ class ngRadio extends ngEditableEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRadio.css";
-				${ninegrid.getCustomPath(this,"ngRadio.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRadio.css";
+				${ninegrid$1.getCustomPath(this,"ngRadio.css")}
 				div.ng-wrap {
 					justify-content: ${justifyContent};
@@ -20249,7 +20249,7 @@ class ngRadio extends ngEditableEx
 	dataRefresh = (v) => {
 		if (this.#dataSource) {
-			this.#isValid() ? ninegrid.j.querySelectorAll(this).removeClass("invalid") : ninegrid.j.querySelectorAll(this).addClass("invalid");
+			this.#isValid() ? ninegrid$1.j.querySelectorAll(this).removeClass("invalid") : ninegrid$1.j.querySelectorAll(this).addClass("invalid");
 		}
 		$(this.#target).each((i,el) => {
@@ -20263,7 +20263,7 @@ class ngRadio extends ngEditableEx
 		//console.log(this.value, ninegrid.isNull(this.value));
-		if (ninegrid.isNull(this.value)) return true;
+		if (ninegrid$1.isNull(this.value)) return true;
 		var idx = this.#dataSource.findIndex(m => { return this.value == m[this.#code]; });
 		if (idx < 0) return false;
@@ -20308,8 +20308,8 @@ class ngRenderer extends ngCellEx
 		this.shadowRoot.innerHTML =`
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRenderer.css";
-				${ninegrid.getCustomPath(this,"ngRenderer.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRenderer.css";
+				${ninegrid$1.getCustomPath(this,"ngRenderer.css")}
 				span {
 					color: ${color};
@@ -20368,8 +20368,8 @@ class ngRowDetail extends ngCellEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowDetail.css";
-				${ninegrid.getCustomPath(this,"ngRowDetail.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowDetail.css";
+				${ninegrid$1.getCustomPath(this,"ngRowDetail.css")}
 			</style>
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="dtl" focusable="false" aria-hidden="true">
@@ -20421,7 +20421,7 @@ class ngRowDetailPopup extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ninegrid.css";
 				nine-grid {
 					border: 1px solid #ccc;
 				}
@@ -20473,7 +20473,7 @@ class ngRowDetailPopup extends HTMLElement
 			e.stopImmediatePropagation();
-			ninegrid.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
+			ninegrid$1.confirm("There is changed data.\nDo you want to save it?", "SAVE", {"class": "rgb", "true-text": "Yes", "false-text": "No", }).then(result => {
 				if (result) {
 					$(".apply", this.shadowRoot).trigger("click");
@@ -20489,7 +20489,7 @@ class ngRowDetailPopup extends HTMLElement
 		var data = this.#owner.body.querySelector(`tr[data-row="${row}"]`).data;
-		this.#rowIndex = data.__ng._[ninegrid.ROW.INDEX];
+		this.#rowIndex = data.__ng._[ninegrid$1.ROW.INDEX];
 		$(".title", this.shadowRoot).html(this.#owner.getAttribute("caption") || "Details");
 		$(".sub-title", this.shadowRoot).html(`(${(Number(row)+1).toLocaleString()} of ${this.#owner.data.count().toLocaleString()})`);
@@ -20619,8 +20619,8 @@ class ngRowDrag extends ngCellEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowDrag.css";
-				${ninegrid.getCustomPath(this,"ngRowDrag.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowDrag.css";
+				${ninegrid$1.getCustomPath(this,"ngRowDrag.css")}
 			</style>
 		`;
@@ -20700,7 +20700,7 @@ class ngRowMover
 	#borderTop = (row) => {
 		[".ng-container-left",".ng-container-body",".ng-container-right"].forEach(group => {
 			const trs = this.#owner.body.querySelectorAll(`${group} tr[data-row="${row}"]`);
-			ninegrid.j.querySelectorAll("th,td", trs[0]).addClass("ng-dragover-up");
+			ninegrid$1.j.querySelectorAll("th,td", trs[0]).addClass("ng-dragover-up");
 		});
 	};
@@ -20708,7 +20708,7 @@ class ngRowMover
 		[".ng-container-left",".ng-container-body",".ng-container-right"].forEach(group => {
 			this.#owner.body.querySelectorAll(`${group} tr[data-row="${row}"]`).forEach((tr,i) => {
 				tr.querySelectorAll("th,td").forEach(cell => {
-					if ((i + (cell.rowSpan || 1)) == this.#owner.template.length) ninegrid.j.querySelectorAll(cell).addClass("ng-dragover-down");
+					if ((i + (cell.rowSpan || 1)) == this.#owner.template.length) ninegrid$1.j.querySelectorAll(cell).addClass("ng-dragover-down");
 				});
 			});
 		});
@@ -20726,8 +20726,8 @@ class ngRowMover
 		const targetRow = parseInt(e.target.closest("th,td").dataset.row);
-		ninegrid.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
-		ninegrid.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
 		//ninegrid.j.querySelectorAll(`tr`, targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
 		if (sourceGrid.id == targetGrid.id) {
@@ -20795,7 +20795,7 @@ class ngRowMover
 		//const sourceGrid= document.getElementById(e.dataTransfer.getData("id"));
 		//const sourceRow	= parseInt(e.dataTransfer.getData("row"));
 		//const sourceBind= e.dataTransfer.getData("bind");
-		const sourceGrid= ninegrid.nvl(document.getElementById(ngRowDrag.dragData.id), this.#owner);		/** Max Popup 화면에서 document.getElementById(ngRowDrag.dragData.id) == null */
+		const sourceGrid= ninegrid$1.nvl(document.getElementById(ngRowDrag.dragData.id), this.#owner);		/** Max Popup 화면에서 document.getElementById(ngRowDrag.dragData.id) == null */
 		const sourceRow	= ngRowDrag.dragData.row;
 		const sourceBind= ngRowDrag.dragData.bind;
@@ -20806,12 +20806,12 @@ class ngRowMover
 		const targetRow	= parseInt(targetTr.dataset.row);
 		const targetBind= targetGrid.body.querySelector("ng-row-drag") ? targetGrid.body.querySelector("ng-row-drag").cell.dataset.bind : null;
-		ninegrid.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
-		ninegrid.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", sourceGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
+		ninegrid$1.j.querySelectorAll("th,td", targetGrid.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down");
 		if (sourceGrid.id == targetGrid.id && sourceRow == targetRow) return;
-		const canEvent	= new CustomEvent(ninegrid.EVENT.CAN_ROW_MOVE, { bubbles: true, cancelable: true, detail: {} });
+		const canEvent	= new CustomEvent(ninegrid$1.EVENT.CAN_ROW_MOVE, { bubbles: true, cancelable: true, detail: {} });
 		canEvent.sourceGrid	= sourceGrid;
 		canEvent.targetGrid	= targetGrid;
 		canEvent.sourceRow	= sourceRow;
@@ -20849,7 +20849,7 @@ class ngRowMover
 		this.#owner.dataManager.viewRecords.reset();
-		const doneEvent	= new CustomEvent(ninegrid.EVENT.ROW_MOVED, { bubbles: true, detail: {} });
+		const doneEvent	= new CustomEvent(ninegrid$1.EVENT.ROW_MOVED, { bubbles: true, detail: {} });
 		doneEvent.sourceGrid= sourceGrid;
 		doneEvent.targetGrid= targetGrid;
  		doneEvent.sourceRow	= sourceRow;
@@ -20882,8 +20882,8 @@ class ngRowExpand extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowExpand.css";
-				${ninegrid.getCustomPath(this,"ngRowExpand.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowExpand.css";
+				${ninegrid$1.getCustomPath(this,"ngRowExpand.css")}
 			</style>
 		`;
@@ -20893,17 +20893,17 @@ class ngRowExpand extends HTMLElement
 		if (!this.#owner || !this.#cell) return;
 		//this.#originExpr= $(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.template).attr("data-expr");
-		this.#originExpr= ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr");
+		this.#originExpr= ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr");
 		if (this.#cell.querySelector("ng-col-expand")) {
-			ninegrid.j.querySelectorAll(this).addClass("padding");
+			ninegrid$1.j.querySelectorAll(this).addClass("padding");
 		}
 		$(this).on("click", e => {
 			e.preventDefault();
 			e.stopPropagation();
-			if (ninegrid.j.querySelectorAll(this).hasClass("expand")) {
+			if (ninegrid$1.j.querySelectorAll(this).hasClass("expand")) {
 				this.#collapse();
 			}
 			else {
@@ -20915,28 +20915,28 @@ class ngRowExpand extends HTMLElement
 	};
 	#expand = () => {
-		const bind = ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-bind");
+		const bind = ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-bind");
 		const expr = `data.${bind}.replaceAll("\\n", "<br>")`;
-		ninegrid.j.querySelectorAll(this).addClass("expand");
+		ninegrid$1.j.querySelectorAll(this).addClass("expand");
-		ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", expr);
-		ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", expr);
+		ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", expr);
+		ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", expr);
 		this.#setRowHeightFit();
 	};
 	#collapse = () => {
-		ninegrid.j.querySelectorAll(this).removeClass("expand");
+		ninegrid$1.j.querySelectorAll(this).removeClass("expand");
 		if (this.#originExpr) {
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", this.#originExpr);
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", this.#originExpr);
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).attr("data-expr", this.#originExpr);
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).attr("data-expr", this.#originExpr);
 		}
 		else {
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).removeAttr("data-expr");
-			ninegrid.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).removeAttr("data-expr");
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.tmpl).removeAttr("data-expr");
+			ninegrid$1.j.querySelectorAll(`[data-col="${this.#cell.dataset.col}"]`, this.#owner.body).removeAttr("data-expr");
 		}
 		this.#setRowHeightFit();
@@ -20972,8 +20972,8 @@ class ngRowIndicator extends ngCellEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowIndicator.css";
-				${ninegrid.getCustomPath(this,"ngRowIndicator.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowIndicator.css";
+				${ninegrid$1.getCustomPath(this,"ngRowIndicator.css")}
 				svg.dtl {
 					display: ${"none"};
@@ -21008,7 +21008,7 @@ class ngRowIndicator extends ngCellEx
 		//this.cell.dataset.expr = ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.PIN] ? '*' : data.__ng._[ninegrid.ROW.ORDER]");
 		//this.cell.dataset.expr = ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER] + ':' + data.__ng._[ninegrid.ROW.VISIBLE_ROW] + ':' + data.__ng._[ninegrid.ROW.INDEX]");
-		this.cell.dataset.expr = ninegrid.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]");
+		this.cell.dataset.expr = ninegrid$1.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]");
 		this.cell.setAttribute("text-align", "center");
@@ -21036,14 +21036,14 @@ class ngRowIndicator extends ngCellEx
 		var row = parseInt(this.cell.dataset.row);
 		switch (this.data.__ng.rowState) {
-		case ninegrid.ROW_STATE.INSERT:
-			ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
+		case ninegrid$1.ROW_STATE.INSERT:
+			ninegrid$1.j.querySelectorAll(this).addClass('added').removeClass('updated');
 			break;
-		case ninegrid.ROW_STATE.UPDATE:
-			ninegrid.j.querySelectorAll(this).addClass('updated');
+		case ninegrid$1.ROW_STATE.UPDATE:
+			ninegrid$1.j.querySelectorAll(this).addClass('updated');
 			break;
 		default:
-			ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
+			ninegrid$1.j.querySelectorAll(this).removeClass('added').removeClass('updated');
 			break;
 		}
@@ -21053,7 +21053,7 @@ class ngRowIndicator extends ngCellEx
 	};
 	#init = () => {
-		if (!ninegrid.j.querySelectorAll(this.closest("tbody")).hasClass("fixed")) {
+		if (!ninegrid$1.j.querySelectorAll(this.closest("tbody")).hasClass("fixed")) {
 			var rowSpan = this.cell.rowSpan;
 			var tr = this.closest("tr");
 			for (var i = 0; i < rowSpan; i++) {
@@ -21140,12 +21140,12 @@ class ngRowResizer extends HTMLElement
 		$(this).on("mousedown", e => {
-			if (ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
+			if (ninegrid$1.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
 			this.#timer = setTimeout(() => { this.#onMouseDown(e); }, 500);
 		})
 		.on("dblclick", e => {
-			if (ninegrid.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
+			if (ninegrid$1.j.querySelectorAll(this.#cell.closest("tbody")).hasClass('fixed')) return;
 			this.#onDblClick(e);
 		});
@@ -21256,8 +21256,8 @@ class ngRowPin extends ngCellEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowPin.css";
-				${ninegrid.getCustomPath(this,"ngRowPin.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowPin.css";
+				${ninegrid$1.getCustomPath(this,"ngRowPin.css")}
 			</style>
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" focusable="false" aria-hidden="true">
@@ -21273,7 +21273,7 @@ class ngRowPin extends ngCellEx
 	dataRefresh = (v) => {
 		if (!this.owner || !this.cell || !this.data) return;
-		this.cell.closest("tbody.fixed") ? ninegrid.j.querySelectorAll(this).addClass("pin") : ninegrid.j.querySelectorAll(this).removeClass("pin");
+		this.cell.closest("tbody.fixed") ? ninegrid$1.j.querySelectorAll(this).addClass("pin") : ninegrid$1.j.querySelectorAll(this).removeClass("pin");
 		if (!v) this.reset();
 	};
@@ -21281,12 +21281,12 @@ class ngRowPin extends ngCellEx
 	#init = () => {
 		/** Mobile에서 Row Pin 기능 방지 */
-		if (!ninegrid.isMobile()) {
+		if (!ninegrid$1.isMobile()) {
 			this.shadowRoot.querySelector("svg").addEventListener("click", e => {
 				const row = this.cell.closest("tr").dataset.row;
-				this.cell.closest("tbody.fixed") ? this.owner.pin.remove(row) : this.owner.pin.add(this.data.__ng._[ninegrid.ROW.INDEX]);
+				this.cell.closest("tbody.fixed") ? this.owner.pin.remove(row) : this.owner.pin.add(this.data.__ng._[ninegrid$1.ROW.INDEX]);
 			});
 		}
 	}
@@ -21308,7 +21308,7 @@ class ngPinManager
 		 * 1. grid attr == filter : on();
 		 */
 		this.#records.forEach(v => {
-			v.__ng._[ninegrid.ROW.PIN] = false;
+			v.__ng._[ninegrid$1.ROW.PIN] = false;
 		});
 		this.#records = [];
@@ -21320,7 +21320,7 @@ class ngPinManager
 		//var data = this.#owner.data.getRow(i);
 		var data = this.#owner.data.getNF(index);
-		data.__ng._[ninegrid.ROW.PIN] = true;
+		data.__ng._[ninegrid$1.ROW.PIN] = true;
 		this.#records.push(data);
@@ -21340,7 +21340,7 @@ class ngPinManager
 		bodyTmpl	.each((i,tr) => { $(".ng-container-body tbody.fixed",	this.#owner.body).append(tr.outerHTML); });
 		$("tbody.fixed tr:not([data-index])", this.#owner.body).each((i,tr) => {
-			tr.dataset.index = data.__ng._[ninegrid.ROW.INDEX];
+			tr.dataset.index = data.__ng._[ninegrid$1.ROW.INDEX];
 			tr.data = data;
 		});
@@ -21351,9 +21351,9 @@ class ngPinManager
 		$("tbody.fixed tr", this.#owner.body).each((i,tr) => {
 			tr.dataset.matrixRow	= parseInt(tr.dataset.row) * this.#owner.template.length + (parseInt(tr.sectionRowIndex % this.#owner.template.length));
-			ninegrid.j.querySelectorAll("th,td", tr).attr("data-index",		tr.dataset.index);
-			ninegrid.j.querySelectorAll("th,td", tr).attr("data-row",		tr.dataset.row);
-			ninegrid.j.querySelectorAll("th,td", tr).attr("data-matrix-row",	tr.dataset.matrixRow);
+			ninegrid$1.j.querySelectorAll("th,td", tr).attr("data-index",		tr.dataset.index);
+			ninegrid$1.j.querySelectorAll("th,td", tr).attr("data-row",		tr.dataset.row);
+			ninegrid$1.j.querySelectorAll("th,td", tr).attr("data-matrix-row",	tr.dataset.matrixRow);
 		});
 		this.#owner.data.resetRecords();
@@ -21370,7 +21370,7 @@ class ngPinManager
 			$(`.ng-container-right	tbody.fixed tr[data-row=${row}]`, this.#owner.body).remove();
 			$(`.ng-container-body	tbody.fixed tr[data-row=${row}]`, this.#owner.body).remove();
-			this.#records[index].__ng._[ninegrid.ROW.PIN] = false;
+			this.#records[index].__ng._[ninegrid$1.ROW.PIN] = false;
 			this.#records.splice(index, 1);
 		}
@@ -21406,8 +21406,8 @@ class ngRowState extends ngCellEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngRowState.css";
-				${ninegrid.getCustomPath(this,"ngRowState.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngRowState.css";
+				${ninegrid$1.getCustomPath(this,"ngRowState.css")}
 			</style>
 		`;
@@ -21421,14 +21421,14 @@ class ngRowState extends ngCellEx
 		//var row = parseInt(this.cell.dataset.row);
 		switch (this.data.__ng.rowState) {
-		case ninegrid.ROW_STATE.INSERT:
-			ninegrid.j.querySelectorAll(this).addClass('added').removeClass('updated');
+		case ninegrid$1.ROW_STATE.INSERT:
+			ninegrid$1.j.querySelectorAll(this).addClass('added').removeClass('updated');
 			break;
-		case ninegrid.ROW_STATE.UPDATE:
-			ninegrid.j.querySelectorAll(this).addClass('updated');
+		case ninegrid$1.ROW_STATE.UPDATE:
+			ninegrid$1.j.querySelectorAll(this).addClass('updated');
 			break;
 		default:
-			ninegrid.j.querySelectorAll(this).removeClass('added').removeClass('updated');
+			ninegrid$1.j.querySelectorAll(this).removeClass('added').removeClass('updated');
 			break;
 		}
@@ -21460,8 +21460,8 @@ class ngVScrollBar extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngVScrollBar.css";
-				${ninegrid.getCustomPath(this,"ngVScrollBar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngVScrollBar.css";
+				${ninegrid$1.getCustomPath(this,"ngVScrollBar.css")}
 			</style>
 			<button class='ng-scroll-top' disabled><div class='ng-scroll-icon'></div></button>
@@ -21786,7 +21786,7 @@ class ngVScrollBar extends HTMLElement
 		e.preventDefault();
 		if (this.#firstThumbMove) {
-			ninegrid.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
+			ninegrid$1.j.querySelectorAll("th,td", this.#owner.body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
 			this.#firstThumbMove = false;
 		}
@@ -21830,8 +21830,8 @@ class ngHScrollBar extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngHScrollBar.css";
-				${ninegrid.getCustomPath(this,"ngHScrollBar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngHScrollBar.css";
+				${ninegrid$1.getCustomPath(this,"ngHScrollBar.css")}
 			</style>
 			<button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
@@ -21879,8 +21879,8 @@ class ngHScrollBar extends HTMLElement
 		thumb.css({left : l});
 		// enable
-		ninegrid.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
-		ninegrid.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
 		// edge show
 		var vbar = this.#owner.body.querySelector("ng-vscrollbar");
@@ -21944,8 +21944,8 @@ class ngHScrollBar extends HTMLElement
 		thumb.css({left : l});
-		ninegrid.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
-		ninegrid.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", l == 0 ? true : false);
+		ninegrid$1.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", (l == track.width() - thumb.width()) ? true : false);
 	}
 	#init = () => {
@@ -22171,7 +22171,7 @@ class ngSorting
 	 * 정렬상태 초기화
 	 */
 	#restore = () => {
-		this.#owner.data.sort((a,b) => { return a.__ng._[ninegrid.ROW.ORIGIN_ORDER] - b.__ng._[ninegrid.ROW.ORIGIN_ORDER]; });
+		this.#owner.data.sort((a,b) => { return a.__ng._[ninegrid$1.ROW.ORIGIN_ORDER] - b.__ng._[ninegrid$1.ROW.ORIGIN_ORDER]; });
 	}
 	#onClick = (e) => {
@@ -22186,11 +22186,11 @@ class ngSorting
 		switch (e.detail) {
 			case 1:
-				ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+				ninegrid$1.j.querySelectorAll(this.#owner).addClass("loading");
 				setTimeout(() => {
 					this.#sort(e);
-					ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+					ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
 				}); // should match OS multi-click speed
 				break;
 			case 2:
@@ -22227,36 +22227,36 @@ class ngSorting
 		if (!e.ctrlKey && !e.shiftKey) {
 			//remove all class
 			//$("thead th,thead td", this.#owner.body).not(`[data-col="${col}"]`).removeClass("asc").removeClass("desc");
-			ninegrid.j.querySelectorAll(`thead th:not([data-col="${col}"],thead td:not([data-col="${col}"])`, this.#owner.body).removeClass("asc").removeClass("desc");
+			ninegrid$1.j.querySelectorAll(`thead th:not([data-col="${col}"],thead td:not([data-col="${col}"])`, this.#owner.body).removeClass("asc").removeClass("desc");
 			this.#columns.splice(0, this.#columns.length);
 		}
-		ninegrid.removeIf(this.#columns, m => { return m.colnm == colnm; });
+		ninegrid$1.removeIf(this.#columns, m => { return m.colnm == colnm; });
-		if (!ninegrid.j.querySelectorAll(td).hasClass("asc") && !ninegrid.j.querySelectorAll(td).hasClass("desc")) {
-			ninegrid.j.querySelectorAll(td).removeClass("desc").addClass("asc");
+		if (!ninegrid$1.j.querySelectorAll(td).hasClass("asc") && !ninegrid$1.j.querySelectorAll(td).hasClass("desc")) {
+			ninegrid$1.j.querySelectorAll(td).removeClass("desc").addClass("asc");
 			this.#columns.push({"colnm": colnm, "asc": true, "expr-func": exprFunc, });
 		}
-		else if (ninegrid.j.querySelectorAll(td).hasClass("asc")) {
-			ninegrid.j.querySelectorAll(td).removeClass("asc").addClass("desc");
+		else if (ninegrid$1.j.querySelectorAll(td).hasClass("asc")) {
+			ninegrid$1.j.querySelectorAll(td).removeClass("asc").addClass("desc");
 			this.#columns.push({"colnm": colnm, "asc": false, "expr-func": exprFunc, });
 		}
 		else {
-			ninegrid.j.querySelectorAll(td).removeClass("asc").removeClass("desc");
+			ninegrid$1.j.querySelectorAll(td).removeClass("asc").removeClass("desc");
 		}
 		//console.log(ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("asc"), ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("desc"));
-		if (!ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("asc") && !ninegrid.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("desc")) {
+		if (!ninegrid$1.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("asc") && !ninegrid$1.j.querySelectorAll("thead th,thead td", this.#owner.body).hasClass("desc")) {
 			this.#restore();
 		}
 		else {
 			this.#owner.data.sort((a,b) => { return this.#compareFn(a,b); });
 		}
-		(this.#owner.paging.type == ninegrid.PAGINGTYPE.CLIENT) ? this.#owner.paging.movePage(1) : this.#owner.view.redraw();
+		(this.#owner.paging.type == ninegrid$1.PAGINGTYPE.CLIENT) ? this.#owner.paging.movePage(1) : this.#owner.view.redraw();
 	}
 	#compareFn = (a, b) => {
@@ -22268,10 +22268,10 @@ class ngSorting
 				const aa = this.#owner.data.conv(a);
 				const bb = this.#owner.data.conv(b);
-				if (column["expr-func"](aa,aa.__ng._[ninegrid.ROW.INDEX]) > column["expr-func"](bb,bb.__ng._[ninegrid.ROW.INDEX])) {
+				if (column["expr-func"](aa,aa.__ng._[ninegrid$1.ROW.INDEX]) > column["expr-func"](bb,bb.__ng._[ninegrid$1.ROW.INDEX])) {
 					return column.asc ? 1 : -1;
 				}
-				else if (column["expr-func"](aa,aa.__ng._[ninegrid.ROW.INDEX]) < column["expr-func"](bb,bb.__ng._[ninegrid.ROW.INDEX])) {
+				else if (column["expr-func"](aa,aa.__ng._[ninegrid$1.ROW.INDEX]) < column["expr-func"](bb,bb.__ng._[ninegrid$1.ROW.INDEX])) {
 					return column.asc ? -1 : 1;
 				}
 			}
@@ -22331,13 +22331,13 @@ class ngTableManager
 			const target = $(`.col-indicator[data-col=${col}]`, this.#owner.body);
 			if (target.closest(".ng-container-body").length > 0) {
-				return ninegrid.BAND.BODY;
+				return ninegrid$1.BAND.BODY;
 			}
 			else if (target.closest(".ng-container-left").length > 0) {
-				return ninegrid.BAND.LEFT;
+				return ninegrid$1.BAND.LEFT;
 			}
 			else if (target.closest(".ng-container-right").length > 0) {
-				return ninegrid.BAND.RIGHT;
+				return ninegrid$1.BAND.RIGHT;
 			}
 		};
@@ -22349,7 +22349,7 @@ class ngTableManager
 			this.#owner.body.querySelector(`colgroup [data-col="${col}"]:not(.cdummy)`).setAttribute("width", w);
-			if (band != ninegrid.BAND.BODY) {
+			if (band != ninegrid$1.BAND.BODY) {
 				var w = 0;
 				$(`.ng-container-${band} col`, this.#owner.body).each((i,el) => { w += parseInt(el.getAttribute("width")); });
 				$(`.ng-container-${band}`, this.#owner.body).css({ "width": w, "min-width"	: w, });
@@ -22359,7 +22359,7 @@ class ngTableManager
 		};
 		this.getExprFunc = (col, colnm) => {
-			const cell = ninegrid.j.querySelectorAll(colnm ? `[data-col="${col}"][data-bind="${colnm}"]` : `[data-col="${col}"]`, this.#owner.tmpl).elem();
+			const cell = ninegrid$1.j.querySelectorAll(colnm ? `[data-col="${col}"][data-bind="${colnm}"]` : `[data-col="${col}"]`, this.#owner.tmpl).elem();
 			const expr = cell ? cell.getAttribute("data-expr") : null;
 			return (expr) ? this.#owner.exprFunction(expr) : null;
@@ -22372,14 +22372,14 @@ class ngTableManager
 			if (async == undefined) async = true;
 			if (async) {
-				ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+				ninegrid$1.j.querySelectorAll(this.#owner).addClass("loading");
 				setTimeout(() => {
 					var w = this.#getColumnTextWidth(col);
 					//if (w != 0) this.setColumnWidth(col, minWidth ? Math.max(w, minWidth) : w);
 					this.setColumnWidth(col, minWidth ? Math.max(w, minWidth) : w);
-					ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+					ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
 				});
 			}
 			else {
@@ -22408,7 +22408,7 @@ class ngTableManager
 					const th = document.createElement('th');
 					th.setAttribute("scope", "col");
-					ninegrid.j.querySelectorAll(th).addClass("col-indicator");
+					ninegrid$1.j.querySelectorAll(th).addClass("col-indicator");
 					$(th).html('<div></div>').insertBefore(toTH).css({ "width" : w, "min-width" : w, });
 				});
@@ -22603,7 +22603,7 @@ class ngTableManager
 			case "NG-RADIO":
 				o.value = rowData[colnm];
-				if (o.value != null && o.value != "" && !ninegrid.isNull(comp.dataSource)) {
+				if (o.value != null && o.value != "" && !ninegrid$1.isNull(comp.dataSource)) {
 					o.code = comp.dataSource.map(m => { return m[comp.getAttribute("key") || "key"]; }).includes(o.value) ? 0 : -1;
 				}
 				break;
@@ -22646,7 +22646,7 @@ class ngTableManager
 		}
 		if (matrixRow == null) {
-			ninegrid.j.querySelectorAll(this.#owner).addClass("loading");
+			ninegrid$1.j.querySelectorAll(this.#owner).addClass("loading");
 			setTimeout(() => {
 				for (var i = 0; i < this.#owner.data.count(); i++) {
@@ -22665,7 +22665,7 @@ class ngTableManager
 				this.#owner.view.redraw();
-				ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
+				ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
 			});
 		}
 		else {
@@ -22696,7 +22696,7 @@ class ngTableManager
 			const v			= String(rowData.v[COL_IDX]);
 			if (bind && v.includes("\n")) {
-				h = Math.max(h, ninegrid.measureTextSize(v, fonts[i]).height);
+				h = Math.max(h, ninegrid$1.measureTextSize(v, fonts[i]).height);
 			}
 		});
@@ -22729,7 +22729,7 @@ class ngTableManager
 				if (!v) continue;
-				w = Math.max(w, ninegrid.measureTextSize(v, font).width);// + (comp.length > 0 ? 40 : 0);
+				w = Math.max(w, ninegrid$1.measureTextSize(v, font).width);// + (comp.length > 0 ? 40 : 0);
 			}
 		});
@@ -22783,7 +22783,7 @@ class ngTableWrapper
 						const th = document.createElement('th');
 						th.setAttribute("scope", "col");
-						ninegrid.j.querySelectorAll(th).addClass("col-indicator");
+						ninegrid$1.j.querySelectorAll(th).addClass("col-indicator");
 						$(th).html('<div></div>').insertBefore(toTH).css({ "width" : w, "min-width" : w, });
 					});
@@ -23026,8 +23026,8 @@ class ngTextArea extends ngEditableEx
 	connectedCallback() {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngTextArea.css";
-				${ninegrid.getCustomPath(this,"ngTextArea.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngTextArea.css";
+				${ninegrid$1.getCustomPath(this,"ngTextArea.css")}
 			</style>
 			<textarea ondragstart="return false"></textarea>
@@ -23164,8 +23164,8 @@ class ngTreeItem extends ngCellEx
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ngTreeItem.css";
-				${ninegrid.getCustomPath(this,"ngTreeItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ngTreeItem.css";
+				${ninegrid$1.getCustomPath(this,"ngTreeItem.css")}
 			</style>
 			<div class="ng-pad"></div>
@@ -23211,8 +23211,8 @@ class ngTreeItem extends ngCellEx
 	#onClick = e => {
 		this.#toggle();
-		ninegrid.j.querySelectorAll(e.target).removeClass("ng-expand-on").removeClass("ng-expand-off");
-		ninegrid.j.querySelectorAll(e.target).addClass(this.#isExpand ? "ng-expand-on" : "ng-expand-off");
+		ninegrid$1.j.querySelectorAll(e.target).removeClass("ng-expand-on").removeClass("ng-expand-off");
+		ninegrid$1.j.querySelectorAll(e.target).addClass(this.#isExpand ? "ng-expand-on" : "ng-expand-off");
 	};
 	get prevLevel() {
@@ -23227,7 +23227,7 @@ class ngTreeItem extends ngCellEx
 		else {
 			for (var i = parseInt(this.cell.dataset.row) - 1; i >= 0; i--) {
 				var data = this.owner.data.get(i);
-				if (!data.__ng._[ninegrid.ROW.EXPAND]) return data[this.cell.dataset.bind];
+				if (!data.__ng._[ninegrid$1.ROW.EXPAND]) return data[this.cell.dataset.bind];
 			}
 		}
@@ -23236,7 +23236,7 @@ class ngTreeItem extends ngCellEx
 	get #isExpand() {
-		return this.data.__ng._[ninegrid.ROW.EXPAND];
+		return this.data.__ng._[ninegrid$1.ROW.EXPAND];
 	};
 	#resetTree = () => {
@@ -23256,11 +23256,11 @@ class ngTreeItem extends ngCellEx
-		ninegrid.j.querySelectorAll(".ng-icon", this.shadowRoot)
+		ninegrid$1.j.querySelectorAll(".ng-icon", this.shadowRoot)
 			.removeClass("ng-expand-on").removeClass("ng-expand-off").removeClass("ng-node").removeClass("ng-icon-up").removeClass("ng-icon-down").removeClass("ng-icon-none")
 			.addClass(hasChildren ? (this.#isExpand ? "ng-expand-on" : "ng-expand-off") : "ng-node");
-		const icon = ninegrid.j.querySelectorAll(".ng-icon", this.shadowRoot);
+		const icon = ninegrid$1.j.querySelectorAll(".ng-icon", this.shadowRoot);
 		if (row == 0) {
 			if (isLast) {
 				icon.addClass("ng-icon-none");
@@ -23290,12 +23290,12 @@ class ngTreeItem extends ngCellEx
 		if (level < nextLevel) {
 			if (this.#isExpand) {
-				ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down");
+				ninegrid$1.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down");
 			} else {
-				ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
+				ninegrid$1.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
 			}
 		} else {
-			ninegrid.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
+			ninegrid$1.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
 		}
 	};
@@ -23305,7 +23305,7 @@ class ngTreeItem extends ngCellEx
 	};
 	#expand = (b) => {
-		this.data.__ng._[ninegrid.ROW.EXPAND] = b;
+		this.data.__ng._[ninegrid$1.ROW.EXPAND] = b;
 		this.#setChildVisible(b);
@@ -23317,20 +23317,20 @@ class ngTreeItem extends ngCellEx
 		var arrNF = this.owner.data.getValidDataNF();
-		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
+		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid$1.ROW.INDEX]);
 		if (idx < 0) return;
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
 		var lvl = this.value;
 		var prev = this.owner.data.getRow(this.row);
-		var parentExpand = prev.__ng._[ninegrid.ROW.EXPAND];
+		var parentExpand = prev.__ng._[ninegrid$1.ROW.EXPAND];
 		for (var i = idx + 1; i < arrNF.length; i++) {
 			var lvl2 = arrNF[i].v[COL_IDX];
 			if (lvl2 > prev.v[COL_IDX]) {
-				parentExpand = prev.__ng._[ninegrid.ROW.EXPAND];
+				parentExpand = prev.__ng._[ninegrid$1.ROW.EXPAND];
 			}
 			else if (lvl2 < prev.v[COL_IDX]) {
 				parentExpand = null;
@@ -23339,21 +23339,21 @@ class ngTreeItem extends ngCellEx
 			if (lvl2 <= lvl) break;
 			if (parentExpand == null) {
-				arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = !b;
+				arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = !b;
 			}
 			else {
 				if (parentExpand && b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = false;//!b;
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = false;//!b;
 				}
 				else if (parentExpand && !b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = true;//!b;
 				}
 				else if (!parentExpand && b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = true;//!b;
 				}
 				else if (!parentExpand && !b) {
-					arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = true;//!b;
+					arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = true;//!b;
 				}
 			}
@@ -23365,7 +23365,7 @@ class ngTreeItem extends ngCellEx
 		var arrNF = this.owner.data.getValidDataNF();
-		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
+		const idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid$1.ROW.INDEX]);
 		if (idx < 0) return;
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
@@ -23376,7 +23376,7 @@ class ngTreeItem extends ngCellEx
 			if (lvl2 <= lvl) break;
-			arrNF[i].__ng._[ninegrid.ROW.COLLAPSE] = !b;
+			arrNF[i].__ng._[ninegrid$1.ROW.COLLAPSE] = !b;
 		}
 	};
@@ -23399,7 +23399,7 @@ class ngTreeItem extends ngCellEx
 	#isLast = (row) => {
-		if (ninegrid.isNull(row) || row < 0) throw `invalid row [${row}]`;
+		if (ninegrid$1.isNull(row) || row < 0) throw `invalid row [${row}]`;
 		if (row + 1 >= this.owner.data.count()) return true;
@@ -23427,9 +23427,9 @@ class ngTreeItem extends ngCellEx
 		var arr = [];
 		var arrNF = this.owner.data.getValidDataNF();
-		var idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid.ROW.INDEX]);
+		var idx = this.owner.data.findIndexNF_1(this.data.__ng._[ninegrid$1.ROW.INDEX]);
-		if (idx < 0) throw `invalid row index [${this.data.__ng._[ninegrid.ROW.INDEX]}]`;
+		if (idx < 0) throw `invalid row index [${this.data.__ng._[ninegrid$1.ROW.INDEX]}]`;
 		var COL_IDX = this.owner.fields.indexOf(this.cell.dataset.bind);
 		const lvl = arrNF[idx].v[COL_IDX];
@@ -23452,7 +23452,7 @@ class ngTreeItem extends ngCellEx
 	#getLevel = (row) => {
-		if (ninegrid.isNull(row) || row < 0 || this.owner.data.count() >= 0) return -1;//throw `invalid row [${row}]`;
+		if (ninegrid$1.isNull(row) || row < 0 || this.owner.data.count() >= 0) return -1;//throw `invalid row [${row}]`;
 		return this.owner.data.get(row, this.cell.dataset.bind);
 	};
@@ -23571,8 +23571,8 @@ class ngView
 		const displayRowCount = parseInt(this.#owner.getAttribute("display-row-count"));
-		if (this.#owner.closest("dialog") && ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) return 1;
-		if ([ninegrid.PAGINGTYPE.CLIENT,ninegrid.PAGINGTYPE.SERVER].includes(this.#owner.paging.type)) return this.#owner.paging.linesPerPage;
+		if (this.#owner.closest("dialog") && ninegrid$1.j.querySelectorAll(this.#owner).hasClass("simple")) return 1;
+		if ([ninegrid$1.PAGINGTYPE.CLIENT,ninegrid$1.PAGINGTYPE.SERVER].includes(this.#owner.paging.type)) return this.#owner.paging.linesPerPage;
 		if (!isNaN(displayRowCount)) {
 			/**
@@ -23712,7 +23712,7 @@ class ngView
 		//this.isLastPage = h > 0 ? true : false;
-		if (this.#owner.closest("dialog") && ninegrid.j.querySelectorAll(this.#owner).hasClass("simple")) {
+		if (this.#owner.closest("dialog") && ninegrid$1.j.querySelectorAll(this.#owner).hasClass("simple")) {
 			$("tr.nodata", this.#owner.body).height(0);
 			var h = 47;//this.#getTrHeight();
@@ -23816,9 +23816,9 @@ class ngView
 			this.#owner.body.querySelector("ng-vscrollbar").refresh();
-			ninegrid.j.querySelectorAll(".ng-table tbody tr", this.#owner.body).removeClass("hover");
-			ninegrid.j.querySelectorAll(this.#owner).removeClass("loading");
-			ninegrid.j.querySelectorAll("ng-filter-panel").removeClass("loading");
+			ninegrid$1.j.querySelectorAll(".ng-table tbody tr", this.#owner.body).removeClass("hover");
+			ninegrid$1.j.querySelectorAll(this.#owner).removeClass("loading");
+			ninegrid$1.j.querySelectorAll("ng-filter-panel").removeClass("loading");
 			/**
 			this.#owner.body.querySelector(".ng-container-left").style.position = "sticky";
@@ -23990,7 +23990,7 @@ class ngView
 	selectRow = (oRow1, oRow2) => {
 		const row1		= this.#getRowIndex(oRow1);
-		const row2		= ninegrid.isNull(oRow2) ? row1 : this.#getRowIndex(oRow2);
+		const row2		= ninegrid$1.isNull(oRow2) ? row1 : this.#getRowIndex(oRow2);
 		const matrixRow1= parseInt(row1 * this.#owner.template.length);
 		const matrixRow2= parseInt(row2 * this.#owner.template.length) + this.#owner.template.length - 1;
@@ -24001,7 +24001,7 @@ class ngView
 	selectCol = (oCol1, oCol2) => {
 		const col1		= this.#getColIndex(oCol1);
-		const col2		= ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
+		const col2		= ninegrid$1.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
 		const matrixRow1= 0;
 		const matrixRow2= parseInt(this.#owner.data.count() * this.#owner.template.length - 1);
@@ -24012,7 +24012,7 @@ class ngView
 		const row		= this.#getRowIndex(oRow);
 		const col		= this.#getColIndex(oCol);
-		const matrixRow	= parseInt(row * this.#owner.template.length) + ninegrid.nvl(subrow, 0);
+		const matrixRow	= parseInt(row * this.#owner.template.length) + ninegrid$1.nvl(subrow, 0);
 		this.#owner.row.at = row;
@@ -24072,7 +24072,7 @@ class ninegridContainer extends HTMLElement
 		this.attachShadow({ mode: 'open' });
-		ninegrid.extendElementPrototype();
+		ninegrid$1.extendElementPrototype();
 		this.#layouts = [];
@@ -24108,7 +24108,7 @@ class ninegridContainer extends HTMLElement
 			this.bindRows			= [];
 			this.bindMatrixRows	= [];
-			ninegrid.j.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)", this.body).elements.forEach(tr => {
+			ninegrid$1.j.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)", this.body).elements.forEach(tr => {
 				this.bindRows		.push(parseInt(tr.dataset.row));
 				this.bindMatrixRows	.push(parseInt(tr.dataset.matrixRow));
 			});
@@ -24205,8 +24205,8 @@ class ninegridContainer extends HTMLElement
 			break;
 		case "col-indicator-type":
-			ninegrid.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body)
-				.removeClass(ninegrid.COLINDICATORTYPE.EXPAND).removeClass(ninegrid.COLINDICATORTYPE.COLLAPSE)
+			ninegrid$1.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body)
+				.removeClass(ninegrid$1.COLINDICATORTYPE.EXPAND).removeClass(ninegrid$1.COLINDICATORTYPE.COLLAPSE)
 				.addClass(newValue);
 			this.#resetHeight();
 			break;
@@ -24216,7 +24216,7 @@ class ninegridContainer extends HTMLElement
 			this.#resetHeight();
 			break;
 		case "enable-fixed-col":
-			(newValue == "true") ? ninegrid.j.querySelectorAll(this).addClass(name) : ninegrid.j.querySelectorAll(this).removeClass(name);
+			(newValue == "true") ? ninegrid$1.j.querySelectorAll(this).addClass(name) : ninegrid$1.j.querySelectorAll(this).removeClass(name);
 			break;
 		case "select-type":
@@ -24231,20 +24231,20 @@ class ninegridContainer extends HTMLElement
 		case "show-menu-icon":
 		case "show-title-bar":
-			const showBar	= ninegrid.j.querySelectorAll(this).attr("show-title-bar") == "true";
-			const showIcon	= ninegrid.j.querySelectorAll(this).attr("show-menu-icon") == "true";
+			const showBar	= ninegrid$1.j.querySelectorAll(this).attr("show-title-bar") == "true";
+			const showIcon	= ninegrid$1.j.querySelectorAll(this).attr("show-menu-icon") == "true";
 			const ngHead	= this.shadowRoot.querySelector("ng-head");
 			if (!ngHead) break;
 			const ngMenu = ngHead.shadowRoot.querySelector("ng-menu");
 			if (showBar) {
-				ninegrid.j.querySelectorAll(ngHead).addClass('expand');
+				ninegrid$1.j.querySelectorAll(ngHead).addClass('expand');
 				$(ngHead.shadowRoot).children().not("style").show();
-				if (!showIcon) ninegrid.j.querySelectorAll(ngMenu).hide();
+				if (!showIcon) ninegrid$1.j.querySelectorAll(ngMenu).hide();
 			}
 			else {
-				(showIcon) ? ninegrid.j.querySelectorAll(ngHead).removeClass('expand').show() : ninegrid.j.querySelectorAll(ngHead).hide();
+				(showIcon) ? ninegrid$1.j.querySelectorAll(ngHead).removeClass('expand').show() : ninegrid$1.j.querySelectorAll(ngHead).hide();
 			}
 			this.#resetHeight();
@@ -24255,7 +24255,7 @@ class ninegridContainer extends HTMLElement
 			this.#resetHeight();
 			break;
 		case "show-status-bar":
-			(newValue == "true") ? ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).addClass('expand') : ninegrid.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass('expand');
+			(newValue == "true") ? ninegrid$1.j.querySelectorAll("ng-foot", this.shadowRoot).addClass('expand') : ninegrid$1.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass('expand');
 			this.#resetHeight();
 			break;
 		}
@@ -24281,7 +24281,7 @@ class ninegridContainer extends HTMLElement
 			var arr = [];
 			$(".ng-container-body tbody.fixed tr", this.body).not(".nodata").each((i, tr) => {
-				arr.push({ INDEX: tr.data.__ng._[ninegrid.ROW.INDEX], ROW: tr.dataset.row } );
+				arr.push({ INDEX: tr.data.__ng._[ninegrid$1.ROW.INDEX], ROW: tr.dataset.row } );
 			});
 			arr.forEach(o => {
@@ -24414,7 +24414,7 @@ class ninegridContainer extends HTMLElement
 		this.elements.bodyLeft.html(table.clone());
 		$("col,th,td", this.elements.bodyLeft).not("[fixed=left]").remove();
 		var w = 0;//this.elements.bodyLeft.find("th,td").length == 0 ? 0 : this.elements.bodyLeft.find("table > tbody.bindable").width();
-		$("col", this.elements.bodyLeft).each((i,el) => { w += parseInt(ninegrid.j.querySelectorAll(el).attr("width")); });
+		$("col", this.elements.bodyLeft).each((i,el) => { w += parseInt(ninegrid$1.j.querySelectorAll(el).attr("width")); });
 		this.elements.bodyLeft.css({
 			"width"		: w,//this.elements.bodyLeft.find("table > tbody.bindable").width(),
 			"min-width"	: w,//this.elements.bodyLeft.find("table > tbody.bindable").width(),
@@ -24423,7 +24423,7 @@ class ninegridContainer extends HTMLElement
 		this.elements.bodyRight.html(table.clone());
 		$("col,th,td", this.elements.bodyRight).not("[fixed=right]").remove();
 		w = 0;//this.elements.bodyLeft.find("th,td").length == 0 ? 0 : this.elements.bodyLeft.find("table > tbody.bindable").width();
-		$("col", this.elements.bodyRight).each((i,el) => { w += parseInt(ninegrid.j.querySelectorAll(el).attr("width")); });
+		$("col", this.elements.bodyRight).each((i,el) => { w += parseInt(ninegrid$1.j.querySelectorAll(el).attr("width")); });
 		this.elements.bodyRight.css({
 			"width"		: w,//this.elements.bodyRight.find("table > tbody").width(),
@@ -24504,7 +24504,7 @@ class ninegridContainer extends HTMLElement
 		this.originFormat = this.outerHTML;
-		this.uuid = ninegrid.randomUUID();	//crypto.randomUUID();
+		this.uuid = ninegrid$1.randomUUID();	//crypto.randomUUID();
 		if (!this.id) this.id = this.uuid;
@@ -24585,15 +24585,15 @@ class ninegridContainer extends HTMLElement
 			this.#layouts.push(tbl);
-			if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) {
+			if (!ninegrid$1.j.querySelectorAll(this).hasClass("simple")) {
 				this.#createDummy(tbl);
 			}
 		});
 		const tmpl = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ninegrid.css";
-				${ninegrid.getCustomPath(this,"ninegrid.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/ninegrid.css";
+				${ninegrid$1.getCustomPath(this,"ninegrid.css")}
 			</style>
 			<ng-head></ng-head>
@@ -24626,12 +24626,12 @@ class ninegridContainer extends HTMLElement
 			const value				= combo.getAttribute("codename") || "codename";
 			const multiSeparator	= combo.getAttribute("multi-separator") || ",";
-			return ninegrid.binarySearchValue(combo.dataSource, code, data[cell.dataset.bind], value, multiSeparator)
+			return ninegrid$1.binarySearchValue(combo.dataSource, code, data[cell.dataset.bind], value, multiSeparator)
 		};
 		//$("tbody", this.#layouts[0]).before($("tbody", this.#layouts[0]).clone().addClass("fixed")).addClass("bindable");
 		for (const layout of this.#layouts) {
-			$(ninegrid.j.querySelectorAll("tbody", layout).addClass("bindable").elem()).before(`<tbody class="fixed"></tbody>`);
+			$(ninegrid$1.j.querySelectorAll("tbody", layout).addClass("bindable").elem()).before(`<tbody class="fixed"></tbody>`);
 		}
 		$(this.shadowRoot).append(tmpl);
@@ -24708,10 +24708,10 @@ class ninegridContainer extends HTMLElement
 			}
 		}
-		if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) {
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("simple")) {
 			this.filtering = new ngFiltering(this);
 		}
-		if (!ninegrid.j.querySelectorAll(this).hasClass("combo") && !ninegrid.j.querySelectorAll(this).hasClass("filter")) {
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("combo") && !ninegrid$1.j.querySelectorAll(this).hasClass("filter")) {
 			$(this.shadowRoot).append($('<ng-combo-panel></ng-combo-panel').hide());
 		}
@@ -24721,7 +24721,7 @@ class ninegridContainer extends HTMLElement
 		this.#colResizer = new ngColResizer(this);
 		this.#colMover = new ngColMover(this);
-		if (!ninegrid.j.querySelectorAll(this).hasClass("simple")) this.#rowMover = new ngRowMover(this);
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("simple")) this.#rowMover = new ngRowMover(this);
 		this.#initOption();
@@ -24750,7 +24750,7 @@ class ninegridContainer extends HTMLElement
 		/** main, detail */
-		if (!ninegrid.j.querySelectorAll(this).hasClass("filter") && !ninegrid.j.querySelectorAll(this).hasClass("combo")) {
+		if (!ninegrid$1.j.querySelectorAll(this).hasClass("filter") && !ninegrid$1.j.querySelectorAll(this).hasClass("combo")) {
 			/**
 			$(this).on("mousedown", e => {
@@ -24788,7 +24788,7 @@ class ninegridContainer extends HTMLElement
 		} */
 		if (!this.classList.contains("simple")) {
 			setTimeout(() => {
-				this.dispatchEvent(new CustomEvent(ninegrid.EVENT.LOAD, { bubbles: true, detail: {} }));
+				this.dispatchEvent(new CustomEvent(ninegrid$1.EVENT.LOAD, { bubbles: true, detail: {} }));
 			}, 100);
 		}
@@ -24796,7 +24796,7 @@ class ninegridContainer extends HTMLElement
 		if (head) {
 			head.shadowRoot.querySelectorAll("buttons button").forEach(el => {
 				el.addEventListener("click", e => {
-					const ce = new CustomEvent(ninegrid.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
+					const ce = new CustomEvent(ninegrid$1.EVENT.BUTTON_CLICK, { bubbles: true, detail: { target: el, } });
 					//ce.target = e.target;
 					this.dispatchEvent(ce);
 				});
@@ -24825,29 +24825,29 @@ class ninegridContainer extends HTMLElement
 	#initOption = () => {
-		this.lastRowHidden = isNaN(parseInt(ninegrid.j.querySelectorAll(this).attr("display-row-count")));
+		this.lastRowHidden = isNaN(parseInt(ninegrid$1.j.querySelectorAll(this).attr("display-row-count")));
 		if (!this.paging) this.paging = {};	//row detail 팝청창 오픈시 오류
-		ninegrid.j.querySelectorAll(this).attr("col-indicator-type",	ninegrid.j.querySelectorAll(this).attr("col-indicator-type")	|| ninegrid.COLINDICATORTYPE.COLLAPSE);
+		ninegrid$1.j.querySelectorAll(this).attr("col-indicator-type",	ninegrid$1.j.querySelectorAll(this).attr("col-indicator-type")	|| ninegrid$1.COLINDICATORTYPE.COLLAPSE);
-		ninegrid.j.querySelectorAll(this).attr("auto-fit-col",		ninegrid.j.querySelectorAll(this).attr("auto-fit-col")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("col-resizable",		ninegrid.j.querySelectorAll(this).attr("col-resizable")		|| "true");
-		ninegrid.j.querySelectorAll(this).attr("row-resizable",		ninegrid.j.querySelectorAll(this).attr("row-resizable")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("col-movable",		ninegrid.j.querySelectorAll(this).attr("col-movable")		|| "false");	//web attribute
+		ninegrid$1.j.querySelectorAll(this).attr("auto-fit-col",		ninegrid$1.j.querySelectorAll(this).attr("auto-fit-col")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("col-resizable",		ninegrid$1.j.querySelectorAll(this).attr("col-resizable")		|| "true");
+		ninegrid$1.j.querySelectorAll(this).attr("row-resizable",		ninegrid$1.j.querySelectorAll(this).attr("row-resizable")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("col-movable",		ninegrid$1.j.querySelectorAll(this).attr("col-movable")		|| "false");	//web attribute
 		//ninegrid.j.querySelectorAll(this).attr("row-movable",		ninegrid.j.querySelectorAll(this).attr("row-movable")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("enable-fixed-col",	ninegrid.j.querySelectorAll(this).attr("enable-fixed-col")	|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("enable-fixed-col",	ninegrid$1.j.querySelectorAll(this).attr("enable-fixed-col")	|| "false");
-		ninegrid.j.querySelectorAll(this).attr("show-title-bar",		ninegrid.j.querySelectorAll(this).attr("show-title-bar")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("show-menu-icon",		ninegrid.j.querySelectorAll(this).attr("show-menu-icon")		|| "false");
-		ninegrid.j.querySelectorAll(this).attr("show-status-bar",	ninegrid.j.querySelectorAll(this).attr("show-status-bar")	|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("show-title-bar",		ninegrid$1.j.querySelectorAll(this).attr("show-title-bar")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("show-menu-icon",		ninegrid$1.j.querySelectorAll(this).attr("show-menu-icon")		|| "false");
+		ninegrid$1.j.querySelectorAll(this).attr("show-status-bar",	ninegrid$1.j.querySelectorAll(this).attr("show-status-bar")	|| "false");
-		ninegrid.j.querySelectorAll(this).attr("show-thead",			ninegrid.j.querySelectorAll(this).attr("show-thead")			|| "true");
-		ninegrid.j.querySelectorAll(this).attr("show-tfoot",			ninegrid.j.querySelectorAll(this).attr("show-tfoot")			|| "true");
+		ninegrid$1.j.querySelectorAll(this).attr("show-thead",			ninegrid$1.j.querySelectorAll(this).attr("show-thead")			|| "true");
+		ninegrid$1.j.querySelectorAll(this).attr("show-tfoot",			ninegrid$1.j.querySelectorAll(this).attr("show-tfoot")			|| "true");
-		ninegrid.j.querySelectorAll(this).attr("select-type",		ninegrid.j.querySelectorAll(this).attr("select-type")		|| ninegrid.SELECTTYPE.CELL);
-		ninegrid.j.querySelectorAll(this).attr("paging-type",		ninegrid.j.querySelectorAll(this).attr("paging-type")		|| ninegrid.PAGINGTYPE.NONE);
-		ninegrid.j.querySelectorAll(this).attr("paging-count",		ninegrid.j.querySelectorAll(this).attr("paging-count")		|| ninegrid.PAGINGCOUNT.AUTO);
+		ninegrid$1.j.querySelectorAll(this).attr("select-type",		ninegrid$1.j.querySelectorAll(this).attr("select-type")		|| ninegrid$1.SELECTTYPE.CELL);
+		ninegrid$1.j.querySelectorAll(this).attr("paging-type",		ninegrid$1.j.querySelectorAll(this).attr("paging-type")		|| ninegrid$1.PAGINGTYPE.NONE);
+		ninegrid$1.j.querySelectorAll(this).attr("paging-count",		ninegrid$1.j.querySelectorAll(this).attr("paging-count")		|| ninegrid$1.PAGINGCOUNT.AUTO);
 	};
 	#createObserver = () => {
@@ -24885,14 +24885,14 @@ class ninegridContainer extends HTMLElement
 				let prevWidth = [];
 				var totalWidth = 0;
-				$(".ng-container-body col", this.body).each((i,el) => { prevWidth.push({ col: el, width: Number(ninegrid.j.querySelectorAll(el).attr("width")), }); });
+				$(".ng-container-body col", this.body).each((i,el) => { prevWidth.push({ col: el, width: Number(ninegrid$1.j.querySelectorAll(el).attr("width")), }); });
 				prevWidth.forEach(o => { totalWidth += o.width; });
 				//$('.ng-container-body > table', this.body).css({ "width": "100%", "min-width": "100%", });
 				const tableWidth = $('.ng-container-body', this.body).width();
 				if (tableWidth != 0) {
-					prevWidth.forEach(o => { var w = o.width * tableWidth / totalWidth; ninegrid.j.querySelectorAll(o.col).attr("width", w); });
+					prevWidth.forEach(o => { var w = o.width * tableWidth / totalWidth; ninegrid$1.j.querySelectorAll(o.col).attr("width", w); });
 				}
 			}
@@ -24929,7 +24929,7 @@ class ninegridContainer extends HTMLElement
 		var cols = [];
 		$(".col-indicator", this.body).each((i,td) => {
 			cols.push({from: parseInt(td.dataset.col), to: i});
-			td.innerHTML = `<div>${ninegrid.num2ExcelCol(i)}</div>`;
+			td.innerHTML = `<div>${ninegrid$1.num2ExcelCol(i)}</div>`;
 		});
@@ -24951,15 +24951,15 @@ class ninegridContainer extends HTMLElement
 			});
 			$(".last", layout.currentTable).each((i,td) => {
-				ninegrid.j.querySelectorAll(td).addClass("dummy");
+				ninegrid$1.j.querySelectorAll(td).addClass("dummy");
 			});
 		}
 		this.template.find(".last").each((i,td) => {
-			ninegrid.j.querySelectorAll(td).addClass("dummy");
+			ninegrid$1.j.querySelectorAll(td).addClass("dummy");
 		});
 		$(".last", this.body).each((i,td) => {
-			ninegrid.j.querySelectorAll(td).addClass("dummy");
+			ninegrid$1.j.querySelectorAll(td).addClass("dummy");
 		});
 	};
@@ -25025,21 +25025,21 @@ class ninegridContainer extends HTMLElement
 		if (thead.querySelector(".col-indicator-rowgroup")) return;
-		const tr = ninegrid.j.querySelectorAll(thead.insertRow(0)).attr("role", "row").addClass("col-indicator-rowgroup").elem();
+		const tr = ninegrid$1.j.querySelectorAll(thead.insertRow(0)).attr("role", "row").addClass("col-indicator-rowgroup").elem();
 		var cnt = 0;
 		$(".ng-container-body > table > tbody.bindable > tr", this.body).eq(0).find("th,td").each((index, td) => {
-			if (!ninegrid.j.querySelectorAll(td).hasClass("dummy")) {
+			if (!ninegrid$1.j.querySelectorAll(td).hasClass("dummy")) {
 				for (var i = 0; i < td.colSpan; i++) {
-					$(tr).append(tdTmpl.replace("@col", cnt).replace("@text", ninegrid.num2ExcelCol(cnt++)));
+					$(tr).append(tdTmpl.replace("@col", cnt).replace("@text", ninegrid$1.num2ExcelCol(cnt++)));
 				}
 			}
 		});
 		var t = [];
-		$("colgroup col", this.body).each((i,el) => { t.push({ width: parseInt(ninegrid.j.querySelectorAll(el).attr("width")), background: ninegrid.j.querySelectorAll(el).attr("background-color")} ); });
-		$("thead .col-indicator", this.body).each((i,el) => { if (!t[i]) return false; $(el).css({ "width": t[i].width, "min-width": t[i].width, "background-color": t[i].background, "border-top-color": t[i].background, }); ninegrid.j.querySelectorAll(el).attr("background-color", t[i].background); });
+		$("colgroup col", this.body).each((i,el) => { t.push({ width: parseInt(ninegrid$1.j.querySelectorAll(el).attr("width")), background: ninegrid$1.j.querySelectorAll(el).attr("background-color")} ); });
+		$("thead .col-indicator", this.body).each((i,el) => { if (!t[i]) return false; $(el).css({ "width": t[i].width, "min-width": t[i].width, "background-color": t[i].background, "border-top-color": t[i].background, }); ninegrid$1.j.querySelectorAll(el).attr("background-color", t[i].background); });
 	}
 	#prepare = () => {
@@ -25096,13 +25096,13 @@ class ninegridContainer extends HTMLElement
 		if (thead.length <= 0) $('<thead></thead>').appendTo(table);
-		ninegrid.j.querySelectorAll(table).attr("role", "table")		.addClass("ng-table");
+		ninegrid$1.j.querySelectorAll(table).attr("role", "table")		.addClass("ng-table");
-		ninegrid.j.querySelectorAll("tbody th,tbody td", table)	.attr("tabindex", 0);
-		ninegrid.j.querySelectorAll("thead,tbody,tfoot", table)	.attr("role", "rowgroup");
-		ninegrid.j.querySelectorAll("tr", table)					.attr("role", "row");
-		ninegrid.j.querySelectorAll("tbody > tr", table)			.attr("role", "gridcell");
-		ninegrid.j.querySelectorAll("th,td", table)				.attr("scope", "col");
+		ninegrid$1.j.querySelectorAll("tbody th,tbody td", table)	.attr("tabindex", 0);
+		ninegrid$1.j.querySelectorAll("thead,tbody,tfoot", table)	.attr("role", "rowgroup");
+		ninegrid$1.j.querySelectorAll("tr", table)					.attr("role", "row");
+		ninegrid$1.j.querySelectorAll("tbody > tr", table)			.attr("role", "gridcell");
+		ninegrid$1.j.querySelectorAll("th,td", table)				.attr("scope", "col");
 		this.#resetColIndex($(table), "thead");
 		this.#resetColIndex($(table), "tbody.bindable");
@@ -25112,7 +25112,7 @@ class ninegridContainer extends HTMLElement
 		this.#createColIndicator();
 		table.querySelectorAll("col").forEach((el,i) => {
-			ninegrid.j.querySelectorAll(`[data-col="${i}"]`, table).attr("fixed", ninegrid.j.querySelectorAll(el).attr("fixed"));
+			ninegrid$1.j.querySelectorAll(`[data-col="${i}"]`, table).attr("fixed", ninegrid$1.j.querySelectorAll(el).attr("fixed"));
 		});
 	}
@@ -25194,7 +25194,7 @@ class ninegridContainer extends HTMLElement
 	selectRow = (nRow1, nRow2) => {
 		const row1		= this.#getRowIndex(nRow1);
-		const row2		= ninegrid.isNull(oRow2) ? row1 : this.#getRowIndex(nRow2);
+		const row2		= ninegrid$1.isNull(oRow2) ? row1 : this.#getRowIndex(nRow2);
 		const matrixRow1= parseInt(row1 * this.template.length);
 		const matrixRow2= parseInt(row2 * this.template.length) + this.template.length - 1;
@@ -25214,7 +25214,7 @@ class ninegridContainer extends HTMLElement
 	 */
 	selectCol = (oCol1, oCol2) => {
 		const col1		= this.#getColIndex(oCol1);
-		const col2		= ninegrid.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
+		const col2		= ninegrid$1.isNull(oCol2) ? col1 : this.#getColIndex(oCol2);
 		const matrixRow1= 0;
 		const matrixRow2= parseInt(this.data.count() * this.template.length - 1);
@@ -25234,7 +25234,7 @@ class ninegridContainer extends HTMLElement
 		const row		= this.#getRowIndex(nRow);
 		const col		= this.#getColIndex(oCol);
-		const matrixRow	= parseInt(row * this.template.length) + ninegrid.nvl(nSubrow, 0);
+		const matrixRow	= parseInt(row * this.template.length) + ninegrid$1.nvl(nSubrow, 0);
 		this.row.at = row;
@@ -25327,8 +25327,8 @@ class nxConfirmPopup extends HTMLElement
 		title = title || 'Confirm';
-		for (const prop in ninegrid.options.confirm) {
-			options[prop] = options[prop] || ninegrid.options.confirm[prop];
+		for (const prop in ninegrid$1.options.confirm) {
+			options[prop] = options[prop] || ninegrid$1.options.confirm[prop];
 		}
 		$('nx-confirm-popup', document.body).remove();
@@ -25380,8 +25380,8 @@ class nxAlertPopup extends HTMLElement
 		title = title || 'Alert';
-		for (const prop in ninegrid.options.alert) {
-			options[prop] = options[prop] || ninegrid.options.alert[prop];
+		for (const prop in ninegrid$1.options.alert) {
+			options[prop] = options[prop] || ninegrid$1.options.alert[prop];
 		}
 		$('nx-alert-popup', document.body).remove();
@@ -25417,15 +25417,15 @@ class nxDialog extends HTMLElement
 		const v = this.innerHTML;
 		const cssFile = this.getAttribute("css-file");
-		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${cssFile}";`: "";
-		const customFile2 = cssFile ? ninegrid.getCustomPath(this, cssFile) : "";
+		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/${cssFile}";`: "";
+		const customFile2 = cssFile ? ninegrid$1.getCustomPath(this, cssFile) : "";
 		//console.log(ninegrid.getCustomPath(this,"nxDialog.css"));
 		this.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxDialog.css";
-				${ninegrid.getCustomPath(this,"nxDialog.css") || ""}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxDialog.css";
+				${ninegrid$1.getCustomPath(this,"nxDialog.css") || ""}
 				${customFile1 || ""}
 				${customFile2 || ""}
 			</style>
@@ -25484,7 +25484,7 @@ class nxDialog extends HTMLElement
 	#init = () => {
 		$(".close,.close2", this).on("click", e => {
-			ninegrid.j.querySelectorAll('dialog', this).addClass("out");
+			ninegrid$1.j.querySelectorAll('dialog', this).addClass("out");
 			setTimeout(() => { this.close(); }, 300);
 		});
@@ -25580,8 +25580,8 @@ class nxDiv extends HTMLElement {
 		const htmlTmpl = document.createElement("template");
 		htmlTmpl.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxDiv.css";
-				${ninegrid.getCustomPath(this,"nxDiv.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxDiv.css";
+				${ninegrid$1.getCustomPath(this,"nxDiv.css")}
 				:host {
 				}
@@ -25643,9 +25643,9 @@ class nxI18nExt extends HTMLElement
 			this.#target.innerHTML = i18next.t(this.#i18n);
 		}
-		else if (this.#dataSource.length > 0 && !ninegrid.isNull(this.#value)) {
+		else if (this.#dataSource.length > 0 && !ninegrid$1.isNull(this.#value)) {
-			var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid.global.locale);
+			var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid$1.global.locale);
 			if (index < 0) index = 0;
 			this.#target.innerHTML = this.#dataSource[index][this.#value];
@@ -25726,10 +25726,10 @@ class nxI18nExt extends HTMLElement
 			return result;
 		},
 		updateContent : () => {
-			ninegrid.querySelectorAll("nx-i18n,nx-span").forEach(v => {
+			ninegrid$1.querySelectorAll("nx-i18n,nx-span").forEach(v => {
 				if (v.refresh) v.refresh();
 			});
-			ninegrid.querySelectorAll("nine-grid").forEach(v => {
+			ninegrid$1.querySelectorAll("nine-grid").forEach(v => {
 				if (v.refresh) v.refreshData();
 			});
 		},
@@ -25761,11 +25761,11 @@ class nxI18nExt extends HTMLElement
 				if (xhr.status === 200) {
 				    var text = xhr.responseText;
-				    i18next.addResourceBundle(locale, 'translation', ninegrid.i18n.convertArrayToJSON(text.split("\n")));
+				    i18next.addResourceBundle(locale, 'translation', ninegrid$1.i18n.convertArrayToJSON(text.split("\n")));
 				    // 마지막 파일인 경우 화면갱신
 				    if (--count == 0) {
-				        i18next.changeLanguage(ninegrid.global.locale);
+				        i18next.changeLanguage(ninegrid$1.global.locale);
 				    }
 				}
@@ -25814,8 +25814,8 @@ class nxSidebar extends HTMLElement
 		//this.shadowRoot.innerHTML = `
 		template.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebar.css";
-				${ninegrid.getCustomPath(this,"nxSidebar.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSidebar.css";
+				${ninegrid$1.getCustomPath(this,"nxSidebar.css")}
 				:host {
 					--min-width: ${this.#minWidth}px;
@@ -26159,8 +26159,8 @@ class nxSidebarItem extends HTMLElement {
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebarItem.css";
-				${ninegrid.getCustomPath(this,"nxSidebarItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSidebarItem.css";
+				${ninegrid$1.getCustomPath(this,"nxSidebarItem.css")}
 			</style>
 			<li>
@@ -26205,8 +26205,8 @@ class nxSidebarMenuitem extends HTMLElement {
 		this.shadowRoot.innerHTML = `
 		    <style>
-		        @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSidebarMenuitem.css";
-		        ${ninegrid.getCustomPath(this,"nxSidebarMenuitem.css")}
+		        @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSidebarMenuitem.css";
+		        ${ninegrid$1.getCustomPath(this,"nxSidebarMenuitem.css")}
 		    </style>
 		    <li>
@@ -26236,7 +26236,7 @@ class nxSideMenu extends HTMLElement
 	};
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	};
@@ -26297,8 +26297,8 @@ class nxSideMenu extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenu.css";
-				${ninegrid.getCustomPath(this,"nxSideMenu.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenu.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenu.css")}
 				:host {
 					--min-width: ${this.#minWidth}px;
@@ -26384,7 +26384,7 @@ class nxSideMenuHead extends HTMLElement
 	}
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26414,8 +26414,8 @@ class nxSideMenuHead extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuHead.css";
-				${ninegrid.getCustomPath(this,"nxSideMenuHead.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenuHead.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenuHead.css")}
 				:host {
 					--icon-color: ${iconColor};
@@ -26451,7 +26451,7 @@ class nxSideMenuFoot extends HTMLElement
 	}
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26480,8 +26480,8 @@ class nxSideMenuFoot extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuFoot.css";
-				${ninegrid.getCustomPath(this,"nxSideMenuFoot.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenuFoot.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenuFoot.css")}
 				:host {
 					--icon-color: ${iconColor};
@@ -26518,7 +26518,7 @@ class nxSideMenuBody extends HTMLElement
 	}
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26567,11 +26567,11 @@ class nxSideMenuItem extends HTMLElement
 		super();
 		this.attachShadow({ mode: 'open' });
-		this.uuid = ninegrid.randomUUID();
+		this.uuid = ninegrid$1.randomUUID();
 	}
 	connectedCallback() {
-		ninegrid.waitForInnerHTML(this)
+		ninegrid$1.waitForInnerHTML(this)
 			.then(() => this.#init())
 			.catch(error => console.error(error));
 	}
@@ -26583,7 +26583,7 @@ class nxSideMenuItem extends HTMLElement
 		this.render();
-		this.#owner	= ninegrid.closest("nx-side-menu", this);
+		this.#owner	= ninegrid$1.closest("nx-side-menu", this);
 		this.classList.toggle("expand");
 		this.classList.add("collapse");
@@ -26593,13 +26593,13 @@ class nxSideMenuItem extends HTMLElement
 		this.addEventListener('click', (e) => {
-			ninegrid.querySelectorAll("nx-side-menu-item", this.#owner).forEach(v => {
+			ninegrid$1.querySelectorAll("nx-side-menu-item", this.#owner).forEach(v => {
 				v.classList.remove("active");
 			});
 			e.target.classList.add("active");
-			ninegrid.closest("nx-side-menu", this).dispatchEvent(new CustomEvent('side-menu-click', {
+			ninegrid$1.closest("nx-side-menu", this).dispatchEvent(new CustomEvent('side-menu-click', {
 				detail: { target: this, },
 				bubbles: true,
 				composed: true
@@ -26621,7 +26621,7 @@ class nxSideMenuItem extends HTMLElement
 				//const target = neUtils.closest("nx-side-menu-item", this);
 				//console.log(this.uuid);
-				const nodeList = ninegrid.querySelectorAll("nx-side-menu-item", this.#owner);
+				const nodeList = ninegrid$1.querySelectorAll("nx-side-menu-item", this.#owner);
 				const firstNodeIndex = Array.from(nodeList).findIndex(node => node.uuid === this.uuid);
 				const childNode = [];
@@ -26666,8 +26666,8 @@ class nxSideMenuItem extends HTMLElement
 		this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxSideMenuItem.css";
-				${ninegrid.getCustomPath(this,"nxSideMenuItem.css")}
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid$1.version}/dist/css/nxSideMenuItem.css";
+				${ninegrid$1.getCustomPath(this,"nxSideMenuItem.css")}
 			</style>
 			<li>
@@ -26705,7 +26705,7 @@ class nxSpan extends HTMLElement
 	};
 	connectedCallback() {
-		if (ninegrid.getLocale() == "ko") {
+		if (ninegrid$1.getLocale() == "ko") {
 			console.warn("nx-span 컴포넌트는 더 이상 사용되지 않을 예정입니다. nx-i18n 컴포넌트로 대체하세요.");
 		}
 		else {
@@ -26714,9 +26714,9 @@ class nxSpan extends HTMLElement
 	};
 	refresh = () => {
-		if (this.#dataSource.length < 0 || ninegrid.isNull(this.#value)) return;
+		if (this.#dataSource.length < 0 || ninegrid$1.isNull(this.#value)) return;
-		var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid.global.locale);
+		var index = this.#dataSource.findIndex(m => m[this.#key] == ninegrid$1.global.locale);
 		if (index < 0) index = 0;
@@ -27112,12 +27112,12 @@ class nxTopMenu extends HTMLElement
 				</nav>
 		`;
-		this.changeLocale(ninegrid.getLocale());
+		this.changeLocale(ninegrid$1.getLocale());
 	};
 	changeLocale = (locale) => {
-		ninegrid.setLocale(locale);
-		this.shadowRoot.querySelector("#locale").innerHTML = ninegrid.decode(locale, "ko", "한국어", "English");
+		ninegrid$1.setLocale(locale);
+		this.shadowRoot.querySelector("#locale").innerHTML = ninegrid$1.decode(locale, "ko", "한국어", "English");
 	};
 }
@@ -27282,6 +27282,80 @@ class aiSettings extends HTMLElement
 customElements.define("nx-ai-settings", aiSettings);
+//import ninegrid from "../index.js";
+class aiMyMessage extends HTMLElement
+{
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+	get server() {
+		return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
+	};
+	set server(v) {
+		const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
+		if (elem) elem.checked = true;
+		this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
+			el.dispatchEvent(new Event("change"));
+		});
+		this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
+			detail: { server: this.server, model: this.model }
+		}));
+	};
+	get model() {
+		return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
+	};
+	set model(v) {
+		const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
+		if (elem) {
+			elem.value = v;
+			elem.dispatchEvent(new Event("change"));
+		}
+		/**
+		this.dispatchEvent(new CustomEvent("setting-change", {
+			detail: { server: this.server, model: this.model }
+		})); */
+	};
+	connectedCallback() {
+		const msg = this.getAttribute("message");
+		console.log(msg);
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${ninegrid.version}/dist/css/aiMessage.css";
+				${ninegrid.getCustomPath(this,"ngInputText.css")}
+			</style>
+			<div class="line">
+				aaa
+			</div>
+		`;
+		this.#init();
+	};
+	#init = () => {
+		return;
+	}
+}
+customElements.define("nx-ai-my-message", aiMyMessage);
 //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
@@ -27290,4 +27364,4 @@ window.jQuery = window.$ = $$1;
 //export default new ninegrid();
-module.exports = ninegrid;
+module.exports = ninegrid$1;