ninegrid2 6.83.0 → 6.85.0

package/dist/bundle.cjs.js

@@ -10706,790 +10706,802 @@ function requireJquery () {
 var jqueryExports = requireJquery();
 var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
 
-class ninegrid {
+var ninegrid$2 = {};
 
+var hasRequiredNinegrid;
 
-    constructor() {
-        console.log(`welcome nine-grid@${ninegrid.version}`, window.location.hostname);
+function requireNinegrid () {
+	if (hasRequiredNinegrid) return ninegrid$2;
+	hasRequiredNinegrid = 1;
+	class ninegrid {
 
-       //console.log(i18next);
-    }
 
-	static LOG = {
-			LEVEL : {
-				ALL		: 0,
-				DEBUG	: 1,
-				INFO	: 2,
-				WARN	: 3,
-				ERROR	: 4,
-				OFF		: 9,
-			},
+	    constructor() {
+	        console.log(`welcome nine-grid@${ninegrid.version}`, window.location.hostname);
+
+	       //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 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 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 version = "1.1.1";
 
-	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 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;
 		
-		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");
+		
+		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(); // 파일 선택 창 열기
+		    });
 		}
 		
-		console.log("========================", ninegrid.cssPath);
+		static getCustomPath = (c,v) => {
 
-		if (!cssPath) cssPath = ninegrid.cssPath;
-		//console.log("================");
-		//console.log(cssPath);
-		
-		//console.log(cssPath ? `@import "${cssPath}/dist/${v}";` : null);
+			
+			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;
+			}
 
-		console.log("========================", cssPath ? `@import "${cssPath}/${v}";` : "");
+			if (host && host.tagName == "NINE-GRID") {
+				cssPath = host.getAttribute("css-path");
+			}
+			
+			console.log("========================", ninegrid.cssPath);
 
-		return cssPath ? `@import "${cssPath}/${v}";` : "";
-	};
-	
-	static closest = (selector, element) => {
-		let currentElement = element;
+			if (!cssPath) cssPath = ninegrid.cssPath;
+			//console.log("================");
+			//console.log(cssPath);
+			
+			//console.log(cssPath ? `@import "${cssPath}/dist/${v}";` : null);
 
-		while (currentElement) {
-			if (currentElement.tagName.toLowerCase() === selector) {
-				return currentElement;
-			}
+			console.log("========================", cssPath ? `@import "${cssPath}/${v}";` : "");
+
+			return cssPath ? `@import "${cssPath}/${v}";` : "";
+		};
 		
-			currentElement = currentElement.getRootNode().host;
-		}
+		static closest = (selector, element) => {
+			let currentElement = element;
 
-		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);
-						reject("InnerHTML을 확인하지 못했습니다.");
-					}
+			while (currentElement) {
+				if (currentElement.tagName.toLowerCase() === selector) {
+					return currentElement;
 				}
-			}, intervalTime);
-		});
-	};
-	
-	static copyProperty = (target, source, properties) => {
+			
+				currentElement = currentElement.getRootNode().host;
+			}
+
+			return null;
+		}
 		
