@medyat/vue-data-table 1.0.0 → 1.0.1

package/dist/index.js

@@ -1,19 +1,18 @@
-import { $ as e, A as t, D as n, E as r, F as i, G as a, I as o, J as s, K as c, L as l, M as u, N as d, O as f, P as p, Q as m, T as h, U as g, W as ee, Y as te, _, a as v, b as ne, c as re, d as y, f as ie, i as b, k as ae, l as oe, m as se, n as ce, q as le, r as ue, t as x, u as de, z as fe } from "./query-DQWMlX0m.js";
-import { a as S, i as pe, n as me, r as C, t as w } from "./plugin-DhgcjEdi.js";
-import { a as T, i as E, n as D, r as O, t as k } from "./TextEditor-DPqiiRau.js";
-import { t as he } from "./Layer-Di-tPd8b.js";
-import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createSlots as ge, createTextVNode as I, createVNode as L, defineAsyncComponent as _e, defineComponent as R, getCurrentInstance as ve, mergeModels as ye, mergeProps as be, nextTick as xe, normalizeClass as z, normalizeStyle as Se, onBeforeUnmount as Ce, onMounted as we, openBlock as B, reactive as Te, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as W, shallowRef as Ee, toDisplayString as G, toHandlers as De, toRaw as Oe, toValue as ke, unref as K, useId as Ae, useModel as je, vModelCheckbox as Me, vModelText as Ne, vShow as Pe, watch as q, watchEffect as Fe, withCtx as J, withDirectives as Ie, withKeys as Le, withModifiers as Re } from "vue";
-import { PhArrowClockwise as ze, PhArrowUp as Be, PhCaretDown as Ve, PhCaretLeft as He, PhCaretRight as Ue, PhCheck as We, PhCircleNotch as Ge, PhDotsThree as Ke, PhFunnel as qe, PhMagnifyingGlass as Je, PhPlus as Ye, PhPushPin as Xe, PhWarning as Ze, PhX as Qe } from "@phosphor-icons/vue";
-import { columnFilteringFeature as Y, createFilteredRowModel as $e, createPaginatedRowModel as et, createSortedRowModel as tt, functionalUpdate as nt, globalFilteringFeature as rt, rowExpandingFeature as it, rowPaginationFeature as at, rowSelectionFeature as ot, rowSortingFeature as st, tableFeatures as ct, useTable as lt } from "@tanstack/vue-table";
-import { DialogClose as ut, DialogContent as dt, DialogDescription as ft, DialogOverlay as pt, DialogPortal as mt, DialogRoot as X, DialogTitle as ht, DropdownMenuCheckboxItem as gt, DropdownMenuContent as _t, DropdownMenuItem as Z, DropdownMenuLabel as vt, DropdownMenuPortal as Q, DropdownMenuRoot as yt, DropdownMenuSeparator as $, DropdownMenuSub as bt, DropdownMenuSubContent as xt, DropdownMenuSubTrigger as St, DropdownMenuTrigger as Ct, ListboxContent as wt, ListboxFilter as Tt, ListboxGroup as Et, ListboxGroupLabel as Dt, ListboxItem as Ot, ListboxRoot as kt, PopoverContent as At, PopoverPortal as jt, PopoverRoot as Mt, PopoverTrigger as Nt } from "reka-ui";
-import { useVirtualizer as Pt } from "@tanstack/vue-virtual";
+import { $ as e, A as t, C as n, D as r, E as i, F as a, G as o, H as s, K as c, L as l, M as u, N as d, O as f, P as p, Q as ee, T as m, U as h, V as g, W as _, X as te, Y as v, Z as ne, a as re, c as ie, et as ae, f as y, h as oe, i as se, it as ce, j as b, l as le, n as x, o as ue, q as de, r as fe, rt as pe, s as me, t as he, u as ge, v as S, w as _e } from "./query-CGNWUi2E.js";
+import { a as C, i as w, n as T, r as E, t as ve } from "./TextEditor-CHLM6u-l.js";
+import { t as D } from "./Layer-Di-tPd8b.js";
+import { Fragment as O, computed as k, createBlock as A, createCommentVNode as j, createElementBlock as M, createElementVNode as N, createSlots as ye, createTextVNode as P, createVNode as F, defineAsyncComponent as be, defineComponent as I, getCurrentInstance as xe, mergeModels as Se, mergeProps as Ce, nextTick as we, normalizeClass as L, normalizeStyle as Te, onBeforeUnmount as Ee, onMounted as De, openBlock as R, reactive as Oe, ref as z, renderList as B, renderSlot as V, resolveDynamicComponent as ke, shallowRef as H, toDisplayString as U, toHandlers as Ae, toRaw as je, toValue as W, unref as G, useId as Me, useModel as Ne, vModelCheckbox as Pe, vModelText as Fe, vShow as Ie, watch as K, watchEffect as Le, withCtx as q, withDirectives as Re, withKeys as ze, withModifiers as Be } from "vue";
+import { PhArrowClockwise as Ve, PhArrowUp as He, PhCaretDown as Ue, PhCaretLeft as We, PhCaretRight as Ge, PhCheck as Ke, PhCircleNotch as qe, PhDotsThree as Je, PhFunnel as Ye, PhMagnifyingGlass as Xe, PhPlus as Ze, PhPushPin as Qe, PhStack as $e, PhWarning as et, PhX as tt } from "@phosphor-icons/vue";
+import { columnFilteringFeature as J, createFilteredRowModel as nt, createPaginatedRowModel as rt, createSortedRowModel as it, functionalUpdate as at, globalFilteringFeature as ot, rowExpandingFeature as st, rowPaginationFeature as ct, rowSelectionFeature as lt, rowSortingFeature as ut, tableFeatures as dt, useTable as ft } from "@tanstack/vue-table";
+import { DialogClose as pt, DialogContent as mt, DialogDescription as ht, DialogOverlay as gt, DialogPortal as Y, DialogRoot as X, DialogTitle as _t, DropdownMenuCheckboxItem as vt, DropdownMenuContent as yt, DropdownMenuItem as Z, DropdownMenuLabel as bt, DropdownMenuPortal as Q, DropdownMenuRoot as xt, DropdownMenuSeparator as $, DropdownMenuSub as St, DropdownMenuSubContent as Ct, DropdownMenuSubTrigger as wt, DropdownMenuTrigger as Tt, ListboxContent as Et, ListboxFilter as Dt, ListboxGroup as Ot, ListboxGroupLabel as kt, ListboxItem as At, ListboxRoot as jt, PopoverContent as Mt, PopoverPortal as Nt, PopoverRoot as Pt, PopoverTrigger as Ft } from "reka-ui";
+import { useVirtualizer as It } from "@tanstack/vue-virtual";
 //#region src/core/filters/ColumnPicker.vue?vue&type=script&setup=true&lang.ts
