@ninebone/datagrid 0.0.14 → 0.0.18

package/dist/nine-table.js

@@ -69,6 +69,8 @@ var n = new class extends e.constructor {
 	},
 	EVENT: {
 		LOAD: "load",
+		ROW_ADDED: "row-added",
+		ROW_REMOVED: "row-removed",
 		CELL_BUTTON_CLICK: "cell-button-click"
 	}
 }, i = class {
@@ -234,13 +236,19 @@ var n = new class extends e.constructor {
 	#u = (e) => this.#t.rawRecords.findIndex((t) => !t || !t.m || !t.m._ ? !1 : t.m._[r.META.INDEX.ROWID] === e);
 	add = (e, t = !0) => {
 		e === void 0 && (e = {});
-		let n = this.#c(e);
-		this.#t.rawRecords = this.#t.rawRecords.concat(this.#l(n));
-		let i = this.count() - 1;
+		let n = this.#c(e), i = this.#l(n);
+		this.#t.rawRecords = this.#t.rawRecords.concat(i);
+		let a = this.count() - 1;
 		return t && n.forEach((e, t) => {
 			let n = this.#t.rawRecords[this.#t.rawRecords.length - 1 - t];
 			n && (n.m._[r.META.INDEX.ROW_STATE] = r.ROW_STATE.INSERT);
-		}), this.#o(), i;
+		}), this.#o(), this.#e.dispatchEvent(new CustomEvent(r.EVENT.ROW_ADDED, {
+			bubbles: !0,
+			detail: {
+				target: this.#e,
+				rowid: i.length > 0 ? i[0].m._[r.META.INDEX.ROWID] : null
+			}
+		})), a;
 	};
 	insert = (e, t, n = !0) => {
 		t === void 0 && (t = {});
@@ -250,7 +258,13 @@ var n = new class extends e.constructor {
 		return this.#t.rawRecords.splice(a, 0, ...o), n && o.forEach((e, t) => {
 			let n = this.#t.rawRecords[a + t];
 			n && n.m && n.m._ && (n.m._[r.META.INDEX.ROW_STATE] = r.ROW_STATE.INSERT);
-		}), this.#o(), o[0].m._[r.META.INDEX.ROWID];
+		}), this.#o(), this.#e.dispatchEvent(new CustomEvent(r.EVENT.ROW_ADDED, {
+			bubbles: !0,
+			detail: {
+				target: this.#e,
+				rowid: o.length > 0 ? o[0].m._[r.META.INDEX.ROWID] : null
+			}
+		})), o[0].m._[r.META.INDEX.ROWID];
 	};
 	remove = (e) => {
 		let t = [];
@@ -265,7 +279,13 @@ var n = new class extends e.constructor {
 			i[e].m._[r.META.INDEX.ROW_STATE] === r.ROW_STATE.INSERT ? this.#t.rawRecords = this.#t.rawRecords.filter((e) => e.m._[r.META.INDEX.ROWID] !== t) : this.#t.rawRecords.forEach((e) => {
 				e.m._[r.META.INDEX.ROWID] === t && (e.m._[r.META.INDEX.ROW_STATE] = r.ROW_STATE.DELETE);
 			});
-		}), this.#o();
+		}), this.#o(), this.#e.dispatchEvent(new CustomEvent(r.EVENT.ROW_REMOVED, {
+			bubbles: !0,
+			detail: {
+				target: this.#e,
+				rowid: t.length > 0 ? t[0] : null
+			}
+		}));
 	};
 	setValue = (e, t, n) => {
 		e = parseInt(e, 10);
@@ -274,6 +294,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 +324,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([]);
 	}
