@webitel/ui-sdk 25.10.69 → 25.10.71

package/dist/ui-sdk.js

@@ -1,4 +1,4 @@
-import { W as f } from "./install-CjvoevkY.js";
+import { W as f } from "./install-CmFVS7yR.js";
 export {
   f as default
 };

package/dist/ui-sdk.umd.cjs

@@ -3156,7 +3156,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           data-part="track-fill"
         ></circle>
       </svg>
-    `}}V(jM,"tagName","media-spinner");class qM extends dt{}V(qM,"props",{when:!1});class FM extends pt(HTMLElement,qM){constructor(){super(...arguments);P(this,y5);P(this,o3)}onSetup(){j(this,o3,Rt())}onConnect(){ue(k(this,y5,QY).bind(this))}}o3=new WeakMap,y5=new WeakSet,QY=function(){const n=this.firstElementChild,a=(n==null?void 0:n.localName)==="template",l=this.$props.when();if(!(RP(l)?l:rr(()=>l(b(this,o3).player.state))())){a?(this.textContent="",this.appendChild(n)):wp(n)&&(n.style.display="none");return}a?this.append(n.content.cloneNode(!0)):wp(n)&&(n.style.display="")},V(FM,"tagName","media-layout");class VM extends pt(HTMLElement,W$){}V(VM,"tagName","media-google-cast-button");class zM extends pt(HTMLElement,K$){}V(zM,"tagName","media-toggle-button");class UM extends pt(HTMLElement,Vke){}V(UM,"tagName","media-tooltip");class HM extends pt(HTMLElement,zke){onConnect(){this.style.display="contents"}}V(HM,"tagName","media-tooltip-trigger");class KM extends pt(HTMLElement,H$){}V(KM,"tagName","media-tooltip-content");class uC extends pt(HTMLElement,V$){}V(uC,"tagName","media-menu-portal"),V(uC,"attrs",{disabled:{converter(o){return Je(o)?o:o!==null}}});class WM extends pt(HTMLElement,qh){onConnect(){qu(this,(o,n)=>{const{cue:a,startTime:l,duration:s}=n,d=o.querySelector(".vds-thumbnail,media-thumbnail"),p=o.querySelector('[data-part="start-time"]'),h=o.querySelector('[data-part="duration"]');p&&(p.textContent=l),h&&(h.textContent=s),d&&(d.setAttribute("time",a.startTime+""),ue(()=>{const f=this.$props.thumbnails();"src"in d?d.src=f:Je(f)&&d.setAttribute("src",f)}))})}}V(WM,"tagName","media-chapters-radio-group");class GM extends pt(HTMLElement,aC){onConnect(){qu(this)}}V(GM,"tagName","media-audio-gain-radio-group");class YM extends pt(HTMLElement,iC){}V(YM,"tagName","media-radio-group");class ZM extends pt(HTMLElement,kp){}V(ZM,"tagName","media-slider");const dxe=vv('<video muted playsinline preload="none" style="max-width: unset;"></video>');class XM extends pt(HTMLElement,Xg){constructor(){super(...arguments);P(this,w5);P(this,i3);P(this,Vs,k(this,w5,JY).call(this))}onSetup(){j(this,i3,Rt()),this.$state.video.set(b(this,Vs))}onConnect(){const{canLoad:n}=b(this,i3).$state,{src:a,crossOrigin:l}=this.$state;b(this,Vs).parentNode!==this&&this.prepend(b(this,Vs)),ue(()=>{We(b(this,Vs),"crossorigin",l()),We(b(this,Vs),"preload",n()?"auto":"none"),We(b(this,Vs),"src",a())})}}i3=new WeakMap,Vs=new WeakMap,w5=new WeakSet,JY=function(){return Cv(dxe)},V(XM,"tagName","media-slider-video");class QM extends pt(HTMLElement,Jv){}V(QM,"tagName","media-audio-gain-slider");class JM extends pt(HTMLElement,eC){}V(JM,"tagName","media-speed-slider");class eN extends pt(HTMLElement,tC){}V(eN,"tagName","media-quality-slider");class tN extends pt(HTMLElement,oC){constructor(){super(...arguments);P(this,v5);P(this,n1,null)}onConnect(){ns(()=>{if(!this.connectScope)return;const n=this.querySelector("template");n&&(j(this,n1,n),ue(k(this,v5,eZ).bind(this)))})}}n1=new WeakMap,v5=new WeakSet,eZ=function(){if(!b(this,n1))return;const n=wv(b(this,n1),this.cues.length||1);this.setRefs(n)},V(tN,"tagName","media-slider-chapters");class pxe extends dt{}class oN extends pt(HTMLElement,pxe){constructor(){super(...arguments);P(this,C5);P(this,D0,null)}onConnect(n){ns(()=>{this.connectScope&&(j(this,D0,n.querySelector("template")),b(this,D0)&&ue(k(this,C5,tZ).bind(this)))})}}D0=new WeakMap,C5=new WeakSet,tZ=function(){if(!b(this,D0))return;const{min:n,max:a,step:l}=Bu(Cp),s=(a()-n())/l();wv(b(this,D0),Math.floor(s)+1)},V(oN,"tagName","media-slider-steps");class hC extends dt{constructor(){super(...arguments);P(this,vo);P(this,Ka);P(this,n3,"")}onSetup(){j(this,Ka,Rt()),k(this,vo,KS).call(this),k(this,vo,WS).call(this),k(this,vo,GS).call(this),k(this,vo,HS).call(this)}onAttach(n){n.style.setProperty("pointer-events","none"),ue(k(this,vo,nZ).bind(this)),ue(k(this,vo,KS).bind(this)),ue(k(this,vo,WS).bind(this)),ue(k(this,vo,GS).bind(this)),ue(k(this,vo,HS).bind(this));const{started:a}=b(this,Ka).$state;this.setAttributes({"data-visible":()=>!a()&&!this.$state.hidden(),"data-loading":k(this,vo,iZ).bind(this),"data-error":k(this,vo,US).bind(this),"data-hidden":this.$state.hidden})}onConnect(n){ue(k(this,vo,oZ).bind(this)),ue(k(this,vo,aZ).bind(this))}}Ka=new WeakMap,vo=new WeakSet,US=function(){const{error:n}=this.$state;return!Zr(n())},oZ=function(){const{canLoadPoster:n,poster:a}=b(this,Ka).$state;!n()&&a()&&os(a(),"preconnect")},HS=function(){const{src:n}=this.$props,{poster:a,nativeControls:l}=b(this,Ka).$state;this.el&&We(this.el,"display",l()?"none":null),this.$state.hidden.set(k(this,vo,US).call(this)||!(n()||a())||l())},iZ=function(){const{loading:n,hidden:a}=this.$state;return!a()&&n()},nZ=function(){const n=this.$state.img();n&&(new go(n).add("load",k(this,vo,YS).bind(this)).add("error",k(this,vo,rZ).bind(this)),n.complete&&k(this,vo,YS).call(this))},n3=new WeakMap,KS=function(){const{poster:n}=b(this,Ka).$props,{canLoadPoster:a,providedPoster:l,inferredPoster:s}=b(this,Ka).$state,d=this.$props.src()||"",p=d||n()||s();b(this,n3)===l()&&l.set(d),this.$state.src.set(a()&&p.length?p:null),j(this,n3,d)},WS=function(){const{src:n}=this.$props,{alt:a}=this.$state,{poster:l}=b(this,Ka).$state;a.set(n()||l()?this.$props.alt():null)},GS=function(){const{crossOrigin:n}=this.$props,{crossOrigin:a}=this.$state,{crossOrigin:l,poster:s}=b(this,Ka).$state,d=n()!==null?n():l();a.set(/ytimg\.com|vimeo/.test(s()||"")?null:d===!0?"anonymous":d)},aZ=function(){const{loading:n,error:a}=this.$state,{canLoadPoster:l,poster:s}=b(this,Ka).$state;n.set(l()&&!!s()),a.set(null)},YS=function(){const{loading:n,error:a}=this.$state;n.set(!1),a.set(null)},rZ=function(n){const{loading:a,error:l}=this.$state;a.set(!1),l.set(n)},V(hC,"props",{src:null,alt:null,crossOrigin:null}),V(hC,"state",new pc({img:null,src:null,alt:null,crossOrigin:null,loading:!0,error:null,hidden:!1}));class fC extends pt(HTMLElement,hC){constructor(){super(...arguments);P(this,Al,document.createElement("img"))}onSetup(){this.$state.img.set(b(this,Al))}onConnect(){const{src:n,alt:a,crossOrigin:l}=this.$state;ue(()=>{const{loading:s,hidden:d}=this.$state;b(this,Al).style.display=s()||d()?"none":""}),ue(()=>{We(b(this,Al),"alt",a()),We(b(this,Al),"crossorigin",l()),We(b(this,Al),"src",n())}),b(this,Al).parentNode!==this&&this.prepend(b(this,Al))}}Al=new WeakMap,V(fC,"tagName","media-poster"),V(fC,"attrs",{crossOrigin:"crossorigin"}),lt(FM),lt(BM),lt(LM),lt(fC),lt(RM),lt(UM),lt(HM),lt(KM),lt(mM),lt(hM),lt(dM),lt(pM),lt(fM),lt(bM),lt(cM),lt(VM),lt(zM),lt(ZM),lt(QM),lt(DM),lt(EM),lt(JM),lt(eN),lt(tN),lt(oN),lt(AM),lt(pC),lt(TM),lt(XM),lt(wM),lt(vM),lt(uC),lt(kM),lt(CM),lt(gM),lt(yM),lt(xM),lt(GM),lt(SM),lt(WM),lt(YM),lt(IM),lt(OM),lt(t4),lt(_M),lt(uM),lt(sM),lt(PM),lt(MM),lt(jM);const uxe={class:"screen-sharing-control-panel__actions"},hxe={key:0,class:"screen-sharing-control-panel__indicator"},fxe={class:"screen-sharing-control-panel__time"},mxe=Ne(c.defineComponent({__name:"screen-sharing-control-panel",props:{session:{}},emits:["close-session"],setup(i,{emit:o}){const n=i,a=o,{size:l}=c.inject("size"),s=c.ref(null),d=c.computed(()=>n.session.recordings?"record-stop":"record-start"),p=x=>{switch(x){case"done":return"screenshot-done";case"error":return"screenshot-false";default:return"screenshot"}},h=c.computed(()=>p(s.value)),f=c.computed(()=>n.session.recordings),y=c.ref(0),w=c.ref(null);function v(){y.value=0,C(),w.value=window.setInterval(()=>{y.value++},1e3)}function C(){w.value!==null&&(clearInterval(w.value),w.value=null)}const T=()=>{f.value?n.session.stopRecord():n.session.startRecord()},E=async()=>{try{await n.session.screenshot(),A("done")}catch{A("error")}},A=x=>{s.value=x,setTimeout(()=>{s.value=null},2e3)},I=()=>{n.session.close(),a("close-session")};return c.onUnmounted(()=>{C()}),c.watch(f,x=>{x?v():C()}),(x,O)=>{const _=c.resolveComponent("wt-button"),R=c.resolveComponent("wt-indicator");return c.openBlock(),c.createElementBlock("media-controls-group",{class:c.normalizeClass(["screen-sharing-control-panel",`screen-sharing-control-panel--${c.unref(l)}`])},[c.createElementVNode("div",uxe,[c.createVNode(_,{rounded:"","contains-icon":"",variant:"outlined",color:"secondary",size:c.unref(l),icon:h.value,onClick:E},null,8,["size","icon"]),c.createVNode(_,{rounded:"","contains-icon":"",variant:"outlined",color:"secondary",size:c.unref(l),icon:d.value,onClick:T},null,8,["size","icon"]),c.createVNode(_,{icon:"sharing-end",class:"screen-sharing-control-panel__sharing-end",color:"error",variant:"outlined",size:c.unref(l),rounded:"","contains-icon":"",onClick:I},null,8,["size"])]),f.value?(c.openBlock(),c.createElementBlock("div",hxe,[c.createVNode(R,{color:"error",size:"md"}),c.createElementVNode("span",fxe,c.toDisplayString(c.unref(sB)(y.value)),1)])):c.createCommentVNode("",!0)],2)}}}),[["__scopeId","data-v-5fe4e281"]]),bxe=["disabled"],gxe=Ne(c.defineComponent({__name:"toggle-button",props:{primaryIcon:{},secondaryIcon:{},color:{},disabled:{type:Boolean}},emits:["toggle"],setup(i,{emit:o}){const n=i,a=c.useTemplateRef("toggleButton"),l=o,s=()=>{n.disabled||l("toggle",a.value.pressed)};return(d,p)=>(c.openBlock(),c.createElementBlock("media-toggle-button",{ref_key:"toggleButton",ref:a,class:"toggle-button",disabled:n.disabled,onClick:s},[c.createVNode(lp,{icon:n.primaryIcon,color:n.color,disabled:n.disabled,class:"toggle-button__primary"},null,8,["icon","color","disabled"]),c.createVNode(lp,{icon:n.secondaryIcon,color:n.color,disabled:n.disabled,class:"toggle-button__secondary"},null,8,["icon","color","disabled"])],8,bxe))}}),[["__scopeId","data-v-f1a807ee"]]),yxe=Ne(c.defineComponent({__name:"fullscreen-button",emits:["toggle"],setup(i,{emit:o}){const n=o;return(a,l)=>(c.openBlock(),c.createElementBlock("media-fullscreen-button",{class:"fullscreen-button",onMediaEnterFullscreenRequest:l[0]||(l[0]=s=>n("toggle",!0)),onMediaExitFullscreenRequest:l[1]||(l[1]=s=>n("toggle",!1))},[c.createVNode(lp,{icon:"player-enter-fullscreen",color:"on-dark",class:"fullscreen-button__enter"}),c.createVNode(lp,{icon:"player-exit-fullscreen",color:"on-dark",class:"fullscreen-button__exit"})],32))}}),[["__scopeId","data-v-969523ca"]]),wxe={class:"video-display-panel__title"},vxe={class:"video-display-panel__controls"},Cxe=Ne(c.defineComponent({__name:"video-display-panel",props:{title:{},username:{},closable:{type:Boolean}},emits:["close"],setup(i,{emit:o}){const{size:n,changeSize:a}=c.inject("size"),l=i,s=o,d=h=>{a(h?Qt.LG:Qt.SM)},p=h=>{a(h?Qt.MD:Qt.SM)};return(h,f)=>(c.openBlock(),c.createElementBlock("media-controls-group",{class:c.normalizeClass(["video-display-panel controls-group",`video-display-panel--${c.unref(n)}`])},[c.createElementVNode("div",wxe,[l.username?(c.openBlock(),c.createBlock(U_,{key:0,username:l.username,size:"sm"},null,8,["username"])):c.createCommentVNode("",!0),c.createElementVNode("span",null,c.toDisplayString(l.title||l.username),1)]),c.createElementVNode("div",vxe,[c.unref(n)!==c.unref(Qt).LG?(c.openBlock(),c.createBlock(gxe,{key:0,"primary-icon":"collapse","secondary-icon":"expand",color:"on-dark",onToggle:p})):c.createCommentVNode("",!0),c.createVNode(yxe,{onToggle:d}),l.closable?(c.openBlock(),c.createBlock(lp,{key:1,icon:"close",color:"on-dark",onClick:f[0]||(f[0]=y=>s("close"))})):c.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-d21a18a1"]]),kxe={key:0},xxe=Ne(c.defineComponent({__name:"video-layout",props:{title:{},username:{},closable:{type:Boolean},mode:{},session:{}},emits:["close-player","close-session"],setup(i,{emit:o}){const{size:n}=c.inject("size"),a=i,l=o;return(s,d)=>(c.openBlock(),c.createElementBlock("media-controls",{class:c.normalizeClass(["video-layout controls",`video-layout--${c.unref(n)}`])},[c.createVNode(Cxe,{title:a.title,username:a.username,closable:a.closable,onClose:d[0]||(d[0]=p=>l("close-player"))},null,8,["title","username","closable"]),c.createVNode(pB,{size:"sm",color:"on-dark"}),a.mode==="media"?(c.openBlock(),c.createElementBlock("media-control-panel",kxe)):c.createCommentVNode("",!0),a.mode==="stream"?(c.openBlock(),c.createBlock(mxe,{key:1,session:a.session,onCloseSession:d[1]||(d[1]=p=>l("close-session"))},null,8,["session"])):c.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-e0267b09"]]),Sxe=["src","autoplay","muted"],iN={WtActionBar:she,WtImage:XO,WtEmpty:g4e,WtLogo:qye,WtAvatar:U_,WtBadge:nfe,WtIcon:cB,WtIndicator:wye,WtInputInfo:WO,WtButton:lfe,WtChip:H_,WtConfirmDialog:ffe,WtDivider:Gge,WtTooltip:_we,WtLabel:dB,WtLoader:pB,WtRoundedAction:C6e,WtReplaceTransition:ihe,WtCheckbox:Y6,WtDatepicker:Wge,WtIconBtn:lp,WtInput:kye,WtIntersectionObserver:xye,WtHint:fye,WtNotification:b9e,WtPopup:f6e,WtProgressBar:g6e,WtRadio:v6e,WtSearchBar:T6e,WtSelect:f8e,WtSlider:m8e,WtSwitcher:E8e,WtTabs:W8e,WtTagsInput:O7e,WtTimeInput:V7e,WtTimepicker:K7e,WtTextarea:M7e,WtAppHeader:uhe,WtHeadline:pye,WtBreadcrumb:afe,WtNavigationBar:u9e,WtAppNavigator:Lhe,WtFiltersPanelWrapper:M4e,WtHeaderActions:Ghe,WtErrorPage:E4e,WtNotificationsBar:k9e,WtPageWrapper:_9e,WtDualPanel:e4e,WtPagination:U9e,WtPlayer:W9e,WtPopover:wB,WtStatusSelect:w8e,WtTable:O8e,WtTree:jwe,WtTreeTable:tve,WtTableActions:P8e,WtTableColumnSelect:F8e,WtButtonSelect:sfe,WtContextMenu:gfe,WtCopyAction:xfe,WtLoadBar:Aye,WtIconAction:V_,WtPageHeader:x9e,WtItemLink:Sye,WtDummy:l4e,WtStepper:I8e,WtExpansionPanel:R4e,WtNavigationMenu:Sde,WtStartPage:G0e,WtSelectionPopup:L0e,WtDisplayChipItems:gde,WtGalleria:aye,WtVidstackPlayer:Ne(c.defineComponent({__name:"wt-vidstack-player",props:{src:{},mime:{default:"video/mp4"},autoplay:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},title:{default:""},username:{default:""},closable:{type:Boolean,default:!1},stream:{},mode:{default:"media"},session:{}},emits:["close","close-session"],setup(i,{emit:o}){const n=i,a=o,l=c.useTemplateRef("player"),s=c.ref(Qt.SM),d=f=>{s.value=f};c.provide("size",{size:s,changeSize:d});const p=c.computed(()=>n.mime?n.mime:n.src.includes("media")||n.src.includes("mp3")?"audio/mp3":n.src.includes("ogg")||n.src.includes("oga")?"audio/ogg":"video/mp4"),h=c.computed(()=>{var f,y;return typeof n.src=="string"?{src:n.src,type:p.value}:{src:((f=n.src)==null?void 0:f.src)||"",type:((y=n.src)==null?void 0:y.type)||p.value}});return c.onMounted(()=>{if(l.value&&n.mode==="stream"&&n.stream){const f=l.value.querySelector("video");f.addEventListener("loadedmetadata",async()=>{await f.play().catch(y=>console.error("play error:",y))}),f.srcObject!==n.stream&&setTimeout(()=>{f.srcObject=n.stream??null},100)}}),c.onBeforeUnmount(()=>{const f=l.value.querySelector("video");f&&f.srcObject&&(f.srcObject.getTracks().forEach(y=>y.stop()),f.srcObject=null)}),(f,y)=>(c.openBlock(),c.createElementBlock("div",{class:c.normalizeClass(["wt-vidstack-player",[`wt-vidstack-player--${s.value}`]])},[c.createElementVNode("media-player",{ref_key:"player",ref:l,src:h.value,autoplay:n.autoplay,muted:n.muted,class:"wt-vidstack-player__player","cross-origin":"","plays-inline":"",onClose:y[2]||(y[2]=w=>a("close")),onChangeSize:d},[y[3]||(y[3]=c.createElementVNode("media-provider",{class:"wt-vidstack-player__provider"},null,-1)),c.createVNode(xxe,{closable:n.closable,autoplay:n.autoplay,title:n.title,username:n.username,session:n.session,mode:f.mode,onClosePlayer:y[0]||(y[0]=w=>a("close")),onCloseSession:y[1]||(y[1]=w=>a("close-session"))},null,8,["closable","autoplay","title","username","session","mode"])],40,Sxe)],2))}}),[["__scopeId","data-v-1ee8fe00"]]),WtChatEmoji:ude},nN=D8?window:void 0;function Wh(i){var o;const n=c.toValue(i);return(o=n==null?void 0:n.$el)!=null?o:n}function Fu(...i){const o=[],n=()=>{o.forEach(p=>p()),o.length=0},a=(p,h,f,y)=>(p.addEventListener(h,f,y),()=>p.removeEventListener(h,f,y)),l=c.computed(()=>{const p=ip(c.toValue(i[0])).filter(h=>h!=null);return p.every(h=>typeof h!="string")?p:void 0}),s=HO(()=>{var p,h;return[(h=(p=l.value)==null?void 0:p.map(f=>Wh(f)))!=null?h:[nN].filter(f=>f!=null),ip(c.toValue(l.value?i[1]:i[0])),ip(c.unref(l.value?i[2]:i[1])),c.toValue(l.value?i[3]:i[2])]},([p,h,f,y])=>{if(n(),!(p!=null&&p.length)||!(h!=null&&h.length)||!(f!=null&&f.length))return;const w=UO(y)?{...y}:y;o.push(...p.flatMap(v=>h.flatMap(C=>f.map(T=>a(v,C,T,w)))))},{flush:"post"}),d=()=>{s(),n()};return qb(n),d}let aN=!1;function rN(i,o,n={}){const{window:a=nN,ignore:l=[],capture:s=!0,detectIframe:d=!1,controls:p=!1}=n;if(!a)return p?{stop:zr,cancel:zr,trigger:zr}:zr;if(_8&&!aN){aN=!0;const A={passive:!0};Array.from(a.document.body.children).forEach(I=>Fu(I,"click",zr,A)),Fu(a.document.documentElement,"click",zr,A)}let h=!0;const f=A=>c.toValue(l).some(I=>{if(typeof I=="string")return Array.from(a.document.querySelectorAll(I)).some(x=>x===A.target||A.composedPath().includes(x));{const x=Wh(I);return x&&(A.target===x||A.composedPath().includes(x))}});function y(A){const I=c.toValue(A);return I&&I.$.subTree.shapeFlag===16}function w(A,I){const x=c.toValue(A),O=x.$.subTree&&x.$.subTree.children;return O==null||!Array.isArray(O)?!1:O.some(_=>_.el===I.target||I.composedPath().includes(_.el))}const v=A=>{const I=Wh(i);if(A.target!=null&&!(!(I instanceof Element)&&y(i)&&w(i,A))&&!(!I||I===A.target||A.composedPath().includes(I))){if("detail"in A&&A.detail===0&&(h=!f(A)),!h){h=!0;return}o(A)}};let C=!1;const T=[Fu(a,"click",A=>{C||(C=!0,setTimeout(()=>{C=!1},0),v(A))},{passive:!0,capture:s}),Fu(a,"pointerdown",A=>{const I=Wh(i);h=!f(A)&&!!(I&&!A.composedPath().includes(I))},{passive:!0}),d&&Fu(a,"blur",A=>{setTimeout(()=>{var I;const x=Wh(i);((I=a.document.activeElement)==null?void 0:I.tagName)==="IFRAME"&&!(x!=null&&x.contains(a.document.activeElement))&&o(A)},0)},{passive:!0})].filter(Boolean),E=()=>T.forEach(A=>A());return p?{stop:E,cancel:()=>{h=!1},trigger:A=>{h=!0,v(A),h=!1}}:E}const Ixe={mounted(i,o){const n=!o.modifiers.bubble;if(typeof o.value=="function")i.__onClickOutside_stop=rN(i,o.value,{capture:n});else{const[a,l]=o.value;i.__onClickOutside_stop=rN(i,a,Object.assign({capture:n},l))}},unmounted(i){i.__onClickOutside_stop()}};function mC(i){return typeof Window<"u"&&i instanceof Window?i.document.documentElement:typeof Document<"u"&&i instanceof Document?i.documentElement:i}function lN(i){const o=window.getComputedStyle(i);if(o.overflowX==="scroll"||o.overflowY==="scroll"||o.overflowX==="auto"&&i.clientWidth<i.scrollWidth||o.overflowY==="auto"&&i.clientHeight<i.scrollHeight)return!0;{const n=i.parentNode;return!n||n.tagName==="BODY"?!1:lN(n)}}function Txe(i){const o=i||window.event,n=o.target;return lN(n)?!1:o.touches.length>1?!0:(o.preventDefault&&o.preventDefault(),!1)}const bC=new WeakMap;function Exe(i,o=!1){const n=c.shallowRef(o);let a=null,l="";c.watch(Mge(i),p=>{const h=mC(c.toValue(p));if(h){const f=h;if(bC.get(f)||bC.set(f,f.style.overflow),f.style.overflow!=="hidden"&&(l=f.style.overflow),f.style.overflow==="hidden")return n.value=!0;if(n.value)return f.style.overflow="hidden"}},{immediate:!0});const s=()=>{const p=mC(c.toValue(i));!p||n.value||(_8&&(a=Fu(p,"touchmove",h=>{Txe(h)},{passive:!1})),p.style.overflow="hidden",n.value=!0)},d=()=>{const p=mC(c.toValue(i));!p||!n.value||(_8&&(a==null||a()),p.style.overflow=l,bC.delete(p),n.value=!1)};return qb(d),c.computed({get(){return n.value},set(p){p?s():d()}})}function Axe(){let i=!1;const o=c.shallowRef(!1);return(n,a)=>{if(o.value=a.value,i)return;i=!0;const l=Exe(n,a.value);c.watch(o,s=>l.value=s)}}Axe();const sN={clickaway:Ixe};function ti(...i){if(i){let o=[];for(let n=0;n<i.length;n++){const a=i[n];if(!a)continue;const l=typeof a;if(l==="string"||l==="number")o.push(a);else if(l==="object"){const s=Array.isArray(a)?[ti(...a)]:Object.entries(a).map(([d,p])=>p?d:void 0);o=s.length?o.concat(s.filter(d=>!!d)):o}}return o.join(" ").trim()}}function cN(i,o){return i?i.classList?i.classList.contains(o):new RegExp("(^| )"+o+"( |$)","gi").test(i.className):!1}function Ma(i,o){if(i&&o){const n=a=>{cN(i,a)||(i.classList?i.classList.add(a):i.className+=" "+a)};[o].flat().filter(Boolean).forEach(a=>a.split(" ").forEach(n))}}function Dxe(){return window.innerWidth-document.documentElement.offsetWidth}function _xe(i){typeof i=="string"?Ma(document.body,i||"p-overflow-hidden"):(i!=null&&i.variableName&&document.body.style.setProperty(i.variableName,Dxe()+"px"),Ma(document.body,(i==null?void 0:i.className)||"p-overflow-hidden"))}function Oxe(i){if(i){const o=document.createElement("a");if(o.download!==void 0){const{name:n,src:a}=i;return o.setAttribute("href",a),o.setAttribute("download",n),o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),!0}}return!1}function Rxe(i,o){const n=new Blob([i],{type:"application/csv;charset=utf-8;"});window.navigator.msSaveOrOpenBlob?navigator.msSaveOrOpenBlob(n,o+".csv"):Oxe({name:o+".csv",src:URL.createObjectURL(n)})||(i="data:text/csv;charset=utf-8,"+i,window.open(encodeURI(i)))}function wa(i,o){if(i&&o){const n=a=>{i.classList?i.classList.remove(a):i.className=i.className.replace(new RegExp("(^|\\b)"+a.split(" ").join("|")+"(\\b|$)","gi")," ")};[o].flat().filter(Boolean).forEach(a=>a.split(" ").forEach(n))}}function Bxe(i){typeof i=="string"?wa(document.body,i||"p-overflow-hidden"):(i!=null&&i.variableName&&document.body.style.removeProperty(i.variableName),wa(document.body,(i==null?void 0:i.className)||"p-overflow-hidden"))}function o4(i){for(const o of document==null?void 0:document.styleSheets)try{for(const n of o==null?void 0:o.cssRules)for(const a of n==null?void 0:n.style)if(i.test(a))return{name:a,value:n.style.getPropertyValue(a).trim()}}catch{}return null}function dN(i){const o={width:0,height:0};return i&&(i.style.visibility="hidden",i.style.display="block",o.width=i.offsetWidth,o.height=i.offsetHeight,i.style.display="none",i.style.visibility="visible"),o}function Gh(){const i=window,o=document,n=o.documentElement,a=o.getElementsByTagName("body")[0],l=i.innerWidth||n.clientWidth||a.clientWidth,s=i.innerHeight||n.clientHeight||a.clientHeight;return{width:l,height:s}}function gC(i){return i?Math.abs(i.scrollLeft):0}function yC(){const i=document.documentElement;return(window.pageXOffset||gC(i))-(i.clientLeft||0)}function wC(){const i=document.documentElement;return(window.pageYOffset||i.scrollTop)-(i.clientTop||0)}function vC(i){return i?getComputedStyle(i).direction==="rtl":!1}function i4(i,o,n=!0){var a,l,s,d;if(i){const p=i.offsetParent?{width:i.offsetWidth,height:i.offsetHeight}:dN(i),h=p.height,f=p.width,y=o.offsetHeight,w=o.offsetWidth,v=o.getBoundingClientRect(),C=wC(),T=yC(),E=Gh();let A,I,x="top";v.top+y+h>E.height?(A=v.top+C-h,x="bottom",A<0&&(A=C)):A=y+v.top+C,v.left+f>E.width?I=Math.max(0,v.left+T+w-f):I=v.left+T,vC(i)?i.style.insetInlineEnd=I+"px":i.style.insetInlineStart=I+"px",i.style.top=A+"px",i.style.transformOrigin=x,n&&(i.style.marginTop=x==="bottom"?`calc(${(l=(a=o4(/-anchor-gutter$/))==null?void 0:a.value)!=null?l:"2px"} * -1)`:(d=(s=o4(/-anchor-gutter$/))==null?void 0:s.value)!=null?d:"")}}function Vu(i,o){i&&(typeof o=="string"?i.style.cssText=o:Object.entries(o||{}).forEach(([n,a])=>i.style[n]=a))}function ci(i,o){return i instanceof HTMLElement?i.offsetWidth:0}function pN(i,o,n=!0){var a,l,s,d;if(i){const p=i.offsetParent?{width:i.offsetWidth,height:i.offsetHeight}:dN(i),h=o.offsetHeight,f=o.getBoundingClientRect(),y=Gh();let w,v,C="top";f.top+h+p.height>y.height?(w=-1*p.height,C="bottom",f.top+w<0&&(w=-1*f.top)):w=h,p.width>y.width?v=f.left*-1:f.left+p.width>y.width?v=(f.left+p.width-y.width)*-1:v=0,i.style.top=w+"px",i.style.insetInlineStart=v+"px",i.style.transformOrigin=C,n&&(i.style.marginTop=C==="bottom"?`calc(${(l=(a=o4(/-anchor-gutter$/))==null?void 0:a.value)!=null?l:"2px"} * -1)`:(d=(s=o4(/-anchor-gutter$/))==null?void 0:s.value)!=null?d:"")}}function CC(i){if(i){let o=i.parentNode;return o&&o instanceof ShadowRoot&&o.host&&(o=o.host),o}return null}function uN(i){return!!(i!==null&&typeof i<"u"&&i.nodeName&&CC(i))}function gc(i){return typeof Element<"u"?i instanceof Element:i!==null&&typeof i=="object"&&i.nodeType===1&&typeof i.nodeName=="string"}function n4(){if(window.getSelection){const i=window.getSelection()||{};i.empty?i.empty():i.removeAllRanges&&i.rangeCount>0&&i.getRangeAt(0).getClientRects().length>0&&i.removeAllRanges()}}function a4(i,o={}){if(gc(i)){const n=(a,l)=>{var s,d;const p=(s=i==null?void 0:i.$attrs)!=null&&s[a]?[(d=i==null?void 0:i.$attrs)==null?void 0:d[a]]:[];return[l].flat().reduce((h,f)=>{if(f!=null){const y=typeof f;if(y==="string"||y==="number")h.push(f);else if(y==="object"){const w=Array.isArray(f)?n(a,f):Object.entries(f).map(([v,C])=>a==="style"&&(C||C===0)?`${v.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}:${C}`:C?v:void 0);h=w.length?h.concat(w.filter(v=>!!v)):h}}return h},p)};Object.entries(o).forEach(([a,l])=>{if(l!=null){const s=a.match(/^on(.+)/);s?i.addEventListener(s[1].toLowerCase(),l):a==="p-bind"||a==="pBind"?a4(i,l):(l=a==="class"?[...new Set(n("class",l))].join(" ").trim():a==="style"?n("style",l).join(";").trim():l,(i.$attrs=i.$attrs||{})&&(i.$attrs[a]=l),i.setAttribute(a,l))}})}}function Yh(i,o={},...n){if(i){const a=document.createElement(i);return a4(a,o),a.append(...n),a}}function Lxe(i,o){if(i){i.style.opacity="0";let n=+new Date,a="0";const l=function(){a=`${+i.style.opacity+(new Date().getTime()-n)/o}`,i.style.opacity=a,n=+new Date,+a<1&&("requestAnimationFrame"in window?requestAnimationFrame(l):setTimeout(l,16))};l()}}function In(i,o){return gc(i)?Array.from(i.querySelectorAll(o)):[]}function Ui(i,o){return gc(i)?i.matches(o)?i:i.querySelector(o):null}function yo(i,o){i&&document.activeElement!==i&&i.focus(o)}function Ao(i,o){if(gc(i)){const n=i.getAttribute(o);return isNaN(n)?n==="true"||n==="false"?n==="true":n:+n}}function kC(i,o=""){const n=In(i,`button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${o},
+    `}}V(jM,"tagName","media-spinner");class qM extends dt{}V(qM,"props",{when:!1});class FM extends pt(HTMLElement,qM){constructor(){super(...arguments);P(this,y5);P(this,o3)}onSetup(){j(this,o3,Rt())}onConnect(){ue(k(this,y5,QY).bind(this))}}o3=new WeakMap,y5=new WeakSet,QY=function(){const n=this.firstElementChild,a=(n==null?void 0:n.localName)==="template",l=this.$props.when();if(!(RP(l)?l:rr(()=>l(b(this,o3).player.state))())){a?(this.textContent="",this.appendChild(n)):wp(n)&&(n.style.display="none");return}a?this.append(n.content.cloneNode(!0)):wp(n)&&(n.style.display="")},V(FM,"tagName","media-layout");class VM extends pt(HTMLElement,W$){}V(VM,"tagName","media-google-cast-button");class zM extends pt(HTMLElement,K$){}V(zM,"tagName","media-toggle-button");class UM extends pt(HTMLElement,Vke){}V(UM,"tagName","media-tooltip");class HM extends pt(HTMLElement,zke){onConnect(){this.style.display="contents"}}V(HM,"tagName","media-tooltip-trigger");class KM extends pt(HTMLElement,H$){}V(KM,"tagName","media-tooltip-content");class uC extends pt(HTMLElement,V$){}V(uC,"tagName","media-menu-portal"),V(uC,"attrs",{disabled:{converter(o){return Je(o)?o:o!==null}}});class WM extends pt(HTMLElement,qh){onConnect(){qu(this,(o,n)=>{const{cue:a,startTime:l,duration:s}=n,d=o.querySelector(".vds-thumbnail,media-thumbnail"),p=o.querySelector('[data-part="start-time"]'),h=o.querySelector('[data-part="duration"]');p&&(p.textContent=l),h&&(h.textContent=s),d&&(d.setAttribute("time",a.startTime+""),ue(()=>{const f=this.$props.thumbnails();"src"in d?d.src=f:Je(f)&&d.setAttribute("src",f)}))})}}V(WM,"tagName","media-chapters-radio-group");class GM extends pt(HTMLElement,aC){onConnect(){qu(this)}}V(GM,"tagName","media-audio-gain-radio-group");class YM extends pt(HTMLElement,iC){}V(YM,"tagName","media-radio-group");class ZM extends pt(HTMLElement,kp){}V(ZM,"tagName","media-slider");const dxe=vv('<video muted playsinline preload="none" style="max-width: unset;"></video>');class XM extends pt(HTMLElement,Xg){constructor(){super(...arguments);P(this,w5);P(this,i3);P(this,Vs,k(this,w5,JY).call(this))}onSetup(){j(this,i3,Rt()),this.$state.video.set(b(this,Vs))}onConnect(){const{canLoad:n}=b(this,i3).$state,{src:a,crossOrigin:l}=this.$state;b(this,Vs).parentNode!==this&&this.prepend(b(this,Vs)),ue(()=>{We(b(this,Vs),"crossorigin",l()),We(b(this,Vs),"preload",n()?"auto":"none"),We(b(this,Vs),"src",a())})}}i3=new WeakMap,Vs=new WeakMap,w5=new WeakSet,JY=function(){return Cv(dxe)},V(XM,"tagName","media-slider-video");class QM extends pt(HTMLElement,Jv){}V(QM,"tagName","media-audio-gain-slider");class JM extends pt(HTMLElement,eC){}V(JM,"tagName","media-speed-slider");class eN extends pt(HTMLElement,tC){}V(eN,"tagName","media-quality-slider");class tN extends pt(HTMLElement,oC){constructor(){super(...arguments);P(this,v5);P(this,n1,null)}onConnect(){ns(()=>{if(!this.connectScope)return;const n=this.querySelector("template");n&&(j(this,n1,n),ue(k(this,v5,eZ).bind(this)))})}}n1=new WeakMap,v5=new WeakSet,eZ=function(){if(!b(this,n1))return;const n=wv(b(this,n1),this.cues.length||1);this.setRefs(n)},V(tN,"tagName","media-slider-chapters");class pxe extends dt{}class oN extends pt(HTMLElement,pxe){constructor(){super(...arguments);P(this,C5);P(this,D0,null)}onConnect(n){ns(()=>{this.connectScope&&(j(this,D0,n.querySelector("template")),b(this,D0)&&ue(k(this,C5,tZ).bind(this)))})}}D0=new WeakMap,C5=new WeakSet,tZ=function(){if(!b(this,D0))return;const{min:n,max:a,step:l}=Bu(Cp),s=(a()-n())/l();wv(b(this,D0),Math.floor(s)+1)},V(oN,"tagName","media-slider-steps");class hC extends dt{constructor(){super(...arguments);P(this,vo);P(this,Ka);P(this,n3,"")}onSetup(){j(this,Ka,Rt()),k(this,vo,KS).call(this),k(this,vo,WS).call(this),k(this,vo,GS).call(this),k(this,vo,HS).call(this)}onAttach(n){n.style.setProperty("pointer-events","none"),ue(k(this,vo,nZ).bind(this)),ue(k(this,vo,KS).bind(this)),ue(k(this,vo,WS).bind(this)),ue(k(this,vo,GS).bind(this)),ue(k(this,vo,HS).bind(this));const{started:a}=b(this,Ka).$state;this.setAttributes({"data-visible":()=>!a()&&!this.$state.hidden(),"data-loading":k(this,vo,iZ).bind(this),"data-error":k(this,vo,US).bind(this),"data-hidden":this.$state.hidden})}onConnect(n){ue(k(this,vo,oZ).bind(this)),ue(k(this,vo,aZ).bind(this))}}Ka=new WeakMap,vo=new WeakSet,US=function(){const{error:n}=this.$state;return!Zr(n())},oZ=function(){const{canLoadPoster:n,poster:a}=b(this,Ka).$state;!n()&&a()&&os(a(),"preconnect")},HS=function(){const{src:n}=this.$props,{poster:a,nativeControls:l}=b(this,Ka).$state;this.el&&We(this.el,"display",l()?"none":null),this.$state.hidden.set(k(this,vo,US).call(this)||!(n()||a())||l())},iZ=function(){const{loading:n,hidden:a}=this.$state;return!a()&&n()},nZ=function(){const n=this.$state.img();n&&(new go(n).add("load",k(this,vo,YS).bind(this)).add("error",k(this,vo,rZ).bind(this)),n.complete&&k(this,vo,YS).call(this))},n3=new WeakMap,KS=function(){const{poster:n}=b(this,Ka).$props,{canLoadPoster:a,providedPoster:l,inferredPoster:s}=b(this,Ka).$state,d=this.$props.src()||"",p=d||n()||s();b(this,n3)===l()&&l.set(d),this.$state.src.set(a()&&p.length?p:null),j(this,n3,d)},WS=function(){const{src:n}=this.$props,{alt:a}=this.$state,{poster:l}=b(this,Ka).$state;a.set(n()||l()?this.$props.alt():null)},GS=function(){const{crossOrigin:n}=this.$props,{crossOrigin:a}=this.$state,{crossOrigin:l,poster:s}=b(this,Ka).$state,d=n()!==null?n():l();a.set(/ytimg\.com|vimeo/.test(s()||"")?null:d===!0?"anonymous":d)},aZ=function(){const{loading:n,error:a}=this.$state,{canLoadPoster:l,poster:s}=b(this,Ka).$state;n.set(l()&&!!s()),a.set(null)},YS=function(){const{loading:n,error:a}=this.$state;n.set(!1),a.set(null)},rZ=function(n){const{loading:a,error:l}=this.$state;a.set(!1),l.set(n)},V(hC,"props",{src:null,alt:null,crossOrigin:null}),V(hC,"state",new pc({img:null,src:null,alt:null,crossOrigin:null,loading:!0,error:null,hidden:!1}));class fC extends pt(HTMLElement,hC){constructor(){super(...arguments);P(this,Al,document.createElement("img"))}onSetup(){this.$state.img.set(b(this,Al))}onConnect(){const{src:n,alt:a,crossOrigin:l}=this.$state;ue(()=>{const{loading:s,hidden:d}=this.$state;b(this,Al).style.display=s()||d()?"none":""}),ue(()=>{We(b(this,Al),"alt",a()),We(b(this,Al),"crossorigin",l()),We(b(this,Al),"src",n())}),b(this,Al).parentNode!==this&&this.prepend(b(this,Al))}}Al=new WeakMap,V(fC,"tagName","media-poster"),V(fC,"attrs",{crossOrigin:"crossorigin"}),lt(FM),lt(BM),lt(LM),lt(fC),lt(RM),lt(UM),lt(HM),lt(KM),lt(mM),lt(hM),lt(dM),lt(pM),lt(fM),lt(bM),lt(cM),lt(VM),lt(zM),lt(ZM),lt(QM),lt(DM),lt(EM),lt(JM),lt(eN),lt(tN),lt(oN),lt(AM),lt(pC),lt(TM),lt(XM),lt(wM),lt(vM),lt(uC),lt(kM),lt(CM),lt(gM),lt(yM),lt(xM),lt(GM),lt(SM),lt(WM),lt(YM),lt(IM),lt(OM),lt(t4),lt(_M),lt(uM),lt(sM),lt(PM),lt(MM),lt(jM);const uxe={class:"screen-sharing-control-panel__actions"},hxe={key:0,class:"screen-sharing-control-panel__indicator"},fxe={class:"screen-sharing-control-panel__time"},mxe=Ne(c.defineComponent({__name:"screen-sharing-control-panel",props:{session:{},screenshotStatus:{}},emits:["close-session","make-screenshot","toggle-record"],setup(i,{emit:o}){const n=i,a=o,{size:l}=c.inject("size"),s=c.computed(()=>n.session.recordings?"record-stop":"record-start"),d=c.computed(()=>{switch(n.screenshotStatus){case"done":return"screenshot-done";case"error":return"screenshot-false";default:return"screenshot"}}),p=c.computed(()=>n.session.recordings),h=c.ref(0),f=c.ref(null);function y(){h.value=0,w(),f.value=window.setInterval(()=>{h.value++},1e3)}function w(){f.value!==null&&(clearInterval(f.value),f.value=null)}const v=()=>{a("close-session")};return c.onUnmounted(()=>{w()}),c.watch(p,C=>{C?y():w()}),(C,T)=>{const E=c.resolveComponent("wt-button"),A=c.resolveComponent("wt-indicator");return c.openBlock(),c.createElementBlock("media-controls-group",{class:c.normalizeClass(["screen-sharing-control-panel controls-group",`screen-sharing-control-panel--${c.unref(l)}`])},[c.createElementVNode("div",uxe,[c.createVNode(E,{rounded:"","contains-icon":"",variant:"outlined",color:"secondary",size:c.unref(l),icon:d.value,onClick:T[0]||(T[0]=I=>a("make-screenshot"))},null,8,["size","icon"]),c.createVNode(E,{rounded:"","contains-icon":"",variant:"outlined",color:"secondary",size:c.unref(l),icon:s.value,onClick:T[1]||(T[1]=I=>a("toggle-record"))},null,8,["size","icon"]),c.createVNode(E,{icon:"sharing-end",class:"screen-sharing-control-panel__sharing-end",color:"error",variant:"outlined",size:c.unref(l),rounded:"","contains-icon":"",onClick:v},null,8,["size"])]),p.value?(c.openBlock(),c.createElementBlock("div",hxe,[c.createVNode(A,{color:"error",size:"md"}),c.createElementVNode("span",fxe,c.toDisplayString(c.unref(sB)(h.value)),1)])):c.createCommentVNode("",!0)],2)}}}),[["__scopeId","data-v-335b80d2"]]),bxe=["disabled"],gxe=Ne(c.defineComponent({__name:"toggle-button",props:{primaryIcon:{},secondaryIcon:{},color:{},disabled:{type:Boolean}},emits:["toggle"],setup(i,{emit:o}){const n=i,a=c.useTemplateRef("toggleButton"),l=o,s=()=>{n.disabled||l("toggle",a.value.pressed)};return(d,p)=>(c.openBlock(),c.createElementBlock("media-toggle-button",{ref_key:"toggleButton",ref:a,class:"toggle-button",disabled:n.disabled,onClick:s},[c.createVNode(lp,{icon:n.primaryIcon,color:n.color,disabled:n.disabled,class:"toggle-button__primary"},null,8,["icon","color","disabled"]),c.createVNode(lp,{icon:n.secondaryIcon,color:n.color,disabled:n.disabled,class:"toggle-button__secondary"},null,8,["icon","color","disabled"])],8,bxe))}}),[["__scopeId","data-v-f1a807ee"]]),yxe=Ne(c.defineComponent({__name:"fullscreen-button",emits:["toggle"],setup(i,{emit:o}){const n=o;return(a,l)=>(c.openBlock(),c.createElementBlock("media-fullscreen-button",{class:"fullscreen-button",onMediaEnterFullscreenRequest:l[0]||(l[0]=s=>n("toggle",!0)),onMediaExitFullscreenRequest:l[1]||(l[1]=s=>n("toggle",!1))},[c.createVNode(lp,{icon:"player-enter-fullscreen",color:"on-dark",class:"fullscreen-button__enter"}),c.createVNode(lp,{icon:"player-exit-fullscreen",color:"on-dark",class:"fullscreen-button__exit"})],32))}}),[["__scopeId","data-v-969523ca"]]),wxe={class:"video-display-panel__title"},vxe={class:"video-display-panel__controls"},Cxe=Ne(c.defineComponent({__name:"video-display-panel",props:{title:{},username:{},closable:{type:Boolean}},emits:["close"],setup(i,{emit:o}){const{size:n,changeSize:a}=c.inject("size"),l=i,s=o,d=h=>{a(h?Qt.LG:Qt.SM)},p=h=>{a(h?Qt.MD:Qt.SM)};return(h,f)=>(c.openBlock(),c.createElementBlock("media-controls-group",{class:c.normalizeClass(["video-display-panel controls-group",`video-display-panel--${c.unref(n)}`])},[c.createElementVNode("div",wxe,[l.username?(c.openBlock(),c.createBlock(U_,{key:0,username:l.username,size:"sm"},null,8,["username"])):c.createCommentVNode("",!0),c.createElementVNode("span",null,c.toDisplayString(l.title||l.username),1)]),c.createElementVNode("div",vxe,[c.createVNode(yxe,{onToggle:d}),c.unref(n)!==c.unref(Qt).LG?(c.openBlock(),c.createBlock(gxe,{key:0,"primary-icon":"expand","secondary-icon":"collapse",color:"on-dark",onToggle:p})):c.createCommentVNode("",!0),l.closable?(c.openBlock(),c.createBlock(lp,{key:1,icon:"close",color:"on-dark",onClick:f[0]||(f[0]=y=>s("close"))})):c.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-b343dad6"]]),kxe={key:0},xxe=Ne(c.defineComponent({__name:"video-layout",props:{title:{},username:{},closable:{type:Boolean},mode:{},session:{},screenshotStatus:{}},emits:["close-player","close-session","make-screenshot","toggle-record"],setup(i,{emit:o}){const{size:n}=c.inject("size"),a=i,l=o;return(s,d)=>(c.openBlock(),c.createElementBlock("media-controls",{class:c.normalizeClass(["video-layout controls",`video-layout--${c.unref(n)}`])},[c.createVNode(Cxe,{title:a.title,username:a.username,closable:a.closable,onClose:d[0]||(d[0]=p=>l("close-player"))},null,8,["title","username","closable"]),c.createVNode(pB,{size:"sm",color:"on-dark"}),a.mode==="media"?(c.openBlock(),c.createElementBlock("media-control-panel",kxe)):c.createCommentVNode("",!0),a.mode==="stream"?(c.openBlock(),c.createBlock(mxe,{key:1,session:a.session,"screenshot-status":a.screenshotStatus,onCloseSession:d[1]||(d[1]=p=>l("close-session")),onMakeScreenshot:d[2]||(d[2]=p=>l("make-screenshot")),onToggleRecord:d[3]||(d[3]=p=>l("toggle-record"))},null,8,["session","screenshot-status"])):c.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-bbb5ecb0"]]),Sxe=["src","autoplay","muted"],iN={WtActionBar:she,WtImage:XO,WtEmpty:g4e,WtLogo:qye,WtAvatar:U_,WtBadge:nfe,WtIcon:cB,WtIndicator:wye,WtInputInfo:WO,WtButton:lfe,WtChip:H_,WtConfirmDialog:ffe,WtDivider:Gge,WtTooltip:_we,WtLabel:dB,WtLoader:pB,WtRoundedAction:C6e,WtReplaceTransition:ihe,WtCheckbox:Y6,WtDatepicker:Wge,WtIconBtn:lp,WtInput:kye,WtIntersectionObserver:xye,WtHint:fye,WtNotification:b9e,WtPopup:f6e,WtProgressBar:g6e,WtRadio:v6e,WtSearchBar:T6e,WtSelect:f8e,WtSlider:m8e,WtSwitcher:E8e,WtTabs:W8e,WtTagsInput:O7e,WtTimeInput:V7e,WtTimepicker:K7e,WtTextarea:M7e,WtAppHeader:uhe,WtHeadline:pye,WtBreadcrumb:afe,WtNavigationBar:u9e,WtAppNavigator:Lhe,WtFiltersPanelWrapper:M4e,WtHeaderActions:Ghe,WtErrorPage:E4e,WtNotificationsBar:k9e,WtPageWrapper:_9e,WtDualPanel:e4e,WtPagination:U9e,WtPlayer:W9e,WtPopover:wB,WtStatusSelect:w8e,WtTable:O8e,WtTree:jwe,WtTreeTable:tve,WtTableActions:P8e,WtTableColumnSelect:F8e,WtButtonSelect:sfe,WtContextMenu:gfe,WtCopyAction:xfe,WtLoadBar:Aye,WtIconAction:V_,WtPageHeader:x9e,WtItemLink:Sye,WtDummy:l4e,WtStepper:I8e,WtExpansionPanel:R4e,WtNavigationMenu:Sde,WtStartPage:G0e,WtSelectionPopup:L0e,WtDisplayChipItems:gde,WtGalleria:aye,WtVidstackPlayer:Ne(c.defineComponent({__name:"wt-vidstack-player",props:{src:{},mime:{default:"video/mp4"},autoplay:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},title:{default:""},username:{default:""},closable:{type:Boolean,default:!1},stream:{},mode:{default:"media"},session:{},screenshotStatus:{}},emits:["close","close-session","make-screenshot","toggle-record"],setup(i,{emit:o}){const n=i,a=o,l=c.useTemplateRef("player"),s=c.ref(Qt.SM),d=f=>{s.value=f};c.provide("size",{size:s,changeSize:d});const p=c.computed(()=>n.mime?n.mime:n.src.includes("media")||n.src.includes("mp3")?"audio/mp3":n.src.includes("ogg")||n.src.includes("oga")?"audio/ogg":"video/mp4"),h=c.computed(()=>{var f,y;return typeof n.src=="string"?{src:n.src,type:p.value}:{src:((f=n.src)==null?void 0:f.src)||"",type:((y=n.src)==null?void 0:y.type)||p.value}});return c.onMounted(()=>{if(l.value&&n.mode==="stream"&&n.stream){const f=l.value.querySelector("video");f.addEventListener("loadedmetadata",async()=>{await f.play().catch(y=>console.error("play error:",y))}),f.srcObject!==n.stream&&setTimeout(()=>{f.srcObject=n.stream??null},100)}}),c.onBeforeUnmount(()=>{const f=l.value.querySelector("video");f&&f.srcObject&&(f.srcObject.getTracks().forEach(y=>y.stop()),f.srcObject=null)}),(f,y)=>(c.openBlock(),c.createElementBlock("div",{class:c.normalizeClass(["wt-vidstack-player",[`wt-vidstack-player--${s.value}`]])},[c.createElementVNode("media-player",{ref_key:"player",ref:l,src:h.value,autoplay:n.autoplay,muted:n.muted,class:"wt-vidstack-player__player","cross-origin":"","plays-inline":"",onClose:y[4]||(y[4]=w=>a("close")),onChangeSize:d},[y[5]||(y[5]=c.createElementVNode("media-provider",{class:"wt-vidstack-player__provider"},null,-1)),c.createVNode(xxe,{closable:n.closable,autoplay:n.autoplay,title:n.title,username:n.username,session:n.session,"screenshot-status":n.screenshotStatus,mode:f.mode,onClosePlayer:y[0]||(y[0]=w=>a("close")),onCloseSession:y[1]||(y[1]=w=>a("close-session")),onMakeScreenshot:y[2]||(y[2]=w=>a("make-screenshot")),onToggleRecord:y[3]||(y[3]=w=>a("toggle-record"))},null,8,["closable","autoplay","title","username","session","screenshot-status","mode"])],40,Sxe)],2))}}),[["__scopeId","data-v-c2bda01a"]]),WtChatEmoji:ude},nN=D8?window:void 0;function Wh(i){var o;const n=c.toValue(i);return(o=n==null?void 0:n.$el)!=null?o:n}function Fu(...i){const o=[],n=()=>{o.forEach(p=>p()),o.length=0},a=(p,h,f,y)=>(p.addEventListener(h,f,y),()=>p.removeEventListener(h,f,y)),l=c.computed(()=>{const p=ip(c.toValue(i[0])).filter(h=>h!=null);return p.every(h=>typeof h!="string")?p:void 0}),s=HO(()=>{var p,h;return[(h=(p=l.value)==null?void 0:p.map(f=>Wh(f)))!=null?h:[nN].filter(f=>f!=null),ip(c.toValue(l.value?i[1]:i[0])),ip(c.unref(l.value?i[2]:i[1])),c.toValue(l.value?i[3]:i[2])]},([p,h,f,y])=>{if(n(),!(p!=null&&p.length)||!(h!=null&&h.length)||!(f!=null&&f.length))return;const w=UO(y)?{...y}:y;o.push(...p.flatMap(v=>h.flatMap(C=>f.map(T=>a(v,C,T,w)))))},{flush:"post"}),d=()=>{s(),n()};return qb(n),d}let aN=!1;function rN(i,o,n={}){const{window:a=nN,ignore:l=[],capture:s=!0,detectIframe:d=!1,controls:p=!1}=n;if(!a)return p?{stop:zr,cancel:zr,trigger:zr}:zr;if(_8&&!aN){aN=!0;const A={passive:!0};Array.from(a.document.body.children).forEach(I=>Fu(I,"click",zr,A)),Fu(a.document.documentElement,"click",zr,A)}let h=!0;const f=A=>c.toValue(l).some(I=>{if(typeof I=="string")return Array.from(a.document.querySelectorAll(I)).some(x=>x===A.target||A.composedPath().includes(x));{const x=Wh(I);return x&&(A.target===x||A.composedPath().includes(x))}});function y(A){const I=c.toValue(A);return I&&I.$.subTree.shapeFlag===16}function w(A,I){const x=c.toValue(A),O=x.$.subTree&&x.$.subTree.children;return O==null||!Array.isArray(O)?!1:O.some(_=>_.el===I.target||I.composedPath().includes(_.el))}const v=A=>{const I=Wh(i);if(A.target!=null&&!(!(I instanceof Element)&&y(i)&&w(i,A))&&!(!I||I===A.target||A.composedPath().includes(I))){if("detail"in A&&A.detail===0&&(h=!f(A)),!h){h=!0;return}o(A)}};let C=!1;const T=[Fu(a,"click",A=>{C||(C=!0,setTimeout(()=>{C=!1},0),v(A))},{passive:!0,capture:s}),Fu(a,"pointerdown",A=>{const I=Wh(i);h=!f(A)&&!!(I&&!A.composedPath().includes(I))},{passive:!0}),d&&Fu(a,"blur",A=>{setTimeout(()=>{var I;const x=Wh(i);((I=a.document.activeElement)==null?void 0:I.tagName)==="IFRAME"&&!(x!=null&&x.contains(a.document.activeElement))&&o(A)},0)},{passive:!0})].filter(Boolean),E=()=>T.forEach(A=>A());return p?{stop:E,cancel:()=>{h=!1},trigger:A=>{h=!0,v(A),h=!1}}:E}const Ixe={mounted(i,o){const n=!o.modifiers.bubble;if(typeof o.value=="function")i.__onClickOutside_stop=rN(i,o.value,{capture:n});else{const[a,l]=o.value;i.__onClickOutside_stop=rN(i,a,Object.assign({capture:n},l))}},unmounted(i){i.__onClickOutside_stop()}};function mC(i){return typeof Window<"u"&&i instanceof Window?i.document.documentElement:typeof Document<"u"&&i instanceof Document?i.documentElement:i}function lN(i){const o=window.getComputedStyle(i);if(o.overflowX==="scroll"||o.overflowY==="scroll"||o.overflowX==="auto"&&i.clientWidth<i.scrollWidth||o.overflowY==="auto"&&i.clientHeight<i.scrollHeight)return!0;{const n=i.parentNode;return!n||n.tagName==="BODY"?!1:lN(n)}}function Txe(i){const o=i||window.event,n=o.target;return lN(n)?!1:o.touches.length>1?!0:(o.preventDefault&&o.preventDefault(),!1)}const bC=new WeakMap;function Exe(i,o=!1){const n=c.shallowRef(o);let a=null,l="";c.watch(Mge(i),p=>{const h=mC(c.toValue(p));if(h){const f=h;if(bC.get(f)||bC.set(f,f.style.overflow),f.style.overflow!=="hidden"&&(l=f.style.overflow),f.style.overflow==="hidden")return n.value=!0;if(n.value)return f.style.overflow="hidden"}},{immediate:!0});const s=()=>{const p=mC(c.toValue(i));!p||n.value||(_8&&(a=Fu(p,"touchmove",h=>{Txe(h)},{passive:!1})),p.style.overflow="hidden",n.value=!0)},d=()=>{const p=mC(c.toValue(i));!p||!n.value||(_8&&(a==null||a()),p.style.overflow=l,bC.delete(p),n.value=!1)};return qb(d),c.computed({get(){return n.value},set(p){p?s():d()}})}function Axe(){let i=!1;const o=c.shallowRef(!1);return(n,a)=>{if(o.value=a.value,i)return;i=!0;const l=Exe(n,a.value);c.watch(o,s=>l.value=s)}}Axe();const sN={clickaway:Ixe};function ti(...i){if(i){let o=[];for(let n=0;n<i.length;n++){const a=i[n];if(!a)continue;const l=typeof a;if(l==="string"||l==="number")o.push(a);else if(l==="object"){const s=Array.isArray(a)?[ti(...a)]:Object.entries(a).map(([d,p])=>p?d:void 0);o=s.length?o.concat(s.filter(d=>!!d)):o}}return o.join(" ").trim()}}function cN(i,o){return i?i.classList?i.classList.contains(o):new RegExp("(^| )"+o+"( |$)","gi").test(i.className):!1}function Ma(i,o){if(i&&o){const n=a=>{cN(i,a)||(i.classList?i.classList.add(a):i.className+=" "+a)};[o].flat().filter(Boolean).forEach(a=>a.split(" ").forEach(n))}}function Dxe(){return window.innerWidth-document.documentElement.offsetWidth}function _xe(i){typeof i=="string"?Ma(document.body,i||"p-overflow-hidden"):(i!=null&&i.variableName&&document.body.style.setProperty(i.variableName,Dxe()+"px"),Ma(document.body,(i==null?void 0:i.className)||"p-overflow-hidden"))}function Oxe(i){if(i){const o=document.createElement("a");if(o.download!==void 0){const{name:n,src:a}=i;return o.setAttribute("href",a),o.setAttribute("download",n),o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),!0}}return!1}function Rxe(i,o){const n=new Blob([i],{type:"application/csv;charset=utf-8;"});window.navigator.msSaveOrOpenBlob?navigator.msSaveOrOpenBlob(n,o+".csv"):Oxe({name:o+".csv",src:URL.createObjectURL(n)})||(i="data:text/csv;charset=utf-8,"+i,window.open(encodeURI(i)))}function wa(i,o){if(i&&o){const n=a=>{i.classList?i.classList.remove(a):i.className=i.className.replace(new RegExp("(^|\\b)"+a.split(" ").join("|")+"(\\b|$)","gi")," ")};[o].flat().filter(Boolean).forEach(a=>a.split(" ").forEach(n))}}function Bxe(i){typeof i=="string"?wa(document.body,i||"p-overflow-hidden"):(i!=null&&i.variableName&&document.body.style.removeProperty(i.variableName),wa(document.body,(i==null?void 0:i.className)||"p-overflow-hidden"))}function o4(i){for(const o of document==null?void 0:document.styleSheets)try{for(const n of o==null?void 0:o.cssRules)for(const a of n==null?void 0:n.style)if(i.test(a))return{name:a,value:n.style.getPropertyValue(a).trim()}}catch{}return null}function dN(i){const o={width:0,height:0};return i&&(i.style.visibility="hidden",i.style.display="block",o.width=i.offsetWidth,o.height=i.offsetHeight,i.style.display="none",i.style.visibility="visible"),o}function Gh(){const i=window,o=document,n=o.documentElement,a=o.getElementsByTagName("body")[0],l=i.innerWidth||n.clientWidth||a.clientWidth,s=i.innerHeight||n.clientHeight||a.clientHeight;return{width:l,height:s}}function gC(i){return i?Math.abs(i.scrollLeft):0}function yC(){const i=document.documentElement;return(window.pageXOffset||gC(i))-(i.clientLeft||0)}function wC(){const i=document.documentElement;return(window.pageYOffset||i.scrollTop)-(i.clientTop||0)}function vC(i){return i?getComputedStyle(i).direction==="rtl":!1}function i4(i,o,n=!0){var a,l,s,d;if(i){const p=i.offsetParent?{width:i.offsetWidth,height:i.offsetHeight}:dN(i),h=p.height,f=p.width,y=o.offsetHeight,w=o.offsetWidth,v=o.getBoundingClientRect(),C=wC(),T=yC(),E=Gh();let A,I,x="top";v.top+y+h>E.height?(A=v.top+C-h,x="bottom",A<0&&(A=C)):A=y+v.top+C,v.left+f>E.width?I=Math.max(0,v.left+T+w-f):I=v.left+T,vC(i)?i.style.insetInlineEnd=I+"px":i.style.insetInlineStart=I+"px",i.style.top=A+"px",i.style.transformOrigin=x,n&&(i.style.marginTop=x==="bottom"?`calc(${(l=(a=o4(/-anchor-gutter$/))==null?void 0:a.value)!=null?l:"2px"} * -1)`:(d=(s=o4(/-anchor-gutter$/))==null?void 0:s.value)!=null?d:"")}}function Vu(i,o){i&&(typeof o=="string"?i.style.cssText=o:Object.entries(o||{}).forEach(([n,a])=>i.style[n]=a))}function ci(i,o){return i instanceof HTMLElement?i.offsetWidth:0}function pN(i,o,n=!0){var a,l,s,d;if(i){const p=i.offsetParent?{width:i.offsetWidth,height:i.offsetHeight}:dN(i),h=o.offsetHeight,f=o.getBoundingClientRect(),y=Gh();let w,v,C="top";f.top+h+p.height>y.height?(w=-1*p.height,C="bottom",f.top+w<0&&(w=-1*f.top)):w=h,p.width>y.width?v=f.left*-1:f.left+p.width>y.width?v=(f.left+p.width-y.width)*-1:v=0,i.style.top=w+"px",i.style.insetInlineStart=v+"px",i.style.transformOrigin=C,n&&(i.style.marginTop=C==="bottom"?`calc(${(l=(a=o4(/-anchor-gutter$/))==null?void 0:a.value)!=null?l:"2px"} * -1)`:(d=(s=o4(/-anchor-gutter$/))==null?void 0:s.value)!=null?d:"")}}function CC(i){if(i){let o=i.parentNode;return o&&o instanceof ShadowRoot&&o.host&&(o=o.host),o}return null}function uN(i){return!!(i!==null&&typeof i<"u"&&i.nodeName&&CC(i))}function gc(i){return typeof Element<"u"?i instanceof Element:i!==null&&typeof i=="object"&&i.nodeType===1&&typeof i.nodeName=="string"}function n4(){if(window.getSelection){const i=window.getSelection()||{};i.empty?i.empty():i.removeAllRanges&&i.rangeCount>0&&i.getRangeAt(0).getClientRects().length>0&&i.removeAllRanges()}}function a4(i,o={}){if(gc(i)){const n=(a,l)=>{var s,d;const p=(s=i==null?void 0:i.$attrs)!=null&&s[a]?[(d=i==null?void 0:i.$attrs)==null?void 0:d[a]]:[];return[l].flat().reduce((h,f)=>{if(f!=null){const y=typeof f;if(y==="string"||y==="number")h.push(f);else if(y==="object"){const w=Array.isArray(f)?n(a,f):Object.entries(f).map(([v,C])=>a==="style"&&(C||C===0)?`${v.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}:${C}`:C?v:void 0);h=w.length?h.concat(w.filter(v=>!!v)):h}}return h},p)};Object.entries(o).forEach(([a,l])=>{if(l!=null){const s=a.match(/^on(.+)/);s?i.addEventListener(s[1].toLowerCase(),l):a==="p-bind"||a==="pBind"?a4(i,l):(l=a==="class"?[...new Set(n("class",l))].join(" ").trim():a==="style"?n("style",l).join(";").trim():l,(i.$attrs=i.$attrs||{})&&(i.$attrs[a]=l),i.setAttribute(a,l))}})}}function Yh(i,o={},...n){if(i){const a=document.createElement(i);return a4(a,o),a.append(...n),a}}function Lxe(i,o){if(i){i.style.opacity="0";let n=+new Date,a="0";const l=function(){a=`${+i.style.opacity+(new Date().getTime()-n)/o}`,i.style.opacity=a,n=+new Date,+a<1&&("requestAnimationFrame"in window?requestAnimationFrame(l):setTimeout(l,16))};l()}}function In(i,o){return gc(i)?Array.from(i.querySelectorAll(o)):[]}function Ui(i,o){return gc(i)?i.matches(o)?i:i.querySelector(o):null}function yo(i,o){i&&document.activeElement!==i&&i.focus(o)}function Ao(i,o){if(gc(i)){const n=i.getAttribute(o);return isNaN(n)?n==="true"||n==="false"?n==="true":n:+n}}function kC(i,o=""){const n=In(i,`button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${o},
             [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${o},
             input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${o},
             select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${o},
@@ -7880,7 +7880,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           border-radius: ${i("tooltip.border.radius")};
       }
   `},kze={autocomplete:ize,avatar:nze,breadcrumb:aze,button:sze,chip:dze,checkbox:cze,toggleswitch:yze,divider:pze,image:hze,menubar:fze,popover:mze,radiobutton:bze,slider:gze,tooltip:Cze,datatable:wze,toolbar:vze,galleria:uze},fk=({size:i,dt:o})=>`
