@webitel/ui-sdk 26.6.73 → 26.6.75

package/dist/{useValidation-D966lfIa.js → useValidation-DGl2otXJ.js}

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

package/dist/{wt-action-bar-4kYwf6im.js → wt-action-bar-HBm22ay5.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-CaJ2Kh6z.js";
+import { o as n } from "./enums-De8CDKZ1.js";
 import { t as r } from "./sortQueryAdapters-CyYXvnDN.js";
-import { t as i } from "./wt-icon-action-9anRgrpl.js";
+import { t as i } from "./wt-icon-action-BBmutGsL.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-CT1JWvQo.js → wt-button-dC4nOW56.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-RopCKnvN.js";
-import { d as t, f as n, l as r } from "./enums-CaJ2Kh6z.js";
+import { t as e } from "./wt-icon-y89gRcOs.js";
+import { d as t, f as n, l as r } from "./enums-De8CDKZ1.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-Bg2CkUHQ.js → wt-chat-emoji-DlaYat6D.js}

@@ -1,8 +1,8 @@
-import "./components-DXso3cNH.js";
+import "./components-7XDaN2WO.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-CaJ2Kh6z.js";
-import { t as n } from "./wt-button-CT1JWvQo.js";
-import { n as r } from "./wt-toast-BLDcVPXR.js";
+import { l as t } from "./enums-De8CDKZ1.js";
+import { t as n } from "./wt-button-dC4nOW56.js";
+import { n as r } from "./wt-toast-DXrSMdRm.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-C-hb329G.js → wt-datepicker-CxwX-c2T.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { d as t, f as n, l as r, r as i } from "./enums-CaJ2Kh6z.js";
+import { d as t, f as n, l as r, r as i } from "./enums-De8CDKZ1.js";
 import { a, i as o, n as s, r as c, t as l } from "./toZonedTime-B8L5kbse.js";
 import { t as u } from "./vue-i18n-Db_oYfO8.js";
-import { t as d } from "./useValidation-D966lfIa.js";
+import { t as d } from "./useValidation-DGl2otXJ.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeProps as w, onMounted as T, onUnmounted as E, openBlock as D, renderSlot as O, resolveComponent as k, toDisplayString as A, toRefs as j, unref as M, useModel as N, useTemplateRef as P, vShow as F, withCtx as I, withDirectives as L } from "vue";
 import R from "primevue/datepicker";
 //#region node_modules/date-fns-tz/dist/esm/fromZonedTime/index.js

package/dist/{wt-display-chip-items-CIpASRgr.js → wt-display-chip-items-CSvkEtjH.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-DXso3cNH.js";
+import { C as e, i as t } from "./components-7XDaN2WO.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-BzJePzqE.js → wt-dual-panel-Dhj8Eg_y.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-CaJ2Kh6z.js";
+import { l as t, o as n } from "./enums-De8CDKZ1.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-H6a_Nfe5.js → wt-expansion-card-TBmAxeek.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-CaJ2Kh6z.js";
+import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-CmpLKArq.js";
+import "./composables-D5kSQ1Rk.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-95IUAB3-.js → wt-expansion-panel-Br7JPc5X.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-CaJ2Kh6z.js";
+import { l as t } from "./enums-De8CDKZ1.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-BiVy4aMN.js → wt-galleria-BWHny8Qw.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
-import { a as n, o as r } from "./composables-CmpLKArq.js";
+import { a as n, o as r } from "./composables-D5kSQ1Rk.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-action-9anRgrpl.js → wt-icon-action-BBmutGsL.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./enums-CaJ2Kh6z.js";
+import { o as e } from "./enums-De8CDKZ1.js";
 import { t } from "./vue-i18n-Db_oYfO8.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-DaAa_Ywc.js → wt-icon-btn-BIU9YjS8.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./wt-icon-RopCKnvN.js";
+import { t as e } from "./wt-icon-y89gRcOs.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
@@ -83,7 +83,7 @@ var x = { class: "wt-checkbox" }, S = { class: "wt-checkbox__checkmark" }, C = {
 			}, 8, ["disabled"])) : i("", !0)]);
 		};
 	}