@@ -818,63 +846,61 @@ var m = {
 	#n;
 	#r;
 	#i = /* @__PURE__ */ new Map();
-	#a = [];
-	#o = null;
-	#s = null;
-	#c = 0;
-	#l;
-	#u = !1;
-	#d = !1;
+	#a = null;
+	#o = 0;
+	#s;
+	#c = !1;
+	#l = !1;
 	constructor(e) {
-		this.#t = e.getRootNode().host, this.#n = e, this.#x();
+		this.#t = e.getRootNode().host, this.#n = e, this.#y();
 	}
 	getRowHeight() {
-		return this.#a.reduce((e, t) => e + t, 0);
+		return this.#n.template.height;
 	}
 	refresh = (e = !1) => {
 		if (!this.#n.classList.contains("active")) return;
 		let t = this.#n.querySelector(".ng-sheet-body");
-		t && ((!this.#o || this.#o <= 0) && (this.#g(), this.#o && this.#o > 0 && this.#v()), this.#f(t.scrollTop, e), this.#n.querySelector("nine-table-vscrollbar")?.refresh());
+		t && ((!this.#n.template.height || this.#n.template.height <= 0) && (this.#m(), this.#n.template.height && this.#n.template.height > 0 && this.#g()), this.#u(t.scrollTop, e), this.#n.querySelector("nine-table-vscrollbar")?.refresh());
 	};
-	#f = (e, t = !1) => {
-		if (this.#d) {
-			this.#p(e, t);
+	#u = (e, t = !1) => {
+		if (this.#l) {
+			this.#d(e, t);
 			return;
 		}
-		let n = this.#o;
+		let n = this.#n.template.height;
 		if (!n || n <= 0) return;
 		let i = this.#n.view.getArray(), a = i.length;
 		if (a === 0) {
 			this.#n.elements.scrollHolder.style.height = "0px";
 			return;
 		}
-		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));
-		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 !== _) && ([
+		let o = (this.#n.elements.body.thead?.offsetHeight || 0) + (this.#n.elements.body.tfoot?.offsetHeight || 0) + this.#n.elements.body.tbody.head.offsetHeight, s = this.#n.querySelector(".ng-sheet-body").offsetHeight || 0, c = Math.max(a * n - (s - o - n) - n, 0), l = 15e6, u = c > l, d = 1, f = c;
+		u && (d = l / c, f = l), this.#n.elements.scrollHolder.style.height = `${f}px`;
+		let p = u ? e / d : e, m = Math.max(0, a - 1), h = Math.min(p, c), g = Math.max(0, Math.min(Math.floor(h / n), m));
+		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, -${h % n}px, 0px)`;
+		let _ = this.#r.firstTr, v = _ && _.dataset.row !== void 0 ? parseInt(_.dataset.row, 10) : -1;
+		(t || v !== g) && ([
 			this.#n.elements.left.tbody.body,
 			this.#n.elements.body.tbody.body,
 			this.#n.elements.right.tbody.body
 		].forEach((e, t) => {
 			e && e.querySelectorAll("tbody.body tr").forEach((e, t) => {
-				let n = _ + Math.floor(t / o);
+				let n = g + Math.floor(t / this.#n.template.length);
 				if (n >= a) {
 					e.style.display = "none", e.dataset.matrixRow = null, e.dataset.row = null, e.dataset.index = null;
 					return;
 				}
-				let s = i[n];
-				if (!s) {
+				let o = i[n];
+				if (!o) {
 					e.style.display = "none";
 					return;
 				}
-				let c = s.m._[r.META.INDEX.ROWID];
-				e.style.display = "", this.#h(e, s, c, n);
+				let s = o.m._[r.META.INDEX.ROWID];
+				e.style.display = "", this.#p(e, o, s, n);
 			});
 		}), this.#n.selection.refresh());
 	};
-	#p = (e, t = !1) => {
+	#d = (e, t = !1) => {
 		let n = this.#n.view.getArray() || [], r = n.length;
 		if (r === 0) {
 			this.#n.elements.scrollHolder.style.height = "0px";
@@ -883,12 +909,12 @@ var m = {
 		let i = this.#n.querySelector(".ng-sheet-body .ng-sheet-body-content"), a = this.#n.templateLength || 1, o = (e) => {
 			if (e.type === "group") {
 				let t = e.record[m.DEPTH] || 0;
-				return this.#a[t] || this.#o / a;
+				return this.#n.template.height[t] || this.#n.template.height / a;
 			}
 			{
 				let e = 0, t = this.#n.templateLength || 1, n = 0;
-				for (let e = 0; e < t - 1; e++) n += this.#a[e] || 0;
-				return e = this.#o - n, e > 0 ? e : this.#o;
+				for (let e = 0; e < t - 1; e++) n += this.#n.template.heights[e] || 0;
+				return e = this.#n.template.height - n, e > 0 ? e : this.#n.template.height;
 			}
 		}, s = 0, c = Array(r);
 		for (let e = 0; e < r; e++) {
@@ -911,7 +937,7 @@ var m = {
 		});
 		let p = this.#r.firstTr, h = p && p.dataset.virtualIndex !== void 0 ? parseInt(p.dataset.virtualIndex, 10) : -1;
 		if (!t && h === d) return;
-		let g = Math.ceil(l / (this.#o / a)), _ = (this.#n.grouping.columns?.length || 1) * 15, v = d, y = Math.min(r, d + g + _), b = n.slice(v, y);
+		let g = Math.ceil(l / (this.#n.template.height / a)), _ = (this.#n.grouping.columns?.length || 1) * 15, v = d, y = Math.min(r, d + g + _), b = n.slice(v, y);
 		[
 			".ng-container-body",
 			".ng-container-left",
@@ -933,18 +959,18 @@ var m = {
 					let a = d + t;
 					e.dataset.virtualIndex = a, e.dataset.row = i.type === "data" ? s : "";
 					let o = e.getAttribute("grouping") === "true";
-					if (i.type === "group") o && r === i.record[m.DEPTH] ? (e.style.display = "", this.#m(e, n, i.record, a)) : (e.style.display = "none", e.dataset.matrixRow = null, e.dataset.row = null, e.dataset.index = null);
+					if (i.type === "group") o && r === i.record[m.DEPTH] ? (e.style.display = "", this.#f(e, n, i.record, a)) : (e.style.display = "none", e.dataset.matrixRow = null, e.dataset.row = null, e.dataset.index = null);
 					else if (o) e.style.display = "none", e.dataset.matrixRow = null, e.dataset.row = null, e.dataset.index = null;
 					else {
 						e.style.display = "";
 						let t = i.record.m?.rowid ?? 0;
-						this.#h(e, i.record, t, a);
+						this.#p(e, i.record, t, a);
 					}
 				});
 			}
 		}), this.#n.selection.refresh();
 	};
-	#m = (e, t, n, r) => {
+	#f = (e, t, n, r) => {
 		let i = this.#n.templateLength || 1, a = parseInt(e.dataset.subrow, 10) || 0, o = r * i + a, s = n[m.CHILDREN], c = this.#t.data.getArray(), l = s ? s.map((e) => c[e]).filter(Boolean) : [];
 		e.dataset.virtualIndex = r, e.dataset.row = "", e.dataset.matrixRow = o, e.data = l, e.dataset.groupId = n[m.ID], Array.from(e.cells).forEach((e) => {
 			e.dataset.row = r;
@@ -952,14 +978,14 @@ var m = {
 			t !== void 0 && typeof t.refresh == "function" && t?.refresh();
 		});
 	};
-	#h = (e, t, n, r) => {
+	#p = (e, t, n, r) => {
 		let i = this.#n.templateLength || 1, a = parseInt(e.dataset.subrow, 10) || 0, o = r * i + a;
 		e.dataset.index = r, e.dataset.row = n, e.dataset.matrixRow = o, e.data = t, Array.from(e.cells).forEach((e) => {
 			e.dataset.index = r, e.dataset.row = n, Array.from(e.children).find((e) => e.tagName.toLowerCase().startsWith("cell-") && typeof e.refresh == "function")?.refresh();
 		});
 	};
 	initialize = () => {
-		this.#d = !!this.#n.sourceTable.querySelector("tbody tr[grouping='true']"), this.#o = null, this.#i.clear(), this.#r = {
+		this.#l = !!this.#n.sourceTable.querySelector("tbody tr[grouping='true']"), this.#i.clear(), this.#r = {
 			scrollTables: this.#n.querySelectorAll(".ng-sheet-body table"),
 			firstTr: this.#n.querySelector(".ng-sheet-body .ng-container-body tbody.body tr")
 		}, [
@@ -977,62 +1003,52 @@ var m = {
 			this.#i.set(e, i);
 		});
 		let e = this.#n.querySelector(".ng-sheet-body");
-		e && (this.#c = e.clientHeight, this.#g(), this.#v(), this.#f(e.scrollTop, !0), e.addEventListener("scroll", (t) => {
-			if (this.#u) return;
-			let n = this.#o || 0;
-			(this.#n.view.getArray()?.length || 0) * n <= e.clientHeight || (this.#f(e.scrollTop), this.#n.querySelector("nine-table-vscrollbar").refresh());
+		e && (this.#o = e.clientHeight, this.#m(), this.#g(), this.#u(e.scrollTop, !0), e.addEventListener("scroll", (t) => {
+			if (this.#c) return;
+			let n = this.#n.template.height || 0;
+			(this.#n.view.getArray()?.length || 0) * n <= e.clientHeight || (this.#u(e.scrollTop), this.#n.querySelector("nine-table-vscrollbar").refresh());
 		}, { passive: !0 }));
 	};
 	scrollToDataRow(e, t = "top", n) {
 		let r = this.#n.querySelector(".ng-sheet-body"), i = this.#n.view.getArray()?.length || 0, a = Math.max(0, Math.min(e, i - 1)), o = 0;
-		if (this.#d) {
+		if (this.#l) {
 			let e = Math.max(r.scrollHeight - r.clientHeight, 1);
 			o = a / Math.max(i - 1, 1) * e;
 		} else {
-			let e = this.#o, t = a * e, n = (this.#n.elements.body.thead?.offsetHeight || 0) + (this.#n.elements.body.tfoot?.offsetHeight || 0) + this.#n.elements.body.tbody.head.offsetHeight, s = r.offsetHeight || 0, c = Math.max(i * e + n - s, 0), l = 15e6, u = c > l, d = 1;
+			let e = this.#n.template.height, t = a * e, n = (this.#n.elements.body.thead?.offsetHeight || 0) + (this.#n.elements.body.tfoot?.offsetHeight || 0) + this.#n.elements.body.tbody.head.offsetHeight, s = r.offsetHeight || 0, c = Math.max(i * e + n - s, 0), l = 15e6, u = c > l, d = 1;
 			u && (d = l / c), o = t * d;
 		}
-		this.#u = !0, r.scrollTop = o, this.#f(o), requestAnimationFrame(() => {
+		this.#c = !0, r.scrollTop = o, this.#u(o), requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
-				this.#u = !1, typeof n == "function" && n();
+				this.#c = !1, typeof n == "function" && n();
 			});
 		});
 	}
 	destroy = () => {
-		this.#s &&= (this.#s.disconnect(), null);
-	};
-	#g = () => {
-		if (!this.#n.classList.contains("active") || !this.#n.sourceTable) return;
-		let e = this.#n.sourceTable?.querySelectorAll("tbody.body tr"), t = this.#n.querySelector(".ng-sheet-body .ng-container-body tbody.body");
-		t.querySelectorAll("tr").forEach((e) => e.remove());
-		let n = document.createDocumentFragment();
-		e.forEach((e) => n.appendChild(e.cloneNode(!0))), t.appendChild(n);
-		let r = t.querySelectorAll("tr");
-		this.#a = [], r.forEach((e) => {
-			this.#a.push(Math.max(e.offsetHeight, 24));
-		}), r.forEach((e) => e.remove()), this.#o = this.#a.reduce((e, t) => e + t, 0), this.#_();
+		this.#a &&= (this.#a.disconnect(), null);
 	};
-	#_ = () => {
-		if (this.#c > 0 && this.#o > 0) {
-			let e = Math.ceil(this.#c / this.#o), t = this.#e;
-			if (this.#d && this.#n.grouping) {
+	#m = () => {};
+	#h = () => {
+		if (this.#o > 0 && this.#n.template.height > 0) {
+			let e = Math.ceil(this.#o / this.#n.template.height), t = this.#e;
+			if (this.#l && this.#n.grouping) {
 				let e = this.#n.grouping.columns?.length || 1;
 				t += e * 15;
 			}
-			this.#l = e + t;
+			this.#s = e + t;
 		}
 	};
-	#v = () => {
+	#g = () => {
 		[
 			".ng-container-body",
 			".ng-container-left",
 			".ng-container-right"
 		].forEach((e) => {
 			let t = this.#n.querySelector(`.ng-sheet-body ${e}`);
-			t && t.querySelector("tbody") && this.#y(t);
-		}), this.#b();
+			t && t.querySelector("tbody") && this.#_(t);
+		}), this.#v();
 	};
-	#y = (e) => {
+	#_ = (e) => {
 		let t = null;
 		e.classList.contains("ng-container-left") ? t = "left" : e.classList.contains("ng-container-right") && (t = "right");
 		let n = Array.from(this.#n.sourceTable.querySelectorAll("tbody.body tr")).map((e) => {
@@ -1050,10 +1066,10 @@ var m = {
 		if (!r) return;
 		r.querySelectorAll("tr").forEach((e) => e.remove());
 		let i = document.createDocumentFragment();
-		for (let e = 0; e < this.#l; e++) n.forEach((e) => i.appendChild(e.cloneNode(!0)));
+		for (let e = 0; e < this.#s; e++) n.forEach((e) => i.appendChild(e.cloneNode(!0)));
 		r.appendChild(i), e.classList.contains("ng-container-body") && (this.#r.firstTr = r.querySelector("tr"));
 	};
-	#b = () => {
+	#v = () => {
 		let e = this.#n.querySelector(".ng-sheet-body .ng-container-left table"), t = this.#n.querySelector(".ng-sheet-body .ng-container-body table"), n = this.#n.querySelector(".ng-sheet-body .ng-container-right table");
 		if (t) {
 			let r = e ? Array.from(e.querySelectorAll("tbody tr")) : [], i = Array.from(t.querySelectorAll("tbody tr")), a = n ? Array.from(n.querySelectorAll("tbody tr")) : [], o = Math.max(r.length, i.length, a.length);
@@ -1067,14 +1083,14 @@ var m = {
 			}
 		}
 	};
-	#x = () => {
-		this.#n && this.#n instanceof HTMLElement && (this.#s = new ResizeObserver((e) => {
+	#y = () => {
+		this.#n && this.#n instanceof HTMLElement && (this.#a = new ResizeObserver((e) => {
 			for (let t of e) {
 				if (!t.target.classList.contains("active")) continue;
 				let e = t.contentRect.height;
-				t.contentRect.width > 0 && this.#n.isAutoFitCol && this.#n.autoFit(!0), e > 0 && this.#c !== e && (this.#c = e, this.#_(), this.#o !== null && (this.#v(), this.refresh()));
+				t.contentRect.width > 0 && this.#n.isAutoFitCol && this.#n.autoFit(!0), e > 0 && this.#o !== e && (this.#o = e, this.#h(), this.#n.template.height !== null && (this.#g(), this.refresh()));
 			}
-		}), this.#s.observe(this.#n));
+		}), this.#a.observe(this.#n));
 	};
 }, v = class e {
 	static compile(t) {
@@ -1193,13 +1209,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"));
 				}));
 			});
 		});
@@ -1429,7 +1447,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",
@@ -2516,7 +2534,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;
@@ -2529,14 +2590,23 @@ var k = class {
 	#l;
 	#u;
 	#d;
-	#f = { table: null };
-	#p;
+	#f;
+	#p = { table: null };
+	#m;
+	#h = {
+		length: 0,
+		height: 0,
+		heights: []
+	};
 	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.#D();
 	}
 	connectedCallback() {
-		this.#b();
+		this.#S();
+	}
+	get template() {
+		return this.#h;
 	}
 	get index() {
 		return this.#e;
@@ -2566,29 +2636,29 @@ 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 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 #g() {
 		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"
@@ -2601,31 +2671,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.#b(), this.#y(), this.#n.initialize(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar")?.refresh(), requestAnimationFrame(() => {
+			this.#y(), 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.#y(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar")?.refresh(), this.#_(), this.#a?.refreshLayout(), this.#n?.refresh());
 		});
 	}
-	#h = () => {
+	#_ = () => {
 		let e = this.querySelector(".ng-container-body thead"), t = this.querySelector(".nodata-overlay");
-		t.style.top = `${e.offsetHeight}px`;
+		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.#v?.(e);
 		});
 	};
-	#g = (e = !0) => {
+	#v = (e = !0) => {
 		let t = this.querySelector(".ng-sheet-body .ng-container-body");
 		if (!t) return;
 		let n = this.querySelector(".ng-container-body table colgroup");
@@ -2684,17 +2754,28 @@ var k = class {
 			this.querySelector("nine-table-hscrollbar")?.refresh();
 		}
 	};
-	generate = (e, t) => {
-		e.style.display = "none", this.#e = t, j.initializeTable(this.#t, e), e.style.display = "", this.#f = {
+	generateTemplate = (e, t) => {
+		if (this.#e = t, this.#p = {
 			table: v.compile(e),
 			tbody: { tr: e.querySelectorAll("tbody tr") }
-		}, this.#v(), this.#_(), this.#S(), this.#w(), [
+		}, this.querySelector(".ng-container-body").appendChild(this.#p.table), this.#h.height = this.#h.length = 0, this.#h.heights = [], this.querySelectorAll(".ng-container-body tbody.body tr").forEach((e) => {
+			this.#h.height += e.offsetHeight || 0, this.#h.heights.push(e.offsetHeight || 0);
+		}), this.#h.length = this.#h.heights.length, this.#e === 0) {
+			let e = parseInt(this.#t.getAttribute("display-min-rows"), 10), t = parseInt(this.#t.getAttribute("display-max-rows"), 10), n = (this.querySelector("nine-table-toolbar")?.offsetHeight || 0) + (this.querySelector("nine-table-footer")?.offsetHeight || 0) + (this.querySelector("thead")?.offsetHeight || 0) + (this.querySelector("tfoot")?.offsetHeight || 0) + (this.querySelector("tbody.head")?.offsetHeight || 0);
+			this.#t.getAttribute("auto-height") !== "true" && isNaN(e) && isNaN(t) || this.#t.setAttribute("scroll-bar", "none"), isNaN(e) || (this.#t.style.minHeight = n + this.#h.height * e + "px"), isNaN(t) || (this.#t.style.maxHeight = n + this.#h.height * t + "px");
+		}
+		this.querySelectorAll("tbody.body tr").forEach((e) => {
+			e.style.display = "none";
+		}), this.querySelector(".ng-container-body table").remove();
+	};
+	generate = () => {
+		this.#b(), this.#y(), this.#w(), this.#E(), [
 			"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`),
@@ -2705,7 +2786,7 @@ var k = class {
 			};
 		}), this.#n.initialize(), this.isAutoFitCol ? this.autoFit(!0) : this.querySelector("nine-table-hscrollbar").refresh(), this.#u.initialize(), this.loaded = !0;
 	};
-	#_ = () => {
+	#y = () => {
 		[
 			"left",
 			"right",
@@ -2724,7 +2805,7 @@ var k = class {
 			});
 		});
 	};
