@yoobic/yobi 7.7.80 → 7.7.84

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

@@ -0,0 +1 @@
+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){var o;const n=e.value;return n&&n.toUpperCase?a(n.toUpperCase()):(null==n?void 0:n.value)&&(null===(o=null==n?void 0:n.value)||void 0===o?void 0:o.toUpperCase)?a(n.value.toUpperCase()):""}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/esm/{grid-renderers-ad52eacd.js → grid-renderers-1dd42472.js}

@@ -182,11 +182,15 @@ function booleanRenderer(params) {
   return '';
 }
 function translateRenderer(params) {
+  var _a;
   const value = params.value;
   if (value && value.toUpperCase) {
     return translateMulti(value.toUpperCase());
   }
-  return value;
+  else if ((value === null || value === void 0 ? void 0 : value.value) && ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase)) {
+    return translateMulti(value.value.toUpperCase());
+  }
+  return '';
 }
 function keyTranslateRenderer(params) {
   const value = params.value;

package/dist/esm/yoo-action-sheet-controller_15.entry.js

@@ -24,7 +24,7 @@ import { i as isString } from './isString-1673d591.js';
 import { c as createAggregator } from './_createAggregator-8d09e764.js';
 import { g as get } from './get-3cbd3bd6.js';
 import { s as setValidator, i as getFormBottomPosition, b as setValueAndValidateInput, v as validate, n as initNumber, d as convertValueForInputType, h as onIconClicked, o as onInputClear, m as onInputBlurred, l as onInputFocused } from './form-input-helpers-da854059.js';
-import { g as getRenderer } from './grid-renderers-ad52eacd.js';
+import { g as getRenderer } from './grid-renderers-1dd42472.js';
 import { g as getFromLocalForage, b as getKeyToCache } from './localForage-fb0baf03.js';
 import { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
 import './isUndefined-11cbe419.js';
@@ -1018,7 +1018,7 @@ const YooEntityComponent = class {
     return null;
   }
   renderCardList(extraClasses) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
     let entry = {};
     if (this.entityType === 'missions' || (this.entityType === 'missiondatas' && ((_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.type) === 'kanban')) {
       let mission = this.item;
@@ -1296,7 +1296,8 @@ const YooEntityComponent = class {
         avatarFrame: file.imgSrc ? 'rounded-square' : 'square',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'large',
         allowCustomHtml: true,
-        subheadings: this.isAutocompleteSelected() ? null : compact([directory + pipes.fileSize.transform(file.size), (file.highlight || []).join(', ')]) // , //, file.mimeType
+        forceTextHeading: ((_s = file === null || file === void 0 ? void 0 : file.highlight) === null || _s === void 0 ? void 0 : _s.length) > 0,
+        subheadings: this.isAutocompleteSelected() ? null : compact([directory + pipes.fileSize.transform(file.size), ...(file.highlight || [])]) // , //, file.mimeType
         // badges: [{ iconLeft: getIcon(file), cssClass: 'tag small round dark' }]
       };
     }
@@ -1410,15 +1411,15 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'language') {
       entry = {
-        heading: ((_s = this.item) === null || _s === void 0 ? void 0 : _s._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
-        flag: this.host.classList.contains('hide-icon') ? null : ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
+        heading: ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
+        flag: this.host.classList.contains('hide-icon') ? null : ((_u = this.item) === null || _u === void 0 ? void 0 : _u._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
       };
     }
     else if (this.entityType === 'waitlistvisit') {
       const visit = this.item;
       const tagElements = getWaitlistVisitTags(visit);
       entry = {
-        heading: ((_u = visit.name) === null || _u === void 0 ? void 0 : _u.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
+        heading: ((_v = visit.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
         tagElements
       };
       if (!isWeb(this.host)) {
@@ -1433,7 +1434,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'waitlistcustomer') {
       const customer = this.item;
       entry = {
-        heading: ((_v = customer.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
+        heading: ((_w = customer.name) === null || _w === void 0 ? void 0 : _w.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
         subheadings: compact([customer.phone, customer.email])
       };
     }
@@ -1536,7 +1537,7 @@ const YooEntityComponent = class {
         subheadings: this.isAutocompleteSelected() ? null : group.description ? [group.description] : null,
         iconText: group.title || group.name || group._id,
         heading: group.title || group.name || group._id,
-        imgSrc: (_w = group.icon) === null || _w === void 0 ? void 0 : _w._downloadURL
+        imgSrc: (_x = group.icon) === null || _x === void 0 ? void 0 : _x._downloadURL
       };
       entry.subheadings = group.subheadings || entry.subheadings;
     }
@@ -1546,7 +1547,7 @@ const YooEntityComponent = class {
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
         iconText: tenant.title || tenant.name,
         heading: (tenant.title || tenant.name || '').toUpperCase(),
-        imgSrc: (_x = tenant.icon) === null || _x === void 0 ? void 0 : _x._downloadURL,
+        imgSrc: (_y = tenant.icon) === null || _y === void 0 ? void 0 : _y._downloadURL,
         subheadings: this.isAutocompleteSelected() ? null : compact([tenant.description])
       };
     }
@@ -1557,7 +1558,7 @@ const YooEntityComponent = class {
         avatarFrame: 'square',
         iconText: model.title || model.name,
         heading: model.title || model.name,
-        imgSrc: ((_y = model.background) === null || _y === void 0 ? void 0 : _y._downloadURL) || model.background,
+        imgSrc: ((_z = model.background) === null || _z === void 0 ? void 0 : _z._downloadURL) || model.background,
         subheadings: this.isAutocompleteSelected() ? null : compact([model.shortDescription])
       };
     }
@@ -1624,7 +1625,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'violetproducts') {
       const product = this.item;
       let subheadings = [product.description];
-      if (((_z = this.item.offers) === null || _z === void 0 ? void 0 : _z.length) && ((_0 = this.item.offers[0].skus) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus[0]) === null || _1 === void 0 ? void 0 : _1.sale_price)) {
+      if (((_0 = this.item.offers) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus) === null || _1 === void 0 ? void 0 : _1.length) && ((_2 = this.item.offers[0].skus[0]) === null || _2 === void 0 ? void 0 : _2.sale_price)) {
         subheadings = [pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
       }
       if (!product.available) {
@@ -1653,7 +1654,7 @@ const YooEntityComponent = class {
       };
     }
     else if (this.entityType === 'violetbasketitems') {
-      const sku = (_2 = this.item) === null || _2 === void 0 ? void 0 : _2.sku;
+      const sku = (_3 = this.item) === null || _3 === void 0 ? void 0 : _3.sku;
       const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
       const subheadings = [pipes.currency.transform(price, false, sku.currency, true)];
       entry = {
@@ -1723,9 +1724,9 @@ const YooEntityComponent = class {
         subheadings: [
           productBatch.product ? productBatch.product.reference : '',
           ...(getSession().user && getSession().user.locationRef === productBatch.locationRef
-            ? compact([((_3 = this.extraClass) === null || _3 === void 0 ? void 0 : _3.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
+            ? compact([((_4 = this.extraClass) === null || _4 === void 0 ? void 0 : _4.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
             : productBatch.location && productBatch.location.title
-              ? [productBatch.location.title + ' - ' + (((_4 = productBatch.aisle) === null || _4 === void 0 ? void 0 : _4.title) || '')]
+              ? [productBatch.location.title + ' - ' + (((_5 = productBatch.aisle) === null || _5 === void 0 ? void 0 : _5.title) || '')]
               : [])
         ],
         tags: productBatch.tags,
@@ -1769,7 +1770,7 @@ const YooEntityComponent = class {
         heading: product.title,
         subheadings,
         date: isPresent(this.item.description) ? this.item.description : null,
-        imgSrc: ((_5 = product === null || product === void 0 ? void 0 : product.image) === null || _5 === void 0 ? void 0 : _5._downloadURL) ? product.image._downloadURL : null,
+        imgSrc: ((_6 = product === null || product === void 0 ? void 0 : product.image) === null || _6 === void 0 ? void 0 : _6._downloadURL) ? product.image._downloadURL : null,
         avatarFrame: 'square',
         // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
         // this case is described into the form-entity-value-pairs.spec tests
@@ -2053,7 +2054,7 @@ const YooEntityComponent = class {
         avatarFrame: 'square'
       };
     }
-    else if (this.entityType !== 'tag' && ((_7 = (_6 = this.customModel) === null || _6 === void 0 ? void 0 : _6.appearance) === null || _7 === void 0 ? void 0 : _7.size)) {
+    else if (this.entityType !== 'tag' && ((_8 = (_7 = this.customModel) === null || _7 === void 0 ? void 0 : _7.appearance) === null || _8 === void 0 ? void 0 : _8.size)) {
       entry = {};
       this.customModel.appearance.forEach((value, key) => {
         if (key === 'displayTypes') {
@@ -2094,7 +2095,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'tiles') {
       const tile = this.item;
       entry = {
-        heading: tile.title || ((_8 = tile.page) === null || _8 === void 0 ? void 0 : _8.name),
+        heading: tile.title || ((_9 = tile.page) === null || _9 === void 0 ? void 0 : _9.name),
         imgSrc: tile.photo,
         icon: tile.icon,
         subheadings: compact([]),
@@ -2205,7 +2206,7 @@ const YooEntityComponent = class {
       !this.isAutocompleteSelected() &&
       !this.hideUIFields &&
       this.customModel &&
-      ((_10 = (_9 = this.customModel.formFields) === null || _9 === void 0 ? void 0 : _9.filter((f) => f.showInCard)) === null || _10 === void 0 ? void 0 : _10.length) > 0) {
+      ((_11 = (_10 = this.customModel.formFields) === null || _10 === void 0 ? void 0 : _10.filter((f) => f.showInCard)) === null || _11 === void 0 ? void 0 : _11.length) > 0) {
       entry.uiFields = {
         fields: this.customModel.formFields.filter((f) => f.showInCard),
         data: this.item
@@ -2266,7 +2267,7 @@ const YooEntityComponent = class {
           [extraClasses]: true,
           [this.entityType]: this.entityType !== undefined,
           'form-permission': this.host.classList.contains('form-permission')
-        } }, ((_11 = this.inlineActions) === null || _11 === void 0 ? void 0 : _11.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
+        } }, ((_12 = this.inlineActions) === null || _12 === void 0 ? void 0 : _12.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
         return (h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
       })))));
     }
@@ -2588,7 +2589,7 @@ const YooEntityComponent = class {
 };
 YooEntityComponent.style = entityCss;
 
-const formAutocompleteCss = ":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{outline:none}:host yoo-truncate{--max-lines:2}:host yoo-grid{--empty-state-height:8.125rem}:host .outer-container,:host .readonly{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .comma-separator,:host .readonly .comma-separator{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container,:host .readonly .input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;border:0.0625rem solid var(--stable-alt-to-light-60, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .input-container.no-border,:host .readonly .input-container.no-border{border:none}:host .outer-container .input-container .icon-container,:host .readonly .input-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container .icon-prefix,:host .outer-container .input-container .icon-container .icon-suffix,:host .outer-container .input-container .icon-container .icon-suffix-focus,:host .outer-container .input-container .icon-container .icon-close,:host .readonly .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-suffix,:host .readonly .input-container .icon-container .icon-suffix-focus,:host .readonly .input-container .icon-container .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-prefix{-ms-flex-pack:center;justify-content:center;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container yoo-loader,:host .readonly .input-container .icon-container yoo-loader{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .icon-container .icon-suffix .avatar-count,:host .readonly .input-container .icon-container .icon-suffix .avatar-count{position:absolute;top:50%;font-size:var(--font-size-16, 1rem);-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .outer-container .input-container .icon-container .icon-suffix.relative,:host .readonly .input-container .icon-container .icon-suffix.relative{position:relative;padding-right:0;padding-left:0}:host .outer-container .input-container .icon-container .icon-suffix .input-file,:host .readonly .input-container .icon-container .icon-suffix .input-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0}:host .outer-container .entity-content,:host .readonly .entity-content{-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:var(--spacing-08, 0.5rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-content.list,:host .readonly .entity-content.list{-ms-flex-direction:column;flex-direction:column}:host .outer-container .entity-content.placeholder,:host .readonly .entity-content.placeholder{padding-bottom:0}:host .outer-container .entity-content yoo-entity,:host .readonly .entity-content yoo-entity{padding:0.3125rem;padding-left:0;background:transparent}:host .outer-container .entity-content:not(.icon-prefix),:host .readonly .entity-content:not(.icon-prefix){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-content.unselected,:host .readonly .entity-content.unselected{color:var(--text-color-to-light-60, #807f83)}:host .outer-container .entity-container,:host .readonly .entity-container{-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-container:not(.prefix):not(.no-padding),:host .readonly .entity-container:not(.prefix):not(.no-padding){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-container.flex-unset,:host .readonly .entity-container.flex-unset{-ms-flex:unset;flex:unset}:host .outer-container .entity-container .single-entity-container,:host .readonly .entity-container .single-entity-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .entity-container .single-entity-container .operator-container,:host .readonly .entity-container .single-entity-container .operator-container{padding-right:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .items-container,:host .outer-container .empty-new-tag,:host .readonly .items-container,:host .readonly .empty-new-tag{position:absolute !important;top:3rem;left:0;z-index:3;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;background-color:var(--light-to-dark, #ffffff);border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));opacity:0;-webkit-transition:0.2s;transition:0.2s;}:host .outer-container .items-container::-webkit-scrollbar,:host .outer-container .empty-new-tag::-webkit-scrollbar,:host .readonly .items-container::-webkit-scrollbar,:host .readonly .empty-new-tag::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-track,:host .outer-container .empty-new-tag::-webkit-scrollbar-track,:host .readonly .items-container::-webkit-scrollbar-track,:host .readonly .empty-new-tag::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag::-webkit-scrollbar-thumb,:host .readonly .items-container::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container:hover::-webkit-scrollbar-track,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-track,:host .readonly .items-container:hover::-webkit-scrollbar-track,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .items-container:hover::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-thumb,:host .readonly .items-container:hover::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .items-container.show-display,:host .outer-container .empty-new-tag.show-display,:host .readonly .items-container.show-display,:host .readonly .empty-new-tag.show-display{display:-ms-flexbox;display:flex}:host .outer-container .items-container.show-opacity,:host .outer-container .empty-new-tag.show-opacity,:host .readonly .items-container.show-opacity,:host .readonly .empty-new-tag.show-opacity{opacity:1}:host .outer-container .empty-new-tag,:host .readonly .empty-new-tag{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .empty-new-tag .text-container,:host .readonly .empty-new-tag .text-container{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .items-container,:host .readonly .items-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .items-container.extra,:host .readonly .items-container.extra{height:200px}:host .outer-container .items-container .scroll-container,:host .readonly .items-container .scroll-container{position:relative;height:100%}:host .outer-container .items-container yoo-entity,:host .readonly .items-container yoo-entity{padding:0.3125rem}:host .outer-container .extra-container,:host .readonly .extra-container{position:absolute !important;position:relative;top:2.625rem;left:0;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));}:host .outer-container .extra-container::-webkit-scrollbar,:host .readonly .extra-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-track,:host .readonly .extra-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-thumb,:host .readonly .extra-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container:hover::-webkit-scrollbar-track,:host .readonly .extra-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .extra-container:hover::-webkit-scrollbar-thumb,:host .readonly .extra-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container.columns{-ms-flex-direction:row;flex-direction:row}:host .outer-container.columns yoo-button{margin-left:var(--spacing-16, 1rem)}:host .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;max-height:3rem}:host .outer-container .entity-container.placeholder{padding-left:var(--spacing-16, 1rem)}:host .readonly .entity-container{padding-left:0;overflow:visible;white-space:normal}:host .readonly .entity-container.single{padding-left:0}:host .readonly .entity-container yoo-entity{padding:0.3125rem 0}:host .entity{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .map-container{position:relative;height:11.25rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;background:var(--stable, #adadad);border-radius:var(--border-radius-08, 0.5rem)}:host(.align-right) .outer-container .items-container{right:0;left:auto}:host(.disabled) .outer-container .input-container{color:var(--stable-to-text-color, #adadad);background-color:var(--stable-light-to-light-20, #f1f1f1);border:0.0625rem solid var(--stable-alt-to-light-20, #d0d0d0)}:host(.disabled) .outer-container .input-container .icon-prefix yoo-icon,:host(.disabled) .outer-container .input-container .icon-suffix yoo-icon{fill:var(--stable-to-text-color, #adadad)}:host(.map-locations) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host(.inline) .outer-container .input-container .icon-container .icon-suffix{padding-left:0}:host(.auto-width.web) .outer-container .items-container{min-width:inherit}:host(.web) .outer-container,:host(.web) .readonly{overflow:initial}:host(.web) .readonly{margin-top:var(--spacing-08, 0.5rem)}:host(.web) .outer-container .items-container,:host(.web) .outer-container .empty-new-tag{min-width:18.75rem}:host(.web) .outer-container .items-container{padding-top:0;border:none}:host(.web.card-tag,.web.card-tag-single) .outer-container .input-container{overflow:hidden}:host(.condition-block) .outer-container .input-container{background:var(--stable-light, #f1f1f1);border:none}:host(.expand-height) .outer-container{height:19.75rem;-webkit-transition:0.2s;transition:0.2s}:host([color=stable-alt]) .outer-container .input-container{background:var(--stable-alt-to-light-20, #d0d0d0)}:host([color=stable-light]) .outer-container .input-container{background:var(--stable-light-to-light-10, #f1f1f1)}:host([color=light]) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host([color=transparent]) .outer-container{background:transparent}:host([color=transparent]) .outer-container .input-container{border:none}:host([color=transparent]) .outer-container .input-container .icon-container{display:none}:host([color=transparent]) .readonly{background:transparent}:host(.focused.web) .outer-container .input-container{border:0.0625rem solid var(--dark-to-light, #000000)}:host(.force-show) .outer-container .items-container{display:-ms-flexbox;display:flex;min-width:240px;padding-top:0;padding-left:var(--spacing-04, 0.25rem);opacity:1}:host(.live-preview-autocomplete) .outer-container .items-container{width:19.625rem;min-width:19.625rem}:host(.history) .readonly .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.history) .readonly .entity-container yoo-entity{padding:0}:host([size=large]){width:100%}:host([size=large]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host([size=large]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-16, 1rem)}:host([size=large]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-16, 1rem)}:host([size=medium]){width:100%}:host([size=medium]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:2rem;max-height:2rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-14, 0.875rem)}:host([size=small]){width:100%}:host([size=small]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:1.5rem;max-height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host([size=small]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-12, 0.75rem)}:host(.pdf) .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
+const formAutocompleteCss = ":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{outline:none}:host yoo-truncate{--max-lines:2}:host yoo-grid{--empty-state-height:8.125rem}:host .outer-container,:host .readonly{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .comma-separator,:host .readonly .comma-separator{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container,:host .readonly .input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;border:0.0625rem solid var(--stable-alt-to-light-60, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .input-container.no-border,:host .readonly .input-container.no-border{border:none}:host .outer-container .input-container .icon-container,:host .readonly .input-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container .icon-prefix,:host .outer-container .input-container .icon-container .icon-suffix,:host .outer-container .input-container .icon-container .icon-suffix-focus,:host .outer-container .input-container .icon-container .icon-close,:host .readonly .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-suffix,:host .readonly .input-container .icon-container .icon-suffix-focus,:host .readonly .input-container .icon-container .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-prefix{-ms-flex-pack:center;justify-content:center;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container yoo-loader,:host .readonly .input-container .icon-container yoo-loader{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .icon-container .icon-suffix .avatar-count,:host .readonly .input-container .icon-container .icon-suffix .avatar-count{position:absolute;top:50%;font-size:var(--font-size-16, 1rem);-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .outer-container .input-container .icon-container .icon-suffix.relative,:host .readonly .input-container .icon-container .icon-suffix.relative{position:relative;padding-right:0;padding-left:0}:host .outer-container .input-container .icon-container .icon-suffix .input-file,:host .readonly .input-container .icon-container .icon-suffix .input-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0}:host .outer-container .entity-content,:host .readonly .entity-content{-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:var(--spacing-08, 0.5rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-content.list,:host .readonly .entity-content.list{-ms-flex-direction:column;flex-direction:column}:host .outer-container .entity-content.placeholder,:host .readonly .entity-content.placeholder{padding-bottom:0}:host .outer-container .entity-content yoo-entity,:host .readonly .entity-content yoo-entity{padding:0.3125rem;padding-left:0;background:transparent}:host .outer-container .entity-content:not(.icon-prefix),:host .readonly .entity-content:not(.icon-prefix){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-content.unselected,:host .readonly .entity-content.unselected{color:var(--text-color-to-light-60, #807f83)}:host .outer-container .entity-container,:host .readonly .entity-container{-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-container:not(.prefix):not(.no-padding),:host .readonly .entity-container:not(.prefix):not(.no-padding){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-container.flex-unset,:host .readonly .entity-container.flex-unset{-ms-flex:unset;flex:unset}:host .outer-container .entity-container .single-entity-container,:host .readonly .entity-container .single-entity-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .entity-container .single-entity-container .operator-container,:host .readonly .entity-container .single-entity-container .operator-container{padding-right:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .items-container,:host .outer-container .empty-new-tag,:host .readonly .items-container,:host .readonly .empty-new-tag{position:absolute !important;top:3rem;left:0;z-index:3;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;background-color:var(--light-to-dark, #ffffff);border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));opacity:0;-webkit-transition:0.2s;transition:0.2s;}:host .outer-container .items-container::-webkit-scrollbar,:host .outer-container .empty-new-tag::-webkit-scrollbar,:host .readonly .items-container::-webkit-scrollbar,:host .readonly .empty-new-tag::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-track,:host .outer-container .empty-new-tag::-webkit-scrollbar-track,:host .readonly .items-container::-webkit-scrollbar-track,:host .readonly .empty-new-tag::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag::-webkit-scrollbar-thumb,:host .readonly .items-container::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container:hover::-webkit-scrollbar-track,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-track,:host .readonly .items-container:hover::-webkit-scrollbar-track,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .items-container:hover::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-thumb,:host .readonly .items-container:hover::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .items-container.show-display,:host .outer-container .empty-new-tag.show-display,:host .readonly .items-container.show-display,:host .readonly .empty-new-tag.show-display{display:-ms-flexbox;display:flex}:host .outer-container .items-container.show-opacity,:host .outer-container .empty-new-tag.show-opacity,:host .readonly .items-container.show-opacity,:host .readonly .empty-new-tag.show-opacity{opacity:1}:host .outer-container .empty-new-tag,:host .readonly .empty-new-tag{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .empty-new-tag .text-container,:host .readonly .empty-new-tag .text-container{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .items-container,:host .readonly .items-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .items-container.extra,:host .readonly .items-container.extra{height:200px}:host .outer-container .items-container .scroll-container,:host .readonly .items-container .scroll-container{position:relative;height:100%}:host .outer-container .items-container yoo-entity,:host .readonly .items-container yoo-entity{padding:0.3125rem}:host .outer-container .extra-container,:host .readonly .extra-container{position:absolute !important;position:relative;top:2.625rem;left:0;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));}:host .outer-container .extra-container::-webkit-scrollbar,:host .readonly .extra-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-track,:host .readonly .extra-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-thumb,:host .readonly .extra-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container:hover::-webkit-scrollbar-track,:host .readonly .extra-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .extra-container:hover::-webkit-scrollbar-thumb,:host .readonly .extra-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container.columns{-ms-flex-direction:row;flex-direction:row}:host .outer-container.columns yoo-button{margin-left:var(--spacing-16, 1rem)}:host .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;max-height:3rem}:host .outer-container .entity-container.placeholder{padding-left:var(--spacing-16, 1rem)}:host .readonly .entity-container{padding-left:0;overflow:visible;white-space:normal}:host .readonly .entity-container.single{padding-left:0}:host .readonly .entity-container yoo-entity{padding:0.3125rem 0}:host .entity{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .map-container{position:relative;height:11.25rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;background:var(--stable, #adadad);border-radius:var(--border-radius-08, 0.5rem)}:host(.align-right) .outer-container .items-container{right:0;left:auto}:host(.disabled) .outer-container .input-container{color:var(--stable-to-text-color, #adadad);background-color:var(--stable-light-to-light-20, #f1f1f1);border:0.0625rem solid var(--stable-alt-to-light-20, #d0d0d0)}:host(.disabled) .outer-container .input-container .icon-prefix yoo-icon,:host(.disabled) .outer-container .input-container .icon-suffix yoo-icon{fill:var(--stable-to-text-color, #adadad)}:host(.map-locations) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host(.inline) .outer-container .input-container .icon-container .icon-suffix{padding-left:0}:host(.auto-width.web) .outer-container .items-container{min-width:inherit}:host(.web) .outer-container,:host(.web) .readonly{overflow:initial}:host(.web) .readonly{margin-top:var(--spacing-08, 0.5rem)}:host(.web) .outer-container .items-container,:host(.web) .outer-container .empty-new-tag{min-width:18.75rem}:host(.web) .outer-container .items-container{padding-top:0;border:none}:host(.web.card-tag,.web.card-tag-single) .outer-container .input-container{overflow:hidden}:host(.condition-block) .outer-container .input-container{background:var(--stable-light, #f1f1f1);border:none}:host(.expand-height) .outer-container{height:19.75rem;-webkit-transition:0.2s;transition:0.2s}:host([color=stable-alt]) .outer-container .input-container{background:var(--stable-alt-to-light-20, #d0d0d0)}:host([color=stable-light]) .outer-container .input-container{background:var(--stable-light-to-light-10, #f1f1f1)}:host([color=light]) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host([color=transparent]) .outer-container{background:transparent}:host([color=transparent]) .outer-container .input-container{border:none}:host([color=transparent]) .outer-container .input-container .icon-container{display:none}:host([color=transparent]) .readonly{background:transparent}:host(.focused.web) .outer-container .input-container{border:0.0625rem solid var(--dark-to-light, #000000)}:host(.force-show) .outer-container .items-container{display:-ms-flexbox;display:flex;min-width:240px;padding-top:0;padding-left:var(--spacing-04, 0.25rem);opacity:1}:host(.live-preview-autocomplete) .outer-container .items-container{width:19.625rem;min-width:19.625rem}:host(.history) .readonly .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.history) .readonly .entity-container yoo-entity{padding:0}:host([size=large]){width:100%}:host([size=large]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host([size=large]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-16, 1rem)}:host([size=large]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-16, 1rem)}:host([size=medium]){width:100%}:host([size=medium]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:2rem;max-height:2rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-14, 0.875rem)}:host([size=small]){width:100%}:host([size=small]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:1.5rem;max-height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host([size=small]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-12, 0.75rem)}:host(.pdf) .entity-container,:host(.child-card-tag) .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
 
 const AUTOCOMPLETE_DROPDOWN_HEIGHT = 272;
 const OPACITY_ANIMATION_TIME = 200;
@@ -3597,7 +3598,7 @@ const YooFormAutocompleteComponent = class {
   }
   render() {
     var _a;
-    return (h(Host, { class: Object.assign({ disabled: this.disabled, inline: this.inline, history: this.isHistory, selected: (_a = this.selection) === null || _a === void 0 ? void 0 : _a.length, 'multiple-avatars': (this.isMultiple() || this.avatarMode) && this.entityType === 'users' && this.value, [this.extraClass]: this.extraClass, [this.displayType]: true }, getAppContext(this.host)), onClick: (ev) => {
+    return (h(Host, { class: Object.assign({ disabled: this.disabled, inline: this.inline, history: this.isHistory, selected: (_a = this.selection) === null || _a === void 0 ? void 0 : _a.length, [`child-${this.getDisplayType()}`]: true, 'multiple-avatars': (this.isMultiple() || this.avatarMode) && this.entityType === 'users' && this.value, [this.extraClass]: this.extraClass, [this.displayType]: true }, getAppContext(this.host)), onClick: (ev) => {
         if (isWeb(this.host)) {
           ev.stopPropagation();
         }

package/dist/esm/yoo-ag-grid_96.entry.js

@@ -3,7 +3,7 @@ import { aJ as eq, u as isArray$1, a4 as isObject$2, as as isFunction$2, aO as b
 import { E as EventType, x as TLessonState, F as FormFieldType, a as IncentivePartType, y as FormFilterAutocompleteOperator, W as WaitlistAPIDateFormat } from './input-bar.interface-4e956599.js';
 import { i as isLessonCompleted, c as canBeRetried, S as ScreenOrientation } from './ResizeObserver.es-a8772c31.js';
 import { f as getAppContext, l as loadScript, z as querySelectorDeep, B as setAnimation, e as execHandlerAndStopEvent, s as showPhotoEditor, q as setColorSVG, E as EMPTYSTATE_MAP, y as querySelectorAllDeep, i as lockSwipes, k as getActiveElementShadow, o as hideShowTabbar, u as sanitizeHTML, n as hideShowSearchBar, h as getNextValueInArray, D as EMPTYSTATE_TEXT_MAP, F as EMPTYSTATE_TITLE_MAP, p as filterDuplicateItems, C as animations, A as cloudinary, m as lifecycleEvents } from './common-helpers-f3296dd7.js';
-import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-ad52eacd.js';
+import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-1dd42472.js';
 import { i as identity$4 } from './identity-db011338.js';
 import { i as isNumber$1 } from './isNumber-5a14c4d5.js';
 import { j as baseSum, a as isRequired, g as getTypeValidation, b as isReadonly, s as setFieldData, u as updateFormulas, e as getDynamicProperty, c as isDisabled, d as generateLabel, i as isCreationAllowed } from './form-helpers-63173698.js';
@@ -102149,7 +102149,7 @@ const YooCardListComponent = class {
           if (this.entry.isCommentMedia && this.isRenderBadgeOutside) {
             return;
           }
-          if (isCloudinaryLink(item) || item.endsWith('.gif')) {
+          if (isCloudinaryLink(item) || item.endsWith('.gif') && !this.entry.forceTextHeading) {
             return this.renderMedia(item);
           }
           else {

package/dist/esm/yoo-card-list-image_12.entry.js

@@ -12,7 +12,7 @@ import { g as get } from './get-3cbd3bd6.js';
 import { f as getPhotoSVG, k as isElementInsideContainer } from './annotations-helpers-d026cd25.js';
 import { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
 import { u as updateSVGCustomColors } from './image-helpers-6b281c05.js';
-import { g as getRenderer } from './grid-renderers-ad52eacd.js';
+import { g as getRenderer } from './grid-renderers-1dd42472.js';
 import { d as debounce$1 } from './debounce-1a5f66d4.js';
 import { c as cloneDeep } from './cloneDeep-7e28f486.js';
 import { a as assign } from './assign-6bfb01cb.js';

package/dist/esm/yoo-chat-message_3.entry.js

@@ -93,6 +93,12 @@ const YooChatMessageComponent = class {
     var _a, _b;
     return ((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage) !== null && ((_b = this.message) === null || _b === void 0 ? void 0 : _b.replyMessage) !== undefined;
   }
+  get notificationAvatarUser() {
+    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
+      return this.message.options.notificationParams.notificationAvatar;
+    }
+    return null;
+  }
   componentWillLoad() {
     if (isNullOrUndefined(this.imageWidthRatio)) {
       this.imageWidthRatio = isWeb(this.host) ? 0.35 : 0.75;
@@ -181,12 +187,6 @@ const YooChatMessageComponent = class {
   onHasMentions() {
     return this.message && this.message.mentions && this.message.mentions.length > 0;
   }
-  get notificationAvatarUser() {
-    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
-      return this.message.options.notificationParams.notificationAvatar;
-    }
-    return null;
-  }
   canDeleteMessage() {
     var _a, _b;
     return ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.author) === null || _b === void 0 ? void 0 : _b._id) === getSession().userId || this.forceDelete;

package/dist/esm/yoo-chat.entry.js

@@ -83,6 +83,7 @@ const YooChatComponent = class {
   onInputFocused() {
     this.inputFocused = true;
     this.scrollBottomOnKeyboradShown = true;
+    this.oldestMostRecentMessageElement = null;
   }
   onMediaLoading(event) {
     this.showLoader = event === null || event === void 0 ? void 0 : event.detail;
@@ -250,7 +251,7 @@ const YooChatComponent = class {
     }
   }
   componentDidUpdate() {
-    this.oldestMostRecentMessageElement ? this.refreshMessages() : this.initChat();
+    this.oldestMostRecentMessageElement ? this.initMessages() : this.initChat();
     // re-render will remove video player, need to re-create the player
     if (!isNativeMobile() &&
       this.broadcastParams &&
@@ -300,23 +301,13 @@ const YooChatComponent = class {
       getAsyncExtraData({ type: 'user-detail', params: { user: this.users[0] } });
     }
   }
-  refreshMessages() {
-    this.initMessages();
-  }
   async initMessages() {
+    var _a;
     const messages = (this.messageElements || []).reverse();
-    await Promise.all(messages.map((el) => {
-      return (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true);
-    }));
-    const element = this.messageElements.find((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.message) === null || _a === void 0 ? void 0 : _a.timetoken) === this.oldestMostRecentMessageElement; });
-    if (element) {
-      gsapTo(this.scroll, 0, { scrollTo: { y: element, offsetY: 10 } }).then(() => {
-        this.oldestMostRecentMessageElement = null;
-      });
-    }
-    for (const el of messages) {
-      await (el === null || el === void 0 ? void 0 : el.renderContent());
-    }
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true)));
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.renderContent()) || Promise.resolve(true)));
+    (_a = this.oldestMostRecentMessageElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    this.scrollLocker = false;
   }
   onChatFocused() {
     this.chatFocused.emit(true);
@@ -335,8 +326,7 @@ const YooChatComponent = class {
   }
   onPullToRefresh() {
     var _a, _b;
-    const cleanElements = this.messageElements.filter((item) => item);
-    this.oldestMostRecentMessageElement = (_b = (_a = cleanElements[0]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.timetoken;
+    this.oldestMostRecentMessageElement = (_b = (_a = this.messageElements) === null || _a === void 0 ? void 0 : _a.filter(m => { var _a, _b; return m.message.timetoken === ((_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.timetoken); })) === null || _b === void 0 ? void 0 : _b[0];
     this.loadMoreClicked.emit(true);
   }
   onCloseDeleteMode() {
@@ -392,7 +382,8 @@ const YooChatComponent = class {
   async onIonScroll(ev) {
     var _a, _b, _c;
     const scrollTopPosition = isFinite((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.scrollTop) && ev.detail.scrollTop;
-    if (scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
+    if (!this.scrollLocker && scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
+      this.scrollLocker = true;
       this.onPullToRefresh();
     }
     if (this.broadcastMode) {
@@ -500,13 +491,13 @@ const YooChatComponent = class {
   }
   renderChatMessages() {
     return this.messages.map((m, index) => {
-      var _a, _b;
+      var _a, _b, _c;
       if (m === null || m === void 0 ? void 0 : m.deleted) {
         return;
       }
       return (h("yoo-chat-message", { onConferenceMessageClicked: (ev) => {
           this.conferenceMessageClicked.emit(ev.detail);
-        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: m.chatId, key: m.chatId, hasOptions: isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_a = this.otherIds) === null || _a === void 0 ? void 0 : _a.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
+        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: (_a = m.timetoken) === null || _a === void 0 ? void 0 : _a.toString(), key: m.timetoken, hasOptions: isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_b = this.otherIds) === null || _b === void 0 ? void 0 : _b.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
     });
   }
   renderBroadcastActions(action) {

package/dist/types/components/core/chat/chat.d.ts

@@ -132,6 +132,7 @@ export declare class YooChatComponent {
   private scrollBottomOnKeyboradShown;
   private oldestMostRecentMessageElement;
   private requestIntervalID;
+  private scrollLocker;
   /**
    * Using a getter here to prevent stencil reference issue with the live refresh
    */
@@ -159,7 +160,6 @@ export declare class YooChatComponent {
   get isSomeoneTyping(): boolean;
   initChat(): void;
   onHeadingClicked(): void;
-  refreshMessages(): void;
   initMessages(): Promise<void>;
   onChatFocused(): void;
   getLastMessage(index: number): boolean;

package/dist/types/components/core/chat-message/chat-message.d.ts

@@ -46,13 +46,13 @@ export declare class YooChatMessageComponent implements ComponentInterface {
   get mediaUrl(): string;
   get isVisualMedia(): boolean;
   get isReplyMessage(): boolean;
+  get notificationAvatarUser(): IUser;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidUpdate(): void;
   private assignPressActions;
   private calculatePreviewMediaBounds;
   onHasMentions(): boolean;
-  get notificationAvatarUser(): IUser;
   private canDeleteMessage;
   onClickMessage(): void;
   onClickMessageContent(ev?: any): void;

package/dist/types/interfaces/ui/card.interface.d.ts

@@ -76,5 +76,6 @@ export interface ICardListEntry {
   uiFieldsSuffix?: string;
   contained?: boolean;
   showRightArrow?: boolean;
+  forceTextHeading?: boolean;
 }
 export {};