@webitel/ui-sdk 26.8.124 → 26.8.126

package/dist/{wt-type-extension-value-input-C5TLLXps.js → wt-type-extension-value-input-BjmJrhU5.js}

@@ -1,11 +1,11 @@
 import { a as e, c as t, i as n, n as r, r as i, s as a, t as o } from "./dist-EXdgfpvN.js";
 import { n as s } from "./genClient-CvWlQ0TZ.js";
 import { a as c } from "./caseConverters-DGri4uJo.js";
-import { a as l, o as u, r as d, s as f } from "./components-BQdHCAFb.js";
-import { a as p, n as m, t as h } from "./clients-DB8pfOu3.js";
-import { a as g, b as _, d as v, f as y, g as b, i as x, n as S, o as C, r as w, s as T, t as E, y as D } from "./enums-DxMEZrBG.js";
+import { a as l, o as u, r as d, s as f } from "./components-BAjXjwgz.js";
+import { a as p, n as m, t as h } from "./clients-DV2KSEHt.js";
+import { a as g, b as _, d as v, f as y, g as b, i as x, n as S, o as C, r as w, s as T, t as E, x as D } from "./enums-Xag5PrU-.js";
 import { n as ee, t as te } from "./vue-i18n-VBiROMZ4.js";
-import "./wt-toast-ehTHwE5R.js";
+import "./wt-toast-BScwyGca.js";
 import { t as O } from "./sortQueryAdapters-Bb1yt_LD.js";
 import { t as k } from "./deep-copy-BJdHBMNZ.js";
 import { computed as A, createBlock as ne, createCommentVNode as re, createVNode as ie, defineComponent as ae, inject as j, mergeModels as oe, mergeProps as se, openBlock as ce, reactive as le, renderSlot as M, resolveComponent as N, toValue as ue, unref as P, useModel as de } from "vue";
