@webitel/ui-sdk 26.6.87 → 26.6.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/{components-DaDed2hn.js → components-COWAuGBm.js} +5 -5
  2. package/dist/{composables-DEdhzUqN.js → composables-CuxX3Ib0.js} +39 -34
  3. package/dist/ui-sdk.css +1 -1
  4. package/dist/ui-sdk.js +1 -1
  5. package/dist/ui-sdk.umd.cjs +1 -1
  6. package/dist/{wt-chat-emoji-T8LDtZS-.js → wt-chat-emoji-DiA3YxyK.js} +1 -1
  7. package/dist/{wt-display-chip-items-C0p7MwL6.js → wt-display-chip-items-BN8K7NHE.js} +1 -1
  8. package/dist/{wt-expansion-card-BANe4zX2.js → wt-expansion-card-afRJCmRw.js} +1 -1
  9. package/dist/{wt-galleria-YxNez7SX.js → wt-galleria-DGkRyAjw.js} +1 -1
  10. package/dist/{wt-send-message-popup-D4CA3o4I.js → wt-send-message-popup-DcFoPulz.js} +1 -1
  11. package/dist/{wt-table-CPGSqs5Z.js → wt-table-CC01Dw6T.js} +1 -1
  12. package/dist/{wt-type-extension-value-input-DSF-DMlv.js → wt-type-extension-value-input-BICQ_NeQ.js} +1 -1
  13. package/dist/{wt-vidstack-player-Wgg83Pt1.js → wt-vidstack-player-Dl1GJcn_.js} +1 -1
  14. package/package.json +1 -1
  15. package/src/components/_internals/composables/useSelect/useSelect.ts +5 -4
  16. package/src/components/_internals/composables/useSelect/useSelectDropdown.ts +25 -1
  17. package/src/components/_internals/composables/useSelect/useSelectOptions.ts +2 -2
  18. package/src/components/wt-card/wt-card.vue +1 -1
  19. package/types/components/_internals/composables/useSelect/useSelect.d.ts +1 -1
  20. package/types/components/_internals/composables/useSelect/useSelectDropdown.d.ts +1 -0
  21. package/types/components/_internals/composables/useSelect/useSelectOptions.d.ts +1 -1
@@ -12,7 +12,7 @@ import "./sortQueryAdapters-CyYXvnDN.js";
12
12
  import { n as C, t as w } from "./wt-icon-btn-BIU9YjS8.js";
13
13
  import { t as ce } from "./wt-icon-action-BBmutGsL.js";
14
14
  import { t as le } from "./useValidation-DGl2otXJ.js";
15
- import { i as ue, n as de, r as fe } from "./composables-DEdhzUqN.js";
15
+ import { i as ue, n as de, r as fe } from "./composables-CuxX3Ib0.js";
16
16
  import { t as pe } from "./wt-expand-transition-C2p9bR4j.js";
17
17
  import { a as me, c as he, i as ge, n as _e, o as ve, r as ye, s as be, t as xe } from "./floating-ui.dom-Ch9ml4Rx.js";
18
18
  import * as Se from "vue";
