@webitel/ui-sdk 26.2.98 → 26.2.100

package/dist/{wt-page-header-ByBsfiyu.js → wt-page-header-BgcZ_Rcv.js}

@@ -1,5 +1,5 @@
 import { computed as f, resolveComponent as r, createBlock as i, openBlock as l, withCtx as a, renderSlot as n, createCommentVNode as c, createVNode as p, createTextVNode as s, toDisplayString as u } from "vue";
-import { _ as b } from "./install-BBw_I2Du.js";
+import { _ as b } from "./install-BLg9stRY.js";
 const h = {
   __name: "wt-page-header",
   props: {

package/dist/{wt-pagination-C-p6SXsh.js → wt-pagination-DG4P_LiA.js}

@@ -1,4 +1,4 @@
-import { _ as p, D as _ } from "./install-BBw_I2Du.js";
+import { _ as p, D as _ } from "./install-BLg9stRY.js";
 import { resolveComponent as c, resolveDirective as u, createElementBlock as g, openBlock as h, createElementVNode as o, createVNode as a, toDisplayString as m, withDirectives as d } from "vue";
 const f = {
   name: "WtPagination",

package/dist/{wt-player-CkGDvuZH.js → wt-player-g8VNgPag.js}

@@ -1,5 +1,5 @@
 import { defineComponent as y, computed as m, watch as r, onMounted as w, createElementBlock as v, openBlock as B, normalizeClass as g, createElementVNode as s, createVNode as o } from "vue";
-import { E as e, _ as x } from "./install-BBw_I2Du.js";
+import { E as e, _ as x } from "./install-BLg9stRY.js";
 const V = ["src", "loop", "autoplay"], _ = ["controls", "download"], b = /* @__PURE__ */ y({
   __name: "wt-player",
   props: {

package/dist/{wt-search-bar-BC5aVq8q.js → wt-search-bar-DLG08mDV.js}

@@ -1,5 +1,5 @@
 import { defineComponent as O, toRefs as $, computed as y, resolveComponent as o, resolveDirective as A, createBlock as l, openBlock as s, unref as h, createSlots as E, withCtx as n, createVNode as p, createElementVNode as U, createCommentVNode as m, renderSlot as j, createTextVNode as K, toDisplayString as z, withDirectives as H } from "vue";
-import { z as P, D as R, _ as T } from "./install-BBw_I2Du.js";
+import { z as P, D as R, _ as T } from "./install-BLg9stRY.js";
 const q = { class: "wt-search-bar__icon-controls" }, F = /* @__PURE__ */ O({
   __name: "wt-search-bar",
   props: {

package/dist/{wt-selection-popup-CioPEz5j.js → wt-selection-popup-CSy9je5D.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as i, resolveDirective as $, createBlock as r, openBlock as t, mergeProps as x, withCtx as c, createVNode as f, createTextVNode as a, toDisplayString as s, unref as w, createElementVNode as h, renderSlot as k, createElementBlock as d, Fragment as z, renderList as D, normalizeClass as E, createCommentVNode as p, withDirectives as I } from "vue";
-import { _ as O, B as P } from "./install-BBw_I2Du.js";
+import { _ as O, B as P } from "./install-BLg9stRY.js";
 const j = { class: "wt-selection-popup__options" }, A = ["onClick"], F = { class: "wt-selection-popup__item-header typo-subtitle-2" }, L = {
   key: 1,
   class: "popup-options__item-text"

package/dist/{wt-start-page-BEICkEsF.js → wt-start-page-DqaU6Ht9.js}

@@ -1,5 +1,5 @@
 import { inject as y, resolveComponent as _, createElementBlock as d, openBlock as a, createElementVNode as o, createBlock as u, createCommentVNode as h, createTextVNode as g, toDisplayString as l, createVNode as N, withCtx as f, defineComponent as w, computed as m, Fragment as E, renderList as k } from "vue";
-import { L as n, _ as p } from "./install-BBw_I2Du.js";
+import { L as n, _ as p } from "./install-BLg9stRY.js";
 n.env.NODE_ENV;
 n.env.NODE_ENV;
 n.env.NODE_ENV;

package/dist/{wt-status-select-C_qnaYpz.js → wt-status-select-BxzMR9nZ.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as u, createBlock as d, openBlock as f, withCtx as c, createVNode as i } from "vue";
-import { _ as h } from "./install-BBw_I2Du.js";
+import { _ as h } from "./install-BLg9stRY.js";
 const s = Object.freeze({
   ONLINE: "online",
   PAUSE: "pause",

package/dist/{wt-stepper-CL8ovzwC.js → wt-stepper-DZxBNQcf.js}

@@ -1,5 +1,5 @@
 import { computed as i, resolveComponent as w, createElementBlock as s, openBlock as p, createElementVNode as r, renderSlot as n, Fragment as h, renderList as f, createCommentVNode as y, createVNode as S, normalizeClass as C, withCtx as N, createTextVNode as V, toDisplayString as d } from "vue";
-import { _ as k } from "./install-BBw_I2Du.js";
+import { _ as k } from "./install-BLg9stRY.js";
 const x = { class: "wt-stepper" }, b = { class: "wt-stepper-header" }, g = { class: "wt-stepper-steps" }, B = { class: "wt-stepper-steps__wrapper" }, E = { class: "wt-stepper-description" }, $ = {
   __name: "wt-stepper",
   props: {

package/dist/{wt-table-CzN3AkBx.js → wt-table-C5keIxBl.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ee, useSlots as te, useTemplateRef as oe, ref as H, computed as _, onMounted as le, onUnmounted as ae, resolveComponent as L, resolveDirective as re, createBlock as f, openBlock as c, createSlots as W, withCtx as i, createCommentVNode as b, createElementBlock as U, createVNode as q, withModifiers as ne, Fragment as se, renderList as de, createElementVNode as $, normalizeStyle as ie, renderSlot as h, createTextVNode as K, toDisplayString as V, withDirectives as ce, nextTick as ue } from "vue";
-import { B as pe, _ as fe } from "./install-BBw_I2Du.js";
+import { B as pe, _ as fe } from "./install-BLg9stRY.js";
 import { g as me } from "./sortQueryAdapters-M9bNEM3P.js";
 const ye = (r, C) => {
   let o = null, p = null, w = null, d = !1;

package/dist/{wt-table-actions-HbCwwdUG.js → wt-table-actions-ZNHYabhN.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, computed as l, resolveComponent as p, resolveDirective as g, createElementBlock as S, openBlock as n, renderSlot as y, withDirectives as r, createCommentVNode as u, createVNode as A, createBlock as a, withCtx as B, normalizeClass as I } from "vue";
-import { _ as O } from "./install-BBw_I2Du.js";
+import { _ as O } from "./install-BLg9stRY.js";
 const R = { class: "wt-table-actions" }, U = /* @__PURE__ */ C({
   __name: "wt-table-actions",
   props: {

package/dist/{wt-table-column-select-DwYGmWHL.js → wt-table-column-select-Bac8EQ9f.js}

@@ -1,6 +1,6 @@
-import { d as C } from "./index-CIE2QeHL.js";
+import { d as C } from "./index-DMNVRM8G.js";
 import { resolveComponent as a, resolveDirective as g, createElementBlock as c, openBlock as r, withDirectives as v, createVNode as s, withCtx as n, createTextVNode as i, toDisplayString as p, createElementVNode as h, normalizeClass as S, Fragment as k, renderList as D, withModifiers as y } from "vue";
-import { _ as P } from "./install-BBw_I2Du.js";
+import { _ as P } from "./install-BLg9stRY.js";
 const H = {
   name: "WtTableColumnSelect",
   model: {

package/dist/{wt-tabs-wE82XKh0.js → wt-tabs-BFshmhdU.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as n, openBlock as r, normalizeClass as o, createElementVNode as a, Fragment as c, renderList as d, renderSlot as f, normalizeProps as h, guardReactiveProps as u, toDisplayString as v, normalizeStyle as m } from "vue";
-import { _ as p } from "./install-BBw_I2Du.js";
+import { _ as p } from "./install-BLg9stRY.js";
 const _ = {
   name: "WtTabs",
   model: {

package/dist/{wt-tags-input-HC6QGKW6.js → wt-tags-input-DpbWEd4D.js}

@@ -1,5 +1,5 @@
-import { d as O } from "./index-sqohw3QE.js";
-import { F as h, _ as E, C as S, M as z, G as A, H as B } from "./install-BBw_I2Du.js";
+import { d as O } from "./index-BDbIb0Wx.js";
+import { F as h, _ as E, C as S, M as z, G as A, H as B } from "./install-BLg9stRY.js";
 import { resolveComponent as n, resolveDirective as R, createElementBlock as I, openBlock as v, normalizeClass as P, createBlock as p, createCommentVNode as c, createVNode as o, mergeProps as g, withCtx as a, renderSlot as b, normalizeProps as f, guardReactiveProps as $, createTextVNode as d, toDisplayString as r, toHandlers as j, createSlots as q, withDirectives as V, createElementVNode as w, vShow as H, withModifiers as N } from "vue";
 const D = {
   props: {

package/dist/{wt-timepicker-MUKkxRJM.js → wt-timepicker-B7zqxTy-.js}

@@ -1,5 +1,5 @@
 import { defineComponent as q, toRefs as R, computed as o, resolveComponent as w, createElementBlock as O, openBlock as d, normalizeClass as j, unref as t, createBlock as r, createCommentVNode as m, createElementVNode as A, mergeProps as F, withCtx as x, renderSlot as G, normalizeProps as J, guardReactiveProps as K, createTextVNode as S, toDisplayString as y, nextTick as Q } from "vue";
-import { B as W, z as X, C as Y, M as Z, _ as ee } from "./install-BBw_I2Du.js";
+import { B as W, z as X, C as Y, M as Z, _ as ee } from "./install-BLg9stRY.js";
 const le = { class: "wt-timepicker__wrapper" }, c = 3600, M = 60, ae = /* @__PURE__ */ q({
   __name: "wt-timepicker",
   props: {

package/dist/{wt-tree-CuLUbiWR.js → wt-tree-B0Q5FzLQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as z, computed as L, ref as J, onMounted as K, watch as Q, resolveComponent as I, createElementBlock as v, openBlock as i, Fragment as x, createElementVNode as D, withDirectives as X, renderSlot as T, createBlock as w, createCommentVNode as b, renderList as A, normalizeClass as M, toDisplayString as O, createVNode as Y, withCtx as W, createSlots as U, normalizeProps as q, guardReactiveProps as F, vShow as Z, unref as N } from "vue";
-import { d as P } from "./index-sqohw3QE.js";
-import { W as _, _ as R } from "./install-BBw_I2Du.js";
+import { d as P } from "./index-BDbIb0Wx.js";
+import { W as _, _ as R } from "./install-BLg9stRY.js";
 const ee = { class: "wt-tree-line" }, te = { class: "wt-tree-line__icon-wrapper" }, ae = { class: "wt-tree-line__label typo-body-1" }, le = /* @__PURE__ */ z({
   __name: "wt-tree-line",
   props: {

package/dist/{wt-tree-table-CYqQ97mq.js → wt-tree-table-k3Bchetx.js}

@@ -1,5 +1,5 @@
 import { computed as C, unref as B, defineComponent as z, ref as O, onMounted as D, resolveComponent as L, createElementBlock as d, openBlock as l, Fragment as $, createElementVNode as u, createCommentVNode as b, normalizeClass as T, renderList as m, renderSlot as p, createBlock as x, createTextVNode as U, toDisplayString as H, createSlots as W, withCtx as I, toRef as F, normalizeStyle as j, withModifiers as q, createVNode as G } from "vue";
-import { B as J, O as R, P as Q, _ as M } from "./install-BBw_I2Du.js";
+import { B as J, O as R, P as Q, _ as M } from "./install-BLg9stRY.js";
 import { g as X } from "./sortQueryAdapters-M9bNEM3P.js";
 const Y = ({ headers: e }) => {
   const { t: y } = J();

package/dist/{wt-type-extension-value-input-WXk9cxF0.js → wt-type-extension-value-input-BGMBxpWA.js}

@@ -1,6 +1,6 @@
 import { defineComponent as Ae, mergeModels as Te, useModel as De, computed as _, resolveComponent as J, createBlock as Z, renderSlot as N, createCommentVNode as we, unref as w, openBlock as ee, mergeProps as x, createVNode as P } from "vue";
-import { ae as ve, af as Oe, N as qe, ag as ke, ah as Ee, B as Se, ai as Ce, aj as te, ak as _e } from "./install-BBw_I2Du.js";
-import { d as xe } from "./index-CIE2QeHL.js";
+import { ae as ve, af as Oe, N as qe, ag as ke, ah as Ee, B as Se, ai as Ce, aj as te, ak as _e } from "./install-BLg9stRY.js";
+import { d as xe } from "./index-DMNVRM8G.js";
 import { get as Ue, set as Le } from "lodash-es";
 import "@aliasedDeps/api-services/axios";
 import * as e from "zod";

package/dist/{wt-vidstack-player-iKA_300w.js → wt-vidstack-player-JXqjTkTY.js}

@@ -1,5 +1,5 @@
 import { defineComponent as qe, createElementBlock as Ie, openBlock as gt, createVNode as ie, useTemplateRef as ha, inject as nn, onMounted as ca, onBeforeUnmount as ua, normalizeClass as Xs, unref as Js, createElementVNode as yt, createBlock as is, createCommentVNode as ve, toDisplayString as da, renderSlot as os, ref as Ci, provide as pa, computed as Pi, withCtx as xi } from "vue";
-import { R as fa, S as ma, T as ga, U as ya, P as Ce, _ as Oe, V as ba, C as at } from "./install-BBw_I2Du.js";
+import { R as fa, S as ma, T as ga, U as ya, P as Ce, _ as Oe, V as ba, C as at } from "./install-BLg9stRY.js";
 const dt = /* @__PURE__ */ Symbol(0);
 let ls = !1, Fs = !1, ot = null, ee = null, et = null, X = 0, te = [], Zs = {};
 const $a = () => {
@@ -3263,7 +3263,7 @@ class To {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-BgeHEzdz.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-DWO2584P.js")).AudioProvider(this.target, t);
   }
 }
 class di {
@@ -3276,7 +3276,7 @@ class di {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-DrU7yf_f.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-D89eBrqN.js")).VideoProvider(this.target, t);
   }
 }
 class pi extends di {
@@ -3286,7 +3286,7 @@ class pi extends di {
     return pi.supported && De(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-Dm2UFXOA.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-DQ3qShXJ.js")).HLSProvider(this.target, t);
   }
 }
 class fi extends di {
@@ -3296,7 +3296,7 @@ class fi extends di {
     return fi.supported && li(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-DBsPxYc-.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-DTrG0grK.js")).DASHProvider(this.target, t);
   }
 }
 class So {
@@ -3318,7 +3318,7 @@ class So {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-RYLf6vXe.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-Ct9L3lAl.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: n, getVimeoVideoInfo: a } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -3350,7 +3350,7 @@ class ko {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-CK4qcn0H.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-DnbgfwSU.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: n, resolveYouTubeVideoId: a } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = v(t.src) && a(t.src);
@@ -3818,7 +3818,7 @@ class Ao extends Qt {
         throw n.code = "CAST_NOT_AVAILABLE", n;
       }
       if (_e("https://www.gstatic.com"), !this.#$) {
-        const n = await import("./vidstack-D2pY00kU-B6IWbukl.js").then((a) => a.v);
+        const n = await import("./vidstack-D2pY00kU-CtXuBxWV.js").then((a) => a.v);
         this.#$ = new n.GoogleCastLoader();
       }
       await this.#$.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -5511,7 +5511,7 @@ class Bo extends $(HTMLElement, Hn) {
     if (this.#e?.classList.contains("vds-google-cast"))
       return this.#e;
     const t = document.createElement("div");
-    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-Daskar-l.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-Dana1Lpy.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.2.98",
+	"version": "26.2.100",
 	"private": false,
 	"scripts": {
 		"make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run biome:format:all || true) && npm run publish-lib",

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

@@ -229,6 +229,8 @@ import versions from './versions.svg?raw';
 import videoCam from './video-cam.svg?raw';
 import videoCamOff from './video-cam-off.svg?raw';
 import videoCamOffFilled from './video-cam-off--filled.svg?raw';
+import violation from './violation.svg?raw';
+import violationFilled from './violation--filled.svg?raw';
 import webitelLogo from './webitel-logo.svg?raw';
 import zoomIn from './zoom-in.svg?raw';
 import zoomOut from './zoom-out.svg?raw';
@@ -406,6 +408,8 @@ export default objCamelToKebab({
 	videoCamOff,
 	'video-cam-off--filled': videoCamOffFilled,
 	videoCam,
+	violation,
+	'violation--filled': violationFilled,
 	zoomIn,
 	zoomOut,
 	ttsDownload,

package/src/assets/icons/sprite/violation--filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9315 3.55364C12.5136 2.81545 11.4864 2.81545 11.0685 3.55364L2.15085 19.3075C1.72706 20.0562 2.24651 21 3.08236 21H20.9176C21.7535 21 22.2729 20.0562 21.8491 19.3075L12.9315 3.55364ZM13 10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10V14C11 14.5523 11.4477 15 12 15C12.5523 15 13 14.5523 13 14V10ZM12 16.5C12.5523 16.5 13 16.9477 13 17.5V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V17.5C11 16.9477 11.4477 16.5 12 16.5Z"/>
+</svg>

package/src/assets/icons/sprite/violation.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9999 10C12.9999 9.44775 12.5527 9 11.9999 9C11.4472 9 10.9999 9.44775 10.9999 10V13C10.9999 13.5522 11.4472 14 11.9999 14C12.5527 14 12.9999 13.5522 12.9999 13V10Z" />
+<path d="M11.9999 15.5C12.5527 15.5 12.9999 15.9478 12.9999 16.5V17C12.9999 17.5522 12.5527 18 11.9999 18C11.4472 18 10.9999 17.5522 10.9999 17V16.5C10.9999 15.9478 11.4472 15.5 11.9999 15.5Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0685 3.55364C11.4864 2.81545 12.5136 2.81545 12.9315 3.55364L21.8491 19.3075C22.2729 20.0562 21.7535 21 20.9176 21H3.08236C2.24651 21 1.72706 20.0562 2.15085 19.3075L11.0685 3.55364ZM4.62313 19L12 5.96803L19.3769 19H4.62313Z" />
+</svg>

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

@@ -91,6 +91,8 @@ const isLetterAvatar = computed(() => !props.src && props.username);
 const avatarLetters = computed(() => {
 	if (!props.username) return false;
 	const abbreviation = props.username
+		.trim()
+		.replace(/\s+/g, ' ') //change several spaces to one
 		.split(' ')
 		.map((word) => word.at(0).toUpperCase())
 		.join('');
@@ -159,7 +161,13 @@ const avatarLettersBackground = computed(() => {
 		},
 	];
 	const searchedLetter = letterList.find(({ letters }) =>
-		letters.includes(avatarLetters.value.at(0).toUpperCase()),
+		letters.includes(
+			avatarLetters.value
+				.at(0)
+				.trim()
+				.replace(/\s+/g, ' ') //change several spaces to one
+				.toUpperCase(),
+		),
 	);
 	return searchedLetter?.color || '--p-avatar-letters-p1-color';
 });

package/src/locale/en/en.js

@@ -578,7 +578,9 @@ export default deepmerge(
 				type: {
 					options: 'Options',
 					score: 'Score',
+					yes: 'Select "Yes"',
 				},
+				criticalViolation: 'Critical violation',
 				clearSelection: 'Clear selection',
 			},
 			deleteConfirmationPopup: {

package/src/locale/es/es.js

@@ -565,7 +565,9 @@ export default {
 			type: {
 				options: 'Opciones',
 				score: 'Puntuación',
+				yes: 'Seleccionar "Sí"',
 			},
+			criticalViolation: 'Violación crítica',
 			clearSelection: 'Limpiar selección',
 		},
 		deleteConfirmationPopup: {

package/src/locale/kz/kz.js

@@ -569,7 +569,9 @@ export default {
 			type: {
 				options: 'Опциялар',
 				score: 'Баға',
+				yes: '"Иә" таңдау',
 			},
+			criticalViolation: 'Критикалық бұзу',
 			clearSelection: 'Таңдауды тазалау',
 		},
 		deleteConfirmationPopup: {

package/src/locale/pl/pl.js

@@ -570,7 +570,9 @@ export default {
 			type: {
 				options: 'Opcje',
 				score: 'Wynik',
+				yes: 'Wybierz "Tak"',
 			},
+			criticalViolation: 'Krytyczne naruszenie',
 			clearSelection: 'Wyczyść wybór',
 		},
 		deleteConfirmationPopup: {

package/src/locale/ro/ro.js

@@ -572,7 +572,9 @@ export default {
 			type: {
 				options: 'Opțiuni',
 				score: 'Scor',
+				yes: 'Selectează "Da"',
 			},
+			criticalViolation: 'Încălcare critică',
 			clearSelection: 'Șterge selecția',
 		},
 		deleteConfirmationPopup: {

package/src/locale/ru/ru.js

@@ -563,7 +563,9 @@ export default {
 			type: {
 				options: 'Вариант',
 				score: 'Бал',
+				yes: 'Выбор "Да"',
 			},
+			criticalViolation: 'Критическое нарушение',
 			clearSelection: 'Очистить выбор',
 		},
 		deleteConfirmationPopup: {

package/src/locale/uk/uk.js

@@ -562,7 +562,9 @@ export default {
 			type: {
 				options: 'Варіант',
 				score: 'Бал',
+				yes: 'Вибір "Так"',
 			},
+			criticalViolation: 'Критичне порушення',
 			clearSelection: 'Очистити вибір',
 		},
 		deleteConfirmationPopup: {

package/src/locale/uz/uz.js

@@ -572,7 +572,9 @@ export default {
 			type: {
 				options: 'Variantlar',
 				score: 'Ball',
+				yes: '"Ha" ni tanlash',
 			},
+			criticalViolation: 'Jiddiy buzilish',
 			clearSelection: 'Tanlovni tozalash',
 		},
 		deleteConfirmationPopup: {

package/src/locale/vi/vi.js

@@ -571,7 +571,9 @@ export default {
 			type: {
 				options: 'Tùy chọn',
 				score: 'Điểm',
+				yes: 'Chọn "Có"',
 			},
+			criticalViolation: 'Vi phạm nghiêm trọng',
 			clearSelection: 'Xóa lựa chọn',
 		},
 		deleteConfirmationPopup: {

package/src/modules/AuditForm/components/audit-form-question-read-wrapper.vue

@@ -9,14 +9,22 @@
     @keyup.enter="emit('activate')"
   >
     <header class="audit-form-question-read-header">
-      <p
-        :class="{
-          'audit-form-question-read-text--required': question.required,
-        }"
-        class="audit-form-question-read-text"
-      >
-        {{ question.question }}
-      </p>
+      <div class="audit-form-question-read-text-wrapper">
+        <wt-icon
+          v-if="showCriticalViolationIcon"
+          class="audit-form-question-read__critical-violation-icon"
+          icon="violation--filled"
+          size="md"
+        />
+        <p
+          :class="{
+            'audit-form-question-read-text--required': question.required,
+          }"
+          class="audit-form-question-read-text"
+        >
+          {{ question.question }}
+        </p>
+      </div>
       <wt-icon
         v-if="!disableDragging && !first"
         class="audit-form-question-read__drag-icon"
@@ -56,19 +64,21 @@
 </template>
 
 <script lang="ts" setup>
+import type {
+	EngineQuestion,
+	EngineQuestionAnswer,
+} from '@webitel/api-services/gen/models';
+import { EngineAuditQuestionType } from '@webitel/api-services/gen/models';
 import { computed, inject } from 'vue';
 import { useI18n } from 'vue-i18n';
-import {
-	EngineAuditQuestionType,
-	type EngineQuestion,
-	type EngineQuestionAnswer,
-} from 'webitel-sdk';
 
 import { WtDivider, WtIcon } from '../../../components';
+import { IconColor } from '../../../enums';
 import isEmpty from '../../../scripts/isEmpty.js';
 import AuditFormAnswerEditingInfo from './form-answers/answer-editing-info/audit-form-answer-editing-info.vue';
 import AuditFormQuestionOptions from './form-questions/options/audit-form-question-options.vue';
 import AuditFormQuestionScore from './form-questions/score/audit-form-question-score.vue';
+import AuditFormQuestionYes from './form-questions/yes/audit-form-question-yes.vue';
 
 const readonly = inject('readonly');
 
@@ -87,15 +97,21 @@ const emit = defineEmits<{
 const { t } = useI18n();
 
 const QuestionTypeComponent = computed(() => {
-	if (props.question.type === EngineAuditQuestionType.Option)
+	if (props.question.type === EngineAuditQuestionType.QuestionOption)
 		return AuditFormQuestionOptions;
-	if (props.question.type === EngineAuditQuestionType.Score)
+	if (props.question.type === EngineAuditQuestionType.QuestionScore)
 		return AuditFormQuestionScore;
+	if (props.question.type === EngineAuditQuestionType.QuestionYes)
+		return AuditFormQuestionYes;
 	return null;
 });
 
 const isAnswer = computed(() => !isEmpty(answerModel.value));
 
+const showCriticalViolationIcon = computed(() => {
+	return props.question.criticalViolation === true;
+});
+
 const updateAnswer = (value: EngineQuestionAnswer) => {
 	if (readonly.value) return; // if ... then in preview mode
 
@@ -145,6 +161,16 @@ const resetAnswer = () => {
 
 .audit-form-question-read-header {
   margin-bottom: var(--spacing-xs);
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.audit-form-question-read-text-wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  flex: 1;
 }
 
 .audit-form-question-read-text {
@@ -158,6 +184,10 @@ const resetAnswer = () => {
   }
 }
 
+.audit-form-question-read__critical-violation-icon {
+  flex-shrink: 0;
+}
+
 .audit-form-question-read-content {
   display: flex;
   flex-direction: column;

package/src/modules/AuditForm/components/audit-form-question-write-wrapper.vue

@@ -1,12 +1,20 @@
 <template>
   <article class="audit-form-question-write">
     <header class="audit-form-question-write-header">
-      <wt-switcher
-        :disabled="first"
-        :label="t('reusable.required')"
-        :model-value="question.required"
-        @update:model-value="updateQuestion({ path: 'required', value: $event })"
-      />
+      <div class="audit-form-question-write-header__switchers">
+        <wt-switcher
+          :disabled="first"
+          :label="t('reusable.required')"
+          :model-value="question.required"
+          @update:model-value="updateQuestion({ path: 'required', value: $event })"
+        />
+        <wt-switcher
+          v-if="question.type === EngineAuditQuestionType.QuestionYes"
+          :label="t('webitelUI.auditForm.criticalViolation')"
+          :model-value="question.criticalViolation || false"
+          @update:model-value="updateQuestion({ path: 'criticalViolation', value: $event })"
+        />
+      </div>
       <div class="audit-form-question-write-header__actions">
         <wt-icon-btn
           v-tooltip="t('reusable.copy')"
@@ -51,19 +59,22 @@
 </template>
 
 <script lang="ts" setup>
+import type { EngineQuestion } from '@webitel/api-services/gen/models';
+import { EngineAuditQuestionType } from '@webitel/api-services/gen/models';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { EngineAuditQuestionType, type EngineQuestion } from 'webitel-sdk';
 
 import WtIconBtn from '../../../components/wt-icon-btn/wt-icon-btn.vue';
 import WtSelect from '../../../components/wt-select/wt-select.vue';
 import WtSwitcher from '../../../components/wt-switcher/wt-switcher.vue';
 import WtTooltip from '../../../components/wt-tooltip/wt-tooltip.vue';
 import { updateObject } from '../../../scripts';
-import { generateQuestionOptionsSchema } from '../schemas/AuditFormQuestionOptionsSchema.js';
-import { generateQuestionScoreSchema } from '../schemas/AuditFormQuestionScoreSchema.js';
+import { generateQuestionOptionsSchema } from '../schemas/AuditFormQuestionOptionsSchema';
+import { generateQuestionScoreSchema } from '../schemas/AuditFormQuestionScoreSchema';
+import { generateQuestionYesSchema } from '../schemas/AuditFormQuestionYesSchema';
 import AuditFormQuestionOptions from './form-questions/options/audit-form-question-options.vue';
 import AuditFormQuestionScore from './form-questions/score/audit-form-question-score.vue';
+import AuditFormQuestionYes from './form-questions/yes/audit-form-question-yes.vue';
 
 const questionModel = defineModel<EngineQuestion>('question');
 
@@ -86,13 +97,17 @@ const { t } = useI18n();
 
 const QuestionType = [
 	{
-		value: EngineAuditQuestionType.Option,
+		value: EngineAuditQuestionType.QuestionOption,
 		locale: 'webitelUI.auditForm.type.options',
 	},
 	{
-		value: EngineAuditQuestionType.Score,
+		value: EngineAuditQuestionType.QuestionScore,
 		locale: 'webitelUI.auditForm.type.score',
 	},
+	{
+		value: EngineAuditQuestionType.QuestionYes,
+		locale: 'webitelUI.auditForm.type.yes',
+	},
 ];
 
 const prettifiedQuestionType = computed(() =>
@@ -100,10 +115,12 @@ const prettifiedQuestionType = computed(() =>
 );
 
 const QuestionTypeComponent = computed(() => {
-	if (questionModel.value.type === EngineAuditQuestionType.Option)
+	if (questionModel.value.type === EngineAuditQuestionType.QuestionOption)
 		return AuditFormQuestionOptions;
-	if (questionModel.value.type === EngineAuditQuestionType.Score)
+	if (questionModel.value.type === EngineAuditQuestionType.QuestionScore)
 		return AuditFormQuestionScore;
+	if (questionModel.value.type === EngineAuditQuestionType.QuestionYes)
+		return AuditFormQuestionYes;
 	return null;
 });
 
@@ -123,16 +140,21 @@ function handleQuestionTypeChange(type) {
 		criticalViolation: questionModel.value.criticalViolation,
 	};
 
-	if (type === EngineAuditQuestionType.Option) {
+	if (type === EngineAuditQuestionType.QuestionOption) {
 		questionModel.value = {
 			...commonFields,
 			...generateQuestionOptionsSchema(),
 		};
-	} else if (type === EngineAuditQuestionType.Score) {
+	} else if (type === EngineAuditQuestionType.QuestionScore) {
 		questionModel.value = {
 			...commonFields,
 			...generateQuestionScoreSchema(),
 		};
+	} else if (type === EngineAuditQuestionType.QuestionYes) {
+		questionModel.value = {
+			...commonFields,
+			...generateQuestionYesSchema(),
+		};
 	}
 }
 </script>
@@ -150,6 +172,11 @@ function handleQuestionTypeChange(type) {
   justify-content: space-between;
   align-items: center;
 
+  &__switchers {
+    display: flex;
+    gap: var(--spacing-md);
+  }
+
   &__actions {
     display: flex;
     gap: var(--spacing-sm);

package/src/modules/AuditForm/components/audit-form-question.vue

@@ -27,8 +27,11 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import type {
+	EngineQuestion,
+	EngineQuestionAnswer,
+} from '@webitel/api-services/gen/models';
 import { computed, inject, onMounted, ref } from 'vue';
-import type { EngineQuestion, EngineQuestionAnswer } from 'webitel-sdk';
 
 import vClickaway from '../../../directives/clickaway/clickaway.js';
 import isEmpty from '../../../scripts/isEmpty.js';