@ninebone/datagrid 0.0.13 → 0.0.15

package/dist/nine-table.js

@@ -274,6 +274,14 @@ var n = new class extends e.constructor {
 		let a = this.#u(e), o = this.#t.rawRecords[a];
 		o && (o.v[i] !== n && o.m._[r.META.INDEX.ROW_STATE] !== r.ROW_STATE.INSERT && (o.m._[r.META.INDEX.ROW_STATE] = r.ROW_STATE.UPDATE), o.v[i] = n);
 	};
+	getChangedData = (e) => {
+		let t = this.#t.rawRecords;
+		return e ? this.#d(t.filter((t) => t.m._[r.META.INDEX.ROW_STATE] === e)) : {
+			C: this.#d(t.filter((e) => e.m._[r.META.INDEX.ROW_STATE] === r.ROW_STATE.INSERT)),
+			U: this.#d(t.filter((e) => e.m._[r.META.INDEX.ROW_STATE] === r.ROW_STATE.UPDATE)),
+			D: this.#d(t.filter((e) => e.m._[r.META.INDEX.ROW_STATE] === r.ROW_STATE.DELETE))
+		};
+	};
 	#d = (e) => {
 		if (!e) return e;
 		let t = !Array.isArray(e), n = t ? [e] : e, r = this.getHostFields(), i = n.filter((e) => !e.__ng?.deleted).map((e) => {
@@ -296,7 +304,7 @@ var n = new class extends e.constructor {
 			if (!(t >= this.data.count())) return this.data.getValidData()[t]?.__ng?.rowState;
 		}, this.getRowPosition = () => this.row.at, this.setRowPosition = (e) => {
 			this.row.at = e;
-		}, this.scrollTo_V1 = (e) => (e < 0 && (e = 0), e >= this.rawRecords.length && (e = this.rawRecords.length - 1), this.viewRecords.rawIndex = e, this.viewRecords.reset && this.viewRecords.reset(), !(e <= 0 || e >= this.rawRecords.length - 1)), this.getColumn = (e, t) => this.data.get(e, t), this.setColumn = (e, t, n) => {
+		}, this.getColumn = (e, t) => this.data.get(e, t), this.setColumn = (e, t, n) => {
 			e = parseInt(e, 10), this.data.setValue(e, t, n);
 		}, this.setDataSource([]);
 	}
@@ -582,17 +590,13 @@ var f = class extends HTMLElement {
 		}, t = () => {
 			clearInterval(this.#r), clearInterval(this.#i);
 		};
-		[
-			"mouseup",
-			"mouseleave",
-			"touchend"
-		].forEach((e) => {
+		["mouseup", "mouseleave"].forEach((e) => {
 			this.#n.left.addEventListener(e, t), this.#n.right.addEventListener(e, t), this.#n.track.addEventListener(e, t);
 		}), this.#n.left.addEventListener("mousedown", (t) => {
 			t.button === 0 && e(-20);
 		}), this.#n.right.addEventListener("mousedown", (t) => {
 			t.button === 0 && e(20);
-		}), this.#n.left.addEventListener("touchstart", () => e(-20)), this.#n.right.addEventListener("touchstart", () => e(20)), this.#n.track.addEventListener("mousedown", (e) => {
+		}), this.#n.track.addEventListener("mousedown", (e) => {
 			if (e.button !== 0) return;
 			e.preventDefault();
 			let t = this.#n.track.getBoundingClientRect(), n = this.#n.thumb.clientWidth;
@@ -854,10 +858,10 @@ var m = {
 		}
 		let o = this.#n.templateLength, s = (this.#n.elements.body.thead?.offsetHeight || 0) + (this.#n.elements.body.tfoot?.offsetHeight || 0) + this.#n.elements.body.tbody.head.offsetHeight, c = this.#n.querySelector(".ng-sheet-body").offsetHeight || 0, l = Math.max(a * n - (c - s - n), 0), u = 15e6, d = l > u, f = 1, p = l;
 		d && (f = u / l, p = u), this.#n.elements.scrollHolder.style.height = `${p}px`;
