@webitel/ui-sdk 26.6.56 → 26.6.57

package/dist/{wt-datepicker-DmmqWre1.js → wt-datepicker-BhOalZat.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as t, r as n } from "./enums-DW1oVune.js";
+import { l as t, r as n } from "./enums-CBWwTuq7.js";
 import { C as r, D as i, E as a, S as o, T as s, _ as c, a as l, b as u, c as d, d as f, f as p, g as m, h, i as g, l as _, m as v, o as y, p as ee, s as b, u as x, v as S, w as C, x as w, y as T } from "./dist-Dz55hlwp.js";
-import { t as te } from "./useValidation-NX7UjlXi.js";
+import { t as te } from "./useValidation-C43ysfVZ.js";
 import { Fragment as E, Teleport as ne, Transition as re, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as M, createTextVNode as N, createVNode as P, defineComponent as F, getCurrentScope as ie, guardReactiveProps as ae, isRef as oe, mergeProps as se, nextTick as ce, normalizeClass as I, normalizeProps as le, normalizeStyle as ue, onBeforeUpdate as de, onMounted as fe, onScopeDispose as pe, onUnmounted as me, openBlock as L, reactive as he, ref as R, renderList as z, renderSlot as B, resolveComponent as ge, resolveDynamicComponent as _e, toDisplayString as V, toRef as ve, toRefs as ye, unref as H, useSlots as be, vShow as xe, watch as Se, withCtx as U, withDirectives as Ce, withKeys as W, withModifiers as we } from "vue";
 //#region node_modules/date-fns/addDays.js
 function Te(e, t, n) {

package/dist/{wt-display-chip-items-CIW2Kmd1.js → wt-display-chip-items-BUWlvHn2.js}

@@ -1,4 +1,4 @@
-import { c as e, i as t } from "./components-Ceu_o5QZ.js";
+import { c as e, i as t } from "./components-DfHInAL6.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-dual-panel-Cnzr4m-k.js → wt-dual-panel-C5LZm1Tr.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as t, o as n } from "./enums-DW1oVune.js";
+import { l as t, o as n } from "./enums-CBWwTuq7.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, normalizeClass as c, openBlock as l, ref as u, renderSlot as d, resolveComponent as f, unref as p } from "vue";
 //#region src/components/wt-dual-panel/wt-dual-panel.vue
 var m = { class: "wt-dual-panel" }, h = {

package/dist/{wt-expansion-card-B3J3dMdV.js → wt-expansion-card-CJr62Q0Q.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as t } from "./enums-DW1oVune.js";
+import { l as t } from "./enums-CBWwTuq7.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-DJlgUtl5.js";
+import "./composables-C2o78NEs.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";
 import { createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toRef as m, unref as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";
 //#region src/components/wt-expansion-card/wt-expansion-card.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-expansion-panel-CYZR6tYG.js → wt-expansion-panel-Dvzj9PTk.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as t } from "./enums-DW1oVune.js";
+import { l as t } from "./enums-CBWwTuq7.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";
 import { createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toRef as m, unref as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";

package/dist/{wt-galleria-AICD8wZ_.js → wt-galleria-B34y1Swo.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
-import { a as n, o as r } from "./composables-DJlgUtl5.js";
+import { a as n, o as r } from "./composables-C2o78NEs.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderSlot as x, resolveComponent as S, toDisplayString as C, unref as w, useAttrs as T, useModel as E, vShow as D, watch as O, withCtx as k, withDirectives as A } from "vue";
 //#region src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup.js
 var j = () => {

package/dist/{wt-icon-CqEgBu_3.js → wt-icon-0grToL89.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./caseConverters-DXegZoCt.js";
-import { a as t, c as n } from "./enums-DW1oVune.js";
+import { a as t, l as n } from "./enums-CBWwTuq7.js";
 import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s } from "vue";
 //#region node_modules/dompurify/dist/purify.es.mjs
 function c(e, t) {
@@ -936,6 +936,9 @@ var Ye = Je(), Xe = e({
 	undo: "<svg  viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6 19C6 19.5523 6.44772 20 7 20H14.5C18.0899 20 21 17.0899 21 13.5C21 9.91015 18.0899 7 14.5 7H7.10615C7.25938 6.80984 7.4003 6.6138 7.52214 6.41698C7.75379 6.04278 8 5.53415 8 5C8 4.44771 7.55228 4 7 4C6.44772 4 6 4.44771 6 5C6 4.99152 5.99977 4.99232 5.99675 5.00262C5.9876 5.03382 5.95288 5.15222 5.82161 5.36427C5.66713 5.61382 5.43786 5.89792 5.16789 6.16789C4.89792 6.43786 4.61382 6.66713 4.36427 6.82161C4.15222 6.95288 4.03382 6.9876 4.00262 6.99675C3.99233 6.99976 3.99153 7 4 7C3.44772 7 3 7.44771 3 8C3 8.55229 3.44772 9 4 9C3.99153 9 3.99232 9.00023 4.00261 9.00325C4.03381 9.0124 4.15222 9.04712 4.36427 9.17839C4.61382 9.33287 4.89792 9.56214 5.16789 9.83211C5.43786 10.1021 5.66713 10.3862 5.82161 10.6357C5.95288 10.8478 5.9876 10.9662 5.99675 10.9974C5.99977 11.0077 6 11.0085 6 11C6 11.5523 6.44772 12 7 12C7.55228 12 8 11.5523 8 11C8 10.4658 7.75379 9.95722 7.52214 9.58302C7.4003 9.3862 7.25938 9.19016 7.10615 9H14.5C16.9853 9 19 11.0147 19 13.5C19 15.9853 16.9853 18 14.5 18H7C6.44772 18 6 18.4477 6 19Z\" />\n</svg>\n",
 	versions: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 2H14.1716C14.702 2 15.2107 2.21071 15.5858 2.58579L21.4142 8.41421C21.7893 8.78929 22 9.29799 22 9.82843V14C22 15.1046 21.1046 16 20 16H11C9.89543 16 9 15.1046 9 14V4C9 2.89543 9.89543 2 11 2ZM16 5.82843L18.1716 8H17C16.4477 8 16 7.55228 16 7V5.82843ZM11 4H14V7C14 8.65685 15.3431 10 17 10H20V14H11V4Z\" />\n<path d=\"M10 17C8.89543 17 8 16.1046 8 15V6C8 5.44772 7.55228 5 7 5C6.44772 5 6 5.44772 6 6V17C6 18.1046 6.89543 19 8 19H18C18.5523 19 19 18.5523 19 18C19 17.4477 18.5523 17 18 17H10Z\" />\n<path d=\"M7 20C5.89543 20 5 19.1046 5 18V9C5 8.44772 4.55228 8 4 8C3.44772 8 3 8.44772 3 9V20C3 21.1046 3.89543 22 5 22H15C15.5523 22 16 21.5523 16 21C16 20.4477 15.5523 20 15 20H7Z\" />\n</svg>\n",
 	webitelLogo: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M20.8877 10.6113C21.2936 10.2675 21.4738 9.72554 21.3547 9.20674L21.2284 8.65711C21.1097 8.1402 20.7135 7.73242 20.2008 7.59931L2.5651 3.02104C1.96996 2.86654 1.53736 3.59791 1.94112 4.07596L7.9352 11.1731C8.44168 11.7727 9.33776 11.8478 9.93665 11.3406L14.0573 7.85113C14.6562 7.34398 15.5523 7.41899 16.0588 8.01867L18.4319 10.8285C18.9384 11.4282 19.8345 11.5032 20.4334 10.996L20.8877 10.6113Z\" fill=\"url(#paint0_linear_11821_4528)\"/>\n    <path d=\"M3.15862 17.881L0.0347845 8.11559C-0.179907 7.44445 0.651318 6.95324 1.10091 7.48557L7.60057 15.1813C8.10705 15.7809 9.00313 15.856 9.60202 15.3488L13.7227 11.8593C14.3216 11.3522 15.2177 11.4272 15.7241 12.0269L22.3924 19.9222C22.8257 20.4352 22.2984 21.2039 21.6874 20.9499L17.0965 19.0417C16.8851 18.9539 16.6556 18.9185 16.4276 18.9385L6.11233 19.8466C4.79002 19.963 3.56354 19.1468 3.15862 17.881Z\" fill=\"url(#paint1_linear_11821_4528)\"/>\n    <path d=\"M21.8834 14.9448C22.678 15.7203 24 15.1482 24 14.0288C24 12.9091 22.6773 12.3372 21.8828 13.1134C21.3711 13.6133 21.3713 14.4452 21.8834 14.9448Z\" fill=\"url(#paint2_linear_11821_4528)\"/>\n    <defs>\n    <linearGradient id=\"paint0_linear_11821_4528\" x1=\"21.3838\" y1=\"4.47761\" x2=\"5.1167\" y2=\"20.2543\" gradientUnits=\"userSpaceOnUse\">\n    <stop stop-color=\"#D93DF5\"/>\n    <stop offset=\"1\" stop-color=\"#1A2EB2\"/>\n    </linearGradient>\n    <linearGradient id=\"paint1_linear_11821_4528\" x1=\"21.3838\" y1=\"4.47761\" x2=\"5.1167\" y2=\"20.2543\" gradientUnits=\"userSpaceOnUse\">\n    <stop stop-color=\"#D93DF5\"/>\n    <stop offset=\"1\" stop-color=\"#1A2EB2\"/>\n    </linearGradient>\n    <linearGradient id=\"paint2_linear_11821_4528\" x1=\"21.3838\" y1=\"4.47761\" x2=\"5.1167\" y2=\"20.2543\" gradientUnits=\"userSpaceOnUse\">\n    <stop stop-color=\"#D93DF5\"/>\n    <stop offset=\"1\" stop-color=\"#1A2EB2\"/>\n    </linearGradient>\n    </defs>\n</svg>\n",
+	wsSignalHigh: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"2\" y=\"12\" width=\"3\" height=\"9\" fill=\"#2DD264\"/>\n    <path d=\"M5 12L7 11V20L5 21V12Z\" fill=\"#24A850\"/>\n    <path d=\"M4 11H7L5 12H2L4 11Z\" fill=\"#28BD5A\"/>\n    <path d=\"M11 8H14L12 9H9L11 8Z\" fill=\"#28BD5A\"/>\n    <path d=\"M18 4H21L19 5H16L18 4Z\" fill=\"#28BD5A\"/>\n    <rect x=\"9\" y=\"9\" width=\"3\" height=\"12\" fill=\"#2DD264\"/>\n    <rect x=\"16\" y=\"5\" width=\"3\" height=\"16\" fill=\"#2DD264\"/>\n    <path d=\"M12 9L14 8V20L12 21V9Z\" fill=\"#24A850\"/>\n    <path d=\"M19 5L21.0001 4V20L19 21V5Z\" fill=\"#24A850\"/>\n</svg>\n",
+	wsSignalMedium: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"2\" y=\"12\" width=\"3\" height=\"9\" fill=\"#E99D63\"/>\n    <path d=\"M5 12L7 11V20L5 21V12Z\" fill=\"#E28136\"/>\n    <path d=\"M4 11H7L5 12H2L4 11Z\" fill=\"#E58E4C\"/>\n    <path d=\"M11 8H14L12 9H9L11 8Z\" fill=\"#E58E4C\"/>\n    <path d=\"M18 4H21L19 5H16L18 4Z\" fill=\"#C2C7D6\"/>\n    <rect x=\"9\" y=\"9\" width=\"3\" height=\"12\" fill=\"#E99D63\"/>\n    <rect x=\"16\" y=\"5\" width=\"3\" height=\"16\" fill=\"#E0E3EB\"/>\n    <path d=\"M12 9L14 8V20L12 21V9Z\" fill=\"#E28136\"/>\n    <path d=\"M19 5L21.0001 4V20L19 21V5Z\" fill=\"#A3ABC2\"/>\n</svg>\n",
+	wsSignalLow: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"2\" y=\"12\" width=\"3\" height=\"9\" fill=\"#EC7979\"/>\n    <path d=\"M5 12L7 11V20L5 21V12Z\" fill=\"#E54C4C\"/>\n    <path d=\"M4 11H7L5 12H2L4 11Z\" fill=\"#E96363\"/>\n    <path d=\"M11 8H14L12 9H9L11 8Z\" fill=\"#C2C7D6\"/>\n    <path d=\"M18 4H21L19 5H16L18 4Z\" fill=\"#C2C7D6\"/>\n    <rect x=\"9\" y=\"9\" width=\"3\" height=\"12\" fill=\"#E0E3EB\"/>\n    <rect x=\"16\" y=\"5\" width=\"3\" height=\"16\" fill=\"#E0E3EB\"/>\n    <path d=\"M12 9L14 8V20L12 21V9Z\" fill=\"#B3B9CC\"/>\n    <path d=\"M19 5L21.0001 4V20L19 21V5Z\" fill=\"#A3ABC2\"/>\n</svg>\n",
 	portal: "<svg id=\"portal\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM9 19.416C9.92666 19.7912 10.9388 20 12 20C12.4458 20 12.8827 19.9617 13.3086 19.8916L9 16.3008V19.416ZM15.5596 19.1641C16.6047 18.6438 17.5195 17.9024 18.2432 17H12.9629L15.5596 19.1641ZM4.83496 15.5596C5.35516 16.6047 6.09769 17.5185 7 18.2422V12.9619L4.83496 15.5596ZM12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM16.3018 15H19.416C19.7912 14.0733 20 13.0612 20 12C20 11.5539 19.9618 11.1166 19.8916 10.6904L16.3018 15ZM4.58398 9C4.20875 9.92666 4 10.9388 4 12C4 12.4457 4.03734 12.8827 4.10742 13.3086L7.69824 9H4.58398ZM17 11.0371L19.1641 8.43945C18.6438 7.39467 17.9022 6.48031 17 5.75684V11.0371ZM12 4C11.554 4 11.1166 4.03724 10.6904 4.10742L15 7.69824V4.58301C14.0734 4.20786 13.0611 4 12 4ZM8.43945 4.83496C7.3945 5.35523 6.4804 6.0977 5.75684 7H11.0371L8.43945 4.83496Z\" />\n</svg>\n",
 	previewTagAudio: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M9 13.1707C8.68722 13.0602 8.35064 13 8 13C6.34315 13 5 14.3431 5 16C5 17.6569 6.34315 19 8 19C9.65685 19 11 17.6569 11 16V16V7.86731L16 7.15302L16 12.1707C15.6872 12.0602 15.3506 12 15 12C13.3431 12 12 13.3431 12 15C12 16.6569 13.3431 18 15 18C16.6568 18 18 16.6569 18 15V15V7.15302C18 5.93593 16.922 5.001 15.7172 5.17313L10.7172 5.88741C9.73186 6.02817 9 6.87201 9 7.86731V13.1707ZM9 16C8.99999 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16V16ZM16 15V15C16 14.4477 15.5523 14 15 14C14.4477 14 14 14.4477 14 15C14 15.5523 14.4477 16 15 16C15.5523 16 16 15.5523 16 15Z\"/>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6ZM6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z\"/>\n</svg>\n",
 	previewTagVideo: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M9.00002 15.0657C9.00002 16.2638 10.3352 16.9783 11.3321 16.3138L15.9307 13.248C16.8213 12.6543 16.8213 11.3456 15.9307 10.7519L11.3321 7.68616C10.3352 7.0216 9.00002 7.73619 9.00002 8.93423L9.00002 15.0657ZM14.1972 12L11 14.1315V9.86849L14.1972 12Z\"/>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM18 4H6C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4Z\"/>\n</svg>\n",

package/dist/{wt-icon-action-DlZx4RV6.js → wt-icon-action-D1Vq_ixS.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./enums-DW1oVune.js";
+import { o as e } from "./enums-CBWwTuq7.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
 import { t as n } from "./sortQueryAdapters-CyYXvnDN.js";
 import { computed as r, createBlock as i, openBlock as a, resolveComponent as o, resolveDirective as s, unref as c, withDirectives as l } from "vue";

package/dist/{wt-icon-btn-B66HR8qM.js → wt-icon-btn-Czg40DXn.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./wt-icon-CqEgBu_3.js";
+import { t as e } from "./wt-icon-0grToL89.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, toDisplayString as _, useModel as v, useSlots as y, withCtx as b } from "vue";
 //#region src/components/wt-checkbox/wt-checkbox.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-notifications-bar-Bbzp4mi1.js → wt-notifications-bar-OGD1cukw.js}

@@ -1,7 +1,6 @@
-import { i as e } from "./enums-DW1oVune.js";
-import { t } from "./wt-toast-gaZL33Am.js";
-import { n } from "./usetoast-BECIyaas.js";
-import { t as r } from "./eventBus-By3thVlR.js";
+import { i as e } from "./enums-CBWwTuq7.js";
+import { n as t, t as n } from "./wt-toast-DrD3sFlE.js";
+import { n as r } from "./usetoast-BECIyaas.js";
 import { createBlock as i, inject as a, onUnmounted as o, openBlock as s } from "vue";
 //#region src/components/wt-toast/types/index.ts
 var c = {
@@ -12,7 +11,7 @@ var c = {
 }, l = 4e3, u = /*@__PURE__*/ Object.assign({ name: "WtNotificationsBar" }, {
 	__name: "wt-notifications-bar",
 	setup(e) {
-		let u = a("$eventBus", null) ?? r, d = n();
+		let u = a("$eventBus", null) ?? t, d = r();
 		function f({ type: e, text: t, timeout: n }) {
 			d.add({
 				severity: c[e],
@@ -22,7 +21,7 @@ var c = {
 		}
 		return u.$on("notification", f), o(() => {
 			u.$off("notification", f);
-		}), (e, n) => (s(), i(t, { position: "top-right" }));
+		}), (e, t) => (s(), i(n, { position: "top-right" }));
 	}
 });
 //#endregion

package/dist/{wt-player-CFL51-s6.js → wt-player-YrvPar8x.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./wt-icon-CqEgBu_3.js";
+import { t as e } from "./wt-icon-0grToL89.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as n } from "./enums-DW1oVune.js";
-import { t as r } from "./wt-button-Cv7wRtF5.js";
+import { l as n } from "./enums-CBWwTuq7.js";
+import { t as r } from "./wt-button-BieXVsvP.js";
 import { n as i, t as a } from "./useVidstackSrc-jCDCYTce.js";
 import { t as o } from "./wt-popover-CJin-2BO.js";
 import { t as s } from "./wt-slider-BS3SoGht.js";

package/dist/{wt-search-bar--ACLsoNo.js → wt-search-bar-gN_xHkW3.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./useValidation-NX7UjlXi.js";
-import { t as n } from "./debounce-DPzXwiOS.js";
+import { t } from "./debounce-DPzXwiOS.js";
+import { t as n } from "./useValidation-C43ysfVZ.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, toRefs as _, unref as v, withCtx as y, withDirectives as b } from "vue";
 //#region src/components/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang.ts
 var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PURE__ */ u({
@@ -38,10 +38,10 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
 		"change:search-mode"
 	],
 	setup(e, { emit: u }) {
-		let S = e, C = u, { v: w, customValidators: T } = _(S), { invalid: E } = t({
+		let S = e, C = u, { v: w, customValidators: T } = _(S), { invalid: E } = n({
 			v: w,
 			customValidators: T
-		}), D = r(() => E.value ? "error" : "default"), O = r(() => S.value || S.searchMode || S.hint), k = n((e) => {
+		}), D = r(() => E.value ? "error" : "default"), O = r(() => S.value || S.searchMode || S.hint), k = t((e) => {
 			C("search", e);
 		}, 1e3);
 		function A(e) {

package/dist/{wt-send-message-popup-D5_uap5F.js → wt-send-message-popup-pvipgSrX.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-Ceu_o5QZ.js";
+import { n as e } from "./components-DfHInAL6.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
-import { n, r } from "./clients-BylvVtUg.js";
+import { n, r } from "./clients-Wwy51tyT.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 //#endregion
 //#region src/components/on-demand/wt-send-message-popup/wt-send-message-popup.vue

package/dist/{wt-table-2AC3hrK9.js → wt-table-DK0LjVC0.js}

@@ -1,7 +1,7 @@
 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-DJlgUtl5.js";
+import { t as i } from "./composables-C2o78NEs.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({

package/dist/{wt-timepicker-DpZmWZdv.js → wt-timepicker-FhXfhuFl.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as t, r as n } from "./enums-DW1oVune.js";
+import { l as t, r as n } from "./enums-CBWwTuq7.js";
 import { t as r } from "./vue-i18n-B8Px6VcD.js";
-import { t as i } from "./useValidation-NX7UjlXi.js";
+import { t as i } from "./useValidation-C43ysfVZ.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({

package/dist/wt-toast-DrD3sFlE.js

@@ -0,0 +1,71 @@
+import { t as e } from "./wt-icon-0grToL89.js";
+import { i as t, l as n } from "./enums-CBWwTuq7.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, normalizeProps as d, openBlock as f, resolveComponent as p, toDisplayString as m, unref as h, useAttrs as g, withCtx as _ } from "vue";
+//#region node_modules/mitt/dist/mitt.mjs
+function v(e) {
+	return {
+		all: e ||= /* @__PURE__ */ new Map(),
+		on: function(t, n) {
+			var r = e.get(t);
+			r ? r.push(n) : e.set(t, [n]);
+		},
+		off: function(t, n) {
+			var r = e.get(t);
+			r && (n ? r.splice(r.indexOf(n) >>> 0, 1) : e.set(t, []));
+		},
+		emit: function(t, n) {
+			var r = e.get(t);
+			r && r.slice().map(function(e) {
+				e(n);
+			}), (r = e.get("*")) && r.slice().map(function(e) {
+				e(t, n);
+			});
+		}
+	};
+}
+//#endregion
+//#region src/scripts/eventBus.js
+var y = v(), b = {
+	$on: (...e) => y.on(...e),
+	$off: (...e) => y.off(...e),
+	$emit: (...e) => y.emit(...e)
+}, x = { class: "p-toast-message-text" }, S = { class: "p-toast-summary" }, C = {
+	key: 0,
+	class: "p-toast-detail"
+}, w = /* @__PURE__ */ l({
+	name: "WtToast",
+	inheritAttrs: !1,
+	__name: "wt-toast",
+	setup(l) {
+		let v = g(), y = {
+			success: "done",
+			info: "rounded-info",
+			warn: "warning",
+			error: "error"
+		}, b = {
+			success: t.SUCCESS,
+			info: t.INFO,
+			warn: t.WARN,
+			error: t.ERROR,
+			contrast: t.CONTRAST,
+			secondary: t.SECONDARY
+		};
+		return (l, g) => {
+			let w = p("PToast");
+			return f(), i(w, d(u(h(v))), {
+				message: _(({ message: n }) => [n ? (f(), o(r, { key: 0 }, [c(e, {
+					icon: y[n.severity] ?? "",
+					color: b[n.severity] ?? h(t).CONTRAST,
+					class: "p-toast-message-icon"
+				}, null, 8, ["icon", "color"]), s("div", x, [s("span", S, m(n.summary), 1), n.detail ? (f(), o("div", C, m(n.detail), 1)) : a("", !0)])], 64)) : a("", !0)]),
+				closeicon: _(() => [c(e, {
+					icon: "close",
+					size: h(n).SM
+				}, null, 8, ["size"])]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { b as n, w as t };

package/dist/{wt-tree-table-DkK3EyzZ.js → wt-tree-table-D1XoKDVw.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as t, t as n } from "./wt-icon-btn-B66HR8qM.js";
-import { n as r } from "./sortQueryAdapters-CyYXvnDN.js";
+import { n as t } from "./sortQueryAdapters-CyYXvnDN.js";
+import { n, t as r } from "./wt-icon-btn-Czg40DXn.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
@@ -30,8 +30,8 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 		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 = () => {
+	setup(e, { emit: t }) {
+		let i = e, p = t, 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;
@@ -42,7 +42,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 		};
 		return _(() => {
 			i.searchedProp && M(i.data) && D();
-		}), (r, i) => {
+		}), (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,
@@ -52,29 +52,29 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 					key: e,
 					class: "wt-tree-table-row__tree-space"
 				}))), 128)),
-				e.selectable ? (v(), s(t, {
+				e.selectable ? (v(), s(n, {
 					key: 0,
 					selected: T.value,
-					"onUpdate:selected": i[0] ||= (t) => r.$emit("update:selected", {
+					"onUpdate:selected": i[0] ||= (n) => t.$emit("update:selected", {
 						data: e.data,
-						select: t
+						select: n
 					})
 				}, null, 8, ["selected"])) : c("", !0),
-				e.data[e.childrenProp] ? (v(), s(n, {
+				e.data[e.childrenProp] ? (v(), s(r, {
 					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, {
+			])), x(t.$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", {
+			}, () => [f(C(e.data[o.value]), 1)], !0)])]))), 128)), e.gridActions ? (v(), l("td", A, [u("div", j, [x(t.$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,
+			}, void 0, !0)])])) : c("", !0)], 2), m.value ? c("", !0) : (v(!0), l(a, { key: 0 }, b(e.data[e.childrenProp], (n, r) => (v(), s(o, {
+				key: r,
 				"children-prop": e.childrenProp,
-				data: t,
+				data: n,
 				"data-headers": e.dataHeaders,
 				"nesting-level": w.value,
 				"row-position": e.rowPosition,
@@ -82,22 +82,22 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 				selectable: e.selectable,
 				"selected-elements": e.selectedElements,
 				onExpandedCollapse: D,
-				"onUpdate:selected": i[2] ||= (e) => r.$emit("update:selected", {
+				"onUpdate:selected": i[2] ||= (e) => t.$emit("update:selected", {
 					data: e.data,
 					select: e.select
 				})
 			}, d({
-				actions: E(({ item: t }) => [x(r.$slots, "actions", {
+				actions: E(({ item: n }) => [x(t.$slots, "actions", {
 					index: e.rowPosition,
-					item: t
+					item: n
 				}, void 0, !0)]),
 				_: 2
-			}, [b(e.dataHeaders, (t, n) => ({
-				name: t.value,
-				fn: E(({ item: n }) => [x(r.$slots, t.value, {
+			}, [b(e.dataHeaders, (n, r) => ({
+				name: n.value,
+				fn: E(({ item: r }) => [x(t.$slots, n.value, {
 					index: e.rowPosition,
-					item: n
-				}, () => [u("div", null, C(n[t.value]), 1)], !0)])
+					item: r
+				}, () => [u("div", null, C(r[n.value]), 1)], !0)])
 			}))]), 1032, [
 				"children-prop",
 				"data",
@@ -135,8 +135,8 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 		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) => {
+	setup(e, { emit: r }) {
+		let m = e, _ = r, 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);
@@ -148,7 +148,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 			};
 			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));
+			U(e) && _("sort", e, t(e.sort));
 		}, G = (e, t) => {
 			e.forEach((e) => {
 				e._isSelected = t, y(e) && G(e[m.childrenProp], t);
@@ -158,22 +158,22 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 		}, 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) => {
+		return (t, 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)
+			return v(), l("div", N, [u("table", P, [u("thead", F, [u("tr", I, [(v(!0), l(a, null, b(T(H), (t, a) => (v(), l("th", {
+				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)
 			}, [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, {
+				}, [p(n, {
 					selected: j.value,
 					"onUpdate:selected": K
 				}, null, 8, ["selected"])])) : c("", !0),
-				u("div", R, C(n.text), 1),
+				u("div", R, C(t.text), 1),
 				e.sortable ? (v(), s(i, {
 					key: 1,
 					class: "wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--asc",
@@ -186,25 +186,25 @@ var O = { class: "wt-tree-table-td__content" }, k = {
 					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, {
+			], 2)], 14, L))), 128)), e.gridActions ? (v(), l("th", z, [u("div", B, [x(t.$slots, "actions-header", {}, void 0, !0)])])) : c("", !0)])]), u("tbody", V, [(v(!0), l(a, null, b(e.data, (n, i) => (v(), s(M, {
 				key: i,
 				"row-position": i,
 				"data-headers": T(H),
-				data: t,
+				data: n,
 				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)]),
+				actions: E(({ item: e }) => [x(t.$slots, "actions", { item: e }, void 0, !0)]),
 				_: 2
-			}, [b(T(H), (e, t) => ({
+			}, [b(T(H), (e, n) => ({
 				name: e.value,
-				fn: E(({ item: t }) => [x(n.$slots, e.value, {
+				fn: E(({ item: n }) => [x(t.$slots, e.value, {
 					index: i,
-					item: t
-				}, () => [f(C(t[e.value]), 1)], !0)])
+					item: n
+				}, () => [f(C(n[e.value]), 1)], !0)])
 			}))]), 1032, [
 				"row-position",
 				"data-headers",

package/dist/{wt-type-extension-value-input-f5i8mReW.js → wt-type-extension-value-input-B2fSsZQc.js}

@@ -1,7 +1,7 @@
-import { a as e, o as t, r as n, s as r } from "./components-Ceu_o5QZ.js";
-import { t as i } from "./enums-DW1oVune.js";
+import { a as e, o as t, r as n, s as r } from "./components-DfHInAL6.js";
+import { t as i } from "./enums-CBWwTuq7.js";
 import { t as a } from "./vue-i18n-B8Px6VcD.js";
-import { t as o } from "./clients-BylvVtUg.js";
+import { t as o } from "./clients-Wwy51tyT.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

package/dist/{wt-vidstack-player-Ba6-mEdW.js → wt-vidstack-player-DwCYvtSh.js}

@@ -1,8 +1,8 @@
-import { l as e } from "./components-Ceu_o5QZ.js";
+import { l as e } from "./components-DfHInAL6.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as n } from "./enums-DW1oVune.js";
-import "./wt-button-Cv7wRtF5.js";
-import { t as r } from "./wt-icon-btn-B66HR8qM.js";
+import { l as n } from "./enums-CBWwTuq7.js";
+import "./wt-button-BieXVsvP.js";
+import { t as r } from "./wt-icon-btn-Czg40DXn.js";
 import { $ as i, A as a, B as o, C as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as ee, P as te, Q as _, R as ne, T as re, U as v, W as ie, X as ae, Y as oe, Z as y, _ as b, a as se, at as ce, b as le, c as ue, d as de, et as x, f as fe, g as pe, h as me, i as S, it as he, k as ge, l as C, m as _e, n as w, nt as ve, o as T, p as E, q as D, r as O, rt as k, st as ye, t as be, tt as xe, u as Se, v as A, w as j, x as Ce, y as we, z as Te } from "./vidstack-BGSTndAW-CyKM_CM4.js";
 import { _ as Ee, a as De, c as Oe, f as ke, g as Ae, h as je, i as Me, l as Ne, n as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, x as Be, y as Ve } from "./useVidstackSrc-jCDCYTce.js";
 import { i as He, n as Ue } from "./vidstack-CTojmhKq-D7sZJxgm.js";

package/package.json

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

package/src/assets/icons/sprite/index.ts

@@ -241,6 +241,9 @@ import violation from './violation.svg?raw';
 import violationFilled from './violation--filled.svg?raw';
 import warning from './warning.svg?raw';
 import webitelLogo from './webitel-logo.svg?raw';
+import wsSignalHigh from './ws-signal-high.svg?raw';
+import wsSignalLow from './ws-signal-low.svg?raw';
+import wsSignalMedium from './ws-signal-medium.svg?raw';
 import zoomIn from './zoom-in.svg?raw';
 import zoomOut from './zoom-out.svg?raw';
 
@@ -454,6 +457,10 @@ export default objCamelToKebab({
 
 	webitelLogo,
 
+	wsSignalHigh,
+	wsSignalMedium,
+	wsSignalLow,
+
 	portal,
 
 	previewTagAudio,

package/src/assets/icons/sprite/ws-signal-high.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <rect x="2" y="12" width="3" height="9" fill="#2DD264"/>
+    <path d="M5 12L7 11V20L5 21V12Z" fill="#24A850"/>
+    <path d="M4 11H7L5 12H2L4 11Z" fill="#28BD5A"/>
+    <path d="M11 8H14L12 9H9L11 8Z" fill="#28BD5A"/>
+    <path d="M18 4H21L19 5H16L18 4Z" fill="#28BD5A"/>
+    <rect x="9" y="9" width="3" height="12" fill="#2DD264"/>
+    <rect x="16" y="5" width="3" height="16" fill="#2DD264"/>
+    <path d="M12 9L14 8V20L12 21V9Z" fill="#24A850"/>
+    <path d="M19 5L21.0001 4V20L19 21V5Z" fill="#24A850"/>
+</svg>

package/src/assets/icons/sprite/ws-signal-low.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <rect x="2" y="12" width="3" height="9" fill="#EC7979"/>
+    <path d="M5 12L7 11V20L5 21V12Z" fill="#E54C4C"/>
+    <path d="M4 11H7L5 12H2L4 11Z" fill="#E96363"/>
+    <path d="M11 8H14L12 9H9L11 8Z" fill="#C2C7D6"/>
+    <path d="M18 4H21L19 5H16L18 4Z" fill="#C2C7D6"/>
+    <rect x="9" y="9" width="3" height="12" fill="#E0E3EB"/>
+    <rect x="16" y="5" width="3" height="16" fill="#E0E3EB"/>
+    <path d="M12 9L14 8V20L12 21V9Z" fill="#B3B9CC"/>
+    <path d="M19 5L21.0001 4V20L19 21V5Z" fill="#A3ABC2"/>
+</svg>

package/src/assets/icons/sprite/ws-signal-medium.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <rect x="2" y="12" width="3" height="9" fill="#E99D63"/>
+    <path d="M5 12L7 11V20L5 21V12Z" fill="#E28136"/>
+    <path d="M4 11H7L5 12H2L4 11Z" fill="#E58E4C"/>
+    <path d="M11 8H14L12 9H9L11 8Z" fill="#E58E4C"/>
+    <path d="M18 4H21L19 5H16L18 4Z" fill="#C2C7D6"/>
+    <rect x="9" y="9" width="3" height="12" fill="#E99D63"/>
+    <rect x="16" y="5" width="3" height="16" fill="#E0E3EB"/>
+    <path d="M12 9L14 8V20L12 21V9Z" fill="#E28136"/>
+    <path d="M19 5L21.0001 4V20L19 21V5Z" fill="#A3ABC2"/>
+</svg>

package/src/components/index.js

@@ -9,6 +9,7 @@ import WtBadge from './wt-badge/wt-badge.vue';
 import WtBadgeNew from './wt-badge-new/wt-badge.vue';
 import WtBreadcrumb from './wt-breadcrumb/wt-breadcrumb.vue';
 import WtButton from './wt-button/wt-button.vue';
+import WtCallMediaMetric from './wt-call-media-metric/wt-call-media-metric.vue';
 import WtCheckbox from './wt-checkbox/wt-checkbox.vue';
 import WtChip from './wt-chip/wt-chip.vue';
 import WtDatetimeText from './wt-datetime-text/wt-datetime-text.vue';
@@ -255,6 +256,7 @@ const Components = {
 	WtScreenRecordingsAction,
 	WtInlineAddPanel,
 	WtCallMediaAction,
+	WtCallMediaMetric,
 	WtSendMessagePopup,
 };
 
@@ -269,6 +271,7 @@ export {
 	WtButton,
 	WtButtonSelect,
 	WtCallMediaAction,
+	WtCallMediaMetric,
 	WtChatEmoji,
 	WtCheckbox,
 	WtChip,

package/src/components/wt-call-media-metric/wt-call-media-metric.vue

@@ -0,0 +1,41 @@
+<template>
+  <wt-icon
+    v-if="resolvedQuality"
+    v-tooltip.bottom="showTooltip ? tooltip : undefined"
+    :icon="`ws-signal-${resolvedQuality}`"
+    :size="size"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { ComponentSize, type ConnectionQualityLevelsType } from '../../enums';
+import { getConnectionQuality } from '../../scripts';
+
+const props = withDefaults(
+	defineProps<{
+		quality?: ConnectionQualityLevelsType | null;
+		mosAvg?: number | null;
+		size?: (typeof ComponentSize)[keyof typeof ComponentSize];
+		showTooltip?: boolean;
+	}>(),
+	{
+		size: ComponentSize.MD,
+		showTooltip: false,
+	},
+);
+
+const { t } = useI18n();
+
+const resolvedQuality = computed(() => {
+	if (props.quality) return props.quality;
+	return getConnectionQuality(props.mosAvg ?? undefined);
+});
+
+const tooltip = computed(() =>
+	resolvedQuality.value
+		? t(`connectionQuality.${resolvedQuality.value}`)
+		: undefined,
+);
+</script>