@webitel/ui-sdk 26.6.48 → 26.6.50

package/dist/{components-BvEqkYgM.js → components-CtEt1sqi.js}

@@ -8,7 +8,7 @@ import { n as ie, t as ae } from "./wt-icon-btn-BUpa-fbk.js";
 import { t as oe } from "./vue-i18n-B8Px6VcD.js";
 import { t as se } from "./wt-icon-action-CQlZHMDB.js";
 import { t as b } from "./useValidation-DG0tifBv.js";
-import { i as ce, n as le, r as ue } from "./composables-BB80tQ5H.js";
+import { i as ce, n as le, r as ue } from "./composables-Dd9qisyK.js";
 import { t as de } from "./debounce-DPzXwiOS.js";
 import { t as fe } from "./wt-expand-transition-C2p9bR4j.js";
 import { t as pe } from "./wt-toast-m61COwji.js";
@@ -5280,9 +5280,9 @@ var jo = {
 			])), [[r, d]]) : w("", !0)], 2);
 		};
 	}
-}, [["__scopeId", "data-v-72aa56d0"]]), Io = k(() => import("./wt-action-bar-Ba1ZJjE_.js")), Lo = k(() => import("./wt-button-select-BnRHgJ4i.js")), Ro = k(() => import("./wt-confirm-dialog-DCUitG2v.js")), zo = k(() => import("./wt-context-menu-yW52oF-2.js")), Bo = k(() => import("./wt-copy-action-d9gVzAsB.js")), Vo = k(() => import("./wt-datepicker-Cnbarx_j.js")), Ho = k(() => import("./wt-dual-panel-DAhTYFS_.js")), Uo = k(() => import("./wt-dummy-CLjhRWZ6.js")), Wo = k(() => import("./wt-error-page-vhu4lIyF.js")), Go = k(() => import("./wt-expansion-panel-C_EXvx1d.js")), Ko = k(() => import("./wt-expansion-card-B9GnNWua.js")), qo = k(() => import("./wt-filters-panel-wrapper-Cc9b3aci.js")), Jo = k(() => import("./wt-galleria-CbkWtFhM.js")), Yo = k(() => import("./wt-notifications-bar-CDTqa7M9.js")), Xo = k(() => import("./wt-page-header-CDbd4aOh.js")), Zo = k(() => import("./wt-pagination-CZuQFM3-.js")), Qo = k(() => import("./wt-player-BxvfY3f0.js")), $o = k(() => import("./wt-popover-CJZH3wMl.js").then((e) => e.n)), es = k(() => import("./wt-search-bar-CyMYRgHH.js")), ts = k(() => import("./wt-slider-BS3SoGht.js").then((e) => e.n)), ns = k(() => import("./wt-status-select-A5t6Vjm4.js")), rs = k(() => import("./wt-stepper-B6zpd1Uh.js")), is = k(() => import("./wt-table-DRNWny3Q.js")), as = k(() => import("./wt-table-actions-4-peSVkc.js")), os = k(() => import("./wt-table-column-select-DFF6z3a3.js")), ss = k(() => import("./wt-tabs-DuOgj-lZ.js")), cs = k(() => import("./wt-time-input-CO2cop3y.js")), ls = k(() => import("./wt-timepicker-BltFF1QD.js")), us = k(() => import("./wt-tree-ZyoPrNOl.js")), ds = k(() => import("./wt-tree-table-2u2mPfO_.js")), fs = k(() => import("./wt-vidstack-player-DTPlrBiG.js")), ps = k(() => import("./wt-call-media-action-Bn2bGCWs.js")), ms = k(() => import("./wt-chat-emoji-D0e2D_oH.js")), hs = k(() => import("./wt-display-chip-items-Df-7rB8U.js")), gs = k(() => import("./wt-navigation-menu-CenQi_-T.js")), _s = k(() => import("./wt-selection-popup-B77UY7Yu.js")), vs = k(() => import("./wt-start-page-eN1PEokc.js"));
-k(() => import("./wt-type-extension-value-input-D2LEPL22.js"));
-var ys = k(() => import("./wt-screen-recordings-action-Dzzo0eqW.js")), bs = k(() => import("./wt-send-message-popup-D1z5Kbon.js")), xs = {
+}, [["__scopeId", "data-v-72aa56d0"]]), Io = k(() => import("./wt-action-bar-Ba1ZJjE_.js")), Lo = k(() => import("./wt-button-select-BnRHgJ4i.js")), Ro = k(() => import("./wt-confirm-dialog-DCUitG2v.js")), zo = k(() => import("./wt-context-menu-yW52oF-2.js")), Bo = k(() => import("./wt-copy-action-d9gVzAsB.js")), Vo = k(() => import("./wt-datepicker-Cnbarx_j.js")), Ho = k(() => import("./wt-dual-panel-DAhTYFS_.js")), Uo = k(() => import("./wt-dummy-CLjhRWZ6.js")), Wo = k(() => import("./wt-error-page-vhu4lIyF.js")), Go = k(() => import("./wt-expansion-panel-C_EXvx1d.js")), Ko = k(() => import("./wt-expansion-card-BjsAftEs.js")), qo = k(() => import("./wt-filters-panel-wrapper-Cc9b3aci.js")), Jo = k(() => import("./wt-galleria-DDoKj53y.js")), Yo = k(() => import("./wt-notifications-bar-CDTqa7M9.js")), Xo = k(() => import("./wt-page-header-CDbd4aOh.js")), Zo = k(() => import("./wt-pagination-CZuQFM3-.js")), Qo = k(() => import("./wt-player-BxvfY3f0.js")), $o = k(() => import("./wt-popover-CJZH3wMl.js").then((e) => e.n)), es = k(() => import("./wt-search-bar-CyMYRgHH.js")), ts = k(() => import("./wt-slider-BS3SoGht.js").then((e) => e.n)), ns = k(() => import("./wt-status-select-A5t6Vjm4.js")), rs = k(() => import("./wt-stepper-B6zpd1Uh.js")), is = k(() => import("./wt-table-o53DZBTE.js")), as = k(() => import("./wt-table-actions-4-peSVkc.js")), os = k(() => import("./wt-table-column-select-DFF6z3a3.js")), ss = k(() => import("./wt-tabs-DuOgj-lZ.js")), cs = k(() => import("./wt-time-input-CO2cop3y.js")), ls = k(() => import("./wt-timepicker-BltFF1QD.js")), us = k(() => import("./wt-tree-ZyoPrNOl.js")), ds = k(() => import("./wt-tree-table-2u2mPfO_.js")), fs = k(() => import("./wt-vidstack-player-CmrcSzvE.js")), ps = k(() => import("./wt-call-media-action-Bn2bGCWs.js")), ms = k(() => import("./wt-chat-emoji-CweUdxDZ.js")), hs = k(() => import("./wt-display-chip-items-Bl5l9lBS.js")), gs = k(() => import("./wt-navigation-menu-CenQi_-T.js")), _s = k(() => import("./wt-selection-popup-B77UY7Yu.js")), vs = k(() => import("./wt-start-page-eN1PEokc.js"));
+k(() => import("./wt-type-extension-value-input-VRdXVBqT.js"));
+var ys = k(() => import("./wt-screen-recordings-action-Dzzo0eqW.js")), bs = k(() => import("./wt-send-message-popup-B5lzeLj6.js")), xs = {
 	WtActionBar: Io,
 	WtImage: ir,
 	WtEmpty: lr,

package/dist/{composables-BB80tQ5H.js → composables-Dd9qisyK.js}

@@ -61,20 +61,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, manualCustomValues: u, isSingle: d, emit: m }) => {
-	let h = (e) => {
+}, h = (e, t, n) => e.filter((e) => n(e).toLowerCase().includes(t.toLowerCase())), g = ({ selected: e, filteredOptions: t, options: n, optionValue: i, dataKey: a, filterText: o, filterOptions: s, updateSelectedOptionsCache: c, selectRef: l, allowCustomValues: u, manualCustomValues: d, isSingle: m, emit: h }) => {
+	let g = (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;
-		let n = h(a.value);
-		t.value.some((e) => p(e, [n], i.value)) || t.value.unshift(n), d ? (c.value?.hide(), e.value = n) : e.value = [...e.value, n], s(), r(() => {
-			a.value = "", o("");
+		if (!u.value || !o.value || f(e.value).some((e) => (a.value ? e[a.value] : e) === o.value)) return;
+		let n = g(o.value);
+		t.value.some((e) => p(e, [n], a.value)) || t.value.unshift(n), m ? (l.value?.hide(), e.value = n) : e.value = [...e.value, n], c(), r(() => {
+			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 = () => document.querySelector(`#${e.value}_list`)?.parentElement, g = (e) => {
+	let p = s(!1), m = null, h = null, g = () => document.querySelector(`#${e.value}_list`)?.parentElement, _ = (e) => {
 		let t = e.target;
 		t.scrollTop + t.clientHeight >= t.scrollHeight - 40 && !d.value && f.value && u();
 	};
@@ -85,17 +85,25 @@ var l = () => {
 		},
 		onDropdownBeforeHide: () => {
 			let e = t?.value?.overlay;
-			e && (e.style.pointerEvents = "none"), h()?.scrollTo(0, 0);
+			e && (e.style.pointerEvents = "none"), g()?.scrollTo(0, 0);
 		},
 		onDropdownShow: () => {
-			n.value?.focus(), r.value && h()?.addEventListener("scroll", g);
+			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);
+			}
 		},
 		onDropdownHide: () => {
-			p.value = !1, m?.disconnect(), m = null, r.value ? (h()?.removeEventListener("scroll", g), a.value && c()) : o(""), a.value = "";
+			p.value = !1, m?.disconnect(), m = null, h !== null && (cancelAnimationFrame(h), h = null), r.value ? (g()?.removeEventListener("scroll", _), a.value && c()) : o(""), a.value = "";
 		}
 	};
 }, v = (e) => {
@@ -190,6 +198,7 @@ var l = () => {
 		selected: e,
 		filteredOptions: m,
 		options: t,
+		optionValue: r,
 		dataKey: i,
 		filterText: p,
 		filterOptions: T,

package/dist/ui-sdk.js

@@ -1,6 +1,6 @@
 import { t as e } from "./generateInstance-BD4pC4PS.js";
 import { n as t } from "./wt-icon-DZxZg6ON.js";
-import { t as n } from "./components-BvEqkYgM.js";
+import { t as n } from "./components-CtEt1sqi.js";
 import { c as r, i } from "./enums-pbYAJNeb.js";
 import { r as a, t as o } from "./dist-Dz55hlwp.js";
 import { t as s } from "./usetoast-BECIyaas.js";