-        .screen-sharing-control-panel--${i} .screen-sharing-control-panel__actions {
+        .screen-sharing-control-panel--${i}, .media-control-panel--${i} {
+            padding: ${o(`player-control-bar-position-padding-${i}`)};
+        }
+        
+        .screen-sharing-control-panel--${i} .screen-sharing-control-panel__actions,
+         .media-control-panel--${i} .media-control-panel__actions {
             gap: ${o(`player-control-bar-${i}-gap`)};
             border-radius: ${o(`player-control-bar-${i}-border-radius`)};
             padding: ${o(`player-control-bar-${i}-padding`)};

package/dist/{vidstack-Bq6c3Bam-CWFzKZjp.js → vidstack-Bq6c3Bam-o0qVSW6w.js}

@@ -5,8 +5,8 @@ var ot = (n) => {
 var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
 var M = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
 var i = (n, t, s) => (X(n, t, "read from private field"), s ? s.call(n) : t.get(n)), d = (n, t, s) => t.has(n) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), c = (n, t, s, r) => (X(n, t, "write to private field"), r ? r.call(n, s) : t.set(n, s), s), a = (n, t, s) => (X(n, t, "access private method"), s);
-import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-CjvoevkY.js";
-import { R as ri } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
+import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-CmFVS7yR.js";
+import { R as ri } from "./vidstack-DqAw8m9J-BMgghFj2.js";
 let q = null, z = [], J = [];
 function ht() {
   return q ?? (q = new AudioContext());

package/dist/{vidstack-D2pY00kU-Dciejh67.js → vidstack-D2pY00kU-_3feyDFg.js}

@@ -5,7 +5,7 @@ var w = (t) => {
 var P = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var u = (t, e, a) => P(t, typeof e != "symbol" ? e + "" : e, a), C = (t, e, a) => e.has(t) || w("Cannot " + a);
 var c = (t, e, a) => (C(t, e, "read from private field"), a ? a.call(t) : e.get(t)), m = (t, e, a) => e.has(t) ? w("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), y = (t, e, a, o) => (C(t, e, "write to private field"), o ? o.call(t, a) : e.set(t, a), a), s = (t, e, a) => (C(t, e, "access private method"), a);
-import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-CjvoevkY.js";
+import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-CmFVS7yR.js";
 function G() {
   return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
 }
@@ -94,7 +94,7 @@ class F {
   async load(e) {
     if (!c(this, n))
       throw Error("[vidstack] google cast player was not initialized");
-    return new (await import("./vidstack-google-cast-yIg-MfbM.js")).GoogleCastProvider(c(this, n), e);
+    return new (await import("./vidstack-google-cast-CvUl_R-i.js")).GoogleCastProvider(c(this, n), e);
   }
 }
 n = new WeakMap(), r = new WeakSet(), S = async function(e) {

package/dist/{vidstack-DDXt6fpN-BKvZvG7_.js → vidstack-DDXt6fpN-C4FQk2VS.js}

@@ -5,7 +5,7 @@ var g = (s) => {
 var w = (s, t, i) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
 var c = (s, t, i) => w(s, typeof t != "symbol" ? t + "" : t, i), h = (s, t, i) => t.has(s) || g("Cannot " + i);
 var e = (s, t, i) => (h(s, t, "read from private field"), i ? i.call(s) : t.get(s)), l = (s, t, i) => t.has(s) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, i), p = (s, t, i, a) => (h(s, t, "write to private field"), a ? a.call(s, i) : t.set(s, i), i), u = (s, t, i) => (h(s, t, "access private method"), i);
-import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-CjvoevkY.js";
+import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-CmFVS7yR.js";
 var r, o, b, m;
 class W {
   constructor(t) {

package/dist/{vidstack-D_-9AA6_-D8BoTZaT.js → vidstack-D_-9AA6_-BedLfxWj.js}

@@ -1,4 +1,4 @@
-import { c as d, a as i, I as l, e as m } from "./install-CjvoevkY.js";
+import { c as d, a as i, I as l, e as m } from "./install-CmFVS7yR.js";
 const p = /* @__PURE__ */ i(
   '<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"></svg>'
 );

package/dist/{vidstack-DqAw8m9J-Dfgc_T0v.js → vidstack-DqAw8m9J-BMgghFj2.js}

@@ -3,7 +3,7 @@ var l = (i) => {
 };
 var c = (i, t, s) => t.has(i) || l("Cannot " + s);
 var r = (i, t, s) => (c(i, t, "read from private field"), s ? s.call(i) : t.get(i)), e = (i, t, s) => t.has(i) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), h = (i, t, s, f) => (c(i, t, "write to private field"), f ? f.call(i, s) : t.set(i, s), s), m = (i, t, s) => (c(i, t, "access private method"), s);
-import { j as p, t as u } from "./install-CjvoevkY.js";
+import { j as p, t as u } from "./install-CmFVS7yR.js";
 var o, a, n, d;
 class F {
   constructor(t) {

package/dist/{vidstack-audio-ShtBWti0.js → vidstack-audio-KNFRmkTL.js}

@@ -1,8 +1,8 @@
 var a = Object.defineProperty;
 var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
-import { s as p } from "./install-CjvoevkY.js";
-import { H as d, a as u } from "./vidstack-Bq6c3Bam-CWFzKZjp.js";
+import { s as p } from "./install-CmFVS7yR.js";
+import { H as d, a as u } from "./vidstack-Bq6c3Bam-o0qVSW6w.js";
 class n extends d {
   constructor(t, s) {
     super(t, s);

package/dist/{vidstack-dash-_LMRaHVf.js → vidstack-dash-C9cWKfZ-.js}

@@ -5,9 +5,9 @@ var Y = (n) => {
 var wt = (n, t, e) => t in n ? vt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var I = (n, t, e) => wt(n, typeof t != "symbol" ? t + "" : t, e), b = (n, t, e) => t.has(n) || Y("Cannot " + e);
 var i = (n, t, e) => (b(n, t, "read from private field"), e ? e.call(n) : t.get(n)), f = (n, t, e) => t.has(n) ? Y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), p = (n, t, e, r) => (b(n, t, "write to private field"), r ? r.call(n, e) : t.set(n, e), e), h = (n, t, e) => (b(n, t, "access private method"), e);
-import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-CjvoevkY.js";
-import { VideoProvider as $t } from "./vidstack-video-Dp1ZjLt9.js";
-import { R as jt } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
+import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-CmFVS7yR.js";
+import { VideoProvider as $t } from "./vidstack-video-CEm5Q20S.js";
+import { R as jt } from "./vidstack-DqAw8m9J-BMgghFj2.js";
 function W(n) {
   try {
     return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;

package/dist/{vidstack-google-cast-yIg-MfbM.js → vidstack-google-cast-CvUl_R-i.js}

@@ -5,9 +5,9 @@ var W = (d) => {
 var vt = (d, t, s) => t in d ? Lt(d, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[t] = s;
 var G = (d, t, s) => vt(d, typeof t != "symbol" ? t + "" : t, s), O = (d, t, s) => t.has(d) || W("Cannot " + s);
 var e = (d, t, s) => (O(d, t, "read from private field"), s ? s.call(d) : t.get(d)), T = (d, t, s) => t.has(d) ? W("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, s), l = (d, t, s, i) => (O(d, t, "write to private field"), i ? i.call(d, s) : t.set(d, s), s), r = (d, t, s) => (O(d, t, "access private method"), s);
-import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-CjvoevkY.js";
-import { R as wt } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
-import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-Dciejh67.js";
+import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-CmFVS7yR.js";
+import { R as wt } from "./vidstack-DqAw8m9J-BMgghFj2.js";
+import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-_3feyDFg.js";
 var g, _, at;
 class _t {
   constructor(t) {

package/dist/{vidstack-hls-DLyeImmL.js → vidstack-hls-u3LTms9q.js}

@@ -5,9 +5,9 @@ var N = (n) => {
 var ot = (n, t, i) => t in n ? rt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
 var _ = (n, t, i) => ot(n, typeof t != "symbol" ? t + "" : t, i), R = (n, t, i) => t.has(n) || N("Cannot " + i);
 var e = (n, t, i) => (R(n, t, "read from private field"), i ? i.call(n) : t.get(n)), p = (n, t, i) => t.has(n) ? N("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i), f = (n, t, i, s) => (R(n, t, "write to private field"), s ? s.call(n, i) : t.set(n, i), i), a = (n, t, i) => (R(n, t, "access private method"), i);
-import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-CjvoevkY.js";
-import { VideoProvider as yt } from "./vidstack-video-Dp1ZjLt9.js";
-import { R as gt } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
+import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-CmFVS7yR.js";
+import { VideoProvider as yt } from "./vidstack-video-CEm5Q20S.js";
+import { R as gt } from "./vidstack-DqAw8m9J-BMgghFj2.js";
 const Lt = (n) => ut(n);
 var T, h, o, D, b, r, E, M, U, F, Q, K, W, B, J, X, Y, z, G, Z, tt;
 class St {

package/dist/{vidstack-video-Dp1ZjLt9.js → vidstack-video-CEm5Q20S.js}

@@ -5,8 +5,8 @@ var b = (i) => {
 var N = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var m = (i, t, e) => N(i, typeof t != "symbol" ? t + "" : t, e), E = (i, t, e) => t.has(i) || b("Cannot " + e);
 var s = (i, t, e) => (E(i, t, "read from private field"), e ? e.call(i) : t.get(i)), r = (i, t, e) => t.has(i) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), c = (i, t, e, n) => (E(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), p = (i, t, e) => (E(i, t, "access private method"), e);
-import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-CjvoevkY.js";
-import { H as z, a as B } from "./vidstack-Bq6c3Bam-CWFzKZjp.js";
+import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-CmFVS7yR.js";
+import { H as z, a as B } from "./vidstack-Bq6c3Bam-o0qVSW6w.js";
 var P, f, k, D, H;
 class G {
   constructor(t, e) {

package/dist/{vidstack-vimeo-I2_5Xgn3.js → vidstack-vimeo-D5hdGCLN.js}

@@ -5,9 +5,9 @@ var N = (r) => {
 var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
 var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
 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);
-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-CjvoevkY.js";
-import { R as me } from "./vidstack-DqAw8m9J-Dfgc_T0v.js";
-import { E as we } from "./vidstack-DDXt6fpN-BKvZvG7_.js";
+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-CmFVS7yR.js";
+import { R as me } from "./vidstack-DqAw8m9J-BMgghFj2.js";
+import { E as we } from "./vidstack-DDXt6fpN-C4FQk2VS.js";
 import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
 const Ce = [
   "bufferend",

package/dist/{vidstack-youtube-B68cnZDv.js → vidstack-youtube-B6nxw4pX.js}

@@ -5,8 +5,8 @@ var B = (r) => {
 var N = (r, n, e) => n in r ? K(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
 var T = (r, n, e) => N(r, typeof n != "symbol" ? n + "" : n, e), R = (r, n, e) => n.has(r) || B("Cannot " + e);
 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);
-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-CjvoevkY.js";
-import { E as Z } from "./vidstack-DDXt6fpN-BKvZvG7_.js";
+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-CmFVS7yR.js";
+import { E as Z } from "./vidstack-DDXt6fpN-C4FQk2VS.js";
 import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
 const b = {
   Ended: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.69",
+  "version": "25.10.71",
   "private": false,
   "scripts": {
     "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",

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

@@ -17,7 +17,13 @@
     </template>
 
     <template v-if="props.mode === 'stream'">
-      <screen-sharing-control-panel :session="props.session" @close-session="emit('close-session')" />
+      <screen-sharing-control-panel
+        :session="props.session"
+        :screenshot-status="props.screenshotStatus"
+        @close-session="emit('close-session')"
+        @make-screenshot="emit('make-screenshot')"
+        @toggle-record="emit('toggle-record')"
+      />
     </template>
   </media-controls>
 </template>
@@ -26,6 +32,7 @@
 import {defineEmits, inject} from "vue";
 
 import WtLoader from "../../../wt-loader/wt-loader.vue";
+import {ScreenshotStatus} from "../../types/ScreenshotStatus";
 import {WtVidstakPlayerControlsMode} from "../../types/WtVidstackPlayerControlsMode";
 import {WtVidstackPlayerSession} from "../../types/WtVidstackPlayerSession";
 import MediaControlPanel from "../panels/media-control-panel/media-control-panel.vue";
@@ -40,38 +47,28 @@ const props = defineProps<{
   closable?: boolean;
   mode: WtVidstakPlayerControlsMode;
   session: WtVidstackPlayerSession
+  screenshotStatus: ScreenshotStatus
 }>();
 
 const emit = defineEmits<{
   'close-player': [],
   'close-session': [],
+  'make-screenshot': [],
+  'toggle-record': [],
 }>();
 </script>
 
 <style scoped lang="scss">
 .video-layout {
-
-  .video-display-panel {
-    :deep(.video-display-panel__controls) { // hide panel buttons
-      opacity: 0;
-      transition: all var(--transition) ease-out;
-    }
-  }
-
   &--sm {
     border-radius: var(--p-player-wrapper-sm-border-radius);
   }
 
   &--md {
-    //border-radius: var(--p-player-wrapper-md-border-radius);
-
     .media-control-panel {
-      margin: var(--p-player-control-bar-md-padding);
-      width: calc(100% - (var(--p-player-control-bar-md-padding) * 2));
       border-radius: var(--p-player-control-bar-md-border-radius);
     }
   }
-
 }
 
 .controls {
@@ -90,22 +87,6 @@ const emit = defineEmits<{
   display: flex;
   align-items: center;
   width: 100%;
-  opacity: 0;
-  transition: all var(--transition) ease-in-out;
-}
-
-media-player[data-hocus] { // hover or focus within https://vidstack.io/docs/wc/player/components/core/player/?styling=css#player.attrs
-  .controls-group {
-    opacity: 1;
-  }
-
-  .video-display-panel {
-    background: var(--p-player-head-line-hover-background);
-
-    :deep(.video-display-panel__controls) { // show panel buttons on hover
-      opacity: 1;
-    }
-  }
 }
 
 .wt-loader {

package/src/components/wt-vidstack-player/components/panels/media-control-panel/components/buttons/play-button.vue

@@ -1,12 +1,33 @@
 <template>
   <media-play-button class="play-button">
-    <wt-icon-btn icon="play" type="play" class="play-button__play-icon" />
-    <wt-icon-btn icon="pause" type="pause" class="play-button__pause-icon" />
+    <wt-button
+      :size="size"
+      variant="outlined"
+      color="secondary"
+      icon="play"
+      type="play"
+      rounded
+      contains-icon
+      class="play-button__play-icon"
+    />
+
+    <wt-button
+      :size="size"
+      variant="outlined"
+      color="secondary"
+      icon="pause"
+      type="pause"
+      rounded
+      contains-icon
+      class="play-button__pause-icon"
+    />
   </media-play-button>
 </template>
 
 <script setup lang="ts">
-import WtIconBtn from "../../../../../../wt-icon-btn/wt-icon-btn.vue";
+import {inject} from "vue";
+
+const {size} = inject('size');
 </script>
 
 <style scoped>

package/src/components/wt-vidstack-player/components/panels/media-control-panel/media-control-panel.vue

@@ -3,9 +3,11 @@
     class="media-control-panel controls-group"
     :class="`media-control-panel--${size}`"
   >
-    <play-button />
-    <time-slider />
-    <time-group />
+    <div class="media-control-panel__actions">
+      <play-button />
+      <time-slider />
+      <time-group />
+    </div>
   </media-controls-group>
 </template>
 
@@ -22,13 +24,24 @@ const { size } = inject('size');
 
 <style scoped lang="scss">
 .media-control-panel {
-  padding: var(--p-player-control-bar-sm-padding);
-  background-color: var(--p-player-control-bar-background);
-  gap: var(--p-player-control-bar-sm-gap);
+  display: flex;
+  justify-content: center;
 
-  &--md {
-    padding: var(--p-player-control-bar-md-padding);
-    gap: var(--p-player-control-bar-md-gap);
+  &--sm {
+    .media-control-panel__actions {
+      border-top-left-radius: 0 !important;
+      border-top-right-radius: 0 !important;
+      gap: calc(var(--p-player-control-bar-sm-gap) * 2);
+    }
+  }
+
+  &__actions {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--p-player-control-bar-background);
+    box-shadow: var(--elevation-10);
   }
 }
 </style>