-		let m = d ? e / f : e, h = Math.max(0, a - 1), g = Math.min(m, l), _ = Math.max(0, Math.min(Math.floor(g / n), h)), v = g % n;
-		this.#n.elements.left.tbody.body.style.top = this.#n.elements.body.tbody.body.style.top = this.#n.elements.right.tbody.body.style.top = `-${v}px`;
-		let y = this.#r.firstTr, b = y && y.dataset.row !== void 0 ? parseInt(y.dataset.row, 10) : -1;
-		(t || b !== _) && ([
+		let m = d ? e / f : e, h = Math.max(0, a - 1), g = Math.min(m, l), _ = Math.max(0, Math.min(Math.floor(g / n), h));
+		this.#n.elements.left.tbody.body.style.transform = this.#n.elements.body.tbody.body.style.transform = this.#n.elements.right.tbody.body.style.transform = `translate3d(0px, -${g % n}px, 0px)`;
+		let v = this.#r.firstTr, y = v && v.dataset.row !== void 0 ? parseInt(v.dataset.row, 10) : -1;
+		(t || y !== _) && ([
 			this.#n.elements.left.tbody.body,
 			this.#n.elements.body.tbody.body,
 			this.#n.elements.right.tbody.body
@@ -1197,13 +1201,15 @@ var m = {
 				e.classList.remove("selected-start");
 			});
 		}), e < 0 || t < 0 || i.forEach((i) => {
-			Array.from(i.querySelectorAll("tbody tr")).filter((e) => e.style.display !== "none").forEach((i) => {
-				let { matrixRow: a } = this.#n(i);
-				a < 0 || (a >= e && a <= n && i.classList.add("selected"), i.querySelectorAll("td, th").forEach((i) => {
-					let o = parseInt(i.dataset.col, 10);
-					if (isNaN(o)) return;
-					let s = parseInt(i.rowSpan || 1, 10), c = parseInt(i.colSpan || 1, 10), l = a + s - 1, u = o + c - 1;
-					l >= e && a <= n && u >= t && o <= r && (i.classList.add("selected"), a <= e && i.classList.add("selected-top"), l >= n && i.classList.add("selected-bottom"), o <= t && i.classList.add("selected-left"), u >= r && i.classList.add("selected-right"));
+			Array.from(i.querySelectorAll("tbody tr")).filter((e) => e.style.display !== "none").forEach((a) => {
+				let { matrixRow: o } = this.#n(a);
+				o < 0 || (o >= e && o <= n && i.querySelectorAll(`tbody tr[data-index="${a.dataset.index}"]`).forEach((e) => {
+					e.classList.add("selected");
+				}), a.querySelectorAll("td, th").forEach((i) => {
+					let a = parseInt(i.dataset.col, 10);
+					if (isNaN(a)) return;
+					let s = parseInt(i.rowSpan || 1, 10), c = parseInt(i.colSpan || 1, 10), l = o + s - 1, u = a + c - 1;
+					l >= e && o <= n && u >= t && a <= r && (i.classList.add("selected"), o <= e && i.classList.add("selected-top"), l >= n && i.classList.add("selected-bottom"), a <= t && i.classList.add("selected-left"), u >= r && i.classList.add("selected-right"));
 				}));
 			});
 		});
@@ -1433,7 +1439,7 @@ var m = {
 		this.#e.addEventListener("mousedown", (e) => {
 			if (e.button !== 0) return;
 			let t = e.target.closest("td, th");
-			t && t.dataset.index !== void 0 && t.dataset.col !== void 0 && (this.currentCell = t);
+			t && t.dataset.index !== void 0 && t.dataset.col !== void 0 && (t.querySelector("cell-row-indicator") ? this.#e.row.focus(t.dataset.index) : this.currentCell = t);
 		}), this.#e.addEventListener("keydown", (e) => {
 			[
 				"Enter",
@@ -2520,7 +2526,50 @@ var k = class {
 			}
 		});
 	}
-}, M = class extends HTMLElement {
+}, M = class {
+	#e;
+	#t;
+	constructor(e) {
+		this.#e = e, this.#t = e.getRootNode().host;
+	}
+	row = {
+		at: () => Math.floor(this.#e.selection.minRow / this.#e.template.length),
+		focus: (e) => {
+			this.#e.row.isVisible(e) || this.#e.row.moveTo(e);
+			let t = this.#e.querySelectorAll(`tbody.body tr[data-index="${e}"]`), n = Array.from(t, (e) => parseInt(e.dataset.matrixRow, 10)).filter((e) => !isNaN(e)), r = [];
+			return t.forEach((e) => {
+				e.querySelectorAll("td, th").forEach((e) => {
+					parseInt(e.dataset.col, 10) != 0 && r.push(parseInt(e.dataset.col, 10));
+				});
+			}), this.#e.selection.setRange(Math.min(...n), Math.min(...r), Math.max(...n), Math.max(...r));
+		},
+		isVisible: (e) => {
+			let t = this.#e.querySelector(".ng-sheet-body"), n = t.querySelectorAll(`.ng-container-body tbody.body tr[data-index="${e}"]`);
+			if (!n || n.length === 0) return !1;
+			let r = t.getBoundingClientRect(), i = t.querySelector("thead")?.offsetHeight || 0, a = t.querySelector("tfoot")?.offsetHeight || 0, o = r.top + i, s = r.bottom - a, c = !0;
+			for (let e of n) {
+				let t = e.getBoundingClientRect(), n = t.top < o, r = t.bottom > s;
+				if (n || r) {
+					c = !1;
+					break;
+				}
+			}
+			return c;
+		},
+		add: (e, t) => this.#t.data.add(e, t),
+		moveTo: (e, t) => {
+			this.#e.row.isVisible(e) || this.#e.scrollTo(e, t);
+		},
+		insert: (e, t, n = !0) => {
+			let i = this.#e.view.get(e).m._[r.META.INDEX.ROWID], a = this.#t.data.insert(i, t, n);
+			return this.#e.view.getArray().findIndex((e) => !e || !e.m || !e.m._ ? !1 : e.m._[r.META.INDEX.ROWID] === a);
+		},
+		remove: (e) => {
+			let t = this.#e.view.get(e).m._[r.META.INDEX.ROWID];
+			this.#t.data.remove(t);
+		}
+	};
+}, N = class extends HTMLElement {
 	#e;
 	#t;
 	#n;
@@ -2533,14 +2582,15 @@ var k = class {
 	#l;
 	#u;
 	#d;
-	#f = { table: null };
-	#p;
+	#f;
+	#p = { table: null };
+	#m;
 	static SCROLLBAR_SIZE = 16;
 	constructor() {
-		super(), this.#t = this.getRootNode().host, this.#n = new _(this);
+		super(), this.#t = this.getRootNode().host, this.#n = new _(this), this.#d = new M(this), this.#E();
 	}
 	connectedCallback() {
-		this.#b();
+		this.#x();
 	}
 	get index() {
 		return this.#e;
@@ -2570,29 +2620,35 @@ var k = class {
 		return this.#i;
 	}
 	get templateLength() {
-		return this.#f.tbody.tr.length || 0;
+		return this.#p.tbody.tr.length || 0;
 	}
 	get elements() {
-		return this.#p;
+		return this.#m;
+	}
+	get template() {
+		return {
+			length: this.#p?.tbody?.tr?.length || 0,
+			trs: this.#p?.tbody?.tr || []
+		};
 	}
 	get isAutoFitCol() {
-		let e = this.getAttribute("auto-fit-col") === "true" || this.#t?.getAttribute("auto-fit-col") === "true", t = this.#f.table?.getAttribute("auto-fit-col") === "true";
+		let e = this.getAttribute("auto-fit-col") === "true" || this.#t?.getAttribute("auto-fit-col") === "true", t = this.#p.table?.getAttribute("auto-fit-col") === "true";
 		return e || t;
 	}
 	get sourceTable() {
-		return this.#f.table;
+		return this.#p.table;
 	}
 	get source() {
-		return this.#f;
+		return this.#p;
 	}
-	get #m() {
+	get #h() {
 		return this.#t.hasAttribute("simple") || this.#t.getAttribute("theme") === "simple";
 	}
 	scrollTo = (e, t) => {
 		this.rowManager.scrollToDataRow(e, "top", t);
 	};
 	recompileAndRefresh() {
-		this.#f.table && (v.recompile(this.#f.table), [
+		this.#p.table && (v.recompile(this.#p.table), [
 			"left",
 			"right",
 			"body"
@@ -2605,31 +2661,31 @@ var k = class {
 				let n = this.querySelector(`.ng-sheet-${t} .ng-container-${e}`);
 				n && n.querySelectorAll("table").forEach((e) => e.remove());
 			});
-		}), this.#v(), this.#_(), this.#n.initialize(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar")?.refresh(), requestAnimationFrame(() => {
-			this.#_(), this.#n?.refresh();
+		}), this.#y(), this.#v(), this.#n.initialize(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar")?.refresh(), requestAnimationFrame(() => {
+			this.#v(), this.#n?.refresh();
 		}));
 	}
 	refreshLayout() {
 		requestAnimationFrame(() => {
-			this.classList.contains("active") && this.#f.table && (this.#_(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar")?.refresh(), this.#h(), this.#a?.refreshLayout(), this.#n?.refresh());
+			this.classList.contains("active") && this.#p.table && (this.#v(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar")?.refresh(), this.#g(), this.#a?.refreshLayout(), this.#n?.refresh());
 		});
 	}
