@yoobic/yobi 7.7.109 → 7.7.113

package/dist/design-system/{p-9db853c3.js → p-e05da912.js}

@@ -1 +1 @@
-import{Q as n,E as t,R as o,S as e,T as l,U as i,j as r,V as u,s}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-b5241164.js";import{b as a,g as d,j as c,i as v,a as f}from"./p-9de400aa.js";import{g as p}from"./p-68955196.js";import{v as b}from"./p-33b2d3a2.js";import{i as m}from"./p-6b61583e.js";const x={typeTool:"type-tool",brush:"brush",dot:"dot",rubber:"rubber",align:{left:"align-left",center:"align-center",right:"align-right"},background:{on:"background-on",off:"background-off"},close:{cross:"close",left:"left"},predefinedText:"text-predefined",save:"validate",done:"done",cancel:"cancel",undo:"undo",redo:"redo"},y=n()?0:.35,g=18,h=500,O={x:0,y:0},j={text:{min:10,max:35,default:20},draw:{min:1,max:12,default:4}},F={tools:{start:[],end:["brush","dot","type-tool"].map((n=>({icon:n})))},text:{start:["align-center","background-off","text-predefined"].map((n=>({icon:n}))),end:[{text:"YOOBICDONE"}]},draw:{start:["undo","redo"].map((n=>({icon:n}))),end:[{text:"YOOBICDONE"}]},annotate:{start:[{text:"CANCEL"},{icon:"text-predefined"}],end:[{text:"YOOBICDONE"}]}},w={menu:{fill:"transparent",color:"light",size:"medium"},delete:{actionType:"delete",icon:"delete",fill:"solid",color:"danger",size:"large",shape:"square"},validate:{actionType:"validate",fill:"solid",color:"success",size:"large",shape:"rectangular"}};function C(n){return"x"===n?"width":"height"}function k(n,t){const o=o=>t[C(o)]*(parseFloat(n.style["x"===o?"left":"top"])||0)/100;return{top:o("y"),left:o("x")}}function P(n){return null==n?void 0:n.getBoundingClientRect()}function Y(n,t){return null==t?void 0:t.find((t=>(null==t?void 0:t._id)===n))}function $(n,t){const o=n instanceof Node?n:d(n._id,t);return i.get(o)}function E(n,t,o){const e=null==t?void 0:t.getBoundingClientRect();return n&&e?Math.abs((e[o]-n[o])/n[C(o)]*100):0}function T(n,t){if(n&&t){const o=t.getBoundingClientRect(),e=d(n._id,t);if(e&&t.contains(e))return n.isNewVersion=!0,"coords"in n||(n.coords={percentX:0,percentY:0}),n.coords.percentX=E(o,e,"x"),n.coords.percentY=E(o,e,"y"),"text"===n.type&&(n.styles=Object.assign(Object.assign({},n.styles),{responsive:!0})),"percentX"in n&&(delete n.percentX,delete n.percentY),"percent_x"in n&&(delete n.percent_x,delete n.percent_y),"width_height_ratio"in n&&delete n.width_height_ratio,"width"in(null==n?void 0:n.styles)&&delete n.styles.width,n}return null}function N(n,t){return(null==n?void 0:n.map((n=>T(n,t))))||[]}function _(n){return(n||[]).filter((n=>a(n))).map((n=>{var o;delete n._local;const e=(null===(o=null==n?void 0:n.styles)||void 0===o?void 0:o.backgroundColor)||("dot"===n.type?"success":"light");return Object.assign(Object.assign({},n),{_id:(null==n?void 0:n._id)||p(),styles:Object.assign(Object.assign({},n.styles||{}),{backgroundColor:t(e,e)})})}))}function z(n){return(null==n?void 0:n.map((n=>((null==n?void 0:n._local)&&delete n._local,n))))||[]}function A(n,t){if(n&&t){const o=n.getBoundingClientRect(),e=e=>t[C(e)]/2-(o[C(e)]/2+k(n,t)["x"===e?"left":"top"]);return{x:e("x"),y:e("y")}}return{x:0,y:0}}function I(n,t){const o=(null==n?void 0:n.getBoundingClientRect())||{height:46,width:16},e=n=>t[C(n)]/2-o[C(n)]/2;return{left:e("x"),top:e("y")}}function X(n){if("string"==typeof n){const t=n.includes("rem")?16:1;return parseFloat(n)*t}return e(n)?n:20}function D(n){return{_id:p(),isNewVersion:!0,type:n,text:"",styles:{},_local:{},coords:{percentX:0,percentY:0}}}function B(n){var t;return n&&(b(n)?["rgb(255, 255, 255)","#ffffff","#fff","#FFFFFF","#FFF","#fed05b","rgb(254, 208, 91)"].includes(n):null===(t=["var(--light)","var(--energized)"].find((t=>t.includes(n))))||void 0===t?void 0:t.length)?"black":"white"}function L(n,t){return Object.assign(Object.assign({},c(n,t.imageSize)),"text"===n.type&&function(n,t){const o=(null==n?void 0:n.fontSize)?"string"==typeof n.fontSize?n.fontSize:`${n.fontSize}px`:j.text.default.toString(),e=(null==n?void 0:n.backgroundColor)||"light";return{fontSize:(null==t?void 0:t.isScaledUp)&&parseFloat(o)>=15?"15px":o,color:"transparent"===e?(null==n?void 0:n.textColor)||"light":B(e),textAlign:(null==n?void 0:n.textAlignment)||"center",backgroundColor:e}}(n.styles,t))}function M(n,t){const o={};return["minX","maxX","minY","maxY"].map((e=>{const l=e.substr(0,3),i=e.substr(3,4).toLocaleLowerCase();o[e]=function(n,t,o){const e=null==n?void 0:n.getBoundingClientRect(),l="min"===o,i=n=>(e[n]+e[C(n)]/2)/t[C(n)],r=n=>e?(l?(n=>e[C(n)]/2-t[C(n)]*i(n))(n)+("y"===n?44:0):(n=>t[C(n)]-(t[C(n)]*i(n)+e[C(n)]/2))(n)-("y"===n?56:0))+t[n]:0;return{x:r("x"),y:r("y")}}(n,t,l)[i]})),o}function S(n,t){if(n&&t){const{top:o,left:e}=k(n,t),i=P(n),r=n=>"x"===n?e:o,u=t=>{var o;return(null===(o=$(n))||void 0===o?void 0:o[t])||0},s=n=>[0-r(n),t[C(n)]-i[C(n)]-r(n)],a=n=>s(n).sort(((t,o)=>Math.abs(t-u(n))-Math.abs(o-u(n))))[0],d=n=>m(u(n),s(n)[0],s(n)[1])?u(n):a(n),c={x:d("x"),y:d("y")};return l(n,y,Object.assign({},c)).then((()=>c))}}function q(n,t){var o,e,i;if(n){const r="dot"===n.type,u=d(n._id,t),s=(null===(e=null===(o=n._local)||void 0===o?void 0:o.transform)||void 0===e?void 0:e.previous)||O;return(null===(i=n._local)||void 0===i?void 0:i.isFocusing)&&"dot"===n.type&&Z(rn(u),!1),u?new Promise((t=>{l(u,y,{x:s.x,y:s.y}).then((()=>{var o;u.classList.remove("focused"),r&&en(u,!1),n=H(n,{isFocusing:!1,transform:{current:s}}),null===(o=$(u))||void 0===o||o.enable(),"text"===n.type&&u.blur(),t()}))})):Promise.resolve()}return Promise.resolve()}function H(n,t){return n?((null==n?void 0:n._local)||Object.assign(n,{_local:{}}),(null==n?void 0:n._local.transform)||Object.assign(n._local,{transform:{}}),n._local.transform&&Object.assign(n._local.transform,t.transform),delete t.transform,n._local=Object.assign(n._local,t),n):null}function V(n,t,e){const i=function(n){return(null==n?void 0:n.length)&&n.find((n=>{var t;return null===(t=null==n?void 0:n._local)||void 0===t?void 0:t.isFocusing}))}(t);return(i&&(null==i?void 0:i._id)!==n._id?q(i,e):Promise.resolve()).then((()=>(n?function(n,t){var o,e;if(n){const i="dot"===(n=H(n,{transform:{previous:(null===(e=null===(o=null==n?void 0:n._local)||void 0===o?void 0:o.transform)||void 0===e?void 0:e.current)||{x:0,y:0}}})).type,r=d(n._id,t),u=t.getBoundingClientRect(),s=r.getBoundingClientRect(),a=n=>{const t="x"===n;return $(r)[n]+u[t?"width":"height"]/2+u[n]-(s[n]+s[t?"width":"height"]/2)},c={x:a("x"),y:a("y")};return r?new Promise((t=>{l(r,y,Object.assign({},c)).then((()=>{var o;r.classList.add("focused"),i&&en(r),n=H(n,{isFocusing:!0,transform:{current:c}}),null===(o=$(r))||void 0===o||o.disable(),t()}))})):Promise.resolve()}return Promise.resolve()}(n,e):Promise.resolve()).then((()=>o(d(null==n?void 0:n._id,e))))))}function G(n){var t;return!(null===(t=null==n?void 0:n.getContext("2d").getImageData(0,0,(null==n?void 0:n.width)||0,(null==n?void 0:n.height)||0))||void 0===t?void 0:t.data.some((n=>n)))}async function J(n,t,o){const e=t=>n?`fade${t}Animation`:`slideY${t}Animation`;var l,i;o=(null==o?void 0:o.length)?o:(null===(i=null===(l=r())||void 0===l?void 0:l.photoAnnotationTranslations)||void 0===i?void 0:i.map((n=>n[u()]||[])))||[];const a=document.createElement("yoo-form-autocomplete-dialog"),d=Object.assign({overlayId:22001},n&&{width:350,height:"small"}),c="hidden-overflow ".concat(n?"abs-center":"");Object.assign(a,{multiple:!0,displayType:"card-list",openFullscreen:!0,showHeaderWeb:!0,values:o}),a.style.width="100%";const v=await s(a,d,c,e("Enter"),e("Leave"),!0);return function(n,t){let o="";return null==n||n.forEach(((t,e)=>{o+=e===n.length-1?t:`${t}\n`})),`${t}${t?"\n":""}${o}`}(null==v?void 0:v.data,t.textContent||"")}function K(n,t){const o=n&&d(n._id,t);return n&&(n._local?n._local.isDeleted=!0:n._local={isDeleted:!0}),o?l(o,.25,{scale:0,onComplete(){o&&t&&t.contains(o)&&t.removeChild(o)}}):Promise.resolve()}function Q(n,t){null==n||n.forEach((n=>K(n,t)))}function R(n,t,o=[]){var e;const{x:i,y:r}=ln(n,t),u=null==o?void 0:o.filter((n=>v(n)&&!f(n)));if(null==t?void 0:t.containerElement.contains(d(null===(e=null==u?void 0:u[0])||void 0===e?void 0:e._id,t.containerElement))){const n=u[0],o=d(n._id,t.containerElement);return o&&(t.moveToTarget?l(o,.25,{left:`${i}%`,top:`${r}%`,onComplete(){n.coords.percentX=i,n.coords.percentY=r}}):K(n,null==t?void 0:t.containerElement)),null}return Object.assign(Object.assign({},D("dot")),{coords:{percentX:i,percentY:r},styles:{backgroundColor:t.color}})}function U(n,t){null==n||n.forEach((n=>!(null==n?void 0:n.text)&&K(n,t)))}function W(n,t){var e;null===(e=null==n?void 0:n.filter((n=>{var t;return(null==n?void 0:n.text)&&!(null===(t=n._local)||void 0===t?void 0:t.isDeleted)})))||void 0===e||e.forEach(((n,e)=>{if(n){const l=d(n._id,t);if(l){const n=l.style.transform;o(l).then((()=>{l.style.transform=n;const t=(e+1).toString(),o=un(l);!o||o.textContent&&t===o.textContent||(o.textContent=t)}))}}}))}async function Z(n,t=!0){if("YOO-TOOLTIP"===(null==n?void 0:n.tagName)){const o=await n.getInstance();o&&!o.state.isDestroyed&&o[(null!=t?t:!o.state.isVisible)?"show":"hide"]()}}function nn(n){null==n||n.forEach((n=>{(null==n?void 0:n.firstElementChild)&&Z(n.firstElementChild,!1)}))}function tn(n,t){const o=rn(t);null==n||n.forEach((n=>{var t;if(null==n?void 0:n.firstElementChild){const e=(null==n?void 0:n.firstElementChild)===o&&!(null===(t=null==o?void 0:o._tippy)||void 0===t?void 0:t.state.isVisible);Z(n.firstElementChild,e)}}))}function on(n,t){if((null==n?void 0:n.detail)&&t){const e=n.detail.value,l=n.detail.refTooltip,i=l.parentElement,r=i.style.transform;return l.content=e,t.text=e,o(i).then((()=>{const n=un(i),o=(u=i.parentElement,"dot",Array.from((null==u?void 0:u.querySelectorAll(".dot"))||[]));var u;return n&&!n.textContent&&o.length&&e&&(n.textContent=o.length.toString()),l.forceEditable=!1,i.style.transform=r,t}))}return Promise.resolve(null)}function en(n,t=!0,o=t){if(n){const e=rn(n);e&&Object.assign(e,{hideOnClick:!t,hoverable:!t,clickable:t,forceEditable:o,editable:t})}}function ln(n,t){if(n&&(null==t?void 0:t.containerElement)){const o=t.containerElement.getBoundingClientRect(),e=e=>n[`client${e.toUpperCase()}`]-(o[e]+t.radius),l=n=>parseFloat((e(n)/(o["x"===n?"width":"height"]+t.radius)*100).toFixed(4));return{x:l("x"),y:l("y")}}}function rn(n){return null==n?void 0:n.querySelector("yoo-tooltip")}function un(n){var t;return null===(t=rn(n))||void 0===t?void 0:t.firstElementChild}function sn(n){null==n||n.forEach(((n,t)=>{var o;un(n)&&(null===(o=rn(n))||void 0===o?void 0:o.content)&&(un(n).textContent=(t+1).toString())}))}export{y as A,w as B,J as C,g as D,H as E,D as F,z as G,x as H,N as I,q as J,O as K,h as L,F as M,S as N,j as S,Q as a,U as b,R as c,K as d,tn as e,on as f,en as g,nn as h,ln as i,rn as j,un as k,sn as l,T as m,Y as n,B as o,L as p,P as q,W as r,Z as s,G as t,_ as u,V as v,M as w,X as x,I as y,A as z}
+import{Q as n,E as t,R as o,S as e,T as l,U as i,j as r,V as u,s}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-ae3b4d28.js";import{b as a,g as d,j as c,i as v,a as f}from"./p-9de400aa.js";import{g as p}from"./p-68955196.js";import{v as m}from"./p-5795afcd.js";import{i as b}from"./p-6b61583e.js";const x={typeTool:"type-tool",brush:"brush",dot:"dot",rubber:"rubber",align:{left:"align-left",center:"align-center",right:"align-right"},background:{on:"background-on",off:"background-off"},close:{cross:"close",left:"left"},predefinedText:"text-predefined",save:"validate",done:"done",cancel:"cancel",undo:"undo",redo:"redo"},y=n()?0:.35,g=18,h=500,O={x:0,y:0},j={text:{min:10,max:35,default:20},draw:{min:1,max:12,default:4}},F={tools:{start:[],end:["brush","dot","type-tool"].map((n=>({icon:n})))},text:{start:["align-center","background-off","text-predefined"].map((n=>({icon:n}))),end:[{text:"YOOBICDONE"}]},draw:{start:["undo","redo"].map((n=>({icon:n}))),end:[{text:"YOOBICDONE"}]},annotate:{start:[{text:"CANCEL"},{icon:"text-predefined"}],end:[{text:"YOOBICDONE"}]}},w={menu:{fill:"transparent",color:"light",size:"medium"},delete:{actionType:"delete",icon:"delete",fill:"solid",color:"danger",size:"large",shape:"square"},validate:{actionType:"validate",fill:"solid",color:"success",size:"large",shape:"rectangular"}};function C(n){return"x"===n?"width":"height"}function k(n,t){const o=o=>t[C(o)]*(parseFloat(n.style["x"===o?"left":"top"])||0)/100;return{top:o("y"),left:o("x")}}function P(n){return null==n?void 0:n.getBoundingClientRect()}function Y(n,t){return null==t?void 0:t.find((t=>(null==t?void 0:t._id)===n))}function $(n,t){const o=n instanceof Node?n:d(n._id,t);return i.get(o)}function E(n,t,o){const e=null==t?void 0:t.getBoundingClientRect();return n&&e?Math.abs((e[o]-n[o])/n[C(o)]*100):0}function T(n,t){if(n&&t){const o=t.getBoundingClientRect(),e=d(n._id,t);if(e&&t.contains(e))return n.isNewVersion=!0,"coords"in n||(n.coords={percentX:0,percentY:0}),n.coords.percentX=E(o,e,"x"),n.coords.percentY=E(o,e,"y"),"text"===n.type&&(n.styles=Object.assign(Object.assign({},n.styles),{responsive:!0})),"percentX"in n&&(delete n.percentX,delete n.percentY),"percent_x"in n&&(delete n.percent_x,delete n.percent_y),"width_height_ratio"in n&&delete n.width_height_ratio,"width"in(null==n?void 0:n.styles)&&delete n.styles.width,n}return null}function N(n,t){return(null==n?void 0:n.map((n=>T(n,t))))||[]}function _(n){return(n||[]).filter((n=>a(n))).map((n=>{var o;delete n._local;const e=(null===(o=null==n?void 0:n.styles)||void 0===o?void 0:o.backgroundColor)||("dot"===n.type?"success":"light");return Object.assign(Object.assign({},n),{_id:(null==n?void 0:n._id)||p(),styles:Object.assign(Object.assign({},n.styles||{}),{backgroundColor:t(e,e)})})}))}function z(n){return(null==n?void 0:n.map((n=>((null==n?void 0:n._local)&&delete n._local,n))))||[]}function A(n,t){if(n&&t){const o=n.getBoundingClientRect(),e=e=>t[C(e)]/2-(o[C(e)]/2+k(n,t)["x"===e?"left":"top"]);return{x:e("x"),y:e("y")}}return{x:0,y:0}}function I(n,t){const o=(null==n?void 0:n.getBoundingClientRect())||{height:46,width:16},e=n=>t[C(n)]/2-o[C(n)]/2;return{left:e("x"),top:e("y")}}function X(n){if("string"==typeof n){const t=n.includes("rem")?16:1;return parseFloat(n)*t}return e(n)?n:20}function D(n){return{_id:p(),isNewVersion:!0,type:n,text:"",styles:{},_local:{},coords:{percentX:0,percentY:0}}}function B(n){var t;return n&&(m(n)?["rgb(255, 255, 255)","#ffffff","#fff","#FFFFFF","#FFF","#fed05b","rgb(254, 208, 91)"].includes(n):null===(t=["var(--light)","var(--energized)"].find((t=>t.includes(n))))||void 0===t?void 0:t.length)?"black":"white"}function L(n,t){return Object.assign(Object.assign({},c(n,t.imageSize)),"text"===n.type&&function(n,t){const o=(null==n?void 0:n.fontSize)?"string"==typeof n.fontSize?n.fontSize:`${n.fontSize}px`:j.text.default.toString(),e=(null==n?void 0:n.backgroundColor)||"light";return{fontSize:(null==t?void 0:t.isScaledUp)&&parseFloat(o)>=15?"15px":o,color:"transparent"===e?(null==n?void 0:n.textColor)||"light":B(e),textAlign:(null==n?void 0:n.textAlignment)||"center",backgroundColor:e}}(n.styles,t))}function M(n,t){const o={};return["minX","maxX","minY","maxY"].map((e=>{const l=e.substr(0,3),i=e.substr(3,4).toLocaleLowerCase();o[e]=function(n,t,o){const e=null==n?void 0:n.getBoundingClientRect(),l="min"===o,i=n=>(e[n]+e[C(n)]/2)/t[C(n)],r=n=>e?(l?(n=>e[C(n)]/2-t[C(n)]*i(n))(n)+("y"===n?44:0):(n=>t[C(n)]-(t[C(n)]*i(n)+e[C(n)]/2))(n)-("y"===n?56:0))+t[n]:0;return{x:r("x"),y:r("y")}}(n,t,l)[i]})),o}function S(n,t){if(n&&t){const{top:o,left:e}=k(n,t),i=P(n),r=n=>"x"===n?e:o,u=t=>{var o;return(null===(o=$(n))||void 0===o?void 0:o[t])||0},s=n=>[0-r(n),t[C(n)]-i[C(n)]-r(n)],a=n=>s(n).sort(((t,o)=>Math.abs(t-u(n))-Math.abs(o-u(n))))[0],d=n=>b(u(n),s(n)[0],s(n)[1])?u(n):a(n),c={x:d("x"),y:d("y")};return l(n,y,Object.assign({},c)).then((()=>c))}}function q(n,t){var o,e,i;if(n){const r="dot"===n.type,u=d(n._id,t),s=(null===(e=null===(o=n._local)||void 0===o?void 0:o.transform)||void 0===e?void 0:e.previous)||O;return(null===(i=n._local)||void 0===i?void 0:i.isFocusing)&&"dot"===n.type&&Z(rn(u),!1),u?new Promise((t=>{l(u,y,{x:s.x,y:s.y}).then((()=>{var o;u.classList.remove("focused"),r&&en(u,!1),n=H(n,{isFocusing:!1,transform:{current:s}}),null===(o=$(u))||void 0===o||o.enable(),"text"===n.type&&u.blur(),t()}))})):Promise.resolve()}return Promise.resolve()}function H(n,t){return n?((null==n?void 0:n._local)||Object.assign(n,{_local:{}}),(null==n?void 0:n._local.transform)||Object.assign(n._local,{transform:{}}),n._local.transform&&Object.assign(n._local.transform,t.transform),delete t.transform,n._local=Object.assign(n._local,t),n):null}function V(n,t,e){const i=function(n){return(null==n?void 0:n.length)&&n.find((n=>{var t;return null===(t=null==n?void 0:n._local)||void 0===t?void 0:t.isFocusing}))}(t);return(i&&(null==i?void 0:i._id)!==n._id?q(i,e):Promise.resolve()).then((()=>(n?function(n,t){var o,e;if(n){const i="dot"===(n=H(n,{transform:{previous:(null===(e=null===(o=null==n?void 0:n._local)||void 0===o?void 0:o.transform)||void 0===e?void 0:e.current)||{x:0,y:0}}})).type,r=d(n._id,t),u=t.getBoundingClientRect(),s=r.getBoundingClientRect(),a=n=>{const t="x"===n;return $(r)[n]+u[t?"width":"height"]/2+u[n]-(s[n]+s[t?"width":"height"]/2)},c={x:a("x"),y:a("y")};return r?new Promise((t=>{l(r,y,Object.assign({},c)).then((()=>{var o;r.classList.add("focused"),i&&en(r),n=H(n,{isFocusing:!0,transform:{current:c}}),null===(o=$(r))||void 0===o||o.disable(),t()}))})):Promise.resolve()}return Promise.resolve()}(n,e):Promise.resolve()).then((()=>o(d(null==n?void 0:n._id,e))))))}function G(n){var t;return!(null===(t=null==n?void 0:n.getContext("2d").getImageData(0,0,(null==n?void 0:n.width)||0,(null==n?void 0:n.height)||0))||void 0===t?void 0:t.data.some((n=>n)))}async function J(n,t,o){const e=t=>n?`fade${t}Animation`:`slideY${t}Animation`;var l,i;o=(null==o?void 0:o.length)?o:(null===(i=null===(l=r())||void 0===l?void 0:l.photoAnnotationTranslations)||void 0===i?void 0:i.map((n=>n[u()]||[])))||[];const a=document.createElement("yoo-form-autocomplete-dialog"),d=Object.assign({overlayId:22001},n&&{width:350,height:"small"}),c="hidden-overflow ".concat(n?"abs-center":"");Object.assign(a,{multiple:!0,displayType:"card-list",openFullscreen:!0,showHeaderWeb:!0,values:o}),a.style.width="100%";const v=await s(a,d,c,e("Enter"),e("Leave"),!0);return function(n,t){let o="";return null==n||n.forEach(((t,e)=>{o+=e===n.length-1?t:`${t}\n`})),`${t}${t?"\n":""}${o}`}(null==v?void 0:v.data,t.textContent||"")}function K(n,t){const o=n&&d(n._id,t);return n&&(n._local?n._local.isDeleted=!0:n._local={isDeleted:!0}),o?l(o,.25,{scale:0,onComplete(){o&&t&&t.contains(o)&&t.removeChild(o)}}):Promise.resolve()}function Q(n,t){null==n||n.forEach((n=>K(n,t)))}function R(n,t,o=[]){var e;const{x:i,y:r}=ln(n,t),u=null==o?void 0:o.filter((n=>v(n)&&!f(n)));if(null==t?void 0:t.containerElement.contains(d(null===(e=null==u?void 0:u[0])||void 0===e?void 0:e._id,t.containerElement))){const n=u[0],o=d(n._id,t.containerElement);return o&&(t.moveToTarget?l(o,.25,{left:`${i}%`,top:`${r}%`,onComplete(){n.coords.percentX=i,n.coords.percentY=r}}):K(n,null==t?void 0:t.containerElement)),null}return Object.assign(Object.assign({},D("dot")),{coords:{percentX:i,percentY:r},styles:{backgroundColor:t.color}})}function U(n,t){null==n||n.forEach((n=>!(null==n?void 0:n.text)&&K(n,t)))}function W(n,t){var e;null===(e=null==n?void 0:n.filter((n=>{var t;return(null==n?void 0:n.text)&&!(null===(t=n._local)||void 0===t?void 0:t.isDeleted)})))||void 0===e||e.forEach(((n,e)=>{if(n){const l=d(n._id,t);if(l){const n=l.style.transform;o(l).then((()=>{l.style.transform=n;const t=(e+1).toString(),o=un(l);!o||o.textContent&&t===o.textContent||(o.textContent=t)}))}}}))}async function Z(n,t=!0){if("YOO-TOOLTIP"===(null==n?void 0:n.tagName)){const o=await n.getInstance();o&&!o.state.isDestroyed&&o[(null!=t?t:!o.state.isVisible)?"show":"hide"]()}}function nn(n){null==n||n.forEach((n=>{(null==n?void 0:n.firstElementChild)&&Z(n.firstElementChild,!1)}))}function tn(n,t){const o=rn(t);null==n||n.forEach((n=>{var t;if(null==n?void 0:n.firstElementChild){const e=(null==n?void 0:n.firstElementChild)===o&&!(null===(t=null==o?void 0:o._tippy)||void 0===t?void 0:t.state.isVisible);Z(n.firstElementChild,e)}}))}function on(n,t){if((null==n?void 0:n.detail)&&t){const e=n.detail.value,l=n.detail.refTooltip,i=l.parentElement,r=i.style.transform;return l.content=e,t.text=e,o(i).then((()=>{const n=un(i),o=(u=i.parentElement,"dot",Array.from((null==u?void 0:u.querySelectorAll(".dot"))||[]));var u;return n&&!n.textContent&&o.length&&e&&(n.textContent=o.length.toString()),l.forceEditable=!1,i.style.transform=r,t}))}return Promise.resolve(null)}function en(n,t=!0,o=t){if(n){const e=rn(n);e&&Object.assign(e,{hideOnClick:!t,hoverable:!t,clickable:t,forceEditable:o,editable:t})}}function ln(n,t){if(n&&(null==t?void 0:t.containerElement)){const o=t.containerElement.getBoundingClientRect(),e=e=>n[`client${e.toUpperCase()}`]-(o[e]+t.radius),l=n=>parseFloat((e(n)/(o["x"===n?"width":"height"]+t.radius)*100).toFixed(4));return{x:l("x"),y:l("y")}}}function rn(n){return null==n?void 0:n.querySelector("yoo-tooltip")}function un(n){var t;return null===(t=rn(n))||void 0===t?void 0:t.firstElementChild}function sn(n){null==n||n.forEach(((n,t)=>{var o;un(n)&&(null===(o=rn(n))||void 0===o?void 0:o.content)&&(un(n).textContent=(t+1).toString())}))}export{y as A,w as B,J as C,g as D,H as E,D as F,z as G,x as H,N as I,q as J,O as K,h as L,F as M,S as N,j as S,Q as a,U as b,R as c,K as d,tn as e,on as f,en as g,nn as h,ln as i,rn as j,un as k,sn as l,T as m,Y as n,B as o,L as p,P as q,W as r,Z as s,G as t,_ as u,V as v,M as w,X as x,I as y,A as z}

