@medyat/vue-data-table 0.0.0-stage → 1.0.1

package/dist/index.js

@@ -0,0 +1,3186 @@
+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 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"
+}, Kt = /* @__PURE__ */ I({
+	__name: "ColumnPicker",
+	props: /*@__PURE__*/ Se({
+		columns: {},
+		chips: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	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 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 (t, n) => (R(), A(G(Pt), {
+			open: a.value,
+			"onUpdate:open": n[1] ||= (e) => a.value = e
+		}, {
+			default: q(() => [F(G(Ft), { "as-child": "" }, {
+				default: q(() => [V(t.$slots, "trigger")]),
+				_: 3
+			}), F(G(Nt), null, {
+				default: q(() => [F(G(Mt), {
+					class: "dt-pop dt-picker",
+					align: "start",
+					"side-offset": 4,
+					onCloseAutoFocus: g
+				}, {
+					default: q(() => [F(G(jt), {
+						"model-value": void 0,
+						"selection-behavior": "replace",
+						"highlight-on-hover": "",
+						"onUpdate:modelValue": h
+					}, {
+						default: q(() => [N("label", Lt, [N("span", Rt, [F(G(Xe), {
+							size: 14,
+							"aria-hidden": "true"
+						})]), F(G(Dt), {
+							modelValue: s.value,
+							"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
+							"auto-focus": "",
+							placeholder: G(o).t("picker.search"),
+							"aria-label": G(o).t("picker.search")
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"aria-label"
+						])]), F(G(Et), {
+							class: "dt-picker-list",
+							"aria-label": G(o).t("display.columns")
+						}, {
+							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
+									}), (R(!0), M(O, null, B(u.value, (e) => (R(), A(G(At), {
+										key: e.id,
+										value: e.id,
+										class: "dt-picker-item"
+									}, {
+										default: q(() => [
+											(R(), A(ke(G(C)[e.type]), {
+												size: 14,
+												"aria-hidden": "true"
+											})),
+											N("span", zt, U(e.header), 1),
+											N("span", Bt, U(G(o).t("picker.filteredHint")), 1)
+										]),
+										_: 2
+									}, 1032, ["value"]))), 128))]),
+									_: 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
+									}), (R(!0), M(O, null, B(f.value, (t) => (R(), A(G(At), {
+										key: t.id,
+										value: t.id,
+										class: "dt-picker-item"
+									}, {
+										default: q(() => [
+											(R(), A(ke(G(C)[t.type]), {
+												size: 14,
+												"aria-hidden": "true"
+											})),
+											N("span", Vt, U(t.header), 1),
+											N("span", Ht, U(G(o).t(G(e)(t.type))), 1)
+										]),
+										_: 2
+									}, 1032, ["value"]))), 128))]),
+									_: 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
+									}), (R(!0), M(O, null, B(p.value, (t) => (R(), A(G(At), {
+										key: t.id,
+										value: t.id,
+										class: "dt-picker-item"
+									}, {
+										default: q(() => [
+											(R(), A(ke(G(C)[t.type]), {
+												size: 14,
+												"aria-hidden": "true"
+											})),
+											N("span", Ut, U(t.header), 1),
+											N("span", Wt, U(G(o).t(G(e)(t.type))), 1)
+										]),
+										_: 2
+									}, 1032, ["value"]))), 128))]),
+									_: 1
+								})) : j("", !0),
+								ee.value ? (R(), M("div", Gt, U(G(o).t("picker.noMatch")), 1)) : j("", !0)
+							]),
+							_: 1
+						}, 8, ["aria-label"])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 3
+		}, 8, ["open"]));
+	}
+}), 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"
+}, nn = { class: "dt-chip-pop-head" }, rn = { class: "dt-chip-pop-field" }, an = {
+	type: "button",
+	class: "dt-op-btn"
+}, 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: {},
+		column: {},
+		editing: { type: Boolean },
+		summary: {},
+		rows: {},
+		labels: {},
+		currencies: {},
+		phone: { type: Boolean }
+	},
+	emits: [
+		"update:chip",
+		"remove",
+		"update:editing",
+		"open"
+	],
+	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: 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
+		}), oe = (e) => y({
+			value: e,
+			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"]
+		}), 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();
+		}, 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": !p.value,
+				"is-phone": e.phone
+			}]),
+			"data-col": e.chip.column
+		}, [e.phone ? (R(), M("button", {
+			key: 0,
+			type: "button",
+			class: "dt-chip-body",
+			"aria-label": G(o).t("mobile.chipAria", { summary: `${e.column.header} ${g.value} ${e.summary.text}`.trim() }),
+			onClick: r[0] ||= (e) => a("open")
+		}, [
+			(R(), A(ke(G(C)[s.value]), {
+				size: 14,
+				class: "dt-chip-icon",
+				"aria-hidden": "true"
+			})),
+			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": re.value,
+			onClick: me
+		}, [
+			(R(), A(ke(G(C)[s.value]), {
+				size: 14,
+				class: "dt-chip-icon",
+				"aria-hidden": "true"
+			})),
+			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": r[2] ||= (e) => a("update:editing", e)
+		}, {
+			default: q(() => [F(G(Ft), { "as-child": "" }, {
+				default: q(() => [N("button", {
+					type: "button",
+					class: "dt-chip-body",
+					"aria-label": re.value
+				}, [
+					(R(), A(ke(G(C)[s.value]), {
+						size: 14,
+						class: "dt-chip-icon",
+						"aria-hidden": "true"
+					})),
+					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: 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))])) : j("", !0), P(" " + U(p.value ? e.summary.text : G(o).t("filter.selectValue")), 1)], 10, en))
+				], 8, Zt)]),
+				_: 1
+			}), 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: de,
+					onOpenAutoFocus: pe
+				}, {
+					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
+							}), F(G(Q), null, {
+								default: q(() => [F(G(yt), {
+									class: "dt-menu dt-op-menu",
+									align: "start",
+									"side-offset": 6
+								}, {
+									default: q(() => [s.value === "user" ? (R(), A(G(Z), {
+										key: 0,
+										class: "dt-menu-item",
+										onSelect: ce
+									}, {
+										default: q(() => [P(U(G(o).t("op.isMe")), 1)]),
+										_: 1
+									})) : 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"
+									})) : j("", !0), F(G(Z), {
+										class: L(["dt-menu-item", { "is-selected": t === e.chip.op }]),
+										onSelect: (e) => se(t)
+									}, {
+										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"
+										})) : j("", !0)]),
+										_: 2
+									}, 1032, ["class", "onSelect"])], 64))), 128))]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						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": oe,
+							onUnassigned: le
+						}, null, 8, [
+							"column",
+							"op",
+							"model-value",
+							"rows",
+							"labels"
+						])) : ie.value === "text" ? (R(), A(ve, {
+							key: 1,
+							column: e.column,
+							op: e.chip.op,
+							"model-value": e.chip.value,
+							"onUpdate:modelValue": oe,
+							onDone: ue
+						}, null, 8, [
+							"column",
+							"op",
+							"model-value"
+						])) : 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": oe,
+							"onUpdate:currency": r[1] ||= (e) => y({ currency: e }),
+							onDone: ue
+						}, null, 8, [
+							"column",
+							"op",
+							"model-value",
+							"currency",
+							"currencies"
+						])) : ie.value === "star" ? (R(), A(T, {
+							key: 3,
+							column: e.column,
+							"model-value": e.chip.value,
+							"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": 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: x
+						}, U(G(o).t("common.clear")), 9, sn)])
+					]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"])), e.phone ? j("", !0) : (R(), M("button", {
+			key: 3,
+			type: "button",
+			class: "dt-chip-remove",
+			"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, fn))], 10, qt));
+	}
+}), mn = /* @__PURE__ */ I({
+	__name: "FilterBar",
+	props: {
+		chips: {},
+		defs: {},
+		editing: {},
+		rows: {},
+		labels: {},
+		summaryOf: { type: Function },
+		currenciesOf: { type: Function },
+		phone: { type: Boolean }
+	},
+	emits: [
+		"update:chip",
+		"remove",
+		"update:editing",
+		"clear-all",
+		"open"
+	],
+	setup(e, { emit: t }) {
+		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;
+		De(() => {
+			l(), typeof ResizeObserver < "u" && s.value && (u = new ResizeObserver(l), u.observe(s.value));
+		}), Ee(() => u?.disconnect()), K(() => [n.chips.length, n.editing], () => void we(() => {
+			l();
+			let e = n.editing ?? n.chips.at(-1)?.column;
+			o(e)?.scrollIntoView?.({
+				inline: "nearest",
+				block: "nearest"
+			});
+		}));
+		let d = (e) => {
+			let t = n.chips.findIndex((t) => t.column === e), i = n.chips[t + 1]?.column;
+			r("remove", e), we(() => {
+				(o(i)?.querySelector(".dt-chip-body") ?? s.value?.parentElement?.querySelector(".dt-filter-add"))?.focus();
+			});
+		};
+		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
+			}, [(R(!0), M(O, null, B(e.chips, (t) => (R(), A(pn, {
+				key: t.column,
+				chip: t,
+				column: a(t.column),
+				editing: e.editing === t.column,
+				summary: e.summaryOf(t),
+				rows: e.rows,
+				labels: e.labels,
+				currencies: e.currenciesOf(a(t.column)),
+				phone: e.phone,
+				onOpen: (e) => r("open", t.column),
+				"onUpdate:chip": n[0] ||= (e) => r("update:chip", e),
+				"onUpdate:editing": (e) => r("update:editing", e ? t.column : null),
+				onRemove: (e) => d(t.column)
+			}, null, 8, [
+				"chip",
+				"column",
+				"editing",
+				"summary",
+				"rows",
+				"labels",
+				"currencies",
+				"phone",
+				"onOpen",
+				"onUpdate:editing",
+				"onRemove"
+			]))), 128))], 544),
+			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")
+			}, U(G(i).t("filter.clearAll")), 1))
+		], 2));
+	}
+}), hn = ["aria-sort", "data-col"], gn = ["aria-label"], _n = [
+	"aria-disabled",
+	"data-dt-tip",
+	"aria-describedby"
+], vn = {
+	key: 0,
+	class: "dt-head-sort",
+	"aria-hidden": "true"
+}, yn = {
+	key: 0,
+	class: "dt-head-sort-index"
+}, bn = { class: "dt-head-text" }, xn = {
+	key: 1,
+	class: "dt-head-unit"
+}, Sn = {
+	key: 2,
+	class: "dt-head-sort",
+	"aria-hidden": "true"
+}, Cn = {
+	key: 0,
+	class: "dt-head-sort-index"
+}, wn = ["id"], Tn = ["aria-label"], En = { class: "dt-kbd" }, Dn = { class: "dt-kbd" }, On = {
+	key: 0,
+	class: "dt-resize-badge"
+}, kn = /* @__PURE__ */ I({
+	__name: "HeaderCell",
+	props: {
+		phone: { type: Boolean },
+		column: {},
+		sort: {},
+		sortIndex: {},
+		filtered: { type: Boolean },
+		resizing: {},
+		sortable: { type: Boolean }
+	},
+	emits: [
+		"sort",
+		"filter",
+		"action",
+		"resize-by",
+		"resize-start"
+	],
+	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;
+			i("resize-start", r.column, t.getBoundingClientRect().width), r.column.header.getResizeHandler()(e);
+		}, g = (e) => {
+			let t = e.key;
+			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 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: 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": t.sort === "asc" ? "ascending" : t.sort === "desc" ? "descending" : void 0,
+			"data-col": t.column.id,
+			onContextmenu: r[10] ||= Be((e) => m.value = !0, ["prevent"])
+		}, [
+			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: 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
+			}, [
+				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: 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: 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"
+				})) : j("", !0)
+			], 42, _n),
+			o.value.description ? (R(), M("span", {
+				key: 1,
+				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: q(() => [F(G(Tt), { "as-child": "" }, {
+					default: q(() => [N("button", {
+						type: "button",
+						class: "dt-head-icon dt-head-menu",
+						"aria-label": G(a).t("header.optionsAria", { column: o.value.header })
+					}, [F(G(Je), {
+						size: 16,
+						weight: "bold",
+						"aria-hidden": "true"
+					})], 8, Tn)]),
+					_: 1
+				}), F(G(Q), null, {
+					default: q(() => [F(G(yt), {
+						class: "dt-menu dt-col-menu",
+						align: "end",
+						"side-offset": 4,
+						onCloseAutoFocus: ie
+					}, {
+						default: q(() => [
+							F(G(bt), { class: "dt-menu-label" }, {
+								default: q(() => [P(U(G(a).t(G(e)(o.value.type))), 1)]),
+								_: 1
+							}),
+							u.value ? (R(), M(O, { key: 0 }, [
+								F(G(Z), {
+									class: "dt-menu-item",
+									onSelect: r[2] ||= (e) => re("sort-asc")
+								}, {
+									default: q(() => [P(U(G(a).t("header.sortAsc")), 1)]),
+									_: 1
+								}),
+								F(G(Z), {
+									class: "dt-menu-item",
+									onSelect: r[3] ||= (e) => re("sort-desc")
+								}, {
+									default: q(() => [P(U(G(a).t("header.sortDesc")), 1)]),
+									_: 1
+								}),
+								F(G(Z), {
+									class: "dt-menu-item",
+									disabled: !t.sort,
+									onSelect: r[4] ||= (e) => re("sort-clear")
+								}, {
+									default: q(() => [P(U(G(a).t("header.clearSort")), 1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								F(G($), { class: "dt-menu-sep" })
+							], 64)) : j("", !0),
+							d.value ? (R(), M(O, { key: 1 }, [F(G(Z), {
+								class: "dt-menu-item",
+								onSelect: r[5] ||= (e) => re("filter")
+							}, {
+								default: q(() => [P(U(G(a).t("header.filterBy")), 1)]),
+								_: 1
+							}), F(G($), { class: "dt-menu-sep" })], 64)) : j("", !0),
+							F(G(Z), {
+								class: "dt-menu-item",
+								onSelect: r[6] ||= (e) => re("move-left")
+							}, {
+								default: q(() => [P(U(G(a).t("header.moveLeft")) + " ", 1), N("kbd", En, U(G(oe).left), 1)]),
+								_: 1
+							}),
+							F(G(Z), {
+								class: "dt-menu-item",
+								onSelect: r[7] ||= (e) => re("move-right")
+							}, {
+								default: q(() => [P(U(G(a).t("header.moveRight")) + " ", 1), N("kbd", Dn, U(G(oe).right), 1)]),
+								_: 1
+							}),
+							F(G($), { class: "dt-menu-sep" }),
+							F(G(Z), {
+								class: "dt-menu-item",
+								disabled: !!t.column.pinned || !t.column.header.column.getCanHide(),
+								onSelect: r[8] ||= (e) => re("hide")
+							}, {
+								default: q(() => [P(U(G(a).t("header.hide")), 1)]),
+								_: 1
+							}, 8, ["disabled"])
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]),
+			r[11] ||= N("span", {
+				class: "dt-head-sep",
+				"aria-hidden": "true"
+			}, null, -1),
+			N("span", {
+				class: "dt-resize",
+				"aria-hidden": "true",
+				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));
+	}
+}), An = [
+	"aria-label",
+	"aria-rowcount",
+	"aria-colcount",
+	"aria-busy",
+	"data-density"
+], jn = {
+	class: "dt-head",
+	role: "row",
+	"aria-rowindex": "1"
+}, Mn = [
+	"checked",
+	"indeterminate",
+	"aria-label"
+], Nn = ["inert"], Pn = ["data-index"], Fn = ["id", "aria-rowindex"], In = ["aria-colspan"], Ln = {
+	key: 0,
+	class: "dt-refresh-bar",
+	"aria-hidden": "true"
+}, Rn = {
+	key: 1,
+	class: "dt-notice",
+	role: "status"
+}, zn = {
+	key: 2,
+	class: "dt-body-state"
+}, Bn = 40, Vn = 48, Hn = /* @__PURE__ */ I({
+	__name: "GridRoot",
+	props: {
+		layout: {},
+		rows: {},
+		density: { default: "standard" },
+		label: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		skeleton: { type: Boolean },
+		dim: { type: Boolean },
+		refreshing: { type: Boolean },
+		verticalLines: { type: Boolean },
+		rowCount: { default: -1 },
+		rowIndexOffset: { default: 0 },
+		sort: {},
+		filteredColumns: {},
+		sortable: {
+			type: Boolean,
+			default: !1
+		},
+		labels: {},
+		selectable: { type: Boolean },
+		selection: {},
+		expandable: { type: Boolean },
+		expanded: {},
+		canExpand: {},
+		rowMenu: { type: Boolean },
+		rowActions: {},
+		rowError: {},
+		primaryHref: {},
+		primaryLabel: {},
+		primaryHeader: {},
+		phone: { type: Boolean }
+	},
+	emits: [
+		"row-click",
+		"row-open",
+		"select-rows",
+		"select-page",
+		"toggle-expand",
+		"copy-id",
+		"sort",
+		"sort-set",
+		"header-filter"
+	],
+	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, 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 = [
+				f.value ? `${f.value}px` : "",
+				l.colsVar.value,
+				m.value
+			];
+			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 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();
+		};
+		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: 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);
+		}, _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) => 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}` : 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 = _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;
+			}
+		}))), Se = k(() => xe.value.getVirtualItems()), Ce = k(() => xe.value.getTotalSize()), Oe = (e, t) => {
+			e && !be.value && ue(i.rows[t]) && xe.value.measureElement(e);
+		};
+		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) => l.rowId(e) === n);
+				t >= 0 && xe.value.resizeItem(t, h.value + 1);
+			}
+		});
+		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(Ne), Ne = setTimeout(() => W.value = null, 900));
+		}, Ie = k(() => W.value ? o.i18n.t("page.scrollPos", {
+			from: W.value.from,
+			to: W.value.to
+		}) : "");
+		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
+			};
+		}, ze = (e) => {
+			let t = e.target, r = t.closest(".dt-row[data-index]");
+			if (!r) return;
+			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":
+					a("header-filter", e.id);
+					return;
+				case "sort-asc":
+				case "sort-desc":
+				case "sort-clear":
+					a("sort-set", e.id, t === "sort-clear" ? null : t === "sort-asc" ? "asc" : "desc");
+					return;
+				case "hide":
+					l.setVisible(e.id, !1);
+					return;
+				case "move-left":
+				case "move-right": {
+					let n = document.activeElement?.closest(".dt-head-cell")?.dataset.col === e.id;
+					l.move(e.id, t === "move-left" ? -1 : 1), n && we(() => se(e.id)[0]?.querySelector(".dt-head-label")?.focus());
+				}
+			}
+		};
+		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: () => {
+				c.value && (c.value.scrollTop = 0);
+			},
+			measure: () => xe.value.measure()
+		}), (t, n) => (R(), M("div", {
+			ref_key: "root",
+			ref: s,
+			class: L(["dt-grid", {
+				"is-scrolled-start": ke.value,
+				"is-scrolled-end": Ae.value,
+				"is-skeleton": be.value,
+				"is-dim": e.dim,
+				"has-vlines": e.verticalLines,
+				"is-phone": e.phone
+			}]),
+			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
+		}, [
+			N("div", {
+				ref_key: "scrollEl",
+				ref: c,
+				class: "dt-scroll",
+				style: Te({
+					scrollPaddingTop: `${g.value}px`,
+					scrollPaddingBottom: `${v.value}px`
+				}),
+				onScrollPassive: Fe
+			}, [N("div", jn, [
+				e.selectable ? (R(), M("div", {
+					key: 0,
+					class: L(["dt-head-cell dt-head-select is-pinned-start", { "is-pin-edge": !G(l).start.value.length }]),
+					style: { left: "0px" },
+					role: "columnheader"
+				}, [N("input", {
+					type: "checkbox",
+					class: "dt-checkbox",
+					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",
+					"sort-index",
+					"filtered",
+					"resizing",
+					"sortable",
+					"phone"
+				]))), 128)),
+				n[9] ||= N("div", {
+					class: "dt-head-cell dt-cell-fill",
+					role: "presentation",
+					"aria-hidden": "true"
+				}, null, -1),
+				(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",
+					"sort-index",
+					"filtered",
+					"resizing",
+					"sortable",
+					"phone"
+				]))), 128)),
+				e.rowMenu ? (R(), M("div", {
+					key: 1,
+					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)) : j("", !0)
+			]), N("div", {
+				class: "dt-body",
+				role: "presentation",
+				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) => Oe(e, n.index),
+				class: "dt-item",
+				"data-index": n.index,
+				style: Te({ transform: `translateY(${n.start - g.value}px)` })
+			}, [be.value ? (R(), A(G(le), {
+				key: 0,
+				index: 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 + 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: me(e.rows[n.index]),
+				class: "dt-subrow",
+				role: "row",
+				"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"
+			}, U(Ie.value), 3)
+		], 42, An));
+	}
+}), Un = ["aria-label", "data-dt-tip"], Wn = ["data-state"], Gn = /* @__PURE__ */ I({
+	__name: "MoreMenu",
+	props: {
+		refresh: { type: Boolean },
+		export: { type: [String, Boolean] },
+		import: { type: Boolean },
+		print: { type: Boolean },
+		autoRefresh: { type: Boolean },
+		autoRefreshOn: { type: Boolean }
+	},
+	emits: [
+		"refresh",
+		"export",
+		"import",
+		"print",
+		"update:autoRefreshOn"
+	],
+	setup(e, { emit: t }) {
+		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": G(i).t("toolbar.more"),
+					"data-dt-tip": G(i).t("toolbar.more")
+				}, [F(G(Je), {
+					size: 16,
+					weight: "bold",
+					"aria-hidden": "true"
+				})], 8, Un)]),
+				_: 1
+			}), F(G(Q), null, {
+				default: q(() => [F(G(yt), {
+					class: "dt-menu dt-more-menu",
+					align: "end",
+					"side-offset": 4
+				}, {
+					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
+							}), F(G(Q), null, {
+								default: q(() => [F(G(Ct), {
+									class: "dt-menu",
+									"side-offset": 4
+								}, {
+									default: q(() => [F(G(Z), {
+										class: "dt-menu-item",
+										onSelect: n[0] ||= (e) => r("export", "csv")
+									}, {
+										default: q(() => [P(U(G(i).t("toolbar.csv")), 1)]),
+										_: 1
+									}), F(G(Z), {
+										class: "dt-menu-item",
+										onSelect: n[1] ||= (e) => r("export", "xlsx")
+									}, {
+										default: q(() => [P(U(G(i).t("toolbar.xlsx")), 1)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})) : j("", !0),
+						t.$props.import ? (R(), A(G(Z), {
+							key: 1,
+							class: "dt-menu-item",
+							onSelect: n[2] ||= (e) => r("import")
+						}, {
+							default: q(() => [P(U(G(i).t("toolbar.import")), 1)]),
+							_: 1
+						})) : j("", !0),
+						e.print ? (R(), A(G(Z), {
+							key: 2,
+							class: "dt-menu-item",
+							onSelect: n[3] ||= (e) => r("print")
+						}, {
+							default: q(() => [P(U(G(i).t("toolbar.print")), 1)]),
+							_: 1
+						})) : j("", !0),
+						a() && (e.refresh || e.autoRefresh) ? (R(), A(G($), {
+							key: 3,
+							class: "dt-menu-sep"
+						})) : j("", !0),
+						e.refresh ? (R(), A(G(Z), {
+							key: 4,
+							class: "dt-menu-item",
+							onSelect: n[4] ||= (e) => r("refresh")
+						}, {
+							default: q(() => [P(U(G(i).t("toolbar.refresh")) + " ", 1), n[6] ||= N("kbd", { class: "dt-kbd" }, "R", -1)]),
+							_: 1
+						})) : 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: 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] ||= [N("span", { class: "dt-switch-thumb" }, null, -1)]], 8, Wn)]),
+							_: 1
+						}, 8, ["model-value"])) : j("", !0)
+					]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+}), 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: {},
+		search: {},
+		searchPlaceholder: {},
+		hasFilter: { type: Boolean },
+		hasDisplay: { type: Boolean },
+		hasMore: { type: Boolean }
+	},
+	emits: ["update:search"],
+	setup(e, { expose: t, emit: n }) {
+		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) => (R(), M("div", {
+			class: L(["dt-toolbar", [`is-${e.size}`, { "is-zoned": !l.value }]]),
+			role: "toolbar"
+		}, [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"]), N("button", {
+			type: "button",
+			class: "dt-btn dt-btn-ghost dt-search-cancel",
+			onClick: d
+		}, 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
+			}, [F(G(Xe), {
+				size: c.value ? 20 : 16,
+				"aria-hidden": "true"
+			}, null, 8, ["size"])], 8, Jn)) : (R(), A(se, {
+				key: 1,
+				ref_key: "searchBox",
+				ref: s,
+				"model-value": e.search,
+				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 ? V(t.$slots, "filter", {
+				iconOnly: c.value,
+				phone: c.value
+			}, 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), N("span", Zn, [V(t.$slots, "end", { compact: c.value })])], 64)) : j("", !0)])
+		], 64))], 2));
+	}
+});
+//#endregion
+//#region src/core/views/model.ts
+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 er = (e) => {
+	let t = "value" in e ? e.value : void 0;
+	return {
+		...e,
+		value: Array.isArray(t) ? [...t].sort() : t
+	};
+}, 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") || 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 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 ar = (e, t) => [...e].sort((e, n) => t.compare(e.name, n.name));
+//#endregion
+//#region src/core/views/useViews.ts
+function or(e) {
+	let t = z([]), n = k(() => [...e.system(), ...t.value]), r = k(() => {
+		let n = ce(e.locale()).collator();
+		return {
+			system: e.system(),
+			personal: ar(t.value.filter((e) => e.kind === "personal"), n)
+		};
+	}), 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([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 p = (e) => t.value = t.value.map((t) => t.id === e.id ? e : t), ee = (t) => !!t && !!e.adapter && t.kind !== "system";
+	return {
+		all: n,
+		sections: r,
+		active: a,
+		edited: c,
+		hasViews: k(() => n.value.length > 0),
+		hasDraft: (e) => s.has(e),
+		writable: ee,
+		select: (e) => {
+			l = !0, u(e);
+		},
+		saveChanges: async () => {
+			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 t = a.value;
+			t && (e.apply(t.state), o.value = e.current(), s.delete(t.id));
+		},
+		create: async (n) => {
+			if (!e.adapter) return;
+			let r = await e.adapter.create(e.tableId(), {
+				name: n.name,
+				state: n.state
+			});
+			t.value = [...t.value, r], n.makeDefault && e.setDefaultViewId(r.id), l = !0, u(r.id, !n.fromCurrent);
+		},
+		rename: async (t, n) => {
+			e.adapter && p(await e.adapter.update(e.tableId(), t, { name: n }));
+		},
+		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 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"
+}, fr = {
+	key: 1,
+	class: "dt-view-summary"
+}, pr = {
+	key: 2,
+	class: "dt-check-row"
+}, mr = { class: "dt-dialog-actions" }, hr = {
+	type: "button",
+	class: "dt-btn"
+}, gr = {
+	type: "submit",
+	class: "dt-btn dt-btn-primary"
+}, _r = /* @__PURE__ */ I({
+	__name: "ViewDialog",
+	props: /*@__PURE__*/ Se({
+		mode: {},
+		name: {},
+		summary: {},
+		validate: { type: Function }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ Se(["save"], ["update:open"]),
+	setup(e, { emit: t }) {
+		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) => {
+			e.preventDefault(), l.value?.focus(), l.value?.select();
+		}, d = () => {
+			c.value = n.validate(o.value), !c.value && (r("save", {
+				name: o.value.trim(),
+				makeDefault: s.value
+			}), i.value = !1);
+		};
+		return (t, n) => (R(), A(G(X), {
+			open: i.value,
+			"onUpdate:open": n[2] ||= (e) => i.value = e
+		}, {
+			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: 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" ? (R(), A(G(ht), {
+							key: 0,
+							class: "dt-dialog-body"
+						}, {
+							default: q(() => [P(U(G(a).t("views.dialogBody")), 1)]),
+							_: 1
+						})) : 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, ur), [[Fe, o.value]])]),
+							c.value ? (R(), M("span", dr, U(G(a).t(`views.err.${c.value}`)), 1)) : j("", !0)
+						]),
+						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), [[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
+						}), N("button", gr, U(G(a).t(e.mode === "rename" ? "common.save" : "views.save")), 1)])
+					], 32)]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), 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 = {
+	key: 3,
+	class: "dt-view-note"
+}, Rr = {
+	key: 0,
+	class: "dt-options-empty"
+}, zr = /* @__PURE__ */ I({
+	__name: "ViewMenu",
+	props: /*@__PURE__*/ Se({
+		sections: {},
+		active: {},
+		edited: { type: Boolean },
+		hasDraft: { type: Function },
+		defaultId: {},
+		canSave: { type: Boolean },
+		canWrite: { type: Boolean },
+		sheet: { type: Boolean }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ Se([
+		"select",
+		"save-changes",
+		"save-as",
+		"discard",
+		"new",
+		"rename",
+		"duplicate",
+		"set-default",
+		"delete"
+	], ["update:open"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = Ne(e, "open"), { i18n: a } = _(), o = z("");
+		K(i, (e) => {
+			e || (o.value = "");
+		});
+		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 = k(() => [[
+			"system",
+			"views.system",
+			"views.builtIn"
+		], [
+			"personal",
+			"views.mine",
+			"views.onlyYou"
+		]].map(([e, t, r]) => ({
+			key: e,
+			title: t,
+			hint: r,
+			views: n.sections[e].filter(c)
+		})).filter((e) => e.views.length)), u = (e) => e.id === n.active?.id ? n.edited : n.hasDraft(e.id), d = (e) => n.canSave && e.kind !== "system", f = (e) => {
+			i.value = !1, setTimeout(e, 0);
+		}, p = (e) => {
+			typeof e == "string" && (i.value = !1, r("select", e));
+		};
+		return (t, n) => (R(), A(D, {
+			open: i.value,
+			"onUpdate:open": n[7] ||= (e) => i.value = e,
+			sheet: e.sheet,
+			title: G(a).t("views.title"),
+			"hide-title": "",
+			"content-class": "dt-views",
+			align: "start"
+		}, {
+			trigger: q(() => [N("button", {
+				type: "button",
+				class: "dt-btn dt-btn-ghost has-icon dt-view-trigger",
+				"aria-label": s.value
+			}, [
+				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), N("span", xr, U(G(a).t("views.edited")), 1)], 64)) : j("", !0),
+				F(G(Ue), {
+					size: 14,
+					"aria-hidden": "true"
+				})
+			], 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"))
+					}, [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"))
+					}, [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"))
+					}, [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"))
+					}, [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: q(() => [N("label", jr, [N("span", Mr, [F(G(Xe), {
+						size: 14,
+						"aria-hidden": "true"
+					})]), F(G(Dt), {
+						modelValue: o.value,
+						"onUpdate:modelValue": n[4] ||= (e) => o.value = e,
+						"auto-focus": "",
+						placeholder: G(a).t("views.find"),
+						"aria-label": G(a).t("views.find")
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"aria-label"
+					])]), 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), (R(!0), M(O, null, B(t.views, (t) => (R(), M("div", {
+								key: t.id,
+								class: L(["dt-view-row", { "is-active": t.id === e.active?.id }])
+							}, [F(G(At), {
+								value: t.id,
+								class: "dt-view-item"
+							}, {
+								default: q(() => [
+									e.sheet && t.id === e.active?.id ? (R(), A(G(Ke), {
+										key: 0,
+										size: 18,
+										class: "dt-view-check",
+										"aria-hidden": "true"
+									})) : 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), 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"]), 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": 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
+								}), F(G(Q), null, {
+									default: q(() => [F(G(yt), {
+										class: "dt-menu dt-view-row-menu",
+										side: "right",
+										align: "start",
+										"side-offset": 8
+									}, {
+										default: q(() => [
+											d(t) ? (R(), A(G(Z), {
+												key: 0,
+												class: "dt-menu-item",
+												onSelect: (e) => f(() => r("rename", t))
+											}, {
+												default: q(() => [P(U(G(a).t("views.rename")), 1)]),
+												_: 1
+											}, 8, ["onSelect"])) : j("", !0),
+											e.canSave ? (R(), A(G(Z), {
+												key: 1,
+												class: "dt-menu-item",
+												onSelect: (e) => f(() => r("duplicate", t))
+											}, {
+												default: q(() => [P(U(G(a).t("views.duplicate")), 1)]),
+												_: 1
+											}, 8, ["onSelect"])) : j("", !0),
+											F(G(Z), {
+												class: "dt-menu-item",
+												onSelect: (e) => r("set-default", t.id)
+											}, {
+												default: q(() => [P(U(G(a).t("views.setDefault")), 1)]),
+												_: 1
+											}, 8, ["onSelect"]),
+											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: q(() => [P(U(G(a).t("views.delete")), 1)]),
+												_: 1
+											}, 8, ["onSelect"])], 64)) : j("", !0),
+											t.kind === "system" ? (R(), M("div", Lr, U(G(a).t("views.systemNote")), 1)) : j("", !0)
+										]),
+										_: 2
+									}, 1024)]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024)], 2))), 128))]),
+							_: 2
+						}, 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 ? (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"))
+				}, [F(G(Ze), {
+					size: 14,
+					"aria-hidden": "true"
+				}), P(" " + U(G(a).t("views.new")), 1)])], 64)) : j("", !0)
+			]),
+			_: 1
+		}, 8, [
+			"open",
+			"sheet",
+			"title"
+		]));
+	}
+}), Br = ["aria-label"], Vr = ["aria-label", "data-dt-tip"], Hr = {
+	class: "dt-bulk-count",
+	role: "status"
+}, Ur = [
+	"disabled",
+	"data-dt-tip",
+	"onClick"
+], Wr = ["aria-label"], Gr = { class: "dt-bsheet-label" }, Kr = {
+	key: 0,
+	class: "dt-bsheet-sep"
+}, qr = ["disabled", "onClick"], Jr = { class: "dt-menu-text" }, Yr = {
+	key: 0,
+	class: "dt-menu-sub"
+}, Xr = ["aria-label"], Zr = { class: "dt-menu-text" }, Qr = {
+	key: 0,
+	class: "dt-menu-sub"
+}, $r = ["aria-label", "data-dt-tip"], ei = /* @__PURE__ */ I({
+	__name: "BulkBar",
+	props: {
+		rows: {},
+		actions: {},
+		variant: {},
+		phone: { type: Boolean }
+	},
+	emits: ["clear"],
+	setup(e, { emit: t }) {
+		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 = 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 = z(!1), f = (e) => {
+			l(e) || (d.value = !1, e.run(n.rows));
+		}, 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": G(i).t("bulk.aria")
+		}, [
+			e.variant === "toolbar" ? (R(), M("button", {
+				key: 0,
+				type: "button",
+				class: "dt-btn dt-btn-icon",
+				"aria-label": G(i).t("selection.clear"),
+				"data-dt-tip": G(i).t("selection.clear"),
+				onClick: n[0] ||= (e) => r("clear")
+			}, [F(G(tt), {
+				size: 16,
+				"aria-hidden": "true"
+			})], 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),
+			V(t.$slots, "default", {}, () => [(R(!0), M(O, null, B(o.value, (t) => (R(), M("button", {
+				key: t.id,
+				type: "button",
+				class: L([p.value, { "is-destructive": t.destructive }]),
+				disabled: !!l(t),
+				"data-dt-tip": u(t),
+				onClick: (e) => f(t)
+			}, [t.icon ? (R(), A(ke(t.icon), {
+				key: 0,
+				size: e.phone ? 18 : 16,
+				"aria-hidden": "true"
+			}, 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: G(i).t("bulk.moreAria")
+			}, {
+				trigger: q(() => [N("button", {
+					type: "button",
+					class: "dt-bulk-btn dt-bulk-more",
+					"aria-label": G(i).t("bulk.moreAria")
+				}, [F(G(Je), {
+					size: 18,
+					weight: "bold",
+					"aria-hidden": "true"
+				}), 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: L(["dt-bsheet-row", { "is-destructive": e.destructive }]),
+					disabled: !!l(e),
+					onClick: (t) => f(e)
+				}, [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 ? (R(), A(G(xt), { key: 1 }, {
+				default: q(() => [F(G(Tt), { "as-child": "" }, {
+					default: q(() => [N("button", {
+						type: "button",
+						class: L([
+							p.value,
+							"dt-bulk-more",
+							{ "dt-btn-icon": e.variant === "toolbar" }
+						]),
+						"aria-label": G(i).t("bulk.moreAria")
+					}, [F(G(Je), {
+						size: 16,
+						weight: "bold",
+						"aria-hidden": "true"
+					})], 10, Xr)]),
+					_: 1
+				}), 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: 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"
+						})) : 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: 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",
+							"disabled",
+							"onSelect"
+						])], 64))), 128))]),
+						_: 1
+					}, 8, ["side", "side-offset"])]),
+					_: 1
+				})]),
+				_: 1
+			})) : j("", !0)]),
+			e.variant === "floating" ? (R(), M(O, { key: 1 }, [n[3] ||= N("span", {
+				class: "dt-bulk-sep",
+				"aria-hidden": "true"
+			}, null, -1), N("button", {
+				type: "button",
+				class: "dt-bulk-btn dt-bulk-icon",
+				"aria-label": G(i).t("selection.clear"),
+				"data-dt-tip": G(i).t("selection.clear"),
+				onClick: n[2] ||= (e) => r("clear")
+			}, [F(G(tt), {
+				size: 16,
+				"aria-hidden": "true"
+			})], 8, $r)], 64)) : j("", !0)
+		], 10, Br));
+	}
+}), ti = ["aria-label"], ni = { class: "dt-footer-left" }, ri = {
+	key: 0,
+	class: "dt-footer-muted"
+}, ii = {
+	key: 1,
+	class: "dt-footer-rows"
+}, ai = { class: "dt-footer-rows" }, oi = { class: "dt-footer-of" }, si = {
+	key: 0,
+	class: "dt-footer-muted"
+}, ci = {
+	key: 1,
+	class: "dt-footer-muted"
+}, li = {
+	key: 2,
+	class: "dt-footer-muted"
+}, ui = {
+	key: 0,
+	class: "dt-footer-live"
+}, di = {
+	key: 1,
+	class: "dt-footer-muted",
+	role: "status"
+}, fi = ["aria-label", "data-dt-tip"], pi = { class: "dt-footer-right" }, mi = {
+	key: 0,
+	class: "dt-footer-size"
+}, hi = { class: "dt-footer-size-label" }, gi = { class: "dt-select" }, _i = ["value", "disabled"], vi = ["value"], yi = {
+	key: 1,
+	class: "dt-footer-vsep",
+	"aria-hidden": "true"
+}, bi = ["aria-label", "disabled"], xi = ["aria-label", "disabled"], Si = /* @__PURE__ */ I({
+	__name: "Footer",
+	props: {
+		rowCount: {},
+		page: {},
+		hasMore: { type: Boolean },
+		total: {},
+		countable: { type: Boolean },
+		counting: { type: Boolean },
+		countedAt: {},
+		busy: { type: Boolean },
+		firstLoad: { type: Boolean },
+		empty: { type: Boolean },
+		pageSizes: {},
+		updatedAt: {},
+		freshness: {},
+		canRefresh: { type: Boolean },
+		phone: { type: Boolean }
+	},
+	emits: [
+		"count",
+		"page",
+		"page-size",
+		"refresh"
+	],
+	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"
+		}), 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": 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"
+			}),
+			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) => 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),
+			e.freshness === "live" ? (R(), M("span", ui, [n[5] ||= N("span", {
+				class: "dt-live-dot",
+				"aria-hidden": "true"
+			}, 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: 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": 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: L({ "dt-spin": e.freshness === "refreshing" }),
+				"aria-hidden": "true"
+			}, 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
+			}, U(e), 9, vi))), 128))], 40, _i), F(G(Ue), {
+				size: 12,
+				"aria-hidden": "true"
+			})])])),
+			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": 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"]), 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": 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 = 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 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: n,
+			accessorFn: e.accessor ?? ((e) => v(e, n)),
+			enableSorting: e.sortable ?? te[e.type].sortable,
+			enableGlobalFilter: Ti(e),
+			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 = k(() => e.search.value.trim().toLocaleLowerCase(r.value)), s = k(() => ({
+		sorting: e.sort.value.map((e) => ({
+			id: e.column,
+			desc: e.dir === "desc"
+		})),
+		pagination: {
+			pageIndex: e.page.value.number - 1,
+			pageSize: e.page.value.size
+		},
+		globalFilter: o.value,
+		columnFilters: (e.filters?.value ?? []).map((e) => ({
+			id: e.column,
+			value: e
+		})),
+		rowSelection: e.rowSelection?.value ?? {},
+		expanded: e.expanded?.value ?? {}
+	})), c = k(() => new Set(n.value.filter(Ti).map((e) => e.id))), l = ft({
+		features: Ci,
+		columns: a,
+		data: k(() => W(e.rows)),
+		getRowId: (t) => String(v(t, W(e.rowKey))),
+		state: s,
+		manualSorting: i,
+		manualFiltering: i,
+		manualPagination: i,
+		autoResetPageIndex: !1,
+		enableSortingRemoval: !0,
+		maxMultiSortColCount: 3,
+		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, n) => {
+			let i = e.getValue(t);
+			return !wi(i) && String(i).toLocaleLowerCase(r.value).includes(n);
+		},
+		onSortingChange: () => {},
+		onPaginationChange: () => {},
+		onGlobalFilterChange: () => {},
+		onColumnFiltersChange: () => {},
+		onRowSelectionChange: (t) => {
+			e.rowSelection && (e.rowSelection.value = at(t, e.rowSelection.value));
+		},
+		onExpandedChange: (t) => {
+			if (!e.expanded) return;
+			let n = at(t, e.expanded.value);
+			n !== !0 && (e.expanded.value = 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"
+		} : null : {
+			column: t,
+			dir: "asc"
+		};
+		if (!n) {
+			e.sort.value = o ? [o] : [];
+			return;
+		}
+		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;
+	}, m = (t, n) => {
+		e.sort.value = n ? [{
+			column: t,
+			dir: n
+		}] : e.sort.value.filter((e) => e.column !== t);
+	}, h = (t) => String(v(t, W(e.rowKey)));
+	return {
+		rows: u,
+		total: d,
+		canNext: f,
+		canPrev: p,
+		toggleSort: ee,
+		setSort: m,
+		rowId: h,
+		selectedRows: k(() => {
+			let t = e.rowSelection?.value ?? {};
+			return u.value.filter((e) => t[h(e)]);
+		}),
+		toggleAllPage: (e) => l.toggleAllPageRowsSelected(e)
+	};
+}
+//#endregion
+//#region src/list/useRequest.ts
+var Di = 1e4, Oi = 400;
+function ki(e) {
+	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();
+		let i = e.query();
+		l = new Set(i.fields), n.value = r, t.value = !0, a.value = !1, clearTimeout(s), s = setTimeout(() => a.value = t.value, Di), e.emit({
+			query: i,
+			reason: r,
+			signal: o.signal
+		});
+	}, f = () => e.mode() === "server", p = k(() => {
+		let t = e.query();
+		return JSON.stringify([
+			t.search,
+			t.filters,
+			t.sort
+		]);
+	}), 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");
+	}), K(m, () => {
+		f() && e.requestOnColumnChange() && (e.query().fields.every((e) => l.has(e)) || (clearTimeout(c), c = setTimeout(() => d("columns"), Oi)));
+	}), K(e.rows, (t) => {
+		r.value = {
+			rows: t,
+			hasMore: e.hasMore() ?? !1,
+			page: e.query().page
+		}, i.value = /* @__PURE__ */ new Date(), u();
+	}), K(e.error, (e) => {
+		e && u();
+	}), K(e.loading, (e, t) => {
+		t && !e && u();
+	}), De(() => {
+		f() ? d("initial") : (r.value = {
+			rows: e.rows(),
+			hasMore: !1,
+			page: e.query().page
+		}, i.value = /* @__PURE__ */ new Date());
+	}), Ee(() => {
+		o?.abort(), clearTimeout(s), clearTimeout(c);
+	}), {
+		pending: t,
+		reason: n,
+		snapshot: r,
+		updatedAt: i,
+		stillLoading: a,
+		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";
+		}),
+		refresh: () => {
+			e.hasListener && d("refresh");
+		},
+		retry: () => {
+			e.hasListener && d(n.value ?? "refresh");
+		}
+	};
+}
+//#endregion
+//#region src/list/DataTable.vue?vue&type=script&setup=true&lang.ts
+var Ai = ["data-density"], ji = ["aria-label"], Mi = {
+	key: 0,
+	class: "dt-counter"
+}, Ni = ["aria-label"], Pi = { key: 0 }, Fi = {
+	key: 1,
+	class: "dt-counter"
+}, Ii = {
+	type: "button",
+	class: "dt-btn dt-btn-ghost dt-btn-sm has-icon dt-filter-add dt-filter-trigger"
+}, Li = {
+	key: 4,
+	class: "dt-strip",
+	role: "status"
+}, Ri = ["disabled"], zi = ["disabled"], Bi = { class: "dt-state-id" }, Vi = { class: "dt-state-code" }, Hi = {
+	class: "dt-sr-only",
+	"aria-live": "polite"
+}, Ui = {
+	class: "dt-sr-only",
+	"aria-live": "assertive"
+}, Wi = /* @__PURE__ */ I({
+	__name: "DataTable",
+	props: {
+		tableId: {},
+		columns: {},
+		rows: {},
+		rowKey: { default: "id" },
+		density: {},
+		entityName: {},
+		shortcuts: {
+			type: Boolean,
+			default: !0
+		},
+		mode: { default: "client" },
+		loading: { type: Boolean },
+		error: { type: [
+			Boolean,
+			String,
+			Object
+		] },
+		hasMore: { type: Boolean },
+		total: {},
+		countable: {
+			type: Boolean,
+			default: !1
+		},
+		fields: {},
+		requestOnColumnChange: {
+			type: Boolean,
+			default: !0
+		},
+		toolbar: {
+			type: [String, Boolean],
+			default: "auto"
+		},
+		searchPlaceholder: {},
+		pageSize: { default: 100 },
+		pageSizes: { default: () => [
+			50,
+			100,
+			250,
+			500
+		] },
+		autoRefresh: {},
+		views: { default: () => [] },
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		selectionBar: { default: "floating" },
+		bulkActions: {},
+		rowActions: {},
+		rowClick: { default: "none" },
+		expand: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		rowError: {},
+		exportable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"request",
+		"count",
+		"row-click",
+		"row-open",
+		"selection-change",
+		"export",
+		"import",
+		"print",
+		"view-change"
+	],
+	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 x = me(() => s.tableId, u.preferences, {
+			density: "standard",
+			verticalLines: !1,
+			pageSize: s.pageSize,
+			defaultViewId: null
+		}), 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: x.prefs.pageSize
+		}), E = (e) => T.value = {
+			...T.value,
+			number: e
+		}, ve = (e) => {
+			e !== C.value && (C.value = e, E(1));
+		};
+		K(() => x.prefs.pageSize, (e) => T.value = {
+			number: 1,
+			size: e
+		});
+		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)
+			});
+		}, 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 (b.value) He.value?.show(e);
+				else {
+					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
+						} : {
+							column: e,
+							op: n
+						}], t.type === "boolean") return;
+					}
+					O.value = e;
+				}
+			}
+		}, 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);
+			}
+		}, 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 s.fields ?? []) e.add(t);
+			return [...e];
+		}), 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,
+				sort: n,
+				columns: r,
+				fields: i
+			};
+		}, 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) => {
+				D.value = (e.filters ?? []).map((e) => ({ ...e })), O.value = null, w.value = e.sort ?? [], S.apply(e.columns), E(1);
+			},
+			onChange: (e) => {
+				l("view-change", {
+					id: e.id,
+					kind: e.kind
+				}), Qe.value = d.t("sr.view", { name: e.name });
+			}
+		}), 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(" · ") || 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: s.columns.length
+				}), ...r ? [d.t("views.pinnedSummary", { name: r })] : []].join(" · ")
+			};
+		}, it = (e) => ({
+			filters: e.state.filters ?? [],
+			sort: e.state.sort ?? [],
+			columns: S.resolve(e.state.columns)
+		}), at = z(null), ot = k({
+			get: () => !!at.value,
+			set: (e) => {
+				e || (at.value = null);
+			}
+		}), st = z(null), ct = (e) => {
+			let t = e ? it(e) : tt();
+			at.value = {
+				mode: "create",
+				name: e ? d.t("views.copyName", { name: e.name }) : "",
+				state: t,
+				summary: rt(t),
+				view: e,
+				fromCurrent: !e
+			};
+		}, lt = (e) => at.value = {
+			mode: "rename",
+			name: e.name,
+			state: tt(),
+			summary: null,
+			view: e,
+			fromCurrent: !1
+		}, 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
+			}));
+		}, 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: () => 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: 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 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 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 } : {};
+		}), Nt = k(() => {
+			let e = H.value.length, t = {
+				entity: g.value,
+				q: C.value,
+				count: e
+			};
+			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"
+		}), 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
+			});
+		};
+		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
+			}));
+		}), K(() => JSON.stringify([
+			C.value,
+			w.value,
+			H.value
+		]), () => {
+			Bt?.abort(), Vt.value = !1, Ht.value = null;
+		});
+		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 = D.value.find((t) => t.column === e);
+				if (t) {
+					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) || (Qe.value = d.t("sr.filterRemoved", { column: Z(e) }));
+		});
+		let qt = z(!1), Jt;
+		K(qt, (e) => {
+			clearInterval(Jt), e && s.autoRefresh && (Jt = setInterval(() => X.refresh(), s.autoRefresh * 1e3));
+		});
+		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) => {
+				w.value = w.value.map((n) => n.column === e ? {
+					column: e,
+					dir: t
+				} : n), E(1);
+			},
+			"sort-remove": (e) => vt(e, null),
+			"sort-clear": () => {
+				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);
+		}, 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];
+			pt.value = n;
+		};
+		K(() => JSON.stringify([
+			C.value,
+			H.value,
+			w.value,
+			T.value
+		]), () => {
+			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 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
+				}));
+			});
+		}, yn = (e, t) => {
+			if (l("row-click", {
+				row: e,
+				event: 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]);
+			}
+		}, bn = (e, t) => l("row-open", {
+			row: e,
+			href: dn(e) ?? "",
+			event: t
+		}), 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, n = !!t && _e(t) && !(t instanceof HTMLInputElement && t.type === "checkbox");
+			if (e.key === "Escape") {
+				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 (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 (!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));
+		};
+		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 && (Qe.value = d.t("sr.sorted", {
+				column: Z(t.column),
+				dir: d.t(t.dir === "asc" ? "sr.asc" : "sr.desc")
+			}));
+		}), K(X.errorKind, (e) => {
+			e === "error" && ($e.value = `${d.t("state.errorTitle", { entity: g.value })} ${d.t("state.tryAgain")}`);
+		});
+		let Dn = ie(y);
+		return t({
+			refresh: X.refresh,
+			clearSelection: gn
+		}), (t, n) => (R(), M("div", {
+			ref_key: "rootEl",
+			ref: y,
+			class: L(["dt dt-list", { "is-phone": b.value }]),
+			"data-density": he.value
+		}, [
+			e.selectionBar === "toolbar" && G(hn).length && e.toolbar !== !1 ? (R(), A(ei, {
+				key: 0,
+				variant: "toolbar",
+				rows: G(hn),
+				actions: e.bulkActions ?? [],
+				onClear: gn
+			}, {
+				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"])) : e.toolbar === !1 ? j("", !0) : (R(), A(Qn, {
+				key: 1,
+				ref_key: "toolbarRef",
+				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: 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"
+				}), H.value.length ? (R(), M("span", Mi, U(H.value.length), 1)) : j("", !0)], 10, ji)) : (R(), A(Kt, {
+					key: 1,
+					open: I.value,
+					"onUpdate:open": n[8] ||= (e) => I.value = e,
+					columns: e.columns,
+					chips: D.value,
+					onPick: Fe
+				}, {
+					trigger: q(() => [N("button", {
+						type: "button",
+						class: L(["dt-btn has-icon dt-filter-trigger", {
+							"is-active": H.value.length,
+							"dt-btn-icon": t && !H.value.length
+						}]),
+						"aria-label": t ? G(d).t("toolbar.filter") : void 0
+					}, [
+						F(G(Ye), {
+							size: 16,
+							"aria-hidden": "true"
+						}),
+						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, [
+					"open",
+					"columns",
+					"chips"
+				]))]),
+				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",
+					"counts",
+					"sort",
+					"persistent",
+					"auto-refresh-on"
+				])) : (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
+			}, [G(J).hasViews.value && e.toolbar === "auto" ? {
+				name: "view",
+				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",
+					"active",
+					"edited",
+					"has-draft",
+					"default-id",
+					"can-save",
+					"can-write",
+					"sheet",
+					"onSelect"
+				])]),
+				key: "0"
+			} : void 0, t.$slots["toolbar-end"] ? {
+				name: "end",
+				fn: q(({ compact: e }) => [V(t.$slots, "toolbar-end", { compact: e })]),
+				key: "1"
+			} : void 0]), 1032, [
+				"size",
+				"search",
+				"search-placeholder",
+				"has-filter",
+				"has-display",
+				"has-more"
+			])),
+			D.value.length ? (R(), A(mn, {
+				key: 2,
+				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: q(() => [F(Kt, {
+					columns: e.columns,
+					chips: D.value,
+					onPick: Fe
+				}, {
+					trigger: q(() => [N("button", Ii, [F(G(Ze), {
+						size: 14,
+						"aria-hidden": "true"
+					}), P(" " + U(G(d).t("filter.addFilter")), 1)])]),
+					_: 1
+				}, 8, ["columns", "chips"])]),
+				_: 1
+			}, 8, [
+				"chips",
+				"defs",
+				"editing",
+				"rows",
+				"labels",
+				"phone"
+			])) : j("", !0),
+			b.value && W.value ? (R(), A(G(r), {
+				key: 3,
+				ref_key: "filtersSheet",
+				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"
+			])) : j("", !0),
+			G(X).errorKind.value === "stale" && G(X).updatedAt.value ? (R(), M("div", Li, [
+				F(G(et), {
+					size: 16,
+					"aria-hidden": "true"
+				}),
+				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: 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: 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: 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: q(() => [F(G(qe), {
+						size: 14,
+						class: "dt-spin",
+						"aria-hidden": "true"
+					}), P(" " + U(G(d).t("state.stillLoading")), 1)]),
+					key: "0"
+				} : void 0,
+				jt.value ? {
+					name: "state",
+					fn: q(() => [jt.value === "error" ? (R(), A(ue, {
+						key: 0,
+						kind: "error",
+						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: G(Q),
+							onClick: n[18] ||= (e) => G(X).retry()
+						}, U(G(d).t("state.tryAgain")), 9, zi)) : j("", !0)]),
+						_: 2
+					}, [Mt.value.id ? {
+						name: "after",
+						fn: q(() => [N("div", Bi, [N("button", {
+							type: "button",
+							class: "dt-btn dt-btn-ghost dt-btn-xs",
+							onClick: Tn
+						}, U(G(d).t("state.copyErrorId")), 1), N("code", Vi, U(Mt.value.id), 1)])]),
+						key: "0"
+					} : void 0]), 1032, ["title", "lines"])) : jt.value === "noResults" ? (R(), A(ue, {
+						key: 1,
+						kind: C.value ? "noResultsSearch" : "noResults",
+						title: Nt.value
+					}, {
+						default: q(() => [H.value.length === 1 ? (R(), M("button", {
+							key: 0,
+							type: "button",
+							class: "dt-btn",
+							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: Ve
+						}, U(G(d).t("state.clearAllFilters")), 1)) : j("", !0), C.value ? (R(), M("button", {
+							key: 2,
+							type: "button",
+							class: "dt-btn",
+							onClick: n[20] ||= (e) => ve("")
+						}, U(G(d).t("state.clearSearch")), 1)) : j("", !0)]),
+						_: 1
+					}, 8, ["kind", "title"])) : jt.value === "noRowsOnPage" ? (R(), A(ue, {
+						key: 2,
+						kind: "noRowsOnPage",
+						title: G(d).t("page.noneOnPage")
+					}, {
+						default: q(() => [N("button", {
+							type: "button",
+							class: "dt-btn",
+							onClick: n[21] ||= (e) => E(T.value.number - 1)
+						}, U(G(d).t("page.previousPage")), 1)]),
+						_: 1
+					}, 8, ["title"])) : V(t.$slots, "empty", {}, () => [F(ue, {
+						kind: "empty",
+						title: G(d).t("state.emptyTitle", { entity: g.value })
+					}, null, 8, ["title"])], void 0, 3)]),
+					key: "1"
+				} : void 0,
+				t.$slots.expanded ? {
+					name: "expanded",
+					fn: q(({ row: e, close: n }) => [V(t.$slots, "expanded", {
+						row: e,
+						close: n
+					})]),
+					key: "2"
+				} : void 0
+			]), 1032, [
+				"layout",
+				"rows",
+				"density",
+				"label",
+				"loading",
+				"skeleton",
+				"dim",
+				"refreshing",
+				"vertical-lines",
+				"row-count",
+				"row-index-offset",
+				"sort",
+				"filtered-columns",
+				"labels",
+				"selectable",
+				"selection",
+				"expandable",
+				"expanded",
+				"can-expand",
+				"row-menu",
+				"row-actions",
+				"row-error",
+				"primary-header",
+				"phone",
+				"onSelectPage"
+			]),
+			e.selectionBar === "floating" && G(hn).length ? (R(), A(ei, {
+				key: 5,
+				variant: "floating",
+				phone: b.value,
+				rows: G(hn),
+				actions: e.bulkActions ?? [],
+				onClear: gn
+			}, {
+				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"
+			])) : j("", !0),
+			xn.value ? (R(), M("div", {
+				key: 6,
+				class: L(["dt-toast", { "is-raised": e.selectionBar === "floating" && G(hn).length }]),
+				role: "status"
+			}, [F(G(Ke), {
+				size: 16,
+				"aria-hidden": "true"
+			}), 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",
+				"has-more",
+				"total",
+				"countable",
+				"counting",
+				"counted-at",
+				"busy",
+				"first-load",
+				"empty",
+				"page-sizes",
+				"updated-at",
+				"freshness",
+				"can-refresh",
+				"phone"
+			]),
+			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: Te(G(Dn).style.value)
+			}, U(G(Dn).text.value), 7), [[Ie, G(Dn).open.value]]),
+			at.value ? (R(), A(_r, {
+				key: 7,
+				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"
+			])) : 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": n[27] ||= (e) => !e && (st.value = null),
+				onConfirm: ft
+			}, null, 8, [
+				"open",
+				"title",
+				"body",
+				"confirm-label"
+			])
+		], 10, Ai));
+	}
+});
+//#endregion
+//#region src/core/adapters/localStorage.ts
+function Gi() {
+	try {
+		let e = globalThis.localStorage, t = "__dt_probe__";
+		return e.setItem(t, "1"), e.removeItem(t), {
+			get: (t) => e.getItem(t),
+			set: (t, n) => e.setItem(t, n)
+		};
+	} catch {
+		let e = /* @__PURE__ */ new Map();
+		return {
+			get: (t) => e.get(t) ?? null,
+			set: (t, n) => {
+				e.set(t, n);
+			}
+		};
+	}
+}
+function Ki(e, t, n) {
+	let r = e.get(t);
+	if (r === null) return n;
+	try {
+		return JSON.parse(r);
+	} catch {
+		return n;
+	}
+}
+var qi = (e, t) => {
+	if (typeof e != "string" || e === "") throw TypeError(`${t}: 'scope' zorunlu (uygulama/kiracı anahtarı)`);
+	return e;
+}, Ji = () => globalThis.crypto?.randomUUID?.() ?? Math.random().toString(36).slice(2), Yi = () => (/* @__PURE__ */ new Date()).toISOString();
+function Xi(e) {
+	let t = qi(e?.scope, "createLocalStorageViews"), n = Gi(), r = (e) => `dt:${t}:views:${e}`, i = (e) => Ki(n, r(e), []), a = (e, t) => n.set(r(e), JSON.stringify(t));
+	return {
+		async list(e) {
+			return i(e);
+		},
+		async create(e, t) {
+			let n = {
+				id: Ji(),
+				name: t.name,
+				kind: "personal",
+				state: t.state,
+				updatedAt: Yi()
+			};
+			return a(e, [...i(e), n]), n;
+		},
+		async update(e, t, n) {
+			let r = i(e), o = r.findIndex((e) => e.id === t);
+			if (o < 0) throw Error(`createLocalStorageViews: görünüm yok: ${t}`);
+			let s = {
+				...r[o],
+				...n.name !== void 0 && { name: n.name },
+				...n.state !== void 0 && { state: n.state },
+				updatedAt: Yi()
+			};
+			return r[o] = s, a(e, r), s;
+		},
+		async remove(e, t) {
+			a(e, i(e).filter((e) => e.id !== t));
+		}
+	};
+}
+function Zi(e) {
+	let t = qi(e?.scope, "createLocalStoragePreferences"), n = Gi(), r = (e) => `dt:${t}:prefs:${e}`;
+	return {
+		get(e) {
+			return Ki(n, r(e), {});
+		},
+		set(e, t) {
+			n.set(r(e), JSON.stringify({
+				...Ki(n, r(e), {}),
+				...t
+			}));
+		}
+	};
+}
+//#endregion
+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