@webitel/ui-sdk 26.6.34 → 26.6.35

package/dist/wt-tree-table-MLET4gIv.js

@@ -0,0 +1,221 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as t, t as n } from "./wt-icon-btn-CjjI4cgE.js";
+import { n as r } from "./sortQueryAdapters-CyYXvnDN.js";
+import { t as i } from "./useWtTable-tqmVOvve.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
+var O = { class: "wt-tree-table-td__content" }, k = {
+	key: 0,
+	class: "wt-tree-table-td__icon-wrapper"
+}, A = {
+	key: 0,
+	class: "wt-tree-table-td__actions typo-body-1"
+}, j = { class: "wt-tree-table-td__content" }, M = /*#__PURE__*/ e(/* @__PURE__ */ m({
+	__name: "wt-tree-table-row",
+	props: {
+		data: {},
+		rowPosition: {},
+		childrenProp: {},
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		selectedElements: {},
+		dataHeaders: {},
+		gridActions: {
+			type: Boolean,
+			default: !0
+		},
+		nestingLevel: { default: 0 },
+		searchedProp: { default: "searched" }
+	},
+	emits: ["update:selected", "expanded-collapse"],
+	setup(e, { emit: r }) {
+		let i = e, p = r, m = y(!0), g = o(() => i.nestingLevel), w = o(() => i.nestingLevel + 1), T = o(() => i.selectedElements.includes(i.data)), D = () => {
+			m.value = !1, p("expanded-collapse");
+		}, M = (e, t = 0) => {
+			if (e[i.searchedProp] && t) return !0;
+			if (Array.isArray(e[i.childrenProp])) {
+				for (let n of e[i.childrenProp]) if (M(n, t + 1)) return !0;
+			}
+			return !1;
+		};
+		return _(() => {
+			i.searchedProp && M(i.data) && D();
+		}), (r, 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,
+				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", {
+					key: e,
+					class: "wt-tree-table-row__tree-space"
+				}))), 128)),
+				e.selectable ? (v(), s(t, {
+					key: 0,
+					selected: T.value,
+					"onUpdate:selected": i[0] ||= (t) => r.$emit("update:selected", {
+						data: e.data,
+						select: t
+					})
+				}, null, 8, ["selected"])) : c("", !0),
+				e.data[e.childrenProp] ? (v(), s(n, {
+					key: 1,
+					icon: m.value ? "tree-expand" : "tree-collapse",
+					onClick: i[1] ||= (e) => m.value = !m.value
+				}, null, 8, ["icon"])) : c("", !0)
+			])), x(r.$slots, o.value, {
+				index: e.rowPosition,
+				item: e.data
+			}, () => [f(C(e.data[o.value]), 1)], !0)])]))), 128)), e.gridActions ? (v(), l("td", A, [u("div", j, [x(r.$slots, "actions", {
+				index: e.rowPosition,
+				item: e.data
+			}, void 0, !0)])])) : c("", !0)], 2), m.value ? c("", !0) : (v(!0), l(a, { key: 0 }, b(e.data[e.childrenProp], (t, n) => (v(), s(o, {
+				key: n,
+				"children-prop": e.childrenProp,
+				data: t,
+				"data-headers": e.dataHeaders,
+				"nesting-level": w.value,
+				"row-position": e.rowPosition,
+				"searched-prop": e.searchedProp,
+				selectable: e.selectable,
+				"selected-elements": e.selectedElements,
+				onExpandedCollapse: D,
+				"onUpdate:selected": i[2] ||= (e) => r.$emit("update:selected", {
+					data: e.data,
+					select: e.select
+				})
+			}, d({
+				actions: E(({ item: t }) => [x(r.$slots, "actions", {
+					index: e.rowPosition,
+					item: t
+				}, void 0, !0)]),
+				_: 2
+			}, [b(e.dataHeaders, (t, n) => ({
+				name: t.value,
+				fn: E(({ item: n }) => [x(r.$slots, t.value, {
+					index: e.rowPosition,
+					item: n
+				}, () => [u("div", null, C(n[t.value]), 1)], !0)])
+			}))]), 1032, [
+				"children-prop",
+				"data",
+				"data-headers",
+				"nesting-level",
+				"row-position",
+				"searched-prop",
+				"selectable",
+				"selected-elements"
+			]))), 128))], 64);
+		};
+	}
+}), [["__scopeId", "data-v-8381ad70"]]), 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({
+	__name: "wt-tree-table",
+	props: {
+		headers: {},
+		data: {},
+		sortable: {
+			type: Boolean,
+			default: !1
+		},
+		selectable: {
+			type: Boolean,
+			default: !0
+		},
+		selected: {},
+		gridActions: {
+			type: Boolean,
+			default: !0
+		},
+		childrenProp: {},
+		searchedProp: { default: "searched" }
+	},
+	emits: ["sort", "update:selected"],
+	setup(e, { emit: n }) {
+		let m = e, _ = n, y = (e) => e[m.childrenProp] && Array.isArray(e[m.childrenProp]), O = (e) => {
+			let t = [], n = (e) => {
+				if (e._isSelected) return [e];
+				y(e) && e[m.childrenProp].forEach(n);
+			};
+			return e.forEach(n), t;
+		}, k = (e) => {
+			let t = [], n = (e) => {
+				t.push(e), y(e) && e[m.childrenProp].forEach(n);
+			};
+			return e.forEach(n), t;
+		}, A = o(() => m.selected || O(m.data)), j = o(() => A.value.length === k(m.data).length && k(m.data).length > 0), { tableHeaders: H } = i({ headers: w(m, "headers") }), U = ({ sort: e }) => m.sortable && e !== void 0, W = (e) => {
+			U(e) && _("sort", e, r(e.sort));
+		}, G = (e, t) => {
+			e.forEach((e) => {
+				e._isSelected = t, y(e) && G(e[m.childrenProp], t);
+			});
+		}, K = () => {
+			m.selected ? _("update:selected", j.value ? [] : [...k(m.data)]) : j.value ? G(m.data, !1) : G(m.data, !0);
+		}, q = (e, t) => {
+			m.selected ? t ? _("update:selected", [...A.value, e]) : _("update:selected", A.value.filter((t) => t !== e)) : e._isSelected = !e._isSelected;
+		};
+		return (n, r) => {
+			let i = S("wt-icon");
+			return v(), l("div", N, [u("table", P, [u("thead", F, [u("tr", I, [(v(!0), l(a, null, b(T(H), (n, a) => (v(), l("th", {
+				key: String(a) + n?.sort,
+				class: h([[{ "wt-tree-table-th--sortable": U(n) }, `wt-tree-table-th--sort-${n.sort}`], "wt-tree-table-th typo-body-1"]),
+				style: g(n.width ? `min-width:${n.width}` : ""),
+				onClick: (e) => W(n, a)
+			}, [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,
+					onClick: r[0] ||= D(() => {}, ["stop"])
+				}, [p(t, {
+					selected: j.value,
+					"onUpdate:selected": K
+				}, null, 8, ["selected"])])) : c("", !0),
+				u("div", R, C(n.text), 1),
+				e.sortable ? (v(), s(i, {
+					key: 1,
+					class: "wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--asc",
+					icon: "sort-arrow-up",
+					size: "sm"
+				})) : c("", !0),
+				e.sortable ? (v(), s(i, {
+					key: 2,
+					class: "wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--desc",
+					icon: "sort-arrow-down",
+					size: "sm"
+				})) : c("", !0)
+			], 2)], 14, L))), 128)), e.gridActions ? (v(), l("th", z, [u("div", B, [x(n.$slots, "actions-header", {}, void 0, !0)])])) : c("", !0)])]), u("tbody", V, [(v(!0), l(a, null, b(e.data, (t, i) => (v(), s(M, {
+				key: i,
+				"row-position": i,
+				"data-headers": T(H),
+				data: t,
+				selectable: e.selectable,
+				"children-prop": e.childrenProp,
+				"selected-elements": A.value,
+				"searched-prop": e.searchedProp,
+				"onUpdate:selected": r[1] ||= (e) => q(e.data, e.select)
+			}, d({
+				actions: E(({ item: e }) => [x(n.$slots, "actions", { item: e }, void 0, !0)]),
+				_: 2
+			}, [b(T(H), (e, t) => ({
+				name: e.value,
+				fn: E(({ item: t }) => [x(n.$slots, e.value, {
+					index: i,
+					item: t
+				}, () => [f(C(t[e.value]), 1)], !0)])
+			}))]), 1032, [
+				"row-position",
+				"data-headers",
+				"data",
+				"selectable",
+				"children-prop",
+				"selected-elements",
+				"searched-prop"
+			]))), 128))])])]);
+		};
+	}
+}), [["__scopeId", "data-v-69c5594f"]]);
+//#endregion
+export { H as default };

