@yoobic/yobi 7.7.80 → 7.7.84

package/dist/design-system/p-ee75ca05.js

@@ -1 +0,0 @@
-import{d as e,a as o,e as n}from"./p-4d956bd4.js";import{E as t,u as r,aZ as i,as as s,a1 as c,Y as a,t as u,a9 as d,bi as l,a0 as v,aq as m,aG as f,aH as h,bj as g,a4 as y}from"./p-a966475f.js";import{t as p}from"./p-967f6f1d.js";import{e as b,i as R,g as $}from"./p-9430559f.js";import{p as N,r as x}from"./p-cf2b3a56.js";import{s as j,a as E}from"./p-90a6a15b.js";import"./p-b5241164.js";import{t as C}from"./p-33b2d3a2.js";import{f as M}from"./p-b038a7bd.js";import{f as k}from"./p-25c4db8a.js";import{b as A}from"./p-3e96a3ac.js";import{i as T}from"./p-0bb947fc.js";import{i as I}from"./p-ca8f9900.js";import{g as O}from"./p-179b66ff.js";import{i as S}from"./p-1901b669.js";import{l as L}from"./p-2f6b3544.js";import{k as D}from"./p-b5ba03fd.js";import{m as G}from"./p-10b2bb56.js";const V=Object.assign(Object.assign({},{width:"2rem",height:"2rem"}),{border:`1px solid ${t("stable-40")}`,"border-radius":"50%"});function w(e){var o;let n=e.value||"",s=a;if(e&&e.colDef&&e.colDef.translate&&(s=u),r(n))return n.map((e=>s(e||""))).join(", ");{let r;(null==n?void 0:n.title)&&(n=n.title),e&&e.colDef&&e.colDef.fieldDefinition&&e.colDef.fieldDefinition.valuesColor&&(r=e.colDef.fieldDefinition.valuesColor);const c=null===(o=null==r?void 0:r.find((e=>e.key===n)))||void 0===o?void 0:o.value,a=c?i(c):t("dark-to-light");return e.isExport?s(n.toString()):'<div class="'+(c?"color-container":"")+'" style="background:'+(c||"")+";color:"+a+'"  >'+s(n.toString())+"</div>"}}function z(e){let o;if(e.isExport=!0,e&&e.column&&e.column.getColDef){const n=e.column.getColDef();o=s(n.cellRenderer)&&n.cellRenderer!==re?n.cellRenderer(e):"agGroupCellRenderer"===n.cellRenderer&&T(e.value)?e.value.toLocaleString():w(e)}else o=w(e);return delete e.isExport,o}function P(e){let o=[].concat(e.value||[]);o=b(o);const n=a,t=document.createElement("yoo-tooltip");t.setAttribute("hoverable","true"),t.delay=[1500,0];const r=o.map((e=>n(e||""))).join("<br/>");t.content=r,t.placement="bottom";const i=document.createElement("yoo-truncate");return i.classList.add("grid"),i.style.cssText="--max-lines: "+(e.maxLine||2),i.innerHTML=r,t.appendChild(i),e.isExport?r:t}function H(e){let o=[].concat(e.value||[]);o=R(o);const n=a,t=document.createElement("yoo-tooltip");t.setAttribute("hoverable","true");const r=o.map((e=>n(e||""))).join("<br/>");t.delay=[1500,0],t.content=r,t.placement="bottom";const i=document.createElement("yoo-truncate");return i.classList.add("grid"),i.style.cssText="--max-lines: "+(e.maxLine||2),i.innerHTML=r,t.appendChild(i),e.isExport?r:t}function U(e){let o=c([].concat(e.value||[]));o=o.map((e=>(I(e)||(e=e.tag),e)));const n=document.createElement("yoo-tooltip");n.setAttribute("hoverable","true");const t=o.join(", "),r=o.map((e=>`<yoo-tag color="stable">${e}</yoo-tag>`)).join("");n.delay=[1500,0],n.content=t,n.placement="bottom";const i=document.createElement("yoo-truncate");i.classList.add("grid"),i.style.cssText="--max-lines: "+(e.maxLine||2),i.innerHTML=r,n.appendChild(i);const s=document.createElement("div");return s.appendChild(n),e.isExport?r:s}function B(e){const o=document.createElement("yoo-tooltip");o.setAttribute("hoverable","true");const n=(r(e.value)?e.value.join(", "):e.value)||"";if(o.content=n,o.placement="bottom",o.delay=[1500,0],e.maxLine>0){const t=document.createElement("yoo-truncate");t.classList.add("grid"),t.style.cssText="--max-lines: "+(e.maxLine||2),t.innerHTML=n,o.appendChild(t)}else o.innerHTML=n;return e.isExport?n:o}function K(e){var o,n;let t=e.value;return e.isExport?t:(!0!==t&&!1!==t&&(null===(n=null===(o=null==e?void 0:e.colDef)||void 0===o?void 0:o.field)||void 0===n?void 0:n.indexOf("["))>0&&(t=O(e.data,e.colDef.field)),!0===t||"true"===t?'<yoo-form-checkbox value="true" readonly="true"></yoo-form-checkbox>':!1===t||"false"===t?'<yoo-form-checkbox value="false" readonly="true"></yoo-form-checkbox>':!1!==t&&!0!==t?'<yoo-icon name="circle" color="stable"></yoo-icon>':"")}function q(e){const o=e.value;return o&&o.toUpperCase?a(o.toUpperCase()):o}function F(e){return e.value}function Y(e){var o;const n=e.factor||1,t=e.numberPrecision;let r=e.value;if(r&&isFinite(r-0)&&(r-=0),T(r))r/=n,n>1&&(r=Math.round(r)),r=r.toFixed(t);else if(T(e.defaultValue))r=e.defaultValue.toString();else if(r&&r.toString)r=r.toString();else{if(null===(o=e)||void 0===o?void 0:o.loader)return'<yoo-loader class="transparent ccenter-container" color="stable-light-to-light-10" size="small"></yoo-loader>';r=""}return e.isPercentage&&r&&(r+="%"),e.isExport?r.toString():e.icon?`<div class="top-container"><yoo-icon class="margin-right" name="${e.icon}" color="${e.color}"></yoo-icon><span>${r.toString()}</span></div>`:r.toString()}function J(e){var o;const n=Number(e.value),t=e.factor||1,r=e.numberPrecision;if(isNaN(n))return(null===(o=e)||void 0===o?void 0:o.loader)?'<yoo-loader class="transparent ccenter-container" color="stable-light-to-light-10" size="small"></yoo-loader>':`<div>${e.noValue||""}</div>`;const i=N.percent.transform(n,r,t);return e.isExport?`<div>${i.toString()}</div>`:e.icon?`<div class="top-container"><yoo-icon class="margin-right" name="${e.icon}" color="${e.color}"></yoo-icon><span>${i.toString()}</span></div>`:`<div>${i.toString()}</div>`}function Q(e){const o=e.value;return T(o)?N.currency.transform(o,e.numberPrecision,e.symbol,e.forceSymbol):o.toString()}function X(e){const o=e.value;return T(o)?Math.round(o)+" "+u("YOOBICMIN").toLowerCase()+".":o}function Z(e){var o,n;let t,r=null===(o=e.node.data)||void 0===o?void 0:o._geoloc,i=null===(n=e.node.data)||void 0===n?void 0:n._geolocSave;return r=!1===S(r)?r.toJS?r.toJS():r:"",i=!1===S(i)?i.toJS?i.toJS():i:"",r&&2===r.length&&i&&2===i.length&&(t=function(e,o,n,t,r="K"){const i=Math.PI*e/180,s=Math.PI*n/180,c=Math.PI*(o-t)/180;let a=Math.sin(i)*Math.sin(s)+Math.cos(i)*Math.cos(s)*Math.cos(c);return a=Math.acos(a),a=180*a/Math.PI,a=60*a*1.1515,"K"===r&&(a*=1.609344),"N"===r&&(a*=.8684),a}(i[1],i[0],r[1],r[0])),k(t)}function W(e){var o;let n=e.value||"";const t=e.node.parent.allLeafChildren,r=L(t,e.node),i=null===(o=null==e?void 0:e.colDef)||void 0===o?void 0:o.field;if(r>0&&r<t.length){const e=t[r].data[i],o=t[r-1].data[i];if(T(e)&&T(o)&&Math.abs(o)>0){const t=Math.round((e-o)/o*100);Math.abs(t)>0&&(n+='<span style="margin-left:10px" class="'+(t>0?"success":"danger")+'"> ('+t+"%)</span>")}}return n}function _(e,o){let n=e.value;return y(n)&&n.value&&(n=n.value),n?e.isExport?d(v(n),o):'<div class="not-center-container">'+d(v(n),o)+"</div>":""}function ee(e){var o;return _(e,(null===(o=e)||void 0===o?void 0:o.format)||"L LT")}function oe(e){var o;return _(e,(null===(o=e)||void 0===o?void 0:o.format)||"L")}function ne(e){const o=e.value;return o?/^\d\d:\d\d/.test(o)?'<div class="not-center-container">'+d(l(o,"HH:mm"),"LT")+"</div>":'<div class="not-center-container">'+d(v(o),"LT")+"</div>":""}function te(e){const o=C(e.data),n=document.createElement("div");n.classList.add("col"),n.classList.add("flex-direction-column"),n.classList.add("flex-right");const t=document.createElement("yoo-icon");t.name="recent",t.size="small",t.color=o.color;const r=document.createElement("div");r.classList.add("flex-center"),r.classList.add(o.color),r.appendChild(t),r.appendChild(document.createTextNode(o.text));const i=document.createElement("div");i.classList.add("flex-center"),i.classList.add("stable");const s=d(e.data.startDate,"L"),c=d(e.data.endDate,"L");return i.appendChild(document.createTextNode(`${s} - ${c}`)),n.appendChild(r),n.appendChild(i),n}function re(e){if(e.value){const o=document.createElement("yoo-img");return D(V).forEach((e=>{o.style[e]=V[e]})),o.src=e.value,o.onclick=n=>{n.stopPropagation(),m("gridcellPhotoSelected",o,Object.assign(Object.assign({},e),{index:0}))},o}return""}function ie(e){const o=e.value;if(o&&r(o)&&o.length>0){const n=document.createElement("div");return n.style.display="inherit",o.forEach(((o,t)=>{const r=document.createElement("yoo-img");D(V).forEach((e=>{r.style[e]=V[e]})),r.src=o,r.onclick=o=>{o.stopPropagation(),m("gridcellPhotoSelected",r,Object.assign(Object.assign({},e),{index:t}))},n.appendChild(r)})),n}return""}function se(e){return'<video class="ag-cell-image video" [src]="'+e.value+'"></video>'}function ce(e){let o=5;return e.colDef&&e.colDef.cellRendererParams&&e.colDef.cellRendererParams.max&&(o=e.colDef.cellRendererParams.max),'<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" max="'+o+'" value="'+e.value+'"></yoo-form-star-rating>'}function ae(e){return"<pre>"+M(e.value)+"</pre>"}function ue(e){return e.value?e.value.address?e.value.address:e.value:""}function de(e){const o=e.value;return o?(o.title?o.title+" - ":"")+o.address:""}function le(e){const o=e.value;return o&&r(o)?G(o,(e=>{var o;return(null===(o=e.text)||void 0===o?void 0:o.value)||""})).join(", "):""}function ve(e){const o=e.value;return o&&o.values?G(o.values,(e=>e.text.value)).join(", "):""}function me(e){const o=e.value;if(o&&o.startDate&&o.endDate){const e=f(v(o.endDate),v(o.startDate));return Math.floor(h(e))+d(g(new Date(e)),":mm:ss")}return""}function fe(e){var o,n,t,r;let i="";return(null===(n=null===(o=null==e?void 0:e.value)||void 0===o?void 0:o.currentTasks)||void 0===n?void 0:n.length)>=0&&(i+=u("NEXTACTIONS")+": "+e.value.currentTasks.length),(null===(r=null===(t=null==e?void 0:e.value)||void 0===t?void 0:t.previousTasks)||void 0===r?void 0:r.length)>=0&&(i.length>0&&(i+="<br>"),i+=u("PREVIOUSACTIONS")+": "+e.value.previousTasks.length),i}function he(e){var o,n,t,r;const i=e.value;if(i){const e=document.createElement("span");e.innerHTML=$(i);const o=document.createElement("yoo-avatar");o.classList.add("inline"),o.user=i,o.size="small";const n=document.createElement("div");return n.classList.add("user"),n.appendChild(o),n.appendChild(e),n}if((null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.userDisplayname)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.ownerDisplayName)){const o=document.createElement("span");o.innerHTML=(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.userDisplayname)||(null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.ownerDisplayName);const n=document.createElement("div");return n.classList.add("user"),n.appendChild(o),n}return""}function ge(e){const o=document.createElement("div");o.classList.add("col");const n=document.createElement("yoo-img");n.classList.add("image"),n.type="background",n.src=e.data.courseImage,o.appendChild(n);const t=document.createElement("div");return t.classList.add("text"),t.innerText=a((e.data.courseName||"").toString()),o.appendChild(t),o}function ye(e){const o=document.createElement("div");o.classList.add("col"),o.classList.add("flex-center");const n=document.createElement("yoo-icon");return n.name="star",n.color="energized",n.size="small",o.appendChild(n),o.appendChild(document.createTextNode((e.data.points||0).toString())),o}function pe(e){const o=e.data.score||0,n=e.data.questions-o,t=document.createElement("div");t.classList.add("col");const r=document.createElement("div");r.classList.add("flex-center");const i=document.createElement("div");i.classList.add("flex-center");const s=document.createElement("yoo-icon"),c=document.createElement("yoo-icon");return s.name="cross",s.color="danger",c.name="check",c.color="success",r.appendChild(s),r.appendChild(document.createTextNode(n+" "+u("INCORRECT"))),i.appendChild(c),i.appendChild(document.createTextNode(o+" "+u("CORRECT"))),t.appendChild(r),t.appendChild(i),t}function be(e){const o=e.value;if(o){const n=document.createElement("yoo-avatars");return n.classList.add("inline"),n.users=o,n.size="small",n.layout="stack",n.maxDisplay=e.maxDisplay,n.withTooltip=!0,n}return""}function Re(e){const o=document.createElement("yoo-progress-bar");return o.classList.add("grid-cell"),o.progressValue=e.value,o}function $e(e){const o=document.createElement("yoo-chart");return o.classList.add("grid-cell"),o.config=e.value,o}function Ne(e){const o=document.createElement("yoo-form-catalog");return o.classList.add("grid-cell"),o.readonly=!0,o.isGridCell=!0,o.value=e.value,o}function xe(e){const o=c([].concat(e.value)),n=document.createElement("div");return n.classList.add("col"),o.length>0&&o.forEach((e=>{const o=document.createElement("yoo-form-document");o.classList.add("grid-cell"),o.readonly=!0,o.document=e,o.showActionSheet=!1,n.appendChild(o)})),n}function je(e){const o=e.value;let n="";return o&&(n=D(o).map((e=>e+": "+o[e])).join(", ")),n}function Ee(e){return e.colDef&&e.colDef.cellRendererParams?`<yoo-button class="small outline-dark ${e.colDef.cellRendererParams.color||""}">\n         <yoo-icon name="${e.colDef.cellRendererParams.icon||""}"</yoo-icon>\n      </yoo-button>`:""}function Ce(e){var o,n,t;const r=e.value;let i="";e.node&&e.node.data&&(i=e.node.data.status);let s="";return!0===r||"true"===r||"validated"===r?s=`<yoo-tag color="success">${u("VALIDATED")}</yoo-tag>`:!1===r||"false"===r||"rejected"===r?s=`<yoo-tag color="danger">${u("REJECTED")}</yoo-tag>`:("finished"===i&&!1!==r&&!0!==r&&"false"!==r&&"true"!==r||"tobevalidated"===r)&&(s=`<yoo-tag color="royal">${u("TOBEVALIDATED")}</yoo-tag>`),(null===(o=null==e?void 0:e.node)||void 0===o?void 0:o.group)&&"group"===(null===(n=null==e?void 0:e.colDef)||void 0===n?void 0:n.cellRenderer)&&(s=`<yoo-tag color="stable">${u("N/A")}</yoo-tag>`),"excel"===(null===(t=e)||void 0===t?void 0:t.type)?Ae(s):s}function Me(e){var o,n,t,r;let i,s="";(null===(o=e.data)||void 0===o?void 0:o.hasWorkflow)?i=A(e.data):(null===(t=null===(n=e.data)||void 0===n?void 0:n.mission)||void 0===t?void 0:t.hasWorkflow)&&(e.data.mission.description=e.data.missiondescription||e.data.mission.description,i=A(e.data.mission)),i&&(s=`<div class="not-center-container"><yoo-tag color=${i.color} custom-color=${i.customColor}>${i.innerHTML}</yoo-tag></div>`);const c=e.value;return"finished"===c?s=`<div class="not-center-container"><yoo-tag color="dark">${u("FINISHED")}</yoo-tag></div>`:"booked"===c?s=`<div class="not-center-container"><yoo-tag color="info">${u("BOOKED")}</yoo-tag></div>`:"scheduled"===c?s=`<div class="not-center-container"><yoo-tag color="energized">${u("SCHEDULED")}</yoo-tag></div>`:"archived"===c?s=`<div class="not-center-container"><yoo-tag color="stable">${u("MISSIONARCHIVED")}</yoo-tag></div>`:("available"===c||e.hasWorkflow&&!c)&&(s=`<div class="not-center-container"><yoo-tag color="accent">${u("AVAILABLE")}</yoo-tag></div>`),s=s||(c?c.toString():s||""),"excel"===(null===(r=e)||void 0===r?void 0:r.type)?Ae(s):s}function ke(e){const o=e.value;return`<yoo-tag class="inverse-color" color="${j(o)}">${E(o)}</yoo-tag>`}function Ae(e){return(null==e?void 0:e.replace(/(<([^>]+)>)/gi,""))||""}function Te(e){var o,n;const t=e.data;if((null===(o=null==t?void 0:t.mission)||void 0===o?void 0:o.kanbanColumnId)&&(null===(n=null==t?void 0:t.missiondescription)||void 0===n?void 0:n.kanbanColumns)){const e=t.missiondescription.kanbanColumns.find((e=>e._id===t.mission.kanbanColumnId));if(e)return`\n        <div class="not-center-container">\n          <yoo-tag custom-color="${e.color}">${u(e.title)}</yoo-tag>\n        </div>`}return""}function Ie(e){var o,n,t,r,i,s,c,a,u,d,l;return(null===(n=null===(o=null==e?void 0:e.node)||void 0===o?void 0:o.data)||void 0===n?void 0:n.uniqueKeySuffix)&&(null===(i=null===(r=null===(t=null==e?void 0:e.node)||void 0===t?void 0:t.data)||void 0===r?void 0:r.description)||void 0===i?void 0:i.uniqueKeyPrefix)?e.node.data.description.uniqueKeyPrefix+"-"+e.node.data.uniqueKeySuffix:(null===(a=null===(c=null===(s=null==e?void 0:e.node)||void 0===s?void 0:s.data)||void 0===c?void 0:c.mission)||void 0===a?void 0:a.uniqueKeySuffix)&&(null===(l=null===(d=null===(u=null==e?void 0:e.node)||void 0===u?void 0:u.data)||void 0===d?void 0:d.missiondescription)||void 0===l?void 0:l.uniqueKeyPrefix)?e.node.data.missiondescription.uniqueKeyPrefix+"-"+e.node.data.mission.uniqueKeySuffix:""}function Oe(e){let o="";return e.node&&e.node.aggData&&e.node.aggData.status&&e.node.aggData.validated&&(e.node.aggData.conformityprogress=Se(e.node),o+=Ke("conformityprogress",e.node.aggData.conformityprogress," %",!0)),o}function Se(e){if(e.aggData&&e.aggData.validated&&e.aggData.validated.counts){const o=Math.round(100*(e.aggData.validated.counts.validated||0)/((e.aggData.validated.counts.validated||0)+(e.aggData.validated.counts.rejected||0)));return isNaN(o)?0:o}return 0}function Le(e){let o="";return e.node&&e.node.aggData&&e.node.aggData.status&&e.node.aggData.validated&&(e.node.aggData.progress=De(e.node),o+=Ke("progress",e.node.aggData.progress," %",!0)),o}function De(e){if(e&&e.aggData&&e.aggData.status&&e.aggData.status.counts){const o=Math.round(100*(e.aggData.status.counts.finished||0)/((e.aggData.status.counts.finished||0)+(e.aggData.status.counts.available||0)));return isNaN(o)?0:o}return 0}function Ge(e){let o="";return e.node&&e.node.aggData&&e.node.aggData.status&&e.node.aggData.validated&&(e.node.aggData.validationprogress=Ve(e.node),o+=Ke("validationprogress",e.node.aggData.validationprogress," %",!0)),o}function Ve(e){if(e.aggData&&e.aggData.validated&&e.aggData.validated.counts){const o=Math.round(100*((e.aggData.validated.counts.validated||0)+(e.aggData.validated.counts.rejected||0))/(e.aggData.status.counts.finished||0));return isNaN(o)?0:o}return 0}function we(e){let o="";return e.node&&e.node.aggData&&e.node.aggData.status&&e.node.aggData.validated&&(e.node.aggData.conformityrelativeprogress=ze(e.node),o+=Ke("conformityrelativeprogress",e.node.aggData.conformityrelativeprogress," %",!0)),o}function ze(e){const o=De(e),n=Se(e),t=Math.round(n*o/100);return isNaN(t)?0:t}function Pe(o){return o.data&&o.data.status!==e.draft?te(o):"<div>-</div>"}function He(n){return n.data&&n.data.status!==e.draft?`<div>${u(n.data.partType===o.teams?"INCENTIVETEAMSCOUNT":"INCENTIVEUSERSCOUNT",{n:n.value||0})}</div>`:"<div>-</div>"}function Ue(e){if(e.data){const o=e.data.type===n.competition,t=e.data.unit;let r=e.data.totalKpis>=1e4?N.number.transform(e.data.totalKpis):x(e.data.totalKpis,2).toString(),i=e.data.totalTargets>=1e4?N.number.transform(e.data.totalTargets):x(e.data.totalTargets,2).toString();e.data.isUnitCurrency&&t&&(r=`${t} ${r}`,i=`${t} ${i}`);const s=document.createElement("div"),c=document.createElement("div");if(c.appendChild(document.createTextNode(o?r:`${r} / ${i}`)),s.appendChild(c),!e.data.isUnitCurrency&&t){const e=document.createElement("yoo-tooltip");e.setAttribute("hoverable","true"),e.content=t,e.placement="bottom",e.delay=[1500,0];const o=document.createElement("yoo-truncate");o.classList.add("stable"),o.maxLength=25,o.content=t,e.appendChild(o),s.appendChild(e)}return s}return"-"}function Be(e){var o;const n=I(e.value)?e.value:null===(o=e.value)||void 0===o?void 0:o.tag,t=n?`<yoo-tag color="${"completed"===n?"success":"info"}">${u(n.toUpperCase())}</yoo-tag>`:"",r=document.createElement("yoo-truncate");r.classList.add("grid"),r.style.cssText="--max-lines: "+(e.maxLine||2),r.innerHTML=t;const i=document.createElement("div");return i.classList.add("scrollable"),i.appendChild(r),e.isExport?n:i}function Ke(e,o,n="",t=!1){let r=e;(null==e?void 0:e.toUpperCase)&&(r=u(e.toUpperCase())),isNaN(o)&&(o="?",n="");let i="success";return"?"===o?i="dark":o<33?i="danger":o<75&&(i="energized"),`<yoo-tag color=${i}>${(t?"":r+":")+o+n}</yoo-tag>`}class qe{getGui(){return this.eGui}init(e){const o=document.createElement("div");this.missionResults=document.createElement("yoo-mission-results"),this.missionResults.className="inline",this.missionResults.mission=e.data,this.missionForm=document.createElement("yoo-form-dynamic"),this.missionForm.forceReadonly=!0,this.missionForm.formType="mission";let n=[];e.slides.forEach((e=>n=[...n,...e.items])),this.missionForm.slides=[{title:"GENERAL",items:n}],this.missionForm.data=e.data,this.missionForm.showTabs=!1,this.missionForm.showRecap=!1,this.missionForm.suffix=".value",this.missionForm.classList.add("grid-cell"),this.missionForm.appendChild(this.missionResults),o.appendChild(this.missionForm),this.eGui=o}refresh(e){if(this.missionResults)return this.missionResults.mission=e.data,!0}}class Fe{getGui(){return this.eGui}init(e){var o,n,t,r;const i=document.createElement("div"),s=e.entityType||e.collectionName;this.entity=document.createElement("yoo-entity"),this.entity.classList.add("block","no-border"),this.entity.displayType=e.displayType||"card-list",this.entity.entityType=s,this.entity.customModel=e.customModel,this.entity.isGridCell=!0,this.entity.item=e.useValue?e.value:e.data,"missiondatas"===s&&(null===(n=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.mission)||void 0===n?void 0:n.hasWorkflow)&&(this.entity.entityType="missions",this.entity.item=null===(t=e.data)||void 0===t?void 0:t.mission,this.entity.item.description=null===(r=e.data)||void 0===r?void 0:r.missiondescription),i.appendChild(this.entity),this.eGui=i}refresh(e){if(this.entity)return this.entity.item=e.data,!0}}class Ye{getGui(){return this.eGui}init(e){const o=document.createElement("div");this.grid=document.createElement("yoo-grid"),this.grid.displayType=e.displayType||"card-list",this.grid.collectionName=e.collectionName,this.grid.customModel=e.customModel,this.grid.items=e.value,this.grid.isLocal=!0,o.appendChild(this.grid),this.eGui=o}refresh(e){if(this.grid)return this.grid.items=e.value,!0}}class Je{getGui(){return this.eGui}getButtonFromAction(e,o){const n=document.createElement("yoo-button"),t=(null==e?void 0:e.text)?e.text(o):"";n.size="medium",(null==e?void 0:e.color)&&(n.color=e.color(o));const r=document.createElement("yoo-icon");if((null==e?void 0:e.icon)&&(r.name=e.icon(o)),(null==e?void 0:e.iconColor)&&(r.color=e.iconColor(o)),r.size="small",t){const e=document.createElement("yoo-tooltip");e.setAttribute("hoverable","true"),e.delay=[500,0],e.content=t,e.placement="bottom",e.appendChild(r),n.appendChild(e)}else n.appendChild(r);return n.addEventListener("click",(n=>{null==n||n.preventDefault(),null==n||n.stopPropagation(),null==e||e.handler(o)})),n}init(e){var o,n;const t=e.data,r=null===(o=e.items)||void 0===o?void 0:o.filter((e=>!e.isVisible||t&&e.isVisible(t)));if(1===r.length&&(null===(n=r[0])||void 0===n?void 0:n.icon)){const e=document.createElement("span"),o=this.getButtonFromAction(r[0],t);e.appendChild(o),this.eGui=e}else if((null==r?void 0:r.length)>=1){const e=null==r?void 0:r.filter((e=>e.forceInCard&&e.forceInCard(t)&&e.icon)),o=null==r?void 0:r.filter((e=>!e.forceInCard||!e.forceInCard(t))),n=document.createElement("div");t&&e.length>0&&e.map((e=>this.getButtonFromAction(e,t))).forEach((e=>{e.classList.add("margin-right"),n.appendChild(e)})),t&&o.length>0&&(this.menu=document.createElement("yoo-context-menu"),this.menu.contentButtons=o.map((e=>p(e,t,!0))),this.menu.appendChild(function(e){const o=document.createElement("template");return e=e.trim(),o.innerHTML=e,o.content.firstChild}('<div class="center-container"><yoo-button color="light-to-dark" size="medium" shape="square"><yoo-icon size="small" name="more"></yoo-icon></yoo-button></div>')),n.classList.add("center-container"),n.appendChild(this.menu),this.menu.contentButtons.length<=0&&(this.menu.style.display="none")),this.eGui=n}}refresh(e){const o=e.data;return this.menu&&o&&(this.menu.contentButtons=e.items.filter((e=>!e.isVisible||o&&e.isVisible(o))).map((e=>({text:e.text(o),handler:()=>e.handler(o)}))),this.menu.style.display=this.menu.contentButtons.length<=0?"none":"visible"),!0}}function Qe(e){switch(e){case"aclRoleRenderer":return H;case"groupRenderer":return P;case"tagsRenderer":return U;case"booleanRenderer":return K;case"numberRenderer":return Y;case"dateRenderer":return oe;case"dateTimeRenderer":return ee;case"timeRenderer":return ne;case"dateRangeRenderer":return te;case"currencyRenderer":return Q;case"percentageRenderer":return J;case"durationRenderer":return X;case"distanceRenderer":return Z;case"deltaRenderer":return W;case"translateRenderer":return q;case"keyTranslateRenderer":return F;case"photoRenderer":return re;case"multiphotoRenderer":return ie;case"videoRenderer":return se;case"starratingRenderer":return ce;case"jsonRenderer":return ae;case"addressRenderer":return ue;case"locationRenderer":return de;case"todoRenderer":return ve;case"taskRenderer":return le;case"timerRenderer":return me;case"checklistRenderer":return fe;case"truncateRenderer":return B;case"userRenderer":return he;case"usersRenderer":return be;case"courseRenderer":return ge;case"starRewardRenderer":return ye;case"boardRenderer":return Te;case"battleAnswersRenderer":return pe;case"buttonRenderer":return Ee;case"documentRenderer":return xe;case"catalogRenderer":return Ne;case"chartRenderer":return $e;case"progressbarRenderer":return Re;case"pricecheckRenderer":return je;case"missionStatusRenderer":return Me;case"missionValidationRenderer":return Ce;case"missionUniqueKeyRenderer":return Ie;case"progressRenderer":return Le;case"validationProgressRenderer":return Ge;case"conformityProgressRenderer":return Oe;case"conformityRelativeProgressRenderer":return we;case"salesAIQuantityRenderer":return ke;case"agGroupCellRenderer":return"agGroupCellRenderer";case"agAnimateShowChangeCellRenderer":return"agAnimateShowChangeCellRenderer";case"agAnimateSlideCellRenderer":return"agAnimateSlideCellRenderer";case"missionResultsRenderer":return qe;case"incentiveDateRangeRenderer":return Pe;case"incentiveParticipantsRenderer":return He;case"incentiveTotalRenderer":return Ue;case"courseStatusRenderer":return Be;case"entityRenderer":return Fe;case"actionsRenderer":return Je;case"gridRenderer":return Ye;case"exportRenderer":return z;case"defaultRenderer":default:return w}}export{Ke as a,ze as b,Se as c,Qe as g,De as p,Ve as v}

