npm - @yoobic/yobi - Versions diffs - 7.7.75 → 7.7.76 - Mend

@yoobic/yobi 7.7.75 → 7.7.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/dist/design-system/{p-6c438880.entry.js → p-d614aaed.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,c as t,h as e,g as i}from"./p-c26cc6ff.js";import{s as a,b as r,t as n,b1 as l,j as c,G as p}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as s}from"./p-1d62332f.js";import{p as d}from"./p-cf2b3a56.js";import{i as f}from"./p-b8f81ea6.js";import"./p-dbeaa143.js";import"./p-8b07fc6e.js";import"./p-ca8f9900.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";const g=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}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),a(this.dialog,null,"quickview",r(this.host)?"fadeEnterAnimation":"slideXEnterReverseAnimation",r(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=n("DELETE"),i=n("DELETETODOTASKCONFIRM");l(e,[n("CANCEL"),n("YOOBICOK")],i).then((e=>{!0===e?this.memoDelete.emit(o):t.style.transform="translate3d(0px, 0px, 0px)"}))}renderMemosItemWeb(o,t){return e("yoo-ion-item",{class:"border",lines:"none"},this.renderInnerContainer(o,t))}renderMemosItemMobile(o,t){let i,a;return 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)),f(o,c())&&e("yoo-ion-item-options",{side:"end"},e("div",{class:{"options-container":!0,web:r(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"},n("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"},n("DELETE"))))))}renderInnerContainer(o,t){const i=o.usersRef.indexOf(c().userId)<0;let a;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,a,t)})),e("div",{class:"center-container",onClick:()=>this.onOpenMemoListDialog(o)},e("span",{ref:o=>a=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(){const o=r(this.host);return this.memos.slice(0,this.numberOfMemosToRender).map(((t,i)=>e("div",{class:"memo-container","attr-name":t._id,"data-id":t._id},o?this.renderMemosItemWeb(t,i):this.renderMemosItemMobile(t,i))))}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?n("TASKS"):"closed"===this.type?n("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)}};g.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{g as yoo_memo_list}
1	+ import{r as o,c as t,h as e,g as i}from"./p-c26cc6ff.js";import{s as a,b as r,t as n,b1 as l,j as c,G as p}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as s}from"./p-9430559f.js";import{p as d}from"./p-cf2b3a56.js";import{i as f}from"./p-b8f81ea6.js";import"./p-8c8163b6.js";import"./p-9229f5bb.js";import"./p-ca8f9900.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";const g=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}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),a(this.dialog,null,"quickview",r(this.host)?"fadeEnterAnimation":"slideXEnterReverseAnimation",r(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=n("DELETE"),i=n("DELETETODOTASKCONFIRM");l(e,[n("CANCEL"),n("YOOBICOK")],i).then((e=>{!0===e?this.memoDelete.emit(o):t.style.transform="translate3d(0px, 0px, 0px)"}))}renderMemosItemWeb(o,t){return e("yoo-ion-item",{class:"border",lines:"none"},this.renderInnerContainer(o,t))}renderMemosItemMobile(o,t){let i,a;return 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)),f(o,c())&&e("yoo-ion-item-options",{side:"end"},e("div",{class:{"options-container":!0,web:r(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"},n("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"},n("DELETE"))))))}renderInnerContainer(o,t){const i=o.usersRef.indexOf(c().userId)<0;let a;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,a,t)})),e("div",{class:"center-container",onClick:()=>this.onOpenMemoListDialog(o)},e("span",{ref:o=>a=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(){const o=r(this.host);return this.memos.slice(0,this.numberOfMemosToRender).map(((t,i)=>e("div",{class:"memo-container","attr-name":t._id,"data-id":t._id},o?this.renderMemosItemWeb(t,i):this.renderMemosItemMobile(t,i))))}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?n("TASKS"):"closed"===this.type?n("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)}};g.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{g as yoo_memo_list}

package/dist/design-system/{p-0afa4dc8.entry.js → p-dcdf128d.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as t,h as a,H as o,g as i}from"./p-c26cc6ff.js";import{i as r,aq as n,t as s,bo as l,Y as p,$ as d,at as c,bU as f,z as h,ac as b,a3 as m,u as g}from"./p-a966475f.js";import"./p-4d956bd4.js";import{e as y}from"./p-5b484eb7.js";import{j as x,e as v,g as u,r as w}from"./p-1d62332f.js";import{p as k}from"./p-cf2b3a56.js";import{e as z}from"./p-537db159.js";import{r as j}from"./p-dbeaa143.js";import"./p-b5241164.js";import{j as C,f as q}from"./p-33b2d3a2.js";import{g as I}from"./p-85292647.js";import{d as S}from"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-bd19a341.js";const{StatusBar:M}=b,O=class{constructor(a){e(this,a),this.groupClicked=t(this,"groupClicked",7),this.commentClicked=t(this,"commentClicked",7),this.likeClicked=t(this,"likeClicked",7),this.likeCountClicked=t(this,"likeCountClicked",7),this.viewCountClicked=t(this,"viewCountClicked",7),this.imageClicked=t(this,"imageClicked",7),this.userClicked=t(this,"userClicked",7),this.socialShareClicked=t(this,"socialShareClicked",7),this.readReceiptClickd=t(this,"readReceiptClickd",7),this.animated=!0,this.imageEnlarged=!1,this.hasGradient=!0,this.showMoreButton=!0,this.expandText=!1,this.zoomed=!1,this.textExpanded=!1}onZoomChanges(e){this.zoomed=e.detail}handleKeyDown(e){if(this.fullscreenView&&!this.zoomed){const t=x(this.feed);"ArrowRight"===e.key&&this.activeMediaIndex<t.length-1?(this.activeMediaIndex++,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex)):"ArrowLeft"===e.key&&this.activeMediaIndex>0&&(this.activeMediaIndex--,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex))}}componentWillLoad(){var e;const t=x(this.feed);(null==t?void 0:t.length)>=0&&(this.activeMediaIndex=(null===(e=this.feed)\|\|void 0===e?void 0:e.currentSlideIndex)\|\|0)}componentDidLoad(){r()&&M.hide(),this.ionScrollDiv&&this.ionScrollDiv.firstElementChild&&(this.ionScrollDiv.firstElementChild.clientHeight>C(.1)?(this.showMoreButton=!0,this.expandText=!1):this.showMoreButton=!1)}disconnectedCallback(){r()&&M.show()}updateIonScroll(){this.ionScrollDiv&&this.ionScrollDiv.refresh()}onOverlayClick(){this.hideOverlay()}onToggleMore(e){this.expandText=!this.expandText,this.hasGradient=!0,e&&e.stopPropagation()}hideOverlay(){this.feedDetailContainer.classList.remove("show-overlay")}hasMediaSrc(){return this.feed&&this.feed.mediaSrc&&this.feed.mediaSrc.length>0}get mediaType(){var e;return(null===(e=this.feed)\|\|void 0===e?void 0:e.mediaType)\|\|"photo"}onInteractionClicked(e,t){e&&e.stopPropagation(),t()}onFirstCommentClicked(e){e&&e.stopPropagation(),n("_globalEvent",this.host,{type:"feed-comment",eventTarget:"app-feeds",params:{feed:this.feed}})}onGroupClicked(e){if(this.feed.group.length>1)return e&&e.stopPropagation(),this.groupClicked.emit(!0)}renderInteraction(e,t,o,i="",r){return a("div",{class:"interaction "+(i\|\|""),onClick:e=>this.onInteractionClicked(e,o)},e?a("yoo-icon",{allowHeartAnimation:!("heart"!==e),isLiked:this.feed.isLikedByMe,name:e,color:r}):null,a("span",{class:"interaction-counter"},t))}renderSharedIn(){const e=this.feed.group.length>1;return[a("span",{class:"feed-group"},`${e?v(this.feed.group).length:this.feed.group[0]} `),e&&s("GROUPS")]}renderFullscreenHeader(){var e,t,o,i,r,n,s,p,d,c,f;const h=(null===(e=this.fullscreenParams)\|\|void 0===e?void 0:e.mediaSrc)\|\|x(this.feed),b=(null===(t=this.fullscreenParams)\|\|void 0===t?void 0:t.heading)\|\|((null===(o=this.feed)\|\|void 0===o?void 0:o.user)?u(this.feed.user):null),g=m(this.feed)\|\|null===(i=this.feed)\|\|void 0===i?void 0:i.isOnline,y=(null===(r=this.fullscreenParams)\|\|void 0===r?void 0:r.user)\|\|(null===(n=this.feed)\|\|void 0===n?void 0:n.user);return a("div",{class:"feed-header"},this.fullscreenView&&a("yoo-icon",{onClick:()=>l(null),name:"close",class:"close",color:"light"}),a("yoo-avatar",{user:y,size:"small",isOnline:g,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},b&&a("span",{class:"username"},b),(null===(s=this.fullscreenParams)\|\|void 0===s?void 0:s.subheading)&&a("span",{class:"subheading"},this.fullscreenParams.subheading),(null===(p=this.feed)\|\|void 0===p?void 0:p.date)&&a("span",{class:"feed-date"},k.timeAgo.transform(null===(d=this.feed)\|\|void 0===d?void 0:d._ect)),(null===(f=null===(c=this.feed)\|\|void 0===c?void 0:c.group)\|\|void 0===f?void 0:f.length)&&a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("yoo-icon",{name:"group",class:"group",color:"stable",size:"small"}),this.renderSharedIn())),(null==h?void 0:h.length)>=0&&this.fullscreenView&&a("div",{class:"fullscreen-preview-container"},h.map(((e,t)=>{var o,i;return a("yoo-img",{class:{selected:this.activeMediaIndex===t},src:e,scaledUpInHeight:!0,mediaDimension:(null===(o=this.feed)\|\|void 0===o?void 0:o.mediaDimension)?null===(i=this.feed)\|\|void 0===i?void 0:i.mediaDimension[t]:null,scaledUp:!0,instant:!0,onClick:()=>{this.activeMediaIndex=t,this.feed&&(this.feed.currentSlideIndex=t)}})}))))}renderHeader(){return a("div",{class:"feed-header"},a("yoo-avatar",{user:this.feed?this.feed.user:null,size:"large",isOnline:this.feed.isOnline,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},this.feed&&this.feed.user?a("span",null,u(this.feed.user)):null,a("div",{class:"extra-heading"},this.feed&&this.feed.date?a("span",{class:"feed-date"},k.timeAgo.transform(this.feed._ect),"."):null,this.feed&&this.feed.group&&this.feed.group.length?[a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("span",{class:"feed-shared-in"}," ",` • ${s("SHAREDIN")} `),a("span",{class:"feed-subheading"},"string"==typeof this.feed.group?[a("span",null," "),a("span",{class:"feed-group"},this.feed.group)]:this.renderSharedIn()))]:null)))}renderSlidePagination(){var e;return null===(e=this.feed)\|\|void 0===e?void 0:e.mediaSrc.map(((e,t)=>a("div",{class:{dot:!0,active:this.activeMediaIndex===t}})))}renderText(){var e;let t=null===(e=this.feed)\|\|void 0===e?void 0:e.description;return t=this.feed.descriptionTranslated\|\|p(j(d(t),!0)),a("div",{class:"feed-text"},t&&a("div",{class:"feed-description"},a("div",{class:{"description-content":!0,expanded:this.expandText}},a("div",{class:"scroll-wrapper"},a("yoo-ion-scroll",{class:"relative no-contain",showScrollbar:!1,ref:e=>this.ionScrollDiv=e},a("div",{class:"scroll-inner-container"},this.feed&&a("yoo-truncate",{content:t,collapsed:!this.expandText,byWords:!0,showEllipsisButton:!0,onContentToggled:e=>this.onToggleMore(e),maxLength:10}," "),this.feed&&this.feed.tags?a("div",{class:"feed-hashtags"},this.feed&&this.feed.tags.map((e=>a("span",{class:{hashtag:!0,"app-color":!0},innerHTML:`#${p(e).toLowerCase()} `})))):null))))))}renderOverlay(){return a("div",{onClick:()=>{this.onOverlayClick()},class:"overlay"})}renderInteractionContainer(){var e;return a("div",{class:"feed-interactions"},this.isOffline?null:[a("div",{class:"start"},this.feed.disableLikes?null:this.renderInteraction("heart","",(()=>this.likeClicked.emit(!0)),"",this.feed.isLikedByMe?"danger":"stable-alt"),this.feed.disableComments?null:this.renderInteraction("comment","",(()=>this.commentClicked.emit(!0)),"","stable-alt"),c().canSocialShare&&r()&&!this.feed.disableSharing&&this.renderInteraction("share","",(()=>this.socialShareClicked.emit(!0)),"","stable-alt")),a("div",{class:"middle"},(null===(e=this.feed.mediaSrc)\|\|void 0===e?void 0:e.length)>1&&this.renderSlidePagination()),a("div",{class:"end"},this.showReadReceipt&&this.renderInteraction("read",(this.feed.readsCount?this.feed.readsCount:0).toString(),(()=>this.readReceiptClickd.emit(!0)),"auto counter","stable-alt"),this.showViewCount&&this.renderInteraction("eye",(this.feed.viewsCount?this.feed.viewsCount:0).toString(),(()=>this.viewCountClicked.emit(!0)),"counter","stable-alt"))])}renderMedia(){var e,t;return a("yoo-form-carousel",{mediaSrc:this.feed.mediaSrc,mediaType:this.feed.mediaType,currentSlideIndex:this.feed.currentSlideIndex,previewMode:!0,hasGradient:this.hasGradient,isFeed:!0,topBarActions:null===(t=null===(e=this.fullscreenParams)\|\|void 0===e?void 0:e.photoEditorParams)\|\|void 0===t?void 0:t.extraActions,onImageZoomed:e=>this.bottomContainerElement.classList.toggle("hidden",e.detail),onSlideChanges:e=>this.activeMediaIndex=(null==e?void 0:e.detail)\|\|0})}renderPhotoEditors({src:e,drawings:t,annotations:o}){return a("yoo-photo-editor",{animated:this.animated,zoomable:!0,display:"preview",drawings:t,annotations:o,src:g(e)&&e.length?e[this.activeMediaIndex]:e})}renderMainView(){return a("div",{class:"main-view-container"},this.renderPhotoEditors(Object.assign(Object.assign({},this.feed&&{src:x(this.feed)}),this.fullscreenParams&&this.fullscreenParams.photoEditorParams)))}renderFirstComment(){var e,t;let o=this.feed.firstComment.text\|\|null;this.feed.firstComment&&this.feed.firstComment.mentions&&o&&(o=o.replace(/<br[^>]>/g,""));const i=this.feed.firstComment.user\|\|null,r=y(o)\|\|o.includes("<ionic-chat-image");let n=null===(t=null===(e=this.feed)\|\|void 0===e?void 0:e.firstComment)\|\|void 0===t?void 0:t.text;return n&&this.feed.firstComment.mentions&&(n=w(n,this.feed.firstComment.mentions)),a("div",{class:"feed-mention-actions",onClick:e=>{this.onFirstCommentClicked(e)}},i&&a("yoo-avatar",{user:i,size:"extra-small"}),r?a("span",{class:"app-color"},s("VIEWMEDIA")," "):a("span",{class:"first-comment-text"},f(n)))}renderActions(e,t,o){return e.map((e=>{if(e&&e.text&&e.handler){const i=e.cssClass&&e.cssClass.includes("button");return a("div",{slot:o,class:{"feed-bottom-action":!0,[e.cssClass\|\|""]:!0,middle:t}},i?I(e):"")}}))}renderFullscreenView(){return a("div",{class:"fullscreen-container"},this.renderFullscreenHeader(),this.renderMainView())}addExtraClass(e,t){return e+" "+t}_class(e){let t=e;switch(e){case"feed-details-container":return this.isOffline&&(t=this.addExtraClass(t,"offline")),this.feed&&this.feed.document&&(t=this.addExtraClass(t,S(this.feed.document))),this.imageEnlarged&&(t=this.addExtraClass(t,"image-focus")),this.feed&&this.hasMediaSrc()&&(t=this.addExtraClass(t,this.mediaType)),this.expandText&&(t=this.addExtraClass(t,"text-expanded")),this.showMoreButton&&(t=this.addExtraClass(t,"has-overflow")),t;default:return e}}render(){var e;return a(o,{class:Object.assign({"fullscreen-preview":this.fullscreenView},q(this.host))},this.fullscreenView?this.renderFullscreenView():a("div",{class:this._class("feed-details-container"),ref:e=>this.feedDetailContainer=e},this.hasMediaSrc()&&this.renderMedia(),a("div",{class:"bottom-container",ref:e=>this.bottomContainerElement=e},this.renderHeader(),this.renderText(),!!(null===(e=this.actions)\|\|void 0===e?void 0:e.length)&&this.renderActions(this.actions),this.renderInteractionContainer(),!this.feed.disableLikes&&this.renderInteraction(null,z(this.feed.likesCount),(()=>this.likeCountClicked.emit(!0)),"global"),this.feed.firstComment&&this.renderFirstComment(),!this.feed.disableComments&&this.renderInteraction(null,this.feed.comments&&this.feed.comments.length?s("VIEWALLCOMMENTS",{count:this.feed.comments.length\|\|0}):s("FIRSTCOMMENT"),(()=>this.commentClicked.emit(!1)),"global stable comment last "+(h()?"iphone-x":"")))))}get host(){return i(this)}};O.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{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-05-deprecated, 0.3125rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-10-deprecated, 0.625rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-10-deprecated, 0.625rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon[allow-heart-animation]{margin-right:0;margin-left:-15px}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";export{O as yoo_feed_detail}
1	+ import{r as e,c as t,h as a,H as o,g as i}from"./p-c26cc6ff.js";import{i as r,aq as n,t as s,bo as l,Y as p,$ as d,at as c,bU as f,z as h,ac as b,a3 as m,u as g}from"./p-a966475f.js";import"./p-4d956bd4.js";import{f as y}from"./p-15fd070c.js";import{j as x,e as v,g as u,r as w}from"./p-9430559f.js";import{p as k}from"./p-cf2b3a56.js";import{e as z}from"./p-537db159.js";import{r as j}from"./p-8c8163b6.js";import"./p-b5241164.js";import{j as C,f as q}from"./p-33b2d3a2.js";import{g as I}from"./p-85292647.js";import{d as S}from"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-bd19a341.js";const{StatusBar:M}=b,O=class{constructor(a){e(this,a),this.groupClicked=t(this,"groupClicked",7),this.commentClicked=t(this,"commentClicked",7),this.likeClicked=t(this,"likeClicked",7),this.likeCountClicked=t(this,"likeCountClicked",7),this.viewCountClicked=t(this,"viewCountClicked",7),this.imageClicked=t(this,"imageClicked",7),this.userClicked=t(this,"userClicked",7),this.socialShareClicked=t(this,"socialShareClicked",7),this.readReceiptClickd=t(this,"readReceiptClickd",7),this.animated=!0,this.imageEnlarged=!1,this.hasGradient=!0,this.showMoreButton=!0,this.expandText=!1,this.zoomed=!1,this.textExpanded=!1}onZoomChanges(e){this.zoomed=e.detail}handleKeyDown(e){if(this.fullscreenView&&!this.zoomed){const t=x(this.feed);"ArrowRight"===e.key&&this.activeMediaIndex<t.length-1?(this.activeMediaIndex++,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex)):"ArrowLeft"===e.key&&this.activeMediaIndex>0&&(this.activeMediaIndex--,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex))}}componentWillLoad(){var e;const t=x(this.feed);(null==t?void 0:t.length)>=0&&(this.activeMediaIndex=(null===(e=this.feed)\|\|void 0===e?void 0:e.currentSlideIndex)\|\|0)}componentDidLoad(){r()&&M.hide(),this.ionScrollDiv&&this.ionScrollDiv.firstElementChild&&(this.ionScrollDiv.firstElementChild.clientHeight>C(.1)?(this.showMoreButton=!0,this.expandText=!1):this.showMoreButton=!1)}disconnectedCallback(){r()&&M.show()}updateIonScroll(){this.ionScrollDiv&&this.ionScrollDiv.refresh()}onOverlayClick(){this.hideOverlay()}onToggleMore(e){this.expandText=!this.expandText,this.hasGradient=!0,e&&e.stopPropagation()}hideOverlay(){this.feedDetailContainer.classList.remove("show-overlay")}hasMediaSrc(){return this.feed&&this.feed.mediaSrc&&this.feed.mediaSrc.length>0}get mediaType(){var e;return(null===(e=this.feed)\|\|void 0===e?void 0:e.mediaType)\|\|"photo"}onInteractionClicked(e,t){e&&e.stopPropagation(),t()}onFirstCommentClicked(e){e&&e.stopPropagation(),n("_globalEvent",this.host,{type:"feed-comment",eventTarget:"app-feeds",params:{feed:this.feed}})}onGroupClicked(e){if(this.feed.group.length>1)return e&&e.stopPropagation(),this.groupClicked.emit(!0)}renderInteraction(e,t,o,i="",r){return a("div",{class:"interaction "+(i\|\|""),onClick:e=>this.onInteractionClicked(e,o)},e?a("yoo-icon",{allowHeartAnimation:!("heart"!==e),isLiked:this.feed.isLikedByMe,name:e,color:r}):null,a("span",{class:"interaction-counter"},t))}renderSharedIn(){const e=this.feed.group.length>1;return[a("span",{class:"feed-group"},`${e?v(this.feed.group).length:this.feed.group[0]} `),e&&s("GROUPS")]}renderFullscreenHeader(){var e,t,o,i,r,n,s,p,d,c,f;const h=(null===(e=this.fullscreenParams)\|\|void 0===e?void 0:e.mediaSrc)\|\|x(this.feed),b=(null===(t=this.fullscreenParams)\|\|void 0===t?void 0:t.heading)\|\|((null===(o=this.feed)\|\|void 0===o?void 0:o.user)?u(this.feed.user):null),g=m(this.feed)\|\|null===(i=this.feed)\|\|void 0===i?void 0:i.isOnline,y=(null===(r=this.fullscreenParams)\|\|void 0===r?void 0:r.user)\|\|(null===(n=this.feed)\|\|void 0===n?void 0:n.user);return a("div",{class:"feed-header"},this.fullscreenView&&a("yoo-icon",{onClick:()=>l(null),name:"close",class:"close",color:"light"}),a("yoo-avatar",{user:y,size:"small",isOnline:g,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},b&&a("span",{class:"username"},b),(null===(s=this.fullscreenParams)\|\|void 0===s?void 0:s.subheading)&&a("span",{class:"subheading"},this.fullscreenParams.subheading),(null===(p=this.feed)\|\|void 0===p?void 0:p.date)&&a("span",{class:"feed-date"},k.timeAgo.transform(null===(d=this.feed)\|\|void 0===d?void 0:d._ect)),(null===(f=null===(c=this.feed)\|\|void 0===c?void 0:c.group)\|\|void 0===f?void 0:f.length)&&a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("yoo-icon",{name:"group",class:"group",color:"stable",size:"small"}),this.renderSharedIn())),(null==h?void 0:h.length)>=0&&this.fullscreenView&&a("div",{class:"fullscreen-preview-container"},h.map(((e,t)=>{var o,i;return a("yoo-img",{class:{selected:this.activeMediaIndex===t},src:e,scaledUpInHeight:!0,mediaDimension:(null===(o=this.feed)\|\|void 0===o?void 0:o.mediaDimension)?null===(i=this.feed)\|\|void 0===i?void 0:i.mediaDimension[t]:null,scaledUp:!0,instant:!0,onClick:()=>{this.activeMediaIndex=t,this.feed&&(this.feed.currentSlideIndex=t)}})}))))}renderHeader(){return a("div",{class:"feed-header"},a("yoo-avatar",{user:this.feed?this.feed.user:null,size:"large",isOnline:this.feed.isOnline,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},this.feed&&this.feed.user?a("span",null,u(this.feed.user)):null,a("div",{class:"extra-heading"},this.feed&&this.feed.date?a("span",{class:"feed-date"},k.timeAgo.transform(this.feed._ect),"."):null,this.feed&&this.feed.group&&this.feed.group.length?[a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("span",{class:"feed-shared-in"}," ",` • ${s("SHAREDIN")} `),a("span",{class:"feed-subheading"},"string"==typeof this.feed.group?[a("span",null," "),a("span",{class:"feed-group"},this.feed.group)]:this.renderSharedIn()))]:null)))}renderSlidePagination(){var e;return null===(e=this.feed)\|\|void 0===e?void 0:e.mediaSrc.map(((e,t)=>a("div",{class:{dot:!0,active:this.activeMediaIndex===t}})))}renderText(){var e;let t=null===(e=this.feed)\|\|void 0===e?void 0:e.description;return t=this.feed.descriptionTranslated\|\|p(j(d(t),!0)),a("div",{class:"feed-text"},t&&a("div",{class:"feed-description"},a("div",{class:{"description-content":!0,expanded:this.expandText}},a("div",{class:"scroll-wrapper"},a("yoo-ion-scroll",{class:"relative no-contain",showScrollbar:!1,ref:e=>this.ionScrollDiv=e},a("div",{class:"scroll-inner-container"},this.feed&&a("yoo-truncate",{content:t,collapsed:!this.expandText,byWords:!0,showEllipsisButton:!0,onContentToggled:e=>this.onToggleMore(e),maxLength:10}," "),this.feed&&this.feed.tags?a("div",{class:"feed-hashtags"},this.feed&&this.feed.tags.map((e=>a("span",{class:{hashtag:!0,"app-color":!0},innerHTML:`#${p(e).toLowerCase()} `})))):null))))))}renderOverlay(){return a("div",{onClick:()=>{this.onOverlayClick()},class:"overlay"})}renderInteractionContainer(){var e;return a("div",{class:"feed-interactions"},this.isOffline?null:[a("div",{class:"start"},this.feed.disableLikes?null:this.renderInteraction("heart","",(()=>this.likeClicked.emit(!0)),"",this.feed.isLikedByMe?"danger":"stable-alt"),this.feed.disableComments?null:this.renderInteraction("comment","",(()=>this.commentClicked.emit(!0)),"","stable-alt"),c().canSocialShare&&r()&&!this.feed.disableSharing&&this.renderInteraction("share","",(()=>this.socialShareClicked.emit(!0)),"","stable-alt")),a("div",{class:"middle"},(null===(e=this.feed.mediaSrc)\|\|void 0===e?void 0:e.length)>1&&this.renderSlidePagination()),a("div",{class:"end"},this.showReadReceipt&&this.renderInteraction("read",(this.feed.readsCount?this.feed.readsCount:0).toString(),(()=>this.readReceiptClickd.emit(!0)),"auto counter","stable-alt"),this.showViewCount&&this.renderInteraction("eye",(this.feed.viewsCount?this.feed.viewsCount:0).toString(),(()=>this.viewCountClicked.emit(!0)),"counter","stable-alt"))])}renderMedia(){var e,t;return a("yoo-form-carousel",{mediaSrc:this.feed.mediaSrc,mediaType:this.feed.mediaType,currentSlideIndex:this.feed.currentSlideIndex,previewMode:!0,hasGradient:this.hasGradient,isFeed:!0,topBarActions:null===(t=null===(e=this.fullscreenParams)\|\|void 0===e?void 0:e.photoEditorParams)\|\|void 0===t?void 0:t.extraActions,onImageZoomed:e=>this.bottomContainerElement.classList.toggle("hidden",e.detail),onSlideChanges:e=>this.activeMediaIndex=(null==e?void 0:e.detail)\|\|0})}renderPhotoEditors({src:e,drawings:t,annotations:o}){return a("yoo-photo-editor",{animated:this.animated,zoomable:!0,display:"preview",drawings:t,annotations:o,src:g(e)&&e.length?e[this.activeMediaIndex]:e})}renderMainView(){return a("div",{class:"main-view-container"},this.renderPhotoEditors(Object.assign(Object.assign({},this.feed&&{src:x(this.feed)}),this.fullscreenParams&&this.fullscreenParams.photoEditorParams)))}renderFirstComment(){var e,t;let o=this.feed.firstComment.text\|\|null;this.feed.firstComment&&this.feed.firstComment.mentions&&o&&(o=o.replace(/<br[^>]>/g,""));const i=this.feed.firstComment.user\|\|null,r=y(o)\|\|o.includes("<ionic-chat-image");let n=null===(t=null===(e=this.feed)\|\|void 0===e?void 0:e.firstComment)\|\|void 0===t?void 0:t.text;return n&&this.feed.firstComment.mentions&&(n=w(n,this.feed.firstComment.mentions)),a("div",{class:"feed-mention-actions",onClick:e=>{this.onFirstCommentClicked(e)}},i&&a("yoo-avatar",{user:i,size:"extra-small"}),r?a("span",{class:"app-color"},s("VIEWMEDIA")," "):a("span",{class:"first-comment-text"},f(n)))}renderActions(e,t,o){return e.map((e=>{if(e&&e.text&&e.handler){const i=e.cssClass&&e.cssClass.includes("button");return a("div",{slot:o,class:{"feed-bottom-action":!0,[e.cssClass\|\|""]:!0,middle:t}},i?I(e):"")}}))}renderFullscreenView(){return a("div",{class:"fullscreen-container"},this.renderFullscreenHeader(),this.renderMainView())}addExtraClass(e,t){return e+" "+t}_class(e){let t=e;switch(e){case"feed-details-container":return this.isOffline&&(t=this.addExtraClass(t,"offline")),this.feed&&this.feed.document&&(t=this.addExtraClass(t,S(this.feed.document))),this.imageEnlarged&&(t=this.addExtraClass(t,"image-focus")),this.feed&&this.hasMediaSrc()&&(t=this.addExtraClass(t,this.mediaType)),this.expandText&&(t=this.addExtraClass(t,"text-expanded")),this.showMoreButton&&(t=this.addExtraClass(t,"has-overflow")),t;default:return e}}render(){var e;return a(o,{class:Object.assign({"fullscreen-preview":this.fullscreenView},q(this.host))},this.fullscreenView?this.renderFullscreenView():a("div",{class:this._class("feed-details-container"),ref:e=>this.feedDetailContainer=e},this.hasMediaSrc()&&this.renderMedia(),a("div",{class:"bottom-container",ref:e=>this.bottomContainerElement=e},this.renderHeader(),this.renderText(),!!(null===(e=this.actions)\|\|void 0===e?void 0:e.length)&&this.renderActions(this.actions),this.renderInteractionContainer(),!this.feed.disableLikes&&this.renderInteraction(null,z(this.feed.likesCount),(()=>this.likeCountClicked.emit(!0)),"global"),this.feed.firstComment&&this.renderFirstComment(),!this.feed.disableComments&&this.renderInteraction(null,this.feed.comments&&this.feed.comments.length?s("VIEWALLCOMMENTS",{count:this.feed.comments.length\|\|0}):s("FIRSTCOMMENT"),(()=>this.commentClicked.emit(!1)),"global stable comment last "+(h()?"iphone-x":"")))))}get host(){return i(this)}};O.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{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-05-deprecated, 0.3125rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-10-deprecated, 0.625rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-10-deprecated, 0.625rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon[allow-heart-animation]{margin-right:0;margin-left:-15px}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";export{O as yoo_feed_detail}