@webitel/ui-sdk 26.6.47 → 26.6.49

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 (65) hide show
  1. package/dist/{components-gi3TmScp.js → components-DQu77Q7M.js} +575 -606
  2. package/dist/{composables-BJtyGE9D.js → composables-Cw74RLc7.js} +13 -5
  3. package/dist/{debounce-DrmECuJ2.js → debounce-DPzXwiOS.js} +9 -4
  4. package/dist/eventBus-By3thVlR.js +31 -0
  5. package/dist/ui-sdk.css +1 -1
  6. package/dist/ui-sdk.js +5015 -4022
  7. package/dist/ui-sdk.umd.cjs +918 -628
  8. package/dist/{useVidstackSrc-DfNrFbOO.js → useVidstackSrc-jCDCYTce.js} +1 -1
  9. package/dist/usetoast-BECIyaas.js +10 -0
  10. package/dist/{vidstack-Bq6c3Bam-3dCf_D36.js → vidstack-Bq6c3Bam-hoRopLll.js} +1 -1
  11. package/dist/{vidstack-D2pY00kU-DoW028io.js → vidstack-D2pY00kU-dXPuSPZl.js} +1 -1
  12. package/dist/{vidstack-audio-B58bvsna.js → vidstack-audio-CCSR8cXr.js} +1 -1
  13. package/dist/{vidstack-dash-CX-LTHx3.js → vidstack-dash-CNcNULYU.js} +2 -2
  14. package/dist/{vidstack-hls-CLzdTFu6.js → vidstack-hls-BP6P23Cc.js} +2 -2
  15. package/dist/{vidstack-video-XtP8iTBc.js → vidstack-video-IgjC6GLU.js} +2 -2
  16. package/dist/{wt-button-BJmzJIU6.js → wt-button-CZfPNaIj.js} +1 -1
  17. package/dist/{wt-chat-emoji-70Ip-iGR.js → wt-chat-emoji-DogZsQlE.js} +571 -553
  18. package/dist/{wt-display-chip-items-7t7gfd-q.js → wt-display-chip-items-DESlV2p7.js} +1 -1
  19. package/dist/{wt-expansion-card-Bvs6YO3O.js → wt-expansion-card-BMsJwsp6.js} +1 -1
  20. package/dist/{wt-galleria-BXZJO_cB.js → wt-galleria-BPI3140G.js} +1 -1
  21. package/dist/{wt-icon-pxO7IjwV.js → wt-icon-DZxZg6ON.js} +2 -0
  22. package/dist/{wt-icon-btn-CjjI4cgE.js → wt-icon-btn-BUpa-fbk.js} +1 -1
  23. package/dist/wt-notifications-bar-CDTqa7M9.js +29 -0
  24. package/dist/{wt-pagination-BA_PZPIE.js → wt-pagination-CZuQFM3-.js} +1 -1
  25. package/dist/{wt-player-DROQ1CPs.js → wt-player-BxvfY3f0.js} +3 -3
  26. package/dist/{wt-search-bar-CWZdvAOf.js → wt-search-bar-CyMYRgHH.js} +1 -1
  27. package/dist/{wt-send-message-popup-Bg1K-tw8.js → wt-send-message-popup-ffiDFiVQ.js} +1 -1
  28. package/dist/{wt-table-D4XANcJ1.js → wt-table-C8kioEyj.js} +1 -1
  29. package/dist/wt-toast-m61COwji.js +44 -0
  30. package/dist/{wt-tree-table-MLET4gIv.js → wt-tree-table-2u2mPfO_.js} +1 -1
  31. package/dist/{wt-type-extension-value-input-DQhC5C4L.js → wt-type-extension-value-input-CDJ1y4xf.js} +1 -1
  32. package/dist/{wt-vidstack-player-CmdiCgCp.js → wt-vidstack-player-EobMavSI.js} +9 -9
  33. package/package.json +1 -1
  34. package/src/assets/icons/sprite/error.svg +4 -0
  35. package/src/assets/icons/sprite/index.ts +4 -0
  36. package/src/assets/icons/sprite/warning.svg +3 -0
  37. package/src/components/_internals/composables/useSelect/useSelectDropdown.ts +30 -0
  38. package/src/components/index.js +3 -3
  39. package/src/components/wt-notifications-bar/__tests__/WtNotificationsBar.spec.js +49 -46
  40. package/src/components/wt-notifications-bar/wt-notifications-bar.vue +24 -84
  41. package/src/components/wt-toast/__tests__/WtToast.spec.js +19 -0
  42. package/src/components/wt-toast/types/index.ts +11 -0
  43. package/src/components/wt-toast/wt-toast.vue +53 -0
  44. package/src/components/wt-vidstack-player/components/panels/playback-controls-panel/components/time-group.vue +1 -0
  45. package/src/css/components-variables.css +0 -1
  46. package/src/enums/index.ts +2 -2
  47. package/src/plugins/primevue/primevue.plugin.js +4 -0
  48. package/src/plugins/primevue/theme/components/components.js +2 -0
  49. package/src/plugins/primevue/theme/components/toast/toast.js +26 -0
  50. package/types/components/wt-notifications-bar/wt-notifications-bar.vue.d.ts +1 -12
  51. package/types/components/wt-player/wt-player.vue.d.ts +1 -1
  52. package/types/components/wt-toast/types/index.d.ts +7 -0
  53. package/types/components/wt-toast/wt-toast.vue.d.ts +3 -0
  54. package/types/enums/index.d.ts +2 -2
  55. package/types/modules/Flow/lookups/FlowTypeApplications.lookup.d.ts +5 -5
  56. package/types/plugins/primevue/theme/components/components.d.ts +2 -0
  57. package/types/plugins/primevue/theme/components/toast/toast.d.ts +223 -0
  58. package/dist/isObject-Dgs_L5xI.js +0 -11
  59. package/dist/logger-hl3ueNok.js +0 -47
  60. package/dist/wt-notifications-bar-BwO_qvrc.js +0 -52
  61. package/src/components/wt-notification/__tests__/WtNotification.spec.js +0 -28
  62. package/src/components/wt-notification/_variables.css +0 -9
  63. package/src/components/wt-notification/wt-notification.vue +0 -68
  64. package/types/components/wt-notification/wt-notification.vue.d.ts +0 -18
  65. /package/types/components/{wt-notification/__tests__/WtNotification.spec.d.ts → wt-toast/__tests__/WtToast.spec.d.ts} +0 -0
