@jboltai/tokui 0.2.5 → 0.2.6

package/dist/tokui.mjs

@@ -40,6 +40,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"lightbox.prev": "上一张",
 			"lightbox.next": "下一张",
 			"sidebar.toggle": "折叠/展开侧栏",
+			"page.toggleAside": "折叠/展开侧栏",
+			"page.closeTab": "关闭标签页",
 			"canvas.openPanel": "打开面板",
 			"canvas.closePanel": "关闭面板",
 			"pagination.prev": "上一页",
@@ -53,6 +55,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"calendar.prevMonth": "上个月",
 			"calendar.nextMonth": "下个月",
 			"table.selectAll": "全选",
+			"table.empty": "暂无数据",
+			"table.expandRow": "展开/折叠子行",
 			"pwd.toggle": "显示/隐藏密码",
 			"layout.collapseDefault": "展开",
 			"layout.gallery": "图片画廊",
@@ -208,6 +212,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"lightbox.prev": "Previous",
 			"lightbox.next": "Next",
 			"sidebar.toggle": "Toggle sidebar",
+			"page.toggleAside": "Toggle sidebar",
+			"page.closeTab": "Close tab",
 			"canvas.openPanel": "Open panel",
 			"canvas.closePanel": "Close panel",
 			"pagination.prev": "Previous page",
@@ -221,6 +227,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"calendar.prevMonth": "Previous month",
 			"calendar.nextMonth": "Next month",
 			"table.selectAll": "Select all",
+			"table.empty": "No data",
+			"table.expandRow": "Expand/collapse rows",
 			"pwd.toggle": "Toggle password visibility",
 			"layout.collapseDefault": "Expand",
 			"layout.gallery": "Image gallery",
@@ -699,7 +707,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return -1;
 	}
-	var i = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.grid.cell.select.radio.checkbox.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.print-area.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.ins.katex.mermaid.p.tour.affix.preview-group.segmented.anchor.float-button.masonry.panel.kpi.scrollboard.fit-screen".split("."));
+	var i = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.grid.cell.select.radio.checkbox.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.print-area.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.ins.katex.mermaid.p.tour.affix.preview-group.segmented.anchor.float-button.masonry.panel.kpi.scrollboard.fit-screen.page.page-header.page-sidebar.page-content.page-tabs.page-tab".split("."));
 	function a(e) {
 		if (!e || e.type !== "chart") return !1;
 		var t = e.attrs || {};
@@ -736,7 +744,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		"sub",
 		"sup",
 		"kbd"
-	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.grad.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.active.collapsible.collapsed.toggle.search.thumb.reset.print.show-total.live.approval.streaming.range.half.sortable.filter.virtual.lazy.pagination.mask".split(".")), f = null;
+	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.grad.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.active.collapsible.collapsed.toggle.search.thumb.reset.print.show-total.live.approval.streaming.range.half.sortable.filter.virtual.lazy.pagination.mask.sticky.closeable.fixed.loading.empty".split(".")), f = null;
 	function p(e) {
 		f = e;
 	}
@@ -749,15 +757,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		return null;
 	}
 	var h = new Set(/* @__PURE__ */ "t.l.tx.tt.ph.u.s.n.v.w.h.clk.sub.act.mtd.dis.ro.req.chk.id.bg.fc.cap.cols.span.min.max.step.alt.target.src.name.value.pre.pos.tgt".split("."));
-	function g(e, t) {
-		for (var n = [];;) {
-			var r = t.match(/^([\s\S]*?[^\x00-\x7f])([a-zA-Z][a-zA-Z0-9]{0,6}):([\s\S]*)$/);
-			if (!r) break;
-			var i = r[2];
-			if (!h.has(i)) break;
-			n.push([e, r[1]]), e = i, t = r[3];
-		}
-		return n.push([e, t]), n;
+	function g(e, t, n) {
+		for (var r = [];;) {
+			var i = t.match(/^([\s\S]*?[^\x00-\x7f])([a-zA-Z][a-zA-Z0-9]{0,6}):([\s\S]*)$/);
+			if (!i) break;
+			var a = i[2];
+			if (!h.has(a)) break;
+			if (n && n.indexOf(a) !== -1 || /[）」』】]/.test(i[3])) return null;
+			r.push([e, i[1]]), e = a, t = i[3];
+		}
+		return r.push([e, t]), r;
 	}
 	function _(e) {
 		if (!e || !e.trim()) return {
@@ -775,20 +784,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		t.type = r[0];
 		let i = [];
 		for (let e = 1; e < r.length; e++) {
-			let a = r[e], o = a.indexOf(":");
-			if (o > 0) {
-				let e = a.slice(0, o);
+			let o = r[e], s = o.indexOf(":");
+			if (s > 0) {
+				let e = o.slice(0, s);
 				if (/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(e)) {
-					let r = a.slice(o + 1);
-					r = r.replace(/__QUOTE(\d+)__/g, (e, t) => n[parseInt(t)]), /[^\x00-\x7f]/.test(r) && r.indexOf(":") !== -1 ? g(e, r).forEach(function(e) {
-						t.attrs[e[0]] = e[1];
-					}) : t.attrs[e] = r;
+					let r = o.slice(s + 1);
+					if (r = r.replace(/__QUOTE(\d+)__/g, (e, t) => n[parseInt(t)]), /[^\x00-\x7f]/.test(r) && r.indexOf(":") !== -1) {
+						var a = g(e, r, Object.keys(t.attrs));
+						a ? a.forEach(function(e) {
+							t.attrs[e[0]] = e[1];
+						}) : t.attrs[e] = r;
+					} else t.attrs[e] = r;
 				} else {
-					let e = a.replace(/__QUOTE(\d+)__/g, (e, t) => `"${n[parseInt(t)]}"`);
+					let e = o.replace(/__QUOTE(\d+)__/g, (e, t) => `"${n[parseInt(t)]}"`);
 					i.push(e);
 				}
 			} else {
-				let e = a.replace(/__QUOTE(\d+)__/g, (e, t) => n[parseInt(t)]);
+				let e = o.replace(/__QUOTE(\d+)__/g, (e, t) => n[parseInt(t)]);
 				if (t.attrs.v) {
 					let n = m(t.type);
 					if (n && n.has && n.has(e)) {
@@ -798,10 +810,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				if (d.has(e)) t.attrs[e] = !0;
 				else {
-					let e = a.match(/^__QUOTE(\d+)__$/);
+					let e = o.match(/^__QUOTE(\d+)__$/);
 					if (e) i.push(n[parseInt(e[1])]);
 					else {
-						let e = a.replace(/__QUOTE(\d+)__/g, (e, t) => `"${n[parseInt(t)]}"`);
+						let e = o.replace(/__QUOTE(\d+)__/g, (e, t) => `"${n[parseInt(t)]}"`);
 						i.push(e);
 					}
 				}
@@ -812,9 +824,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let e = !1;
 			for (let n of Object.keys(t.attrs)) {
 				let r = t.attrs[n];
-				if (typeof r != "string") continue;
+				if (typeof r != "string" || t.type === "thead" && n === "cols") continue;
 				let i = r.match(/^([\s\S]*?)\s+([a-zA-Z][a-zA-Z0-9]{0,6}):([\s\S]*)$/);
-				if (!i || !i[1] || !h.has(i[2]) || t.attrs[i[2]] !== void 0) continue;
+				if (!i || !i[1] || !h.has(i[2]) || /[「」『』；。！？、]/.test(i[3]) || t.attrs[i[2]] !== void 0) continue;
 				t.attrs[n] = i[1];
 				let a = i[3];
 				!a && t.content && (a = t.content, t.content = ""), t.attrs[i[2]] = a.replace(/^"|"$/g, ""), t._lastRepairKey = i[2], e = !0;
@@ -822,12 +834,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			if (!e) break;
 		}
 		t._lastRepairKey && t.content && t.content.endsWith("\"") && (t.attrs[t._lastRepairKey] += " " + t.content.slice(0, -1), t.content = ""), delete t._lastRepairKey;
-		let a = {
+		let o = {
 			ol: "list",
 			ul: "list",
 			i: "item"
 		};
-		return a[t.type] && ((t.type === "ol" || t.type === "ul") && (t.attrs.t = t.type), t.type = a[t.type]), t;
+		return o[t.type] && ((t.type === "ol" || t.type === "ul") && (t.attrs.t = t.type), t.type = o[t.type]), t;
 	}
 	var v = class {
 		constructor(e, t) {
@@ -1106,7 +1118,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"input-tag",
 				"watermark",
 				"badge-box"
-			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, l = e.type === "tn" && e.attrs.leaf !== void 0, d = e.type === "input-tag" && e.attrs.tags, f = e.type === "katex" && !!e.attrs.f, p = r || l || d || f || o(e) || s(e), m = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry" && e.type !== "grid" && e.type !== "scrollboard", h = a(e);
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, l = e.type === "tn" && e.attrs.leaf !== void 0, d = e.type === "input-tag" && e.attrs.tags, f = e.type === "katex" && !!e.attrs.f, p = r || l || d || f || o(e) || s(e), m = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry" && e.type !== "grid" && e.type !== "scrollboard" && e.type !== "form", h = a(e);
 			h && (e._previewKey = e._dslStart), i.has(e.type) && !m && !p && !h ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e)) : (e._stream = "open", this.stack.push(e), this.onNode(e)) : (this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e));
 		}
 		_emitBuffered(e) {
@@ -1125,7 +1137,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"input-tag",
 				"watermark",
 				"badge-box"
-			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, c = e.type === "tn" && e.attrs.leaf !== void 0, l = e.type === "input-tag" && e.attrs.tags, d = e.type === "katex" && !!e.attrs.f, f = r || c || l || d || o(e) || s(e), p = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry" && e.type !== "grid" && e.type !== "scrollboard", m = a(e);
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, c = e.type === "tn" && e.attrs.leaf !== void 0, l = e.type === "input-tag" && e.attrs.tags, d = e.type === "katex" && !!e.attrs.f, f = r || c || l || d || o(e) || s(e), p = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry" && e.type !== "grid" && e.type !== "scrollboard" && e.type !== "form", m = a(e);
 			m && (e._previewKey = e._dslStart), i.has(e.type) && !p && !f && !m ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e)) : this.stack.push(e) : this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e);
 		}
 		startStream() {
@@ -1135,11 +1147,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			this._flush();
 		}
 	};
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.TokUIParser = v, window.TokUI._internal.parseTag = _, window.TokUI._internal.setVariantHints = p, window.TokUI._internal.CONTAINERS = i), t !== void 0 && t.exports && (t.exports = {
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.TokUIParser = v, window.TokUI._internal.parseTag = _, window.TokUI._internal.setVariantHints = p, window.TokUI._internal.CONTAINERS = i, window.TokUI._internal.BOOLEAN_ATTRS = d), t !== void 0 && t.exports && (t.exports = {
 		TokUIParser: v,
 		parseTag: _,
 		setVariantHints: p,
-		CONTAINERS: i
+		CONTAINERS: i,
+		BOOLEAN_ATTRS: d
 	});
 })), g = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
@@ -1316,13 +1329,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		]),
 		btngroup: new Set(["vertical", "pill"]),
 		table: new Set(["bordered", "compact"]),
+		form: new Set(["inline"]),
 		input: new Set([
 			"error",
 			"success",
 			"sm",
 			"lg",
 			"underline",
-			"pill"
+			"pill",
+			"full"
 		]),
 		pwd: new Set([
 			"error",
@@ -1330,10 +1345,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"sm",
 			"lg",
 			"underline",
-			"pill"
+			"pill",
+			"full"
 		]),
