@webitel/ui-sdk 26.6.34 → 26.6.36

package/dist/wt-stepper-B6zpd1Uh.js

@@ -0,0 +1,41 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, resolveComponent as f, toDisplayString as p, withCtx as m } from "vue";
+//#region src/components/wt-stepper/wt-stepper.vue
+var h = { class: "wt-stepper" }, g = { class: "wt-stepper-header" }, _ = { class: "wt-stepper-steps" }, v = { class: "wt-stepper-steps__wrapper" }, y = { class: "wt-stepper-description" }, b = /*#__PURE__*/ e({
+	__name: "wt-stepper",
+	props: {
+		steps: {
+			type: Array,
+			required: !0
+		},
+		activeStep: {
+			type: Number,
+			default: 1
+		}
+	},
+	setup(e) {
+		let b = e, x = n(() => b.steps[b.activeStep - 1].description), S = n(() => b.steps.map((e, t) => ({
+			...e,
+			completed: b.activeStep > t
+		})));
+		return (e, n) => {
+			let b = f("wt-chip");
+			return l(), i("div", h, [
+				a("div", g, [a("div", _, [(l(!0), i(t, null, u(S.value, ({ name: e, completed: t }, n) => (l(), i("div", v, [n === 0 ? r("", !0) : (l(), i("div", {
+					key: 0,
+					class: c([{ "wt-stepper-steps__divider--completed": t }, "wt-stepper-steps__divider"])
+				}, null, 2)), s(b, {
+					color: t ? "primary" : "secondary",
+					class: "wt-stepper-steps__item"
+				}, {
+					default: m(() => [o(p(e), 1)], void 0, !0),
+					_: 2
+				}, 1032, ["color"])]))), 256))])]),
+				d(e.$slots, "description", {}, () => [a("p", y, p(x.value), 1)], !0),
+				d(e.$slots, "main", {}, void 0, !0)
+			]);
+		};
+	}
+}, [["__scopeId", "data-v-7b06c506"]]);
+//#endregion
+export { b as default };

package/dist/wt-table-D0FynxIE.js

