@webitel/ui-sdk 26.6.88 → 26.6.90

package/dist/{wt-chat-emoji-T8LDtZS-.js → wt-chat-emoji-DMGWnSDG.js}

@@ -1,4 +1,4 @@
-import "./components-DaDed2hn.js";
+import "./components-BqXO2X92.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./wt-button-dC4nOW56.js";

package/dist/{wt-display-chip-items-C0p7MwL6.js → wt-display-chip-items-CL9lPf4i.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-DaDed2hn.js";
+import { C as e, i as t } from "./components-BqXO2X92.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-BANe4zX2.js → wt-expansion-card-afRJCmRw.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-DEdhzUqN.js";
+import "./composables-CuxX3Ib0.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-YxNez7SX.js → wt-galleria-DGkRyAjw.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-DEdhzUqN.js";
+import { a as n, o as r } from "./composables-CuxX3Ib0.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-send-message-popup-D4CA3o4I.js → wt-send-message-popup-BV_3DOj4.js}

@@ -1,5 +1,5 @@
 import { n as e, r as t } from "./clients-IxWZVjVW.js";
-import { n } from "./components-DaDed2hn.js";
+import { n } from "./components-BqXO2X92.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-table-CPGSqs5Z.js → wt-table-CC01Dw6T.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-DEdhzUqN.js";
+import { t as i } from "./composables-CuxX3Ib0.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-type-extension-value-input-DSF-DMlv.js → wt-type-extension-value-input-Cb_PUwOS.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clients-IxWZVjVW.js";
-import { a as t, o as n, r, s as i } from "./components-DaDed2hn.js";
+import { a as t, o as n, r, s as i } from "./components-BqXO2X92.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";

package/dist/{wt-vidstack-player-Wgg83Pt1.js → wt-vidstack-player-DlSB9Hkq.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./components-DaDed2hn.js";
+import { w as e } from "./components-BqXO2X92.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-De8CDKZ1.js";
 import "./wt-button-dC4nOW56.js";

package/package.json

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

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

@@ -30,7 +30,7 @@ export const useSelect = ({
 		fetchOptions,
 		fetchSelectedByIds,
 		resetAndFetch,
-		filterOptions,
+		filterOptionsBase,
 		updateSelectedOptionsCache,
 		isOptionDisabled,
 	} = useSelectOptions({
@@ -50,6 +50,7 @@ export const useSelect = ({
 		onDropdownBeforeHide,
 		onDropdownShow,
 		onDropdownHide,
+		filterOptionsAndScrollToTop,
 	} = useSelectDropdown({
 		selectId,
 		selectRef,
@@ -57,7 +58,7 @@ export const useSelect = ({
 		searchMethod,
 		filteredOptions,
 		filterText,
-		filterOptions,
+		filterOptions: filterOptionsBase,
 		resetAndFetch,
 		sortOptions,
 		fetchOptions,
@@ -74,7 +75,7 @@ export const useSelect = ({
 		optionValue,
 		dataKey,
 		filterText,
-		filterOptions,
+		filterOptions: filterOptionsAndScrollToTop,
 		updateSelectedOptionsCache,
 		selectRef,
 		allowCustomValues,
@@ -106,7 +107,7 @@ export const useSelect = ({
 		filteredOptions,
 		getOptionLabel,
 		fetchOptions,
-		filterOptions,
+		filterOptions: filterOptionsAndScrollToTop,
 		onDropdownBeforeShow,
 		onDropdownBeforeHide,
 		onDropdownShow,

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

@@ -1,4 +1,4 @@
-import { ref } from 'vue';
+import { nextTick, ref, watch } from 'vue';
 
 export const useSelectDropdown = ({
 	selectId,
@@ -82,6 +82,29 @@ export const useSelectDropdown = ({
 		}
 	};
 
+	/*
+	  @author @HlukhovYe
+
+		https://webitel.atlassian.net/browse/WTEL-9798
+
+	  Scroll the list to top after filtering. A plain nextTick() after filterOptions() is not
+	  enough when searchMethod is used — filteredOptions only updates after the async fetch
+	  resolves. The flag ensures the scroll fires on the first filteredOptions change after a
+	  search input, but not on subsequent changes (e.g. infinite-scroll page appends).
+	*/
+	let scrollOnNextOptionsUpdate = false;
+
+	watch(filteredOptions, () => {
+		if (!scrollOnNextOptionsUpdate) return;
+		scrollOnNextOptionsUpdate = false;
+		nextTick(() => getListContainer()?.scrollTo(0, 0));
+	});
+
+	const filterOptionsAndScrollToTop = (value: string) => {
+		scrollOnNextOptionsUpdate = true;
+		filterOptions(value);
+	};
+
 	const onDropdownBeforeHide = () => {
 		/**
 		 * @author @HlukhovYe
@@ -119,5 +142,6 @@ export const useSelectDropdown = ({
 		onDropdownBeforeHide,
 		onDropdownShow,
 		onDropdownHide,
+		filterOptionsAndScrollToTop,
 	};
 };

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

@@ -165,7 +165,7 @@ export const useSelectOptions = ({
 
 	const debouncedFetch = debounce((value) => resetAndFetch(value));
 
-	const filterOptions = (value) => {
+	const filterOptionsBase = (value) => {
 		filterText.value = value;
 		if (!searchMethod.value) {
 			const matchingCached = filterBySearch(selectedOptionsCache.value, value);
@@ -253,7 +253,7 @@ export const useSelectOptions = ({
 		fetchOptions,
 		fetchSelectedByIds,
 		resetAndFetch,
-		filterOptions,
+		filterOptionsBase,
 		updateSelectedOptionsCache,
 		isOptionDisabled,
 	};

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

@@ -9,6 +9,6 @@
   min-width: 0;
   border-radius: var(--wt-card-border-radius);
   padding: var(--wt-card-padding);
-  box-shadow: var(--elevation-3);
+  box-shadow: var(--elevation-1);
 }
 </style>

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

@@ -39,6 +39,7 @@ v-show="showPopupComponent" :class="[`wt-popup--size-${size}`, { 'wt-popup--over
 
 <script lang="ts" setup>
 import { TransitionSlide } from '@morev/vue-transitions';
+import { useScrollLock } from '@vueuse/core';
 import { computed, defineEmits, defineProps, ref, watch } from 'vue';
 
 import { ComponentSize } from '../../enums/ComponentSize/ComponentSize';
@@ -123,6 +124,19 @@ const showPopupComponent = computed(() => {
 	return wrapperShown.value || isCloseAnimationPlaying.value;
 });
 
+// lock page (body) scroll while the popup overlay is visible
+const isBodyScrollLocked = useScrollLock(document.body);
+
+watch(
+	showPopupComponent,
+	(isVisible) => {
+		isBodyScrollLocked.value = isVisible;
+	},
+	{
+		immediate: true,
+	},
+);
+
 // overlay should be shown before popup to show animation properly
 watch(
 	() => props.shown,

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

@@ -21,7 +21,7 @@ export declare const useSelect: ({ selected, options, optionLabel, optionValue,
     filteredOptions: import("vue").Ref<any, any>;
     getOptionLabel: (option: any) => any;
     fetchOptions: () => Promise<void>;
-    filterOptions: (value: any) => void;
+    filterOptions: (value: string) => void;
     onDropdownBeforeShow: () => void;
     onDropdownBeforeHide: () => void;
     onDropdownShow: () => void;

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

@@ -17,4 +17,5 @@ export declare const useSelectDropdown: ({ selectId, selectRef, filterInput, sea
     onDropdownBeforeHide: () => void;
     onDropdownShow: () => void;
     onDropdownHide: () => void;
+    filterOptionsAndScrollToTop: (value: string) => void;
 };

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

@@ -17,7 +17,7 @@ export declare const useSelectOptions: ({ selected, options, optionLabel, option
     fetchOptions: () => Promise<void>;
     fetchSelectedByIds: () => Promise<void>;
     resetAndFetch: (search?: string) => void;
-    filterOptions: (value: any) => void;
+    filterOptionsBase: (value: any) => void;
     updateSelectedOptionsCache: () => void;
     isOptionDisabled: (option: unknown) => boolean;
 };