ninegrid2 6.88.0 → 6.90.0

package/dist/bundle.esm.js

@@ -10704,802 +10704,790 @@ function requireJquery () {
 var jqueryExports = requireJquery();
 var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
 
-var ninegrid$1 = {};
+class ninegrid {
 
-var hasRequiredNinegrid;
 
-function requireNinegrid () {
-	if (hasRequiredNinegrid) return ninegrid$1;
-	hasRequiredNinegrid = 1;
-	class ninegrid {
-
-
-	    constructor() {
-	        console.log(`welcome nine-grid@${ninegrid.version}`, window.location.hostname);
+    constructor() {
+        console.log(`welcome nine-grid@${ninegrid.version}`, window.location.hostname);
 
-	       //console.log(i18next);
-	    }
+       //console.log(i18next);
+    }
 
-		static LOG = {
-				LEVEL : {
-					ALL		: 0,
-					DEBUG	: 1,
-					INFO	: 2,
-					WARN	: 3,
-					ERROR	: 4,
-					OFF		: 9,
-				},
-			};
-		
-		static EVENT = {
-			LOAD				: "load",
-			BUTTON_CLICK		: "buttonclick",
-			LINK_CLICK			: "linklick",
-			LAYOUT_CHANGED		: "layoutchanged",
-			CELL_CLICK			: "cellclick",
-			CELL_DBL_CLICK		: "celldblclick",
-			HEADCELL_CLICK		: "headcellclick",
-			HEADCELL_DBL_CLICK	: "headcelldblclick",
-			FOOTCELL_CLICK		: "footcellclick",
-			FOOTCELL_DBL_CLICK	: "footcelldblclick",
-			CELL_POS_CHANGED	: "cellposchanged",
-			ROW_POS_CHANGED		: "rowposchanged",
-			DATA_CHANGED		: "datachanged",
-			CAN_ROW_MOVE		: "canrowmove",
-			ROW_MOVED			: "rowmoved",
-			//CAN_FIXED_CHANGE	: "canfixedchange",
-			//FIXED_CHANGED		: "fixedchanged",
+	static LOG = {
+			LEVEL : {
+				ALL		: 0,
+				DEBUG	: 1,
+				INFO	: 2,
+				WARN	: 3,
+				ERROR	: 4,
+				OFF		: 9,
+			},
 		};
+	
+	static EVENT = {
+		LOAD				: "load",
+		BUTTON_CLICK		: "buttonclick",
+		LINK_CLICK			: "linklick",
+		LAYOUT_CHANGED		: "layoutchanged",
+		CELL_CLICK			: "cellclick",
+		CELL_DBL_CLICK		: "celldblclick",
+		HEADCELL_CLICK		: "headcellclick",
+		HEADCELL_DBL_CLICK	: "headcelldblclick",
+		FOOTCELL_CLICK		: "footcellclick",
+		FOOTCELL_DBL_CLICK	: "footcelldblclick",
+		CELL_POS_CHANGED	: "cellposchanged",
+		ROW_POS_CHANGED		: "rowposchanged",
+		DATA_CHANGED		: "datachanged",
+		CAN_ROW_MOVE		: "canrowmove",
+		ROW_MOVED			: "rowmoved",
+		//CAN_FIXED_CHANGE	: "canfixedchange",
+		//FIXED_CHANGED		: "fixedchanged",
+	};
 
-		static BAND = {
-			BODY	: "body",
-			LEFT	: "left",
-			RIGHT	: "right",
-		};
+	static BAND = {
+		BODY	: "body",
+		LEFT	: "left",
+		RIGHT	: "right",
+	};
 
-		/** .__ng._[ninegrid.ROW.ID] */
-		static ROW = {
-			ID			: 0,
-			INDEX		: 1,		/** 전체 INDEX */
-			ORDER		: 2,		/** valid(collapse,pin,paging) ROW */
-			VISIBLE_ROW	: 3,		/** visible INDEX */
-			STATE		: 4,
-			FILTER		: 5,
-			PIN			: 6,
-			EXPAND		: 7,
-			COLLAPSE	: 8,
-			VISIBLE		: 9,
-			PAGING		: 10,
-			DELETED		: 11,
-			HEIGHT		: 12,
-			ORIGIN_ORDER: 13,
-			ORIGIN_VALUE: 14,
-			EXPAND_CHECK: 15,
-		}
+	/** .__ng._[ninegrid.ROW.ID] */
+	static ROW = {
+		ID			: 0,
+		INDEX		: 1,		/** 전체 INDEX */
+		ORDER		: 2,		/** valid(collapse,pin,paging) ROW */
+		VISIBLE_ROW	: 3,		/** visible INDEX */
+		STATE		: 4,
+		FILTER		: 5,
+		PIN			: 6,
+		EXPAND		: 7,
+		COLLAPSE	: 8,
+		VISIBLE		: 9,
+		PAGING		: 10,
+		DELETED		: 11,
+		HEIGHT		: 12,
+		ORIGIN_ORDER: 13,
+		ORIGIN_VALUE: 14,
+		EXPAND_CHECK: 15,
+	}
 
-		static ROW_STATE = {
-			EMPTY	: 0,
-			NORMAL	: 1,
-			INSERT	: 2,
-			UPDATE	: 4,
-			DELETE	: 8,
-			GROUP	: 16,
-		}
+	static ROW_STATE = {
+		EMPTY	: 0,
+		NORMAL	: 1,
+		INSERT	: 2,
+		UPDATE	: 4,
+		DELETE	: 8,
+		GROUP	: 16,
+	}
 
-		static SELECTTYPE = {
-			NONE	: "none",
-			ROW		: "row",
-			ROWS	: "rows",
-			COL		: "col",
-			COLS	: "cols",
-			CELL	: "cell",
-			AREA	: "area",
-		}
+	static SELECTTYPE = {
+		NONE	: "none",
+		ROW		: "row",
+		ROWS	: "rows",
+		COL		: "col",
+		COLS	: "cols",
+		CELL	: "cell",
+		AREA	: "area",
+	}
 
-		static COLINDICATORTYPE = {
-			EXPAND	: "expand",
-			COLLAPSE: "collapse",
-		}
+	static COLINDICATORTYPE = {
+		EXPAND	: "expand",
+		COLLAPSE: "collapse",
+	}
 
-		static PAGINGTYPE = {
-			NONE	: "none",
-			CLIENT	: "client",
-			SERVER	: "server",
-		}
+	static PAGINGTYPE = {
+		NONE	: "none",
+		CLIENT	: "client",
+		SERVER	: "server",
+	}
 
-		static PAGINGCOUNT = {
-			AUTO		: "auto",
-			NUM_1		: "1",
-			NUM_5		: "5",
-			NUM_10		: "10",
-			NUM_20		: "20",
-			NUM_30		: "30",
-			NUM_50		: "50",
-			NUM_100		: "100",
-			NUM_1000	: "1000",
-			NUM_10000	: "10000",
-		}
+	static PAGINGCOUNT = {
+		AUTO		: "auto",
+		NUM_1		: "1",
+		NUM_5		: "5",
+		NUM_10		: "10",
+		NUM_20		: "20",
+		NUM_30		: "30",
+		NUM_50		: "50",
+		NUM_100		: "100",
+		NUM_1000	: "1000",
+		NUM_10000	: "10000",
+	}
 
-	    static version = "1.1.1";
+    static version = "1.1.1";
+
+    static options = {
+		confirm : {
+			"class"			: "classic",
+			"animation"		: "run",	//run,moveUp
+			"true-text"		: "Yes",
+			"false-text"	: "No",
+		},
+		alert : {
+			"class"			: "classic",
+			"animation"		: "zoom",	//run, reverseRun, moveUp, moveDown, zoom, fade
+		},
+	};
 
-	    static options = {
-			confirm : {
-				"class"			: "classic",
-				"animation"		: "run",	//run,moveUp
-				"true-text"		: "Yes",
-				"false-text"	: "No",
-			},
-			alert : {
-				"class"			: "classic",
-				"animation"		: "zoom",	//run, reverseRun, moveUp, moveDown, zoom, fade
-			},
-		};
+	static cssPath = null;
+	
+	
+	static openFileDialog = (v) => {
+		
+		return new Promise((resolve, reject) => {
+	        // 기존 input 요소 제거
+	        const existingInput = document.getElementById("ninegridFileInput");
+	        if (existingInput) {
+	            existingInput.remove();
+	        }
+
+	        // 새로운 파일 입력 엘리먼트 생성
+	        const input = document.createElement("input");
+	        input.type = "file";
+	        input.accept = "*";  
+	        input.id = "ninegridFileInput";
+
+	        input.addEventListener("change", (event) => {
+	            const file = event.target.files[0];
+	            if (file) {
+	                resolve(file); // 파일 선택 시 Promise 해결
+	            } else {
+	                reject(new Error("파일이 선택되지 않았습니다."));
+	            }
+	        });
+
+	        input.click(); // 파일 선택 창 열기
+	    });
+	}
+	
+	static getCustomPath = (c,v) => {
 
-		static cssPath = null;
 		
-		
-		static openFileDialog = (v) => {
-			
-			return new Promise((resolve, reject) => {
-		        // 기존 input 요소 제거
-		        const existingInput = document.getElementById("ninegridFileInput");
-		        if (existingInput) {
-		            existingInput.remove();
-		        }
-
-		        // 새로운 파일 입력 엘리먼트 생성
-		        const input = document.createElement("input");
-		        input.type = "file";
-		        input.accept = "*";  
-		        input.id = "ninegridFileInput";
-
-		        input.addEventListener("change", (event) => {
-		            const file = event.target.files[0];
-		            if (file) {
-		                resolve(file); // 파일 선택 시 Promise 해결
-		            } else {
-		                reject(new Error("파일이 선택되지 않았습니다."));
-		            }
-		        });
-
-		        input.click(); // 파일 선택 창 열기
-		    });
+		let cssPath;
+		let host;
+		if (c.tagName == "NINE-GRID") {
+			host = c;
+		}
+		else {
+			host = c.getRootNode().host;
+			if (host && host.tagName != "NINE-GRID") host = host.getRootNode().host;
 		}
-		
-		static getCustomPath = (c,v) => {
-
-			
-			let cssPath;
-			let host;
-			if (c.tagName == "NINE-GRID") {
-				host = c;
-			}
-			else {
-				host = c.getRootNode().host;
-				if (host && host.tagName != "NINE-GRID") host = host.getRootNode().host;
-			}
 
-			if (host && host.tagName == "NINE-GRID") {
-				cssPath = host.getAttribute("css-path");
-			}
-			
-			console.log("========================", ninegrid.cssPath);
+		if (host && host.tagName == "NINE-GRID") {
+			cssPath = host.getAttribute("css-path");
+		}
+		
+		//console.log("========================", ninegrid.cssPath);
 
-			if (!cssPath) cssPath = ninegrid.cssPath;
-			//console.log("================");
-			//console.log(cssPath);
-			
-			//console.log(cssPath ? `@import "${cssPath}/dist/${v}";` : null);
+		if (!cssPath) cssPath = ninegrid.cssPath;
+		//console.log("================");
+		//console.log(cssPath);
+		
+		//console.log(cssPath ? `@import "${cssPath}/dist/${v}";` : null);
 
-			console.log("========================", cssPath ? `@import "${cssPath}/${v}";` : "");
+		//console.log("========================", cssPath ? `@import "${cssPath}/${v}";` : "");
 
-			return cssPath ? `@import "${cssPath}/${v}";` : "";
-		};
-		
-		static closest = (selector, element) => {
-			let currentElement = element;
+		return cssPath ? `@import "${cssPath}/${v}";` : "";
+	};
+	
+	static closest = (selector, element) => {
+		let currentElement = element;
 
-			while (currentElement) {
-				if (currentElement.tagName.toLowerCase() === selector) {
-					return currentElement;
-				}
-			
-				currentElement = currentElement.getRootNode().host;
+		while (currentElement) {
+			if (currentElement.tagName.toLowerCase() === selector) {
+				return currentElement;
 			}
-
-			return null;
-		}
 		
-		static waitForInnerHTML = (element, maxAttempts = 3, intervalTime = 100) => {
-			return new Promise((resolve, reject) => {
-				let attempts = 0;
-				const interval = setInterval(() => {
-					if (element.innerHTML.trim() !== "") {
-						//console.log("InnerHTML 확인됨, init() 실행 가능!");
+			currentElement = currentElement.getRootNode().host;
+		}
+
+		return null;
+	}
+	
+	static waitForInnerHTML = (element, maxAttempts = 3, intervalTime = 100) => {
+		return new Promise((resolve, reject) => {
+			let attempts = 0;
+			const interval = setInterval(() => {
+				if (element.innerHTML.trim() !== "") {
+					//console.log("InnerHTML 확인됨, init() 실행 가능!");
+					clearInterval(interval);
+					resolve();
+				} else {
+					attempts++;
+					//console.log(`InnerHTML이 비어 있음, ${attempts}/${maxAttempts}번 재시도`);
+	
+					if (attempts >= maxAttempts) {
 						clearInterval(interval);
-						resolve();
-					} else {
-						attempts++;
-						//console.log(`InnerHTML이 비어 있음, ${attempts}/${maxAttempts}번 재시도`);
-		
-						if (attempts >= maxAttempts) {
-							clearInterval(interval);
-							reject("InnerHTML을 확인하지 못했습니다.");
-						}
+						reject("InnerHTML을 확인하지 못했습니다.");
 					}
-				}, intervalTime);
-			});
-		};
-		
-		static copyProperty = (target, source, properties) => {
-			
-			if (!Array.isArray(properties)) properties = [properties];
-			
-			for (var v in source) {
-				if (properties.includes(v)) {
-					target[v] = source[v];
 				}
+			}, intervalTime);
+		});
+	};
+	
+	static copyProperty = (target, source, properties) => {
+		
+		if (!Array.isArray(properties)) properties = [properties];
+		
+		for (var v in source) {
+			if (properties.includes(v)) {
+				target[v] = source[v];
 			}
-		};
-
-		static decode = (args) => {
-			for (var i = 1; i < args.length ; i+=2) {
-				if (args[0] === args[i]) return args[i+1];
-			}
-
-			return args.length % 2 == 0 ? args[args.length - 1] : null;
-		};
+		}
+	};
 
-		static isMobile = () => {
-			return /(iPhone|iPad|Android|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
-		};
+	static decode = (args) => {
+		for (var i = 1; i < args.length ; i+=2) {
+			if (args[0] === args[i]) return args[i+1];
+		}
 
-		static randomUUID = (num) => {
-			if (!num) num = 10;
-			
-			const characters ='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-			let result = '';
-			const charactersLength = characters.length;
-			for (let i = 0; i < num; i++) {
-				result += characters.charAt(Math.floor(Math.random() * charactersLength));
-			}
+		return args.length % 2 == 0 ? args[args.length - 1] : null;
+	};
 
-			return result;
-		};
+	static isMobile = () => {
+		return /(iPhone|iPad|Android|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
+	};
 
-		static isNvl = (v) => {
-			return (v === null || v === undefined || v === '') ? true : false;
-		};
-		static isNull = (v) => {
-			return ninegrid.isNvl(v);
-		};
-		static nvl = (v, v2) => {
-			return ninegrid.isNvl(v) ? v2 : v;
-		};
+	static randomUUID = (num) => {
+		if (!num) num = 10;
 		
-		static oppositeColor = (bgColor, lightColor, darkColor) => {
-			var color = (bgColor.charAt(0) === '#') ? bgColor.substring(1, 7) : bgColor;
-			var r = parseInt(color.substring(0, 2), 16); // hexToR
-			var g = parseInt(color.substring(2, 4), 16); // hexToG
-			var b = parseInt(color.substring(4, 6), 16); // hexToB
-			var uicolors = [r / 255, g / 255, b / 255];
-			var c = uicolors.map((col) => {
-				if (col <= 0.03928) {
-					return col / 12.92;
-				}
-				
-				return Math.pow((col + 0.055) / 1.055, 2.4);
-			});
-			var L = (0.2126 * c[0]) + (0.7152 * c[1]) + (0.0722 * c[2]);
-			return (L > 0.179) ? darkColor : lightColor;
-		};
+		const characters ='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+		let result = '';
+		const charactersLength = characters.length;
+		for (let i = 0; i < num; i++) {
+			result += characters.charAt(Math.floor(Math.random() * charactersLength));
+		}
 
-		static parseDate = (v) => {
-			var date;
-			
-			if (/[^0-9]/.test(v)) {
-				date = new Date(v);
+		return result;
+	};
+
+	static isNvl = (v) => {
+		return (v === null || v === undefined || v === '') ? true : false;
+	};
+	static isNull = (v) => {
+		return ninegrid.isNvl(v);
+	};
+	static nvl = (v, v2) => {
+		return ninegrid.isNvl(v) ? v2 : v;
+	};
+	
+	static oppositeColor = (bgColor, lightColor, darkColor) => {
+		var color = (bgColor.charAt(0) === '#') ? bgColor.substring(1, 7) : bgColor;
+		var r = parseInt(color.substring(0, 2), 16); // hexToR
+		var g = parseInt(color.substring(2, 4), 16); // hexToG
+		var b = parseInt(color.substring(4, 6), 16); // hexToB
+		var uicolors = [r / 255, g / 255, b / 255];
+		var c = uicolors.map((col) => {
+			if (col <= 0.03928) {
+				return col / 12.92;
 			}
 			
-			return date;
-		};
-		static parseDate1 = (_date,_format,_delimiter) => {
-			var formatLowerCase=_format.toLowerCase();
-			var formatItems=formatLowerCase.split(_delimiter);
-			var dateItems=_date.split(_delimiter);
-			var monthIndex=formatItems.indexOf("mm");
-			var dayIndex=formatItems.indexOf("dd");
-			var yearIndex=formatItems.indexOf("yyyy");
-			var month=parseInt(dateItems[monthIndex]);
-			month-=1;
-			var formatedDate = new Date(dateItems[yearIndex],month,dateItems[dayIndex]);
-			return formatedDate;
-		};
+			return Math.pow((col + 0.055) / 1.055, 2.4);
+		});
+		var L = (0.2126 * c[0]) + (0.7152 * c[1]) + (0.0722 * c[2]);
+		return (L > 0.179) ? darkColor : lightColor;
+	};
 
+	static parseDate = (v) => {
+		var date;
+		
+		if (/[^0-9]/.test(v)) {
+			date = new Date(v);
+		}
+		
+		return date;
+	};
+	static parseDate1 = (_date,_format,_delimiter) => {
+		var formatLowerCase=_format.toLowerCase();
+		var formatItems=formatLowerCase.split(_delimiter);
+		var dateItems=_date.split(_delimiter);
+		var monthIndex=formatItems.indexOf("mm");
+		var dayIndex=formatItems.indexOf("dd");
+		var yearIndex=formatItems.indexOf("yyyy");
+		var month=parseInt(dateItems[monthIndex]);
+		month-=1;
+		var formatedDate = new Date(dateItems[yearIndex],month,dateItems[dayIndex]);
+		return formatedDate;
+	};
 
-		static context;
-		static measureTextSize = (_text, _font) => {
-			if (typeof _text === 'number') _text = _text + "";
-			
-			if (!_text) return {width:null,height:null};
-			
-			_text = _text.replaceAll("\n", "<br>");
 
-			// Set the font
-			if (!ninegrid.context) {
-				const canvas = document.createElement('canvas');
-				ninegrid.context = canvas.getContext('2d');
-			}
-			ninegrid.context.font = _font;
+	static context;
+	static measureTextSize = (_text, _font) => {
+		if (typeof _text === 'number') _text = _text + "";
+		
+		if (!_text) return {width:null,height:null};
+		
+		_text = _text.replaceAll("\n", "<br>");
 
-			// Measure the text
-			var w = 0;
-			var h = 0;
-			for (var v of _text.split("<br>")) {
-				v = v.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/ig, "");
-				const metrics = ninegrid.context.measureText(v);
-				w = Math.max(w, metrics.width);
-				
-				//let fontHeight = metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
-				//let actualHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
+		// Set the font
+		if (!ninegrid.context) {
+			const canvas = document.createElement('canvas');
+			ninegrid.context = canvas.getContext('2d');
+		}
+		ninegrid.context.font = _font;
 
-				h += metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
-			}
+		// Measure the text
+		var w = 0;
+		var h = 0;
+		for (var v of _text.split("<br>")) {
+			v = v.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/ig, "");
+			const metrics = ninegrid.context.measureText(v);
+			w = Math.max(w, metrics.width);
+			
+			//let fontHeight = metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
+			//let actualHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
 
-			// Return the width in pixels
-			return {
-				width	: w,
-				height	: h
-			};
-		};
+			h += metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
+		}
 
-		static num2ExcelCol = (num) => {
-			const alpCount = 'Z'.charCodeAt(0) - 'A'.charCodeAt(0) + 1;
-			let result = '';
-			
-			while (num !== -1) {
-				result = String.fromCharCode('A'.charCodeAt(0) + (num % alpCount)) + result;
-				num = Math.floor(num / alpCount) - 1;
-			}
-			
-			return result;
+		// Return the width in pixels
+		return {
+			width	: w,
+			height	: h
 		};
+	};
+
+	static num2ExcelCol = (num) => {
+		const alpCount = 'Z'.charCodeAt(0) - 'A'.charCodeAt(0) + 1;
+		let result = '';
 		
-		static move = (arr, from, to) => {
-			arr.splice(to, 0, arr.splice(from, 1)[0]);
-		};
+		while (num !== -1) {
+			result = String.fromCharCode('A'.charCodeAt(0) + (num % alpCount)) + result;
+			num = Math.floor(num / alpCount) - 1;
+		}
+		
+		return result;
+	};
+	
+	static move = (arr, from, to) => {
+		arr.splice(to, 0, arr.splice(from, 1)[0]);
+	};
 
 
-		static binarySearchValue = (arr, searchProperty, searchValue, targetProperty, separator) => {
-			if (!Array.isArray(searchValue)) searchValue = [searchValue];
-			
-			var r = [];
-			for (var v of searchValue) {
-				var idx = arr.map(m => { return m[searchProperty]; }).nineBinarySearch(v);
-				r.push( (idx < 0) ? v : arr[idx][targetProperty] );
+	static binarySearchValue = (arr, searchProperty, searchValue, targetProperty, separator) => {
+		if (!Array.isArray(searchValue)) searchValue = [searchValue];
+		
+		var r = [];
+		for (var v of searchValue) {
+			var idx = arr.map(m => { return m[searchProperty]; }).nineBinarySearch(v);
+			r.push( (idx < 0) ? v : arr[idx][targetProperty] );
+		}
+		
+		return r.join(separator || ",");
+	};
+		
+	static removeIf = (arr,callback) => {
+		var i = 0;
+		while (i < arr.length) {
+			if (callback(arr[i], i)) {
+				return arr.splice(i, 1);
 			}
-			
-			return r.join(separator || ",");
-		};
-			
-		static removeIf = (arr,callback) => {
-			var i = 0;
-			while (i < arr.length) {
-				if (callback(arr[i], i)) {
-					return arr.splice(i, 1);
-				}
-				else {
-					++i;
-				}
+			else {
+				++i;
 			}
-		};
+		}
+	};
 
-		static sum = (arr,prop) => {
-			return arr.map(m => { return m[prop]; }).reduce((a, b) => (a+b));
-		};
+	static sum = (arr,prop) => {
+		return arr.map(m => { return m[prop]; }).reduce((a, b) => (a+b));
+	};
 
-		static avg = (arr,prop) => {
-			//console.log(arr, prop);
-			if (arr.length == 0) return 0;
-			
-			if (prop) arr = arr.getMap(prop);
-			//console.log(arr);
-			//if (prop) return (arr.map(m => { return m[v]; }).reduce((a,b) => (a+b)) / arr.length);
-			
-			return (arr.reduce((a, b) => (a+b)) / arr.length);
-			//return (arr.map(m => { return m[v]; }).reduce((a, b) => (a+b)) / arr.length);
-		};
+	static avg = (arr,prop) => {
+		//console.log(arr, prop);
+		if (arr.length == 0) return 0;
+		
+		if (prop) arr = arr.getMap(prop);
+		//console.log(arr);
+		//if (prop) return (arr.map(m => { return m[v]; }).reduce((a,b) => (a+b)) / arr.length);
+		
+		return (arr.reduce((a, b) => (a+b)) / arr.length);
+		//return (arr.map(m => { return m[v]; }).reduce((a, b) => (a+b)) / arr.length);
+	};
 
-		static lpad = (v,n,str) => {
-			return Array(n - String(v).length + 1).join(str || '0') + v;
-		};
+	static lpad = (v,n,str) => {
+		return Array(n - String(v).length + 1).join(str || '0') + v;
+	};
 
-		static rpad = (v,n,str) => {
-			return v + Array(n - String(v).length + 1).join(str || '0');
-		};
+	static rpad = (v,n,str) => {
+		return v + Array(n - String(v).length + 1).join(str || '0');
+	};
 
-		static cut = (v,len) => {
-			var str = v;
-			var s = 0;
-			for (var i=0; i<str.length; i++) {
-				s += (str.charCodeAt(i) > 128) ? 2 : 1;
-				if (s > len) return str.substring(0,i);
-			}
-			return str;
-		};
-		static getByteLength = (v) => {
-			return v.replace(/[\0-\x7f]|([0-\u07ff]|(.))/g,"$&$1$2").length;
-		};
+	static cut = (v,len) => {
+		var str = v;
+		var s = 0;
+		for (var i=0; i<str.length; i++) {
+			s += (str.charCodeAt(i) > 128) ? 2 : 1;
+			if (s > len) return str.substring(0,i);
+		}
+		return str;
+	};
+	static getByteLength = (v) => {
+		return v.replace(/[\0-\x7f]|([0-\u07ff]|(.))/g,"$&$1$2").length;
+	};
 
-		static formatDate = (v, _format) => {
-			return ninegrid.toDate(v, _format);
-		};
+	static formatDate = (v, _format) => {
+		return ninegrid.toDate(v, _format);
+	};
 
-		static toDate = (v, format) => {
-			var today = new Date();
-			//20000101 yyyymmdd
-			var yIndex = format.indexOf('yyyy');
-			var mIndex = format.indexOf('mm');
-			var dIndex = format.indexOf('dd');
-			var hIndex = format.indexOf('hh');
-			var iIndex = format.indexOf('mi');
-			var sIndex = format.indexOf('ss');
-			
-			var year	= (yIndex > -1) ? v.substr(yIndex, 4) : today.getFullYear();
-			var month	= (mIndex > -1) ? v.substr(mIndex, 2)-1 : today.getMonth()-1;
-			var day		= (dIndex > -1) ? v.substr(dIndex, 2) : today.getDate();
-			var hour	= (hIndex > -1) ? v.substr(hIndex, 2) : today.getHours();
-			var minute	= (iIndex > -1) ? v.substr(iIndex, 2) : today.getMinutes();
-			var second	= (sIndex > -1) ? v.substr(sIndex, 2) : today.getSeconds();
-			
-			return new Date(year,month,day,hour,minute,second);
-		};
+	static toDate = (v, format) => {
+		var today = new Date();
+		//20000101 yyyymmdd
+		var yIndex = format.indexOf('yyyy');
+		var mIndex = format.indexOf('mm');
+		var dIndex = format.indexOf('dd');
+		var hIndex = format.indexOf('hh');
+		var iIndex = format.indexOf('mi');
+		var sIndex = format.indexOf('ss');
+		
+		var year	= (yIndex > -1) ? v.substr(yIndex, 4) : today.getFullYear();
+		var month	= (mIndex > -1) ? v.substr(mIndex, 2)-1 : today.getMonth()-1;
+		var day		= (dIndex > -1) ? v.substr(dIndex, 2) : today.getDate();
+		var hour	= (hIndex > -1) ? v.substr(hIndex, 2) : today.getHours();
+		var minute	= (iIndex > -1) ? v.substr(iIndex, 2) : today.getMinutes();
+		var second	= (sIndex > -1) ? v.substr(sIndex, 2) : today.getSeconds();
+		
+		return new Date(year,month,day,hour,minute,second);
+	};
 
-		static formatString = (v, format, locale) => {
-			if (isNaN(v)) return "";
-			
-			locale = locale || "en-US";
-			format = format.toLowerCase();
-			
-			return format
-					.replace("yyyy", v.getFullYear())
-					.replace("yy", v.getYear())
-					.replace("mon", v.toLocaleString(locale, { month: "short" }))
-					.replace("mm", ninegrid.lpad(v.getMonth()+1, 2))
-					.replace("dd", ninegrid.lpad(v.getDate(), 2))
-					.replace("hh", ninegrid.lpad(v.getHours(), 2))
-					.replace("mi", ninegrid.lpad(v.getMinutes(), 2))
-					.replace("ss", ninegrid.lpad(v.getSeconds(), 2));
-		};
+	static formatString = (v, format, locale) => {
+		if (isNaN(v)) return "";
+		
+		locale = locale || "en-US";
+		format = format.toLowerCase();
+		
+		return format
+				.replace("yyyy", v.getFullYear())
+				.replace("yy", v.getYear())
+				.replace("mon", v.toLocaleString(locale, { month: "short" }))
+				.replace("mm", ninegrid.lpad(v.getMonth()+1, 2))
+				.replace("dd", ninegrid.lpad(v.getDate(), 2))
+				.replace("hh", ninegrid.lpad(v.getHours(), 2))
+				.replace("mi", ninegrid.lpad(v.getMinutes(), 2))
+				.replace("ss", ninegrid.lpad(v.getSeconds(), 2));
+	};
+	
+	
+	static log = {
+		level : window.location.hostname == "localhost" ? ninegrid.LOG.LEVEL.DEBUG : ninegrid.LOG.LEVEL.WARN,
+		//level : LOG.LEVEL.WARN,
+	}
+	static debug	= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.DEBUG) { console.trace(...args); } };
+	static info		= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.INFO) { console.trace(...args); } };
+	static warn		= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.WARN) { console.warn(...args); } };
+	static error	= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.ERROR) { console.error(...args); } };
+
+	static global = {
+		locale : (navigator.language || navigator.userLanguage || 'en').toLowerCase().substring(0, 2),
+		lang : navigator.language,
+	}
+
+
+	static querySelectorAll = (selector, root) => {
+		
+		root = root || document;
 		
+		const results = Array.from(root.querySelectorAll(selector));
+		const pushNestedResults = function (root) {
+			ninegrid.querySelectorAll(selector, root).forEach(elem => {
+				if (!results.includes(elem)) {
+					results.push(elem);
+				}
+			});
+		};
 		
-		static log = {
-			level : window.location.hostname == "localhost" ? ninegrid.LOG.LEVEL.DEBUG : ninegrid.LOG.LEVEL.WARN,
-			//level : LOG.LEVEL.WARN,
+		if (root.shadowRoot) {
+			pushNestedResults(root.shadowRoot);
 		}
-		static debug	= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.DEBUG) { console.trace(...args); } };
-		static info		= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.INFO) { console.trace(...args); } };
-		static warn		= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.WARN) { console.warn(...args); } };
-		static error	= (...args) => { if (ninegrid.log.level <= ninegrid.LOG.LEVEL.ERROR) { console.error(...args); } };
-
-		static global = {
-			locale : (navigator.language || navigator.userLanguage || 'en').toLowerCase().substring(0, 2),
-			lang : navigator.language,
+		
+		for (const elem of root.querySelectorAll('*')) {
+			if (elem.shadowRoot) {
+				pushNestedResults(elem.shadowRoot);
+			}
 		}
-
-
-		static querySelectorAll = (selector, root) => {
-			
-			root = root || document;
+		
+		return results;
+	};
+	
+	static i18n = {
+		convertArrayToJSON : (arr) => {
+			let result = {};
 			
-			const results = Array.from(root.querySelectorAll(selector));
-			const pushNestedResults = function (root) {
-				ninegrid.querySelectorAll(selector, root).forEach(elem => {
-					if (!results.includes(elem)) {
-						results.push(elem);
+			for (const str of arr) {
+				
+				if (!str) continue;
+				
+				const index = str.indexOf("=");
+				if (index <= 0) continue;
+				
+				const keys = str.substring(0, index).split('.');
+				const value = str.substring(index+1);
+				let current = result;
+				
+				for (let i = 0; i < keys.length; i++) {
+					if (i === keys.length - 1) {
+						current[keys[i]] = value;
+					}
+					else {
+						if (!current[keys[i]]) {
+							current[keys[i]] = {};
+						}
+						current = current[keys[i]];
 					}
-				});
-			};
-			
-			if (root.shadowRoot) {
-				pushNestedResults(root.shadowRoot);
-			}
-			
-			for (const elem of root.querySelectorAll('*')) {
-				if (elem.shadowRoot) {
-					pushNestedResults(elem.shadowRoot);
 				}
 			}
-			
-			return results;
-		};
 		
-		static i18n = {
-			convertArrayToJSON : (arr) => {
-				let result = {};
+			return result;
+		},
+		updateContent : () => {
+			ninegrid.querySelectorAll("nx-i18n,nx-span").forEach(v => {
+				if (v.refresh) v.refresh();
+			});
+			ninegrid.querySelectorAll("nine-grid").forEach(v => {
+				if (v.refresh) v.refreshData();
+			});
+		},
+		addResourceBundle : (args) => {
+			//console.log(args);
+			
+			let count = Math.floor(args.length / 2);
+			
+			for (var i=0; i < args.length; i+=2) {
+				//console.log(i, args.length);
+				if (i+1 >= args.length) break;
 				
-				for (const str of arr) {
-					
-					if (!str) continue;
-					
-					const index = str.indexOf("=");
-					if (index <= 0) continue;
-					
-					const keys = str.substring(0, index).split('.');
-					const value = str.substring(index+1);
-					let current = result;
-					
-					for (let i = 0; i < keys.length; i++) {
-						if (i === keys.length - 1) {
-							current[keys[i]] = value;
-						}
-						else {
-							if (!current[keys[i]]) {
-								current[keys[i]] = {};
-							}
-							current = current[keys[i]];
-						}
+				const locale = args[i];
+				const fileNm = args[i+1];
+				
+				$.ajax({
+					url: fileNm,	// "/properties/message.ko.prop",
+					dataType: "text",
+					success: (text) => {
+						i18next.addResourceBundle(locale, 'translation', ninegrid.i18n.convertArrayToJSON(text.split("\n")));
+						
+						/**
+						 * 마지막 파일인 경우 화면갱신
+						 */
+						if (--count == 0) i18next.changeLanguage(ninegrid.global.locale);
+					}
+				});
+			}
+			
+			//console.log("=========")
+			//ninegrid.i18n.updateContent();
+		},
+		init : () => {
+			//console.log(ninegrid.global.locale);
+			i18next.init(
+				{
+					lng: ninegrid.global.locale,//isKorean ? "ko" : "en", // 한국어인지, 영어인지 표시
+					debug: window.location.hostname == "localhost" ? true : false,
+					resources: {},
+				},
+				function(err, t) {
+					if (err) {
+						console.error(err);
 					}
 				}
+			);
 			
-				return result;
-			},
-			updateContent : () => {
-				ninegrid.querySelectorAll("nx-i18n,nx-span").forEach(v => {
-					if (v.refresh) v.refresh();
+			// 언어 변환 시 이벤트 (위의 select에서 onchange="i18next.changeLanguage(this.value)" 이벤트)
+			i18next.on("languageChanged", () => {
+				ninegrid.i18n.updateContent(); // 바뀐 언어에 따라 웹페이지 텍스트 재대입
+			});
+		},
+		t : (v) => {
+			console.log(i18next);
+			return i18next.t(v);
+		},
+	}
+	
+	  static j = {
+		copyEvents: (source, target) => {
+			const events = getEventListeners(source);
+			for (const [type, listeners] of Object.entries(events)) {
+				listeners.forEach(listener => {
+					target.addEventListener(type, listener.listener, listener.options);
 				});
-				ninegrid.querySelectorAll("nine-grid").forEach(v => {
-					if (v.refresh) v.refreshData();
+			}
+		},
+	    querySelectorAll: (selector, context = document) => {
+	      let elements = [];
+
+	      if (context instanceof NodeList) {
+	        context.forEach(ctx => {
+	          if (selector instanceof NodeList) {
+	            selector.forEach(sel => {
+	              elements.push(...ctx.querySelectorAll(sel));
+	            });
+	          } else if (selector instanceof HTMLElement) {
+	            elements.push(...ctx.querySelectorAll(selector));
+	          } else {
+	            elements.push(...ctx.querySelectorAll(selector));
+	          }
+	        });
+	      } else {
+	        if (selector instanceof HTMLElement) {
+	          elements = [selector];
+	        } else if (selector instanceof NodeList) {
+	          selector.forEach(sel => {
+	            elements.push(...context.querySelectorAll(sel));
+	          });
+	        } else {
+	          elements = context.querySelectorAll(selector);
+	        }
+	      }
+
+	      return {
+	        elements,
+	        elem() {
+	          return elements[0];
+	        },
+			clone(withEvents = false) {
+				const clones = [];
+				elements.forEach(element => {
+					const clone = element.cloneNode(true);
+					if (withEvents) {
+						ninegrid.j.copyEvents(element, clone);
+					}
+					clones.push(clone);
 				});
+				this.elements = clones;
+				return this;
 			},
-			addResourceBundle : (args) => {
-				//console.log(args);
-				
-				let count = Math.floor(args.length / 2);
-				
-				for (var i=0; i < args.length; i+=2) {
-					//console.log(i, args.length);
-					if (i+1 >= args.length) break;
-					
-					const locale = args[i];
-					const fileNm = args[i+1];
-					
-					$.ajax({
-						url: fileNm,	// "/properties/message.ko.prop",
-						dataType: "text",
-						success: (text) => {
-							i18next.addResourceBundle(locale, 'translation', ninegrid.i18n.convertArrayToJSON(text.split("\n")));
-							
-							/**
-							 * 마지막 파일인 경우 화면갱신
-							 */
-							if (--count == 0) i18next.changeLanguage(ninegrid.global.locale);
-						}
-					});
-				}
-				
-				//console.log("=========")
-				//ninegrid.i18n.updateContent();
-			},
-			init : () => {
-				//console.log(ninegrid.global.locale);
-				i18next.init(
-					{
-						lng: ninegrid.global.locale,//isKorean ? "ko" : "en", // 한국어인지, 영어인지 표시
-						debug: window.location.hostname == "localhost" ? true : false,
-						resources: {},
-					},
-					function(err, t) {
-						if (err) {
-							console.error(err);
-						}
-					}
-				);
-				
-				// 언어 변환 시 이벤트 (위의 select에서 onchange="i18next.changeLanguage(this.value)" 이벤트)
-				i18next.on("languageChanged", () => {
-					ninegrid.i18n.updateContent(); // 바뀐 언어에 따라 웹페이지 텍스트 재대입
+			children() {
+				let childrenArray = [];
+				elements.forEach(element => {
+					childrenArray.push(...element.children);
 				});
+				this.elements = childrenArray;
+				return this;
 			},
-			t : (v) => {
-				console.log(i18next);
-				return i18next.t(v);
-			},
-		}
-		
-		  static j = {
-			copyEvents: (source, target) => {
-				const events = getEventListeners(source);
-				for (const [type, listeners] of Object.entries(events)) {
-					listeners.forEach(listener => {
-						target.addEventListener(type, listener.listener, listener.options);
-					});
+	        attr(attribute, value) {
+				if (value === undefined) {
+					return elements[0] ? elements[0].getAttribute(attribute) : null;
 				}
-			},
-		    querySelectorAll: (selector, context = document) => {
-		      let elements = [];
-
-		      if (context instanceof NodeList) {
-		        context.forEach(ctx => {
-		          if (selector instanceof NodeList) {
-		            selector.forEach(sel => {
-		              elements.push(...ctx.querySelectorAll(sel));
-		            });
-		          } else if (selector instanceof HTMLElement) {
-		            elements.push(...ctx.querySelectorAll(selector));
-		          } else {
-		            elements.push(...ctx.querySelectorAll(selector));
-		          }
-		        });
-		      } else {
-		        if (selector instanceof HTMLElement) {
-		          elements = [selector];
-		        } else if (selector instanceof NodeList) {
-		          selector.forEach(sel => {
-		            elements.push(...context.querySelectorAll(sel));
-		          });
-		        } else {
-		          elements = context.querySelectorAll(selector);
-		        }
-		      }
-
-		      return {
-		        elements,
-		        elem() {
-		          return elements[0];
-		        },
-				clone(withEvents = false) {
-					const clones = [];
+				else {
 					elements.forEach(element => {
-						const clone = element.cloneNode(true);
-						if (withEvents) {
-							ninegrid.j.copyEvents(element, clone);
+						//element.setAttribute(attribute, value);
+						//element.setAttribute(attribute, value === true ? "true" : value);
+						if (value === false) {
+							element.removeAttribute(attribute);
+						}
+						else {
+							element.setAttribute(attribute, value === true ? "true" : value);
 						}
-						clones.push(clone);
-					});
-					this.elements = clones;
-					return this;
-				},
-				children() {
-					let childrenArray = [];
-					elements.forEach(element => {
-						childrenArray.push(...element.children);
 					});
-					this.elements = childrenArray;
 					return this;
-				},
-		        attr(attribute, value) {
-					if (value === undefined) {
-						return elements[0] ? elements[0].getAttribute(attribute) : null;
-					}
-					else {
-						elements.forEach(element => {
-							//element.setAttribute(attribute, value);
-							//element.setAttribute(attribute, value === true ? "true" : value);
-							if (value === false) {
-								element.removeAttribute(attribute);
-							}
-							else {
-								element.setAttribute(attribute, value === true ? "true" : value);
-							}
-						});
-						return this;
+				}
+	        },
+			removeAttr(...attributes) {
+			    attributes.forEach(attribute => {
+			        elements.forEach(element => {
+			            element.removeAttribute(attribute);
+			        });
+			    });
+			    return this;
+			},
+	        css(property, value) {
+	          elements.forEach(element => {
+	            element.style[property] = value;
+	          });
+	          return this;
+	        },
+			hasClass(className) {
+				const elementsArray = Array.isArray(elements) ? elements : Array.from(elements);
+				
+				return elementsArray.some(element => element.classList.contains(className));
+			},
+	        addClass(className) {
+	          elements.forEach(element => {
+	            element.classList.add(className);
+	          });
+	          return this;
+	        },
+	        removeClass(className) {
+	          elements.forEach(element => {
+	            element.classList.remove(className);
+	          });
+	          return this;
+	        },
+			show() {
+				elements.forEach(element => {
+		          element.style.display = '';
+				  if (getComputedStyle(element).display === 'none') {
+						element.style.display = 'block';
 					}
-		        },
-				removeAttr(...attributes) {
-				    attributes.forEach(attribute => {
-				        elements.forEach(element => {
-				            element.removeAttribute(attribute);
-				        });
-				    });
-				    return this;
-				},
-		        css(property, value) {
-		          elements.forEach(element => {
-		            element.style[property] = value;
-		          });
-		          return this;
-		        },
-				hasClass(className) {
-					const elementsArray = Array.isArray(elements) ? elements : Array.from(elements);
-					
-					return elementsArray.some(element => element.classList.contains(className));
-				},
-		        addClass(className) {
-		          elements.forEach(element => {
-		            element.classList.add(className);
-		          });
-		          return this;
-		        },
-		        removeClass(className) {
-		          elements.forEach(element => {
-		            element.classList.remove(className);
-		          });
-		          return this;
-		        },
-				show() {
-					elements.forEach(element => {
-			          element.style.display = '';
-					  if (getComputedStyle(element).display === 'none') {
-							element.style.display = 'block';
+				});
+	          return this;
+	        },
+	        hide() {
+	          elements.forEach(element => {
+	            element.style.display = 'none';
+	          });
+	          return this;
+	        },
+	      };
+	    }
+	  };
+
+
+
+	static x = {
+		querySelectorAll :
+			(selector, context = document) => {
+				let elements = (selector instanceof HTMLElement) ? [selector] : context.querySelectorAll(selector);
+				
+				//console.log(context, selector);
+				//const elements = context.querySelectorAll(selector);
+				return {
+					elements,
+					elem: function() {
+						return elements[0];
+					},
+					attr: function(attribute, value) {
+						if (value === undefined) {
+							return elements[0] ? elements[0].getAttribute(attribute) : null;
 						}
-					});
-		          return this;
-		        },
-		        hide() {
-		          elements.forEach(element => {
-		            element.style.display = 'none';
-		          });
-		          return this;
-		        },
-		      };
-		    }
-		  };
-
-
-
-		static x = {
-			querySelectorAll :
-				(selector, context = document) => {
-					let elements = (selector instanceof HTMLElement) ? [selector] : context.querySelectorAll(selector);
-					
-					//console.log(context, selector);
-					//const elements = context.querySelectorAll(selector);
-					return {
-						elements,
-						elem: function() {
-							return elements[0];
-						},
-						attr: function(attribute, value) {
-							if (value === undefined) {
-								return elements[0] ? elements[0].getAttribute(attribute) : null;
-							}
-							else {
-								elements.forEach(element => {
-									//element.setAttribute(attribute, value);
-									//element.setAttribute(attribute, value === true ? "true" : value);
-									if (value === false) {
-										element.removeAttribute(attribute);
-									}
-									else {
-										element.setAttribute(attribute, value === true ? "true" : value);
-									}
-								});
-								return this;
-							}
-						},
-						css: function(property, value) {
-							elements.forEach(element => {
-								element.style[property] = value;
-							});
-							return this;
-						},
-						addClass: function(className) {
+						else {
 							elements.forEach(element => {
-								if (!element.classList.contains(className)) {
-									element.classList.add(className);
+								//element.setAttribute(attribute, value);
+								//element.setAttribute(attribute, value === true ? "true" : value);
+								if (value === false) {
+									element.removeAttribute(attribute);
 								}
-							});
-							return this;
-						},
-						removeClass: function(className) {
-							elements.forEach(element => {
-								if (element.classList.contains(className)) {
-									element.classList.remove(className);
+								else {
+									element.setAttribute(attribute, value === true ? "true" : value);
 								}
 							});
 							return this;
-						},
-					}
-				},
-		}
+						}
+					},
+					css: function(property, value) {
+						elements.forEach(element => {
+							element.style[property] = value;
+						});
+						return this;
+					},
+					addClass: function(className) {
+						elements.forEach(element => {
+							if (!element.classList.contains(className)) {
+								element.classList.add(className);
+							}
+						});
+						return this;
+					},
+					removeClass: function(className) {
+						elements.forEach(element => {
+							if (element.classList.contains(className)) {
+								element.classList.remove(className);
+							}
+						});
+						return this;
+					},
+				}
+			},
 	}
-	return ninegrid$1;
 }
 
-var ninegridExports = requireNinegrid();
-var ninegrid = /*@__PURE__*/getDefaultExportFromCjs(ninegridExports);
-
 class NgContainer4 extends HTMLElement {
   constructor() {
     super();
@@ -11827,8 +11815,11 @@ class ngCellEx extends HTMLElement
 			const row = parseInt(this.cell.dataset.row);
 			
 			if (!rowData) return "";
+
+			console.log(this.cell.dataset.expr, this.cell.dataset.bind);
 			
 			if (!ninegrid.isNull(this.cell.dataset.expr)) {
+				
 				try {
 					//console.log(this.cell.dataset.expr);