@webitel/ui-sdk 26.6.42 → 26.6.44

package/dist/{wt-call-media-action-Bkyppnsm.js → wt-call-media-action-Bn2bGCWs.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./engineCallFileType-D7QVFOac.js";
+import { t } from "./engineCallFileType.zod-C-t93kQg.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
 //#region src/components/on-demand/wt-call-media-action/wt-call-media-action.vue?vue&type=script&setup=true&lang.ts
 var p = { class: "wt-call-media-action__option" }, m = /*#__PURE__*/ e(/* @__PURE__ */ c({

package/dist/{wt-chat-emoji-DyyNVTDr.js → wt-chat-emoji-DuiKO7nU.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./chunk-CY3AvKd6.js";
 import { n as t, t as n } from "./dist-BYiYpK00.js";
-import "./components-DbrHvf-e.js";
+import "./components-C0M-1soD.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as i } from "./enums-pbYAJNeb.js";
 import { t as a } from "./wt-button-DENbrKdy.js";

package/dist/{wt-display-chip-items-wjsobVBh.js → wt-display-chip-items-DUcN6Vny.js}

@@ -1,4 +1,4 @@
-import { c as e, i as t } from "./components-DbrHvf-e.js";
+import { c as e, i as t } from "./components-C0M-1soD.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-expansion-card-DEqwyRq_.js → wt-expansion-card--JQgcTaF.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as t } from "./enums-pbYAJNeb.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-DJxQeK6R.js";
+import "./composables-C5OKo5yW.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-galleria-Xt27edEP.js → wt-galleria-B1gOHiGe.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-DJxQeK6R.js";
+import { a as n, o as r } from "./composables-C5OKo5yW.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-screen-recordings-action-Dg7Ts2Jt.js → wt-screen-recordings-action-Dzzo0eqW.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./engineCallFileType-D7QVFOac.js";
+import { t } from "./engineCallFileType.zod-C-t93kQg.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 //#region src/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue?vue&type=script&setup=true&lang.ts
 var h = { class: "wt-screen-recordings-action" }, g = { class: "wt-screen-recordings-action__option" }, _ = /*#__PURE__*/ e(/* @__PURE__ */ l({

package/dist/{wt-send-message-popup-SP9e0R_R.js → wt-send-message-popup-CSA7ukEd.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-DbrHvf-e.js";
+import { n as e } from "./components-C0M-1soD.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
-import { n, r } from "./clients-D1HAMd56.js";
+import { n, r } from "./clients-aQCH0OHp.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-TBeu10EU.js → wt-table--FlzjuAF.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-DJxQeK6R.js";
+import { t as i } from "./composables-C5OKo5yW.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-type-extension-value-input-KyKRXBn2.js → wt-type-extension-value-input-DRU_RX4Y.js}

@@ -1,7 +1,7 @@
-import { a as e, o as t, r as n, s as r } from "./components-DbrHvf-e.js";
+import { a as e, o as t, r as n, s as r } from "./components-C0M-1soD.js";
 import { t as i } from "./enums-pbYAJNeb.js";
 import { t as a } from "./vue-i18n-B8Px6VcD.js";
-import { t as o } from "./clients-D1HAMd56.js";
+import { t as o } from "./clients-aQCH0OHp.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-B_GkmWiK.js → wt-vidstack-player-CkNUXibU.js}

@@ -1,4 +1,4 @@
-import { l as e } from "./components-DbrHvf-e.js";
+import { l as e } from "./components-C0M-1soD.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as n } from "./enums-pbYAJNeb.js";
 import "./wt-button-DENbrKdy.js";

package/package.json

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

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

@@ -110,14 +110,16 @@ export const useSelectOptions = ({
 			search,
 			page,
 		});
+		const matchingCached = search
+			? selectedOptionsCache.value.filter((option) =>
+					getOptionLabel(option).toLowerCase().includes(search.toLowerCase()),
+				)
+			: selectedOptionsCache.value;
 		const baseOptions =
 			searchParams.page === 1
 				? dedupeByKey(
 						[
-							...(!allowCustomValues.value ? selectedOptionsCache.value : []),
-							...toArray(selected.value).filter(
-								(s) => s != null && typeof s === 'object',
-							),
+							...matchingCached,
 							...items,
 						],
 						dataKey.value,
@@ -146,7 +148,6 @@ export const useSelectOptions = ({
 			filteredOptions.value = sortOptions(
 				dedupeByKey(
 					[
-						...(!allowCustomValues.value ? selectedOptionsCache.value : []),
 						...matchingOptions,
 					],
 					dataKey.value,

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

@@ -22,6 +22,7 @@
       :id="selectId"
       :show-clear="showClear"
       :focus-on-hover="false"
+      :auto-option-focus="true"
       :disabled="disabled"
       :placeholder="placeholder || label"
       :option-disabled="() => disabledOptions"
@@ -45,6 +46,17 @@
       @show="onDropdownShow"
       @hide="onDropdownHide"
     >
+      <template v-if="!chipsView" #value="{ value, placeholder }">
+        <span v-if="value && value.length">
+          <template v-if="value.length > MAX_SELECTED_LABELS">
+            {{ value.length }} {{ t('webitelUI.select.selectedItemsLabel') }}
+          </template>
+          <template v-else>
+            {{ value.map((v) => getOptionLabel(v)).join(', ') }}
+          </template>
+        </span>
+        <span v-else class="p-placeholder">{{ placeholder }}</span>
+      </template>
       <template #header>
         <wt-input-text
           v-if="filterable"

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="wt-single-select">
+  <div class="wt-single-select" :class="{ 'wt-single-select--has-value': model }">
     <wt-label 
       v-if="hasLabel" 
       :disabled="disabled" 
@@ -235,6 +235,17 @@ onMounted(() => {
   min-width: 0;
 }
 
+/*
+  @author @HlukhovYe
+
+  PrimeVue applies data-p="placeholder" to the label span when the selected item
+  is not found in visibleOptions (e.g. during search). Override the placeholder
+  color since our #value slot renders the correct label from the model directly.
+*/
+.wt-single-select--has-value :deep(.p-select-label[data-p~='placeholder']) {
+  color: inherit;
+}
+
 .wt-single-select__option-label {
   user-select: none;
 }

package/src/modules/CallSession/modules/VideoCall/video-call.vue

@@ -659,6 +659,10 @@ const senderVideoMutedIconSizes = {
   padding-bottom: calc(var(--p-player-control-bar-sm-height) + 24px);
 }
 
+.video-call--pip .video-call-receiver--sm.video-call-receiver__fallback-screen {
+  justify-content: center;
+}
+
 .video-call-sender {
   flex: 0 0 auto;
 }