https://dyte-proc.netlify.app/static/js/5288.9122c6e5.chunk.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[5288],{5288:function(t,i,e){e.r(i),e.d(i,{dyte_mixed_grid:function(){return h}});var a=e(5671),n=e(3144),s=e(2304),r=e(2725),o=e(1512),d=e(5855),l=e(7622),c=e(210),h=function(){function t(i){(0,a.Z)(this,t),(0,s.r)(this,i),this.layout="row",this.participants=[],this.pinnedParticipants=[],this.screenShareParticipants=[],this.plugins=[],this.aspectRatio="16:9",this.gap=8,this.size=void 0,this.meeting=void 0,this.states=void 0,this.config=r.d,this.iconPack=d.d,this.t=(0,l.u)(),this.gridSize=o.d,this.activeTab=void 0,this.initialised=void 0}return(0,n.Z)(t,[{key:"componentWillLoad",value:function(){this.initialised=!1,this.screenShareParticipantsChanged(this.screenShareParticipants),this.pluginsChanged(this.plugins),this.initialised=!0}},{key:"connectedCallback",value:function(){this.meetingChanged(this.meeting)}},{key:"disconnectedCallback",value:function(){var t;null===(t=this.meeting.spotlight)||void 0===t||t.removeListener("activeTabUpdate",this.spotlightTabUpdateListener)}},{key:"meetingChanged",value:function(t){var i,e,a,n,s=this;null!=t&&(void 0!=(null===(i=t.spotlight)||void 0===i?void 0:i.selfActiveTab)&&this.onSpotlightTabUpdate(null===(e=t.spotlight.selfActiveTab)||void 0===e?void 0:e.type,null===(a=t.spotlight.selfActiveTab)||void 0===a?void 0:a.id),this.spotlightTabUpdateListener=function(t){s.onSpotlightTabUpdate(null===t||void 0===t?void 0:t.type,null===t||void 0===t?void 0:t.id)},null===(n=t.spotlight)||void 0===n||n.addListener("activeTabUpdate",this.spotlightTabUpdateListener))}},{key:"screenShareParticipantsChanged",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];(this.initialised||null==this.activeTab)&&(null==this.activeTab&&t.length>0?this.setActiveTab({type:"screenshare",participant:t[0]}):this.revalidateActiveTab())}},{key:"pluginsChanged",value:function(t){if(this.initialised||null==this.activeTab)if(t.length>0){var i=t.length-1;this.setActiveTab({type:"plugin",plugin:t[i]})}else this.revalidateActiveTab()}},{key:"revalidateActiveTab",value:function(){if(null!=this.activeTab)if("screenshare"===this.activeTab.type){var t=this.activeTab.participant;this.screenShareParticipants.some((function(i){return i.id===t.id}))||this.reassignActiveTab()}else{var i=this.activeTab.plugin;this.plugins.some((function(t){return t.id===i.id}))||this.reassignActiveTab()}}},{key:"setActiveTab",value:function(t){var i,e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.activeTab=t;var a="screenshare"===t.type?t.participant.id:t.plugin.id;e&&(null===(i=this.meeting.spotlight)||void 0===i||i.setSelfActiveTab({type:t.type,id:a},0))}},{key:"reassignActiveTab",value:function(){if(this.screenShareParticipants.length>0)this.setActiveTab({type:"screenshare",participant:this.screenShareParticipants[0]});else if(this.plugins.length>0){var t=this.plugins.length-1;this.setActiveTab({type:"plugin",plugin:this.plugins[t]})}}},{key:"onSpotlightTabUpdate",value:function(t,i){if(void 0!=t&&void 0!=i)switch(t){case"plugin":var e=this.plugins.find((function(t){return t.id===i}));void 0!=e&&this.setActiveTab({type:"plugin",plugin:e},!1);break;case"screenshare":var a=this.screenShareParticipants.find((function(t){return t.id===i}));void 0!=a&&this.setActiveTab({type:"screenshare",participant:a},!1)}}},{key:"getTabs",value:function(){var t=this.screenShareParticipants.map((function(t){return{type:"screenshare",participant:t}})),i=this.plugins.map((function(t){return{type:"plugin",plugin:t}}));return t.concat(i)}},{key:"render",value:function(){var t,i=this,e={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t};return(0,s.h)(s.H,null,(0,s.h)("main",{id:"main-view",part:"main-view"},(null===(t=this.getTabs())||void 0===t?void 0:t.length)>1&&(0,s.h)("dyte-tab-bar",Object.assign({activeTab:this.activeTab,tabs:this.getTabs(),onTabChange:function(t){return i.setActiveTab(t.detail)}},e)),(0,s.h)("div",{id:"tabs",key:"tabs"},this.screenShareParticipants.map((function(t){var a,n;return(0,s.h)(c.R,{element:"dyte-screenshare-view",defaults:e,props:{participant:t,key:t.

