@webitel/ui-sdk 25.12.21 → 25.12.23

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 (59) hide show
  1. package/dist/{install-CdGI1s_Z.js → install-Dlm9F6VX.js} +32240 -31420
  2. package/dist/plyr-C2xH9S2_.js +4350 -0
  3. package/dist/ui-sdk.css +1 -1
  4. package/dist/ui-sdk.js +1 -1
  5. package/dist/ui-sdk.umd.cjs +1453 -1358
  6. package/dist/{vidstack-Bq6c3Bam-BLAMh0vH.js → vidstack-Bq6c3Bam-LBg_N7NA.js} +29 -29
  7. package/dist/{vidstack-D2pY00kU-Dicre-nA.js → vidstack-D2pY00kU-B54jdjLZ.js} +18 -18
  8. package/dist/{vidstack-DDXt6fpN-CdAy0iv6.js → vidstack-DDXt6fpN-0R_qWhr7.js} +3 -3
  9. package/dist/{vidstack-D_-9AA6_-CidODK__.js → vidstack-D_-9AA6_-C20rEPA8.js} +1 -1
  10. package/dist/{vidstack-DqAw8m9J-BwXpv8Os.js → vidstack-DqAw8m9J-BVoQCcQn.js} +7 -7
  11. package/dist/{vidstack-audio-BQjseZWu.js → vidstack-audio-CVUfqXtN.js} +2 -2
  12. package/dist/{vidstack-dash-Cx5Y-oOT.js → vidstack-dash-DH1tKEgp.js} +3 -3
  13. package/dist/{vidstack-google-cast-DRNYogTM.js → vidstack-google-cast-Chb7A1N-.js} +33 -33
  14. package/dist/{vidstack-hls-sG3loGlT.js → vidstack-hls-isJ6fzIa.js} +3 -3
  15. package/dist/{vidstack-video-DkPlVqH9.js → vidstack-video-Oj0vav_S.js} +12 -12
  16. package/dist/{vidstack-vimeo-Cp4A_zm_.js → vidstack-vimeo-t7YlxjO1.js} +18 -18
  17. package/dist/{vidstack-youtube-CHb6qlZ2.js → vidstack-youtube-Dx4AYrj5.js} +22 -22
  18. package/package.json +4 -4
  19. package/src/components/wt-load-bar/_variables.scss +5 -1
  20. package/src/components/wt-load-bar/wt-load-bar.vue +58 -3
  21. package/src/install.ts +1 -1
  22. package/types/api/clients/media/media.d.ts +3 -3
  23. package/types/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue.d.ts +2 -14
  24. package/types/components/on-demand/wt-selection-popup/wt-selection-popup.vue.d.ts +1 -0
  25. package/types/components/on-demand/wt-type-extension-value-input/wt-type-extension-value-input.vue.d.ts +2 -55
  26. package/types/components/wt-action-bar/wt-action-bar.vue.d.ts +2 -0
  27. package/types/components/wt-badge/wt-badge.vue.d.ts +1 -1
  28. package/types/components/wt-button/wt-button.vue.d.ts +2 -48
  29. package/types/components/wt-checkbox/wt-checkbox.vue.d.ts +2 -27
  30. package/types/components/wt-chip/wt-chip.vue.d.ts +2 -7
  31. package/types/components/wt-confirm-dialog/wt-confirm-dialog.vue.d.ts +1 -0
  32. package/types/components/wt-context-menu/wt-context-menu.vue.d.ts +1 -0
  33. package/types/components/wt-datepicker/wt-datepicker.vue.d.ts +4 -4
  34. package/types/components/wt-dual-panel/wt-dual-panel.vue.d.ts +3 -0
  35. package/types/components/wt-empty/wt-empty.vue.d.ts +7 -0
  36. package/types/components/wt-expansion-panel/wt-expansion-panel.vue.d.ts +2 -0
  37. package/types/components/wt-image/wt-image.vue.d.ts +2 -17
  38. package/types/components/wt-input/wt-input.vue.d.ts +4 -52
  39. package/types/components/wt-label/wt-label.vue.d.ts +2 -4
  40. package/types/components/wt-load-bar/wt-load-bar.vue.d.ts +11 -0
  41. package/types/components/wt-page-header/wt-page-header.vue.d.ts +3 -0
  42. package/types/components/wt-pagination/wt-pagination.vue.d.ts +1 -1
  43. package/types/components/wt-popover/wt-popover.vue.d.ts +2 -32
  44. package/types/components/wt-radio/wt-radio.vue.d.ts +2 -22
  45. package/types/components/wt-search-bar/wt-search-bar.vue.d.ts +2 -97
  46. package/types/components/wt-select/wt-select.vue.d.ts +4 -1
  47. package/types/components/wt-slider/wt-slider.vue.d.ts +1 -1
  48. package/types/components/wt-stepper/wt-stepper.vue.d.ts +1 -0
  49. package/types/components/wt-switcher/wt-switcher.vue.d.ts +2 -20
  50. package/types/components/wt-table/wt-table.vue.d.ts +2 -88
  51. package/types/components/wt-tags-input/wt-tags-input.vue.d.ts +4 -1
  52. package/types/components/wt-textarea/wt-textarea.vue.d.ts +4 -48
  53. package/types/components/wt-tooltip/wt-tooltip.vue.d.ts +1 -0
  54. package/types/components/wt-tree-table/wt-tree-table.vue.d.ts +2 -34
  55. package/types/components/wt-tree-table-row/wt-tree-table-row.vue.d.ts +2 -30
  56. package/types/install.d.ts +1 -1
  57. package/types/modules/Userinfo/api/userinfo.d.ts +1 -1
  58. package/types/modules/Userinfo/v2/api/UserinfoAPI.d.ts +1 -1
  59. package/dist/plyr.min-BRLz1cd6.js +0 -2260
