@webitel/ui-sdk 26.8.46 → 26.8.48

package/dist/{wt-chat-emoji-PSwoA5FA.js → wt-chat-emoji-Cj4hFgmc.js}

@@ -1,4 +1,4 @@
-import "./components-CfX8XNuf.js";
+import "./components-DYxUm4Ny.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./wt-button-B7B7qITq.js";

package/dist/{wt-display-chip-items-CIXM-Ohl.js → wt-display-chip-items-BK4t9QuQ.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-CfX8XNuf.js";
+import { C as e, i as t } from "./components-DYxUm4Ny.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-send-message-popup-3yRiBsoN.js → wt-send-message-popup-BqvGOPfj.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
 import { n as t, r as n } from "./clients-DBqdsc05.js";
-import { T as r, n as i, w as a } from "./components-CfX8XNuf.js";
+import { T as r, n as i, w as a } from "./components-DYxUm4Ny.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { n as s } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";

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

@@ -2,9 +2,9 @@ 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-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";
+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 ee, 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 j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-table__td__actions" }, N = /*#__PURE__*/ e(/* @__PURE__ */ m({
+var A = { class: "wt-table__th__content typo-body-1-bold" }, j = { class: "wt-table__td__actions" }, M = /*#__PURE__*/ e(/* @__PURE__ */ m({
 	__name: "wt-table",
 	props: {
 		headers: { default: () => [] },
@@ -145,67 +145,70 @@ 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 = ({ dragIndex: e, dropIndex: t }) => I("reorder:row", {
+		let M = e, { t: N } = t(), P = T(), F = m, I = ({ dragIndex: e, dropIndex: t }) => F("reorder:row", {
 			oldIndex: e,
 			newIndex: t
-		}), R = D("table"), z = b(0), B = b([]), { addTableDragListener: V, removeTableDragListener: H } = i(R, N.reorderableColumns), U = [
+		}), L = E("table"), R = b(0), z = b([]), { addTableDragListener: B, removeTableDragListener: V } = i(L, M.reorderableColumns), H = o(() => M.selectable ? M.selected || M.data.filter((e) => e._isSelected) : []), U = o(() => {
+			let e = M.headers.map((e) => !e.text && e.locale ? {
+				...e,
+				text: typeof e.locale == "string" ? N(e.locale) : N(...e.locale)
+			} : e), t = e.filter((e) => e.reorderable === !1), n = e.filter((e) => e.reorderable !== !1);
+			return [...t, ...n];
+		}), W = [
 			"row-select",
 			"row-reorder",
 			"row-actions",
 			"row-expander"
-		], 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)), 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);
+		], G = o(() => [...U.value.filter((e) => e.reorderable === !1).map((e) => e.field || e.value), ...W]), K = (e) => e.show === !1, q = (e) => ({ minWidth: e.width || "140px" }), J = o(() => Object.keys(P).some((e) => e.includes("-footer"))), Y = o(() => Object.keys(P).some((e) => e === "footer")), X = o(() => H.value.length === M.data.length && M.data.length > 0), Z = o(() => M.headers.find((e) => e.sort === r.ASC || e.sort === r.DESC)?.field ?? null), Q = ({ sortField: e }) => {
+			let t = U.value.find((t) => t.field === e);
 			if (!t || !$(t)) return;
 			let r = n(t.sort);
-			I("sort", t, r);
-		}, $ = ({ 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) => {
+			F("sort", t, r);
+		}, $ = ({ sort: e }) => M.sortable && e !== void 0, te = () => {
+			M.selected ? X.value ? F("update:selected", []) : F("update:selected", [...M.data]) : X.value ? M.data.forEach((e) => {
 				e._isSelected = !1;
-			}) : N.data.forEach((e) => {
+			}) : M.data.forEach((e) => {
 				e._isSelected = !0;
 			});
-		}, 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 }) => {
+		}, ne = (e, t) => {
+			M.selected ? t ? F("update:selected", [...H.value, e]) : F("update:selected", H.value.filter((t) => t !== e)) : e._isSelected = !e._isSelected;
+		}, re = ({ 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", {
+			F("column-resize", {
 				columnName: t,
 				columnWidth: `${a}px`
 			});
-		}, 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");
+		}, ie = () => {
+			let e = L.value?.$el?.querySelector(".p-datatable-table-container")?.scrollLeft, t = L.value?.d_columnOrder.filter((e) => !G.value.includes(e));
+			R.value += 1, F("column-reorder", t), h(() => {
+				B();
+				let t = L.value?.$el?.querySelector(".p-datatable-table-container");
 				t && (t.scrollLeft = e);
 			});
-		}, 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,
-				itemSize: N.itemSize,
-				numToleratedItems: N.data.length,
-				totalRecords: N.data.length,
+		}, ae = (e) => z.value.some((t) => t?.id === e?.id), oe = (e) => {
+			let t = z.value.findIndex((t) => t.id === e.id);
+			t === -1 ? z.value.push(e) : z.value.splice(t, 1);
+		}, se = o(() => {
+			if (M.lazy) return {
+				lazy: M.lazy,
+				onLazyLoad: M.onLoading,
+				itemSize: M.itemSize,
+				numToleratedItems: M.data.length,
+				totalRecords: M.data.length,
 				autoSize: !0
 			};
 		});
 		return _(() => {
-			V();
+			B();
 		}), v(() => {
-			H();
+			V();
 		}), (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");
+			let r = S("wt-icon-btn"), i = S("p-column"), o = S("wt-icon"), m = S("wt-checkbox"), h = S("p-table"), _ = C("tooltip");
 			return y(), s(h, {
-				key: z.value,
+				key: R.value,
 				ref_key: "table",
-				ref: R,
-				"expanded-rows": B.value,
+				ref: L,
+				"expanded-rows": z.value,
 				"reorderable-columns": e.reorderableColumns,
 				"resizable-columns": e.resizableColumns,
 				"row-class": e.rowClass,
@@ -213,33 +216,34 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 				"show-headers": !e.headless,
 				value: e.data,
 				"sort-field": Z.value,
-				"data-key": N.dataKey,
+				"data-key": M.dataKey,
 				class: "wt-table",
 				"column-resize-mode": "expand",
 				lazy: "",
 				"scroll-height": "flex",
 				scrollable: "",
-				"virtual-scroller-options": oe.value,
+				"virtual-scroller-options": se.value,
 				pt: { tableContainer: "wt-scrollbar" },
 				onSort: Q,
-				"onUpdate:expandedRows": n[0] ||= (e) => B.value = e,
-				onColumnResizeEnd: ne,
-				onColumnReorder: re,
-				onRowReorder: L
+				"onUpdate:expandedRows": n[0] ||= (e) => z.value = e,
+				onColumnResizeEnd: re,
+				onColumnReorder: ie,
+				onRowReorder: I
 			}, d({
-				expansion: O(({ data: e }) => [u("div", null, [S(t.$slots, "expansion", { item: e }, void 0, !0)])]),
-				default: O(() => [
+				expansion: D(({ data: e }) => [u("div", null, [x(t.$slots, "expansion", { item: e }, void 0, !0)])]),
+				default: D(() => [
 					e.rowExpansion ? (y(), s(i, {
 						key: 0,
 						pt: { columnresizer: { class: { hidden: !0 } } },
+						"reorderable-column": !1,
 						"body-style": "width: 1%;",
 						"column-key": "row-expander",
 						"header-style": "width: 1%;"
 					}, {
-						body: O(({ data: e }) => [p(r, {
-							disabled: N.rowExpansionDisabled(e),
-							icon: ie(e) ? "arrow-down" : "arrow-right",
-							onClick: A((t) => ae(e), ["stop"])
+						body: D(({ data: e }) => [p(r, {
+							disabled: M.rowExpansionDisabled(e),
+							icon: ae(e) ? "arrow-down" : "arrow-right",
+							onClick: k((t) => oe(e), ["stop"])
 						}, null, 8, [
 							"disabled",
 							"icon",
@@ -256,7 +260,7 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 						"header-style": "width: 1%;",
 						"row-reorder": ""
 					}, {
-						body: O(({ data: t }) => [e.isRowReorderDisabled(t) ? c("", !0) : (y(), s(o, {
+						body: D(({ data: t }) => [e.isRowReorderDisabled(t) ? c("", !0) : (y(), s(o, {
 							key: 0,
 							"data-pc-section": "reorderablerowhandle",
 							icon: "move"
@@ -271,29 +275,30 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 						"column-key": "row-select",
 						"header-style": "width: 1%;"
 					}, {
-						header: O(() => [p(m, {
+						header: D(() => [p(m, {
 							selected: X.value,
-							"onUpdate:selected": ee
+							"onUpdate:selected": te
 						}, null, 8, ["selected"])]),
-						body: O(({ data: e }) => [e ? (y(), s(m, {
+						body: D(({ data: e }) => [e ? (y(), s(m, {
 							key: 0,
-							selected: W.value.includes(e),
-							"onUpdate:selected": (t) => te(e, t)
+							selected: H.value.includes(e),
+							"onUpdate:selected": (t) => ne(e, t)
 						}, null, 8, ["selected", "onUpdate:selected"])) : c("", !0)]),
 						_: 1
 					})) : c("", !0),
-					(y(!0), l(a, null, x(G.value, (e, n) => (y(), s(i, {
+					(y(!0), l(a, null, ee(U.value, (e, n) => (y(), s(i, {
 						key: e.value,
-						"column-key": e.field,
+						"column-key": e.field || e.value,
 						field: e.field,
+						"reorderable-column": e.reorderable !== !1,
 						hidden: K(e),
 						pt: { root: { "data-column-field": e.field } },
 						sortable: $(e)
 					}, d({
-						header: O(() => [S(t.$slots, `header-${e.value}`, {
+						header: D(() => [x(t.$slots, `header-${e.value}`, {
 							index: n,
 							header: e
-						}, () => [u("div", j, [k((y(), l("span", null, [f(T(e.text), 1)])), [[_, e.text]]), e.sort === "asc" ? (y(), s(o, {
+						}, () => [u("div", A, [O((y(), l("span", null, [f(w(e.text), 1)])), [[_, e.text]]), e.sort === "asc" ? (y(), s(o, {
 							key: 0,
 							class: "wt-table__th__sort-arrow wt-table__th__sort-arrow--asc",
 							icon: "sort-arrow-up",
@@ -304,23 +309,24 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 							icon: "sort-arrow-down",
 							size: "sm"
 						})) : c("", !0)])], !0)]),
-						body: O(({ data: n, index: r }) => [u("div", {
+						body: D(({ data: n, index: r }) => [u("div", {
 							style: g(q(e)),
 							class: "wt-table__td__content typo-body-1"
-						}, [n ? S(t.$slots, e.value, {
+						}, [n ? x(t.$slots, e.value, {
 							key: 0,
 							index: r,
 							item: n
-						}, () => [f(T(n[e.value]), 1)], !0) : c("", !0)], 4)]),
-						sorticon: O(() => []),
+						}, () => [f(w(n[e.value]), 1)], !0) : c("", !0)], 4)]),
+						sorticon: D(() => []),
 						_: 2
 					}, [J.value ? {
 						name: "footer",
-						fn: O(() => [S(t.$slots, `${e.value}-footer`, {}, void 0, !0)]),
+						fn: D(() => [x(t.$slots, `${e.value}-footer`, {}, void 0, !0)]),
 						key: "0"
 					} : void 0]), 1032, [
 						"column-key",
 						"field",
+						"reorderable-column",
 						"hidden",
 						"pt",
 						"sortable"
@@ -328,12 +334,13 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 					e.gridActions ? (y(), s(i, {
 						key: 3,
 						frozen: e.fixedActions,
+						"reorderable-column": !1,
 						"align-frozen": "right",
 						"column-key": "row-actions",
 						style: { width: "112px" }
 					}, {
-						header: O(() => [S(t.$slots, "actions-header", {}, void 0, !0)]),
-						body: O(({ data: e, index: n }) => [u("div", M, [e ? S(t.$slots, "actions", {
+						header: D(() => [x(t.$slots, "actions-header", {}, void 0, !0)]),
+						body: D(({ data: e, index: n }) => [u("div", j, [e ? x(t.$slots, "actions", {
 							key: 0,
 							index: n,
 							item: e
@@ -344,7 +351,7 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 				_: 2
 			}, [Y.value ? {
 				name: "footer",
-				fn: O(() => [S(t.$slots, "footer", {}, void 0, !0)]),
+				fn: D(() => [x(t.$slots, "footer", {}, void 0, !0)]),
 				key: "0"
 			} : void 0]), 1032, [
 				"expanded-rows",
@@ -360,6 +367,6 @@ var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-ta
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-df474f48"]]);
+}), [["__scopeId", "data-v-b068ba13"]]);
 //#endregion
-export { N as default };
+export { M as default };

package/dist/{wt-type-extension-value-input-DArCroNk.js → wt-type-extension-value-input-LBbOPFvb.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clients-DBqdsc05.js";
-import { a as t, o as n, r, s as i } from "./components-CfX8XNuf.js";
+import { a as t, o as n, r, s as i } from "./components-DYxUm4Ny.js";
 import { t as a } from "./enums-De8CDKZ1.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.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";

package/dist/{wt-vidstack-player-BGnQxLI3.js → wt-vidstack-player-B6kvSv-U.js}

@@ -1,4 +1,4 @@
-import { E as e } from "./components-CfX8XNuf.js";
+import { E as e } from "./components-DYxUm4Ny.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-De8CDKZ1.js";
 import "./wt-button-B7B7qITq.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.46",
+	"version": "26.8.48",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/components/wt-table/types/WtTable.ts

@@ -17,6 +17,8 @@ export type WtTableHeader = {
 	/** `undefined` means the column is not sortable; `boolean` is back-compat */
 	sort?: WtTableSortOrder | boolean;
 	show?: boolean;
+	/** `false` excludes the column from drag-to-reorder and pins it to the start */
+	reorderable?: boolean;
 };
 
 /** TODO(types): every cell is read through a header-driven runtime `field` key. */

package/src/components/wt-table/wt-table.vue

@@ -35,6 +35,7 @@
           }
         }
       }"
+      :reorderable-column="false"
       body-style="width: 1%;"
       column-key="row-expander"
       header-style="width: 1%;"
@@ -102,8 +103,9 @@
     <p-column
       v-for="(col, idx) of dataHeaders"
       :key="col.value"
-      :column-key="col.field"
+      :column-key="col.field || col.value"
       :field="col.field"
+      :reorderable-column="col.reorderable !== false"
       :hidden="isColumnHidden(col)"
       :pt="{
         root: {
@@ -173,6 +175,7 @@
     <p-column
       v-if="gridActions"
       :frozen="fixedActions"
+      :reorderable-column="false"
       align-frozen="right"
       column-key="row-actions"
       style="width: 112px;"
@@ -352,14 +355,6 @@ const { addTableDragListener, removeTableDragListener } = useTableColumnDrag(
 	props.reorderableColumns,
 );
 
-// table's columns that should be excluded from reorder
-const excludeColumnsFromReorder = [
-	'row-select',
-	'row-reorder',
-	'row-actions',
-	'row-expander',
-];
-
 const _selected = computed(() => {
 	// _isSelected for backwards compatibility
 	return props.selectable
@@ -369,7 +364,7 @@ const _selected = computed(() => {
 });
 
 const dataHeaders = computed(() => {
-	return props.headers.map((header) => {
+	const headers = props.headers.map((header) => {
 		if (!header.text && header.locale)
 			return {
 				...header,
@@ -384,8 +379,34 @@ const dataHeaders = computed(() => {
 			};
 		return header;
 	});
+
+	// non-reorderable columns are kept at the start, so they stay in place
+	// while the rest of the columns can be freely reordered
+	const nonReorderable = headers.filter(
+		(header) => header.reorderable === false,
+	);
+	const reorderable = headers.filter((header) => header.reorderable !== false);
+	return [
+		...nonReorderable,
+		...reorderable,
+	];
 });
 
+// table's columns that should be excluded from reorder
+const excludeStaticColumnsFromReorder = [
+	'row-select',
+	'row-reorder',
+	'row-actions',
+	'row-expander',
+];
+
+const excludeColumnsFromReorder = computed(() => [
+	...dataHeaders.value
+		.filter((col) => col.reorderable === false)
+		.map((col) => col.field || col.value),
+	...excludeStaticColumnsFromReorder,
+]);
+
 const isColumnHidden = (col: WtTableHeader) => {
 	return col.show === false;
 };
@@ -506,7 +527,7 @@ const columnReorder = () => {
 	);
 	const containerElScrollLeft = containerEl?.scrollLeft;
 	const newOrder = table.value?.d_columnOrder.filter(
-		(col: string) => !excludeColumnsFromReorder.includes(col),
+		(col: string) => !excludeColumnsFromReorder.value.includes(col),
 	);
 	tableKey.value += 1;
 	emit('column-reorder', newOrder);

package/src/locale/uk/uk.js

@@ -205,7 +205,7 @@ export default {
 			queueType: 'Тип черги | Типи черг',
 			type: {
 				[QueueType.INBOUND_QUEUE]: 'Вхідна черга',
-				[QueueType.OFFLINE_QUEUE]: 'Оффлайн черга',
+				[QueueType.OFFLINE_QUEUE]: 'Офлайн черга',
 				[QueueType.OUTBOUND_IVR_QUEUE]: 'Вихідний IVR',
 				[QueueType.PREDICTIVE_DIALER]: 'Предиктивний обзвін',
 				[QueueType.PROGRESSIVE_DIALER]: 'Прогресивний обзвін',