package/dist/wt-type-extension-value-input-fnNxJLsq.js

@@ -0,0 +1,104 @@
+import { a as e, o as t, r as n, s as r } from "./components-B4aAS7wB.js";
+import { t as i } from "./enums-pbYAJNeb.js";
+import { t as a } from "./vue-i18n-B8Px6VcD.js";
+import { t as o } from "./clients-A6MHYfOX.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";
+//#endregion
+//#region src/components/on-demand/wt-type-extension-value-input/wt-type-extension-value-input.vue
+var y = /* @__PURE__ */ d({
+	__name: "wt-type-extension-value-input",
+	props: /*@__PURE__*/ f({
+		field: {},
+		label: {},
+		required: { type: Boolean },
+		v: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(d) {
+		let f = v(d, "modelValue"), y = d;
+		y.v?.$touch();
+		let { t: b } = a(), x = s(() => y.label || b(y.field?.name || "vocabulary.labels")), S = s(() => y.required ?? y.field.required), C = s(() => f.value), w = s(() => ({
+			label: x.value,
+			required: S.value,
+			v: y.v
+		})), T = s(() => ({
+			clearable: !0,
+			dataKey: "id",
+			searchMethod: () => O(y.field.lookup)
+		})), E = s(() => ({ ...T.value })), D = (e) => {
+			f.value = e;
+		}, O = ({ path: e, display: t, primary: n }) => (r) => o.getSysTypeRecordsLookup({
+			...r,
+			path: e,
+			display: t,
+			primary: n
+		}), k = (e) => {
+			if (Object.values(e).length === 0) return D(null);
+			D({
+				id: e.id,
+				name: e.name
+			});
+		}, A = (e) => {
+			D(e.map((e) => ({
+				id: e.id,
+				name: e.name
+			})));
+		};
+		return (a, o) => {
+			let s = g("wt-input-text"), f = g("wt-input-number");
+			return d.field.kind === _(i).Text ? (m(), c(s, p({ key: 0 }, w.value, {
+				"model-value": C.value,
+				"onUpdate:modelValue": D
+			}), null, 16, ["model-value"])) : d.field.kind === _(i).Number ? (m(), c(f, p({ key: 1 }, w.value, {
+				"model-value": C.value,
+				"onUpdate:modelValue": D
+			}), null, 16, ["model-value"])) : d.field.kind === _(i).Boolean ? h(a.$slots, _(i).Boolean, {
+				key: 2,
+				defaultProps: { ...w.value }
+			}, () => [u(_(e), p(w.value, {
+				"model-value": C.value,
+				"onUpdate:modelValue": D
+			}), null, 16, ["model-value"])]) : d.field.kind === _(i).Select ? h(a.$slots, _(i).Select, {
+				key: 3,
+				defaultProps: {
+					...w.value,
+					...T.value,
+					value: C.value
+				}
+			}, () => [u(_(t), p(w.value, {
+				"model-value": C.value,
+				"search-method": O(d.field.lookup),
+				"data-key": "id",
+				"onUpdate:modelValue": k
+			}), null, 16, ["model-value", "search-method"])]) : d.field.kind === _(i).Multiselect ? h(a.$slots, _(i).Multiselect, {
+				key: 4,
+				defaultProps: {
+					...w.value,
+					...E.value,
+					value: C.value
+				}
+			}, () => [u(_(r), p({
+				...w.value,
+				...E.value
+			}, {
+				"model-value": C.value,
+				"onUpdate:modelValue": A
+			}), null, 16, ["model-value"])]) : d.field.kind === _(i).Calendar ? h(a.$slots, _(i).Calendar, {
+				key: 5,
+				defaultProps: {
+					...w.value,
+					value: C.value
+				}
+			}, () => [u(_(n), p(w.value, {
+				value: C.value,
+				mode: "datetime",
+				onInput: D
+			}), null, 16, ["value"])]) : l("", !0);
+		};
+	}
+});
+//#endregion
+export { y as default };