@wisemen/vue-core-custom-views 0.1.0

package/dist/index.js

@@ -0,0 +1,2063 @@
+import { Temporal as e } from "temporal-polyfill";
+import { useLocalStorage as t } from "@vueuse/core";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, getCurrentInstance as u, h as d, inject as f, isRef as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onMounted as v, onUnmounted as y, openBlock as b, provide as x, reactive as S, ref as ee, renderList as C, resolveDynamicComponent as w, shallowRef as te, toDisplayString as ne, toRefs as re, unref as T, watch as ie, withCtx as E } from "vue";
+import { UIActionContextMenu as ae, UIActionDropdownMenu as oe, UIActionTooltip as se, UIButton as ce, UIClickableElement as le, UIConfirmDialog as ue, UIDialogBody as de, UIDialogFooter as fe, UIDialogFooterCancel as pe, UIDialogFooterSubmit as me, UIDialogHeader as he, UIFormDialog as ge, UIFormLayout as _e, UIIconButton as ve, UIInputWrapper as ye, UIPopover as be, UIRowLayout as xe, UISeparator as Se, UITextField as Ce, toFormField as we, useOverlay as Te } from "@wisemen/vue-core-design-system";
+import { ActivityIcon as Ee, AlertTriangleIcon as De, BookmarkAddIcon as Oe, BookmarkCheckIcon as ke, BookmarkIcon as Ae, CalendarIcon as je, CheckCircleIcon as Me, CheckIcon as Ne, CheckSquareIcon as Pe, ChevronDownIcon as Fe, ClockIcon as Ie, ClockRewindIcon as Le, Cube01Icon as Re, Database01Icon as ze, Edit01Icon as Be, Flag01Icon as Ve, HeartIcon as He, Home01Icon as Ue, Hourglass01Icon as We, InfoSquareIcon as Ge, LayersTwo01Icon as Ke, Link04Icon as qe, Lock01Icon as Je, LockUnlocked01Icon as Ye, MagicWand01Icon as Xe, Mail01Icon as Ze, Mail04Icon as Qe, MarkerPin01Icon as $e, Pin01Icon as et, PlaceholderIcon as tt, PlaneIcon as nt, RouteIcon as rt, Star01Icon as it, Stars01Icon as at, Trash01Icon as ot, TrendDown01Icon as st, TrendUp01Icon as ct, User01Icon as lt, ZapIcon as ut } from "@wisemen/vue-core-icons";
+import { RadioGroupIndicator as dt, RadioGroupItem as ft, RadioGroupRoot as pt, useId as mt } from "reka-ui";
+import { useI18n as D } from "vue-i18n";
+import { useForm as ht } from "formango";
+import gt from "zod";
+import { GroupPriority as _t, createAction as vt } from "@wisemen/vue-core-actions";
+import { useHotkey as yt } from "@tanstack/vue-hotkeys";
+import { useRouteQuery as bt } from "@vueuse/router";
+import { StringUtil as xt, assert as St } from "@wisemen/vue-core-utils";
+//#region src/types/customViewStateAdapter.type.ts
+function Ct(e) {
+	return e;
+}
+//#endregion
+//#region src/adapters/state/customViewFilterStateAdapter.ts
+function wt(e) {
+	return typeof e != "object" || !e ? !1 : "from" in e && "until" in e;
+}
+function Tt(e) {
+	return wt(e) ? {
+		from: e.from?.toString() ?? null,
+		until: e.until?.toString() ?? null
+	} : e;
+}
+function Et(t) {
+	return wt(t) ? {
+		from: typeof t.from == "string" ? e.PlainDate.from(t.from) : null,
+		until: typeof t.until == "string" ? e.PlainDate.from(t.until) : null
+	} : t;
+}
+function Dt(e) {
+	return Object.fromEntries(Object.entries(e).map(([e, t]) => [e, Tt(t)]));
+}
+function Ot(e, t) {
+	return Ct({
+		isDirty: (e, n) => {
+			let r = Dt(e ?? t), i = Dt(n);
+			return Object.keys(r).some((e) => JSON.stringify(i[e]) !== JSON.stringify(r[e]));
+		},
+		apply: (n) => {
+			e.values.value = {
+				...t,
+				...n
+			};
+		},
+		deserialize: (e) => Object.fromEntries(Object.entries(e).map(([e, t]) => [e, Et(t)])),
+		getCurrentState: () => e.values.value,
+		getDefaultState: () => ({ ...t }),
+		key: "filters",
+		serialize: (e) => Dt(e)
+	});
+}
+//#endregion
+//#region src/adapters/state/customViewSearchStateAdapter.ts
+function kt(e) {
+	return Ct({
+		isDirty: (e, t) => (e ?? "").trim() !== t.trim(),
+		apply: (t) => e.updateSearch(t ?? "", !0),
+		deserialize: (e) => e,
+		getCurrentState: () => e.search.value,
+		getDefaultState: () => "",
+		key: "search",
+		serialize: (e) => e
+	});
+}
+//#endregion
+//#region src/adapters/state/customViewTableColumnsStateAdapter.ts
+function At(e) {
+	let t = e.customizedColumns.value.map((e) => e.key);
+	return Ct({
+		isDirty: (e, n) => JSON.stringify(e ?? t) !== JSON.stringify(n),
+		apply: (n) => {
+			e.setState(n ?? t);
+		},
+		deserialize: (e) => [...e],
+		getCurrentState: () => e.customizedColumns.value.map((e) => e.key),
+		getDefaultState: () => t,
+		key: "columns",
+		serialize: (e) => e
+	});
+}
+//#endregion
+//#region src/adapters/storage/customViewLocalStorageAdapter.ts
+function jt(e) {
+	let n = t(e, [], { deep: !0 });
+	return {
+		load: () => {
+			try {
+				return n.value ?? [];
+			} catch {
+				return [];
+			}
+		},
+		save: (e) => {
+			n.value = e;
+		}
+	};
+}
+//#endregion
+//#region src/types/customViewColor.type.ts
+var O = {
+	CYAN: "cyan",
+	DEFAULT: "default",
+	GREEN: "green",
+	PINK: "pink",
+	PURPLE: "purple",
+	RED: "red",
+	YELLOW: "yellow"
+}, Mt = new Map([
+	[O.DEFAULT, "var(--fg-secondary)"],
+	[O.PURPLE, "oklch(0.44 0.17 287)"],
+	[O.CYAN, "oklch(0.71 0.12 213)"],
+	[O.GREEN, "oklch(0.70 0.13 159)"],
+	[O.YELLOW, "oklch(0.82 0.18 91)"],
+	[O.PINK, "oklch(0.87 0.05 22)"],
+	[O.RED, "oklch(0.58 0.19 25)"]
+]);
+function Nt(e) {
+	return Mt.get(e) ?? "var(--fg-secondary)";
+}
+//#endregion
+//#region src/components/CustomViewColorPicker.vue
+var Pt = /* @__PURE__ */ l({
+	__name: "CustomViewColorPicker",
+	props: { field: {} },
+	setup(e) {
+		let t = e, r = D(), a = mt();
+		return (s, l) => (b(), i(T(ye), {
+			for: T(a),
+			label: T(r).t("component.custom_view_color_picker.label")
+		}, {
+			default: E(() => [c(T(pt), {
+				id: T(a),
+				"model-value": t.field.value.value,
+				"onUpdate:modelValue": l[0] ||= (t) => e.field.setValue(t)
+			}, {
+				default: E(() => [c(T(xe), { class: "flex-wrap" }, {
+					default: E(() => [(b(!0), o(n, null, C(T(Mt), ([e]) => (b(), i(T(le), { key: e }, {
+						default: E(() => [c(T(ft), {
+							value: e,
+							style: _({ backgroundColor: T(Nt)(e) }),
+							class: "flex size-6.5 items-center justify-center rounded-md! ring-offset-1"
+						}, {
+							default: E(() => [c(T(dt), null, {
+								default: E(() => [c(T(Ne), { class: "size-4 text-white dark:text-black" })]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["value", "style"])]),
+						_: 2
+					}, 1024))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["id", "model-value"])]),
+			_: 1
+		}, 8, ["for", "label"]));
+	}
+}), k = {
+	ACTIVITY: "activity",
+	ALERT_TRIANGLE: "alertTriangle",
+	BOOKMARK: "bookmark",
+	CALENDAR: "calendar",
+	CHECK_CIRCLE: "checkCircle",
+	CHECK_SQUARE: "checkSquare",
+	CLOCK: "clock",
+	CLOCK_REWIND: "clockRewind",
+	CUBE: "cube",
+	DATABASE: "database",
+	EDIT: "edit",
+	FLAG: "flag",
+	HEART: "heart",
+	HOME: "home",
+	HOURGLASS: "hourglass",
+	INFO_SQUARE: "infoSquare",
+	LAYERS: "layers",
+	LINK_04: "link04",
+	LOCK: "lock",
+	MAGIC_WAND: "magicWand",
+	MAIL_01: "mail01",
+	MAIL_04: "mail04",
+	MARKER_PIN: "markerPin",
+	PIN: "pin",
+	PLACEHOLDER: "placeholder",
+	PLANE: "plane",
+	ROUTE: "route",
+	STAR: "star",
+	STARS: "stars",
+	TRASH: "trash",
+	TREND_DOWN: "trendDown",
+	TREND_UP: "trendUp",
+	UNLOCK: "unlock",
+	USER: "user",
+	ZAP: "zap"
+}, Ft = new Map([
+	[k.LAYERS, Ke],
+	[k.ACTIVITY, Ee],
+	[k.ALERT_TRIANGLE, De],
+	[k.BOOKMARK, Ae],
+	[k.CALENDAR, je],
+	[k.CHECK_CIRCLE, Me],
+	[k.CHECK_SQUARE, Pe],
+	[k.CLOCK, Ie],
+	[k.CLOCK_REWIND, Le],
+	[k.CUBE, Re],
+	[k.DATABASE, ze],
+	[k.EDIT, Be],
+	[k.FLAG, Ve],
+	[k.HEART, He],
+	[k.HOME, Ue],
+	[k.HOURGLASS, We],
+	[k.INFO_SQUARE, Ge],
+	[k.LINK_04, qe],
+	[k.LOCK, Je],
+	[k.MAGIC_WAND, Xe],
+	[k.MAIL_01, Ze],
+	[k.MAIL_04, Qe],
+	[k.MARKER_PIN, $e],
+	[k.UNLOCK, Ye],
+	[k.PLANE, nt],
+	[k.PIN, et],
+	[k.PLACEHOLDER, tt],
+	[k.ROUTE, rt],
+	[k.STAR, it],
+	[k.STARS, at],
+	[k.TRASH, ot],
+	[k.TREND_DOWN, st],
+	[k.TREND_UP, ct],
+	[k.USER, lt],
+	[k.ZAP, ut]
+]);
+function It(e) {
+	return Ft.get(e) ?? Ke;
+}
+//#endregion
+//#region src/components/CustomViewIconPicker.vue?vue&type=script&setup=true&lang.ts
+var Lt = { class: "p-sm" }, Rt = { class: "grid grid-cols-8 gap-xxs" }, zt = ["onClick"], Bt = /* @__PURE__ */ l({
+	__name: "CustomViewIconPicker",
+	props: { field: {} },
+	setup(e) {
+		let t = e, r = D(), a = ee(!1);
+		function l(e) {
+			t.field.setValue(e), a.value = !1;
+		}
+		return (e, u) => (b(), i(T(be), {
+			"is-open": a.value,
+			"onUpdate:isOpen": u[0] ||= (e) => a.value = e,
+			"popover-side-offset": 4,
+			"popover-align": "start",
+			"popover-side": "bottom"
+		}, {
+			trigger: E(() => [c(T(ye), { label: T(r).t("component.custom_view_icon_picker.label") }, {
+				default: E(() => [c(T(ve), {
+					icon: T(It)(t.field.value.value),
+					"is-tooltip-disabled": !0,
+					label: T(r).t("component.custom_view_icon_picker.view_icon_label"),
+					variant: "secondary"
+				}, null, 8, ["icon", "label"])]),
+				_: 1
+			}, 8, ["label"])]),
+			content: E(() => [s("div", Lt, [s("ul", Rt, [(b(!0), o(n, null, C(T(Ft), ([e, n]) => (b(), o("li", { key: e }, [c(T(le), null, {
+				default: E(() => [s("button", {
+					class: g([{
+						"bg-tertiary": e === t.field.value.value,
+						"hover:bg-secondary": e !== t.field.value.value
+					}, "p-md"]),
+					type: "button",
+					onClick: (t) => l(e)
+				}, [(b(), i(w(n), { class: "size-4 text-tertiary" }))], 10, zt)]),
+				_: 2
+			}, 1024)]))), 128))])])]),
+			_: 1
+		}, 8, ["is-open"]));
+	}
+}), Vt = /* @__PURE__ */ l({
+	__name: "CustomViewCreateDialog",
+	emits: ["save"],
+	setup(e, { emit: t }) {
+		let n = t, r = D(), a = ht({
+			schema: gt.object({
+				name: gt.string().min(1).max(20),
+				color: gt.enum(O),
+				icon: gt.enum(k)
+			}),
+			onSubmit: (e) => {
+				n("save", e);
+			}
+		}), o = a.register("name", "Untitled"), s = a.register("icon", k.LAYERS), l = a.register("color", O.DEFAULT);
+		return (e, t) => (b(), i(T(ge), {
+			form: T(a),
+			size: "xs"
+		}, {
+			default: E(() => [
+				c(T(he), {
+					title: T(r).t("component.custom_view_create_dialog.title"),
+					description: T(r).t("component.custom_view_create_dialog.description"),
+					"hide-description": !0
+				}, null, 8, ["title", "description"]),
+				c(T(de), null, {
+					default: E(() => [c(T(_e), null, {
+						default: E(() => [c(T(Ce), m(T(we)(T(o)), {
+							"is-required": !0,
+							placeholder: T(r).t("component.custom_view_create_dialog.name_placeholder"),
+							label: T(r).t("component.custom_view_create_dialog.name_label")
+						}), null, 16, ["placeholder", "label"]), c(T(xe), { gap: "2xl" }, {
+							default: E(() => [c(Bt, { field: T(s) }, null, 8, ["field"]), c(Pt, { field: T(l) }, null, 8, ["field"])]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				c(T(fe), null, {
+					default: E(() => [c(T(pe)), c(T(me), { label: T(r).t("component.custom_view_create_dialog.submit") }, null, 8, ["label"])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), Ht = /* @__PURE__ */ l({
+	__name: "CustomViewUpdateDialog",
+	props: { view: {} },
+	emits: ["save"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = ht({
+			initialState: () => ({
+				...n.view,
+				icon: n.view.icon ?? k.ACTIVITY
+			}),
+			schema: gt.object({
+				name: gt.string().min(1).max(20),
+				color: gt.enum(O),
+				icon: gt.enum(k)
+			}),
+			onSubmit: (e) => {
+				r("save", e);
+			}
+		}), o = D(), s = a.register("name"), l = a.register("icon", k.ACTIVITY), u = a.register("color");
+		return (e, t) => (b(), i(T(ge), {
+			form: T(a),
+			size: "xs"
+		}, {
+			default: E(() => [
+				c(T(he), {
+					"hide-description": !0,
+					title: T(o).t("component.custom_view_update_dialog.title"),
+					description: T(o).t("component.custom_view_update_dialog.description")
+				}, null, 8, ["title", "description"]),
+				c(T(de), null, {
+					default: E(() => [c(T(_e), null, {
+						default: E(() => [c(T(Ce), m(T(we)(T(s)), {
+							"is-required": !0,
+							placeholder: T(o).t("component.custom_view_update_dialog.name_placeholder"),
+							label: T(o).t("component.custom_view_update_dialog.name_label")
+						}), null, 16, ["placeholder", "label"]), c(T(xe), { gap: "2xl" }, {
+							default: E(() => [c(Bt, { field: T(l) }, null, 8, ["field"]), c(Pt, { field: T(u) }, null, 8, ["field"])]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				c(T(fe), null, {
+					default: E(() => [c(T(pe)), c(T(me), { label: T(o).t("component.custom_view_update_dialog.submit") }, null, 8, ["label"])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), Ut = Object.defineProperty, Wt = Object.getOwnPropertySymbols, Gt = Object.prototype.hasOwnProperty, Kt = Object.prototype.propertyIsEnumerable, qt = (e, t, n) => t in e ? Ut(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, Jt = (e, t) => {
+	for (var n in t ||= {}) Gt.call(t, n) && qt(e, n, t[n]);
+	if (Wt) for (var n of Wt(t)) Kt.call(t, n) && qt(e, n, t[n]);
+	return e;
+}, Yt = (e, t) => {
+	var n = {};
+	for (var r in e) Gt.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+	if (e != null && Wt) for (var r of Wt(e)) t.indexOf(r) < 0 && Kt.call(e, r) && (n[r] = e[r]);
+	return n;
+}, Xt = "[vue-draggable-plus]: ";
+function Zt(e) {
+	console.warn(Xt + e);
+}
+function Qt(e) {
+	console.error(Xt + e);
+}
+function $t(e, t, n) {
+	return n >= 0 && n < e.length && e.splice(n, 0, e.splice(t, 1)[0]), e;
+}
+function en(e) {
+	return e.replace(/-(\w)/g, (e, t) => t ? t.toUpperCase() : "");
+}
+function tn(e) {
+	return Object.keys(e).reduce((t, n) => (e[n] !== void 0 && (t[en(n)] = e[n]), t), {});
+}
+function nn(e, t) {
+	return Array.isArray(e) && e.splice(t, 1), e;
+}
+function rn(e, t, n) {
+	return Array.isArray(e) && e.splice(t, 0, n), e;
+}
+function an(e) {
+	return e === void 0;
+}
+function on(e) {
+	return typeof e == "string";
+}
+function sn(e, t, n) {
+	let r = e.children[n];
+	e.insertBefore(t, r);
+}
+function cn(e) {
+	e.parentNode && e.parentNode.removeChild(e);
+}
+function ln(e, t = document) {
+	let n = null;
+	return n = typeof t?.querySelector == "function" ? (t?.querySelector)?.call(t, e) : document.querySelector(e), n || Zt(`Element not found: ${e}`), n;
+}
+function un(e, t, n = null) {
+	return function(...r) {
+		return e.apply(n, r), t.apply(n, r);
+	};
+}
+function dn(e, t) {
+	let n = Jt({}, e);
+	return Object.keys(t).forEach((r) => {
+		n[r] ? n[r] = un(e[r], t[r]) : n[r] = t[r];
+	}), n;
+}
+function fn(e) {
+	return e instanceof HTMLElement;
+}
+function pn(e, t) {
+	Object.keys(e).forEach((n) => {
+		t(n, e[n]);
+	});
+}
+function mn(e) {
+	return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
+}
+var hn = Object.assign;
+function gn(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function A(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? gn(Object(n), !0).forEach(function(t) {
+			vn(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : gn(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function _n(e) {
+	"@babel/helpers - typeof";
+	return _n = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, _n(e);
+}
+function vn(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function j() {
+	return j = Object.assign || function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, j.apply(this, arguments);
+}
+function yn(e, t) {
+	if (e == null) return {};
+	var n = {}, r = Object.keys(e), i, a;
+	for (a = 0; a < r.length; a++) i = r[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+	return n;
+}
+function bn(e, t) {
+	if (e == null) return {};
+	var n = yn(e, t), r, i;
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (i = 0; i < a.length; i++) r = a[i], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+	}
+	return n;
+}
+var xn = "1.15.2";
+function Sn(e) {
+	if (typeof window < "u" && window.navigator) return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var Cn = Sn(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), wn = Sn(/Edge/i), Tn = Sn(/firefox/i), En = Sn(/safari/i) && !Sn(/chrome/i) && !Sn(/android/i), Dn = Sn(/iP(ad|od|hone)/i), On = Sn(/chrome/i) && Sn(/android/i), kn = {
+	capture: !1,
+	passive: !1
+};
+function M(e, t, n) {
+	e.addEventListener(t, n, !Cn && kn);
+}
+function N(e, t, n) {
+	e.removeEventListener(t, n, !Cn && kn);
+}
+function An(e, t) {
+	if (t) {
+		if (t[0] === ">" && (t = t.substring(1)), e) try {
+			if (e.matches) return e.matches(t);
+			if (e.msMatchesSelector) return e.msMatchesSelector(t);
+			if (e.webkitMatchesSelector) return e.webkitMatchesSelector(t);
+		} catch {
+			return !1;
+		}
+		return !1;
+	}
+}
+function jn(e) {
+	return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function P(e, t, n, r) {
+	if (e) {
+		n ||= document;
+		do {
+			if (t != null && (t[0] === ">" ? e.parentNode === n && An(e, t) : An(e, t)) || r && e === n) return e;
+			if (e === n) break;
+		} while (e = jn(e));
+	}
+	return null;
+}
+var Mn = /\s+/g;
+function F(e, t, n) {
+	e && t && (e.classList ? e.classList[n ? "add" : "remove"](t) : e.className = ((" " + e.className + " ").replace(Mn, " ").replace(" " + t + " ", " ") + (n ? " " + t : "")).replace(Mn, " "));
+}
+function I(e, t, n) {
+	var r = e && e.style;
+	if (r) {
+		if (n === void 0) return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (n = e.currentStyle), t === void 0 ? n : n[t];
+		!(t in r) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), r[t] = n + (typeof n == "string" ? "" : "px");
+	}
+}
+function Nn(e, t) {
+	var n = "";
+	if (typeof e == "string") n = e;
+	else do {
+		var r = I(e, "transform");
+		r && r !== "none" && (n = r + " " + n);
+	} while (!t && (e = e.parentNode));
+	var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+	return i && new i(n);
+}
+function Pn(e, t, n) {
+	if (e) {
+		var r = e.getElementsByTagName(t), i = 0, a = r.length;
+		if (n) for (; i < a; i++) n(r[i], i);
+		return r;
+	}
+	return [];
+}
+function L() {
+	return document.scrollingElement || document.documentElement;
+}
+function R(e, t, n, r, i) {
+	if (!(!e.getBoundingClientRect && e !== window)) {
+		var a, o, s, c, l, u, d;
+		if (e !== window && e.parentNode && e !== L() ? (a = e.getBoundingClientRect(), o = a.top, s = a.left, c = a.bottom, l = a.right, u = a.height, d = a.width) : (o = 0, s = 0, c = window.innerHeight, l = window.innerWidth, u = window.innerHeight, d = window.innerWidth), (t || n) && e !== window && (i ||= e.parentNode, !Cn)) do
+			if (i && i.getBoundingClientRect && (I(i, "transform") !== "none" || n && I(i, "position") !== "static")) {
+				var f = i.getBoundingClientRect();
+				o -= f.top + parseInt(I(i, "border-top-width")), s -= f.left + parseInt(I(i, "border-left-width")), c = o + a.height, l = s + a.width;
+				break;
+			}
+		while (i = i.parentNode);
+		if (r && e !== window) {
+			var p = Nn(i || e), m = p && p.a, h = p && p.d;
+			p && (o /= h, s /= m, d /= m, u /= h, c = o + u, l = s + d);
+		}
+		return {
+			top: o,
+			left: s,
+			bottom: c,
+			right: l,
+			width: d,
+			height: u
+		};
+	}
+}
+function Fn(e, t, n) {
+	for (var r = Bn(e, !0), i = R(e)[t]; r;) {
+		var a = R(r)[n], o = void 0;
+		if (o = i >= a, !o) return r;
+		if (r === L()) break;
+		r = Bn(r, !1);
+	}
+	return !1;
+}
+function In(e, t, n, r) {
+	for (var i = 0, a = 0, o = e.children; a < o.length;) {
+		if (o[a].style.display !== "none" && o[a] !== Q.ghost && (r || o[a] !== Q.dragged) && P(o[a], n.draggable, e, !1)) {
+			if (i === t) return o[a];
+			i++;
+		}
+		a++;
+	}
+	return null;
+}
+function Ln(e, t) {
+	for (var n = e.lastElementChild; n && (n === Q.ghost || I(n, "display") === "none" || t && !An(n, t));) n = n.previousElementSibling;
+	return n || null;
+}
+function z(e, t) {
+	var n = 0;
+	if (!e || !e.parentNode) return -1;
+	for (; e = e.previousElementSibling;) e.nodeName.toUpperCase() !== "TEMPLATE" && e !== Q.clone && (!t || An(e, t)) && n++;
+	return n;
+}
+function Rn(e) {
+	var t = 0, n = 0, r = L();
+	if (e) do {
+		var i = Nn(e), a = i.a, o = i.d;
+		t += e.scrollLeft * a, n += e.scrollTop * o;
+	} while (e !== r && (e = e.parentNode));
+	return [t, n];
+}
+function zn(e, t) {
+	for (var n in e) if (e.hasOwnProperty(n)) {
+		for (var r in t) if (t.hasOwnProperty(r) && t[r] === e[n][r]) return Number(n);
+	}
+	return -1;
+}
+function Bn(e, t) {
+	if (!e || !e.getBoundingClientRect) return L();
+	var n = e, r = !1;
+	do
+		if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+			var i = I(n);
+			if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+				if (!n.getBoundingClientRect || n === document.body) return L();
+				if (r || t) return n;
+				r = !0;
+			}
+		}
+	while (n = n.parentNode);
+	return L();
+}
+function Vn(e, t) {
+	if (e && t) for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]);
+	return e;
+}
+function Hn(e, t) {
+	return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var Un;
+function Wn(e, t) {
+	return function() {
+		if (!Un) {
+			var n = arguments, r = this;
+			n.length === 1 ? e.call(r, n[0]) : e.apply(r, n), Un = setTimeout(function() {
+				Un = void 0;
+			}, t);
+		}
+	};
+}
+function Gn() {
+	clearTimeout(Un), Un = void 0;
+}
+function Kn(e, t, n) {
+	e.scrollLeft += t, e.scrollTop += n;
+}
+function qn(e) {
+	var t = window.Polymer, n = window.jQuery || window.Zepto;
+	return t && t.dom ? t.dom(e).cloneNode(!0) : n ? n(e).clone(!0)[0] : e.cloneNode(!0);
+}
+function Jn(e, t, n) {
+	var r = {};
+	return Array.from(e.children).forEach(function(i) {
+		if (!(!P(i, t.draggable, e, !1) || i.animated || i === n)) {
+			var a = R(i);
+			r.left = Math.min(r.left ?? Infinity, a.left), r.top = Math.min(r.top ?? Infinity, a.top), r.right = Math.max(r.right ?? -Infinity, a.right), r.bottom = Math.max(r.bottom ?? -Infinity, a.bottom);
+		}
+	}), r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
+}
+var B = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Yn() {
+	var e = [], t;
+	return {
+		captureAnimationState: function() {
+			e = [], this.options.animation && [].slice.call(this.el.children).forEach(function(t) {
+				if (!(I(t, "display") === "none" || t === Q.ghost)) {
+					e.push({
+						target: t,
+						rect: R(t)
+					});
+					var n = A({}, e[e.length - 1].rect);
+					if (t.thisAnimationDuration) {
+						var r = Nn(t, !0);
+						r && (n.top -= r.f, n.left -= r.e);
+					}
+					t.fromRect = n;
+				}
+			});
+		},
+		addAnimationState: function(t) {
+			e.push(t);
+		},
+		removeAnimationState: function(t) {
+			e.splice(zn(e, { target: t }), 1);
+		},
+		animateAll: function(n) {
+			var r = this;
+			if (!this.options.animation) {
+				clearTimeout(t), typeof n == "function" && n();
+				return;
+			}
+			var i = !1, a = 0;
+			e.forEach(function(e) {
+				var t = 0, n = e.target, o = n.fromRect, s = R(n), c = n.prevFromRect, l = n.prevToRect, u = e.rect, d = Nn(n, !0);
+				d && (s.top -= d.f, s.left -= d.e), n.toRect = s, n.thisAnimationDuration && Hn(c, s) && !Hn(o, s) && (u.top - s.top) / (u.left - s.left) === (o.top - s.top) / (o.left - s.left) && (t = Zn(u, c, l, r.options)), Hn(s, o) || (n.prevFromRect = o, n.prevToRect = s, t ||= r.options.animation, r.animate(n, u, s, t)), t && (i = !0, a = Math.max(a, t), clearTimeout(n.animationResetTimer), n.animationResetTimer = setTimeout(function() {
+					n.animationTime = 0, n.prevFromRect = null, n.fromRect = null, n.prevToRect = null, n.thisAnimationDuration = null;
+				}, t), n.thisAnimationDuration = t);
+			}), clearTimeout(t), i ? t = setTimeout(function() {
+				typeof n == "function" && n();
+			}, a) : typeof n == "function" && n(), e = [];
+		},
+		animate: function(e, t, n, r) {
+			if (r) {
+				I(e, "transition", ""), I(e, "transform", "");
+				var i = Nn(this.el), a = i && i.a, o = i && i.d, s = (t.left - n.left) / (a || 1), c = (t.top - n.top) / (o || 1);
+				e.animatingX = !!s, e.animatingY = !!c, I(e, "transform", "translate3d(" + s + "px," + c + "px,0)"), this.forRepaintDummy = Xn(e), I(e, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), I(e, "transform", "translate3d(0,0,0)"), typeof e.animated == "number" && clearTimeout(e.animated), e.animated = setTimeout(function() {
+					I(e, "transition", ""), I(e, "transform", ""), e.animated = !1, e.animatingX = !1, e.animatingY = !1;
+				}, r);
+			}
+		}
+	};
+}
+function Xn(e) {
+	return e.offsetWidth;
+}
+function Zn(e, t, n, r) {
+	return Math.sqrt((t.top - e.top) ** 2 + (t.left - e.left) ** 2) / Math.sqrt((t.top - n.top) ** 2 + (t.left - n.left) ** 2) * r.animation;
+}
+var Qn = [], $n = { initializeByDefault: !0 }, er = {
+	mount: function(e) {
+		for (var t in $n) $n.hasOwnProperty(t) && !(t in e) && (e[t] = $n[t]);
+		Qn.forEach(function(t) {
+			if (t.pluginName === e.pluginName) throw `Sortable: Cannot mount plugin ${e.pluginName} more than once`;
+		}), Qn.push(e);
+	},
+	pluginEvent: function(e, t, n) {
+		var r = this;
+		this.eventCanceled = !1, n.cancel = function() {
+			r.eventCanceled = !0;
+		};
+		var i = e + "Global";
+		Qn.forEach(function(r) {
+			t[r.pluginName] && (t[r.pluginName][i] && t[r.pluginName][i](A({ sortable: t }, n)), t.options[r.pluginName] && t[r.pluginName][e] && t[r.pluginName][e](A({ sortable: t }, n)));
+		});
+	},
+	initializePlugins: function(e, t, n, r) {
+		for (var i in Qn.forEach(function(r) {
+			var i = r.pluginName;
+			if (!(!e.options[i] && !r.initializeByDefault)) {
+				var a = new r(e, t, e.options);
+				a.sortable = e, a.options = e.options, e[i] = a, j(n, a.defaults);
+			}
+		}), e.options) if (e.options.hasOwnProperty(i)) {
+			var a = this.modifyOption(e, i, e.options[i]);
+			a !== void 0 && (e.options[i] = a);
+		}
+	},
+	getEventProperties: function(e, t) {
+		var n = {};
+		return Qn.forEach(function(r) {
+			typeof r.eventProperties == "function" && j(n, r.eventProperties.call(t[r.pluginName], e));
+		}), n;
+	},
+	modifyOption: function(e, t, n) {
+		var r;
+		return Qn.forEach(function(i) {
+			e[i.pluginName] && i.optionListeners && typeof i.optionListeners[t] == "function" && (r = i.optionListeners[t].call(e[i.pluginName], n));
+		}), r;
+	}
+};
+function tr(e) {
+	var t = e.sortable, n = e.rootEl, r = e.name, i = e.targetEl, a = e.cloneEl, o = e.toEl, s = e.fromEl, c = e.oldIndex, l = e.newIndex, u = e.oldDraggableIndex, d = e.newDraggableIndex, f = e.originalEvent, p = e.putSortable, m = e.extraEventProperties;
+	if (t ||= n && n[B], t) {
+		var h, g = t.options, _ = "on" + r.charAt(0).toUpperCase() + r.substr(1);
+		window.CustomEvent && !Cn && !wn ? h = new CustomEvent(r, {
+			bubbles: !0,
+			cancelable: !0
+		}) : (h = document.createEvent("Event"), h.initEvent(r, !0, !0)), h.to = o || n, h.from = s || n, h.item = i || n, h.clone = a, h.oldIndex = c, h.newIndex = l, h.oldDraggableIndex = u, h.newDraggableIndex = d, h.originalEvent = f, h.pullMode = p ? p.lastPutMode : void 0;
+		var v = A(A({}, m), er.getEventProperties(r, t));
+		for (var y in v) h[y] = v[y];
+		n && n.dispatchEvent(h), g[_] && g[_].call(t, h);
+	}
+}
+var nr = ["evt"], V = function(e, t) {
+	var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, i = bn(n, nr);
+	er.pluginEvent.bind(Q)(e, t, A({
+		dragEl: U,
+		parentEl: W,
+		ghostEl: G,
+		rootEl: K,
+		nextEl: rr,
+		lastDownEl: ir,
+		cloneEl: q,
+		cloneHidden: ar,
+		dragStarted: vr,
+		putSortable: Y,
+		activeSortable: Q.active,
+		originalEvent: r,
+		oldIndex: or,
+		oldDraggableIndex: sr,
+		newIndex: J,
+		newDraggableIndex: cr,
+		hideGhostForTarget: Ir,
+		unhideGhostForTarget: Lr,
+		cloneNowHidden: function() {
+			ar = !0;
+		},
+		cloneNowShown: function() {
+			ar = !1;
+		},
+		dispatchSortableEvent: function(e) {
+			H({
+				sortable: t,
+				name: e,
+				originalEvent: r
+			});
+		}
+	}, i));
+};
+function H(e) {
+	tr(A({
+		putSortable: Y,
+		cloneEl: q,
+		targetEl: U,
+		rootEl: K,
+		oldIndex: or,
+		oldDraggableIndex: sr,
+		newIndex: J,
+		newDraggableIndex: cr
+	}, e));
+}
+var U, W, G, K, rr, ir, q, ar, or, J, sr, cr, lr, Y, ur = !1, dr = !1, fr = [], pr, X, mr, hr, gr, _r, vr, yr, br, xr = !1, Sr = !1, Cr, Z, wr = [], Tr = !1, Er = [], Dr = typeof document < "u", Or = Dn, kr = wn || Cn ? "cssFloat" : "float", Ar = Dr && !On && !Dn && "draggable" in document.createElement("div"), jr = function() {
+	if (Dr) {
+		if (Cn) return !1;
+		var e = document.createElement("x");
+		return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+	}
+}(), Mr = function(e, t) {
+	var n = I(e), r = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = In(e, 0, t), a = In(e, 1, t), o = i && I(i), s = a && I(a), c = o && parseInt(o.marginLeft) + parseInt(o.marginRight) + R(i).width, l = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + R(a).width;
+	if (n.display === "flex") return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+	if (n.display === "grid") return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+	if (i && o.float && o.float !== "none") {
+		var u = o.float === "left" ? "left" : "right";
+		return a && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
+	}
+	return i && (o.display === "block" || o.display === "flex" || o.display === "table" || o.display === "grid" || c >= r && n[kr] === "none" || a && n[kr] === "none" && c + l > r) ? "vertical" : "horizontal";
+}, Nr = function(e, t, n) {
+	var r = n ? e.left : e.top, i = n ? e.right : e.bottom, a = n ? e.width : e.height, o = n ? t.left : t.top, s = n ? t.right : t.bottom, c = n ? t.width : t.height;
+	return r === o || i === s || r + a / 2 === o + c / 2;
+}, Pr = function(e, t) {
+	var n;
+	return fr.some(function(r) {
+		var i = r[B].options.emptyInsertThreshold;
+		if (!(!i || Ln(r))) {
+			var a = R(r), o = e >= a.left - i && e <= a.right + i, s = t >= a.top - i && t <= a.bottom + i;
+			if (o && s) return n = r;
+		}
+	}), n;
+}, Fr = function(e) {
+	function t(e, n) {
+		return function(r, i, a, o) {
+			var s = r.options.group.name && i.options.group.name && r.options.group.name === i.options.group.name;
+			if (e == null && (n || s)) return !0;
+			if (e == null || e === !1) return !1;
+			if (n && e === "clone") return e;
+			if (typeof e == "function") return t(e(r, i, a, o), n)(r, i, a, o);
+			var c = (n ? r : i).options.group.name;
+			return e === !0 || typeof e == "string" && e === c || e.join && e.indexOf(c) > -1;
+		};
+	}
+	var n = {}, r = e.group;
+	(!r || _n(r) != "object") && (r = { name: r }), n.name = r.name, n.checkPull = t(r.pull, !0), n.checkPut = t(r.put), n.revertClone = r.revertClone, e.group = n;
+}, Ir = function() {
+	!jr && G && I(G, "display", "none");
+}, Lr = function() {
+	!jr && G && I(G, "display", "");
+};
+Dr && !On && document.addEventListener("click", function(e) {
+	if (dr) return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), dr = !1, !1;
+}, !0);
+var Rr = function(e) {
+	if (U) {
+		e = e.touches ? e.touches[0] : e;
+		var t = Pr(e.clientX, e.clientY);
+		if (t) {
+			var n = {};
+			for (var r in e) e.hasOwnProperty(r) && (n[r] = e[r]);
+			n.target = n.rootEl = t, n.preventDefault = void 0, n.stopPropagation = void 0, t[B]._onDragOver(n);
+		}
+	}
+}, zr = function(e) {
+	U && U.parentNode[B]._isOutsideThisEl(e.target);
+};
+function Q(e, t) {
+	if (!(e && e.nodeType && e.nodeType === 1)) throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(e)}`;
+	this.el = e, this.options = t = j({}, t), e[B] = this;
+	var n = {
+		group: null,
+		sort: !0,
+		disabled: !1,
+		store: null,
+		handle: null,
+		draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+		swapThreshold: 1,
+		invertSwap: !1,
+		invertedSwapThreshold: null,
+		removeCloneOnHide: !0,
+		direction: function() {
+			return Mr(e, this.options);
+		},
+		ghostClass: "sortable-ghost",
+		chosenClass: "sortable-chosen",
+		dragClass: "sortable-drag",
+		ignore: "a, img",
+		filter: null,
+		preventOnFilter: !0,
+		animation: 0,
+		easing: null,
+		setData: function(e, t) {
+			e.setData("Text", t.textContent);
+		},
+		dropBubble: !1,
+		dragoverBubble: !1,
+		dataIdAttr: "data-id",
+		delay: 0,
+		delayOnTouchOnly: !1,
+		touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+		forceFallback: !1,
+		fallbackClass: "sortable-fallback",
+		fallbackOnBody: !1,
+		fallbackTolerance: 0,
+		fallbackOffset: {
+			x: 0,
+			y: 0
+		},
+		supportPointer: Q.supportPointer !== !1 && "PointerEvent" in window && !En,
+		emptyInsertThreshold: 5
+	};
+	for (var r in er.initializePlugins(this, e, n), n) !(r in t) && (t[r] = n[r]);
+	for (var i in Fr(t), this) i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+	this.nativeDraggable = t.forceFallback ? !1 : Ar, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? M(e, "pointerdown", this._onTapStart) : (M(e, "mousedown", this._onTapStart), M(e, "touchstart", this._onTapStart)), this.nativeDraggable && (M(e, "dragover", this), M(e, "dragenter", this)), fr.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), j(this, Yn());
+}
+Q.prototype = {
+	constructor: Q,
+	_isOutsideThisEl: function(e) {
+		!this.el.contains(e) && e !== this.el && (yr = null);
+	},
+	_getDirection: function(e, t) {
+		return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, U) : this.options.direction;
+	},
+	_onTapStart: function(e) {
+		if (e.cancelable) {
+			var t = this, n = this.el, r = this.options, i = r.preventOnFilter, a = e.type, o = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (o || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, l = r.filter;
+			if (Yr(n), !U && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && En && s && s.tagName.toUpperCase() === "SELECT") && (s = P(s, r.draggable, n, !1), !(s && s.animated) && ir !== s)) {
+				if (or = z(s), sr = z(s, r.draggable), typeof l == "function") {
+					if (l.call(this, e, s, this)) {
+						H({
+							sortable: t,
+							rootEl: c,
+							name: "filter",
+							targetEl: s,
+							toEl: n,
+							fromEl: n
+						}), V("filter", t, { evt: e }), i && e.cancelable && e.preventDefault();
+						return;
+					}
+				} else if (l && (l = l.split(",").some(function(r) {
+					if (r = P(c, r.trim(), n, !1), r) return H({
+						sortable: t,
+						rootEl: r,
+						name: "filter",
+						targetEl: s,
+						fromEl: n,
+						toEl: n
+					}), V("filter", t, { evt: e }), !0;
+				}), l)) {
+					i && e.cancelable && e.preventDefault();
+					return;
+				}
+				r.handle && !P(c, r.handle, n, !1) || this._prepareDragStart(e, o, s);
+			}
+		}
+	},
+	_prepareDragStart: function(e, t, n) {
+		var r = this, i = r.el, a = r.options, o = i.ownerDocument, s;
+		if (n && !U && n.parentNode === i) {
+			var c = R(n);
+			if (K = i, U = n, W = U.parentNode, rr = U.nextSibling, ir = n, lr = a.group, Q.dragged = U, pr = {
+				target: U,
+				clientX: (t || e).clientX,
+				clientY: (t || e).clientY
+			}, gr = pr.clientX - c.left, _r = pr.clientY - c.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, U.style["will-change"] = "all", s = function() {
+				if (V("delayEnded", r, { evt: e }), Q.eventCanceled) {
+					r._onDrop();
+					return;
+				}
+				r._disableDelayedDragEvents(), !Tn && r.nativeDraggable && (U.draggable = !0), r._triggerDragStart(e, t), H({
+					sortable: r,
+					name: "choose",
+					originalEvent: e
+				}), F(U, a.chosenClass, !0);
+			}, a.ignore.split(",").forEach(function(e) {
+				Pn(U, e.trim(), Hr);
+			}), M(o, "dragover", Rr), M(o, "mousemove", Rr), M(o, "touchmove", Rr), M(o, "mouseup", r._onDrop), M(o, "touchend", r._onDrop), M(o, "touchcancel", r._onDrop), Tn && this.nativeDraggable && (this.options.touchStartThreshold = 4, U.draggable = !0), V("delayStart", this, { evt: e }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(wn || Cn))) {
+				if (Q.eventCanceled) {
+					this._onDrop();
+					return;
+				}
+				M(o, "mouseup", r._disableDelayedDrag), M(o, "touchend", r._disableDelayedDrag), M(o, "touchcancel", r._disableDelayedDrag), M(o, "mousemove", r._delayedDragTouchMoveHandler), M(o, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && M(o, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(s, a.delay);
+			} else s();
+		}
+	},
+	_delayedDragTouchMoveHandler: function(e) {
+		var t = e.touches ? e.touches[0] : e;
+		Math.max(Math.abs(t.clientX - this._lastX), Math.abs(t.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+	},
+	_disableDelayedDrag: function() {
+		U && Hr(U), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+	},
+	_disableDelayedDragEvents: function() {
+		var e = this.el.ownerDocument;
+		N(e, "mouseup", this._disableDelayedDrag), N(e, "touchend", this._disableDelayedDrag), N(e, "touchcancel", this._disableDelayedDrag), N(e, "mousemove", this._delayedDragTouchMoveHandler), N(e, "touchmove", this._delayedDragTouchMoveHandler), N(e, "pointermove", this._delayedDragTouchMoveHandler);
+	},
+	_triggerDragStart: function(e, t) {
+		t ||= e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? M(document, "pointermove", this._onTouchMove) : t ? M(document, "touchmove", this._onTouchMove) : M(document, "mousemove", this._onTouchMove) : (M(U, "dragend", this), M(K, "dragstart", this._onDragStart));
+		try {
+			document.selection ? Xr(function() {
+				document.selection.empty();
+			}) : window.getSelection().removeAllRanges();
+		} catch {}
+	},
+	_dragStarted: function(e, t) {
+		if (ur = !1, K && U) {
+			V("dragStarted", this, { evt: t }), this.nativeDraggable && M(document, "dragover", zr);
+			var n = this.options;
+			!e && F(U, n.dragClass, !1), F(U, n.ghostClass, !0), Q.active = this, e && this._appendGhost(), H({
+				sortable: this,
+				name: "start",
+				originalEvent: t
+			});
+		} else this._nulling();
+	},
+	_emulateDragOver: function() {
+		if (X) {
+			this._lastX = X.clientX, this._lastY = X.clientY, Ir();
+			for (var e = document.elementFromPoint(X.clientX, X.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(X.clientX, X.clientY), e !== t);) t = e;
+			if (U.parentNode[B]._isOutsideThisEl(e), t) do {
+				if (t[B]) {
+					var n = void 0;
+					if (n = t[B]._onDragOver({
+						clientX: X.clientX,
+						clientY: X.clientY,
+						target: e,
+						rootEl: t
+					}), n && !this.options.dragoverBubble) break;
+				}
+				e = t;
+			} while (t = t.parentNode);
+			Lr();
+		}
+	},
+	_onTouchMove: function(e) {
+		if (pr) {
+			var t = this.options, n = t.fallbackTolerance, r = t.fallbackOffset, i = e.touches ? e.touches[0] : e, a = G && Nn(G, !0), o = G && a && a.a, s = G && a && a.d, c = Or && Z && Rn(Z), l = (i.clientX - pr.clientX + r.x) / (o || 1) + (c ? c[0] - wr[0] : 0) / (o || 1), u = (i.clientY - pr.clientY + r.y) / (s || 1) + (c ? c[1] - wr[1] : 0) / (s || 1);
+			if (!Q.active && !ur) {
+				if (n && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < n) return;
+				this._onDragStart(e, !0);
+			}
+			if (G) {
+				a ? (a.e += l - (mr || 0), a.f += u - (hr || 0)) : a = {
+					a: 1,
+					b: 0,
+					c: 0,
+					d: 1,
+					e: l,
+					f: u
+				};
+				var d = `matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;
+				I(G, "webkitTransform", d), I(G, "mozTransform", d), I(G, "msTransform", d), I(G, "transform", d), mr = l, hr = u, X = i;
+			}
+			e.cancelable && e.preventDefault();
+		}
+	},
+	_appendGhost: function() {
+		if (!G) {
+			var e = this.options.fallbackOnBody ? document.body : K, t = R(U, !0, Or, !0, e), n = this.options;
+			if (Or) {
+				for (Z = e; I(Z, "position") === "static" && I(Z, "transform") === "none" && Z !== document;) Z = Z.parentNode;
+				Z !== document.body && Z !== document.documentElement ? (Z === document && (Z = L()), t.top += Z.scrollTop, t.left += Z.scrollLeft) : Z = L(), wr = Rn(Z);
+			}
+			G = U.cloneNode(!0), F(G, n.ghostClass, !1), F(G, n.fallbackClass, !0), F(G, n.dragClass, !0), I(G, "transition", ""), I(G, "transform", ""), I(G, "box-sizing", "border-box"), I(G, "margin", 0), I(G, "top", t.top), I(G, "left", t.left), I(G, "width", t.width), I(G, "height", t.height), I(G, "opacity", "0.8"), I(G, "position", Or ? "absolute" : "fixed"), I(G, "zIndex", "100000"), I(G, "pointerEvents", "none"), Q.ghost = G, e.appendChild(G), I(G, "transform-origin", gr / parseInt(G.style.width) * 100 + "% " + _r / parseInt(G.style.height) * 100 + "%");
+		}
+	},
+	_onDragStart: function(e, t) {
+		var n = this, r = e.dataTransfer, i = n.options;
+		if (V("dragStart", this, { evt: e }), Q.eventCanceled) {
+			this._onDrop();
+			return;
+		}
+		V("setupClone", this), Q.eventCanceled || (q = qn(U), q.removeAttribute("id"), q.draggable = !1, q.style["will-change"] = "", this._hideClone(), F(q, this.options.chosenClass, !1), Q.clone = q), n.cloneId = Xr(function() {
+			V("clone", n), !Q.eventCanceled && (n.options.removeCloneOnHide || K.insertBefore(q, U), n._hideClone(), H({
+				sortable: n,
+				name: "clone"
+			}));
+		}), !t && F(U, i.dragClass, !0), t ? (dr = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (N(document, "mouseup", n._onDrop), N(document, "touchend", n._onDrop), N(document, "touchcancel", n._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(n, r, U)), M(document, "drop", n), I(U, "transform", "translateZ(0)")), ur = !0, n._dragStartId = Xr(n._dragStarted.bind(n, t, e)), M(document, "selectstart", n), vr = !0, En && I(document.body, "user-select", "none");
+	},
+	_onDragOver: function(e) {
+		var t = this.el, n = e.target, r, i, a, o = this.options, s = o.group, c = Q.active, l = lr === s, u = o.sort, d = Y || c, f, p = this, m = !1;
+		if (Tr) return;
+		function h(o, s) {
+			V(o, p, A({
+				evt: e,
+				isOwner: l,
+				axis: f ? "vertical" : "horizontal",
+				revert: a,
+				dragRect: r,
+				targetRect: i,
+				canSort: u,
+				fromSortable: d,
+				target: n,
+				completed: _,
+				onMove: function(n, i) {
+					return Vr(K, t, U, r, n, R(n), e, i);
+				},
+				changed: v
+			}, s));
+		}
+		function g() {
+			h("dragOverAnimationCapture"), p.captureAnimationState(), p !== d && d.captureAnimationState();
+		}
+		function _(r) {
+			return h("dragOverCompleted", { insertion: r }), r && (l ? c._hideClone() : c._showClone(p), p !== d && (F(U, Y ? Y.options.ghostClass : c.options.ghostClass, !1), F(U, o.ghostClass, !0)), Y !== p && p !== Q.active ? Y = p : p === Q.active && Y && (Y = null), d === p && (p._ignoreWhileAnimating = n), p.animateAll(function() {
+				h("dragOverAnimationComplete"), p._ignoreWhileAnimating = null;
+			}), p !== d && (d.animateAll(), d._ignoreWhileAnimating = null)), (n === U && !U.animated || n === t && !n.animated) && (yr = null), !o.dragoverBubble && !e.rootEl && n !== document && (U.parentNode[B]._isOutsideThisEl(e.target), !r && Rr(e)), !o.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
+		}
+		function v() {
+			J = z(U), cr = z(U, o.draggable), H({
+				sortable: p,
+				name: "change",
+				toEl: t,
+				newIndex: J,
+				newDraggableIndex: cr,
+				originalEvent: e
+			});
+		}
+		if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = P(n, o.draggable, t, !0), h("dragOver"), Q.eventCanceled) return m;
+		if (U.contains(e.target) || n.animated && n.animatingX && n.animatingY || p._ignoreWhileAnimating === n) return _(!1);
+		if (dr = !1, c && !o.disabled && (l ? u || (a = W !== K) : Y === this || (this.lastPutMode = lr.checkPull(this, c, U, e)) && s.checkPut(this, c, U, e))) {
+			if (f = this._getDirection(e, n) === "vertical", r = R(U), h("dragOverValid"), Q.eventCanceled) return m;
+			if (a) return W = K, g(), this._hideClone(), h("revert"), Q.eventCanceled || (rr ? K.insertBefore(U, rr) : K.appendChild(U)), _(!0);
+			var y = Ln(t, o.draggable);
+			if (!y || Gr(e, f, this) && !y.animated) {
+				if (y === U) return _(!1);
+				if (y && t === e.target && (n = y), n && (i = R(n)), Vr(K, t, U, r, n, i, e, !!n) !== !1) return g(), y && y.nextSibling ? t.insertBefore(U, y.nextSibling) : t.appendChild(U), W = t, v(), _(!0);
+			} else if (y && Wr(e, f, this)) {
+				var b = In(t, 0, o, !0);
+				if (b === U) return _(!1);
+				if (n = b, i = R(n), Vr(K, t, U, r, n, i, e, !1) !== !1) return g(), t.insertBefore(U, b), W = t, v(), _(!0);
+			} else if (n.parentNode === t) {
+				i = R(n);
+				var x = 0, S, ee = U.parentNode !== t, C = !Nr(U.animated && U.toRect || r, n.animated && n.toRect || i, f), w = f ? "top" : "left", te = Fn(n, "top", "top") || Fn(U, "top", "top"), ne = te ? te.scrollTop : void 0;
+				yr !== n && (S = i[w], xr = !1, Sr = !C && o.invertSwap || ee), x = Kr(e, n, i, f, C ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, Sr, yr === n);
+				var re;
+				if (x !== 0) {
+					var T = z(U);
+					do
+						T -= x, re = W.children[T];
+					while (re && (I(re, "display") === "none" || re === G));
+				}
+				if (x === 0 || re === n) return _(!1);
+				yr = n, br = x;
+				var ie = n.nextElementSibling, E = !1;
+				E = x === 1;
+				var ae = Vr(K, t, U, r, n, i, e, E);
+				if (ae !== !1) return (ae === 1 || ae === -1) && (E = ae === 1), Tr = !0, setTimeout(Ur, 30), g(), E && !ie ? t.appendChild(U) : n.parentNode.insertBefore(U, E ? ie : n), te && Kn(te, 0, ne - te.scrollTop), W = U.parentNode, S !== void 0 && !Sr && (Cr = Math.abs(S - R(n)[w])), v(), _(!0);
+			}
+			if (t.contains(U)) return _(!1);
+		}
+		return !1;
+	},
+	_ignoreWhileAnimating: null,
+	_offMoveEvents: function() {
+		N(document, "mousemove", this._onTouchMove), N(document, "touchmove", this._onTouchMove), N(document, "pointermove", this._onTouchMove), N(document, "dragover", Rr), N(document, "mousemove", Rr), N(document, "touchmove", Rr);
+	},
+	_offUpEvents: function() {
+		var e = this.el.ownerDocument;
+		N(e, "mouseup", this._onDrop), N(e, "touchend", this._onDrop), N(e, "pointerup", this._onDrop), N(e, "touchcancel", this._onDrop), N(document, "selectstart", this);
+	},
+	_onDrop: function(e) {
+		var t = this.el, n = this.options;
+		if (J = z(U), cr = z(U, n.draggable), V("drop", this, { evt: e }), W = U && U.parentNode, J = z(U), cr = z(U, n.draggable), Q.eventCanceled) {
+			this._nulling();
+			return;
+		}
+		ur = !1, Sr = !1, xr = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Zr(this.cloneId), Zr(this._dragStartId), this.nativeDraggable && (N(document, "drop", this), N(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), En && I(document.body, "user-select", ""), I(U, "transform", ""), e && (vr && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), G && G.parentNode && G.parentNode.removeChild(G), (K === W || Y && Y.lastPutMode !== "clone") && q && q.parentNode && q.parentNode.removeChild(q), U && (this.nativeDraggable && N(U, "dragend", this), Hr(U), U.style["will-change"] = "", vr && !ur && F(U, Y ? Y.options.ghostClass : this.options.ghostClass, !1), F(U, this.options.chosenClass, !1), H({
+			sortable: this,
+			name: "unchoose",
+			toEl: W,
+			newIndex: null,
+			newDraggableIndex: null,
+			originalEvent: e
+		}), K === W ? J !== or && J >= 0 && (H({
+			sortable: this,
+			name: "update",
+			toEl: W,
+			originalEvent: e
+		}), H({
+			sortable: this,
+			name: "sort",
+			toEl: W,
+			originalEvent: e
+		})) : (J >= 0 && (H({
+			rootEl: W,
+			name: "add",
+			toEl: W,
+			fromEl: K,
+			originalEvent: e
+		}), H({
+			sortable: this,
+			name: "remove",
+			toEl: W,
+			originalEvent: e
+		}), H({
+			rootEl: W,
+			name: "sort",
+			toEl: W,
+			fromEl: K,
+			originalEvent: e
+		}), H({
+			sortable: this,
+			name: "sort",
+			toEl: W,
+			originalEvent: e
+		})), Y && Y.save()), Q.active && ((J == null || J === -1) && (J = or, cr = sr), H({
+			sortable: this,
+			name: "end",
+			toEl: W,
+			originalEvent: e
+		}), this.save()))), this._nulling();
+	},
+	_nulling: function() {
+		V("nulling", this), K = U = W = G = rr = q = ir = ar = pr = X = vr = J = cr = or = sr = yr = br = Y = lr = Q.dragged = Q.ghost = Q.clone = Q.active = null, Er.forEach(function(e) {
+			e.checked = !0;
+		}), Er.length = mr = hr = 0;
+	},
+	handleEvent: function(e) {
+		switch (e.type) {
+			case "drop":
+			case "dragend":
+				this._onDrop(e);
+				break;
+			case "dragenter":
+			case "dragover":
+				U && (this._onDragOver(e), Br(e));
+				break;
+			case "selectstart":
+				e.preventDefault();
+				break;
+		}
+	},
+	toArray: function() {
+		for (var e = [], t, n = this.el.children, r = 0, i = n.length, a = this.options; r < i; r++) t = n[r], P(t, a.draggable, this.el, !1) && e.push(t.getAttribute(a.dataIdAttr) || Jr(t));
+		return e;
+	},
+	sort: function(e, t) {
+		var n = {}, r = this.el;
+		this.toArray().forEach(function(e, t) {
+			var i = r.children[t];
+			P(i, this.options.draggable, r, !1) && (n[e] = i);
+		}, this), t && this.captureAnimationState(), e.forEach(function(e) {
+			n[e] && (r.removeChild(n[e]), r.appendChild(n[e]));
+		}), t && this.animateAll();
+	},
+	save: function() {
+		var e = this.options.store;
+		e && e.set && e.set(this);
+	},
+	closest: function(e, t) {
+		return P(e, t || this.options.draggable, this.el, !1);
+	},
+	option: function(e, t) {
+		var n = this.options;
+		if (t === void 0) return n[e];
+		var r = er.modifyOption(this, e, t);
+		r === void 0 ? n[e] = t : n[e] = r, e === "group" && Fr(n);
+	},
+	destroy: function() {
+		V("destroy", this);
+		var e = this.el;
+		e[B] = null, N(e, "mousedown", this._onTapStart), N(e, "touchstart", this._onTapStart), N(e, "pointerdown", this._onTapStart), this.nativeDraggable && (N(e, "dragover", this), N(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(e) {
+			e.removeAttribute("draggable");
+		}), this._onDrop(), this._disableDelayedDragEvents(), fr.splice(fr.indexOf(this.el), 1), this.el = e = null;
+	},
+	_hideClone: function() {
+		if (!ar) {
+			if (V("hideClone", this), Q.eventCanceled) return;
+			I(q, "display", "none"), this.options.removeCloneOnHide && q.parentNode && q.parentNode.removeChild(q), ar = !0;
+		}
+	},
+	_showClone: function(e) {
+		if (e.lastPutMode !== "clone") {
+			this._hideClone();
+			return;
+		}
+		if (ar) {
+			if (V("showClone", this), Q.eventCanceled) return;
+			U.parentNode == K && !this.options.group.revertClone ? K.insertBefore(q, U) : rr ? K.insertBefore(q, rr) : K.appendChild(q), this.options.group.revertClone && this.animate(U, q), I(q, "display", ""), ar = !1;
+		}
+	}
+};
+function Br(e) {
+	e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function Vr(e, t, n, r, i, a, o, s) {
+	var c, l = e[B], u = l.options.onMove, d;
+	return window.CustomEvent && !Cn && !wn ? c = new CustomEvent("move", {
+		bubbles: !0,
+		cancelable: !0
+	}) : (c = document.createEvent("Event"), c.initEvent("move", !0, !0)), c.to = t, c.from = e, c.dragged = n, c.draggedRect = r, c.related = i || t, c.relatedRect = a || R(t), c.willInsertAfter = s, c.originalEvent = o, e.dispatchEvent(c), u && (d = u.call(l, c, o)), d;
+}
+function Hr(e) {
+	e.draggable = !1;
+}
+function Ur() {
+	Tr = !1;
+}
+function Wr(e, t, n) {
+	var r = R(In(n.el, 0, n.options, !0)), i = Jn(n.el, n.options, G), a = 10;
+	return t ? e.clientX < i.left - a || e.clientY < r.top && e.clientX < r.right : e.clientY < i.top - a || e.clientY < r.bottom && e.clientX < r.left;
+}
+function Gr(e, t, n) {
+	var r = R(Ln(n.el, n.options.draggable)), i = Jn(n.el, n.options, G), a = 10;
+	return t ? e.clientX > i.right + a || e.clientY > r.bottom && e.clientX > r.left : e.clientY > i.bottom + a || e.clientX > r.right && e.clientY > r.top;
+}
+function Kr(e, t, n, r, i, a, o, s) {
+	var c = r ? e.clientY : e.clientX, l = r ? n.height : n.width, u = r ? n.top : n.left, d = r ? n.bottom : n.right, f = !1;
+	if (!o) {
+		if (s && Cr < l * i) {
+			if (!xr && (br === 1 ? c > u + l * a / 2 : c < d - l * a / 2) && (xr = !0), xr) f = !0;
+			else if (br === 1 ? c < u + Cr : c > d - Cr) return -br;
+		} else if (c > u + l * (1 - i) / 2 && c < d - l * (1 - i) / 2) return qr(t);
+	}
+	return f ||= o, f && (c < u + l * a / 2 || c > d - l * a / 2) ? c > u + l / 2 ? 1 : -1 : 0;
+}
+function qr(e) {
+	return z(U) < z(e) ? 1 : -1;
+}
+function Jr(e) {
+	for (var t = e.tagName + e.className + e.src + e.href + e.textContent, n = t.length, r = 0; n--;) r += t.charCodeAt(n);
+	return r.toString(36);
+}
+function Yr(e) {
+	Er.length = 0;
+	for (var t = e.getElementsByTagName("input"), n = t.length; n--;) {
+		var r = t[n];
+		r.checked && Er.push(r);
+	}
+}
+function Xr(e) {
+	return setTimeout(e, 0);
+}
+function Zr(e) {
+	return clearTimeout(e);
+}
+Dr && M(document, "touchmove", function(e) {
+	(Q.active || ur) && e.cancelable && e.preventDefault();
+}), Q.utils = {
+	on: M,
+	off: N,
+	css: I,
+	find: Pn,
+	is: function(e, t) {
+		return !!P(e, t, e, !1);
+	},
+	extend: Vn,
+	throttle: Wn,
+	closest: P,
+	toggleClass: F,
+	clone: qn,
+	index: z,
+	nextTick: Xr,
+	cancelNextTick: Zr,
+	detectDirection: Mr,
+	getChild: In
+}, Q.get = function(e) {
+	return e[B];
+}, Q.mount = function() {
+	var e = [...arguments];
+	e[0].constructor === Array && (e = e[0]), e.forEach(function(e) {
+		if (!e.prototype || !e.prototype.constructor) throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(e)}`;
+		e.utils && (Q.utils = A(A({}, Q.utils), e.utils)), er.mount(e);
+	});
+}, Q.create = function(e, t) {
+	return new Q(e, t);
+}, Q.version = xn;
+var $ = [], Qr, $r, ei = !1, ti, ni, ri, ii;
+function ai() {
+	function e() {
+		for (var e in this.defaults = {
+			scroll: !0,
+			forceAutoScrollFallback: !1,
+			scrollSensitivity: 30,
+			scrollSpeed: 10,
+			bubbleScroll: !0
+		}, this) e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
+	}
+	return e.prototype = {
+		dragStarted: function(e) {
+			var t = e.originalEvent;
+			this.sortable.nativeDraggable ? M(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? M(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? M(document, "touchmove", this._handleFallbackAutoScroll) : M(document, "mousemove", this._handleFallbackAutoScroll);
+		},
+		dragOverCompleted: function(e) {
+			var t = e.originalEvent;
+			!this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
+		},
+		drop: function() {
+			this.sortable.nativeDraggable ? N(document, "dragover", this._handleAutoScroll) : (N(document, "pointermove", this._handleFallbackAutoScroll), N(document, "touchmove", this._handleFallbackAutoScroll), N(document, "mousemove", this._handleFallbackAutoScroll)), si(), oi(), Gn();
+		},
+		nulling: function() {
+			ri = $r = Qr = ei = ii = ti = ni = null, $.length = 0;
+		},
+		_handleFallbackAutoScroll: function(e) {
+			this._handleAutoScroll(e, !0);
+		},
+		_handleAutoScroll: function(e, t) {
+			var n = this, r = (e.touches ? e.touches[0] : e).clientX, i = (e.touches ? e.touches[0] : e).clientY, a = document.elementFromPoint(r, i);
+			if (ri = e, t || this.options.forceAutoScrollFallback || wn || Cn || En) {
+				ci(e, this.options, a, t);
+				var o = Bn(a, !0);
+				ei && (!ii || r !== ti || i !== ni) && (ii && si(), ii = setInterval(function() {
+					var a = Bn(document.elementFromPoint(r, i), !0);
+					a !== o && (o = a, oi()), ci(e, n.options, a, t);
+				}, 10), ti = r, ni = i);
+			} else {
+				if (!this.options.bubbleScroll || Bn(a, !0) === L()) {
+					oi();
+					return;
+				}
+				ci(e, this.options, Bn(a, !1), !1);
+			}
+		}
+	}, j(e, {
+		pluginName: "scroll",
+		initializeByDefault: !0
+	});
+}
+function oi() {
+	$.forEach(function(e) {
+		clearInterval(e.pid);
+	}), $ = [];
+}
+function si() {
+	clearInterval(ii);
+}
+var ci = Wn(function(e, t, n, r) {
+	if (t.scroll) {
+		var i = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, o = t.scrollSensitivity, s = t.scrollSpeed, c = L(), l = !1, u;
+		$r !== n && ($r = n, oi(), Qr = t.scroll, u = t.scrollFn, Qr === !0 && (Qr = Bn(n, !0)));
+		var d = 0, f = Qr;
+		do {
+			var p = f, m = R(p), h = m.top, g = m.bottom, _ = m.left, v = m.right, y = m.width, b = m.height, x = void 0, S = void 0, ee = p.scrollWidth, C = p.scrollHeight, w = I(p), te = p.scrollLeft, ne = p.scrollTop;
+			p === c ? (x = y < ee && (w.overflowX === "auto" || w.overflowX === "scroll" || w.overflowX === "visible"), S = b < C && (w.overflowY === "auto" || w.overflowY === "scroll" || w.overflowY === "visible")) : (x = y < ee && (w.overflowX === "auto" || w.overflowX === "scroll"), S = b < C && (w.overflowY === "auto" || w.overflowY === "scroll"));
+			var re = x && (Math.abs(v - i) <= o && te + y < ee) - (Math.abs(_ - i) <= o && !!te), T = S && (Math.abs(g - a) <= o && ne + b < C) - (Math.abs(h - a) <= o && !!ne);
+			if (!$[d]) for (var ie = 0; ie <= d; ie++) $[ie] || ($[ie] = {});
+			($[d].vx != re || $[d].vy != T || $[d].el !== p) && ($[d].el = p, $[d].vx = re, $[d].vy = T, clearInterval($[d].pid), (re != 0 || T != 0) && (l = !0, $[d].pid = setInterval(function() {
+				r && this.layer === 0 && Q.active._onTouchMove(ri);
+				var t = $[this.layer].vy ? $[this.layer].vy * s : 0, n = $[this.layer].vx ? $[this.layer].vx * s : 0;
+				typeof u == "function" && u.call(Q.dragged.parentNode[B], n, t, e, ri, $[this.layer].el) !== "continue" || Kn($[this.layer].el, n, t);
+			}.bind({ layer: d }), 24))), d++;
+		} while (t.bubbleScroll && f !== c && (f = Bn(f, !1)));
+		ei = l;
+	}
+}, 30), li = function(e) {
+	var t = e.originalEvent, n = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, o = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+	if (t) {
+		var c = n || i;
+		o();
+		var l = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, u = document.elementFromPoint(l.clientX, l.clientY);
+		s(), c && !c.el.contains(u) && (a("spill"), this.onSpill({
+			dragEl: r,
+			putSortable: n
+		}));
+	}
+};
+function ui() {}
+ui.prototype = {
+	startIndex: null,
+	dragStart: function(e) {
+		var t = e.oldDraggableIndex;
+		this.startIndex = t;
+	},
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable;
+		this.sortable.captureAnimationState(), n && n.captureAnimationState();
+		var r = In(this.sortable.el, this.startIndex, this.options);
+		r ? this.sortable.el.insertBefore(t, r) : this.sortable.el.appendChild(t), this.sortable.animateAll(), n && n.animateAll();
+	},
+	drop: li
+}, j(ui, { pluginName: "revertOnSpill" });
+function di() {}
+di.prototype = {
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable || this.sortable;
+		n.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), n.animateAll();
+	},
+	drop: li
+}, j(di, { pluginName: "removeOnSpill" }), Q.mount(new ai()), Q.mount(di, ui);
+function fi(e) {
+	return e == null ? e : JSON.parse(JSON.stringify(e));
+}
+function pi(e) {
+	u() && y(e);
+}
+function mi(e) {
+	u() ? v(e) : h(e);
+}
+var hi = null, gi = null;
+function _i(e = null, t = null) {
+	hi = e, gi = t;
+}
+function vi() {
+	return {
+		data: hi,
+		clonedData: gi
+	};
+}
+var yi = Symbol("cloneElement");
+function bi(...e) {
+	let t = u()?.proxy, n = null, r = e[0], [, i, a] = e;
+	Array.isArray(T(i)) || (a = i, i = null);
+	let o = null, { immediate: s = !0, clone: c = fi, forceFallback: l, fallbackOnBody: d, customUpdate: f } = T(a) ?? {};
+	function m(e) {
+		let { from: t, oldIndex: r, item: a } = e, o = Array.from(t.childNodes);
+		n = l && !d ? o.slice(0, -1) : o;
+		let s = T(T(i)?.[r]), u = c(s);
+		_i(s, u), a[yi] = u;
+	}
+	function g(e) {
+		let t = e.item[yi];
+		if (!an(t)) {
+			if (cn(e.item), p(i)) {
+				let n = [...T(i)];
+				i.value = rn(n, e.newDraggableIndex, t);
+				return;
+			}
+			rn(T(i), e.newDraggableIndex, t);
+		}
+	}
+	function _(e) {
+		let { from: t, item: n, oldIndex: r, oldDraggableIndex: a, pullMode: o, clone: s } = e;
+		if (sn(t, n, r), o === "clone") {
+			cn(s);
+			return;
+		}
+		if (p(i)) {
+			let e = [...T(i)];
+			i.value = nn(e, a);
+			return;
+		}
+		nn(T(i), a);
+	}
+	function v(e) {
+		if (f) {
+			f(e);
+			return;
+		}
+		let { from: t, item: n, oldIndex: r, oldDraggableIndex: a, newDraggableIndex: o } = e;
+		if (cn(n), sn(t, n, r), p(i)) {
+			let e = [...T(i)];
+			i.value = $t(e, a, o);
+			return;
+		}
+		$t(T(i), a, o);
+	}
+	function y(e) {
+		let { newIndex: t, oldIndex: r, from: i, to: a } = e, o = null, s = t === r && i === a;
+		try {
+			if (s) {
+				let e = null;
+				n?.some((t, r) => {
+					if (e && n?.length !== a.childNodes.length) return i.insertBefore(e, t.nextSibling), !0;
+					let o = a.childNodes[r];
+					e = a?.replaceChild(t, o);
+				});
+			}
+		} catch (e) {
+			o = e;
+		} finally {
+			n = null;
+		}
+		h(() => {
+			if (_i(), o) throw o;
+		});
+	}
+	let b = {
+		onUpdate: v,
+		onStart: m,
+		onAdd: g,
+		onRemove: _,
+		onEnd: y
+	};
+	function x(e) {
+		let n = T(r);
+		return e ||= on(n) ? ln(n, t?.$el) : n, e && !fn(e) && (e = e.$el), e || Qt("Root element not found"), e;
+	}
+	function S() {
+		let e = T(a) ?? {}, { immediate: t, clone: n } = e, r = Yt(e, ["immediate", "clone"]);
+		return pn(r, (e, t) => {
+			mn(e) && (r[e] = (e, ...n) => (hn(e, vi()), t(e, ...n)));
+		}), dn(i === null ? {} : b, r);
+	}
+	let ee = (e) => {
+		e = x(e), o && C.destroy(), o = new Q(e, S());
+	};
+	ie(() => a, () => {
+		o && pn(S(), (e, t) => {
+			o?.option(e, t);
+		});
+	}, { deep: !0 });
+	let C = {
+		option: (e, t) => o?.option(e, t),
+		destroy: () => {
+			o?.destroy(), o = null;
+		},
+		save: () => o?.save(),
+		toArray: () => o?.toArray(),
+		closest: (...e) => o?.closest(...e)
+	};
+	return mi(() => {
+		s && ee();
+	}), pi(C.destroy), Jt({
+		start: ee,
+		pause: () => C?.option("disabled", !0),
+		resume: () => C?.option("disabled", !1)
+	}, C);
+}
+var xi = [
+	"update",
+	"start",
+	"add",
+	"remove",
+	"choose",
+	"unchoose",
+	"end",
+	"sort",
+	"filter",
+	"clone",
+	"move",
+	"change"
+], Si = l({
+	name: "VueDraggable",
+	model: {
+		prop: "modelValue",
+		event: "update:modelValue"
+	},
+	props: [
+		"clone",
+		"animation",
+		"ghostClass",
+		"group",
+		"sort",
+		"disabled",
+		"store",
+		"handle",
+		"draggable",
+		"swapThreshold",
+		"invertSwap",
+		"invertedSwapThreshold",
+		"removeCloneOnHide",
+		"direction",
+		"chosenClass",
+		"dragClass",
+		"ignore",
+		"filter",
+		"preventOnFilter",
+		"easing",
+		"setData",
+		"dropBubble",
+		"dragoverBubble",
+		"dataIdAttr",
+		"delay",
+		"delayOnTouchOnly",
+		"touchStartThreshold",
+		"forceFallback",
+		"fallbackClass",
+		"fallbackOnBody",
+		"fallbackTolerance",
+		"fallbackOffset",
+		"supportPointer",
+		"emptyInsertThreshold",
+		"scroll",
+		"forceAutoScrollFallback",
+		"scrollSensitivity",
+		"scrollSpeed",
+		"bubbleScroll",
+		"modelValue",
+		"tag",
+		"target",
+		"customUpdate",
+		...xi.map((e) => `on${e.replace(/^\S/, (e) => e.toUpperCase())}`)
+	],
+	emits: ["update:modelValue", ...xi],
+	setup(e, { slots: t, emit: n, expose: i, attrs: a }) {
+		let o = xi.reduce((e, t) => {
+			let r = `on${t.replace(/^\S/, (e) => e.toUpperCase())}`;
+			return e[r] = (...e) => n(t, ...e), e;
+		}, {}), s = r(() => {
+			let t = re(e), { modelValue: n } = t, r = Yt(t, ["modelValue"]), i = Object.entries(r).reduce((e, [t, n]) => {
+				let r = T(n);
+				return r !== void 0 && (e[t] = r), e;
+			}, {});
+			return Jt(Jt({}, o), tn(Jt(Jt({}, a), i)));
+		}), c = r({
+			get: () => e.modelValue,
+			set: (e) => n("update:modelValue", e)
+		}), l = ee(), u = S(bi(e.target || l, c, s));
+		return i(u), () => d(e.tag || "div", { ref: l }, (t?.default)?.call(t, u));
+	}
+}), Ci = {
+	mounted: "mounted",
+	unmounted: "unmounted"
+};
+Ci.mounted, Ci.unmounted;
+//#endregion
+//#region src/composables/context.composable.ts
+function wi(e) {
+	let t = Symbol(e);
+	function n(e) {
+		return x(t, e), e;
+	}
+	function r(n) {
+		let r = f(t, n ?? void 0);
+		if (r === void 0 && n === void 0) throw Error(`${e} context is not provided.`);
+		return r ?? null;
+	}
+	return [n, r];
+}
+//#endregion
+//#region src/context/customViewManager.context.ts
+var [Ti, Ei] = wi("customViewManagerContext");
+//#endregion
+//#region src/actions/customViewCreateView.action.ts
+function Di() {
+	let e = D(), t = Te().create(Vt), n = Ei();
+	return vt({
+		id: "custom-view-save-to-new-view",
+		name: () => e.t("action.custom_view.create"),
+		execute: () => {
+			t.open({ onSave: (e) => {
+				n.createView(e), t.close();
+			} });
+		},
+		group: n.actionGroup,
+		icon: () => Oe
+	});
+}
+//#endregion
+//#region src/actions/customViewSaveToCurrentView.action.ts
+function Oi() {
+	let e = D(), t = Ei();
+	return vt({
+		id: "custom-view-save-to-current-view",
+		isApplicable: () => t.activeView.value.isEditable,
+		name: () => e.t("action.custom_view.save_to_current"),
+		execute: () => {
+			t.saveToCurrentView();
+		},
+		group: t.actionGroup,
+		icon: () => ke
+	});
+}
+//#endregion
+//#region src/actions/customViewDeleteView.action.ts
+function ki() {
+	let e = D(), t = Te().create(ue), n = Ei();
+	return vt({
+		id: "custom-view-delete-view",
+		isApplicable: (e) => {
+			if (n.views.value.length === 1) return !1;
+			let t = e.targetedModelOfType("CustomView");
+			return t === null ? !1 : t.isEditable;
+		},
+		name: () => e.t("action.custom_view.delete"),
+		execute: (r) => {
+			let i = r.targetedModelOfTypeOrThrow("CustomView");
+			t.open({
+				title: e.t("action.custom_view.delete_confirm_title"),
+				isDestructive: !0,
+				confirmLabel: e.t("action.custom_view.delete_confirm_label"),
+				description: e.t("action.custom_view.delete_confirm_description", { name: i.name }),
+				onConfirm: () => {
+					n.deleteView(i.id), t.close();
+				}
+			});
+		},
+		group: n.actionGroup,
+		icon: () => ot,
+		separatorGroup: "delete"
+	});
+}
+//#endregion
+//#region src/actions/customViewEditView.action.ts
+function Ai() {
+	let e = D(), t = Te().create(Ht), n = Ei();
+	return vt({
+		id: "custom-view-edit-view",
+		isApplicable: (e) => {
+			let t = e.targetedModelOfType("CustomView");
+			return t === null ? !1 : t.isEditable;
+		},
+		name: () => e.t("action.custom_view.edit"),
+		execute: (e) => {
+			let r = e.targetedModelOfTypeOrThrow("CustomView");
+			t.open({
+				view: r,
+				onSave: (e) => {
+					n.updateViewMeta(r.id, e), t.close();
+				}
+			});
+		},
+		group: n.actionGroup,
+		icon: () => Be
+	});
+}
+//#endregion
+//#region src/components/views/CustomViewViewsItem.vue?vue&type=script&setup=true&lang.ts
+var ji = { class: "flex h-6 items-center overflow-hidden rounded-sm border border-secondary duration-100 hover:bg-secondary" }, Mi = { class: "text-xs text-primary" }, Ni = /* @__PURE__ */ l({
+	__name: "CustomViewViewsItem",
+	props: {
+		isSelected: { type: Boolean },
+		view: {},
+		viewIndex: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = Ai(), l = ki();
+		return (t, u) => (b(), i(T(se), {
+			label: n.view.name,
+			"keyboard-shortcut": e.viewIndex < 9 ? { key: `${e.viewIndex + 1}` } : null
+		}, {
+			default: E(() => [s("div", ji, [c(T(ae), {
+				"current-context-only": !0,
+				actions: [T(o), T(l)],
+				models: [{
+					modelName: "CustomView",
+					...n.view,
+					key: n.view.id
+				}]
+			}, {
+				default: E(() => [c(T(le), { class: "h-full rounded-none" }, {
+					default: E(() => [s("button", {
+						class: g({ "bg-tertiary": n.isSelected }),
+						onClick: u[0] ||= (e) => r("select", n.view.id)
+					}, [c(T(xe), {
+						gap: "none",
+						class: "duration-100 active:scale-98 active:will-change-transform"
+					}, {
+						default: E(() => [c(T(xe), {
+							gap: "xs",
+							class: "px-sm"
+						}, {
+							default: E(() => [n.view.icon === null ? a("", !0) : (b(), i(w(T(It)(n.view.icon)), {
+								key: 0,
+								style: _({ color: T(Nt)(n.view.color) }),
+								class: "size-3"
+							}, null, 8, ["style"])), s("span", Mi, ne(n.view.name), 1)]),
+							_: 1
+						})]),
+						_: 1
+					})], 2)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["actions", "models"])])]),
+			_: 1
+		}, 8, ["label", "keyboard-shortcut"]));
+	}
+}), Pi = /* @__PURE__ */ l({
+	__name: "CustomViewViews",
+	setup(e) {
+		let t = D(), r = Ei(), s = Di(), l = Oi(), u = ee([...r.views.value]);
+		ie(() => r.views.value, (e) => {
+			u.value = [...e];
+		});
+		function d() {
+			r.reorderViews(u.value);
+		}
+		return (e, f) => (b(), i(T(xe), null, {
+			default: E(() => [c(T(Si), {
+				modelValue: u.value,
+				"onUpdate:modelValue": f[0] ||= (e) => u.value = e,
+				animation: 150,
+				class: "flex flex-row items-center gap-1",
+				onEnd: d
+			}, {
+				default: E(() => [(b(!0), o(n, null, C(u.value, (e, t) => (b(), i(Ni, {
+					key: e.id,
+					view: e,
+					"is-selected": e.id === T(r).activeView.value.id,
+					"view-index": t,
+					onSelect: T(r).setActiveView
+				}, null, 8, [
+					"view",
+					"is-selected",
+					"view-index",
+					"onSelect"
+				]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"]), T(r).isDirty.value ? (b(), o(n, { key: 0 }, [c(T(Se), {
+				class: "h-5",
+				orientation: "vertical"
+			}), c(T(oe), {
+				"current-context-only": !1,
+				actions: [T(l), T(s)],
+				"popover-side": "bottom",
+				"popover-align": "end"
+			}, {
+				default: E(() => [c(T(ce), {
+					"icon-right": T(Fe),
+					label: T(t).t("component.custom_view_list.save"),
+					size: "sm",
+					variant: "secondary"
+				}, null, 8, ["icon-right", "label"])]),
+				_: 1
+			}, 8, ["actions"])], 64)) : a("", !0)]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+//#region src/composables/customViewManager.composable.ts
+function Fi({ seedViews: e, state: t, storageAdapter: n }) {
+	let i = D(), a = te(d());
+	St(a.value.length > 0, "At least 1 view is required");
+	let o = bt("view", null), s = {
+		name: () => i.t("action.custom_view.group_name"),
+		priority: _t.VIEW
+	}, c = r(() => a.value.find((e) => e.id === o.value) ?? a.value[0]), l = r(() => t.some((e) => {
+		let t = c.value.state[e.key], n = t == null ? null : e.deserialize(t);
+		return e.isDirty(n, e.getCurrentState());
+	}));
+	function u(e, t) {
+		return t.some((t) => t.id === e.id);
+	}
+	function d() {
+		let t = n.load();
+		return [...e.filter((e) => !u(e, t)), ...t];
+	}
+	function f(e) {
+		let t = new Set(a.value.map((e) => e.id)), n = xt.slugify(e.name), r = n, i = 1;
+		for (; t.has(r);) r = `${n}-${i}`, i++;
+		let o = {
+			id: r,
+			isEditable: !0,
+			name: e.name,
+			color: e.color,
+			icon: e.icon,
+			state: v()
+		};
+		a.value = [...a.value, o], y(), h(r);
+	}
+	function p() {
+		let e = c.value;
+		e.isEditable && (a.value = a.value.map((t) => t.id === e.id ? {
+			...t,
+			state: v()
+		} : t), y());
+	}
+	function m(e) {
+		o.value === e && (o.value = null), a.value = a.value.filter((t) => t.id !== e), y();
+	}
+	function h(e) {
+		o.value = e;
+	}
+	function g(e, t) {
+		a.value = a.value.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n), y();
+	}
+	function _(e) {
+		a.value = e, y();
+	}
+	function v() {
+		let e = {};
+		for (let n of t) {
+			let t = n.getCurrentState();
+			e[n.key] = n.serialize(t);
+		}
+		return e;
+	}
+	function y() {
+		n.save(a.value);
+	}
+	function b(e) {
+		x(e);
+	}
+	function x(e) {
+		for (let n of t) {
+			let t = e.state[n.key], r = t == null ? null : n.deserialize(t);
+			n.apply(r);
+		}
+	}
+	ie(c, b, { immediate: !0 });
+	for (let e = 0; e < 9; e += 1) yt({
+		key: `${e + 1}`,
+		shift: !0
+	}, () => {
+		let t = a.value[e] ?? null;
+		t !== null && h(t.id);
+	}, { conflictBehavior: "replace" }), yt({ key: `${e + 1}` }, () => {
+		let t = a.value[e] ?? null;
+		t !== null && h(t.id);
+	}, { conflictBehavior: "replace" });
+	let S = {
+		isDirty: l,
+		actionGroup: s,
+		activeView: c,
+		createView: f,
+		deleteView: m,
+		reorderViews: _,
+		saveToCurrentView: p,
+		setActiveView: h,
+		updateViewMeta: g,
+		views: r(() => a.value)
+	};
+	return Ti(S), S;
+}
+//#endregion
+export { O as CUSTOM_VIEW_COLOR, Mt as CUSTOM_VIEW_COLORS_MAP, k as CUSTOM_VIEW_ICON, Ft as CUSTOM_VIEW_ICONS_MAP, Pt as CustomViewColorPicker, Vt as CustomViewCreateDialog, Bt as CustomViewIconPicker, Pi as CustomViewList, Ht as CustomViewUpdateDialog, Ot as createCustomViewFilterStateAdapter, jt as createCustomViewLocalStorageAdapter, kt as createCustomViewSearchStateAdapter, Ct as createCustomViewStateAdapter, At as createCustomViewTableColumnsStateAdapter, Nt as getCustomViewColor, It as getCustomViewIconComponent, Fi as useCustomViewManager, Ei as useInjectCustomViewManagerContext, Ti as useProvideCustomViewManagerContext };