@@ -1,11 +0,0 @@
1
- import { t as e } from "./chunk-CY3AvKd6.js";
2
- //#region node_modules/lodash/isObject.js
3
- var t = /* @__PURE__ */ e(((e, t) => {
4
- function n(e) {
5
- var t = typeof e;
6
- return e != null && (t == "object" || t == "function");
7
- }
8
- t.exports = n;
9
- }));
10
- //#endregion
11
- export { t };
@@ -1,47 +0,0 @@
1
- import { a as e } from "./chunk-CY3AvKd6.js";
2
- import { t } from "./isObject-Dgs_L5xI.js";
3
- //#region node_modules/mitt/dist/mitt.mjs
4
- function n(e) {
5
- return {
6
- all: e ||= /* @__PURE__ */ new Map(),
7
- on: function(t, n) {
8
- var r = e.get(t);
9
- r ? r.push(n) : e.set(t, [n]);
10
- },
11
- off: function(t, n) {
12
- var r = e.get(t);
13
- r && (n ? r.splice(r.indexOf(n) >>> 0, 1) : e.set(t, []));
14
- },
15
- emit: function(t, n) {
16
- var r = e.get(t);
17
- r && r.slice().map(function(e) {
18
- e(n);
19
- }), (r = e.get("*")) && r.slice().map(function(e) {
20
- e(t, n);
21
- });
22
- }
23
- };
24
- }
25
- //#endregion
26
- //#region src/scripts/eventBus.js
27
- var r = n(), i = {
28
- $on: (...e) => r.on(...e),
29
- $off: (...e) => r.off(...e),
30
- $emit: (...e) => r.emit(...e)
31
- }, a = /* @__PURE__ */ e(t(), 1), o = (e) => (0, a.default)(e) && (e.entity || e.module), s = (e) => (t) => (...n) => {
32
- if (o(n[0])) {
33
- let { app: r = e, entity: i = "", module: a = "" } = n[0], o = /* @__PURE__ */ new Date(), s = window?.location?.href || "non-browser env";
34
- return (...e) => {
35
- let n = `@webitel/${r}:${i}:${a}:`, c = `[${o}][${s}]`;
36
- return console[t](n, ...e, c);
37
- };
38
- }
39
- return console[t](...n);
40
- }, c = ((e) => ({
41
- info: s(e)("info"),
42
- warn: s(e)("warn"),
43
- error: s(e)("error"),
44
- log: s(e)("log")
45
- }))("ui-sdk");
46
- //#endregion
47
- export { i as n, c as t };
@@ -1,52 +0,0 @@
1
- import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
2
- import { n as t, t as n } from "./logger-hl3ueNok.js";
3
- import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createTextVNode as s, createVNode as c, openBlock as l, renderList as u, resolveComponent as d, toDisplayString as f, withCtx as p } from "vue";
4
- //#region src/components/wt-notifications-bar/wt-notifications-bar.vue
5
- var m = {
6
- name: "WtNotificationsBar",
7
- inject: ["$eventBus"],
8
- data: () => ({
9
- notificationDuration: 4e3,
10
- notifications: [],
11
- eventBus: t
12
- }),
13
- created() {
14
- this.$eventBus ? this.eventBus = this.$eventBus : n.warn({
15
- entity: "component",
16
- module: "wt-notification-bar"
17
- })("no globally provided $eventBus found, using default webitel-ui eventBus"), this.eventBus.$on("notification", this.showNotification);
18
- },
19
- unmounted() {
20
- this.eventBus.$off("notification", this.showNotification);
21
- },
22
- methods: {
23
- showNotification(e) {
24
- this.notifications.unshift(e), setTimeout(() => this.closeNotification(e), e.timeout * 1e3 || this.notificationDuration);
25
- },
26
- closeNotification(e) {
27
- let t = this.notifications.indexOf(e);
28
- this.notifications.splice(t, 1);
29
- }
30
- }
31
- }, h = { class: "wt-notifications-bar wt-scrollbar" };
32
- function g(e, t, n, m, g, _) {
33
- let v = d("wt-notification");
34
- return l(), o("aside", h, [c(i, {
35
- class: "wt-notifications-bar__wrapper",
36
- name: "wt-notifications-transition",
37
- tag: "div"
38
- }, {
39
- default: p(() => [(l(!0), o(r, null, u(e.notifications, (e, t) => (l(), a(v, {
40
- key: t + e.text,
41
- type: e.type,
42
- onClose: (t) => _.closeNotification(e)
43
- }, {
44
- default: p(() => [s(f(e.text), 1)], void 0, !0),
45
- _: 2
46
- }, 1032, ["type", "onClose"]))), 128))], void 0, !0),
47
- _: 1
48
- })]);
49
- }
50
- var _ = /*#__PURE__*/ e(m, [["render", g], ["__scopeId", "data-v-37c12272"]]);
51
- //#endregion
52
- export { _ as default };
@@ -1,28 +0,0 @@
1
- import { shallowMount } from '@vue/test-utils';
2
-
3
- import WtIcon from '../../wt-icon/wt-icon.vue';
4
- import WtNotification from '../wt-notification.vue';
5
-
6
- describe('WtNotification', () => {
7
- it('renders a component', () => {
8
- const wrapper = shallowMount(WtNotification, {
9
- stubs: {
10
- WtIcon,
11
- },
12
- });
13
- expect(wrapper.classes('wt-notification')).toBe(true);
14
- });
15
-
16
- it('renders message via default slot', () => {
17
- const content = 'Hello there';
18
- const wrapper = shallowMount(WtNotification, {
19
- stubs: {
20
- WtIcon,
21
- },
22
- slots: {
23
- default: content,
24
- },
25
- });
26
- expect(wrapper.find('.wt-notification__text').text()).toBe(content);
27
- });
28
- });
@@ -1,9 +0,0 @@
1
- :root {
2
- --wt-notification-min-width: 30vw;
3
- --wt-notification-max-width: 40vw;
4
- --wt-notification-padding: var(--spacing-xs);
5
- --wt-notification-icon-margin: var(--spacing-xs);
6
-
7
- --wt-notification-text-color: var(--text-main-color);
8
- --wt-notification-bg-color: var(--content-wrapper-color);
9
- }
@@ -1,68 +0,0 @@
1
- <template>
2
- <article class="wt-notification typo-body-1" @click="$emit('close')">
3
- <wt-icon :color="notificationIconColor" :icon="notificationIcon" class="wt-notification__icon" />
4
-
5
- <p class="wt-notification__text">
6
- <slot />
7
- </p>
8
- </article>
9
- </template>
10
-
11
- <script>
12
- export default {
13
- name: 'WtNotification',
14
- props: {
15
- type: {
16
- type: String,
17
- default: 'success',
18
- },
19
- },
20
- computed: {
21
- notificationIcon() {
22
- switch (this.type) {
23
- case 'info':
24
- return 'rounded-info';
25
- case 'error':
26
- return 'attention';
27
- case 'warning':
28
- return 'attention';
29
- case 'success':
30
- return 'done';
31
- default:
32
- return '';
33
- }
34
- },
35
- notificationIconColor() {
36
- return this.type || '';
37
- },
38
- },
39
- };
40
- </script>
41
-
42
- <style scoped>
43
- .wt-notification {
44
- display: flex;
45
- position: relative;
46
- align-items: flex-start;
47
- cursor: pointer;
48
- box-shadow: var(--elevation-1);
49
- border-radius: var(--border-radius);
50
- background: var(--wt-notification-bg-color);
51
- padding: var(--wt-notification-padding);
52
- width: fit-content;
53
- min-width: var(--wt-notification-min-width);
54
- max-width: var(--wt-notification-max-width);
55
- color: var(--wt-notification-text-color);
56
- }
57
-
58
- .wt-notification__icon {
59
- flex: 0 0 var(--icon-md-size);
60
- margin-right: var(--wt-notification-icon-margin);
61
- }
62
-
63
- .wt-notification__text {
64
- flex-grow: 1;
65
- align-self: center;
66
- margin: 0;
67
- }
68
- </style>
@@ -1,18 +0,0 @@
1
- declare const _default: typeof __VLS_export;
2
- export default _default;
3
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
- type: {
5
- type: StringConstructor;
6
- default: string;
7
- };
8
- }>, {}, {}, {
9
- notificationIcon(): "" | "done" | "rounded-info" | "attention";
10
- notificationIconColor(): string;
11
- }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
12
- type: {
13
- type: StringConstructor;
14
- default: string;
15
- };
16
- }>> & Readonly<{}>, {
17
- type: string;
18
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;