vectis-ui 0.11.0 → 0.12.0

package/dist/components/VDataTable/VDataTable.vue_vue_type_script_setup_true_lang.js

@@ -20,12 +20,11 @@ import { arrow_downward as c } from "../VIcon/icons/arrow_downward.js";
 import { arrow_drop_down as fe } from "../VIcon/icons/arrow_drop_down.js";
 import { arrow_upward as l } from "../VIcon/icons/arrow_upward.js";
 import { search as pe } from "../VIcon/icons/search.js";
-import { swap_vert as me } from "../VIcon/icons/swap_vert.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, mergeProps as b, normalizeClass as he, normalizeStyle as ge, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useId as _e, useModel as D, useSlots as ve, watch as O, watchEffect as ye, withCtx as k } from "vue";
+import { swap_vert as u } from "../VIcon/icons/swap_vert.js";
+import { Fragment as d, computed as f, createBlock as me, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, mergeProps as b, normalizeClass as he, normalizeStyle as ge, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useId as _e, useModel as D, useSlots as ve, watch as O, watchEffect as ye, withCtx as k } from "vue";
 //#region src/components/VDataTable/VDataTable.vue?vue&type=script&setup=true&lang.ts
 var be = [
 	"data-variant",
-	"data-responsive",
 	"data-striped",
 	"data-compact",
 	"data-sticky-header",
@@ -40,29 +39,26 @@ var be = [
 	key: 0,
 	scope: "col",
 	class: "v-data-table-select"
-}, De = { class: "v-data-table-stack-label" }, Oe = ["data-align", "aria-sort"], ke = ["data-direction", "onClick"], Ae = {
-	key: 1,
-	class: "v-data-table-stack-label"
-}, je = { key: 0 }, Me = ["colspan"], Ne = { class: "v-data-table-state-loading" }, Pe = { "aria-hidden": "true" }, Fe = { key: 1 }, Ie = ["colspan"], Le = ["data-selected"], Re = {
+}, De = ["data-align", "aria-sort"], Oe = ["data-direction", "onClick"], ke = { key: 0 }, Ae = ["colspan"], je = { class: "v-data-table-state-loading" }, Me = { "aria-hidden": "true" }, Ne = { key: 1 }, Pe = ["colspan"], Fe = ["data-selected"], Ie = {
 	key: 0,
 	class: "v-data-table-select"
-}, ze = ["data-label", "data-align"], Be = {
+}, Le = ["data-align"], Re = {
 	key: 1,
 	class: "v-data-table-footer"
-}, Ve = {
+}, ze = {
 	key: 0,
 	class: "v-data-table-selection",
 	"aria-live": "polite"
-}, He = {
+}, Be = {
 	key: 1,
 	class: "v-data-table-footer-end"
-}, Ue = {
+}, Ve = {
 	key: 0,
 	class: "v-data-table-per-page"
-}, We = {
+}, He = {
 	class: "v-data-table-per-page-label",
 	"aria-hidden": "true"
-}, Ge = {
+}, Ue = {
 	key: 1,
 	class: "v-data-table-range",
 	"aria-live": "polite"
@@ -75,7 +71,6 @@ var be = [
 		rowKey: { default: void 0 },
 		caption: { default: void 0 },
 		variant: { default: "flat" },
-		responsive: { default: "scroll" },
 		loading: {
 			type: Boolean,
 			default: !1
@@ -103,7 +98,7 @@ var be = [
 			default: !1
 		},
 		height: { default: void 0 },
-		sortIcon: { default: () => me },
+		sortIcon: { default: () => u },
 		sortAscIcon: { default: () => c },
 		sortDescIcon: { default: () => l },
 		perPageOptions: { default: void 0 },
@@ -153,10 +148,10 @@ var be = [
 		"update:selected",
 		"update:search"
 	]),
-	setup(c, { expose: l, emit: me }) {
-		let v = c, y = n(), A = t(), Ke = d(() => v.emptyText ?? y.value.dataTable.empty), j = d(() => v.loadingText ?? y.value.dataTable.loading), qe = d(() => v.searchPlaceholder ?? y.value.dataTable.searchPlaceholder), Je = d(() => v.searchLabel ?? y.value.dataTable.searchLabel), M = d(() => v.perPageText ?? y.value.dataTable.perPage), N = d(() => v.selectAllLabel ?? y.value.dataTable.selectAll), P = D(c, "sort"), F = D(c, "page"), I = D(c, "perPage"), L = D(c, "selected"), R = D(c, "search"), Ye = me, { attrs: z, rootClass: Xe, rootStyle: Ze, forwardedAttrs: Qe } = ie(), $e = ve(), B = S(null);
-		l({ el: B });
-		let V = _e(), et = d(() => v.caption || !(v.title || $e.title) || z["aria-label"] !== void 0 || z["aria-labelledby"] !== void 0 ? void 0 : V);
+	setup(c, { expose: l, emit: u }) {
+		let v = c, y = n(), A = t(), We = f(() => v.emptyText ?? y.value.dataTable.empty), j = f(() => v.loadingText ?? y.value.dataTable.loading), Ge = f(() => v.searchPlaceholder ?? y.value.dataTable.searchPlaceholder), Ke = f(() => v.searchLabel ?? y.value.dataTable.searchLabel), M = f(() => v.perPageText ?? y.value.dataTable.perPage), qe = f(() => v.selectAllLabel ?? y.value.dataTable.selectAll), N = D(c, "sort"), P = D(c, "page"), F = D(c, "perPage"), I = D(c, "selected"), L = D(c, "search"), Je = u, { attrs: R, rootClass: Ye, rootStyle: Xe, forwardedAttrs: Ze } = ie(), Qe = ve(), z = S(null);
+		l({ el: z });
+		let B = _e(), $e = f(() => v.caption || !(v.title || Qe.title) || R["aria-label"] !== void 0 || R["aria-labelledby"] !== void 0 ? void 0 : B);
 		if (e) {
 			v.selectable && !v.rowKey && console.warn("[VDataTable] `selectable` without `rowKey` — index-based identities are corrupted by sorting, filtering and pagination.");
 			let e = /* @__PURE__ */ new Set();
@@ -170,68 +165,68 @@ var be = [
 				}
 			});
 		}
-		function tt(e, t) {
+		function et(e, t) {
 			if (!v.rowKey) return t;
 			let n = e[v.rowKey];
 			return typeof n == "string" || typeof n == "number" ? n : String(n);
 		}
-		let nt = ue(), rt = (e, t) => nt(e, String(e[t] ?? ""), t), H = d(() => {
+		let tt = ue(), nt = (e, t) => tt(e, String(e[t] ?? ""), t), V = f(() => {
 			if (v.serverSide || !v.searchable) return v.rows;
-			let e = de((R.value ?? "").trim());
-			return e ? v.rows.filter((t) => v.columns.some((n) => rt(t, n.key).includes(e))) : v.rows;
-		}), it = d(() => new Intl.Collator(A.value, { numeric: !0 })), at = /^\s*[+-]?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?\s*$/i;
-		function U(e) {
-			return e instanceof Date ? e.getTime() : typeof e == "string" && at.test(e) ? Number(e) : e;
+			let e = de((L.value ?? "").trim());
+			return e ? v.rows.filter((t) => v.columns.some((n) => nt(t, n.key).includes(e))) : v.rows;
+		}), rt = f(() => new Intl.Collator(A.value, { numeric: !0 })), it = /^\s*[+-]?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?\s*$/i;
+		function H(e) {
+			return e instanceof Date ? e.getTime() : typeof e == "string" && it.test(e) ? Number(e) : e;
 		}
-		let W = d(() => {
-			let e = P.value;
-			if (!e || v.serverSide) return H.value;
-			let t = e.direction === "asc" ? 1 : -1, n = it.value.compare;
-			return [...H.value].sort((r, i) => {
-				let a = U(r[e.key]), o = U(i[e.key]);
+		let U = f(() => {
+			let e = N.value;
+			if (!e || v.serverSide) return V.value;
+			let t = e.direction === "asc" ? 1 : -1, n = rt.value.compare;
+			return [...V.value].sort((r, i) => {
+				let a = H(r[e.key]), o = H(i[e.key]);
 				return typeof a == "number" && typeof o == "number" ? (a - o) * t : n(String(a ?? ""), String(o ?? "")) * t;
 			});
-		}), G = d(() => (I.value ?? 0) > 0), K = d(() => v.serverSide ? v.total ?? v.rows.length : H.value.length), q = d(() => G.value ? Math.max(1, Math.ceil(K.value / (I.value ?? 1))) : 1), J = d(() => ne(F.value, 1, q.value)), Y = d(() => {
-			if (v.serverSide || !G.value) return W.value;
-			let e = (J.value - 1) * (I.value ?? 0);
-			return W.value.slice(e, e + (I.value ?? 0));
+		}), W = f(() => (F.value ?? 0) > 0), G = f(() => v.serverSide ? v.total ?? v.rows.length : V.value.length), K = f(() => W.value ? Math.max(1, Math.ceil(G.value / (F.value ?? 1))) : 1), q = f(() => ne(P.value, 1, K.value)), J = f(() => {
+			if (v.serverSide || !W.value) return U.value;
+			let e = (q.value - 1) * (F.value ?? 0);
+			return U.value.slice(e, e + (F.value ?? 0));
 		});
-		function ot(e) {
-			let t = P.value;
-			!t || t.key !== e ? P.value = {
+		function at(e) {
+			let t = N.value;
+			!t || t.key !== e ? N.value = {
 				key: e,
 				direction: "asc"
-			} : t.direction === "asc" ? P.value = {
+			} : t.direction === "asc" ? N.value = {
 				key: e,
 				direction: "desc"
-			} : P.value = null;
+			} : N.value = null;
 		}
-		function st(e) {
-			if (P.value?.key === e.key) return P.value.direction === "asc" ? "ascending" : "descending";
+		function ot(e) {
+			if (N.value?.key === e.key) return N.value.direction === "asc" ? "ascending" : "descending";
 		}
-		function ct(e) {
-			return P.value?.key === e.key ? P.value.direction === "asc" ? v.sortAscIcon : v.sortDescIcon : v.sortIcon;
+		function st(e) {
+			return N.value?.key === e.key ? N.value.direction === "asc" ? v.sortAscIcon : v.sortDescIcon : v.sortIcon;
 		}
-		let X = S(R.value), lt = se();
-		function ut() {
-			R.value !== X.value && (X.value = R.value, F.value = 1);
+		let Y = S(L.value), ct = se();
+		function lt() {
+			L.value !== Y.value && (Y.value = L.value, P.value = 1);
 		}
-		O(R, () => {
+		O(L, () => {
 			if (!v.serverSide) {
-				F.value = 1;
+				P.value = 1;
 				return;
 			}
-			lt.start(ut, v.searchDebounce);
+			ct.start(lt, v.searchDebounce);
 		});
-		let dt = d(() => v.serverSide ? X.value : R.value);
+		let ut = f(() => v.serverSide ? Y.value : L.value);
 		O([
-			F,
-			() => I.value ?? null,
-			() => P.value?.key ?? null,
-			() => P.value?.direction ?? null,
-			X
+			P,
+			() => F.value ?? null,
+			() => N.value?.key ?? null,
+			() => N.value?.direction ?? null,
+			Y
 		], ([e, t, n, r, i]) => {
-			v.serverSide && Ye("update:params", {
+			v.serverSide && Je("update:params", {
 				page: e,
 				perPage: t,
 				sortKey: n,
@@ -239,34 +234,34 @@ var be = [
 				search: i
 			});
 		});
-		let Z = d(() => new Set(L.value)), Q = d(() => Y.value.map((e, t) => tt(e, t))), $ = d(() => Q.value.length > 0 && Q.value.every((e) => Z.value.has(e))), ft = d(() => !$.value && Q.value.some((e) => Z.value.has(e))), pt = (e) => Z.value.has(e);
-		function mt(e) {
-			L.value = ae(L.value, e);
+		let X = f(() => new Set(I.value)), Z = f(() => J.value.map((e, t) => et(e, t))), Q = f(() => Z.value.length > 0 && Z.value.every((e) => X.value.has(e))), dt = f(() => !Q.value && Z.value.some((e) => X.value.has(e))), $ = (e) => X.value.has(e);
+		function ft(e) {
+			I.value = ae(I.value, e);
 		}
-		let ht = d(() => Q.value.length === 0 || v.loading);
-		function gt() {
-			if (ht.value) return;
-			let e = Q.value;
-			if ($.value) {
+		let pt = f(() => Z.value.length === 0 || v.loading);
+		function mt() {
+			if (pt.value) return;
+			let e = Z.value;
+			if (Q.value) {
 				let t = new Set(e);
-				L.value = L.value.filter((e) => !t.has(e));
+				I.value = I.value.filter((e) => !t.has(e));
 			} else {
-				let t = Z.value;
-				L.value = [...L.value, ...e.filter((e) => !t.has(e))];
+				let t = X.value;
+				I.value = [...I.value, ...e.filter((e) => !t.has(e))];
 			}
 		}
-		function _t(e, t) {
-			let n = (G.value ? (J.value - 1) * (I.value ?? 0) : 0) + t;
+		function ht(e, t) {
+			let n = (W.value ? (q.value - 1) * (F.value ?? 0) : 0) + t;
 			return v.selectRowLabel?.(e, n) ?? y.value.dataTable.selectRow(n + 1);
 		}
-		O(I, () => {
-			F.value = 1;
+		O(F, () => {
+			P.value = 1;
 		});
-		let vt = d(() => v.columns.length + +!!v.selectable), yt = d(() => {
-			let e = L.value.length;
+		let gt = f(() => v.columns.length + +!!v.selectable), _t = f(() => {
+			let e = I.value.length;
 			return e === 0 ? "" : v.selectionText ? v.selectionText(e) : y.value.dataTable.selection(e);
-		}), bt = d(() => {
-			let e = I.value ?? 0, t = K.value, n = t === 0 ? 0 : (J.value - 1) * e + 1, r = Math.min(J.value * e, t);
+		}), vt = f(() => {
+			let e = F.value ?? 0, t = G.value, n = t === 0 ? 0 : (q.value - 1) * e + 1, r = Math.min(q.value * e, t);
 			return v.rangeText?.({
 				start: n,
 				end: r,
@@ -276,37 +271,36 @@ var be = [
 				end: r,
 				total: t
 			});
-		}), xt = d(() => v.height === void 0 ? void 0 : { blockSize: i(v.height) });
+		}), yt = f(() => v.height === void 0 ? void 0 : { blockSize: i(v.height) });
 		return (e, t) => (x(), m("div", {
-			class: he(["v-data-table", E(Xe)]),
-			style: ge([xt.value, E(Ze)]),
+			class: he(["v-data-table", E(Ye)]),
+			style: ge([yt.value, E(Xe)]),
 			"data-variant": c.variant,
-			"data-responsive": c.responsive,
 			"data-striped": c.striped ? "" : void 0,
 			"data-compact": c.compact ? "" : void 0,
 			"data-sticky-header": c.stickyHeader ? "" : void 0,
 			"data-selectable": c.selectable ? "" : void 0
 		}, [
 			c.title || e.$slots.title || c.searchable ? (x(), m("div", xe, [_(o, {
-				id: E(V),
+				id: E(B),
 				as: "div",
 				variant: "heading-4",
 				class: "v-data-table-title"
 			}, {
 				default: k(() => [w(e.$slots, "title", {}, () => [g(T(c.title), 1)])]),
 				_: 3
-			}, 8, ["id"]), c.searchable ? (x(), f(oe, {
+			}, 8, ["id"]), c.searchable ? (x(), me(oe, {
 				key: 0,
-				modelValue: R.value,
-				"onUpdate:modelValue": t[0] ||= (e) => R.value = e,
+				modelValue: L.value,
+				"onUpdate:modelValue": t[0] ||= (e) => L.value = e,
 				class: "v-data-table-search",
 				type: "search",
 				size: "sm",
 				compact: c.compact,
 				"icon-start": E(pe),
 				clearable: "",
-				placeholder: qe.value,
-				"aria-label": Je.value
+				placeholder: Ge.value,
+				"aria-label": Ke.value
 			}, null, 8, [
 				"modelValue",
 				"compact",
@@ -316,63 +310,62 @@ var be = [
 			])) : p("", !0)])) : p("", !0),
 			h("div", Se, [h("table", b({
 				ref_key: "tableEl",
-				ref: B,
+				ref: z,
 				class: "v-data-table-table",
-				"aria-labelledby": et.value
-			}, E(Qe)), [
+				"aria-labelledby": $e.value
+			}, E(Ze)), [
 				c.caption ? (x(), m("caption", we, T(c.caption), 1)) : p("", !0),
 				h("thead", Te, [h("tr", null, [c.selectable ? (x(), m("th", Ee, [_(s, {
-					"model-value": $.value,
-					indeterminate: ft.value,
-					disabled: ht.value,
-					"aria-label": N.value,
-					"onUpdate:modelValue": gt
+					"model-value": Q.value,
+					indeterminate: dt.value,
+					disabled: pt.value,
+					"aria-label": qe.value,
+					"onUpdate:modelValue": mt
 				}, null, 8, [
 					"model-value",
 					"indeterminate",
 					"disabled",
 					"aria-label"
-				]), h("span", De, T(N.value), 1)])) : p("", !0), (x(!0), m(u, null, C(c.columns, (t) => (x(), m("th", {
+				])])) : p("", !0), (x(!0), m(d, null, C(c.columns, (t) => (x(), m("th", {
 					key: t.key,
 					scope: "col",
 					"data-align": t.align,
-					"aria-sort": st(t)
+					"aria-sort": ot(t)
 				}, [t.sortable ? (x(), m("button", {
 					key: 0,
 					type: "button",
 					class: "v-data-table-sort",
-					"data-direction": P.value?.key === t.key ? P.value.direction : void 0,
-					onClick: (e) => ot(t.key)
-				}, [w(e.$slots, `head-${t.key}`, { column: t }, () => [g(T(t.label), 1)]), _(a, b({ class: "v-data-table-sort-icon" }, { ref_for: !0 }, E(r)(ct(t))), null, 16)], 8, ke)) : p("", !0), t.sortable ? (x(), m("span", Ae, T(t.label), 1)) : w(e.$slots, `head-${t.key}`, { column: t }, () => [g(T(t.label), 1)], void 0, 2)], 8, Oe))), 128))])]),
-				h("tbody", null, [c.loading ? (x(), m("tr", je, [h("td", {
-					colspan: vt.value,
+					"data-direction": N.value?.key === t.key ? N.value.direction : void 0,
+					onClick: (e) => at(t.key)
+				}, [w(e.$slots, `head-${t.key}`, { column: t }, () => [g(T(t.label), 1)]), _(a, b({ class: "v-data-table-sort-icon" }, { ref_for: !0 }, E(r)(st(t))), null, 16)], 8, Oe)) : w(e.$slots, `head-${t.key}`, { column: t }, () => [g(T(t.label), 1)], void 0, 1)], 8, De))), 128))])]),
+				h("tbody", null, [c.loading ? (x(), m("tr", ke, [h("td", {
+					colspan: gt.value,
 					class: "v-data-table-state"
-				}, [w(e.$slots, "loading", {}, () => [h("span", Ne, [_(ee, { label: j.value }, null, 8, ["label"]), h("span", Pe, T(j.value), 1)])])], 8, Me)])) : Y.value.length === 0 ? (x(), m("tr", Fe, [h("td", {
-					colspan: vt.value,
+				}, [w(e.$slots, "loading", {}, () => [h("span", je, [_(ee, { label: j.value }, null, 8, ["label"]), h("span", Me, T(j.value), 1)])])], 8, Ae)])) : J.value.length === 0 ? (x(), m("tr", Ne, [h("td", {
+					colspan: gt.value,
 					class: "v-data-table-state"
-				}, [w(e.$slots, "empty", { search: dt.value }, () => [g(T(Ke.value), 1)])], 8, Ie)])) : (x(!0), m(u, { key: 2 }, C(Y.value, (t, n) => (x(), m("tr", {
-					key: Q.value[n],
-					"data-selected": c.selectable && pt(Q.value[n]) ? "" : void 0
-				}, [c.selectable ? (x(), m("td", Re, [_(s, {
-					"model-value": pt(Q.value[n]),
-					"aria-label": _t(t, n),
-					"onUpdate:modelValue": (e) => mt(Q.value[n])
+				}, [w(e.$slots, "empty", { search: ut.value }, () => [g(T(We.value), 1)])], 8, Pe)])) : (x(!0), m(d, { key: 2 }, C(J.value, (t, n) => (x(), m("tr", {
+					key: Z.value[n],
+					"data-selected": c.selectable && $(Z.value[n]) ? "" : void 0
+				}, [c.selectable ? (x(), m("td", Ie, [_(s, {
+					"model-value": $(Z.value[n]),
+					"aria-label": ht(t, n),
+					"onUpdate:modelValue": (e) => ft(Z.value[n])
 				}, null, 8, [
 					"model-value",
 					"aria-label",
 					"onUpdate:modelValue"
-				])])) : p("", !0), (x(!0), m(u, null, C(c.columns, (n) => (x(), m("td", {
+				])])) : p("", !0), (x(!0), m(d, null, C(c.columns, (n) => (x(), m("td", {
 					key: n.key,
-					"data-label": n.label,
 					"data-align": n.align
 				}, [w(e.$slots, `cell-${n.key}`, {
 					row: t,
 					value: t[n.key],
 					column: n
-				}, () => [g(T(t[n.key]), 1)])], 8, ze))), 128))], 8, Le))), 128))])
+				}, () => [g(T(t[n.key]), 1)])], 8, Le))), 128))], 8, Fe))), 128))])
 			], 16, Ce)]),
-			G.value || c.selectable ? (x(), m("div", Be, [c.selectable ? (x(), m("span", Ve, T(yt.value), 1)) : p("", !0), G.value ? (x(), m("div", He, [
-				c.perPageOptions?.length ? (x(), m("div", Ue, [h("span", We, T(M.value), 1), _(ce, {
+			W.value || c.selectable ? (x(), m("div", Re, [c.selectable ? (x(), m("span", ze, T(_t.value), 1)) : p("", !0), W.value ? (x(), m("div", Be, [
+				c.perPageOptions?.length ? (x(), m("div", Ve, [h("span", He, T(M.value), 1), _(ce, {
 					size: "sm",
 					compact: c.compact,
 					placement: "top-end",
@@ -383,15 +376,15 @@ var be = [
 						tone: "neutral",
 						size: "sm",
 						compact: c.compact
-					}, e, { "aria-label": E(y).dataTable.perPageValue(M.value, I.value ?? 0) }), {
-						default: k(() => [g(T(I.value) + " ", 1), _(a, { name: E(fe) }, null, 8, ["name"])]),
+					}, e, { "aria-label": E(y).dataTable.perPageValue(M.value, F.value ?? 0) }), {
+						default: k(() => [g(T(F.value) + " ", 1), _(a, { name: E(fe) }, null, 8, ["name"])]),
 						_: 1
 					}, 16, ["compact", "aria-label"])]),
-					default: k(() => [(x(!0), m(u, null, C(c.perPageOptions, (e) => (x(), f(le, {
+					default: k(() => [(x(!0), m(d, null, C(c.perPageOptions, (e) => (x(), me(le, {
 						key: e,
 						label: String(e),
-						selected: e === I.value,
-						onSelect: (t) => I.value = e
+						selected: e === F.value,
+						onSelect: (t) => F.value = e
 					}, null, 8, [
 						"label",
 						"selected",
@@ -399,16 +392,16 @@ var be = [
 					]))), 128))]),
 					_: 1
 				}, 8, ["compact"])])) : p("", !0),
-				c.showRange ? (x(), m("span", Ge, T(bt.value), 1)) : p("", !0),
+				c.showRange ? (x(), m("span", Ue, T(vt.value), 1)) : p("", !0),
 				_(re, {
-					modelValue: F.value,
-					"onUpdate:modelValue": t[1] ||= (e) => F.value = e,
+					modelValue: P.value,
+					"onUpdate:modelValue": t[1] ||= (e) => P.value = e,
 					label: E(y).dataTable.pagination,
-					length: q.value,
+					length: K.value,
 					size: "sm",
 					compact: c.compact,
 					align: "end",
-					"total-visible": 1,
+					"total-visible": 0,
 					"edge-controls": "",
 					detached: ""
 				}, null, 8, [