-	#h = () => {
+	#g = () => {
 		let e = this.querySelector(".ng-container-body thead"), t = this.querySelector(".nodata-overlay");
 		t.style.top = `${e.offsetHeight}px`;
 	};
 	get view() {
-		return !this.#d && this.#t?.data && (this.#d = new A(this)), this.#d;
+		return !this.#f && this.#t?.data && (this.#f = new A(this)), this.#f;
 	}
 	invalidate = () => {
 		this.view.refresh(), this.#n.refresh(!0), this.isAutoFitCol && this.autoFit(!0);
 	};
 	autoFit = (e = !0) => {
 		requestAnimationFrame(() => {
-			this.#g?.(e);
+			this.#_?.(e);
 		});
 	};
-	#g = (e = !0) => {
+	#_ = (e = !0) => {
 		let t = this.querySelector(".ng-sheet-body .ng-container-body");
 		if (!t) return;
 		let n = this.querySelector(".ng-container-body table colgroup");
@@ -2689,16 +2745,16 @@ var k = class {
 		}
 	};
 	generate = (e, t) => {
-		e.style.display = "none", this.#e = t, j.initializeTable(this.#t, e), e.style.display = "", this.#f = {
+		e.style.display = "none", this.#e = t, j.initializeTable(this.#t, e), e.style.display = "", this.#p = {
 			table: v.compile(e),
 			tbody: { tr: e.querySelectorAll("tbody tr") }
-		}, this.#v(), this.#_(), this.#S(), this.#w(), [
+		}, this.#y(), this.#v(), this.#C(), this.#T(), [
 			"left",
 			"body",
 			"right"
 		].forEach((e) => {
 			let t = `.ng-container-${e}`;
-			this.#p[e] = {
+			this.#m[e] = {
 				thead: this.querySelector(`${t} thead`),
 				tbody: {
 					head: this.querySelector(`${t} tbody.head`),
@@ -2709,7 +2765,7 @@ var k = class {
 			};
 		}), this.#n.initialize(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar").refresh(), this.#u.initialize(), this.loaded = !0;
 	};
-	#_ = () => {
+	#v = () => {
 		[
 			"left",
 			"right",
@@ -2728,7 +2784,7 @@ var k = class {
 			});
 		});
 	};