@@ -3311,7 +3311,7 @@ var no = /* @__PURE__ */ N({
3311
3311
  function ao(e, t) {
3312
3312
  return z(), O("div", io, [B(e.$slots, "default", {}, void 0, !0)]);
3313
3313
  }
3314
- var oo = /*#__PURE__*/ s(ro, [["render", ao], ["__scopeId", "data-v-fe572763"]]), so = /*#__PURE__*/ s(/* @__PURE__ */ N({
3314
+ var oo = /*#__PURE__*/ s(ro, [["render", ao], ["__scopeId", "data-v-9bc1397e"]]), so = /*#__PURE__*/ s(/* @__PURE__ */ N({
3315
3315
  __name: "wt-chip",
3316
3316
  props: {
3317
3317
  color: { default: g.MAIN },
@@ -6533,9 +6533,9 @@ var zl = {
6533
6533
  ])), [[r, d]]) : D("", !0)], 2);
6534
6534
  };
6535
6535
  }
6536
- }, [["__scopeId", "data-v-72aa56d0"]]), Wl = M(() => import("./wt-action-bar-HBm22ay5.js")), Gl = M(() => import("./wt-button-select-BnRHgJ4i.js")), Kl = M(() => import("./wt-confirm-dialog-DCUitG2v.js")), ql = M(() => import("./wt-context-menu-yW52oF-2.js")), Jl = M(() => import("./wt-copy-action-d9gVzAsB.js")), Yl = M(() => import("./wt-datepicker-slYQKBRT.js")), Xl = M(() => import("./wt-dual-panel-Dhj8Eg_y.js")), Zl = M(() => import("./wt-dummy-CLjhRWZ6.js")), Ql = M(() => import("./wt-error-page-vhu4lIyF.js")), $l = M(() => import("./wt-expansion-panel-Br7JPc5X.js")), eu = M(() => import("./wt-expansion-card-BANe4zX2.js")), tu = M(() => import("./wt-filters-panel-wrapper-Cc9b3aci.js")), nu = M(() => import("./wt-galleria-YxNez7SX.js")), ru = M(() => import("./wt-notifications-bar-DhJxMjNB.js")), iu = M(() => import("./wt-page-header-CDbd4aOh.js")), au = M(() => import("./wt-pagination-G2ZGU4Pi.js")), ou = M(() => import("./wt-player-_mTlxsCu.js")), su = M(() => import("./wt-popover-ChCN6b1o.js").then((e) => e.n)), cu = M(() => import("./wt-search-bar-CYCOxWra.js")), lu = M(() => import("./wt-slider-BPzRTeYU.js").then((e) => e.n)), uu = M(() => import("./wt-status-select-D1hAjCAS.js")), du = M(() => import("./wt-stepper-B6zpd1Uh.js")), fu = M(() => import("./wt-table-CPGSqs5Z.js")), pu = M(() => import("./wt-table-actions-4-peSVkc.js")), mu = M(() => import("./wt-table-column-select-CgEh5BAF.js")), hu = M(() => import("./wt-tabs-DuOgj-lZ.js")), gu = M(() => import("./wt-time-input-CO2cop3y.js")), _u = M(() => import("./wt-timepicker-BEeUHumZ.js")), vu = M(() => import("./wt-tree-DZ9ErOGj.js")), yu = M(() => import("./wt-tree-table-2K7cdct7.js")), bu = M(() => import("./wt-vidstack-player-Wgg83Pt1.js")), xu = M(() => import("./wt-call-media-action-Bn2bGCWs.js")), Su = M(() => import("./wt-chat-emoji-T8LDtZS-.js")), Cu = M(() => import("./wt-display-chip-items-C0p7MwL6.js")), wu = M(() => import("./wt-navigation-menu-CenQi_-T.js")), Tu = M(() => import("./wt-selection-popup-CjYw4ppb.js")), Eu = M(() => import("./wt-start-page-DMXRhA9E.js"));
6537
- M(() => import("./wt-type-extension-value-input-DSF-DMlv.js"));
6538
- var Du = M(() => import("./wt-screen-recordings-action-Dzzo0eqW.js")), Ou = M(() => import("./wt-send-message-popup-D4CA3o4I.js")), ku = {
6536
+ }, [["__scopeId", "data-v-72aa56d0"]]), Wl = M(() => import("./wt-action-bar-HBm22ay5.js")), Gl = M(() => import("./wt-button-select-BnRHgJ4i.js")), Kl = M(() => import("./wt-confirm-dialog-DCUitG2v.js")), ql = M(() => import("./wt-context-menu-yW52oF-2.js")), Jl = M(() => import("./wt-copy-action-d9gVzAsB.js")), Yl = M(() => import("./wt-datepicker-slYQKBRT.js")), Xl = M(() => import("./wt-dual-panel-Dhj8Eg_y.js")), Zl = M(() => import("./wt-dummy-CLjhRWZ6.js")), Ql = M(() => import("./wt-error-page-vhu4lIyF.js")), $l = M(() => import("./wt-expansion-panel-Br7JPc5X.js")), eu = M(() => import("./wt-expansion-card-afRJCmRw.js")), tu = M(() => import("./wt-filters-panel-wrapper-Cc9b3aci.js")), nu = M(() => import("./wt-galleria-DGkRyAjw.js")), ru = M(() => import("./wt-notifications-bar-DhJxMjNB.js")), iu = M(() => import("./wt-page-header-CDbd4aOh.js")), au = M(() => import("./wt-pagination-G2ZGU4Pi.js")), ou = M(() => import("./wt-player-_mTlxsCu.js")), su = M(() => import("./wt-popover-ChCN6b1o.js").then((e) => e.n)), cu = M(() => import("./wt-search-bar-CYCOxWra.js")), lu = M(() => import("./wt-slider-BPzRTeYU.js").then((e) => e.n)), uu = M(() => import("./wt-status-select-D1hAjCAS.js")), du = M(() => import("./wt-stepper-B6zpd1Uh.js")), fu = M(() => import("./wt-table-CC01Dw6T.js")), pu = M(() => import("./wt-table-actions-4-peSVkc.js")), mu = M(() => import("./wt-table-column-select-CgEh5BAF.js")), hu = M(() => import("./wt-tabs-DuOgj-lZ.js")), gu = M(() => import("./wt-time-input-CO2cop3y.js")), _u = M(() => import("./wt-timepicker-BEeUHumZ.js")), vu = M(() => import("./wt-tree-DZ9ErOGj.js")), yu = M(() => import("./wt-tree-table-2K7cdct7.js")), bu = M(() => import("./wt-vidstack-player-Dl1GJcn_.js")), xu = M(() => import("./wt-call-media-action-Bn2bGCWs.js")), Su = M(() => import("./wt-chat-emoji-DiA3YxyK.js")), Cu = M(() => import("./wt-display-chip-items-BN8K7NHE.js")), wu = M(() => import("./wt-navigation-menu-CenQi_-T.js")), Tu = M(() => import("./wt-selection-popup-CjYw4ppb.js")), Eu = M(() => import("./wt-start-page-DMXRhA9E.js"));
6537
+ M(() => import("./wt-type-extension-value-input-BICQ_NeQ.js"));
6538
+ var Du = M(() => import("./wt-screen-recordings-action-Dzzo0eqW.js")), Ou = M(() => import("./wt-send-message-popup-DcFoPulz.js")), ku = {
6539
6539
  WtActionBar: Wl,
6540
6540
  WtImage: fo,
6541
6541
  WtEmpty: _o,
@@ -73,37 +73,42 @@ var l = () => {
73
73
  o.value = "", s("");
74
74
  });
