@yoobic/yobi 7.7.49 → 7.7.53

package/dist/design-system/{p-42bc0e1a.entry.js → p-450b078f.entry.js}

@@ -1 +1 @@
-import{r as o,c as a,h as t,H as i,g as e}from"./p-c26cc6ff.js";import{b as r,T as l,C as n,y as s,bB as d,Q as c,bQ as p,U as m,m as y,bZ as h,b8 as b,a as f,z as g}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{p as v,d as x}from"./p-677a8870.js";import"./p-09088888.js";import{m as w,z as u,f as k}from"./p-e68604b7.js";import{a as z,d as q}from"./p-1e373d56.js";import{B as D,e as j}from"./p-1e7fbce6.js";import{c as M,g as O}from"./p-f89c0486.js";import{m as P}from"./p-1cd04bb5.js";import{i as T}from"./p-cbb48ea7.js";import{d as C}from"./p-40803ca3.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-91118816.js";import"./p-8e965cb3.js";const E={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillDismiss",ionModalDidDismiss:"ionViewDidDismiss"},H=class{constructor(t){o(this,t),this.ionModalDidLoad=a(this,"ionModalDidLoad",7),this.ionModalDidUnload=a(this,"ionModalDidUnload",7),this.didPresent=a(this,"ionModalDidPresent",7),this.willPresent=a(this,"ionModalWillPresent",7),this.willDismiss=a(this,"ionModalWillDismiss",7),this.didDismiss=a(this,"ionModalDidDismiss",7),this.navigable=!1,this.keyboardClose=!0,this.enableBackdropDismiss=!0,this.showBackdrop=!0,this.animated=!0,this.swipeRightToClose=!1,this.displayFullscreenButton=!0,this.fullscreen=!1,this.dragEnabled=!1,this.presented=!1,this.hasPresented=!1,this.arrowElements=[],this.onKeyboardDidHide=()=>{var o;if(this.dialogElement&&(null===(o=this.componentProps)||void 0===o?void 0:o.half)&&this.fullscreen&&!r(this.host)){const o=window.innerHeight*(1-(this.componentProps.coeffHalf||.5));l(this.dialogElement,0,{y:o,height:window.innerHeight,onComplete:()=>{this.modalYPosition=o,this.dialogElement.style.height=window.innerHeight-this.modalYPosition+"px",this.setFullscreen(!1)}})}}}get customHeight(){if(n()){const o=s(this.host,"yoo-device");if(o)return o.querySelector(".device-content").clientHeight||window.innerHeight}return window.innerHeight}get zIndexOverlay(){var o;return(2e4+((null===(o=this.componentProps)||void 0===o?void 0:o.overlayId)||this.overlayId||0)).toString()}onDismiss(o){o.stopPropagation(),o.preventDefault(),this.dismiss()}onBackdropTap(){this.dismiss(null,D)}lifecycle(o){w(o,this.dialogContentElement,E)}onPresent(){this.host.classList.add("presented"),this.hasPresented=!0}onInputFocused(){var o;this.dialogElement&&(null===(o=this.componentProps)||void 0===o?void 0:o.half)&&!this.fullscreen&&!r(this.host)&&l(this.dialogElement,.5,{y:0,height:window.innerHeight,onComplete:()=>{this.modalYPosition=0,this.setFullscreen()}})}onPanned(o){if(null==o?void 0:o.detail){const a=window.innerHeight,t=this.modalYPosition+o.detail.y,i=()=>this.dialogElement.style.height=window.innerHeight-this.modalYPosition+"px";if(T(t,0,window.innerHeight)&&(this.dialogElement.style.zIndex=(parseFloat(this.zIndexOverlay)+1).toString(),d(this.dialogElement,{y:t,height:a-t})),o.detail.isFinal){const o=T(t,.25*a,.75*a),e=t<.25*a,r=t>.75*a;o&&l(this.dialogElement,.25,{y:.5*a,height:window.innerHeight/2,onComplete:()=>{this.modalYPosition=.5*a,i(),this.setFullscreen(!1)}}),e&&l(this.dialogElement,.25,{y:0,height:window.innerHeight,onComplete:()=>{this.modalYPosition=0,i(),this.setFullscreen()}}),r&&this.dismiss(void 0,void 0,!0)}}}async expandFullScreen(o,a=840,t,i,e){const{x:r,y:n}=this.dialogElement.getBoundingClientRect();return this.dialogElement?(o||this.dialogElement.classList.remove("full-screen-important"),l(this.dialogElement,.25,{width:o?"100%":a||"auto",height:o?"100%":t||this.getModalHeight(),maxHeight:o?"100%":t||"calc(100% - 2 * 3.5rem)",borderRadius:o?0:8,top:o?0:e||56,left:o?0:i||0,x:o?0:r,y:o?0:n}).then((()=>{o&&this.dialogElement.classList.add("full-screen-important")}))):Promise.resolve()}async present(){var o;const a=()=>this.component instanceof HTMLElement&&this.component.tagName,t="YOO-FORM-AUTOCOMPLETE-DIALOG"===a(),i="YOO-PHOTO-EDITOR"===a(),e=this.componentProps.half,l=1-(this.componentProps.coeffHalf||.5);this.modalYPosition=e?this.customHeight*l:0;const n=(null===(o=this.finalEnterAnimation)||void 0===o?void 0:o.includes("slideYEnterAnimation"))&&this.component instanceof HTMLElement&&!t,s=this.isMode("context-menu")||this.isMode("language-selector"),d=r(this.host)&&!this.isMode("quickview")&&!this.isMode("transparent"),m=(this.waitForContentLoaded||d)&&!s&&!this.isMode("no-fade-in"),y=r(this.host)?m?["hide"]:[]:e?["ion-page","half"]:i?[]:["ion-page"];y.push("modal-view"),!this.presented&&this.dialogElement&&(n&&!this.componentProps.half&&(this.dialogElement.style.transform=`translateY(${this.customHeight}px)`),r(this.host)&&(this.dialogElement.style.height=this.getModalHeight(),this.dialogElement.style.minHeight=this.getModalMinHeight()),c()||(s?this.component.style.opacity="0":this.dialogElement.style.opacity="0"),z(this.delegate,this.dialogElement,this.component,y,this.componentProps).then((o=>{var a;if(o)return this.dialogContentElement=o,this.setDialogPosition(),this.elementToAnimate=s?this.dialogContentElement:this.dialogElement,c()&&this.dialogContentElement&&(this.dialogContentElement.style.transform="none"),s||(this.dialogContentElement.style.height="100%",this.componentProps.width&&(this.dialogElement.style.width=`${this.componentProps.width}px`)),this.dialogContentElement.componentInstance&&(this.componentInstance=this.dialogContentElement.componentInstance),!this.showBackdrop||this.isMode("no-shadow")||this.isMode("context-menu")||p(this.overlay,"Enter",!1,.5),(null===(a=this.componentProps)||void 0===a?void 0:a.dialogContentElement)&&(this.dialogElement.style.width=`${this.componentProps.dialogContentElement.clientWidth}px`),v(this,(()=>P(this.finalEnterAnimation,this.elementToAnimate,{scaleEffect:d,duration:this.modalEnterAnimationDuration,modalPosition:this.componentProps.half&&l,customHeight:this.customHeight}).then((()=>{e&&this.modalYPosition>=0&&(this.dialogElement.style.height=this.customHeight-this.modalYPosition+"px"),this.setArrowsStyle()}))))})))}async dismiss(o,a,t=!1){this.isMode("fade")&&(this.dialogElement.style.display="none");const i=this.host.classList.contains("language-selector");return!this.showBackdrop||this.isMode("no-shadow")||this.isMode("context-menu")||p(this.overlay,"Leave",!1,.5),i&&(this.dialogElement.style.display="none"),this.resizeListener&&window.removeEventListener("resize",this.resizeListener),x(this,o,a,t,(()=>P(this.finalLeaveAnimation,this.elementToAnimate,{duration:this.modalLeaveAnimationDuration,modalPosition:this.componentProps.half&&1-(this.componentProps.coeffHalf||.5),customHeight:this.customHeight}))).then((()=>q(this.delegate,this.dialogContentElement)))}async onDidPresent(o){return j(this.host,"ionModalDidPresent",o)}async onDidDismiss(o){return j(this.host,"ionModalDidDismiss",o)}async onWillDismiss(o){return j(this.host,"ionModalWillDismiss",o)}async toggleDraggable(o,a){o&&!this.dragInstance&&(this.dragInstance=new m(this.dialogElement,Object.assign({cursor:"grab",zIndexBoost:!1,allowEventDefault:!0},a))),this.dragInstance&&this.dragInstance[o?"enable":"disable"](),o?this.host.classList.add("draggable"):this.host.classList.remove("draggable")}componentWillLoad(){this.finalEnterAnimation=this.enterAnimation||y("Enter","X",!0),this.finalLeaveAnimation=this.leaveAnimation||y("Leave","X",!0),this.clearFocusing()}componentDidLoad(){this.ionModalDidLoad.emit(),this.host.classList.contains("preview")&&r(this.host)&&(this.setPreviewModalIndicatorPosition(),window.addEventListener("resize",this.resizeListener)),r(this.host)||(this.keyboardDidHideListener=C(this.onKeyboardDidHide,500).bind(this),window.addEventListener("keyboardDidHide",this.keyboardDidHideListener))}disconnectedCallback(){this.dialogElement&&this.dialogElement.parentElement&&this.dialogElement.parentElement.isConnected&&this.ionModalDidUnload.emit(),this.host.classList.contains("preview")&&r(this.host)&&this.resizeListener&&window.removeEventListener("resize",this.resizeListener),r(this.host)||window.removeEventListener("keyboardDidHide",this.keyboardDidHideListener)}setArrowsStyle(){const o=this.host.querySelector("yoo-ion-slides");o&&Promise.all([o.getActiveIndex(),o.length()]).then((o=>{var a;if(null==o?void 0:o.length){const t=o[0];this.maxSlideIndex=o[1],this.navigable&&(null===(a=this.arrowElements)||void 0===a?void 0:a.length)&&(this.arrowElements[0].style.opacity=t?"1":"0",this.arrowElements[1].style.opacity=t===this.maxSlideIndex-1?"0":"1",setTimeout((()=>{this.arrowElements[0].style.display=t?"block":"none",this.arrowElements[1].style.display=t===this.maxSlideIndex-1?"none":"block"}),350))}}))}setDialogPosition(){var o,a;if(this.componentProps.hostElement){const t=this.componentProps.hostElement,i=t.getBoundingClientRect(),{height:e,left:r,top:l,placement:n}=h(t,"below",this.dialogElement,(null===(a=null===(o=this.componentProps)||void 0===o?void 0:o.dialogContentElement)||void 0===a?void 0:a.clientWidth)||i.width);this.dialogElement.style.margin="0","rtl"===document.dir&&(this.dialogElement.style.right="unset"),this.dialogElement.style.left=`${r}px`,this.dialogElement.style.top=`${l}px`,this.componentProps.dialogContentElement&&(this.componentProps.dialogContentElement.style.minWidth=`${i.width}px`,this.componentProps.dialogContentElement.placement=n,e<408&&(this.componentProps.dialogContentElement.style.maxHeight=e-16+"px"))}}setFullscreen(o=!0){this.fullscreen=o;const a=o?["fullscreen","half"]:["half","fullscreen"];this.host.classList.add(a[0]),this.host.classList.remove(a[1]),this.dialogContentElement.classList.add(a[0]),this.dialogContentElement.classList.remove(a[1]),o&&(this.dialogElement.style.height=`${window.innerHeight}px`),this.componentInstance&&(this.componentInstance.showSwipeableBar=!o,this.componentInstance.cd.markForCheck()),this.setToolbarProps()}isMode(o){return this.host.classList.contains(o)}isEnterAnimation(o){return this.finalEnterAnimation.includes(o)}isLeaveAnimation(o){return this.finalLeaveAnimation.includes(o)}clearFocusing(){document.activeElement!=document.body&&document.activeElement.blur()}getModalHeight(){switch(this.componentProps.height){case"small":return"33.33%";case"medium":return"66.66%"}}getModalMinHeight(){switch(this.componentProps.height){case"small":return"min(320px, calc(100% - 2 * 56px))";case"medium":return"min(640px, calc(100% - 2 * 56px))";case"large":return"min(790px, calc(100% - 2 * 56px))"}}setToolbarProps(){u(this.host,"yoo-form-autocomplete-dialog")}setPreviewModalIndicatorPosition(){const o=window.innerWidth;this.dialogElement.classList.add(o>=1350?"left-50":"left-90")}onOverlayDismissClick(o){this.componentInstance&&"onCancel"in this.componentInstance?this.componentInstance.onCancel(o):!this.fullscreen&&this.hasPresented&&this.enableBackdropDismiss&&this.dismiss(void 0,void 0,!0)}closeModal(){return this.dismiss()}onTouchStartDismiss(o){o.stopPropagation()}onTouchMoveDismiss(o){o.stopPropagation(),o.preventDefault()}async onArrowClick(o){var a;const t="right"===o,i=this.host.querySelector("yoo-ion-slides");if(i&&(null===(a=this.arrowElements)||void 0===a?void 0:a.length)){await i.lockSwipes(!1),await(t?i.slideNext():i.slidePrev());const o=await i.getActiveIndex(),a=!o,e=o===this.maxSlideIndex-1;this.arrowElements[0].style.opacity=a?"0":"1",this.arrowElements[1].style.opacity=e?"0":"1",setTimeout((()=>{this.arrowElements[0].style.display=a?"none":"block",this.arrowElements[1].style.display=e?"none":"block"}),350)}}renderWatermarkLogo(){return t("yoo-img",{class:"watermark",src:this.watermarkLogo})}renderDismissOverlay(){return t("div",{class:"overlay-dismiss",onClick:()=>this.onOverlayDismissClick(),onTouchStart:o=>this.onTouchStartDismiss(o),onTouchMove:o=>this.onTouchMoveDismiss(o),style:{"z-index":this.zIndexOverlay}})}renderHalfModal(){return[this.renderDismissOverlay(),this.watermarkLogo&&this.renderWatermarkLogo()]}renderDialog(){const o=this.host.classList.contains("preview"),a=this.host.classList.contains("profile"),i=Object.assign({},M(void 0,"modal-wrapper"));return t("div",{ref:o=>this.dialogElement=o,role:"dialog",class:i,style:{zIndex:this.zIndexOverlay,left:this.componentProps?`${this.componentProps.position}px`:"0px"}},o&&a&&[t("div",{class:"fade-overlay top"}),t("div",{class:"fade-overlay bottom"})])}render(){const o={zIndex:this.zIndexOverlay};return t(i,{style:o,"no-router":!0,class:Object.assign(Object.assign(Object.assign(Object.assign({},M(void 0,"modal")),O(this.cssClass)),k(this.host)),{safari:b(),offline:f()&&!g(),"offline-iphone-x":f()&&g(),half:this.componentProps.half,"swipe-to-close":this.swipeRightToClose,navigable:this.navigable})},this.showBackdrop&&t("div",{ref:o=>this.overlay=o,class:"overlay",style:{"z-index":this.zIndexOverlay},onClick:o=>this.onOverlayDismissClick(o)}),this.swipeRightToClose?t("yoo-swipe-container",{onSwipedRight:()=>this.closeModal()},this.renderDialog()):this.renderDialog(),r(this.host)&&this.navigable&&["left","right"].map(((a,i)=>t("div",{onClick:()=>this.onArrowClick(a),ref:o=>this.arrowElements[i]=o,style:o,class:`arrow-container ${a}`},t("yoo-icon",{size:"extra-large",color:"light",name:a})))),this.componentProps&&this.componentProps.half&&this.renderHalfModal())}get host(){return e(this)}};H.style=".sc-yoo-ion-modal: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.sc-yoo-ion-modal,.tippy-popper.sc-yoo-ion-modal{white-space:pre-wrap}.tippy-box.sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal,.tippy-popper.sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-02, 0.125rem)}.tippy-box.sc-yoo-ion-modal{-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.sc-yoo-ion-modal .tippy-content.editable.sc-yoo-ion-modal{padding:0}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .flex.sc-yoo-ion-modal{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .hidden.sc-yoo-ion-modal{display:none}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal>div.sc-yoo-ion-modal{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.readonly.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .maxchar-content.sc-yoo-ion-modal{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.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal yoo-button.sc-yoo-ion-modal{padding:0 var(--spacing-08, 0.5rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal .edit-content.sc-yoo-ion-modal{-ms-flex-align:center;align-items:center}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal .edit-content.sc-yoo-ion-modal yoo-icon.sc-yoo-ion-modal{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .edit-content.sc-yoo-ion-modal>*.sc-yoo-ion-modal{cursor:pointer}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal .title.sc-yoo-ion-modal{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal .sub-title.sc-yoo-ion-modal{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.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal .sub-title.sc-yoo-ion-modal yoo-avatar.sc-yoo-ion-modal{margin:0 var(--spacing-04, 0.25rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal yoo-button.sc-yoo-ion-modal{max-width:8rem}.tippy-box[data-theme~=startameeting].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal yoo-icon.sc-yoo-ion-modal{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal yoo-icon.sc-yoo-ion-modal{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent].sc-yoo-ion-modal{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite].sc-yoo-ion-modal{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color].sc-yoo-ion-modal{background-color:var(--app-color)}.tippy-box[data-theme~=app-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger].sc-yoo-ion-modal{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light].sc-yoo-ion-modal{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark].sc-yoo-ion-modal{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized].sc-yoo-ion-modal{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info].sc-yoo-ion-modal{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light].sc-yoo-ion-modal{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange].sc-yoo-ion-modal{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color].sc-yoo-ion-modal{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal].sc-yoo-ion-modal{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable].sc-yoo-ion-modal{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt].sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light].sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight].sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success].sc-yoo-ion-modal{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color].sc-yoo-ion-modal{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning].sc-yoo-ion-modal{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color].sc-yoo-ion-modal{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}.sc-yoo-ion-modal: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)){.sc-yoo-ion-modal: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)){.sc-yoo-ion-modal: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.sc-yoo-ion-modal{z-index:30004 !important;display:block !important;opacity:1 !important}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color);fill:var(--app-color)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-danger-light.sc-yoo-ion-modal{background-color:var(--danger-light, #f46885) !important}.danger-light.sc-yoo-ion-modal{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #fed05b) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.bg-royal.sc-yoo-ion-modal{background-color:var(--royal, #7577ff) !important}.royal.sc-yoo-ion-modal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #fc459e) !important}.info.sc-yoo-ion-modal{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-dark-to-light.sc-yoo-ion-modal{background-color:var(--dark-to-light, #000000) !important}.dark-to-light.sc-yoo-ion-modal{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-text-color-to-light-60.sc-yoo-ion-modal{background-color:var(--text-color-to-light-60, #807f83) !important}.text-color-to-light-60.sc-yoo-ion-modal{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-light-to-dark.sc-yoo-ion-modal{background-color:var(--light-to-dark, #ffffff) !important}.light-to-dark.sc-yoo-ion-modal{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.bg-light-orange.sc-yoo-ion-modal{background-color:var(--light-orange, #fcae49) !important}.light-orange.sc-yoo-ion-modal{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ff6402) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-text-color-to-stable.sc-yoo-ion-modal{background-color:var(--text-color-to-stable, #807f83) !important}.text-color-to-stable.sc-yoo-ion-modal{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.bg-stable-to-stable-20.sc-yoo-ion-modal{background-color:var(--stable-to-stable-20, #adadad) !important}.stable-to-stable-20.sc-yoo-ion-modal{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.bg-stable-to-light.sc-yoo-ion-modal{background-color:var(--stable-to-light, #adadad) !important}.stable-to-light.sc-yoo-ion-modal{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.bg-stable-alt-to-light-10.sc-yoo-ion-modal{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}.stable-alt-to-light-10.sc-yoo-ion-modal{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-60, rgba(0, 0, 0, 0.6));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 2 * 3.5rem);margin:0 auto;overflow:auto;background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:inherit}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1);border-left:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1)}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:transparent}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-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))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}";export{H as yoo_ion_modal}
+import{r as o,c as a,h as t,H as i,g as e}from"./p-c26cc6ff.js";import{b as r,T as l,C as n,y as s,bB as d,Q as c,bQ as p,U as m,m as y,bZ as h,b8 as b,a as f,z as g}from"./p-82c65999.js";import"./p-4d956bd4.js";import{p as v,d as w}from"./p-ee7d9e8e.js";import"./p-19d8f114.js";import{m as x,z as u,f as k}from"./p-bcb0492e.js";import{a as z,d as q}from"./p-1e373d56.js";import{B as D,e as j}from"./p-a7da7c92.js";import{c as M,g as O}from"./p-98b1c43d.js";import{m as P}from"./p-019a24cf.js";import{i as T}from"./p-c0bb9558.js";import{d as C}from"./p-5736a4cd.js";import"./p-bd19a341.js";import"./p-bf792a82.js";import"./p-29c58db4.js";import"./p-83eb4683.js";import"./p-72bae99d.js";import"./p-0be5546a.js";const E={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillDismiss",ionModalDidDismiss:"ionViewDidDismiss"},H=class{constructor(t){o(this,t),this.ionModalDidLoad=a(this,"ionModalDidLoad",7),this.ionModalDidUnload=a(this,"ionModalDidUnload",7),this.didPresent=a(this,"ionModalDidPresent",7),this.willPresent=a(this,"ionModalWillPresent",7),this.willDismiss=a(this,"ionModalWillDismiss",7),this.didDismiss=a(this,"ionModalDidDismiss",7),this.navigable=!1,this.keyboardClose=!0,this.enableBackdropDismiss=!0,this.showBackdrop=!0,this.animated=!0,this.swipeRightToClose=!1,this.displayFullscreenButton=!0,this.fullscreen=!1,this.dragEnabled=!1,this.presented=!1,this.hasPresented=!1,this.arrowElements=[],this.onKeyboardDidHide=()=>{var o;if(this.dialogElement&&(null===(o=this.componentProps)||void 0===o?void 0:o.half)&&this.fullscreen&&!r(this.host)){const o=window.innerHeight*(1-(this.componentProps.coeffHalf||.5));l(this.dialogElement,0,{y:o,height:window.innerHeight,onComplete:()=>{this.modalYPosition=o,this.dialogElement.style.height=window.innerHeight-this.modalYPosition+"px",this.setFullscreen(!1)}})}}}get customHeight(){if(n()){const o=s(this.host,"yoo-device");if(o)return o.querySelector(".device-content").clientHeight||window.innerHeight}return window.innerHeight}get zIndexOverlay(){var o;return(2e4+((null===(o=this.componentProps)||void 0===o?void 0:o.overlayId)||this.overlayId||0)).toString()}onDismiss(o){o.stopPropagation(),o.preventDefault(),this.dismiss()}onBackdropTap(){this.dismiss(null,D)}lifecycle(o){x(o,this.dialogContentElement,E)}onPresent(){this.host.classList.add("presented"),this.hasPresented=!0}onInputFocused(){var o;this.dialogElement&&(null===(o=this.componentProps)||void 0===o?void 0:o.half)&&!this.fullscreen&&!r(this.host)&&l(this.dialogElement,.5,{y:0,height:window.innerHeight,onComplete:()=>{this.modalYPosition=0,this.setFullscreen()}})}onPanned(o){if(null==o?void 0:o.detail){const a=window.innerHeight,t=this.modalYPosition+o.detail.y,i=()=>this.dialogElement.style.height=window.innerHeight-this.modalYPosition+"px";if(T(t,0,window.innerHeight)&&(this.dialogElement.style.zIndex=(parseFloat(this.zIndexOverlay)+1).toString(),d(this.dialogElement,{y:t,height:a-t})),o.detail.isFinal){const o=T(t,.25*a,.75*a),e=t<.25*a,r=t>.75*a;o&&l(this.dialogElement,.25,{y:.5*a,height:window.innerHeight/2,onComplete:()=>{this.modalYPosition=.5*a,i(),this.setFullscreen(!1)}}),e&&l(this.dialogElement,.25,{y:0,height:window.innerHeight,onComplete:()=>{this.modalYPosition=0,i(),this.setFullscreen()}}),r&&this.dismiss(void 0,void 0,!0)}}}async expandFullScreen(o,a=840,t,i,e){const{x:r,y:n}=this.dialogElement.getBoundingClientRect();return this.dialogElement?(o||this.dialogElement.classList.remove("full-screen-important"),l(this.dialogElement,.25,{width:o?"100%":a||"auto",height:o?"100%":t||this.getModalHeight(),maxHeight:o?"100%":t||"calc(100% - 2 * 3.5rem)",borderRadius:o?0:8,top:o?0:e||56,left:o?0:i||0,x:o?0:r,y:o?0:n}).then((()=>{o&&this.dialogElement.classList.add("full-screen-important")}))):Promise.resolve()}async present(){var o;const a=()=>this.component instanceof HTMLElement&&this.component.tagName,t="YOO-FORM-AUTOCOMPLETE-DIALOG"===a(),i="YOO-PHOTO-EDITOR"===a(),e=this.componentProps.half,l=1-(this.componentProps.coeffHalf||.5);this.modalYPosition=e?this.customHeight*l:0;const n=(null===(o=this.finalEnterAnimation)||void 0===o?void 0:o.includes("slideYEnterAnimation"))&&this.component instanceof HTMLElement&&!t,s=this.isMode("context-menu")||this.isMode("language-selector"),d=r(this.host)&&!this.isMode("quickview")&&!this.isMode("transparent"),m=(this.waitForContentLoaded||d)&&!s&&!this.isMode("no-fade-in"),y=r(this.host)?m?["hide"]:[]:e?["ion-page","half"]:i?[]:["ion-page"];y.push("modal-view"),!this.presented&&this.dialogElement&&(n&&!this.componentProps.half&&(this.dialogElement.style.transform=`translateY(${this.customHeight}px)`),r(this.host)&&(this.dialogElement.style.height=this.getModalHeight(),this.dialogElement.style.minHeight=this.getModalMinHeight()),c()||(s?this.component.style.opacity="0":this.dialogElement.style.opacity="0"),z(this.delegate,this.dialogElement,this.component,y,this.componentProps).then((o=>{var a;if(o)return this.dialogContentElement=o,this.setDialogPosition(),this.elementToAnimate=s?this.dialogContentElement:this.dialogElement,c()&&this.dialogContentElement&&(this.dialogContentElement.style.transform="none"),s||(this.dialogContentElement.style.height="100%",this.componentProps.width&&(this.dialogElement.style.width=`${this.componentProps.width}px`)),this.dialogContentElement.componentInstance&&(this.componentInstance=this.dialogContentElement.componentInstance),!this.showBackdrop||this.isMode("no-shadow")||this.isMode("context-menu")||p(this.overlay,"Enter",!1,.5),(null===(a=this.componentProps)||void 0===a?void 0:a.dialogContentElement)&&(this.dialogElement.style.width=`${this.componentProps.dialogContentElement.clientWidth}px`),v(this,(()=>P(this.finalEnterAnimation,this.elementToAnimate,{scaleEffect:d,duration:this.modalEnterAnimationDuration,modalPosition:this.componentProps.half&&l,customHeight:this.customHeight}).then((()=>{e&&this.modalYPosition>=0&&(this.dialogElement.style.height=this.customHeight-this.modalYPosition+"px"),this.setArrowsStyle()}))))})))}async dismiss(o,a,t=!1){this.isMode("fade")&&(this.dialogElement.style.display="none");const i=this.host.classList.contains("language-selector");return!this.showBackdrop||this.isMode("no-shadow")||this.isMode("context-menu")||p(this.overlay,"Leave",!1,.5),i&&(this.dialogElement.style.display="none"),this.resizeListener&&window.removeEventListener("resize",this.resizeListener),w(this,o,a,t,(()=>P(this.finalLeaveAnimation,this.elementToAnimate,{duration:this.modalLeaveAnimationDuration,modalPosition:this.componentProps.half&&1-(this.componentProps.coeffHalf||.5),customHeight:this.customHeight}))).then((()=>q(this.delegate,this.dialogContentElement)))}async onDidPresent(o){return j(this.host,"ionModalDidPresent",o)}async onDidDismiss(o){return j(this.host,"ionModalDidDismiss",o)}async onWillDismiss(o){return j(this.host,"ionModalWillDismiss",o)}async toggleDraggable(o,a){o&&!this.dragInstance&&(this.dragInstance=new m(this.dialogElement,Object.assign({cursor:"grab",zIndexBoost:!1,allowEventDefault:!0},a))),this.dragInstance&&this.dragInstance[o?"enable":"disable"](),o?this.host.classList.add("draggable"):this.host.classList.remove("draggable")}componentWillLoad(){this.finalEnterAnimation=this.enterAnimation||y("Enter","X",!0),this.finalLeaveAnimation=this.leaveAnimation||y("Leave","X",!0),this.clearFocusing()}componentDidLoad(){this.ionModalDidLoad.emit(),this.host.classList.contains("preview")&&r(this.host)&&(this.setPreviewModalIndicatorPosition(),window.addEventListener("resize",this.resizeListener)),r(this.host)||(this.keyboardDidHideListener=C(this.onKeyboardDidHide,500).bind(this),window.addEventListener("keyboardDidHide",this.keyboardDidHideListener))}disconnectedCallback(){this.dialogElement&&this.dialogElement.parentElement&&this.dialogElement.parentElement.isConnected&&this.ionModalDidUnload.emit(),this.host.classList.contains("preview")&&r(this.host)&&this.resizeListener&&window.removeEventListener("resize",this.resizeListener),r(this.host)||window.removeEventListener("keyboardDidHide",this.keyboardDidHideListener)}setArrowsStyle(){const o=this.host.querySelector("yoo-ion-slides");o&&Promise.all([o.getActiveIndex(),o.length()]).then((o=>{var a;if(null==o?void 0:o.length){const t=o[0];this.maxSlideIndex=o[1],this.navigable&&(null===(a=this.arrowElements)||void 0===a?void 0:a.length)&&(this.arrowElements[0].style.opacity=t?"1":"0",this.arrowElements[1].style.opacity=t===this.maxSlideIndex-1?"0":"1",setTimeout((()=>{this.arrowElements[0].style.display=t?"block":"none",this.arrowElements[1].style.display=t===this.maxSlideIndex-1?"none":"block"}),350))}}))}setDialogPosition(){var o,a;if(this.componentProps.hostElement){const t=this.componentProps.hostElement,i=t.getBoundingClientRect(),{height:e,left:r,top:l,placement:n}=h(t,"below",this.dialogElement,(null===(a=null===(o=this.componentProps)||void 0===o?void 0:o.dialogContentElement)||void 0===a?void 0:a.clientWidth)||i.width);this.dialogElement.style.margin="0","rtl"===document.dir&&(this.dialogElement.style.right="unset"),this.dialogElement.style.left=`${r}px`,this.dialogElement.style.top=`${l}px`,this.componentProps.dialogContentElement&&(this.componentProps.dialogContentElement.style.minWidth=`${i.width}px`,this.componentProps.dialogContentElement.placement=n,e<408&&(this.componentProps.dialogContentElement.style.maxHeight=e-16+"px"))}}setFullscreen(o=!0){this.fullscreen=o;const a=o?["fullscreen","half"]:["half","fullscreen"];this.host.classList.add(a[0]),this.host.classList.remove(a[1]),this.dialogContentElement.classList.add(a[0]),this.dialogContentElement.classList.remove(a[1]),o&&(this.dialogElement.style.height=`${window.innerHeight}px`),this.componentInstance&&(this.componentInstance.showSwipeableBar=!o,this.componentInstance.cd.markForCheck()),this.setToolbarProps()}isMode(o){return this.host.classList.contains(o)}isEnterAnimation(o){return this.finalEnterAnimation.includes(o)}isLeaveAnimation(o){return this.finalLeaveAnimation.includes(o)}clearFocusing(){document.activeElement!=document.body&&document.activeElement.blur()}getModalHeight(){switch(this.componentProps.height){case"small":return"33.33%";case"medium":return"66.66%"}}getModalMinHeight(){switch(this.componentProps.height){case"small":return"min(320px, calc(100% - 2 * 56px))";case"medium":return"min(640px, calc(100% - 2 * 56px))";case"large":return"min(790px, calc(100% - 2 * 56px))"}}setToolbarProps(){u(this.host,"yoo-form-autocomplete-dialog")}setPreviewModalIndicatorPosition(){const o=window.innerWidth;this.dialogElement.classList.add(o>=1350?"left-50":"left-90")}onOverlayDismissClick(o){this.componentInstance&&"onCancel"in this.componentInstance?this.componentInstance.onCancel(o):!this.fullscreen&&this.hasPresented&&this.enableBackdropDismiss&&this.dismiss(void 0,void 0,!0)}closeModal(){return this.dismiss()}onTouchStartDismiss(o){o.stopPropagation()}onTouchMoveDismiss(o){o.stopPropagation(),o.preventDefault()}async onArrowClick(o){var a;const t="right"===o,i=this.host.querySelector("yoo-ion-slides");if(i&&(null===(a=this.arrowElements)||void 0===a?void 0:a.length)){await i.lockSwipes(!1),await(t?i.slideNext():i.slidePrev());const o=await i.getActiveIndex(),a=!o,e=o===this.maxSlideIndex-1;this.arrowElements[0].style.opacity=a?"0":"1",this.arrowElements[1].style.opacity=e?"0":"1",setTimeout((()=>{this.arrowElements[0].style.display=a?"none":"block",this.arrowElements[1].style.display=e?"none":"block"}),350)}}renderWatermarkLogo(){return t("yoo-img",{class:"watermark",src:this.watermarkLogo})}renderDismissOverlay(){return t("div",{class:"overlay-dismiss",onClick:()=>this.onOverlayDismissClick(),onTouchStart:o=>this.onTouchStartDismiss(o),onTouchMove:o=>this.onTouchMoveDismiss(o),style:{"z-index":this.zIndexOverlay}})}renderHalfModal(){return[this.renderDismissOverlay(),this.watermarkLogo&&this.renderWatermarkLogo()]}renderDialog(){const o=this.host.classList.contains("preview"),a=this.host.classList.contains("profile"),i=Object.assign({},M(void 0,"modal-wrapper"));return t("div",{ref:o=>this.dialogElement=o,role:"dialog",class:i,style:{zIndex:this.zIndexOverlay,left:this.componentProps?`${this.componentProps.position}px`:"0px"}},o&&a&&[t("div",{class:"fade-overlay top"}),t("div",{class:"fade-overlay bottom"})])}render(){const o={zIndex:this.zIndexOverlay};return t(i,{style:o,"no-router":!0,class:Object.assign(Object.assign(Object.assign(Object.assign({},M(void 0,"modal")),O(this.cssClass)),k(this.host)),{safari:b(),offline:f()&&!g(),"offline-iphone-x":f()&&g(),half:this.componentProps.half,"swipe-to-close":this.swipeRightToClose,navigable:this.navigable})},this.showBackdrop&&t("div",{ref:o=>this.overlay=o,class:"overlay",style:{"z-index":this.zIndexOverlay},onClick:o=>this.onOverlayDismissClick(o)}),this.swipeRightToClose?t("yoo-swipe-container",{onSwipedRight:()=>this.closeModal()},this.renderDialog()):this.renderDialog(),r(this.host)&&this.navigable&&["left","right"].map(((a,i)=>t("div",{onClick:()=>this.onArrowClick(a),ref:o=>this.arrowElements[i]=o,style:o,class:`arrow-container ${a}`},t("yoo-icon",{size:"extra-large",color:"light",name:a})))),this.componentProps&&this.componentProps.half&&this.renderHalfModal())}get host(){return e(this)}};H.style=".sc-yoo-ion-modal: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.sc-yoo-ion-modal,.tippy-popper.sc-yoo-ion-modal{white-space:pre-wrap}.tippy-box.sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal,.tippy-popper.sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-02, 0.125rem)}.tippy-box.sc-yoo-ion-modal{-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.sc-yoo-ion-modal .tippy-content.editable.sc-yoo-ion-modal{padding:0}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .flex.sc-yoo-ion-modal{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .hidden.sc-yoo-ion-modal{display:none}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal>div.sc-yoo-ion-modal{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.readonly.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .maxchar-content.sc-yoo-ion-modal{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.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal yoo-button.sc-yoo-ion-modal{padding:0 var(--spacing-08, 0.5rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal .edit-content.sc-yoo-ion-modal{-ms-flex-align:center;align-items:center}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .action-content.sc-yoo-ion-modal .edit-content.sc-yoo-ion-modal yoo-icon.sc-yoo-ion-modal{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .edit-content.sc-yoo-ion-modal>*.sc-yoo-ion-modal{cursor:pointer}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal .title.sc-yoo-ion-modal{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal .sub-title.sc-yoo-ion-modal{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.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal .sub-title.sc-yoo-ion-modal yoo-avatar.sc-yoo-ion-modal{margin:0 var(--spacing-04, 0.25rem)}.tippy-box.sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .request-access.sc-yoo-ion-modal yoo-button.sc-yoo-ion-modal{max-width:8rem}.tippy-box[data-theme~=startameeting].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal yoo-icon.sc-yoo-ion-modal{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal .text-content.sc-yoo-ion-modal{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small].sc-yoo-ion-modal .tippy-content.sc-yoo-ion-modal .editable-content.sc-yoo-ion-modal yoo-icon.sc-yoo-ion-modal{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent].sc-yoo-ion-modal{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite].sc-yoo-ion-modal{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color].sc-yoo-ion-modal{background-color:var(--app-color)}.tippy-box[data-theme~=app-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger].sc-yoo-ion-modal{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light].sc-yoo-ion-modal{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark].sc-yoo-ion-modal{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized].sc-yoo-ion-modal{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info].sc-yoo-ion-modal{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light].sc-yoo-ion-modal{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange].sc-yoo-ion-modal{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color].sc-yoo-ion-modal{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal].sc-yoo-ion-modal{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable].sc-yoo-ion-modal{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt].sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light].sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight].sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success].sc-yoo-ion-modal{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color].sc-yoo-ion-modal{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning].sc-yoo-ion-modal{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color].sc-yoo-ion-modal{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color].sc-yoo-ion-modal .tippy-tooltip.sc-yoo-ion-modal{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color].sc-yoo-ion-modal .tippy-svg-arrow.sc-yoo-ion-modal{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right].sc-yoo-ion-modal>.tippy-arrow.sc-yoo-ion-modal::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}.sc-yoo-ion-modal: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)){.sc-yoo-ion-modal: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)){.sc-yoo-ion-modal: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.sc-yoo-ion-modal{z-index:30004 !important;display:block !important;opacity:1 !important}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color);fill:var(--app-color)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-danger-light.sc-yoo-ion-modal{background-color:var(--danger-light, #f46885) !important}.danger-light.sc-yoo-ion-modal{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #fed05b) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.bg-royal.sc-yoo-ion-modal{background-color:var(--royal, #7577ff) !important}.royal.sc-yoo-ion-modal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #fc459e) !important}.info.sc-yoo-ion-modal{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-dark-to-light.sc-yoo-ion-modal{background-color:var(--dark-to-light, #000000) !important}.dark-to-light.sc-yoo-ion-modal{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-text-color-to-light-60.sc-yoo-ion-modal{background-color:var(--text-color-to-light-60, #807f83) !important}.text-color-to-light-60.sc-yoo-ion-modal{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-light-to-dark.sc-yoo-ion-modal{background-color:var(--light-to-dark, #ffffff) !important}.light-to-dark.sc-yoo-ion-modal{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.bg-light-orange.sc-yoo-ion-modal{background-color:var(--light-orange, #fcae49) !important}.light-orange.sc-yoo-ion-modal{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ff6402) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-text-color-to-stable.sc-yoo-ion-modal{background-color:var(--text-color-to-stable, #807f83) !important}.text-color-to-stable.sc-yoo-ion-modal{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.bg-stable-to-stable-20.sc-yoo-ion-modal{background-color:var(--stable-to-stable-20, #adadad) !important}.stable-to-stable-20.sc-yoo-ion-modal{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.bg-stable-to-light.sc-yoo-ion-modal{background-color:var(--stable-to-light, #adadad) !important}.stable-to-light.sc-yoo-ion-modal{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.bg-stable-alt-to-light-10.sc-yoo-ion-modal{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}.stable-alt-to-light-10.sc-yoo-ion-modal{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-60, rgba(0, 0, 0, 0.6));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 2 * 3.5rem);margin:0 auto;overflow:auto;background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:inherit}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1);border-left:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1)}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:transparent}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-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))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}";export{H as yoo_ion_modal}

package/dist/design-system/p-47afdb3f.js

@@ -0,0 +1 @@
+import{a as r,i as t}from"./p-862c0db3.js";import{u as a}from"./p-82c65999.js";import{i as n,a as e,c as f}from"./p-d96d9bae.js";var o=/^(?:0|[1-9]\d*)$/;function s(r,t){var a=typeof r;return!!(t=null==t?9007199254740991:t)&&("number"==a||"symbol"!=a&&o.test(r))&&r>-1&&r%1==0&&r<t}var i=Object.prototype.hasOwnProperty;function u(t,f){var o=a(t),u=!o&&r(t),p=!o&&!u&&n(t),b=!o&&!u&&!p&&e(t),c=o||u||p||b,m=c?function(r,t){for(var a=-1,n=Array(r);++a<r;)n[a]=t(a);return n}(t.length,String):[],v=m.length;for(var y in t)!f&&!i.call(t,y)||c&&("length"==y||p&&("offset"==y||"parent"==y)||b&&("buffer"==y||"byteLength"==y||"byteOffset"==y)||s(y,v))||m.push(y);return m}function p(r){return t(r)?u(r):f(r)}export{u as a,s as i,p as k}

package/dist/design-system/{p-a3603fda.entry.js → p-47edb3db.entry.js}

@@ -1 +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,M as c,s as h,m as b}from"./p-09088888.js";import{T as m}from"./p-c16e034c.js";import{t as f,M as g,u as v}from"./p-4d956bd4.js";import{T as y,a3 as u,b as x,w,K as k,i as z,bF as C,b1 as I,t as j,s as O,m as T,af as A,u as E,bo as D,bn as R,n as M,j as P,l as q}from"./p-cef3e535.js";import{g as S,b as L}from"./p-25b8ed15.js";import{e as B,n as F,q as N,v as U}from"./p-2e351be9.js";import{g as Y}from"./p-061bf8c1.js";import{a as K}from"./p-3b7e52ee.js";import{s as H,u as W,f as V}from"./p-e68604b7.js";import{a as _,i as G}from"./p-8b07fc6e.js";import{i as Q}from"./p-c4388b4c.js";import"./p-bd19a341.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-966f7b7c.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-14f4460e.js";import"./p-5d188f8a.js";import"./p-29203fa2.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-d9e56655.js";import"./p-ba705441.js";import"./p-3b40f968.js";const X=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:{[f.audio]:!1,[f.video]:!0,[f.gif]:!0,[f.gallery]:!0,[f.camera]:!0}},this.placeholder="ADDCOMMENT",this.actionText="YOOBICSEND",this.focused=!1,this.currentTabIndex=0,this.linkPreviews=[],this.defaultInputMaximum=1,this.defaultActionIconMap={[f.video]:"videocamera",[f.audio]:"microphone",[f.document]:"attachment",[f.gif]:"gif",[f.gallery]:"photo-library",[f.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){y(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;u(this.bottomDialogHeight)&&(this.bottomDialogHeight=x(this.host)?408:500),(null===(t=this.advancedOptions)||void 0===t?void 0:t.focusOnOpen)&&setTimeout((()=>{this.focusInputField()}),500),this.resizeListener=w(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!u((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(),x(this.host)?k({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||S(e._downloadURL||e),!1,a||_(e)||1!==i.length||!(B(e)||F(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(z())r(70,p.CAMERA,n.PICTURE,!1).then((t=>{this.onHandleMediaInput(t,g.photo)}));else{if(null===(t=this.advancedOptions)||void 0===t?void 0:t.showCaptureOption)return void this.onImportFromLibrary();const e=await s();if(await C()||I(j("WEBCAM"),[j("YOOBICOK")],j("NOCAMERAACCESS")),!((null==e?void 0:e.length)>0))return;{let t=document.createElement("yoo-form-capture-webcam-dialog");t.device=e[0],O(t,{},"",T("Enter","X",!0),T("Leave","X",!0),!0).then((e=>{(null==e?void 0:e.data)&&this.onHandleMediaInput(e.data,g.photo),t=null}))}}}onCaptureVideo(){z()&&l().then((t=>{if(t&&t.length){let e=t[0].fullPath;e&&e.indexOf("file://")<0&&(e="file://"+e),this.onHandleMediaInput(e,g.video)}}))}onShowActionSheet(t){t&&(t.stopPropagation(),t.preventDefault()),this.iconClicked.emit(!0);const e=x(this.host)?[]:[{icon:"camera",actionType:"photo",text:j("PHOTO"),iconColor:"app-color",description:j("TAKEANEWPHOTO"),handler:()=>this.onCapturePicture()}];this.isInputTypeAllowed(f.video)&&!x(this.host)&&e.push({icon:"videocamera",actionType:"video",iconColor:"app-color",text:j("VIDEO"),description:j("TAKEANEWVIDEO"),handler:()=>this.onCaptureVideo()}),this.isInputTypeAllowed(f.gallery)&&e.push({icon:"photo-library",iconColor:"app-color",text:j("GALLERY"),description:j("PICKFROMLIBRARY"),handler:()=>this.onImportFromLibrary()}),this.isInputTypeAllowed(f.document)&&e.push({icon:"file",iconColor:"app-color",text:j("DOCUMENT"),description:j("ADDAFILE"),handler:()=>{k({type:"show-document",params:{selectionMode:!0}}).then((t=>{if((null==t?void 0:t.data)&&!Q(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,g.document,!1)}}))}}),this.isInputTypeAllowed(f.audio)&&e.push({icon:"microphone",iconColor:"app-color",text:j("AUDIO"),description:j("TAKEANEWAUDIO"),handler:()=>this.onMicIconClicked()}),this.isInputTypeAllowed(f.gif)&&e.push({icon:"gif",iconColor:"app-color",text:j("GIF"),description:j("SELECTGIF"),handler:()=>this.onGifIconClicked()}),1===e.length?e[0].handler():setTimeout((()=>{A(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}=K(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)}onImportFromLibrary(){const t=this.getTypeMaximumAllowedSize();if(this.browseLibrary.emit(!0),z())this.mediaLoading.emit(!0),d(t,this.isInputTypeAllowed(f.video)?c.ALLMEDIA:c.IMAGE,!0,70).then((t=>{if(this.mediaLoading.emit(!1),!((null==t?void 0:t.length)<=0))return 1===t.length&&G(t[0])?this.onHandleMediaInput(t[0],g.photo):void t.forEach((t=>{t.indexOf("file://")<0&&(t="file://"+t),this.onHandleMediaInput(t,S(t),!0,!0)}))}));else{const e=[v.image,v.gif,v.unsplash];let a=this.getTypeMaximumAllowedSize(f.gallery);this.isInputTypeAllowed(f.video)&&(e.push(v.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&&!z()){let e=[];await Promise.all(Array.from(t.target.files).map((async t=>{var e;let a=t;return G(t)&&!(null===(e=this.advancedOptions)||void 0===e?void 0:e.useImageFile)&&await N(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||S(e[0]),!0,!0):e.forEach((t=>{this.onHandleMediaInput(t,this.fileCaptureSettings.type||S(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!==g.document&&(i=t.mediaDimension),a||e!==g.photo||(i=await L(n)),this.mediaInput.emit({type:e,payload:e===g.photo?n:t,options:{requireUpload:a,annotationData:o,dimensionData:i}})};(null===(r=this.advancedOptions)||void 0===r?void 0:r.allowAnnotation)&&e===g.photo&&!o&&(E(t)?1===t.length:t)?H({src:n,showSaveInitial:!0,isReadonly:!1,submitButton:{text:"YOOBICSEND",color:"success",size:"large",handler:async t=>{await D(null),p(t)}},closeHandler:()=>D(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(){I(j("AUDIO"),[j("YOOBICOK")],j("NOAUDIO"))}async onWebRecorder(){const t=await h();if(t&&t.data)return this.onHandleMediaInput(t.data,g.audio)}async onNativeRecorder(){var t;const e={limit:1,duration:(null===(t=this.advancedOptions)||void 0===t?void 0:t.duration)||60};return R(),b.captureAudio(e).then((t=>{if(t&&t.length>0){let e=t[0].fullPath;z()&&!e.includes("file://")&&(e="file://"+e);let a=Promise.resolve(e);M()&&(a=U(e,!!P().user&&P().user.disablePhotoOrientationAutoFix)),a.then((t=>(R(!1),this.onHandleMediaInput(t,g.audio))))}})).catch((t=>{R(!1),3!==t.code&&this.noAudio()}))}async onMicIconClicked(){M()?await this.onNativeRecorder():await this.onWebRecorder()}onVibrate(){z()&&M()&&m.impact({style:"medium"})}async onActionClick(t=!1){var e,a;if(this.onVibrate(),this.hasTextInside||this.value&&""!==this.value){const t=await W(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 f.gif:return this.onToggleBottomDialog();case f.audio:return this.onMicIconClicked();case f.camera:return this.onCapturePicture();case f.document:if(e)return this.onCaptureLocalFile(g.document,!0);break;case f.gallery:if(e)return this.captureFile(g.photo,[v.unsplash,v.gif,v.image],!0,this.getTypeMaximumAllowedSize(t));break;case f.video:if(e)return this.captureFile(g.video,[v.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(f.audio)];x(this.host)||n.push(this.getIconDetails(f.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)===f.audio&&q();return this.isInputTypeAllowed(t.type)&&a("yoo-button",{onClick:t.handler,onTouchEnd:()=>{if(o)return clearTimeout(r),!1},onTouchStart:()=>{o&&(r=setTimeout((()=>{A([{text:j("YOOBICRECORDEROPTION"),handler:()=>this.onWebRecorder()},{text:j("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[!z()&&this.renderFileInput(),!this.hasTextInside&&this.renderInputBarIcons(),this.hasTextInside&&a("div",{class:t,onClick:()=>this.onActionClick()},j(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:x(this.host),onInputBlurred:t=>this.onInputBlurred(t),onInputFocused:t=>this.onInputFocused(t),onInputChanged:t=>this.onInput(t),onEnterPressed:()=>x(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:()=>{x(this.host)&&this.sendAttachment.emit("")}},!this.hasTextInside&&a("div",{slot:"placeholder",class:"placeholder"},j(this.placeholder)),this.isInputTypeAllowed(f.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&&z()&&M()?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:x(this.host)},onMouseDown:t=>{this.onReactionContainerClick(t)}},a("div",{class:"reaction-title"},j("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"},j(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,j(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,j("REPLY_TO")+" ",a("span",{class:"user-indication"},Y(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(f.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)}};X.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{X as yoo_input_bar}
+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,M as c,s as h,m as b}from"./p-19d8f114.js";import{T as m}from"./p-b7efaf89.js";import{t as f,M as g,u as v}from"./p-4d956bd4.js";import{T as y,a3 as u,b as x,w,K as k,i as z,bF as C,b1 as I,t as j,s as O,m as T,af as A,u as E,bo as D,bn as R,n as M,j as P,l as q}from"./p-82c65999.js";import{g as S,b as L}from"./p-18775eb0.js";import{e as B,n as F,q as N,v as U}from"./p-4089d118.js";import{g as Y}from"./p-2a5602df.js";import{a as K}from"./p-661f50d9.js";import{s as H,u as W,f as V}from"./p-bcb0492e.js";import{a as _,i as G}from"./p-8b07fc6e.js";import{i as Q}from"./p-bf792a82.js";import"./p-bd19a341.js";import"./p-e0d6fbed.js";import"./p-11c1539c.js";import"./p-7894e5f2.js";import"./p-4edddab8.js";import"./p-72bae99d.js";import"./p-0be5546a.js";import"./p-edf3b4f1.js";import"./p-4b23206d.js";import"./p-83eb4683.js";import"./p-1702869d.js";import"./p-1b559fa6.js";import"./p-a1142cd3.js";import"./p-47afdb3f.js";import"./p-862c0db3.js";import"./p-d96d9bae.js";import"./p-52de7bcf.js";import"./p-83b87b2a.js";import"./p-29c58db4.js";import"./p-ba705441.js";import"./p-b428501f.js";const X=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:{[f.audio]:!1,[f.video]:!0,[f.gif]:!0,[f.gallery]:!0,[f.camera]:!0}},this.placeholder="ADDCOMMENT",this.actionText="YOOBICSEND",this.focused=!1,this.currentTabIndex=0,this.linkPreviews=[],this.defaultInputMaximum=1,this.defaultActionIconMap={[f.video]:"videocamera",[f.audio]:"microphone",[f.document]:"attachment",[f.gif]:"gif",[f.gallery]:"photo-library",[f.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){y(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;u(this.bottomDialogHeight)&&(this.bottomDialogHeight=x(this.host)?408:500),(null===(t=this.advancedOptions)||void 0===t?void 0:t.focusOnOpen)&&setTimeout((()=>{this.focusInputField()}),500),this.resizeListener=w(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!u((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(),x(this.host)?k({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||S(e._downloadURL||e),!1,a||_(e)||1!==i.length||!(B(e)||F(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(z())r(70,p.CAMERA,n.PICTURE,!1).then((t=>{this.onHandleMediaInput(t,g.photo)}));else{if(null===(t=this.advancedOptions)||void 0===t?void 0:t.showCaptureOption)return void this.onImportFromLibrary();const e=await s();if(await C()||I(j("WEBCAM"),[j("YOOBICOK")],j("NOCAMERAACCESS")),!((null==e?void 0:e.length)>0))return;{let t=document.createElement("yoo-form-capture-webcam-dialog");t.device=e[0],O(t,{},"",T("Enter","X",!0),T("Leave","X",!0),!0).then((e=>{(null==e?void 0:e.data)&&this.onHandleMediaInput(e.data,g.photo),t=null}))}}}onCaptureVideo(){z()&&l().then((t=>{if(t&&t.length){let e=t[0].fullPath;e&&e.indexOf("file://")<0&&(e="file://"+e),this.onHandleMediaInput(e,g.video)}}))}onShowActionSheet(t){t&&(t.stopPropagation(),t.preventDefault()),this.iconClicked.emit(!0);const e=x(this.host)?[]:[{icon:"camera",actionType:"photo",text:j("PHOTO"),iconColor:"app-color",description:j("TAKEANEWPHOTO"),handler:()=>this.onCapturePicture()}];this.isInputTypeAllowed(f.video)&&!x(this.host)&&e.push({icon:"videocamera",actionType:"video",iconColor:"app-color",text:j("VIDEO"),description:j("TAKEANEWVIDEO"),handler:()=>this.onCaptureVideo()}),this.isInputTypeAllowed(f.gallery)&&e.push({icon:"photo-library",iconColor:"app-color",text:j("GALLERY"),description:j("PICKFROMLIBRARY"),handler:()=>this.onImportFromLibrary()}),this.isInputTypeAllowed(f.document)&&e.push({icon:"file",iconColor:"app-color",text:j("DOCUMENT"),description:j("ADDAFILE"),handler:()=>{k({type:"show-document",params:{selectionMode:!0}}).then((t=>{if((null==t?void 0:t.data)&&!Q(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,g.document,!1)}}))}}),this.isInputTypeAllowed(f.audio)&&e.push({icon:"microphone",iconColor:"app-color",text:j("AUDIO"),description:j("TAKEANEWAUDIO"),handler:()=>this.onMicIconClicked()}),this.isInputTypeAllowed(f.gif)&&e.push({icon:"gif",iconColor:"app-color",text:j("GIF"),description:j("SELECTGIF"),handler:()=>this.onGifIconClicked()}),1===e.length?e[0].handler():setTimeout((()=>{A(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}=K(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)}onImportFromLibrary(){const t=this.getTypeMaximumAllowedSize();if(this.browseLibrary.emit(!0),z())this.mediaLoading.emit(!0),d(t,this.isInputTypeAllowed(f.video)?c.ALLMEDIA:c.IMAGE,!0,70).then((t=>{if(this.mediaLoading.emit(!1),!((null==t?void 0:t.length)<=0))return 1===t.length&&G(t[0])?this.onHandleMediaInput(t[0],g.photo):void t.forEach((t=>{t.indexOf("file://")<0&&(t="file://"+t),this.onHandleMediaInput(t,S(t),!0,!0)}))}));else{const e=[v.image,v.gif,v.unsplash];let a=this.getTypeMaximumAllowedSize(f.gallery);this.isInputTypeAllowed(f.video)&&(e.push(v.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&&!z()){let e=[];await Promise.all(Array.from(t.target.files).map((async t=>{var e;let a=t;return G(t)&&!(null===(e=this.advancedOptions)||void 0===e?void 0:e.useImageFile)&&await N(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||S(e[0]),!0,!0):e.forEach((t=>{this.onHandleMediaInput(t,this.fileCaptureSettings.type||S(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!==g.document&&(i=t.mediaDimension),a||e!==g.photo||(i=await L(n)),this.mediaInput.emit({type:e,payload:e===g.photo?n:t,options:{requireUpload:a,annotationData:o,dimensionData:i}})};(null===(r=this.advancedOptions)||void 0===r?void 0:r.allowAnnotation)&&e===g.photo&&!o&&(E(t)?1===t.length:t)?H({src:n,showSaveInitial:!0,isReadonly:!1,submitButton:{text:"YOOBICSEND",color:"success",size:"large",handler:async t=>{await D(null),p(t)}},closeHandler:()=>D(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(){I(j("AUDIO"),[j("YOOBICOK")],j("NOAUDIO"))}async onWebRecorder(){const t=await h();if(t&&t.data)return this.onHandleMediaInput(t.data,g.audio)}async onNativeRecorder(){var t;const e={limit:1,duration:(null===(t=this.advancedOptions)||void 0===t?void 0:t.duration)||60};return R(),b.captureAudio(e).then((t=>{if(t&&t.length>0){let e=t[0].fullPath;z()&&!e.includes("file://")&&(e="file://"+e);let a=Promise.resolve(e);M()&&(a=U(e,!!P().user&&P().user.disablePhotoOrientationAutoFix)),a.then((t=>(R(!1),this.onHandleMediaInput(t,g.audio))))}})).catch((t=>{R(!1),3!==t.code&&this.noAudio()}))}async onMicIconClicked(){M()?await this.onNativeRecorder():await this.onWebRecorder()}onVibrate(){z()&&M()&&m.impact({style:"medium"})}async onActionClick(t=!1){var e,a;if(this.onVibrate(),this.hasTextInside||this.value&&""!==this.value){const t=await W(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 f.gif:return this.onToggleBottomDialog();case f.audio:return this.onMicIconClicked();case f.camera:return this.onCapturePicture();case f.document:if(e)return this.onCaptureLocalFile(g.document,!0);break;case f.gallery:if(e)return this.captureFile(g.photo,[v.unsplash,v.gif,v.image],!0,this.getTypeMaximumAllowedSize(t));break;case f.video:if(e)return this.captureFile(g.video,[v.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(f.audio)];x(this.host)||n.push(this.getIconDetails(f.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)===f.audio&&q();return this.isInputTypeAllowed(t.type)&&a("yoo-button",{onClick:t.handler,onTouchEnd:()=>{if(o)return clearTimeout(r),!1},onTouchStart:()=>{o&&(r=setTimeout((()=>{A([{text:j("YOOBICRECORDEROPTION"),handler:()=>this.onWebRecorder()},{text:j("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[!z()&&this.renderFileInput(),!this.hasTextInside&&this.renderInputBarIcons(),this.hasTextInside&&a("div",{class:t,onClick:()=>this.onActionClick()},j(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:x(this.host),onInputBlurred:t=>this.onInputBlurred(t),onInputFocused:t=>this.onInputFocused(t),onInputChanged:t=>this.onInput(t),onEnterPressed:()=>x(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:()=>{x(this.host)&&this.sendAttachment.emit("")}},!this.hasTextInside&&a("div",{slot:"placeholder",class:"placeholder"},j(this.placeholder)),this.isInputTypeAllowed(f.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&&z()&&M()?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:x(this.host)},onMouseDown:t=>{this.onReactionContainerClick(t)}},a("div",{class:"reaction-title"},j("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"},j(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,j(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,j("REPLY_TO")+" ",a("span",{class:"user-indication"},Y(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(f.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)}};X.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{X as yoo_input_bar}