-	#v = () => {
+	#y = () => {
 		[
 			{
 				selector: ".ng-container-left",
@@ -2743,11 +2799,11 @@ var k = class {
 				type: "right"
 			}
 		].forEach(({ selector: e, type: t }) => {
-			this.querySelector(`.ng-sheet-body ${e}`).appendChild(this.#y(t));
+			this.querySelector(`.ng-sheet-body ${e}`).appendChild(this.#b(t));
 		});
 	};
-	#y = (e) => {
-		let t = this.#f.table.cloneNode(!0);
+	#b = (e) => {
+		let t = this.#p.table.cloneNode(!0);
 		return e === "left" ? t.querySelectorAll("col, th, td").forEach((e) => {
 			e.getAttribute("fixed") !== "left" && e.remove();
 		}) : e === "right" ? t.querySelectorAll("col, th, td").forEach((e) => {
@@ -2757,9 +2813,9 @@ var k = class {
 		}), t;
 	};
 	getRowHeight = () => this.#n.getRowHeight();
-	getViewHeight = () => (this.#p.content.offsetHeight || 0) - ((this.#p.body.thead?.offsetHeight || 0) + (this.#p.body.tfoot?.offsetHeight || 0) + (this.#p.body.tbody.head.offsetHeight || 0));
+	getViewHeight = () => (this.#m.content.offsetHeight || 0) - ((this.#m.body.thead?.offsetHeight || 0) + (this.#m.body.tfoot?.offsetHeight || 0) + (this.#m.body.tbody.head.offsetHeight || 0));
 	isLastRow = () => {
-		let e = this.querySelector(".ng-sheet-body"), t = this.querySelector(".ng-container-body tbody.body"), n = this.#p.body.tfoot?.offsetHeight || 0, r = e.getBoundingClientRect().bottom, i = t.getBoundingClientRect().bottom;
+		let e = this.querySelector(".ng-sheet-body"), t = this.querySelector(".ng-container-body tbody.body"), n = this.#m.body.tfoot?.offsetHeight || 0, r = e.getBoundingClientRect().bottom, i = t.getBoundingClientRect().bottom;
 		return r - n >= i;
 	};
 	scrollToX = (e) => {
@@ -2770,13 +2826,13 @@ var k = class {
 		let t = this.querySelector(".ng-sheet-body");
 		t && (t.scrollTop = e);
 	};
-	#b = () => {
-		this.#x(), this.#r = new y(this), this.#i = new b(this), this.#a = new S(this), this.#o = new w(this), this.#s = new T(this), this.#d = new A(this), this.#l = new O(this), this.#u = new h(this), this.#m || (this.#c = new k(this)), this.#p.mainBody.addEventListener("scroll", () => {
+	#x = () => {
+		this.#S(), this.#r = new y(this), this.#i = new b(this), this.#a = new S(this), this.#o = new w(this), this.#s = new T(this), this.#f = new A(this), this.#l = new O(this), this.#u = new h(this), this.#h || (this.#c = new k(this)), this.#m.mainBody.addEventListener("scroll", () => {
 			this.querySelector("nine-table-hscrollbar").refresh();
 		});
 	};
-	#x = () => {
-		this.innerHTML = "\n            <div class=\"ng-sheet-body\">\n                <div class=\"ng-sheet-body-content\">\n                    <div class=\"ng-container-left\"></div>\n                    <div class=\"ng-container-body\"></div>\n                    <div class=\"ng-container-right\"></div>\n                </div>\n                <div class=\"ng-virtual-height-holder\"></div>\n            </div>\n\n            <div class=\"nodata-overlay\">Data Not Found</div>\n\n            <nine-table-vscrollbar></nine-table-vscrollbar>\n            <nine-table-hscrollbar></nine-table-hscrollbar>\n            <div class=\"scroll-edge\"></div>\n            \n            <nine-table-col-resizer-panel></nine-table-col-resizer-panel>\n            \n            <div class=\"ng-col-mover-grip\"></div>\n            <div class=\"ng-col-mover-indi\"></div>\n        ", this.#p = {
+	#S = () => {
+		this.innerHTML = "\n            <div class=\"ng-sheet-body\">\n                <div class=\"ng-sheet-body-content\">\n                    <div class=\"ng-container-left\"></div>\n                    <div class=\"ng-container-body\"></div>\n                    <div class=\"ng-container-right\"></div>\n                </div>\n                <div class=\"ng-virtual-height-holder\"></div>\n            </div>\n\n            <div class=\"nodata-overlay\">Data Not Found</div>\n\n            <nine-table-vscrollbar></nine-table-vscrollbar>\n            <nine-table-hscrollbar></nine-table-hscrollbar>\n            <div class=\"scroll-edge\"></div>\n            \n            <nine-table-col-resizer-panel></nine-table-col-resizer-panel>\n            \n            <div class=\"ng-col-mover-grip\"></div>\n            <div class=\"ng-col-mover-indi\"></div>\n        ", this.#m = {
 			mainBody: this.querySelector(".ng-sheet-body .ng-container-body"),
 			hscrollbar: this.querySelector("nine-table-hscrollbar"),
 			vscrollbar: this.querySelector("nine-table-vscrollbar"),
@@ -2784,13 +2840,13 @@ var k = class {
 			scrollHolder: this.querySelector(".ng-sheet-body .ng-virtual-height-holder")
 		};
 	};
-	#S = () => {
+	#C = () => {
 		let e = this.querySelector(".ng-container-left table"), t = this.querySelector(".ng-container-body table"), n = this.querySelector(".ng-container-right table"), r = Array.from(e.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")), i = Array.from(t.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")), a = Array.from(n.querySelectorAll("thead tr:not(.col-indicator-rowgroup)"));
