@webitel/ui-sdk 26.6.88 → 26.6.90

package/dist/{composables-DEdhzUqN.js → composables-CuxX3Ib0.js}

@@ -73,37 +73,42 @@ var l = () => {
 			o.value = "", s("");
 		});
 	} };
-}, _ = ({ selectId: e, selectRef: t, filterInput: n, searchMethod: r, filteredOptions: i, filterText: a, filterOptions: o, resetAndFetch: c, sortOptions: l, fetchOptions: u, isLoading: d, searchHasNext: f }) => {
-	let p = s(!1), m = null, h = null, g = () => document.querySelector(`#${e.value}_list`)?.parentElement, _ = (e) => {
+}, _ = ({ selectId: e, selectRef: t, filterInput: n, searchMethod: i, filteredOptions: a, filterText: o, filterOptions: l, resetAndFetch: u, sortOptions: d, fetchOptions: f, isLoading: p, searchHasNext: m }) => {
+	let h = s(!1), g = null, _ = null, v = () => document.querySelector(`#${e.value}_list`)?.parentElement, y = (e) => {
 		let t = e.target;
-		t.scrollTop + t.clientHeight >= t.scrollHeight - 40 && !d.value && f.value && u();
-	};
-	return {
-		isDropdownOpen: p,
-		onDropdownBeforeShow: () => {
-			p.value = !0, i.value = l(i.value);
-		},
+		t.scrollTop + t.clientHeight >= t.scrollHeight - 40 && !p.value && m.value && f();
+	}, b = () => {
+		h.value = !0, a.value = d(a.value);
+	}, x = () => {
+		n.value?.focus(), i.value && v()?.addEventListener("scroll", y);
+		let e = t?.value?.overlay;
+		e && (g = new ResizeObserver(() => {
+			t.value?.alignOverlay();
+		}), g.observe(e));
+		let r = t?.value?.$el;
+		if (r) {
+			let e = r.getBoundingClientRect().top, n = r.getBoundingClientRect().left, i = () => {
+				let a = r.getBoundingClientRect();
+				(a.top !== e || a.left !== n) && (e = a.top, n = a.left, t.value?.alignOverlay()), _ = requestAnimationFrame(i);
+			};
+			_ = requestAnimationFrame(i);
+		}
+	}, S = !1;
+	return c(a, () => {
+		S && (S = !1, r(() => v()?.scrollTo(0, 0)));
+	}), {
+		isDropdownOpen: h,
+		onDropdownBeforeShow: b,
 		onDropdownBeforeHide: () => {
 			let e = t?.value?.overlay;
-			e && (e.style.pointerEvents = "none"), g()?.scrollTo(0, 0);
-		},
-		onDropdownShow: () => {
-			n.value?.focus(), r.value && g()?.addEventListener("scroll", _);
-			let e = t?.value?.overlay;
-			e && (m = new ResizeObserver(() => {
-				t.value?.alignOverlay();
-			}), m.observe(e));
-			let i = t?.value?.$el;
-			if (i) {
-				let e = i.getBoundingClientRect().top, n = i.getBoundingClientRect().left, r = () => {
-					let a = i.getBoundingClientRect();
-					(a.top !== e || a.left !== n) && (e = a.top, n = a.left, t.value?.alignOverlay()), h = requestAnimationFrame(r);
-				};
-				h = requestAnimationFrame(r);
-			}
+			e && (e.style.pointerEvents = "none"), v()?.scrollTo(0, 0);
 		},
+		onDropdownShow: x,
 		onDropdownHide: () => {
-			p.value = !1, m?.disconnect(), m = null, h !== null && (cancelAnimationFrame(h), h = null), r.value ? (g()?.removeEventListener("scroll", _), a.value && c()) : o(""), a.value = "";
+			h.value = !1, g?.disconnect(), g = null, _ !== null && (cancelAnimationFrame(_), _ = null), i.value ? (v()?.removeEventListener("scroll", y), o.value && u()) : l(""), o.value = "";
+		},
+		filterOptionsAndScrollToTop: (e) => {
+			S = !0, l(e);
 		}
 	};
 }, v = (e) => {
@@ -187,12 +192,12 @@ var l = () => {
 		fetchOptions: k,
 		fetchSelectedByIds: O,
 		resetAndFetch: A,
-		filterOptions: M,
+		filterOptionsBase: M,
 		updateSelectedOptionsCache: D,
 		isOptionDisabled: (e) => g?.value ? Array.isArray(g.value) ? g.value.some((t) => typeof t == "object" && !!t && typeof e == "object" && !!e && t[l.value] === e[l.value]) : !!g.value : !1
 	};
 }, b = ({ selected: e, options: t, optionLabel: n, optionValue: r, dataKey: a, allowCustomValues: o, manualCustomValues: s = !1, filterInput: c, selectRef: l, searchMethod: u, selectId: d, isSingle: f, disabledOptions: p = void 0, emit: m = () => {} }) => {
-	let { filterText: h, filteredOptions: b, isLoading: x, searchHasNext: S, sortOptions: C, getOptionLabel: w, fetchOptions: T, fetchSelectedByIds: E, resetAndFetch: D, filterOptions: O, updateSelectedOptionsCache: k, isOptionDisabled: A } = y({
+	let { filterText: h, filteredOptions: b, isLoading: x, searchHasNext: S, sortOptions: C, getOptionLabel: w, fetchOptions: T, fetchSelectedByIds: E, resetAndFetch: D, filterOptionsBase: O, updateSelectedOptionsCache: k, isOptionDisabled: A } = y({
 		selected: e,
 		options: t,
 		optionLabel: n,
@@ -201,7 +206,7 @@ var l = () => {
 		allowCustomValues: o,
 		searchMethod: u,
 		disabledOptions: p
-	}), { isDropdownOpen: j, onDropdownBeforeShow: M, onDropdownBeforeHide: N, onDropdownShow: P, onDropdownHide: F } = _({
+	}), { isDropdownOpen: j, onDropdownBeforeShow: M, onDropdownBeforeHide: N, onDropdownShow: P, onDropdownHide: F, filterOptionsAndScrollToTop: I } = _({
 		selectId: d,
 		selectRef: l,
 		filterInput: c,
@@ -214,14 +219,14 @@ var l = () => {
 		fetchOptions: T,
 		isLoading: x,
 		searchHasNext: S
-	}), { showFooterLoader: I } = v(x), { onInputKeydown: L } = g({
+	}), { showFooterLoader: L } = v(x), { onInputKeydown: R } = g({
 		selected: e,
 		filteredOptions: b,
 		options: t,
 		optionValue: r,
 		dataKey: a,
 		filterText: h,
-		filterOptions: O,
+		filterOptions: I,
 		updateSelectedOptionsCache: k,
 		selectRef: l,
 		allowCustomValues: o,
@@ -233,18 +238,18 @@ var l = () => {
 		await E(), u.value && T();
 	}), {
 		isLoading: x,
-		showFooterLoader: I,
+		showFooterLoader: L,
 		isDropdownOpen: j,
 		filterText: h,
 		filteredOptions: b,
 		getOptionLabel: w,
 		fetchOptions: T,
-		filterOptions: O,
+		filterOptions: I,
 		onDropdownBeforeShow: M,
 		onDropdownBeforeHide: N,
 		onDropdownShow: P,
 		onDropdownHide: F,
-		onInputKeydown: L,
+		onInputKeydown: R,
 		clearValue: () => {
 			let t = "";
 			Array.isArray(e.value) ? t = [] : typeof e.value == "object" && e.value !== null && (t = {}), e.value = t, m("reset", t);