@webitel/ui-sdk 26.4.26 → 26.4.28

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.4.26",
+	"version": "26.4.28",
 	"private": false,
 	"scripts": {
 		"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",
@@ -125,7 +125,7 @@
 		"@vue/tsconfig": "^0.8.1",
 		"@vuelidate/core": "^2.0.3",
 		"@vuelidate/validators": "^2.0.4",
-		"@webitel/styleguide": "^26.2.0-1",
+		"@webitel/styleguide": "~26.2",
 		"clipboard-copy": "^4.x",
 		"csv-parse": "^6.1.0",
 		"globals": "^16.0.0",

package/src/components/wt-vidstack-player/components/layouts/video-layout.vue

@@ -2,8 +2,17 @@
   <media-controls class="video-layout controls" :class="`video-layout--${size}`">
     <div class="video-display-panel-wrapper">
       <video-display-panel
-v-if="!props.hideVideoDisplayPanel" :title="props.title" :username="props.username"
-        :closable="props.closable" :hide-expand="props.hideExpand" @close="emit('close-player')" />
+        v-if="!props.hideVideoDisplayPanel"
+        :title="props.title"
+        :username="props.username"
+        :closable="props.closable"
+        :hide-expand="props.hideExpand"
+        @close="emit('close-player')"
+      >
+        <template v-if="$slots['avatar']" #avatar>
+          <slot name="avatar" />
+        </template>
+      </video-display-panel>
     </div>
 
     <media-controls-group class="video-layout-content">

package/src/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue

@@ -4,12 +4,14 @@
     class="video-display-panel controls-group"
   >
     <div class="video-display-panel__head">
-      <wt-avatar
-        v-if="props.username"
-        :username="props.username"
-        size="sm"
-        class="video-display-panel__avatar"
-      />
+      <slot name="avatar">
+        <wt-avatar
+          v-if="props.username"
+          :username="props.username"
+          size="sm"
+          class="video-display-panel__avatar"
+        />
+      </slot>
 
       <span class="video-display-panel__title">
         {{ props.title || props.username }}

package/src/components/wt-vidstack-player/wt-vidstack-player.vue

@@ -32,6 +32,10 @@
         :username="props.username"
         @close-player="emit('close')"
       >
+        <template v-if="$slots['avatar']" #avatar>
+          <slot name="avatar" />
+        </template>
+
         <template #controls-panel>
           <slot :size="size" name="controls-panel" />
         </template>

package/src/modules/CallSession/modules/VideoCall/video-call.vue

@@ -12,6 +12,16 @@
     hide-background
     @change-size="(payload) => emit('change-size', payload)"
   >
+    <template v-if="props['receiver:mic:enabled'] === false || props.hideAvatar" #avatar>
+      <wt-icon
+        v-if="props['receiver:mic:enabled'] === false"
+        icon="mic-muted"
+        size="sm"
+        color="on-dark"
+      />
+      <div v-else style="display: none;" />
+    </template>
+
     <template #content="{ size: innerSize }">
       <slot :size="innerSize" name="content" />
 
@@ -173,6 +183,7 @@ const props = withDefaults(
 		position?: 'left-bottom' | 'right-bottom' | 'center';
 		size?: ComponentSize;
 		hideVideoDisplayPanel?: boolean;
+		hideAvatar?: boolean;
 		resizable?: boolean;
 
 		actions: VideoCallAction[];

package/types/components/wt-vidstack-player/components/layouts/video-layout.vue.d.ts

@@ -6,11 +6,13 @@ type __VLS_Props = {
     hideControlsPanel?: boolean;
     hideExpand?: boolean;
 };
-declare var __VLS_21: {}, __VLS_23: {};
+declare var __VLS_17: {}, __VLS_25: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
-    content?: (props: typeof __VLS_21) => any;
+    avatar?: (props: typeof __VLS_17) => any;
 } & {
-    'controls-panel'?: (props: typeof __VLS_23) => any;
+    content?: (props: typeof __VLS_25) => any;
+} & {
+    'controls-panel'?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "close-player": () => any;

package/types/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue.d.ts

@@ -4,10 +4,20 @@ type __VLS_Props = {
     closable?: boolean;
     hideExpand?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    avatar?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts

@@ -20,15 +20,17 @@ interface Props {
     stretch?: boolean;
     videoObjectFit?: 'cover' | 'contain';
 }
-declare var __VLS_26: {
+declare var __VLS_26: {}, __VLS_29: {
     size: ComponentSize;
-}, __VLS_29: {
+}, __VLS_32: {
     size: ComponentSize;
 };
 type __VLS_Slots = {} & {
-    'controls-panel'?: (props: typeof __VLS_26) => any;
+    avatar?: (props: typeof __VLS_26) => any;
 } & {
-    content?: (props: typeof __VLS_29) => any;
+    'controls-panel'?: (props: typeof __VLS_29) => any;
+} & {
+    content?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;

package/types/modules/CallSession/modules/VideoCall/video-call.vue.d.ts

@@ -21,6 +21,7 @@ type __VLS_Props = {
     position?: 'left-bottom' | 'right-bottom' | 'center';
     size?: ComponentSize;
     hideVideoDisplayPanel?: boolean;
+    hideAvatar?: boolean;
     resizable?: boolean;
     actions: VideoCallAction[];
     username?: string;
@@ -28,15 +29,15 @@ type __VLS_Props = {
     'actions:settings:disabled'?: boolean;
     'actions:chat:pressed'?: boolean;
 };
-declare var __VLS_11: {
+declare var __VLS_17: {
     size: ComponentSize;
-}, __VLS_13: {
+}, __VLS_19: {
     size: ComponentSize;
 };
 type __VLS_Slots = {} & {
-    content?: (props: typeof __VLS_11) => any;
+    content?: (props: typeof __VLS_17) => any;
 } & {
-    overlay?: (props: typeof __VLS_13) => any;
+    overlay?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "change-size": (size: ComponentSize) => any;