-		this.#C(r, i, a);
+		this.#w(r, i, a);
 		let o = Array.from(e.querySelectorAll("tfoot tr")), s = Array.from(t.querySelectorAll("tfoot tr")), c = Array.from(n.querySelectorAll("tfoot tr"));
-		this.#C(o, s, c);
+		this.#w(o, s, c);
 	};
-	#C = (e, t, n) => {
+	#w = (e, t, n) => {
 		setTimeout(() => {
 			let r = Math.max(e.length, t.length, n.length);
 			for (let i = 0; i < r; i++) {
@@ -2803,7 +2859,7 @@ var k = class {
 			}
 		});
 	};
-	#w = () => {
+	#T = () => {
 		let e = this.querySelector(".ng-sheet-body");
 		if (!e) return;
 		let t = null;
@@ -2823,13 +2879,22 @@ var k = class {
 			}), t = null);
 		});
 	};
+	#E = () => {
+		[this.#d].forEach((e) => {
+			(/* @__PURE__ */ new Set([...Reflect.ownKeys(e), ...Reflect.ownKeys(Object.getPrototypeOf(e))])).forEach((t) => {
+				if (t === "constructor" || String(t).startsWith("#")) return;
+				let n = e[t];
+				typeof n == "function" ? this[t] || (this[t] = (...t) => n.apply(e, t)) : typeof n == "object" && n && (this[t] || (this[t] = n));
+			});
+		});
+	};
 	disconnectedCallback() {
 		this.#a?.destroy(), this.#o?.destroy(), this.innerHTML = "";
 	}
 };
-customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", M);
+customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", N);
 // src/layout/core/LayoutManager.js
-var N = class {
+var P = class {
 	#e;
 	constructor(e) {
 		this.#e = e, this.#t();
@@ -2845,14 +2910,14 @@ var N = class {
 	#n = () => {
 		let e = Array.from(this.#e.shadowRoot.querySelectorAll("nine-table-sheet.active"));
 		if (e.length === 0) return;
-		let t = parseInt(this.#e.getAttribute("max-display-row"), 10) || 10, n = Math.max(...e.map((e) => e.getRowHeight())), r = this.#e.shadowRoot.querySelector("nine-table-toolbar"), i = this.#e.shadowRoot.querySelector("nine-table-sheets-footer"), a = r ? r.getBoundingClientRect().height : 0, o = i ? i.getBoundingClientRect().height : 0, s = M.SCROLLBAR_SIZE, c = t * n + a + o + s;
+		let t = parseInt(this.#e.getAttribute("max-display-row"), 10) || 10, n = Math.max(...e.map((e) => e.getRowHeight())), r = this.#e.shadowRoot.querySelector("nine-table-toolbar"), i = this.#e.shadowRoot.querySelector("nine-table-sheets-footer"), a = r ? r.getBoundingClientRect().height : 0, o = i ? i.getBoundingClientRect().height : 0, s = N.SCROLLBAR_SIZE, c = t * n + a + o + s;
 		this.#e.style.height = `${c}px`;
 	};
 	#r = () => {
 		let e = Array.from(this.#e.children).filter((e) => e.tagName.toUpperCase() === "TABLE"), t = this.#e.getAttribute("auto-height") === "true", n = e.length, r = e.map((e, t) => {
 			let r = t === 0 ? "active" : "", i = e.id || `sheet${t + 1}`;
 			return `<nine-table-sheet class="${r}" data-index="${t}" data-sheet-id="${i}" id="${i}"></nine-table-sheet>` + (t < n - 1 ? `<nine-splitter class="h" data-split-index="${t}"></nine-splitter>` : "");
-		}).join(""), i = ["@import \"https://cdn.jsdelivr.net/npm/@ninebone/datagrid@0.0.13/dist/css/nine-table.css\";"];
+		}).join(""), i = ["@import \"https://cdn.jsdelivr.net/npm/@ninebone/datagrid@0.0.15/dist/css/nine-table.css\";"];
 		nine["nine-table"] && nine["nine-table"].cssFile && i.push(`@import "${nine["nine-table"].cssFile}";`), this.#e.shadowRoot.innerHTML = `
             <style>
                 ${i.join("\n")}
@@ -2879,7 +2944,7 @@ var N = class {
 			});
 		});
 	};
-}, P = class {
+}, F = class {
 	#e;
 	#t;
 	#n = /* @__PURE__ */ new Map();
@@ -2914,30 +2979,56 @@ var N = class {
 			return e;
 		}
 	}