-	#v = () => {
+	#b = () => {
 		[
 			{
 				selector: ".ng-container-left",
@@ -2739,11 +2820,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.#x(t));
 		});
 	};
-	#y = (e) => {
-		let t = this.#f.table.cloneNode(!0);
+	#x = (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) => {
@@ -2753,9 +2834,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) => {
@@ -2766,13 +2847,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", () => {
+	#S = () => {
+		this.#C(), 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.#g || (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 = {
+	#C = () => {
+		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\">\n                    \n                    </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"),
@@ -2780,13 +2861,13 @@ var k = class {
 			scrollHolder: this.querySelector(".ng-sheet-body .ng-virtual-height-holder")
 		};
 	};
-	#S = () => {
+	#w = () => {
 		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.#T(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.#T(o, s, c);
 	};
-	#C = (e, t, n) => {
+	#T = (e, t, n) => {
 		setTimeout(() => {
 			let r = Math.max(e.length, t.length, n.length);
 			for (let i = 0; i < r; i++) {
@@ -2799,7 +2880,7 @@ var k = class {
 			}
 		});
 	};
-	#w = () => {
+	#E = () => {
 		let e = this.querySelector(".ng-sheet-body");
 		if (!e) return;
 		let t = null;
@@ -2819,40 +2900,41 @@ var k = class {
 			}), t = null);
 		});
 	};