1id,style:{display:"screenshare"===(null===(a=i.activeTab)||void 0===a?void 0:a.type)&&(null===(n=i.activeTab)||void 0===n?void 0:n.participant.id)===t.id?"flex":"none"}},childProps:{participant:t,isScreenShare:!0},deepProps:!0})})),this.plugins.map((function(t){var a,n;return(0,s.h)(c.R,{element:"dyte-plugin-main",defaults:e,props:{plugin:t,key:t.id,style:{display:"plugin"===(null===(a=i.activeTab)||void 0===a?void 0:a.type)&&(null===(n=i.activeTab)||void 0===n?void 0:n.plugin.id)===t.id?"flex":"none"}}})})))),(0,s.h)(c.R,{element:"dyte-mixed-grid",defaults:e,childProps:{part:"participants-grid",class:this.gridSize.mixed?"grid-width-".concat(this.gridSize.mixed):"grid-width-lg",participants:this.participants,pinnedParticipants:this.pinnedParticipants,screenShareParticipants:this.screenShareParticipants,plugins:this.plugins,aspectRatio:this.aspectRatio,gap:this.gap,size:"sm",layout:"row"},onlyChildren:!0}))}},{key:"host",get:function(){return(0,s.g)(this)}}],[{key:"watchers",get:function(){return{meeting:["meetingChanged"],screenShareParticipants:["screenShareParticipantsChanged"],plugins:["pluginsChanged"]}}}]),t}();h.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif);display:block;height:100%;width:100%;display:flex}main{display:flex;flex:1 1 0%;padding-left:var(--dyte-space-4, 16px)}:host([layout='column']) main{padding-left:var(--dyte-space-4, 16px);padding-right:var(--dyte-space-4, 16px)}main dyte-tab-bar{margin-right:var(--dyte-space-4, 16px);box-sizing:border-box;display:flex;height:100%;width:var(--dyte-space-16, 64px);flex-direction:column}main #tabs{height:100%;flex:1 1 0%}dyte-button{z-index:10}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--dyte-space-16, 64px);width:var(--dyte-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--dyte-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--dyte-space-7, 28px);width:var(--dyte-space-7, 28px);border-radius:var(--dyte-border-radius-sm, 4px)}:host([size='sm']){flex-direction:column}:host([size='sm']) .grid-width-lg,:host([size='sm']) .grid-width-md{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:33.333333%;width:100%;max-width:100%}:host([size='sm']) main{display:flex;flex:1 1 0%;flex-direction:column;padding-left:var(--dyte-space-4, 16px);padding-right:var(--dyte-space-4, 16px)}:host([size='sm']) dyte-tab-bar{height:var(--dyte-space-12, 48px);width:100%;flex-direction:row}:host([size='sm']) #tabs{flex:1 1 0%}:host([size='sm']) .tab{margin:var(--dyte-space-0, 0px);margin-right:var(--dyte-space-2, 8px)}:host([layout='column']){flex-direction:column}:host([layout='column']) main{display:flex;flex:1 1 0%}:host([layout='column']) .grid-width-lg,:host([layout='column']) .grid-width-md{height:50%;max-width:100%;width:100%}:host([layout='column']) .grid-width-sm{height:33.333333%;max-width:100%;width:100%}@media (orientation: portrait){:host{flex-direction:column}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host .grid-width-md{height:33.333333%;width:100%;max-width:100%}:host .grid-width-sm{height:25%;width:100%;max-width:100%}:host main{flex:1 1 0%;flex-direction:column;padding-left:var(--dyte-space-4, 16px);padding-right:var(--dyte-space-4, 16px)}:host([size='md']) main{flex:1 1 0%;flex-direction:column;padding-left:var(--dyte-space-4, 16px);padding-right:var(--dyte-space-4, 16px)}:host dyte-tab-bar{height:var(--dyte-space-16, 64px);width:100%;flex-direction:row}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--dyte-space-0, 0px);margin-right:var(--dyte-space-2, 8px)}}"},1512:function(t,i,e){e.d(i,{d:function(){return r},u:function(){return n}});var a=e(9439);function n(t){var i=t.dimensions,e=t.count,a=t.aspectRatio,n=t.gap,r=function(t){var i=t.count,e=t.dimensions,a=t.aspectRatio,n=t.gap,r=e.width,o=e.height;if(0===r||0===o)return{width:0,height:0,rows:1,cols:1};r-=2*n,o-=2*n;for(var d=n,l=i,c=s(a),h=0,p=0,u=1,g=1,v=[],f=1;f<=l;f++)v.push((r-d*(f-1))/f),v.push((o-d*(f-1))/(f*c));v.sort((function(t,i){return i-t}));for(var y=0,m=v;y<m.length;y++){if(p=(h=m[y])*c,(u=Math.floor((r+d)/(h+d)))*(g=Math.floor((o+d)/(p+d)))>=l){g=Math.ceil(l/u);break}}return{width:h,height:p,rows:g,cols:u}}({dimensions:i,count:e,aspectRatio:a,gap:n}),o=r.width,d=r.height,l=function(t){var i=t.parentDimensions,e=t.dimensions,a=t.rows,n=t.cols,s=t.count,r=t.gap,o=i.width,d=i.height,l=e.width,c=e.height,h=(d-(c*a+(a-1)*r))/2,p=(o-(l*n+(n-1)*r))/2,u=c+r,g=l+r,v=0,f=0,y=s%n;function m(t){var i=s-t;i===y&&(p=(o-(l*i+(i-1)*r))/2);var e=h+f*u,a=p+v*g;return v++,(t+1)%n===0&&(f++,v=0),{top:e,left:a}}return m}({parentDimensions:i,dimensions:{width:o,height:d}

