@webitel/ui-sdk 26.4.54 → 26.4.55
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/{index-CXLn58Uw.js → index-DIbizsCF.js} +1 -1
- package/dist/{index-BcvKnsta.js → index-DUvxbc74.js} +1 -1
- package/dist/{install-Dy8FCdqU.js → install-b3LF2l6e.js} +37 -37
- package/dist/{isObject-D_mC0e7L.js → isObject-Df1QjwSr.js} +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +1 -1
- package/dist/{useVidstackSrc-CFFNYX4t.js → useVidstackSrc-r5eaGiNI.js} +1 -1
- package/dist/{vidstack-Bq6c3Bam-Cm8V9-Af.js → vidstack-Bq6c3Bam-DUhOSZ5b.js} +3 -3
- package/dist/{vidstack-D2pY00kU-EswopiE4.js → vidstack-D2pY00kU--9OviSIY.js} +3 -3
- package/dist/{vidstack-DDXt6fpN-DmfI9GYr.js → vidstack-DDXt6fpN-DAHT4IlN.js} +2 -2
- package/dist/{vidstack-D_-9AA6_-BpkY0Ewv.js → vidstack-D_-9AA6_-4NXefQZ2.js} +2 -2
- package/dist/{vidstack-DqAw8m9J-v0UrSxgp.js → vidstack-DqAw8m9J-DykxUivk.js} +1 -1
- package/dist/{vidstack-audio-dgkmjxrA.js → vidstack-audio-CAtkbhyu.js} +2 -2
- package/dist/{vidstack-dash-BUv3XcDo.js → vidstack-dash-_VUyXBlM.js} +4 -4
- package/dist/{vidstack-google-cast-DuURcoyH.js → vidstack-google-cast-CjaT-bOh.js} +4 -4
- package/dist/{vidstack-hls-8qL6KSkp.js → vidstack-hls-BLwPZsJT.js} +4 -4
- package/dist/{vidstack-video-BVaKT-Zj.js → vidstack-video-C4Nn4Tci.js} +3 -3
- package/dist/{vidstack-vimeo-D0omUMJ4.js → vidstack-vimeo-BM6Grb7n.js} +4 -4
- package/dist/{vidstack-youtube-DMr7-35w.js → vidstack-youtube-DKIF9ZLF.js} +3 -3
- package/dist/{wt-action-bar-GWBUca8V.js → wt-action-bar-BUTecaFM.js} +1 -1
- package/dist/{wt-button-select-C00leIuO.js → wt-button-select-_sP7TEjh.js} +1 -1
- package/dist/{wt-call-media-action-BcKdNS54.js → wt-call-media-action-B754SWie.js} +1 -1
- package/dist/{wt-chat-emoji-9F6nz7-q.js → wt-chat-emoji-8kgugJp3.js} +2 -2
- package/dist/{wt-confirm-dialog-Dr9IC1Ki.js → wt-confirm-dialog-Dfn8LBqD.js} +1 -1
- package/dist/{wt-context-menu-Ci_j0i2U.js → wt-context-menu-CM6Uy8E_.js} +1 -1
- package/dist/{wt-copy-action-CzYcMx1x.js → wt-copy-action-BBCJFKTA.js} +1 -1
- package/dist/{wt-datepicker-BMdkoaTy.js → wt-datepicker-CEg7Bz8f.js} +1 -1
- package/dist/{wt-display-chip-items-Bxsy29Un.js → wt-display-chip-items-i4Sofmjw.js} +1 -1
- package/dist/{wt-dual-panel-BVmoc9hg.js → wt-dual-panel-BKHIz6GE.js} +1 -1
- package/dist/{wt-dummy-D3x4x6Fp.js → wt-dummy-CrbQHj7e.js} +1 -1
- package/dist/{wt-error-page-BEZxsYXU.js → wt-error-page-C6Ffq5UN.js} +1 -1
- package/dist/{wt-expansion-card-qWV_pUft.js → wt-expansion-card-vo-1_anD.js} +1 -1
- package/dist/{wt-expansion-panel-B7yrTgM0.js → wt-expansion-panel-MH-Ck5c9.js} +1 -1
- package/dist/{wt-filters-panel-wrapper-Du3W-lBg.js → wt-filters-panel-wrapper-Cufdyl3l.js} +1 -1
- package/dist/{wt-galleria-B0Fvye46.js → wt-galleria-CJA4YRIH.js} +1 -1
- package/dist/{wt-inline-add-panel-CGSZPfuC.js → wt-inline-add-panel-C_YL_gEc.js} +1 -1
- package/dist/{wt-navigation-menu-CNkldxKf.js → wt-navigation-menu-Z8miYMLM.js} +1 -1
- package/dist/{wt-notifications-bar-Cl3eNbuV.js → wt-notifications-bar-Bi_GUm8d.js} +2 -2
- package/dist/{wt-pagination-qt22Mydi.js → wt-pagination-Cr5FWOMe.js} +1 -1
- package/dist/{wt-player-BgZzrNuv.js → wt-player-DTDnFI9y.js} +2 -2
- package/dist/{wt-screen-recordings-action-CJ7C7b_7.js → wt-screen-recordings-action-ByIvxs0u.js} +1 -1
- package/dist/{wt-search-bar-Dr06_Ba8.js → wt-search-bar-D9HsQwYk.js} +1 -1
- package/dist/{wt-selection-popup-crYVIT8l.js → wt-selection-popup-DIEAkxye.js} +1 -1
- package/dist/{wt-start-page-NFWbhKpZ.js → wt-start-page-Ccnkc45u.js} +1 -1
- package/dist/{wt-status-select-BM8-a_XK.js → wt-status-select-nrzAML3-.js} +1 -1
- package/dist/{wt-stepper-DYgY0DP3.js → wt-stepper-Cuuwczjp.js} +1 -1
- package/dist/{wt-table-DPbdMxgc.js → wt-table-CeV_WB5D.js} +1 -1
- package/dist/{wt-table-actions-Z1oNCBvd.js → wt-table-actions-BQVB7ALh.js} +1 -1
- package/dist/{wt-table-column-select-Ss5cVY7U.js → wt-table-column-select-C4AY_Nyy.js} +2 -2
- package/dist/{wt-tabs-BuNL61Dh.js → wt-tabs-D_6GZBjk.js} +1 -1
- package/dist/{wt-tags-input-CB2bCckC.js → wt-tags-input-BhsvaOnv.js} +2 -2
- package/dist/{wt-timepicker-CQM2ovhg.js → wt-timepicker-g4BcXrO5.js} +1 -1
- package/dist/{wt-tree-DWrN0gOU.js → wt-tree-CmvdV2AP.js} +2 -2
- package/dist/{wt-tree-table-B26tC2zw.js → wt-tree-table-Cy8Ps3Cw.js} +1 -1
- package/dist/{wt-type-extension-value-input-BMko-O7t.js → wt-type-extension-value-input-nuNyA7mx.js} +2 -2
- package/dist/{wt-vidstack-player-DuaRjf_T.js → wt-vidstack-player-CuYDziPr.js} +302 -300
- package/package.json +1 -1
- package/src/components/wt-vidstack-player/wt-vidstack-player.vue +17 -8
- package/src/modules/CallSession/modules/VideoCall/video-call.vue +2 -0
- package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webitel/ui-sdk",
|
|
3
|
-
"version": "26.4.
|
|
3
|
+
"version": "26.4.55",
|
|
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 biome:format:all || true) && npm run publish-lib",
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
:class="
|
|
4
|
-
|
|
5
|
-
`wt-vidstack-player-video-object-fit--${props.videoObjectFit}`,
|
|
6
|
-
fullscreen && `wt-vidstack-player--fullscreen`,
|
|
7
|
-
stretch && `wt-vidstack-player--stretch`,
|
|
8
|
-
props.static && 'wt-vidstack-player--static',
|
|
9
|
-
props.hideBackground && 'wt-vidstack-player--hide-background'
|
|
10
|
-
]" class="wt-vidstack-player"
|
|
3
|
+
:class="rootClasses"
|
|
4
|
+
class="wt-vidstack-player"
|
|
11
5
|
>
|
|
12
6
|
<media-player
|
|
13
7
|
ref="player"
|
|
@@ -78,6 +72,7 @@ interface Props {
|
|
|
78
72
|
hideExpand?: boolean;
|
|
79
73
|
stretch?: boolean;
|
|
80
74
|
videoObjectFit?: 'cover' | 'contain';
|
|
75
|
+
mirrorVideo?: boolean;
|
|
81
76
|
}
|
|
82
77
|
|
|
83
78
|
const props = withDefaults(defineProps<Props>(), {
|
|
@@ -126,6 +121,16 @@ const { normalizedSrcObject } = useVidstackSrc({
|
|
|
126
121
|
stream: streamRef,
|
|
127
122
|
});
|
|
128
123
|
|
|
124
|
+
const rootClasses = computed(() => [
|
|
125
|
+
`wt-vidstack-player--${size.value}`,
|
|
126
|
+
`wt-vidstack-player-video-object-fit--${props.videoObjectFit}`,
|
|
127
|
+
props.mirrorVideo && 'wt-vidstack-player--mirror-video',
|
|
128
|
+
fullscreen.value && 'wt-vidstack-player--fullscreen',
|
|
129
|
+
props.stretch && 'wt-vidstack-player--stretch',
|
|
130
|
+
props.static && 'wt-vidstack-player--static',
|
|
131
|
+
props.hideBackground && 'wt-vidstack-player--hide-background',
|
|
132
|
+
]);
|
|
133
|
+
|
|
129
134
|
const onCanPlay = (ev: Event) => {
|
|
130
135
|
if (!props.autoplay) return;
|
|
131
136
|
|
|
@@ -322,6 +327,10 @@ const onCanPlay = (ev: Event) => {
|
|
|
322
327
|
object-fit: contain;
|
|
323
328
|
}
|
|
324
329
|
|
|
330
|
+
.wt-vidstack-player--mirror-video :deep(video) {
|
|
331
|
+
transform: scaleX(-1);
|
|
332
|
+
}
|
|
333
|
+
|
|
325
334
|
/*
|
|
326
335
|
* @author Oleksandr Palonnyi
|
|
327
336
|
* WTEL-9094: https://webitel.atlassian.net/browse/WTEL-9094
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
:static="props.static"
|
|
8
8
|
:username="props.username"
|
|
9
9
|
:hide-controls-panel="props.hideControlsPanel"
|
|
10
|
+
:mirror-video="!showSenderScreen"
|
|
10
11
|
autoplay
|
|
11
12
|
class="video-call"
|
|
12
13
|
hide-background
|
|
@@ -95,6 +96,7 @@
|
|
|
95
96
|
class="video-call-sender"
|
|
96
97
|
hide-controls-panel
|
|
97
98
|
hide-video-display-panel
|
|
99
|
+
mirror-video
|
|
98
100
|
static
|
|
99
101
|
/>
|
|
100
102
|
</template>
|