-}, F = class extends HTMLElement {
+}, I = class {
+	#e;
+	constructor(e) {
+		this.#e = e;
+	}
+}, L = class {
+	#e;
+	constructor(e) {
+		this.#e = e, ["row"].forEach((e) => {
+			this[e] = new Proxy({}, { get: (t, n) => {
+				let r = this.getActiveSheet();
+				if (!r || !r[e]) return;
+				let i = r[e][n];
+				return typeof i == "function" ? (...t) => i.apply(r[e], t) : i;
+			} });
+		});
+	}
+	getActiveSheets() {
+		return this.#e.shadow.querySelectorAll("nine-table-sheet.active");
+	}
+	getActiveSheet() {
+		let e = this.getActiveSheets();
+		return e.length > 0 ? e[0] : null;
+	}
+}, R = class extends HTMLElement {
 	#e;
 	#t;
 	#n;
-	#r = 0;
-	#i = "";
+	#r;
+	#i;
+	#a = 0;
+	#o = "";
 	constructor() {
-		super(), ["NINE-TABLE"].includes(this.tagName) && n.log("Welcome nine-table", "0.0.13"), this.#e = this.attachShadow({ mode: "open" }), this.#t = new o(this);
+		super(), ["NINE-TABLE"].includes(this.tagName) && n.log("Welcome nine-table", "0.0.15"), this.#e = this.attachShadow({ mode: "open" }), this.#t = new o(this), this.#r = new I(this), this.#i = new L(this), this.#l();
 	}
 	connectedCallback() {
 		setTimeout(() => {
-			this.#r = this.querySelectorAll("table")?.length, this.fields = new s(this), this.exprEngine = new P(this), this.#o(), this.#n = new N(this), this.#a();
+			this.#a = this.querySelectorAll("table")?.length, this.fields = new s(this), this.exprEngine = new F(this), this.#c(), this.#n = new P(this), this.#s();
 		});
 	}
 	disconnectedCallback() {}
-	#a = () => {
+	#s = () => {
 		let e = 0, t = setInterval(() => {
 			e++;
 			let n = this.shadow.querySelectorAll("nine-table-sheet");
-			if (e >= 50 && clearInterval(t), n.length >= this.#r) {
+			if (e >= 50 && clearInterval(t), n.length >= this.#a) {
 				let e = 0;
 				n.forEach((t) => {
 					t.loaded && e++;
-				}), e >= this.#r && (clearInterval(t), this.loaded = !0, this.dispatchEvent(new CustomEvent(r.EVENT.LOAD, {
+				}), e >= this.#a && (clearInterval(t), this.loaded = !0, this.dispatchEvent(new CustomEvent(r.EVENT.LOAD, {
 					bubbles: !0,
 					detail: { target: this }
 				})));
@@ -2953,56 +3044,14 @@ var N = class {
 	get data() {
 		return this.#t.data;
 	}
-	get row() {
-		return this.#t.row;
-	}
 	get customStyle() {
-		return this.#i;
+		return this.#o;
 	}
-	scrollTo = (e, t) => {
-		this.#e.querySelectorAll("nine-table-sheet.active").forEach((n) => {
-			n.scrollTo(e, t);
-		});
-	};
-	currentRow = () => {
-		let e = this.currentRows();
-		return e.length === 0 ? -1 : e[0];
-	};
-	currentRows = () => {
-		let e = [];
-		return this.#e.querySelectorAll("nine-table-sheet.active").forEach((t) => {
-			let n = t.view.getArray(t.selection.minRow).m._[r.META.INDEX.ROWID];
-			e.push(n);
-		}), e;
-	};
-	addRow = (e, t = !0) => this.data.add(e, t);
-	insertRow = (e, t, n = !0) => {
-		let i = this.#e.querySelector("nine-table-sheet.active");
-		if (!i) return;
-		let a = i.view.get(e).m._[r.META.INDEX.ROWID], o = this.data.insert(a, t, n);
-		return i.view.getArray().findIndex((e) => !e || !e.m || !e.m._ ? !1 : e.m._[r.META.INDEX.ROWID] === o);
-	};
-	removeRow = (e) => {
-		let t = this.#e.querySelector("nine-table-sheet.active");
-		if (!t) return;
-		let n = t.view.get(e).m._[r.META.INDEX.ROWID];
-		this.data.remove(n);
-	};
-	currentIndex = () => {
-		let e = this.currentIndexs();
-		return e.length === 0 ? -1 : e[0];
-	};
-	currentIndexs = () => {
-		let e = [];
-		return this.#e.querySelectorAll("nine-table-sheet.active").forEach((t) => {
-			e.push(t.selection.minRow);
-		}), e;
-	};
 	addProvider(e) {
 		if (!e || typeof e != "object") return;
 		let { style: t, ...n } = e;
 		if (t && typeof t == "string") {
-			this.#i = t;
+			this.#o = t;
 			let e = this.#e.getElementById("nine-table-scoped-custom-style");
 			e && (e.textContent = t);
 		}
@@ -3037,7 +3086,7 @@ var N = class {
 	get activeSheet() {
 		return this.shadow.querySelector("nine-table-sheet.active") || null;
 	}
-	#o() {
+	#c() {
 		let e = /* @__PURE__ */ new Set();
 		this.querySelectorAll("[data-source]").forEach((t) => {
 			let n = t.getAttribute("data-source");
@@ -3070,20 +3119,29 @@ var N = class {
 			});
 		});
 	};
+	#l() {
+		[this.#i].forEach((e) => {
+			(/* @__PURE__ */ new Set([...Reflect.ownKeys(e), ...Reflect.ownKeys(Object.getPrototypeOf(e))])).forEach((t) => {
+				if (t === "constructor" || String(t).startsWith("#")) return;
+				let n = e[t];
+				typeof n == "function" ? this[t] || (this[t] = (...t) => n.apply(e, t)) : typeof n == "object" && n && (this[t] || (this[t] = n));
+			});
+		});
+	}
 };