+	#D = () => {
+		[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();
 	}
 	#t = () => {
-		this.#r(), new ResizeObserver((e) => {
-			for (let t of e) this.#e.getAttribute("auto-height") === "true" && this.#n();
-		}).observe(this.#e);
+		this.#n(), this.#r();
 	};
 	set loading(e) {
 		e ? this.#e.classList.add("loading") : this.#e.classList.remove("loading");
 	}
 	#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;
-		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.14/dist/css/nine-table.css\";"];
-		nine["nine-table"] && nine["nine-table"].cssFile && i.push(`@import "${nine["nine-table"].cssFile}";`), this.#e.shadowRoot.innerHTML = `
+		let e = Array.from(this.#e.children).filter((e) => e.tagName.toUpperCase() === "TABLE"), t = e.length, n = e.map((e, n) => {
+			let r = n === 0 ? "active" : "", i = e.id || `sheet${n + 1}`;
+			return `<nine-table-sheet class="${r}" data-index="${n}" data-sheet-id="${i}" id="${i}"></nine-table-sheet>` + (n < t - 1 ? `<nine-splitter class="h" data-split-index="${n}"></nine-splitter>` : "");
+		}).join(""), r = ["@import \"https://cdn.jsdelivr.net/npm/@ninebone/datagrid@0.0.18/dist/css/nine-table.css\";"];
+		nine["nine-table"] && nine["nine-table"].cssFile && r.push(`@import "${nine["nine-table"].cssFile}";`), this.#e.shadowRoot.innerHTML = `
             <style>