-		select: new Set(["error", "success"]),
-		picker: new Set(["error", "success"]),
+		select: new Set([
+			"error",
+			"success",
+			"full"
+		]),
+		picker: new Set([
+			"error",
+			"success",
+			"full"
+		]),
+		textarea: new Set(["full"]),
+		numinput: new Set(["full"]),
+		datepicker: new Set(["full"]),
+		timepicker: new Set(["full"]),
+		datetimepicker: new Set(["full"]),
 		h1: new Set([
 			"left",
 			"center",
@@ -1448,9 +1477,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		breadcrumb: new Set(["arrow"]),
 		slider: new Set(["sm", "lg"]),
 		rate: new Set(["sm", "lg"]),
-		transfer: new Set(["sm", "lg"]),
-		cascader: new Set(["error", "success"]),
-		upload: new Set(["sm", "lg"]),
+		transfer: new Set([
+			"sm",
+			"lg",
+			"full"
+		]),
+		cascader: new Set([
+			"error",
+			"success",
+			"full"
+		]),
+		upload: new Set([
+			"sm",
+			"lg",
+			"full"
+		]),
 		tree: new Set(["sm", "lg"]),
 		menu: new Set(["horizontal", "inline"]),
 		segmented: new Set([
@@ -2754,7 +2795,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}), { syncAria: a };
 	}
 	function V(e, t) {
-		var n = t.padL, r = t.cw, i = t.n, a = t.plotG, o = "tokui-chart-clip-" + ++K, s = h("defs"), c = h("clipPath", { id: o });
+		var n = t.padL, r = t.cw, i = t.n, a = t.plotG, o = "tokui-chart-clip-" + ++ee, s = h("defs"), c = h("clipPath", { id: o });
 		c.appendChild(h("rect", {
 			x: n - 1,
 			y: t.padT - 1,
@@ -2850,7 +2891,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		b.appendChild(M), b.appendChild(N), b.appendChild(P);
 		function F(n) {
 			if (n > 0) {
-				var r = Y(9, n, G, q);
+				var r = J(9, n, G, K);
 				e._tokuiBumpedFs = r, m && m.setAttribute("font-size", r);
 				var i = Math.min(26, Math.max(16, 14 / n)), a = Math.min(24, Math.max(6, 10 / n));
 				S = i, C = S - 2, w.setAttribute("height", S), M.setAttribute("height", S + 2), N.setAttribute("width", a), N.setAttribute("height", S + 6), P.setAttribute("width", a), P.setAttribute("height", S + 6);
@@ -2866,16 +2907,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			M.setAttribute("x", i), M.setAttribute("width", Math.max(2, a - i)), N.setAttribute("x", i - 3), P.setAttribute("x", a - 3);
 		}
 		H(R, z);
-		var U = typeof window < "u" && typeof window.requestAnimationFrame == "function", W = !1, J = null;
-		function ee(e, t) {
-			J = [e, t], !W && (W = !0, U ? window.requestAnimationFrame(function() {
-				W = !1, J && y(J[0], J[1], !1);
+		var U = typeof window < "u" && typeof window.requestAnimationFrame == "function", W = !1, q = null;
+		function Y(e, t) {
+			q = [e, t], !W && (W = !0, U ? window.requestAnimationFrame(function() {
+				W = !1, q && y(q[0], q[1], !1);
 			}) : (W = !1, y(e, t, !1)));
 		}
 		function X(e) {
 			H(R, z);
 			var t = ce(i, R, z);
-			e ? ee(t.s, t.e) : (J = null, y(t.s, t.e, !0)), Z && Z.syncAria();
+			e ? Y(t.s, t.e) : (q = null, y(t.s, t.e, !0)), Z && Z.syncAria();
 		}
 		var Z = B(M, N, P, {
 			n: i,
@@ -2989,15 +3030,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (var t = 0, n = 0; n < e.length; n++) t += e.charCodeAt(n) > 127 ? 8 : 4.5;
 		return t;
 	}
-	var G = 14, K = 0, q = 16, J = 7;
-	function Y(e, t, n, r) {
+	var G = 14, ee = 0, K = 16, q = 7;
+	function J(e, t, n, r) {
 		if (!(t > 0)) return e;
 		var i = e * t;
 		return r > 0 && i > r ? r / t : n > 0 && i < n ? n / t : e;
 	}
-	function ee(e, t) {
+	function Y(e, t) {
 		if (t > 0) {
-			var n = Y(10, t, G, q) / 10;
+			var n = J(10, t, G, K) / 10;
 			if (!(Math.abs(n - 1) < .005)) for (var r = e.querySelectorAll(".tokui-chart-tips-layer .tokui-chart-tip:not(.tokui-chart-tip--shared):not(.tokui-chart-tip--axis)"), i = 0; i < r.length; i++) {
 				var a = r[i], o = parseFloat(a.getAttribute("data-tx")), s = parseFloat(a.getAttribute("data-ty"));
 				if (!isFinite(o) || !isFinite(s)) {
@@ -3043,7 +3084,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var d = W(String(e[u]));
 			d > l && (l = d);
 		}
-		var f = q / J * l, p = Math.max(ne, f * 1.15), m = Math.max(re, f * .72), h = Math.max(1, Math.floor(c / p)), g = Math.max(1, Math.floor(c / m)), _ = 1, v = !1, y = i === void 0 ? "auto" : String(i);
+		var f = K / q * l, p = Math.max(ne, f * 1.15), m = Math.max(re, f * .72), h = Math.max(1, Math.floor(c / p)), g = Math.max(1, Math.floor(c / m)), _ = 1, v = !1, y = i === void 0 ? "auto" : String(i);
 		if (y === "0") _ = 1, v = o > h && (o <= g || o <= 10);
 		else if (y === "auto") o <= h ? (_ = 1, v = !1) : o <= 10 || o <= g ? (_ = 1, v = !0) : (_ = Math.ceil(o / h), v = !1);
 		else {
@@ -3180,43 +3221,43 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		var k = [], j = [];
 		if (a) {
-			var M = 70, P = i.xl ? 30 : 22, R = 14, z = i.yl ? 30 : 16, V = l - M - z, W = u - R - P, G = W / c, q = Math.max(3, o ? G * .6 : G * .6 / s.length);
+			var M = 70, P = i.xl ? 30 : 22, R = 14, z = i.yl ? 30 : 16, V = l - M - z, W = u - R - P, G = W / c, K = Math.max(3, o ? G * .6 : G * .6 / s.length);
 			function e(e) {
 				return M + V * (e - v) / C;
 			}
-			for (var J = 0; J <= 4; J++) {
-				var Y = v + C * J / 4, ee = e(Y);
+			for (var q = 0; q <= 4; q++) {
+				var J = v + C * q / 4, Y = e(J);
 				w.appendChild(h("line", {
-					x1: ee,
+					x1: Y,
 					y1: R,
-					x2: ee,
+					x2: Y,
 					y2: R + W,
 					stroke: "var(--tokui-chart-grid, #e8e8e8)",
 					"stroke-width": 1
 				})), w.appendChild(h("text", {
-					x: ee,
+					x: Y,
 					y: R + W + 10,
 					"text-anchor": "middle",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
-				})).textContent = Math.round(Y);
+				})).textContent = Math.round(J);
 			}
 			s.forEach(function(a, c) {
 				a.forEach(function(a, l) {
 					if (a != null) {
-						var u = E(c, l, a), d = e(u[0]), f = Math.max(0, e(u[1]) - d), p = R + l * G + G * .2 + (o ? 0 : c * q), m = h("g", { class: "tokui-chart-tip-group" });
+						var u = E(c, l, a), d = e(u[0]), f = Math.max(0, e(u[1]) - d), p = R + l * G + G * .2 + (o ? 0 : c * K), m = h("g", { class: "tokui-chart-tip-group" });
 						if (m.appendChild(h("rect", {
 							x: d,
 							y: p,
 							width: f,
-							height: q - 1,
+							height: K - 1,
 							fill: r[c % r.length],
 							rx: 2,
 							class: "tokui-chart-bar"
 						})), T.add(m, (t[l] || "") + ": " + a + (s.length > 1 ? " (" + n("chart.seriesDefault", { n: c + 1 }) + ")" : ""), d + f / 2, p), w.appendChild(m), i.vals !== void 0) {
 							var g = h("text", {
 								x: d + f + 3,
-								y: p + q / 2 + 2,
+								y: p + K / 2 + 2,
 								"text-anchor": "start",
 								fill: "var(--tokui-chart-text, #666)",
 								"font-size": "8"
@@ -3279,7 +3320,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				tx: 0
 			};
 			if (ye) {
-				var ke = "tokui-chart-clip-" + ++K, Ae = h("defs"), x = h("clipPath", { id: ke });
+				var ke = "tokui-chart-clip-" + ++ee, Ae = h("defs"), x = h("clipPath", { id: ke });
 				x.appendChild(h("rect", {
 					x: X - 1,
 					y: te - 1,
@@ -3541,23 +3582,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return T + P * (1 - (e - S) / C);
 		}
 		for (var W = 0; W <= 4; W++) {
-			var G = S + C * W / 4, K = B(G);
+			var G = S + C * W / 4, ee = B(G);
 			I.appendChild(h("line", {
 				x1: E,
-				y1: K,
+				y1: ee,
 				x2: l - w,
-				y2: K,
+				y2: ee,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
 			})), I.appendChild(h("text", {
 				x: E - 4,
-				y: K + 4,
+				y: ee + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
 			})).textContent = Math.round(G * 10) / 10;
 		}
-		function q(e) {
+		function K(e) {
 			if (e.length < 2) return e.length ? "M" + e[0].x + "," + e[0].y : "";
 			if (e.length === 2) return "M" + e[0].x + "," + e[0].y + " L" + e[1].x + "," + e[1].y;
 			for (var t = "M" + e[0].x + "," + e[0].y, n = 0; n < e.length - 1; n++) {
@@ -3566,11 +3607,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t;
 		}
-		var J = f ? h("g", { class: "tokui-chart-plot" }) : null;
+		var q = f ? h("g", { class: "tokui-chart-plot" }) : null;
+		q && I.appendChild(q);
+		var J = f ? h("g", { class: "tokui-chart-plot-dots" }) : null;
 		J && I.appendChild(J);
-		var Y = f ? h("g", { class: "tokui-chart-plot-dots" }) : null;
-		Y && I.appendChild(Y);
-		var ee = J || I, X = [];
+		var Y = q || I, X = [];
 		if (_.forEach(function(e, t) {
 			for (var n = [], c = 0; c < e.length; c++) {
 				var l = e[c];
@@ -3591,7 +3632,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						p += " L" + e.x + "," + e.y;
 					});
 					for (var m = u.length - 1; m >= 0; m--) p += " L" + u[m].x + "," + u[m].y;
-					p += " Z", ee.appendChild(h("path", {
+					p += " Z", Y.appendChild(h("path", {
 						d: p,
 						fill: r[t % r.length],
 						opacity: "0.4"
@@ -3600,20 +3641,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var g = B(Math.max(0, S)), v = "M" + n[0].x + "," + g;
 					n.forEach(function(e) {
 						v += " L" + e.x + "," + e.y;
-					}), v += " L" + n[n.length - 1].x + "," + g + " Z", ee.appendChild(h("path", {
+					}), v += " L" + n[n.length - 1].x + "," + g + " Z", Y.appendChild(h("path", {
 						d: v,
 						fill: r[t % r.length],
 						opacity: "0.15"
 					}));
 				}
-				o ? ee.appendChild(h("path", {
-					d: q(n),
+				o ? Y.appendChild(h("path", {
+					d: K(n),
 					fill: "none",
 					stroke: r[t % r.length],
 					"stroke-width": 2,
 					"stroke-linejoin": "round",
 					"stroke-linecap": "round"
-				})) : ee.appendChild(h("polyline", {
+				})) : Y.appendChild(h("polyline", {
 					points: n.map(function(e) {
 						return e.x + "," + e.y;
 					}).join(" "),
@@ -3624,7 +3665,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}));
 				var y = s[t];
 				n.forEach(function(n) {
-					var a = f ? Y : I, o = h("circle", {
+					var a = f ? J : I, o = h("circle", {
 						cx: n.x,
 						cy: n.y,
 						r: 3,
@@ -3638,7 +3679,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						idx: n.idx,
 						x: n.x,
 						si: t
-					}), i.vals !== void 0 && (ee.appendChild(h("text", {
+					}), i.vals !== void 0 && (Y.appendChild(h("text", {
 						x: n.x,
 						y: n.y - 6,
 						"text-anchor": "middle",
@@ -3649,7 +3690,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}), f) {
 			var Z = V(I, {
-				plotG: J,
+				plotG: q,
 				tipLayer: L.layer,
 				padL: E,
 				cw: D,
@@ -3684,7 +3725,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 				}
 			});
-			Z.clipG.appendChild(Y), z({
+			Z.clipG.appendChild(J), z({
 				svg: I,
 				padL: E,
 				padT: T,
@@ -3769,7 +3810,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				a > l && (l = a);
 			}
 		});
-		var u = l / J, d = a + o + s + c, f = d + u * r, p = parseInt(n.w) || 280, h = parseInt(n.h) || 280, g = a + r + c, _ = Math.max(8, Math.min(p, h) / 2 - g), v = _ + f;
+		var u = l / q, d = a + o + s + c, f = d + u * r, p = parseInt(n.w) || 280, h = parseInt(n.h) || 280, g = a + r + c, _ = Math.max(8, Math.min(p, h) / 2 - g), v = _ + f;
 		return {
 			fs: r,
 			leadLen: a,
@@ -4180,40 +4221,40 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 			W.textContent = g + _, V.appendChild(H), V.appendChild(W), c.appendChild(V);
 		} else if (A > 0) {
-			var G = h("g", { class: "tokui-chart-map-rlegend" }), K = n[0] || "#22d3ee", q = Math.max(4, Math.min(8, (3 + Math.log(A + 1) * 2.2) / 2));
+			var G = h("g", { class: "tokui-chart-map-rlegend" }), ee = n[0] || "#22d3ee", K = Math.max(4, Math.min(8, (3 + Math.log(A + 1) * 2.2) / 2));
 			G.appendChild(h("circle", {
 				cx: 28,
 				cy: 680,
 				r: 2,
-				fill: K,
+				fill: ee,
 				"fill-opacity": .35,
-				stroke: K,
+				stroke: ee,
 				"stroke-width": 1
 			})), G.appendChild(h("circle", {
 				cx: 52,
 				cy: 677,
-				r: q.toFixed(1),
-				fill: K,
+				r: K.toFixed(1),
+				fill: ee,
 				"fill-opacity": .35,
-				stroke: K,
+				stroke: ee,
 				"stroke-width": 1
 			}));
-			var J = h("text", {
+			var q = h("text", {
 				x: 28,
 				y: 695,
 				"text-anchor": "middle",
 				class: "tokui-chart-map-tick",
 				"font-size": "8.5"
 			});
-			J.textContent = "1";
-			var Y = h("text", {
+			q.textContent = "1";
+			var J = h("text", {
 				x: 52,
 				y: 695,
 				"text-anchor": "middle",
 				class: "tokui-chart-map-tick",
 				"font-size": "8.5"
 			});
-			Y.textContent = A + _, G.appendChild(J), G.appendChild(Y), c.appendChild(G);
+			J.textContent = A + _, G.appendChild(q), G.appendChild(J), c.appendChild(G);
 		}
 		return typeof r._report == "function" && c.addEventListener("click", function(e) {
 			for (var t = e.target; t && t !== c;) {
@@ -4375,24 +4416,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}));
 		var G = parseInt(i.ticks, 10);
 		isNaN(G) && (G = 6);
-		var K = {};
+		var ee = {};
 		[v, y].concat(A).forEach(function(e) {
-			K[Math.round(e * 100) / 100] = !0;
+			ee[Math.round(e * 100) / 100] = !0;
 		});
-		for (var q = 0; q <= G; q++) {
-			var J = d + q / G * (f - d), Y = q === 0 || q === G, ee = L(J, _ - V / 2 - 1), X = L(J, _ + V / 2 + 2);
+		for (var K = 0; K <= G; K++) {
+			var q = d + K / G * (f - d), J = K === 0 || K === G, Y = L(q, _ - V / 2 - 1), X = L(q, _ + V / 2 + 2);
 			H.appendChild(h("line", {
-				x1: ee[0],
-				y1: ee[1],
+				x1: Y[0],
+				y1: Y[1],
 				x2: X[0],
 				y2: X[1],
 				stroke: "var(--tokui-chart-text, #bbb)",
-				"stroke-width": Y ? 1.2 : .6,
-				opacity: Y ? .8 : .35
+				"stroke-width": J ? 1.2 : .6,
+				opacity: J ? .8 : .35
 			}));
-			var Z = v + q / G * b, te = Math.round(Z * 100) / 100;
-			if (Y || K[te]) {
-				var Q = L(J, _ + V / 2 + 12), ne = h("text", {
+			var Z = v + K / G * b, te = Math.round(Z * 100) / 100;
+			if (J || ee[te]) {
+				var Q = L(q, _ + V / 2 + 12), ne = h("text", {
 					x: Q[0],
 					y: Q[1],
 					"text-anchor": "middle",
@@ -5890,7 +5931,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		function s(e, t) {
 			var a = t.t || "bar";
 			if ((a === "scatter" || a === "bubble") && o(e, t, a)) {
-				p(e);
+				m(e);
 				return;
 			}
 			e._xyInc = null;
@@ -5901,10 +5942,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			s.forEach(function(t) {
 				e.removeChild(t);
 			});
-			var u = g(t.d), d = _(t.l), f = w(t, e), m = r[a];
-			m && a === "map" && e._tokuiChartReport && (t._report = e._tokuiChartReport);
+			var u = g(t.d), d = _(t.l), f = w(t, e), p = r[a];
+			p && a === "map" && e._tokuiChartReport && (t._report = e._tokuiChartReport);
 			var h = Ce();
-			if (m) {
+			if (p) {
 				if (a === "candlestick") {
 					var v = gt(t.d);
 					if (v.length) {
@@ -5980,57 +6021,57 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}, t.bins === void 0 && (e._hBins = W.bins);
 					else if (U.length) {
 						e._hBins === void 0 && t.bins === void 0 && (e._hBins = Math.min(20, Math.max(5, Math.ceil(Math.sqrt(U.length)))));
-						var G = E(U), K = T(U);
-						isFinite(G) && isFinite(K) && (e._hRange = {
+						var G = E(U), ee = T(U);
+						isFinite(G) && isFinite(ee) && (e._hRange = {
 							lo: e._hRange ? Math.min(e._hRange.lo, G) : G,
-							hi: e._hRange ? Math.max(e._hRange.hi, K) : K
+							hi: e._hRange ? Math.max(e._hRange.hi, ee) : ee
 						});
 					}
 					if (e._hBins !== void 0 && (t._bins = e._hBins), e._hRange && (t._lo = e._hRange.lo, t._hi = e._hRange.hi), U.length) {
-						var q = T(ot(t, U).counts) || 1;
-						e._yMax = e._yMax ? Math.max(e._yMax, q) : q, t._yMax = e._yMax;
+						var K = T(ot(t, U).counts) || 1;
+						e._yMax = e._yMax ? Math.max(e._yMax, K) : K, t._yMax = e._yMax;
 					}
 				}
-				var J = m(u, d, f, t);
-				if (we(J, e, t), Te(J, f, t, h), J && J.setAttribute && (J.tagName || "").toLowerCase() === "svg" && (J.setAttribute("data-chart-type", a), J.getAttribute("aria-label") || J.setAttribute("aria-label", (t.tt ? t.tt + " - " : "") + a), a === "bar" && (t.orient === "h" || t.orientation === "h") && J.setAttribute("data-orient", "h")), e.appendChild(J), e._tokuiChartSpec = {
+				var q = p(u, d, f, t);
+				if (we(q, e, t), Te(q, f, t, h), q && q.setAttribute && (q.tagName || "").toLowerCase() === "svg" && (q.setAttribute("data-chart-type", a), q.getAttribute("aria-label") || q.setAttribute("aria-label", (t.tt ? t.tt + " - " : "") + a), a === "bar" && (t.orient === "h" || t.orientation === "h") && q.setAttribute("data-orient", "h")), e.appendChild(q), e._tokuiChartSpec = {
 					type: a,
 					data: u,
 					labels: d,
 					colors: f,
 					attrs: t
 				}, a === "scatter" || a === "bubble") {
-					var Y = a === "bubble" ? tt(t.d) : b(t.d);
-					if (Y.length) {
-						var ee = O(t, "w", Y.length, 50, 22, 360, 2400), X = k(ee, parseInt(t.h) || 200, 4, 560);
+					var J = a === "bubble" ? tt(t.d) : b(t.d);
+					if (J.length) {
+						var Y = O(t, "w", J.length, 50, 22, 360, 2400), X = k(Y, parseInt(t.h) || 200, 4, 560);
 						e._xyInc = {
 							type: a,
-							svg: J,
+							svg: q,
 							d: String(t.d || ""),
-							count: Y.length,
-							w: ee,
+							count: J.length,
+							w: Y,
 							totalH: X,
-							xMin: Q(t, "xmin", "_xMin", E(Y.map(function(e) {
+							xMin: Q(t, "xmin", "_xMin", E(J.map(function(e) {
 								return e.x;
 							}))),
-							xMax: Q(t, "xmax", "_xMax", T(Y.map(function(e) {
+							xMax: Q(t, "xmax", "_xMax", T(J.map(function(e) {
 								return e.x;
 							}))),
-							yMin: Q(t, "ymin", "_yMin", E(Y.map(function(e) {
+							yMin: Q(t, "ymin", "_yMin", E(J.map(function(e) {
 								return e.y;
 							}))),
-							yMax: Q(t, "ymax", "_yMax", T(Y.map(function(e) {
+							yMax: Q(t, "ymax", "_yMax", T(J.map(function(e) {
 								return e.y;
 							}))),
-							sMax: a === "bubble" ? t._sMax === void 0 ? T(Y.map(function(e) {
+							sMax: a === "bubble" ? t._sMax === void 0 ? T(J.map(function(e) {
 								return e.s;
 							})) || 1 : +t._sMax : 0,
-							lastPt: Y[Y.length - 1],
-							tipIdx: Y.length,
+							lastPt: J[J.length - 1],
+							tipIdx: J.length,
 							attrs: i(t)
 						};
 					}
 				}
-				p(e);
+				m(e);
 			} else {
 				var Z = document.createElement("div");
 				Z.className = "tokui-chart__fallback", Z.textContent = n("chart.unsupportedType", { type: a }), e.appendChild(Z);
@@ -6096,7 +6137,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						}
 						if (i > 0) {
 							var a = i / r, o = t.getAttribute("data-chart-type");
-							t._tokuiBumpedFs = Y(9, a, G, q), ee(t, a);
+							t._tokuiBumpedFs = J(9, a, G, K), Y(t, a);
 							var s = e._tokuiChartSpec;
 							if (o === "pie") {
 								if (!s || !s.data || !s.data.length || !s.labels || !s.labels.some(function(e) {
@@ -6123,7 +6164,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								waterfall: 1
 							}[o] && typeof t.createSVGPoint == "function" && !e._tokuiPadLSet) {
 								e._tokuiPadLSet = !0;
-								for (var y = Y(9, a, G, q), b = t.querySelector("line"), x = b ? parseFloat(b.getAttribute("x1")) : 0, S = t.querySelectorAll("text[text-anchor=\"end\"]"), C = 0, w = 0; w < S.length; w++) {
+								for (var y = J(9, a, G, K), b = t.querySelector("line"), x = b ? parseFloat(b.getAttribute("x1")) : 0, S = t.querySelectorAll("text[text-anchor=\"end\"]"), C = 0, w = 0; w < S.length; w++) {
 									var T = S[w];
 									if (!(parseFloat(T.getAttribute("x")) >= x)) {
 										var E = parseFloat(T.getAttribute("font-size")) || 9, D = 0;
@@ -6159,7 +6200,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 									if (N && !(N.classList.contains("tokui-chart-gauge-value") || N.classList.contains("tokui-chart-donut-value"))) {
 										var F = parseFloat(N.getAttribute("font-size"));
 										if (!(!(F > 0) || F >= 13)) {
-											var I = Y(F, a, G, q);
+											var I = J(F, a, G, K);
 											I !== F && N.setAttribute("font-size", String(Math.round(I * 100) / 100));
 										}
 									}
@@ -6171,12 +6212,50 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 		function p(e) {
+			if (!e._tokuiFitBusy) {
+				for (var t = null, n = 0; n < e.childNodes.length; n++) if ((e.childNodes[n].tagName || "").toLowerCase() === "svg") {
+					t = e.childNodes[n];
+					break;
+				}
+				if (!(!t || !t.getBoundingClientRect)) {
+					var i = e._tokuiChartSpec;
+					if (!(!i || !i.attrs || !r[i.type]) && i.type !== "map" && !(t.querySelector && t.querySelector(".tokui-chart-zoom-window"))) {
+						var a = !1;
+						try {
+							typeof t.closest == "function" && (a = t.closest(".tokui-panel__body > .tokui-chart") === e || t.closest(".tokui-cell > .tokui-chart") === e);
+						} catch {
+							a = !1;
+						}
+						if (a) {
+							var o = t.getBoundingClientRect();
+							if (!(!(o.width > 4) || !(o.height > 4))) {
+								var c = t.viewBox && t.viewBox.baseVal;
+								if (!(!c || !(c.width > 0) || !(c.height > 0))) {
+									var l = o.width / o.height, u = c.width / c.height;
+									if (!(Math.abs(l - u) / Math.min(l, u) < .06)) {
+										var d = Math.max(120, Math.min(560, Math.round(c.width / l)));
+										if (!(Math.abs(d - c.height) < 8)) {
+											e._tokuiFitBusy = !0;
+											try {
+												s(e, Object.assign({}, i.attrs, { h: d }));
+											} catch {}
+											e._tokuiFitBusy = !1;
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+		function m(e) {
 			if ((typeof window < "u" && window.requestAnimationFrame ? function(e) {
 				window.requestAnimationFrame(e);
 			} : function(e) {
 				e();
 			})(function() {
-				f(e);
+				f(e), p(e);
 			}), !(typeof window > "u" || window.ResizeObserver === void 0)) {
 				if (e._tokuiRO) try {
 					e._tokuiRO.disconnect();
@@ -6185,7 +6264,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					e._tokuiAdjRaf || (e._tokuiAdjRaf = !0, (window.requestAnimationFrame ? window.requestAnimationFrame : function(e) {
 						e();
 					})(function() {
-						e._tokuiAdjRaf = !1, f(e);
+						e._tokuiAdjRaf = !1, f(e), p(e);
 					}));
 				});
 				e._tokuiRO = t;
@@ -6195,7 +6274,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				} catch {}
 			}
 		}
-		function m(e, t, n) {
+		function h(e, t, n) {
 			if (!e || typeof document > "u" || typeof window > "u") {
 				n(null);
 				return;
@@ -6237,7 +6316,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				n(null);
 			}, y.src = v;
 		}
-		function h(e, t) {
+		function v(e, t) {
 			if (e) {
 				var n = document.createElement("a"), r = URL.createObjectURL(e);
 				n.href = r, n.download = t, document.body.appendChild(n), n.click(), n.remove(), setTimeout(function() {
@@ -6245,14 +6324,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}, 2e3);
 			}
 		}
-		function v(e, t) {
+		function y(e, t) {
 			e && (navigator.clipboard && navigator.clipboard.write && window.ClipboardItem ? navigator.clipboard.write([new window.ClipboardItem({ "image/png": e })]).then(function() {
-				y(t, n("common.copied"));
+				x(t, n("common.copied"));
 			}).catch(function() {
-				y(t, n("chart.copyFailed"));
-			}) : y(t, n("chart.unsupported")));
+				x(t, n("chart.copyFailed"));
+			}) : x(t, n("chart.unsupported")));
 		}
-		function y(e, t) {
+		function x(e, t) {
 			if (e) {
 				var n = document.createElement("span");
 				n.className = "tokui-chart__tip", n.textContent = t, e.appendChild(n), setTimeout(function() {
@@ -6260,8 +6339,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}, 1200);
 			}
 		}
-		var x = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>", S = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>", C = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"/><path d=\"M9 21H3v-6\"/><path d=\"M21 3l-7 7\"/><path d=\"M3 21l7-7\"/></svg>";
-		function D(e, t) {
+		var S = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>", C = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>", D = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"/><path d=\"M9 21H3v-6\"/><path d=\"M21 3l-7 7\"/><path d=\"M3 21l7-7\"/></svg>";
+		function j(e, t) {
 			if (!e || typeof document > "u") return;
 			var i = document.querySelector(".tokui-chart__modal");
 			i && i.remove();
@@ -6280,14 +6359,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			var u = document.createElement("div");
 			u.className = "tokui-chart__modal-body";
-			var d = typeof e.closest == "function" ? e.closest(".tokui-chart") : null, f = d && d._tokuiChartSpec, m = !!e.querySelector(".tokui-chart-zoom-window"), h;
-			if (m && f && r[f.type]) try {
+			var d = typeof e.closest == "function" ? e.closest(".tokui-chart") : null, f = d && d._tokuiChartSpec, p = !!e.querySelector(".tokui-chart-zoom-window"), h;
+			if (p && f && r[f.type]) try {
 				h = r[f.type](f.data, f.labels, f.colors, f.attrs), h.setAttribute("data-chart-type", f.type), f.type === "bar" && (f.attrs.orient === "h" || f.attrs.orientation === "h") && h.setAttribute("data-orient", "h");
 			} catch {
 				h = e.cloneNode(!0), F(h);
 			}
 			else h = e.cloneNode(!0), F(h);
-			h.id && h.removeAttribute("id"), u.appendChild(h), m && f && (u._tokuiChartSpec = f, u._tokuiPadLSet = !0, p(u)), s.appendChild(u), s.appendChild(c), a.appendChild(s);
+			h.id && h.removeAttribute("id"), u.appendChild(h), p && f && (u._tokuiChartSpec = f, u._tokuiPadLSet = !0, m(u)), s.appendChild(u), s.appendChild(c), a.appendChild(s);
 			var g = document.body.style.overflow;
 			document.body.style.overflow = "hidden";
 			var _ = document.activeElement || null, v = function(e) {
@@ -6318,18 +6397,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				if (e > 0) {
 					var t = h.viewBox && h.viewBox.baseVal, n = t && t.width || parseFloat((h.getAttribute("viewBox") || "").split(/\s+/)[2]);
-					n > 0 && ee(h, e / n);
+					n > 0 && Y(h, e / n);
 				}
 			});
 		}
-		function j(e) {
+		function N(e) {
 			var t = document.createElement("div");
 			t.className = "tokui-chart__toolbar";
 			var r = function(e, t, n) {
 				var r = document.createElement("button");
 				return r.type = "button", r.className = "tokui-chart__act", r.setAttribute("data-act", e), r.title = t, r.setAttribute("aria-label", t), r.innerHTML = n, r;
 			};
-			return t.appendChild(r("copy", n("chart.copyImage"), x)), t.appendChild(r("download", n("chart.downloadImage"), S)), t.appendChild(r("fullscreen", n("chart.fullscreen"), C)), t.addEventListener("click", function(t) {
+			return t.appendChild(r("copy", n("chart.copyImage"), S)), t.appendChild(r("download", n("chart.downloadImage"), C)), t.appendChild(r("fullscreen", n("chart.fullscreen"), D)), t.addEventListener("click", function(t) {
 				var n = t.target.closest("[data-act]");
 				if (n) {
 					t.preventDefault();
@@ -6338,11 +6417,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						var i = n.getAttribute("data-act");
 						if (i === "fullscreen") {
 							var a = e.querySelector(".tokui-chart__title");
-							D(r, a ? a.textContent : "");
+							j(r, a ? a.textContent : "");
 							return;
 						}
-						n.disabled = !0, m(r, i === "copy" ? 2 : 3, function(e) {
-							n.disabled = !1, e && (i === "download" ? h(e, "tokui-chart.png") : v(e, n));
+						n.disabled = !0, h(r, i === "copy" ? 2 : 3, function(e) {
+							n.disabled = !1, e && (i === "download" ? v(e, "tokui-chart.png") : y(e, n));
 						});
 					}
 				}
@@ -6354,7 +6433,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var o = document.createElement("div");
 				o.className = "tokui-chart__title", o.textContent = r.tt, a.appendChild(o);
 			}
-			a.appendChild(j(a));
+			a.appendChild(N(a));
 			var u = r.t;
 			return r.d || r.tasks || r.rows || r.region || r.nodes && r.flows || r.v !== void 0 && (u === "gauge" || u === "progress") ? (s(a, r), a._tokuiChartUpdate = function(e, t) {
 				t && (a._xyInc = null), s(a, e);
@@ -6375,16 +6454,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), c(a), a);
 		});
 	}
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerChartComponents = vt, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.invalidateChartColors = c, window.TokUI._internal.bumpFsUnits = Y, window.TokUI._internal.applyTipScale = ee, window.TokUI._internal.axisXLayout = ae, window.TokUI._internal.zoomBounds = ce, window.TokUI._internal.zoomEnabled = se, window.TokUI._internal.solvePieFs = X, window.TokUI._internal.pieSizing = ye, window.TokUI._internal.MIN_CHART_PX = G, window.TokUI._internal.MAX_CHART_PX = q), t !== void 0 && t.exports && (t.exports = {
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerChartComponents = vt, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.invalidateChartColors = c, window.TokUI._internal.bumpFsUnits = J, window.TokUI._internal.applyTipScale = Y, window.TokUI._internal.axisXLayout = ae, window.TokUI._internal.zoomBounds = ce, window.TokUI._internal.zoomEnabled = se, window.TokUI._internal.solvePieFs = X, window.TokUI._internal.pieSizing = ye, window.TokUI._internal.MIN_CHART_PX = G, window.TokUI._internal.MAX_CHART_PX = K), t !== void 0 && t.exports && (t.exports = {
 		registerChartComponents: vt,
 		registerChartRenderer: $,
 		invalidateChartColors: c,
-		bumpFsUnits: Y,
+		bumpFsUnits: J,
 		solvePieFs: X,
 		pieSizing: ye,
 		MIN_CHART_PX: G,
-		MAX_CHART_PX: q,
-		applyTipScale: ee,
+		MAX_CHART_PX: K,
+		applyTipScale: Y,
 		axisXLayout: ae,
 		zoomBounds: ce,
 		zoomEnabled: se,
@@ -12500,7 +12579,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 		function c(e) {
-			var t = j(e), n = t.text, r = n.indexOf(":");
+			var t = z(e), n = t.text, r = n.indexOf(":");
 			return {
 				name: r > 0 ? n.slice(0, r) : n,
 				align: t.align,
@@ -12612,7 +12691,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			function m(e) {
 				var t = Math.max(1, Math.ceil(u().length / s.pageSize));
-				e < 1 || e > t || e === s.page || (s.page = e, f(), r._tokuiReport && r._tokuiReport("page", { value: e }));
+				e < 1 || e > t || e === s.page || (s.page = e, f(), r._tokuiReport && r._tokuiReport("page", {
+					value: e,
+					page: e,
+					size: s.pageSize,
+					filter: Object.assign({}, s.filters),
+					sort: s.sortCol < 0 ? null : {
+						col: s.sortCol,
+						dir: s.sortDir
+					}
+				}));
 			}
 			function h(e) {
 				if (s.pager) {
@@ -12733,6 +12821,184 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			f();
 		}
+		function w(e) {
+			return e === "" || e === void 0 || e === !0 ? !0 : !(e === !1 || e === "false" || e === "0");
+		}
+		function T(e) {
+			var t = e._tokuiFixedCfg;
+			if (t) {
+				for (var n = [], r = 0; r < e.children.length; r++) {
+					var i = e.children[r];
+					if (!(i.tagName !== "THEAD" && i.tagName !== "TBODY")) for (var a = 0; a < i.children.length; a++) i.children[a].tagName === "TR" && n.push(i.children[a]);
+				}
+				if (n.length) {
+					for (var o = 0, s = n.filter(function(e) {
+						return e.parentNode.tagName === "THEAD";
+					}), c = s.length ? s[s.length - 1] : n[0], l = 0; l < c.children.length; l++) {
+						var u = parseInt(c.children[l].getAttribute("colspan"), 10) || 1;
+						o += u;
+					}
+					if (o) {
+						for (var d = Math.min(t.left, o), f = Math.min(t.right, Math.max(0, o - d)), p = [], m = 0; m < c.children.length; m++) for (var h = c.children[m], g = parseInt(h.getAttribute("colspan"), 10) || 1, _ = typeof h.offsetWidth == "number" && h.offsetWidth > 0 ? h.offsetWidth : 0, v = 0; v < g; v++) p.push(_ ? Math.round(_ / g) : 0);
+						for (var y = [], b = 0, x = 0; x < d; x++) y.push(b), b += p[x] || 0;
+						var S = [];
+						b = 0;
+						for (var C = o - 1; C >= o - f; C--) S.unshift(b), b += p[C] || 0;
+						n.forEach(function(e) {
+							for (var t = 0, n = 0; n < e.children.length; n++) {
+								var r = e.children[n], i = parseInt(r.getAttribute("colspan"), 10) || 1;
+								if (t < d) r.classList.add("tokui-cell--fixed-l"), r.classList.toggle("tokui-cell--fixed-l-last", t + i >= d), y[t] !== void 0 && (r.style.left = y[t] + "px");
+								else if (f > 0 && t + i > o - f) {
+									r.classList.add("tokui-cell--fixed-r"), r.classList.toggle("tokui-cell--fixed-r-first", t < o - f + 1);
+									var a = S[o - (t + i)];
+									a !== void 0 && (r.style.right = a + "px");
+								} else r.classList.remove("tokui-cell--fixed-l", "tokui-cell--fixed-r", "tokui-cell--fixed-l-last", "tokui-cell--fixed-r-first");
+								t += i;
+							}
+						});
+					}
+				}
+			}
+		}
+		function E(e, t) {
+			for (var n = 0; n < e.children.length; n++) {
+				var r = e.children[n];
+				if (r.tagName === "TR" && r.id === t) return r;
+			}
+			return null;
+		}
+		function D(e, t) {
+			e.setAttribute("aria-expanded", String(t)), e.classList[t ? "add" : "remove"]("tokui-table-row--expanded");
+			var n = e.parentNode;
+			if (n) for (var r = 0; r < n.children.length; r++) {
+				var i = n.children[r];
+				i.tagName === "TR" && i.getAttribute("data-pid") === e.id && (i.style.display = t ? "" : "none");
+			}
+		}
+		function O(e) {
+			for (var r = 0; r < e.children.length; r++) {
+				var i = e.children[r];
+				if (i.tagName === "TBODY") for (var a = 0; a < i.children.length; a++) {
+					var o = i.children[a];
+					if (i.children[a].tagName === "TR") {
+						var s = o.getAttribute("data-pid");
+						if (!(!s || o._tokuiTreeChildWired)) {
+							var c = E(i, s);
+							if (c) {
+								o._tokuiTreeChildWired = !0, o.classList.add("tokui-table-row--child"), o.style.display = "none";
+								for (var l = 1, u = c; u && u.getAttribute("data-pid");) l++, u = E(i, u.getAttribute("data-pid"));
+								o.setAttribute("data-depth", String(l)), c.classList.add("tokui-table-row--parent"), c.setAttribute("aria-expanded", "false"), c._tokuiTreeParentWired || (c._tokuiTreeParentWired = !0, (function(e) {
+									for (var r = null, i = 0; i < e.children.length; i++) if (e.children[i].tagName === "TD") {
+										r = e.children[i];
+										break;
+									}
+									if (r && !r.querySelector(".tokui-table__tree-toggle")) {
+										var a = t("span", {
+											class: "tokui-table__tree-toggle",
+											role: "button",
+											"aria-label": n("table.expandRow")
+										});
+										a.addEventListener("click", function(t) {
+											t && t.stopPropagation && t.stopPropagation(), D(e, e.getAttribute("aria-expanded") !== "true");
+										}), r.insertBefore(a, r.firstChild);
+									}
+									e._update = function(t) {
+										t.act === "expand" ? D(e, !0) : t.act === "collapse" && D(e, !1);
+									};
+								})(c));
+							}
+						}
+					}
+				}
+			}
+		}
+		function k(e, r) {
+			var i = null, a = null, o = !1;
+			function s(n) {
+				if (n = w(n), n && !i) {
+					i = t("div", {
+						class: "tokui-table__loading",
+						"aria-hidden": "true"
+					});
+					for (var a = 0; a < 5; a++) i.appendChild(t("div", { class: "tokui-table__loading-row" }, "\xA0"));
+					e.appendChild(i), e.classList.add("tokui-table-wrapper--loading"), r.setAttribute("aria-busy", "true");
+				} else !n && i && (i.parentNode && i.parentNode.removeChild(i), i = null, e.classList.remove("tokui-table-wrapper--loading"), r.removeAttribute("aria-busy"));
+			}
+			function c() {
+				if (!o) {
+					a && a.parentNode && a.parentNode.removeChild(a), a = null, e.classList.remove("tokui-table-wrapper--empty");
+					return;
+				}
+				for (var i = !1, s = 0; s < r.children.length; s++) {
+					var c = r.children[s];
+					if (c.tagName === "TBODY") {
+						for (var l = 0; l < c.children.length; l++) if (c.children[l].tagName === "TR") {
+							i = !0;
+							break;
+						}
+					}
+				}
+				!i && !a ? (a = t("div", { class: "tokui-table__empty" }, n("table.empty")), e.appendChild(a), e.classList.add("tokui-table-wrapper--empty")) : i && a && (a.parentNode && a.parentNode.removeChild(a), a = null, e.classList.remove("tokui-table-wrapper--empty"));
+			}
+			return {
+				setLoading: s,
+				refreshEmpty: c,
+				setEmptyEnabled: function(e) {
+					o = w(e), c();
+				}
+			};
+		}
+		function A(t, n) {
+			var r = k(t, n);
+			t._tokuiStates = r;
+			function i() {
+				T(n), O(n), r.refreshEmpty();
+			}
+			var a = !1;
+			function o() {
+				a || (a = !0, (typeof window < "u" && window.requestAnimationFrame ? function(e) {
+					window.requestAnimationFrame(e);
+				} : function(e) {
+					e();
+				})(function() {
+					a = !1, i();
+				}));
+			}
+			if (typeof MutationObserver < "u" && typeof document < "u") {
+				var s = new MutationObserver(function(e) {
+					for (var t = 0; t < e.length; t++) if (j(e[t])) {
+						o();
+						return;
+					}
+				});
+				s.observe(n, {
+					childList: !0,
+					subtree: !0
+				}), e && typeof e._registerCleanup == "function" && e._registerCleanup(t, function() {
+					s.disconnect();
+				});
+			}
+			if (typeof ResizeObserver < "u") {
+				var c = new ResizeObserver(function() {
+					o();
+				});
+				c.observe(n), e && typeof e._registerCleanup == "function" && e._registerCleanup(t, function() {
+					c.disconnect();
+				});
+			}
+			return i(), t._tokuiDynRefresh = o, r;
+		}
+		function j(e) {
+			for (var t = 0; t < e.addedNodes.length; t++) {
+				var n = e.addedNodes[t];
+				if (n.nodeType === 1 && (n.tagName === "TR" || n.tagName === "THEAD" || n.tagName === "TBODY" || n.querySelector)) return !0;
+			}
+			for (var r = 0; r < e.removedNodes.length; r++) {
+				var i = e.removedNodes[r];
+				if (i.nodeType === 1 && (i.tagName === "TR" || i.tagName === "THEAD" || i.tagName === "TBODY" || i.querySelector)) return !0;
+			}
+			return !1;
+		}
 		e.register("table", (n, r) => {
 			let i = {
 				class: "tokui-table",
@@ -12751,22 +13017,36 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					pageSize: c > 0 ? c : 10
 				}, o._tokuiReport = e.createReporter("table", n.attrs, a);
 			}
-			return r(n.children).forEach((e) => {
+			r(n.children).forEach((e) => {
 				e && e.nodeType && o.appendChild(e);
-			}), a.appendChild(o), a._slot = o, a._tokuiType = "table", C(o), a;
+			}), a.appendChild(o), a._slot = o, a._tokuiType = "table";
+			var l = parseInt(n.attrs.fc, 10);
+			(isNaN(l) || l < 0) && (l = 0), l > 6 && (l = 6), (n.attrs.fixed !== void 0 || l > 0) && (o._tokuiFixedCfg = {
+				left: n.attrs.fixed === void 0 ? 0 : 1,
+				right: l
+			});
+			var u = A(a, o);
+			return n.attrs.loading !== void 0 && u.setLoading(n.attrs.loading), n.attrs.empty !== void 0 && u.setEmptyEnabled(n.attrs.empty), a._update = function(e) {
+				e.loading !== void 0 && u.setLoading(e.loading), e.empty !== void 0 && u.setEmptyEnabled(e.empty);
+			}, C(o), a;
 		}), e.register("thead", (e) => {
 			let r = t("thead", { class: "tokui-thead" });
 			if (e.attrs.cols) {
 				u = [], d = [], f = [], p = 0;
 				let i = e.attrs.cols.split(";"), a = i.length - 1, o = i.map(function(e) {
-					return w(e).map(function(e) {
-						let t = c(e), n = A(t.name);
+					return M(e).map(function(e) {
+						var t = 0;
+						e = e.replace(/\bw:(\d{1,4})\b/, function(e, n) {
+							return t = parseInt(n, 10), "";
+						}).trim();
+						let n = c(e), r = R(n.name);
 						return {
-							text: n.text,
-							align: t.align,
-							color: t.color,
-							colspan: n.colspan || 1,
-							rowspan: n.rowspan || 1
+							text: r.text,
+							align: n.align,
+							color: n.color,
+							colspan: r.colspan || 1,
+							rowspan: r.rowspan || 1,
+							w: t >= 24 && t <= 2e3 ? t : 0
 						};
 					});
 				}), l = o.length ? o[0].reduce(function(e, t) {
@@ -12775,10 +13055,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				m && l > 0 && (m.style.minWidth = "calc(" + l + " * var(--tokui-table-min-col-w, 96px))");
 				let h = [];
 				o.forEach(function(e, i) {
-					let o = O(e, h, l), c = t("tr", { class: "tokui-thead-row" });
+					let o = I(e, h, l), c = t("tr", { class: "tokui-thead-row" });
 					o.forEach(function(e) {
 						let r = e.cell, o = r.align ? "tokui-col-" + r.align : "", l = r.color ? "tokui-text--" + r.color : "", p = { scope: "col" };
-						if (e.colspan >= 2 && (p.colspan = String(e.colspan)), e.rowspan >= 2 && (p.rowspan = String(e.rowspan)), i + e.rowspan - 1 >= a) for (var m = 0; m < e.colspan; m++) d[e.col + m] = r.align || "", u[e.col + m] = s[r.text] ? r.text : null, f[e.col + m] = r.color || "";
+						e.colspan >= 2 && (p.colspan = String(e.colspan)), e.rowspan >= 2 && (p.rowspan = String(e.rowspan));
+						var m = r.w ? r.w + "px" : "";
+						if (i + e.rowspan - 1 >= a) for (var h = 0; h < e.colspan; h++) d[e.col + h] = r.align || "", u[e.col + h] = s[r.text] ? r.text : null, f[e.col + h] = r.color || "";
 						if (r.text === "chk") {
 							p.class = "tokui-col-chk" + (o ? " " + o : "") + (l ? " " + l : "");
 							let e = t("input", {
@@ -12793,14 +13075,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								}), e.indeterminate = !1);
 							});
 							let r = t("th", p);
-							r.appendChild(e), c.appendChild(r);
+							r.appendChild(e), m && (r.style.width = m), c.appendChild(r);
 							return;
 						}
 						if (r.text === "#") {
-							p.class = "tokui-col-seq" + (o ? " " + o : "") + (l ? " " + l : ""), c.appendChild(t("th", p, "#"));
+							p.class = "tokui-col-seq" + (o ? " " + o : "") + (l ? " " + l : "");
+							let e = t("th", p, "#");
+							m && (e.style.width = m), c.appendChild(e);
 							return;
 						}
-						p.class = (o + " " + l).trim(), c.appendChild(t("th", p, r.text));
+						p.class = (o + " " + l).trim();
+						let g = t("th", p, r.text);
+						m && (g.style.width = m), c.appendChild(g);
 					}), r.appendChild(c);
 				});
 			} else {
@@ -12838,7 +13124,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				_(n);
 			}), r._slot = r, r._tokuiType = "tbody", C(m, "tbody", r), r;
 		});
-		function w(e) {
+		function M(e) {
 			let t = [], n = "", r = !1;
 			for (let i = 0; i < e.length; i++) {
 				let a = e[i];
@@ -12846,10 +13132,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t.push(n), t;
 		}
-		function T(e) {
+		function N(e) {
 			return e.length > 1 && e.charAt(0) === "\"" && e.charAt(e.length - 1) === "\"" && e.indexOf("\"", 1) === e.length - 1 ? e.slice(1, -1) : e;
 		}
-		function E(e) {
+		function P(e) {
 			for (var t = [], n = "", r = !1, i = 0, a = 0; a < e.length; a++) {
 				var o = e[a];
 				if (o === "\"") r = !r;
@@ -12863,13 +13149,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t.push(n), t;
 		}
-		function D(e, n) {
+		function F(e, n) {
 			var r = { class: "tokui-td tokui-td--skeleton" }, i = n.colAligns[e];
 			i && (r.class += " tokui-col-" + i);
 			var a = t("td", r);
 			return a.appendChild(t("span", { class: "tokui-skeleton" })), a;
 		}
-		function O(e, t, n) {
+		function I(e, t, n) {
 			for (var r = [], i = 0, a = 0; a < e.length; a++) {
 				for (var o = e[a], s = o.colspan || 1, c = o.rowspan || 1; i < n && t[i] > 0;) --t[i], i++;
 				r.push({
@@ -12884,9 +13170,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			for (; i < n && t[i] > 0;) --t[i], i++;
 			return r;
 		}
-		function k(e, t, n) {
-			return !t || !n ? null : O(e.map(function(e) {
-				var t = A(e);
+		function L(e, t, n) {
+			return !t || !n ? null : I(e.map(function(e) {
+				var t = R(e);
 				return {
 					colspan: t.colspan || 1,
 					rowspan: t.rowspan || 1
@@ -12895,7 +13181,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				return e.col;
 			});
 		}
-		function A(e) {
+		function R(e) {
 			e = String(e);
 			var t = e.match(/=([cr]\d+){1,2}$/);
 			if (!t) return {
@@ -12910,7 +13196,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				rowspan: a
 			};
 		}
-		function j(e) {
+		function z(e) {
 			for (var t = {
 				c: "center",
 				center: "center",
@@ -12939,8 +13225,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				color: i
 			};
 		}
-		function M(e, n, i) {
-			var s = i.colTypes, c = i.colAligns, l = i.seqNum, u = i.colspanVal, d = i.cellCols && i.cellCols[n] != null ? i.cellCols[n] : n, f = { class: "tokui-td" }, p = j(e), m = A(p.text), h = m.text.trim(), g = p.align || c[d];
+		function B(e, n, i) {
+			var s = i.colTypes, c = i.colAligns, l = i.seqNum, u = i.colspanVal, d = i.cellCols && i.cellCols[n] != null ? i.cellCols[n] : n, f = { class: "tokui-td" }, p = z(e), m = R(p.text), h = m.text.trim(), g = p.align || c[d];
 			g && (f.class += " tokui-col-" + g);
 			var _ = p.color || i.colColors && i.colColors[d];
 			if (_ && (f.class += " tokui-text--" + _), n === 0 && u >= 2 && (f.colspan = String(u)), n > 0 && n < u) return null;
@@ -12971,88 +13257,122 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}), S.appendChild(t("span", T, w)), S;
 			}
 			if (h.startsWith("progress")) {
-				var E = t("td", f), D = h.split(/\s+/), O = 0, k = "span", M = "";
+				var E = t("td", f), D = h.split(/\s+/), O = 0, k = "span", A = "";
 				if (D.forEach(function(e) {
-					e.startsWith("v:") ? O = parseInt(e.slice(2)) || 0 : e.startsWith("t:") ? k = e.slice(2) : e.startsWith("status:") && (M = e.slice(7));
+					e.startsWith("v:") ? O = parseInt(e.slice(2)) || 0 : e.startsWith("t:") ? k = e.slice(2) : e.startsWith("status:") && (A = e.slice(7));
 				}), k === "span") {
-					var N = t("span", { class: "tokui-progress tokui-progress--span" }), P = t("span", { class: "tokui-progress__mini-bar" }), F = "tokui-progress__mini-fill";
-					M === "error" ? F += " tokui-progress--error" : O >= 80 && (F += " tokui-progress--success");
-					var I = t("span", { class: F });
-					I.style.width = O + "%", P.appendChild(I), N.appendChild(P);
-					var L = t("span", { class: "tokui-progress__span-text" });
-					L.textContent = O + "%", N.appendChild(L), E.appendChild(N);
+					var j = t("span", { class: "tokui-progress tokui-progress--span" }), M = t("span", { class: "tokui-progress__mini-bar" }), N = "tokui-progress__mini-fill";
+					A === "error" ? N += " tokui-progress--error" : O >= 80 && (N += " tokui-progress--success");
+					var P = t("span", { class: N });
+					P.style.width = O + "%", M.appendChild(P), j.appendChild(M);
+					var F = t("span", { class: "tokui-progress__span-text" });
+					F.textContent = O + "%", j.appendChild(F), E.appendChild(j);
 				}
 				return E;
 			}
 			return t("td", f, h);
 		}
-		function N(e, t) {
-			e._tokuiCellText = [], e._tokuiCellTds = [];
-			var n = "\0SKELETON\0";
-			function r(t, n) {
-				if (t) {
-					for (var r = null, i = n + 1; i < e._tokuiCellTds.length; i++) if (e._tokuiCellTds[i] && e._tokuiCellTds[i].parentNode === e) {
-						r = e._tokuiCellTds[i];
+		function V(t, n) {
+			t._tokuiCellText = [], t._tokuiCellTds = [];
+			var r = "\0SKELETON\0";
+			function i(e, n) {
+				if (e) {
+					for (var r = null, i = n + 1; i < t._tokuiCellTds.length; i++) if (t._tokuiCellTds[i] && t._tokuiCellTds[i].parentNode === t) {
+						r = t._tokuiCellTds[i];
 						break;
 					}
-					r ? e.insertBefore(t, r) : e.appendChild(t);
+					r ? t.insertBefore(e, r) : t.appendChild(e);
 				}
 			}
-			return e._tokuiTrReconcile = function(i, a, o) {
-				o && o.v && String(o.v).split(",").forEach(function(t) {
-					t = t.trim(), t && e.classList.add("tokui-table-row--" + t);
-				});
-				var s = E(T(i || "")), c = t.tbodyEl && t.tbodyEl._tokuiOccupancy;
-				c && (t.cellCols = k(s, t.tbodyEl, a ? c : c.slice()));
-				for (var l = 0; l < s.length; l++) {
-					var u = s[l], d = u.trim(), f = l === s.length - 1, p = /^\[/.test(d) || /^(btn|tag|progress)\b/.test(d), m = /^btn:/.test(d), h = p && f && !a && !m, g = h ? n : u;
-					if (e._tokuiCellText[l] !== g) {
-						var _ = e._tokuiCellTds[l];
-						_ && _.parentNode === e && e.removeChild(_);
-						var v = h ? D(l, t) : M(u, l, t);
-						r(v, l), e._tokuiCellTds[l] = v || null, e._tokuiCellText[l] = g;
+			return t._tokuiTrReconcile = function(a, o, s) {
+				if (s && s.v && String(s.v).split(",").forEach(function(e) {
+					e = e.trim(), e && t.classList.add("tokui-table-row--" + e);
+				}), o && s) {
+					if (s.id !== void 0 && s.id !== "" && t.setAttribute("id", String(s.id)), s.pid !== void 0 && s.pid !== "" && t.getAttribute("data-pid") !== String(s.pid)) {
+						t.setAttribute("data-pid", String(s.pid));
+						for (var c = t.parentNode; c && c.tagName !== "TABLE";) c = c.parentNode;
+						c && c.parentNode && typeof c.parentNode._tokuiDynRefresh == "function" && c.parentNode._tokuiDynRefresh();
+					}
+					if (s.clk && !t._tokuiRowClkWired) {
+						t._tokuiRowClkWired = !0, t.classList.add("tokui-table-row--clickable");
+						var l = e.createReporter("tr", {
+							on: s.on || "click:" + s.clk,
+							id: s.id
+						}, t);
+						t.addEventListener("click", function() {
+							for (var e = [], r = 0; r < t.children.length; r++) t.children[r].tagName === "TD" && e.push(t.children[r].textContent);
+							l("click", {
+								index: n.seqNum,
+								row: e
+							});
+						});
+					}
+				}
+				var u = P(N(a || "")), d = n.tbodyEl && n.tbodyEl._tokuiOccupancy;
+				d && (n.cellCols = L(u, n.tbodyEl, o ? d : d.slice()));
+				for (var f = 0; f < u.length; f++) {
+					var p = u[f], m = p.trim(), h = f === u.length - 1, g = /^\[/.test(m) || /^(btn|tag|progress)\b/.test(m), _ = /^btn:/.test(m), v = g && h && !o && !_, y = v ? r : p;
+					if (t._tokuiCellText[f] !== y) {
+						var b = t._tokuiCellTds[f];
+						b && b.parentNode === t && t.removeChild(b);
+						var x = v ? F(f, n) : B(p, f, n);
+						i(x, f), t._tokuiCellTds[f] = x || null, t._tokuiCellText[f] = y;
 					}
 				}
-				for (var y = s.length; y < e._tokuiCellTds.length; y++) {
-					var b = e._tokuiCellTds[y];
-					b && b.parentNode === e && e.removeChild(b), e._tokuiCellTds[y] = null;
+				for (var S = u.length; S < t._tokuiCellTds.length; S++) {
+					var C = t._tokuiCellTds[S];
+					C && C.parentNode === t && t.removeChild(C), t._tokuiCellTds[S] = null;
 				}
-				e._tokuiCellTds.length = s.length, e._tokuiCellText.length = s.length;
-			}, e;
+				t._tokuiCellTds.length = u.length, t._tokuiCellText.length = u.length;
+			}, t;
 		}
-		e.register("tr", (e) => {
-			let n = t("tr", {
+		e.register("tr", (n) => {
+			let r = t("tr", {
 				class: "tokui-table-row",
 				role: "row"
 			});
-			e.attrs && e.attrs.v && String(e.attrs.v).split(",").forEach(function(e) {
-				e = e.trim(), e && n.classList.add("tokui-table-row--" + e);
+			n.attrs && n.attrs.v && String(n.attrs.v).split(",").forEach(function(e) {
+				e = e.trim(), e && r.classList.add("tokui-table-row--" + e);
 			});
-			var r = e.attrs && e.attrs.cs ? parseInt(e.attrs.cs) : 0;
-			let i = e._colTypes || u, a = {
-				colTypes: i,
-				colAligns: e._colAligns || d,
-				colColors: e._colColors || f,
-				seqNum: e._seqNum || ++p,
-				colspanVal: r,
-				tbodyEl: e._tbodyEl
+			var i = n.attrs && n.attrs.cs ? parseInt(n.attrs.cs) : 0;
+			let a = n._colTypes || u, o = n._colAligns || d, s = n._colColors || f, c = n._seqNum || ++p, l = {
+				colTypes: a,
+				colAligns: o,
+				colColors: s,
+				seqNum: c,
+				colspanVal: i,
+				tbodyEl: n._tbodyEl
 			};
-			if (e._stream === "open") return N(n, a), n;
-			if (e.content) {
-				var o = T(e.content);
-				let t = E(o);
-				a.cellCols = k(t, a.tbodyEl, a.tbodyEl && a.tbodyEl._tokuiOccupancy);
-				var s = t.some(function(e) {
+			if (n.attrs && n.attrs.pid && r.setAttribute("data-pid", String(n.attrs.pid)), n.attrs && n.attrs.clk) {
+				r.classList.add("tokui-table-row--clickable");
+				var m = e.createReporter("tr", {
+					on: n.attrs.on || "click:" + n.attrs.clk,
+					id: n.attrs.id
+				}, r);
+				r.addEventListener("click", function() {
+					for (var e = [], t = 0; t < r.children.length; t++) r.children[t].tagName === "TD" && e.push(r.children[t].textContent);
+					m("click", {
+						index: c,
+						row: e
+					});
+				});
+			}
+			if (n._stream === "open") return V(r, l), r;
+			if (n.content) {
+				var h = N(n.content);
+				let e = P(h);
+				l.cellCols = L(e, l.tbodyEl, l.tbodyEl && l.tbodyEl._tokuiOccupancy);
+				var g = e.some(function(e) {
 					return /=([cr]\d+)/.test(e);
-				}), c = a.cellCols && a.cellCols.some(function(e, t) {
+				}), _ = l.cellCols && l.cellCols.some(function(e, t) {
 					return e !== t;
-				}), l = o.indexOf("[tr") !== -1;
-				!s && !c && i.length > 0 && t.length !== i.length && r < 2 && console.warn("TokUI Table: tr 单元格数 " + t.length + " != 列数 " + i.length + " → 列错位。" + (l ? "⚠️ 内容含 [tr 残留，疑似 tr 未正确闭合（引号未配对/含字面 [ ] 未引号包）→ parser 标签断裂、串行。" : t.length > i.length ? "疑似单元格内含逗号未用双引号包裹（如 12,800.00、\"a,b,c\"）。" : "疑似列标题(thead cols)含逗号被切散、或该行缺格。") + "规则：tr 不要外层引号、含逗号单元格直引号包。tr 原文: " + o), t.forEach((e, t) => {
-					let r = M(e, t, a);
-					r && n.appendChild(r);
+				}), v = h.indexOf("[tr") !== -1;
+				!g && !_ && a.length > 0 && e.length !== a.length && i < 2 && console.warn("TokUI Table: tr 单元格数 " + e.length + " != 列数 " + a.length + " → 列错位。" + (v ? "⚠️ 内容含 [tr 残留，疑似 tr 未正确闭合（引号未配对/含字面 [ ] 未引号包）→ parser 标签断裂、串行。" : e.length > a.length ? "疑似单元格内含逗号未用双引号包裹（如 12,800.00、\"a,b,c\"）。" : "疑似列标题(thead cols)含逗号被切散、或该行缺格。") + "规则：tr 不要外层引号、含逗号单元格直引号包。tr 原文: " + h), e.forEach((e, t) => {
+					let n = B(e, t, l);
+					n && r.appendChild(n);
 				});
 			}
-			return n;
+			return r;
 		}), e.register("tcol", () => document.createTextNode(""));
 	}
 	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerTableComponents = i), t !== void 0 && t.exports && (t.exports = { registerTableComponents: i });
@@ -13186,7 +13506,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			e.attrs.mtd && (r.method = e.attrs.mtd), e.attrs.sub && (r["data-tokui-sub"] = e.attrs.sub), e.attrs.clk && (r["data-tokui-clk"] = e.attrs.clk);
 			let a = t("form", r);
-			return n(e.children).forEach((e) => {
+			var o = parseInt(e.attrs.cols, 10);
+			o = !isNaN(o) && o >= 1 && o <= 4 ? o : 0, o && (a.classList.add("tokui-form--grid"), a.style.setProperty("--tokui-form-cols", String(o)));
+			var s = parseInt(e.attrs.lw, 10);
+			!isNaN(s) && s >= 40 && s <= 320 && a.style.setProperty("--tokui-form-label-w", s + "px");
+			var c = parseInt(e.attrs.gap, 10);
+			return !isNaN(c) && c >= 0 && c <= 48 && a.style.setProperty("--tokui-form-gap", c + "px"), n(e.children).forEach((e) => {
 				e && e.nodeType && a.appendChild(e);
 			}), a._slot = a, a._tokuiType = "form", a;
 		});
@@ -13747,7 +14072,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						}
 					});
 				} else l.value = e.v;
-				e.dis === !0 || e.dis === "true" ? l.disabled = !0 : (e.dis === !1 || e.dis === "false") && (l.disabled = !1);
+				if (e.dis === !0 || e.dis === "true" ? l.disabled = !0 : (e.dis === !1 || e.dis === "false") && (l.disabled = !1), e.ro !== void 0) {
+					var n = !(e.ro === !1 || e.ro === "false");
+					l.disabled = n, l.classList.toggle("tokui-select--readonly", n);
+				}
 			}, s._variantTarget = l, s._slot = l, s._tokuiType = "select", s;
 		}), e.register("radio", (n, r) => {
 			n = o(n);
@@ -13782,6 +14110,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						e.checked = String(e.value) === t;
 					});
 				}
+				if (e.dis !== void 0) {
+					var n = !(e.dis === !1 || e.dis === "false");
+					l.querySelectorAll("input[type=radio]").forEach(function(e) {
+						e.disabled = n;
+					}), l.classList.toggle("tokui-radio-group--disabled", n);
+				}
 			}, a;
 		});
 		function k(e, n) {
@@ -14455,6 +14789,27 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var t = (e.getAttribute("data-tokui-init-side") || "left") === "right" ? d : u, n = d._items.indexOf(e) === -1 ? u : d;
 					n !== t && (n._items.splice(n._items.indexOf(e), 1), t._body.appendChild(e), t._items.push(e)), e._cb && (e._cb.checked = !1);
 				}), b(u), b(d), y();
+			}, i._update = function(e) {
+				if (e.v !== void 0) {
+					var t = String(e.v).split(",").map(function(e) {
+						return e.trim();
+					}).filter(Boolean), n = u._items.concat(d._items), r = [];
+					t.forEach(function(e) {
+						for (var t = 0; t < n.length; t++) if (n[t]._cb.value === e && r.indexOf(n[t]) === -1) {
+							r.push(n[t]);
+							break;
+						}
+					}), n.forEach(function(e) {
+						var t = r.indexOf(e) === -1 ? u : d, n = d._items.indexOf(e) === -1 ? u : d;
+						n !== t && (n._items.splice(n._items.indexOf(e), 1), t._body.appendChild(e), t._items.push(e)), e._cb && (e._cb.checked = !1);
+					}), r.forEach(function(e) {
+						d._body.appendChild(e);
+					}), d._items = r, b(u), b(d), y();
+				}
+				if (e.dis !== void 0) {
+					var i = !(e.dis === !1 || e.dis === "false");
+					a.classList.toggle("tokui-transfer--disabled", i), h.disabled = i, g.disabled = i;
+				}
 			}, i.appendChild(a), i;
 		}), e.register("numinput", (n) => {
 			var r = parseFloat(n.attrs.min), i = parseFloat(n.attrs.max), a = parseFloat(n.attrs.step) || 1, o = parseFloat(n.attrs.v) || 0;
@@ -14765,25 +15120,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				text: ""
 			};
 			function T(e) {
-				if (b.tree = e, n.attrs.v) {
-					for (var t = String(n.attrs.v).split("/"), r = !0, i = [], a = e, o = 0; o < t.length; o++) {
-						for (var s = !1, c = 0; c < a.length; c++) if (a[c].v === t[o]) {
-							i.push(a[c].tx), a = a[c].children, s = !0;
-							break;
-						}
-						if (!s) {
-							r = !1;
-							break;
-						}
+				if (!e) return !1;
+				for (var t = String(e).split("/"), n = [], r = b.tree, i = 0; i < t.length; i++) {
+					for (var a = !1, o = 0; o < r.length; o++) if (r[o].v === t[i]) {
+						n.push(r[o].tx), r = r[o].children, a = !0;
+						break;
 					}
-					r && i.length === t.length && (l.value = i.join(" / "), f.value = n.attrs.v);
+					if (!a) break;
 				}
-				w.hidden = f.value, w.text = l.value;
+				return n.length === t.length ? (b.activeValues = t.slice(), l.value = n.join(" / "), f.value = String(e), !0) : !1;
+			}
+			function E(e) {
+				b.tree = e, n.attrs.v && T(n.attrs.v), w.hidden = f.value, w.text = l.value, b._pendingV &&= (T(b._pendingV), null);
 			}
-			return n.children && n.children.length && T(h(n.children)), o._streamCloseHook = function() {
-				p.innerHTML = "", T(h(n.children));
+			return n.children && n.children.length && E(h(n.children)), o._streamCloseHook = function() {
+				p.innerHTML = "", E(h(n.children));
 			}, o._slot = p, o._tokuiType = "cascader", o._variantTarget = s, o.setAttribute("data-tokui-resettable", ""), o._tokuiReset = function() {
-				f.value = w.hidden, l.value = w.text, b.isOpen && S();
+				f.value = w.hidden, l.value = w.text, b.activeValues = [], b.isOpen && S();
+			}, o._update = function(e) {
+				if (e.v !== void 0 && (b.tree ? T(e.v) : b._pendingV = String(e.v)), e.dis !== void 0) {
+					var t = !(e.dis === !1 || e.dis === "false");
+					i = t, s.classList.toggle("tokui-cascader--disabled", t), t && b.isOpen && S();
+				}
 			}, o;
 		}), e.register("upload", (n) => {
 			var r = n.attrs.dis !== void 0, i = n.attrs.multi !== void 0, a = parseInt(n.attrs.max) || 0, o = n.attrs.ph || m("upload.hint"), s = n.attrs.accept || "", c = "";
@@ -14948,7 +15306,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					!isNaN(i) && i >= 0 && i < T.length && (T.splice(i, 1), O(), D());
 				}
 			})), f.appendChild(p), f._variantTarget = p, f._update = function(e) {
-				e.act === "clear" && (T.length = 0, x.value = "", O());
+				e.act === "clear" && (T.length = 0, x.value = "", O()), e.act === "fill" && e.files !== void 0 && (T.length = 0, String(e.files).split("|").forEach(function(e) {
+					var t = e.split(",").map(function(e) {
+						return e.trim();
+					}).filter(Boolean);
+					t.length && T.push({
+						name: t[0],
+						url: t[1] || "",
+						size: parseInt(t[2], 10) || 0,
+						status: "done"
+					});
+				}), O());
 			}, f;
 		});
 		function N(e) {
@@ -15048,10 +15416,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				} catch {}
 			}), W.add(e);
 		}
-		function K(e) {
+		function ee(e) {
 			W.delete(e);
 		}
-		function q() {
+		function K() {
 			var e = [];
 			W.forEach(function(t) {
 				e.push(t);
@@ -15061,11 +15429,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				} catch {}
 			});
 		}
-		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", q), window.TokUI._internal._dateScrollBound = !0);
-		function J() {
+		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", K), window.TokUI._internal._dateScrollBound = !0);
+		function q() {
 			return typeof window < "u" && window.innerWidth ? window.innerWidth : typeof document < "u" && document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : 1024;
 		}
-		function Y(e, n, r, i, a, o) {
+		function J(e, n, r, i, a, o) {
 			var s = t("div", { class: "tokui-datepicker-header" }), c = t("button", {
 				class: "tokui-datepicker-nav tokui-datepicker-nav--prev",
 				type: "button",
@@ -15146,7 +15514,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var E = e.createReporter("datepicker", r, p);
 			function D(e, t) {
 				b.innerHTML = "";
-				var n = Y(e, t, w, x, b, o ? {
+				var n = J(e, t, w, x, b, o ? {
 					start: l,
 					end: u
 				} : null);
@@ -15161,12 +15529,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			function k() {
 				if (!(i || O)) {
 					G(A), O = !0, b.style.display = "", h.classList.add("tokui-datepicker--open");
-					var e = g.getBoundingClientRect(), t = b.offsetWidth, n = J(), r = e.left;
+					var e = g.getBoundingClientRect(), t = b.offsetWidth, n = q(), r = e.left;
 					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), b.style.left = r + "px", b.style.top = e.bottom + 4 + "px", b.style.width = "auto";
 				}
 			}
 			function A() {
-				O && (O = !1, b.style.display = "none", h.classList.remove("tokui-datepicker--open"), K(A));
+				O && (O = !1, b.style.display = "none", h.classList.remove("tokui-datepicker--open"), ee(A));
 			}
 			if (!i) {
 				g.addEventListener("click", function(e) {
@@ -15250,7 +15618,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					h.contains(e.target) || A();
 				});
 			}
-			return p.appendChild(h), p._variantTarget = h, p;
+			p.appendChild(h), p._variantTarget = h;
+			var j = v.value;
+			return p._update = function(e) {
+				if (e.v !== void 0) {
+					var t = String(e.v);
+					if (v.value = t, T.value = t, o) {
+						var n = t.split(" ~ ");
+						l = N(n[0]), u = n.length > 1 ? N(n[1]) : null, l && (S = l.getFullYear(), C = l.getMonth()), D(S, C);
+					} else {
+						var r = N(t);
+						r && (w = r, S = r.getFullYear(), C = r.getMonth(), D(S, C));
+					}
+				}
+				if (e.dis !== void 0) {
+					var a = !(e.dis === !1 || e.dis === "false");
+					i = a, h.classList.toggle("tokui-datepicker--disabled", a), v.disabled = a, a && A();
+				}
+			}, p.setAttribute("data-tokui-resettable", ""), p._tokuiReset = function() {
+				v.value = j, T.value = j;
+				var e = N(j);
+				e && (w = e, S = e.getFullYear(), C = e.getMonth(), D(S, C));
+			}, p;
 		}), e.register("timepicker", (n) => {
 			var r = n.attrs || {}, i = r.dis !== void 0, a = r.fmt || "HH:mm", o = r.ph || a, s = r.v || "", c = t("div", { class: "tokui-field" });
 			r.l && c.appendChild(t("label", { class: "tokui-label" + (r.req === void 0 ? "" : " tokui-label--req") }, r.l));
@@ -15289,14 +15678,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			function j() {
 				if (!(i || A)) {
 					G(M), A = !0, b.style.display = "", u.classList.add("tokui-timepicker--open");
-					var e = d.getBoundingClientRect(), t = b.offsetWidth, n = J(), r = e.left;
+					var e = d.getBoundingClientRect(), t = b.offsetWidth, n = q(), r = e.left;
 					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), b.style.left = r + "px", b.style.top = e.bottom + 4 + "px", b.style.width = "auto", U(C, g), U(w, _), x && T && U(T, v);
 				}
 			}
 			function M() {
-				A && (A = !1, b.style.display = "none", u.classList.remove("tokui-timepicker--open"), K(M));
+				A && (A = !1, b.style.display = "none", u.classList.remove("tokui-timepicker--open"), ee(M));
 			}
-			return i || (d.addEventListener("click", function(e) {
+			i || (d.addEventListener("click", function(e) {
 				e.stopPropagation(), A ? M() : j();
 			}), p.addEventListener("keydown", function(e) {
 				e.key === "ArrowDown" || e.key === "Enter" ? A || (e.preventDefault(), e.stopPropagation(), j(), typeof D.focus == "function" && D.focus()) : e.key === "Escape" && A && (e.stopPropagation(), M());
@@ -15321,7 +15710,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 			}), typeof document < "u" && document.addEventListener("click", function(e) {
 				u.contains(e.target) || M();
-			})), c.appendChild(u), c._variantTarget = u, c;
+			})), c.appendChild(u), c._variantTarget = u;
+			var N = p.value;
+			return c._update = function(e) {
+				if (e.v !== void 0) {
+					var t = String(e.v), n = t.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/);
+					n && (g = Math.min(23, parseInt(n[1], 10) || 0), _ = Math.min(59, parseInt(n[2], 10) || 0), v = Math.min(59, parseInt(n[3], 10) || 0), p.value = t, O.value = t);
+				}
+				if (e.dis !== void 0) {
+					var r = !(e.dis === !1 || e.dis === "false");
+					i = r, u.classList.toggle("tokui-timepicker--disabled", r), p.disabled = r, r && M();
+				}
+			}, c.setAttribute("data-tokui-resettable", ""), c._tokuiReset = function() {
+				p.value = N, O.value = N;
+			}, c;
 		}), e.register("datetimepicker", (n) => {
 			var r = n.attrs || {}, i = r.dis !== void 0, a = r.fmt || "YYYY-MM-DD HH:mm", o = r.ph || a, s = r.v || "", c = t("div", { class: "tokui-field" });
 			r.l && c.appendChild(t("label", { class: "tokui-label" + (r.req === void 0 ? "" : " tokui-label--req") }, r.l));
@@ -15348,7 +15750,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			D && (M = V(m("duration.second"), 60, S), k.appendChild(M)), O.appendChild(k);
 			function I(e, t) {
 				E.innerHTML = "";
-				var n = Y(e, t, y, g, E);
+				var n = J(e, t, y, g, E);
 				n.prevBtn.addEventListener("click", function(e) {
 					e.stopPropagation(), v--, v < 0 && (v = 11, _--), I(_, v);
 				}), n.nextBtn.addEventListener("click", function(e) {
@@ -15365,17 +15767,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var B = !1;
 			function W() {
 				if (!(i || B)) {
-					G(q), B = !0, T.style.display = "", u.classList.add("tokui-datetimepicker--open");
-					var e = d.getBoundingClientRect(), t = T.offsetWidth, n = J(), r = e.left;
+					G(K), B = !0, T.style.display = "", u.classList.add("tokui-datetimepicker--open");
+					var e = d.getBoundingClientRect(), t = T.offsetWidth, n = q(), r = e.left;
 					e.left + t > n - 8 && (r = Math.max(8, n - t - 8)), T.style.left = r + "px", T.style.top = e.bottom + 4 + "px", T.style.width = "auto", U(A, b), U(j, x), D && M && U(M, S);
 				}
 			}
-			function q() {
-				B && (B = !1, T.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), K(q));
+			function K() {
+				B && (B = !1, T.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), ee(K));
 			}
 			if (!i) {
 				d.addEventListener("click", function(e) {
-					e.stopPropagation(), B ? q() : W();
+					e.stopPropagation(), B ? K() : W();
 				}), p.addEventListener("keydown", function(e) {
 					if (e.key === "ArrowDown" || e.key === "Enter") {
 						if (!B) {
@@ -15383,10 +15785,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							var t = T.querySelector(".tokui-datepicker-day--selected") || T.querySelector(".tokui-datepicker-day:not(.tokui-datepicker-day--other)");
 							t && typeof t.focus == "function" && t.focus();
 						}
-					} else e.key === "Escape" && B && (e.stopPropagation(), q());
+					} else e.key === "Escape" && B && (e.stopPropagation(), K());
 				}), T.addEventListener("keydown", function(e) {
 					if (e.key === "Escape") {
-						e.stopPropagation(), q(), typeof p.focus == "function" && p.focus();
+						e.stopPropagation(), K(), typeof p.focus == "function" && p.focus();
 						return;
 					}
 					if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown") {
@@ -15420,7 +15822,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				R.addEventListener("click", function(t) {
 					t.stopPropagation(), y ||= new Date(_, v, g.getDate()), b = H(A), x = H(j), D && M && (S = H(M)), y.setHours(b, x, S);
 					var n = F(y, a);
-					if (p.value = n, C.value = n, q(), r.clk) {
+					if (p.value = n, C.value = n, K(), r.clk) {
 						var i = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
 						i && i({
 							value: n,
@@ -15433,10 +15835,25 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						name: r.n || void 0
 					});
 				}), typeof document < "u" && document.addEventListener("click", function(e) {
-					u.contains(e.target) || q();
+					u.contains(e.target) || K();
 				});
 			}
-			return c.appendChild(u), c._variantTarget = u, c;
+			c.appendChild(u), c._variantTarget = u;
+			var Y = p.value;
+			return c._update = function(e) {
+				if (e.v !== void 0) {
+					var t = String(e.v), n = P(t);
+					n && (y = n, _ = n.getFullYear(), v = n.getMonth(), b = n.getHours(), x = n.getMinutes(), S = n.getSeconds(), p.value = t, C.value = t, I(_, v));
+				}
+				if (e.dis !== void 0) {
+					var r = !(e.dis === !1 || e.dis === "false");
+					i = r, u.classList.toggle("tokui-datetimepicker--disabled", r), p.disabled = r, r && K();
+				}
+			}, c.setAttribute("data-tokui-resettable", ""), c._tokuiReset = function() {
+				p.value = Y, C.value = Y;
+				var e = P(Y);
+				e && (y = e, _ = e.getFullYear(), v = e.getMonth(), I(_, v));
+			}, c;
 		}), e.register("color-picker", (n) => {
 			var r = n.attrs || {}, i = typeof l == "function" ? f() : window.TokUI && window.TokUI._internal || {};
 			function a(e) {
@@ -16101,36 +16518,38 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}), e.register("dialog", (r, i) => {
 			var a = { class: "tokui-dialog" };
 			r.attrs.id && (a.id = r.attrs.id);
-			var o = t("dialog", a), s = e.createReporter("dialog", r.attrs, o);
+			var o = t("dialog", a), s = parseInt(r.attrs.w, 10);
+			!isNaN(s) && s >= 480 && s <= 1200 && (o.style.maxWidth = s + "px");
+			var c = e.createReporter("dialog", r.attrs, o);
 			if (o.addEventListener("close", function() {
 				if (o._tokuiSilentClose) {
 					o._tokuiSilentClose = !1;
 					return;
 				}
-				s("close", {});
+				c("close", {});
 			}), r.attrs.tt) {
-				var c = t("div", { class: "tokui-dialog-header" }), l = t("span", {}, r.attrs.tt), u = "tokui-dlg-title-" + Math.random().toString(36).slice(2, 8);
-				l.id = u, o.setAttribute("aria-labelledby", u), c.appendChild(l);
-				var d = t("button", {
+				var l = t("div", { class: "tokui-dialog-header" }), u = t("span", {}, r.attrs.tt), d = "tokui-dlg-title-" + Math.random().toString(36).slice(2, 8);
+				u.id = d, o.setAttribute("aria-labelledby", d), l.appendChild(u);
+				var f = t("button", {
 					class: "tokui-dialog-close",
 					"aria-label": n("common.close")
 				}, "✕");
-				d.addEventListener("click", function() {
+				f.addEventListener("click", function() {
 					o.close();
-				}), c.appendChild(d), o.appendChild(c);
+				}), l.appendChild(f), o.appendChild(l);
 			}
-			var f = [], p = [];
+			var p = [], m = [];
 			(r.children || []).forEach((e) => {
-				e.type === "ft" ? p.push(e) : f.push(e);
+				e.type === "ft" ? m.push(e) : p.push(e);
 			});
-			var m = t("div", { class: "tokui-dialog-body" });
-			return i(f).forEach((e) => {
-				e && e.nodeType && m.appendChild(e);
-			}), o.appendChild(m), i(p).forEach((e) => {
+			var h = t("div", { class: "tokui-dialog-body" });
+			return i(p).forEach((e) => {
+				e && e.nodeType && h.appendChild(e);
+			}), o.appendChild(h), i(m).forEach((e) => {
 				e && e.nodeType && o.appendChild(e);
 			}), r.attrs.clk && o.setAttribute("data-tokui-clk", r.attrs.clk), o.addEventListener("click", function(e) {
 				e.target === o && o.close();
-			}), o._slot = m, o._tokuiType = "dialog", o.addEventListener("keydown", function(e) {
+			}), o._slot = h, o._tokuiType = "dialog", o.addEventListener("keydown", function(e) {
 				if (e.key === "Tab") {
 					var t = o.querySelectorAll("button, [tabindex], input, select, textarea");
 					if (t.length !== 0) {
@@ -16963,9 +17382,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		function w(e, t) {
 			var n = e.closest(".tokui-menu");
-			n && n.querySelectorAll(".tokui-menu__item--active").forEach(function(e) {
+			if (n && n.querySelectorAll(".tokui-menu__item--active").forEach(function(e) {
 				e.classList.remove("tokui-menu__item--active"), e.removeAttribute("aria-current");
-			}), e.classList.add("tokui-menu__item--active"), e.setAttribute("aria-current", "true"), !t && n && n._report && n._report("change", { value: C(e) });
+			}), e.classList.add("tokui-menu__item--active"), e.setAttribute("aria-current", "true"), !t && n && n._report) {
+				var r = C(e);
+				n._report("change", {
+					value: r,
+					item: r,
+					path: [r]
+				});
+			}
 		}
 		function T(e, n) {
 			var r = e.attrs || {}, i = ["tokui-menu__item"], a = r.dis !== void 0;
@@ -17566,22 +17992,234 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	}
 	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerDashboardComponents = n), t !== void 0 && t.exports && (t.exports = { registerDashboardComponents: n });
 })), k = /* @__PURE__ */ o(((e, t) => {
-	var n = !1, r, i, a, o, s, c, u, d;
-	function f() {
-		n || (n = !0, typeof l == "function" ? (r = w().registerBasicComponents, i = T().registerTableComponents, a = E().registerFormComponents, o = D().registerLayoutComponents, s = y().registerChartComponents, c = x().registerBarcode, u = C().registerQrcode, d = O().registerDashboardComponents) : typeof window < "u" && window.TokUI && window.TokUI._internal && (r = window.TokUI._internal.registerBasicComponents, i = window.TokUI._internal.registerTableComponents, a = window.TokUI._internal.registerFormComponents, o = window.TokUI._internal.registerLayoutComponents, s = window.TokUI._internal.registerChartComponents, c = window.TokUI._internal.registerBarcode, u = window.TokUI._internal.registerQrcode, d = window.TokUI._internal.registerDashboardComponents));
-	}
-	function p(e) {
-		f(), r && (r(e), i(e), a(e), o(e), s(e), c && c(e), u && u(e), d && d(e));
+	function n(e) {
+		let { el: t } = typeof l == "function" ? g() : window.TokUI._internal;
+		var n = typeof l == "function" ? u().t : typeof window < "u" && window.TokUI && window.TokUI._internal && window.TokUI._internal.t || function(e) {
+			return e;
+		};
+		function r(e, t) {
+			if (typeof l == "function") try {
+				return b().iconSvg(e, t);
+			} catch {
+				return "";
+			}
+			var n = typeof window < "u" && window.TokUI && window.TokUI._internal;
+			return n && n.iconSvg ? n.iconSvg(e, t) : "";
+		}
+		function i(e, t) {
+			var n = t && t.theme;
+			n && /^(default|dark|modern|modern-dark|tech)$/.test(n) && e.setAttribute("data-tokui-theme", n);
+		}
+		e.register("page", (e, n) => {
+			let r = e.attrs || {}, a = t("div", { class: "tokui-page" });
+			i(a, r);
+			var o = parseInt(r.w, 10);
+			return !isNaN(o) && o >= 140 && o <= 480 && a.style.setProperty("--tokui-page-aside-w", o + "px"), e.content && (a.textContent = e.content), n(e.children).forEach((e) => {
+				e && e.nodeType && a.appendChild(e);
+			}), a._slot = a, a._tokuiType = "page", a;
+		}), e.register("page-header", (e, n) => {
+			let r = e.attrs || {}, a = t("div", { class: "tokui-page-header" + (r.sticky === void 0 ? "" : " tokui-page-header--sticky") });
+			i(a, r);
+			let o = t("div", { class: "tokui-page-header__main" });
+			a.appendChild(o);
+			let s = t("div", { class: "tokui-page-header__actions" });
+			a.appendChild(s);
+			function c(e) {
+				var n = t("nav", {
+					class: "tokui-breadcrumb",
+					"aria-label": "breadcrumb"
+				});
+				return String(e).split(",").map(function(e) {
+					return e.trim();
+				}).filter(Boolean).forEach(function(e, r, i) {
+					var a = r === i.length - 1, o = t("span", { class: "tokui-breadcrumb__item" + (a ? " tokui-breadcrumb__item--active" : "") });
+					o.textContent = e, a && o.setAttribute("aria-current", "page"), n.appendChild(o), a || n.appendChild(t("span", { class: "tokui-breadcrumb__sep" }, "/"));
+				}), n;
+			}
+			function l(e) {
+				var t = o.querySelector(".tokui-breadcrumb");
+				t && o.removeChild(t), e && o.insertBefore(c(e), o.childNodes[0] || null);
+			}
+			function u(e) {
+				var n = o.querySelector(".tokui-page-header__title");
+				n && o.removeChild(n), e && o.appendChild(t("div", { class: "tokui-page-header__title" }, e));
+			}
+			return r.bc && l(r.bc), r.tt && u(r.tt), n(e.children).forEach((e) => {
+				e && e.nodeType && s.appendChild(e);
+			}), a._update = function(e) {
+				e.bc !== void 0 && l(String(e.bc)), e.tt !== void 0 && u(String(e.tt));
+			}, a._slot = s, a._tokuiType = "page-header", a;
+		}), e.register("page-sidebar", (a, o) => {
+			let s = a.attrs || {}, c = t("aside", { class: "tokui-page-sidebar" });
+			i(c, s);
+			let l = t("div", { class: "tokui-page-sidebar__head" });
+			s.tt && l.appendChild(t("span", { class: "tokui-page-sidebar__brand" }, s.tt));
+			var u = e.createReporter("page-sidebar", s, c), d = t("button", {
+				class: "tokui-page-sidebar__toggle",
+				type: "button",
+				"aria-label": n("page.toggleAside"),
+				"aria-expanded": "true"
+			});
+			d.innerHTML = r("panel-left", 16), d.addEventListener("click", function() {
+				var e = typeof c.closest == "function" ? c.closest(".tokui-page") : null;
+				e ? e.classList.toggle("tokui-page--folded") : c.classList.toggle("tokui-page-sidebar--folded");
+				var t = e ? e.classList.contains("tokui-page--folded") : c.classList.contains("tokui-page-sidebar--folded");
+				d.setAttribute("aria-expanded", String(!t)), u("toggle", { folded: t });
+			}), l.appendChild(d), c.appendChild(l);
+			let f = t("div", { class: "tokui-page-sidebar__body" });
+			return a.content && (f.textContent = a.content), o(a.children).forEach((e) => {
+				e && e.nodeType && f.appendChild(e);
+			}), c.appendChild(f), c._slot = f, c._tokuiType = "page-sidebar", c;
+		}), e.register("page-content", (e, n) => {
+			let r = e.attrs || {}, a = t("main", { class: "tokui-page-content" });
+			return i(a, r), e.content && (a.textContent = e.content), n(e.children).forEach((e) => {
+				e && e.nodeType && a.appendChild(e);
+			}), a._slot = a, a._tokuiType = "page-content", a;
+		}), e.register("page-tabs", (n, r) => {
+			let a = n.attrs || {}, o = t("div", { class: "tokui-page-tabs" });
+			i(o, a);
+			var s = e.createReporter("page-tabs", a, o);
+			o._tokuiReport = s;
+			function c() {
+				for (var e = [], t = 0; t < o.childNodes.length; t++) {
+					var n = o.childNodes[t];
+					n.nodeType === 1 && (n.className || "").split(" ").indexOf("tokui-page-tab") !== -1 && e.push(n);
+				}
+				return e;
+			}
+			function l(e, t) {
+				e.classList[t ? "add" : "remove"]("tokui-page-tab--active");
+				var n = e.querySelector(".tokui-page-tab__btn");
+				n && (n.setAttribute("aria-selected", String(t)), n.setAttribute("tabindex", t ? "0" : "-1"));
+			}
+			function u(e, t) {
+				var n = null;
+				return c().forEach(function(t) {
+					t._tokuiTabKey === String(e) && (n = t);
+				}), n ? (c().forEach(function(e) {
+					l(e, e === n);
+				}), t || s("change", {
+					key: n._tokuiTabKey,
+					title: n._tokuiTabTitle
+				}), !0) : !1;
+			}
+			function d() {
+				var e = c();
+				if (e.length) {
+					var t = a.act || a.v || "";
+					if (!t || !u(t, !0)) {
+						for (var n = null, r = 0; r < e.length; r++) if (!e[r]._tokuiTabDisabled) {
+							n = e[r];
+							break;
+						}
+						n && u(n._tokuiTabKey, !0);
+					}
+				}
+			}
+			function f(e) {
+				var t = e._tokuiTabKey, n = e._tokuiTabTitle, r = (e.className || "").split(" ").indexOf("tokui-page-tab--active") !== -1;
+				c().filter(function(t) {
+					return t !== e;
+				});
+				for (var i = null, a = c(), o = 0; o < a.length; o++) if (a[o] === e) {
+					i = a[o + 1] || a[o - 1] || null;
+					break;
+				}
+				e.parentNode && e.parentNode.removeChild(e), r && i && u(i._tokuiTabKey, !0), s("close", {
+					key: t,
+					title: n
+				});
+			}
+			o._tokuiActivate = u, o._tokuiCloseTab = f, o._tokuiTabsAct = a.act || a.v || "", r(n.children).forEach((e) => {
+				e && e.nodeType && o.appendChild(e);
+			}), d(), o.addEventListener("keydown", function(e) {
+				if (!(e.key !== "ArrowRight" && e.key !== "ArrowLeft")) {
+					var t = o.querySelectorAll(".tokui-page-tab__btn:not([disabled])");
+					if (t.length) {
+						var n = e.target.closest ? e.target.closest(".tokui-page-tab__btn") : null;
+						if (n) {
+							e.preventDefault();
+							var r = Array.prototype.indexOf.call(t, n), i = t[e.key === "ArrowRight" ? (r + 1) % t.length : (r - 1 + t.length) % t.length];
+							i && i._tokuiTabKey !== void 0 && o._tokuiActivate && o._tokuiActivate(i._tokuiTabKey), i && typeof i.focus == "function" && i.focus();
+						}
+					}
+				}
+			});
+			function p() {
+				if (o._tokuiStreamActive) {
+					var e = c();
+					if (e.length) {
+						var t = e[e.length - 1];
+						t._tokuiTabDisabled || u(t._tokuiTabKey, !0);
+					}
+				}
+			}
+			if (o._tokuiFollowCheck = p, typeof MutationObserver < "u" && typeof document < "u") {
+				var m = new MutationObserver(function() {
+					p();
+				});
+				m.observe(o, { childList: !0 }), e && typeof e._registerCleanup == "function" && e._registerCleanup(o, function() {
+					m.disconnect();
+				});
+			}
+			return o._streamCloseHook = function() {
+				o._tokuiStreamActive && d();
+			}, o._update = function(e) {
+				var t = e.act === void 0 ? e.v : e.act;
+				t !== void 0 && u(String(t), !0);
+			}, o._slot = o, o._tokuiType = "page-tabs", o;
+		}), e.register("page-tab", (e, r) => {
+			let i = e.attrs || {}, a = String(i.n || i.tt || "tab"), o = String(i.tt || a), s = i.dis !== void 0, c = i.closeable !== void 0 || i.closable !== void 0, l = t("div", { class: "tokui-page-tab" + (s ? " tokui-page-tab--disabled" : "") }), u = t("button", {
+				class: "tokui-page-tab__btn",
+				type: "button",
+				role: "tab",
+				tabindex: "-1",
+				"aria-selected": "false"
+			}, o);
+			if (u._tokuiTabKey = a, s && u.setAttribute("disabled", ""), u.addEventListener("click", function() {
+				var e = typeof u.closest == "function" ? u.closest(".tokui-page-tabs") : null;
+				e && e._tokuiActivate && e._tokuiActivate(a);
+			}), c && !s) {
+				let e = t("span", {
+					class: "tokui-page-tab__close",
+					role: "button",
+					tabindex: "-1",
+					"aria-label": n("page.closeTab")
+				}, "×");
+				e.addEventListener("click", function(t) {
+					t && t.stopPropagation && t.stopPropagation();
+					var n = typeof e.closest == "function" ? e.closest(".tokui-page-tabs") : null;
+					n && n._tokuiCloseTab && n._tokuiCloseTab(l);
+				}), u.appendChild(e);
+			}
+			l.appendChild(u);
+			let d = t("div", {
+				class: "tokui-page-tab__panel",
+				role: "tabpanel"
+			});
+			return e.content && (d.textContent = e.content), r(e.children).forEach((e) => {
+				e && e.nodeType && d.appendChild(e);
+			}), l.appendChild(d), l._tokuiTabKey = a, l._tokuiTabTitle = o, l._tokuiTabDisabled = s, l._slot = d, l._tokuiType = "page-tab", l;
+		});
 	}
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerAllComponents = p), t !== void 0 && t.exports && (t.exports = { registerAllComponents: p });
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerPageComponents = n), t !== void 0 && t.exports && (t.exports = { registerPageComponents: n });
 })), A = /* @__PURE__ */ o(((e, t) => {
+	var n = !1, r, i, a, o, s, c, u, d, f;
+	function p() {
+		n || (n = !0, typeof l == "function" ? (r = w().registerBasicComponents, i = T().registerTableComponents, a = E().registerFormComponents, o = D().registerLayoutComponents, s = y().registerChartComponents, c = x().registerBarcode, u = C().registerQrcode, d = O().registerDashboardComponents, f = k().registerPageComponents) : typeof window < "u" && window.TokUI && window.TokUI._internal && (r = window.TokUI._internal.registerBasicComponents, i = window.TokUI._internal.registerTableComponents, a = window.TokUI._internal.registerFormComponents, o = window.TokUI._internal.registerLayoutComponents, s = window.TokUI._internal.registerChartComponents, c = window.TokUI._internal.registerBarcode, u = window.TokUI._internal.registerQrcode, d = window.TokUI._internal.registerDashboardComponents, f = window.TokUI._internal.registerPageComponents));
+	}
+	function m(e) {
+		p(), r && (r(e), i(e), a(e), o(e), s(e), c && c(e), u && u(e), d && d(e), f && f(e));
+	}
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerAllComponents = m), t !== void 0 && t.exports && (t.exports = { registerAllComponents: m });
+})), j = /* @__PURE__ */ o(((e, t) => {
 	(function() {
 		var e, n, r, i, a, o, s, c = !1;
 		function f() {
 			if (!c) if (c = !0, typeof l == "function") {
 				e = h().TokUIParser;
 				var t = g();
-				n = t.TokUIRenderer, r = t.el, i = d(), a = p(), o = u(), s = k().registerAllComponents;
+				n = t.TokUIRenderer, r = t.el, i = d(), a = p(), o = u(), s = A().registerAllComponents;
 			} else typeof window < "u" && window.TokUI && window.TokUI._internal && (e = window.TokUI._internal.TokUIParser, n = window.TokUI._internal.TokUIRenderer, r = window.TokUI._internal.el, i = window.TokUI._internal.TokUIEventBus, a = window.TokUI._internal.TokUITheme, o = window.TokUI._internal.TokUII18n, s = window.TokUI._internal.registerAllComponents);
 		}
 		class m {
@@ -17674,27 +18312,27 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI.TokUI = m), t !== void 0 && t.exports && (t.exports = m);
 	})();
-})), j = /* @__PURE__ */ c(u()), M = /* @__PURE__ */ c(d()), N = /* @__PURE__ */ c(p());
+})), M = /* @__PURE__ */ c(u()), N = /* @__PURE__ */ c(d()), P = /* @__PURE__ */ c(p());
 f(), m(), h();
-var P = g();
-_(), y(), b(), x(), S(), v(), C(), w(), T(), E(), D(), O(), k();
-var F = /* @__PURE__ */ c(A()), I = M.default.registerHandler.bind(M.default), L = M.default.removeHandler.bind(M.default), R = N.default.setTheme.bind(N.default), z = N.default.getTheme.bind(N.default), B = j.default.setLocale.bind(j.default), V = j.default.getLocale.bind(j.default), H = j.default.registerLocale.bind(j.default), U = {
-	TokUI: F.default,
-	registerHandler: I,
-	removeHandler: L,
-	setTheme: R,
-	getTheme: z,
-	setLocale: B,
-	getLocale: V,
-	registerLocale: H,
-	el: P.el,
+var F = g();
+_(), y(), b(), x(), S(), v(), C(), w(), T(), E(), D(), O(), k(), A();
+var I = /* @__PURE__ */ c(j()), L = N.default.registerHandler.bind(N.default), R = N.default.removeHandler.bind(N.default), z = P.default.setTheme.bind(P.default), B = P.default.getTheme.bind(P.default), V = M.default.setLocale.bind(M.default), H = M.default.getLocale.bind(M.default), U = M.default.registerLocale.bind(M.default), W = {
+	TokUI: I.default,
+	registerHandler: L,
+	removeHandler: R,
+	setTheme: z,
+	getTheme: B,
+	setLocale: V,
+	getLocale: H,
+	registerLocale: U,
+	el: F.el,
 	get modal() {
 		return typeof window < "u" && window.TokUI ? window.TokUI.modal : void 0;
 	},
 	get confirm() {
 		return typeof window < "u" && window.TokUI ? window.TokUI.confirm : void 0;
 	}
-}, W = F.default, G = P.el;
-export { W as TokUI, U as default, G as el, V as getLocale, z as getTheme, I as registerHandler, H as registerLocale, L as removeHandler, B as setLocale, R as setTheme };
+}, G = I.default, ee = F.el;
+export { G as TokUI, W as default, ee as el, H as getLocale, B as getTheme, L as registerHandler, U as registerLocale, R as removeHandler, V as setLocale, z as setTheme };
 
 //# sourceMappingURL=tokui.mjs.map