-customElements.get("nine-table") || customElements.define("nine-table", F), customElements.get("nine-table-simple") || customElements.define("nine-table-simple", class extends F {
+customElements.get("nine-table") || customElements.define("nine-table", R), customElements.get("nine-table-simple") || customElements.define("nine-table-simple", class extends R {
 	connectedCallback() {
 		this.setAttribute("theme", "simple"), super.connectedCallback();
 	}
 });
 // src/cell/core/BasicCellElement.js
-var I = class extends HTMLElement {
+var z = class extends HTMLElement {
 	constructor() {
 		super();
 	}
 	applyBaseStyle() {}
 	connectedCallback() {}
-}, L = /* @__PURE__ */ new Map(), R = class extends I {
+}, B = /* @__PURE__ */ new Map(), V = class extends z {
 	#e;
 	#t;
 	#n;
@@ -3255,7 +3313,7 @@ var I = class extends HTMLElement {
 			}
 			if (this.#e && typeof this.#e.exprFunction == "function") return this.#e.exprFunction(e).call(this, t, n, this.#e.data);
 			if (e.includes("data.") || e.includes("childRecords") || e.includes("groupRecord")) {
-				let i = L.get("grp_" + e);
+				let i = B.get("grp_" + e);
 				return i || (i = Function("groupRecord", "row", "cell", "host", `
                    const indices = groupRecord[3]; // GROUP_IDX.CHILDREN = 3
                    const allRecords = host?.data?.getArray ? host.data.getArray() : [];
@@ -3280,14 +3338,14 @@ var I = class extends HTMLElement {
 
                    const data = childRecords; // data.length 등을 쓸 수 있도록 호환
                    return ${e};
-                `), L.set("grp_" + e, i)), i(t, n, r, this.#e);
+                `), B.set("grp_" + e, i)), i(t, n, r, this.#e);
 			}
 			return e;
 		} catch (t) {
 			return console.error("Group expr evaluation error:", e, t), e;
 		}
 	};
-}, z = class extends R {
+}, H = class extends V {
 	get host() {
 		return super.host;
 	}
@@ -3318,7 +3376,7 @@ var I = class extends HTMLElement {
 	getExprValue = (e, t, n, r) => super.getExprValue(e, t, n, r);
 	isValid = () => super.isValid();
 	isInvalid = () => super.isInvalid();
-}, B = class extends z {
+}, U = class extends H {
 	#e;
 	constructor() {
 		super();
@@ -3347,9 +3405,9 @@ var I = class extends HTMLElement {
 		return this.cell.getAttribute("maxbyte") || this.cell.getAttribute("max-byte");
 	}
 };
-customElements.get("cell-input") || customElements.define("cell-input", B);
+customElements.get("cell-input") || customElements.define("cell-input", U);
 // src/cell/cell-input-number.js
-var V = class extends z {
+var W = class extends H {
 	#e;
 	constructor() {
 		super();
@@ -3433,9 +3491,9 @@ var V = class extends z {
 		return this.cell.getAttribute("maxbyte") || this.cell.getAttribute("max-byte");
 	}
 };
-customElements.get("cell-input-number") || customElements.define("cell-input-number", V);
+customElements.get("cell-input-number") || customElements.define("cell-input-number", W);
 // src/cell/cell-input-color.js
-var H = class extends z {
+var G = class extends H {
 	#e;
 	#t;
 	#n;
@@ -3491,9 +3549,9 @@ var H = class extends z {
 		return !(isNaN(t) || isNaN(n) || isNaN(r) || t < 0 || t > 255 || n < 0 || n > 255 || r < 0 || r > 255);
 	};
 };
-customElements.get("cell-input-color") || customElements.define("cell-input-color", H);
+customElements.get("cell-input-color") || customElements.define("cell-input-color", G);
 // src/cell/cell-input-date.js
-var U = class extends z {
+var K = class extends H {
 	#e;
 	#t;
 	constructor() {
@@ -3599,9 +3657,9 @@ var U = class extends z {
 		return this.cell.getAttribute("max");
 	}
 };
-customElements.get("cell-input-date") || customElements.define("cell-input-date", U);
+customElements.get("cell-input-date") || customElements.define("cell-input-date", K);
 // src/cell/cell-checkbox.js
-var W = class extends z {
+var q = class extends H {
 	#e;
 	#t;
 	constructor() {
@@ -3674,9 +3732,9 @@ var W = class extends z {
 		return this.cell.getAttribute("visible") || !1;
 	}
 };
-customElements.get("cell-checkbox") || customElements.define("cell-checkbox", W);
+customElements.get("cell-checkbox") || customElements.define("cell-checkbox", q);
 // src/cell/cell-radio.js
-var G = class extends z {
+var J = class extends H {
 	#e;
 	#t = [];
 	#n = [];
@@ -3739,9 +3797,9 @@ var G = class extends z {
 		return this.cell.getAttribute("value-name") || "v";
 	}
 };
-customElements.get("cell-radio") || customElements.define("cell-radio", G);
+customElements.get("cell-radio") || customElements.define("cell-radio", J);
 // src/cell/cell-combo-panel.js
-var K = class extends HTMLElement {
+var Y = class extends HTMLElement {
 	#e;
 	#t;
 	#n;
@@ -3839,9 +3897,9 @@ var K = class extends HTMLElement {
 		this.innerHTML = "\n            <div class=\"head\">\n                <input type=\"text\" class=\"search-input\" placeholder=\"Search...\" />\n            </div>\n            \n            <nine-table-simple class=\"combo-list\" theme=\"simple\">\n                <table auto-fit-col=\"true\">\n                    <colgroup>\n                        <col width=\"30\" fixed=\"left\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"100\" />\n                        <col width=\"0\" />\n                    </colgroup>\n                    <tbody>\n                        <tr>\n                            <td cell-type=\"checkbox\" data-bind=\"CHK\"></td>\n                            <td data-bind=\"tmp1\" />\n                            <td data-bind=\"tmp2\" />\n                            <td data-bind=\"tmp3\" />\n                            <td data-bind=\"tmp4\" />\n                            <td data-bind=\"tmp5\" />\n                            <td data-bind=\"tmp6\" />\n                            <td data-bind=\"tmp7\" />\n                            <td data-bind=\"tmp8\" />\n                            <td data-bind=\"tmp9\" />\n                            <td data-bind=\"tmp10\" />\n                            <td data-bind=\"k\" />\n                        </tr>\n                    </tbody>\n                </table>\n            </nine-table-simple>\n            \n            <div class=\"footer\">\n                <div>\n                    <input id=\"chkAll\" type=\"checkbox\" checked>\n                    <label for=\"chkAll\">Select All</label>\n                </div>\n                <button id=\"btnOk\">OK</button>\n            </div>\n        ";
 	};
 };
-customElements.get("cell-combo-panel") || customElements.define("cell-combo-panel", K);
+customElements.get("cell-combo-panel") || customElements.define("cell-combo-panel", Y);
 // src/cell/cell-combo.js
-var q = class extends z {
+var X = class extends H {
 	#e;
 	#t = [];
 	#n;
@@ -3903,9 +3961,9 @@ var q = class extends z {
 		return this.#t;
 	}
 };
-customElements.get("cell-combo") || customElements.define("cell-combo", q);
+customElements.get("cell-combo") || customElements.define("cell-combo", X);
 // src/cell/cell-renderer.js
-var J = class extends R {
+var Z = class extends V {
 	#e;
 	constructor() {
 		super();
@@ -3920,9 +3978,9 @@ var J = class extends R {
 		this.innerHTML = "\n            <span class=\"wrapper\"></span>\n       ";
 	};
 };
-customElements.get("cell-renderer") || customElements.define("cell-renderer", J);
+customElements.get("cell-renderer") || customElements.define("cell-renderer", Z);
 // src/cell/cell-button.js
-var Y = class extends R {
+var Q = class extends V {
 	#e;
 	constructor() {
 		super();
@@ -3955,9 +4013,9 @@ var Y = class extends R {
 		this.innerHTML = "\n            <button class=\"button\">...</button>\n        ";
 	};
 };
-customElements.get("cell-button") || customElements.define("cell-button", Y);
+customElements.get("cell-button") || customElements.define("cell-button", Q);
 // src/cell/cell-row-indicator.js
-var X = class extends R {
+var $ = class extends V {
 	#e;
 	#t;
 	#n;
@@ -3998,9 +4056,9 @@ var X = class extends R {
 		this.#t.innerHTML = e, this.#t.style.display = a || o ? "" : "none";
 	};
 };
-customElements.get("cell-row-indicator") || customElements.define("cell-row-indicator", X);
+customElements.get("cell-row-indicator") || customElements.define("cell-row-indicator", $);
 // src/col/col-expand.js
-var Z = class extends HTMLElement {
+var ee = class extends HTMLElement {
 	#e;
 	#t;
 	constructor() {
@@ -4048,9 +4106,9 @@ var Z = class extends HTMLElement {
 		this.removeEventListener("click", this.#n);
 	}
 };
-customElements.get("nine-table-col-expand") || customElements.define("nine-table-col-expand", Z);
+customElements.get("nine-table-col-expand") || customElements.define("nine-table-col-expand", ee);
 // src/menu/nine-table-menu.js
-var Q = class extends HTMLElement {
+var te = class extends HTMLElement {
 	#e;
 	#t;
 	connectedCallback() {
@@ -4219,9 +4277,9 @@ var Q = class extends HTMLElement {
 		this.#e?.removeEventListener("contextmenu", this.#n);
 	}
 };
-customElements.get("nine-table-menu") || customElements.define("nine-table-menu", Q);
+customElements.get("nine-table-menu") || customElements.define("nine-table-menu", te);
 // src/menu/nine-table-menu-panel.js
-var $ = class extends HTMLElement {
+var ne = class extends HTMLElement {
 	#e;
 	#t = null;
 	constructor() {
@@ -4298,7 +4356,7 @@ var $ = class extends HTMLElement {
 		this.close();
 	}
 };
-customElements.get("nine-table-menu-panel") || customElements.define("nine-table-menu-panel", $);
+customElements.get("nine-table-menu-panel") || customElements.define("nine-table-menu-panel", ne);
 export { r as NINE_TABLE };
 
 //# sourceMappingURL=nine-table.js.map