-                ${i.join("\n")}
-                ${this.#e.customStyle}
+                ${r.join("\n")}
+                ${this.#e.provider.style.value}
             </style>
             
             <nine-table-toolbar></nine-table-toolbar>
@@ -2862,20 +2944,52 @@ var N = class {
                 <div class="ng-loading-bar"></div>
                 <nine-table-sheets>
                     <nine-table-sheets-body>
-                        ${r}
+                        ${n}
                     </nine-table-sheets-body>
                     <nine-table-sheets-footer></nine-table-sheets-footer>
                 </nine-table-sheets>
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `, this.#e.shadowRoot.querySelectorAll("nine-table-sheet").forEach((n, r) => {
-			e[r] && setTimeout(() => {
-				n.generate(e[r], r), t && this.#n();
+        `, e.forEach((e) => {
+			j.initializeTable(this.#e, e);
+		}), this.#e.shadowRoot.querySelectorAll("nine-table-sheet").forEach((t, n) => {
+			t.classList.add("active"), t.generateTemplate(e[n], n);
+		}), this.#e.shadowRoot.querySelectorAll("nine-table-sheet").forEach((e) => {
+			setTimeout(() => {
+				e.generate(), this.#a && this.#i();
 			});
+		}), setTimeout(() => {
+			this.#e.data.clear();
+		});
+	};
+	#r = () => {
+		this.#e.addEventListener(r.EVENT.ROW_ADDED, () => {
+			this.#a && this.#i();
+		}), this.#e.addEventListener(r.EVENT.ROW_REMOVED, () => {
+			this.#a && this.#i();
 		});