1,rows:r.rows,cols:r.cols,count:e,gap:n});return{width:o,height:d,getPosition:l}}var s=function(t){var i=t.split(":"),e=(0,a.Z)(i,2),n=e[0],s=e[1];return Number.parseInt(s)/Number.parseInt(n)},r={spotlight:"sm",mixed:"sm"}},210:function(t,i,e){e.d(i,{R:function(){return d}});var a=e(9439),n=e(3433),s=e(7762),r=e(2304),o=function(t){var i=t.elements,e=t.defaults,a=t.props,n=void 0===a?{}:a,s=t.deepProps,o=void 0!==s&&s,l=t.elementProps,c=void 0===l?{}:l;return Array.isArray(i)&&0!==i.length?i.map((function(t){return(0,r.h)(d,{element:t,defaults:e,props:n,childProps:o&&n,elementProps:c})})):null},d=function(t,i){var e,d,l=t.element,c=t.defaults,h=t.childProps,p=void 0===h?{}:h,u=t.props,g=void 0===u?{}:u,v=t.onlyChildren,f=void 0!==v&&v,y=t.asHost,m=void 0!==y&&y,b=t.deepProps,x=void 0!==b&&b,w=t.elementProps,T=void 0===w?{}:w,A=c.config,P=c.size,k=c.states,S={};if(Array.isArray(l)){var z=(0,a.Z)(l,2);d=z[0],S=z[1]}else d=l;var C=null===(e=null===A||void 0===A?void 0:A.root)||void 0===e?void 0:e[d];null!=C&&"props"in C&&(g=Object.assign(Object.assign({},C.props),g)),g=Object.assign(Object.assign({},g),S),d in T&&(g=Object.assign(Object.assign({},g),T[d]));var Z=function(t){var i=t.element,e=t.size,a=t.states,r=void 0===a?{}:a,o=t.config,d=void 0===o?{}:o,l=[],c=null===d||void 0===d?void 0:d.root[i],h=function(t){l.push(t),"string"===typeof e&&l.push("".concat(t,".").concat(e))};if(h(i),"object"===typeof c&&!Array.isArray(c)&&null!==c){var p=c.state,u=c.states,g=i,v=[];

1if(Array.isArray(u)){v=u.filter((function(t){return r[t]})),v.sort();var f,y=(0,s.Z)(v);try{for(y.s();!(f=y.n()).done;){var m=f.value;h("".concat(g,".").concat(m))}}catch(A){y.e(A)}finally{y.f()}v.length>1&&h([g].concat((0,n.Z)(v)).join("."))}if("string"===typeof p){var b="".concat(i,"[").concat(p,"=").concat(r[p],"]");h(b);var x,w=(0,s.Z)(v);try{for(w.s();!(x=w.n()).done;){var T=x.value;h("".concat(b,".").concat(T))}}catch(A){w.e(A)}finally{w.f()}v.length>1&&h([b].concat((0,n.Z)(v)).join("."))}}return l}({element:d,size:P,states:k,config:A}),j=function(t){var i=t.selectors,e=t.root;if(!e||!Array.isArray(i))return[];var r,o=[],d=(0,s.Z)(i);try{for(d.s();!(r=d.n()).done;){var l=e[r.value];if(Array.isArray(l))o=(0,n.Z)(l);else if(l){if(l.children&&(o=(0,n.Z)(l.children)),Array.isArray(l.remove)){var c,h=(0,s.Z)(l.remove);try{var p=function(){var t=c.value;o=o.filter((function(i){return"string"===typeof i?i!==t:!Array.isArray(i)||i[0]!==t}))};for(h.s();!(c=h.n()).done;)p()}catch(f){h.e(f)}finally{h.f()}}if(l.addBefore)for(var u=function(){var t,i=(0,a.Z)(v[g],2),e=i[0],s=i[1],r=o.findIndex((function(t){return"string"===typeof t?t===e:!!Array.isArray(t)&&t[0]===e}));r>=0&&(t=o).splice.apply(t,[r,0].concat((0,n.Z)(s)))},g=0,v=Object.entries(l.addBefore);g<v.length;g++)u();Array.isArray(l.add)&&(o=o.concat(l.add)),Array.isArray(l.prepend)&&(o=l.prepend.concat(o))}}}catch(f){d.e(f)}finally{d.f()}return o}({selectors:Z,root:A.root});if(f)return(0,r.h)(o,{elements:j,defaults:c,props:p,deepProps:x,elementProps:T});var O=function(t){var i=t.selectors,e=t.styles;if(!Array.isArray(i)||null==e)return{};var a,n={},r=(0,s.Z)(i);try{for(r.s();!(a=r.n()).done;){var o=e[a.value];null!=o&&Object.assign(n,o)}}catch(d){r.e(d)}finally{r.f()}return n}({selectors:Z,styles:A.styles});if(m)return(0,r.h)(r.H,Object.assign({},c,{style:O},g),(0,r.h)(o,{elements:j,defaults:c,props:p,deepProps:x,elementProps:T}),i);if(["dyte-header","dyte-controlbar"].includes(d)&&(g.disableRender=!0),d.startsWith("dyte-"))return(0,r.h)(d,Object.assign({},c,{style:O},g),(0,r.h)(o,{elements:j,defaults:c,props:p,deepProps:x,elementProps:T}),i);var R=d.split("#"),U=(0,a.Z)(R,2),L=U[0],H=U[1];return(0,r.h)(L,{id:H,style:O},(0,r.h)(o,{elements:j,defaults:c,props:p,deepProps:x,elementProps:T}),i)}}}]);
2//# sourceMappingURL=5288.9122c6e5.chunk.js.map