@webitel/ui-sdk 26.6.45 → 26.6.46
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.
- package/dist/{components-Z7U49tas.js → components-gi3TmScp.js} +4 -4
- package/dist/{composables-C5OKo5yW.js → composables-BJtyGE9D.js} +46 -46
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +380 -380
- package/dist/{wt-chat-emoji-D3jwmQoi.js → wt-chat-emoji-70Ip-iGR.js} +1 -1
- package/dist/{wt-display-chip-items-DJEixQxK.js → wt-display-chip-items-7t7gfd-q.js} +1 -1
- package/dist/{wt-expansion-card--JQgcTaF.js → wt-expansion-card-Bvs6YO3O.js} +1 -1
- package/dist/{wt-galleria-B1gOHiGe.js → wt-galleria-BXZJO_cB.js} +1 -1
- package/dist/{wt-send-message-popup-tV8OM9Au.js → wt-send-message-popup-Bg1K-tw8.js} +1 -1
- package/dist/{wt-table--FlzjuAF.js → wt-table-D4XANcJ1.js} +1 -1
- package/dist/{wt-type-extension-value-input-B6VJ9AKB.js → wt-type-extension-value-input-DQhC5C4L.js} +1 -1
- package/dist/{wt-vidstack-player-BjULgk7W.js → wt-vidstack-player-CmdiCgCp.js} +1 -1
- package/package.json +1 -1
- package/src/components/_internals/composables/useSelect/useSelectOptions.ts +16 -9
- package/src/components/_internals/composables/useSelect/useSelectUtils.ts +6 -0
- package/src/components/wt-button/wt-button.vue +1 -1
- package/types/components/_internals/composables/useSelect/useSelectUtils.d.ts +1 -0
|
@@ -8,7 +8,7 @@ import { n as ie, t as ae } from "./wt-icon-btn-CjjI4cgE.js";
|
|
|
8
8
|
import { t as oe } from "./vue-i18n-B8Px6VcD.js";
|
|
9
9
|
import { t as se } from "./wt-icon-action-CQlZHMDB.js";
|
|
10
10
|
import { t as b } from "./useValidation-DG0tifBv.js";
|
|
11
|
-
import { i as ce, n as le, r as ue } from "./composables-
|
|
11
|
+
import { i as ce, n as le, r as ue } from "./composables-BJtyGE9D.js";
|
|
12
12
|
import { t as de } from "./debounce-DrmECuJ2.js";
|
|
13
13
|
import { t as fe } from "./wt-expand-transition-C2p9bR4j.js";
|
|
14
14
|
import { a as pe, c as me, i as he, n as ge, o as _e, r as ve, s as ye, t as be } from "./floating-ui.dom-n2j9PKCB.js";
|
|
@@ -5311,9 +5311,9 @@ var Po = {
|
|
|
5311
5311
|
])), [[r, d]]) : w("", !0)], 2);
|
|
5312
5312
|
};
|
|
5313
5313
|
}
|
|
5314
|
-
}, [["__scopeId", "data-v-72aa56d0"]]), zo = k(() => import("./wt-action-bar-Ba1ZJjE_.js")), Bo = k(() => import("./wt-button-select-BnRHgJ4i.js")), Vo = k(() => import("./wt-confirm-dialog-DCUitG2v.js")), Ho = k(() => import("./wt-context-menu-yW52oF-2.js")), Uo = k(() => import("./wt-copy-action-d9gVzAsB.js")), Wo = k(() => import("./wt-datepicker-Cnbarx_j.js")), Go = k(() => import("./wt-dual-panel-DAhTYFS_.js")), Ko = k(() => import("./wt-dummy-CLjhRWZ6.js")), qo = k(() => import("./wt-error-page-vhu4lIyF.js")), Jo = k(() => import("./wt-expansion-panel-C_EXvx1d.js")), Yo = k(() => import("./wt-expansion-card
|
|
5315
|
-
k(() => import("./wt-type-extension-value-input-
|
|
5316
|
-
var Ss = k(() => import("./wt-screen-recordings-action-Dzzo0eqW.js")), Cs = k(() => import("./wt-send-message-popup-
|
|
5314
|
+
}, [["__scopeId", "data-v-72aa56d0"]]), zo = k(() => import("./wt-action-bar-Ba1ZJjE_.js")), Bo = k(() => import("./wt-button-select-BnRHgJ4i.js")), Vo = k(() => import("./wt-confirm-dialog-DCUitG2v.js")), Ho = k(() => import("./wt-context-menu-yW52oF-2.js")), Uo = k(() => import("./wt-copy-action-d9gVzAsB.js")), Wo = k(() => import("./wt-datepicker-Cnbarx_j.js")), Go = k(() => import("./wt-dual-panel-DAhTYFS_.js")), Ko = k(() => import("./wt-dummy-CLjhRWZ6.js")), qo = k(() => import("./wt-error-page-vhu4lIyF.js")), Jo = k(() => import("./wt-expansion-panel-C_EXvx1d.js")), Yo = k(() => import("./wt-expansion-card-Bvs6YO3O.js")), Xo = k(() => import("./wt-filters-panel-wrapper-Cc9b3aci.js")), Zo = k(() => import("./wt-galleria-BXZJO_cB.js")), Qo = k(() => import("./wt-notifications-bar-BwO_qvrc.js")), $o = k(() => import("./wt-page-header-CDbd4aOh.js")), es = k(() => import("./wt-pagination-BA_PZPIE.js")), ts = k(() => import("./wt-player-DROQ1CPs.js")), ns = k(() => import("./wt-popover-CJZH3wMl.js").then((e) => e.n)), rs = k(() => import("./wt-search-bar-CWZdvAOf.js")), is = k(() => import("./wt-slider-BS3SoGht.js").then((e) => e.n)), as = k(() => import("./wt-status-select-A5t6Vjm4.js")), os = k(() => import("./wt-stepper-B6zpd1Uh.js")), ss = k(() => import("./wt-table-D4XANcJ1.js")), cs = k(() => import("./wt-table-actions-4-peSVkc.js")), ls = k(() => import("./wt-table-column-select-DFF6z3a3.js")), us = k(() => import("./wt-tabs-DuOgj-lZ.js")), ds = k(() => import("./wt-time-input-CO2cop3y.js")), fs = k(() => import("./wt-timepicker-BltFF1QD.js")), ps = k(() => import("./wt-tree-ZyoPrNOl.js")), ms = k(() => import("./wt-tree-table-MLET4gIv.js")), hs = k(() => import("./wt-vidstack-player-CmdiCgCp.js")), gs = k(() => import("./wt-call-media-action-Bn2bGCWs.js")), _s = k(() => import("./wt-chat-emoji-70Ip-iGR.js")), vs = k(() => import("./wt-display-chip-items-7t7gfd-q.js")), ys = k(() => import("./wt-navigation-menu-CenQi_-T.js")), bs = k(() => import("./wt-selection-popup-B77UY7Yu.js")), xs = k(() => import("./wt-start-page-eN1PEokc.js"));
|
|
5315
|
+
k(() => import("./wt-type-extension-value-input-DQhC5C4L.js"));
|
|
5316
|
+
var Ss = k(() => import("./wt-screen-recordings-action-Dzzo0eqW.js")), Cs = k(() => import("./wt-send-message-popup-Bg1K-tw8.js")), ws = {
|
|
5317
5317
|
WtActionBar: zo,
|
|
5318
5318
|
WtImage: rr,
|
|
5319
5319
|
WtEmpty: cr,
|
|
@@ -61,7 +61,7 @@ var l = () => {
|
|
|
61
61
|
n.has(e) || n.set(e, r);
|
|
62
62
|
}
|
|
63
63
|
return [...n.values()];
|
|
64
|
-
}, h = ({ selected: e, filteredOptions: t, options: n, dataKey: i, filterText: a, filterOptions: o, updateSelectedOptionsCache: s, selectRef: c, allowCustomValues: l, manualCustomValues: u, isSingle: d, emit: m }) => {
|
|
64
|
+
}, 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 }) => {
|
|
65
65
|
let h = (e) => {
|
|
66
66
|
let r = n.value.length ? n.value[0] : t.value[0];
|
|
67
67
|
return r && typeof r == "object" ? Object.fromEntries(Object.keys(r).map((t) => [t, e])) : i.value ? { [i.value]: e } : e;
|
|
@@ -73,7 +73,7 @@ var l = () => {
|
|
|
73
73
|
a.value = "", o("");
|
|
74
74
|
});
|
|
75
75
|
} };
|
|
76
|
-
},
|
|
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
77
|
let p = s(!1), m = null, h = () => document.querySelector(`#${e.value}_list`)?.parentElement, g = (e) => {
|
|
78
78
|
let t = e.target;
|
|
79
79
|
t.scrollTop + t.clientHeight >= t.scrollHeight - 40 && !d.value && f.value && u();
|
|
@@ -98,74 +98,74 @@ var l = () => {
|
|
|
98
98
|
p.value = !1, m?.disconnect(), m = null, r.value ? (h()?.removeEventListener("scroll", g), a.value && c()) : o(""), a.value = "";
|
|
99
99
|
}
|
|
100
100
|
};
|
|
101
|
-
},
|
|
101
|
+
}, v = (e) => {
|
|
102
102
|
let t = s(!1), n = null;
|
|
103
103
|
return c(e, (e) => {
|
|
104
104
|
e ? (n && clearTimeout(n), t.value = !0) : n = setTimeout(() => {
|
|
105
105
|
t.value = !1;
|
|
106
106
|
}, 500);
|
|
107
107
|
}), { showFooterLoader: t };
|
|
108
|
-
},
|
|
109
|
-
let { t:
|
|
108
|
+
}, y = ({ selected: n, options: r, optionLabel: i, optionValue: a, dataKey: l, allowCustomValues: u, searchMethod: d }) => {
|
|
109
|
+
let { t: g } = e(), _ = s(""), v = s(r.value), y = s(!1), b = s(!0), x = o({
|
|
110
110
|
page: 1,
|
|
111
111
|
search: ""
|
|
112
|
-
}),
|
|
112
|
+
}), S = (e) => {
|
|
113
113
|
let t = m(e, l.value);
|
|
114
114
|
if (!n.value) return t;
|
|
115
115
|
let r = f(n.value), i = [], a = [];
|
|
116
116
|
for (let e of t) (p(e, r, l.value) ? i : a).push(e);
|
|
117
117
|
return (l.value || i.length ? i : r).concat(a);
|
|
118
|
-
},
|
|
118
|
+
}, C = (e) => {
|
|
119
119
|
if (!e) return "";
|
|
120
120
|
if (u.value && e.isTag) return e.label;
|
|
121
121
|
if (a?.value && typeof e != "object") {
|
|
122
|
-
let t =
|
|
123
|
-
return t ?
|
|
122
|
+
let t = [...v.value, ...T.value].find((t) => t[a.value] === e);
|
|
123
|
+
return t ? C(t) : String(e);
|
|
124
124
|
}
|
|
125
|
-
return i.value && e[i.value] ? e[i.value] : e.locale ? Array.isArray(e.locale) ?
|
|
126
|
-
}, C = s([]),
|
|
125
|
+
return i.value && e[i.value] ? e[i.value] : e.locale ? Array.isArray(e.locale) ? g(...e.locale) : g(e.locale) : e.name || e;
|
|
126
|
+
}, w = (e, t) => h(e, t, C), T = s([]), E = () => {
|
|
127
127
|
if (!n.value) {
|
|
128
|
-
|
|
128
|
+
T.value = [];
|
|
129
129
|
return;
|
|
130
130
|
}
|
|
131
|
-
let e = f(n.value), t = (t) => p(t, e, l.value), r =
|
|
132
|
-
|
|
133
|
-
},
|
|
131
|
+
let e = f(n.value), t = (t) => p(t, e, l.value), r = v.value.filter(t);
|
|
132
|
+
T.value = m([...T.value, ...r], l.value).filter(t);
|
|
133
|
+
}, D = async () => {
|
|
134
134
|
if (!d.value) return;
|
|
135
|
-
let { search: e, page: t } =
|
|
136
|
-
|
|
135
|
+
let { search: e, page: t } = x;
|
|
136
|
+
y.value = !0;
|
|
137
137
|
let { items: n, next: r } = await d.value({
|
|
138
138
|
search: e,
|
|
139
139
|
page: t
|
|
140
|
-
}), i = e ?
|
|
141
|
-
|
|
142
|
-
},
|
|
143
|
-
|
|
144
|
-
},
|
|
145
|
-
|
|
146
|
-
},
|
|
140
|
+
}), i = e ? w(T.value, e) : T.value;
|
|
141
|
+
v.value = S(x.page === 1 ? m([...i, ...n], l.value) : v.value.concat(n)), b.value = r, x.page += 1, y.value = !1;
|
|
142
|
+
}, O = (e = "") => {
|
|
143
|
+
x.search = e, x.page = 1, D();
|
|
144
|
+
}, k = t((e) => O(e)), A = (e) => {
|
|
145
|
+
_.value = e, d.value ? k(e) : v.value = S(m([...w(r.value, e)], l.value));
|
|
146
|
+
}, j = (e) => {
|
|
147
147
|
if (!e || !d.value) return;
|
|
148
|
-
let t = f(e).filter((e) => !p(e,
|
|
149
|
-
t.length && (
|
|
148
|
+
let t = f(e).filter((e) => !p(e, v.value, l.value));
|
|
149
|
+
t.length && (v.value = S(m([...w(t, _.value), ...v.value], l.value)));
|
|
150
150
|
};
|
|
151
151
|
return c(() => n.value, (e) => {
|
|
152
|
-
|
|
152
|
+
E(), j(e);
|
|
153
153
|
}), c(() => r.value, (e) => {
|
|
154
|
-
d.value || (
|
|
154
|
+
d.value || (v.value = S(e));
|
|
155
155
|
}), {
|
|
156
|
-
filterText:
|
|
157
|
-
filteredOptions:
|
|
158
|
-
isLoading:
|
|
159
|
-
searchHasNext:
|
|
160
|
-
sortOptions:
|
|
161
|
-
getOptionLabel:
|
|
162
|
-
fetchOptions:
|
|
163
|
-
resetAndFetch:
|
|
164
|
-
filterOptions:
|
|
165
|
-
updateSelectedOptionsCache:
|
|
156
|
+
filterText: _,
|
|
157
|
+
filteredOptions: v,
|
|
158
|
+
isLoading: y,
|
|
159
|
+
searchHasNext: b,
|
|
160
|
+
sortOptions: S,
|
|
161
|
+
getOptionLabel: C,
|
|
162
|
+
fetchOptions: D,
|
|
163
|
+
resetAndFetch: O,
|
|
164
|
+
filterOptions: A,
|
|
165
|
+
updateSelectedOptionsCache: E
|
|
166
166
|
};
|
|
167
|
-
},
|
|
168
|
-
let { filterText: p, filteredOptions: m, isLoading:
|
|
167
|
+
}, b = ({ selected: e, options: t, optionLabel: n, optionValue: r, dataKey: i, allowCustomValues: a, manualCustomValues: o = !1, filterInput: s, selectRef: c, searchMethod: l, selectId: u, isSingle: d, emit: f = () => {} }) => {
|
|
168
|
+
let { filterText: p, filteredOptions: m, isLoading: h, searchHasNext: b, sortOptions: x, getOptionLabel: S, fetchOptions: C, resetAndFetch: w, filterOptions: T, updateSelectedOptionsCache: E } = y({
|
|
169
169
|
selected: e,
|
|
170
170
|
options: t,
|
|
171
171
|
optionLabel: n,
|
|
@@ -173,7 +173,7 @@ var l = () => {
|
|
|
173
173
|
dataKey: i,
|
|
174
174
|
allowCustomValues: a,
|
|
175
175
|
searchMethod: l
|
|
176
|
-
}), { isDropdownOpen: D, onDropdownBeforeShow: O, onDropdownBeforeHide: k, onDropdownShow: A, onDropdownHide: j } =
|
|
176
|
+
}), { isDropdownOpen: D, onDropdownBeforeShow: O, onDropdownBeforeHide: k, onDropdownShow: A, onDropdownHide: j } = _({
|
|
177
177
|
selectId: u,
|
|
178
178
|
selectRef: c,
|
|
179
179
|
filterInput: s,
|
|
@@ -184,9 +184,9 @@ var l = () => {
|
|
|
184
184
|
resetAndFetch: w,
|
|
185
185
|
sortOptions: x,
|
|
186
186
|
fetchOptions: C,
|
|
187
|
-
isLoading:
|
|
187
|
+
isLoading: h,
|
|
188
188
|
searchHasNext: b
|
|
189
|
-
}), { showFooterLoader: M } =
|
|
189
|
+
}), { showFooterLoader: M } = v(h), { onInputKeydown: N } = g({
|
|
190
190
|
selected: e,
|
|
191
191
|
filteredOptions: m,
|
|
192
192
|
options: t,
|
|
@@ -201,7 +201,7 @@ var l = () => {
|
|
|
201
201
|
emit: f
|
|
202
202
|
});
|
|
203
203
|
return {
|
|
204
|
-
isLoading:
|
|
204
|
+
isLoading: h,
|
|
205
205
|
showFooterLoader: M,
|
|
206
206
|
isDropdownOpen: D,
|
|
207
207
|
filterText: p,
|
|
@@ -219,7 +219,7 @@ var l = () => {
|
|
|
219
219
|
Array.isArray(e.value) ? t = [] : typeof e.value == "object" && e.value !== null && (t = {}), e.value = t, f("reset", t);
|
|
220
220
|
}
|
|
221
221
|
};
|
|
222
|
-
},
|
|
222
|
+
}, x = (e, t) => {
|
|
223
223
|
let n = null, r = null, i = null, a = !1, o = () => {
|
|
224
224
|
if (!r || !a || i === null) return;
|
|
225
225
|
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;
|
|
@@ -252,4 +252,4 @@ var l = () => {
|
|
|
252
252
|
};
|
|
253
253
|
};
|
|
254
254
|
//#endregion
|
|
255
|
-
export { u as a, d as i,
|
|
255
|
+
export { u as a, d as i, b as n, l as o, f as r, x as t };
|
package/dist/ui-sdk.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./generateInstance-BD4pC4PS.js";
|
|
2
2
|
import { n as t } from "./wt-icon-pxO7IjwV.js";
|
|
3
|
-
import { t as n } from "./components-
|
|
3
|
+
import { t as n } from "./components-gi3TmScp.js";
|
|
4
4
|
import { c as r, i } from "./enums-pbYAJNeb.js";
|
|
5
5
|
import { r as a, t as o } from "./dist-Dz55hlwp.js";
|
|
6
6
|
import { Fragment as s, Teleport as c, Transition as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as h, createVNode as g, getCurrentInstance as _, guardReactiveProps as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, normalizeStyle as ee, onMounted as te, openBlock as C, reactive as ne, readonly as re, ref as ie, renderList as w, renderSlot as T, resolveComponent as E, resolveDirective as D, resolveDynamicComponent as O, shallowRef as ae, toDisplayString as k, toHandlers as oe, useId as se, watch as ce, withCtx as A, withDirectives as j, withKeys as le, withModifiers as ue } from "vue";
|