+		let e = 0;
+		new ResizeObserver((t) => {
+			for (let n of t) if (n.target.tagName === "NINE-TABLE") {
+				let t = n.contentRect.height;
+				t !== e && (e = t, this.#a && this.#i());
+			}
+		}).observe(this.#e);
 	};
-}, P = class {
+	#i = () => {
+		this.#e.shadowRoot.querySelectorAll("nine-table-sheet").forEach((e) => {
+			if (e.index === 0) {
+				n.log(e, e.template.height, e.view.count());
+				let t = (e.querySelector("thead")?.offsetHeight || 0) + (e.querySelector("tfoot")?.offsetHeight || 0) + (e.querySelector("tbody.head")?.offsetHeight || 0), r = this.#e.offsetHeight - e.offsetHeight + t, i = Math.min(e.template.height * e.view.count(), window.innerHeight * .8);
+				this.#e.style.height = r + i + "px";
+			}
+		});
+	};
+	get #a() {
+		return this.#e.getAttribute("auto-height") === "true";
+	}
+}, F = class {
 	#e;
 	#t;
 	#n = /* @__PURE__ */ new Map();
@@ -2910,30 +3024,67 @@ var N = class {
 			return e;
 		}
 	}
-}, F = class extends HTMLElement {
+}, I = class {
+	#e;
+	constructor(e) {
+		this.#e = e;
+	}
+	provider = {
+		style: { value: "" },
+		add: (e) => {
+			if (!e || typeof e != "object") return;
+			let { style: t, ...n } = e;
+			t && typeof t == "string" && (this.provider.style.value = t), Object.keys(n).length > 0 && setTimeout(() => {
+				Object.entries(n).forEach(([e, t]) => {
+					typeof t == "function" && (this.#e[e] = t);
+				}), this.#e.rerenderer();
+			});
+		}
+	};
+}, L = class {
+	#e;
+	constructor(e) {
+		this.#e = e, ["row"].forEach((e) => {
+			this[e] = new Proxy({}, { get: (t, n) => {
+				let r = this.#t();
+				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");
+	}
+	#t() {
+		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;
 	constructor() {
-		super(), ["NINE-TABLE"].includes(this.tagName) && n.log("Welcome nine-table", "0.0.14"), this.#e = this.attachShadow({ mode: "open" }), this.#t = new o(this);
+		super(), ["NINE-TABLE"].includes(this.tagName) && n.log("Welcome nine-table", "0.0.18"), this.#e = this.attachShadow({ mode: "open" }), this.#t = new o(this), this.#r = new I(this), this.#i = new L(this), this.#c();
 	}
 	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.#s(), this.#n = new P(this), this.#o();
 		});
 	}
 	disconnectedCallback() {}
-	#a = () => {
+	#o = () => {
 		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 }
 				})));