package/dist/design-system/p-ef1901b3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as e,H as o,g as r}from"./p-c26cc6ff.js";import{M as i,B as s}from"./p-4d956bd4.js";import{bo as n,br as l,bv as c,i as d,m as p,b7 as h,bt as b,T as f,b6 as m,K as g,j as v,af as y,t as u,S as x,b as w,a3 as k,bs as z,aq as C,z as j,y as T}from"./p-a966475f.js";import{i as S,a as E}from"./p-52b2bcbf.js";import{i as M,n as I}from"./p-e37ba040.js";import{g as P}from"./p-9430559f.js";import"./p-b5241164.js";import{p as O}from"./p-bf4c566d.js";import{a as B,f as Y}from"./p-33b2d3a2.js";import{g as A}from"./p-85292647.js";import{a as D,i as q}from"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-8c8163b6.js";import"./p-bd19a341.js";const L=class{constructor(e){t(this,e),this.loadMoreClicked=a(this,"loadMoreClicked",7),this.closePage=a(this,"closePage",7),this.showMore=a(this,"showMore",7),this.closeDeleteMode=a(this,"closeDeleteMode",7),this.selected=a(this,"selected",7),this.deleteMessages=a(this,"deleteMessages",7),this.conferenceMessageClicked=a(this,"conferenceMessageClicked",7),this.startVideocall=a(this,"startVideocall",7),this.chatFocused=a(this,"chatFocused",7),this.mediaInput=a(this,"mediaInput",7),this.playerReady=a(this,"playerReady",7),this.viewToggled=a(this,"viewToggled",7),this.scrolledBottom=a(this,"scrolledBottom",7),this.scrolledTop=a(this,"scrolledTop",7),this.messages=[],this.selectedTimeTokens=[]}get messageElements(){return Array.from(this.host.shadowRoot.querySelectorAll("yoo-chat-message"))}onPlaying(t){t&&t.detail&&(this.currentActivePlayerId=t.detail)}onStatusTap(t){t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation()}onPlayerClicked(){this.onToggleView()}onInputFocused(){this.inputFocused=!0,this.scrollBottomOnKeyboradShown=!0}onMediaLoading(t){this.showLoader=null==t?void 0:t.detail}onInputBlurred(){this.inputFocused=!1,this.preventToggle=!0,setTimeout((()=>{this.preventToggle=!1}),200)}onKeyboardShown(){this.scrollBottomOnKeyboradShown&&(this.scrollToBottom(),this.scrollBottomOnKeyboradShown=!1)}onMediaChatClicked(t){if(t.detail){const a=this.messages.filter((t=>t.type===i.video||t.type===i.photo||t.type===i.gif)),e=a.indexOf(t.detail),o=O(a),r=t=>a[t]&&o[t]?{message:a[t],item:o[t]}:null,{message:s,item:l}=r(e);B({items:o,currentSlideIndex:e,showBottomContainer:!1,secondaryActions:[{icon:"photo-annotated",isVisible:t=>{if(!(t>=0))return!0;const{item:a}=r(t);return a&&!(D(a.value)||M(a.value))},handler:t=>{(null==t?void 0:t.target)&&(T(null==t?void 0:t.target,"yoo-photo-editor").isReadonly=!1)}},{icon:"download",isVisible:()=>!0,handler:()=>{const{message:t,item:a}=r(e);t&&a&&(q(a.value)||D(a.value))&&"string"==typeof a.value&&I(a.value)}}],submitPhotoEditorButton:{text:"YOOBICSEND",shape:"rectangular",color:"success",size:"large",handler:t=>{n(t).then((()=>{var a;t&&this.mediaInput.emit({type:i.photo,payload:l.value,options:{requireUpload:!1,annotationData:t,dimensionData:null===(a=s.options)||void 0===a?void 0:a.dimensionData}})}))}}})}}async startCountDown(t,a,e,o){this.countDownStartValue=t,this.countDownValue=this.countDownStartValue,this.requestIntervalID=l((()=>{this.countDownValue--,this.countDownValue<=a&&!this.showCountdown&&(this.countDownStartValue=this.countDownValue,e()&&e(),this.showCountdown=!0),this.countDownValue<-1&&(b(this.requestIntervalID.value),this.requestIntervalID.value=null,o&&o())}),1e3)}async scrollToBottom(t){if(t&&this.scroll)return this.scroll.scrollToBottom(200)}async onToggleFloatingAnimation(t){const a=document.createElement("yoo-icon");c(this.floatingContainer,t.cssClass||"heart",a)}async scrollToTop(){return this.scrollToInternal(0)}async scrollToInternal(t){this.scroll&&this.scroll.scrollToPoint(0,t,0)}async onLoadMoreCompleted(t){this.refresher&&this.refresher.complete(),this.disableLoadMore=t}async onToggleView(){this.preventToggle||(this.hideControls=!this.hideControls,!d()&&this.broadcastParams&&this.broadcastParams.isLive?this.viewToggled.emit(this.hideControls):this.videoPlayerEl&&this.videoPlayerEl.togglePlay())}async onShowView(){this.preventToggle||(this.hideControls=!1)}async onHideView(){this.preventToggle||(this.hideControls=!0)}componentDidLoad(){this.initChat(),this.showBackgroundVideo&&!d()&&this.playerReady.emit(this.videoElWrapper)}componentDidUpdate(){this.oldestMostRecentMessageElement?this.refreshMessages():this.initChat(),!d()&&this.broadcastParams&&this.broadcastParams.isLive&&this.showBackgroundVideo&&this.videoElWrapper&&this.videoElWrapper.firstChild&&this.videoElWrapper.firstChild.childElementCount<=0&&this.playerReady.emit(this.videoElWrapper)}disconnectedCallback(){p()&&this.enableKeyboardResizing&&h(),this.requestIntervalID&&b(this.requestIntervalID.value)}get isSomeoneTyping(){return this.usersTyping&&Object.keys(this.usersTyping).length>0}initChat(){this.chatFocused.emit(!0),this.ionContent&&(this.ionContent.getScrollElement().then((async t=>{if(t){this.scroll=t;const a=(this.messageElements||[]).reverse();await Promise.all(a.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0)))),this.scroll&&f(this.scroll,.15,{scrollTo:this.scroll.scrollHeight});for(const t of a)await(null==t?void 0:t.renderContent())}})),p()&&this.enableKeyboardResizing&&m())}onHeadingClicked(){var t,a,e;this.background||1!==(null===(t=this.users)||void 0===t?void 0:t.length)||(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)||(null===(e=this.advancedOptions)||void 0===e?void 0:e.isStore)||g({type:"user-detail",params:{user:this.users[0]}})}refreshMessages(){this.initMessages()}async initMessages(){const t=(this.messageElements||[]).reverse();await Promise.all(t.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0))));const a=this.messageElements.find((t=>{var a;return(null===(a=null==t?void 0:t.message)||void 0===a?void 0:a.timetoken)===this.oldestMostRecentMessageElement}));a&&f(this.scroll,0,{scrollTo:{y:a,offsetY:10}}).then((()=>{this.oldestMostRecentMessageElement=null}));for(const a of t)await(null==a?void 0:a.renderContent())}onChatFocused(){this.chatFocused.emit(!0)}getLastMessage(t){return t===this.messages.length-1||this.messages[t].author!==this.messages[t+1].author||!this.messages[t+1].author||S(this.messages[t+1])}getFirstMessage(t){return 0===t||this.messages[t].author!==this.messages[t-1].author||!this.messages[t-1].author||S(this.messages[t-1])}isNextImage(t){return this.messages&&this.messages[t+1]&&E(this.messages[t+1])}onPullToRefresh(){var t,a;const e=this.messageElements.filter((t=>t));this.oldestMostRecentMessageElement=null===(a=null===(t=e[0])||void 0===t?void 0:t.message)||void 0===a?void 0:a.timetoken,this.loadMoreClicked.emit(!0)}onCloseDeleteMode(){this.selectedTimeTokens=[],this.closeDeleteMode.emit(!1)}onSelectMessages(t=!0){this.selectedTimeTokens=[],t&&this.messages.forEach((t=>{t&&!t.deleted&&(t.author&&t.author._id===v().user._id||this.forceDelete)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onClickMessage(t,a){const e=t.detail||!1;this.selectedTimeTokens=[],this.messages.forEach((t=>{t&&(t.timetoken!==a&&t.selected||t.timetoken===a&&e)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onDeleteMessages(){this.selectedTimeTokens.length>0&&y([{text:u("DELETE"),cssClass:"danger",handler:()=>{this.selectedTimeTokens=[],this.deleteMessages.emit(!0)}}],"stable")}onSwipeDown(t){t&&t.stopPropagation(),this.broadcastParams&&this.broadcastParams.closeHandler&&this.broadcastParams.closeHandler()}onInfiniteScroll(){this.loadMoreClicked.emit(!0)}async onIonScroll(t){var a,e,o;(x(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.scrollTop)&&t.detail.scrollTop)<=2&&!this.disableLoadMore&&w(this.host)&&this.onPullToRefresh(),this.broadcastMode&&(!this.scroll&&this.ionContent&&(this.scroll=await this.ionContent.getScrollElement()),this.scroll.scrollHeight-(null===(e=this.scroll)||void 0===e?void 0:e.clientHeight)===(null===(o=t.detail)||void 0===o?void 0:o.scrollTop)?this.scrolledBottom.emit(!0):this.scrolledTop.emit(!0))}onMapChatActions(t){return this.chatSecondaryActions.map((a=>Object.assign(Object.assign({},a),{isVisible:()=>!a.isVisible||a.isVisible(t),handler:()=>a.handler?a.handler(t):""})))}onHighlightMessage(t){var a,e,o;(null==t?void 0:t.detail)&&this.chatSecondaryActions&&this.chatSecondaryActions.length>0&&((null===(a=t.detail)||void 0===a?void 0:a.message)&&(null===(e=t.detail)||void 0===e?void 0:e.content)&&(t.detail.message.content=t.detail.content),y(this.onMapChatActions(t.detail.message),"danger",{preventOverlayClick:!0},null===(o=t.detail)||void 0===o?void 0:o.host))}onRepliedMessageClicked(t){var a,e,o;const r=null===(a=this.messages)||void 0===a?void 0:a.findIndex((a=>a.timetoken===t.detail)),i=(null===(e=this.messages)||void 0===e?void 0:e.length)-1-r;if(this.messageElements[i]){const t=this.messageElements[i].getBoundingClientRect().bottom,a=null===(o=this.inputBarContainerElement)||void 0===o?void 0:o.getBoundingClientRect().top;this.scroll.scrollByPoint(0,t-a-10,300)}}renderAvatars(){var t,a,o;let r=w(this.host)?"medium":"small";return(null===(t=this.advancedOptions)||void 0===t?void 0:t.popupMode)&&(r="extra-small"),!this.background&&this.users&&1===this.users.length?e("yoo-avatar",{class:{clickable:!this.background&&1===(null===(a=this.users)||void 0===a?void 0:a.length)},onClick:()=>this.onHeadingClicked(),size:r,isOnline:this.isOnline,user:this.users[0]}):!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode)&&e("yoo-avatars",{size:"extra-small",layout:"grid",users:this.users})}renderReadOnlyHeader(){var t,a,o,r,i,s,n,l;if(null===(t=this.advancedOptions)||void 0===t?void 0:t.heading)return this.renderAdvancedHeader();let c=w(this.host)?"medium":"small";(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)&&(c="extra-small");const d=!!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode),p=d?"light":"text-color-to-stable-alt",h=w(this.host)?"yoo-tooltip":"span";return e("yoo-header",{onClick:()=>{var t;(null===(t=this.advancedOptions)||void 0===t?void 0:t.headerFn)&&this.advancedOptions.headerFn()}},e("yoo-navbar",{class:d?"app-color chat no-shadow":"",centerTitle:!1},(this.closeIcon||!w(this.host))&&e("yoo-items",{slot:"start"},e("yoo-button",{size:d?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>{t.stopPropagation(),this.closePage.emit(!0)}},e("yoo-icon",{size:d?"small":void 0,name:this.closeIcon?this.closeIcon:"left",color:p}))),this.background?e("yoo-avatar",{size:c,imgSrc:this.background}):this.renderAvatars(),e("div",{class:{"heading-container":!0,"light small":d,clickable:!this.background&&1===(null===(r=this.users)||void 0===r?void 0:r.length)},onClick:()=>this.onHeadingClicked()},e("yoo-truncate",null,this.heading),!this.isMultiple&&!d&&e("yoo-truncate",{class:"subheading"},u(this.isOnline?"ONLINE":"OFFLINE"))),e("yoo-items",{slot:"end"},this.canVideoCall&&!d&&e("yoo-button",{size:d?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>this.startVideocall.emit(!0)},e("yoo-icon",{size:d?"small":void 0,name:"videocamera",color:d?p:"app-color"})),!d&&!(null===(i=this.advancedOptions)||void 0===i?void 0:i.waitlist)&&e("yoo-button",{ref:t=>this.moreButtonEl=t,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>this.showMore.emit({host:this.moreButtonEl,ev:t})},e("yoo-icon",{name:"more",color:p})),(null===(n=null===(s=this.advancedOptions)||void 0===s?void 0:s.extraEndActions)||void 0===n?void 0:n.length)&&(null===(l=this.advancedOptions)||void 0===l?void 0:l.extraEndActions.map((t=>e(h,{hoverable:!0,content:t.text,placement:"top"},e("yoo-button",{size:d?"small":void 0,onClick:a=>t.handler(a),shape:"circular",fill:"transparent"},e("yoo-icon",{size:d?"small":"medium",class:t.cssClass,name:t.icon,color:t.color})))))))))}renderAdvancedHeader(){return e("div",{class:"advanced-heading-container"},e("div",{class:"advanced-heading"},e("div",{class:"advanced-heading-content"},e("yoo-avatar",{user:this.advancedOptions.user,size:"small"}),e("div",null,this.advancedOptions.heading),this.advancedOptions.canClose&&e("yoo-icon",{onClick:()=>{n(null)},color:"light",name:"close",size:"medium"})),e("div",{class:"advanced-heading-subheading"},this.advancedOptions.subheading)),e("yoo-ion-footer",null,e("yoo-copyright",{color:"light"})))}renderEditableHeader(){return e("yoo-header",{class:"delete-mode-header"},e("yoo-navbar",null,e("yoo-items",{slot:"start"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onSelectMessages(!0)},u("SELECTALL"))),e("yoo-items",{slot:"end"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onCloseDeleteMode()},u("CANCEL")))))}renderInputBar(){return e("div",{class:"input-bar-container",ref:t=>this.inputBarContainerElement=t},e("slot",{name:"input-bar"}))}renderDeleteModeFooter(){return e("div",{class:"delete-mode-footer "+(this.selectedTimeTokens.length>0?"app-color":"disabled")},e("div",{class:"inner-container",onClick:()=>this.onDeleteMessages()},e("yoo-icon",{name:"delete"})," ",u(this.selectedTimeTokens.length<=1?"DELETE_MESSAGE":"DELETE_MESSAGES",{number:this.selectedTimeTokens.length})))}renderTypingIcon(){return[e("div",{class:"user-typing"},e("div",{class:"typing-indicator"},e("span",null),e("span",null),e("span",null)))]}renderUserName(t){return t&&t.firstName&&t.lastName&&e("div",{class:"username"},`${t.firstName} ${t.lastName} ${u("ISTYPING")}...`)}renderUser(t){return e("div",{class:"user-container"},t&&e("yoo-avatar",{size:"medium",user:t}))}renderIsTypingMultiple(){return Object.keys(this.usersTyping).map((t=>[this.renderUserName(this.usersTyping[t]),e("div",{class:"bottom-part"},this.renderUser(this.usersTyping[t]),this.renderTypingIcon())]))}renderSomeoneIsTyping(){return[e("div",{class:"someone-typing-container"},this.isMultiple?this.renderIsTypingMultiple():this.renderTypingIcon())]}renderChatMessages(){return this.messages.map(((t,a)=>{var o,r;if(!(null==t?void 0:t.deleted))return e("yoo-chat-message",{onConferenceMessageClicked:t=>{this.conferenceMessageClicked.emit(t.detail)},onRepliedMessageClicked:t=>this.onRepliedMessageClicked(t),id:t.chatId,key:t.chatId,hasOptions:w(this.host),hasStatus:!0,message:t,asyncRender:!0,allUsers:this.allUsers,isLast:this.getLastMessage(a),isFirst:this.getFirstMessage(a),onClicked:a=>this.onClickMessage(a,t.timetoken),isNextImage:this.isNextImage(a),isGroup:this.isMultiple,receivedByOthers:t.options&&t.options.messageRecievedInfo&&t.options.messageRecievedInfo.length===(null===(o=this.otherIds)||void 0===o?void 0:o.length),onPresshold:t=>this.onHighlightMessage(t),currentActivePlayerId:this.currentActivePlayerId,containerWidth:this.containerWidth,forceDelete:this.forceDelete,imageWidthRatio:(null===(r=this.advancedOptions)||void 0===r?void 0:r.popupMode)?.65:void 0,preventVideoPreloading:this.preventVideoPreloading,onUsernameClicked:t=>g({type:"user-detail",params:{user:t.detail}}),onAvatarClicked:t=>g({type:"user-detail",params:{user:t.detail}})})}))}renderBroadcastActions(t){const a=t.actionType,o=(t,a)=>{t.stopPropagation(),(null==a?void 0:a.handler)&&a.handler()};return"badge"===a?e("yoo-tag",{color:t.color,onClick:a=>o(a,t)},t.icon&&e("yoo-icon",{slot:"start",size:"small",name:t.icon}),t.text):"icon"===a?e("yoo-icon",{name:t.icon,color:"light",onClick:a=>o(a,t)}):void 0}renderBroadcastMessage(t){return e("div",{class:"broadcast-message"},e("yoo-avatar",{size:"medium",user:t.author}),e("div",{class:"content-container"},e("div",{class:"title"},P(t.author)),e("div",{class:"content"},t.content)))}renderShareOptions(t){var a;return e("div",{class:"share-container"},e("span",{class:"text"},t.text),e("div",{class:"buttons-container"},null===(a=null==t?void 0:t.shareButtons)||void 0===a?void 0:a.map((t=>A(t)))))}renderBroadcastBottom(){var t;return e("div",{class:"broadcast-bottom-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"floating-icon-container",ref:t=>this.floatingContainer=t}),(this.broadcastParams.isLive||this.broadcastParams.broadcastType!==s.broadcaster)&&[!!(null===(t=this.messages)||void 0===t?void 0:t.length)&&e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{hide:this.inputFocused},scrollEvents:!0,ref:t=>this.ionContent=t},e("div",{class:{"message-inner-container":!0}},this.messages&&this.messages.filter((t=>!k(t))).map((t=>this.renderBroadcastMessage(t))))),this.broadcastParams.isLive&&this.renderInputBar()],this.broadcastParams.finished&&this.broadcastParams.shareOptions&&this.renderShareOptions(this.broadcastParams.shareOptions),!this.broadcastParams.isLive&&!this.broadcastParams.finished&&this.broadcastParams.footerAction&&A(this.broadcastParams.footerAction))}renderVideo(){var t;const a=!d()&&this.broadcastParams.isLive;if(!(null===(t=this.broadcastParams)||void 0===t?void 0:t.videoSrc)&&!a)return;const o={videoPlayerCoreParameters:{source:this.broadcastParams.videoSrc,controls:!0,preventAutoResume:!0,cover:!0,fullscreen:!1,extraClass:"fullscreen"},preventVcAuto:!0,preventAutoPauseOnBlur:!0};return e("div",{ref:t=>this.videoElWrapper=t,class:{"video-outer-container":!0,"not-cordova":a}},a?e("div",{class:"video-container"}):e("yoo-videoplayer-core",Object.assign({ref:t=>this.videoPlayerEl=t},o)))}renderBroadcastStatus(t){const a=()=>t.users&&t.users.length>0&&e("div",{class:"avatars-container"},t.users.map((t=>e("yoo-avatar",{size:"small",user:t}," ")))),o=()=>e("span",{class:"status-text"},t.text);return e("div",{class:{"extra-status-container":!0,finished:this.broadcastParams.finished}},this.broadcastParams.finished?[o(),a()]:[a(),o()])}renderTimer(){if(!this.showCountdown)return;const t=z(this.countDownValue,!0),a=x(this.countDownValue)&&x(this.countDownStartValue)?this.countDownValue/this.countDownStartValue*100:0;return e("div",{class:"timer-container"},e("yoo-progress-bar",{animated:!0,class:"auto-height",shape:"circle",listenToProgress:!0,hideProgressValue:!0,progressAnimationDuration:0,progressValue:a,percentProgressColorScheme:!1,onProgressUpdate:t=>(t=>{t&&t.target&&t.detail&&100===t.detail&&(t.target.progressAnimationDuration=1.25)})(t)}),e("div",null,t))}renderOverlay(){return e("div",{class:"blur-overlay"})}renderBroadcastInnerContainer(t){var a,o;return e("div",{class:{"broadcast-container":!0,"hide-controls":this.hideControls,"show-player":this.showBackgroundVideo&&this.broadcastParams.showControl},onClick:()=>{this.onToggleView()}},e("div",{class:"top-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"left"},(this.broadcastParams.isLive||!t)&&[e("yoo-avatar",{size:"small",user:this.broadcastParams.user}," "),e("span",null,this.broadcastParams.title)],this.broadcastParams.closeHandler&&!this.broadcastParams.isLive&&!this.broadcastParams.finished&&t&&!w(this.host)&&[e("yoo-icon",{name:"close",color:"light",onClick:()=>{this.broadcastParams.closeHandler()}}),e("yoo-tag",{color:"energized"},"BETA")]),((null===(a=this.broadcastParams)||void 0===a?void 0:a.headerTopActions)||this.broadcastParams.isLive)&&e("div",{class:"right"},((null===(o=this.broadcastParams)||void 0===o?void 0:o.headerTopActions)||[]).map((t=>this.renderBroadcastActions(t)))),!this.broadcastParams.isLive&&this.broadcastParams.broadcastStatus&&this.renderBroadcastStatus(this.broadcastParams.broadcastStatus)),!this.broadcastParams.finished&&this.broadcastParams.statusActions&&e("div",{class:"status-container",onClick:t=>{t.stopPropagation()}},this.broadcastParams.statusActions.map((t=>this.renderBroadcastActions(t))),this.broadcastParams.isLive&&t&&this.renderTimer()),this.renderBroadcastBottom(),this.broadcastParams.finished&&this.renderOverlay(),this.showBackgroundVideo&&this.renderVideo(),w(this.host)&&e("div",{class:"video-container"},e("slot",{name:"video"})))}renderBroadcastContainer(){const t=this.broadcastParams.broadcastType===s.broadcaster;return this.broadcastParams.isPlayback&&!w(this.host)?e("yoo-swipe-container",{class:"dark",onSwipedDown:t=>{this.onSwipeDown(t)}},this.renderBroadcastInnerContainer(t)):this.renderBroadcastInnerContainer(t)}renderSimpleChat(){return[this.disableHeader?null:this.deleteModeEnabled?this.renderEditableHeader():this.renderReadOnlyHeader(),e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{"bg-light-to-dark":!this.transparent,"simple-content":!0},forceOverscroll:!1,scrollEvents:!0,onIonScrollEnd:()=>{this.onChatFocused()},onClick:()=>{this.onChatFocused()},ref:t=>this.ionContent=t},e("yoo-ion-refresher",{class:this.transparent?"transparent":"",slot:"fixed",onIonRefresh:()=>this.onPullToRefresh(),disabled:this.deleteModeEnabled,ref:t=>this.refresher=t},e("yoo-ion-refresher-content",{pullingText:u("PULLTOREFRESH")})),e("div",{onClick:()=>{C("hideBottomDialog",window)},class:{"messages-container":!0,"iphone-x":j()}},this.messages&&this.renderChatMessages(),this.showLoader&&e("yoo-loader",{class:"loader transparent"}),this.isSomeoneTyping&&this.renderSomeoneIsTyping())),this.hideInputBar?null:this.deleteModeEnabled?this.renderDeleteModeFooter():this.renderInputBar()]}render(){var t,a,r;return e(o,{class:Object.assign({broadcast:this.broadcastMode,live:null===(t=this.broadcastParams)||void 0===t?void 0:t.isLive,popup:null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode,broadcaster:(null===(r=this.broadcastParams)||void 0===r?void 0:r.broadcastType)===s.broadcaster},Y(this.host))},this.broadcastMode?this.renderBroadcastContainer():this.renderSimpleChat())}get host(){return r(this)}};L.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--typing-username-padding-left:45px;--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%);--chat-message-max-width:75%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .bg-app-color{background-color:var(--app-color) !important}:host .app-color{color:var(--app-color);fill:var(--app-color)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .bg-danger-light{background-color:var(--danger-light, #f46885) !important}:host .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .bg-energized{background-color:var(--energized, #fed05b) !important}:host .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .bg-royal{background-color:var(--royal, #7577ff) !important}:host .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .bg-info{background-color:var(--info, #fc459e) !important}:host .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}:host .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}:host .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}:host .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .bg-light-orange{background-color:var(--light-orange, #fcae49) !important}:host .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .bg-warning{background-color:var(--warning, #ff6402) !important}:host .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}:host .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}:host .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}:host .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}:host .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .delete-mode-header{-webkit-animation:slide-down 0.4s ease;animation:slide-down 0.4s ease}:host .loader{width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem);margin-left:auto}:host .simple-content{overflow:hidden}:host .timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;color:var(--light, #ffffff)}:host .timer-container yoo-progress-bar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);padding-right:var(--spacing-16, 1rem);--stroke-width-circle:var(--spacing-04, 0.25rem)}:host .heading-container{font-weight:bold;line-height:normal}:host .heading-container.light{color:var(--light, #ffffff)}:host .heading-container.small{font-size:var(--font-size-14, 0.875rem)}:host .heading-container .subheading{color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:7rem;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .advanced-heading-container .advanced-heading{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .advanced-heading-container .advanced-heading .advanced-heading-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-icon{margin-left:auto}:host .advanced-heading-container .advanced-heading .advanced-heading-subheading{font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container yoo-ion-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--dark, #000000);border-top:none}:host .messages-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:0.2rem;padding:0.3125rem 0.625rem 5.625rem 0.625rem;overflow:hidden}:host .messages-container .someone-typing-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacing-10-deprecated, 0.625rem)}:host .messages-container .someone-typing-container .user-typing{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:56px;height:36px;background-color:var(--stable-light);border-radius:18px}:host .messages-container .someone-typing-container .user-typing .typing-indicator{position:relative;display:-ms-flexbox;display:flex;width:auto;margin:0 auto;background-color:var(--stable-light, #f1f1f1);border-radius:3.125rem;-webkit-animation:2s bulge infinite ease-out;animation:2s bulge infinite ease-out;will-change:transform}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}:host .messages-container .someone-typing-container .user-typing .typing-indicator::before,:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{position:absolute;bottom:-0.125rem;left:-0.125rem;width:0.5rem;height:0.5rem;background-color:var(--stable-light, #f1f1f1);border-radius:50%;content:""}:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{bottom:-0.1875rem;left:-0.1875rem;width:0.1875rem;height:0.1875rem}:host .messages-container .someone-typing-container .user-typing .typing-indicator span{display:block;float:left;width:0.5rem;height:0.5rem;margin:0 0.0625rem;background-color:var(--stable, #adadad);border-radius:50%;opacity:0.4}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(1){-webkit-animation:1s blink infinite 0.3333s;animation:1s blink infinite 0.3333s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(2){-webkit-animation:1s blink infinite 0.6666s;animation:1s blink infinite 0.6666s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(3){-webkit-animation:1s blink infinite 0.9999s;animation:1s blink infinite 0.9999s}:host .messages-container .someone-typing-container .username{padding-bottom:3px;padding-left:var(--typing-username-padding-left);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .messages-container .someone-typing-container .bottom-part{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-left:var(--spacing-05-deprecated, 0.3125rem)}:host .delete-mode-footer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:3rem;font-weight:var(--font-weight-400, 400);background:var(--light-to-dark, #ffffff);-webkit-box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));-webkit-animation:slide-up 0.4s ease;animation:slide-up 0.4s ease}:host .delete-mode-footer .app-color{color:var(--app-color);fill:var(--app-color)}:host .delete-mode-footer .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .delete-mode-footer .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .delete-mode-footer .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .delete-mode-footer .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .delete-mode-footer .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .delete-mode-footer .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .delete-mode-footer .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .delete-mode-footer .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .delete-mode-footer .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .delete-mode-footer .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .delete-mode-footer .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .delete-mode-footer .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .delete-mode-footer .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .delete-mode-footer .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .delete-mode-footer .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .delete-mode-footer .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .delete-mode-footer .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .delete-mode-footer .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .delete-mode-footer .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .delete-mode-footer .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .delete-mode-footer .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .delete-mode-footer .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}:host .delete-mode-footer .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--spacing-16, 1rem)}:host .delete-mode-footer.disabled{color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-navbar yoo-avatar,:host yoo-navbar yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}:host yoo-chat-message{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);--media-max-width:var(--chat-message-max-width)}:host(.iphone-x) .delete-mode-footer{padding-bottom:var(--spacing-24, 1.5rem)}:host(.broadcast.iphone-x) .broadcast-container .top-container{padding-top:var(--spacing-48, 3rem)}:host(.broadcast.iphone-x) .broadcast-container .broadcast-bottom-container{padding-bottom:var(--spacing-40, 2.5rem)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container{background:var(--dark-to-light, #000000)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container .video-container{height:97%}:host(.broadcast.web){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.broadcast.web) .broadcast-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:23.4375rem;padding-bottom:var(--container-safe-area-bottom)}:host(.broadcast.web.broadcaster){--container-safe-area-bottom:7.5rem}:host(.broadcast.web.live.broadcaster){--message-content-height:45%}:host(.broadcast.web.live.broadcaster) .broadcast-container .quick-reaction-overlay{position:absolute;bottom:calc(var(--container-safe-area-bottom) + 8.75rem);z-index:99}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container.hide{position:absolute;z-index:-1;opacity:0}:host(.broadcast){--player-margin-bottom:18%;--message-content-height:35%}:host(.broadcast) yoo-swipe-container{width:100%;height:100%}:host(.broadcast) .broadcast-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container.show-player .broadcast-bottom-container{margin-bottom:var(--player-margin-bottom)}:host(.broadcast) .broadcast-container.hide-controls{background-image:none}:host(.broadcast) .broadcast-container.hide-controls .top-container,:host(.broadcast) .broadcast-container.hide-controls .status-container,:host(.broadcast) .broadcast-container.hide-controls .broadcast-bottom-container{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host(.broadcast) .broadcast-container .top-container,:host(.broadcast) .broadcast-container .status-container,:host(.broadcast) .broadcast-container .broadcast-bottom-container .messages-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container.live{--message-content-height:45%}:host(.broadcast) .broadcast-container .video-container{position:absolute;width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container{position:absolute;z-index:2;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .video-outer-container video{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova{height:0;overflow:hidden;opacity:0}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova .video-container{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova.active{position:absolute;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .overlay{position:absolute;top:0;bottom:var(--player-margin-bottom);z-index:2;width:100%;height:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container{position:relative;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--message-content-height);margin-top:auto;color:var(--light, #ffffff);-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .input-bar-container{display:-ms-flexbox;display:flex;min-height:3.125rem}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-button.start-live{width:auto;margin-top:auto;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container{position:absolute;right:0;bottom:50px;width:80px;height:35vh}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container yoo-icon{position:absolute;bottom:0;font-size:var(--font-size-18, 1.125rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:auto;padding:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .text{width:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .buttons-container{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr;width:100%;padding:0;padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .content-overlay{position:absolute;top:-cssvar(spacing-40);z-index:1;width:100%;height:var(--spacing-40, 2.5rem);background-color:var(--dark-to-light, #000000);-webkit-filter:blur(10px);filter:blur(10px)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content{background:transparent;opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content.hide{z-index:-1;opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container{overflow:auto}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .title{font-size:var(--font-size-14, 0.875rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .content{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-input-bar{position:initial;z-index:2;margin-top:auto}:host(.broadcast) .broadcast-container .top-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--dark, #000000)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, var(--dark, #000000), rgba(0, 0, 0, 0))}:host(.broadcast) .broadcast-container .top-container .left{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .left span{padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .left yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .top-container .right{display:-ms-flexbox;display:flex;margin-left:auto}:host(.broadcast) .broadcast-container .top-container .right yoo-icon{padding-top:var(--spacing-02, 0.125rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container{display:-ms-flexbox;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished{-ms-flex-direction:column;flex-direction:column;margin-top:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished .status-text{padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .status-text{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .blur-overlay{position:absolute;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container .status-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding-top:0}:host(.broadcast) .broadcast-container .status-container yoo-icon,:host(.broadcast) .broadcast-container .status-container yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.web) yoo-navbar{--center-padding:0 var(--spacing-16, 1rem) 0 0}:host(.web) yoo-navbar yoo-avatar,:host(.web) yoo-navbar yoo-avatars{margin-right:var(--spacing-16, 1rem)}:host(.web) .heading-container.clickable,:host(.web) yoo-avatar.clickable{cursor:pointer}:host(.popup) yoo-navbar:hover{cursor:pointer}:host(.popup) yoo-navbar yoo-button{--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}';export{L as yoo_chat}