@webitel/ui-sdk 26.8.103 → 26.8.105

package/dist/{composables-OP5kSvlh.js → composables-Vg-QfE_2.js}

@@ -2,33 +2,33 @@ import { t as e } from "./vue-i18n-B88GcHzn.js";
 import { t } from "./debounce-A4B4PTkL.js";
 import "./useExpansion-DVdIpoOn.js";
 import "./useWtTable-CUpN0LZ5.js";
-import { computed as n, nextTick as r, onMounted as i, onUnmounted as a, reactive as o, ref as s, watch as c } from "vue";
+import { computed as n, nextTick as r, onBeforeUnmount as i, onMounted as a, onUnmounted as o, reactive as s, ref as c, watch as l } from "vue";
 //#region src/components/_internals/composables/useGalleriaFullscreen/useGalleriaFullscreen.ts
-var l = () => {
-	let e = s(!1), t = () => {
-		e.value ? o() : r();
+var u = () => {
+	let e = c(!1), t = () => {
+		e.value ? i() : r();
 	}, n = () => {
 		e.value = !e.value;
 	}, r = () => {
 		let e = document.querySelector(".p-galleria");
 		e.requestFullscreen ? e.requestFullscreen() : e.mozRequestFullScreen ? e.mozRequestFullScreen() : e.webkitRequestFullscreen ? e.webkitRequestFullscreen() : e.msRequestFullscreen && e.msRequestFullscreen();
-	}, o = () => {
+	}, i = () => {
 		let e = document;
 		e.exitFullscreen ? e.exitFullscreen() : e.mozCancelFullScreen ? e.mozCancelFullScreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.msExitFullscreen && e.msExitFullscreen();
-	}, c = () => {
+	}, s = () => {
 		document.addEventListener("fullscreenchange", n), document.addEventListener("mozfullscreenchange", n), document.addEventListener("webkitfullscreenchange", n), document.addEventListener("msfullscreenchange", n);
 	}, l = () => {
 		document.removeEventListener("fullscreenchange", n), document.removeEventListener("mozfullscreenchange", n), document.removeEventListener("webkitfullscreenchange", n), document.removeEventListener("msfullscreenchange", n);
 	};
-	return i(() => {
-		c();
-	}), a(() => {
+	return a(() => {
+		s();
+	}), o(() => {
 		l();
 	}), {
 		fullScreen: e,
 		toggleFullScreen: t
 	};
-}, u = (e) => {
+}, d = (e) => {
 	let t = ({ target: t }) => {
 		t?.classList.contains("p-galleria-mask") && (e.value = !1);
 	};
@@ -40,7 +40,7 @@ var l = () => {
 			document.querySelector(".p-galleria-mask")?.removeEventListener("click", t);
 		}
 	};
-}, d = (e) => {
+}, f = (e) => {
 	let t = n(() => e.value?.$el instanceof HTMLInputElement ? e.value?.$el : e.value?.$el?.querySelector("input"));
 	return {
 		focus: () => {
@@ -51,10 +51,36 @@ var l = () => {
 			t.value?.setAttribute("autocomplete", "off");
 		}
 	};
-}, f = (e) => Array.isArray(e) ? e : e ? [e] : [], p = (e, t, n) => {
+}, p = 30, m = async (e) => {
+	let t = [], n = e;
+	for (; n;) typeof n.getAnimations == "function" && t.push(...n.getAnimations()), n = n.parentElement;
+	t.length && await Promise.all(t.map((e) => e.finished.catch(() => void 0)));
+}, h = (e, t) => {
+	let n = null, r = !1, a = () => {
+		r = !0, n !== null && (cancelAnimationFrame(n), n = null);
+	}, o = () => new Promise((e) => {
+		let i, a = 0, o = () => {
+			if (n = null, r) return;
+			let s = t.value?.$el;
+			if (!s) return;
+			let c = s.getBoundingClientRect();
+			if (i && c.top === i.top && c.left === i.left && c.width === i.width && c.height === i.height || ++a >= p) {
+				e();
+				return;
+			}
+			i = c, n = requestAnimationFrame(o);
+		};
+		n = requestAnimationFrame(o);
+	});
+	return i(a), { openWhenSettled: async () => {
+		if (!e?.()) return;
+		let n = t.value?.$el;
+		n && (r = !1, await m(n), !r && (await o(), !r && t.value?.show?.()));
+	} };
+}, g = (e) => Array.isArray(e) ? e : e ? [e] : [], _ = (e, t, n) => {
 	let r = (e) => typeof e == "object" && !!e;
 	return t.some((t) => n ? r(t) && r(e) ? t[n] === e[n] : !r(t) && r(e) ? t === e[n] : r(t) && !r(e) ? t[n] === e : t === e : t === e);
-}, m = (e, t) => {
+}, v = (e, t) => {
 	if (!t) return [...new Set(e)];
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
@@ -62,20 +88,20 @@ var l = () => {
 		n.has(e) || n.set(e, r);
 	}
 	return [...n.values()];
-}, h = (e, t, n) => e.filter((e) => n(e).toLowerCase().includes(t.toLowerCase())), g = ({ selected: e, filteredOptions: t, options: n, dataKey: i, filterText: a, filterOptions: o, updateSelectedOptionsCache: s, selectRef: c, allowCustomValues: l, isSingle: u }) => {
+}, y = (e, t, n) => e.filter((e) => n(e).toLowerCase().includes(t.toLowerCase())), b = ({ selected: e, filteredOptions: t, options: n, dataKey: i, filterText: a, filterOptions: o, updateSelectedOptionsCache: s, selectRef: c, allowCustomValues: l, isSingle: u }) => {
 	let d = (e) => {
 		let r = n.value.length ? n.value[0] : t.value[0];
 		return r && typeof r == "object" ? Object.fromEntries(Object.keys(r).map((t) => [t, e])) : i.value ? { [i.value]: e } : e;
 	};
 	return { onInputKeydown: () => {
-		if (!l.value || !a.value || f(e.value).some((e) => (i.value ? e[i.value] : e) === a.value)) return;
+		if (!l.value || !a.value || g(e.value).some((e) => (i.value ? e[i.value] : e) === a.value)) return;
 		let n = d(a.value);
-		t.value.some((e) => p(e, [n], i.value)) || t.value.unshift(n), u ? (c.value?.hide?.(), e.value = n) : e.value = [...e.value, n], s(), r(() => {
+		t.value.some((e) => _(e, [n], i.value)) || t.value.unshift(n), u ? (c.value?.hide?.(), e.value = n) : e.value = [...e.value, n], s(), r(() => {
 			a.value = "", o("");
 		});
 	} };
-}, _ = ({ 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) => {
+}, x = ({ selectId: e, selectRef: t, filterInput: n, searchMethod: i, filteredOptions: a, filterText: o, filterOptions: s, resetAndFetch: u, sortOptions: d, fetchOptions: f, isLoading: p, searchHasNext: m }) => {
+	let h = c(!1), g = null, _ = null, v = () => document.querySelector(`#${e.value}_list`)?.parentElement, y = (e) => {
 		let t = e.target;
 		t.scrollTop + t.clientHeight >= t.scrollHeight - 40 && !p.value && m.value && f();
 	}, b = null, x = () => {
@@ -97,7 +123,7 @@ var l = () => {
 			_ = requestAnimationFrame(i);
 		}
 	}, C = !1;
-	return c(a, () => {
+	return l(a, () => {
 		C && (C = !1, r(() => v()?.scrollTo(0, 0)));
 	}), {
 		isDropdownOpen: h,
@@ -108,55 +134,55 @@ var l = () => {
 		},
 		onDropdownShow: S,
 		onDropdownHide: () => {
-			h.value = !1, b !== null && (cancelAnimationFrame(b), b = null), g?.disconnect(), g = null, _ !== null && (cancelAnimationFrame(_), _ = null), i.value ? (v()?.removeEventListener("scroll", y), o.value && u()) : l(""), o.value = "";
+			h.value = !1, b !== null && (cancelAnimationFrame(b), b = null), g?.disconnect(), g = null, _ !== null && (cancelAnimationFrame(_), _ = null), i.value ? (v()?.removeEventListener("scroll", y), o.value && u()) : s(""), o.value = "";
 		},
 		filterOptionsAndScrollToTop: (e) => {
-			C = !0, l(e);
+			C = !0, s(e);
 		}
 	};
-}, v = (e) => {
-	let t = s(!1), n = null;
-	return c(e, (e) => {
+}, S = (e) => {
+	let t = c(!1), n = null;
+	return l(e, (e) => {
 		e ? (n && clearTimeout(n), t.value = !0) : n = setTimeout(() => {
 			t.value = !1;
 		}, 500);
 	}), { showFooterLoader: t };
-}, y = ({ selected: n, options: r, optionLabel: i, optionValue: a, dataKey: l, allowCustomValues: u, searchMethod: d, strictApiOptions: g }) => {
-	let { t: _ } = e(), v = s(""), y = s(r.value), b = s(!1), x = s(!0), S = o({
+}, C = ({ selected: n, options: r, optionLabel: i, optionValue: a, dataKey: o, allowCustomValues: u, searchMethod: d, strictApiOptions: f }) => {
+	let { t: p } = e(), m = c(""), h = c(r.value), b = c(!1), x = c(!0), S = s({
 		page: 1,
 		search: ""
 	}), C = (e) => {
-		let t = m(e, l.value);
+		let t = v(e, o.value);
 		if (!n.value) return t;
-		let r = f(n.value), i = [], a = [];
-		for (let e of t) (p(e, r, l.value) ? i : a).push(e);
+		let r = g(n.value), i = [], a = [];
+		for (let e of t) (_(e, r, o.value) ? i : a).push(e);
 		return i.concat(a);
 	}, w = (e) => {
 		if (e == null) return "";
 		if (u.value && e.isTag) return e.label;
 		let t = a?.value;
 		if (t && typeof e != "object") {
-			let n = [...y.value, ...E.value].find((n) => n[t] === e);
+			let n = [...h.value, ...E.value].find((n) => n[t] === e);
 			return n ? w(n) : String(e);
 		}
-		return i.value && e[i.value] ? e[i.value] : e.locale ? Array.isArray(e.locale) ? _(...e.locale) : _(e.locale) : e.name || e;
-	}, T = (e, t) => h(e, t, w), E = s([]), D = () => {
+		return i.value && e[i.value] ? e[i.value] : e.locale ? Array.isArray(e.locale) ? p(...e.locale) : p(e.locale) : e.name || e;
+	}, T = (e, t) => y(e, t, w), E = c([]), D = () => {
 		if (!n.value) {
 			E.value = [];
 			return;
 		}
-		let e = f(n.value), t = (t) => p(t, e, l.value), r = y.value.filter(t), i = m([...E.value, ...r], l.value);
+		let e = g(n.value), t = (t) => _(t, e, o.value), r = h.value.filter(t), i = v([...E.value, ...r], o.value);
 		E.value = i.filter(t);
 	}, O = async () => {
 		if (!d.value || !a?.value || !n.value) return;
-		let e = f(n.value);
+		let e = g(n.value);
 		if (!e.length) return;
 		b.value = !0;
 		let { items: t } = await d.value({
-			[l.value]: e,
+			[o.value]: e,
 			size: e.length
 		});
-		E.value = m([...E.value, ...t], l.value), b.value = !1;
+		E.value = v([...E.value, ...t], o.value), b.value = !1;
 	}, k = async () => {
 		if (!d.value) return;
 		let { search: e, page: t } = S;
@@ -164,31 +190,31 @@ var l = () => {
 		let { items: r, next: i } = await d.value({
 			search: e,
 			page: t
-		}), a = e ? T(E.value, e) : E.value, o = S.page === 1 ? m([...a, ...r], l.value) : y.value.concat(r);
-		y.value = C(o), N(n.value), x.value = i ?? !1, S.page += 1, b.value = !1;
+		}), a = e ? T(E.value, e) : E.value, s = S.page === 1 ? v([...a, ...r], o.value) : h.value.concat(r);
+		h.value = C(s), N(n.value), x.value = i ?? !1, S.page += 1, b.value = !1;
 	}, A = (e = "") => {
 		S.search = e, S.page = 1, k();
 	}, j = t((e) => A(e)), M = (e) => {
-		if (v.value = e, d.value) j(e);
+		if (m.value = e, d.value) j(e);
 		else {
 			let t = T(E.value, e), n = T(r.value, e);
-			y.value = C(m([...t, ...n], l.value));
+			h.value = C(v([...t, ...n], o.value));
 		}
 	}, N = (e) => {
-		if (!e || !d.value || g?.value) return;
-		let t = f(e).filter((e) => !p(e, y.value, l.value));
+		if (!e || !d.value || f?.value) return;
+		let t = g(e).filter((e) => !_(e, h.value, o.value));
 		if (t.length) {
-			let e = t.map((e) => E.value.find((t) => t[l.value] === e) ?? e);
-			y.value = C(m([...T(e, v.value), ...y.value], l.value));
+			let e = t.map((e) => E.value.find((t) => t[o.value] === e) ?? e);
+			h.value = C(v([...T(e, m.value), ...h.value], o.value));
 		}
 	};
-	return c(() => n.value, (e) => {
+	return l(() => n.value, (e) => {
 		D(), N(e);
-	}), c(() => r.value, (e) => {
-		d.value || (y.value = C(e));
+	}), l(() => r.value, (e) => {
+		d.value || (h.value = C(e));
 	}), {
-		filterText: v,
-		filteredOptions: y,
+		filterText: m,
+		filteredOptions: h,
 		isLoading: b,
 		searchHasNext: x,
 		sortOptions: C,
@@ -199,63 +225,63 @@ var l = () => {
 		filterOptionsBase: M,
 		updateSelectedOptionsCache: D
 	};
-}, 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, strictApiOptions: p = void 0, emit: m = (e, ...t) => {} }) => {
-	let { filterText: h, filteredOptions: b, isLoading: x, searchHasNext: S, sortOptions: C, getOptionLabel: w, fetchOptions: T, fetchSelectedByIds: E, resetAndFetch: D, filterOptionsBase: O, updateSelectedOptionsCache: k } = y({
+}, w = ({ selected: e, options: t, optionLabel: n, optionValue: r, dataKey: i, allowCustomValues: o, manualCustomValues: s = !1, filterInput: c, selectRef: l, searchMethod: u, selectId: d, isSingle: f, autoOpen: p, strictApiOptions: m = void 0, emit: g = (e, ...t) => {} }) => {
+	let { filterText: _, filteredOptions: v, isLoading: y, searchHasNext: w, sortOptions: T, getOptionLabel: E, fetchOptions: D, fetchSelectedByIds: O, resetAndFetch: k, filterOptionsBase: A, updateSelectedOptionsCache: j } = C({
 		selected: e,
 		options: t,
 		optionLabel: n,
 		optionValue: r,
-		dataKey: a,
+		dataKey: i,
 		allowCustomValues: o,
 		searchMethod: u,
-		strictApiOptions: p
-	}), { isDropdownOpen: A, onDropdownBeforeShow: j, onDropdownBeforeHide: M, onDropdownShow: N, onDropdownHide: P, filterOptionsAndScrollToTop: F } = _({
+		strictApiOptions: m
+	}), { isDropdownOpen: M, onDropdownBeforeShow: N, onDropdownBeforeHide: P, onDropdownShow: F, onDropdownHide: I, filterOptionsAndScrollToTop: L } = x({
 		selectId: d,
 		selectRef: l,
 		filterInput: c,
 		searchMethod: u,
-		filteredOptions: b,
-		filterText: h,
-		filterOptions: O,
-		resetAndFetch: D,
-		sortOptions: C,
-		fetchOptions: T,
-		isLoading: x,
-		searchHasNext: S
-	}), { showFooterLoader: I } = v(x), { onInputKeydown: L } = g({
+		filteredOptions: v,
+		filterText: _,
+		filterOptions: A,
+		resetAndFetch: k,
+		sortOptions: T,
+		fetchOptions: D,
+		isLoading: y,
+		searchHasNext: w
+	}), { showFooterLoader: R } = S(y), { openWhenSettled: z } = h(p, l), { onInputKeydown: B } = b({
 		selected: e,
-		filteredOptions: b,
+		filteredOptions: v,
 		options: t,
-		dataKey: a,
-		filterText: h,
-		filterOptions: F,
-		updateSelectedOptionsCache: k,
+		dataKey: i,
+		filterText: _,
+		filterOptions: L,
+		updateSelectedOptionsCache: j,
 		selectRef: l,
 		allowCustomValues: o,
 		isSingle: f
 	});
-	return i(async () => {
-		await E(), u.value && T();
+	return a(async () => {
+		await O(), u.value && await D(), z();
 	}), {
-		isLoading: x,
-		showFooterLoader: I,
-		isDropdownOpen: A,
-		filterText: h,
-		filteredOptions: b,
-		getOptionLabel: w,
-		fetchOptions: T,
-		filterOptions: F,
-		onDropdownBeforeShow: j,
-		onDropdownBeforeHide: M,
-		onDropdownShow: N,
-		onDropdownHide: P,
-		onInputKeydown: L,
+		isLoading: y,
+		showFooterLoader: R,
+		isDropdownOpen: M,
+		filterText: _,
+		filteredOptions: v,
+		getOptionLabel: E,
+		fetchOptions: D,
+		filterOptions: L,
+		onDropdownBeforeShow: N,
+		onDropdownBeforeHide: P,
+		onDropdownShow: F,
+		onDropdownHide: I,
+		onInputKeydown: B,
 		clearValue: () => {
 			let t = "";
-			Array.isArray(e.value) ? t = [] : typeof e.value == "object" && e.value !== null && (t = {}), e.value = t, m("reset", t);
+			Array.isArray(e.value) ? t = [] : typeof e.value == "object" && e.value !== null && (t = {}), e.value = t, g("reset", t);
 		}
 	};
-}, x = (e, t) => {
+}, T = (e, t) => {
 	let n = null, r = null, i = null, a = !1, o = () => {
 		if (!r || !a || i === null) return;
 		let e = r.getBoundingClientRect(), t = i - e.left, s = e.right - i, c = (e) => e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2, l = 0, u = 0;
@@ -289,4 +315,4 @@ var l = () => {
 	};
 };
 //#endregion
-export { u as a, d as i, b as n, l as o, f as r, x as t };
+export { d as a, f as i, w as n, u as o, g as r, T as t };