75
75
  } };
76
- }, _ = ({ selectId: e, selectRef: t, filterInput: n, searchMethod: r, filteredOptions: i, filterText: a, filterOptions: o, resetAndFetch: c, sortOptions: l, fetchOptions: u, isLoading: d, searchHasNext: f }) => {
77
- let p = s(!1), m = null, h = null, g = () => document.querySelector(`#${e.value}_list`)?.parentElement, _ = (e) => {
76
+ }, _ = ({ selectId: e, selectRef: t, filterInput: n, searchMethod: i, filteredOptions: a, filterText: o, filterOptions: l, resetAndFetch: u, sortOptions: d, fetchOptions: f, isLoading: p, searchHasNext: m }) => {
77
+ let h = s(!1), g = null, _ = null, v = () => document.querySelector(`#${e.value}_list`)?.parentElement, y = (e) => {
78
78
  let t = e.target;
79
- t.scrollTop + t.clientHeight >= t.scrollHeight - 40 && !d.value && f.value && u();
80
- };
81
- return {
82
- isDropdownOpen: p,
83
- onDropdownBeforeShow: () => {
84
- p.value = !0, i.value = l(i.value);
85
- },
79
+ t.scrollTop + t.clientHeight >= t.scrollHeight - 40 && !p.value && m.value && f();
80
+ }, b = () => {
81
+ h.value = !0, a.value = d(a.value);
82
+ }, x = () => {
83
+ n.value?.focus(), i.value && v()?.addEventListener("scroll", y);
84
+ let e = t?.value?.overlay;
85
+ e && (g = new ResizeObserver(() => {
86
+ t.value?.alignOverlay();
87
+ }), g.observe(e));
88
+ let r = t?.value?.$el;
89
+ if (r) {
90
+ let e = r.getBoundingClientRect().top, n = r.getBoundingClientRect().left, i = () => {
91
+ let a = r.getBoundingClientRect();
92
+ (a.top !== e || a.left !== n) && (e = a.top, n = a.left, t.value?.alignOverlay()), _ = requestAnimationFrame(i);
93
+ };
94
+ _ = requestAnimationFrame(i);
95
+ }
96
+ }, S = !1;
97
+ return c(a, () => {
98
+ S && (S = !1, r(() => v()?.scrollTo(0, 0)));
99
+ }), {
100
+ isDropdownOpen: h,
101
+ onDropdownBeforeShow: b,
86
102
  onDropdownBeforeHide: () => {
87
103
  let e = t?.value?.overlay;
88
- e && (e.style.pointerEvents = "none"), g()?.scrollTo(0, 0);
89
- },
90
- onDropdownShow: () => {
91
- n.value?.focus(), r.value && g()?.addEventListener("scroll", _);
92
- let e = t?.value?.overlay;
93
- e && (m = new ResizeObserver(() => {
94
- t.value?.alignOverlay();
95
- }), m.observe(e));
96
- let i = t?.value?.$el;
97
- if (i) {
98
- let e = i.getBoundingClientRect().top, n = i.getBoundingClientRect().left, r = () => {
99
- let a = i.getBoundingClientRect();
100
- (a.top !== e || a.left !== n) && (e = a.top, n = a.left, t.value?.alignOverlay()), h = requestAnimationFrame(r);
101
- };
102
- h = requestAnimationFrame(r);
103
- }
104
+ e && (e.style.pointerEvents = "none"), v()?.scrollTo(0, 0);
104
105
  },
106
+ onDropdownShow: x,
105
107
  onDropdownHide: () => {
106
- p.value = !1, m?.disconnect(), m = null, h !== null && (cancelAnimationFrame(h), h = null), r.value ? (g()?.removeEventListener("scroll", _), a.value && c()) : o(""), a.value = "";
108
+ h.value = !1, g?.disconnect(), g = null, _ !== null && (cancelAnimationFrame(_), _ = null), i.value ? (v()?.removeEventListener("scroll", y), o.value && u()) : l(""), o.value = "";
109
+ },
110
+ filterOptionsAndScrollToTop: (e) => {
111
+ S = !0, l(e);
107
112
  }
108
113
  };
109
114
  }, v = (e) => {
@@ -187,12 +192,12 @@ var l = () => {
187
192
  fetchOptions: k,
188
193
  fetchSelectedByIds: O,
189
194
  resetAndFetch: A,
190
- filterOptions: M,
195
+ filterOptionsBase: M,
191
196
  updateSelectedOptionsCache: D,
192
197
  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
193
198
  };
194
199
  }, 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 = () => {} }) => {
195
- 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({
200
+ 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({
196
201
  selected: e,
197
202
  options: t,
198
203
  optionLabel: n,
@@ -201,7 +206,7 @@ var l = () => {
201
206
  allowCustomValues: o,
202
207
  searchMethod: u,
203
208
  disabledOptions: p
204
- }), { isDropdownOpen: j, onDropdownBeforeShow: M, onDropdownBeforeHide: N, onDropdownShow: P, onDropdownHide: F } = _({
209
+ }), { isDropdownOpen: j, onDropdownBeforeShow: M, onDropdownBeforeHide: N, onDropdownShow: P, onDropdownHide: F, filterOptionsAndScrollToTop: I } = _({
205
210
  selectId: d,
206
211
  selectRef: l,
207
212
  filterInput: c,
@@ -214,14 +219,14 @@ var l = () => {
214
219
  fetchOptions: T,
215
220
  isLoading: x,
216
221
  searchHasNext: S
217
- }), { showFooterLoader: I } = v(x), { onInputKeydown: L } = g({
222
+ }), { showFooterLoader: L } = v(x), { onInputKeydown: R } = g({
218
223
  selected: e,
219
224
  filteredOptions: b,
220
225
  options: t,
221
226
  optionValue: r,
222
227
  dataKey: a,
223
228
  filterText: h,
224
- filterOptions: O,
229
+ filterOptions: I,
225
230
  updateSelectedOptionsCache: k,
226
231
  selectRef: l,
227
232
  allowCustomValues: o,
@@ -233,18 +238,18 @@ var l = () => {
233
238
  await E(), u.value && T();
234
239
  }), {
235
240
  isLoading: x,
236
- showFooterLoader: I,
241
+ showFooterLoader: L,
237
242
  isDropdownOpen: j,
238
243
  filterText: h,
239
244
  filteredOptions: b,
240
245
  getOptionLabel: w,
241
246
  fetchOptions: T,
242
- filterOptions: O,
247
+ filterOptions: I,
243
248
  onDropdownBeforeShow: M,
244
249
  onDropdownBeforeHide: N,
245
250
  onDropdownShow: P,
246
251
  onDropdownHide: F,
247
- onInputKeydown: L,
252
+ onInputKeydown: R,
248
253
  clearValue: () => {
249
254
  let t = "";
250
255
  Array.isArray(e.value) ? t = [] : typeof e.value == "object" && e.value !== null && (t = {}), e.value = t, m("reset", t);