@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.
- package/dist/{components-gi3TmScp.js → components-DQu77Q7M.js} +575 -606
- package/dist/{composables-BJtyGE9D.js → composables-Cw74RLc7.js} +13 -5
- package/dist/{debounce-DrmECuJ2.js → debounce-DPzXwiOS.js} +9 -4
- package/dist/eventBus-By3thVlR.js +31 -0
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +5015 -4022
- package/dist/ui-sdk.umd.cjs +918 -628
- package/dist/{useVidstackSrc-DfNrFbOO.js → useVidstackSrc-jCDCYTce.js} +1 -1
- package/dist/usetoast-BECIyaas.js +10 -0
- package/dist/{vidstack-Bq6c3Bam-3dCf_D36.js → vidstack-Bq6c3Bam-hoRopLll.js} +1 -1
- package/dist/{vidstack-D2pY00kU-DoW028io.js → vidstack-D2pY00kU-dXPuSPZl.js} +1 -1
- package/dist/{vidstack-audio-B58bvsna.js → vidstack-audio-CCSR8cXr.js} +1 -1
- package/dist/{vidstack-dash-CX-LTHx3.js → vidstack-dash-CNcNULYU.js} +2 -2
- package/dist/{vidstack-hls-CLzdTFu6.js → vidstack-hls-BP6P23Cc.js} +2 -2
- package/dist/{vidstack-video-XtP8iTBc.js → vidstack-video-IgjC6GLU.js} +2 -2
- package/dist/{wt-button-BJmzJIU6.js → wt-button-CZfPNaIj.js} +1 -1
- package/dist/{wt-chat-emoji-70Ip-iGR.js → wt-chat-emoji-DogZsQlE.js} +571 -553
- package/dist/{wt-display-chip-items-7t7gfd-q.js → wt-display-chip-items-DESlV2p7.js} +1 -1
- package/dist/{wt-expansion-card-Bvs6YO3O.js → wt-expansion-card-BMsJwsp6.js} +1 -1
- package/dist/{wt-galleria-BXZJO_cB.js → wt-galleria-BPI3140G.js} +1 -1
- package/dist/{wt-icon-pxO7IjwV.js → wt-icon-DZxZg6ON.js} +2 -0
- package/dist/{wt-icon-btn-CjjI4cgE.js → wt-icon-btn-BUpa-fbk.js} +1 -1
- package/dist/wt-notifications-bar-CDTqa7M9.js +29 -0
- package/dist/{wt-pagination-BA_PZPIE.js → wt-pagination-CZuQFM3-.js} +1 -1
- package/dist/{wt-player-DROQ1CPs.js → wt-player-BxvfY3f0.js} +3 -3
- package/dist/{wt-search-bar-CWZdvAOf.js → wt-search-bar-CyMYRgHH.js} +1 -1
- package/dist/{wt-send-message-popup-Bg1K-tw8.js → wt-send-message-popup-ffiDFiVQ.js} +1 -1
- package/dist/{wt-table-D4XANcJ1.js → wt-table-C8kioEyj.js} +1 -1
- package/dist/wt-toast-m61COwji.js +44 -0
- package/dist/{wt-tree-table-MLET4gIv.js → wt-tree-table-2u2mPfO_.js} +1 -1
- package/dist/{wt-type-extension-value-input-DQhC5C4L.js → wt-type-extension-value-input-CDJ1y4xf.js} +1 -1
- package/dist/{wt-vidstack-player-CmdiCgCp.js → wt-vidstack-player-EobMavSI.js} +9 -9
- package/package.json +1 -1
- package/src/assets/icons/sprite/error.svg +4 -0
- package/src/assets/icons/sprite/index.ts +4 -0
- package/src/assets/icons/sprite/warning.svg +3 -0
- package/src/components/_internals/composables/useSelect/useSelectDropdown.ts +30 -0
- package/src/components/index.js +3 -3
- package/src/components/wt-notifications-bar/__tests__/WtNotificationsBar.spec.js +49 -46
- package/src/components/wt-notifications-bar/wt-notifications-bar.vue +24 -84
- package/src/components/wt-toast/__tests__/WtToast.spec.js +19 -0
- package/src/components/wt-toast/types/index.ts +11 -0
- package/src/components/wt-toast/wt-toast.vue +53 -0
- package/src/components/wt-vidstack-player/components/panels/playback-controls-panel/components/time-group.vue +1 -0
- package/src/css/components-variables.css +0 -1
- package/src/enums/index.ts +2 -2
- package/src/plugins/primevue/primevue.plugin.js +4 -0
- package/src/plugins/primevue/theme/components/components.js +2 -0
- package/src/plugins/primevue/theme/components/toast/toast.js +26 -0
- package/types/components/wt-notifications-bar/wt-notifications-bar.vue.d.ts +1 -12
- package/types/components/wt-player/wt-player.vue.d.ts +1 -1
- package/types/components/wt-toast/types/index.d.ts +7 -0
- package/types/components/wt-toast/wt-toast.vue.d.ts +3 -0
- package/types/enums/index.d.ts +2 -2
- package/types/modules/Flow/lookups/FlowTypeApplications.lookup.d.ts +5 -5
- package/types/plugins/primevue/theme/components/components.d.ts +2 -0
- package/types/plugins/primevue/theme/components/toast/toast.d.ts +223 -0
- package/dist/isObject-Dgs_L5xI.js +0 -11
- package/dist/logger-hl3ueNok.js +0 -47
- package/dist/wt-notifications-bar-BwO_qvrc.js +0 -52
- package/src/components/wt-notification/__tests__/WtNotification.spec.js +0 -28
- package/src/components/wt-notification/_variables.css +0 -9
- package/src/components/wt-notification/wt-notification.vue +0 -68
- package/types/components/wt-notification/wt-notification.vue.d.ts +0 -18
- /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 };
|
package/dist/logger-hl3ueNok.js
DELETED
|
@@ -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>;
|