@webitel/ui-sdk 26.8.21 → 26.8.22

package/dist/wt-start-page-BFQExFUj.js

@@ -0,0 +1,73 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./vue-router-Dwey8MMv.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, provide as f, renderList as p, resolveComponent as m, toDisplayString as h, withCtx as g } from "vue";
+//#region src/components/on-demand/wt-start-page/components/start-page-card.vue
+var _ = { class: "start-page-card" }, v = { class: "typo-heading-4 start-page-card__header" }, y = { class: "start-page-card__main-section" }, b = ["alt", "src"], x = { class: "typo-body-1 start-page-card__description" }, S = /*#__PURE__*/ e({
+	__name: "start-page-card",
+	props: { card: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let n = t(), r = e, u = () => n.push(r.card.route);
+		return (t, n) => {
+			let r = m("wt-icon"), f = m("wt-button");
+			return d(), o("article", _, [
+				s("header", v, [e.card.disabled ? (d(), i(r, {
+					key: 0,
+					icon: "lock"
+				})) : a("", !0), c(" " + h(e.card.name), 1)]),
+				s("section", y, [s("img", {
+					alt: e.card.name,
+					src: e.card.image
+				}, null, 8, b), s("p", x, h(e.card.text), 1)]),
+				s("footer", null, [l(f, {
+					disabled: e.card.disabled,
+					class: "start-page-card__button",
+					color: "secondary",
+					wide: "",
+					onClick: u
+				}, {
+					default: g(() => [c(h(t.$t("reusable.open")), 1)], void 0, !0),
+					_: 1
+				}, 8, ["disabled"])])
+			]);
+		};
+	}
+}, [["__scopeId", "data-v-e4560b27"]]), C = { class: "start-page-logo" }, w = ["src"], T = /*#__PURE__*/ e({
+	__name: "start-page-logo",
+	props: { logo: {
+		type: String,
+		required: !0
+	} },
+	setup(e) {
+		return (t, n) => (d(), o("div", C, [s("img", { src: e.logo }, null, 8, w)]));
+	}
+}, [["__scopeId", "data-v-187dc1b4"]]), E = { class: "wt-start-page" }, D = { class: "wt-start-page__wrapper" }, O = /*#__PURE__*/ e(/* @__PURE__ */ u({
+	__name: "wt-start-page",
+	props: {
+		nav: {},
+		appLogo: {},
+		darkMode: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		f("darkMode", t.darkMode);
+		let c = r(() => t.darkMode ? t.appLogo.dark : t.appLogo.light), l = r(() => t.nav.map((e) => ({
+			...e,
+			image: t.darkMode ? e.images.dark : e.images.light
+		})));
+		return (t, r) => (d(), o("div", E, [e.appLogo ? (d(), i(T, {
+			key: 0,
+			logo: c.value
+		}, null, 8, ["logo"])) : a("", !0), s("div", D, [(d(!0), o(n, null, p(l.value, (e) => (d(), i(S, {
+			key: e.value,
+			card: e
+		}, null, 8, ["card"]))), 128))])]));
+	}
+}), [["__scopeId", "data-v-85dd1b85"]]);
+//#endregion
+export { O as default };

package/dist/{wt-status-select-D1hAjCAS.js → wt-status-select-B-N9Fvz4.js}

