@yoobic/yobi 7.7.104 → 7.7.105

package/dist/design-system/{p-2d6b451c.entry.js → p-1d3b265d.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{U as i,W as p,b as l,bB as n,t as d,T as c}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as s}from"./p-e37ba040.js";import"./p-b5241164.js";import{f as b}from"./p-33b2d3a2.js";import{b as m}from"./p-432e8458.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";const h=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.listItems=[],this.keys=[]}windowClick(){this.closeRemovings()}definitionChanged(t){this.value=t,this.inputChanged.emit(t)}readonlyChanged(){this.resetSortable()}valueChanged(){this.resetSortable()}componentWillLoad(){this.resetKeys()}componentDidLoad(){this.init()}resetSortable(){this.sortables.forEach((t=>{t.dragger.kill(),delete t.dragger})),this.init()}resetKeys(){var t,e,a,o,r;this.keys=[s(),...((null===(e=null===(t=this.definition)||void 0===t?void 0:t.active)||void 0===e?void 0:e.values)||[]).map((()=>s()))],(null===(a=this.definition)||void 0===a?void 0:a.available)&&(this.keys.push(s()),this.keys=this.keys.concat(((null===(r=null===(o=this.definition)||void 0===o?void 0:o.available)||void 0===r?void 0:r.values)||[]).map((()=>s()))))}init(){this.listItems=Array.from(this.outerContainerEl.querySelectorAll(".list-item")),this.prepareItems(),this.setOuterContainerHeight()}changeOutput(){var t,e,a,o,r,i,p,l,n;this.value=this.value||{},this.value.active={title:null===(e=null===(t=this.definition)||void 0===t?void 0:t.active)||void 0===e?void 0:e.title,values:null===(o=null===(a=this.sortables)||void 0===a?void 0:a.filter((t=>"active"===t.value.group&&!t.value.isHeader)))||void 0===o?void 0:o.map((t=>t.value))},(null===(r=this.definition)||void 0===r?void 0:r.available)&&(this.value.available={title:null===(p=null===(i=this.definition)||void 0===i?void 0:i.available)||void 0===p?void 0:p.title,values:null===(n=null===(l=this.sortables)||void 0===l?void 0:l.filter((t=>"available"===t.value.group&&!t.value.isHeader)))||void 0===n?void 0:n.map((t=>t.value))}),m(this.value,this)}validate(){return!0}prepareItems(){return Promise.all(this.listItems.map(((t,e)=>{const a=t.querySelector(".value").getAttribute("data-value");return this.sortable(JSON.parse(a),t,e)}))).then((t=>{this.sortables=t}))}getValueList(){var t,e,a,o,r,i,p,l,n,d,c,s,b,m;let h=[{isHeader:!0,group:"active",name:null===(e=null===(t=this.definition)||void 0===t?void 0:t.active)||void 0===e?void 0:e.title},...((null===(o=null===(a=this.definition)||void 0===a?void 0:a.active)||void 0===o?void 0:o.values)||[]).map((t=>Object.assign(Object.assign({},t),{group:"active"})))];if((null===(r=this.definition)||void 0===r?void 0:r.available)||(null===(i=this.defaultValues)||void 0===i?void 0:i.length)){h.push({isHeader:!0,group:"available",name:(null===(l=null===(p=this.definition)||void 0===p?void 0:p.available)||void 0===l?void 0:l.title)||"AVAILABLE"}),h=h.concat((null===(c=null===(d=null===(n=this.definition)||void 0===n?void 0:n.available)||void 0===d?void 0:d.values)||void 0===c?void 0:c.map((t=>Object.assign(Object.assign({},t),{group:"available"}))))||[]);const t=(null===(b=null===(s=this.value)||void 0===s?void 0:s.active)||void 0===b?void 0:b.values.map((t=>t.name)))||[],e=(null===(m=this.defaultValues)||void 0===m?void 0:m.filter((e=>!t.find((t=>t===e.name)))))||[];h=h.concat((null==e?void 0:e.map((t=>Object.assign(Object.assign({},t),{group:"available"}))))||[])}return h}getListItemPosition(t){return this.listItems.slice(0,t).reduce(((t,e)=>t+e.clientHeight),0)}getListItemIndex(t){let e=0,a=0;for(;e<t&&a<this.listItems.length;)e+=this.listItems[a].clientHeight,a++;return a}sortable(t,e,a){if(!i)return;const o=this.listItems.length;let r,n=!1;const d={value:t,dragger:null,element:e,index:a,setIndex:null};return p().then((p=>{const s=p({boxShadow:"rgba(40, 47, 54, 0.07) 0px 8px 16px 0px",force3D:!0,scale:1.05,paused:!0}),b=t=>{this.closeRemovings(),r=this.listItems.findIndex((e=>e===t.target)),null==s||s.play(),t.update()},m=()=>{c(e,.3,{y:this.getListItemPosition(d.index)})},h=()=>{n&&this.changeIndex(d,r),s.reverse(),m(),this.checkItemClasses(),!t.isHeader&&l(this.host)||d.dragger.disable(),this.changeOutput()},f=t=>{const e=this.clamp(this.getListItemIndex(t.y),0,o-1);if(e!==d.index){const t=this.changeIndex(d,e);n=!t}},g=new i(e,{onDragStart(){b(this)},onRelease(){h()},onDrag(){f(this)},type:"y",autoScroll:1});return(this.readonly||t.isHeader||!l(this.host))&&g.disable(),d.dragger=g,d.setIndex=t=>{d.index=t,g.isDragging||m()},this.setRowPosition(e,a),d}))}setRowPosition(t,e){n(t,{y:this.getListItemPosition(e)})}changeGroup(t,e){e||(e="active"===t.value.group?"available":"active"),t.value.group=e,l(this.host)||(t.value.isHeader||"active"!==e?t.dragger.disable():t.dragger.enable());const a=this.listItems[t.index];a&&(a.classList.remove("active"===e?"available":"active"),a.classList.add(e))}checkItemClasses(){let t;this.sortables.forEach(((e,a)=>{e.value.isHeader?t=e.value.group:this.listItems[a].classList.contains(t)||this.changeGroup(e,t)}))}moveToActive(t){var e,a;if(t.locked)return;const o=null===(a=null===(e=this.sortables)||void 0===e?void 0:e.filter((t=>"active"===t.value.group)))||void 0===a?void 0:a.length,r=this.sortables.find((e=>e.value.name===t.name));r&&(this.changeIndex(r,o),this.changeGroup(r,"active"),this.changeOutput())}moveToAvailable(t){if(t.locked)return;const e=this.sortables.findIndex((t=>"available"===t.value.group)),a=this.sortables.find((e=>e.value.name===t.name));a&&(this.changeIndex(a,e),this.changeGroup(a,"available"),this.changeOutput())}isDroppableTo(t,e){var a,o;if(t<1)return!1;const r=(null===(o=null===(a=this.sortables)||void 0===a?void 0:a.filter((t=>"active"===t.value.group)))||void 0===o?void 0:o.length)-1;return!(e.value.locked&&t>r)}changeIndex(t,e){return!!this.isDroppableTo(e,t)&&(this.arrayMove(this.sortables,t.index,e),this.arrayMove(this.listItems,t.index,e),this.arrayMove(this.keys,t.index,e),this.sortables.forEach(((t,e)=>t.setIndex(e))),!0)}arrayMove(t,e,a){t.splice(a,0,t.splice(e,1)[0])}clamp(t,e,a){return t<e?e:t>a?a:t}renderItem(t,e){const o=this.keys[e],r={"list-item":!0,header:t.isHeader,"always-active":t.locked};return r[t.group]=!0,a("div",{class:r,key:o},a("div",{class:"item-content"},!t.isHeader&&!t.locked&&!this.readonly&&a("yoo-icon",{class:"action-icon active",size:"small",name:"circle-plus",color:"app-color",onClick:()=>this.moveToActive(t)}),!t.isHeader&&!t.locked&&!this.readonly&&a("yoo-icon",{class:"action-icon available",size:"small",name:"circle-minor",color:"danger",onClick:()=>this.openRemoving(t)}),!t.isHeader&&(t.locked||this.readonly)&&a("yoo-icon",{class:"lock-icon",color:"stable",name:"lock"}),!t.isHeader&&t.icon&&a("yoo-icon",{class:"item-icon",size:"small",name:t.icon}),a("span",{class:"value","data-value":JSON.stringify(t)},d(t.title||t.name)),!t.isHeader&&!this.readonly&&a("span",{class:"grip",onClick:()=>this.unlockItem(t),onTouchStart:()=>this.unlockItem(t)},a("yoo-icon",{name:"ranking-toggle",color:"stable"}))),!t.isHeader&&a("div",{class:"remove",onClick:()=>this.onRemove(t)},d("REMOVE")))}unlockItem(t){t.isHeader||l(this.host)||this.sortables.find((e=>e.value.name===t.name)).dragger.enable()}onRemove(t){setTimeout((()=>this.moveToAvailable(t)),300)}getListItemByValue(t){const e=this.sortables.findIndex((e=>e.value.name===t.name));return this.listItems[e]}openRemoving(t){const e=this.getListItemByValue(t);e&&setTimeout((()=>e.querySelector(".item-content").classList.add("removing")),10)}closeRemovings(){this.listItems.forEach((t=>t.querySelector(".item-content").classList.remove("removing")))}renderItems(t){return t.map(((t,e)=>this.renderItem(t,e)))}setOuterContainerHeight(){if(this.outerContainerEl){const t=this.listItems.reduce(((t,e)=>t+e.clientHeight),0);this.outerContainerEl.style.height=t+"px"}}render(){return a(o,{class:Object.assign(Object.assign({},b(this.host)),{lesson:this.isLesson})},a("div",{class:"outer-container",ref:t=>this.outerContainerEl=t},this.renderItems(this.getValueList())))}get host(){return r(this)}static get watchers(){return{definition:["definitionChanged"],readonly:["readonlyChanged"],value:["valueChanged"]}}};h.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{width:100%;direction:ltr}:host .list-item{position:absolute;top:0;left:0;width:100%;min-height:45px}:host .list-item .item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .list-item .item-content .grip{position:absolute;right:var(--spacing-16, 1rem)}:host .list-item .remove{position:absolute;top:0;right:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:80px;height:calc(100% - 2px);color:var(--light-to-dark, #ffffff);text-align:center;background-color:var(--danger, #d44333);border-bottom:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .list-item.header .item-content .badge,:host .list-item.header .item-content .action-icon,:host .list-item.header .item-content .grip{display:none}:host .list-item.header .item-content .value{padding-top:1em;padding-left:0;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .list-item.active .action-icon.active{display:none}:host .list-item.available .grip{display:none}:host .list-item.available .action-icon.available{display:none}:host .item-content{position:relative;z-index:2;height:100%;padding:0 0 0 1rem;background-color:var(--light-to-dark, #ffffff);border-bottom:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}:host .item-content.removing{-webkit-transform:translateX(-80px) !important;transform:translateX(-80px) !important}:host .item-content.removing .value{-webkit-transform:translateX(2rem);transform:translateX(2rem);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}:host .item-content span{display:inline-block;max-width:calc(100vw - 120px);margin:0.6rem 0;font-size:var(--font-size-18, 1.125rem);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .item-content .badge{display:none}:host .item-content .value,:host .item-content .item-icon{padding-left:0.4rem}:host .item-content .action-icon{padding-right:3px;padding-left:3px}:host .item-content .badge.active{display:block;float:left;width:1.25rem;height:1.25rem;margin-top:0.75rem;margin-right:var(--spacing-10-deprecated, 0.625rem);color:var(--light-to-dark, #ffffff);font-size:var(--font-size-12, 0.75rem);line-height:1.25rem;text-align:center;background:var(--app-color);border-radius:50%}:host(.lesson) .item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.lesson) .item-content .grip{margin-left:auto}:host(.lesson) .item-content .badge.active{min-width:1.25rem;background:var(--danger-light, #f46885)}";export{h as yoo_form_reorder}
+import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{U as i,W as p,b as l,bB as n,t as d,T as c}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as s}from"./p-fe5e39f8.js";import"./p-b5241164.js";import{f as b}from"./p-33b2d3a2.js";import{b as m}from"./p-432e8458.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";const h=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.listItems=[],this.keys=[]}windowClick(){this.closeRemovings()}definitionChanged(t){this.value=t,this.inputChanged.emit(t)}readonlyChanged(){this.resetSortable()}valueChanged(){this.resetSortable()}componentWillLoad(){this.resetKeys()}componentDidLoad(){this.init()}resetSortable(){this.sortables.forEach((t=>{t.dragger.kill(),delete t.dragger})),this.init()}resetKeys(){var t,e,a,o,r;this.keys=[s(),...((null===(e=null===(t=this.definition)||void 0===t?void 0:t.active)||void 0===e?void 0:e.values)||[]).map((()=>s()))],(null===(a=this.definition)||void 0===a?void 0:a.available)&&(this.keys.push(s()),this.keys=this.keys.concat(((null===(r=null===(o=this.definition)||void 0===o?void 0:o.available)||void 0===r?void 0:r.values)||[]).map((()=>s()))))}init(){this.listItems=Array.from(this.outerContainerEl.querySelectorAll(".list-item")),this.prepareItems(),this.setOuterContainerHeight()}changeOutput(){var t,e,a,o,r,i,p,l,n;this.value=this.value||{},this.value.active={title:null===(e=null===(t=this.definition)||void 0===t?void 0:t.active)||void 0===e?void 0:e.title,values:null===(o=null===(a=this.sortables)||void 0===a?void 0:a.filter((t=>"active"===t.value.group&&!t.value.isHeader)))||void 0===o?void 0:o.map((t=>t.value))},(null===(r=this.definition)||void 0===r?void 0:r.available)&&(this.value.available={title:null===(p=null===(i=this.definition)||void 0===i?void 0:i.available)||void 0===p?void 0:p.title,values:null===(n=null===(l=this.sortables)||void 0===l?void 0:l.filter((t=>"available"===t.value.group&&!t.value.isHeader)))||void 0===n?void 0:n.map((t=>t.value))}),m(this.value,this)}validate(){return!0}prepareItems(){return Promise.all(this.listItems.map(((t,e)=>{const a=t.querySelector(".value").getAttribute("data-value");return this.sortable(JSON.parse(a),t,e)}))).then((t=>{this.sortables=t}))}getValueList(){var t,e,a,o,r,i,p,l,n,d,c,s,b,m;let h=[{isHeader:!0,group:"active",name:null===(e=null===(t=this.definition)||void 0===t?void 0:t.active)||void 0===e?void 0:e.title},...((null===(o=null===(a=this.definition)||void 0===a?void 0:a.active)||void 0===o?void 0:o.values)||[]).map((t=>Object.assign(Object.assign({},t),{group:"active"})))];if((null===(r=this.definition)||void 0===r?void 0:r.available)||(null===(i=this.defaultValues)||void 0===i?void 0:i.length)){h.push({isHeader:!0,group:"available",name:(null===(l=null===(p=this.definition)||void 0===p?void 0:p.available)||void 0===l?void 0:l.title)||"AVAILABLE"}),h=h.concat((null===(c=null===(d=null===(n=this.definition)||void 0===n?void 0:n.available)||void 0===d?void 0:d.values)||void 0===c?void 0:c.map((t=>Object.assign(Object.assign({},t),{group:"available"}))))||[]);const t=(null===(b=null===(s=this.value)||void 0===s?void 0:s.active)||void 0===b?void 0:b.values.map((t=>t.name)))||[],e=(null===(m=this.defaultValues)||void 0===m?void 0:m.filter((e=>!t.find((t=>t===e.name)))))||[];h=h.concat((null==e?void 0:e.map((t=>Object.assign(Object.assign({},t),{group:"available"}))))||[])}return h}getListItemPosition(t){return this.listItems.slice(0,t).reduce(((t,e)=>t+e.clientHeight),0)}getListItemIndex(t){let e=0,a=0;for(;e<t&&a<this.listItems.length;)e+=this.listItems[a].clientHeight,a++;return a}sortable(t,e,a){if(!i)return;const o=this.listItems.length;let r,n=!1;const d={value:t,dragger:null,element:e,index:a,setIndex:null};return p().then((p=>{const s=p({boxShadow:"rgba(40, 47, 54, 0.07) 0px 8px 16px 0px",force3D:!0,scale:1.05,paused:!0}),b=t=>{this.closeRemovings(),r=this.listItems.findIndex((e=>e===t.target)),null==s||s.play(),t.update()},m=()=>{c(e,.3,{y:this.getListItemPosition(d.index)})},h=()=>{n&&this.changeIndex(d,r),s.reverse(),m(),this.checkItemClasses(),!t.isHeader&&l(this.host)||d.dragger.disable(),this.changeOutput()},f=t=>{const e=this.clamp(this.getListItemIndex(t.y),0,o-1);if(e!==d.index){const t=this.changeIndex(d,e);n=!t}},g=new i(e,{onDragStart(){b(this)},onRelease(){h()},onDrag(){f(this)},type:"y",autoScroll:1});return(this.readonly||t.isHeader||!l(this.host))&&g.disable(),d.dragger=g,d.setIndex=t=>{d.index=t,g.isDragging||m()},this.setRowPosition(e,a),d}))}setRowPosition(t,e){n(t,{y:this.getListItemPosition(e)})}changeGroup(t,e){e||(e="active"===t.value.group?"available":"active"),t.value.group=e,l(this.host)||(t.value.isHeader||"active"!==e?t.dragger.disable():t.dragger.enable());const a=this.listItems[t.index];a&&(a.classList.remove("active"===e?"available":"active"),a.classList.add(e))}checkItemClasses(){let t;this.sortables.forEach(((e,a)=>{e.value.isHeader?t=e.value.group:this.listItems[a].classList.contains(t)||this.changeGroup(e,t)}))}moveToActive(t){var e,a;if(t.locked)return;const o=null===(a=null===(e=this.sortables)||void 0===e?void 0:e.filter((t=>"active"===t.value.group)))||void 0===a?void 0:a.length,r=this.sortables.find((e=>e.value.name===t.name));r&&(this.changeIndex(r,o),this.changeGroup(r,"active"),this.changeOutput())}moveToAvailable(t){if(t.locked)return;const e=this.sortables.findIndex((t=>"available"===t.value.group)),a=this.sortables.find((e=>e.value.name===t.name));a&&(this.changeIndex(a,e),this.changeGroup(a,"available"),this.changeOutput())}isDroppableTo(t,e){var a,o;if(t<1)return!1;const r=(null===(o=null===(a=this.sortables)||void 0===a?void 0:a.filter((t=>"active"===t.value.group)))||void 0===o?void 0:o.length)-1;return!(e.value.locked&&t>r)}changeIndex(t,e){return!!this.isDroppableTo(e,t)&&(this.arrayMove(this.sortables,t.index,e),this.arrayMove(this.listItems,t.index,e),this.arrayMove(this.keys,t.index,e),this.sortables.forEach(((t,e)=>t.setIndex(e))),!0)}arrayMove(t,e,a){t.splice(a,0,t.splice(e,1)[0])}clamp(t,e,a){return t<e?e:t>a?a:t}renderItem(t,e){const o=this.keys[e],r={"list-item":!0,header:t.isHeader,"always-active":t.locked};return r[t.group]=!0,a("div",{class:r,key:o},a("div",{class:"item-content"},!t.isHeader&&!t.locked&&!this.readonly&&a("yoo-icon",{class:"action-icon active",size:"small",name:"circle-plus",color:"app-color",onClick:()=>this.moveToActive(t)}),!t.isHeader&&!t.locked&&!this.readonly&&a("yoo-icon",{class:"action-icon available",size:"small",name:"circle-minor",color:"danger",onClick:()=>this.openRemoving(t)}),!t.isHeader&&(t.locked||this.readonly)&&a("yoo-icon",{class:"lock-icon",color:"stable",name:"lock"}),!t.isHeader&&t.icon&&a("yoo-icon",{class:"item-icon",size:"small",name:t.icon}),a("span",{class:"value","data-value":JSON.stringify(t)},d(t.title||t.name)),!t.isHeader&&!this.readonly&&a("span",{class:"grip",onClick:()=>this.unlockItem(t),onTouchStart:()=>this.unlockItem(t)},a("yoo-icon",{name:"ranking-toggle",color:"stable"}))),!t.isHeader&&a("div",{class:"remove",onClick:()=>this.onRemove(t)},d("REMOVE")))}unlockItem(t){t.isHeader||l(this.host)||this.sortables.find((e=>e.value.name===t.name)).dragger.enable()}onRemove(t){setTimeout((()=>this.moveToAvailable(t)),300)}getListItemByValue(t){const e=this.sortables.findIndex((e=>e.value.name===t.name));return this.listItems[e]}openRemoving(t){const e=this.getListItemByValue(t);e&&setTimeout((()=>e.querySelector(".item-content").classList.add("removing")),10)}closeRemovings(){this.listItems.forEach((t=>t.querySelector(".item-content").classList.remove("removing")))}renderItems(t){return t.map(((t,e)=>this.renderItem(t,e)))}setOuterContainerHeight(){if(this.outerContainerEl){const t=this.listItems.reduce(((t,e)=>t+e.clientHeight),0);this.outerContainerEl.style.height=t+"px"}}render(){return a(o,{class:Object.assign(Object.assign({},b(this.host)),{lesson:this.isLesson})},a("div",{class:"outer-container",ref:t=>this.outerContainerEl=t},this.renderItems(this.getValueList())))}get host(){return r(this)}static get watchers(){return{definition:["definitionChanged"],readonly:["readonlyChanged"],value:["valueChanged"]}}};h.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{width:100%;direction:ltr}:host .list-item{position:absolute;top:0;left:0;width:100%;min-height:45px}:host .list-item .item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .list-item .item-content .grip{position:absolute;right:var(--spacing-16, 1rem)}:host .list-item .remove{position:absolute;top:0;right:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:80px;height:calc(100% - 2px);color:var(--light-to-dark, #ffffff);text-align:center;background-color:var(--danger, #d44333);border-bottom:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .list-item.header .item-content .badge,:host .list-item.header .item-content .action-icon,:host .list-item.header .item-content .grip{display:none}:host .list-item.header .item-content .value{padding-top:1em;padding-left:0;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .list-item.active .action-icon.active{display:none}:host .list-item.available .grip{display:none}:host .list-item.available .action-icon.available{display:none}:host .item-content{position:relative;z-index:2;height:100%;padding:0 0 0 1rem;background-color:var(--light-to-dark, #ffffff);border-bottom:0.0625rem solid var(--stable-light-to-light-10, #f1f1f1);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}:host .item-content.removing{-webkit-transform:translateX(-80px) !important;transform:translateX(-80px) !important}:host .item-content.removing .value{-webkit-transform:translateX(2rem);transform:translateX(2rem);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}:host .item-content span{display:inline-block;max-width:calc(100vw - 120px);margin:0.6rem 0;font-size:var(--font-size-18, 1.125rem);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .item-content .badge{display:none}:host .item-content .value,:host .item-content .item-icon{padding-left:0.4rem}:host .item-content .action-icon{padding-right:3px;padding-left:3px}:host .item-content .badge.active{display:block;float:left;width:1.25rem;height:1.25rem;margin-top:0.75rem;margin-right:var(--spacing-10-deprecated, 0.625rem);color:var(--light-to-dark, #ffffff);font-size:var(--font-size-12, 0.75rem);line-height:1.25rem;text-align:center;background:var(--app-color);border-radius:50%}:host(.lesson) .item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.lesson) .item-content .grip{margin-left:auto}:host(.lesson) .item-content .badge.active{min-width:1.25rem;background:var(--danger-light, #f46885)}";export{h as yoo_form_reorder}

package/dist/design-system/{p-3d5d0597.entry.js → p-20c94b19.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{o as i,F as p,m as n,n as l}from"./p-4d956bd4.js";import{w as s,a1 as d,V as c,Y as h,t as b,a4 as m,bo as f}from"./p-a966475f.js";import{e as g,x as y,f as x}from"./p-9a039ee7.js";import{i as u}from"./p-5450cf9b.js";import{Q as v}from"./p-349cb8cd.js";import{c as w}from"./p-a7d0e964.js";import{i as k}from"./p-1901b669.js";import{i as j}from"./p-ca8f9900.js";import"./p-0bb947fc.js";import"./p-cfdeea96.js";import"./p-c5108113.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e3093327.js";import"./p-e37ba040.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-cbb53f3f.js";import"./p-c5efae11.js";import"./p-b4aad66a.js";import"./p-f9649bd9.js";import"./p-773567d1.js";import"./p-3fc615dd.js";import"./p-ba705441.js";import"./p-5ebbcf89.js";import"./p-49399b44.js";import"./p-3c4a6a3e.js";import"./p-55a739af.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-179b66ff.js";import"./p-cfca4271.js";import"./p-bd19a341.js";import"./p-c3ec533d.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-10b2bb56.js";import"./p-6348f445.js";import"./p-c06335c1.js";import"./p-01267bd9.js";import"./p-c412a16f.js";import"./p-b5241164.js";import"./p-9de400aa.js";import"./p-dd576b82.js";import"./p-d7e73bcb.js";const A=class{constructor(a){t(this,a),this.translationUpdated=e(this,"translationUpdated",7),this.selectedLanguagesChanged=e(this,"selectedLanguagesChanged",7),this.languageChanged=e(this,"languageChanged",7),this.baseLanguageChanged=e(this,"baseLanguageChanged",7),this.translateValue=e(this,"translateValue",7),this.initialSelectedFieldLocation={itemIndex:0,slideIndex:0},this.isTranslator=!1,this.mode="edit",this.translatedLanguages=[],this.preventFieldChange=!1,this.updateTranslationsDebounce=s((t=>{var e,a;this.preventFieldChange=!1,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display: block;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display: block;");const o=t.detail.name,r=Object.assign({},t.detail);delete r.name,this.updateCurrentTranslations(r,o)}),1e3),this.preventFormUpdate=!1}async updateTranslationValue(t){const e=this.updatedTranslations.findIndex((e=>e._id===t._id));this.updatedTranslations[e]&&(this.updatedTranslations[e]=t,this.editableForm=null,this.updateTranslationForms(),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:t,languagesChanged:[this.selectedLanguage]}))}async forceUpdateTranslations(){this.updatedTranslations=this.translations,this.preventFormUpdate=!1,this.updateTranslationForms(!0)}componentWillLoad(){this.updatedTranslations=this.translations,this.allLanguagesAvailable=this.allLanguages,this.availableBaseLanguages=this.allLanguages,this.updateAvailableLanguages(),this.isCreateTranslationMode()||this.initTranslationForms()}componentDidUpdate(){this.isCreateTranslationMode()||this.updateTranslationForms()}updateAvailableLanguages(){this.allLanguagesAvailable=d(this.allLanguages.map((t=>{if(t!==this.baseLanguage&&!this.translatedLanguages.includes(t)&&"key"!==t)return t}))),this.translateToAutocomplete&&this.translateToAutocomplete.updateValues(this.allLanguagesAvailable)}isCreateTranslationMode(){return"create"===this.mode||"createInitial"===this.mode}initTranslationForms(){var t;this.selectedFieldLocation=this.initialSelectedFieldLocation,this.currentSlides=g(this.slides),this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]&&(this.translatedLanguages&&(this.currentLanguageIndex=null===(t=this.translatedLanguages)||void 0===t?void 0:t.findIndex((t=>t===c())),this.selectedLanguage=this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0]),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}updateTranslationForms(t=!1){this.editableForm&&!t||this.preventFormUpdate||this.isCreateTranslationMode()||(this.currentSlides=g(this.slides),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}shouldRenderRightArrow(){const t=this.selectedFieldLocation.itemIndex===this.slides[this.selectedFieldLocation.slideIndex].items.length-1;return!t||t&&!(this.selectedFieldLocation.slideIndex===this.slides.length-1)}shouldRenderLeftArrow(){const t=0===this.selectedFieldLocation.itemIndex;return!t||t&&!(0===this.selectedFieldLocation.slideIndex)}onDuplicateBaseLanguageClicked(t,e,a){const o=y(this.updatedTranslations,this.baseLanguage,t),{translations:r,updatedTranslation:i}=v(o,this.updatedTranslations,e,t);this.updatedTranslations=r,this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:i,languagesChanged:[this.selectedLanguage]}),this.editableFormElement.data[a]=o;const p=this.editableForm.slides[0].items.find((t=>t.name===a));this.editableFormElement.forceFieldUpdate(p,{value:o})}onTranslateField(t,e){const a=y(this.updatedTranslations,this.baseLanguage,t);this.translateValue.emit({value:a,baseLanguage:this.baseLanguage,targetLanguage:e,key:t})}onEditableFormChanged(t){var e,a;this.preventFieldChange=!0,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display:none;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display:none;"),this.updateTranslationsDebounce(t)}buildDefaultLanguageForm(t,e){var a,o;const r=w(t),s=[{title:"DEFAULTLANGUAGE",items:[]}],d={name:r.name};let c=!1,f=!1;return"missingword"===r.type&&(null===(a=null==r?void 0:r.answer)||void 0===a?void 0:a.length)>0&&(r.values=r.values.filter((t=>!r.answer.includes(t)))),"imagetagging"===r.type&&(null===(o=r.annotations)||void 0===o?void 0:o.length)&&(r.values=r.values.filter((t=>!r.annotations.find((e=>(null==e?void 0:e.text)===t))))),i.forEach((t=>{const a=u(h((null==r?void 0:r[t])||""));!r[t]||f&&"sentence"===t||("complexSentence"===t&&(f=!0),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:`${t}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:t,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"TRANSLATEAGAINTOOLTIP",handler:()=>this.onTranslateField(r[t],e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r[t],e,t)}]}),d[t]=y(this.updatedTranslations,e,r[t]),d[`${t}Base`]=y(this.updatedTranslations,this.baseLanguage,r[t]))})),n.forEach((t=>{var a;const o=r[t];(null==o?void 0:o.length)>0&&"complexAnswer"!==t&&!((null===(a=null==r?void 0:r.categories)||void 0===a?void 0:a.length)>0&&[p.categorizewords,p.swipecards].includes(r.type))&&(null==o||o.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a&&(!m(a)||m(a)&&!k(a))){c=!0;const i=j(a)?a:a.text;if(i){const a=u(h(i));s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(i,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(i,e,`${t}${o}${r}`)}]}),d[`${t}${o}${r}`]=y(this.updatedTranslations,e,i),d[`${t}${o}${r}Base`]=y(this.updatedTranslations,this.baseLanguage,i)}}}))})))})),l.forEach((t=>{r[t]&&r[t].length>0&&("values"!==t||!(c||"swipecards"===r.type&&"image"===r.swipeMode||"scratch"===r.type))&&("answer"!==t||"answer"===t&&"missingword"===r.type)&&r[t].forEach(((a,o)=>{const r=j(a)?a:a.text;r&&(s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(r,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r,e,`${t}${o}`)}]}),d[`${t}${o}`]=y(this.updatedTranslations,e,r),d[`${t}${o}Base`]=y(this.updatedTranslations,this.baseLanguage,r))}))})),{slides:s,data:d}}onSelectedLanguagesChanged(t){this.editableForm=null,this.preventFormUpdate=!0,this.selectedLanguage=t.detail,this.languageChanged.emit(t.detail)}onNewTranslateLanguageChanged(t){this.newLanguesToTranslate=t.detail,this.availableBaseLanguages=this.allLanguages.filter((t=>{var e;return!(null===(e=this.newLanguesToTranslate)||void 0===e?void 0:e.includes(t))})),this.baseLanguageAuto.updateValues(this.availableBaseLanguages),this.selectedLanguagesChanged.emit(this.newLanguesToTranslate)}onArrowClick(t){if(!this.preventFieldChange){let e=this.selectedFieldLocation.itemIndex,a=this.selectedFieldLocation.slideIndex;this.currentSlides[a]&&("left"===t&&0===e?(a-=1,e=this.currentSlides[a].items.length-1):"left"===t?e-=1:"right"===t&&e===this.currentSlides[a].items.length-1?(a+=1,e=0):e+=1,this.selectedFieldLocation={slideIndex:a,itemIndex:e},this.editableForm=null)}}onBaseLanguageChanged(t){this.baseLanguage=t.detail,this.baseLanguageChanged.emit(this.baseLanguage),this.updateAvailableLanguages()}updateCurrentTranslations(t,e){var a;const{itemIndex:o,slideIndex:r}=x(this.currentSlides,e);let p=null===(a=this.currentSlides[r])||void 0===a?void 0:a.items[o];p||(p=this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]);let s,d=!1,c=!1,h=!1;i.forEach((e=>{if("sentence"!==e||!c){t.complexSentence&&(c=!0);const a=v(t[e],this.updatedTranslations,this.selectedLanguage,p[e]);this.updatedTranslations=a.translations,a.updatedTranslation&&(s=a.updatedTranslation);const o=v(t[`${e}Base`],this.updatedTranslations,this.baseLanguage,p[e]);this.updatedTranslations=o.translations,o.updatedTranslation&&(h=!0,s=o.updatedTranslation)}})),n.forEach((e=>{const a=p[e];(null==a?void 0:a.length)>0&&(null==a||a.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a){const i=j(a)?a:a.text,p=v(t[`${e}${o}${r}`],this.updatedTranslations,this.selectedLanguage,i);this.updatedTranslations=p.translations,p.updatedTranslation&&(s=p.updatedTranslation,d=!0);const n=v(t[`${e}${o}${r}Base`],this.updatedTranslations,this.baseLanguage,i);this.updatedTranslations=n.translations,n.updatedTranslation&&(h=!0,s=n.updatedTranslation,d=!0)}}))})))})),l.forEach((e=>{var a;(null===(a=p[e])||void 0===a?void 0:a.length)>0&&("values"!==e||!d)&&p[e].forEach(((a,o)=>{const r=j(a)?a:a.text,i=v(t[`${e}${o}`],this.updatedTranslations,this.selectedLanguage,r);this.updatedTranslations=i.translations,i.updatedTranslation&&(s=i.updatedTranslation);const p=v(t[`${e}${o}Base`],this.updatedTranslations,this.baseLanguage,r);this.updatedTranslations=p.translations,p.updatedTranslation&&(h=!0,s=p.updatedTranslation)}))})),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:s,languagesChanged:h?[...this.allLanguagesAvailable,this.baseLanguage]:[this.selectedLanguage]})}onEditableFormLoaded(){var t;null===(t=this.editableFormElement)||void 0===t||t.updateSizing()}renderHeader(){const t=this.isCreateTranslationMode()?b("STARTTRANSLATE"):b("TRANSLATION")+" - "+`${this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].formCreatorIndex+1}. `+h(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].title);return a("yoo-header",null,a("yoo-navbar",null,a("yoo-items",{slot:"start"},a("yoo-button",{color:"text-color-to-stable-alt",fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>f("create"===this.mode?{presentTranslationModal:!0}:null,this.host)},a("yoo-icon",{name:"create"===this.mode?"left":"close"}))),a("yoo-truncate",null,t)))}renderEditTranslateContent(){var t;const e=window.innerHeight-112-56;return a("div",{class:"scroll-container",style:{maxHeight:`${e}px`}},a("div",{class:"form-container"},a("div",{class:"top-form-container"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{values:[this.baseLanguage],value:[this.baseLanguage],useTranslate:!0,readonly:!0,size:"medium",forceHideSearch:!0,displayType:"card-list",isLocal:!0})),a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{class:"single-line",values:this.translatedLanguages,value:this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0],multiple:!1,useTranslate:!0,displayType:"card-list",onInputChanged:t=>this.onSelectedLanguagesChanged(t),forceHideSearch:!0,size:"medium",isLocal:!0})),a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:b(this.disableNewLanguageButton?this.disableNewLanguageButton:"ADDNEWLANGUAGE"),class:"no-pointer"},a("yoo-button",{disabled:(null===(t=this.disableNewLanguageButton)||void 0===t?void 0:t.length)>0,size:"medium",shape:"square",onClick:()=>this.onAddNewLanguageClicked()},a("yoo-icon",{size:"small",name:"plus"})))),this.editableForm&&a("yoo-form-dynamic",{ref:t=>this.editableFormElement=t,class:"translate-dialog no-animation",scrollable:!1,slides:this.editableForm.slides,data:this.editableForm.data,showRecap:!1,onDataChanged:t=>this.onEditableFormChanged(t),onFormHasLoaded:()=>this.onEditableFormLoaded()})))}renderCreateTranslationContent(){return a("div",{class:"forms-container"},a("div",{class:"form-container left"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.baseLanguageAuto=t,disabled:"create"===this.mode,values:this.availableBaseLanguages,value:[this.baseLanguage],useTranslate:!0,multiple:!1,readonly:!1,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onBaseLanguageChanged(t),isLocal:!0,size:"medium"}))),a("div",{class:"form-container right"},a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.translateToAutocomplete=t,class:"single-line",values:this.allLanguagesAvailable,multiple:!0,useTranslate:!0,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onNewTranslateLanguageChanged(t),isLocal:!0,size:"medium"}))))}onAddNewLanguageClicked(){f(this.isCreateTranslationMode()?{createNewTranslations:!0,newLanguesToTranslate:this.newLanguesToTranslate}:{addNewLanguage:!0},this.host)}renderFooter(){return a("div",{class:"button-container"},a("yoo-button",{disabled:this.isCreateTranslationMode()&&(!this.newLanguesToTranslate||this.newLanguesToTranslate&&0===this.newLanguesToTranslate.length),color:this.isCreateTranslationMode()?"app-color":"light-to-dark",onClick:()=>this.onAddNewLanguageClicked()},b("SAVEANDTRANSLATE")))}renderArrowIcon(t){return a("div",{class:{"arrow-container":!0,[t]:!0},onClick:()=>this.onArrowClick(t)},a("yoo-icon",{size:"extra-large",ref:e=>{"left"===t?this.leftArrow=e:this.rightArrow=e},name:t,color:"stable-alt"}))}render(){return a(o,{class:{"new-translation-mode":this.isCreateTranslationMode()}},a("div",{class:"outer-container"},this.renderHeader(),this.isCreateTranslationMode()?this.renderCreateTranslationContent():this.renderEditTranslateContent(),this.isCreateTranslationMode()&&this.renderFooter(),!this.isCreateTranslationMode()&&this.shouldRenderLeftArrow()&&this.renderArrowIcon("left"),!this.isCreateTranslationMode()&&this.shouldRenderRightArrow()&&this.renderArrowIcon("right")))}get host(){return r(this)}};A.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{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.375rem}:host .outer-container .scroll-container{overflow-y:auto}:host .outer-container .form-container{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:var(--spacing-16, 1rem) 0;overflow-y:auto}:host .outer-container .form-container yoo-form-dynamic{top:5.5rem;width:100%}:host .outer-container .form-container yoo-form-input-container{position:relative;z-index:100;padding:var(--spacing-08, 0.5rem)}:host .outer-container .form-container .top-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:37.5rem}:host .outer-container .form-container .top-form-container yoo-form-input-container{width:100%;padding:0}:host .outer-container .form-container .top-form-container yoo-form-input-container.base-language{min-width:18.75rem}:host .outer-container .form-container .top-form-container yoo-button{margin-left:1rem}:host .outer-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:3.5rem;padding:0 var(--spacing-16, 1rem);border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container .arrow-container{position:absolute;top:50%;right:auto;bottom:auto;left:auto}:host .outer-container .arrow-container.right{right:-9rem}:host .outer-container .arrow-container.left{left:-9rem}:host(.new-translation-mode) .outer-container .forms-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;height:23rem}:host(.new-translation-mode) .outer-container .forms-container .form-container{width:100%}:host(.new-translation-mode) .outer-container .forms-container .form-container.left{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-32, 2rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container.right{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container yoo-form-input-container{width:100%}:host(.new-translation-mode) .outer-container .button-container{padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}";export{A as yoo_form_creator_translate_dialog}
+import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{o as i,F as p,m as n,n as l}from"./p-4d956bd4.js";import{w as s,a1 as d,V as c,Y as h,t as b,a4 as m,bo as f}from"./p-a966475f.js";import{e as g,x as y,f as x}from"./p-9a039ee7.js";import{i as u}from"./p-5450cf9b.js";import{Q as v}from"./p-b468f499.js";import{c as w}from"./p-a7d0e964.js";import{i as k}from"./p-1901b669.js";import{i as j}from"./p-ca8f9900.js";import"./p-0bb947fc.js";import"./p-cfdeea96.js";import"./p-c5108113.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e3093327.js";import"./p-fe5e39f8.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-cbb53f3f.js";import"./p-c5efae11.js";import"./p-b4aad66a.js";import"./p-f9649bd9.js";import"./p-773567d1.js";import"./p-3fc615dd.js";import"./p-ba705441.js";import"./p-5ebbcf89.js";import"./p-49399b44.js";import"./p-3c4a6a3e.js";import"./p-55a739af.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-179b66ff.js";import"./p-cfca4271.js";import"./p-bd19a341.js";import"./p-c3ec533d.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-10b2bb56.js";import"./p-6348f445.js";import"./p-c06335c1.js";import"./p-01267bd9.js";import"./p-c412a16f.js";import"./p-b5241164.js";import"./p-9de400aa.js";import"./p-dd576b82.js";import"./p-d7e73bcb.js";const A=class{constructor(a){t(this,a),this.translationUpdated=e(this,"translationUpdated",7),this.selectedLanguagesChanged=e(this,"selectedLanguagesChanged",7),this.languageChanged=e(this,"languageChanged",7),this.baseLanguageChanged=e(this,"baseLanguageChanged",7),this.translateValue=e(this,"translateValue",7),this.initialSelectedFieldLocation={itemIndex:0,slideIndex:0},this.isTranslator=!1,this.mode="edit",this.translatedLanguages=[],this.preventFieldChange=!1,this.updateTranslationsDebounce=s((t=>{var e,a;this.preventFieldChange=!1,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display: block;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display: block;");const o=t.detail.name,r=Object.assign({},t.detail);delete r.name,this.updateCurrentTranslations(r,o)}),1e3),this.preventFormUpdate=!1}async updateTranslationValue(t){const e=this.updatedTranslations.findIndex((e=>e._id===t._id));this.updatedTranslations[e]&&(this.updatedTranslations[e]=t,this.editableForm=null,this.updateTranslationForms(),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:t,languagesChanged:[this.selectedLanguage]}))}async forceUpdateTranslations(){this.updatedTranslations=this.translations,this.preventFormUpdate=!1,this.updateTranslationForms(!0)}componentWillLoad(){this.updatedTranslations=this.translations,this.allLanguagesAvailable=this.allLanguages,this.availableBaseLanguages=this.allLanguages,this.updateAvailableLanguages(),this.isCreateTranslationMode()||this.initTranslationForms()}componentDidUpdate(){this.isCreateTranslationMode()||this.updateTranslationForms()}updateAvailableLanguages(){this.allLanguagesAvailable=d(this.allLanguages.map((t=>{if(t!==this.baseLanguage&&!this.translatedLanguages.includes(t)&&"key"!==t)return t}))),this.translateToAutocomplete&&this.translateToAutocomplete.updateValues(this.allLanguagesAvailable)}isCreateTranslationMode(){return"create"===this.mode||"createInitial"===this.mode}initTranslationForms(){var t;this.selectedFieldLocation=this.initialSelectedFieldLocation,this.currentSlides=g(this.slides),this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]&&(this.translatedLanguages&&(this.currentLanguageIndex=null===(t=this.translatedLanguages)||void 0===t?void 0:t.findIndex((t=>t===c())),this.selectedLanguage=this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0]),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}updateTranslationForms(t=!1){this.editableForm&&!t||this.preventFormUpdate||this.isCreateTranslationMode()||(this.currentSlides=g(this.slides),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}shouldRenderRightArrow(){const t=this.selectedFieldLocation.itemIndex===this.slides[this.selectedFieldLocation.slideIndex].items.length-1;return!t||t&&!(this.selectedFieldLocation.slideIndex===this.slides.length-1)}shouldRenderLeftArrow(){const t=0===this.selectedFieldLocation.itemIndex;return!t||t&&!(0===this.selectedFieldLocation.slideIndex)}onDuplicateBaseLanguageClicked(t,e,a){const o=y(this.updatedTranslations,this.baseLanguage,t),{translations:r,updatedTranslation:i}=v(o,this.updatedTranslations,e,t);this.updatedTranslations=r,this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:i,languagesChanged:[this.selectedLanguage]}),this.editableFormElement.data[a]=o;const p=this.editableForm.slides[0].items.find((t=>t.name===a));this.editableFormElement.forceFieldUpdate(p,{value:o})}onTranslateField(t,e){const a=y(this.updatedTranslations,this.baseLanguage,t);this.translateValue.emit({value:a,baseLanguage:this.baseLanguage,targetLanguage:e,key:t})}onEditableFormChanged(t){var e,a;this.preventFieldChange=!0,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display:none;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display:none;"),this.updateTranslationsDebounce(t)}buildDefaultLanguageForm(t,e){var a,o;const r=w(t),s=[{title:"DEFAULTLANGUAGE",items:[]}],d={name:r.name};let c=!1,f=!1;return"missingword"===r.type&&(null===(a=null==r?void 0:r.answer)||void 0===a?void 0:a.length)>0&&(r.values=r.values.filter((t=>!r.answer.includes(t)))),"imagetagging"===r.type&&(null===(o=r.annotations)||void 0===o?void 0:o.length)&&(r.values=r.values.filter((t=>!r.annotations.find((e=>(null==e?void 0:e.text)===t))))),i.forEach((t=>{const a=u(h((null==r?void 0:r[t])||""));!r[t]||f&&"sentence"===t||("complexSentence"===t&&(f=!0),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:`${t}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:t,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"TRANSLATEAGAINTOOLTIP",handler:()=>this.onTranslateField(r[t],e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r[t],e,t)}]}),d[t]=y(this.updatedTranslations,e,r[t]),d[`${t}Base`]=y(this.updatedTranslations,this.baseLanguage,r[t]))})),n.forEach((t=>{var a;const o=r[t];(null==o?void 0:o.length)>0&&"complexAnswer"!==t&&!((null===(a=null==r?void 0:r.categories)||void 0===a?void 0:a.length)>0&&[p.categorizewords,p.swipecards].includes(r.type))&&(null==o||o.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a&&(!m(a)||m(a)&&!k(a))){c=!0;const i=j(a)?a:a.text;if(i){const a=u(h(i));s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(i,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(i,e,`${t}${o}${r}`)}]}),d[`${t}${o}${r}`]=y(this.updatedTranslations,e,i),d[`${t}${o}${r}Base`]=y(this.updatedTranslations,this.baseLanguage,i)}}}))})))})),l.forEach((t=>{r[t]&&r[t].length>0&&("values"!==t||!(c||"swipecards"===r.type&&"image"===r.swipeMode||"scratch"===r.type))&&("answer"!==t||"answer"===t&&"missingword"===r.type)&&r[t].forEach(((a,o)=>{const r=j(a)?a:a.text;r&&(s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(r,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r,e,`${t}${o}`)}]}),d[`${t}${o}`]=y(this.updatedTranslations,e,r),d[`${t}${o}Base`]=y(this.updatedTranslations,this.baseLanguage,r))}))})),{slides:s,data:d}}onSelectedLanguagesChanged(t){this.editableForm=null,this.preventFormUpdate=!0,this.selectedLanguage=t.detail,this.languageChanged.emit(t.detail)}onNewTranslateLanguageChanged(t){this.newLanguesToTranslate=t.detail,this.availableBaseLanguages=this.allLanguages.filter((t=>{var e;return!(null===(e=this.newLanguesToTranslate)||void 0===e?void 0:e.includes(t))})),this.baseLanguageAuto.updateValues(this.availableBaseLanguages),this.selectedLanguagesChanged.emit(this.newLanguesToTranslate)}onArrowClick(t){if(!this.preventFieldChange){let e=this.selectedFieldLocation.itemIndex,a=this.selectedFieldLocation.slideIndex;this.currentSlides[a]&&("left"===t&&0===e?(a-=1,e=this.currentSlides[a].items.length-1):"left"===t?e-=1:"right"===t&&e===this.currentSlides[a].items.length-1?(a+=1,e=0):e+=1,this.selectedFieldLocation={slideIndex:a,itemIndex:e},this.editableForm=null)}}onBaseLanguageChanged(t){this.baseLanguage=t.detail,this.baseLanguageChanged.emit(this.baseLanguage),this.updateAvailableLanguages()}updateCurrentTranslations(t,e){var a;const{itemIndex:o,slideIndex:r}=x(this.currentSlides,e);let p=null===(a=this.currentSlides[r])||void 0===a?void 0:a.items[o];p||(p=this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]);let s,d=!1,c=!1,h=!1;i.forEach((e=>{if("sentence"!==e||!c){t.complexSentence&&(c=!0);const a=v(t[e],this.updatedTranslations,this.selectedLanguage,p[e]);this.updatedTranslations=a.translations,a.updatedTranslation&&(s=a.updatedTranslation);const o=v(t[`${e}Base`],this.updatedTranslations,this.baseLanguage,p[e]);this.updatedTranslations=o.translations,o.updatedTranslation&&(h=!0,s=o.updatedTranslation)}})),n.forEach((e=>{const a=p[e];(null==a?void 0:a.length)>0&&(null==a||a.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a){const i=j(a)?a:a.text,p=v(t[`${e}${o}${r}`],this.updatedTranslations,this.selectedLanguage,i);this.updatedTranslations=p.translations,p.updatedTranslation&&(s=p.updatedTranslation,d=!0);const n=v(t[`${e}${o}${r}Base`],this.updatedTranslations,this.baseLanguage,i);this.updatedTranslations=n.translations,n.updatedTranslation&&(h=!0,s=n.updatedTranslation,d=!0)}}))})))})),l.forEach((e=>{var a;(null===(a=p[e])||void 0===a?void 0:a.length)>0&&("values"!==e||!d)&&p[e].forEach(((a,o)=>{const r=j(a)?a:a.text,i=v(t[`${e}${o}`],this.updatedTranslations,this.selectedLanguage,r);this.updatedTranslations=i.translations,i.updatedTranslation&&(s=i.updatedTranslation);const p=v(t[`${e}${o}Base`],this.updatedTranslations,this.baseLanguage,r);this.updatedTranslations=p.translations,p.updatedTranslation&&(h=!0,s=p.updatedTranslation)}))})),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:s,languagesChanged:h?[...this.allLanguagesAvailable,this.baseLanguage]:[this.selectedLanguage]})}onEditableFormLoaded(){var t;null===(t=this.editableFormElement)||void 0===t||t.updateSizing()}renderHeader(){const t=this.isCreateTranslationMode()?b("STARTTRANSLATE"):b("TRANSLATION")+" - "+`${this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].formCreatorIndex+1}. `+h(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].title);return a("yoo-header",null,a("yoo-navbar",null,a("yoo-items",{slot:"start"},a("yoo-button",{color:"text-color-to-stable-alt",fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>f("create"===this.mode?{presentTranslationModal:!0}:null,this.host)},a("yoo-icon",{name:"create"===this.mode?"left":"close"}))),a("yoo-truncate",null,t)))}renderEditTranslateContent(){var t;const e=window.innerHeight-112-56;return a("div",{class:"scroll-container",style:{maxHeight:`${e}px`}},a("div",{class:"form-container"},a("div",{class:"top-form-container"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{values:[this.baseLanguage],value:[this.baseLanguage],useTranslate:!0,readonly:!0,size:"medium",forceHideSearch:!0,displayType:"card-list",isLocal:!0})),a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{class:"single-line",values:this.translatedLanguages,value:this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0],multiple:!1,useTranslate:!0,displayType:"card-list",onInputChanged:t=>this.onSelectedLanguagesChanged(t),forceHideSearch:!0,size:"medium",isLocal:!0})),a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:b(this.disableNewLanguageButton?this.disableNewLanguageButton:"ADDNEWLANGUAGE"),class:"no-pointer"},a("yoo-button",{disabled:(null===(t=this.disableNewLanguageButton)||void 0===t?void 0:t.length)>0,size:"medium",shape:"square",onClick:()=>this.onAddNewLanguageClicked()},a("yoo-icon",{size:"small",name:"plus"})))),this.editableForm&&a("yoo-form-dynamic",{ref:t=>this.editableFormElement=t,class:"translate-dialog no-animation",scrollable:!1,slides:this.editableForm.slides,data:this.editableForm.data,showRecap:!1,onDataChanged:t=>this.onEditableFormChanged(t),onFormHasLoaded:()=>this.onEditableFormLoaded()})))}renderCreateTranslationContent(){return a("div",{class:"forms-container"},a("div",{class:"form-container left"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.baseLanguageAuto=t,disabled:"create"===this.mode,values:this.availableBaseLanguages,value:[this.baseLanguage],useTranslate:!0,multiple:!1,readonly:!1,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onBaseLanguageChanged(t),isLocal:!0,size:"medium"}))),a("div",{class:"form-container right"},a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.translateToAutocomplete=t,class:"single-line",values:this.allLanguagesAvailable,multiple:!0,useTranslate:!0,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onNewTranslateLanguageChanged(t),isLocal:!0,size:"medium"}))))}onAddNewLanguageClicked(){f(this.isCreateTranslationMode()?{createNewTranslations:!0,newLanguesToTranslate:this.newLanguesToTranslate}:{addNewLanguage:!0},this.host)}renderFooter(){return a("div",{class:"button-container"},a("yoo-button",{disabled:this.isCreateTranslationMode()&&(!this.newLanguesToTranslate||this.newLanguesToTranslate&&0===this.newLanguesToTranslate.length),color:this.isCreateTranslationMode()?"app-color":"light-to-dark",onClick:()=>this.onAddNewLanguageClicked()},b("SAVEANDTRANSLATE")))}renderArrowIcon(t){return a("div",{class:{"arrow-container":!0,[t]:!0},onClick:()=>this.onArrowClick(t)},a("yoo-icon",{size:"extra-large",ref:e=>{"left"===t?this.leftArrow=e:this.rightArrow=e},name:t,color:"stable-alt"}))}render(){return a(o,{class:{"new-translation-mode":this.isCreateTranslationMode()}},a("div",{class:"outer-container"},this.renderHeader(),this.isCreateTranslationMode()?this.renderCreateTranslationContent():this.renderEditTranslateContent(),this.isCreateTranslationMode()&&this.renderFooter(),!this.isCreateTranslationMode()&&this.shouldRenderLeftArrow()&&this.renderArrowIcon("left"),!this.isCreateTranslationMode()&&this.shouldRenderRightArrow()&&this.renderArrowIcon("right")))}get host(){return r(this)}};A.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{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.375rem}:host .outer-container .scroll-container{overflow-y:auto}:host .outer-container .form-container{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:var(--spacing-16, 1rem) 0;overflow-y:auto}:host .outer-container .form-container yoo-form-dynamic{top:5.5rem;width:100%}:host .outer-container .form-container yoo-form-input-container{position:relative;z-index:100;padding:var(--spacing-08, 0.5rem)}:host .outer-container .form-container .top-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:37.5rem}:host .outer-container .form-container .top-form-container yoo-form-input-container{width:100%;padding:0}:host .outer-container .form-container .top-form-container yoo-form-input-container.base-language{min-width:18.75rem}:host .outer-container .form-container .top-form-container yoo-button{margin-left:1rem}:host .outer-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:3.5rem;padding:0 var(--spacing-16, 1rem);border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container .arrow-container{position:absolute;top:50%;right:auto;bottom:auto;left:auto}:host .outer-container .arrow-container.right{right:-9rem}:host .outer-container .arrow-container.left{left:-9rem}:host(.new-translation-mode) .outer-container .forms-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;height:23rem}:host(.new-translation-mode) .outer-container .forms-container .form-container{width:100%}:host(.new-translation-mode) .outer-container .forms-container .form-container.left{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-32, 2rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container.right{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container yoo-form-input-container{width:100%}:host(.new-translation-mode) .outer-container .button-container{padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}";export{A as yoo_form_creator_translate_dialog}

package/dist/design-system/{p-6a6283bb.entry.js → p-375a7355.entry.js}

@@ -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{f as y}from"./p-e37ba040.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}
+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-fe5e39f8.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}

package/dist/design-system/{p-85307152.entry.js → p-38393711.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as e,h as n,H as r,g as o}from"./p-c26cc6ff.js";import{F as i}from"./p-4d956bd4.js";import{c as a,d as l,p as c,t as u,b as f,u as s}from"./p-a966475f.js";import{u as p,p as d}from"./p-e37ba040.js";import"./p-b5241164.js";import{f as E}from"./p-33b2d3a2.js";import{b as _}from"./p-432e8458.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";var m=a((function(t,e){
+import{r as t,c as e,h as n,H as r,g as o}from"./p-c26cc6ff.js";import{F as i}from"./p-4d956bd4.js";import{c as a,d as l,p as c,t as u,b as f,u as s}from"./p-a966475f.js";import{u as p,p as d}from"./p-fe5e39f8.js";import"./p-b5241164.js";import{f as E}from"./p-33b2d3a2.js";import{b as _}from"./p-432e8458.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";var m=a((function(t,e){
 /*!
  * FilePond 4.28.2
  * Licensed under MIT, https://opensource.org/licenses/MIT/