@@ -5,9 +5,9 @@ var N = (r) => {
5
5
  var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
6
6
  var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
7
7
  var t = (r, c, e) => (S(r, c, "read from private field"), e ? e.call(r) : c.get(r)), f = (r, c, e) => c.has(r) ? N("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(r) : c.set(r, e), u = (r, c, e, i) => (S(r, c, "write to private field"), i ? i.call(r, e) : c.set(r, e), e), o = (r, c, e) => (S(r, c, "access private method"), e);
8
- import { y as fe, J as U, K as C, p as pe, e as q, d as Q, b as ye, M as _, L as R, l as be, N as ke, T as ve, Q as J } from "./install-CdGI1s_Z.js";
9
- import { R as me } from "./vidstack-DqAw8m9J-BwXpv8Os.js";
10
- import { E as we } from "./vidstack-DDXt6fpN-CdAy0iv6.js";
8
+ import { z as fe, K as U, M as C, p as pe, e as q, d as Q, b as ye, N as _, L as R, l as be, O as ke, T as ve, Q as z } from "./install-Dlm9F6VX.js";
9
+ import { R as me } from "./vidstack-DqAw8m9J-BVoQCcQn.js";
10
+ import { E as we } from "./vidstack-DDXt6fpN-0R_qWhr7.js";
11
11
  import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
12
12
  const Ce = [
13
13
  "bufferend",
@@ -53,7 +53,7 @@ const Ce = [
53
53
  // 'livestreamoffline',
54
54
  // 'livestreamonline',
55
55
  ];
56
- var a, y, k, w, g, V, v, $, M, P, m, E, s, K, W, Y, z, T, G, H, X, L, Z, ee, te, se, ie, x, ne, ae, oe, F, he, O, re, D, ce, le, l, j, B;
56
+ var a, y, k, w, g, V, v, $, M, P, m, E, s, K, W, Y, G, T, H, J, X, L, Z, ee, te, se, ie, x, ne, ae, oe, O, he, F, re, D, ce, le, l, j, B;
57
57
  class Re extends we {
58
58
  constructor(e, i) {
59
59
  super(e);
@@ -68,7 +68,7 @@ class Re extends we {
68
68
  f(this, g, null);
69
69
  f(this, V, !1);
70
70
  f(this, v, new C(0, 0));
71
- f(this, $, new me(o(this, s, z).bind(this)));
71
+ f(this, $, new me(o(this, s, G).bind(this)));
72
72
  f(this, M, null);
73
73
  f(this, P, null);
74
74
  f(this, m, /* @__PURE__ */ new Map());
@@ -203,9 +203,9 @@ a = new WeakMap(), y = new WeakMap(), k = new WeakMap(), w = new WeakMap(), g =
203
203
  const h = (d = n.selected) == null ? void 0 : d.id;
204
204
  h && o(this, s, l).call(this, "setQuality", h);
205
205
  });
206
- }, z = function() {
206
+ }, G = function() {
207
207
  o(this, s, l).call(this, "getCurrentTime");
208
- }, T = new WeakMap(), G = function(e, i) {
208
+ }, T = new WeakMap(), H = function(e, i) {
209
209
  if (t(this, T) && e === 0) return;
210
210
  const { realCurrentTime: n, paused: h, bufferedEnd: d, seekableEnd: p, live: I } = t(this, a).$state;
211
211
  if (n() === e) return;
@@ -213,7 +213,7 @@ a = new WeakMap(), y = new WeakMap(), k = new WeakMap(), w = new WeakMap(), g =
213
213
  t(this, a).notify("time-change", e, i), Math.abs(A - e) > 1.5 && (t(this, a).notify("seeking", e, i), !h() && d() < e && t(this, a).notify("waiting", void 0, i)), !I() && p() - e < 0.01 && (t(this, a).notify("end", void 0, i), u(this, T, !0), setTimeout(() => {
214
214
  u(this, T, !1);
215
215
  }, 500));
216
- }, H = function(e, i) {
216
+ }, J = function(e, i) {
217
217
  t(this, a).notify("seeked", e, i);
218
218
  }, X = function(e) {
219
219
  var n;
@@ -246,13 +246,13 @@ a = new WeakMap(), y = new WeakMap(), k = new WeakMap(), w = new WeakMap(), g =
246
246
  t(this, a).$state.canPlay() ? t(this, a).notify("duration-change", p, n) : o(this, s, L).call(this, p, n);
247
247
  break;
248
248
  case "getCurrentTime":
249
- o(this, s, G).call(this, i, n);
249
+ o(this, s, H).call(this, i, n);
250
250
  break;
251
251
  case "getBuffered":
252
252
  ke(i) && i.length && o(this, s, x).call(this, i[i.length - 1][1], n);
253
253
  break;
254
254
  case "setMuted":
255
- o(this, s, F).call(this, Q(t(this, a).$state.volume), i, n);
255
+ o(this, s, O).call(this, Q(t(this, a).$state.volume), i, n);
256
256
  break;
257
257
  // case 'getTextTracks':
258
258
  // this.#onTextTracksChange(data as VimeoTextTrack[], trigger);
@@ -289,7 +289,7 @@ a = new WeakMap(), y = new WeakMap(), k = new WeakMap(), w = new WeakMap(), g =
289
289
  }, oe = function(e) {
290
290
  const { paused: i } = t(this, a).$state;
291
291
  i() && t(this, a).notify("play", void 0, e), t(this, a).notify("waiting", void 0, e);
292
- }, F = function(e, i, n) {
292
+ }, O = function(e, i, n) {
293
293
  const h = { volume: e, muted: i };
294
294
  t(this, a).notify("volume-change", h, n);
295
295
  }, // #onTextTrackChange(track: VimeoTextTrack, trigger: Event) {
@@ -316,7 +316,7 @@ a = new WeakMap(), y = new WeakMap(), k = new WeakMap(), w = new WeakMap(), g =
316
316
  // track?.addCue(this.#currentCue, trigger);
317
317
  // }
318
318
  he = function(e) {
319
- if (o(this, s, O).call(this), !e.length) return;
319
+ if (o(this, s, F).call(this), !e.length) return;
320
320
  const i = new ve({
321
321
  kind: "chapters",
322
322
  default: !0
@@ -332,10 +332,10 @@ he = function(e) {
332
332
  );
333
333
  }
334
334
  u(this, P, i), t(this, a).textTracks.add(i);
335
- }, O = function() {
335
+ }, F = function() {
336
336
  t(this, P) && (t(this, a).textTracks.remove(t(this, P)), u(this, P, null));
337
337
  }, re = function(e, i) {
338
- t(this, a).qualities[J.enableAuto] = e.some((n) => n.id === "auto") ? () => o(this, s, l).call(this, "setQuality", "auto") : void 0;
338
+ t(this, a).qualities[z.enableAuto] = e.some((n) => n.id === "auto") ? () => o(this, s, l).call(this, "setQuality", "auto") : void 0;
339
339
  for (const n of e) {
340
340
  if (n.id === "auto") continue;
341
341
  const h = +n.id.slice(0, -1);
@@ -354,7 +354,7 @@ he = function(e) {
354
354
  }, D = function({ id: e } = {}, i) {
355
355
  if (!e) return;
356
356
  const n = e === "auto", h = t(this, a).qualities.getById(e);
357
- n ? (t(this, a).qualities[J.setAuto](n, i), t(this, a).qualities[R.select](void 0, !0, i)) : t(this, a).qualities[R.select](h ?? void 0, !0, i);
357
+ n ? (t(this, a).qualities[z.setAuto](n, i), t(this, a).qualities[R.select](void 0, !0, i)) : t(this, a).qualities[R.select](h ?? void 0, !0, i);
358
358
  }, ce = function(e, i, n) {
359
359
  switch (e) {
360
360
  case "ready":
@@ -385,7 +385,7 @@ he = function(e) {
385
385
  o(this, s, ae).call(this, n);
386
386
  break;
387
387
  case "volumechange":
388
- o(this, s, F).call(this, i.volume, Q(t(this, a).$state.muted), n);
388
+ o(this, s, O).call(this, i.volume, Q(t(this, a).$state.muted), n);
389
389
  break;
390
390
  case "durationchange":
391
391
  u(this, v, new C(0, i.duration)), t(this, a).notify("duration-change", i.duration, n);
@@ -413,7 +413,7 @@ he = function(e) {
413
413
  break;
414
414
  case "seek":
415
415
  case "seeked":
416
- o(this, s, H).call(this, i.seconds, n);
416
+ o(this, s, J).call(this, i.seconds, n);
417
417
  break;
418
418
  }
419
419
  }, le = function(e, i) {
@@ -427,7 +427,7 @@ he = function(e) {
427
427
  value: i
428
428
  }), n.promise;
429
429
  }, j = function() {
430
- t(this, $).stop(), u(this, v, new C(0, 0)), u(this, E, null), u(this, M, null), t(this, k).set(!1), o(this, s, O).call(this);
430
+ t(this, $).stop(), u(this, v, new C(0, 0)), u(this, E, null), u(this, M, null), t(this, k).set(!1), o(this, s, F).call(this);
431
431
  }, B = function(e) {
432
432
  var i;
433
433
  return (i = t(this, m).get(e)) == null ? void 0 : i.shift();
@@ -1,12 +1,12 @@
1
- var K = Object.defineProperty;
2
- var B = (r) => {
1
+ var z = Object.defineProperty;
2
+ var D = (r) => {
3
3
  throw TypeError(r);
4
4
  };
5
- var N = (r, n, e) => n in r ? K(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
6
- var T = (r, n, e) => N(r, typeof n != "symbol" ? n + "" : n, e), R = (r, n, e) => n.has(r) || B("Cannot " + e);
7
- var s = (r, n, e) => (R(r, n, "read from private field"), e ? e.call(r) : n.get(r)), p = (r, n, e) => n.has(r) ? B("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, e), l = (r, n, e, t) => (R(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (R(r, n, "access private method"), e);
8
- import { y as q, J as z, p as A, e as G, b as H, M as Q, K as C, O as W, t as $, P as X } from "./install-CdGI1s_Z.js";
9
- import { E as Z } from "./vidstack-DDXt6fpN-CdAy0iv6.js";
5
+ var K = (r, n, e) => n in r ? z(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
6
+ var T = (r, n, e) => K(r, typeof n != "symbol" ? n + "" : n, e), M = (r, n, e) => n.has(r) || D("Cannot " + e);
7
+ var s = (r, n, e) => (M(r, n, "read from private field"), e ? e.call(r) : n.get(r)), p = (r, n, e) => n.has(r) ? D("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, e), l = (r, n, e, t) => (M(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (M(r, n, "access private method"), e);
8
+ import { z as q, K as A, p as G, e as H, b as J, N as Q, M as C, P as W, u as $, R as X } from "./install-Dlm9F6VX.js";
9
+ import { E as Z } from "./vidstack-DDXt6fpN-0R_qWhr7.js";
10
10
  import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
11
11
  const b = {
12
12
  Ended: 0,
@@ -15,7 +15,7 @@ const b = {
15
15
  Buffering: 3,
16
16
  Cued: 5
17
17
  };
18
- var a, k, v, S, P, m, y, i, te, se, D, f, j, Y, F, I, M, x, L, O, V, U;
18
+ var a, k, v, S, P, m, y, i, te, se, O, f, j, Y, F, I, R, x, L, _, V, U;
19
19
  class ne extends Z {
20
20
  constructor(e, t) {
21
21
  super(e);
@@ -23,7 +23,7 @@ class ne extends Z {
23
23
  T(this, "$$PROVIDER_TYPE", "YOUTUBE");
24
24
  T(this, "scope", q());
25
25
  p(this, a);
26
- p(this, k, z(""));
26
+ p(this, k, A(""));
27
27
  p(this, v, -1);
28
28
  p(this, S, null);
29
29
  p(this, P, -1);
@@ -61,13 +61,13 @@ class ne extends Z {
61
61
  return s(this, k).call(this);
62
62
  }
63
63
  preconnect() {
64
- A(this.getOrigin());
64
+ G(this.getOrigin());
65
65
  }
66
66
  setup() {
67
- super.setup(), G(o(this, i, D).bind(this)), s(this, a).notify("provider-setup", this);
67
+ super.setup(), H(o(this, i, O).bind(this)), s(this, a).notify("provider-setup", this);
68
68
  }
69
69
  destroy() {
70
- o(this, i, O).call(this);
70
+ o(this, i, _).call(this);
71
71
  const e = "provider destroyed";
72
72
  for (const t of s(this, y).values())
73
73
  for (const { reject: d } of t) d(e);
@@ -92,7 +92,7 @@ class ne extends Z {
92
92
  o(this, i, f).call(this, "setPlaybackRate", e);
93
93
  }
94
94
  async loadSource(e) {
95
- if (!H(e.src)) {
95
+ if (!J(e.src)) {
96
96
  l(this, S, null), s(this, k).set("");
97
97
  return;
98
98
  }
@@ -135,8 +135,8 @@ class ne extends Z {
135
135
  s(this, a).notify("duration-change", e.duration, t);
136
136
  }
137
137
  if ($(e.playbackRate) && e.playbackRate !== h() && s(this, a).notify("rate-change", e.playbackRate, t), e.progressState) {
138
- const { current: g, seekableStart: w, seekableEnd: E, loaded: J, duration: _ } = e.progressState;
139
- o(this, i, F).call(this, g, t), o(this, i, I).call(this, J, new C(w, E), t), _ !== u() && s(this, a).notify("duration-change", _, t);
138
+ const { current: g, seekableStart: w, seekableEnd: E, loaded: N, duration: B } = e.progressState;
139
+ o(this, i, F).call(this, g, t), o(this, i, I).call(this, N, new C(w, E), t), B !== u() && s(this, a).notify("duration-change", B, t);
140
140
  }
141
141
  if ($(e.volume) && X(e.muted) && !s(this, m)) {
142
142
  const g = {
@@ -154,8 +154,8 @@ a = new WeakMap(), k = new WeakMap(), v = new WeakMap(), S = new WeakMap(), P =
154
154
  }, se = function(e) {
155
155
  var t;
156
156
  (t = o(this, i, V).call(this, "pauseVideo")) == null || t.reject(e);
157
- }, D = function() {
158
- o(this, i, O).call(this);
157
+ }, O = function() {
158
+ o(this, i, _).call(this);
159
159
  const e = s(this, k).call(this);
160
160
  if (!e) {
161
161
  this.src.set("");
@@ -184,8 +184,8 @@ a = new WeakMap(), k = new WeakMap(), v = new WeakMap(), S = new WeakMap(), P =
184
184
  };
185
185
  s(this, a).notify("progress", u, d);
186
186
  const { seeking: h, realCurrentTime: c } = s(this, a).$state;
187
- h() && e > c() && o(this, i, M).call(this, d);
188
- }, M = function(e) {
187
+ h() && e > c() && o(this, i, R).call(this, d);
188
+ }, R = function(e) {
189
189
  const { paused: t, realCurrentTime: d } = s(this, a).$state;
190
190
  window.clearTimeout(s(this, P)), l(this, P, window.setTimeout(
191
191
  () => {
@@ -195,11 +195,11 @@ a = new WeakMap(), k = new WeakMap(), v = new WeakMap(), S = new WeakMap(), P =
195
195
  ));
196
196
  }, x = function(e) {
197
197
  const { seeking: t } = s(this, a).$state;
198
- t() && o(this, i, M).call(this, e), s(this, a).notify("pause", void 0, e), s(this, a).notify("end", void 0, e);
198
+ t() && o(this, i, R).call(this, e), s(this, a).notify("pause", void 0, e), s(this, a).notify("end", void 0, e);
199
199
  }, L = function(e, t) {
200
200
  var E;
201
201
  const { paused: d, seeking: u } = s(this, a).$state, h = e === b.Playing, c = e === b.Buffering, g = o(this, i, U).call(this, "playVideo"), w = d() && (c || h);
202
- if (c && s(this, a).notify("waiting", void 0, t), u() && h && o(this, i, M).call(this, t), s(this, m) && h) {
202
+ if (c && s(this, a).notify("waiting", void 0, t), u() && h && o(this, i, R).call(this, t), s(this, m) && h) {
203
203
  this.pause(), l(this, m, !1), this.setMuted(s(this, a).$state.muted());
204
204
  return;
205
205
  }
@@ -222,7 +222,7 @@ a = new WeakMap(), k = new WeakMap(), v = new WeakMap(), S = new WeakMap(), P =
222
222
  break;
223
223
  }
224
224
  l(this, v, e);
225
- }, O = function() {
225
+ }, _ = function() {
226
226
  l(this, v, -1), l(this, P, -1), l(this, m, !1);
227
227
  }, V = function(e) {
228
228
  var t;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "25.12.21",
3
+ "version": "25.12.23",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
@@ -55,7 +55,7 @@
55
55
  "@vuelidate/validators": "^2.0.4",
56
56
  "@vuepic/vue-datepicker": "^4.5.1",
57
57
  "@vueuse/components": "^13.0.0",
58
- "@webitel/api-services": "^0.0.74",
58
+ "@webitel/api-services": "^0.0.79",
59
59
  "@webitel/styleguide": "^24.12.83",
60
60
  "autosize": "^6.0.1",
61
61
  "axios": "^1.8.3",
@@ -143,8 +143,8 @@
143
143
  "date-fns": "^4.1.0"
144
144
  },
145
145
  "engines": {
146
- "npm": "10",
147
- "node": "v22"
146
+ "npm": "11",
147
+ "node": "v24"
148
148
  },
149
149
  "exports": {
150
150
  ".": {
@@ -3,5 +3,9 @@
3
3
  --load-bar-padding: 1px;
4
4
  --load-bar-border-radius: 50px;
5
5
 
6
- --wt-load-bar-progress-color: var(--primary-color);
6
+ --wt-load-bar-primary-color: var(--primary-on-color);
7
+ --wt-load-bar-error-color: var(--p-error-color);
8
+ --wt-load-bar-warning-color: var(--p-warn-color);
9
+ --wt-load-bar-success-color: var(--p-success-color);
10
+ --wt-load-bar-info-color: var(--p-info-color);
7
11
  }
@@ -1,5 +1,7 @@
1
1
  <template>
2
- <div class="wt-load-bar">
2
+ <div
3
+ :class="['wt-load-bar',
4
+ `wt-load-bar--color-${color}`]">
3
5
  <span
4
6
  :style="`width: ${progressWidth}%;`"
5
7
  class="wt-load-bar__progress"
@@ -8,6 +10,8 @@
8
10
  </template>
9
11
 
10
12
  <script>
13
+ import { IconColor } from '../../enums';
14
+
11
15
  export default {
12
16
  name: 'WtLoadBar',
13
17
  props: {
@@ -19,6 +23,17 @@ export default {
19
23
  type: [Number, String],
20
24
  default: 0,
21
25
  },
26
+ color: {
27
+ type: String,
28
+ default: IconColor.PRIMARY,
29
+ validator: (value) =>
30
+ [IconColor.PRIMARY,
31
+ IconColor.ERROR,
32
+ IconColor.WARNING,
33
+ IconColor.SUCCESS,
34
+ IconColor.INFO
35
+ ].includes(value),
36
+ },
22
37
  },
23
38
  computed: {
24
39
  progress() {
@@ -39,11 +54,52 @@ export default {
39
54
  .wt-load-bar {
40
55
  position: relative;
41
56
  box-sizing: border-box;
42
- border: 1px solid var(--wt-load-bar-progress-color);
57
+ border: 1px solid;
43
58
  border-radius: var(--border-radius);
44
59
  padding: var(--load-bar-padding);
45
60
  width: 100%;
46
61
  line-height: 0;
62
+
63
+ &--color-primary {
64
+ border-color: var(--wt-load-bar-primary-color);
65
+
66
+ .wt-load-bar__progress {
67
+ background: var(--wt-load-bar-primary-color);
68
+ }
69
+ }
70
+
71
+ &--color-error {
72
+ border-color: var(--wt-load-bar-error-color);
73
+
74
+ .wt-load-bar__progress {
75
+ background: var(--wt-load-bar-error-color);
76
+ }
77
+ }
78
+
79
+ &--color-warning {
80
+ border-color: var(--wt-load-bar-warning-color);
81
+
82
+ .wt-load-bar__progress {
83
+ background: var(--wt-load-bar-warning-color);
84
+ }
85
+ }
86
+
87
+ &--color-success {
88
+ border-color: var(--wt-load-bar-success-color);
89
+
90
+ .wt-load-bar__progress {
91
+ background: var(--wt-load-bar-success-color);
92
+ }
93
+ }
94
+
95
+ &--color-info {
96
+ border-color: var(--wt-load-bar-info-color);
97
+
98
+ .wt-load-bar__progress {
99
+ background: var(--wt-load-bar-info-color);
100
+ }
101
+ }
102
+
47
103
  }
48
104
 
49
105
  .wt-load-bar__progress {
@@ -51,7 +107,6 @@ export default {
51
107
  transition: var(--transition);
52
108
  will-change: width;
53
109
  border-radius: var(--load-bar-border-radius);
54
- background: var(--wt-load-bar-progress-color);
55
110
  height: var(--load-bar-height);
56
111
  }
57
112
  </style>
package/src/install.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import 'vue-multiselect/dist/vue-multiselect.css';
2
2
  import '@webitel/styleguide/fonts';
3
- import 'plyr/src/sass/plyr.scss';
3
+ import 'plyr/plyr.scss';
4
4
  import 'vidstack/bundle';
5
5
  import './css/main.scss';
6
6
  import './css/tailwind.css';
@@ -1,4 +1,4 @@
1
- export function downloadMedia(id: any): Promise<import("axios").AxiosResponse<any, any>>;
1
+ export function downloadMedia(id: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
2
2
  export default MediaAPI;
3
3
  declare namespace MediaAPI {
4
4
  export { getMediaList as getList };
@@ -13,8 +13,8 @@ declare function getMediaList(params: any): Promise<{
13
13
  }>;
14
14
  declare function getMedia({ itemId }: {
15
15
  itemId: any;
16
- }): Promise<import("axios").AxiosResponse<any, any>>;
17
- declare function addMedia(params: any): Promise<import("axios").AxiosResponse<any, any>>;
16
+ }): Promise<import("axios").AxiosResponse<any, any, {}>>;
17
+ declare function addMedia(params: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
18
18
  declare function deleteMedia({ id }: {
19
19
  id: any;
20
20
  }): Promise<any>;
@@ -1,33 +1,21 @@
1
- import { WtChip, WtPopover } from '@webitel/ui-sdk/components';
2
- import { displayText } from '../../../utils';
3
1
  interface Props {
4
2
  hideFirstItem?: boolean;
5
3
  useEmptySymbol?: boolean;
6
4
  title?: string;
7
5
  items: unknown[];
8
6
  }
9
- declare const firstItemName: import("vue").ComputedRef<any>;
10
- declare const displayList: import("vue").ComputedRef<unknown[]>;
11
- declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
12
7
  declare var __VLS_1: {}, __VLS_7: {
13
8
  toggle: (event?: Event, target?: HTMLElement | null | undefined) => void;
14
9
  }, __VLS_13: {
15
10
  items: unknown[];
16
11
  };
17
- type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
12
+ type __VLS_Slots = {} & {
18
13
  'first-item'?: (props: typeof __VLS_1) => any;
19
14
  } & {
20
15
  activator?: (props: typeof __VLS_7) => any;
21
16
  } & {
22
17
  items?: (props: typeof __VLS_13) => any;
23
- }>;
24
- declare const __VLS_self: import("vue").DefineComponent<Props, {
25
- WtChip: typeof WtChip;
26
- WtPopover: typeof WtPopover;
27
- displayText: typeof displayText;
28
- firstItemName: typeof firstItemName;
29
- displayList: typeof displayList;
30
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
+ };
31
19
  declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
32
20
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
33
21
  export default _default;
@@ -18,5 +18,6 @@ type __VLS_Slots = {
18
18
  option?: (props: {
19
19
  option: unknown;
20
20
  }) => any;
21
+ } & {
21
22
  'after-section'?: (props: {}) => any;
22
23
  };
@@ -1,6 +1,4 @@
1
- import { WtDatepicker, WtInput, WtSelect, WtSwitcher } from '@webitel/ui-sdk/components';
2
1
  import { WebitelProtoDataField } from 'webitel-sdk';
3
- import { WtTypeExtensionFieldKind as FieldType } from '../../../enums';
4
2
  type __VLS_Props = {
5
3
  field: WebitelProtoDataField;
6
4
  required?: boolean;
@@ -9,41 +7,9 @@ type __VLS_Props = {
9
7
  */
10
8
  v?: object;
11
9
  };
12
- declare const value: import("vue").ComputedRef<unknown>;
13
- declare const sharedChildrenProps: import("vue").ComputedRef<{
14
- label: string;
15
- required: boolean;
16
- v: object;
17
- }>;
18
- /**
19
- * @author @dlohvinov
20
- *
21
- * props as computed is needed to pass it either
22
- * to slot and to default in-slot component
23
- */
24
- declare const selectProps: import("vue").ComputedRef<{
25
- clearable: boolean;
26
- trackBy: string;
27
- searchMethod: () => (params: any) => any;
28
- }>;
29
- declare const multiselectProps: import("vue").ComputedRef<{
30
- multiple: boolean;
31
- clearable: boolean;
32
- trackBy: string;
33
- searchMethod: () => (params: any) => any;
34
- }>;
35
- declare const setValue: (value: any) => void;
36
- declare const loadLookupList: ({ path, display, primary }: {
37
- path: any;
38
- display: any;
39
- primary: any;
40
- }) => (params: any) => any;
41
- declare const selectElement: (value: any) => void;
42
- declare const selectElements: (value: any) => void;
43
10
  type __VLS_PublicProps = __VLS_Props & {
44
11
  modelValue?: unknown;
45
12
  };
46
- declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
47
13
  declare var __VLS_20: "bool", __VLS_21: {
48
14
  defaultProps: {
49
15
  label: string;
@@ -79,7 +45,7 @@ declare var __VLS_20: "bool", __VLS_21: {
79
45
  v: object;
80
46
  };
81
47
  };
82
- type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
48
+ type __VLS_Slots = {} & {
83
49
  [K in NonNullable<typeof __VLS_20>]?: (props: typeof __VLS_21) => any;
84
50
  } & {
85
51
  [K in NonNullable<typeof __VLS_32>]?: (props: typeof __VLS_33) => any;
@@ -87,26 +53,7 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
87
53
  [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
88
54
  } & {
89
55
  [K in NonNullable<typeof __VLS_56>]?: (props: typeof __VLS_57) => any;
90
- }>;
91
- declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
92
- WtDatepicker: typeof WtDatepicker;
93
- WtInput: typeof WtInput;
94
- WtSelect: typeof WtSelect;
95
- WtSwitcher: typeof WtSwitcher;
96
- FieldType: typeof FieldType;
97
- value: typeof value;
98
- sharedChildrenProps: typeof sharedChildrenProps;
99
- selectProps: typeof selectProps;
100
- multiselectProps: typeof multiselectProps;
101
- setValue: typeof setValue;
102
- loadLookupList: typeof loadLookupList;
103
- selectElement: typeof selectElement;
104
- selectElements: typeof selectElements;
105
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
106
- "update:modelValue": (value: unknown) => any;
107
- }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
108
- "onUpdate:modelValue"?: (value: unknown) => any;
109
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
56
+ };
110
57
  declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
111
58
  "update:modelValue": (value: unknown) => any;
112
59
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
@@ -74,9 +74,11 @@ type __VLS_Slots = {
74
74
  size: string;
75
75
  onClick: () => void;
76
76
  }) => any;
77
+ } & {
77
78
  'search-bar'?: (props: {
78
79
  size: string;
79
80
  }) => any;
81
+ } & {
80
82
  default?: (props: {
81
83
  size: string;
82
84
  }) => any;
@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
36
36
  default: boolean;
37
37
  };
38
38
  }>> & Readonly<{}>, {
39
+ hidden: boolean;
39
40
  colorVariable: string;
40
41
  outside: boolean;
41
- hidden: boolean;
42
42
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
43
43
  export default _default;
@@ -1,15 +1,5 @@
1
1
  import type { ButtonProps } from 'primevue';
2
2
  import { ButtonColor, ButtonVariant, ComponentSize } from '../../enums';
3
- declare const primevueSizeMap: {
4
- xs: string;
5
- sm: string;
6
- md: string;
7
- };
8
- declare const iconButtonSizeMap: {
9
- xs: string;
10
- sm: string;
11
- md: string;
12
- };
13
3
  interface WtButtonProps extends /* @vue-ignore */ ButtonProps {
14
4
  color?: ButtonColor;
15
5
  disabled?: boolean;
@@ -21,46 +11,10 @@ interface WtButtonProps extends /* @vue-ignore */ ButtonProps {
21
11
  iconPrefix?: string;
22
12
  variant?: ButtonVariant;
23
13
  }
24
- declare const emit: (event: "click", ...args: any[]) => void;
25
- declare const attrs: {
26
- [x: string]: unknown;
27
- };
28
- declare const showLoader: import("vue").Ref<boolean, boolean>;
29
- /**
30
- * @author: @Opelsandr Palonnyi
31
- *
32
- * [WTEL-7995](https://webitel.atlassian.net/browse/WTEL-7995)
33
- *
34
- * link to comment - https://webitel.atlassian.net/browse/WTEL-7992?focusedCommentId=705256
35
- * */
36
- declare const loaderColor: import("vue").ComputedRef<"on-dark" | "on-light">;
37
- declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
38
14
  declare var __VLS_14: {};
39
- type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
15
+ type __VLS_Slots = {} & {
40
16
  default?: (props: typeof __VLS_14) => any;
41
- }>;
42
- declare const __VLS_self: import("vue").DefineComponent<WtButtonProps, {
43
- primevueSizeMap: typeof primevueSizeMap;
44
- iconButtonSizeMap: typeof iconButtonSizeMap;
45
- emit: typeof emit;
46
- attrs: typeof attrs;
47
- showLoader: typeof showLoader;
48
- loaderColor: typeof loaderColor;
49
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
50
- click: (...args: any[]) => void;
51
- }, string, import("vue").PublicProps, Readonly<WtButtonProps> & Readonly<{
52
- onClick?: (...args: any[]) => any;
53
- }>, {
54
- disabled: boolean;
55
- size: ComponentSize;
56
- color: ButtonColor;
57
- icon: string;
58
- wide: boolean;
59
- loading: boolean;
60
- widthByContent: boolean;
61
- iconPrefix: string;
62
- variant: ButtonVariant;
63
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
17
+ };
64
18
  declare const __VLS_component: import("vue").DefineComponent<WtButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
65
19
  click: (...args: any[]) => void;
66
20
  }, string, import("vue").PublicProps, Readonly<WtButtonProps> & Readonly<{