@@ -2949,65 +3100,6 @@ var N = class {
 	get data() {
 		return this.#t.data;
 	}
-	get row() {
-		return this.#t.row;
-	}
-	get customStyle() {
-		return this.#i;
-	}
-	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;
-			let e = this.#e.getElementById("nine-table-scoped-custom-style");
-			e && (e.textContent = t);
-		}
-		Object.keys(n).length > 0 && setTimeout(() => {
-			Object.entries(n).forEach(([e, t]) => {
-				typeof t == "function" && (this[e] = t);
-			}), this.rerenderer();
-		});
-	}
 	setData(e) {
 		this.#t.data.set(e), this.refresh();
 	}
@@ -3033,7 +3125,7 @@ var N = class {
 	get activeSheet() {
 		return this.shadow.querySelector("nine-table-sheet.active") || null;
 	}
-	#o() {
+	#s() {
 		let e = /* @__PURE__ */ new Set();
 		this.querySelectorAll("[data-source]").forEach((t) => {
 			let n = t.getAttribute("data-source");
@@ -3066,20 +3158,29 @@ var N = class {
 			});
 		});
 	};
+	#c() {
+		[this.#r, 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;
@@ -3251,7 +3352,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() : [];
@@ -3276,14 +3377,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;
 	}
@@ -3314,7 +3415,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();
@@ -3343,9 +3444,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();
@@ -3429,9 +3530,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;
@@ -3487,9 +3588,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() {
@@ -3595,9 +3696,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() {
@@ -3670,9 +3771,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 = [];
@@ -3735,9 +3836,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;
@@ -3835,9 +3936,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;
@@ -3899,9 +4000,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();
@@ -3916,9 +4017,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();
@@ -3951,9 +4052,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;
@@ -3994,9 +4095,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() {
@@ -4044,9 +4145,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() {
@@ -4215,9 +4316,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() {
@@ -4294,7 +4395,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