@@ -8477,16 +8477,16 @@ var J = /* @__PURE__ */ function(e) {
 			queue: "Queue | Queues",
 			queueType: "Queue type | Queue types",
 			type: {
-				[_.INBOUND_QUEUE]: "Inbound queue",
-				[_.OFFLINE_QUEUE]: "Offline queue",
-				[_.OUTBOUND_IVR_QUEUE]: "Outbound IVR queue",
-				[_.PREDICTIVE_DIALER]: "Predictive dialer",
-				[_.PROGRESSIVE_DIALER]: "Progressive dialer",
-				[_.PREVIEW_DIALER]: "Preview dialer",
-				[_.CHAT_INBOUND_QUEUE]: "Chat queue",
-				[_.INBOUND_JOB_QUEUE]: "Inbound task queue",
-				[_.OUTBOUND_JOB_QUEUE]: "Outbound task queue",
-				[_.IM_CHAT_QUEUE]: "im queue"
+				[D.INBOUND_QUEUE]: "Inbound queue",
+				[D.OFFLINE_QUEUE]: "Offline queue",
+				[D.OUTBOUND_IVR_QUEUE]: "Outbound IVR queue",
+				[D.PREDICTIVE_DIALER]: "Predictive dialer",
+				[D.PROGRESSIVE_DIALER]: "Progressive dialer",
+				[D.PREVIEW_DIALER]: "Preview dialer",
+				[D.CHAT_INBOUND_QUEUE]: "Chat queue",
+				[D.INBOUND_JOB_QUEUE]: "Inbound task queue",
+				[D.OUTBOUND_JOB_QUEUE]: "Outbound task queue",
+				[D.IM_CHAT_QUEUE]: "im queue"
 			}
 		},
 		agent: {
@@ -8897,10 +8897,10 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		filters: {
 			datetime: {
-				[D.Today]: "Today",
-				[D.ThisWeek]: "This week",
-				[D.ThisMonth]: "This month",
-				[D.Custom]: "Custom date range"
+				[_.Today]: "Today",
+				[_.ThisWeek]: "This week",
+				[_.ThisMonth]: "This month",
+				[_.Custom]: "Custom date range"
 			},
 			andMore: "and {count} more",
 			addFilter: ({ linked: e }) => `${e("reusable.add")} a ${e("reusable.filter").toLowerCase()}`,
@@ -9182,15 +9182,15 @@ var J = /* @__PURE__ */ function(e) {
 			queue: "Cola | Colas",
 			queueType: "Tipo de cola | Tipos de colas",
 			type: {
-				[_.INBOUND_QUEUE]: "Cola entrante",
-				[_.OFFLINE_QUEUE]: "Cola sin conexión",
-				[_.OUTBOUND_IVR_QUEUE]: "Cola IVR saliente",
-				[_.PREDICTIVE_DIALER]: "Marcador predictivo",
-				[_.PROGRESSIVE_DIALER]: "Marcador progresivo",
-				[_.PREVIEW_DIALER]: "Marcador de vista previa",
-				[_.CHAT_INBOUND_QUEUE]: "Cola de chat",
-				[_.INBOUND_JOB_QUEUE]: "Cola de tareas entrantes",
-				[_.OUTBOUND_JOB_QUEUE]: "Cola de tareas salientes"
+				[D.INBOUND_QUEUE]: "Cola entrante",
+				[D.OFFLINE_QUEUE]: "Cola sin conexión",
+				[D.OUTBOUND_IVR_QUEUE]: "Cola IVR saliente",
+				[D.PREDICTIVE_DIALER]: "Marcador predictivo",
+				[D.PROGRESSIVE_DIALER]: "Marcador progresivo",
+				[D.PREVIEW_DIALER]: "Marcador de vista previa",
+				[D.CHAT_INBOUND_QUEUE]: "Cola de chat",
+				[D.INBOUND_JOB_QUEUE]: "Cola de tareas entrantes",
+				[D.OUTBOUND_JOB_QUEUE]: "Cola de tareas salientes"
 			}
 		},
 		agent: {
@@ -9601,10 +9601,10 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		filters: {
 			datetime: {
-				[D.Today]: "Hoy",
-				[D.ThisWeek]: "Esta semana",
-				[D.ThisMonth]: "Este mes",
-				[D.Custom]: "Rango de fechas personalizado"
+				[_.Today]: "Hoy",
+				[_.ThisWeek]: "Esta semana",
+				[_.ThisMonth]: "Este mes",
+				[_.Custom]: "Rango de fechas personalizado"
 			},
 			andMore: "y {count} más",
 			addFilter: ({ linked: e }) => `${e("reusable.add")} un ${e("reusable.filter").toLowerCase()}`,
@@ -9886,15 +9886,15 @@ var J = /* @__PURE__ */ function(e) {
 			queue: "Кезек | Кезектер",
 			queueType: "Кезек түрі | Кезек түрлері",
 			type: {
-				[_.INBOUND_QUEUE]: "Кіріс кезегі",
-				[_.OFFLINE_QUEUE]: "Офлайн кезегі",
-				[_.OUTBOUND_IVR_QUEUE]: "Шығыс IVR кезегі",
-				[_.PREDICTIVE_DIALER]: "Болжамды дәйек",
-				[_.PROGRESSIVE_DIALER]: "Прогрессивті дәйек",
-				[_.PREVIEW_DIALER]: "Алдын ала қарау дәйегі",
-				[_.CHAT_INBOUND_QUEUE]: "Чат кезегі",
-				[_.INBOUND_JOB_QUEUE]: "Кіріс тапсырма кезегі",
-				[_.OUTBOUND_JOB_QUEUE]: "Шығыс тапсырма кезегі"
+				[D.INBOUND_QUEUE]: "Кіріс кезегі",
+				[D.OFFLINE_QUEUE]: "Офлайн кезегі",
+				[D.OUTBOUND_IVR_QUEUE]: "Шығыс IVR кезегі",
+				[D.PREDICTIVE_DIALER]: "Болжамды дәйек",
+				[D.PROGRESSIVE_DIALER]: "Прогрессивті дәйек",
+				[D.PREVIEW_DIALER]: "Алдын ала қарау дәйегі",
+				[D.CHAT_INBOUND_QUEUE]: "Чат кезегі",
+				[D.INBOUND_JOB_QUEUE]: "Кіріс тапсырма кезегі",
+				[D.OUTBOUND_JOB_QUEUE]: "Шығыс тапсырма кезегі"
 			}
 		},
 		agent: {
@@ -10305,10 +10305,10 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		filters: {
 			datetime: {
-				[D.Today]: "Бүгін",
-				[D.ThisWeek]: "Осы апта",
-				[D.ThisMonth]: "Осы ай",
-				[D.Custom]: "Жеке күн аралығы"
+				[_.Today]: "Бүгін",
+				[_.ThisWeek]: "Осы апта",
+				[_.ThisMonth]: "Осы ай",
+				[_.Custom]: "Жеке күн аралығы"
 			},
 			andMore: "және тағы {count}",
 			addFilter: ({ linked: e }) => `${e("reusable.add")} ${e("reusable.filter").toLowerCase()}`,
@@ -10590,15 +10590,15 @@ var J = /* @__PURE__ */ function(e) {
 			queue: "Kolejka | Kolejki",
 			queueType: "Typ kolejki | Typy kolejek",
 			type: {
-				[_.INBOUND_QUEUE]: "Kolejka przychodząca",
-				[_.OFFLINE_QUEUE]: "Kolejka offline",
-				[_.OUTBOUND_IVR_QUEUE]: "Kolejka IVR wychodząca",
-				[_.PREDICTIVE_DIALER]: "Dialer predykcyjny",
-				[_.PROGRESSIVE_DIALER]: "Dialer progresywny",
-				[_.PREVIEW_DIALER]: "Dialer podglądowy",
-				[_.CHAT_INBOUND_QUEUE]: "Kolejka czatu",
-				[_.INBOUND_JOB_QUEUE]: "Kolejka zadań przychodzących",
-				[_.OUTBOUND_JOB_QUEUE]: "Kolejka zadań wychodzących"
+				[D.INBOUND_QUEUE]: "Kolejka przychodząca",
+				[D.OFFLINE_QUEUE]: "Kolejka offline",
+				[D.OUTBOUND_IVR_QUEUE]: "Kolejka IVR wychodząca",
+				[D.PREDICTIVE_DIALER]: "Dialer predykcyjny",
+				[D.PROGRESSIVE_DIALER]: "Dialer progresywny",
+				[D.PREVIEW_DIALER]: "Dialer podglądowy",
+				[D.CHAT_INBOUND_QUEUE]: "Kolejka czatu",
+				[D.INBOUND_JOB_QUEUE]: "Kolejka zadań przychodzących",
+				[D.OUTBOUND_JOB_QUEUE]: "Kolejka zadań wychodzących"
 			}
 		},
 		agent: {
@@ -11009,10 +11009,10 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		filters: {
 			datetime: {
-				[D.Today]: "Dzisiaj",
-				[D.ThisWeek]: "Ten tydzień",
-				[D.ThisMonth]: "Ten miesiąc",
-				[D.Custom]: "Niestandardowy zakres dat"
+				[_.Today]: "Dzisiaj",
+				[_.ThisWeek]: "Ten tydzień",
+				[_.ThisMonth]: "Ten miesiąc",
+				[_.Custom]: "Niestandardowy zakres dat"
 			},
 			andMore: "i jeszcze {count}",
 			addFilter: ({ linked: e }) => `${e("reusable.add")} ${e("reusable.filter").toLowerCase()}`,
@@ -11294,15 +11294,15 @@ var J = /* @__PURE__ */ function(e) {
 			queue: "Coadă | Cozi",
 			queueType: "Tip de coadă | Tipuri de cozi",
 			type: {
-				[_.INBOUND_QUEUE]: "Coadă intrare",
-				[_.OFFLINE_QUEUE]: "Coadă offline",
-				[_.OUTBOUND_IVR_QUEUE]: "Coadă IVR ieșire",
-				[_.PREDICTIVE_DIALER]: "Dialer predictiv",
-				[_.PROGRESSIVE_DIALER]: "Dialer progresiv",
-				[_.PREVIEW_DIALER]: "Dialer previzualizare",
-				[_.CHAT_INBOUND_QUEUE]: "Coadă chat",
-				[_.INBOUND_JOB_QUEUE]: "Coadă sarcini intrare",
-				[_.OUTBOUND_JOB_QUEUE]: "Coadă sarcini ieșire"
+				[D.INBOUND_QUEUE]: "Coadă intrare",
+				[D.OFFLINE_QUEUE]: "Coadă offline",
+				[D.OUTBOUND_IVR_QUEUE]: "Coadă IVR ieșire",
+				[D.PREDICTIVE_DIALER]: "Dialer predictiv",
+				[D.PROGRESSIVE_DIALER]: "Dialer progresiv",
+				[D.PREVIEW_DIALER]: "Dialer previzualizare",
+				[D.CHAT_INBOUND_QUEUE]: "Coadă chat",
+				[D.INBOUND_JOB_QUEUE]: "Coadă sarcini intrare",
+				[D.OUTBOUND_JOB_QUEUE]: "Coadă sarcini ieșire"
 			}
 		},
 		agent: {
@@ -11713,10 +11713,10 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		filters: {
 			datetime: {
-				[D.Today]: "Astăzi",
-				[D.ThisWeek]: "Această săptămână",
-				[D.ThisMonth]: "Această lună",
-				[D.Custom]: "Interval personalizat"
+				[_.Today]: "Astăzi",
+				[_.ThisWeek]: "Această săptămână",
+				[_.ThisMonth]: "Această lună",
+				[_.Custom]: "Interval personalizat"
 			},
 			andMore: "și încă {count}",
 			addFilter: ({ linked: e }) => `${e("reusable.add")} un ${e("reusable.filter").toLowerCase()}`,
@@ -12007,15 +12007,15 @@ te({
 					queue: "Очередь | Очереди",
 					queueType: "Тип очереди | Типы очередей",
 					type: {
-						[_.INBOUND_QUEUE]: "Входящая очередь",
-						[_.OFFLINE_QUEUE]: "Оффлайн очередь",
-						[_.OUTBOUND_IVR_QUEUE]: "Исходящий IVR",
-						[_.PREDICTIVE_DIALER]: "Предиктивный обзвон",
-						[_.PROGRESSIVE_DIALER]: "Прогрессивный обзвон",
-						[_.PREVIEW_DIALER]: "Превью обзвон",
-						[_.CHAT_INBOUND_QUEUE]: "Очередь чатов",
-						[_.INBOUND_JOB_QUEUE]: "Входящая очередь заданий",
-						[_.OUTBOUND_JOB_QUEUE]: "Исходящая очередь заданий"
+						[D.INBOUND_QUEUE]: "Входящая очередь",
+						[D.OFFLINE_QUEUE]: "Оффлайн очередь",
+						[D.OUTBOUND_IVR_QUEUE]: "Исходящий IVR",
+						[D.PREDICTIVE_DIALER]: "Предиктивный обзвон",
+						[D.PROGRESSIVE_DIALER]: "Прогрессивный обзвон",
+						[D.PREVIEW_DIALER]: "Превью обзвон",
+						[D.CHAT_INBOUND_QUEUE]: "Очередь чатов",
+						[D.INBOUND_JOB_QUEUE]: "Входящая очередь заданий",
+						[D.OUTBOUND_JOB_QUEUE]: "Исходящая очередь заданий"
 					}
 				},
 				agent: {
@@ -12425,10 +12425,10 @@ te({
 				},
 				filters: {
 					datetime: {
-						[D.Today]: "Сегодня",
-						[D.ThisWeek]: "Эта неделя",
-						[D.ThisMonth]: "Этот месяц",
-						[D.Custom]: "Выбранный диапазон дат"
+						[_.Today]: "Сегодня",
+						[_.ThisWeek]: "Эта неделя",
+						[_.ThisMonth]: "Этот месяц",
+						[_.Custom]: "Выбранный диапазон дат"
 					},
 					andMore: "и ещё {count}",
 					addFilter: ({ linked: e }) => `${e("reusable.add")} ${e("reusable.filter").toLowerCase()}`,
@@ -12712,15 +12712,15 @@ te({
 					queue: "Черга | Черги",
 					queueType: "Тип черги | Типи черг",
 					type: {
-						[_.INBOUND_QUEUE]: "Вхідна черга",
-						[_.OFFLINE_QUEUE]: "Офлайн черга",
-						[_.OUTBOUND_IVR_QUEUE]: "Вихідний IVR",
-						[_.PREDICTIVE_DIALER]: "Предиктивний обзвін",
-						[_.PROGRESSIVE_DIALER]: "Прогресивний обзвін",
-						[_.PREVIEW_DIALER]: "Прев'ю обзвін",
-						[_.CHAT_INBOUND_QUEUE]: "Черга чатів",
-						[_.INBOUND_JOB_QUEUE]: "Вхідна черга завдань",
-						[_.OUTBOUND_JOB_QUEUE]: "Вихідна черга завдань"
+						[D.INBOUND_QUEUE]: "Вхідна черга",
+						[D.OFFLINE_QUEUE]: "Офлайн черга",
+						[D.OUTBOUND_IVR_QUEUE]: "Вихідний IVR",
+						[D.PREDICTIVE_DIALER]: "Предиктивний обзвін",
+						[D.PROGRESSIVE_DIALER]: "Прогресивний обзвін",
+						[D.PREVIEW_DIALER]: "Прев'ю обзвін",
+						[D.CHAT_INBOUND_QUEUE]: "Черга чатів",
+						[D.INBOUND_JOB_QUEUE]: "Вхідна черга завдань",
+						[D.OUTBOUND_JOB_QUEUE]: "Вихідна черга завдань"
 					}
 				},
 				agent: {
@@ -13130,10 +13130,10 @@ te({
 				},
 				filters: {
 					datetime: {
-						[D.Today]: "Сьогодні",
-						[D.ThisWeek]: "Цей тиждень",
-						[D.ThisMonth]: "Цей місяць",
-						[D.Custom]: "Власний діапазон дат"
+						[_.Today]: "Сьогодні",
+						[_.ThisWeek]: "Цей тиждень",
+						[_.ThisMonth]: "Цей місяць",
+						[_.Custom]: "Власний діапазон дат"
 					},
 					andMore: "та ще {count}",
 					addFilter: ({ linked: e }) => `${e("reusable.add")} ${e("reusable.filter").toLowerCase()}`,
@@ -13418,15 +13418,15 @@ te({
 					queue: "Navbat | Navbatlar",
 					queueType: "Navbat turi | Navbat turlari",
 					type: {
-						[_.INBOUND_QUEUE]: "Kiruvchi navbat",
-						[_.OFFLINE_QUEUE]: "Oflayn navbat",
-						[_.OUTBOUND_IVR_QUEUE]: "Chiquvchi IVR navbati",
-						[_.PREDICTIVE_DIALER]: "Predictive dialer",
-						[_.PROGRESSIVE_DIALER]: "Progressive dialer",
-						[_.PREVIEW_DIALER]: "Preview dialer",
-						[_.CHAT_INBOUND_QUEUE]: "Chat navbati",
-						[_.INBOUND_JOB_QUEUE]: "Kiruvchi vazifalar navbati",
-						[_.OUTBOUND_JOB_QUEUE]: "Chiquvchi vazifalar navbati"
+						[D.INBOUND_QUEUE]: "Kiruvchi navbat",
+						[D.OFFLINE_QUEUE]: "Oflayn navbat",
+						[D.OUTBOUND_IVR_QUEUE]: "Chiquvchi IVR navbati",
+						[D.PREDICTIVE_DIALER]: "Predictive dialer",
+						[D.PROGRESSIVE_DIALER]: "Progressive dialer",
+						[D.PREVIEW_DIALER]: "Preview dialer",
+						[D.CHAT_INBOUND_QUEUE]: "Chat navbati",
+						[D.INBOUND_JOB_QUEUE]: "Kiruvchi vazifalar navbati",
+						[D.OUTBOUND_JOB_QUEUE]: "Chiquvchi vazifalar navbati"
 					}
 				},
 				agent: {
@@ -13838,10 +13838,10 @@ te({
 				},
 				filters: {
 					datetime: {
-						[D.Today]: "Bugun",
-						[D.ThisWeek]: "Ushbu hafta",
-						[D.ThisMonth]: "Ushbu oy",
-						[D.Custom]: "Boshqa sana oralig'i"
+						[_.Today]: "Bugun",
+						[_.ThisWeek]: "Ushbu hafta",
+						[_.ThisMonth]: "Ushbu oy",
+						[_.Custom]: "Boshqa sana oralig'i"
 					},
 					andMore: "va yana {count}",
 					addFilter: ({ linked: e }) => `${e("reusable.add")} ${e("reusable.filter").toLowerCase()}`,
@@ -14124,15 +14124,15 @@ te({
 					queue: "Hàng chờ | Hàng chờ",
 					queueType: "Loại hàng đợi | Các loại hàng đợi",
 					type: {
-						[_.INBOUND_QUEUE]: "Hàng chờ cuộc gọi vào",
-						[_.OFFLINE_QUEUE]: "Hàng chờ ngoại tuyến",
-						[_.OUTBOUND_IVR_QUEUE]: "Hàng chờ IVR gọi ra",
-						[_.PREDICTIVE_DIALER]: "Quay số dự đoán",
-						[_.PROGRESSIVE_DIALER]: "Quay số tiến bộ",
-						[_.PREVIEW_DIALER]: "Quay số xem trước",
-						[_.CHAT_INBOUND_QUEUE]: "Hàng chờ chat",
-						[_.INBOUND_JOB_QUEUE]: "Hàng chờ tác vụ vào",
-						[_.OUTBOUND_JOB_QUEUE]: "Hàng chờ tác vụ ra"
+						[D.INBOUND_QUEUE]: "Hàng chờ cuộc gọi vào",
+						[D.OFFLINE_QUEUE]: "Hàng chờ ngoại tuyến",
+						[D.OUTBOUND_IVR_QUEUE]: "Hàng chờ IVR gọi ra",
+						[D.PREDICTIVE_DIALER]: "Quay số dự đoán",
+						[D.PROGRESSIVE_DIALER]: "Quay số tiến bộ",
+						[D.PREVIEW_DIALER]: "Quay số xem trước",
+						[D.CHAT_INBOUND_QUEUE]: "Hàng chờ chat",
+						[D.INBOUND_JOB_QUEUE]: "Hàng chờ tác vụ vào",
+						[D.OUTBOUND_JOB_QUEUE]: "Hàng chờ tác vụ ra"
 					}
 				},
 				agent: {
@@ -14543,10 +14543,10 @@ te({
 				},
 				filters: {
 					datetime: {
-						[D.Today]: "Hôm nay",
-						[D.ThisWeek]: "Tuần này",
-						[D.ThisMonth]: "Tháng này",
-						[D.Custom]: "Phạm vi ngày tùy chỉnh"
+						[_.Today]: "Hôm nay",
+						[_.ThisWeek]: "Tuần này",
+						[_.ThisMonth]: "Tháng này",
+						[_.Custom]: "Phạm vi ngày tùy chỉnh"
 					},
 					andMore: "và {count} nữa",
 					addFilter: ({ linked: e }) => `${e("reusable.add")} một ${e("reusable.filter").toLowerCase()}`,

package/dist/{wt-vidstack-player-B726cUC6.js → wt-vidstack-player-Zns27bwa.js}

@@ -1,9 +1,9 @@
-import { w as e } from "./components-BQdHCAFb.js";
-import "./convertDuration-BePVKvK7.js";
+import { w as e } from "./components-BAjXjwgz.js";
+import "./convertDuration-B5bq1uxb.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { m as n } from "./enums-DxMEZrBG.js";
-import "./wt-button-bcce_YuV.js";
-import { t as r } from "./wt-icon-btn-BC7iDIVr.js";
+import { m as n } from "./enums-Xag5PrU-.js";
+import "./wt-button-BfNbgYHy.js";
+import { t as r } from "./wt-icon-btn-B7BR2BJW.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as ee, Q as _, R as te, S as v, U as ne, V as y, W as b, X as x, Y as re, Z as S, _ as C, a as ie, b as ae, c as oe, d as se, et as ce, f as le, g as ue, h as de, i as w, it as fe, j as pe, k as me, l as T, m as he, n as E, nt as D, o as O, ot as ge, p as k, q as A, r as j, rt as _e, t as ve, tt as ye, u as be, v as M, w as xe, y as Se, z as Ce } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as N, a as we, c as Te, d as Ee, f as De, g as Oe, h as ke, i as Ae, l as je, m as Me, n as Ne, o as Pe, p as Fe, r as Ie, s as Le, t as P, u as Re } from "./vidstack-CgfrU1hS-CNTJkyzm.js";
 import { _ as ze, a as Be, c as Ve, f as He, g as Ue, h as We, i as Ge, l as Ke, n as qe, r as Je, s as Ye, t as Xe, u as Ze, v as Qe, x as $e, y as et } from "./useVidstackSrc-aQcqC_v0.js";

package/package.json

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

package/src/components/index.js

@@ -14,6 +14,7 @@ import WtCallMediaMetric from './wt-call-media-metric/wt-call-media-metric.vue';
 import WtCard from './wt-card/wt-card.vue';
 import WtCheckbox from './wt-checkbox/wt-checkbox.vue';
 import WtChip from './wt-chip/wt-chip.vue';
+import WtContentWrapper from './wt-content-wrapper/wt-content-wrapper.vue';
 import WtDatetimeText from './wt-datetime-text/wt-datetime-text.vue';
 import WtDivider from './wt-divider/wt-divider.vue';
 import WtEmpty from './wt-empty/wt-empty.vue';
@@ -30,12 +31,14 @@ import WtInputText from './wt-input-text/wt-input-text.vue';
 import WtIntersectionObserver from './wt-intersection-observer/wt-intersection-observer.vue';
 import WtItemLink from './wt-item-link/wt-item-link.vue';
 import WtLabel from './wt-label/wt-label.vue';
+import WtLayout from './wt-layout/wt-layout.vue';
 import WtLoadBar from './wt-load-bar/wt-load-bar.vue';
 import WtLoader from './wt-loader/wt-loader.vue';
 import WtLogo from './wt-logo/wt-logo.vue';
 import WtMessage from './wt-message/wt-message.vue';
 import WtMultiSelect from './wt-multi-select/wt-multi-select.vue';
 import WtNavigationBar from './wt-navigation-bar/wt-navigation-bar.vue';
+import WtPage from './wt-page/wt-page.vue';
 import WtPageWrapper from './wt-page-wrapper/wt-page-wrapper.vue';
 import WtPassword from './wt-password/wt-password.vue';
 import WtPopup from './wt-popup/wt-popup.vue';
@@ -239,9 +242,11 @@ const Components = {
 	WtButton,
 	WtChip,
 	WtConfirmDialog,
+	WtContentWrapper,
 	WtDivider,
 	WtTooltip,
 	WtLabel,
+	WtLayout,
 	WtLoader,
 	WtRoundedAction,
 	WtReplaceTransition,
@@ -274,6 +279,7 @@ const Components = {
 	WtHeaderActions,
 	WtErrorPage,
 	WtNotificationsBar,
+	WtPage,
 	WtPageWrapper,
 	WtDualPanel,
 	WtPagination,
@@ -331,6 +337,7 @@ export {
 	WtCheckbox,
 	WtChip,
 	WtConfirmDialog,
+	WtContentWrapper,
 	WtContextMenu,
 	WtCopyAction,
 	WtDatepicker,
@@ -359,6 +366,7 @@ export {
 	WtIntersectionObserver,
 	WtItemLink,
 	WtLabel,
+	WtLayout,
 	WtLoadBar,
 	WtLoader,
 	WtLogo,
@@ -367,6 +375,7 @@ export {
 	WtNavigationBar,
 	WtNavigationMenu,
 	WtNotificationsBar,
+	WtPage,
 	WtPageHeader,
 	WtPageWrapper,
 	WtPagination,

package/src/components/wt-content-wrapper/__tests__/WtContentWrapper.spec.js

@@ -0,0 +1,34 @@
+import { shallowMount } from '@vue/test-utils';
+
+import WtContentWrapper from '../wt-content-wrapper.vue';
+
+describe('WtContentWrapper', () => {
+	it('renders a component', () => {
+		const wrapper = shallowMount(WtContentWrapper);
+		expect(wrapper.classes('wt-content-wrapper')).toBe(true);
+	});
+
+	it('renders content via default slot', () => {
+		const content = 'Content';
+		const wrapper = shallowMount(WtContentWrapper, {
+			slots: {
+				default: content,
+			},
+		});
+		expect(wrapper.text()).toBe(content);
+	});
+
+	it('aligns content to the left by default', () => {
+		const wrapper = shallowMount(WtContentWrapper);
+		expect(wrapper.classes('wt-content-wrapper--align-left')).toBe(true);
+	});
+
+	it('applies align prop', () => {
+		const wrapper = shallowMount(WtContentWrapper, {
+			props: {
+				align: 'stretch',
+			},
+		});
+		expect(wrapper.classes('wt-content-wrapper--align-stretch')).toBe(true);
+	});
+});

package/src/components/wt-content-wrapper/_variables.css

@@ -0,0 +1,10 @@
+:root {
+	--wt-content-wrapper-background-color: var(--p-surface-0);
+	--wt-content-wrapper-border-radius: var(--p-border-radius-lg);
+	--wt-content-wrapper-padding: var(--spacing-sm);
+	--wt-content-wrapper-gap: var(--spacing-sm);
+}
+
+:root.theme--dark {
+	--wt-content-wrapper-background-color: var(--p-surface-800);
+}

package/src/components/wt-content-wrapper/wt-content-wrapper.vue

@@ -0,0 +1,46 @@
+<template>
+  <div :class="`wt-content-wrapper--align-${align}`" class="wt-content-wrapper">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * Structural container inside `wt-layout`: owns inner padding, gap and
+ * horizontal alignment of its content. No business logic, no own visuals
+ * beyond the surface.
+ */
+interface Props {
+	align?: 'left' | 'center' | 'stretch';
+}
+
+withDefaults(defineProps<Props>(), {
+	align: 'left',
+});
+</script>
+
+<style scoped>
+.wt-content-wrapper {
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: var(--wt-content-wrapper-gap);
+  box-sizing: border-box;
+  border-radius: var(--wt-content-wrapper-border-radius);
+  background: var(--wt-content-wrapper-background-color);
+  padding: var(--wt-content-wrapper-padding);
+  min-width: 0;
+}
+
+.wt-content-wrapper--align-left {
+  align-items: flex-start;
+}
+
+.wt-content-wrapper--align-center {
+  align-items: center;
+}
+
+.wt-content-wrapper--align-stretch {
+  align-items: stretch;
+}
+</style>