-var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-input-icon" }, Lt = { class: "dt-picker-name" }, Rt = { class: "dt-picker-hint" }, zt = { class: "dt-picker-name" }, Bt = { class: "dt-picker-hint" }, Vt = { class: "dt-picker-name" }, Ht = { class: "dt-picker-hint" }, Ut = {
+var Lt = { class: "dt-input has-icon dt-picker-search" }, Rt = { class: "dt-input-icon" }, zt = { class: "dt-picker-name" }, Bt = { class: "dt-picker-hint" }, Vt = { class: "dt-picker-name" }, Ht = { class: "dt-picker-hint" }, Ut = { class: "dt-picker-name" }, Wt = { class: "dt-picker-hint" }, Gt = {
 	key: 3,
 	class: "dt-options-empty"
-}, Wt = /* @__PURE__ */ R({
+}, Kt = /* @__PURE__ */ I({
 	__name: "ColumnPicker",
-	props: /*@__PURE__*/ ye({
+	props: /*@__PURE__*/ Se({
 		columns: {},
 		chips: {}
 	}, {
@@ -23,119 +22,122 @@ var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-inpu
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ ye(["pick"], ["update:open"]),
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = je(e, "open"), { i18n: o } = pe(), c = V("");
-		q(i, (e) => {
-			e || (c.value = "");
+	emits: /*@__PURE__*/ Se(["pick"], ["update:open"]),
+	setup(t, { emit: n }) {
+		let r = t, i = n, a = Ne(t, "open"), { i18n: o } = _(), s = z("");
+		K(a, (e) => {
+			e || (s.value = "");
 		});
-		let l = j(() => n.columns.filter((e) => e.filterable ?? a[e.type].filterable)), u = (e) => !c.value || e.header.toLocaleLowerCase().includes(c.value.toLocaleLowerCase()), d = j(() => n.chips.map((e) => l.value.find((t) => t.id === e.column)).filter((e) => !!e && u(e))), f = j(() => new Set(n.chips.map((e) => e.column))), p = j(() => l.value.filter((e) => e.suggested && !f.value.has(e.id) && u(e)).slice(0, 4)), m = j(() => {
-			let e = /* @__PURE__ */ new Set([...f.value, ...p.value.map((e) => e.id)]);
-			return l.value.filter((t) => !e.has(t.id) && u(t));
-		}), h = j(() => !d.value.length && !p.value.length && !m.value.length), g = (e) => {
-			typeof e == "string" && (i.value = !1, r("pick", e));
+		let c = k(() => r.columns.filter((e) => e.filterable ?? te[e.type].filterable)), l = (e) => !s.value || e.header.toLocaleLowerCase().includes(s.value.toLocaleLowerCase()), u = k(() => r.chips.map((e) => c.value.find((t) => t.id === e.column)).filter((e) => !!e && l(e))), d = k(() => new Set(r.chips.map((e) => e.column))), f = k(() => c.value.filter((e) => e.suggested && !d.value.has(e.id) && l(e)).slice(0, 4)), p = k(() => {
+			let e = /* @__PURE__ */ new Set([...d.value, ...f.value.map((e) => e.id)]);
+			return c.value.filter((t) => !e.has(t.id) && l(t));
+		}), ee = k(() => !u.value.length && !f.value.length && !p.value.length), m = !1, h = (e) => {
+			typeof e == "string" && (m = !0, a.value = !1, i("pick", e));
+		}, g = (e) => {
+			m && e.preventDefault(), m = !1;
 		};
-		return (e, t) => (B(), M(K(Mt), {
-			open: i.value,
-			"onUpdate:open": t[1] ||= (e) => i.value = e
+		return (t, n) => (R(), A(G(Pt), {
+			open: a.value,
+			"onUpdate:open": n[1] ||= (e) => a.value = e
 		}, {
-			default: J(() => [L(K(Nt), { "as-child": "" }, {
-				default: J(() => [U(e.$slots, "trigger")]),
+			default: q(() => [F(G(Ft), { "as-child": "" }, {
+				default: q(() => [V(t.$slots, "trigger")]),
 				_: 3
-			}), L(K(jt), null, {
-				default: J(() => [L(K(At), {
+			}), F(G(Nt), null, {
+				default: q(() => [F(G(Mt), {
 					class: "dt-pop dt-picker",
 					align: "start",
-					"side-offset": 4
+					"side-offset": 4,
+					onCloseAutoFocus: g
 				}, {
-					default: J(() => [L(K(kt), {
+					default: q(() => [F(G(jt), {
 						"model-value": void 0,
 						"selection-behavior": "replace",
 						"highlight-on-hover": "",
-						"onUpdate:modelValue": g
+						"onUpdate:modelValue": h
 					}, {
-						default: J(() => [F("label", Ft, [F("span", It, [L(K(Je), {
+						default: q(() => [N("label", Lt, [N("span", Rt, [F(G(Xe), {
 							size: 14,
 							"aria-hidden": "true"
-						})]), L(K(Tt), {
-							modelValue: c.value,
-							"onUpdate:modelValue": t[0] ||= (e) => c.value = e,
+						})]), F(G(Dt), {
+							modelValue: s.value,
+							"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
 							"auto-focus": "",
-							placeholder: K(o).t("picker.search"),
-							"aria-label": K(o).t("picker.search")
+							placeholder: G(o).t("picker.search"),
+							"aria-label": G(o).t("picker.search")
 						}, null, 8, [
 							"modelValue",
 							"placeholder",
 							"aria-label"
-						])]), L(K(wt), {
+						])]), F(G(Et), {
 							class: "dt-picker-list",
-							"aria-label": K(o).t("display.columns")
+							"aria-label": G(o).t("display.columns")
 						}, {
-							default: J(() => [
-								d.value.length ? (B(), M(K(Et), { key: 0 }, {
-									default: J(() => [L(K(Dt), { class: "dt-pop-label" }, {
-										default: J(() => [I(G(K(o).t("picker.filtered")), 1)]),
+							default: q(() => [
+								u.value.length ? (R(), A(G(Ot), { key: 0 }, {
+									default: q(() => [F(G(kt), { class: "dt-pop-label" }, {
+										default: q(() => [P(U(G(o).t("picker.filtered")), 1)]),
 										_: 1
-									}), (B(!0), P(A, null, H(d.value, (e) => (B(), M(K(Ot), {
+									}), (R(!0), M(O, null, B(u.value, (e) => (R(), A(G(At), {
 										key: e.id,
 										value: e.id,
 										class: "dt-picker-item"
 									}, {
-										default: J(() => [
-											(B(), M(W(K(T)[e.type]), {
+										default: q(() => [
+											(R(), A(ke(G(C)[e.type]), {
 												size: 14,
 												"aria-hidden": "true"
 											})),
-											F("span", Lt, G(e.header), 1),
-											F("span", Rt, G(K(o).t("picker.filteredHint")), 1)
+											N("span", zt, U(e.header), 1),
+											N("span", Bt, U(G(o).t("picker.filteredHint")), 1)
 										]),
 										_: 2
 									}, 1032, ["value"]))), 128))]),
 									_: 1
-								})) : N("", !0),
-								p.value.length ? (B(), M(K(Et), { key: 1 }, {
-									default: J(() => [L(K(Dt), { class: "dt-pop-label" }, {
-										default: J(() => [I(G(K(o).t("picker.suggested")), 1)]),
+								})) : j("", !0),
+								f.value.length ? (R(), A(G(Ot), { key: 1 }, {
+									default: q(() => [F(G(kt), { class: "dt-pop-label" }, {
+										default: q(() => [P(U(G(o).t("picker.suggested")), 1)]),
 										_: 1
-									}), (B(!0), P(A, null, H(p.value, (e) => (B(), M(K(Ot), {
-										key: e.id,
-										value: e.id,
+									}), (R(!0), M(O, null, B(f.value, (t) => (R(), A(G(At), {
+										key: t.id,
+										value: t.id,
 										class: "dt-picker-item"
 									}, {
-										default: J(() => [
-											(B(), M(W(K(T)[e.type]), {
+										default: q(() => [
+											(R(), A(ke(G(C)[t.type]), {
 												size: 14,
 												"aria-hidden": "true"
 											})),
-											F("span", zt, G(e.header), 1),
-											F("span", Bt, G(K(o).t(K(s)(e.type))), 1)
+											N("span", Vt, U(t.header), 1),
+											N("span", Ht, U(G(o).t(G(e)(t.type))), 1)
 										]),
 										_: 2
 									}, 1032, ["value"]))), 128))]),
 									_: 1
-								})) : N("", !0),
-								m.value.length ? (B(), M(K(Et), { key: 2 }, {
-									default: J(() => [L(K(Dt), { class: "dt-pop-label" }, {
-										default: J(() => [I(G(K(o).t("picker.allColumns")), 1)]),
+								})) : j("", !0),
+								p.value.length ? (R(), A(G(Ot), { key: 2 }, {
+									default: q(() => [F(G(kt), { class: "dt-pop-label" }, {
+										default: q(() => [P(U(G(o).t("picker.allColumns")), 1)]),
 										_: 1
-									}), (B(!0), P(A, null, H(m.value, (e) => (B(), M(K(Ot), {
-										key: e.id,
-										value: e.id,
+									}), (R(!0), M(O, null, B(p.value, (t) => (R(), A(G(At), {
+										key: t.id,
+										value: t.id,
 										class: "dt-picker-item"
 									}, {
-										default: J(() => [
-											(B(), M(W(K(T)[e.type]), {
+										default: q(() => [
+											(R(), A(ke(G(C)[t.type]), {
 												size: 14,
 												"aria-hidden": "true"
 											})),
-											F("span", Vt, G(e.header), 1),
-											F("span", Ht, G(K(o).t(K(s)(e.type))), 1)
+											N("span", Ut, U(t.header), 1),
+											N("span", Wt, U(G(o).t(G(e)(t.type))), 1)
 										]),
 										_: 2
 									}, 1032, ["value"]))), 128))]),
 									_: 1
-								})) : N("", !0),
-								h.value ? (B(), P("div", Ut, G(K(o).t("picker.noMatch")), 1)) : N("", !0)
+								})) : j("", !0),
+								ee.value ? (R(), M("div", Gt, U(G(o).t("picker.noMatch")), 1)) : j("", !0)
 							]),
 							_: 1
 						}, 8, ["aria-label"])]),
@@ -148,16 +150,13 @@ var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-inpu
 			_: 3
 		}, 8, ["open"]));
 	}
-}), Gt = ["data-col"], Kt = ["aria-label"], qt = { class: "dt-chip-field" }, Jt = { class: "dt-chip-value" }, Yt = ["aria-label"], Xt = { class: "dt-chip-field" }, Zt = { class: "dt-chip-op" }, Qt = ["data-dt-tip"], $t = {
+}), qt = ["data-col"], Jt = ["aria-label"], Yt = { class: "dt-chip-field" }, Xt = { class: "dt-chip-value" }, Zt = ["aria-label"], Qt = { class: "dt-chip-field" }, $t = { class: "dt-chip-op" }, en = ["data-dt-tip"], tn = {
 	key: 0,
 	class: "dt-chip-avatars"
-}, en = { class: "dt-chip-pop-head" }, tn = { class: "dt-chip-pop-field" }, nn = {
+}, nn = { class: "dt-chip-pop-head" }, rn = { class: "dt-chip-pop-field" }, an = {
 	type: "button",
 	class: "dt-op-btn"
-}, rn = {
-	key: 0,
-	class: "dt-chip-pop-body"
-}, an = { class: "dt-pop-foot" }, on = ["disabled"], sn = ["aria-label"], cn = { class: "dt-chip-field" }, ln = { class: "dt-chip-op" }, un = { class: "dt-chip-value" }, dn = ["aria-label"], fn = /* @__PURE__ */ R({
+}, on = { class: "dt-pop-foot" }, sn = ["disabled"], cn = ["aria-label"], ln = { class: "dt-chip-field" }, un = { class: "dt-chip-op" }, dn = { class: "dt-chip-value" }, fn = ["aria-label"], pn = /* @__PURE__ */ I({
 	__name: "FilterChip",
 	props: {
 		chip: {},
@@ -175,130 +174,134 @@ var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-inpu
 		"update:editing",
 		"open"
 	],
-	setup(e, { emit: r }) {
-		let a = _e(() => import("./DateEditor-BTIZMwf1.js")), o = e, s = r, { i18n: c } = pe(), l = j(() => o.column.type), u = j(() => i(o.chip.op, l.value)), f = j(() => t(o.chip, l.value)), m = j(() => l.value === "boolean"), h = j(() => Array.isArray(o.chip.value) ? o.chip.value.length : 1), g = j(() => d(c, o.chip.op, l.value, h.value)), ee = j(() => p(o.column)), te = j(() => o.summary.people?.slice(0, 3) ?? []), _ = j(() => o.summary.full && o.summary.full !== o.summary.text ? o.summary.full : void 0), v = j(() => f.value ? c.t("filter.valueAria", {
-			column: o.column.header,
+	setup(e, { emit: t }) {
+		let n = be(() => import("./DateEditor-C2zzyoPQ.js")), i = e, a = t, { i18n: o } = _(), s = k(() => i.column.type), c = k(() => d(i.chip.op, s.value)), p = k(() => f(i.chip, s.value)), ee = k(() => s.value === "boolean"), h = k(() => Array.isArray(i.chip.value) ? i.chip.value.length : 1), g = k(() => b(o, i.chip.op, s.value, h.value)), te = k(() => u(i.column)), v = k(() => i.summary.people?.slice(0, 3) ?? []), ne = k(() => i.summary.full && i.summary.full !== i.summary.text ? i.summary.full : void 0), re = k(() => p.value ? o.t("filter.valueAria", {
+			column: i.column.header,
 			op: g.value,
-			value: o.summary.text
-		}) : c.t("filter.chooseValueAria", { column: o.column.header })), ne = j(() => ae(o.chip.op, l.value)), re = j(() => ne.value === "options" && h.value && Array.isArray(o.chip.value) && o.chip.value.length ? c.t("option.selected", { count: o.chip.value.length }) : u.value === "range" ? c.t("number.boundsIncluded") : u.value === "dateRange" ? c.t("date.presetsRelative") : ""), y = (e) => s("update:chip", {
-			...o.chip,
+			value: i.summary.text
+		}) : o.t("filter.chooseValueAria", { column: i.column.header })), ie = k(() => r(i.chip.op, s.value)), ae = k(() => ie.value === "options" && h.value && Array.isArray(i.chip.value) && i.chip.value.length ? o.t("option.selected", { count: i.chip.value.length }) : c.value === "range" ? o.t("number.boundsIncluded") : c.value === "dateRange" ? o.t("date.presetsRelative") : ""), y = (e) => a("update:chip", {
+			...i.chip,
 			...e
-		}), ie = (e) => y({
+		}), oe = (e) => y({
 			value: e,
-			currency: l.value === "currency" ? o.chip.currency ?? o.currencies[0] : o.chip.currency
-		}), b = (e) => s("update:chip", n(o.chip, e, l.value)), oe = () => s("update:chip", {
-			...o.chip,
+			currency: s.value === "currency" ? i.chip.currency ?? i.currencies[0] : i.chip.currency
+		}), se = (e) => a("update:chip", m(i.chip, e, s.value)), ce = () => a("update:chip", {
+			...i.chip,
 			op: "in",
 			value: ["@me"]
-		}), se = () => o.chip.op === "is_empty" ? b("in") : b("is_empty"), ce = () => y({ value: void 0 }), le = () => s("update:editing", !1), ue = (e) => {
+		}), le = () => i.chip.op === "is_empty" ? se("in") : se("is_empty"), x = () => y({ value: void 0 }), ue = () => a("update:editing", !1), de = (e) => {
 			let t = e.detail.originalEvent.target;
 			t instanceof Element && t.closest(".dt-filter-trigger, .dt-head-menu, .dt-head-filtered") && e.preventDefault();
-		}, x = () => y({ value: o.chip.value !== !0 });
-		return (t, n) => (B(), P("span", {
-			class: z(["dt-chip", {
+		}, fe = z(null), pe = (e) => {
+			let t = fe.value?.querySelector("input, textarea");
+			t && (e.preventDefault(), t.focus());
+		}, me = () => y({ value: i.chip.value !== !0 });
+		return (t, r) => (R(), M("span", {
+			class: L(["dt-chip", {
 				"is-editing": e.editing,
-				"is-incomplete": !f.value,
+				"is-incomplete": !p.value,
 				"is-phone": e.phone
 			}]),
 			"data-col": e.chip.column
-		}, [e.phone ? (B(), P("button", {
+		}, [e.phone ? (R(), M("button", {
 			key: 0,
 			type: "button",
 			class: "dt-chip-body",
-			"aria-label": K(c).t("mobile.chipAria", { summary: `${e.column.header} ${g.value} ${e.summary.text}`.trim() }),
-			onClick: n[0] ||= (e) => s("open")
+			"aria-label": G(o).t("mobile.chipAria", { summary: `${e.column.header} ${g.value} ${e.summary.text}`.trim() }),
+			onClick: r[0] ||= (e) => a("open")
 		}, [
-			(B(), M(W(K(T)[l.value]), {
+			(R(), A(ke(G(C)[s.value]), {
 				size: 14,
 				class: "dt-chip-icon",
 				"aria-hidden": "true"
 			})),
-			F("span", qt, G(e.column.header), 1),
-			F("span", Jt, G(e.summary.text), 1)
-		], 8, Kt)) : m.value ? (B(), P("button", {
+			N("span", Yt, U(e.column.header), 1),
+			N("span", Xt, U(e.summary.text), 1)
+		], 8, Jt)) : ee.value ? (R(), M("button", {
 			key: 2,
 			type: "button",
 			class: "dt-chip-body",
-			"aria-label": v.value,
-			onClick: x
+			"aria-label": re.value,
+			onClick: me
 		}, [
-			(B(), M(W(K(T)[l.value]), {
+			(R(), A(ke(G(C)[s.value]), {
 				size: 14,
 				class: "dt-chip-icon",
 				"aria-hidden": "true"
 			})),
-			F("span", cn, G(e.column.header), 1),
-			F("span", ln, G(g.value), 1),
-			F("span", un, G(e.summary.text), 1)
-		], 8, sn)) : (B(), M(K(Mt), {
+			N("span", ln, U(e.column.header), 1),
+			N("span", un, U(g.value), 1),
+			N("span", dn, U(e.summary.text), 1)
+		], 8, cn)) : (R(), A(G(Pt), {
 			key: 1,
 			open: e.editing,
-			"onUpdate:open": n[2] ||= (e) => s("update:editing", e)
+			"onUpdate:open": r[2] ||= (e) => a("update:editing", e)
 		}, {
-			default: J(() => [L(K(Nt), { "as-child": "" }, {
-				default: J(() => [F("button", {
+			default: q(() => [F(G(Ft), { "as-child": "" }, {
+				default: q(() => [N("button", {
 					type: "button",
 					class: "dt-chip-body",
-					"aria-label": v.value
+					"aria-label": re.value
 				}, [
-					(B(), M(W(K(T)[l.value]), {
+					(R(), A(ke(G(C)[s.value]), {
 						size: 14,
 						class: "dt-chip-icon",
 						"aria-hidden": "true"
 					})),
-					F("span", Xt, G(e.column.header), 1),
-					F("span", Zt, G(g.value), 1),
-					u.value === "none" ? N("", !0) : (B(), P("span", {
+					N("span", Qt, U(e.column.header), 1),
+					N("span", $t, U(g.value), 1),
+					c.value === "none" ? j("", !0) : (R(), M("span", {
 						key: 0,
-						class: z(["dt-chip-value", { "is-placeholder": !f.value }]),
-						"data-dt-tip": _.value
-					}, [f.value && te.value.length ? (B(), P("span", $t, [(B(!0), P(A, null, H(te.value, (e) => (B(), M(W(() => K(fe)({
+						class: L(["dt-chip-value", { "is-placeholder": !p.value }]),
+						"data-dt-tip": ne.value
+					}, [p.value && v.value.length ? (R(), M("span", tn, [(R(!0), M(O, null, B(v.value, (e) => (R(), A(ke(() => G(l)({
 						value: e.value,
 						label: e.label
-					})), { key: String(e.value) }))), 128))])) : N("", !0), I(" " + G(f.value ? e.summary.text : K(c).t("filter.selectValue")), 1)], 10, Qt))
-				], 8, Yt)]),
+					})), { key: String(e.value) }))), 128))])) : j("", !0), P(" " + U(p.value ? e.summary.text : G(o).t("filter.selectValue")), 1)], 10, en))
+				], 8, Zt)]),
 				_: 1
-			}), L(K(jt), null, {
-				default: J(() => [L(K(At), {
-					class: z(["dt-pop dt-chip-pop", `is-${ne.value ?? "none"}`]),
+			}), F(G(Nt), null, {
+				default: q(() => [F(G(Mt), {
+					class: L(["dt-pop dt-chip-pop", `is-${ie.value ?? "none"}`]),
 					align: "start",
 					"side-offset": 4,
-					onFocusOutside: ue
+					onFocusOutside: de,
+					onOpenAutoFocus: pe
 				}, {
-					default: J(() => [
-						F("div", en, [F("span", tn, G(e.column.header), 1), L(K(yt), null, {
-							default: J(() => [L(K(Ct), { "as-child": "" }, {
-								default: J(() => [F("button", nn, [I(G(g.value) + " ", 1), L(K(Ve), {
+					default: q(() => [
+						N("div", nn, [N("span", rn, U(e.column.header), 1), F(G(xt), null, {
+							default: q(() => [F(G(Tt), { "as-child": "" }, {
+								default: q(() => [N("button", an, [P(U(g.value) + " ", 1), F(G(Ue), {
 									size: 12,
 									"aria-hidden": "true"
 								})])]),
 								_: 1
-							}), L(K(Q), null, {
-								default: J(() => [L(K(_t), {
+							}), F(G(Q), null, {
+								default: q(() => [F(G(yt), {
 									class: "dt-menu dt-op-menu",
 									align: "start",
 									"side-offset": 6
 								}, {
-									default: J(() => [l.value === "user" ? (B(), M(K(Z), {
+									default: q(() => [s.value === "user" ? (R(), A(G(Z), {
 										key: 0,
 										class: "dt-menu-item",
-										onSelect: oe
+										onSelect: ce
 									}, {
-										default: J(() => [I(G(K(c).t("op.isMe")), 1)]),
+										default: q(() => [P(U(G(o).t("op.isMe")), 1)]),
 										_: 1
-									})) : N("", !0), (B(!0), P(A, null, H(ee.value, (t) => (B(), P(A, { key: t }, [t === "is_empty" ? (B(), M(K($), {
+									})) : j("", !0), (R(!0), M(O, null, B(te.value, (t) => (R(), M(O, { key: t }, [t === "is_empty" ? (R(), A(G($), {
 										key: 0,
 										class: "dt-menu-sep"
-									})) : N("", !0), L(K(Z), {
-										class: z(["dt-menu-item", { "is-selected": t === e.chip.op }]),
-										onSelect: (e) => b(t)
+									})) : j("", !0), F(G(Z), {
+										class: L(["dt-menu-item", { "is-selected": t === e.chip.op }]),
+										onSelect: (e) => se(t)
 									}, {
-										default: J(() => [I(G(K(d)(K(c), t, l.value, h.value)) + " ", 1), t === e.chip.op ? (B(), M(K(We), {
+										default: q(() => [P(U(G(b)(G(o), t, s.value, h.value)) + " ", 1), t === e.chip.op ? (R(), A(G(Ke), {
 											key: 0,
 											size: 14,
 											class: "dt-pop-end",
 											"aria-hidden": "true"
-										})) : N("", !0)]),
+										})) : j("", !0)]),
 										_: 2
 									}, 1032, ["class", "onSelect"])], 64))), 128))]),
 									_: 1
@@ -307,85 +310,90 @@ var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-inpu
 							})]),
 							_: 1
 						})]),
-						ne.value ? (B(), P("div", rn, [ne.value === "options" ? (B(), M(O, {
+						ie.value ? (R(), M("div", {
+							key: 0,
+							ref_key: "body",
+							ref: fe,
+							class: "dt-chip-pop-body"
+						}, [ie.value === "options" ? (R(), A(E, {
 							key: 0,
 							column: e.column,
 							op: e.chip.op,
 							"model-value": Array.isArray(e.chip.value) ? e.chip.value : [],
 							rows: e.rows,
 							labels: e.labels,
-							"onUpdate:modelValue": ie,
-							onUnassigned: se
+							"onUpdate:modelValue": oe,
+							onUnassigned: le
 						}, null, 8, [
 							"column",
 							"op",
 							"model-value",
 							"rows",
 							"labels"
-						])) : ne.value === "text" ? (B(), M(k, {
+						])) : ie.value === "text" ? (R(), A(ve, {
 							key: 1,
 							column: e.column,
 							op: e.chip.op,
 							"model-value": e.chip.value,
-							"onUpdate:modelValue": ie,
-							onDone: le
+							"onUpdate:modelValue": oe,
+							onDone: ue
 						}, null, 8, [
 							"column",
 							"op",
 							"model-value"
-						])) : ne.value === "number" ? (B(), M(E, {
+						])) : ie.value === "number" ? (R(), A(w, {
 							key: 2,
 							column: e.column,
 							op: e.chip.op,
 							"model-value": e.chip.value,
 							currency: e.chip.currency,
 							currencies: e.currencies,
-							"onUpdate:modelValue": ie,
-							"onUpdate:currency": n[1] ||= (e) => y({ currency: e }),
-							onDone: le
+							"onUpdate:modelValue": oe,
+							"onUpdate:currency": r[1] ||= (e) => y({ currency: e }),
+							onDone: ue
 						}, null, 8, [
 							"column",
 							"op",
 							"model-value",
 							"currency",
 							"currencies"
-						])) : ne.value === "star" ? (B(), M(D, {
+						])) : ie.value === "star" ? (R(), A(T, {
 							key: 3,
 							column: e.column,
 							"model-value": e.chip.value,
-							"onUpdate:modelValue": ie,
-							onDone: le
-						}, null, 8, ["column", "model-value"])) : (B(), M(K(a), {
+							"onUpdate:modelValue": oe,
+							onDone: ue
+						}, null, 8, ["column", "model-value"])) : (R(), A(G(n), {
 							key: 4,
 							op: e.chip.op,
 							"model-value": e.chip.value,
-							"onUpdate:modelValue": ie,
-							onDone: le
-						}, null, 8, ["op", "model-value"]))])) : N("", !0),
-						F("div", an, [F("span", null, G(re.value), 1), F("button", {
+							"onUpdate:modelValue": oe,
+							onDone: ue
+						}, null, 8, ["op", "model-value"]))], 512)) : j("", !0),
+						N("div", on, [N("span", null, U(ae.value), 1), N("button", {
 							type: "button",
 							class: "dt-pop-action",
 							disabled: e.chip.value === void 0,
-							onClick: ce
-						}, G(K(c).t("common.clear")), 9, on)])
+							onClick: x
+						}, U(G(o).t("common.clear")), 9, sn)])
 					]),
 					_: 1
 				}, 8, ["class"])]),
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["open"])), e.phone ? N("", !0) : (B(), P("button", {
+		}, 8, ["open"])), e.phone ? j("", !0) : (R(), M("button", {
 			key: 3,
 			type: "button",
 			class: "dt-chip-remove",
-			"aria-label": K(c).t("filter.removeAria", { column: e.column.header }),
-			onClick: n[3] ||= (e) => s("remove")
-		}, [L(K(Qe), {
+			"aria-label": G(o).t("filter.removeAria", { column: e.column.header }),
+			onClick: r[3] ||= (e) => a("remove")
+		}, [F(G(tt), {
 			size: 12,
 			"aria-hidden": "true"
-		})], 8, dn))], 10, Gt));
+		})], 8, fn))], 10, qt));
 	}
-}), pn = /* @__PURE__ */ R({
+}), mn = /* @__PURE__ */ I({
 	__name: "FilterBar",
 	props: {
 		chips: {},
@@ -405,13 +413,13 @@ var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-inpu
 		"open"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { i18n: i } = pe(), a = (e) => n.defs.get(e), o = (e) => e ? [...s.value?.querySelectorAll(".dt-chip") ?? []].find((t) => t.dataset.col === e) : void 0, s = V(null), c = V(!1), l = () => {
+		let n = e, r = t, { i18n: i } = _(), a = (e) => n.defs.get(e), o = (e) => e ? [...s.value?.querySelectorAll(".dt-chip") ?? []].find((t) => t.dataset.col === e) : void 0, s = z(null), c = z(!1), l = () => {
 			let e = s.value;
 			e && (c.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1);
 		}, u;
-		we(() => {
+		De(() => {
 			l(), typeof ResizeObserver < "u" && s.value && (u = new ResizeObserver(l), u.observe(s.value));
-		}), Ce(() => u?.disconnect()), q(() => [n.chips.length, n.editing], () => void xe(() => {
+		}), Ee(() => u?.disconnect()), K(() => [n.chips.length, n.editing], () => void we(() => {
 			l();
 			let e = n.editing ?? n.chips.at(-1)?.column;
 			o(e)?.scrollIntoView?.({
@@ -421,17 +429,17 @@ var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-inpu
 		}));
 		let d = (e) => {
 			let t = n.chips.findIndex((t) => t.column === e), i = n.chips[t + 1]?.column;
-			r("remove", e), xe(() => {
+			r("remove", e), we(() => {
 				(o(i)?.querySelector(".dt-chip-body") ?? s.value?.parentElement?.querySelector(".dt-filter-add"))?.focus();
 			});
 		};
-		return (t, n) => (B(), P("div", { class: z(["dt-filter-row", { "is-scrolled-end": c.value }]) }, [
-			F("div", {
+		return (t, n) => (R(), M("div", { class: L(["dt-filter-row", { "is-scrolled-end": c.value }]) }, [
+			N("div", {
 				ref_key: "row",
 				ref: s,
 				class: "dt-chips",
 				onScrollPassive: l
-			}, [(B(!0), P(A, null, H(e.chips, (t) => (B(), M(fn, {
+			}, [(R(!0), M(O, null, B(e.chips, (t) => (R(), A(pn, {
 				key: t.column,
 				chip: t,
 				column: a(t.column),
@@ -458,98 +466,16 @@ var Ft = { class: "dt-input has-icon dt-picker-search" }, It = { class: "dt-inpu
 				"onUpdate:editing",
 				"onRemove"
 			]))), 128))], 544),
-			e.phone ? N("", !0) : U(t.$slots, "add", {}, void 0, void 0, 0),
-			e.phone ? N("", !0) : (B(), P("button", {
+			e.phone ? j("", !0) : V(t.$slots, "add", {}, void 0, void 0, 0),
+			e.phone ? j("", !0) : (R(), M("button", {
 				key: 1,
 				type: "button",
 				class: "dt-btn dt-btn-ghost dt-filter-clear",
 				onClick: n[1] ||= (e) => r("clear-all")
-			}, G(K(i).t("filter.clearAll")), 1))
+			}, U(G(i).t("filter.clearAll")), 1))
 		], 2));
 	}
-}), mn = "a[href], button:not([disabled]):not(.dt-expand), input:not([disabled]):not(.dt-select-box), select:not([disabled]), textarea:not([disabled]), [tabindex=\"-1\"][role]";
-function hn(e) {
-	let t = V(0), n = V(!1), i = (e) => [...e.querySelectorAll(mn)].filter((e) => e.offsetParent !== null || e.getClientRects().length > 0), a = (r) => {
-		let i = e.count();
-		if (i === 0) return;
-		let a = Math.max(0, Math.min(i - 1, r));
-		t.value = a, n.value = !0, e.scrollToIndex(a);
-		let o = (t) => {
-			let n = e.rowEl(a);
-			n ? n.focus({ preventScroll: !0 }) : t < 3 && requestAnimationFrame(() => o(t + 1));
-		};
-		o(0);
-	}, o = (t) => {
-		let o = t.target, s = o.closest("[role=\"row\"][data-index]");
-		if (!s) return;
-		let c = Number(s.dataset.index);
-		if (o !== s) {
-			if (t.key === "Escape") {
-				t.preventDefault(), n.value = !0, s.focus({ preventScroll: !0 });
-				return;
-			}
-			if ((t.key === "ArrowRight" || t.key === "ArrowLeft") && !r(o)) {
-				let e = i(s), r = e.indexOf(o.closest(mn) ?? o), a = t.key === "ArrowRight" ? e[r + 1] : r > 0 ? e[r - 1] : s;
-				a && (t.preventDefault(), n.value = !0, a.focus({ preventScroll: !0 }));
-			}
-		} else switch (t.key) {
-			case "ArrowDown":
-				t.preventDefault(), a(c + 1);
-				break;
-			case "ArrowUp":
-				t.preventDefault(), c === 0 && e.onTop ? e.onTop() : a(c - 1);
-				break;
-			case "Home":
-				t.preventDefault(), a(0);
-				break;
-			case "End":
-				t.preventDefault(), a(e.count() - 1);
-				break;
-			case "PageDown":
-				t.preventDefault(), a(c + e.pageSize());
-				break;
-			case "PageUp":
-				t.preventDefault(), a(c - e.pageSize());
-				break;
-			case "ArrowRight": {
-				if (e.onRight?.(c)) {
-					t.preventDefault();
-					break;
-				}
-				let r = i(s)[0];
-				r && (t.preventDefault(), n.value = !0, r.focus({ preventScroll: !0 }));
-				break;
-			}
-			case "ArrowLeft":
-				e.onLeft?.(c) && t.preventDefault();
-				break;
-			case "Enter": e.onEnter && (t.preventDefault(), e.onEnter(c));
-		}
-	}, s = (e) => {
-		let r = e.target.closest("[role=\"row\"][data-index]");
-		r && (n.value = !1, t.value = Number(r.dataset.index));
-	}, c = (e) => {
-		let t = e.target.closest("[role=\"row\"][data-index]");
-		t && e.target === t && !n.value && !l && (n.value = !0);
-	}, l = !1;
-	return {
-		focusedIndex: t,
-		keyboard: n,
-		focusRow: a,
-		onKeydown: o,
-		onMousedown: s,
-		onFocusin: c,
-		onPointerdown: () => {
-			l = !0, setTimeout(() => l = !1, 0);
-		},
-		clamp: () => {
-			t.value = Math.max(0, Math.min(e.count() - 1, t.value));
-		}
-	};
-}
-//#endregion
-//#region src/core/grid/HeaderCell.vue?vue&type=script&setup=true&lang.ts
-var gn = ["aria-sort", "data-col"], _n = [
+}), hn = ["aria-sort", "data-col"], gn = ["aria-label"], _n = [
 	"aria-disabled",
 	"data-dt-tip",
 	"aria-describedby"
@@ -570,10 +496,10 @@ var gn = ["aria-sort", "data-col"], _n = [
 }, Cn = {
 	key: 0,
 	class: "dt-head-sort-index"
-}, wn = ["id"], Tn = ["aria-label"], En = ["aria-label"], Dn = { class: "dt-kbd" }, On = { class: "dt-kbd" }, kn = {
+}, wn = ["id"], Tn = ["aria-label"], En = { class: "dt-kbd" }, Dn = { class: "dt-kbd" }, On = {
 	key: 0,
 	class: "dt-resize-badge"
-}, An = /* @__PURE__ */ R({
+}, kn = /* @__PURE__ */ I({
 	__name: "HeaderCell",
 	props: {
 		phone: { type: Boolean },
@@ -588,191 +514,165 @@ var gn = ["aria-sort", "data-col"], _n = [
 		"sort",
 		"filter",
 		"action",
-		"nav",
 		"resize-by",
 		"resize-start"
 	],
-	setup(e, { emit: t }) {
-		let n = e, r = t, { i18n: i } = pe(), o = j(() => n.column.def), l = j(() => le(o.value.type)), u = j(() => c(o.value)), d = j(() => typeof o.value.unit == "string" ? o.value.unit : void 0), f = j(() => n.sortable ?? !1), p = j(() => o.value.filterable ?? a[o.value.type].filterable), m = Ae(), h = j(() => o.value.description ? `${o.value.header}\n${o.value.description}` : o.value.header), g = V(!1), ee = (e) => {
+	setup(t, { emit: n }) {
+		let r = t, i = n, { i18n: a } = _(), o = k(() => r.column.def), s = k(() => ee(o.value.type)), c = k(() => ne(o.value)), l = k(() => typeof o.value.unit == "string" ? o.value.unit : void 0), u = k(() => r.sortable ?? !1), d = k(() => o.value.filterable ?? te[o.value.type].filterable), f = Me(), p = k(() => o.value.description ? `${o.value.header}\n${o.value.description}` : o.value.header), m = z(!1), h = (e) => {
 			let t = e.currentTarget.parentElement;
-			r("resize-start", n.column, t.getBoundingClientRect().width), n.column.header.getResizeHandler()(e);
-		}, te = (e) => {
+			i("resize-start", r.column, t.getBoundingClientRect().width), r.column.header.getResizeHandler()(e);
+		}, g = (e) => {
 			let t = e.key;
-			if (t === "Enter" || t === " ") f.value && (e.preventDefault(), r("sort", n.column, e.shiftKey));
-			else if (t === "F10" && e.shiftKey || t === "ContextMenu") e.preventDefault(), g.value = !0;
-			else if (t === "ArrowLeft" || t === "ArrowRight") {
+			if (t === "Enter" || t === " ") u.value && (e.preventDefault(), i("sort", r.column, e.shiftKey));
+			else if (t === "F10" && e.shiftKey || t === "ContextMenu") e.preventDefault(), m.value = !0;
+			else if ((t === "ArrowLeft" || t === "ArrowRight") && e.shiftKey) {
 				e.preventDefault();
-				let i = t === "ArrowLeft";
-				e.altKey && e.shiftKey ? r("action", n.column, i ? "move-left" : "move-right") : e.shiftKey ? r("resize-by", n.column, i ? -16 : 16) : r("nav", n.column, i ? "left" : "right");
-			} else t === "ArrowDown" && (e.preventDefault(), r("nav", n.column, "down"));
-		}, v = (e) => r("action", n.column, e);
-		return (t, n) => (B(), P("div", {
-			class: z(["dt-head-cell", [`is-${u.value}`, {
-				"is-numeric": l.value,
-				"is-sorted": !!e.sort,
-				"is-pinned-start": e.column.pinned === "start",
-				"is-pinned-end": e.column.pinned === "end",
-				"is-pin-edge": e.column.pinEdge,
-				"is-resizing": e.resizing !== null && e.resizing !== void 0,
-				"is-menu-open": g.value
+				let n = t === "ArrowLeft";
+				e.altKey ? i("action", r.column, n ? "move-left" : "move-right") : i("resize-by", r.column, n ? -16 : 16);
+			}
+		}, v = !1, re = (e) => {
+			v = e === "filter", i("action", r.column, e);
+		}, ie = (e) => {
+			v && e.preventDefault(), v = !1;
+		};
+		return (n, r) => (R(), M("div", {
+			class: L(["dt-head-cell", [`is-${c.value}`, {
+				"is-numeric": s.value,
+				"is-sorted": !!t.sort,
+				"is-pinned-start": t.column.pinned === "start",
+				"is-pinned-end": t.column.pinned === "end",
+				"is-pin-edge": t.column.pinEdge,
+				"is-resizing": t.resizing !== null && t.resizing !== void 0,
+				"is-menu-open": m.value
 			}]]),
-			style: Se(e.column.pinned === "start" ? { left: `var(${e.column.offsetVar})` } : e.column.pinned === "end" ? { right: `var(${e.column.offsetVar})` } : void 0),
+			style: Te(t.column.pinned === "start" ? { left: `var(${t.column.offsetVar})` } : t.column.pinned === "end" ? { right: `var(${t.column.offsetVar})` } : void 0),
 			role: "columnheader",
-			"aria-sort": e.sort === "asc" ? "ascending" : e.sort === "desc" ? "descending" : void 0,
-			"data-col": e.column.id,
-			onContextmenu: n[15] ||= Re((e) => g.value = !0, ["prevent"])
+			"aria-sort": t.sort === "asc" ? "ascending" : t.sort === "desc" ? "descending" : void 0,
+			"data-col": t.column.id,
+			onContextmenu: r[10] ||= Be((e) => m.value = !0, ["prevent"])
 		}, [
-			F("button", {
+			t.filtered ? (R(), M("button", {
+				key: 0,
+				type: "button",
+				class: "dt-head-icon dt-head-filtered",
+				"aria-label": G(a).t("header.filterBy"),
+				onClick: r[0] ||= (e) => i("filter", t.column)
+			}, [F(G(Ye), {
+				size: 14,
+				weight: "fill",
+				"aria-hidden": "true"
+			})], 8, gn)) : j("", !0),
+			N("button", {
 				type: "button",
-				class: z(["dt-head-label", { "is-static": !f.value }]),
-				tabindex: "-1",
-				"aria-disabled": f.value ? void 0 : "true",
-				"data-dt-tip": h.value,
-				"aria-describedby": o.value.description ? K(m) : void 0,
-				onClick: n[0] ||= (t) => f.value && r("sort", e.column, t.shiftKey),
-				onKeydown: te
+				class: L(["dt-head-label", { "is-static": !u.value }]),
+				"aria-disabled": u.value ? void 0 : "true",
+				"data-dt-tip": p.value,
+				"aria-describedby": o.value.description ? G(f) : void 0,
+				onClick: r[1] ||= (e) => u.value && i("sort", t.column, e.shiftKey),
+				onKeydown: g
 			}, [
-				e.sort && l.value ? (B(), P("span", vn, [e.sortIndex ? (B(), P("span", yn, G(e.sortIndex), 1)) : N("", !0), L(K(Be), {
+				t.sort && s.value ? (R(), M("span", vn, [t.sortIndex ? (R(), M("span", yn, U(t.sortIndex), 1)) : j("", !0), F(G(He), {
 					size: 12,
-					class: z({ "is-desc": e.sort === "desc" })
-				}, null, 8, ["class"])])) : N("", !0),
-				F("span", bn, G(e.phone && o.value.headerShort || o.value.header), 1),
-				d.value ? (B(), P("span", xn, G(d.value), 1)) : N("", !0),
-				e.sort && !l.value ? (B(), P("span", Sn, [L(K(Be), {
+					class: L({ "is-desc": t.sort === "desc" })
+				}, null, 8, ["class"])])) : j("", !0),
+				N("span", bn, U(t.phone && o.value.headerShort || o.value.header), 1),
+				l.value ? (R(), M("span", xn, U(l.value), 1)) : j("", !0),
+				t.sort && !s.value ? (R(), M("span", Sn, [F(G(He), {
 					size: 12,
-					class: z({ "is-desc": e.sort === "desc" })
-				}, null, 8, ["class"]), e.sortIndex ? (B(), P("span", Cn, G(e.sortIndex), 1)) : N("", !0)])) : N("", !0),
-				e.column.pinned ? (B(), M(K(Xe), {
+					class: L({ "is-desc": t.sort === "desc" })
+				}, null, 8, ["class"]), t.sortIndex ? (R(), M("span", Cn, U(t.sortIndex), 1)) : j("", !0)])) : j("", !0),
+				t.column.pinned ? (R(), A(G(Qe), {
 					key: 3,
 					size: 12,
 					class: "dt-head-pin",
 					"aria-hidden": "true"
-				})) : N("", !0)
+				})) : j("", !0)
 			], 42, _n),
-			o.value.description ? (B(), P("span", {
-				key: 0,
-				id: K(m),
-				class: "dt-sr-only"
-			}, G(o.value.description), 9, wn)) : N("", !0),
-			e.filtered ? (B(), P("button", {
+			o.value.description ? (R(), M("span", {
 				key: 1,
-				type: "button",
-				class: "dt-head-icon dt-head-filtered",
-				tabindex: "-1",
-				"aria-label": K(i).t("header.filterBy"),
-				onClick: n[1] ||= (t) => r("filter", e.column)
-			}, [L(K(qe), {
-				size: 14,
-				weight: "fill",
-				"aria-hidden": "true"
-			})], 8, Tn)) : N("", !0),
-			L(K(yt), {
-				open: g.value,
-				"onUpdate:open": n[13] ||= (e) => g.value = e
+				id: G(f),
+				class: "dt-sr-only"
+			}, U(o.value.description), 9, wn)) : j("", !0),
+			F(G(xt), {
+				open: m.value,
+				"onUpdate:open": r[9] ||= (e) => m.value = e
 			}, {
-				default: J(() => [L(K(Ct), { "as-child": "" }, {
-					default: J(() => [F("button", {
+				default: q(() => [F(G(Tt), { "as-child": "" }, {
+					default: q(() => [N("button", {
 						type: "button",
 						class: "dt-head-icon dt-head-menu",
-						tabindex: "-1",
-						"aria-label": K(i).t("header.optionsAria", { column: o.value.header })
-					}, [L(K(Ke), {
+						"aria-label": G(a).t("header.optionsAria", { column: o.value.header })
+					}, [F(G(Je), {
 						size: 16,
 						weight: "bold",
 						"aria-hidden": "true"
-					})], 8, En)]),
+					})], 8, Tn)]),
 					_: 1
-				}), L(K(Q), null, {
-					default: J(() => [L(K(_t), {
+				}), F(G(Q), null, {
+					default: q(() => [F(G(yt), {
 						class: "dt-menu dt-col-menu",
 						align: "end",
-						"side-offset": 4
+						"side-offset": 4,
+						onCloseAutoFocus: ie
 					}, {
-						default: J(() => [
-							L(K(vt), { class: "dt-menu-label" }, {
-								default: J(() => [I(G(K(i).t(K(s)(o.value.type))), 1)]),
+						default: q(() => [
+							F(G(bt), { class: "dt-menu-label" }, {
+								default: q(() => [P(U(G(a).t(G(e)(o.value.type))), 1)]),
 								_: 1
 							}),
-							f.value ? (B(), P(A, { key: 0 }, [
-								L(K(Z), {
+							u.value ? (R(), M(O, { key: 0 }, [
+								F(G(Z), {
 									class: "dt-menu-item",
-									onSelect: n[2] ||= (e) => v("sort-asc")
+									onSelect: r[2] ||= (e) => re("sort-asc")
 								}, {
-									default: J(() => [I(G(K(i).t("header.sortAsc")), 1)]),
+									default: q(() => [P(U(G(a).t("header.sortAsc")), 1)]),
 									_: 1
 								}),
-								L(K(Z), {
+								F(G(Z), {
 									class: "dt-menu-item",
-									onSelect: n[3] ||= (e) => v("sort-desc")
+									onSelect: r[3] ||= (e) => re("sort-desc")
 								}, {
-									default: J(() => [I(G(K(i).t("header.sortDesc")), 1)]),
+									default: q(() => [P(U(G(a).t("header.sortDesc")), 1)]),
 									_: 1
 								}),
-								L(K(Z), {
+								F(G(Z), {
 									class: "dt-menu-item",
-									disabled: !e.sort,
-									onSelect: n[4] ||= (e) => v("sort-clear")
+									disabled: !t.sort,
+									onSelect: r[4] ||= (e) => re("sort-clear")
 								}, {
-									default: J(() => [I(G(K(i).t("header.clearSort")), 1)]),
+									default: q(() => [P(U(G(a).t("header.clearSort")), 1)]),
 									_: 1
 								}, 8, ["disabled"]),
-								L(K($), { class: "dt-menu-sep" })
-							], 64)) : N("", !0),
-							p.value ? (B(), P(A, { key: 1 }, [L(K(Z), {
+								F(G($), { class: "dt-menu-sep" })
+							], 64)) : j("", !0),
+							d.value ? (R(), M(O, { key: 1 }, [F(G(Z), {
 								class: "dt-menu-item",
-								onSelect: n[5] ||= (e) => v("filter")
+								onSelect: r[5] ||= (e) => re("filter")
 							}, {
-								default: J(() => [I(G(K(i).t("header.filterBy")), 1)]),
+								default: q(() => [P(U(G(a).t("header.filterBy")), 1)]),
 								_: 1
-							}), L(K($), { class: "dt-menu-sep" })], 64)) : N("", !0),
-							e.column.pinned ? (B(), M(K(Z), {
-								key: 2,
+							}), F(G($), { class: "dt-menu-sep" })], 64)) : j("", !0),
+							F(G(Z), {
 								class: "dt-menu-item",
-								onSelect: n[6] ||= (e) => v("unpin")
+								onSelect: r[6] ||= (e) => re("move-left")
 							}, {
-								default: J(() => [I(G(K(i).t("header.unpin")), 1)]),
-								_: 1
-							})) : (B(), P(A, { key: 3 }, [L(K(Z), {
-								class: "dt-menu-item",
-								onSelect: n[7] ||= (e) => v("pin-left")
-							}, {
-								default: J(() => [I(G(K(i).t("header.pinLeft")), 1)]),
-								_: 1
-							}), L(K(Z), {
-								class: "dt-menu-item",
-								onSelect: n[8] ||= (e) => v("pin-right")
-							}, {
-								default: J(() => [I(G(K(i).t("header.pinRight")), 1)]),
-								_: 1
-							})], 64)),
-							L(K(Z), {
-								class: "dt-menu-item",
-								onSelect: n[9] ||= (e) => v("fit")
-							}, {
-								default: J(() => [I(G(K(i).t("header.fit")), 1)]),
+								default: q(() => [P(U(G(a).t("header.moveLeft")) + " ", 1), N("kbd", En, U(G(oe).left), 1)]),
 								_: 1
 							}),
-							L(K(Z), {
+							F(G(Z), {
 								class: "dt-menu-item",
-								onSelect: n[10] ||= (e) => v("move-left")
+								onSelect: r[7] ||= (e) => re("move-right")
 							}, {
-								default: J(() => [I(G(K(i).t("header.moveLeft")) + " ", 1), F("kbd", Dn, G(K(_).left), 1)]),
+								default: q(() => [P(U(G(a).t("header.moveRight")) + " ", 1), N("kbd", Dn, U(G(oe).right), 1)]),
 								_: 1
 							}),
-							L(K(Z), {
+							F(G($), { class: "dt-menu-sep" }),
+							F(G(Z), {
 								class: "dt-menu-item",
-								onSelect: n[11] ||= (e) => v("move-right")
+								disabled: !!t.column.pinned || !t.column.header.column.getCanHide(),
+								onSelect: r[8] ||= (e) => re("hide")
 							}, {
-								default: J(() => [I(G(K(i).t("header.moveRight")) + " ", 1), F("kbd", On, G(K(_).right), 1)]),
-								_: 1
-							}),
-							L(K($), { class: "dt-menu-sep" }),
-							L(K(Z), {
-								class: "dt-menu-item",
-								disabled: !!e.column.pinned || !e.column.header.column.getCanHide(),
-								onSelect: n[12] ||= (e) => v("hide")
-							}, {
-								default: J(() => [I(G(K(i).t("header.hide")), 1)]),
+								default: q(() => [P(U(G(a).t("header.hide")), 1)]),
 								_: 1
 							}, 8, ["disabled"])
 						]),
@@ -782,45 +682,44 @@ var gn = ["aria-sort", "data-col"], _n = [
 				})]),
 				_: 1
 			}, 8, ["open"]),
-			n[16] ||= F("span", {
+			r[11] ||= N("span", {
 				class: "dt-head-sep",
 				"aria-hidden": "true"
 			}, null, -1),
-			F("span", {
+			N("span", {
 				class: "dt-resize",
 				"aria-hidden": "true",
-				onMousedown: ee,
-				onTouchstartPassive: ee,
-				onDblclick: n[14] ||= (e) => v("fit")
-			}, [e.resizing !== null && e.resizing !== void 0 ? (B(), P("span", kn, G(Math.round(e.resizing)) + " px ", 1)) : N("", !0)], 32)
-		], 46, gn));
+				onMousedown: h,
+				onTouchstartPassive: h
+			}, [t.resizing !== null && t.resizing !== void 0 ? (R(), M("span", On, U(Math.round(t.resizing)) + " px ", 1)) : j("", !0)], 32)
+		], 46, hn));
 	}
-}), jn = [
+}), An = [
 	"aria-label",
 	"aria-rowcount",
 	"aria-colcount",
 	"aria-busy",
 	"data-density"
-], Mn = {
+], jn = {
 	class: "dt-head",
 	role: "row",
 	"aria-rowindex": "1"
-}, Nn = [
+}, Mn = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Pn = ["inert"], Fn = ["data-index"], In = ["id", "aria-rowindex"], Ln = ["aria-colspan"], Rn = {
+], Nn = ["inert"], Pn = ["data-index"], Fn = ["id", "aria-rowindex"], In = ["aria-colspan"], Ln = {
 	key: 0,
 	class: "dt-refresh-bar",
 	"aria-hidden": "true"
-}, zn = {
+}, Rn = {
 	key: 1,
 	class: "dt-notice",
 	role: "status"
-}, Bn = {
+}, zn = {
 	key: 2,
 	class: "dt-body-state"
-}, Vn = 40, Hn = 48, Un = 8, Wn = 28, Gn = 22, Kn = 36, qn = /* @__PURE__ */ R({
+}, Bn = 40, Vn = 48, Hn = /* @__PURE__ */ I({
 	__name: "GridRoot",
 	props: {
 		layout: {},
@@ -868,264 +767,192 @@ var gn = ["aria-sort", "data-col"], _n = [
 		"sort-set",
 		"header-filter"
 	],
-	setup(t, { expose: n, emit: r }) {
-		let i = t, o = r, s = pe(), c = V(null), l = V(null), u = i.layout, d = typeof matchMedia == "function" && matchMedia("(pointer: coarse)").matches, f = j(() => d && i.density === "compact" ? "standard" : i.density), p = j(() => i.selectable ? i.phone ? Hn : Vn : 0), m = j(() => !!i.rowError && i.rows.some((e) => E(e).length > 0)), g = j(() => {
+	setup(e, { expose: t, emit: r }) {
+		let i = e, a = r, o = _(), s = z(null), c = z(null), l = i.layout, u = typeof matchMedia == "function" && matchMedia("(pointer: coarse)").matches, d = k(() => u && i.density === "compact" ? "standard" : i.density), f = k(() => i.selectable ? i.phone ? Vn : Bn : 0), p = k(() => !!i.rowError && i.rows.some((e) => S(e).length > 0)), ee = k(() => {
 			let e = i.rowActions ?? [];
-			return e.some((e) => e.inline) ? i.rows.reduce((t, n) => Math.max(t, se(e, n).length), 0) : 0;
-		}), ee = j(() => i.rowMenu ? Un + (m.value ? Gn : 0) + g.value * Kn + Wn + Un : 0);
-		Fe(() => {
-			let e = c.value;
+			return e.some((e) => e.inline) ? i.rows.reduce((t, n) => Math.max(t, y(e, n).length), 0) : 0;
+		}), m = k(() => {
+			if (!i.rowMenu) return "";
+			let e = p.value ? " + var(--dt-icon) - 2px + var(--dt-space)" : "", t = ee.value;
+			return `calc(16px${e} + ${t + 1} * var(--dt-control-h-sm) + ${t} * var(--dt-space))`;
+		});
+		Le(() => {
+			let e = s.value;
 			if (!e) return;
 			let t = [
-				p.value ? `${p.value}px` : "",
-				u.colsVar.value,
-				ee.value ? `${ee.value}px` : ""
+				f.value ? `${f.value}px` : "",
+				l.colsVar.value,
+				m.value
 			];
-			e.style.setProperty("--cols", t.filter(Boolean).join(" ")), e.style.setProperty("--dt-min-w", `${u.minWidth.value + p.value + ee.value}px`), e.style.setProperty("--dt-sel-w", `${p.value}px`), e.style.setProperty("--dt-menu-w", `${ee.value}px`);
-			let n = new Set(u.start.value.map((e) => e.offsetVar)), r = new Set(u.end.value.map((e) => e.offsetVar));
-			for (let [t, i] of Object.entries(u.offsetVars.value)) {
-				let a = n.has(t) ? p.value : r.has(t) ? ee.value : 0;
-				e.style.setProperty(t, a ? `${parseFloat(i) + a}px` : i);
-			}
+			e.style.setProperty("--cols", t.filter(Boolean).join(" "));
+			let n = `${l.minWidth.value + f.value}px`;
+			e.style.setProperty("--dt-min-w", m.value ? `calc(${n} + ${m.value})` : n), e.style.setProperty("--dt-sel-w", `${f.value}px`), e.style.setProperty("--dt-menu-w", m.value || "0px");
+			let r = new Set(l.start.value.map((e) => e.offsetVar)), i = new Set(l.end.value.map((e) => e.offsetVar));
+			for (let [t, n] of Object.entries(l.offsetVars.value)) r.has(t) ? e.style.setProperty(t, `${parseFloat(n) + f.value}px`) : i.has(t) && m.value ? e.style.setProperty(t, `calc(${n} + ${m.value})`) : e.style.setProperty(t, n);
 		}, { flush: "sync" });
-		let _ = V(40), v = V(36), ne = V(0), re = () => {
-			let e = l.value;
-			ne.value = e ? Math.max(0, e.offsetHeight - e.clientHeight) : 0;
-		}, b = () => {
-			let e = c.value ? parseFloat(getComputedStyle(c.value).getPropertyValue("--dt-row-h")) : NaN;
-			_.value = Number.isFinite(e) ? e : 40, v.value = c.value?.querySelector(".dt-head")?.offsetHeight ?? v.value, re();
+		let h = z(40), g = z(36), v = z(0), ne = () => {
+			let e = c.value;
+			v.value = e ? Math.max(0, e.offsetHeight - e.clientHeight) : 0, s.value?.style.setProperty("--dt-bar-w", `${e ? Math.max(0, e.offsetWidth - e.clientWidth) : 0}px`), s.value?.style.setProperty("--dt-bar-h", `${v.value}px`);
+		}, re = () => {
+			let e = s.value ? parseFloat(getComputedStyle(s.value).getPropertyValue("--dt-row-h")) : NaN;
+			h.value = Number.isFinite(e) ? e : 40, g.value = s.value?.querySelector(".dt-head")?.offsetHeight ?? g.value, ne();
 		};
-		we(b), q([f, () => i.phone], () => requestAnimationFrame(b));
-		let ae = j(() => ({
-			fmt: e(s.locale),
-			i18n: s.i18n,
+		De(re), K([d, () => i.phone], () => requestAnimationFrame(re));
+		let ie = k(() => ({
+			fmt: ce(o.locale),
+			i18n: o.i18n,
 			today: /* @__PURE__ */ new Date(),
 			labels: oe,
-			density: f.value,
-			coarse: d
-		})), oe = i.labels ?? new te(), ce = () => [...c.value?.querySelectorAll(".dt-head-label") ?? []], le = (e) => [...c.value?.querySelectorAll("[data-col]") ?? []].filter((t) => t.dataset.col === e), ue = (e) => {
-			let t = ce();
-			t[Math.max(0, Math.min(t.length - 1, e))]?.focus();
-		}, x = (e) => u.rowId(i.rows[e]), de = (e) => !!i.selection?.[x(e)], fe = (e) => !!i.expanded?.[u.rowId(e)], S = (e) => !!i.expandable && (i.canExpand?.(e) ?? !0), me = (e) => i.primaryLabel?.(e) ?? u.rowId(e), C = Ae(), w = (e) => `${C}-sub-${u.rowId(e)}`, T = (e) => `${C}-r-${u.rowId(e)}`, E = (e) => {
+			density: d.value,
+			coarse: u
+		})), oe = i.labels ?? new ae(), se = (e) => [...s.value?.querySelectorAll("[data-col]") ?? []].filter((t) => t.dataset.col === e), b = (e) => l.rowId(i.rows[e]), x = (e) => !!i.selection?.[b(e)], ue = (e) => !!i.expanded?.[l.rowId(e)], de = (e) => !!i.expandable && (i.canExpand?.(e) ?? !0), fe = (e) => i.primaryLabel?.(e) ?? l.rowId(e), pe = Me(), me = (e) => `${pe}-sub-${l.rowId(e)}`, he = (e) => `${pe}-r-${l.rowId(e)}`, S = (e) => {
 			let t = i.rowError?.(e);
 			return (Array.isArray(t) ? t : [t]).filter((e) => !!e);
-		}, D = (e) => c.value?.querySelector(`.dt-row[data-index="${e}"]`) ?? null, O = hn({
-			count: () => i.rows.length,
-			rowEl: D,
-			scrollToIndex: (e) => W.value.scrollToIndex(e, { align: "auto" }),
-			pageSize: () => Math.max(1, Math.floor((l.value?.clientHeight ?? 0) / (_.value + 1)) - 1),
-			onEnter: (e) => D(e)?.querySelector(".dt-cell.is-primary a.dt-link")?.click(),
-			onRight: (e) => {
-				let t = i.rows[e];
-				return !t || !S(t) || fe(t) ? !1 : (o("toggle-expand", u.rowId(t), !0), !0);
-			},
-			onLeft: (e) => {
-				let t = i.rows[e];
-				return !t || !fe(t) ? !1 : (o("toggle-expand", u.rowId(t), !1), !0);
-			},
-			onTop: () => ue(0)
-		}), k = -1, he = (e, t) => {
+		}, _e = z(-1), C = (e) => {
+			let t = e.target.closest(".dt-row[data-index]");
+			_e.value = t ? Number(t.dataset.index) : -1;
+		}, w = -1, T = (e, t) => {
 			let [n, r] = e < t ? [e, t] : [t, e];
-			return i.rows.slice(n, r + 1).map((e) => u.rowId(e));
-		}, ge = V(-1), I = (e) => {
-			let t = e.target, n = t.closest("[role=\"row\"][data-index]");
-			if (n && t === n) {
-				let t = Number(n.dataset.index), r = e.metaKey || e.ctrlKey;
-				if (i.selectable) {
-					if ((e.key === "x" || e.key === "X") && !r && !e.altKey) {
-						e.preventDefault(), k = t, o("select-rows", [x(t)], !de(t));
-						return;
-					}
-					if ((e.key === "a" || e.key === "A") && r && !e.shiftKey) {
-						e.preventDefault(), o("select-page", !0);
-						return;
-					}
-					if (e.shiftKey && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-						e.preventDefault(), k < 0 && (k = t);
-						let n = Math.max(0, Math.min(i.rows.length - 1, e.key === "ArrowDown" ? t + 1 : t - 1));
-						o("select-rows", he(k, n), !0), O.focusRow(n);
-						return;
-					}
-					(e.key.startsWith("Arrow") || e.key === "Home" || e.key === "End") && (k = -1);
-				}
-				if (i.rowMenu && (e.key === "F10" && e.shiftKey || e.key === "ContextMenu")) {
-					e.preventDefault(), ge.value = t;
-					return;
-				}
-			}
-			O.onKeydown(e);
-		}, _e = (e, t, n) => {
-			o("select-rows", n && k >= 0 ? he(k, e) : [x(e)], t), k = e;
-		}, R = j(() => i.selectable ? i.rows.reduce((e, t) => e + +!!i.selection?.[u.rowId(t)], 0) : 0), ve = j(() => i.rows.length > 0 && R.value === i.rows.length), ye = j(() => R.value > 0 && !ve.value), be = j(() => !!i.skeleton), Te = j(() => be.value ? 12 : i.rows.length), W = Pt(j(() => ({
-			count: Te.value,
-			getScrollElement: () => l.value,
-			estimateSize: () => _.value + 1,
-			scrollMargin: v.value,
-			scrollPaddingStart: v.value,
-			scrollPaddingEnd: ne.value,
+			return i.rows.slice(n, r + 1).map((e) => l.rowId(e));
+		}, E = z(-1), ve = (e, t, n) => {
+			a("select-rows", n && w >= 0 ? T(w, e) : [b(e)], t), w = e;
+		}, D = k(() => i.selectable ? i.rows.reduce((e, t) => e + +!!i.selection?.[l.rowId(t)], 0) : 0), ye = k(() => i.rows.length > 0 && D.value === i.rows.length), P = k(() => D.value > 0 && !ye.value), be = k(() => !!i.skeleton), I = k(() => be.value ? 12 : i.rows.length), xe = It(k(() => ({
+			count: I.value,
+			getScrollElement: () => c.value,
+			estimateSize: () => h.value + 1,
+			scrollMargin: g.value,
+			scrollPaddingStart: g.value,
+			scrollPaddingEnd: v.value,
 			overscan: 10,
-			getItemKey: (e) => be.value ? `sk-${e}` : u.rowId(i.rows[e]),
+			getItemKey: (e) => be.value ? `sk-${e}` : l.rowId(i.rows[e]),
 			rangeExtractor: (e) => {
-				let t = Math.max(0, e.startIndex - e.overscan), n = Math.min(e.count - 1, e.endIndex + e.overscan), r = [], i = O.focusedIndex.value;
+				let t = Math.max(0, e.startIndex - e.overscan), n = Math.min(e.count - 1, e.endIndex + e.overscan), r = [], i = _e.value;
 				!be.value && i >= 0 && i < t && i < e.count && r.push(i);
 				for (let e = t; e <= n; e++) r.push(e);
 				return !be.value && i > n && i < e.count && r.push(i), r;
 			}
-		}))), De = j(() => W.value.getVirtualItems()), ke = j(() => W.value.getTotalSize()), je = (e, t) => {
-			e && !be.value && fe(i.rows[t]) && W.value.measureElement(e);
+		}))), Se = k(() => xe.value.getVirtualItems()), Ce = k(() => xe.value.getTotalSize()), Oe = (e, t) => {
+			e && !be.value && ue(i.rows[t]) && xe.value.measureElement(e);
 		};
-		q(() => new Set(Object.keys(i.expanded ?? {}).filter((e) => i.expanded[e])), (e, t) => {
+		K(() => new Set(Object.keys(i.expanded ?? {}).filter((e) => i.expanded[e])), (e, t) => {
 			for (let n of t ?? []) {
 				if (e.has(n)) continue;
-				let t = i.rows.findIndex((e) => u.rowId(e) === n);
-				t >= 0 && W.value.resizeItem(t, _.value + 1);
+				let t = i.rows.findIndex((e) => l.rowId(e) === n);
+				t >= 0 && xe.value.resizeItem(t, h.value + 1);
 			}
 		});
-		let Me = Ee(!1), Ne = Ee(!1), Pe = Ee(null), J, Ie = 0, Le = () => {
-			let e = l.value;
-			if (!e || (re(), Me.value = e.scrollLeft > 0, Ne.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1, e.scrollTop === Ie)) return;
-			Ie = e.scrollTop;
-			let t = W.value.range;
-			t && !be.value && (Pe.value = {
+		let ke = H(!1), Ae = H(!1), W = H(null), Ne, Pe = 0, Fe = () => {
+			let e = c.value;
+			if (!e || (ne(), ke.value = e.scrollLeft > 0, Ae.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1, e.scrollTop === Pe)) return;
+			Pe = e.scrollTop;
+			let t = xe.value.range;
+			t && !be.value && (W.value = {
 				from: i.rowIndexOffset + t.startIndex + 1,
 				to: i.rowIndexOffset + t.endIndex + 1
-			}, clearTimeout(J), J = setTimeout(() => Pe.value = null, 900));
-		}, Re = j(() => Pe.value ? s.i18n.t("page.scrollPos", {
-			from: Pe.value.from,
-			to: Pe.value.to
+			}, clearTimeout(Ne), Ne = setTimeout(() => W.value = null, 900));
+		}, Ie = k(() => W.value ? o.i18n.t("page.scrollPos", {
+			from: W.value.from,
+			to: W.value.to
 		}) : "");
-		we(() => {
-			Le(), l.value && typeof ResizeObserver < "u" && new ResizeObserver(Le).observe(l.value);
-		}), Ce(() => clearTimeout(J));
-		let ze = null, Be = (e) => {
-			ze = {
+		De(() => {
+			Fe(), c.value && typeof ResizeObserver < "u" && new ResizeObserver(Fe).observe(c.value);
+		}), Ee(() => clearTimeout(Ne));
+		let q = null, Re = (e) => {
+			q = {
 				x: e.clientX,
 				y: e.clientY
-			}, O.onMousedown(e);
-		}, Ve = (e) => {
-			let t = e.target, n = t.closest(".dt-row[data-index]");
-			if (!n) return;
-			let r = i.rows[Number(n.dataset.index)];
+			};
+		}, ze = (e) => {
+			let t = e.target, r = t.closest(".dt-row[data-index]");
 			if (!r) return;
-			let a = t.closest("a.dt-link");
-			a && a.closest(".dt-cell.is-primary") && n.contains(a) ? e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && o("row-open", Oe(r), e) : h(e, n, ze) && o("row-click", Oe(r), e);
-		}, He = (e) => i.sort?.get(e), Ue = (e) => i.sortable && (e.def.sortable ?? a[e.def.type].sortable), We = (e) => {
-			let t = c.value;
-			if (!t) return;
-			let n = le(e.id).flatMap((e) => [...e.querySelectorAll(".dt-cell-content, .dt-head-text")]);
-			for (let e of n) e.style.width = "max-content", e.style.maxWidth = "none", e.style.flex = "none";
-			let r = n.reduce((e, t) => Math.max(e, t.getBoundingClientRect().width), 0);
-			for (let e of n) e.style.width = "", e.style.maxWidth = "", e.style.flex = "";
-			let i = parseFloat(getComputedStyle(t).getPropertyValue("--dt-cell-x")) || 12;
-			u.setWidth(e.id, Math.ceil(r) + i * 2 + 24);
-		}, Ge = (e, t) => {
+			let o = i.rows[Number(r.dataset.index)];
+			if (!o) return;
+			let s = t.closest("a.dt-link");
+			s && s.closest(".dt-cell.is-primary") && r.contains(s) ? e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && a("row-open", je(o), e) : n(e, r, q) && a("row-click", je(o), e);
+		}, Be = (e) => i.sort?.get(e), Ve = (e) => i.sortable && (e.def.sortable ?? te[e.def.type].sortable), He = (e, t) => {
 			switch (t) {
 				case "filter":
-					o("header-filter", e.id);
+					a("header-filter", e.id);
 					return;
 				case "sort-asc":
 				case "sort-desc":
 				case "sort-clear":
-					o("sort-set", e.id, t === "sort-clear" ? null : t === "sort-asc" ? "asc" : "desc");
-					return;
-				case "pin-left":
-					u.pin(e.id, "start");
-					return;
-				case "pin-right":
-					u.pin(e.id, "end");
-					return;
-				case "unpin":
-					u.pin(e.id, null);
-					return;
-				case "fit":
-					We(e);
+					a("sort-set", e.id, t === "sort-clear" ? null : t === "sort-asc" ? "asc" : "desc");
 					return;
 				case "hide":
-					u.setVisible(e.id, !1);
+					l.setVisible(e.id, !1);
 					return;
 				case "move-left":
 				case "move-right": {
 					let n = document.activeElement?.closest(".dt-head-cell")?.dataset.col === e.id;
-					u.move(e.id, t === "move-left" ? -1 : 1), n && xe(() => le(e.id)[0]?.querySelector(".dt-head-label")?.focus());
+					l.move(e.id, t === "move-left" ? -1 : 1), n && we(() => se(e.id)[0]?.querySelector(".dt-head-label")?.focus());
 				}
 			}
-		}, Ke = (e, t) => {
-			if (t === "down") {
-				O.focusRow(O.focusedIndex.value);
-				return;
-			}
-			let n = u.columns.value.findIndex((t) => t.id === e.id);
-			ue(t === "left" ? n - 1 : n + 1);
-		}, qe = i.rows.map((e) => u.rowId(e));
-		return q(() => i.rows.map((e) => u.rowId(e)).join("\0"), () => {
-			let e = i.rows.map((e) => u.rowId(e)), t = !!c.value && c.value.contains(document.activeElement), n = qe[O.focusedIndex.value], r = n === void 0 ? -1 : e.indexOf(n);
-			r >= 0 ? O.focusedIndex.value = r : O.clamp(), qe = e, k = -1, t && e.length && xe(() => O.focusRow(O.focusedIndex.value));
-		}), q(_, () => W.value.measure()), n({
-			focusRow: O.focusRow,
-			scrollToIndex: (e) => W.value.scrollToIndex(e),
+		};
+		return K(() => i.rows.map((e) => l.rowId(e)).join("\0"), () => w = -1), K(h, () => xe.value.measure()), t({
+			scrollToIndex: (e) => xe.value.scrollToIndex(e),
 			scrollToTop: () => {
-				l.value && (l.value.scrollTop = 0);
+				c.value && (c.value.scrollTop = 0);
 			},
-			measure: () => W.value.measure(),
-			rowEl: D
-		}), (e, n) => (B(), P("div", {
+			measure: () => xe.value.measure()
+		}), (t, n) => (R(), M("div", {
 			ref_key: "root",
-			ref: c,
-			class: z(["dt-grid", {
-				"is-scrolled-start": Me.value,
-				"is-scrolled-end": Ne.value,
-				"is-keyboard": K(O).keyboard.value,
+			ref: s,
+			class: L(["dt-grid", {
+				"is-scrolled-start": ke.value,
+				"is-scrolled-end": Ae.value,
 				"is-skeleton": be.value,
-				"is-dim": t.dim,
-				"has-vlines": t.verticalLines,
-				"is-phone": t.phone
+				"is-dim": e.dim,
+				"has-vlines": e.verticalLines,
+				"is-phone": e.phone
 			}]),
-			role: "grid",
-			"aria-label": t.label,
-			"aria-rowcount": t.rowCount,
-			"aria-colcount": K(u).columns.value.length + +!!t.selectable + +!!t.rowMenu,
-			"aria-busy": t.loading || t.dim ? "true" : void 0,
-			"data-density": f.value,
-			onKeydown: I,
-			onMousedown: Be,
-			onPointerdown: n[9] ||= (...e) => K(O).onPointerdown && K(O).onPointerdown(...e),
-			onFocusin: n[10] ||= (...e) => K(O).onFocusin && K(O).onFocusin(...e),
-			onClick: Ve
+			role: "table",
+			"aria-label": e.label,
+			"aria-rowcount": e.rowCount,
+			"aria-colcount": G(l).columns.value.length + +!!e.selectable + +!!e.rowMenu,
+			"aria-busy": e.loading || e.dim ? "true" : void 0,
+			"data-density": d.value,
+			onMousedown: Re,
+			onFocusin: C,
+			onClick: ze
 		}, [
-			F("div", {
+			N("div", {
 				ref_key: "scrollEl",
-				ref: l,
+				ref: c,
 				class: "dt-scroll",
-				onScrollPassive: Le
-			}, [F("div", Mn, [
-				t.selectable ? (B(), P("div", {
+				style: Te({
+					scrollPaddingTop: `${g.value}px`,
+					scrollPaddingBottom: `${v.value}px`
+				}),
+				onScrollPassive: Fe
+			}, [N("div", jn, [
+				e.selectable ? (R(), M("div", {
 					key: 0,
-					class: z(["dt-head-cell dt-head-select is-pinned-start", { "is-pin-edge": !K(u).start.value.length }]),
+					class: L(["dt-head-cell dt-head-select is-pinned-start", { "is-pin-edge": !G(l).start.value.length }]),
 					style: { left: "0px" },
 					role: "columnheader"
-				}, [F("input", {
+				}, [N("input", {
 					type: "checkbox",
 					class: "dt-checkbox",
-					checked: ve.value,
-					indeterminate: ye.value,
-					"aria-label": K(s).i18n.t("row.selectPageAria"),
-					onClick: n[0] ||= (e) => o("select-page", !ve.value)
-				}, null, 8, Nn)], 2)) : N("", !0),
-				(B(!0), P(A, null, H([...K(u).start.value, ...K(u).center.value], (e) => (B(), M(An, {
-					key: e.id,
-					column: e,
-					sort: He(e.id)?.dir ?? null,
-					"sort-index": He(e.id)?.index ?? null,
-					filtered: t.filteredColumns?.has(e.id) ?? !1,
-					resizing: K(u).resizing.value?.id === e.id ? K(u).resizing.value.size : null,
-					sortable: Ue(e),
-					phone: t.phone,
-					onSort: n[1] ||= (e, t) => o("sort", e.id, t),
-					onFilter: n[2] ||= (e) => o("header-filter", e.id),
-					onAction: Ge,
-					onNav: Ke,
-					onResizeBy: n[3] ||= (e, t) => K(u).setWidth(e.id, K(u).widthOf(e.id) + t),
-					onResizeStart: n[4] ||= (e, t) => K(u).setWidth(e.id, t)
+					checked: ye.value,
+					indeterminate: P.value,
+					"aria-label": G(o).i18n.t("row.selectPageAria"),
+					onClick: n[0] ||= (e) => a("select-page", !ye.value)
+				}, null, 8, Mn)], 2)) : j("", !0),
+				(R(!0), M(O, null, B([...G(l).start.value, ...G(l).center.value], (t) => (R(), A(kn, {
+					key: t.id,
+					column: t,
+					sort: Be(t.id)?.dir ?? null,
+					"sort-index": Be(t.id)?.index ?? null,
+					filtered: e.filteredColumns?.has(t.id) ?? !1,
+					resizing: G(l).resizing.value?.id === t.id ? G(l).resizing.value.size : null,
+					sortable: Ve(t),
+					phone: e.phone,
+					onSort: n[1] ||= (e, t) => a("sort", e.id, t),
+					onFilter: n[2] ||= (e) => a("header-filter", e.id),
+					onAction: He,
+					onResizeBy: n[3] ||= (e, t) => G(l).setWidth(e.id, G(l).widthOf(e.id) + t),
+					onResizeStart: n[4] ||= (e, t) => G(l).setWidth(e.id, t)
 				}, null, 8, [
 					"column",
 					"sort",
@@ -1135,26 +962,25 @@ var gn = ["aria-sort", "data-col"], _n = [
 					"sortable",
 					"phone"
 				]))), 128)),
-				n[11] ||= F("div", {
+				n[9] ||= N("div", {
 					class: "dt-head-cell dt-cell-fill",
 					role: "presentation",
 					"aria-hidden": "true"
 				}, null, -1),
-				(B(!0), P(A, null, H(K(u).end.value, (e) => (B(), M(An, {
-					key: e.id,
-					column: e,
-					sort: He(e.id)?.dir ?? null,
-					"sort-index": He(e.id)?.index ?? null,
-					filtered: t.filteredColumns?.has(e.id) ?? !1,
-					resizing: K(u).resizing.value?.id === e.id ? K(u).resizing.value.size : null,
-					sortable: Ue(e),
-					phone: t.phone,
-					onSort: n[5] ||= (e, t) => o("sort", e.id, t),
-					onFilter: n[6] ||= (e) => o("header-filter", e.id),
-					onAction: Ge,
-					onNav: Ke,
-					onResizeBy: n[7] ||= (e, t) => K(u).setWidth(e.id, K(u).widthOf(e.id) + t),
-					onResizeStart: n[8] ||= (e, t) => K(u).setWidth(e.id, t)
+				(R(!0), M(O, null, B(G(l).end.value, (t) => (R(), A(kn, {
+					key: t.id,
+					column: t,
+					sort: Be(t.id)?.dir ?? null,
+					"sort-index": Be(t.id)?.index ?? null,
+					filtered: e.filteredColumns?.has(t.id) ?? !1,
+					resizing: G(l).resizing.value?.id === t.id ? G(l).resizing.value.size : null,
+					sortable: Ve(t),
+					phone: e.phone,
+					onSort: n[5] ||= (e, t) => a("sort", e.id, t),
+					onFilter: n[6] ||= (e) => a("header-filter", e.id),
+					onAction: He,
+					onResizeBy: n[7] ||= (e, t) => G(l).setWidth(e.id, G(l).widthOf(e.id) + t),
+					onResizeStart: n[8] ||= (e, t) => G(l).setWidth(e.id, t)
 				}, null, 8, [
 					"column",
 					"sort",
@@ -1164,85 +990,83 @@ var gn = ["aria-sort", "data-col"], _n = [
 					"sortable",
 					"phone"
 				]))), 128)),
-				t.rowMenu ? (B(), P("div", {
+				e.rowMenu ? (R(), M("div", {
 					key: 1,
-					class: z(["dt-head-cell dt-head-menu-col is-pinned-end", { "is-pin-edge": !K(u).end.value.length }]),
+					class: L(["dt-head-cell dt-head-menu-col is-pinned-end", { "is-pin-edge": !G(l).end.value.length }]),
 					style: { right: "0px" },
 					role: "columnheader"
-				}, null, 2)) : N("", !0)
-			]), F("div", {
+				}, null, 2)) : j("", !0)
+			]), N("div", {
 				class: "dt-body",
 				role: "presentation",
-				inert: t.dim || void 0,
-				style: Se({ height: `${ke.value}px` })
-			}, [(B(!0), P(A, null, H(De.value, (n) => (B(), P("div", {
+				inert: e.dim || void 0,
+				style: Te({ height: `${Ce.value}px` })
+			}, [(R(!0), M(O, null, B(Se.value, (n) => (R(), M("div", {
 				key: String(n.key),
 				ref_for: !0,
-				ref: (e) => je(e, n.index),
+				ref: (e) => Oe(e, n.index),
 				class: "dt-item",
 				"data-index": n.index,
-				style: Se({ transform: `translateY(${n.start - v.value}px)` })
-			}, [be.value ? (B(), M(K(y), {
+				style: Te({ transform: `translateY(${n.start - g.value}px)` })
+			}, [be.value ? (R(), A(G(le), {
 				key: 0,
 				index: n.index,
-				columns: K(u).columns.value
-			}, null, 8, ["index", "columns"])) : (B(), P(A, { key: 1 }, [L(K(ie), {
-				row: t.rows[n.index],
+				columns: G(l).columns.value
+			}, null, 8, ["index", "columns"])) : (R(), M(O, { key: 1 }, [F(G(ge), {
+				row: e.rows[n.index],
 				index: n.index,
-				"row-index": 2 + t.rowIndexOffset + n.index,
-				columns: K(u).columns.value,
-				env: ae.value,
-				focused: K(O).focusedIndex.value === n.index,
-				"keyboard-focus": K(O).keyboard.value,
-				"secondary-visible": f.value === "comfortable",
-				label: me(t.rows[n.index]),
-				selectable: t.selectable,
-				selected: de(n.index),
-				"select-edge": !K(u).start.value.length,
-				expandable: t.expandable,
-				"can-expand": S(t.rows[n.index]),
-				expanded: fe(t.rows[n.index]),
-				"subrow-id": w(t.rows[n.index]),
-				menu: t.rowMenu,
-				"menu-open": ge.value === n.index,
-				"menu-edge": !K(u).end.value.length,
-				"row-actions": t.rowActions,
-				error: E(t.rows[n.index]),
-				uid: T(t.rows[n.index]),
-				href: t.primaryHref?.(t.rows[n.index]),
-				"primary-header": t.primaryHeader,
-				onSelect: (e, t) => _e(n.index, e, t),
-				onExpand: (e) => o("toggle-expand", x(n.index), !fe(t.rows[n.index])),
-				onMenuOpen: (e) => ge.value = e ? n.index : -1,
-				onOpen: (e) => o("row-open", Oe(t.rows[n.index]), e),
-				onCopy: (e) => o("copy-id", Oe(t.rows[n.index]))
-			}, null, 8, /* @__PURE__ */ "row.index.row-index.columns.env.focused.keyboard-focus.secondary-visible.label.selectable.selected.select-edge.expandable.can-expand.expanded.subrow-id.menu.menu-open.menu-edge.row-actions.error.uid.href.primary-header.onSelect.onExpand.onMenuOpen.onOpen.onCopy".split(".")), fe(t.rows[n.index]) ? (B(), P("div", {
+				"row-index": 2 + e.rowIndexOffset + n.index,
+				columns: G(l).columns.value,
+				env: ie.value,
+				"secondary-visible": d.value === "comfortable",
+				label: fe(e.rows[n.index]),
+				selectable: e.selectable,
+				selected: x(n.index),
+				"select-edge": !G(l).start.value.length,
+				expandable: e.expandable,
+				"can-expand": de(e.rows[n.index]),
+				expanded: ue(e.rows[n.index]),
+				"subrow-id": me(e.rows[n.index]),
+				menu: e.rowMenu,
+				"menu-open": E.value === n.index,
+				"menu-edge": !G(l).end.value.length,
+				"row-actions": e.rowActions,
+				error: S(e.rows[n.index]),
+				uid: he(e.rows[n.index]),
+				href: e.primaryHref?.(e.rows[n.index]),
+				"primary-header": e.primaryHeader,
+				onSelect: (e, t) => ve(n.index, e, t),
+				onExpand: (t) => a("toggle-expand", b(n.index), !ue(e.rows[n.index])),
+				onMenuOpen: (e) => E.value = e ? n.index : -1,
+				onOpen: (t) => a("row-open", je(e.rows[n.index]), t),
+				onCopy: (t) => a("copy-id", je(e.rows[n.index]))
+			}, null, 8, /* @__PURE__ */ "row.index.row-index.columns.env.secondary-visible.label.selectable.selected.select-edge.expandable.can-expand.expanded.subrow-id.menu.menu-open.menu-edge.row-actions.error.uid.href.primary-header.onSelect.onExpand.onMenuOpen.onOpen.onCopy".split(".")), ue(e.rows[n.index]) ? (R(), M("div", {
 				key: 0,
-				id: w(t.rows[n.index]),
+				id: me(e.rows[n.index]),
 				class: "dt-subrow",
 				role: "row",
-				"aria-rowindex": 2 + t.rowIndexOffset + n.index
-			}, [F("div", {
-				role: "gridcell",
-				"aria-colspan": K(u).columns.value.length
-			}, [U(e.$slots, "expanded", {
-				row: Oe(t.rows[n.index]),
-				close: () => o("toggle-expand", x(n.index), !1)
-			})], 8, Ln)], 8, In)) : N("", !0)], 64))], 12, Fn))), 128))], 12, Pn)], 544),
-			t.refreshing ? (B(), P("div", Rn)) : N("", !0),
-			e.$slots.notice ? (B(), P("div", zn, [U(e.$slots, "notice")])) : N("", !0),
-			e.$slots.state && !be.value && t.rows.length === 0 ? (B(), P("div", Bn, [U(e.$slots, "state")])) : N("", !0),
-			F("div", {
-				class: z(["dt-scroll-pill", { "is-visible": Pe.value }]),
+				"aria-rowindex": 2 + e.rowIndexOffset + n.index
+			}, [N("div", {
+				role: "cell",
+				"aria-colspan": G(l).columns.value.length
+			}, [V(t.$slots, "expanded", {
+				row: je(e.rows[n.index]),
+				close: () => a("toggle-expand", b(n.index), !1)
+			})], 8, In)], 8, Fn)) : j("", !0)], 64))], 12, Pn))), 128))], 12, Nn)], 36),
+			e.refreshing ? (R(), M("div", Ln)) : j("", !0),
+			t.$slots.notice ? (R(), M("div", Rn, [V(t.$slots, "notice")])) : j("", !0),
+			t.$slots.state && !be.value && e.rows.length === 0 ? (R(), M("div", zn, [V(t.$slots, "state")])) : j("", !0),
+			N("div", {
+				class: L(["dt-scroll-pill", { "is-visible": W.value }]),
 				"aria-hidden": "true"
-			}, G(Re.value), 3)
-		], 42, jn));
+			}, U(Ie.value), 3)
+		], 42, An));
 	}
-}), Jn = ["aria-label", "data-dt-tip"], Yn = ["data-state"], Xn = /* @__PURE__ */ R({
+}), Un = ["aria-label", "data-dt-tip"], Wn = ["data-state"], Gn = /* @__PURE__ */ I({
 	__name: "MoreMenu",
 	props: {
 		refresh: { type: Boolean },
-		export: { type: Boolean },
+		export: { type: [String, Boolean] },
 		import: { type: Boolean },
 		print: { type: Boolean },
 		autoRefresh: { type: Boolean },
@@ -1256,47 +1080,47 @@ var gn = ["aria-sort", "data-col"], _n = [
 		"update:autoRefreshOn"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { i18n: i } = pe(), a = () => n.export || n.import || n.print;
-		return (t, n) => (B(), M(K(yt), null, {
-			default: J(() => [L(K(Ct), { "as-child": "" }, {
-				default: J(() => [F("button", {
+		let n = e, r = t, { i18n: i } = _(), a = () => n.export || n.import || n.print;
+		return (t, n) => (R(), A(G(xt), null, {
+			default: q(() => [F(G(Tt), { "as-child": "" }, {
+				default: q(() => [N("button", {
 					type: "button",
 					class: "dt-btn dt-btn-icon",
-					"aria-label": K(i).t("toolbar.more"),
-					"data-dt-tip": K(i).t("toolbar.more")
-				}, [L(K(Ke), {
+					"aria-label": G(i).t("toolbar.more"),
+					"data-dt-tip": G(i).t("toolbar.more")
+				}, [F(G(Je), {
 					size: 16,
 					weight: "bold",
 					"aria-hidden": "true"
-				})], 8, Jn)]),
+				})], 8, Un)]),
 				_: 1
-			}), L(K(Q), null, {
-				default: J(() => [L(K(_t), {
-					class: "dt-menu dt-more",
+			}), F(G(Q), null, {
+				default: q(() => [F(G(yt), {
+					class: "dt-menu dt-more-menu",
 					align: "end",
 					"side-offset": 4
 				}, {
-					default: J(() => [
-						t.$props.export ? (B(), M(K(bt), { key: 0 }, {
-							default: J(() => [L(K(St), { class: "dt-menu-item" }, {
-								default: J(() => [I(G(K(i).t("toolbar.export")), 1)]),
+					default: q(() => [
+						t.$props.export ? (R(), A(G(St), { key: 0 }, {
+							default: q(() => [F(G(wt), { class: "dt-menu-item" }, {
+								default: q(() => [P(U(t.$props.export), 1)]),
 								_: 1
-							}), L(K(Q), null, {
-								default: J(() => [L(K(xt), {
+							}), F(G(Q), null, {
+								default: q(() => [F(G(Ct), {
 									class: "dt-menu",
 									"side-offset": 4
 								}, {
-									default: J(() => [L(K(Z), {
+									default: q(() => [F(G(Z), {
 										class: "dt-menu-item",
 										onSelect: n[0] ||= (e) => r("export", "csv")
 									}, {
-										default: J(() => [I(G(K(i).t("toolbar.csv")), 1)]),
+										default: q(() => [P(U(G(i).t("toolbar.csv")), 1)]),
 										_: 1
-									}), L(K(Z), {
+									}), F(G(Z), {
 										class: "dt-menu-item",
 										onSelect: n[1] ||= (e) => r("export", "xlsx")
 									}, {
-										default: J(() => [I(G(K(i).t("toolbar.xlsx")), 1)]),
+										default: q(() => [P(U(G(i).t("toolbar.xlsx")), 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -1304,48 +1128,48 @@ var gn = ["aria-sort", "data-col"], _n = [
 								_: 1
 							})]),
 							_: 1
-						})) : N("", !0),
-						t.$props.import ? (B(), M(K(Z), {
+						})) : j("", !0),
+						t.$props.import ? (R(), A(G(Z), {
 							key: 1,
 							class: "dt-menu-item",
 							onSelect: n[2] ||= (e) => r("import")
 						}, {
-							default: J(() => [I(G(K(i).t("toolbar.import")), 1)]),
+							default: q(() => [P(U(G(i).t("toolbar.import")), 1)]),
 							_: 1
-						})) : N("", !0),
-						e.print ? (B(), M(K(Z), {
+						})) : j("", !0),
+						e.print ? (R(), A(G(Z), {
 							key: 2,
 							class: "dt-menu-item",
 							onSelect: n[3] ||= (e) => r("print")
 						}, {
-							default: J(() => [I(G(K(i).t("toolbar.print")), 1)]),
+							default: q(() => [P(U(G(i).t("toolbar.print")), 1)]),
 							_: 1
-						})) : N("", !0),
-						a() && (e.refresh || e.autoRefresh) ? (B(), M(K($), {
+						})) : j("", !0),
+						a() && (e.refresh || e.autoRefresh) ? (R(), A(G($), {
 							key: 3,
 							class: "dt-menu-sep"
-						})) : N("", !0),
-						e.refresh ? (B(), M(K(Z), {
+						})) : j("", !0),
+						e.refresh ? (R(), A(G(Z), {
 							key: 4,
 							class: "dt-menu-item",
 							onSelect: n[4] ||= (e) => r("refresh")
 						}, {
-							default: J(() => [I(G(K(i).t("toolbar.refresh")) + " ", 1), n[6] ||= F("kbd", { class: "dt-kbd" }, "R", -1)]),
+							default: q(() => [P(U(G(i).t("toolbar.refresh")) + " ", 1), n[6] ||= N("kbd", { class: "dt-kbd" }, "R", -1)]),
 							_: 1
-						})) : N("", !0),
-						e.autoRefresh ? (B(), M(K(gt), {
+						})) : j("", !0),
+						e.autoRefresh ? (R(), A(G(vt), {
 							key: 5,
 							class: "dt-menu-item",
 							"model-value": e.autoRefreshOn,
 							"onUpdate:modelValue": n[5] ||= (e) => r("update:autoRefreshOn", e === !0)
 						}, {
-							default: J(() => [I(G(K(i).t("toolbar.autoRefresh")) + " ", 1), F("span", {
+							default: q(() => [P(U(G(i).t("toolbar.autoRefresh")) + " ", 1), N("span", {
 								class: "dt-switch dt-pop-end",
 								"data-state": e.autoRefreshOn ? "checked" : "unchecked",
 								"aria-hidden": "true"
-							}, [...n[7] ||= [F("span", { class: "dt-switch-thumb" }, null, -1)]], 8, Yn)]),
+							}, [...n[7] ||= [N("span", { class: "dt-switch-thumb" }, null, -1)]], 8, Wn)]),
 							_: 1
-						}, 8, ["model-value"])) : N("", !0)
+						}, 8, ["model-value"])) : j("", !0)
 					]),
 					_: 1
 				})]),
@@ -1354,7 +1178,7 @@ var gn = ["aria-sort", "data-col"], _n = [
 			_: 1
 		}));
 	}
-}), Zn = ["aria-label", "data-dt-tip"], Qn = { class: "dt-toolbar-end" }, $n = /* @__PURE__ */ R({
+}), Kn = { class: "dt-toolbar-side is-start" }, qn = { class: "dt-btn-group" }, Jn = ["aria-label", "data-dt-tip"], Yn = { class: "dt-toolbar-side is-end" }, Xn = { class: "dt-btn-group" }, Zn = { class: "dt-toolbar-end" }, Qn = /* @__PURE__ */ I({
 	__name: "Toolbar",
 	props: {
 		size: {},
@@ -1366,41 +1190,40 @@ var gn = ["aria-sort", "data-col"], _n = [
 	},
 	emits: ["update:search"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, { i18n: a } = pe(), o = V(!1), s = V(null), c = j(() => r.size === "phone"), l = j(() => c.value && (o.value || !!r.search)), u = () => {
+		let r = e, i = n, { i18n: a } = _(), o = z(!1), s = z(null), c = k(() => r.size === "phone"), l = k(() => c.value && (o.value || !!r.search)), u = () => {
 			o.value = !0, requestAnimationFrame(() => s.value?.focus());
 		}, d = () => {
 			o.value = !1, i("update:search", "");
 		};
 		return t({ focusSearch: () => {
 			r.size !== "full" && !o.value && !r.search ? u() : s.value?.focus();
-		} }), (t, n) => (B(), P("div", {
-			class: z(["dt-toolbar", `is-${e.size}`]),
+		} }), (t, n) => (R(), M("div", {
+			class: L(["dt-toolbar", [`is-${e.size}`, { "is-zoned": !l.value }]]),
 			role: "toolbar"
-		}, [l.value ? (B(), P(A, { key: 0 }, [L(b, {
+		}, [l.value ? (R(), M(O, { key: 0 }, [F(se, {
 			ref_key: "searchBox",
 			ref: s,
 			"model-value": e.search ?? "",
 			placeholder: e.searchPlaceholder,
 			phone: "",
 			"onUpdate:modelValue": n[0] ||= (e) => i("update:search", e)
-		}, null, 8, ["model-value", "placeholder"]), F("button", {
+		}, null, 8, ["model-value", "placeholder"]), N("button", {
 			type: "button",
 			class: "dt-btn dt-btn-ghost dt-search-cancel",
 			onClick: d
-		}, G(K(a).t("common.cancel")), 1)], 64)) : (B(), P(A, { key: 1 }, [
-			U(t.$slots, "view"),
-			n[4] ||= F("span", { class: "dt-toolbar-spacer" }, null, -1),
-			e.search === null ? N("", !0) : (B(), P(A, { key: 0 }, [e.size !== "full" && !o.value && !e.search ? (B(), P("button", {
+		}, U(G(a).t("common.cancel")), 1)], 64)) : (R(), M(O, { key: 1 }, [
+			N("div", Kn, [V(t.$slots, "view")]),
+			N("div", qn, [e.search === null ? j("", !0) : (R(), M(O, { key: 0 }, [e.size !== "full" && !o.value && !e.search ? (R(), M("button", {
 				key: 0,
 				type: "button",
 				class: "dt-btn dt-btn-icon dt-search-open",
 				"aria-label": e.searchPlaceholder,
 				"data-dt-tip": e.searchPlaceholder,
 				onClick: u
-			}, [L(K(Je), {
+			}, [F(G(Xe), {
 				size: c.value ? 20 : 16,
 				"aria-hidden": "true"
-			}, null, 8, ["size"])], 8, Zn)) : (B(), M(b, {
+			}, null, 8, ["size"])], 8, Jn)) : (R(), A(se, {
 				key: 1,
 				ref_key: "searchBox",
 				ref: s,
@@ -1408,137 +1231,135 @@ var gn = ["aria-sort", "data-col"], _n = [
 				placeholder: e.searchPlaceholder,
 				"onUpdate:modelValue": n[1] ||= (e) => i("update:search", e),
 				onFocusout: n[2] ||= (e) => o.value = !1
-			}, null, 8, ["model-value", "placeholder"]))], 64)),
-			e.hasFilter ? U(t.$slots, "filter", {
+			}, null, 8, ["model-value", "placeholder"]))], 64)), e.hasFilter ? V(t.$slots, "filter", {
 				iconOnly: c.value,
 				phone: c.value
-			}, void 0, void 0, 1) : N("", !0),
-			e.hasDisplay && !c.value ? U(t.$slots, "display", { iconOnly: e.size !== "full" }, void 0, void 0, 2) : N("", !0),
-			e.hasMore || e.hasDisplay && c.value ? U(t.$slots, "more", { phone: c.value }, void 0, void 0, 3) : N("", !0),
-			t.$slots.end ? (B(), P(A, { key: 4 }, [n[3] ||= F("span", {
+			}, void 0, void 0, 1) : j("", !0)]),
+			n[4] ||= N("span", { class: "dt-toolbar-spacer" }, null, -1),
+			N("div", Yn, [N("div", Xn, [e.hasDisplay && !c.value ? V(t.$slots, "display", { iconOnly: e.size !== "full" }, void 0, void 0, 0) : j("", !0), e.hasMore || e.hasDisplay && c.value ? V(t.$slots, "more", { phone: c.value }, void 0, void 0, 1) : j("", !0)]), t.$slots.end ? (R(), M(O, { key: 0 }, [n[3] ||= N("span", {
 				class: "dt-toolbar-sep",
 				"aria-hidden": "true"
-			}, null, -1), F("span", Qn, [U(t.$slots, "end", { compact: c.value })])], 64)) : N("", !0)
+			}, null, -1), N("span", Zn, [V(t.$slots, "end", { compact: c.value })])], 64)) : j("", !0)])
 		], 64))], 2));
 	}
 });
 //#endregion
 //#region src/core/views/model.ts
-function er(e, t) {
+function $n(e, t) {
 	return (t ? e.find((e) => e.id === t) : void 0) ?? e.find((e) => e.kind === "system" && e.default) ?? e.find((e) => e.kind === "system") ?? null;
 }
-var tr = (e) => {
+var er = (e) => {
 	let t = "value" in e ? e.value : void 0;
 	return {
 		...e,
 		value: Array.isArray(t) ? [...t].sort() : t
 	};
-}, nr = (e) => JSON.stringify(e.map(tr).sort((e, t) => e.column.localeCompare(t.column))), rr = (e) => [...e].sort().join("\0");
-function ir(e, t) {
-	if (nr(e.filters) !== nr(t.filters) || JSON.stringify(e.sort) !== JSON.stringify(t.sort)) return !1;
+}, tr = (e) => JSON.stringify(e.map(er).sort((e, t) => e.column.localeCompare(t.column))), nr = (e) => [...e].sort().join("\0");
+function rr(e, t) {
+	if (tr(e.filters) !== tr(t.filters) || JSON.stringify(e.sort) !== JSON.stringify(t.sort)) return !1;
 	let n = e.columns, r = t.columns;
-	if (n.order.join("\0") !== r.order.join("\0") || rr(n.visible) !== rr(r.visible) || n.pinned.left.join("\0") !== r.pinned.left.join("\0") || n.pinned.right.join("\0") !== r.pinned.right.join("\0")) return !1;
+	if (n.order.join("\0") !== r.order.join("\0") || nr(n.visible) !== nr(r.visible) || n.pinned.left.join("\0") !== r.pinned.left.join("\0") || n.pinned.right.join("\0") !== r.pinned.right.join("\0")) return !1;
 	for (let e of /* @__PURE__ */ new Set([...Object.keys(n.widths), ...Object.keys(r.widths)])) {
 		let t = n.widths[e], i = r.widths[e];
 		if (t === void 0 || i === void 0 ? t !== i : Math.abs(t - i) > 2) return !1;
 	}
 	return !0;
 }
-function ar(e, t, n, r) {
+function ir(e, t, n, r) {
 	let i = e.trim();
 	if (!i) return "required";
 	if (i.length > 60) return "tooLong";
 	let a = i.toLocaleLowerCase(n);
 	return t.some((e) => e.kind === "personal" && e.id !== r && e.name.toLocaleLowerCase(n) === a) ? "taken" : null;
 }
-var or = (e, t) => [...e].sort((e, n) => t.compare(e.name, n.name));
+var ar = (e, t) => [...e].sort((e, n) => t.compare(e.name, n.name));
 //#endregion
 //#region src/core/views/useViews.ts
-function sr(t) {
-	let n = V([]), r = j(() => [...t.system(), ...n.value]), i = j(() => {
-		let r = e(t.locale()).collator();
+function or(e) {
+	let t = z([]), n = k(() => [...e.system(), ...t.value]), r = k(() => {
+		let n = ce(e.locale()).collator();
 		return {
-			system: t.system(),
-			personal: or(n.value.filter((e) => e.kind === "personal"), r)
+			system: e.system(),
+			personal: ar(t.value.filter((e) => e.kind === "personal"), n)
 		};
-	}), a = V(null), o = j(() => r.value.find((e) => e.id === a.value) ?? null), s = Ee(null), c = Te(/* @__PURE__ */ new Map()), l = j(() => !!o.value && !!s.value && !ir(t.current(), s.value)), u = !1, d = (e, n = !0) => {
-		let i = r.value.find((t) => t.id === e);
-		if (!i) return;
-		let u = o.value;
-		u && (n && l.value ? c.set(u.id, t.current()) : c.delete(u.id)), a.value = e, t.apply(i.state), s.value = t.current();
-		let d = c.get(e);
-		d && t.apply(d), t.onChange(i);
-	}, f = er(r.value, t.defaultViewId());
-	f && d(f.id);
-	let p = t.adapter ? t.adapter.list(t.tableId()).then((e) => {
-		n.value = e;
+	}), i = z(null), a = k(() => n.value.find((e) => e.id === i.value) ?? null), o = H(null), s = Oe(/* @__PURE__ */ new Map()), c = k(() => !!a.value && !!o.value && !rr(e.current(), o.value)), l = !1, u = (t, r = !0) => {
+		let l = n.value.find((e) => e.id === t);
+		if (!l) return;
+		let u = a.value;
+		u && (r && c.value ? s.set(u.id, e.current()) : s.delete(u.id)), i.value = t, e.apply(l.state), o.value = e.current();
+		let d = s.get(t);
+		d && e.apply(d), e.onChange(l);
+	}, d = $n(n.value, e.defaultViewId());
+	d && u(d.id);
+	let f = e.adapter ? e.adapter.list(e.tableId()).then((e) => {
+		t.value = e;
 	}).catch(() => {}) : Promise.resolve();
-	Promise.all([p, t.prefsReady]).then(() => {
-		if (u || l.value) return;
-		let e = er(r.value, t.defaultViewId());
-		e && e.id !== a.value && d(e.id);
+	Promise.all([f, e.prefsReady]).then(() => {
+		if (l || c.value) return;
+		let t = $n(n.value, e.defaultViewId());
+		t && t.id !== i.value && u(t.id);
 	});
-	let m = (e) => n.value = n.value.map((t) => t.id === e.id ? e : t), h = (e) => !!e && !!t.adapter && e.kind !== "system";
+	let p = (e) => t.value = t.value.map((t) => t.id === e.id ? e : t), ee = (t) => !!t && !!e.adapter && t.kind !== "system";
 	return {
-		all: r,
-		sections: i,
-		active: o,
-		edited: l,
-		hasViews: j(() => r.value.length > 0),
-		hasDraft: (e) => c.has(e),
-		writable: h,
+		all: n,
+		sections: r,
+		active: a,
+		edited: c,
+		hasViews: k(() => n.value.length > 0),
+		hasDraft: (e) => s.has(e),
+		writable: ee,
 		select: (e) => {
-			u = !0, d(e);
+			l = !0, u(e);
 		},
 		saveChanges: async () => {
-			let e = o.value;
-			h(e) && t.adapter && (m(await t.adapter.update(t.tableId(), e.id, { state: t.current() })), s.value = t.current(), c.delete(e.id));
+			let t = a.value;
+			ee(t) && e.adapter && (p(await e.adapter.update(e.tableId(), t.id, { state: e.current() })), o.value = e.current(), s.delete(t.id));
 		},
 		discard: () => {
-			let e = o.value;
-			e && (t.apply(e.state), s.value = t.current(), c.delete(e.id));
+			let t = a.value;
+			t && (e.apply(t.state), o.value = e.current(), s.delete(t.id));
 		},
-		create: async (e) => {
-			if (!t.adapter) return;
-			let r = await t.adapter.create(t.tableId(), {
-				name: e.name,
-				state: e.state
+		create: async (n) => {
+			if (!e.adapter) return;
+			let r = await e.adapter.create(e.tableId(), {
+				name: n.name,
+				state: n.state
 			});
-			n.value = [...n.value, r], e.makeDefault && t.setDefaultViewId(r.id), u = !0, d(r.id, !e.fromCurrent);
+			t.value = [...t.value, r], n.makeDefault && e.setDefaultViewId(r.id), l = !0, u(r.id, !n.fromCurrent);
 		},
-		rename: async (e, n) => {
-			t.adapter && m(await t.adapter.update(t.tableId(), e, { name: n }));
+		rename: async (t, n) => {
+			e.adapter && p(await e.adapter.update(e.tableId(), t, { name: n }));
 		},
-		remove: async (e) => {
-			if (t.adapter && (await t.adapter.remove(t.tableId(), e), n.value = n.value.filter((t) => t.id !== e), c.delete(e), t.defaultViewId() === e && t.setDefaultViewId(null), a.value === e)) {
-				a.value = null, s.value = null;
-				let e = er(r.value, t.defaultViewId());
-				e ? d(e.id) : t.apply({});
+		remove: async (r) => {
+			if (e.adapter && (await e.adapter.remove(e.tableId(), r), t.value = t.value.filter((e) => e.id !== r), s.delete(r), e.defaultViewId() === r && e.setDefaultViewId(null), i.value === r)) {
+				i.value = null, o.value = null;
+				let t = $n(n.value, e.defaultViewId());
+				t ? u(t.id) : e.apply({});
 			}
 		}
 	};
 }
 //#endregion
 //#region src/core/views/ViewDialog.vue?vue&type=script&setup=true&lang.ts
-var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class: "dt-input" }, dr = ["aria-invalid"], fr = {
+var sr = { class: "dt-field" }, cr = { class: "dt-field-label" }, lr = { class: "dt-input" }, ur = ["aria-invalid"], dr = {
 	key: 0,
 	class: "dt-field-error",
 	role: "alert"
-}, pr = {
+}, fr = {
 	key: 1,
 	class: "dt-view-summary"
-}, mr = {
+}, pr = {
 	key: 2,
 	class: "dt-check-row"
-}, hr = { class: "dt-dialog-actions" }, gr = {
+}, mr = { class: "dt-dialog-actions" }, hr = {
 	type: "button",
 	class: "dt-btn"
-}, _r = {
+}, gr = {
 	type: "submit",
 	class: "dt-btn dt-btn-primary"
-}, vr = /* @__PURE__ */ R({
+}, _r = /* @__PURE__ */ I({
 	__name: "ViewDialog",
-	props: /*@__PURE__*/ ye({
+	props: /*@__PURE__*/ Se({
 		mode: {},
 		name: {},
 		summary: {},
@@ -1550,10 +1371,10 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ ye(["save"], ["update:open"]),
+	emits: /*@__PURE__*/ Se(["save"], ["update:open"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = je(e, "open"), { i18n: a } = pe(), o = V(n.name), s = V(!1), c = V(null), l = V(null);
-		q(i, (e) => {
+		let n = e, r = t, i = Ne(e, "open"), { i18n: a } = _(), o = z(n.name), s = z(!1), c = z(null), l = z(null);
+		K(i, (e) => {
 			e && (o.value = n.name, s.value = !1, c.value = null);
 		});
 		let u = (e) => {
@@ -1564,55 +1385,55 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 				makeDefault: s.value
 			}), i.value = !1);
 		};
-		return (t, n) => (B(), M(K(X), {
+		return (t, n) => (R(), A(G(X), {
 			open: i.value,
 			"onUpdate:open": n[2] ||= (e) => i.value = e
 		}, {
-			default: J(() => [L(K(mt), null, {
-				default: J(() => [L(K(pt), { class: "dt-scrim" }), L(K(dt), {
+			default: q(() => [F(G(Y), null, {
+				default: q(() => [F(G(gt), { class: "dt-scrim" }), F(G(mt), {
 					class: "dt-dialog dt-view-dialog",
 					onOpenAutoFocus: u
 				}, {
-					default: J(() => [F("form", { onSubmit: Re(d, ["prevent"]) }, [
-						L(K(ht), { class: "dt-dialog-title" }, {
-							default: J(() => [I(G(K(a).t(e.mode === "rename" ? "views.rename" : "views.dialogTitle")), 1)]),
+					default: q(() => [N("form", { onSubmit: Be(d, ["prevent"]) }, [
+						F(G(_t), { class: "dt-dialog-title" }, {
+							default: q(() => [P(U(G(a).t(e.mode === "rename" ? "views.rename" : "views.dialogTitle")), 1)]),
 							_: 1
 						}),
-						e.mode === "create" ? (B(), M(K(ft), {
+						e.mode === "create" ? (R(), A(G(ht), {
 							key: 0,
 							class: "dt-dialog-body"
 						}, {
-							default: J(() => [I(G(K(a).t("views.dialogBody")), 1)]),
+							default: q(() => [P(U(G(a).t("views.dialogBody")), 1)]),
 							_: 1
-						})) : N("", !0),
-						F("label", cr, [
-							F("span", lr, G(K(a).t("views.name")), 1),
-							F("span", ur, [Ie(F("input", {
+						})) : j("", !0),
+						N("label", sr, [
+							N("span", cr, U(G(a).t("views.name")), 1),
+							N("span", lr, [Re(N("input", {
 								ref_key: "input",
 								ref: l,
 								"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 								type: "text",
 								"aria-invalid": c.value ? "true" : void 0
-							}, null, 8, dr), [[Ne, o.value]])]),
-							c.value ? (B(), P("span", fr, G(K(a).t(`views.err.${c.value}`)), 1)) : N("", !0)
+							}, null, 8, ur), [[Fe, o.value]])]),
+							c.value ? (R(), M("span", dr, U(G(a).t(`views.err.${c.value}`)), 1)) : j("", !0)
 						]),
-						e.summary ? (B(), P("div", pr, [
-							F("span", null, G(K(a).t("views.filters")), 1),
-							F("span", null, G(e.summary.filters), 1),
-							F("span", null, G(K(a).t("views.sort")), 1),
-							F("span", null, G(e.summary.sort), 1),
-							F("span", null, G(K(a).t("views.columns")), 1),
-							F("span", null, G(e.summary.columns), 1)
-						])) : N("", !0),
-						e.mode === "create" ? (B(), P("label", mr, [Ie(F("input", {
+						e.summary ? (R(), M("div", fr, [
+							N("span", null, U(G(a).t("views.filters")), 1),
+							N("span", null, U(e.summary.filters), 1),
+							N("span", null, U(G(a).t("views.sort")), 1),
+							N("span", null, U(e.summary.sort), 1),
+							N("span", null, U(G(a).t("views.columns")), 1),
+							N("span", null, U(e.summary.columns), 1)
+						])) : j("", !0),
+						e.mode === "create" ? (R(), M("label", pr, [Re(N("input", {
 							"onUpdate:modelValue": n[1] ||= (e) => s.value = e,
 							type: "checkbox",
 							class: "dt-checkbox"
-						}, null, 512), [[Me, s.value]]), I(" " + G(K(a).t("views.makeDefault")), 1)])) : N("", !0),
-						F("div", hr, [L(K(ut), { "as-child": "" }, {
-							default: J(() => [F("button", gr, G(K(a).t("common.cancel")), 1)]),
+						}, null, 512), [[Pe, s.value]]), P(" " + U(G(a).t("views.makeDefault")), 1)])) : j("", !0),
+						N("div", mr, [F(G(pt), { "as-child": "" }, {
+							default: q(() => [N("button", hr, U(G(a).t("common.cancel")), 1)]),
 							_: 1
-						}), F("button", _r, G(K(a).t(e.mode === "rename" ? "common.save" : "views.save")), 1)])
+						}), N("button", gr, U(G(a).t(e.mode === "rename" ? "common.save" : "views.save")), 1)])
 					], 32)]),
 					_: 1
 				})]),
@@ -1621,7 +1442,10 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 			_: 1
 		}, 8, ["open"]));
 	}
-}), yr = ["aria-label"], br = { class: "dt-view-name" }, xr = { class: "dt-view-edited" }, Sr = { class: "dt-pop-label" }, Cr = { class: "dt-view-action-main" }, wr = { class: "dt-kbd" }, Tr = { class: "dt-view-action-sub" }, Er = { class: "dt-view-action-main" }, Dr = { class: "dt-view-action-sub" }, Or = { class: "dt-view-action-main" }, kr = { class: "dt-kbd" }, Ar = { class: "dt-view-action-main" }, jr = { class: "dt-input has-icon dt-picker-search" }, Mr = { class: "dt-input-icon" }, Nr = { class: "dt-view-row-name" }, Pr = { class: "dt-view-edited" }, Fr = {
+}), vr = ["aria-label"], yr = {
+	class: "dt-view-icon",
+	"aria-hidden": "true"
+}, br = { class: "dt-view-name" }, xr = { class: "dt-view-edited" }, Sr = { class: "dt-pop-label" }, Cr = { class: "dt-view-action-main" }, wr = { class: "dt-kbd" }, Tr = { class: "dt-view-action-sub" }, Er = { class: "dt-view-action-main" }, Dr = { class: "dt-view-action-sub" }, Or = { class: "dt-view-action-main" }, kr = { class: "dt-kbd" }, Ar = { class: "dt-view-action-main" }, jr = { class: "dt-input has-icon dt-picker-search" }, Mr = { class: "dt-input-icon" }, Nr = { class: "dt-view-row-name" }, Pr = { class: "dt-view-edited" }, Fr = {
 	key: 2,
 	class: "dt-view-default"
 }, Ir = ["aria-label"], Lr = {
@@ -1630,9 +1454,9 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 }, Rr = {
 	key: 0,
 	class: "dt-options-empty"
-}, zr = /* @__PURE__ */ R({
+}, zr = /* @__PURE__ */ I({
 	__name: "ViewMenu",
-	props: /*@__PURE__*/ ye({
+	props: /*@__PURE__*/ Se({
 		sections: {},
 		active: {},
 		edited: { type: Boolean },
@@ -1648,7 +1472,7 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ ye([
+	emits: /*@__PURE__*/ Se([
 		"select",
 		"save-changes",
 		"save-as",
@@ -1660,14 +1484,14 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 		"delete"
 	], ["update:open"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = je(e, "open"), { i18n: a } = pe(), o = V("");
-		q(i, (e) => {
+		let n = e, r = t, i = Ne(e, "open"), { i18n: a } = _(), o = z("");
+		K(i, (e) => {
 			e || (o.value = "");
 		});
-		let s = j(() => {
+		let s = k(() => {
 			let e = n.active?.name ?? a.t("views.title");
 			return a.t(n.edited ? "sr.viewEdited" : "sr.view", { name: e });
-		}), c = (e) => !o.value || e.name.toLocaleLowerCase().includes(o.value.toLocaleLowerCase()), l = j(() => [[
+		}), c = (e) => !o.value || e.name.toLocaleLowerCase().includes(o.value.toLocaleLowerCase()), l = k(() => [[
 			"system",
 			"views.system",
 			"views.builtIn"
@@ -1685,152 +1509,153 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 		}, p = (e) => {
 			typeof e == "string" && (i.value = !1, r("select", e));
 		};
-		return (t, n) => (B(), M(he, {
+		return (t, n) => (R(), A(D, {
 			open: i.value,
 			"onUpdate:open": n[7] ||= (e) => i.value = e,
 			sheet: e.sheet,
-			title: K(a).t("views.title"),
+			title: G(a).t("views.title"),
 			"hide-title": "",
 			"content-class": "dt-views",
 			align: "start"
 		}, {
-			trigger: J(() => [F("button", {
+			trigger: q(() => [N("button", {
 				type: "button",
 				class: "dt-btn dt-btn-ghost has-icon dt-view-trigger",
 				"aria-label": s.value
 			}, [
-				F("span", br, G(e.active?.name ?? K(a).t("views.title")), 1),
-				e.edited ? (B(), P(A, { key: 0 }, [n[8] ||= F("span", {
+				N("span", yr, [F(G($e), { size: 16 })]),
+				N("span", br, U(e.active?.name ?? G(a).t("views.title")), 1),
+				e.edited ? (R(), M(O, { key: 0 }, [n[8] ||= N("span", {
 					class: "dt-view-dot",
 					"aria-hidden": "true"
-				}, null, -1), F("span", xr, G(K(a).t("views.edited")), 1)], 64)) : N("", !0),
-				L(K(Ve), {
+				}, null, -1), N("span", xr, U(G(a).t("views.edited")), 1)], 64)) : j("", !0),
+				F(G(Ue), {
 					size: 14,
 					"aria-hidden": "true"
 				})
-			], 8, yr)]),
-			default: J(() => [
-				e.edited && e.active ? (B(), P(A, { key: 0 }, [
-					F("div", Sr, G(K(a).t("views.editedName", { name: e.active.name })), 1),
-					e.canWrite ? (B(), P(A, { key: 0 }, [F("button", {
+			], 8, vr)]),
+			default: q(() => [
+				e.edited && e.active ? (R(), M(O, { key: 0 }, [
+					N("div", Sr, U(G(a).t("views.editedName", { name: e.active.name })), 1),
+					e.canWrite ? (R(), M(O, { key: 0 }, [N("button", {
 						type: "button",
 						class: "dt-pop-item dt-view-action",
 						onClick: n[0] ||= (e) => f(() => r("save-changes"))
-					}, [F("span", Cr, [I(G(K(a).t("views.saveChanges")) + " ", 1), F("kbd", wr, G(K(ne)), 1)]), F("span", Tr, G(K(a).t("views.updates", { name: e.active.name })), 1)]), F("button", {
+					}, [N("span", Cr, [P(U(G(a).t("views.saveChanges")) + " ", 1), N("kbd", wr, U(G(S)), 1)]), N("span", Tr, U(G(a).t("views.updates", { name: e.active.name })), 1)]), N("button", {
 						type: "button",
 						class: "dt-pop-item dt-view-action",
 						onClick: n[1] ||= (e) => f(() => r("save-as"))
-					}, [F("span", Er, G(K(a).t("views.saveAsNew")), 1), F("span", Dr, G(K(a).t("views.keepsUnchanged", { name: e.active.name })), 1)])], 64)) : e.canSave ? (B(), P("button", {
+					}, [N("span", Er, U(G(a).t("views.saveAsNew")), 1), N("span", Dr, U(G(a).t("views.keepsUnchanged", { name: e.active.name })), 1)])], 64)) : e.canSave ? (R(), M("button", {
 						key: 1,
 						type: "button",
 						class: "dt-pop-item dt-view-action is-single",
 						onClick: n[2] ||= (e) => f(() => r("save-as"))
-					}, [F("span", Or, [I(G(K(a).t("views.saveAsMine")) + " ", 1), F("kbd", kr, G(K(ne)), 1)])])) : N("", !0),
-					F("button", {
+					}, [N("span", Or, [P(U(G(a).t("views.saveAsMine")) + " ", 1), N("kbd", kr, U(G(S)), 1)])])) : j("", !0),
+					N("button", {
 						type: "button",
 						class: "dt-pop-item dt-view-action is-single",
 						onClick: n[3] ||= (e) => f(() => r("discard"))
-					}, [F("span", Ar, G(K(a).t("views.discard")), 1)]),
-					n[9] ||= F("div", { class: "dt-pop-sep" }, null, -1)
-				], 64)) : N("", !0),
-				L(K(kt), {
+					}, [N("span", Ar, U(G(a).t("views.discard")), 1)]),
+					n[9] ||= N("div", { class: "dt-pop-sep" }, null, -1)
+				], 64)) : j("", !0),
+				F(G(jt), {
 					"model-value": e.active?.id,
 					"selection-behavior": "replace",
 					"highlight-on-hover": "",
 					"onUpdate:modelValue": p
 				}, {
-					default: J(() => [F("label", jr, [F("span", Mr, [L(K(Je), {
+					default: q(() => [N("label", jr, [N("span", Mr, [F(G(Xe), {
 						size: 14,
 						"aria-hidden": "true"
-					})]), L(K(Tt), {
+					})]), F(G(Dt), {
 						modelValue: o.value,
 						"onUpdate:modelValue": n[4] ||= (e) => o.value = e,
 						"auto-focus": "",
-						placeholder: K(a).t("views.find"),
-						"aria-label": K(a).t("views.find")
+						placeholder: G(a).t("views.find"),
+						"aria-label": G(a).t("views.find")
 					}, null, 8, [
 						"modelValue",
 						"placeholder",
 						"aria-label"
-					])]), L(K(wt), { class: "dt-views-list" }, {
-						default: J(() => [(B(!0), P(A, null, H(l.value, (t) => (B(), M(K(Et), { key: t.key }, {
-							default: J(() => [L(K(Dt), { class: "dt-pop-label" }, {
-								default: J(() => [I(G(K(a).t(t.title)) + " ", 1), F("span", null, G(K(a).t(t.hint)), 1)]),
+					])]), F(G(Et), { class: "dt-views-list" }, {
+						default: q(() => [(R(!0), M(O, null, B(l.value, (t) => (R(), A(G(Ot), { key: t.key }, {
+							default: q(() => [F(G(kt), { class: "dt-pop-label" }, {
+								default: q(() => [P(U(G(a).t(t.title)) + " ", 1), N("span", null, U(G(a).t(t.hint)), 1)]),
 								_: 2
-							}, 1024), (B(!0), P(A, null, H(t.views, (t) => (B(), P("div", {
+							}, 1024), (R(!0), M(O, null, B(t.views, (t) => (R(), M("div", {
 								key: t.id,
-								class: z(["dt-view-row", { "is-active": t.id === e.active?.id }])
-							}, [L(K(Ot), {
+								class: L(["dt-view-row", { "is-active": t.id === e.active?.id }])
+							}, [F(G(At), {
 								value: t.id,
 								class: "dt-view-item"
 							}, {
-								default: J(() => [
-									e.sheet && t.id === e.active?.id ? (B(), M(K(We), {
+								default: q(() => [
+									e.sheet && t.id === e.active?.id ? (R(), A(G(Ke), {
 										key: 0,
 										size: 18,
 										class: "dt-view-check",
 										"aria-hidden": "true"
-									})) : N("", !0),
-									F("span", Nr, G(t.name), 1),
-									u(t) ? (B(), P(A, { key: 1 }, [n[10] ||= F("span", {
+									})) : j("", !0),
+									N("span", Nr, U(t.name), 1),
+									u(t) ? (R(), M(O, { key: 1 }, [n[10] ||= N("span", {
 										class: "dt-view-dot",
 										"aria-hidden": "true"
-									}, null, -1), F("span", Pr, G(K(a).t("views.edited")), 1)], 64)) : N("", !0),
-									t.id === e.defaultId ? (B(), P("span", Fr, G(K(a).t("views.default")), 1)) : N("", !0)
+									}, null, -1), N("span", Pr, U(G(a).t("views.edited")), 1)], 64)) : j("", !0),
+									t.id === e.defaultId ? (R(), M("span", Fr, U(G(a).t("views.default")), 1)) : j("", !0)
 								]),
 								_: 2
-							}, 1032, ["value"]), L(K(yt), null, {
-								default: J(() => [L(K(Ct), { "as-child": "" }, {
-									default: J(() => [F("button", {
+							}, 1032, ["value"]), F(G(xt), null, {
+								default: q(() => [F(G(Tt), { "as-child": "" }, {
+									default: q(() => [N("button", {
 										type: "button",
 										class: "dt-icon-btn-sm dt-view-more",
-										"aria-label": K(a).t("common.more"),
-										onKeydown: n[5] ||= Le(Re(() => {}, ["stop"]), ["enter", "space"])
-									}, [L(K(Ke), {
+										"aria-label": G(a).t("common.more"),
+										onKeydown: n[5] ||= ze(Be(() => {}, ["stop"]), ["enter", "space"])
+									}, [F(G(Je), {
 										size: 16,
 										weight: "bold",
 										"aria-hidden": "true"
 									})], 40, Ir)]),
 									_: 1
-								}), L(K(Q), null, {
-									default: J(() => [L(K(_t), {
+								}), F(G(Q), null, {
+									default: q(() => [F(G(yt), {
 										class: "dt-menu dt-view-row-menu",
 										side: "right",
 										align: "start",
 										"side-offset": 8
 									}, {
-										default: J(() => [
-											d(t) ? (B(), M(K(Z), {
+										default: q(() => [
+											d(t) ? (R(), A(G(Z), {
 												key: 0,
 												class: "dt-menu-item",
 												onSelect: (e) => f(() => r("rename", t))
 											}, {
-												default: J(() => [I(G(K(a).t("views.rename")), 1)]),
+												default: q(() => [P(U(G(a).t("views.rename")), 1)]),
 												_: 1
-											}, 8, ["onSelect"])) : N("", !0),
-											e.canSave ? (B(), M(K(Z), {
+											}, 8, ["onSelect"])) : j("", !0),
+											e.canSave ? (R(), A(G(Z), {
 												key: 1,
 												class: "dt-menu-item",
 												onSelect: (e) => f(() => r("duplicate", t))
 											}, {
-												default: J(() => [I(G(K(a).t("views.duplicate")), 1)]),
+												default: q(() => [P(U(G(a).t("views.duplicate")), 1)]),
 												_: 1
-											}, 8, ["onSelect"])) : N("", !0),
-											L(K(Z), {
+											}, 8, ["onSelect"])) : j("", !0),
+											F(G(Z), {
 												class: "dt-menu-item",
 												onSelect: (e) => r("set-default", t.id)
 											}, {
-												default: J(() => [I(G(K(a).t("views.setDefault")), 1)]),
+												default: q(() => [P(U(G(a).t("views.setDefault")), 1)]),
 												_: 1
 											}, 8, ["onSelect"]),
-											d(t) ? (B(), P(A, { key: 2 }, [L(K($), { class: "dt-menu-sep" }), L(K(Z), {
+											d(t) ? (R(), M(O, { key: 2 }, [F(G($), { class: "dt-menu-sep" }), F(G(Z), {
 												class: "dt-menu-item is-destructive",
 												onSelect: (e) => f(() => r("delete", t))
 											}, {
-												default: J(() => [I(G(K(a).t("views.delete")), 1)]),
+												default: q(() => [P(U(G(a).t("views.delete")), 1)]),
 												_: 1
-											}, 8, ["onSelect"])], 64)) : N("", !0),
-											t.kind === "system" ? (B(), P("div", Lr, G(K(a).t("views.systemNote")), 1)) : N("", !0)
+											}, 8, ["onSelect"])], 64)) : j("", !0),
+											t.kind === "system" ? (R(), M("div", Lr, U(G(a).t("views.systemNote")), 1)) : j("", !0)
 										]),
 										_: 2
 									}, 1024)]),
@@ -1839,19 +1664,19 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 								_: 2
 							}, 1024)], 2))), 128))]),
 							_: 2
-						}, 1024))), 128)), l.value.length ? N("", !0) : (B(), P("div", Rr, G(K(a).t("views.noMatch")), 1))]),
+						}, 1024))), 128)), l.value.length ? j("", !0) : (R(), M("div", Rr, U(G(a).t("views.noMatch")), 1))]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["model-value"]),
-				e.canSave ? (B(), P(A, { key: 1 }, [n[11] ||= F("div", { class: "dt-pop-sep" }, null, -1), F("button", {
+				e.canSave ? (R(), M(O, { key: 1 }, [n[11] ||= N("div", { class: "dt-pop-sep" }, null, -1), N("button", {
 					type: "button",
 					class: "dt-pop-item dt-view-new",
 					onClick: n[6] ||= (e) => f(() => r("new"))
-				}, [L(K(Ye), {
+				}, [F(G(Ze), {
 					size: 14,
 					"aria-hidden": "true"
-				}), I(" " + G(K(a).t("views.new")), 1)])], 64)) : N("", !0)
+				}), P(" " + U(G(a).t("views.new")), 1)])], 64)) : j("", !0)
 			]),
 			_: 1
 		}, 8, [
@@ -1876,7 +1701,7 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 }, Xr = ["aria-label"], Zr = { class: "dt-menu-text" }, Qr = {
 	key: 0,
 	class: "dt-menu-sub"
-}, $r = ["aria-label", "data-dt-tip"], ei = /* @__PURE__ */ R({
+}, $r = ["aria-label", "data-dt-tip"], ei = /* @__PURE__ */ I({
 	__name: "BulkBar",
 	props: {
 		rows: {},
@@ -1886,106 +1711,106 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 	},
 	emits: ["clear"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { i18n: i } = pe(), a = j(() => n.actions.filter((e) => !e.when || e.when(n.rows))), o = j(() => a.value.filter((e) => e.inBar).slice(0, n.phone ? 2 : 3)), s = j(() => {
+		let n = e, r = t, { i18n: i } = _(), a = k(() => n.actions.filter((e) => !e.when || e.when(n.rows))), o = k(() => a.value.filter((e) => e.inBar).slice(0, n.phone ? 2 : 3)), s = k(() => {
 			let e = new Set(o.value), t = a.value.filter((t) => !e.has(t));
 			return [...t.filter((e) => !e.destructive), ...t.filter((e) => e.destructive)];
-		}), c = j(() => s.value.findIndex((e) => e.destructive)), l = (e) => e.disabled?.(n.rows) ?? !1, u = (e) => {
+		}), c = k(() => s.value.findIndex((e) => e.destructive)), l = (e) => e.disabled?.(n.rows) ?? !1, u = (e) => {
 			let t = l(e);
 			return typeof t == "string" ? t : e.description;
-		}, d = V(!1), f = (e) => {
+		}, d = z(!1), f = (e) => {
 			l(e) || (d.value = !1, e.run(n.rows));
-		}, p = j(() => n.variant === "toolbar" ? "dt-btn has-icon" : "dt-bulk-btn");
-		return (t, n) => (B(), P("div", {
-			class: z(["dt-bulk", [`is-${e.variant}`, { "is-phone": e.phone }]]),
+		}, p = k(() => n.variant === "toolbar" ? "dt-btn has-icon" : "dt-bulk-btn");
+		return (t, n) => (R(), M("div", {
+			class: L(["dt-bulk", [`is-${e.variant}`, { "is-phone": e.phone }]]),
 			role: "toolbar",
-			"aria-label": K(i).t("bulk.aria")
+			"aria-label": G(i).t("bulk.aria")
 		}, [
-			e.variant === "toolbar" ? (B(), P("button", {
+			e.variant === "toolbar" ? (R(), M("button", {
 				key: 0,
 				type: "button",
 				class: "dt-btn dt-btn-icon",
-				"aria-label": K(i).t("selection.clear"),
-				"data-dt-tip": K(i).t("selection.clear"),
+				"aria-label": G(i).t("selection.clear"),
+				"data-dt-tip": G(i).t("selection.clear"),
 				onClick: n[0] ||= (e) => r("clear")
-			}, [L(K(Qe), {
+			}, [F(G(tt), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Vr)) : N("", !0),
-			F("span", Hr, G(K(i).t("selection.selected", { count: e.rows.length })), 1),
-			n[4] ||= F("span", {
+			})], 8, Vr)) : j("", !0),
+			N("span", Hr, U(G(i).t("selection.selected", { count: e.rows.length })), 1),
+			n[4] ||= N("span", {
 				class: "dt-bulk-sep",
 				"aria-hidden": "true"
 			}, null, -1),
-			U(t.$slots, "default", {}, () => [(B(!0), P(A, null, H(o.value, (t) => (B(), P("button", {
+			V(t.$slots, "default", {}, () => [(R(!0), M(O, null, B(o.value, (t) => (R(), M("button", {
 				key: t.id,
 				type: "button",
-				class: z([p.value, { "is-destructive": t.destructive }]),
+				class: L([p.value, { "is-destructive": t.destructive }]),
 				disabled: !!l(t),
 				"data-dt-tip": u(t),
 				onClick: (e) => f(t)
-			}, [t.icon ? (B(), M(W(t.icon), {
+			}, [t.icon ? (R(), A(ke(t.icon), {
 				key: 0,
 				size: e.phone ? 18 : 16,
 				"aria-hidden": "true"
-			}, null, 8, ["size"])) : N("", !0), F("span", null, G(t.label), 1)], 10, Ur))), 128)), s.value.length && e.phone ? (B(), M(he, {
+			}, null, 8, ["size"])) : j("", !0), N("span", null, U(t.label), 1)], 10, Ur))), 128)), s.value.length && e.phone ? (R(), A(D, {
 				key: 0,
 				open: d.value,
 				"onUpdate:open": n[1] ||= (e) => d.value = e,
 				sheet: "",
 				"hide-title": "",
-				title: K(i).t("bulk.moreAria")
+				title: G(i).t("bulk.moreAria")
 			}, {
-				trigger: J(() => [F("button", {
+				trigger: q(() => [N("button", {
 					type: "button",
 					class: "dt-bulk-btn dt-bulk-more",
-					"aria-label": K(i).t("bulk.moreAria")
-				}, [L(K(Ke), {
+					"aria-label": G(i).t("bulk.moreAria")
+				}, [F(G(Je), {
 					size: 18,
 					weight: "bold",
 					"aria-hidden": "true"
-				}), F("span", null, G(K(i).t("common.more")), 1)], 8, Wr)]),
-				default: J(() => [F("div", Gr, G(K(i).t("selection.selected", { count: e.rows.length })), 1), (B(!0), P(A, null, H(s.value, (e, t) => (B(), P(A, { key: e.id }, [t === c.value ? (B(), P("div", Kr)) : N("", !0), F("button", {
+				}), N("span", null, U(G(i).t("common.more")), 1)], 8, Wr)]),
+				default: q(() => [N("div", Gr, U(G(i).t("selection.selected", { count: e.rows.length })), 1), (R(!0), M(O, null, B(s.value, (e, t) => (R(), M(O, { key: e.id }, [t === c.value ? (R(), M("div", Kr)) : j("", !0), N("button", {
 					type: "button",
-					class: z(["dt-bsheet-row", { "is-destructive": e.destructive }]),
+					class: L(["dt-bsheet-row", { "is-destructive": e.destructive }]),
 					disabled: !!l(e),
 					onClick: (t) => f(e)
-				}, [F("span", Jr, [F("span", null, G(e.label), 1), u(e) ? (B(), P("span", Yr, G(u(e)), 1)) : N("", !0)])], 10, qr)], 64))), 128))]),
+				}, [N("span", Jr, [N("span", null, U(e.label), 1), u(e) ? (R(), M("span", Yr, U(u(e)), 1)) : j("", !0)])], 10, qr)], 64))), 128))]),
 				_: 1
-			}, 8, ["open", "title"])) : s.value.length ? (B(), M(K(yt), { key: 1 }, {
-				default: J(() => [L(K(Ct), { "as-child": "" }, {
-					default: J(() => [F("button", {
+			}, 8, ["open", "title"])) : s.value.length ? (R(), A(G(xt), { key: 1 }, {
+				default: q(() => [F(G(Tt), { "as-child": "" }, {
+					default: q(() => [N("button", {
 						type: "button",
-						class: z([
+						class: L([
 							p.value,
 							"dt-bulk-more",
 							{ "dt-btn-icon": e.variant === "toolbar" }
 						]),
-						"aria-label": K(i).t("bulk.moreAria")
-					}, [L(K(Ke), {
+						"aria-label": G(i).t("bulk.moreAria")
+					}, [F(G(Je), {
 						size: 16,
 						weight: "bold",
 						"aria-hidden": "true"
 					})], 10, Xr)]),
 					_: 1
-				}), L(K(Q), null, {
-					default: J(() => [L(K(_t), {
+				}), F(G(Q), null, {
+					default: q(() => [F(G(yt), {
 						class: "dt-menu dt-bulk-menu",
 						side: e.variant === "floating" ? "top" : "bottom",
 						align: "start",
 						"side-offset": e.variant === "floating" ? 12 : 4
 					}, {
-						default: J(() => [(B(!0), P(A, null, H(s.value, (e, t) => (B(), P(A, { key: e.id }, [t === c.value ? (B(), M(K($), {
+						default: q(() => [(R(!0), M(O, null, B(s.value, (e, t) => (R(), M(O, { key: e.id }, [t === c.value ? (R(), A(G($), {
 							key: 0,
 							class: "dt-menu-sep"
-						})) : N("", !0), L(K(Z), {
-							class: z(["dt-menu-item", {
+						})) : j("", !0), F(G(Z), {
+							class: L(["dt-menu-item", {
 								"is-destructive": e.destructive,
 								"is-two-line": u(e)
 							}]),
 							disabled: !!l(e),
 							onSelect: (t) => f(e)
 						}, {
-							default: J(() => [F("span", Zr, [F("span", null, G(e.label), 1), u(e) ? (B(), P("span", Qr, G(u(e)), 1)) : N("", !0)])]),
+							default: q(() => [N("span", Zr, [N("span", null, U(e.label), 1), u(e) ? (R(), M("span", Qr, U(u(e)), 1)) : j("", !0)])]),
 							_: 2
 						}, 1032, [
 							"class",
@@ -1997,20 +1822,20 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 					_: 1
 				})]),
 				_: 1
-			})) : N("", !0)]),
-			e.variant === "floating" ? (B(), P(A, { key: 1 }, [n[3] ||= F("span", {
+			})) : j("", !0)]),
+			e.variant === "floating" ? (R(), M(O, { key: 1 }, [n[3] ||= N("span", {
 				class: "dt-bulk-sep",
 				"aria-hidden": "true"
-			}, null, -1), F("button", {
+			}, null, -1), N("button", {
 				type: "button",
 				class: "dt-bulk-btn dt-bulk-icon",
-				"aria-label": K(i).t("selection.clear"),
-				"data-dt-tip": K(i).t("selection.clear"),
+				"aria-label": G(i).t("selection.clear"),
+				"data-dt-tip": G(i).t("selection.clear"),
 				onClick: n[2] ||= (e) => r("clear")
-			}, [L(K(Qe), {
+			}, [F(G(tt), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, $r)], 64)) : N("", !0)
+			})], 8, $r)], 64)) : j("", !0)
 		], 10, Br));
 	}
 }), ti = ["aria-label"], ni = { class: "dt-footer-left" }, ri = {
@@ -2042,7 +1867,7 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 	key: 1,
 	class: "dt-footer-vsep",
 	"aria-hidden": "true"
-}, bi = ["aria-label", "disabled"], xi = ["aria-label", "disabled"], Si = /* @__PURE__ */ R({
+}, bi = ["aria-label", "disabled"], xi = ["aria-label", "disabled"], Si = /* @__PURE__ */ I({
 	__name: "Footer",
 	props: {
 		rowCount: {},
@@ -2067,115 +1892,115 @@ var cr = { class: "dt-field" }, lr = { class: "dt-field-label" }, ur = { class:
 		"page-size",
 		"refresh"
 	],
-	setup(t, { emit: n }) {
-		let r = t, i = n, { i18n: a, locale: o } = pe(), s = e(o), c = j(() => (r.page.number - 1) * r.page.size + 1), l = j(() => c.value + r.rowCount - 1), u = j(() => !r.hasMore), d = j(() => r.page.number === 1 && u.value), f = (e) => e.toLocaleTimeString(o, {
+	setup(e, { emit: t }) {
+		let n = e, r = t, { i18n: i, locale: a } = _(), o = ce(a), s = k(() => (n.page.number - 1) * n.page.size + 1), c = k(() => s.value + n.rowCount - 1), l = k(() => !n.hasMore), u = k(() => n.page.number === 1 && l.value), d = (e) => e.toLocaleTimeString(a, {
 			hour: "2-digit",
 			minute: "2-digit"
-		}), p = j(() => r.page.number > 1 && !r.busy), m = j(() => r.hasMore && !r.busy), h = j(() => r.updatedAt ? Date.now() - r.updatedAt.getTime() < 6e4 ? a.t("toolbar.updatedJustNow") : a.t("toolbar.updatedAgo", { time: s.relative(r.updatedAt, /* @__PURE__ */ new Date(), "short") }) : "");
-		return (e, n) => (B(), P("div", {
+		}), f = k(() => n.page.number > 1 && !n.busy), p = k(() => n.hasMore && !n.busy), ee = k(() => n.updatedAt ? Date.now() - n.updatedAt.getTime() < 6e4 ? i.t("toolbar.updatedJustNow") : i.t("toolbar.updatedAgo", { time: o.relative(n.updatedAt, /* @__PURE__ */ new Date(), "short") }) : "");
+		return (t, n) => (R(), M("div", {
 			class: "dt-footer",
 			role: "navigation",
-			"aria-label": K(a).t("page.nav")
-		}, [F("div", ni, [t.firstLoad ? (B(), P("span", ri, G(K(a).t("common.loading")), 1)) : t.rowCount === 0 ? (B(), P("span", ii, G(K(a).t(t.empty ? "page.none" : "page.zero")), 1)) : (B(), P(A, { key: 2 }, [F("span", ai, G(K(a).t("page.rows", {
-			from: K(s).int(c.value),
-			to: K(s).int(l.value)
-		})), 1), t.total !== void 0 && !d.value ? (B(), P(A, { key: 0 }, [F("span", oi, G(K(a).t("page.of", { total: K(s).int(t.total) })), 1), t.countedAt ? (B(), P("span", si, " · " + G(K(a).t("page.counted", { time: f(t.countedAt) })), 1)) : N("", !0)], 64)) : t.counting ? (B(), P("span", ci, [
-			I(G(K(a).t("page.of", { total: "" })) + " ", 1),
-			L(K(Ge), {
+			"aria-label": G(i).t("page.nav")
+		}, [N("div", ni, [e.firstLoad ? (R(), M("span", ri, U(G(i).t("common.loading")), 1)) : e.rowCount === 0 ? (R(), M("span", ii, U(G(i).t(e.empty ? "page.none" : "page.zero")), 1)) : (R(), M(O, { key: 2 }, [N("span", ai, U(G(i).t("page.rows", {
+			from: G(o).int(s.value),
+			to: G(o).int(c.value)
+		})), 1), e.total !== void 0 && !u.value ? (R(), M(O, { key: 0 }, [N("span", oi, U(G(i).t("page.of", { total: G(o).int(e.total) })), 1), e.countedAt ? (R(), M("span", si, " · " + U(G(i).t("page.counted", { time: d(e.countedAt) })), 1)) : j("", !0)], 64)) : e.counting ? (R(), M("span", ci, [
+			P(U(G(i).t("page.of", { total: "" })) + " ", 1),
+			F(G(qe), {
 				size: 12,
 				class: "dt-spin",
 				"aria-hidden": "true"
 			}),
-			I(" " + G(K(a).t("page.counting")), 1)
-		])) : u.value && !d.value ? (B(), P("span", li, "· " + G(K(a).t("page.end")), 1)) : t.countable && !d.value ? (B(), P("button", {
+			P(" " + U(G(i).t("page.counting")), 1)
+		])) : l.value && !u.value ? (R(), M("span", li, "· " + U(G(i).t("page.end")), 1)) : e.countable && !u.value ? (R(), M("button", {
 			key: 3,
 			type: "button",
 			class: "dt-btn dt-btn-ghost dt-btn-xs dt-footer-count",
-			onClick: n[0] ||= (e) => i("count")
-		}, " · " + G(K(a).t("page.countTotal")), 1)) : N("", !0)], 64)), !t.phone && (t.updatedAt || t.freshness !== "normal") ? (B(), P(A, { key: 3 }, [
-			n[6] ||= F("span", {
+			onClick: n[0] ||= (e) => r("count")
+		}, " · " + U(G(i).t("page.countTotal")), 1)) : j("", !0)], 64)), !e.phone && (e.updatedAt || e.freshness !== "normal") ? (R(), M(O, { key: 3 }, [
+			n[6] ||= N("span", {
 				class: "dt-footer-vsep",
 				"aria-hidden": "true"
 			}, null, -1),
-			t.freshness === "live" ? (B(), P("span", ui, [n[5] ||= F("span", {
+			e.freshness === "live" ? (R(), M("span", ui, [n[5] ||= N("span", {
 				class: "dt-live-dot",
 				"aria-hidden": "true"
-			}, null, -1), I(" " + G(K(a).t("toolbar.live")), 1)])) : t.freshness === "refreshing" ? (B(), P("span", di, G(K(a).t("state.updating")), 1)) : t.updatedAt ? (B(), P("span", {
+			}, null, -1), P(" " + U(G(i).t("toolbar.live")), 1)])) : e.freshness === "refreshing" ? (R(), M("span", di, U(G(i).t("state.updating")), 1)) : e.updatedAt ? (R(), M("span", {
 				key: 2,
-				class: z(["dt-footer-updated", { "is-stale": t.freshness === "stale" }])
-			}, G(h.value), 3)) : N("", !0),
-			t.canRefresh ? (B(), P("button", {
+				class: L(["dt-footer-updated", { "is-stale": e.freshness === "stale" }])
+			}, U(ee.value), 3)) : j("", !0),
+			e.canRefresh ? (R(), M("button", {
 				key: 3,
 				type: "button",
 				class: "dt-icon-btn-sm",
-				"aria-label": K(a).t("toolbar.refresh"),
-				"data-dt-tip": `${K(a).t("toolbar.refresh")} · R`,
-				onClick: n[1] ||= (e) => i("refresh")
-			}, [L(K(ze), {
+				"aria-label": G(i).t("toolbar.refresh"),
+				"data-dt-tip": `${G(i).t("toolbar.refresh")} · R`,
+				onClick: n[1] ||= (e) => r("refresh")
+			}, [F(G(Ve), {
 				size: 14,
-				class: z({ "dt-spin": t.freshness === "refreshing" }),
+				class: L({ "dt-spin": e.freshness === "refreshing" }),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])], 8, fi)) : N("", !0)
-		], 64)) : N("", !0)]), F("div", pi, [
-			t.phone ? N("", !0) : (B(), P("label", mi, [F("span", hi, G(K(a).t("page.perPage")), 1), F("span", gi, [F("select", {
-				value: t.page.size,
-				disabled: t.busy,
-				onChange: n[2] ||= (e) => i("page-size", Number(e.target.value))
-			}, [(B(!0), P(A, null, H(t.pageSizes, (e) => (B(), P("option", {
+			}, null, 8, ["class"])], 8, fi)) : j("", !0)
+		], 64)) : j("", !0)]), N("div", pi, [
+			e.phone ? j("", !0) : (R(), M("label", mi, [N("span", hi, U(G(i).t("page.perPage")), 1), N("span", gi, [N("select", {
+				value: e.page.size,
+				disabled: e.busy,
+				onChange: n[2] ||= (e) => r("page-size", Number(e.target.value))
+			}, [(R(!0), M(O, null, B(e.pageSizes, (e) => (R(), M("option", {
 				key: e,
 				value: e
-			}, G(e), 9, vi))), 128))], 40, _i), L(K(Ve), {
+			}, U(e), 9, vi))), 128))], 40, _i), F(G(Ue), {
 				size: 12,
 				"aria-hidden": "true"
 			})])])),
-			t.phone ? N("", !0) : (B(), P("span", yi)),
-			F("button", {
+			e.phone ? j("", !0) : (R(), M("span", yi)),
+			N("button", {
 				type: "button",
 				class: "dt-btn dt-btn-sm has-icon dt-footer-prev",
-				"aria-label": t.phone ? K(a).t("page.previous") : void 0,
-				disabled: !p.value,
-				onClick: n[3] ||= (e) => i("page", t.page.number - 1)
-			}, [L(K(He), {
-				size: t.phone ? 18 : 14,
+				"aria-label": e.phone ? G(i).t("page.previous") : void 0,
+				disabled: !f.value,
+				onClick: n[3] ||= (t) => r("page", e.page.number - 1)
+			}, [F(G(We), {
+				size: e.phone ? 18 : 14,
 				"aria-hidden": "true"
-			}, null, 8, ["size"]), F("span", null, G(K(a).t("page.previous")), 1)], 8, bi),
-			F("button", {
+			}, null, 8, ["size"]), N("span", null, U(G(i).t("page.previous")), 1)], 8, bi),
+			N("button", {
 				type: "button",
 				class: "dt-btn dt-btn-sm dt-footer-next",
-				"aria-label": t.phone ? K(a).t("page.next") : void 0,
-				disabled: !m.value,
-				onClick: n[4] ||= (e) => i("page", t.page.number + 1)
-			}, [F("span", null, G(K(a).t("page.next")), 1), L(K(Ue), {
-				size: t.phone ? 18 : 14,
+				"aria-label": e.phone ? G(i).t("page.next") : void 0,
+				disabled: !p.value,
+				onClick: n[4] ||= (t) => r("page", e.page.number + 1)
+			}, [N("span", null, U(G(i).t("page.next")), 1), F(G(Ge), {
+				size: e.phone ? 18 : 14,
 				"aria-hidden": "true"
 			}, null, 8, ["size"])], 8, xi)
 		])], 8, ti));
 	}
-}), Ci = ct({
-	rowSortingFeature: st,
-	sortedRowModel: tt(),
-	columnFilteringFeature: Y,
-	globalFilteringFeature: rt,
-	filteredRowModel: $e(),
-	rowPaginationFeature: at,
-	paginatedRowModel: et(),
-	rowSelectionFeature: ot,
-	rowExpandingFeature: it
-}), wi = (e) => e == null || e === "", Ti = (e) => e.searchable ?? a[e.type].searchable;
+}), Ci = dt({
+	rowSortingFeature: ut,
+	sortedRowModel: it(),
+	columnFilteringFeature: J,
+	globalFilteringFeature: ot,
+	filteredRowModel: nt(),
+	rowPaginationFeature: ct,
+	paginatedRowModel: rt(),
+	rowSelectionFeature: lt,
+	rowExpandingFeature: st
+}), wi = (e) => e == null || e === "", Ti = (e) => e.searchable ?? te[e.type].searchable;
 function Ei(e) {
-	let t = j(() => ke(e.columns)), n = j(() => ke(e.locale)), r = j(() => ke(e.mode) === "server"), i = j(() => t.value.map((e) => {
-		let t = e.id, r = ce(e, n.value);
+	let n = k(() => W(e.columns)), r = k(() => W(e.locale)), i = k(() => W(e.mode) === "server"), a = k(() => n.value.map((e) => {
+		let n = e.id, i = x(e, r.value);
 		return {
-			id: t,
-			accessorFn: e.accessor ?? ((e) => ee(e, t)),
-			enableSorting: e.sortable ?? a[e.type].sortable,
+			id: n,
+			accessorFn: e.accessor ?? ((e) => v(e, n)),
+			enableSorting: e.sortable ?? te[e.type].sortable,
 			enableGlobalFilter: Ti(e),
-			enableColumnFilter: e.filterable ?? a[e.type].filterable,
-			filterFn: (e, t, r) => u(r, e.getValue(t), { locale: n.value }),
-			sortFn: (e, t, n) => r(e.getValue(n), t.getValue(n)),
+			enableColumnFilter: e.filterable ?? te[e.type].filterable,
+			filterFn: (e, n, i) => t(i, e.getValue(n), { locale: r.value }),
+			sortFn: (e, t, n) => i(e.getValue(n), t.getValue(n)),
 			sortUndefined: 1
 		};
-	})), o = j(() => e.search.value.trim().toLocaleLowerCase(n.value)), s = j(() => ({
+	})), o = k(() => e.search.value.trim().toLocaleLowerCase(r.value)), s = k(() => ({
 		sorting: e.sort.value.map((e) => ({
 			id: e.column,
 			desc: e.dir === "desc"
@@ -2191,39 +2016,39 @@ function Ei(e) {
 		})),
 		rowSelection: e.rowSelection?.value ?? {},
 		expanded: e.expanded?.value ?? {}
-	})), c = j(() => new Set(t.value.filter(Ti).map((e) => e.id))), l = lt({
+	})), c = k(() => new Set(n.value.filter(Ti).map((e) => e.id))), l = ft({
 		features: Ci,
-		columns: i,
-		data: j(() => ke(e.rows)),
-		getRowId: (t) => String(ee(t, ke(e.rowKey))),
+		columns: a,
+		data: k(() => W(e.rows)),
+		getRowId: (t) => String(v(t, W(e.rowKey))),
 		state: s,
-		manualSorting: r,
-		manualFiltering: r,
-		manualPagination: r,
+		manualSorting: i,
+		manualFiltering: i,
+		manualPagination: i,
 		autoResetPageIndex: !1,
 		enableSortingRemoval: !0,
 		maxMultiSortColCount: 3,
-		enableRowSelection: j(() => ke(e.selectable) ?? !1),
-		enableExpanding: j(() => !!e.expanded),
-		getRowCanExpand: (t) => ke(e.canExpand)?.(t.original) ?? !0,
+		enableRowSelection: k(() => W(e.selectable) ?? !1),
+		enableExpanding: k(() => !!e.expanded),
+		getRowCanExpand: (t) => W(e.canExpand)?.(t.original) ?? !0,
 		getColumnCanGlobalFilter: (e) => c.value.has(e.id),
-		globalFilterFn: (e, t, r) => {
+		globalFilterFn: (e, t, n) => {
 			let i = e.getValue(t);
-			return !wi(i) && String(i).toLocaleLowerCase(n.value).includes(r);
+			return !wi(i) && String(i).toLocaleLowerCase(r.value).includes(n);
 		},
 		onSortingChange: () => {},
 		onPaginationChange: () => {},
 		onGlobalFilterChange: () => {},
 		onColumnFiltersChange: () => {},
 		onRowSelectionChange: (t) => {
-			e.rowSelection && (e.rowSelection.value = nt(t, e.rowSelection.value));
+			e.rowSelection && (e.rowSelection.value = at(t, e.rowSelection.value));
 		},
 		onExpandedChange: (t) => {
 			if (!e.expanded) return;
-			let n = nt(t, e.expanded.value);
+			let n = at(t, e.expanded.value);
 			n !== !0 && (e.expanded.value = n);
 		}
-	}), d = j(() => r.value ? ke(e.rows) : l.getRowModel().rows.map((e) => e.original)), f = j(() => r.value ? void 0 : l.getPrePaginatedRowModel().rows.length), p = j(() => r.value ? ke(e.hasMore) ?? !1 : e.page.value.number * e.page.value.size < (f.value ?? 0)), m = j(() => e.page.value.number > 1), h = (t, n) => {
+	}), u = k(() => i.value ? W(e.rows) : l.getRowModel().rows.map((e) => e.original)), d = k(() => i.value ? void 0 : l.getPrePaginatedRowModel().rows.length), f = k(() => i.value ? W(e.hasMore) ?? !1 : e.page.value.number * e.page.value.size < (d.value ?? 0)), p = k(() => e.page.value.number > 1), ee = (t, n) => {
 		let r = e.sort.value, i = r.findIndex((e) => e.column === t), a = i >= 0 ? r[i] : null, o = a ? a.dir === "asc" ? {
 			column: t,
 			dir: "desc"
@@ -2237,23 +2062,23 @@ function Ei(e) {
 		}
 		let s = r.filter((e) => e.column !== t);
 		o ? i >= 0 ? e.sort.value = r.map((e) => e.column === t ? o : e) : e.sort.value = [...s, o].slice(-3) : e.sort.value = s;
-	}, g = (t, n) => {
+	}, m = (t, n) => {
 		e.sort.value = n ? [{
 			column: t,
 			dir: n
 		}] : e.sort.value.filter((e) => e.column !== t);
-	}, te = (t) => String(ee(t, ke(e.rowKey)));
+	}, h = (t) => String(v(t, W(e.rowKey)));
 	return {
-		rows: d,
-		total: f,
-		canNext: p,
-		canPrev: m,
-		toggleSort: h,
-		setSort: g,
-		rowId: te,
-		selectedRows: j(() => {
+		rows: u,
+		total: d,
+		canNext: f,
+		canPrev: p,
+		toggleSort: ee,
+		setSort: m,
+		rowId: h,
+		selectedRows: k(() => {
 			let t = e.rowSelection?.value ?? {};
-			return d.value.filter((e) => t[te(e)]);
+			return u.value.filter((e) => t[h(e)]);
 		}),
 		toggleAllPage: (e) => l.toggleAllPageRowsSelected(e)
 	};
@@ -2262,7 +2087,7 @@ function Ei(e) {
 //#region src/list/useRequest.ts
 var Di = 1e4, Oi = 400;
 function ki(e) {
-	let t = V(!1), n = V(null), r = Ee(null), i = V(null), a = V(!1), o = null, s, c, l = /* @__PURE__ */ new Set(), u = () => {
+	let t = z(!1), n = z(null), r = H(null), i = z(null), a = z(!1), o = null, s, c, l = /* @__PURE__ */ new Set(), u = () => {
 		t.value = !1, a.value = !1, clearTimeout(s);
 	}, d = (r) => {
 		o?.abort(), o = new AbortController();
@@ -2272,35 +2097,35 @@ function ki(e) {
 			reason: r,
 			signal: o.signal
 		});
-	}, f = () => e.mode() === "server", p = j(() => {
+	}, f = () => e.mode() === "server", p = k(() => {
 		let t = e.query();
 		return JSON.stringify([
 			t.search,
 			t.filters,
 			t.sort
 		]);
-	}), m = j(() => JSON.stringify(e.query().page)), h = j(() => e.query().fields.join("\0"));
-	return q([p, m], ([e], [t]) => {
+	}), ee = k(() => JSON.stringify(e.query().page)), m = k(() => e.query().fields.join("\0"));
+	return K([p, ee], ([e], [t]) => {
 		f() && d(e === t ? "page" : "query");
-	}), q(h, () => {
+	}), K(m, () => {
 		f() && e.requestOnColumnChange() && (e.query().fields.every((e) => l.has(e)) || (clearTimeout(c), c = setTimeout(() => d("columns"), Oi)));
-	}), q(e.rows, (t) => {
+	}), K(e.rows, (t) => {
 		r.value = {
 			rows: t,
 			hasMore: e.hasMore() ?? !1,
 			page: e.query().page
 		}, i.value = /* @__PURE__ */ new Date(), u();
-	}), q(e.error, (e) => {
+	}), K(e.error, (e) => {
 		e && u();
-	}), q(e.loading, (e, t) => {
+	}), K(e.loading, (e, t) => {
 		t && !e && u();
-	}), we(() => {
+	}), De(() => {
 		f() ? d("initial") : (r.value = {
 			rows: e.rows(),
 			hasMore: !1,
 			page: e.query().page
 		}, i.value = /* @__PURE__ */ new Date());
-	}), Ce(() => {
+	}), Ee(() => {
 		o?.abort(), clearTimeout(s), clearTimeout(c);
 	}), {
 		pending: t,
@@ -2308,7 +2133,7 @@ function ki(e) {
 		snapshot: r,
 		updatedAt: i,
 		stillLoading: a,
-		errorKind: j(() => {
+		errorKind: k(() => {
 			if (!e.error()) return null;
 			let t = n.value;
 			return (t === "refresh" || t === "columns" || t === null) && (r.value?.rows.length ?? 0) > 0 ? "stale" : "error";
@@ -2342,7 +2167,7 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 }, Ui = {
 	class: "dt-sr-only",
 	"aria-live": "assertive"
-}, Wi = /* @__PURE__ */ R({
+}, Wi = /* @__PURE__ */ I({
 	__name: "DataTable",
 	props: {
 		tableId: {},
@@ -2399,7 +2224,11 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 			type: [Boolean, Object],
 			default: !1
 		},
-		rowError: {}
+		rowError: {},
+		exportable: {
+			type: Boolean,
+			default: !0
+		}
 	},
 	emits: [
 		"request",
@@ -2412,53 +2241,59 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 		"print",
 		"view-change"
 	],
-	setup(n, { expose: i, emit: s }) {
-		let c = _e(() => import("./FiltersSheet-o2HaQuhq.js")), u = _e(() => import("./PhoneMoreSheet-gfkH96RR.js")), d = n, p = s, h = pe(), { i18n: _ } = h, ne = ve()?.vnode.props ?? {}, y = (e) => e in ne, ie = j(() => d.mode === "server"), b = j(() => d.entityName ?? {
-			one: d.tableId,
-			other: d.tableId
-		}), ae = j(() => b.value.other), se = V(null), ce = V(1440), le = j(() => ce.value >= 1024 ? "full" : ce.value >= 640 ? "narrow" : "phone"), x = j(() => le.value === "phone"), fe;
-		we(() => {
-			let e = () => ce.value = se.value?.clientWidth || 1440;
-			e(), typeof ResizeObserver < "u" && se.value && (fe = new ResizeObserver(e), fe.observe(se.value));
+	setup(e, { expose: t, emit: n }) {
+		let r = be(() => import("./FiltersSheet-C3zOlbkN.js")), o = be(() => import("./PhoneMoreSheet-66OdIZrl.js")), s = e, l = n, u = _(), { i18n: d } = u, ee = xe()?.vnode.props ?? {}, m = (e) => e in ee, h = k(() => s.mode === "server"), g = k(() => s.entityName ?? {
+			one: s.tableId,
+			other: s.tableId
+		}), ne = k(() => g.value.other), y = z(null), oe = z(1440), se = k(() => oe.value >= 1024 ? "full" : oe.value >= 640 ? "narrow" : "phone"), b = k(() => se.value === "phone"), le;
+		De(() => {
+			let e = () => oe.value = y.value?.clientWidth || 1440;
+			e(), typeof ResizeObserver < "u" && y.value && (le = new ResizeObserver(e), le.observe(y.value));
 		});
-		let S = oe(() => d.tableId, h.preferences, {
+		let x = me(() => s.tableId, u.preferences, {
 			density: "standard",
 			verticalLines: !1,
-			pageSize: d.pageSize,
+			pageSize: s.pageSize,
 			defaultViewId: null
-		}), me = j(() => d.density ?? S.prefs.density), C = g({
-			columns: () => d.columns,
-			rows: () => d.rows,
-			rowKey: () => d.rowKey,
-			phone: () => x.value
-		}), w = V(""), T = V([]), E = V({
+		}), he = k(() => s.density ?? x.prefs.density), ge = z(1);
+		K([he, y], () => {
+			let e = y.value ? parseFloat(getComputedStyle(y.value).getPropertyValue("--dt-fs")) : NaN;
+			ge.value = Number.isFinite(e) ? e / 13 : 1;
+		}, { flush: "post" });
+		let S = c({
+			columns: () => s.columns,
+			rows: () => s.rows,
+			rowKey: () => s.rowKey,
+			phone: () => b.value,
+			scale: ge
+		}), C = z(""), w = z([]), T = z({
 			number: 1,
-			size: S.prefs.pageSize
-		}), D = (e) => E.value = {
-			...E.value,
+			size: x.prefs.pageSize
+		}), E = (e) => T.value = {
+			...T.value,
 			number: e
-		}, O = (e) => {
-			e !== w.value && (w.value = e, D(1));
+		}, ve = (e) => {
+			e !== C.value && (C.value = e, E(1));
 		};
-		q(() => S.prefs.pageSize, (e) => E.value = {
+		K(() => x.prefs.pageSize, (e) => T.value = {
 			number: 1,
 			size: e
 		});
-		let k = V([]), he = V(null), A = V(!1), R = new te(), ye = e(h.locale), Te = j(() => new Map(d.columns.map((e) => [e.id, e]))), H = (e) => Te.value.get(e)?.type ?? "string", W = j(() => k.value.filter((e) => t(e, H(e.column))).map(l)), Ee = j(() => new Set(W.value.map((e) => e.column))), Oe = j(() => d.toolbar === "auto" && d.columns.some((e) => e.filterable ?? a[e.type].filterable)), ke = (e) => (t) => e.type === "select" || e.type === "multiselect" || e.type === "user" && e.options ? m(e.options, t) : (e.type === "user" || e.type === "ajax") && e.remote ? R.label(e.id, e.remote, t) : String(t), Ae = (e) => {
-			let t = Te.value.get(e.column);
-			return o(e, t, {
-				i18n: _,
-				fmt: ye,
-				labelOf: ke(t)
+		let D = z([]), O = z(null), I = z(!1), Se = new ae(), Oe = ce(u.locale), B = k(() => new Map(s.columns.map((e) => [e.id, e]))), ke = (e) => B.value.get(e)?.type ?? "string", H = k(() => D.value.filter((e) => f(e, ke(e.column))).map(a)), je = k(() => new Set(H.value.map((e) => e.column))), W = k(() => s.toolbar === "auto" && s.columns.some((e) => e.filterable ?? te[e.type].filterable)), Me = (e) => (t) => e.type === "select" || e.type === "multiselect" || e.type === "user" && e.options ? pe(e.options, t) : (e.type === "user" || e.type === "ajax") && e.remote ? Se.label(e.id, e.remote, t) : String(t), Ne = (e) => {
+			let t = B.value.get(e.column);
+			return p(e, t, {
+				i18n: d,
+				fmt: Oe,
+				labelOf: Me(t)
 			});
-		}, je = (e) => e.type === "currency" ? typeof e.currency == "string" ? [e.currency] : [...new Set(d.rows.map((t) => e.currency(t)))] : [], Me = (e) => {
-			let t = Te.value.get(e);
+		}, Pe = (e) => e.type === "currency" ? typeof e.currency == "string" ? [e.currency] : [...new Set(s.rows.map((t) => e.currency(t)))] : [], Fe = (e) => {
+			let t = B.value.get(e);
 			if (t) {
-				if (x.value) ze.value?.show(e);
+				if (b.value) He.value?.show(e);
 				else {
-					if (!k.value.some((t) => t.column === e)) {
-						let n = f(t);
-						if (k.value = [...k.value, t.type === "boolean" ? {
+					if (!D.value.some((t) => t.column === e)) {
+						let n = i(t);
+						if (D.value = [...D.value, t.type === "boolean" ? {
 							column: e,
 							op: n,
 							value: !0
@@ -2467,38 +2302,38 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 							op: n
 						}], t.type === "boolean") return;
 					}
-					he.value = e;
+					O.value = e;
 				}
 			}
-		}, Ne = (e) => k.value = k.value.map((t) => t.column === e.column ? e : t), Fe = (e) => {
-			k.value = k.value.filter((t) => t.column !== e), he.value === e && (he.value = null);
-		}, Le = (e) => {
-			let n = he.value;
-			if (he.value = e, n && n !== e) {
-				let e = k.value.find((e) => e.column === n);
-				e && !t(e, H(n)) && Fe(n);
+		}, Le = (e) => D.value = D.value.map((t) => t.column === e.column ? e : t), ze = (e) => {
+			D.value = D.value.filter((t) => t.column !== e), O.value === e && (O.value = null);
+		}, Be = (e) => {
+			let t = O.value;
+			if (O.value = e, t && t !== e) {
+				let e = D.value.find((e) => e.column === t);
+				e && !f(e, ke(t)) && ze(t);
 			}
-		}, Re = () => {
-			k.value = [], he.value = null;
-		}, ze = V(null), Be = (e, t) => {
-			k.value = e, he.value = null, T.value = t, D(1);
-		}, Ve = j(() => C.columns.value.map((e) => e.id)), He = j(() => {
-			let e = /* @__PURE__ */ new Set([d.rowKey]);
-			for (let t of C.columns.value) {
+		}, Ve = () => {
+			D.value = [], O.value = null;
+		}, He = z(null), Ue = (e, t) => {
+			D.value = e, O.value = null, w.value = t, E(1);
+		}, We = k(() => S.columns.value.map((e) => e.id)), Ge = k(() => {
+			let e = /* @__PURE__ */ new Set([s.rowKey]);
+			for (let t of S.columns.value) {
 				t.def.accessor || e.add(t.id);
 				for (let n of t.def.fields ?? []) e.add(n);
 			}
-			for (let t of d.fields ?? []) e.add(t);
+			for (let t of s.fields ?? []) e.add(t);
 			return [...e];
-		}), Ue = j(() => ({
-			search: w.value,
-			filters: W.value,
-			sort: T.value,
-			page: E.value,
-			columns: Ve.value,
-			fields: He.value
-		})), Ke = () => {
-			let { search: e, filters: t, sort: n, columns: r, fields: i } = Ue.value;
+		}), Je = k(() => ({
+			search: C.value,
+			filters: H.value,
+			sort: w.value,
+			page: T.value,
+			columns: We.value,
+			fields: Ge.value
+		})), Xe = () => {
+			let { search: e, filters: t, sort: n, columns: r, fields: i } = Je.value;
 			return {
 				search: e,
 				filters: t,
@@ -2506,346 +2341,363 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 				columns: r,
 				fields: i
 			};
-		}, Je = V(""), Xe = V(""), Qe = () => ({
-			filters: W.value,
-			sort: T.value,
-			columns: C.state.value
-		}), Y = sr({
-			tableId: () => d.tableId,
-			system: () => d.views,
-			adapter: h.viewsAdapter,
-			locale: () => h.locale,
-			defaultViewId: () => S.prefs.defaultViewId,
-			setDefaultViewId: (e) => S.set({ defaultViewId: e }),
-			prefsReady: S.ready,
-			current: Qe,
+		}, Qe = z(""), $e = z(""), tt = () => ({
+			filters: H.value,
+			sort: w.value,
+			columns: S.state.value
+		}), J = or({
+			tableId: () => s.tableId,
+			system: () => s.views,
+			adapter: u.viewsAdapter,
+			locale: () => u.locale,
+			defaultViewId: () => x.prefs.defaultViewId,
+			setDefaultViewId: (e) => x.set({ defaultViewId: e }),
+			prefsReady: x.ready,
+			current: tt,
 			apply: (e) => {
-				k.value = (e.filters ?? []).map((e) => ({ ...e })), he.value = null, T.value = e.sort ?? [], C.apply(e.columns), D(1);
+				D.value = (e.filters ?? []).map((e) => ({ ...e })), O.value = null, w.value = e.sort ?? [], S.apply(e.columns), E(1);
 			},
 			onChange: (e) => {
-				p("view-change", {
+				l("view-change", {
 					id: e.id,
 					kind: e.kind
-				}), Je.value = _.t("sr.view", { name: e.name });
+				}), Qe.value = d.t("sr.view", { name: e.name });
 			}
-		}), $e = V(!1), et = (e) => {
+		}), nt = z(!1), rt = (e) => {
 			let t = e.sort[0], n = e.sort.length > 1 ? ` +${e.sort.length - 1}` : "", r = [...e.columns.pinned.left, ...e.columns.pinned.right].map(Z).join(", ");
 			return {
-				filters: e.filters.map((e) => Z(e.column)).join(" · ") || _.t("common.empty"),
-				sort: t ? `${Z(t.column)} ${t.dir === "asc" ? "↑" : "↓"}${n}` : _.t("common.empty"),
-				columns: [_.t("views.columnsSummary", {
+				filters: e.filters.map((e) => Z(e.column)).join(" · ") || d.t("common.empty"),
+				sort: t ? `${Z(t.column)} ${t.dir === "asc" ? "↑" : "↓"}${n}` : d.t("common.empty"),
+				columns: [d.t("views.columnsSummary", {
 					shown: e.columns.visible.length,
-					total: d.columns.length
-				}), ...r ? [_.t("views.pinnedSummary", { name: r })] : []].join(" · ")
+					total: s.columns.length
+				}), ...r ? [d.t("views.pinnedSummary", { name: r })] : []].join(" · ")
 			};
-		}, tt = (e) => ({
+		}, it = (e) => ({
 			filters: e.state.filters ?? [],
 			sort: e.state.sort ?? [],
-			columns: C.resolve(e.state.columns)
-		}), nt = V(null), rt = j({
-			get: () => !!nt.value,
+			columns: S.resolve(e.state.columns)
+		}), at = z(null), ot = k({
+			get: () => !!at.value,
 			set: (e) => {
-				e || (nt.value = null);
+				e || (at.value = null);
 			}
-		}), it = V(null), at = (e) => {
-			let t = e ? tt(e) : Qe();
-			nt.value = {
+		}), st = z(null), ct = (e) => {
+			let t = e ? it(e) : tt();
+			at.value = {
 				mode: "create",
-				name: e ? _.t("views.copyName", { name: e.name }) : "",
+				name: e ? d.t("views.copyName", { name: e.name }) : "",
 				state: t,
-				summary: et(t),
+				summary: rt(t),
 				view: e,
 				fromCurrent: !e
 			};
-		}, ot = (e) => nt.value = {
+		}, lt = (e) => at.value = {
 			mode: "rename",
 			name: e.name,
-			state: Qe(),
+			state: tt(),
 			summary: null,
 			view: e,
 			fromCurrent: !1
-		}, st = (e) => {
-			let t = nt.value;
-			return ar(e, Y.all.value, h.locale, t?.mode === "rename" ? t.view?.id : void 0);
-		}, ct = (e) => {
-			let t = nt.value;
-			t && (t.mode === "rename" && t.view ? Y.rename(t.view.id, e.name) : Y.create({
+		}, ut = (e) => {
+			let t = at.value;
+			return ir(e, J.all.value, u.locale, t?.mode === "rename" ? t.view?.id : void 0);
+		}, dt = (e) => {
+			let t = at.value;
+			t && (t.mode === "rename" && t.view ? J.rename(t.view.id, e.name) : J.create({
 				name: e.name,
 				state: t.state,
 				makeDefault: e.makeDefault,
 				fromCurrent: t.fromCurrent
 			}));
-		}, lt = () => {
-			let e = it.value;
-			e && Y.remove(e.id);
-		}, ut = V({}), dt = V({}), ft = j(() => !!d.expand), pt = j(() => typeof d.expand == "object" ? d.expand.canExpand : void 0), mt = Ei({
-			columns: () => d.columns,
-			rows: () => d.rows,
-			rowKey: () => d.rowKey,
-			mode: () => d.mode,
-			locale: h.locale,
-			sort: T,
-			filters: W,
-			page: E,
-			search: w,
-			hasMore: () => d.hasMore,
-			selectable: () => d.selectable,
-			rowSelection: ut,
-			expanded: dt,
-			canExpand: () => pt.value
+		}, ft = () => {
+			let e = st.value;
+			e && J.remove(e.id);
+		}, pt = z({}), mt = z({}), ht = k(() => !!s.expand), gt = k(() => typeof s.expand == "object" ? s.expand.canExpand : void 0), Y = Ei({
+			columns: () => s.columns,
+			rows: () => s.rows,
+			rowKey: () => s.rowKey,
+			mode: () => s.mode,
+			locale: u.locale,
+			sort: w,
+			filters: H,
+			page: T,
+			search: C,
+			hasMore: () => s.hasMore,
+			selectable: () => s.selectable,
+			rowSelection: pt,
+			expanded: mt,
+			canExpand: () => gt.value
 		}), X = ki({
-			mode: () => d.mode,
-			hasListener: y("onRequest"),
-			query: () => Ue.value,
-			rows: () => d.rows,
-			hasMore: () => d.hasMore,
-			loading: () => d.loading,
-			error: () => d.error,
-			requestOnColumnChange: () => d.requestOnColumnChange,
-			emit: (e) => p("request", e)
-		}), ht = (e, t) => {
-			mt.toggleSort(e, t), D(1);
-		}, gt = (e, t) => {
-			mt.setSort(e, t), D(1);
-		}, _t = j(() => new Map(T.value.map((e, t) => [e.column, {
+			mode: () => s.mode,
+			hasListener: m("onRequest"),
+			query: () => Je.value,
+			rows: () => s.rows,
+			hasMore: () => s.hasMore,
+			loading: () => s.loading,
+			error: () => s.error,
+			requestOnColumnChange: () => s.requestOnColumnChange,
+			emit: (e) => l("request", e)
+		}), _t = (e, t) => {
+			Y.toggleSort(e, t), E(1);
+		}, vt = (e, t) => {
+			Y.setSort(e, t), E(1);
+		}, yt = k(() => new Map(w.value.map((e, t) => [e.column, {
 			dir: e.dir,
-			index: T.value.length > 1 ? t + 1 : null
-		}]))), Z = (e) => d.columns.find((t) => t.id === e)?.header ?? e, vt = X.reason, Q = X.pending, yt = j(() => X.errorKind.value === "error" ? [] : mt.rows.value), $ = j(() => yt.value.length > 0), bt = j(() => Q.value && (vt.value === "query" || vt.value === "page")), xt = j(() => bt.value && $.value), St = V(!1), Ct;
-		q(xt, (e) => {
-			clearTimeout(Ct), St.value = !1, e && (Ct = setTimeout(() => St.value = !0, 400));
+			index: w.value.length > 1 ? t + 1 : null
+		}]))), Z = (e) => s.columns.find((t) => t.id === e)?.header ?? e, bt = X.reason, Q = X.pending, xt = k(() => X.errorKind.value === "error" ? [] : Y.rows.value), $ = k(() => xt.value.length > 0), St = k(() => Q.value && (bt.value === "query" || bt.value === "page")), Ct = k(() => St.value && $.value), wt = z(!1), Tt;
+		K(Ct, (e) => {
+			clearTimeout(Tt), wt.value = !1, e && (Tt = setTimeout(() => wt.value = !0, 400));
 		});
-		let wt = j(() => Q.value && !$.value || !!d.loading && !$.value && !d.error || St.value), Tt = j(() => Q.value && (vt.value === "refresh" || vt.value === "columns") || !!d.loading && $.value && !bt.value), Et = V(!1), Dt;
-		q(Tt, (e) => {
-			clearTimeout(Dt), Et.value = !1, e && (Dt = setTimeout(() => Et.value = !0, 150));
+		let Et = k(() => Q.value && !$.value || !!s.loading && !$.value && !s.error || wt.value), Dt = k(() => Q.value && (bt.value === "refresh" || bt.value === "columns") || !!s.loading && $.value && !St.value), Ot = z(!1), kt;
+		K(Dt, (e) => {
+			clearTimeout(kt), Ot.value = !1, e && (kt = setTimeout(() => Ot.value = !0, 150));
 		});
-		let Ot = j(() => bt.value || wt.value && !$.value), kt = j(() => wt.value || $.value || Q.value ? null : X.errorKind.value === "error" ? "error" : w.value || W.value.length ? "noResults" : E.value.number > 1 ? "noRowsOnPage" : "empty"), At = j(() => {
-			let e = d.error;
+		let At = k(() => St.value || Et.value && !$.value), jt = k(() => Et.value || $.value || Q.value ? null : X.errorKind.value === "error" ? "error" : C.value || H.value.length ? "noResults" : T.value.number > 1 ? "noRowsOnPage" : "empty"), Mt = k(() => {
+			let e = s.error;
 			return typeof e == "object" && e ? e : typeof e == "string" ? { message: e } : {};
-		}), jt = j(() => {
-			let e = W.value.length, t = {
-				entity: b.value,
-				q: w.value,
+		}), Nt = k(() => {
+			let e = H.value.length, t = {
+				entity: g.value,
+				q: C.value,
 				count: e
 			};
-			return w.value && e ? _.t("state.noResultsBoth", t) : w.value ? _.t("state.noResultsSearch", t) : _.t("state.noResults", t);
-		}), Mt = (e) => e.toLocaleTimeString(h.locale, {
+			return C.value && e ? d.t("state.noResultsBoth", t) : C.value ? d.t("state.noResultsSearch", t) : d.t("state.noResults", t);
+		}), Pt = (e) => e.toLocaleTimeString(u.locale, {
 			hour: "2-digit",
 			minute: "2-digit"
-		}), Nt = X.snapshot, Pt = j(() => X.errorKind.value === "error" ? 0 : ie.value ? Nt.value?.rows.length ?? 0 : mt.rows.value.length), Ft = j(() => ie.value ? Nt.value?.page ?? E.value : E.value), It = j(() => ie.value ? Nt.value?.hasMore ?? !1 : mt.canNext.value), Lt = j(() => ie.value ? d.total : mt.total.value), Rt = null, zt = V(!1), Bt = V(null), Vt = () => {
-			Rt?.abort(), Rt = new AbortController(), zt.value = !0, p("count", {
-				query: Ke(),
-				signal: Rt.signal
+		}), Ft = X.snapshot, It = k(() => X.errorKind.value === "error" ? 0 : h.value ? Ft.value?.rows.length ?? 0 : Y.rows.value.length), Lt = k(() => h.value ? Ft.value?.page ?? T.value : T.value), Rt = k(() => h.value ? Ft.value?.hasMore ?? !1 : Y.canNext.value), zt = k(() => h.value ? s.total : Y.total.value), Bt = null, Vt = z(!1), Ht = z(null), Ut = () => {
+			Bt?.abort(), Bt = new AbortController(), Vt.value = !0, l("count", {
+				query: Xe(),
+				signal: Bt.signal
 			});
 		};
-		q(() => d.total, (e) => {
-			e !== void 0 && (zt.value = !1, Bt.value = ie.value ? /* @__PURE__ */ new Date() : null, Je.value = _.t("sr.total", {
-				count: ye.int(e),
-				entity: b.value
+		K(() => s.total, (e) => {
+			e !== void 0 && (Vt.value = !1, Ht.value = h.value ? /* @__PURE__ */ new Date() : null, Qe.value = d.t("sr.total", {
+				count: Oe.int(e),
+				entity: g.value
 			}));
-		}), q(() => JSON.stringify([
+		}), K(() => JSON.stringify([
+			C.value,
 			w.value,
-			T.value,
-			W.value
+			H.value
 		]), () => {
-			Rt?.abort(), zt.value = !1, Bt.value = null;
+			Bt?.abort(), Vt.value = !1, Ht.value = null;
 		});
-		let Ht = V(null);
-		q(() => E.value.number, () => Ht.value?.scrollToTop());
-		let Ut = (e) => S.set({ pageSize: e });
-		q(() => JSON.stringify(W.value), (e, t) => {
-			D(1), Ht.value?.scrollToTop();
+		let Wt = z(null);
+		K(() => T.value.number, () => Wt.value?.scrollToTop());
+		let Gt = (e) => x.set({ pageSize: e });
+		K(() => JSON.stringify(H.value), (e, t) => {
+			E(1), Wt.value?.scrollToTop();
 			let n = new Map(JSON.parse(t).map((e) => [e.column, JSON.stringify(e)])), r = new Map(JSON.parse(e).map((e) => [e.column, JSON.stringify(e)]));
 			for (let [e, t] of r) if (n.get(e) !== t) {
-				let t = k.value.find((t) => t.column === e);
+				let t = D.value.find((t) => t.column === e);
 				if (t) {
-					let n = Ae(t);
-					Je.value = _.t("sr.filterAdded", { summary: `${Z(e)} ${n.text}`.trim() });
+					let n = Ne(t);
+					Qe.value = d.t("sr.filterAdded", { summary: `${Z(e)} ${n.text}`.trim() });
 				}
 			}
-			for (let e of n.keys()) r.has(e) || (Je.value = _.t("sr.filterRemoved", { column: Z(e) }));
+			for (let e of n.keys()) r.has(e) || (Qe.value = d.t("sr.filterRemoved", { column: Z(e) }));
 		});
-		let Gt = V(!1), Kt;
-		q(Gt, (e) => {
-			clearInterval(Kt), e && d.autoRefresh && (Kt = setInterval(() => X.refresh(), d.autoRefresh * 1e3));
+		let qt = z(!1), Jt;
+		K(qt, (e) => {
+			clearInterval(Jt), e && s.autoRefresh && (Jt = setInterval(() => X.refresh(), s.autoRefresh * 1e3));
 		});
-		let qt = j(() => Gt.value ? "live" : Tt.value ? "refreshing" : X.errorKind.value === "stale" ? "stale" : "normal"), Jt = j(() => d.toolbar !== !1 && d.columns.some(Ti)), Yt = j(() => d.toolbar === "auto"), Xt = j(() => ({
-			refresh: y("onRequest"),
-			export: y("onExport"),
-			import: y("onImport"),
-			print: y("onPrint"),
-			autoRefresh: d.autoRefresh !== void 0
-		})), Zt = j(() => d.toolbar === "auto" && Object.values(Xt.value).some(Boolean)), Qt = j(() => d.searchPlaceholder ?? _.t("toolbar.search", { entity: b.value })), $t = V(null), en = j(() => ({
-			density: me.value,
-			verticalLines: S.prefs.verticalLines,
-			columns: C.panel.value,
-			counts: C.counts.value,
-			sort: T.value,
-			persistent: S.persistent
-		})), tn = {
-			"update:density": (e) => S.set({ density: e }),
-			"column-visible": (e, t) => C.setVisible(e, t),
-			"column-move": (e, t) => C.move(e, t),
-			"columns-all": (e) => {
-				for (let t of C.panel.value) !t.pinned && t.canHide && C.setVisible(t.id, e);
-			},
-			"columns-reset": () => C.reset(Y.active.value?.state.columns),
+		let Yt = k(() => qt.value ? "live" : Dt.value ? "refreshing" : X.errorKind.value === "stale" ? "stale" : "normal"), Xt = k(() => s.toolbar !== !1 && s.columns.some(Ti)), Zt = k(() => s.toolbar === "auto"), Qt = k(() => ({
+			refresh: m("onRequest"),
+			export: s.exportable ? sn.value : !1,
+			import: m("onImport"),
+			print: m("onPrint"),
+			autoRefresh: s.autoRefresh !== void 0
+		})), $t = k(() => s.toolbar === "auto" && Object.values(Qt.value).some(Boolean)), en = k(() => s.searchPlaceholder ?? d.t("toolbar.search", { entity: g.value })), tn = z(null), nn = k(() => ({
+			density: he.value,
+			verticalLines: x.prefs.verticalLines,
+			columns: S.panel.value,
+			counts: S.counts.value,
+			persistent: x.persistent
+		})), rn = {
+			"update:density": (e) => x.set({ density: e }),
+			"columns-save": (e) => S.arrange(e),
+			reset: () => {
+				x.reset(), S.reset(J.active.value?.state.columns);
+			}
+		}, an = {
 			"sort-dir": (e, t) => {
-				T.value = T.value.map((n) => n.column === e ? {
+				w.value = w.value.map((n) => n.column === e ? {
 					column: e,
 					dir: t
-				} : n), D(1);
+				} : n), E(1);
 			},
-			"sort-remove": (e) => gt(e, null),
+			"sort-remove": (e) => vt(e, null),
 			"sort-clear": () => {
-				T.value = [], D(1);
-			},
-			reset: () => S.reset()
-		}, nn = (e) => p("export", {
-			format: e,
-			query: Ke(),
-			selection: mt.selectedRows.value,
-			visibleColumns: Ve.value
-		}), rn = j(() => d.columns.find((e) => e.primary)), an = (e) => rn.value?.href?.(e), on = (e) => {
-			let t = rn.value, n = t ? t.accessor ? t.accessor(e) : ee(e, t.id) : ee(e, d.rowKey);
+				w.value = [], E(1);
+			}
+		}, on = () => Y.selectedRows.value.length ? Y.selectedRows.value : xt.value, sn = k(() => {
+			let e = Y.selectedRows.value.length;
+			return e ? d.t("toolbar.exportSelected", { count: e }) : d.t("toolbar.export", { count: xt.value.length });
+		}), cn = (e, t) => t.accessor ? t.accessor(e) : v(e, t.id), ln = (e) => {
+			let t = on();
+			if (m("onExport")) return l("export", {
+				format: e,
+				query: Xe(),
+				selection: Y.selectedRows.value,
+				rows: t,
+				visibleColumns: We.value
+			});
+			de({
+				format: e,
+				columns: S.columns.value.map((e) => e.def),
+				rows: t,
+				read: cn,
+				env: {
+					fmt: Oe,
+					i18n: d,
+					today: /* @__PURE__ */ new Date(),
+					labels: Se
+				},
+				name: g.value.other
+			});
+		}, un = k(() => s.columns.find((e) => e.primary)), dn = (e) => un.value?.href?.(e), fn = (e) => {
+			let t = un.value, n = t ? t.accessor ? t.accessor(e) : v(e, t.id) : v(e, s.rowKey);
 			return n == null ? "" : String(n);
-		}, sn = j(() => !!d.rowActions?.length || !!rn.value), cn = mt.selectedRows, ln = () => ut.value = {}, un = (e, t) => {
-			let n = { ...ut.value };
+		}, pn = k(() => !!s.rowActions?.length || !!un.value), hn = Y.selectedRows, gn = () => pt.value = {}, _n = (e, t) => {
+			let n = { ...pt.value };
 			for (let r of e) t ? n[r] = !0 : delete n[r];
-			ut.value = n;
+			pt.value = n;
 		};
-		q(() => JSON.stringify([
+		K(() => JSON.stringify([
+			C.value,
+			H.value,
 			w.value,
-			W.value,
-			T.value,
-			E.value
+			T.value
 		]), () => {
-			ut.value = {}, dt.value = {}, Ht.value?.measure();
-		}), q(() => d.rows, (e) => {
-			let t = new Set(e.map(mt.rowId)), n = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => t.has(e)));
-			Object.keys(ut.value).some((e) => !t.has(e)) && (ut.value = n(ut.value)), Object.keys(dt.value).some((e) => !t.has(e)) && (dt.value = n(dt.value));
-		}), q(cn, (e) => {
-			p("selection-change", e), e.length && (Je.value = _.t("selection.selected", { count: e.length }));
+			pt.value = {}, mt.value = {}, Wt.value?.measure();
+		}), K(() => s.rows, (e) => {
+			let t = new Set(e.map(Y.rowId)), n = (e) => Object.fromEntries(Object.entries(e).filter(([e]) => t.has(e)));
+			Object.keys(pt.value).some((e) => !t.has(e)) && (pt.value = n(pt.value)), Object.keys(mt.value).some((e) => !t.has(e)) && (mt.value = n(mt.value));
+		}), K(hn, (e) => {
+			l("selection-change", e), e.length && (Qe.value = d.t("selection.selected", { count: e.length }));
 		});
-		let dn = (e, t) => {
-			let n = { ...dt.value };
-			t ? n[e] = !0 : delete n[e], dt.value = n, t && xe(() => {
-				let t = d.rows.find((t) => mt.rowId(t) === e), n = [...(Ht.value?.$el)?.querySelectorAll(".dt-subrow") ?? []].find((t) => t.id.endsWith(`-sub-${e}`));
-				t && (Je.value = _.t("sr.expanded", {
-					label: on(t),
+		let vn = (e, t) => {
+			let n = { ...mt.value };
+			t ? n[e] = !0 : delete n[e], mt.value = n, t && we(() => {
+				let t = s.rows.find((t) => Y.rowId(t) === e), n = [...(Wt.value?.$el)?.querySelectorAll(".dt-subrow") ?? []].find((t) => t.id.endsWith(`-sub-${e}`));
+				t && (Qe.value = d.t("sr.expanded", {
+					label: fn(t),
 					count: n ? n.querySelectorAll("[role=\"row\"], tr").length : 0
 				}));
 			});
-		}, fn = (e, t) => {
-			if (p("row-click", {
+		}, yn = (e, t) => {
+			if (l("row-click", {
 				row: e,
 				event: t
-			}), d.rowClick === "open") t.target?.closest(".dt-row")?.querySelector(".dt-cell.is-primary a.dt-link")?.click();
-			else if (d.rowClick === "expand" && ft.value && (pt.value?.(e) ?? !0)) {
-				let t = mt.rowId(e);
-				dn(t, !dt.value[t]);
+			}), s.rowClick === "open") t.target?.closest(".dt-row")?.querySelector(".dt-cell.is-primary a.dt-link")?.click();
+			else if (s.rowClick === "expand" && ht.value && (gt.value?.(e) ?? !0)) {
+				let t = Y.rowId(e);
+				vn(t, !mt.value[t]);
 			}
-		}, mn = (e, t) => p("row-open", {
+		}, bn = (e, t) => l("row-open", {
 			row: e,
-			href: an(e) ?? "",
+			href: dn(e) ?? "",
 			event: t
-		}), hn = V(null), gn, _n = (e) => {
-			navigator.clipboard?.writeText(on(e)), hn.value = _.t("cell.copied"), clearTimeout(gn), gn = setTimeout(() => hn.value = null, 2e3);
-		}, vn = () => p("print", {
-			query: Ke(),
-			visibleColumns: Ve.value
-		}), yn = () => void navigator.clipboard?.writeText(At.value.id ?? ""), bn = (e) => {
+		}), xn = z(null), Sn, Cn = (e) => {
+			navigator.clipboard?.writeText(fn(e)), xn.value = d.t("cell.copied"), clearTimeout(Sn), Sn = setTimeout(() => xn.value = null, 2e3);
+		}, wn = () => l("print", {
+			query: Xe(),
+			visibleColumns: We.value
+		}), Tn = () => void navigator.clipboard?.writeText(Mt.value.id ?? ""), En = (e) => {
 			if (e.defaultPrevented) return;
-			let t = e.target instanceof Element ? e.target : null;
+			let t = e.target instanceof Element ? e.target : null, n = !!t && _e(t) && !(t instanceof HTMLInputElement && t.type === "checkbox");
 			if (e.key === "Escape") {
-				let n = !!t?.closest("[role=\"menu\"], [role=\"dialog\"], [role=\"alertdialog\"], [role=\"listbox\"], .dt-pop");
-				!e.defaultPrevented && !n && cn.value.length && !(t && r(t)) && ln();
+				let r = !!t?.closest("[role=\"menu\"], [role=\"dialog\"], [role=\"alertdialog\"], [role=\"listbox\"], .dt-pop");
+				!e.defaultPrevented && !r && hn.value.length && !n && gn();
 			} else if (e.altKey && !e.ctrlKey && !e.metaKey && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
-				if (Ot.value) return;
-				let t = e.key === "ArrowLeft" ? E.value.number - 1 : E.value.number + 1;
-				t >= 1 && (e.key === "ArrowLeft" || It.value) && (e.preventDefault(), D(t));
+				if (At.value) return;
+				let t = e.key === "ArrowLeft" ? T.value.number - 1 : T.value.number + 1;
+				t >= 1 && (e.key === "ArrowLeft" || Rt.value) && (e.preventDefault(), E(t));
 			} else if ((e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && (e.key === "s" || e.key === "S")) {
-				if (!d.shortcuts || !Y.edited.value || !h.viewsAdapter || nt.value) return;
-				e.preventDefault(), Y.writable(Y.active.value) ? Y.saveChanges() : at();
-			} else !d.shortcuts || e.ctrlKey || e.metaKey || e.altKey || t && r(t) || (e.key === "/" && Jt.value ? (e.preventDefault(), $t.value?.focusSearch()) : (e.key === "f" || e.key === "F") && Oe.value ? (e.preventDefault(), x.value ? ze.value?.show() : A.value = !0) : (e.key === "r" || e.key === "R") && y("onRequest") ? (e.preventDefault(), X.refresh()) : (e.key === "v" || e.key === "V") && Y.hasViews.value && d.toolbar === "auto" && (e.preventDefault(), $e.value = !0));
+				if (!s.shortcuts || !J.edited.value || !u.viewsAdapter || at.value) return;
+				e.preventDefault(), J.writable(J.active.value) ? J.saveChanges() : ct();
+			} else !s.shortcuts || e.ctrlKey || e.metaKey || e.altKey || n || (e.key === "/" && Xt.value ? (e.preventDefault(), tn.value?.focusSearch()) : (e.key === "f" || e.key === "F") && W.value ? (e.preventDefault(), b.value ? He.value?.show() : I.value = !0) : (e.key === "r" || e.key === "R") && m("onRequest") ? (e.preventDefault(), X.refresh()) : (e.key === "v" || e.key === "V") && J.hasViews.value && s.toolbar === "auto" && (e.preventDefault(), nt.value = !0));
 		};
-		we(() => window.addEventListener("keydown", bn)), Ce(() => {
-			window.removeEventListener("keydown", bn), fe?.disconnect(), clearTimeout(Ct), clearTimeout(Dt), clearInterval(Kt), clearTimeout(gn), Rt?.abort();
-		}), q(() => yt.value.length, (e) => {
-			Q.value || (Je.value = _.t("sr.loaded", { count: e }));
-		}), q(X.updatedAt, () => Je.value = _.t("sr.loaded", { count: yt.value.length })), q(T, (e) => {
+		De(() => window.addEventListener("keydown", En)), Ee(() => {
+			window.removeEventListener("keydown", En), le?.disconnect(), clearTimeout(Tt), clearTimeout(kt), clearInterval(Jt), clearTimeout(Sn), Bt?.abort();
+		}), K(() => xt.value.length, (e) => {
+			Q.value || (Qe.value = d.t("sr.loaded", { count: e }));
+		}), K(X.updatedAt, () => Qe.value = d.t("sr.loaded", { count: xt.value.length })), K(w, (e) => {
 			let t = e[0];
-			t && (Je.value = _.t("sr.sorted", {
+			t && (Qe.value = d.t("sr.sorted", {
 				column: Z(t.column),
-				dir: _.t(t.dir === "asc" ? "sr.asc" : "sr.desc")
+				dir: d.t(t.dir === "asc" ? "sr.asc" : "sr.desc")
 			}));
-		}), q(X.errorKind, (e) => {
-			e === "error" && (Xe.value = `${_.t("state.errorTitle", { entity: b.value })} ${_.t("state.tryAgain")}`);
+		}), K(X.errorKind, (e) => {
+			e === "error" && ($e.value = `${d.t("state.errorTitle", { entity: g.value })} ${d.t("state.tryAgain")}`);
 		});
-		let xn = de(se);
-		return i({
+		let Dn = ie(y);
+		return t({
 			refresh: X.refresh,
-			clearSelection: ln
-		}), (e, t) => (B(), P("div", {
+			clearSelection: gn
+		}), (t, n) => (R(), M("div", {
 			ref_key: "rootEl",
-			ref: se,
-			class: z(["dt dt-list", { "is-phone": x.value }]),
-			"data-density": me.value
+			ref: y,
+			class: L(["dt dt-list", { "is-phone": b.value }]),
+			"data-density": he.value
 		}, [
-			n.selectionBar === "toolbar" && K(cn).length && n.toolbar !== !1 ? (B(), M(ei, {
+			e.selectionBar === "toolbar" && G(hn).length && e.toolbar !== !1 ? (R(), A(ei, {
 				key: 0,
 				variant: "toolbar",
-				rows: K(cn),
-				actions: n.bulkActions ?? [],
-				onClear: ln
+				rows: G(hn),
+				actions: e.bulkActions ?? [],
+				onClear: gn
 			}, {
-				default: J(() => [e.$slots["selection-actions"] ? U(e.$slots, "selection-actions", {
-					rows: K(cn),
-					clear: ln
-				}, void 0, void 0, 0) : N("", !0)]),
+				default: q(() => [t.$slots["selection-actions"] ? V(t.$slots, "selection-actions", {
+					rows: G(hn),
+					clear: gn
+				}, void 0, void 0, 0) : j("", !0)]),
 				_: 3
-			}, 8, ["rows", "actions"])) : n.toolbar === !1 ? N("", !0) : (B(), M($n, {
+			}, 8, ["rows", "actions"])) : e.toolbar === !1 ? j("", !0) : (R(), A(Qn, {
 				key: 1,
 				ref_key: "toolbarRef",
-				ref: $t,
-				size: le.value,
-				search: Jt.value ? w.value : null,
-				"search-placeholder": Qt.value,
-				"has-filter": Oe.value,
-				"has-display": Yt.value,
-				"has-more": Zt.value,
-				"onUpdate:search": O
-			}, ge({
-				filter: J(({ iconOnly: e, phone: r }) => [r ? (B(), P("button", {
+				ref: tn,
+				size: se.value,
+				search: Xt.value ? C.value : null,
+				"search-placeholder": en.value,
+				"has-filter": W.value,
+				"has-display": Zt.value,
+				"has-more": $t.value,
+				"onUpdate:search": ve
+			}, ye({
+				filter: q(({ iconOnly: t, phone: r }) => [r ? (R(), M("button", {
 					key: 0,
 					type: "button",
-					class: z(["dt-btn dt-btn-icon dt-filter-trigger", { "is-active": W.value.length }]),
-					"aria-label": K(_).t("toolbar.filter"),
-					onClick: t[7] ||= (e) => ze.value?.show()
-				}, [L(K(qe), {
+					class: L(["dt-btn dt-btn-icon dt-filter-trigger", { "is-active": H.value.length }]),
+					"aria-label": G(d).t("toolbar.filter"),
+					onClick: n[7] ||= (e) => He.value?.show()
+				}, [F(G(Ye), {
 					size: 20,
 					"aria-hidden": "true"
-				}), W.value.length ? (B(), P("span", Mi, G(W.value.length), 1)) : N("", !0)], 10, ji)) : (B(), M(Wt, {
+				}), H.value.length ? (R(), M("span", Mi, U(H.value.length), 1)) : j("", !0)], 10, ji)) : (R(), A(Kt, {
 					key: 1,
-					open: A.value,
-					"onUpdate:open": t[8] ||= (e) => A.value = e,
-					columns: n.columns,
-					chips: k.value,
-					onPick: Me
+					open: I.value,
+					"onUpdate:open": n[8] ||= (e) => I.value = e,
+					columns: e.columns,
+					chips: D.value,
+					onPick: Fe
 				}, {
-					trigger: J(() => [F("button", {
+					trigger: q(() => [N("button", {
 						type: "button",
-						class: z(["dt-btn has-icon dt-filter-trigger", {
-							"is-active": W.value.length,
-							"dt-btn-icon": e && !W.value.length
+						class: L(["dt-btn has-icon dt-filter-trigger", {
+							"is-active": H.value.length,
+							"dt-btn-icon": t && !H.value.length
 						}]),
-						"aria-label": e ? K(_).t("toolbar.filter") : void 0
+						"aria-label": t ? G(d).t("toolbar.filter") : void 0
 					}, [
-						L(K(qe), {
+						F(G(Ye), {
 							size: 16,
 							"aria-hidden": "true"
 						}),
-						e ? N("", !0) : (B(), P("span", Pi, G(K(_).t("toolbar.filter")), 1)),
-						W.value.length ? (B(), P("span", Fi, G(W.value.length), 1)) : N("", !0)
+						t ? j("", !0) : (R(), M("span", Pi, U(G(d).t("toolbar.filter")), 1)),
+						H.value.length ? (R(), M("span", Fi, U(H.value.length), 1)) : j("", !0)
 					], 10, Ni)]),
 					_: 2
 				}, 1032, [
@@ -2853,20 +2705,23 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 					"columns",
 					"chips"
 				]))]),
-				display: J(({ iconOnly: e }) => [L(v, be(en.value, { "icon-only": e }, De(tn), { "onUpdate:verticalLines": t[9] ||= (e) => K(S).set({ verticalLines: e }) }), null, 16, ["icon-only"])]),
-				more: J(({ phone: e }) => [e ? (B(), M(K(u), be({ key: 0 }, Xt.value, {
-					density: me.value,
-					columns: K(C).panel.value,
-					counts: K(C).counts.value,
-					sort: T.value,
-					persistent: K(S).persistent,
-					"auto-refresh-on": Gt.value
-				}, De(tn), {
-					"onUpdate:autoRefreshOn": t[10] ||= (e) => Gt.value = e,
-					onRefresh: t[11] ||= (e) => K(X).refresh(),
-					onExport: nn,
-					onImport: t[12] ||= (e) => p("import"),
-					onPrint: vn
+				display: q(({ iconOnly: e }) => [F(re, Ce(nn.value, { "icon-only": e }, Ae(rn), { "onUpdate:verticalLines": n[9] ||= (e) => G(x).set({ verticalLines: e }) }), null, 16, ["icon-only"])]),
+				more: q(({ phone: e }) => [e ? (R(), A(G(o), Ce({ key: 0 }, Qt.value, {
+					density: he.value,
+					columns: G(S).panel.value,
+					counts: G(S).counts.value,
+					sort: w.value,
+					persistent: G(x).persistent,
+					"auto-refresh-on": qt.value
+				}, Ae({
+					...rn,
+					...an
+				}), {
+					"onUpdate:autoRefreshOn": n[10] ||= (e) => qt.value = e,
+					onRefresh: n[11] ||= (e) => G(X).refresh(),
+					onExport: ln,
+					onImport: n[12] ||= (e) => l("import"),
+					onPrint: wn
 				}), null, 16, [
 					"density",
 					"columns",
@@ -2874,37 +2729,37 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 					"sort",
 					"persistent",
 					"auto-refresh-on"
-				])) : (B(), M(Xn, be({ key: 1 }, Xt.value, {
-					"auto-refresh-on": Gt.value,
-					"onUpdate:autoRefreshOn": t[13] ||= (e) => Gt.value = e,
-					onRefresh: t[14] ||= (e) => K(X).refresh(),
-					onExport: nn,
-					onImport: t[15] ||= (e) => p("import"),
-					onPrint: vn
+				])) : (R(), A(Gn, Ce({ key: 1 }, Qt.value, {
+					"auto-refresh-on": qt.value,
+					"onUpdate:autoRefreshOn": n[13] ||= (e) => qt.value = e,
+					onRefresh: n[14] ||= (e) => G(X).refresh(),
+					onExport: ln,
+					onImport: n[15] ||= (e) => l("import"),
+					onPrint: wn
 				}), null, 16, ["auto-refresh-on"]))]),
 				_: 2
-			}, [K(Y).hasViews.value && n.toolbar === "auto" ? {
+			}, [G(J).hasViews.value && e.toolbar === "auto" ? {
 				name: "view",
-				fn: J(() => [L(zr, {
-					open: $e.value,
-					"onUpdate:open": t[0] ||= (e) => $e.value = e,
-					sections: K(Y).sections.value,
-					active: K(Y).active.value,
-					edited: K(Y).edited.value,
-					"has-draft": K(Y).hasDraft,
-					"default-id": K(S).prefs.defaultViewId,
-					"can-save": !!K(h).viewsAdapter,
-					"can-write": K(Y).writable(K(Y).active.value),
-					sheet: x.value,
-					onSelect: K(Y).select,
-					onSaveChanges: t[1] ||= (e) => K(Y).saveChanges(),
-					onSaveAs: t[2] ||= (e) => at(),
-					onDiscard: t[3] ||= (e) => K(Y).discard(),
-					onNew: t[4] ||= (e) => at(),
-					onRename: ot,
-					onDuplicate: at,
-					onSetDefault: t[5] ||= (e) => K(S).set({ defaultViewId: e }),
-					onDelete: t[6] ||= (e) => it.value = e
+				fn: q(() => [F(zr, {
+					open: nt.value,
+					"onUpdate:open": n[0] ||= (e) => nt.value = e,
+					sections: G(J).sections.value,
+					active: G(J).active.value,
+					edited: G(J).edited.value,
+					"has-draft": G(J).hasDraft,
+					"default-id": G(x).prefs.defaultViewId,
+					"can-save": !!G(u).viewsAdapter,
+					"can-write": G(J).writable(G(J).active.value),
+					sheet: b.value,
+					onSelect: G(J).select,
+					onSaveChanges: n[1] ||= (e) => G(J).saveChanges(),
+					onSaveAs: n[2] ||= (e) => ct(),
+					onDiscard: n[3] ||= (e) => G(J).discard(),
+					onNew: n[4] ||= (e) => ct(),
+					onRename: lt,
+					onDuplicate: ct,
+					onSetDefault: n[5] ||= (e) => G(x).set({ defaultViewId: e }),
+					onDelete: n[6] ||= (e) => st.value = e
 				}, null, 8, [
 					"open",
 					"sections",
@@ -2918,9 +2773,9 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 					"onSelect"
 				])]),
 				key: "0"
-			} : void 0, e.$slots["toolbar-end"] ? {
+			} : void 0, t.$slots["toolbar-end"] ? {
 				name: "end",
-				fn: J(({ compact: t }) => [U(e.$slots, "toolbar-end", { compact: t })]),
+				fn: q(({ compact: e }) => [V(t.$slots, "toolbar-end", { compact: e })]),
 				key: "1"
 			} : void 0]), 1032, [
 				"size",
@@ -2930,31 +2785,31 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 				"has-display",
 				"has-more"
 			])),
-			k.value.length ? (B(), M(pn, {
+			D.value.length ? (R(), A(mn, {
 				key: 2,
-				chips: k.value,
-				defs: Te.value,
-				editing: he.value,
-				rows: n.rows,
-				labels: K(R),
-				"summary-of": Ae,
-				"currencies-of": je,
-				phone: x.value,
-				onOpen: t[16] ||= (e) => ze.value?.show(e),
-				"onUpdate:chip": Ne,
-				onRemove: Fe,
-				"onUpdate:editing": Le,
-				onClearAll: Re
+				chips: D.value,
+				defs: B.value,
+				editing: O.value,
+				rows: e.rows,
+				labels: G(Se),
+				"summary-of": Ne,
+				"currencies-of": Pe,
+				phone: b.value,
+				onOpen: n[16] ||= (e) => He.value?.show(e),
+				"onUpdate:chip": Le,
+				onRemove: ze,
+				"onUpdate:editing": Be,
+				onClearAll: Ve
 			}, {
-				add: J(() => [L(Wt, {
-					columns: n.columns,
-					chips: k.value,
-					onPick: Me
+				add: q(() => [F(Kt, {
+					columns: e.columns,
+					chips: D.value,
+					onPick: Fe
 				}, {
-					trigger: J(() => [F("button", Ii, [L(K(Ye), {
+					trigger: q(() => [N("button", Ii, [F(G(Ze), {
 						size: 14,
 						"aria-hidden": "true"
-					}), I(" " + G(K(_).t("filter.addFilter")), 1)])]),
+					}), P(" " + U(G(d).t("filter.addFilter")), 1)])]),
 					_: 1
 				}, 8, ["columns", "chips"])]),
 				_: 1
@@ -2965,155 +2820,155 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 				"rows",
 				"labels",
 				"phone"
-			])) : N("", !0),
-			x.value && Oe.value ? (B(), M(K(c), {
+			])) : j("", !0),
+			b.value && W.value ? (R(), A(G(r), {
 				key: 3,
 				ref_key: "filtersSheet",
-				ref: ze,
-				columns: n.columns,
-				chips: k.value,
-				sort: T.value,
-				rows: n.rows,
-				labels: K(R),
-				"summary-of": Ae,
-				"currencies-of": je,
-				onApply: Be
+				ref: He,
+				columns: e.columns,
+				chips: D.value,
+				sort: w.value,
+				rows: e.rows,
+				labels: G(Se),
+				"summary-of": Ne,
+				"currencies-of": Pe,
+				onApply: Ue
 			}, null, 8, [
 				"columns",
 				"chips",
 				"sort",
 				"rows",
 				"labels"
-			])) : N("", !0),
-			K(X).errorKind.value === "stale" && K(X).updatedAt.value ? (B(), P("div", Li, [
-				L(K(Ze), {
+			])) : j("", !0),
+			G(X).errorKind.value === "stale" && G(X).updatedAt.value ? (R(), M("div", Li, [
+				F(G(et), {
 					size: 16,
 					"aria-hidden": "true"
 				}),
-				F("span", null, G(K(_).t("state.stale", { time: Mt(K(X).updatedAt.value) })), 1),
-				F("button", {
+				N("span", null, U(G(d).t("state.stale", { time: Pt(G(X).updatedAt.value) })), 1),
+				N("button", {
 					type: "button",
 					class: "dt-strip-action",
-					disabled: K(Q),
-					onClick: t[17] ||= (e) => K(X).retry()
-				}, G(K(_).t("common.retry")), 9, Ri)
-			])) : N("", !0),
-			L(qn, {
+					disabled: G(Q),
+					onClick: n[17] ||= (e) => G(X).retry()
+				}, U(G(d).t("common.retry")), 9, Ri)
+			])) : j("", !0),
+			F(Hn, {
 				ref_key: "grid",
-				ref: Ht,
-				layout: K(C),
-				rows: yt.value,
-				density: me.value,
-				label: ae.value,
-				loading: K(Q) || !!n.loading,
-				skeleton: wt.value,
-				dim: xt.value,
-				refreshing: Et.value,
-				"vertical-lines": K(S).prefs.verticalLines,
-				"row-count": Lt.value ?? -1,
-				"row-index-offset": (Ft.value.number - 1) * Ft.value.size,
-				sort: _t.value,
-				"filtered-columns": Ee.value,
-				labels: K(R),
+				ref: Wt,
+				layout: G(S),
+				rows: xt.value,
+				density: he.value,
+				label: ne.value,
+				loading: G(Q) || !!e.loading,
+				skeleton: Et.value,
+				dim: Ct.value,
+				refreshing: Ot.value,
+				"vertical-lines": G(x).prefs.verticalLines,
+				"row-count": zt.value ?? -1,
+				"row-index-offset": (Lt.value.number - 1) * Lt.value.size,
+				sort: yt.value,
+				"filtered-columns": je.value,
+				labels: G(Se),
 				sortable: "",
-				selectable: n.selectable,
-				selection: ut.value,
-				expandable: ft.value,
-				expanded: dt.value,
-				"can-expand": pt.value,
-				"row-menu": sn.value,
-				"row-actions": n.rowActions,
-				"row-error": n.rowError,
-				"primary-href": an,
-				"primary-label": on,
-				"primary-header": rn.value?.header,
-				phone: x.value,
-				onHeaderFilter: Me,
-				onRowClick: t[22] ||= (e, t) => fn(e, t),
-				onRowOpen: t[23] ||= (e, t) => mn(e, t),
-				onSelectRows: un,
-				onSelectPage: K(mt).toggleAllPage,
-				onToggleExpand: dn,
-				onCopyId: t[24] ||= (e) => _n(e),
-				onSort: ht,
-				onSortSet: gt
-			}, ge({ _: 2 }, [
-				K(X).stillLoading.value ? {
+				selectable: e.selectable,
+				selection: pt.value,
+				expandable: ht.value,
+				expanded: mt.value,
+				"can-expand": gt.value,
+				"row-menu": pn.value,
+				"row-actions": e.rowActions,
+				"row-error": e.rowError,
+				"primary-href": dn,
+				"primary-label": fn,
+				"primary-header": un.value?.header,
+				phone: b.value,
+				onHeaderFilter: Fe,
+				onRowClick: n[22] ||= (e, t) => yn(e, t),
+				onRowOpen: n[23] ||= (e, t) => bn(e, t),
+				onSelectRows: _n,
+				onSelectPage: G(Y).toggleAllPage,
+				onToggleExpand: vn,
+				onCopyId: n[24] ||= (e) => Cn(e),
+				onSort: _t,
+				onSortSet: vt
+			}, ye({ _: 2 }, [
+				G(X).stillLoading.value ? {
 					name: "notice",
-					fn: J(() => [L(K(Ge), {
+					fn: q(() => [F(G(qe), {
 						size: 14,
 						class: "dt-spin",
 						"aria-hidden": "true"
-					}), I(" " + G(K(_).t("state.stillLoading")), 1)]),
+					}), P(" " + U(G(d).t("state.stillLoading")), 1)]),
 					key: "0"
 				} : void 0,
-				kt.value ? {
+				jt.value ? {
 					name: "state",
-					fn: J(() => [kt.value === "error" ? (B(), M(re, {
+					fn: q(() => [jt.value === "error" ? (R(), A(ue, {
 						key: 0,
 						kind: "error",
-						title: K(_).t("state.errorTitle", { entity: b.value }),
-						lines: [At.value.message, K(_).t("state.errorKept")].filter((e) => !!e)
-					}, ge({
-						default: J(() => [y("onRequest") ? (B(), P("button", {
+						title: G(d).t("state.errorTitle", { entity: g.value }),
+						lines: [Mt.value.message, G(d).t("state.errorKept")].filter((e) => !!e)
+					}, ye({
+						default: q(() => [m("onRequest") ? (R(), M("button", {
 							key: 0,
 							type: "button",
 							class: "dt-btn",
-							disabled: K(Q),
-							onClick: t[18] ||= (e) => K(X).retry()
-						}, G(K(_).t("state.tryAgain")), 9, zi)) : N("", !0)]),
+							disabled: G(Q),
+							onClick: n[18] ||= (e) => G(X).retry()
+						}, U(G(d).t("state.tryAgain")), 9, zi)) : j("", !0)]),
 						_: 2
-					}, [At.value.id ? {
+					}, [Mt.value.id ? {
 						name: "after",
-						fn: J(() => [F("div", Bi, [F("button", {
+						fn: q(() => [N("div", Bi, [N("button", {
 							type: "button",
 							class: "dt-btn dt-btn-ghost dt-btn-xs",
-							onClick: yn
-						}, G(K(_).t("state.copyErrorId")), 1), F("code", Vi, G(At.value.id), 1)])]),
+							onClick: Tn
+						}, U(G(d).t("state.copyErrorId")), 1), N("code", Vi, U(Mt.value.id), 1)])]),
 						key: "0"
-					} : void 0]), 1032, ["title", "lines"])) : kt.value === "noResults" ? (B(), M(re, {
+					} : void 0]), 1032, ["title", "lines"])) : jt.value === "noResults" ? (R(), A(ue, {
 						key: 1,
-						kind: w.value ? "noResultsSearch" : "noResults",
-						title: jt.value
+						kind: C.value ? "noResultsSearch" : "noResults",
+						title: Nt.value
 					}, {
-						default: J(() => [W.value.length === 1 ? (B(), P("button", {
+						default: q(() => [H.value.length === 1 ? (R(), M("button", {
 							key: 0,
 							type: "button",
 							class: "dt-btn",
-							onClick: t[19] ||= (e) => Fe(W.value[0].column)
-						}, G(K(_).t("state.removeFilter", { column: Z(W.value[0].column) })), 1)) : W.value.length ? (B(), P("button", {
+							onClick: n[19] ||= (e) => ze(H.value[0].column)
+						}, U(G(d).t("state.removeFilter", { column: Z(H.value[0].column) })), 1)) : H.value.length ? (R(), M("button", {
 							key: 1,
 							type: "button",
 							class: "dt-btn",
-							onClick: Re
-						}, G(K(_).t("state.clearAllFilters")), 1)) : N("", !0), w.value ? (B(), P("button", {
+							onClick: Ve
+						}, U(G(d).t("state.clearAllFilters")), 1)) : j("", !0), C.value ? (R(), M("button", {
 							key: 2,
 							type: "button",
 							class: "dt-btn",
-							onClick: t[20] ||= (e) => O("")
-						}, G(K(_).t("state.clearSearch")), 1)) : N("", !0)]),
+							onClick: n[20] ||= (e) => ve("")
+						}, U(G(d).t("state.clearSearch")), 1)) : j("", !0)]),
 						_: 1
-					}, 8, ["kind", "title"])) : kt.value === "noRowsOnPage" ? (B(), M(re, {
+					}, 8, ["kind", "title"])) : jt.value === "noRowsOnPage" ? (R(), A(ue, {
 						key: 2,
 						kind: "noRowsOnPage",
-						title: K(_).t("page.noneOnPage")
+						title: G(d).t("page.noneOnPage")
 					}, {
-						default: J(() => [F("button", {
+						default: q(() => [N("button", {
 							type: "button",
 							class: "dt-btn",
-							onClick: t[21] ||= (e) => D(E.value.number - 1)
-						}, G(K(_).t("page.previousPage")), 1)]),
+							onClick: n[21] ||= (e) => E(T.value.number - 1)
+						}, U(G(d).t("page.previousPage")), 1)]),
 						_: 1
-					}, 8, ["title"])) : U(e.$slots, "empty", {}, () => [L(re, {
+					}, 8, ["title"])) : V(t.$slots, "empty", {}, () => [F(ue, {
 						kind: "empty",
-						title: K(_).t("state.emptyTitle", { entity: b.value })
+						title: G(d).t("state.emptyTitle", { entity: g.value })
 					}, null, 8, ["title"])], void 0, 3)]),
 					key: "1"
 				} : void 0,
-				e.$slots.expanded ? {
+				t.$slots.expanded ? {
 					name: "expanded",
-					fn: J(({ row: t, close: n }) => [U(e.$slots, "expanded", {
-						row: t,
+					fn: q(({ row: e, close: n }) => [V(t.$slots, "expanded", {
+						row: e,
 						close: n
 					})]),
 					key: "2"
@@ -3145,52 +3000,52 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 				"phone",
 				"onSelectPage"
 			]),
-			n.selectionBar === "floating" && K(cn).length ? (B(), M(ei, {
+			e.selectionBar === "floating" && G(hn).length ? (R(), A(ei, {
 				key: 5,
 				variant: "floating",
-				phone: x.value,
-				rows: K(cn),
-				actions: n.bulkActions ?? [],
-				onClear: ln
+				phone: b.value,
+				rows: G(hn),
+				actions: e.bulkActions ?? [],
+				onClear: gn
 			}, {
-				default: J(() => [e.$slots["selection-actions"] ? U(e.$slots, "selection-actions", {
-					rows: K(cn),
-					clear: ln
-				}, void 0, void 0, 0) : N("", !0)]),
+				default: q(() => [t.$slots["selection-actions"] ? V(t.$slots, "selection-actions", {
+					rows: G(hn),
+					clear: gn
+				}, void 0, void 0, 0) : j("", !0)]),
 				_: 3
 			}, 8, [
 				"phone",
 				"rows",
 				"actions"
-			])) : N("", !0),
-			hn.value ? (B(), P("div", {
+			])) : j("", !0),
+			xn.value ? (R(), M("div", {
 				key: 6,
-				class: z(["dt-toast", { "is-raised": n.selectionBar === "floating" && K(cn).length }]),
+				class: L(["dt-toast", { "is-raised": e.selectionBar === "floating" && G(hn).length }]),
 				role: "status"
-			}, [L(K(We), {
+			}, [F(G(Ke), {
 				size: 16,
 				"aria-hidden": "true"
-			}), I(" " + G(hn.value), 1)], 2)) : N("", !0),
-			L(Si, {
-				"row-count": Pt.value,
-				page: Ft.value,
-				"has-more": It.value,
-				total: Lt.value,
-				countable: ie.value && n.countable && y("onCount"),
-				counting: zt.value,
-				"counted-at": Bt.value,
-				busy: Ot.value,
-				"first-load": wt.value && !$.value,
-				empty: kt.value === "empty",
-				"page-sizes": n.pageSizes,
-				"updated-at": y("onRequest") ? K(X).updatedAt.value : null,
-				freshness: qt.value,
-				"can-refresh": y("onRequest"),
-				phone: x.value,
-				onCount: Vt,
-				onPage: D,
-				onPageSize: Ut,
-				onRefresh: t[25] ||= (e) => K(X).refresh()
+			}), P(" " + U(xn.value), 1)], 2)) : j("", !0),
+			F(Si, {
+				"row-count": It.value,
+				page: Lt.value,
+				"has-more": Rt.value,
+				total: zt.value,
+				countable: h.value && e.countable && m("onCount"),
+				counting: Vt.value,
+				"counted-at": Ht.value,
+				busy: At.value,
+				"first-load": Et.value && !$.value,
+				empty: jt.value === "empty",
+				"page-sizes": e.pageSizes,
+				"updated-at": m("onRequest") ? G(X).updatedAt.value : null,
+				freshness: Yt.value,
+				"can-refresh": m("onRequest"),
+				phone: b.value,
+				onCount: Ut,
+				onPage: E,
+				onPageSize: Gt,
+				onRefresh: n[25] ||= (e) => G(X).refresh()
 			}, null, 8, [
 				"row-count",
 				"page",
@@ -3208,36 +3063,36 @@ var Ai = ["data-density"], ji = ["aria-label"], Mi = {
 				"can-refresh",
 				"phone"
 			]),
-			F("span", Hi, G(Je.value), 1),
-			F("span", Ui, G(Xe.value), 1),
-			Ie(F("div", {
-				class: z(["dt-tip", { "is-multi": K(xn).text.value.includes("\n") }]),
+			N("span", Hi, U(Qe.value), 1),
+			N("span", Ui, U($e.value), 1),
+			Re(N("div", {
+				class: L(["dt-tip", { "is-multi": G(Dn).text.value.includes("\n") }]),
 				role: "tooltip",
-				style: Se(K(xn).style.value)
-			}, G(K(xn).text.value), 7), [[Pe, K(xn).open.value]]),
-			nt.value ? (B(), M(vr, {
+				style: Te(G(Dn).style.value)
+			}, U(G(Dn).text.value), 7), [[Ie, G(Dn).open.value]]),
+			at.value ? (R(), A(_r, {
 				key: 7,
-				open: rt.value,
-				"onUpdate:open": t[26] ||= (e) => rt.value = e,
-				mode: nt.value.mode,
-				name: nt.value.name,
-				summary: nt.value.summary,
-				validate: st,
-				onSave: ct
+				open: ot.value,
+				"onUpdate:open": n[26] ||= (e) => ot.value = e,
+				mode: at.value.mode,
+				name: at.value.name,
+				summary: at.value.summary,
+				validate: ut,
+				onSave: dt
 			}, null, 8, [
 				"open",
 				"mode",
 				"name",
 				"summary"
-			])) : N("", !0),
-			L(ue, {
-				open: !!it.value,
-				title: K(_).t("views.delete.title", { name: it.value?.name ?? "" }),
-				body: K(_).t("views.delete.body"),
-				"confirm-label": K(_).t("views.delete"),
+			])) : j("", !0),
+			F(fe, {
+				open: !!st.value,
+				title: G(d).t("views.delete.title", { name: st.value?.name ?? "" }),
+				body: G(d).t("views.delete.body"),
+				"confirm-label": G(d).t("views.delete"),
 				danger: "",
-				"onUpdate:open": t[27] ||= (e) => !e && (it.value = null),
-				onConfirm: lt
+				"onUpdate:open": n[27] ||= (e) => !e && (st.value = null),
+				onConfirm: ft
 			}, null, 8, [
 				"open",
 				"title",
@@ -3326,6 +3181,6 @@ function Zi(e) {
 	};
 }
 //#endregion
-export { w as DATA_TABLE_KEY, Wi as DataTable, x as ME, me as createContext, C as createDataTable, S as createI18n, Zi as createLocalStoragePreferences, Xi as createLocalStorageViews, pe as useDataTableContext };
+export { g as DATA_TABLE_KEY, Wi as DataTable, he as ME, s as createContext, h as createDataTable, o as createI18n, Zi as createLocalStoragePreferences, Xi as createLocalStorageViews, _ as useDataTableContext };
 
 //# sourceMappingURL=index.js.map