package/dist/design-system/{p-86801867.entry.js → p-e42a761c.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,h as e,H as a,g as o}from"./p-c26cc6ff.js";import{bo as r,t as i}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-b5241164.js";import{f as p}from"./p-33b2d3a2.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";
+import{r as t,h as e,H as a,g as o}from"./p-c26cc6ff.js";import{bo as r,t as i}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-ae3b4d28.js";import{f as p}from"./p-5795afcd.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";
 /*!
  * Signature Pad v3.0.0-beta.4 | https://github.com/szimek/signature_pad
  * (c) 2020 Szymon Nowak | Released under the MIT license

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as a,H as o,g as i}from"./p-c26cc6ff.js";import{b as r,k as n,P as p,e as s,d as l,a as d,s as c,m as h}from"./p-ae3b4d28.js";import{T as b}from"./p-220d0a85.js";import{t as m,M as f,u as g}from"./p-4d956bd4.js";import{T as v,a3 as y,b as u,w as x,K as w,i as k,bF as z,b1 as C,t as I,s as j,n as O,af as T,u as A,bo as E,bn as D,m as R,j as P,l as M}from"./p-a966475f.js";import{g as q,b as S}from"./p-80c3f796.js";import{f as L,b as B,q as F,v as N}from"./p-68955196.js";import{g as U}from"./p-9430559f.js";import{a as Y}from"./p-8c8163b6.js";import{s as H,u as K,f as V}from"./p-5795afcd.js";import{a as W,i as _}from"./p-9229f5bb.js";import{i as G}from"./p-0bb947fc.js";import"./p-bd19a341.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";const $=class{constructor(a){t(this,a),this.sendAttachment=e(this,"sendAttachment",7),this.sendText=e(this,"sendText",7),this.mediaInput=e(this,"mediaInput",7),this.urlPreviewAdded=e(this,"urlPreviewAdded",7),this.replyCancelled=e(this,"replyCancelled",7),this.isTyping=e(this,"isTyping",7),this.inputBlurred=e(this,"inputBlurred",7),this.inputFocused=e(this,"inputFocused",7),this.bottomDialogToggled=e(this,"bottomDialogToggled",7),this.browseLibrary=e(this,"browseLibrary",7),this.iconClicked=e(this,"iconClicked",7),this.mediaLoading=e(this,"mediaLoading",7),this.dismissReplyClicked=e(this,"dismissReplyClicked",7),this.captureIconSettings={icon:"plus"},this.secondaryActionSettings={allowInput:{[m.audio]:!1,[m.video]:!0,[m.gif]:!0,[m.gallery]:!0,[m.camera]:!0}},this.placeholder="ADDCOMMENT",this.actionText="YOOBICSEND",this.focused=!1,this.currentTabIndex=0,this.linkPreviews=[],this.defaultInputMaximum=1,this.defaultActionIconMap={[m.video]:"videocamera",[m.audio]:"microphone",[m.document]:"attachment",[m.gif]:"gif",[m.gallery]:"photo-library",[m.camera]:"camera"},this.quickReactions=["🔥","❤️","👏","🎉","⚡️","😂","😢","💯"]}onHideBottomDialog(){this.showBottomDialog&&this.onToggleBottomDialog()}onKeyboardDidHide(){this.showActionSheetOnDidHide&&(this.showActionSheetOnDidHide=!1,this.onVibrate(),this.onShowActionSheet())}async focusInputField(t=!1,e){this.hasTextInside=t,e?this.shouldFocus=!0:this.formTextArea&&this.formTextArea.setFocus()}async blurInputField(){this.formTextArea&&this.formTextArea.setBlur()}async updateValueAndFocus(t){this.formTextArea&&this.formTextArea.updateValueAndFocus(t)}async onToggleBottomDialog(t){v(this.bottomDialogRef,.25,{height:this.showBottomDialog?0:this.bottomDialogHeight,onComplete:()=>{this.showBottomDialog=!this.showBottomDialog,this.bottomDialogToggled.emit(this.showBottomDialog),t&&t()}})}async updateReplyChatMessage(t){this.replyChatMessage=t,this.replyChatMessage&&this.focusInputField(this.hasTextInside)}componentWillLoad(){this.value&&""!==this.value&&(this.hasTextInside=!0)}componentDidLoad(){var t;y(this.bottomDialogHeight)&&(this.bottomDialogHeight=u(this.host)?408:500),(null===(t=this.advancedOptions)||void 0===t?void 0:t.focusOnOpen)&&setTimeout((()=>{this.focusInputField()}),500),this.resizeListener=x(this.onScreenResize,500).bind(this),window.addEventListener("resize",this.resizeListener),window.addEventListener("screenSizeWillChange",this.resizeListener)}componentDidUpdate(){this.shouldFocus&&(this.focusInputField(this.hasTextInside,!1),this.shouldFocus=!1)}disconnectedCallback(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),window.removeEventListener("screenSizeWillChange",this.resizeListener))}onScreenResize(){this.screenWidth=this.host.clientWidth}isInputTypeAllowed(t){var e,a;return!!(null===(a=null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.allowInput)||void 0===a?void 0:a[t])}getTypeInputSettings(t){var e,a;return null===(a=null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.allowInputSettings)||void 0===a?void 0:a[t]}getTypeMaximumAllowedSize(t){var e;let a=this.defaultInputMaximum;const o=this.getTypeInputSettings(t);return(null==o?void 0:o.maxSize)>=0?a=this.secondaryActionSettings.allowInputSettings[t].maxSize:(null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.maxMediaLimit)>=0&&(a=this.secondaryActionSettings.maxMediaLimit),a}getIconDetails(t){const e=this.getTypeInputSettings(t);return{type:t,name:this.defaultActionIconMap[t],color:(null==e?void 0:e.cssClass)||"stable",handler:()=>{const a=()=>{this.onInputActionClick(t,null==e?void 0:e.captureOnly)};this.showBottomDialog?this.onToggleBottomDialog(a):a()}}}hasTopIndication(){var t,e;return!y((null===(t=this.advancedOptions)||void 0===t?void 0:t.topIndication)||(null===(e=this.advancedOptions)||void 0===e?void 0:e.replyToUser))}onTabSelected(t){var e;this.currentTabIndex=null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.nextIndex}captureFile(t,e,a,o){var i;o=o||this.getTypeMaximumAllowedSize(),u(this.host)?w({type:"file-uploader",params:{acceptMode:e,initialMaxSelectionNumber:o,origin:(null===(i=this.advancedOptions)||void 0===i?void 0:i.origin)||"all"}}).then((e=>{var o;const i=null==e?void 0:e.data;i&&((null===(o=this.advancedOptions)||void 0===o?void 0:o.groupImport)?this.onHandleMediaInput(i,t,!1,a):i.forEach((e=>{this.onHandleMediaInput(e,t||q(e._downloadURL||e),!1,a||W(e)||1!==i.length||!(L(e)||B(64)))})))})):this.onCaptureLocalFile(t,a)}onCaptureLocalFile(t,e){var a;this.fileInput&&(this.fileCaptureSettings={preventAnnotation:e,type:t},null===(a=this.fileInput)||void 0===a||a.dispatchEvent(new MouseEvent("click",{bubbles:!1})))}async onCapturePicture(){var t;if(k())r(70,p.CAMERA,n.PICTURE,!1).then((t=>{this.onHandleMediaInput(t,f.photo)}));else{if(null===(t=this.advancedOptions)||void 0===t?void 0:t.showCaptureOption)return void this.onImportFromLibrary();const e=await s();if(await z()||C(I("WEBCAM"),[I("YOOBICOK")],I("NOCAMERAACCESS")),!((null==e?void 0:e.length)>0))return;{let t=document.createElement("yoo-form-capture-webcam-dialog");t.device=e[0],j(t,{},"",O("Enter","X",!0),O("Leave","X",!0),!0).then((e=>{(null==e?void 0:e.data)&&this.onHandleMediaInput(e.data,f.photo),t=null}))}}}onCaptureVideo(){k()&&l().then((t=>{if(t&&t.length){let e=t[0].fullPath;e&&e.indexOf("file://")<0&&(e="file://"+e),this.onHandleMediaInput(e,f.video)}}))}onShowActionSheet(t){t&&(t.stopPropagation(),t.preventDefault()),this.iconClicked.emit(!0);const e=u(this.host)?[]:[{icon:"camera",actionType:"photo",text:I("PHOTO"),iconColor:"app-color",description:I("TAKEANEWPHOTO"),handler:()=>this.onCapturePicture()}];this.isInputTypeAllowed(m.video)&&!u(this.host)&&e.push({icon:"videocamera",actionType:"video",iconColor:"app-color",text:I("VIDEO"),description:I("TAKEANEWVIDEO"),handler:()=>this.onCaptureVideo()}),this.isInputTypeAllowed(m.gallery)&&e.push({icon:"photo-library",iconColor:"app-color",text:I("GALLERY"),description:I("PICKFROMLIBRARY"),handler:()=>this.onImportFromLibrary()}),this.isInputTypeAllowed(m.document)&&e.push({icon:"file",iconColor:"app-color",text:I("DOCUMENT"),description:I("ADDAFILE"),handler:()=>{w({type:"show-document",params:{selectionMode:!0}}).then((t=>{if((null==t?void 0:t.data)&&!G(null==t?void 0:t.data)){let e;["_id","size","boxId","mimeType","_filename","_downloadURL"].forEach((a=>{t.data[a]&&(e=e||{},e[a]=t.data[a])})),this.onHandleMediaInput(e||t.data,f.document,!1)}}))}}),this.isInputTypeAllowed(m.audio)&&e.push({icon:"microphone",iconColor:"app-color",text:I("AUDIO"),description:I("TAKEANEWAUDIO"),handler:()=>this.onMicIconClicked()}),this.isInputTypeAllowed(m.gif)&&e.push({icon:"gif",iconColor:"app-color",text:I("GIF"),description:I("SELECTGIF"),handler:()=>this.onGifIconClicked()}),1===e.length?e[0].handler():setTimeout((()=>{T(e,void 0,void 0,this.capturIconEl,t,"above")}),200)}async onInput(t){var e;t.stopPropagation();const a=(null===(e=this.advancedOptions)||void 0===e?void 0:e.allowMention)?t.detail:t.target.value;this.onEmitTypingEvent(!0,this.value===a),this.value=a,this.setUrlPreview(),this.hasTextInside=await this.formTextArea.hasText()}setUrlPreview(){var t,e;if(null===(t=this.advancedOptions)||void 0===t?void 0:t.allowUrlPreview){const{links:t}=Y(this.value);(null==t?void 0:t.length)>0&&((null===(e=this.linkPreviews)||void 0===e?void 0:e.length)<1||t[0]!==this.linkPreviews[0].url)?(this.urlPreviewAdded.emit(!0),this.linkPreviews=[{url:t[0]}]):(null==t?void 0:t.length)<1&&(this.urlPreviewAdded.emit(!1),this.linkPreviews=[])}}onEmitTypingEvent(t,e){t&&(clearTimeout(this.typingTimeout),this.typingTimeout=setTimeout((()=>{this.isTyping.emit(!1),this.previousIsTyping=!1}),1e4)),t===this.previousIsTyping||e||(this.isTyping.emit(t),this.previousIsTyping=t)}videoMobileHandler(t){const e=[{icon:"videocamera",iconColor:"app-color",text:`${I("IMPORT")} ${I("PHOTO")}`,handler:()=>{d(t,!0,70).then((t=>{if(this.mediaLoading.emit(!1),!((null==t?void 0:t.length)<=0))return 1===t.length&&_(t[0])?this.onHandleMediaInput(t[0],f.photo):void t.forEach((t=>{t.indexOf("file://")<0&&(t="file://"+t),this.onHandleMediaInput(t,q(t),!0,!0)}))}))}},{icon:"videocamera",iconColor:"app-color",text:`${I("IMPORT")} ${I("VIDEO")}`,handler:()=>this.importVideoFromNativeLibrary()}];setTimeout((()=>{T(e,void 0,void 0,this.capturIconEl,null,"above")}),200)}async importVideoFromNativeLibrary(){let t=await r(70,p.PHOTOLIBRARY,n.VIDEO);t.indexOf("file://")<0&&(t="file://"+t),this.onHandleMediaInput(t,f.video,!0,!0)}onImportFromLibrary(){const t=this.getTypeMaximumAllowedSize();if(this.browseLibrary.emit(!0),k())this.mediaLoading.emit(!0),this.videoMobileHandler(t);else{const e=[g.image,g.gif,g.unsplash];let a=this.getTypeMaximumAllowedSize(m.gallery);this.isInputTypeAllowed(m.video)&&(e.push(g.video),a=t),this.captureFile(void 0,e,void 0,a)}}async onFileSelect(t){var e,a;if((null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.files)&&this.fileCaptureSettings&&!k()){let e=[];await Promise.all(Array.from(t.target.files).map((async t=>{var e;let a=t;return _(t)&&!(null===(e=this.advancedOptions)||void 0===e?void 0:e.useImageFile)&&await F(t,"blob").then((async t=>{a=t})),a}))).then((t=>e=t)),(null===(a=this.advancedOptions)||void 0===a?void 0:a.groupImport)?this.onHandleMediaInput(e,this.fileCaptureSettings.type||q(e[0]),!0,!0):e.forEach((t=>{this.onHandleMediaInput(t,this.fileCaptureSettings.type||q(t),!0,this.fileCaptureSettings.preventAnnotation)})),this.fileCaptureSettings=null}}async onHandleMediaInput(t,e,a=!0,o){var i,r;const n=null!==(i=t._downloadURL)&&void 0!==i?i:t,p=async o=>{let i;t._downloadURL&&e!==f.document&&(i=t.mediaDimension),a||e!==f.photo||(i=await S(n)),this.mediaInput.emit({type:e,payload:e===f.photo?n:t,options:{requireUpload:a,annotationData:o,dimensionData:i}})};(null===(r=this.advancedOptions)||void 0===r?void 0:r.allowAnnotation)&&e===f.photo&&!o&&(A(t)?1===t.length:t)?H({src:n,showSaveInitial:!0,isReadonly:!1,submitButton:{text:"YOOBICSEND",color:"success",size:"large",handler:async t=>{await E(null),p(t)}},closeHandler:()=>E(null)},{enterAnimation:"slideYEnterAnimation",leaveAnimation:"slideYLeaveAnimation"}):p()}onCloseReplyMode(){this.hasTextInside=!1,this.replyCancelled.emit(!0)}onInputFocused(t){t.stopPropagation(),this.focused=!0,this.inputFocused.emit(!0),this.showBottomDialog&&this.onToggleBottomDialog()}onInputBlurred(t){t.stopPropagation(),this.onEmitTypingEvent(!1),this.focused=!1,this.inputBlurred.emit(!0)}noAudio(){C(I("AUDIO"),[I("YOOBICOK")],I("NOAUDIO"))}async onWebRecorder(){const t=await c();if(t&&t.data)return this.onHandleMediaInput(t.data,f.audio)}async onNativeRecorder(){var t;const e={limit:1,duration:(null===(t=this.advancedOptions)||void 0===t?void 0:t.duration)||60};return D(),h.captureAudio(e).then((t=>{if(t&&t.length>0){let e=t[0].fullPath;k()&&!e.includes("file://")&&(e="file://"+e);let a=Promise.resolve(e);R()&&(a=N(e,!!P().user&&P().user.disablePhotoOrientationAutoFix)),a.then((t=>(D(!1),this.onHandleMediaInput(t,f.audio))))}})).catch((t=>{D(!1),3!==t.code&&this.noAudio()}))}async onMicIconClicked(){R()?await this.onNativeRecorder():await this.onWebRecorder()}onVibrate(){k()&&R()&&b.impact({style:"medium"})}async onActionClick(t=!1){var e,a;if(this.onVibrate(),this.hasTextInside||this.value&&""!==this.value){const t=await K(this.value);this.sendText.emit(t),this.value=null,this.formTextArea&&this.formTextArea.updateValueAndFocus(""),this.setUrlPreview(),this.hasTextInside=!1,this.showBottomDialog&&this.onToggleBottomDialog()}else this.onImportFromLibrary();(null===(e=this.advancedOptions)||void 0===e?void 0:e.keepFocusAfterAction)&&this.formTextArea&&!t&&this.formTextArea.setFocus(),(null===(a=this.advancedOptions)||void 0===a?void 0:a.blurAfterAction)&&this.formTextArea&&this.formTextArea.setBlur()}onInputActionClick(t,e){switch(this.onVibrate(),t){case m.gif:return this.onToggleBottomDialog();case m.audio:return this.onMicIconClicked();case m.camera:return this.onCapturePicture();case m.document:if(e)return this.onCaptureLocalFile(f.document,!0);break;case m.gallery:if(e)return this.captureFile(f.photo,[g.unsplash,g.gif,g.image],!0,this.getTypeMaximumAllowedSize(t));break;case m.video:if(e)return this.captureFile(f.video,[g.video],!0,this.getTypeMaximumAllowedSize(t))}}onGifIconClicked(){const t=()=>{var t;const e=((null===(t=this.advancedOptions)||void 0===t?void 0:t.extraBottomDialogTab)||[]).findIndex((t=>"gifs"===t.value));e>0&&(this.tabRef.setTab(e),this.currentTabIndex=e)};this.showBottomDialog?t():this.onToggleBottomDialog(t)}onDismissReplyClicked(t){null==t||t.stopPropagation(),this.replyChatMessage=null,this.dismissReplyClicked.emit()}onReactionContainerClick(t){t.stopPropagation(),this.blurInputField()}onReactionClick(t,e){t.stopPropagation(),this.sendText.emit(e),this.blurInputField()}renderInputBarIcons(){var t,e,o,i;let r;const n=[this.getIconDetails(m.audio)];u(this.host)||n.push(this.getIconDetails(m.camera)),(null===(e=null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.showAsSecondaryIcon)||void 0===e?void 0:e.length)>0&&this.secondaryActionSettings.showAsSecondaryIcon.forEach((t=>{n.push(this.getIconDetails(t))}));const p=!this.focused&&(null===(i=null===(o=this.secondaryActionSettings)||void 0===o?void 0:o.secondaryActions)||void 0===i?void 0:i.length)>0;return a("div",{class:{"input-bar-icon-container":!0,invisible:this.hasTextInside}},n.map((t=>{var e;const o=(null==t?void 0:t.type)===m.audio&&M();return this.isInputTypeAllowed(t.type)&&a("yoo-button",{onClick:t.handler,onTouchEnd:()=>{if(o)return clearTimeout(r),!1},onTouchStart:()=>{o&&(r=setTimeout((()=>{T([{text:I("YOOBICRECORDEROPTION"),handler:()=>this.onWebRecorder()},{text:I("YOOBICNATIVERECORDEROPTION"),handler:()=>this.onNativeRecorder()}])}),4e3))},fill:"transparent",shape:"circular",rippleType:"unbounded"},a("yoo-icon",{name:t.name,color:t.color,size:null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.secondaryIconSize}))})),p&&this.renderSecondaryActions())}renderInputBarActions(){const t={"action-text":!0,invisible:!this.hasTextInside};return[!k()&&this.renderFileInput(),!this.hasTextInside&&this.renderInputBarIcons(),this.hasTextInside&&a("div",{class:t,onClick:()=>this.onActionClick()},I(this.actionText))]}renderSecondaryActions(){var t;const e=t=>{this.onVibrate(),t.handler()};return((null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.secondaryActions)||[]).map((t=>a("yoo-icon",{name:t.icon,color:t.iconColor||"stable-alt",size:null==t?void 0:t.size,onClick:()=>e(t)})))}renderFileInput(){const t=this.getTypeMaximumAllowedSize()>1;return a("input",{name:"file",ref:t=>this.fileInput=t,multiple:t,type:"file",class:"invisible",onChange:t=>this.onFileSelect(t)})}renderGifIcon(){var t;return a("yoo-icon",{name:"photo-library",color:"stable",slot:"right",class:{invisible:this.hasTextInside},size:null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.secondaryIconSize,onClick:()=>this.onImportFromLibrary()})}renderTextarea(){var t,e,o;return a("yoo-form-text-area",{ref:t=>this.formTextArea=t,class:"input-bar",resizable:"both",value:this.value,initialRows:1,allowMention:null===(t=this.advancedOptions)||void 0===t?void 0:t.allowMention,mentionFitMaxRows:!0,maxRows:5,allowCustomInput:!0,disableEnter:u(this.host),onInputBlurred:t=>this.onInputBlurred(t),onInputFocused:t=>this.onInputFocused(t),onInputChanged:t=>this.onInput(t),onEnterPressed:()=>u(this.host)?this.onActionClick():null,otherIds:null===(e=this.advancedOptions)||void 0===e?void 0:e.otherIds,mentions:null===(o=this.advancedOptions)||void 0===o?void 0:o.mentions,onClick:()=>{u(this.host)&&this.sendAttachment.emit("")}},!this.hasTextInside&&a("div",{slot:"placeholder",class:"placeholder"},I(this.placeholder)),this.isInputTypeAllowed(m.gif)&&this.renderGifIcon())}renderCaptureIcon(){var t,e,o,i,r,n;if(null===(t=this.captureIconSettings)||void 0===t?void 0:t.avatar)return a("yoo-avatar",{user:this.captureIconSettings.avatar,size:"large"});{const t=(null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.secondaryIconSize)?"extra-extra-extra-large"===(null===(o=this.secondaryActionSettings)||void 0===o?void 0:o.secondaryIconSize)?"extra-extra-large":null===(i=this.secondaryActionSettings)||void 0===i?void 0:i.secondaryIconSize:"medium",p={color:this.showBottomDialog||this.focused?"stable-light":"app-color",size:t,iconOnlySize:null===(r=this.captureIconSettings)||void 0===r?void 0:r.iconSize,icon:null===(n=this.captureIconSettings)||void 0===n?void 0:n.icon},s=t=>{this.onShowActionSheet(t)},l=t=>{this.onVibrate(),this.focused&&k()&&R()?this.showActionSheetOnDidHide=!0:this.showBottomDialog?this.onToggleBottomDialog(s):s(t)};return a("div",{class:"capture-icon",ref:t=>this.capturIconEl=t,onMouseDown:t=>l(t)},a("yoo-tag",Object.assign({},p)))}}renderQuickReaction(){return a("div",{class:{"quick-reaction-overlay":!0,hide:!this.focused,web:u(this.host)},onMouseDown:t=>{this.onReactionContainerClick(t)}},a("div",{class:"reaction-title"},I("QUICKREACTIONS")),a("div",{class:"reactions-container"},this.quickReactions.map((t=>a("div",{class:"reaction",onMouseDown:e=>{this.onReactionClick(e,t)},innerHTML:t})))))}renderPlaceholder(){return a("div",{slot:"placeholder",class:"placeholder"},I(this.placeholder))}renderBottomDialogInnerContent(t){var e;const o=((null===(e=this.advancedOptions)||void 0===e?void 0:e.extraBottomDialogTab)||[])[this.currentTabIndex];return a("div",{class:{invisible:(null==o?void 0:o.value)!==t,"slot-grid":!0}},a("slot",{name:t}))}renderBottomDialog(){var t,e;return a("div",{class:"bottom-dialog-container",ref:t=>this.bottomDialogRef=t},a("yoo-header",{class:"secondary"},a("yoo-tabs",{tabs:(null===(t=this.advancedOptions)||void 0===t?void 0:t.extraBottomDialogTab)||[],ref:t=>this.tabRef=t,onTabSelected:t=>{this.onTabSelected(t)}})),((null===(e=this.advancedOptions)||void 0===e?void 0:e.extraBottomDialogTab)||[]).map((t=>this.renderBottomDialogInnerContent(null==t?void 0:t.value))))}renderTopIndication(){var t,e,o;const i={"indications-container":!0,active:this.hasTopIndication()};return a("div",{class:i},a("span",{class:"indications-inner"},(null===(t=this.advancedOptions)||void 0===t?void 0:t.topIndication)&&a("span",null,I(this.advancedOptions.topIndication)),!(null===(e=this.advancedOptions)||void 0===e?void 0:e.topIndication)&&(null===(o=this.advancedOptions)||void 0===o?void 0:o.replyToUser)&&a("span",null,I("REPLY_TO")+" ",a("span",{class:"user-indication"},U(this.advancedOptions.replyToUser)))),a("span",{class:"close-reply",onClick:()=>this.onCloseReplyMode()},a("yoo-icon",{name:"close",color:"dark-to-light"})))}renderReplyMessage(){return a("div",{class:{"reply-message-container":!0}},this.replyChatMessage&&a("yoo-chat-message-preview",{message:this.replyChatMessage,onDismissReplyClicked:t=>this.onDismissReplyClicked(t)}))}renderUrlPreview(){var t;return a("div",{class:{"url-preview-container":!0,"no-border":(null===(t=this.linkPreviews)||void 0===t?void 0:t.length)<1}},a("yoo-form-url",{class:"chat-preview",readonly:!0,linkPreviews:this.linkPreviews,displayAllPreviews:!1,displayErrorPreviews:!1,canCloseLinkPreviews:!0,bigLinkPreviews:!1,linkPreviewImgType:"background",linkPreviewImgScaledUp:!1,linkPreviewImgInstant:!0,onLinkPreviewChanged:t=>{var e,a;(null===(a=null===(e=t.detail)||void 0===e?void 0:e.linkPreviews)||void 0===a?void 0:a.length)<1&&this.urlPreviewAdded.emit(!1)}}))}render(){var t,e,i,r;const n=this.isInputTypeAllowed(m.gif),p=!!((null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.allowInput)?Object.keys(this.secondaryActionSettings.allowInput||{}).filter((t=>!!this.secondaryActionSettings.allowInput[t])):[]).length||(null===(e=this.captureIconSettings)||void 0===e?void 0:e.avatar),s=!!(null===(i=this.advancedOptions)||void 0===i?void 0:i.showQuickReaction);return a(o,{class:Object.assign(Object.assign({},V(this.host)),{expanded:this.showBottomDialog})},(null===(r=this.advancedOptions)||void 0===r?void 0:r.allowUrlPreview)&&this.renderUrlPreview(),this.renderReplyMessage(),a("div",{class:{"outer-container":!0,focused:this.focused,"has-text":this.hasTextInside,replying:this.hasTopIndication()}},this.renderTopIndication(),a("div",{class:"input-container"},p&&this.renderCaptureIcon(),this.renderTextarea(),this.renderInputBarActions()),n&&this.renderBottomDialog()),s&&this.renderQuickReaction())}get host(){return i(this)}};$.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--padding-input-container:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);--input-bar-placeholder-font-size:var(--font-size-16, 1rem);--input-bar-border-top:none;--emoji-icon-size:var(--font-size-28, 1.75rem);--graident-height:3.5rem;display:block;width:100%}:host .invisible{display:none}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;min-height:57px;background:var(--light-to-dark, #ffffff);border-top:var(--input-bar-border-top)}:host .outer-container .input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--padding-input-container)}:host .outer-container .input-container .input-bar-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:var(--icon-size-01, 1rem)}:host .outer-container .input-container .input-bar-icon-container yoo-button:not(:last-of-type){margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .action-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color);font-weight:bold;white-space:nowrap}:host .outer-container .placeholder{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .bottom-dialog-container{position:relative;width:100%;height:0;overflow:hidden}:host .outer-container .bottom-dialog-container::after{position:absolute;bottom:0;width:100%;height:var(--graident-height);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--light-20, rgba(255, 255, 255, 0.2))), to(var(--light, #ffffff)));background-image:linear-gradient(to bottom, var(--light-20, rgba(255, 255, 255, 0.2)), var(--light, #ffffff));border-radius:2.3px;content:""}:host .outer-container .bottom-dialog-container .emoji-outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .outer-container .bottom-dialog-container .emoji-outer-container.most-used{margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding:0;border-bottom:1px solid var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host .outer-container .bottom-dialog-container .emoji-outer-container.most-used .emoji-container{margin-bottom:0}:host .outer-container .bottom-dialog-container .emoji-outer-container .header{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .bottom-dialog-container .emoji-outer-container .emoji-container{display:grid;grid-gap:var(--font-size-20, 1.25rem);grid-template-columns:repeat(auto-fit, var(--emoji-icon-size));-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:calc(var(--graident-height) + var(--spacing-32, 2rem));padding:var(--spacing-08, 0.5rem);row-gap:0}:host .outer-container .bottom-dialog-container .emoji-outer-container .emoji-container .emoji{font-size:var(--emoji-icon-size)}:host .outer-container .bottom-dialog-container .slot-grid:not(.invisible){position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}:host .indications-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none;-ms-flex-align:center;align-items:center;width:100%;padding-left:var(--spacing-16, 1rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-01);background:var(--stable-light-to-dark, #f1f1f1);opacity:0;-webkit-transition:all ease 0.3s;transition:all ease 0.3s}:host .indications-container.active{display:-ms-flexbox;display:flex;opacity:1}:host .indications-container .close-reply{padding-right:var(--spacing-16, 1rem)}:host .indications-container .indications-inner{-ms-flex:1;flex:1;padding-left:var(--spacing-16, 1rem)}:host .indications-container .indications-inner .user-indication{-ms-flex:1;flex:1;color:var(--dark-to-light, #000000);font-weight:var(--font-weight-03)}:host .quick-reaction-overlay{position:fixed;top:20%;z-index:9;-ms-flex-direction:column;flex-direction:column;width:100%;height:auto;margin:auto;opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .quick-reaction-overlay.web{position:absolute;margin-top:-150%}:host .quick-reaction-overlay.hide{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host .quick-reaction-overlay .reactions-container{display:grid;grid-template-columns:25% 25% 25% 25%;width:100%}:host .quick-reaction-overlay .reactions-container .reaction{font-size:var(--spacing-48, 3rem);text-align:center}:host .quick-reaction-overlay .reaction-title{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-32, 2rem);color:var(--light-to-dark, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.footer){--input-bar-border-top:0.0625rem solid var(--stable-light-to-light-20, #f1f1f1)}:host(.iphone-x.footer) .outer-container:not(.focused),:host(.iphone-x.simple) .outer-container:not(.focused){padding-bottom:2rem}:host(.simple){position:absolute;bottom:0px;z-index:40000}:host(.simple) .outer-container{background:transparent}:host(.simple) yoo-form-text-area{--inputbar-background-color:var(--light-20, rgba(255, 255, 255, 0.2));--textarea-font-color:var(--light, #ffffff)}:host(.dark){background:var(--dark, #000000)}:host(.secondary) yoo-form-text-area{--input-bar-margin:0 var(--spacing-24, 1.5rem);--textarea-pointer-event:none;--input-bar-border-radius:var(--border-radius-04, 0.25rem);cursor:pointer}:host(.secondary) .outer-container{background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(.secondary) .outer-container .input-bar-icon-container{position:relative;white-space:nowrap}:host(.secondary) .outer-container .input-bar-icon-container yoo-icon{cursor:pointer;fill:var(--stable-alt, #d0d0d0)}:host(.web:not(.small)){min-height:3.5625rem}:host(.small) yoo-form-text-area{--textarea-height:var(--spacing-24, 1.5rem);--textarea-inner-padding:var(--spacing-02, 0.125rem) 0}';export{$ as yoo_input_bar}