-		if (!Array.isArray(properties)) properties = [properties];
+		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}번 재시도`);
 		
-		for (var v in source) {
-			if (properties.includes(v)) {
-				target[v] = source[v];
+						if (attempts >= maxAttempts) {
+							clearInterval(interval);
+							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];
+				}
 			}
-		}
-	};
+		};
 
-	static decode = (args) => {
-		for (var i = 1; i < args.length ; i+=2) {
-			if (args[0] === args[i]) return args[i+1];
-		}
+		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;
-	};
+			return args.length % 2 == 0 ? args[args.length - 1] : null;
+		};
 
-	static isMobile = () => {
-		return /(iPhone|iPad|Android|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
-	};
+		static isMobile = () => {
+			return /(iPhone|iPad|Android|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
+		};
 
-	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));
-		}
+		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 result;
-	};
+			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;
+		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 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 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;
-	};
+			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>");
+		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;
+			// Set the font
+			if (!ninegrid.context) {
+				const canvas = document.createElement('canvas');
+				ninegrid.context = canvas.getContext('2d');
+			}
+			ninegrid.context.font = _font;
 
-		// 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;
+			// 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;
 
-			h += metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
-		}
+				h += metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
+			}
 
-		// Return the width in pixels
-		return {
-			width	: w,
-			height	: h
+			// Return the width in pixels
+			return {
+				width	: w,
+				height	: h
+			};
 		};
-	};
 
-	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;
-		}
+		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 result;
-	};
-	
-	static move = (arr, from, to) => {
-		arr.splice(to, 0, arr.splice(from, 1)[0]);
-	};
+		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] );
-		}
-		
-		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);
+		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] );
 			}
-			else {
-				++i;
+			
+			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;
+				}
 			}
-		}
-	};
-
-	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 lpad = (v,n,str) => {
-		return Array(n - String(v).length + 1).join(str || '0') + v;
-	};
+		static sum = (arr,prop) => {
+			return arr.map(m => { return m[prop]; }).reduce((a, b) => (a+b));
+		};
 
-	static rpad = (v,n,str) => {
-		return v + Array(n - String(v).length + 1).join(str || '0');
-	};
+		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 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 lpad = (v,n,str) => {
+			return Array(n - String(v).length + 1).join(str || '0') + v;
+		};
 
-	static formatDate = (v, _format) => {
-		return ninegrid.toDate(v, _format);
-	};
+		static rpad = (v,n,str) => {
+			return v + Array(n - String(v).length + 1).join(str || '0');
+		};
 
-	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 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 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 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 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 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));
 		};
 		
-		if (root.shadowRoot) {
-			pushNestedResults(root.shadowRoot);
-		}
 		
-		for (const elem of root.querySelectorAll('*')) {
-			if (elem.shadowRoot) {
-				pushNestedResults(elem.shadowRoot);
-			}
+		static log = {
+			level : window.location.hostname == "localhost" ? ninegrid.LOG.LEVEL.DEBUG : ninegrid.LOG.LEVEL.WARN,
+			//level : LOG.LEVEL.WARN,
 		}
-		
-		return results;
-	};
-	
-	static i18n = {
-		convertArrayToJSON : (arr) => {
-			let result = {};
-			
-			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]];
-					}
-				}
-			}
-		
-			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);
+		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) => {
 			
-			let count = Math.floor(args.length / 2);
+			root = root || document;
 			
-			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);
+			const results = Array.from(root.querySelectorAll(selector));
+			const pushNestedResults = function (root) {
+				ninegrid.querySelectorAll(selector, root).forEach(elem => {
+					if (!results.includes(elem)) {
+						results.push(elem);
 					}
 				});
+			};
+			
+			if (root.shadowRoot) {
+				pushNestedResults(root.shadowRoot);
 			}
 			
-			//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);
+			for (const elem of root.querySelectorAll('*')) {
+				if (elem.shadowRoot) {
+					pushNestedResults(elem.shadowRoot);
+				}
+			}
+			
+			return results;
+		};
+		
+		static i18n = {
+			convertArrayToJSON : (arr) => {
+				let result = {};
+				
+				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]];
+						}
 					}
 				}
-			);
 			
-			// 언어 변환 시 이벤트 (위의 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);
+				return result;
+			},
+			updateContent : () => {
+				ninegrid.querySelectorAll("nx-i18n,nx-span").forEach(v => {
+					if (v.refresh) v.refresh();
 				});
-			}
-		},
-	    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);
+				ninegrid.querySelectorAll("nine-grid").forEach(v => {
+					if (v.refresh) v.refreshData();
 				});
-				this.elements = clones;
-				return this;
 			},
-			children() {
-				let childrenArray = [];
-				elements.forEach(element => {
-					childrenArray.push(...element.children);
+			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(); // 바뀐 언어에 따라 웹페이지 텍스트 재대입
 				});
-				this.elements = childrenArray;
-				return this;
 			},
-	        attr(attribute, value) {
-				if (value === undefined) {
-					return elements[0] ? elements[0].getAttribute(attribute) : null;
+			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);
+					});
 				}
-				else {
+			},
+		    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 => {
-						//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);
+						const clone = element.cloneNode(true);
+						if (withEvents) {
+							ninegrid.j.copyEvents(element, clone);
 						}
+						clones.push(clone);
 					});
+					this.elements = clones;
 					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';
+				},
+				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;
 					}
-				});
-	          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;
+					}
+		        },
+				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';
 						}
-						else {
+					});
+		          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) {
 							elements.forEach(element => {
-								//element.setAttribute(attribute, value);
-								//element.setAttribute(attribute, value === true ? "true" : value);
-								if (value === false) {
-									element.removeAttribute(attribute);
+								if (!element.classList.contains(className)) {
+									element.classList.add(className);
 								}
-								else {
-									element.setAttribute(attribute, value === true ? "true" : value);
+							});
+							return this;
+						},
+						removeClass: function(className) {
+							elements.forEach(element => {
+								if (element.classList.contains(className)) {
+									element.classList.remove(className);
 								}
 							});
 							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$2;
 }
 
+var ninegridExports = requireNinegrid();
+var ninegrid$1 = /*@__PURE__*/getDefaultExportFromCjs(ninegridExports);
+
 class NgContainer4 extends HTMLElement {
   constructor() {
     super();
@@ -21013,7 +21025,7 @@ class ngRowExpand extends HTMLElement
 	
 	connectedCallback() {
 
-		console.log("%%%%%%%%%%%", ninegrid.version);
+		//console.log("%%%%%%%%%%%", ninegrid.version);
 
 		this.shadowRoot.innerHTML = `
 			<style>
@@ -27320,6 +27332,11 @@ var ninegrid = Object.assign({ instance: new ninegrid() }, ninegrid);
 export default ninegrid;
  */
 
-var index = new ninegrid();
+//export default new ninegrid();
+
+
+var ninegrid = { ninegrid: ninegrid$1 };
+
+//export default new ninegrid();
 
-module.exports = index;
+module.exports = ninegrid;