@@ -56,8 +56,8 @@ var f = [
 				onClosed: S,
 				"onUpdate:modelValue": x
 			}, {
-				value: d(({ value: e }) => [o(r, {
-					color: v.value.color,
+				value: d(() => [o(r, {
+					color: v.value?.color,
 					text: b.value
 				}, null, 8, ["color", "text"])]),
 				option: d(({ option: e }) => [o(r, {

package/dist/{wt-table-DJ3yOWZV.js → wt-table-C4PZJ3rP.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
 import { n, t as r } from "./sortQueryAdapters-CyYXvnDN.js";
-import { t as i } from "./composables-C_OatTQJ.js";
+import { t as i } from "./composables-BtWSAI5D.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, resolveDirective as w, toDisplayString as T, useSlots as E, useTemplateRef as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
 //#region src/components/wt-table/wt-table.vue?vue&type=script&setup=true&lang.ts
 var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-table__td__actions" }, N = /*#__PURE__*/ e(/* @__PURE__ */ m({
@@ -145,42 +145,47 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 		"column-reorder"
 	],
 	setup(e, { emit: m }) {
-		let N = e, { t: P } = t(), F = E(), I = m, L = D("table"), R = b(0), z = b([]), { addTableDragListener: B, removeTableDragListener: V } = i(L, N.reorderableColumns), H = [
+		let N = e, { t: P } = t(), F = E(), I = m, L = ({ dragIndex: e, dropIndex: t }) => I("reorder:row", {
+			oldIndex: e,
+			newIndex: t
+		}), R = D("table"), z = b(0), B = b([]), { addTableDragListener: V, removeTableDragListener: H } = i(R, N.reorderableColumns), U = [
 			"row-select",
 			"row-reorder",
 			"row-actions",
 			"row-expander"
-		], U = o(() => N.selectable ? N.selected || N.data.filter((e) => e._isSelected) : []), W = o(() => N.headers.map((e) => !e.text && e.locale ? {
+		], W = o(() => N.selectable ? N.selected || N.data.filter((e) => e._isSelected) : []), G = o(() => N.headers.map((e) => !e.text && e.locale ? {
 			...e,
 			text: typeof e.locale == "string" ? P(e.locale) : P(...e.locale)
-		} : e)), G = (e) => e.show === !1, K = (e) => ({ minWidth: e.width || "140px" }), q = o(() => Object.keys(F).some((e) => e.includes("-footer"))), J = o(() => Object.keys(F).some((e) => e === "footer")), Y = o(() => U.value.length === N.data.length && N.data.length > 0), X = o(() => N.headers.find((e) => e.sort === r.ASC || e.sort === r.DESC)?.field ?? null), Z = ({ sortField: e }) => {
-			let t = W.value.find((t) => t.field === e);
-			if (!Q(t)) return;
+		} : e)), K = (e) => e.show === !1, q = (e) => ({ minWidth: e.width || "140px" }), J = o(() => Object.keys(F).some((e) => e.includes("-footer"))), Y = o(() => Object.keys(F).some((e) => e === "footer")), X = o(() => W.value.length === N.data.length && N.data.length > 0), Z = o(() => N.headers.find((e) => e.sort === r.ASC || e.sort === r.DESC)?.field ?? null), Q = ({ sortField: e }) => {
+			let t = G.value.find((t) => t.field === e);
+			if (!t || !$(t)) return;
 			let r = n(t.sort);
 			I("sort", t, r);
-		}, Q = ({ sort: e }) => N.sortable && e !== void 0, $ = () => {
-			N.selected ? Y.value ? I("update:selected", []) : I("update:selected", [...N.data]) : Y.value ? N.data.forEach((e) => {
+		}, $ = ({ sort: e }) => N.sortable && e !== void 0, ee = () => {
+			N.selected ? X.value ? I("update:selected", []) : I("update:selected", [...N.data]) : X.value ? N.data.forEach((e) => {
 				e._isSelected = !1;
 			}) : N.data.forEach((e) => {
 				e._isSelected = !0;
 			});
-		}, ee = (e, t) => {
-			N.selected ? t ? I("update:selected", [...U.value, e]) : I("update:selected", U.value.filter((t) => t !== e)) : e._isSelected = !e._isSelected;
-		}, te = ({ element: e }) => {
+		}, te = (e, t) => {
+			N.selected ? t ? I("update:selected", [...W.value, e]) : I("update:selected", W.value.filter((t) => t !== e)) : e._isSelected = !e._isSelected;
+		}, ne = ({ element: e }) => {
 			let t = e.getAttribute("data-column-field"), n = getComputedStyle(e), r = Number.parseFloat(n.paddingLeft), i = Number.parseFloat(n.paddingRight), a = e.offsetWidth - r - i;
 			I("column-resize", {
 				columnName: t,
 				columnWidth: `${a}px`
 			});
-		}, ne = () => {
-			let e = L.value.$el.querySelector(".p-datatable-table-container").scrollLeft, t = L.value.d_columnOrder.filter((e) => !H.includes(e));
-			R.value += 1, I("column-reorder", t), h(() => {
-				B(), L.value.$el.querySelector(".p-datatable-table-container").scrollLeft = e;
+		}, re = () => {
+			let e = R.value?.$el?.querySelector(".p-datatable-table-container")?.scrollLeft, t = R.value?.d_columnOrder.filter((e) => !U.includes(e));
+			z.value += 1, I("column-reorder", t), h(() => {
+				V();
+				let t = R.value?.$el?.querySelector(".p-datatable-table-container");
+				t && (t.scrollLeft = e);
 			});
-		}, re = (e) => z.value.some((t) => t?.id === e?.id), ie = (e) => {
-			let t = z.value.findIndex((t) => t.id === e.id);
-			t === -1 ? z.value.push(e) : z.value.splice(t, 1);
-		}, ae = o(() => {
+		}, ie = (e) => B.value.some((t) => t?.id === e?.id), ae = (e) => {
+			let t = B.value.findIndex((t) => t.id === e.id);
+			t === -1 ? B.value.push(e) : B.value.splice(t, 1);
+		}, oe = o(() => {
 			if (N.lazy) return {
 				lazy: N.lazy,
 				onLazyLoad: N.onLoading,
@@ -191,39 +196,36 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 			};
 		});
 		return _(() => {
-			B();
-		}), v(() => {
 			V();
+		}), v(() => {
+			H();
 		}), (t, n) => {
 			let r = C("wt-icon-btn"), i = C("p-column"), o = C("wt-icon"), m = C("wt-checkbox"), h = C("p-table"), _ = w("tooltip");
 			return y(), s(h, {
-				key: R.value,
+				key: z.value,
 				ref_key: "table",
-				ref: L,
-				"expanded-rows": z.value,
+				ref: R,
+				"expanded-rows": B.value,
 				"reorderable-columns": e.reorderableColumns,
 				"resizable-columns": e.resizableColumns,
 				"row-class": e.rowClass,
 				"row-style": e.rowStyle,
 				"show-headers": !e.headless,
 				value: e.data,
-				"sort-field": X.value,
+				"sort-field": Z.value,
 				"data-key": N.dataKey,
 				class: "wt-table",
 				"column-resize-mode": "expand",
 				lazy: "",
 				"scroll-height": "flex",
 				scrollable: "",
-				"virtual-scroller-options": ae.value,
+				"virtual-scroller-options": oe.value,
 				pt: { tableContainer: "wt-scrollbar" },
-				onSort: Z,
-				"onUpdate:expandedRows": n[0] ||= (e) => z.value = e,
-				onColumnResizeEnd: te,
-				onColumnReorder: ne,
-				onRowReorder: n[1] ||= ({ dragIndex: e, dropIndex: t }) => I("reorder:row", {
-					oldIndex: e,
-					newIndex: t
-				})
+				onSort: Q,
+				"onUpdate:expandedRows": n[0] ||= (e) => B.value = e,
+				onColumnResizeEnd: ne,
+				onColumnReorder: re,
+				onRowReorder: L
 			}, d({
 				expansion: O(({ data: e }) => [u("div", null, [S(t.$slots, "expansion", { item: e }, void 0, !0)])]),
 				default: O(() => [
@@ -236,8 +238,8 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 					}, {
 						body: O(({ data: e }) => [p(r, {
 							disabled: N.rowExpansionDisabled(e),
-							icon: re(e) ? "arrow-down" : "arrow-right",
-							onClick: A((t) => ie(e), ["stop"])
+							icon: ie(e) ? "arrow-down" : "arrow-right",
+							onClick: A((t) => ae(e), ["stop"])
 						}, null, 8, [
 							"disabled",
 							"icon",
@@ -270,23 +272,23 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 						"header-style": "width: 1%;"
 					}, {
 						header: O(() => [p(m, {
-							selected: Y.value,
-							"onUpdate:selected": $
+							selected: X.value,
+							"onUpdate:selected": ee
 						}, null, 8, ["selected"])]),
 						body: O(({ data: e }) => [e ? (y(), s(m, {
 							key: 0,
-							selected: U.value.includes(e),
-							"onUpdate:selected": (t) => ee(e, t)
+							selected: W.value.includes(e),
+							"onUpdate:selected": (t) => te(e, t)
 						}, null, 8, ["selected", "onUpdate:selected"])) : c("", !0)]),
 						_: 1
 					})) : c("", !0),
-					(y(!0), l(a, null, x(W.value, (e, n) => (y(), s(i, {
+					(y(!0), l(a, null, x(G.value, (e, n) => (y(), s(i, {
 						key: e.value,
 						"column-key": e.field,
 						field: e.field,
-						hidden: G(e),
+						hidden: K(e),
 						pt: { root: { "data-column-field": e.field } },
-						sortable: Q(e)
+						sortable: $(e)
 					}, d({
 						header: O(() => [S(t.$slots, `header-${e.value}`, {
 							index: n,
@@ -303,7 +305,7 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 							size: "sm"
 						})) : c("", !0)])], !0)]),
 						body: O(({ data: n, index: r }) => [u("div", {
-							style: g(K(e)),
+							style: g(q(e)),
 							class: "wt-table__td__content typo-body-1"
 						}, [n ? S(t.$slots, e.value, {
 							key: 0,
@@ -312,7 +314,7 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 						}, () => [f(T(n[e.value]), 1)], !0) : c("", !0)], 4)]),
 						sorticon: O(() => []),
 						_: 2
-					}, [q.value ? {
+					}, [J.value ? {
 						name: "footer",
 						fn: O(() => [S(t.$slots, `${e.value}-footer`, {}, void 0, !0)]),
 						key: "0"
@@ -340,7 +342,7 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 					}, 8, ["frozen"])) : c("", !0)
 				], void 0, !0),
 				_: 2
-			}, [J.value ? {
+			}, [Y.value ? {
 				name: "footer",
 				fn: O(() => [S(t.$slots, "footer", {}, void 0, !0)]),
 				key: "0"
@@ -358,6 +360,6 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-92454b8d"]]);
+}), [["__scopeId", "data-v-df474f48"]]);
 //#endregion
 export { N as default };

package/dist/{wt-table-column-select-CgEh5BAF.js → wt-table-column-select-D4c56HPB.js}

@@ -18,7 +18,7 @@ var T = /* @__PURE__ */ e(r(), 1), E = "data:image/svg+xml,%3csvg%20viewBox='0%2
 	setup(e, { emit: t }) {
 		let r = e, f = t, { t: k } = n(), A = p("darkMode"), j = g([]), M = g(""), N = g(!1);
 		function P({ text: e, locale: t }) {
-			return !e && t ? typeof t == "string" ? k(t) : k(...t) : e;
+			return !e && t ? typeof t == "string" ? k(t) : k(String(t[0]), ...t.slice(1)) : e;
 		}
 		let F = a(() => j.value.filter((e) => !r.staticHeaders.includes(e.value) && P(e)?.toLowerCase().includes(M.value?.toLowerCase())).sort((e, t) => P(e)?.localeCompare(P(t) ?? "") ?? 0));
 		function I() {
@@ -95,6 +95,6 @@ var T = /* @__PURE__ */ e(r(), 1), E = "data:image/svg+xml,%3csvg%20viewBox='0%2
 			}, 8, ["shown"])]);
 		};
 	}
-}), [["__scopeId", "data-v-1d316841"]]);
+}), [["__scopeId", "data-v-41e09484"]]);
 //#endregion
 export { k as default };

package/dist/{wt-time-input-u5Ay5_X5.js → wt-time-input-BEBrSugB.js}

@@ -21,8 +21,15 @@ var o = /* @__PURE__ */ t({
 			type: Boolean,
 			default: !1
 		},
-		v: { default: null },
-		regleValidation: { default: null },
+		v: {
+			type: [
+				Object,
+				null,
+				Boolean
+			],
+			default: null
+		},
+		regleValidation: {},
 		customValidators: { default: () => [] }
 	}, {
 		modelValue: {},

package/dist/{wt-timepicker-CB8HzUZw.js → wt-timepicker-CQ2TRigf.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t, r as n } from "./enums-De8CDKZ1.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.js";
-import { t as i } from "./useValidation-DgSm80YX.js";
+import { t as i } from "./useValidation-B4_82RZv.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toRefs as x, unref as S, withCtx as C } from "vue";
 //#region src/components/wt-timepicker/wt-timepicker.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/ e(/* @__PURE__ */ d({
@@ -27,8 +27,15 @@ var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/
 			type: Boolean,
 			default: !1
 		},
-		v: { default: null },
-		regleValidation: { default: null },
+		v: {
+			type: [
+				Object,
+				null,
+				Boolean
+			],
+			default: null
+		},
+		regleValidation: {},
 		customValidators: { default: () => [] }
 	},
 	emits: ["update:modelValue"],
@@ -144,6 +151,6 @@ var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/
 			], 2);
 		};
 	}
-}), [["__scopeId", "data-v-2e913c42"]]);
+}), [["__scopeId", "data-v-eec20219"]]);
 //#endregion
 export { D as default };

package/dist/{wt-toast-BbaZZWKt.js → wt-toast-Cb15-PN4.js}

@@ -49,7 +49,7 @@ var b = y(), x = {
 			error: t.ERROR,
 			contrast: t.CONTRAST,
 			secondary: t.SECONDARY
-		}, T = (e) => `fill: var(--p-toast-${x[e.severity]}-icon-color)`;
+		}, T = (e) => `fill: var(--p-toast-${e.severity ? x[e.severity] : ""}-icon-color)`;
 		return (t, l) => {
 			let _ = m("p-toast");
 			return p(), i(_, d(u(g(y))), {

package/dist/{wt-tree-DZ9ErOGj.js → wt-tree-CMIpbXBo.js}

@@ -990,21 +990,21 @@ var re = /* @__PURE__ */ t(((e, t) => {
 	},
 	emits: ["openParent", "update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = E(() => n.itemLabel ? n.data[n.itemLabel] : n.data), a = E(() => {
+		let n = e, r = t, i = E(() => n.data?.[n.childrenProp] ?? []), a = E(() => n.itemLabel ? n.data[n.itemLabel] : n.data), o = E(() => {
 			let e = n.nestedIcons ? [...n.nestedIcons] : [];
 			return n.nestedLevel === 0 || e.push({
 				icon: "tree-line",
 				hidden: !n.nextElement
 			}), e;
-		}), o = () => Array.isArray(n.modelValue) ? n.itemData ? n.modelValue.includes(n.data[n.itemData]) : !!n.modelValue.find((e) => (0, Q.default)(e, n.data)) : !1, c = E(() => n.multiple ? o() : n.itemData ? n.data[n.itemData] === n.modelValue : (0, Q.default)(n.modelValue, n.data)), l = E(() => n.multiple ? c.value : c.value || n.selectedParent), u = (e, t, r) => {
+		}), c = () => Array.isArray(n.modelValue) ? n.itemData ? n.modelValue.includes(n.data[n.itemData]) : !!n.modelValue.find((e) => (0, Q.default)(e, n.data)) : !1, l = E(() => n.multiple ? c() : n.itemData ? n.data[n.itemData] === n.modelValue : (0, Q.default)(n.modelValue, n.data)), u = E(() => n.multiple ? l.value : l.value || n.selectedParent), d = (e, t, r) => {
 			let i = n.itemData ? e[n.itemData] : e;
 			if (t) r.some((e) => (0, Q.default)(e, i)) || r.push(i);
 			else {
 				let e = r.findIndex((e) => (0, Q.default)(e, i));
 				e !== -1 && r.splice(e, 1);
 			}
-			if (e && Array.isArray(e[n.childrenProp]) && e[n.childrenProp].length) for (let i of e[n.childrenProp]) u(i, t, r);
-		}, d = (e, t, r) => {
+			if (e && Array.isArray(e[n.childrenProp]) && e[n.childrenProp].length) for (let i of e[n.childrenProp]) d(i, t, r);
+		}, f = (e, t, r) => {
 			let i = (t, a) => {
 				if (t === e) {
 					if (a) {
@@ -1019,10 +1019,10 @@ var re = /* @__PURE__ */ t(((e, t) => {
 				return !1;
 			};
 			i(t, null);
-		}, f = () => {
-			let e = c.value, t = [...n.modelValue];
-			u(n.data, !e, t), e && d(n.data, n.rootData, t), r("update:modelValue", t);
 		}, p = () => {
+			let e = l.value, t = [...n.modelValue];
+			d(n.data, !e, t), e && f(n.data, n.rootData, t), r("update:modelValue", t);
+		}, m = () => {
 			let e = n.itemData ? n.data[n.itemData] : n.data, t;
 			if (t = n.itemData ? n.modelValue.indexOf(n.data[n.itemData]) : n.modelValue.findIndex((e) => (0, Q.default)(e, n.data)), t === -1) {
 				let t = [...n.modelValue];
@@ -1031,49 +1031,49 @@ var re = /* @__PURE__ */ t(((e, t) => {
 			}
 			let i = [...n.modelValue];
 			i.splice(t, 1), r("update:modelValue", i);
-		}, m = () => {
+		}, h = () => {
 			if (n.multiple) {
-				n.data[n.childrenProp]?.length ? f() : p();
+				n.data[n.childrenProp]?.length ? p() : m();
 				return;
 			}
 			if (n.allowParent && !n.data[n.childrenProp]) return r("update:modelValue", n.itemData ? n.data[n.itemData] : n.data);
 			if (n.data[n.childrenProp]?.length) {
-				h.value = !h.value;
+				g.value = !g.value;
 				return;
 			}
 			r("update:modelValue", n.itemData ? n.data[n.itemData] : n.data);
-		}, h = z(!0), g = () => {
+		}, g = z(!0), _ = () => {
 			n.nestedLevel > 0 && r("openParent");
-		}, _ = () => {
-			h.value = !1, g();
-		}, v = (e, t = 0) => {
+		}, v = () => {
+			g.value = !1, _();
+		}, y = (e, t = 0) => {
 			if (e[n.searchedProp] && t) return !0;
 			if (Array.isArray(e[n.childrenProp])) {
-				for (let r of e[n.childrenProp]) if (v(r, t + 1)) return !0;
+				for (let r of e[n.childrenProp]) if (y(r, t + 1)) return !0;
 			}
 			return !1;
 		};
 		return L(() => {
-			c.value && g(), n.searchedProp && n.data[n.searchedProp] && g();
+			l.value && _(), n.searchedProp && n.data[n.searchedProp] && _();
 		}), te(() => n.modelValue, () => {
-			c.value && g();
-		}), (t, o) => {
-			let u = H("wt-icon"), d = H("wt-icon-btn"), f = H("wt-tree-line", !0);
+			l.value && _();
+		}), (t, c) => {
+			let d = H("wt-icon"), f = H("wt-icon-btn"), p = H("wt-tree-line", !0);
 			return R(), k(T, null, [A("div", Xe, [
 				A("div", Ze, [
-					(R(!0), k(T, null, B(e.nestedIcons, (e, t) => (R(), D(u, {
+					(R(!0), k(T, null, B(e.nestedIcons, (e, t) => (R(), D(d, {
 						key: t,
 						icon: e.icon,
 						class: F({ hidden: e.hidden })
 					}, null, 8, ["icon", "class"]))), 128)),
-					e.nestedLevel >= 1 ? (R(), D(u, {
+					e.nestedLevel >= 1 ? (R(), D(d, {
 						key: 0,
 						icon: e.lastChild ? "tree-corner" : "tree-cross"
 					}, null, 8, ["icon"])) : O("", !0),
-					e.data[e.childrenProp] && e.data[e.childrenProp].length ? (R(), D(d, {
+					i.value.length ? (R(), D(f, {
 						key: 1,
-						icon: h.value ? "plus" : "minus",
-						onClick: o[0] ||= (e) => h.value = !h.value
+						icon: g.value ? "plus" : "minus",
+						onClick: c[0] ||= (e) => g.value = !g.value
 					}, null, 8, ["icon"])) : O("", !0)
 				]),
 				V(t.$slots, "item-prefix", {
@@ -1081,38 +1081,38 @@ var re = /* @__PURE__ */ t(((e, t) => {
 					data: e.data,
 					rootData: e.rootData || e.data,
 					nestedLevel: e.nestedLevel,
-					active: l.value,
-					hasChildren: !!(e.data[e.childrenProp] && e.data[e.childrenProp].length),
+					active: u.value,
+					hasChildren: !!i.value.length,
 					selectedParent: e.selectedParent
 				}, void 0, !0),
 				A("div", {
 					class: F([{
-						active: l.value,
+						active: u.value,
 						searched: n.data[n.searchedProp]
 					}, "wt-tree-line__label-wrapper"]),
-					onClick: m
-				}, [A("p", Qe, U(i.value), 1), l.value ? (R(), D(u, {
+					onClick: h
+				}, [A("p", Qe, U(a.value), 1), u.value ? (R(), D(d, {
 					key: 0,
 					icon: "chat-message-status-sent"
 				})) : O("", !0)], 2)
 			]), ne(M(s, null, {
-				default: G(() => [A("div", null, [(R(!0), k(T, null, B(e.data[e.childrenProp], (n, i) => (R(), D(f, {
-					key: i,
+				default: G(() => [A("div", null, [(R(!0), k(T, null, B(i.value, (n, a) => (R(), D(p, {
+					key: a,
 					"model-value": e.modelValue,
 					data: n,
 					"children-prop": e.childrenProp,
 					"item-label": e.itemLabel,
 					"item-data": e.itemData,
 					"nested-level": e.nestedLevel + 1,
-					"selected-parent": c.value || e.selectedParent,
-					"next-element": !!e.data[e.childrenProp][i + 1],
-					"nested-icons": a.value,
-					"last-child": i === e.data[e.childrenProp].length - 1,
+					"selected-parent": l.value || e.selectedParent,
+					"next-element": !!i.value[a + 1],
+					"nested-icons": o.value,
+					"last-child": a === i.value.length - 1,
 					multiple: e.multiple,
 					"allow-parent": e.allowParent,
 					"root-data": e.rootData || e.data,
-					onOpenParent: _,
-					"onUpdate:modelValue": o[1] ||= (e) => r("update:modelValue", e)
+					onOpenParent: v,
+					"onUpdate:modelValue": c[1] ||= (e) => r("update:modelValue", e)
 				}, j({ _: 2 }, [t.$slots["item-prefix"] ? {
 					name: "item-prefix",
 					fn: G((e) => [V(t.$slots, "item-prefix", I(P(e)), void 0, !0)]),
@@ -1133,10 +1133,10 @@ var re = /* @__PURE__ */ t(((e, t) => {
 					"root-data"
 				]))), 128))])], void 0, !0),
 				_: 3
-			}, 512), [[ee, !h.value]])], 64);
+			}, 512), [[ee, !g.value]])], 64);
 		};
 	}
-}), [["__scopeId", "data-v-ced3d83b"]]), $ = {
+}), [["__scopeId", "data-v-2cbefb40"]]), $ = {
 	Tree: "tree",
 	List: "list"
 }, et = { class: "wt-tree" }, tt = {
@@ -1211,6 +1211,6 @@ var re = /* @__PURE__ */ t(((e, t) => {
 			})) : O("", !0)], 2))), 128))])) : O("", !0)]);
 		};
 	}
-}), [["__scopeId", "data-v-f86ae40a"]]);
+}), [["__scopeId", "data-v-d31aeefd"]]);
 //#endregion
 export { it as default };

package/dist/{wt-tree-table-C0ZIJXcv.js → wt-tree-table-CVvWMduu.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as t } from "./sortQueryAdapters-CyYXvnDN.js";
-import { n, t as r } from "./wt-icon-btn-BJl5VlM9.js";
+import { n, t as r } from "./wt-icon-btn-hAWVJdNG.js";
 import { t as i } from "./useWtTable-DLWucXPx.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveComponent as S, toDisplayString as C, toRef as w, unref as T, withCtx as E, withModifiers as D } from "vue";
 //#region src/components/wt-tree-table-row/wt-tree-table-row.vue?vue&type=script&setup=true&lang.ts
@@ -45,7 +45,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 		}), (t, i) => {
 			let o = S("wt-tree-table-row", !0);
 			return v(), l(a, null, [u("tr", { class: h([[{ "wt-tree-table-row--alternate": e.rowPosition % 2 }], "wt-tree-table-row"]) }, [(v(!0), l(a, null, b(e.dataHeaders, (o, d) => (v(), l("td", {
-				key: d,
+				key: o.value,
 				class: "wt-tree-table-td typo-body-1"
 			}, [u("div", O, [d ? c("", !0) : (v(), l("div", k, [
 				(v(!0), l(a, null, b(g.value, (e) => (v(), l("div", {
@@ -92,7 +92,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 					item: n
 				}, void 0, !0)]),
 				_: 2
-			}, [b(e.dataHeaders, (n, r) => ({
+			}, [b(e.dataHeaders, (n) => ({
 				name: n.value,
 				fn: E(({ item: r }) => [x(t.$slots, n.value, {
 					index: e.rowPosition,
@@ -110,7 +110,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 			]))), 128))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-51ab1948"]]), N = { class: "wt-tree-table wt-scrollbar" }, P = { class: "wt-tree-table-wrapper" }, F = { class: "wt-tree-table-head" }, I = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, L = ["onClick"], R = { class: "wt-tree-table-th__text" }, z = {
+}), [["__scopeId", "data-v-5c9f2eb6"]]), N = { class: "wt-tree-table wt-scrollbar" }, P = { class: "wt-tree-table-wrapper" }, F = { class: "wt-tree-table-head" }, I = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, L = ["onClick"], R = { class: "wt-tree-table-th__text" }, z = {
 	key: 0,
 	class: "wt-tree-table-th__actions"
 }, B = { class: "wt-tree-table-th__content" }, V = { class: "wt-tree-table-body" }, H = /*#__PURE__*/ e(/* @__PURE__ */ m({
@@ -166,7 +166,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 				key: String(a) + t?.sort,
 				class: h([[{ "wt-tree-table-th--sortable": U(t) }, `wt-tree-table-th--sort-${t.sort}`], "wt-tree-table-th typo-body-1"]),
 				style: g(t.width ? `min-width:${t.width}` : ""),
-				onClick: (e) => W(t, a)
+				onClick: (e) => W(t)
 			}, [u("div", { class: h(["wt-tree-table-th__content", { "wt-tree-table-th__content--selectable": a === 0 && e.selectable }]) }, [
 				a === 0 && e.selectable ? (v(), l("div", {
 					key: 0,
@@ -201,7 +201,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 			}, d({
 				actions: E(({ item: e }) => [x(t.$slots, "actions", { item: e }, void 0, !0)]),
 				_: 2
-			}, [b(T(H), (e, n) => ({
+			}, [b(T(H), (e) => ({
 				name: e.value,
 				fn: E(({ item: n }) => [x(t.$slots, e.value, {
 					index: i,
@@ -218,6 +218,6 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 			]))), 128))])])]);
 		};
 	}
-}), [["__scopeId", "data-v-3b7387eb"]]);
+}), [["__scopeId", "data-v-cf6adafa"]]);
 //#endregion
 export { H as default };