@@ -0,0 +1,364 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./vue-i18n-B8Px6VcD.js";
+import { n, t as r } from "./sortQueryAdapters-CyYXvnDN.js";
+import { t as i } from "./composables-DnDH-KUv.js";
+import { Fragment as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeStyle as h, onMounted as g, onUnmounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveComponent as S, resolveDirective as C, toDisplayString as w, useSlots as T, useTemplateRef as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
+//#region src/components/wt-table/wt-table.vue?vue&type=script&setup=true&lang.ts
+var A = { class: "wt-table__th__content typo-body-1-bold" }, j = { class: "wt-table__td__actions" }, M = 10, N = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "wt-table",
+	props: {
+		headers: { default: () => [] },
+		data: { default: () => [] },
+		sortable: {
+			type: Boolean,
+			default: !1
+		},
+		selectable: {
+			type: Boolean,
+			default: !0
+		},
+		selected: {},
+		gridActions: {
+			type: Boolean,
+			default: !0
+		},
+		fixedActions: {
+			type: Boolean,
+			default: !1
+		},
+		headless: {
+			type: Boolean,
+			default: !1
+		},
+		rowReorder: {
+			type: Boolean,
+			default: !1
+		},
+		dataKey: { default: "" },
+		isRowReorderDisabled: {
+			type: Function,
+			default: () => !1
+		},
+		rowExpansion: {
+			type: Boolean,
+			default: !1
+		},
+		rowClass: {
+			type: Function,
+			default: () => ""
+		},
+		rowStyle: {
+			type: Function,
+			default: () => ({})
+		},
+		resizableColumns: {
+			type: Boolean,
+			default: !1
+		},
+		reorderableColumns: {
+			type: Boolean,
+			default: !1
+		},
+		rowExpansionDisabled: {
+			type: Function,
+			default: () => !1
+		},
+		lazy: {
+			type: Boolean,
+			default: !1
+		},
+		onLoading: {},
+		loading: { type: Boolean },
+		itemSize: { default: 40 },
+		value: {},
+		rows: {},
+		first: {},
+		totalRecords: {},
+		paginator: { type: Boolean },
+		paginatorPosition: {},
+		alwaysShowPaginator: { type: Boolean },
+		paginatorTemplate: {},
+		pageLinkSize: {},
+		rowsPerPageOptions: {},
+		currentPageReportTemplate: {},
+		loadingIcon: {},
+		sortField: {},
+		sortOrder: {},
+		nullSortOrder: {},
+		defaultSortOrder: {},
+		multiSortMeta: {},
+		sortMode: {},
+		removableSort: { type: Boolean },
+		filters: {},
+		filterDisplay: {},
+		globalFilterFields: {},
+		filterLocale: {},
+		selection: {},
+		selectionMode: {},
+		compareSelectionBy: {},
+		metaKeySelection: { type: Boolean },
+		contextMenu: { type: Boolean },
+		contextMenuSelection: {},
+		selectAll: { type: [Boolean, null] },
+		rowHover: { type: Boolean },
+		csvSeparator: {},
+		exportFilename: {},
+		exportFunction: {},
+		columnResizeMode: {},
+		expandedRows: {},
+		expandedRowIcon: {},
+		collapsedRowIcon: {},
+		rowGroupMode: {},
+		groupRowsBy: {},
+		expandableRowGroups: { type: Boolean },
+		expandedRowGroups: {},
+		stateStorage: {},
+		stateKey: {},
+		editMode: {},
+		editingRows: {},
+		scrollable: { type: Boolean },
+		scrollHeight: {},
+		virtualScrollerOptions: {},
+		frozenValue: {},
+		breakpoint: {},
+		showHeaders: { type: Boolean },
+		showGridlines: { type: Boolean },
+		stripedRows: { type: Boolean },
+		highlightOnSelect: { type: Boolean },
+		size: {},
+		tableStyle: {},
+		tableClass: {},
+		tableProps: {},
+		filterInputProps: {},
+		filterButtonProps: {},
+		editButtonProps: {},
+		dt: {},
+		pt: {},
+		ptOptions: {},
+		unstyled: { type: Boolean }
+	},
+	emits: [
+		"sort",
+		"update:selected",
+		"reorder:row",
+		"column-resize",
+		"column-reorder"
+	],
+	setup(e, { emit: p }) {
+		let N = e, { t: P } = t(), F = T(), I = p, L = E("table"), R = y(0), z = y([]), { addTableDragListener: B, removeTableDragListener: V } = i(L, N.reorderableColumns), H = [
+			"row-select",
+			"row-reorder",
+			"row-actions",
+			"row-expander"
+		], U = a(() => N.selectable ? N.selected || N.data.filter((e) => e._isSelected) : []), W = a(() => 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) => {
+			let t = e.width || "140px";
+			return N.lazy ? { width: t } : { minWidth: t };
+		}, q = a(() => Object.keys(F).some((e) => e.includes("-footer"))), J = a(() => Object.keys(F).some((e) => e === "footer")), Y = a(() => U.value.length === N.data.length && N.data.length > 0), X = a(() => 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);
+			Q(t) && I("sort", t, n(t.sort));
+		}, Q = ({ sort: e }) => N.sortable && e !== void 0, te = () => {
+			N.selected ? Y.value ? I("update:selected", []) : I("update:selected", [...N.data]) : Y.value ? N.data.forEach((e) => {
+				e._isSelected = !1;
+			}) : N.data.forEach((e) => {
+				e._isSelected = !0;
+			});
+		}, ne = (e, t) => {
+			N.selected ? t ? I("update:selected", [...U.value, e]) : I("update:selected", U.value.filter((t) => t !== e)) : e._isSelected = !e._isSelected;
+		}, $ = ({ element: e }) => {
+			let t = e.getAttribute("data-column-field"), n = getComputedStyle(e), r = Number.parseFloat(n.paddingLeft), i = Number.parseFloat(n.paddingRight);
+			I("column-resize", {
+				columnName: t,
+				columnWidth: `${e.offsetWidth - r - i}px`
+			});
+		}, re = () => {
+			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), m(() => {
+				B(), L.value.$el.querySelector(".p-datatable-table-container").scrollLeft = e;
+			});
+		}, ie = (e) => z.value.some((t) => t?.id === e?.id), ae = (e) => {
+			let t = z.value.findIndex((t) => t.id === e.id);
+			t === -1 ? z.value.push(e) : z.value.splice(t, 1);
+		}, oe = a(() => {
+			if (N.lazy) return {
+				lazy: N.lazy,
+				onLazyLoad: N.onLoading,
+				itemSize: N.itemSize,
+				numToleratedItems: M,
+				totalRecords: N.data.length,
+				autoSize: !0
+			};
+		});
+		return g(() => {
+			B();
+		}), _(() => {
+			V();
+		}), (t, n) => {
+			let r = S("wt-icon-btn"), i = S("p-column"), a = S("wt-icon"), p = S("wt-checkbox"), m = S("p-table"), g = C("tooltip");
+			return v(), o(m, {
+				key: R.value,
+				ref_key: "table",
+				ref: L,
+				"expanded-rows": z.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,
+				"data-key": N.dataKey,
+				class: "wt-table",
+				"column-resize-mode": "expand",
+				lazy: "",
+				"scroll-height": "flex",
+				scrollable: "",
+				"virtual-scroller-options": oe.value,
+				pt: { tableContainer: "wt-scrollbar" },
+				onSort: Z,
+				"onUpdate:expandedRows": n[0] ||= (e) => z.value = e,
+				onColumnResizeEnd: $,
+				onColumnReorder: re,
+				onRowReorder: n[1] ||= ({ dragIndex: e, dropIndex: t }) => I("reorder:row", {
+					oldIndex: e,
+					newIndex: t
+				})
+			}, u({
+				expansion: D(({ data: e }) => [l("div", null, [x(t.$slots, "expansion", { item: e }, void 0, !0)])]),
+				default: D(() => [
+					e.rowExpansion ? (v(), o(i, {
+						key: 0,
+						pt: { columnresizer: { class: { hidden: !0 } } },
+						"body-style": "width: 1%;",
+						"column-key": "row-expander",
+						"header-style": "width: 1%;"
+					}, {
+						body: D(({ data: e }) => [f(r, {
+							disabled: N.rowExpansionDisabled(e),
+							icon: ie(e) ? "arrow-down" : "arrow-right",
+							onClick: k((t) => ae(e), ["stop"])
+						}, null, 8, [
+							"disabled",
+							"icon",
+							"onClick"
+						])]),
+						_: 1
+					})) : s("", !0),
+					e.rowReorder ? (v(), o(i, {
+						key: 1,
+						pt: { columnresizer: { class: { hidden: !0 } } },
+						"reorderable-column": !1,
+						"body-style": "width: 1%;",
+						"column-key": "row-reorder",
+						"header-style": "width: 1%;",
+						"row-reorder": ""
+					}, {
+						body: D(({ data: t }) => [e.isRowReorderDisabled(t) ? s("", !0) : (v(), o(a, {
+							key: 0,
+							"data-pc-section": "reorderablerowhandle",
+							icon: "move"
+						}))]),
+						_: 1
+					})) : s("", !0),
+					e.selectable ? (v(), o(i, {
+						key: 2,
+						pt: { columnresizer: { class: { hidden: !0 } } },
+						"reorderable-column": !1,
+						"body-style": "width: 1%;",
+						"column-key": "row-select",
+						"header-style": "width: 1%;"
+					}, {
+						header: D(() => [f(p, {
+							selected: Y.value,
+							"onUpdate:selected": te
+						}, null, 8, ["selected"])]),
+						body: D(({ data: e }) => [e ? (v(), o(p, {
+							key: 0,
+							selected: U.value.includes(e),
+							"onUpdate:selected": (t) => ne(e, t)
+						}, null, 8, ["selected", "onUpdate:selected"])) : s("", !0)]),
+						_: 1
+					})) : s("", !0),
+					(v(!0), c(ee, null, b(W.value, (e, n) => (v(), o(i, {
+						key: e.value,
+						"column-key": e.field,
+						field: e.field,
+						hidden: G(e),
+						pt: { root: { "data-column-field": e.field } },
+						sortable: Q(e)
+					}, u({
+						header: D(() => [x(t.$slots, `header-${e.value}`, {
+							index: n,
+							header: e
+						}, () => [l("div", A, [O((v(), c("span", null, [d(w(e.text), 1)])), [[g, e.text]]), e.sort === "asc" ? (v(), o(a, {
+							key: 0,
+							class: "wt-table__th__sort-arrow wt-table__th__sort-arrow--asc",
+							icon: "sort-arrow-up",
+							size: "sm"
+						})) : e.sort === "desc" ? (v(), o(a, {
+							key: 1,
+							class: "wt-table__th__sort-arrow wt-table__th__sort-arrow--desc",
+							icon: "sort-arrow-down",
+							size: "sm"
+						})) : s("", !0)])], !0)]),
+						body: D(({ data: n, index: r }) => [l("div", {
+							style: h(K(e)),
+							class: "wt-table__td__content typo-body-1"
+						}, [n ? x(t.$slots, e.value, {
+							key: 0,
+							index: r,
+							item: n
+						}, () => [d(w(n[e.value]), 1)], !0) : s("", !0)], 4)]),
+						sorticon: D(() => []),
+						_: 2
+					}, [q.value ? {
+						name: "footer",
+						fn: D(() => [x(t.$slots, `${e.value}-footer`, {}, void 0, !0)]),
+						key: "0"
+					} : void 0]), 1032, [
+						"column-key",
+						"field",
+						"hidden",
+						"pt",
+						"sortable"
+					]))), 128)),
+					e.gridActions ? (v(), o(i, {
+						key: 3,
+						frozen: e.fixedActions,
+						"align-frozen": "right",
+						"column-key": "row-actions",
+						style: { width: "112px" }
+					}, {
+						header: D(() => [x(t.$slots, "actions-header", {}, void 0, !0)]),
+						body: D(({ data: e, index: n }) => [l("div", j, [e ? x(t.$slots, "actions", {
+							key: 0,
+							index: n,
+							item: e
+						}, void 0, !0) : s("", !0)])]),
+						_: 3
+					}, 8, ["frozen"])) : s("", !0)
+				], void 0, !0),
+				_: 2
+			}, [J.value ? {
+				name: "footer",
+				fn: D(() => [x(t.$slots, "footer", {}, void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"expanded-rows",
+				"reorderable-columns",
+				"resizable-columns",
+				"row-class",
+				"row-style",
+				"show-headers",
+				"value",
+				"sort-field",
+				"data-key",
+				"virtual-scroller-options"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-88411100"]]);
+//#endregion
+export { N as default };

package/dist/wt-table-actions-4-peSVkc.js

@@ -0,0 +1,63 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, resolveComponent as u, resolveDirective as d, withCtx as f, withDirectives as p } from "vue";
+//#region src/components/wt-table-actions/wt-table-actions.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "wt-table-actions" }, h = /*#__PURE__*/ e(/* @__PURE__ */ o({
+	__name: "wt-table-actions",
+	props: {
+		icons: { default: () => ["refresh"] },
+		isSettingsActive: {
+			type: Boolean,
+			default: !1
+		},
+		isSettingsBadge: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["input"],
+	setup(e) {
+		let o = e, h = t(() => o.icons.indexOf("import") !== -1), g = t(() => o.icons.indexOf("export") !== -1), _ = t(() => o.icons.indexOf("filter-reset") !== -1), v = t(() => o.icons.indexOf("column-select") !== -1), y = t(() => o.icons.indexOf("refresh") !== -1), b = t(() => o.icons.indexOf("settings") !== -1);
+		return (t, o) => {
+			let x = u("wt-icon-btn"), S = u("wt-badge"), C = d("tooltip");
+			return c(), i("aside", m, [
+				l(t.$slots, "default", {}, void 0, !0),
+				h.value ? p((c(), n(x, {
+					key: 0,
+					icon: "download",
+					onClick: o[0] ||= (e) => t.$emit("input", "import")
+				}, null, 512)), [[C, t.$t("reusable.import")]]) : r("", !0),
+				g.value ? p((c(), n(x, {
+					key: 1,
+					icon: "upload",
+					onClick: o[1] ||= (e) => t.$emit("input", "export")
+				}, null, 512)), [[C, t.$t("reusable.export")]]) : r("", !0),
+				_.value ? p((c(), n(x, {
+					key: 2,
+					icon: "clear",
+					onClick: o[2] ||= (e) => t.$emit("input", "filterReset")
+				}, null, 512)), [[C, t.$t("webitelUI.tableActions.filterReset")]]) : r("", !0),
+				v.value ? p((c(), n(x, {
+					key: 3,
+					icon: "column-select",
+					onClick: o[3] ||= (e) => t.$emit("input", "columnSelect")
+				}, null, 512)), [[C, t.$t("webitelUI.tableActions.columnSelect")]]) : r("", !0),
+				y.value ? p((c(), n(x, {
+					key: 4,
+					icon: "refresh",
+					onClick: o[4] ||= (e) => t.$emit("input", "refresh")
+				}, null, 512)), [[C, t.$t("webitelUI.tableActions.refreshTable")]]) : r("", !0),
+				a(S, { hidden: !e.isSettingsBadge }, {
+					default: f(() => [b.value ? p((c(), n(x, {
+						key: 0,
+						class: s({ active: e.isSettingsActive }),
+						icon: "filter",
+						onClick: o[5] ||= (e) => t.$emit("input", "settings")
+					}, null, 8, ["class"])), [[C, t.$t("webitelUI.tableActions.expandFilters")]]) : r("", !0)], void 0, !0),
+					_: 1
+				}, 8, ["hidden"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-73cf33d9"]]);
+//#endregion
+export { h as default };