@yoobic/yobi 7.7.22 → 7.7.26

package/dist/design-system/{p-1ac96c0c.entry.js → p-a38c812f.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-17950bd1.js";import{d as B,m as F,q as N,v as U}from"./p-411e72dd.js";import{g as Y}from"./p-38137183.js";import{a as K}from"./p-3b7e52ee.js";import{s as H,u as W,f as V}from"./p-ac88b80b.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-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-17950bd1.js";import{d as B,m as F,q as N,v as U}from"./p-411e72dd.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-ac88b80b.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}

package/dist/design-system/{p-e6fed3d6.entry.js → p-ae05fe27.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,h as e,g as i}from"./p-c26cc6ff.js";import{j as a,s as r,b as n,t as l,b1 as c,G as p}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{g as s}from"./p-38137183.js";import{p as d}from"./p-966f7b7c.js";import"./p-3b7e52ee.js";import"./p-8b07fc6e.js";import"./p-eba60085.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-c4388b4c.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 f=class{constructor(e){o(this,e),this.memoUpdate=t(this,"memoUpdate",7),this.memoEdit=t(this,"memoEdit",7),this.memoSelect=t(this,"memoSelect",7),this.memoDelete=t(this,"memoDelete",7),this.usersView=t(this,"usersView",7),this.collapsed=!1,this.showEllipsis=!1,this.numberOfMemosToRender=20,this.MAX_LINE_HEIGHT=30}isEditable(o){return o.creatorRef===a().userId}onInfiniteScroll(){this.numberOfMemosToRender<this.memos.length&&(this.numberOfMemosToRender+=20,this.infiniteScroll.complete())}onIconClicked(){this.collapsed=!this.collapsed,this.numberOfMemosToRender=20}onMemoUpdate(o,t,e,i){t.done=o.detail,this.setSelectedStyles(e,o.detail?"selected":"unselected",t,i)}setSelectedStyles(o,t,e,i){this.selectedMemoIndex=i,o&&o.classList.add(t),setTimeout((()=>{this.memoUpdate.emit(e),this.selectedMemoIndex=null,o&&o.classList.remove(t)}),1e3)}onOpenMemoListDialog(o){this.dialog=document.createElement("yoo-memo-list-dialog"),this.dialog.memo=o,this.dialog.type=this.type,this.memoSelect.emit(o),r(this.dialog,null,"quickview",n(this.host)?"fadeEnterAnimation":"slideXEnterReverseAnimation",n(this.host)?"fadeLeaveAnimation":"slideXLeaveReverseAnimation",!0,!1,this.modalHost).then((t=>{if(t&&t.data)switch(t.data.action){case"edit":this.memoEdit.emit(o);break;case"delete":this.memoDelete.emit(o);break;case"update":this.memoUpdate.emit(o);break;default:this.usersView.emit(o.users.map((o=>o._id)))}this.dialog=null}))}onMemoDelete(o,t){const e=l("DELETE"),i=l("DELETETODOTASKCONFIRM");c(e,[l("CANCEL"),l("YOOBICOK")],i).then((e=>{!0===e?this.memoDelete.emit(o):t.style.transform="translate3d(0px, 0px, 0px)"}))}renderLi(o,t){let i,a;return[e("div",{class:"memo-container","attr-name":o._id,"data-id":o._id},e("yoo-ion-item-sliding",{ref:o=>a=o},e("yoo-ion-item",{ref:o=>i=o,class:"border",lines:"none"},this.renderInnerContainer(o,t)),this.isEditable(o)&&e("yoo-ion-item-options",{side:"end"},e("div",{class:{"options-container":!0,web:n(this.host)}},e("button",{onClick:()=>{this.memoEdit.emit(o),a.close()},class:"bg-stable"},e("yoo-icon",{name:"pen",color:"light"}),e("span",{class:"text-action"},l("YOOBICEDIT"))),e("button",{onClick:()=>{this.onMemoDelete(o,i),a.close()},class:"bg-danger"},e("yoo-icon",{name:"delete",color:"light"}),e("span",{class:"text-action"},l("DELETE")))))))]}renderInnerContainer(o,t){const i=o.usersRef.indexOf(a().userId)<0;let r;return[e("div",{class:"inner-container"},e("div",{class:"item-container"},e("div",{class:{"checkbox-container":!0,disabled:i,done:o.done}},this.selectedMemoIndex===t?e("yoo-icon",{name:"closed"===this.type?"circle":"check",color:"closed"===this.type?"dark-to-light":"app-color"}):e("yoo-form-checkbox",{value:"closed"===this.type||null,readonly:i,onInputChanged:e=>i?null:this.onMemoUpdate(e,o,r,t)})),e("div",{class:"center-container",onClick:()=>this.onOpenMemoListDialog(o)},e("span",{ref:o=>r=o,class:"menu-item-title "+this.type+(i?" readonly":"")},o.title)),e("div",{class:"right-container",onClick:()=>this.onOpenMemoListDialog(o)},this.renderAvatarContainer(o),e("div",{class:"date-box"},o.duedate&&e("span",{class:{"menu-item-date":!0,danger:"closed"!==this.type&&p(o.duedate,new Date)}},d.dateFormat.transform(o.duedate,"L"))))),o.imageData&&e("yoo-img",{type:"background",class:"photo",onClick:()=>this.onOpenMemoListDialog(o),src:o.imageData}),o.description&&e("div",{class:"description-container",onClick:()=>this.onOpenMemoListDialog(o)},e("yoo-truncate",{maxLength:100,byWords:!0,content:o.description})),o.done&&o.owner&&e("div",{class:"owner-container",onClick:()=>this.onOpenMemoListDialog(o)},[o.owner&&e("yoo-avatar",{size:"small",user:o.owner}),e("span",{class:"text"},s(o.owner)),o&&o._lmt&&e("div",{class:"memo-date"},d.dateFormat.transform(o._lmt,"L LT"))]))]}renderAvatarContainer(o){return e("yoo-avatars",{users:o.users,maxDisplay:3,size:"small",layout:"stack"})}renderMemos(){return this.memos.map(((o,t)=>{if(t<this.numberOfMemosToRender)return this.renderLi(o,t)}))}render(){const o="open"===this.type?"danger-to-danger-20":"app-color-to-app-color-20";return e("div",{class:"outer-container"},e("span",null,this.memos&&this.memos.length?e("div",{class:"title-container",onClick:()=>this.onIconClicked()},e("div",{class:"title"},"open"===this.type?l("TASKS"):"closed"===this.type?l("COMPLETED"):null),e("yoo-badge",{text:d.number.transform(this.memos.length),color:o,size:"extra-small"}),e("span",{class:"flex"}),e("yoo-icon",{size:"small",name:this.collapsed?"arrow-down":"arrow-up"})):null,!this.collapsed&&this.memos?e("yoo-ion-list",null,!this.showLoader&&this.renderMemos(),this.showLoader&&e("yoo-loader",{class:"fixed backdrop",size:"large"}),e("yoo-ion-infinite-scroll",{ref:o=>this.infiniteScroll=o,onIonInfinite:()=>this.onInfiniteScroll()},this.numberOfMemosToRender<this.memos.length&&e("yoo-ion-infinite-scroll-content",{loadingSpinner:"dots"}))):null))}get host(){return i(this)}};f.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 .outer-container{padding:0 1rem}:host .outer-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:1rem}:host .outer-container .title-container .title{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .title-container .flex{-ms-flex:1;flex:1}:host .outer-container .title-container yoo-badge{margin-left:0.5rem}:host .outer-container .title-container yoo-icon{padding-left:var(--spacing-10-deprecated, 0.625rem);cursor:pointer}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item{position:relative;z-index:2;background:var(--light-to-dark, #ffffff);-webkit-transition:0.2s;transition:0.2s}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{display:-ms-flexbox;display:flex;margin-bottom:0.0625rem}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color{background-color:var(--app-color) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--app-color)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color{color:var(--app-color);fill:var(--app-color)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success{background-color:var(--success, #3aa76d) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger{background-color:var(--danger, #d44333) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-light{background-color:var(--danger-light, #f46885) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--danger-light, #f46885)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized{background-color:var(--energized, #fed05b) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--energized, #fed05b)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-royal{background-color:var(--royal, #7577ff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-royal-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-royal-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--royal, #7577ff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info{background-color:var(--info, #fc459e) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--info, #fc459e)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark{background-color:var(--dark, #000000) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-to-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-to-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--dark-to-light, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-light-60-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-light-60-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--text-color-to-light-60, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light{background-color:var(--light, #ffffff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-to-dark-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-to-dark-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-orange{background-color:var(--light-orange, #fcae49) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-orange-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-orange-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--light-orange, #fcae49)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable{background-color:var(--stable, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning{background-color:var(--warning, #ff6402) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--warning, #ff6402)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-stable-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-stable-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--text-color-to-stable, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-stable-20-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-stable-20-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-to-stable-20, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-to-light, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-to-light-10-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-to-light-10-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-alt-to-light-10, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web .icon-container{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-30-deprecated, 1.875rem);height:var(--spacing-30-deprecated, 1.875rem);margin-right:var(--spacing-05-deprecated, 0.3125rem);border-radius:50%;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--success, #3aa76d);opacity:0.5}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0rem 0.5rem;background-color:var(--stable, #adadad);border:none;visibility:hidden}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button .text-action{color:var(--light-to-dark, #ffffff);font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, "Lato")}:host .outer-container yoo-ion-list yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button{visibility:visible}:host .outer-container .border{border-bottom:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding-right:0.5rem}:host .outer-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;padding-top:0.75rem;padding-bottom:0.75rem}:host .outer-container .inner-container .photo{width:40px;height:40px;margin-top:0.2rem;margin-bottom:0.5rem;margin-left:1.9rem;border-radius:0.25rem}:host .outer-container .inner-container .description-container{margin-bottom:0.3rem;padding-left:2rem}:host .outer-container .inner-container .description-container yoo-truncate{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .owner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-32, 2rem);padding-top:var(--spacing-08, 0.5rem);color:var(--text-color-to-light-60, #807f83);border-top:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .inner-container .owner-container yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container .item-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .outer-container .inner-container .item-container .center-container{-ms-flex-positive:1;flex-grow:1;color:var(--dark-to-light, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .inner-container .item-container .center-container .menu-item-title.closed{color:var(--app-color);text-decoration:line-through}:host .outer-container .inner-container .item-container .center-container .menu-item-title.open{line-height:1.2rem}:host .outer-container .inner-container .item-container .center-container .menu-item-title.readonly{opacity:0.7}:host .outer-container .inner-container .item-container .center-container .menu-item-title.selected{color:var(--app-color);text-decoration:line-through;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .center-container .menu-item-title.unselected{color:var(--dark-to-light, #000000);text-decoration:none;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .right-container{display:-ms-flexbox;display:flex;padding:0 0.5rem;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box{margin-top:0.25rem}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date{-ms-flex-item-align:center;align-self:center;margin-left:var(--spacing-10-deprecated, 0.625rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date.danger{color:var(--danger, #d44333)}:host .outer-container .inner-container .item-container .right-container .avatar-box{padding-right:0.4rem}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul{display:-ms-flexbox;display:flex;margin:auto;padding:0;list-style:none}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul li{display:inline-table;margin-right:-0.5rem}:host([type=closed]) .outer-container{padding-bottom:2rem}';export{f as yoo_memo_list}
+import{r as o,c as t,h as e,g as i}from"./p-c26cc6ff.js";import{j as a,s as r,b as n,t as l,b1 as c,G as p}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{g as s}from"./p-061bf8c1.js";import{p as d}from"./p-966f7b7c.js";import"./p-3b7e52ee.js";import"./p-8b07fc6e.js";import"./p-eba60085.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-c4388b4c.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 f=class{constructor(e){o(this,e),this.memoUpdate=t(this,"memoUpdate",7),this.memoEdit=t(this,"memoEdit",7),this.memoSelect=t(this,"memoSelect",7),this.memoDelete=t(this,"memoDelete",7),this.usersView=t(this,"usersView",7),this.collapsed=!1,this.showEllipsis=!1,this.numberOfMemosToRender=20,this.MAX_LINE_HEIGHT=30}isEditable(o){return o.creatorRef===a().userId}onInfiniteScroll(){this.numberOfMemosToRender<this.memos.length&&(this.numberOfMemosToRender+=20,this.infiniteScroll.complete())}onIconClicked(){this.collapsed=!this.collapsed,this.numberOfMemosToRender=20}onMemoUpdate(o,t,e,i){t.done=o.detail,this.setSelectedStyles(e,o.detail?"selected":"unselected",t,i)}setSelectedStyles(o,t,e,i){this.selectedMemoIndex=i,o&&o.classList.add(t),setTimeout((()=>{this.memoUpdate.emit(e),this.selectedMemoIndex=null,o&&o.classList.remove(t)}),1e3)}onOpenMemoListDialog(o){this.dialog=document.createElement("yoo-memo-list-dialog"),this.dialog.memo=o,this.dialog.type=this.type,this.memoSelect.emit(o),r(this.dialog,null,"quickview",n(this.host)?"fadeEnterAnimation":"slideXEnterReverseAnimation",n(this.host)?"fadeLeaveAnimation":"slideXLeaveReverseAnimation",!0,!1,this.modalHost).then((t=>{if(t&&t.data)switch(t.data.action){case"edit":this.memoEdit.emit(o);break;case"delete":this.memoDelete.emit(o);break;case"update":this.memoUpdate.emit(o);break;default:this.usersView.emit(o.users.map((o=>o._id)))}this.dialog=null}))}onMemoDelete(o,t){const e=l("DELETE"),i=l("DELETETODOTASKCONFIRM");c(e,[l("CANCEL"),l("YOOBICOK")],i).then((e=>{!0===e?this.memoDelete.emit(o):t.style.transform="translate3d(0px, 0px, 0px)"}))}renderLi(o,t){let i,a;return[e("div",{class:"memo-container","attr-name":o._id,"data-id":o._id},e("yoo-ion-item-sliding",{ref:o=>a=o},e("yoo-ion-item",{ref:o=>i=o,class:"border",lines:"none"},this.renderInnerContainer(o,t)),this.isEditable(o)&&e("yoo-ion-item-options",{side:"end"},e("div",{class:{"options-container":!0,web:n(this.host)}},e("button",{onClick:()=>{this.memoEdit.emit(o),a.close()},class:"bg-stable"},e("yoo-icon",{name:"pen",color:"light"}),e("span",{class:"text-action"},l("YOOBICEDIT"))),e("button",{onClick:()=>{this.onMemoDelete(o,i),a.close()},class:"bg-danger"},e("yoo-icon",{name:"delete",color:"light"}),e("span",{class:"text-action"},l("DELETE")))))))]}renderInnerContainer(o,t){const i=o.usersRef.indexOf(a().userId)<0;let r;return[e("div",{class:"inner-container"},e("div",{class:"item-container"},e("div",{class:{"checkbox-container":!0,disabled:i,done:o.done}},this.selectedMemoIndex===t?e("yoo-icon",{name:"closed"===this.type?"circle":"check",color:"closed"===this.type?"dark-to-light":"app-color"}):e("yoo-form-checkbox",{value:"closed"===this.type||null,readonly:i,onInputChanged:e=>i?null:this.onMemoUpdate(e,o,r,t)})),e("div",{class:"center-container",onClick:()=>this.onOpenMemoListDialog(o)},e("span",{ref:o=>r=o,class:"menu-item-title "+this.type+(i?" readonly":"")},o.title)),e("div",{class:"right-container",onClick:()=>this.onOpenMemoListDialog(o)},this.renderAvatarContainer(o),e("div",{class:"date-box"},o.duedate&&e("span",{class:{"menu-item-date":!0,danger:"closed"!==this.type&&p(o.duedate,new Date)}},d.dateFormat.transform(o.duedate,"L"))))),o.imageData&&e("yoo-img",{type:"background",class:"photo",onClick:()=>this.onOpenMemoListDialog(o),src:o.imageData}),o.description&&e("div",{class:"description-container",onClick:()=>this.onOpenMemoListDialog(o)},e("yoo-truncate",{maxLength:100,byWords:!0,content:o.description})),o.done&&o.owner&&e("div",{class:"owner-container",onClick:()=>this.onOpenMemoListDialog(o)},[o.owner&&e("yoo-avatar",{size:"small",user:o.owner}),e("span",{class:"text"},s(o.owner)),o&&o._lmt&&e("div",{class:"memo-date"},d.dateFormat.transform(o._lmt,"L LT"))]))]}renderAvatarContainer(o){return e("yoo-avatars",{users:o.users,maxDisplay:3,size:"small",layout:"stack"})}renderMemos(){return this.memos.map(((o,t)=>{if(t<this.numberOfMemosToRender)return this.renderLi(o,t)}))}render(){const o="open"===this.type?"danger-to-danger-20":"app-color-to-app-color-20";return e("div",{class:"outer-container"},e("span",null,this.memos&&this.memos.length?e("div",{class:"title-container",onClick:()=>this.onIconClicked()},e("div",{class:"title"},"open"===this.type?l("TASKS"):"closed"===this.type?l("COMPLETED"):null),e("yoo-badge",{text:d.number.transform(this.memos.length),color:o,size:"extra-small"}),e("span",{class:"flex"}),e("yoo-icon",{size:"small",name:this.collapsed?"arrow-down":"arrow-up"})):null,!this.collapsed&&this.memos?e("yoo-ion-list",null,!this.showLoader&&this.renderMemos(),this.showLoader&&e("yoo-loader",{class:"fixed backdrop",size:"large"}),e("yoo-ion-infinite-scroll",{ref:o=>this.infiniteScroll=o,onIonInfinite:()=>this.onInfiniteScroll()},this.numberOfMemosToRender<this.memos.length&&e("yoo-ion-infinite-scroll-content",{loadingSpinner:"dots"}))):null))}get host(){return i(this)}};f.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 .outer-container{padding:0 1rem}:host .outer-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:1rem}:host .outer-container .title-container .title{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .title-container .flex{-ms-flex:1;flex:1}:host .outer-container .title-container yoo-badge{margin-left:0.5rem}:host .outer-container .title-container yoo-icon{padding-left:var(--spacing-10-deprecated, 0.625rem);cursor:pointer}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item{position:relative;z-index:2;background:var(--light-to-dark, #ffffff);-webkit-transition:0.2s;transition:0.2s}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{display:-ms-flexbox;display:flex;margin-bottom:0.0625rem}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color{background-color:var(--app-color) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--app-color)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color{color:var(--app-color);fill:var(--app-color)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success{background-color:var(--success, #3aa76d) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger{background-color:var(--danger, #d44333) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-light{background-color:var(--danger-light, #f46885) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--danger-light, #f46885)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized{background-color:var(--energized, #fed05b) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--energized, #fed05b)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-royal{background-color:var(--royal, #7577ff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-royal-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-royal-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--royal, #7577ff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info{background-color:var(--info, #fc459e) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--info, #fc459e)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark{background-color:var(--dark, #000000) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-to-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-to-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--dark-to-light, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-light-60-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-light-60-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--text-color-to-light-60, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light{background-color:var(--light, #ffffff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-to-dark-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-to-dark-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-orange{background-color:var(--light-orange, #fcae49) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-orange-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-orange-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--light-orange, #fcae49)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable{background-color:var(--stable, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning{background-color:var(--warning, #ff6402) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--warning, #ff6402)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-stable-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-to-stable-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--text-color-to-stable, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-stable-20-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-stable-20-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-to-stable-20, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-light-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-to-light-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-to-light, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-to-light-10-hover{color:var(--text-color-to-light-60, #807f83);background-color:var(--light-to-dark, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-to-light-10-hover:hover{color:var(--light-to-dark, #ffffff);background-color:var(--stable-alt-to-light-10, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web .icon-container{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-30-deprecated, 1.875rem);height:var(--spacing-30-deprecated, 1.875rem);margin-right:var(--spacing-05-deprecated, 0.3125rem);border-radius:50%;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--success, #3aa76d);opacity:0.5}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0rem 0.5rem;background-color:var(--stable, #adadad);border:none;visibility:hidden}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button .text-action{color:var(--light-to-dark, #ffffff);font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, "Lato")}:host .outer-container yoo-ion-list yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button{visibility:visible}:host .outer-container .border{border-bottom:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding-right:0.5rem}:host .outer-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;padding-top:0.75rem;padding-bottom:0.75rem}:host .outer-container .inner-container .photo{width:40px;height:40px;margin-top:0.2rem;margin-bottom:0.5rem;margin-left:1.9rem;border-radius:0.25rem}:host .outer-container .inner-container .description-container{margin-bottom:0.3rem;padding-left:2rem}:host .outer-container .inner-container .description-container yoo-truncate{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .owner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-32, 2rem);padding-top:var(--spacing-08, 0.5rem);color:var(--text-color-to-light-60, #807f83);border-top:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .inner-container .owner-container yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container .item-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .outer-container .inner-container .item-container .center-container{-ms-flex-positive:1;flex-grow:1;color:var(--dark-to-light, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .inner-container .item-container .center-container .menu-item-title.closed{color:var(--app-color);text-decoration:line-through}:host .outer-container .inner-container .item-container .center-container .menu-item-title.open{line-height:1.2rem}:host .outer-container .inner-container .item-container .center-container .menu-item-title.readonly{opacity:0.7}:host .outer-container .inner-container .item-container .center-container .menu-item-title.selected{color:var(--app-color);text-decoration:line-through;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .center-container .menu-item-title.unselected{color:var(--dark-to-light, #000000);text-decoration:none;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .right-container{display:-ms-flexbox;display:flex;padding:0 0.5rem;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box{margin-top:0.25rem}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date{-ms-flex-item-align:center;align-self:center;margin-left:var(--spacing-10-deprecated, 0.625rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date.danger{color:var(--danger, #d44333)}:host .outer-container .inner-container .item-container .right-container .avatar-box{padding-right:0.4rem}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul{display:-ms-flexbox;display:flex;margin:auto;padding:0;list-style:none}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul li{display:inline-table;margin-right:-0.5rem}:host([type=closed]) .outer-container{padding-bottom:2rem}';export{f as yoo_memo_list}