-}), [["__scopeId", "data-v-3e8be35d"]]), T = /*#__PURE__*/ t(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-6e4969d8"]]), T = /*#__PURE__*/ t(/* @__PURE__ */ c({
 	__name: "wt-icon-btn",
 	props: { disabled: {
 		type: Boolean,

package/dist/{wt-icon-RopCKnvN.js → wt-icon-y89gRcOs.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./caseConverters-DXegZoCt.js";
-import { a as t, l as n } from "./enums-CaJ2Kh6z.js";
+import { a as t, l as n } from "./enums-De8CDKZ1.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-notifications-bar-uj3OVFZc.js → wt-notifications-bar-DhJxMjNB.js}

@@ -1,5 +1,5 @@
-import { i as e } from "./enums-CaJ2Kh6z.js";
-import { n as t, t as n } from "./wt-toast-BLDcVPXR.js";
+import { i as e } from "./enums-De8CDKZ1.js";
+import { n as t, t as n } from "./wt-toast-DXrSMdRm.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-CvX-MhQf.js → wt-player-_mTlxsCu.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./wt-icon-RopCKnvN.js";
+import { t as e } from "./wt-icon-y89gRcOs.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-CaJ2Kh6z.js";
-import { t as r } from "./wt-button-CT1JWvQo.js";
+import { l as n } from "./enums-De8CDKZ1.js";
+import { t as r } from "./wt-button-dC4nOW56.js";
 import { n as i, t as a } from "./useVidstackSrc-epUQZhkL.js";
 import { t as o } from "./wt-popover-ChCN6b1o.js";
 import { t as s } from "./wt-slider-BPzRTeYU.js";

package/dist/{wt-search-bar-CIkp_KW3.js → wt-search-bar-CYCOxWra.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-D966lfIa.js";
+import { t as n } from "./useValidation-DGl2otXJ.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-ClWBSwxI.js → wt-send-message-popup-CJcbjDEg.js}

@@ -1,5 +1,5 @@
-import { n as e, r as t } from "./clients-B_u-8Hev.js";
-import { n } from "./components-DXso3cNH.js";
+import { n as e, r as t } from "./clients-CIZxqjbV.js";
+import { n } from "./components-7XDaN2WO.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.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

package/dist/{wt-status-select-BLq_dxqN.js → wt-status-select-D1hAjCAS.js}

@@ -1,4 +1,4 @@
-import { l as e, p as t } from "./enums-CaJ2Kh6z.js";
+import { l as e, p as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./vue-i18n-Db_oYfO8.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";

package/dist/{wt-table-B7rn2iAF.js → wt-table-DJ85SoOt.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
 import { n, t as r } from "./sortQueryAdapters-CyYXvnDN.js";
-import { t as i } from "./composables-CmpLKArq.js";
+import { t as i } from "./composables-D5kSQ1Rk.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, resolveDirective as w, toDisplayString as T, useSlots as E, useTemplateRef as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
 //#region src/components/wt-table/wt-table.vue?vue&type=script&setup=true&lang.ts
 var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-table__td__actions" }, N = 10, P = /*#__PURE__*/ e(/* @__PURE__ */ m({

package/dist/{wt-timepicker-CuflSCqz.js → wt-timepicker-BEeUHumZ.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-CaJ2Kh6z.js";
+import { l as t, r as n } from "./enums-De8CDKZ1.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.js";
-import { t as i } from "./useValidation-D966lfIa.js";
+import { t as i } from "./useValidation-DGl2otXJ.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-BLDcVPXR.js → wt-toast-DXrSMdRm.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-RopCKnvN.js";
-import { i as t, l as n } from "./enums-CaJ2Kh6z.js";
+import { t as e } from "./wt-icon-y89gRcOs.js";
+import { i as t, l as n } from "./enums-De8CDKZ1.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, normalizeStyle as f, openBlock as p, resolveComponent as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
 //#region node_modules/mitt/dist/mitt.mjs
 function y(e) {

package/dist/{wt-tree-table-CLLEP40A.js → wt-tree-table-2K7cdct7.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-DaAa_Ywc.js";
+import { n, t as r } from "./wt-icon-btn-BIU9YjS8.js";
 import { t as i } from "./useWtTable-D_PxqVHO.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-X7FXHDUW.js → wt-type-extension-value-input-BN5MiVaW.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./clients-B_u-8Hev.js";
-import { a as t, o as n, r, s as i } from "./components-DXso3cNH.js";
-import { t as a } from "./enums-CaJ2Kh6z.js";
+import { t as e } from "./clients-CIZxqjbV.js";
+import { a as t, o as n, r, s as i } from "./components-7XDaN2WO.js";
+import { t as a } from "./enums-De8CDKZ1.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";
 //#endregion

package/dist/{wt-vidstack-player-DZYW8huS.js → wt-vidstack-player-DsUBlHc-.js}

@@ -1,8 +1,8 @@
-import { w as e } from "./components-DXso3cNH.js";
+import { w as e } from "./components-7XDaN2WO.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-CaJ2Kh6z.js";
-import "./wt-button-CT1JWvQo.js";
-import { t as r } from "./wt-icon-btn-DaAa_Ywc.js";
+import { l as n } from "./enums-De8CDKZ1.js";
+import "./wt-button-dC4nOW56.js";
+import { t as r } from "./wt-icon-btn-BIU9YjS8.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.73",
+	"version": "26.6.75",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

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

@@ -76,8 +76,8 @@ import conference from './conference.svg?raw';
 import consultativeTransfer from './consultative-transfer.svg?raw';
 import contacts from './contacts.svg?raw';
 import copy from './copy.svg?raw';
-import customProvider from './custom-provider.svg?raw';
 import customChatGateway from './custom-chat-gateway.svg?raw';
+import customProvider from './custom-provider.svg?raw';
 import darkMode from './dark-mode.svg?raw';
 import dislike from './dislike.svg?raw';
 import docs from './docs.svg?raw';

package/src/components/_internals/composables/useSelect/useSelect.ts

@@ -1,3 +1,4 @@
+import { onMounted } from 'vue';
 import { useSelectCustomValues } from './useSelectCustomValues';
 import { useSelectDropdown } from './useSelectDropdown';
 import { useSelectLoader } from './useSelectLoader';
@@ -26,6 +27,7 @@ export const useSelect = ({
 		sortOptions,
 		getOptionLabel,
 		fetchOptions,
+		fetchSelectedByIds,
 		resetAndFetch,
 		filterOptions,
 		updateSelectedOptionsCache,
@@ -78,6 +80,10 @@ export const useSelect = ({
 		emit,
 	});
 
+	onMounted(() => {
+		fetchSelectedByIds();
+	});
+
 	const clearValue = () => {
 		let value: string | unknown[] | Record<string, unknown> = '';
 		if (Array.isArray(selected.value)) value = [];

package/src/components/_internals/composables/useSelect/useSelectOptions.ts

@@ -109,6 +109,25 @@ export const useSelectOptions = ({
 		selectedOptionsCache.value = mergedOptions.filter(isSelected);
 	};
 
+	const fetchSelectedByIds = async () => {
+		if (!searchMethod.value || !optionValue?.value || !selected.value) return;
+		const ids = toArray(selected.value);
+		if (!ids.length) return;
+		isLoading.value = true;
+		const { items } = await searchMethod.value({
+			[dataKey.value]: ids,
+			size: ids.length,
+		});
+		selectedOptionsCache.value = dedupeByKey(
+			[
+				...selectedOptionsCache.value,
+				...items,
+			],
+			dataKey.value,
+		);
+		isLoading.value = false;
+	};
+
 	const fetchOptions = async () => {
 		if (!searchMethod.value) return;
 		const { search, page } = searchParams;
@@ -209,6 +228,7 @@ export const useSelectOptions = ({
 		sortOptions,
 		getOptionLabel,
 		fetchOptions,
+		fetchSelectedByIds,
 		resetAndFetch,
 		filterOptions,
 		updateSelectedOptionsCache,

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

@@ -98,6 +98,8 @@ const iconColor = computed(() => {
 
 .wt-checkbox__checkmark {
   display: inline-flex;
+  width: 100%;
+  padding-inline: 2px;
 }
 
 .wt-checkbox__label {

package/src/components/wt-rounded-action/wt-rounded-action.vue

@@ -6,6 +6,7 @@
       { 'wt-rounded-action--disabled': disabled },
       { 'wt-rounded-action--rounded': rounded },
       { 'wt-rounded-action--wide': wide },
+      { 'wt-rounded-action--loading': showLoader },
       { 'wt-button--loading': showLoader },
     ]"
     class="wt-rounded-action"

package/src/enums/index.ts

@@ -30,6 +30,8 @@ import { ProcessingTableColumnType } from './ProcessingTableColumnType/Processin
 import { QueueType, QueueTypeName } from './QueueType/QueueType.enum';
 import { RelativeDatetimeValue } from './RelativeDatetimeValue/RelativeDatetimeValue';
 import { RingtoneType } from './RingtoneType/RingtoneType.js';
+import { SingleSignOnProvider } from './SingleSignOnProvider/SingleSignOnProvider';
+import { SingleSignOnProviderIconMappings } from './SingleSignOnProviderIconMappings/SingleSignOnProviderIconMappings';
 import TypesExportedSettings from './TypesExportedSettings/TypesExportedSettings.enum.js';
 import { AdminSections } from './WebitelApplications/AdminSections';
 import { AuditorSections } from './WebitelApplications/AuditorSections';
@@ -39,8 +41,6 @@ import { WfmSections } from './WebitelApplications/WfmSections';
 import { WtApplication } from './WebitelApplications/WtApplication';
 import { WtObject } from './WtObject/WtObject';
 import { WtTypeExtensionFieldKind } from './WtTypeExtensionFieldKind/WtTypeExtensionFieldKind';
-import { SingleSignOnProvider } from './SingleSignOnProvider/SingleSignOnProvider';
-import { SingleSignOnProviderIconMappings } from './SingleSignOnProviderIconMappings/SingleSignOnProviderIconMappings';
 
 export type {
 	ConnectionQualityLevelsType,
@@ -78,12 +78,12 @@ export {
 	QueueTypeName,
 	RelativeDatetimeValue,
 	RingtoneType,
+	SingleSignOnProvider,
+	SingleSignOnProviderIconMappings,
 	SupervisorSections,
 	TypesExportedSettings,
 	WfmSections,
 	WtApplication,
 	WtObject,
 	WtTypeExtensionFieldKind,
-	SingleSignOnProvider,
-	SingleSignOnProviderIconMappings,
 };

package/types/components/_internals/composables/useSelect/useSelectOptions.d.ts

@@ -14,6 +14,7 @@ export declare const useSelectOptions: ({ selected, options, optionLabel, option
     sortOptions: (opts: any) => any[];
     getOptionLabel: (option: any) => any;
     fetchOptions: () => Promise<void>;
+    fetchSelectedByIds: () => Promise<void>;
     resetAndFetch: (search?: string) => void;
     filterOptions: (value: any) => void;
     updateSelectedOptionsCache: () => void;

package/types/enums/index.d.ts

@@ -23,6 +23,8 @@ import { ProcessingTableColumnType } from './ProcessingTableColumnType/Processin
 import { QueueType, QueueTypeName } from './QueueType/QueueType.enum';
 import { RelativeDatetimeValue } from './RelativeDatetimeValue/RelativeDatetimeValue';
 import { RingtoneType } from './RingtoneType/RingtoneType.js';
+import { SingleSignOnProvider } from './SingleSignOnProvider/SingleSignOnProvider';
+import { SingleSignOnProviderIconMappings } from './SingleSignOnProviderIconMappings/SingleSignOnProviderIconMappings';
 import TypesExportedSettings from './TypesExportedSettings/TypesExportedSettings.enum.js';
 import { AdminSections } from './WebitelApplications/AdminSections';
 import { AuditorSections } from './WebitelApplications/AuditorSections';
@@ -32,7 +34,5 @@ import { WfmSections } from './WebitelApplications/WfmSections';
 import { WtApplication } from './WebitelApplications/WtApplication';
 import { WtObject } from './WtObject/WtObject';
 import { WtTypeExtensionFieldKind } from './WtTypeExtensionFieldKind/WtTypeExtensionFieldKind';
-import { SingleSignOnProvider } from './SingleSignOnProvider/SingleSignOnProvider';
-import { SingleSignOnProviderIconMappings } from './SingleSignOnProviderIconMappings/SingleSignOnProviderIconMappings';
 export type { ConnectionQualityLevelsType, UserSettingsBroadcastMessage, WebphoneBroadcastMessage, WebphoneBroadcastPayload, };
-export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, BroadcastChannelName, ButtonColor, ButtonVariant, ChatGatewayProvider, ChipColor, ComponentSize, ConnectionQualityLevels, CrmSections, CrudAction, DefaultWorkspaceTabSettings, EmptyCause, FormatDateMode, IconAction, IconColor, LoginOptions, MessageColor, MessageVariant, MimeTypes, ProcessingTableColumnType, ProviderIconType, QueueType, QueueTypeName, RelativeDatetimeValue, RingtoneType, SupervisorSections, TypesExportedSettings, WfmSections, WtApplication, WtObject, WtTypeExtensionFieldKind, SingleSignOnProvider, SingleSignOnProviderIconMappings, };
+export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, BroadcastChannelName, ButtonColor, ButtonVariant, ChatGatewayProvider, ChipColor, ComponentSize, ConnectionQualityLevels, CrmSections, CrudAction, DefaultWorkspaceTabSettings, EmptyCause, FormatDateMode, IconAction, IconColor, LoginOptions, MessageColor, MessageVariant, MimeTypes, ProcessingTableColumnType, ProviderIconType, QueueType, QueueTypeName, RelativeDatetimeValue, RingtoneType, SingleSignOnProvider, SingleSignOnProviderIconMappings, SupervisorSections, TypesExportedSettings, WfmSections, WtApplication, WtObject, WtTypeExtensionFieldKind, };