@webitel/ui-sdk 26.6.58 → 26.6.60

package/dist/{useValidation-B0voza7s.js → useValidation-Hdk6hzmc.js}

@@ -1,4 +1,4 @@
-import { i as e } from "./enums-CBWwTuq7.js";
+import { i as e } from "./enums-BwgSueOO.js";
 import { t } from "./vue-i18n-lTFLGg_9.js";
 import { computed as n, isReactive as r } from "vue";
 //#region src/mixins/validationMixin/regle/useRegleValidation.ts

package/dist/{wt-action-bar-B17FBHD7.js → wt-action-bar-Dbt6CgEp.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./caseConverters-DXegZoCt.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { o as n } from "./enums-CBWwTuq7.js";
+import { o as n } from "./enums-BwgSueOO.js";
 import { t as r } from "./sortQueryAdapters-CyYXvnDN.js";
-import { t as i } from "./wt-icon-action-C8WN2oVD.js";
+import { t as i } from "./wt-icon-action-mNjxBL1c.js";
 import { Fragment as a, computed as o, createElementBlock as s, createVNode as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderList as p, renderSlot as m, unref as h } from "vue";
 //#region src/components/wt-action-bar/WtActionBarActionsOrder.js
 var g = [

package/dist/{wt-button-0kP5bPMs.js → wt-button-BgDPcxu9.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-DIdpwmpC.js";
-import { d as t, f as n, l as r } from "./enums-CBWwTuq7.js";
+import { t as e } from "./wt-icon-BvXjK8Em.js";
+import { d as t, f as n, l as r } from "./enums-BwgSueOO.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createTextVNode as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, resolveComponent as g, toDisplayString as _, toRef as v, unref as y, useAttrs as b, watch as x, withCtx as S, withModifiers as C } from "vue";
 //#endregion
 //#region src/components/wt-badge-new/wt-badge.vue

package/dist/{wt-chat-emoji-C_fb9LZF.js → wt-chat-emoji-BnQcxXLU.js}

@@ -1,8 +1,8 @@
-import "./components-reoSYpZx.js";
+import "./components-DOO_6hoi.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-CBWwTuq7.js";
-import { t as n } from "./wt-button-0kP5bPMs.js";
-import { n as r } from "./wt-toast-KTAx-8zA.js";
+import { l as t } from "./enums-BwgSueOO.js";
+import { t as n } from "./wt-button-BgDPcxu9.js";
+import { n as r } from "./wt-toast-CdwZ-muC.js";
 import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, nextTick as u, onBeforeUnmount as d, openBlock as f, ref as p, resolveDirective as m, unref as h, withDirectives as g } from "vue";
 //#region node_modules/emoji-picker-element/database.js
 function _(e) {

package/dist/{wt-datepicker-baNcFWZ1.js → wt-datepicker-BjbWDS8B.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t, r as n } from "./enums-CBWwTuq7.js";
+import { l as t, r as n } from "./enums-BwgSueOO.js";
 import { A as r, C as i, D as a, E as o, F as s, I as c, L as l, M as u, N as d, O as f, P as p, R as m, S as h, T as g, _, b as v, j as y, k as ee, m as b, v as x, w as S, x as C, y as w, z as T } from "./dist-uCh8HaP3.js";
-import { t as te } from "./useValidation-B0voza7s.js";
+import { t as te } from "./useValidation-Hdk6hzmc.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 ve, toRef as ye, toRefs as be, unref as V, useSlots as xe, vShow as Se, watch as Ce, withCtx as H, withDirectives as we, withKeys as U, withModifiers as Te } from "vue";
 //#region node_modules/date-fns/addDays.js
 function Ee(e, t, n) {

package/dist/{wt-display-chip-items-CgrbKQ5R.js → wt-display-chip-items-qXM0MwuL.js}

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

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t, o as n } from "./enums-CBWwTuq7.js";
+import { l as t, o as n } from "./enums-BwgSueOO.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-C2qETdn0.js → wt-expansion-card-CVPU9twV.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-CBWwTuq7.js";
+import { l as t } from "./enums-BwgSueOO.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
 import "./composables-Ckg9IFyC.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";

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

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-CBWwTuq7.js";
+import { l as t } from "./enums-BwgSueOO.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-icon-DIdpwmpC.js → wt-icon-BvXjK8Em.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./caseConverters-DXegZoCt.js";
-import { a as t, l as n } from "./enums-CBWwTuq7.js";
+import { a as t, l as n } from "./enums-BwgSueOO.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) {

package/dist/{wt-icon-action-C8WN2oVD.js → wt-icon-action-mNjxBL1c.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./enums-CBWwTuq7.js";
+import { o as e } from "./enums-BwgSueOO.js";
 import { t } from "./vue-i18n-lTFLGg_9.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-BLnhJADA.js → wt-icon-btn-B6tKLQWp.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./wt-icon-DIdpwmpC.js";
+import { t as e } from "./wt-icon-BvXjK8Em.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-Dx1YPqFu.js → wt-notifications-bar-DcvWx8Qw.js}

@@ -1,5 +1,5 @@
-import { i as e } from "./enums-CBWwTuq7.js";
-import { n as t, t as n } from "./wt-toast-KTAx-8zA.js";
+import { i as e } from "./enums-BwgSueOO.js";
+import { n as t, t as n } from "./wt-toast-CdwZ-muC.js";
 import { createBlock as r, inject as i, onUnmounted as a, openBlock as o } from "vue";
 import { useToast as s } from "primevue/usetoast";
 //#region src/components/wt-toast/types/index.ts

package/dist/{wt-player-CCwEyUzv.js → wt-player-4BH0EIfk.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./wt-icon-DIdpwmpC.js";
+import { t as e } from "./wt-icon-BvXjK8Em.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-CBWwTuq7.js";
-import { t as r } from "./wt-button-0kP5bPMs.js";
+import { l as n } from "./enums-BwgSueOO.js";
+import { t as r } from "./wt-button-BgDPcxu9.js";
 import { n as i, t as a } from "./useVidstackSrc-epUQZhkL.js";
 import { t as o } from "./wt-popover-BdwrokVy.js";
 import { t as s } from "./wt-slider-BPzRTeYU.js";

package/dist/{wt-search-bar-CiQJ9ViN.js → wt-search-bar-CPfD4657.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./debounce-Bp3jy7S5.js";
-import { t as n } from "./useValidation-B0voza7s.js";
+import { t as n } from "./useValidation-Hdk6hzmc.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({

package/dist/{wt-send-message-popup-CIH2cusg.js → wt-send-message-popup-MrXwTh6z.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-reoSYpZx.js";
+import { n as e } from "./components-DOO_6hoi.js";
 import { t } from "./vue-i18n-lTFLGg_9.js";
-import { n, r } from "./clients-CX7SniM1.js";
+import { n, r } from "./clients-DPvJvOx5.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-status-select-DCiMHd9K.js

@@ -0,0 +1,77 @@
+import { l as e, p as t } from "./enums-BwgSueOO.js";
+import { t as n } from "./vue-i18n-lTFLGg_9.js";
+import { t as r } from "./convertDuration-1K7fuEpO.js";
+import { computed as i, createBlock as a, createVNode as o, defineComponent as s, openBlock as c, resolveComponent as l, unref as u, withCtx as d } from "vue";
+//#region src/components/wt-status-select/_internals/StatusOptions.lookup.js
+var f = [
+	{
+		locale: "webitelUI.statusSelect.online",
+		color: "success",
+		value: t.ONLINE
+	},
+	{
+		locale: "webitelUI.statusSelect.pause",
+		color: "primary",
+		value: t.PAUSE
+	},
+	{
+		locale: "webitelUI.statusSelect.offline",
+		color: "secondary",
+		value: t.OFFLINE
+	},
+	{
+		locale: "webitelUI.statusSelect.breakOut",
+		color: "break-out",
+		value: t.BREAK_OUT
+	}
+], p = /* @__PURE__ */ s({
+	__name: "wt-status-select",
+	props: {
+		status: { default: t.OFFLINE },
+		statusDuration: { default: 0 },
+		options: {}
+	},
+	emits: ["change", "closed"],
+	setup(s, { emit: p }) {
+		let m = s, h = p, { t: g } = n(), _ = i(() => m.options ? m.options : f.map((e) => ({
+			...e,
+			text: g(e.locale)
+		}))), v = i(() => _.value.find((e) => e.value === m.status)), y = i(() => _.value.reduce((e, n) => (m.status === n.value && n.value !== t.PAUSE || n.value === t.BREAK_OUT || e.push(n), e), [])), b = i(() => typeof m.statusDuration == "string" ? m.statusDuration : m.statusDuration === void 0 ? v.value?.text ?? "" : r(m.statusDuration));
+		function x(e) {
+			h("change", e.value);
+		}
+		function S(e) {
+			h("closed", e);
+		}
+		return (t, n) => {
+			let r = l("wt-indicator"), i = l("wt-single-select");
+			return c(), a(i, {
+				"show-clear": !1,
+				options: y.value,
+				filterable: !1,
+				"model-value": v.value,
+				class: "wt-status-select",
+				"data-key": "value",
+				size: u(e).SM,
+				onClosed: S,
+				"onUpdate:modelValue": x
+			}, {
+				value: d(({ value: e }) => [o(r, {
+					color: e.color,
+					text: b.value
+				}, null, 8, ["color", "text"])]),
+				option: d(({ option: e }) => [o(r, {
+					color: e.color,
+					text: e.text
+				}, null, 8, ["color", "text"])]),
+				_: 1
+			}, 8, [
+				"options",
+				"model-value",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+export { p as default };

package/dist/{wt-timepicker-DyM1OQX4.js → wt-timepicker-4bwYBaKQ.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t, r as n } from "./enums-CBWwTuq7.js";
+import { l as t, r as n } from "./enums-BwgSueOO.js";
 import { t as r } from "./vue-i18n-lTFLGg_9.js";
-import { t as i } from "./useValidation-B0voza7s.js";
+import { t as i } from "./useValidation-Hdk6hzmc.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-KTAx-8zA.js → wt-toast-CdwZ-muC.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-DIdpwmpC.js";
-import { i as t, l as n } from "./enums-CBWwTuq7.js";
+import { t as e } from "./wt-icon-BvXjK8Em.js";
+import { i as t, l as n } from "./enums-BwgSueOO.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) {

package/dist/{wt-tree-table-BlZEw4tr.js → wt-tree-table-CTCLe3FC.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as t } from "./sortQueryAdapters-CyYXvnDN.js";
-import { n, t as r } from "./wt-icon-btn-BLnhJADA.js";
+import { n, t as r } from "./wt-icon-btn-B6tKLQWp.js";
 import { t as i } from "./useWtTable-DrrvvB6k.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

package/dist/{wt-type-extension-value-input-Dw24yOLg.js → wt-type-extension-value-input-EKmzk5WF.js}

@@ -1,7 +1,7 @@
-import { a as e, o as t, r as n, s as r } from "./components-reoSYpZx.js";
-import { t as i } from "./enums-CBWwTuq7.js";
+import { a as e, o as t, r as n, s as r } from "./components-DOO_6hoi.js";
+import { t as i } from "./enums-BwgSueOO.js";
 import { t as a } from "./vue-i18n-lTFLGg_9.js";
-import { t as o } from "./clients-CX7SniM1.js";
+import { t as o } from "./clients-DPvJvOx5.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-CLtfGaGj.js → wt-vidstack-player-DK-S0uAl.js}

@@ -1,8 +1,8 @@
-import { l as e } from "./components-reoSYpZx.js";
+import { l as e } from "./components-DOO_6hoi.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-CBWwTuq7.js";
-import "./wt-button-0kP5bPMs.js";
-import { t as r } from "./wt-icon-btn-BLnhJADA.js";
+import { l as n } from "./enums-BwgSueOO.js";
+import "./wt-button-BgDPcxu9.js";
+import { t as r } from "./wt-icon-btn-B6tKLQWp.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 ee, P as te, Q as g, R as ne, S as _, U as re, V as v, W as y, X as b, Y as ie, Z as x, _ as S, a as ae, b as oe, c as se, d as ce, et as le, f as ue, g as de, h as fe, i as C, it as pe, j as me, k as he, l as w, m as ge, n as T, nt as E, o as D, ot as _e, p as O, q as k, r as A, rt as ve, t as ye, tt as be, u as xe, v as j, w as Se, y as Ce, z as we } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as M, a as Te, c as Ee, d as De, f as Oe, g as ke, h as Ae, i as je, l as Me, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as Re, t as N, u as ze } from "./vidstack-CgfrU1hS-CNTJkyzm.js";
 import { _ as Be, a as Ve, c as He, f as Ue, g as We, h as Ge, i as Ke, l as qe, n as Je, r as Ye, s as Xe, t as Ze, u as Qe, v as $e, x as et, y as tt } from "./useVidstackSrc-epUQZhkL.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.6.58",
+	"version": "26.6.60",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -81,7 +81,7 @@
 		"@vuelidate/validators": "^2.0.4",
 		"@webitel/api-services": ">=0.0.105",
 		"@webitel/styleguide": "~26.2",
-		"axios": "^1.15.2",
+		"axios": "^1.18.1",
 		"date-fns": "^4.1.0",
 		"deep-copy": "^1.4.2",
 		"deep-equal": "^2.2.3",

package/src/components/index.js

@@ -40,7 +40,6 @@ import WtPopup from './wt-popup/wt-popup.vue';
 import WtProgressBar from './wt-progress-bar/wt-progress-bar.vue';
 import WtRadio from './wt-radio/wt-radio.vue';
 import WtRoundedAction from './wt-rounded-action/wt-rounded-action.vue';
-import WtSelect from './wt-select/wt-select.vue';
 import WtSingleSelect from './wt-single-select/wt-single-select.vue';
 import WtSwitcher from './wt-switcher/wt-switcher.vue';
 import WtTextarea from './wt-textarea/wt-textarea.vue';
@@ -204,7 +203,6 @@ const Components = {
 	WtProgressBar,
 	WtRadio,
 	WtSearchBar,
-	WtSelect,
 	WtSlider,
 	WtSwitcher,
 	WtTabs,
@@ -325,7 +323,6 @@ export {
 	WtRoundedAction,
 	WtScreenRecordingsAction,
 	WtSearchBar,
-	WtSelect,
 	WtSelectionPopup,
 	WtSendMessagePopup,
 	WtSingleSelect,

package/src/components/wt-indicator/_variables.css

@@ -8,8 +8,8 @@
 
 	--wt-indicator-text-color: var(--text-main-color);
 	--wt-indicator-primary-color: var(--primary-color);
-	--wt-indicator-secondary-color: var(--dp-1-surface-color);
-	--wt-indicator-disabled-color: var(--dp-10-surface-color);
+	--wt-indicator-secondary-color: var(--grey-lighten-3);
+	--wt-indicator-disabled-color: var(--grey-lighten-4);
 	--wt-indicator-success-color: var(--success-color);
 	--wt-indicator-error-color: var(--error-color);
 	--wt-indicator-transfer-color: var(--transfer-color);
@@ -19,3 +19,8 @@
 	--wt-indicator-initial-status-color: var(--red-accent-2);
 	--wt-indicator-other-status-color: var(--orange-accent-2);
 }
+
+:root.theme--dark {
+	--wt-indicator-secondary-color: var(--grey-darken-1);
+	--wt-indicator-disabled-color: var(--grey-darken-2);
+}

package/src/components/wt-single-select/wt-single-select.vue

@@ -27,6 +27,7 @@
       :option-label="(option) => getOptionLabel(option)"
       :option-value="optionValue"
       :data-key="dataKey"
+      :size="primevueSizeMap[size]"
       v-bind="$attrs"
       :pt="{
         listContainer: {
@@ -115,6 +116,7 @@ interface Props extends SelectProps {
 	placeholder?: string;
 	required?: boolean;
 	disabled?: boolean;
+	size?: string | null;
 	/**
 	 * true disables all options but keeps dropdown visible
 	 */
@@ -158,6 +160,11 @@ const props = withDefaults(defineProps<Props>(), {
 	customValidators: () => [],
 });
 
+const primevueSizeMap = {
+	[ComponentSize.SM]: 'small',
+	[ComponentSize.LG]: 'large',
+};
+
 const model = defineModel<string>({
 	default: '',
 	get: (value) => {

package/src/components/wt-status-select/__tests__/WtStatusSelect.spec.js

@@ -1,13 +1,13 @@
 import { shallowMount } from '@vue/test-utils';
 
-import WtSelect from '../../wt-select/wt-select.vue';
+import WtSingleSelect from '../../wt-single-select/wt-single-select.vue';
 import WtStatusSelect from '../wt-status-select.vue';
 
 describe('WtStatusSelect', () => {
 	it('renders a component', () => {
 		const wrapper = shallowMount(WtStatusSelect, {
 			stubs: {
-				WtSelect,
+				WtSingleSelect,
 			},
 		});
 		expect(wrapper.classes('wt-status-select')).toBe(true);
@@ -16,7 +16,7 @@ describe('WtStatusSelect', () => {
 	it('correctly represents duration', () => {
 		const wrapper = shallowMount(WtStatusSelect, {
 			stubs: {
-				WtSelect,
+				WtSingleSelect,
 			},
 		});
 		expect(wrapper.vm.duration).toBe('00:00:00');

package/src/components/wt-status-select/_internals/StatusOptions.lookup.js

@@ -13,7 +13,7 @@ export default [
 	},
 	{
 		locale: 'webitelUI.statusSelect.offline',
-		color: 'disabled',
+		color: 'secondary',
 		value: AgentStatus.OFFLINE,
 	},
 	{