@yoobic/yobi 7.7.104 → 7.7.105

package/dist/design-system/{p-ea46fc83.entry.js → p-73d21f24.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as r,g as o}from"./p-c26cc6ff.js";import{y as i,U as n,W as c,Y as s,b as p,t as l,_ as d,X as h,T as b}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as m}from"./p-e37ba040.js";import"./p-b5241164.js";import{f}from"./p-33b2d3a2.js";import{c as g,a as y}from"./p-77bfd3e2.js";import{b as u}from"./p-432e8458.js";import{s as v}from"./p-2fbb14cc.js";import{i as x}from"./p-6b61583e.js";import{c as w}from"./p-d05412cf.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";import"./p-4b1fdfbb.js";import"./p-01267bd9.js";import"./p-49399b44.js";import"./p-affcd66d.js";import"./p-cfca4271.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";var k,z;!function(t){t.left="left",t.right="right",t.undo="undo"}(k||(k={})),function(t){t.image="image",t.textimage="textimage",t.text="text"}(z||(z={}));const j=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.blockMoves=e(this,"blockMoves",7),this.validators=[],this.mode=z.text,this.showInstructionView=!0,this.animated=!0,this.shuffled=!0,this.values=[],this.swipeCards=[],this.animationDelay=this.animated?.25:0,this.cardsElements=[],this.swipeButtons=[]}onIsVisibleChanged(){setTimeout((()=>this.displayFooterElement(!this.showInstructionView)),150)}get hasImage(){return this.isMode(z.image)||this.isMode(z.textimage)}get hasText(){return this.isMode(z.text)||this.isMode(z.textimage)}get hasTwoCategories(){var t,e;return!(!(null===(t=this.categories)||void 0===t?void 0:t.length)||2!==(null===(e=this.categories)||void 0===e?void 0:e.filter((t=>t)).length))}get buttons(){const t=t=>{var e,a;return null===(a=null===(e=this.swipeButtons)||void 0===e?void 0:e.filter((e=>(null==e?void 0:e.id)===`swipe-${t}`)))||void 0===a?void 0:a[0]};return{left:t(k.left),undo:t(k.undo),right:t(k.right)}}get currentCard(){return this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a+1:t),0)]}get currentCardElement(){var t;return this.getCardElement(null===(t=this.currentCard)||void 0===t?void 0:t.id)}get formHeight(){var t;return null===(t=i(this.host,"form"))||void 0===t?void 0:t.clientHeight}onRequireChanged(){this.validate()}onValuesChanged(){this.isMode(z.image)||this.spyOnValuesChanged(this.values)}onImagesChanged(){this.isMode(z.text)||this.spyOnValuesChanged(this.images)}onCategoriesChanged(){if(!this.hasDuplicatesValues){const t=this.livePreview&&!this.hasTwoCategories;g(this.outerContainerElement,t,"NOTFULFILLEDCATEGORIES"),t&&(this.showInstructionView=!0)}}componentWillLoad(){this.shuffleCardValues(),this.revealCards=!this.showInstructionView,this.swipeCards=this.initCards()}componentDidLoad(){this.outerContainerElement&&(this.displayFooterElement(!1),this.showInstructionView||this.initDraggable())}componentWillUpdate(){this.hasDataChanged&&(this.cardValues=[],this.shuffleCardValues(),this.revealCards=!0,this.swipeCards=this.initCards())}componentDidUpdate(){this.revealCards&&(this.hasDataChanged=!1,this.revealCards=!1,this.initDraggable()),setTimeout((()=>this.lockSwipeButtons(!1)),750)}validate(){var t;const e=null===(t=this.swipeCards.filter((t=>t.swipedDirection)))||void 0===t?void 0:t.length;return this.validity=e===(this.hasImage?this.images.length:this.values.length),this.validityChanged.emit(this.validity),this.validity}hasEmptyValue(t){return!(null==t?void 0:t.length)||!!(null==t?void 0:t.filter((t=>!t)).length)}shuffleCardValues(){const t=this.hasImage?this.images.filter((t=>this.isMode(z.textimage)?null==t?void 0:t._filename:t)):this.values.filter((t=>t));this.cardValues=this.shuffled?v(t):t}getCardElement(t){var e;return null===(e=this.cardsElements)||void 0===e?void 0:e.find((e=>(null==e?void 0:e.id)===t))}spyOnValuesChanged(t){if(this.hasTwoCategories){const e=this.hasEmptyValue(t);this.hasDuplicatesValues=1===y(this.values);const a=this.livePreview&&(e||this.hasDuplicatesValues),r=this.isMode(z.textimage)&&e?"NOEMPTYVALUES":this.hasDuplicatesValues?"NODUPLICATEVALUES":"";g(this.outerContainerElement,a,r),this.hasDataChanged=!a,a&&(this.showInstructionView=!0)}}getUserAnswer(){const t=t=>{var e,a;return this.isMode(z.image)?d(null===(a=null===(e=this.answer)||void 0===e?void 0:e[0])||void 0===a?void 0:a[0])?t._downloadURL:t._downloadURL.split("/").pop():this.isMode(z.textimage)?t._filename:t},e=e=>this.swipeCards.filter((t=>t.swipedDirection===e)).map((e=>t(e.value)));u([e(k.left),e(k.right)],this)}displayFooterElement(t=!0){const e=i(this.host,"yoo-ion-slide");if(e){const a=e.querySelector("yoo-form-footer");a&&!this.livePreview&&(a.style.display=t?"block":"none")}}initDraggable(){this.cardsElements.filter((t=>!n.get(t))).forEach((t=>this.getDraggableInstance(t))),this.cardsElements.forEach((t=>null==t?void 0:t.classList.remove("revealing")))}initCards(){var t;return(null===(t=this.cardValues)||void 0===t?void 0:t.map((t=>({id:m(),value:t}))))||[]}lockSwipeButtons(t=!0){this.swipeButtons.forEach((e=>e.disabled=t))}swipeCard(t){this.currentCard&&(this.lockSwipeButtons(),this.buttons[t].style.removeProperty("transform"),this.backgroundElement.removeAttribute("direction"),this.currentCardElement.setAttribute("swiped",t),this.currentCard.swipedDirection=t,this.getUserAnswer())}getSwipedState(t){const e=[.35,.65];return{swipedDirection:t<e[0]?k.left:t>e[1]?k.right:null,isCardThrowable:!x(t,e[0],e[1])}}setSwipingColor(t){if(this.currentCardElement){const e=this.currentCardElement.querySelector(".content-category"),a=[k.left,k.right].includes(t);e.textContent=this.getSwipedCategoryValue(t),[this.backgroundElement,this.currentCardElement].forEach((e=>{a?e.setAttribute("direction",t):e.removeAttribute("direction")}))}}getDraggableInstance(t){return c().then((e=>{if(!e||!t)return;this.revealCards=!1;const a=this.host.clientWidth/2,r=e(),o=e({paused:!0}),i=t=>t.classList.contains("current");o.fromTo(this.buttons.left,1,{scale:1.5},{scale:1},0).fromTo(this.buttons.right,1,{scale:1},{scale:1.5},1).progress(.5);const c=t=>{i(t)&&(this.blockMoves.emit(!0),null==r||r.kill())},s=(t,e)=>{if(i(e)){const e=w((t+a)/(2*a),0,1);o.progress(e),this.setSwipingColor(this.getSwipedState(e).swipedDirection)}},p=e=>{if(i(e)){const e=this.getSwipedState(o.progress());e.isCardThrowable?this.swipeCard(e.swipedDirection):r.to(t,this.animationDelay,{left:0,top:0}).to([this.buttons.left,this.buttons.right],{scale:1,ease:h.easeInOut},0)}else b(t,this.animationDelay,{left:0,top:0})};return new n(t,{bound:this.outerContainerElement,type:"left, top",cursor:"grab",zIndexBoost:!1,onDragStart(){c(this.target)},onDrag(){s(this.x,this.target)},onDragEnd(){p(this.target)}})}))}clickToSwipe(t){this.buttons[t].disabled||(this.setSwipingColor(t),setTimeout((()=>this.swipeCard(t)),400))}async undoSwipe(){const t=this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a:t),0)];if(!this.buttons.undo.disabled&&(null==t?void 0:t.swipedDirection)){this.lockSwipeButtons();const e=this.getCardElement(null==t?void 0:t.id);e&&(e.style.removeProperty("top"),e.style.removeProperty("left"),e.removeAttribute("swiped"),null==t||delete t.swipedDirection,setTimeout((()=>{this.getUserAnswer()}),225))}}isMode(t){return this.mode===t}getSwipedCategoryValue(t){var e;return(null===(e=this.categories)||void 0===e?void 0:e.length)&&s(t===k.left?this.categories[0]:t===k.right?this.categories[1]:"")}renderCards(){return a("div",{class:"stacked-cards-container"},this.swipeCards.map(((t,e,r)=>{var o;const i=r.indexOf(this.currentCard)||0,n=-1!==i;return a("div",Object.assign({class:{"card-container":!0,current:e===i,second:n&&e===i+1,third:n&&e===i+2,revealing:this.revealCards},id:t.id,ref:t=>this.cardsElements[e]=t},Object.assign({type:this.mode},t.swipedDirection&&{direction:t.swipedDirection})),this.hasImage&&a("div",{class:"content-image"},a("yoo-img",{instant:!0,src:t.value._downloadURL})),this.hasText&&a("div",{class:"content-text"},s((null===(o=t.value)||void 0===o?void 0:o._filename)||t.value)),a("div",{class:"content-category"}))})))}renderInstructionCategory(t){const e=t===k.left,r=e?"danger-light":"light-orange",o=p(this.host)?r:"light-to-dark",i=p(this.host)?"large":"medium",n=this.categories&&s(e?this.categories[0]:this.categories[1]);return a("div",{class:`category ${t}`},a("yoo-tag",{noBackground:p(this.host),color:r,size:"large",icon:`big-arrow-${t}`,iconOnlyColor:o,iconOnlySize:i}),a("p",{class:`${r}`},n),a("span",{class:"stable"},l(`SWIPE${t.toUpperCase()}`)))}renderTopDescription(){return a("div",{class:"top-description"},a("h1",null,s(this.label)),a("span",{class:"stable"},l(this.description||"CARDSWIPEDEFAULTINSTRUCTIONS")))}renderInstructions(){const t=(this.isMode(z.textimage)?!this.hasEmptyValue(this.images)&&!this.hasEmptyValue(this.values):!this.hasEmptyValue(this.images)||!this.hasEmptyValue(this.values))&&this.hasTwoCategories&&!this.hasDuplicatesValues;return a("div",{class:"instructions-container"},this.renderTopDescription(),a("div",{class:"categories"},this.renderInstructionCategory(k.left),a("yoo-icon",{size:"extra-extra-large",name:"swipe-explanation",color:"stable-alt"}),this.renderInstructionCategory(k.right)),this.instructionsDocument&&a("div",{class:"document"},a("div",{class:"document-title"},l("ATTACHMENTS")),a("yoo-form-document",{document:this.instructionsDocument,readonly:!0,onInputChanged:t=>t.stopPropagation()})),a("yoo-button",{disabled:!t,size:p(this.host)&&!this.livePreview?"medium":"large",color:"app-color",onClick:()=>{this.revealCards=!0,this.showInstructionView=!1,this.displayFooterElement()}},l("START")))}renderSwipeButtons(){return a("div",{class:"swipe-buttons"},[k.left,k.undo,k.right].map(((t,e)=>this.renderSwipeAction(t,e))))}renderSwipeAction(t,e){var r;const o=t===k.undo,i=t===k.left,n=!p(this.host)||this.livePreview,c=o?p(this.host)?"light":"stable-alt-to-text-color":i?"danger-light":"light-orange",l=o?"undo":`big-arrow-${t}`,d=i?0:1;return a("div",{class:"swipe-action"},a("yoo-button",{shape:"circular",rippleType:"unbounded",id:`swipe-${t}`,size:o&&!n?"medium":"large",fill:n||o?"solid":"transparent",color:o?n?"stable-light":"text-color":c.concat("-20"),ref:t=>this.swipeButtons[e]=t,onClick:()=>o?this.undoSwipe():this.clickToSwipe(t)},a("yoo-icon",{name:l,color:c,size:n?"medium":o?"small":"large"})),!o&&(null===(r=this.categories)||void 0===r?void 0:r.length)&&a("span",{class:c},s(this.categories[d])))}renderGame(){return a("div",{class:"game-container"},p(this.host)&&!this.livePreview&&this.renderTopDescription(),a("div",{class:"swipecards-container"},a("div",{class:"background",ref:t=>this.backgroundElement=t},this.renderCards()),this.renderSwipeButtons()))}renderSummary(){const t=t=>{var e,a;return(null===(e=this.value)||void 0===e?void 0:e.length)&&(null===(a=this.answer)||void 0===a?void 0:a.length)?s(t):""},e=t=>{var e;return(null===(e=this.images.find((e=>e[this.isMode(z.image)?"_downloadURL":"_filename"].includes(t))))||void 0===e?void 0:e._downloadURL)||""},r=(t,e)=>this.answer[t].find((t=>e.includes(t)))?"valid":"invalid";return this.categories.map(((o,i)=>[a("div",{class:"category-title"},t(o)),a("ul",null,Array.from(new Set(this.value[i])).map((t=>{var o;return a("li",{class:r(i,t)},!!(null===(o=this.images)||void 0===o?void 0:o.length)&&a("yoo-img",{src:e(t)}),!this.isMode(z.image)&&a("yoo-truncate",null,s(t)))})))]))}renderAlertDuplicates(){return this.livePreview&&a("yoo-banner",{class:"danger"})}render(){var t;return a(r,Object.assign({},this.formHeight&&{style:{height:`${this.formHeight}px`}},{class:Object.assign(Object.assign({},f(this.host)),{"live-preview":this.livePreview,"swiper-no-swiping":!this.readonly})}),a("div",{class:"outer-container",ref:t=>this.outerContainerElement=t},this.renderAlertDuplicates(),this.readonly?(null===(t=this.answer)||void 0===t?void 0:t.length)&&this.renderSummary():[this.showInstructionView&&this.renderInstructions(),!this.showInstructionView&&this.renderGame()]))}get host(){return o(this)}static get watchers(){return{isVisible:["onIsVisibleChanged"],required:["onRequireChanged"],values:["onValuesChanged"],images:["onImagesChanged"],categories:["onCategoriesChanged"]}}};j.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}.app-color{color:var(--app-color);fill:var(--app-color)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block;height:100%}:host .outer-container{height:100%}:host .outer-container yoo-banner{height:0}:host .outer-container .game-container,:host .outer-container .instructions-container{-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}:host .outer-container .instructions-container .top-description{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background:var(--dark-to-light, #000000)}:host .outer-container .instructions-container .top-description h1{margin:0;color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .categories{display:inline-grid;grid-template-columns:1fr 0.5fr 1fr;width:100%;margin:var(--spacing-24, 1.5rem) 0;text-align:center}:host .outer-container .instructions-container .categories yoo-icon{margin:0 auto}:host .outer-container .instructions-container .categories .category{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:0;color:var(--stable, #adadad)}:host .outer-container .instructions-container .categories .category p{max-width:75%;margin:auto;padding:var(--spacing-16, 1rem) 0}:host .outer-container .instructions-container .categories .category yoo-tag{margin:0 auto}:host .outer-container .instructions-container yoo-button{padding:var(--spacing-16, 1rem)}:host .outer-container .instructions-container .document{background-color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .document .document-title{padding:0 var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .instructions-container .document yoo-form-document{--outer-container-padding:cssvar(spacing-16) cssvar(spacing-16);width:calc(100% - cssvar(spacing-16))}:host .outer-container .game-container{position:relative;height:100%}:host .outer-container .game-container .swipecards-container{height:100%;overflow:hidden}:host .outer-container .game-container .swipecards-container [direction].card-container{z-index:5;-webkit-transition:-webkit-transform 0.35s !important;transition:-webkit-transform 0.35s !important;transition:transform 0.35s !important;transition:transform 0.35s, -webkit-transform 0.35s !important;-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current .content-category{color:var(--light, #ffffff);opacity:1 !important;-webkit-transition:opacity 0.35s linear;transition:opacity 0.35s linear}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-image,:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container+.card-container{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}:host .outer-container .game-container .swipecards-container [direction=left].background,:host .outer-container .game-container .swipecards-container [direction=left].current>.content-category{background-color:var(--danger-light, #f46885) !important}:host .outer-container .game-container .swipecards-container [direction=left].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important}:host .outer-container .game-container .swipecards-container [direction=right].background,:host .outer-container .game-container .swipecards-container [direction=right].current>.content-category{background-color:var(--light-orange, #fcae49) !important}:host .outer-container .game-container .swipecards-container [direction=right].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important}:host .outer-container .game-container .swipecards-container .background{position:relative;width:100%;background-color:var(--dark-to-light, #000000);-webkit-transition:background-color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out}:host .outer-container .game-container .swipecards-container .background:after{display:block;height:0;padding-top:85%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;width:65%;max-width:25rem;height:100%;margin-top:var(--spacing-16, 1rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:16rem;height:100%;max-height:21.3333333333rem;margin:0 auto;overflow:hidden;color:var(--dark, #000000);font-size:var(--font-size-28, 1.75rem);text-align:center;background-color:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;will-change:transform}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:not([direction]){-webkit-transform:translate(0, -5%) scale(0.85);transform:translate(0, -5%) scale(0.85);opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current{z-index:3}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current:not(.revealing){-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1;-webkit-transition-delay:175ms;transition-delay:175ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current.revealing{-webkit-animation:"current" 0.25s ease-in-out;animation:"current" 0.25s ease-in-out;-webkit-animation-delay:150ms;animation-delay:150ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}@keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second{z-index:2}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second:not(.revealing){-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1;-webkit-transition-delay:350ms;transition-delay:350ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second.revealing{-webkit-animation:"second" 0.25s ease-in-out;animation:"second" 0.25s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}@keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third{z-index:1}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third:not(.revealing){-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7;-webkit-transition-delay:525ms;transition-delay:525ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third.revealing{-webkit-animation:"third" 0.25s ease-in-out;animation:"third" 0.25s ease-in-out;-webkit-animation-delay:450ms;animation-delay:450ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}@keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:after{display:block;height:0;padding-top:133%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped]{-webkit-animation:fade-out 1s ease-out;animation:fade-out 1s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=left]{-webkit-transform:translate(-100%, 15%) rotate(-15deg);transform:translate(-100%, 15%) rotate(-15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=right]{-webkit-transform:translate(100%, 15%) rotate(15deg);transform:translate(100%, 15%) rotate(15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{position:absolute;width:100%;height:100%;opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image{-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=image] yoo-img{height:100%}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image{top:0;bottom:3.5rem}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image yoo-img{height:calc(100% - 3.5rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-category{bottom:0;height:3.5rem}:host .outer-container .game-container .swipecards-container .swipe-buttons{position:absolute;left:50%;z-index:1;display:inline-grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:85%;line-height:2.5;-webkit-transform:translate(-50%, 80%);transform:translate(-50%, 80%)}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action yoo-button{-webkit-transition:-webkit-transform 0.8s linear;transition:-webkit-transform 0.8s linear;transition:transform 0.8s linear;transition:transform 0.8s linear, -webkit-transform 0.8s linear}:host([readonly]){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host([readonly]) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([readonly]) .outer-container .category-title{margin-bottom:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:repeat(auto-fill, 6rem);margin:0;padding-left:0;list-style:none}:host([readonly]) .outer-container ul+.category-title{margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container ul li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:8rem;overflow:hidden;border-style:solid;border-width:var(--border-width-01, 0.0625rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container ul li.invalid{border-color:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.invalid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--danger-20, rgba(212, 67, 51, 0.2));content:""}:host([readonly]) .outer-container ul li.invalid yoo-truncate{background:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.valid{border-color:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li.valid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--success-20, rgba(58, 167, 109, 0.2));content:""}:host([readonly]) .outer-container ul li.valid yoo-truncate{background:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li yoo-img{position:relative;-ms-flex-positive:1;flex-grow:1}:host([readonly]) .outer-container ul li yoo-truncate{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host([readonly]) .outer-container ul li yoo-truncate:only-child{--max-lines:4;height:100%;padding:0 var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul li yoo-truncate:not(:only-child){--max-lines:1;height:2.125rem;padding:0 var(--spacing-04, 0.25rem)}:host(.web:not(.live-preview)) .instructions-container .top-description{background:unset}:host(.web:not(.live-preview)) .instructions-container yoo-button{position:absolute;right:0;bottom:0;z-index:1}:host(.web:not(.live-preview)) .instructions-container::after{position:absolute;bottom:0px;display:block;width:100%;height:4rem;background-color:var(--light-to-dark, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);content:""}:host(.web:not(.live-preview)) .game-container .top-description{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.live-preview)) .game-container .background{max-height:21rem}:host(.web:not(.live-preview)) .game-container .background .stacked-cards-container{top:20%;margin-top:unset;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons{-ms-flex-align:start;align-items:start;max-width:unset;height:10rem;margin-top:1rem;margin-top:var(--spacing-08, 0.5rem);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons .swipe-action:nth-child(2){-ms-flex-item-align:end;align-self:end}:host(.web:not(.live-preview)) .top-description{text-align:center}:host(.web:not(.live-preview)) .top-description h1{margin:var(--spacing-08, 0.5rem) 0;color:var(--dark-to-light, #000000)}';export{j as yoo_form_swipe_cards}
+import{r as t,c as e,h as a,H as r,g as o}from"./p-c26cc6ff.js";import{y as i,U as n,W as c,Y as s,b as p,t as l,_ as d,X as h,T as b}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as m}from"./p-fe5e39f8.js";import"./p-b5241164.js";import{f}from"./p-33b2d3a2.js";import{c as g,a as y}from"./p-77bfd3e2.js";import{b as u}from"./p-432e8458.js";import{s as v}from"./p-2fbb14cc.js";import{i as x}from"./p-6b61583e.js";import{c as w}from"./p-d05412cf.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";import"./p-4b1fdfbb.js";import"./p-01267bd9.js";import"./p-49399b44.js";import"./p-affcd66d.js";import"./p-cfca4271.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";var k,z;!function(t){t.left="left",t.right="right",t.undo="undo"}(k||(k={})),function(t){t.image="image",t.textimage="textimage",t.text="text"}(z||(z={}));const j=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.blockMoves=e(this,"blockMoves",7),this.validators=[],this.mode=z.text,this.showInstructionView=!0,this.animated=!0,this.shuffled=!0,this.values=[],this.swipeCards=[],this.animationDelay=this.animated?.25:0,this.cardsElements=[],this.swipeButtons=[]}onIsVisibleChanged(){setTimeout((()=>this.displayFooterElement(!this.showInstructionView)),150)}get hasImage(){return this.isMode(z.image)||this.isMode(z.textimage)}get hasText(){return this.isMode(z.text)||this.isMode(z.textimage)}get hasTwoCategories(){var t,e;return!(!(null===(t=this.categories)||void 0===t?void 0:t.length)||2!==(null===(e=this.categories)||void 0===e?void 0:e.filter((t=>t)).length))}get buttons(){const t=t=>{var e,a;return null===(a=null===(e=this.swipeButtons)||void 0===e?void 0:e.filter((e=>(null==e?void 0:e.id)===`swipe-${t}`)))||void 0===a?void 0:a[0]};return{left:t(k.left),undo:t(k.undo),right:t(k.right)}}get currentCard(){return this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a+1:t),0)]}get currentCardElement(){var t;return this.getCardElement(null===(t=this.currentCard)||void 0===t?void 0:t.id)}get formHeight(){var t;return null===(t=i(this.host,"form"))||void 0===t?void 0:t.clientHeight}onRequireChanged(){this.validate()}onValuesChanged(){this.isMode(z.image)||this.spyOnValuesChanged(this.values)}onImagesChanged(){this.isMode(z.text)||this.spyOnValuesChanged(this.images)}onCategoriesChanged(){if(!this.hasDuplicatesValues){const t=this.livePreview&&!this.hasTwoCategories;g(this.outerContainerElement,t,"NOTFULFILLEDCATEGORIES"),t&&(this.showInstructionView=!0)}}componentWillLoad(){this.shuffleCardValues(),this.revealCards=!this.showInstructionView,this.swipeCards=this.initCards()}componentDidLoad(){this.outerContainerElement&&(this.displayFooterElement(!1),this.showInstructionView||this.initDraggable())}componentWillUpdate(){this.hasDataChanged&&(this.cardValues=[],this.shuffleCardValues(),this.revealCards=!0,this.swipeCards=this.initCards())}componentDidUpdate(){this.revealCards&&(this.hasDataChanged=!1,this.revealCards=!1,this.initDraggable()),setTimeout((()=>this.lockSwipeButtons(!1)),750)}validate(){var t;const e=null===(t=this.swipeCards.filter((t=>t.swipedDirection)))||void 0===t?void 0:t.length;return this.validity=e===(this.hasImage?this.images.length:this.values.length),this.validityChanged.emit(this.validity),this.validity}hasEmptyValue(t){return!(null==t?void 0:t.length)||!!(null==t?void 0:t.filter((t=>!t)).length)}shuffleCardValues(){const t=this.hasImage?this.images.filter((t=>this.isMode(z.textimage)?null==t?void 0:t._filename:t)):this.values.filter((t=>t));this.cardValues=this.shuffled?v(t):t}getCardElement(t){var e;return null===(e=this.cardsElements)||void 0===e?void 0:e.find((e=>(null==e?void 0:e.id)===t))}spyOnValuesChanged(t){if(this.hasTwoCategories){const e=this.hasEmptyValue(t);this.hasDuplicatesValues=1===y(this.values);const a=this.livePreview&&(e||this.hasDuplicatesValues),r=this.isMode(z.textimage)&&e?"NOEMPTYVALUES":this.hasDuplicatesValues?"NODUPLICATEVALUES":"";g(this.outerContainerElement,a,r),this.hasDataChanged=!a,a&&(this.showInstructionView=!0)}}getUserAnswer(){const t=t=>{var e,a;return this.isMode(z.image)?d(null===(a=null===(e=this.answer)||void 0===e?void 0:e[0])||void 0===a?void 0:a[0])?t._downloadURL:t._downloadURL.split("/").pop():this.isMode(z.textimage)?t._filename:t},e=e=>this.swipeCards.filter((t=>t.swipedDirection===e)).map((e=>t(e.value)));u([e(k.left),e(k.right)],this)}displayFooterElement(t=!0){const e=i(this.host,"yoo-ion-slide");if(e){const a=e.querySelector("yoo-form-footer");a&&!this.livePreview&&(a.style.display=t?"block":"none")}}initDraggable(){this.cardsElements.filter((t=>!n.get(t))).forEach((t=>this.getDraggableInstance(t))),this.cardsElements.forEach((t=>null==t?void 0:t.classList.remove("revealing")))}initCards(){var t;return(null===(t=this.cardValues)||void 0===t?void 0:t.map((t=>({id:m(),value:t}))))||[]}lockSwipeButtons(t=!0){this.swipeButtons.forEach((e=>e.disabled=t))}swipeCard(t){this.currentCard&&(this.lockSwipeButtons(),this.buttons[t].style.removeProperty("transform"),this.backgroundElement.removeAttribute("direction"),this.currentCardElement.setAttribute("swiped",t),this.currentCard.swipedDirection=t,this.getUserAnswer())}getSwipedState(t){const e=[.35,.65];return{swipedDirection:t<e[0]?k.left:t>e[1]?k.right:null,isCardThrowable:!x(t,e[0],e[1])}}setSwipingColor(t){if(this.currentCardElement){const e=this.currentCardElement.querySelector(".content-category"),a=[k.left,k.right].includes(t);e.textContent=this.getSwipedCategoryValue(t),[this.backgroundElement,this.currentCardElement].forEach((e=>{a?e.setAttribute("direction",t):e.removeAttribute("direction")}))}}getDraggableInstance(t){return c().then((e=>{if(!e||!t)return;this.revealCards=!1;const a=this.host.clientWidth/2,r=e(),o=e({paused:!0}),i=t=>t.classList.contains("current");o.fromTo(this.buttons.left,1,{scale:1.5},{scale:1},0).fromTo(this.buttons.right,1,{scale:1},{scale:1.5},1).progress(.5);const c=t=>{i(t)&&(this.blockMoves.emit(!0),null==r||r.kill())},s=(t,e)=>{if(i(e)){const e=w((t+a)/(2*a),0,1);o.progress(e),this.setSwipingColor(this.getSwipedState(e).swipedDirection)}},p=e=>{if(i(e)){const e=this.getSwipedState(o.progress());e.isCardThrowable?this.swipeCard(e.swipedDirection):r.to(t,this.animationDelay,{left:0,top:0}).to([this.buttons.left,this.buttons.right],{scale:1,ease:h.easeInOut},0)}else b(t,this.animationDelay,{left:0,top:0})};return new n(t,{bound:this.outerContainerElement,type:"left, top",cursor:"grab",zIndexBoost:!1,onDragStart(){c(this.target)},onDrag(){s(this.x,this.target)},onDragEnd(){p(this.target)}})}))}clickToSwipe(t){this.buttons[t].disabled||(this.setSwipingColor(t),setTimeout((()=>this.swipeCard(t)),400))}async undoSwipe(){const t=this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a:t),0)];if(!this.buttons.undo.disabled&&(null==t?void 0:t.swipedDirection)){this.lockSwipeButtons();const e=this.getCardElement(null==t?void 0:t.id);e&&(e.style.removeProperty("top"),e.style.removeProperty("left"),e.removeAttribute("swiped"),null==t||delete t.swipedDirection,setTimeout((()=>{this.getUserAnswer()}),225))}}isMode(t){return this.mode===t}getSwipedCategoryValue(t){var e;return(null===(e=this.categories)||void 0===e?void 0:e.length)&&s(t===k.left?this.categories[0]:t===k.right?this.categories[1]:"")}renderCards(){return a("div",{class:"stacked-cards-container"},this.swipeCards.map(((t,e,r)=>{var o;const i=r.indexOf(this.currentCard)||0,n=-1!==i;return a("div",Object.assign({class:{"card-container":!0,current:e===i,second:n&&e===i+1,third:n&&e===i+2,revealing:this.revealCards},id:t.id,ref:t=>this.cardsElements[e]=t},Object.assign({type:this.mode},t.swipedDirection&&{direction:t.swipedDirection})),this.hasImage&&a("div",{class:"content-image"},a("yoo-img",{instant:!0,src:t.value._downloadURL})),this.hasText&&a("div",{class:"content-text"},s((null===(o=t.value)||void 0===o?void 0:o._filename)||t.value)),a("div",{class:"content-category"}))})))}renderInstructionCategory(t){const e=t===k.left,r=e?"danger-light":"light-orange",o=p(this.host)?r:"light-to-dark",i=p(this.host)?"large":"medium",n=this.categories&&s(e?this.categories[0]:this.categories[1]);return a("div",{class:`category ${t}`},a("yoo-tag",{noBackground:p(this.host),color:r,size:"large",icon:`big-arrow-${t}`,iconOnlyColor:o,iconOnlySize:i}),a("p",{class:`${r}`},n),a("span",{class:"stable"},l(`SWIPE${t.toUpperCase()}`)))}renderTopDescription(){return a("div",{class:"top-description"},a("h1",null,s(this.label)),a("span",{class:"stable"},l(this.description||"CARDSWIPEDEFAULTINSTRUCTIONS")))}renderInstructions(){const t=(this.isMode(z.textimage)?!this.hasEmptyValue(this.images)&&!this.hasEmptyValue(this.values):!this.hasEmptyValue(this.images)||!this.hasEmptyValue(this.values))&&this.hasTwoCategories&&!this.hasDuplicatesValues;return a("div",{class:"instructions-container"},this.renderTopDescription(),a("div",{class:"categories"},this.renderInstructionCategory(k.left),a("yoo-icon",{size:"extra-extra-large",name:"swipe-explanation",color:"stable-alt"}),this.renderInstructionCategory(k.right)),this.instructionsDocument&&a("div",{class:"document"},a("div",{class:"document-title"},l("ATTACHMENTS")),a("yoo-form-document",{document:this.instructionsDocument,readonly:!0,onInputChanged:t=>t.stopPropagation()})),a("yoo-button",{disabled:!t,size:p(this.host)&&!this.livePreview?"medium":"large",color:"app-color",onClick:()=>{this.revealCards=!0,this.showInstructionView=!1,this.displayFooterElement()}},l("START")))}renderSwipeButtons(){return a("div",{class:"swipe-buttons"},[k.left,k.undo,k.right].map(((t,e)=>this.renderSwipeAction(t,e))))}renderSwipeAction(t,e){var r;const o=t===k.undo,i=t===k.left,n=!p(this.host)||this.livePreview,c=o?p(this.host)?"light":"stable-alt-to-text-color":i?"danger-light":"light-orange",l=o?"undo":`big-arrow-${t}`,d=i?0:1;return a("div",{class:"swipe-action"},a("yoo-button",{shape:"circular",rippleType:"unbounded",id:`swipe-${t}`,size:o&&!n?"medium":"large",fill:n||o?"solid":"transparent",color:o?n?"stable-light":"text-color":c.concat("-20"),ref:t=>this.swipeButtons[e]=t,onClick:()=>o?this.undoSwipe():this.clickToSwipe(t)},a("yoo-icon",{name:l,color:c,size:n?"medium":o?"small":"large"})),!o&&(null===(r=this.categories)||void 0===r?void 0:r.length)&&a("span",{class:c},s(this.categories[d])))}renderGame(){return a("div",{class:"game-container"},p(this.host)&&!this.livePreview&&this.renderTopDescription(),a("div",{class:"swipecards-container"},a("div",{class:"background",ref:t=>this.backgroundElement=t},this.renderCards()),this.renderSwipeButtons()))}renderSummary(){const t=t=>{var e,a;return(null===(e=this.value)||void 0===e?void 0:e.length)&&(null===(a=this.answer)||void 0===a?void 0:a.length)?s(t):""},e=t=>{var e;return(null===(e=this.images.find((e=>e[this.isMode(z.image)?"_downloadURL":"_filename"].includes(t))))||void 0===e?void 0:e._downloadURL)||""},r=(t,e)=>this.answer[t].find((t=>e.includes(t)))?"valid":"invalid";return this.categories.map(((o,i)=>[a("div",{class:"category-title"},t(o)),a("ul",null,Array.from(new Set(this.value[i])).map((t=>{var o;return a("li",{class:r(i,t)},!!(null===(o=this.images)||void 0===o?void 0:o.length)&&a("yoo-img",{src:e(t)}),!this.isMode(z.image)&&a("yoo-truncate",null,s(t)))})))]))}renderAlertDuplicates(){return this.livePreview&&a("yoo-banner",{class:"danger"})}render(){var t;return a(r,Object.assign({},this.formHeight&&{style:{height:`${this.formHeight}px`}},{class:Object.assign(Object.assign({},f(this.host)),{"live-preview":this.livePreview,"swiper-no-swiping":!this.readonly})}),a("div",{class:"outer-container",ref:t=>this.outerContainerElement=t},this.renderAlertDuplicates(),this.readonly?(null===(t=this.answer)||void 0===t?void 0:t.length)&&this.renderSummary():[this.showInstructionView&&this.renderInstructions(),!this.showInstructionView&&this.renderGame()]))}get host(){return o(this)}static get watchers(){return{isVisible:["onIsVisibleChanged"],required:["onRequireChanged"],values:["onValuesChanged"],images:["onImagesChanged"],categories:["onCategoriesChanged"]}}};j.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}.app-color{color:var(--app-color);fill:var(--app-color)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block;height:100%}:host .outer-container{height:100%}:host .outer-container yoo-banner{height:0}:host .outer-container .game-container,:host .outer-container .instructions-container{-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}:host .outer-container .instructions-container .top-description{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background:var(--dark-to-light, #000000)}:host .outer-container .instructions-container .top-description h1{margin:0;color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .categories{display:inline-grid;grid-template-columns:1fr 0.5fr 1fr;width:100%;margin:var(--spacing-24, 1.5rem) 0;text-align:center}:host .outer-container .instructions-container .categories yoo-icon{margin:0 auto}:host .outer-container .instructions-container .categories .category{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:0;color:var(--stable, #adadad)}:host .outer-container .instructions-container .categories .category p{max-width:75%;margin:auto;padding:var(--spacing-16, 1rem) 0}:host .outer-container .instructions-container .categories .category yoo-tag{margin:0 auto}:host .outer-container .instructions-container yoo-button{padding:var(--spacing-16, 1rem)}:host .outer-container .instructions-container .document{background-color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .document .document-title{padding:0 var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .instructions-container .document yoo-form-document{--outer-container-padding:cssvar(spacing-16) cssvar(spacing-16);width:calc(100% - cssvar(spacing-16))}:host .outer-container .game-container{position:relative;height:100%}:host .outer-container .game-container .swipecards-container{height:100%;overflow:hidden}:host .outer-container .game-container .swipecards-container [direction].card-container{z-index:5;-webkit-transition:-webkit-transform 0.35s !important;transition:-webkit-transform 0.35s !important;transition:transform 0.35s !important;transition:transform 0.35s, -webkit-transform 0.35s !important;-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current .content-category{color:var(--light, #ffffff);opacity:1 !important;-webkit-transition:opacity 0.35s linear;transition:opacity 0.35s linear}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-image,:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container+.card-container{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}:host .outer-container .game-container .swipecards-container [direction=left].background,:host .outer-container .game-container .swipecards-container [direction=left].current>.content-category{background-color:var(--danger-light, #f46885) !important}:host .outer-container .game-container .swipecards-container [direction=left].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important}:host .outer-container .game-container .swipecards-container [direction=right].background,:host .outer-container .game-container .swipecards-container [direction=right].current>.content-category{background-color:var(--light-orange, #fcae49) !important}:host .outer-container .game-container .swipecards-container [direction=right].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important}:host .outer-container .game-container .swipecards-container .background{position:relative;width:100%;background-color:var(--dark-to-light, #000000);-webkit-transition:background-color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out}:host .outer-container .game-container .swipecards-container .background:after{display:block;height:0;padding-top:85%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;width:65%;max-width:25rem;height:100%;margin-top:var(--spacing-16, 1rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:16rem;height:100%;max-height:21.3333333333rem;margin:0 auto;overflow:hidden;color:var(--dark, #000000);font-size:var(--font-size-28, 1.75rem);text-align:center;background-color:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;will-change:transform}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:not([direction]){-webkit-transform:translate(0, -5%) scale(0.85);transform:translate(0, -5%) scale(0.85);opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current{z-index:3}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current:not(.revealing){-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1;-webkit-transition-delay:175ms;transition-delay:175ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current.revealing{-webkit-animation:"current" 0.25s ease-in-out;animation:"current" 0.25s ease-in-out;-webkit-animation-delay:150ms;animation-delay:150ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}@keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second{z-index:2}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second:not(.revealing){-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1;-webkit-transition-delay:350ms;transition-delay:350ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second.revealing{-webkit-animation:"second" 0.25s ease-in-out;animation:"second" 0.25s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}@keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third{z-index:1}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third:not(.revealing){-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7;-webkit-transition-delay:525ms;transition-delay:525ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third.revealing{-webkit-animation:"third" 0.25s ease-in-out;animation:"third" 0.25s ease-in-out;-webkit-animation-delay:450ms;animation-delay:450ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}@keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:after{display:block;height:0;padding-top:133%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped]{-webkit-animation:fade-out 1s ease-out;animation:fade-out 1s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=left]{-webkit-transform:translate(-100%, 15%) rotate(-15deg);transform:translate(-100%, 15%) rotate(-15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=right]{-webkit-transform:translate(100%, 15%) rotate(15deg);transform:translate(100%, 15%) rotate(15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{position:absolute;width:100%;height:100%;opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image{-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=image] yoo-img{height:100%}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image{top:0;bottom:3.5rem}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image yoo-img{height:calc(100% - 3.5rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-category{bottom:0;height:3.5rem}:host .outer-container .game-container .swipecards-container .swipe-buttons{position:absolute;left:50%;z-index:1;display:inline-grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:85%;line-height:2.5;-webkit-transform:translate(-50%, 80%);transform:translate(-50%, 80%)}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action yoo-button{-webkit-transition:-webkit-transform 0.8s linear;transition:-webkit-transform 0.8s linear;transition:transform 0.8s linear;transition:transform 0.8s linear, -webkit-transform 0.8s linear}:host([readonly]){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host([readonly]) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([readonly]) .outer-container .category-title{margin-bottom:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:repeat(auto-fill, 6rem);margin:0;padding-left:0;list-style:none}:host([readonly]) .outer-container ul+.category-title{margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container ul li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:8rem;overflow:hidden;border-style:solid;border-width:var(--border-width-01, 0.0625rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container ul li.invalid{border-color:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.invalid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--danger-20, rgba(212, 67, 51, 0.2));content:""}:host([readonly]) .outer-container ul li.invalid yoo-truncate{background:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.valid{border-color:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li.valid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--success-20, rgba(58, 167, 109, 0.2));content:""}:host([readonly]) .outer-container ul li.valid yoo-truncate{background:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li yoo-img{position:relative;-ms-flex-positive:1;flex-grow:1}:host([readonly]) .outer-container ul li yoo-truncate{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host([readonly]) .outer-container ul li yoo-truncate:only-child{--max-lines:4;height:100%;padding:0 var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul li yoo-truncate:not(:only-child){--max-lines:1;height:2.125rem;padding:0 var(--spacing-04, 0.25rem)}:host(.web:not(.live-preview)) .instructions-container .top-description{background:unset}:host(.web:not(.live-preview)) .instructions-container yoo-button{position:absolute;right:0;bottom:0;z-index:1}:host(.web:not(.live-preview)) .instructions-container::after{position:absolute;bottom:0px;display:block;width:100%;height:4rem;background-color:var(--light-to-dark, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);content:""}:host(.web:not(.live-preview)) .game-container .top-description{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.live-preview)) .game-container .background{max-height:21rem}:host(.web:not(.live-preview)) .game-container .background .stacked-cards-container{top:20%;margin-top:unset;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons{-ms-flex-align:start;align-items:start;max-width:unset;height:10rem;margin-top:1rem;margin-top:var(--spacing-08, 0.5rem);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons .swipe-action:nth-child(2){-ms-flex-item-align:end;align-self:end}:host(.web:not(.live-preview)) .top-description{text-align:center}:host(.web:not(.live-preview)) .top-description h1{margin:var(--spacing-08, 0.5rem) 0;color:var(--dark-to-light, #000000)}';export{j as yoo_form_swipe_cards}

package/dist/design-system/{p-4ae66a1f.entry.js → p-7b197acc.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,c as r,h as o,g as t}from"./p-c26cc6ff.js";import{c as a,d as i,K as n,bd as l,j as d,bV as s,a1 as c,_ as f,t as p,s as m,b as u,bo as h,bX as g,bY as b,V as v}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as k,y as x}from"./p-e37ba040.js";import{r as y}from"./p-9430559f.js";import{c as w,a as C}from"./p-8c8163b6.js";import"./p-b5241164.js";import{z as L}from"./p-33b2d3a2.js";import{s as z}from"./p-4ea7e509.js";import{b as A}from"./p-432e8458.js";import{d as T,b as S,i as E,s as F,c as I,a as R}from"./p-19a574ce.js";import{f as M,v as D,a as B}from"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-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";import"./p-967f6f1d.js";import"./p-6b61583e.js";var H=a((function(e){
+import{r as e,c as r,h as o,g as t}from"./p-c26cc6ff.js";import{c as a,d as i,K as n,bd as l,j as d,bV as s,a1 as c,_ as f,t as p,s as m,b as u,bo as h,bX as g,bY as b,V as v}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as k,y as x}from"./p-fe5e39f8.js";import{r as y}from"./p-9430559f.js";import{c as w,a as C}from"./p-8c8163b6.js";import"./p-b5241164.js";import{z as L}from"./p-33b2d3a2.js";import{s as z}from"./p-bc760bd4.js";import{b as A}from"./p-432e8458.js";import{d as T,b as S,i as E,s as F,c as I,a as R}from"./p-19a574ce.js";import{f as M,v as D,a as B}from"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-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";import"./p-967f6f1d.js";import"./p-6b61583e.js";var H=a((function(e){
 /*!
  * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/

package/dist/design-system/{p-e9993e20.js → p-82735da2.js}

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

package/dist/design-system/{p-28b6f2af.entry.js → p-8c1abaf7.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as o,h as a,H as i,g as r}from"./p-c26cc6ff.js";import{b as l,t as p,Y as n}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as s}from"./p-e37ba040.js";import"./p-b5241164.js";import{f as d}from"./p-33b2d3a2.js";import{s as c,b as h}from"./p-432e8458.js";import{S as b}from"./p-12797a88.js";import{i as m}from"./p-cfdeea96.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";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";const f=class{constructor(o){t(this,o),this.validityChanged=e(this,"validityChanged",7),this.inputBlurred=e(this,"inputBlurred",7),this.inputFocused=e(this,"inputFocused",7),this.inputChanged=e(this,"inputChanged",7),this.fetchData=e(this,"fetchData",7),this.fetchFieldFilterData=e(this,"fetchFieldFilterData",7),this.fetchCustomData=e(this,"fetchCustomData",7),this.auditClicked=e(this,"auditClicked",7),this.reverseValueDimensions=!1,this.allowAudit=!1,this.isSimpleArray=!1,this.allowDragAndDrop=!1,this.columns=[],this.isObjectValues=!1,this.focusTo=null,this.deletedRowIndex=null,this.keepDefaultEnterKeyFor=["yoo-form-text-area"],this.dragAndDropPendingEvent=null,this.dragAndDropPendingEventTimeout=null,this.sortables=[]}async reset(t){this.cells=this.getCells(),(null==t?void 0:t.length)&&this.cells.forEach(((e,o)=>e.forEach(((e,a)=>e.key=t[o][a]))))}async updateValues(t,e,o,a){var i;const r=this.cells[e][o];(null===(i=null==r?void 0:r.el)||void 0===i?void 0:i.updateValues)&&r.el.updateValues(t,null,a)}async updateCustomData(t,e,o){var a;const i=this.cells[e][o];(null===(a=null==i?void 0:i.el)||void 0===a?void 0:a.setFields)&&i.el.setFields(null==t?void 0:t.fields)}onColumnsChanged(t,e){const o=this.canDragAndDrop&&m(t,e)?this.cells.map((t=>t.map((t=>t.key)))):null;this.reset(o)}componentWillLoad(){this.isSimpleArray?(this.value=this.value?[this.value]:[[]],this.reverseValueDimensions=!0):Array.isArray(this.value)||(this.value=[[]]),this.dragAndDropGroupId=s(),this.reset(),this.resolveValueType(),c(this)}componentDidUpdate(){if(this.focusTo){const t=this.getSpecificCellYooFormInput(this.focusTo.rowIndex,this.focusTo.colIndex);t&&t.setFocus()}this.focusTo=null}componentWillRender(){this.destroyDragAndDrop(),void 0!==this.tempMinRows&&this.cells.length<this.tempMinRows&&(this.cells=this.tempCells)}componentDidRender(){this.resetDragAndDrop(),this.deletedRowIndex=null}disconnectedCallback(){this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout),this.destroyDragAndDrop()}validate(){var t;let e=!0;this.required&&!(null===(t=this.value)||void 0===t?void 0:t.length)&&(e=!1);const o=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;return null==o||o.forEach(((t,o)=>{(null==t?void 0:t.forEach)&&(null==t||t.forEach(((t,a)=>{var i;const r=this.columns[a];if(null==r?void 0:r.required){const r=null===(i=(this.reverseValueDimensions?this.value:this.arrayTransposing(this.value))[a])||void 0===i?void 0:i.slice(o),l=o>0&&!this.isLinkedList()&&(null==r?void 0:r.every((t=>!(null==t?void 0:t.text)&&!(null==t?void 0:t.selection)&&!(null==t?void 0:t.file))));e=e&&(l||!!(this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t))}})))})),this.validity&&this.validity===e||(this.validityChanged.emit(e),this.validity=e),this.validity}onFetchEvent(t,e,o,a){null==t||t.stopPropagation(),(null==t?void 0:t.detail)&&(t.detail.rowIndex=e,t.detail.colIndex=o,a&&a.emit(t.detail))}get canDragAndDrop(){return this.allowDragAndDrop&&1===this.columns.length}resetDragAndDrop(){if(this.canDragAndDrop&&!this.sortables.length){const t=".drag-drop-btn",e="vertical",o=this.readonly,a=150,i={name:this.dragAndDropGroupId,pull:[this.dragAndDropGroupId],put:[this.dragAndDropGroupId]};this.isLinkedList()||this.sortables.push(b.create(this.sortableParentElement,{handle:t,disabled:o,animation:a,group:i,direction:e,onStart:t=>{null==t||t.stopPropagation(),this.host.classList.add("dragging")},onChange:t=>{null==t||t.stopPropagation(),this.dragAndDropPendingEvent=t,this.onPendingDragAndDrop(2e3)},onEnd:t=>{null==t||t.stopPropagation(),this.onDragAndDropEnd(t)}}))}}onPendingDragAndDrop(t){clearTimeout(this.dragAndDropPendingEventTimeout),this.dragAndDropPendingEventTimeout=setTimeout((()=>{this.dragAndDropPendingEvent&&this.onDragAndDropEnd(this.dragAndDropPendingEvent)}),t)}onDragAndDropEnd(t){var e,o,a,i;this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout);const r=t.oldIndex,l=t.newIndex;let p=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;const n=p[r];p.splice(r,1),p.splice(l,0,n),p=this.reverseValueDimensions?this.arrayTransposing(p):p,this.setValueAndEmitChanges(p);const s=this.cells.map((t=>t.map((t=>t.key)))),d=s[r];s.splice(r,1),s.splice(l,0,d),this.reset(s),this.host.classList.remove("dragging");const c=null===(e=this.sortableParentElement)||void 0===e?void 0:e.querySelector(".sortable-chosen");null===(o=null==c?void 0:c.classList)||void 0===o||o.remove("sortable-chosen");const h=null===(a=this.sortableParentElement)||void 0===a?void 0:a.querySelector(".sortable-ghost");null===(i=null==h?void 0:h.classList)||void 0===i||i.remove("sortable-ghost")}destroyDragAndDrop(){this.sortables.forEach((t=>{if(null==t?void 0:t.destroy)try{t.destroy()}catch(t){}})),this.sortables=[]}getSpecificCellYooFormInput(t,e){if(t>=0&&e>=0){const o=this.host.shadowRoot.querySelectorAll(".row");if(o&&o[t]){const a=o[t].querySelectorAll(".column");if(a&&a[e])return a[e].querySelector("yoo-form-input")}}}isComplexeColumn(t){return!!t&&(Object.prototype.hasOwnProperty.call(t,"text")||Object.prototype.hasOwnProperty.call(t,"selection")||Object.prototype.hasOwnProperty.call(t,"file"))}resolveValueType(){var t,e;(null===(e=null===(t=this.value)||void 0===t?void 0:t[0])||void 0===e?void 0:e.length)&&(this.isObjectValues=this.value.reduce(((t,e)=>{var o;return(null===(o=e.reduce)||void 0===o?void 0:o.call(e,((e,o)=>t||e||this.isComplexeColumn(o)),!1))||t}),!1))}arrayTransposing(t){const e=(t=(t||[[]]).map((t=>Array.isArray(t)?t:[t]))).reduce(((t,e)=>Math.max(e?e.length:0,t)),0)||1;return[...Array(e)].map(((e,o)=>t.map((t=>t[o]))))}getCells(){const t=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value,e=Math.max(t.length,...this.columns.map((t=>t.rows||1))),o=this.columns.length,a=[[]];for(let i=0;i<e;i++)for(let r=0;r<o;r++){const o=this.columns[r];let l;a[i]||(a[i]=[]),t[i]&&void 0!==t[i][r]?l=t[i][r]:0===i&&(l=""),void 0===(null==l?void 0:l.text)&&void 0===(null==l?void 0:l.selection)&&void 0===(null==l?void 0:l.file)&&(l={text:l});const p=t.filter((t=>void 0!==t[r])).length,n=Math.max(p,o.rows||1)===i+1,d=!o.maxRows||i+1<o.maxRows;let c;a[i][r]={value:l,column:o,colIndex:r,rowIndex:i,showButton:!o.hideButton&&n&&d,showDeleteButton:!o.hideDeleteButton,key:s()},o.rows||e!==i+1||(c=void 0!==l.text||void 0!==l.selection||void 0!==l.file?i:i-1>=0?i-1:0,a[c][r].showButton=!o.hideButton)}return a}onKeyEnterAddCell(t,e){if("Enter"===t.key&&e){if(this.keepDefaultEnterKeyFor.includes(e.column.inputComponentTag))return;const t=e.rowIndex+1,o=this.cells[t]?this.getSpecificCellYooFormInput(t,e.colIndex):null;o?o.setFocus():this.onAddButtonClicked(e)}}onAuditButtonClicked(){this.value[0]&&this.value[0].length>0&&this.auditClicked.emit()}onAddButtonClicked(t){const e=t.rowIndex+1,a=this.isLinkedList()?Math.max(...this.columns.map((t=>t.maxRows||0))):t.column.maxRows;a&&e+1>a||(this.isLinkedList()?this.cells.forEach((t=>t.forEach((t=>t.showButton=!1)))):this.cells.forEach((e=>e[t.colIndex].showButton=!1)),this.cells[e]||(this.cells[e]=new Array(this.columns.length).fill(null).map(((t,o)=>({value:{text:void 0},rowIndex:e,colIndex:o,column:this.columns[o],showDeleteButton:!this.columns[o].hideDeleteButton,key:s()})))),this.isLinkedList()?this.cells[e].forEach((t=>{t.showButton=!t.column.hideButton,t.value={text:"",selection:null,file:null}})):(this.cells[e][t.colIndex].showButton=!t.column.hideButton,this.cells[e][t.colIndex].value={text:"",selection:null,file:null}),this.focusTo={rowIndex:e,colIndex:t.colIndex},this.tempMinRows=this.cells.length,this.tempCells=this.cells,o(this))}async onInputChanged(t,e,o){if(t.stopPropagation(),!t||void 0===t.detail)return;if(e.column.hasImage&&!e.column.hasText&&null===t.detail&&e.rowIndex>0)return void this.onRemoveCell(e);t&&null===t.detail&&e.value[o]&&(e.value[o]=""),"text"===o?e.value.text=t.detail:(this.isObjectValues=!0,"selection"===o?e.value.selection=t.detail:"file"===o&&t.detail&&(e.value.file=t.detail));let a=this.cells.map((t=>t.map((t=>this.isObjectValues?t.value:t.value.text))));this.reverseValueDimensions&&(a=this.arrayTransposing(a)),this.setValueAndEmitChanges(a)}setValueAndEmitChanges(t){this.value=t,h(this.isSimpleArray?this.value[0]:this.value,this,!1,!0,!0)}isLinkedList(){return this.columns.some((t=>t.linkedRow))}isLinkedRow(t){return this.cells[t.rowIndex].reduce(((t,e)=>t||e.column.linkedRow),!1)}onRemoveCell(t){var e;this.tempMinRows=void 0,this.deletedRowIndex=t.rowIndex;let o=this.reverseValueDimensions?this.value:this.arrayTransposing(this.value);this.isLinkedList()?(o.forEach((e=>{Array.isArray(e)&&e.splice(t.rowIndex,1)})),o=this.arrayTransposing(o),o=o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1),o=this.reverseValueDimensions?this.arrayTransposing(o):o):Array.isArray(o[t.colIndex])&&(null===(e=o[t.colIndex])||void 0===e||e.splice(t.rowIndex,1),o=this.reverseValueDimensions?o:this.arrayTransposing(o),o=this.reverseValueDimensions?o.map((t=>(null==t?void 0:t.filter)?t.filter((t=>this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t)):t)):o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1)),this.setValueAndEmitChanges(o);const a=this.canDragAndDrop?this.cells.filter(((e,o)=>o!==t.rowIndex)).map((t=>t.map((t=>t.key)))):null;this.reset(a)}renderCell(t){var e,o,i,r,n,s,d,c,h,b,m,f,g,y,u,v,x,w,k,z,C,j,D,q,A;const I=t.column.rows&&t.column.rows>=t.rowIndex+1,O=!t.column.maxRows||t.rowIndex+1<t.column.maxRows,F=l(this.host);let T,E;const B=this.cells.slice(0,t.rowIndex).reduce(((e,o)=>e||o[t.colIndex].showButton),!1);if(!this.readonly&&O&&t.showButton&&!B&&(T=a("yoo-button",{size:(null===(o=null===(e=t.column)||void 0===e?void 0:e.addButton)||void 0===o?void 0:o.size)||(F?"small":"large"),color:(null===(r=null===(i=t.column)||void 0===i?void 0:i.addButton)||void 0===r?void 0:r.color)||"app-color",class:null===(s=null===(n=t.column)||void 0===n?void 0:n.addButton)||void 0===s?void 0:s.cssClass,style:(null===(c=null===(d=t.column)||void 0===d?void 0:d.addButton)||void 0===c?void 0:c.style)||null,onClick:()=>this.onAddButtonClicked(t)},a("yoo-icon",{size:(null===(b=null===(h=t.column)||void 0===h?void 0:h.addButton)||void 0===b?void 0:b.iconSize)||"small",slot:(null===(f=null===(m=t.column)||void 0===m?void 0:m.addButton)||void 0===f?void 0:f.iconSlot)||"start",name:(null===(y=null===(g=t.column)||void 0===g?void 0:g.addButton)||void 0===y?void 0:y.icon)||"circle-plus",color:(null===(v=null===(u=t.column)||void 0===u?void 0:u.addButton)||void 0===v?void 0:v.iconColor)||"light"}),p((null===(w=null===(x=t.column)||void 0===x?void 0:x.addButton)||void 0===w?void 0:w.text)||"YOOBICADD"))),this.allowAudit&&t.showButton&&(E=a("yoo-button",{disabled:this.value[0]&&this.value[0].length<=0,size:F?"small":"large",color:"light-to-dark",onClick:()=>this.onAuditButtonClicked()},a("yoo-icon",{size:"small",slot:"start",name:"theme"})," ",p("CUSTOMISE"))),void 0===t.value.text&&void 0===t.value.selection&&void 0===t.value.file&&!I&&!T)return a("div",{class:"column empty"});let M,R,L,S,H,U="";if(t.column.label&&(U=p(t.column.label),t.column.orderInLabel&&(U+=" "+(t.rowIndex+1).toString())),0===t.rowIndex&&t.column.title&&(M=a("div",{class:"title"},p(t.column.title))),!1!==t.column.hasText){const e=t.column.inputComponentTag||"yoo-form-input",o=t.column.inputComponentValueType||"text";let i=t.value.text||null;this.readonly&&!i&&(i="-");const r=Object.assign(Object.assign({},t.column.inputComponentProps||{type:"text"}),{ref:e=>t.el=e,readonly:this.readonly,required:this.required,value:"selection"===o?t.value.selection:i,sortsAndFilters:"selection"===o?t.value.sortsAndFilters:null,currentSelectedTags:"selection"===o?t.value.tags:null,size:F?"medium":"large",maxCharacters:t.column.maxCharacters,onInputChanged:e=>this.onInputChanged(e,t,o),onInputFocused:t=>this.inputFocused.emit(t),onInputBlurred:t=>this.inputBlurred.emit(t),onKeyUp:e=>this.onKeyEnterAddCell(e,t),onFetchData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchData),onFetchFieldFilterData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchFieldFilterData),onFetchCustomData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchCustomData),clearable:!1,maxHeight:this.host.classList.contains("image-collection")?60:void 0,minHeight:this.host.classList.contains("image-collection")?60:void 0,customZIndex:"yoo-form-text-editor"===e&&2e4-t.rowIndex,reloadText:"yoo-form-text-editor"===e&&null!==this.deletedRowIndex&&t.rowIndex>=this.deletedRowIndex});S=a(e,Object.assign({},r),null===(k=t.column.inputComponentSlots)||void 0===k?void 0:k.map((({tag:t,props:e={},text:o})=>a(t,Object.assign({},e),o))))}const V=(void 0!==t.value.text||void 0!==t.value.selection||void 0!==t.value.file||t.value||I)&&(S||void 0!==t.column.label);if(t.column.hasImage&&(L=a("div",{class:{"image-container":!0}},a("yoo-form-capture",{readonly:this.readonly,required:this.required,value:t.value&&t.value.file?t.value.file:null,onInputChanged:e=>this.onInputChanged(e,t,"file"),multiple:!1,allowLibrary:!0,allowUnsplash:!0,maxWidth:null===(C=null===(z=null==t?void 0:t.column)||void 0===z?void 0:z.imageOptions)||void 0===C?void 0:C.width,maxHeight:null===(D=null===(j=null==t?void 0:t.column)||void 0===j?void 0:j.imageOptions)||void 0===D?void 0:D.height,crop:null===(A=null===(q=null==t?void 0:t.column)||void 0===q?void 0:q.imageOptions)||void 0===A?void 0:A.crop,type:"photo",size:this.customSize}),!V&&[this.renderRemoveCell(t,F),this.renderDraggableCell(t)])),V){const e={title:U};t.column.help&&(e.help=p(t.column.help)),R=a("yoo-form-input-container",{field:e,required:t.column.required,hideOptional:t.column.hideOptional,readonly:this.readonly},a("div",{class:{"input-content":!0,mobile:!F}},S,F&&this.renderRemoveCell(t,F),this.renderDraggableCell(t)),this.renderTranslation(t.value.text||null))}return this.isLinkedRow(t)&&(H=a("yoo-icon",{name:"link",color:"app-color",class:{"link-web":F,"link-mobile":!F,"link-visible":t.column.linkedRow},size:"small"})),a("div",{class:{column:!0}},M,a("div",{class:{cell:!0}},H,L,R),a("div",{class:{"button-container":!0}},!F&&V&&this.renderRemoveCell(t,F),T,E))}renderRemoveCell(t,e){var o,i,r;let l,n;if(this.isLinkedRow(t)?(l=1===this.cells.length,n=this.cells[t.rowIndex].reduce(((t,e)=>{var o,a,i;return t&&!!(this.isComplexeColumn(e.value)?(null===(o=e.value)||void 0===o?void 0:o.text)||(null===(a=e.value)||void 0===a?void 0:a.selection)||(null===(i=e.value)||void 0===i?void 0:i.file):e.value)}),!0)):(l=0===t.rowIndex&&1===this.cells.length,n=!!(this.isComplexeColumn(t.value)?(null===(o=t.value)||void 0===o?void 0:o.text)||(null===(i=t.value)||void 0===i?void 0:i.selection)||(null===(r=t.value)||void 0===r?void 0:r.file):t.value)),!this.readonly&&t.showDeleteButton&&!(e&&0===t.rowIndex||!e&&l&&!n)&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return e?a("yoo-button",{class:"remove-button",onClick:()=>this.onRemoveCell(t)},a("yoo-icon",{size:"small",name:"delete"})):a("yoo-button",{onClick:()=>this.onRemoveCell(t),class:"remove-button",size:"large",color:"danger",rippleType:"unbounded"},a("yoo-icon",{size:"small",color:"light",name:"cross",slot:"start"}),p("REMOVE"))}renderDraggableCell(t){let e;if(e=this.isLinkedRow(t)?1===this.cells.length:1===this.cells.length&&1===this.cells[0].length,!this.readonly&&this.canDragAndDrop&&!e&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return a("yoo-button",{class:"drag-drop-btn",disabled:!!this.dragAndDropPendingEvent,onMouseDown:t=>{this.dragAndDropPendingEvent&&(t.stopPropagation(),t.preventDefault())}},a("yoo-icon",{size:"small",name:"ranking-toggle"}))}renderTranslation(t){if((null==t?void 0:t.charAt)&&"%"===t.charAt(0)&&"%"===t.charAt(t.length-1))return a("div",{class:"field-translation"},a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:n(t),class:"no-pointer"},a("yoo-icon",{name:"translate"})),a("span",{innerHTML:n(t)}))}renderRow(t){return a("div",{class:"row",key:this.canDragAndDrop?t[0].key:null},t.map((t=>this.renderCell(t))))}renderCells(){var t;if(null===(t=this.cells)||void 0===t?void 0:t.length)return this.cells.map((t=>this.renderRow(t)))}render(){return a(i,{class:Object.assign({},d(this.host))},a("div",{class:"drag-drop-container",ref:t=>this.sortableParentElement=t},this.renderCells()))}get host(){return r(this)}static get watchers(){return{columns:["onColumnsChanged"]}}};f.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host .row{display:-ms-flexbox;display:flex}:host .row .column{-ms-flex:1;flex:1}:host .row .column:first-child .cell,:host .row .column:first-child .button-container{display:-ms-flexbox;display:flex;padding-left:0}:host .row .column:last-child .cell,:host .row .column:last-child .button-container{display:-ms-flexbox;display:flex;padding-right:0}:host .row .column .cell,:host .row .column .button-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .row .column .cell{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:end;align-items:flex-end;padding-top:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .row .column .cell .input-content{display:-ms-flexbox;display:flex}:host .row .column .cell .input-content.mobile{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}:host .row .column .cell .input-content yoo-form-input{-ms-flex:1;flex:1}:host .row .column .cell .input-content .remove-button{height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .row .column .cell .image-container{display:-ms-flexbox;display:flex}:host .row .column .cell .image-container:not(.no-padding){padding-right:var(--spacing-16, 1rem)}:host .row .column .cell yoo-form-input-container{-ms-flex:1;flex:1;min-width:6rem}:host .row .column .cell .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;white-space:normal}:host .row .column .cell .field-translation yoo-icon{margin-right:0.3rem}:host .row .column .cell .field-translation *{display:inline-block}:host .row .column .cell .delete-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--spacing-08, 0.5rem)}:host .row .column .cell .link-web{position:absolute;bottom:1.2rem;left:-0.5rem;visibility:hidden}:host .row .column .cell .link-visible{visibility:visible !important}:host .row .column .button-container{display:-ms-flexbox;display:flex}:host .row .column .button-container yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row .column .button-container yoo-button:first-child{padding-left:0}:host .row .column.column-title yoo-form-input.title-input{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .row .column yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row.sortable-chosen:not(.sortable-ghost){padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1)}:host .row.sortable-chosen .column .button-container{display:none}:host(.mobile) .row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .row .column .cell,:host(.mobile) .row .column .button-container{-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);padding-right:0;padding-left:0}:host(.mobile) .row .column .cell{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host(.mobile) .row .column .cell .link-mobile{margin-right:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem);background-color:var(--app-color-10);border-radius:50%;visibility:hidden}:host(.mobile) .row .column .cell .remove-button{margin-top:var(--spacing-16, 1rem)}:host(.reveal) .link-web{top:2.5rem;bottom:unset}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.dragging) .row .column .button-container{display:none}";export{f as yoo_form_multi_input}
+import{r as t,c as e,f as o,h as a,H as i,g as r}from"./p-c26cc6ff.js";import{b as l,t as p,Y as n}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as s}from"./p-fe5e39f8.js";import"./p-b5241164.js";import{f as d}from"./p-33b2d3a2.js";import{s as c,b as h}from"./p-432e8458.js";import{S as b}from"./p-12797a88.js";import{i as m}from"./p-cfdeea96.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";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";const f=class{constructor(o){t(this,o),this.validityChanged=e(this,"validityChanged",7),this.inputBlurred=e(this,"inputBlurred",7),this.inputFocused=e(this,"inputFocused",7),this.inputChanged=e(this,"inputChanged",7),this.fetchData=e(this,"fetchData",7),this.fetchFieldFilterData=e(this,"fetchFieldFilterData",7),this.fetchCustomData=e(this,"fetchCustomData",7),this.auditClicked=e(this,"auditClicked",7),this.reverseValueDimensions=!1,this.allowAudit=!1,this.isSimpleArray=!1,this.allowDragAndDrop=!1,this.columns=[],this.isObjectValues=!1,this.focusTo=null,this.deletedRowIndex=null,this.keepDefaultEnterKeyFor=["yoo-form-text-area"],this.dragAndDropPendingEvent=null,this.dragAndDropPendingEventTimeout=null,this.sortables=[]}async reset(t){this.cells=this.getCells(),(null==t?void 0:t.length)&&this.cells.forEach(((e,o)=>e.forEach(((e,a)=>e.key=t[o][a]))))}async updateValues(t,e,o,a){var i;const r=this.cells[e][o];(null===(i=null==r?void 0:r.el)||void 0===i?void 0:i.updateValues)&&r.el.updateValues(t,null,a)}async updateCustomData(t,e,o){var a;const i=this.cells[e][o];(null===(a=null==i?void 0:i.el)||void 0===a?void 0:a.setFields)&&i.el.setFields(null==t?void 0:t.fields)}onColumnsChanged(t,e){const o=this.canDragAndDrop&&m(t,e)?this.cells.map((t=>t.map((t=>t.key)))):null;this.reset(o)}componentWillLoad(){this.isSimpleArray?(this.value=this.value?[this.value]:[[]],this.reverseValueDimensions=!0):Array.isArray(this.value)||(this.value=[[]]),this.dragAndDropGroupId=s(),this.reset(),this.resolveValueType(),c(this)}componentDidUpdate(){if(this.focusTo){const t=this.getSpecificCellYooFormInput(this.focusTo.rowIndex,this.focusTo.colIndex);t&&t.setFocus()}this.focusTo=null}componentWillRender(){this.destroyDragAndDrop(),void 0!==this.tempMinRows&&this.cells.length<this.tempMinRows&&(this.cells=this.tempCells)}componentDidRender(){this.resetDragAndDrop(),this.deletedRowIndex=null}disconnectedCallback(){this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout),this.destroyDragAndDrop()}validate(){var t;let e=!0;this.required&&!(null===(t=this.value)||void 0===t?void 0:t.length)&&(e=!1);const o=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;return null==o||o.forEach(((t,o)=>{(null==t?void 0:t.forEach)&&(null==t||t.forEach(((t,a)=>{var i;const r=this.columns[a];if(null==r?void 0:r.required){const r=null===(i=(this.reverseValueDimensions?this.value:this.arrayTransposing(this.value))[a])||void 0===i?void 0:i.slice(o),l=o>0&&!this.isLinkedList()&&(null==r?void 0:r.every((t=>!(null==t?void 0:t.text)&&!(null==t?void 0:t.selection)&&!(null==t?void 0:t.file))));e=e&&(l||!!(this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t))}})))})),this.validity&&this.validity===e||(this.validityChanged.emit(e),this.validity=e),this.validity}onFetchEvent(t,e,o,a){null==t||t.stopPropagation(),(null==t?void 0:t.detail)&&(t.detail.rowIndex=e,t.detail.colIndex=o,a&&a.emit(t.detail))}get canDragAndDrop(){return this.allowDragAndDrop&&1===this.columns.length}resetDragAndDrop(){if(this.canDragAndDrop&&!this.sortables.length){const t=".drag-drop-btn",e="vertical",o=this.readonly,a=150,i={name:this.dragAndDropGroupId,pull:[this.dragAndDropGroupId],put:[this.dragAndDropGroupId]};this.isLinkedList()||this.sortables.push(b.create(this.sortableParentElement,{handle:t,disabled:o,animation:a,group:i,direction:e,onStart:t=>{null==t||t.stopPropagation(),this.host.classList.add("dragging")},onChange:t=>{null==t||t.stopPropagation(),this.dragAndDropPendingEvent=t,this.onPendingDragAndDrop(2e3)},onEnd:t=>{null==t||t.stopPropagation(),this.onDragAndDropEnd(t)}}))}}onPendingDragAndDrop(t){clearTimeout(this.dragAndDropPendingEventTimeout),this.dragAndDropPendingEventTimeout=setTimeout((()=>{this.dragAndDropPendingEvent&&this.onDragAndDropEnd(this.dragAndDropPendingEvent)}),t)}onDragAndDropEnd(t){var e,o,a,i;this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout);const r=t.oldIndex,l=t.newIndex;let p=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;const n=p[r];p.splice(r,1),p.splice(l,0,n),p=this.reverseValueDimensions?this.arrayTransposing(p):p,this.setValueAndEmitChanges(p);const s=this.cells.map((t=>t.map((t=>t.key)))),d=s[r];s.splice(r,1),s.splice(l,0,d),this.reset(s),this.host.classList.remove("dragging");const c=null===(e=this.sortableParentElement)||void 0===e?void 0:e.querySelector(".sortable-chosen");null===(o=null==c?void 0:c.classList)||void 0===o||o.remove("sortable-chosen");const h=null===(a=this.sortableParentElement)||void 0===a?void 0:a.querySelector(".sortable-ghost");null===(i=null==h?void 0:h.classList)||void 0===i||i.remove("sortable-ghost")}destroyDragAndDrop(){this.sortables.forEach((t=>{if(null==t?void 0:t.destroy)try{t.destroy()}catch(t){}})),this.sortables=[]}getSpecificCellYooFormInput(t,e){if(t>=0&&e>=0){const o=this.host.shadowRoot.querySelectorAll(".row");if(o&&o[t]){const a=o[t].querySelectorAll(".column");if(a&&a[e])return a[e].querySelector("yoo-form-input")}}}isComplexeColumn(t){return!!t&&(Object.prototype.hasOwnProperty.call(t,"text")||Object.prototype.hasOwnProperty.call(t,"selection")||Object.prototype.hasOwnProperty.call(t,"file"))}resolveValueType(){var t,e;(null===(e=null===(t=this.value)||void 0===t?void 0:t[0])||void 0===e?void 0:e.length)&&(this.isObjectValues=this.value.reduce(((t,e)=>{var o;return(null===(o=e.reduce)||void 0===o?void 0:o.call(e,((e,o)=>t||e||this.isComplexeColumn(o)),!1))||t}),!1))}arrayTransposing(t){const e=(t=(t||[[]]).map((t=>Array.isArray(t)?t:[t]))).reduce(((t,e)=>Math.max(e?e.length:0,t)),0)||1;return[...Array(e)].map(((e,o)=>t.map((t=>t[o]))))}getCells(){const t=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value,e=Math.max(t.length,...this.columns.map((t=>t.rows||1))),o=this.columns.length,a=[[]];for(let i=0;i<e;i++)for(let r=0;r<o;r++){const o=this.columns[r];let l;a[i]||(a[i]=[]),t[i]&&void 0!==t[i][r]?l=t[i][r]:0===i&&(l=""),void 0===(null==l?void 0:l.text)&&void 0===(null==l?void 0:l.selection)&&void 0===(null==l?void 0:l.file)&&(l={text:l});const p=t.filter((t=>void 0!==t[r])).length,n=Math.max(p,o.rows||1)===i+1,d=!o.maxRows||i+1<o.maxRows;let c;a[i][r]={value:l,column:o,colIndex:r,rowIndex:i,showButton:!o.hideButton&&n&&d,showDeleteButton:!o.hideDeleteButton,key:s()},o.rows||e!==i+1||(c=void 0!==l.text||void 0!==l.selection||void 0!==l.file?i:i-1>=0?i-1:0,a[c][r].showButton=!o.hideButton)}return a}onKeyEnterAddCell(t,e){if("Enter"===t.key&&e){if(this.keepDefaultEnterKeyFor.includes(e.column.inputComponentTag))return;const t=e.rowIndex+1,o=this.cells[t]?this.getSpecificCellYooFormInput(t,e.colIndex):null;o?o.setFocus():this.onAddButtonClicked(e)}}onAuditButtonClicked(){this.value[0]&&this.value[0].length>0&&this.auditClicked.emit()}onAddButtonClicked(t){const e=t.rowIndex+1,a=this.isLinkedList()?Math.max(...this.columns.map((t=>t.maxRows||0))):t.column.maxRows;a&&e+1>a||(this.isLinkedList()?this.cells.forEach((t=>t.forEach((t=>t.showButton=!1)))):this.cells.forEach((e=>e[t.colIndex].showButton=!1)),this.cells[e]||(this.cells[e]=new Array(this.columns.length).fill(null).map(((t,o)=>({value:{text:void 0},rowIndex:e,colIndex:o,column:this.columns[o],showDeleteButton:!this.columns[o].hideDeleteButton,key:s()})))),this.isLinkedList()?this.cells[e].forEach((t=>{t.showButton=!t.column.hideButton,t.value={text:"",selection:null,file:null}})):(this.cells[e][t.colIndex].showButton=!t.column.hideButton,this.cells[e][t.colIndex].value={text:"",selection:null,file:null}),this.focusTo={rowIndex:e,colIndex:t.colIndex},this.tempMinRows=this.cells.length,this.tempCells=this.cells,o(this))}async onInputChanged(t,e,o){if(t.stopPropagation(),!t||void 0===t.detail)return;if(e.column.hasImage&&!e.column.hasText&&null===t.detail&&e.rowIndex>0)return void this.onRemoveCell(e);t&&null===t.detail&&e.value[o]&&(e.value[o]=""),"text"===o?e.value.text=t.detail:(this.isObjectValues=!0,"selection"===o?e.value.selection=t.detail:"file"===o&&t.detail&&(e.value.file=t.detail));let a=this.cells.map((t=>t.map((t=>this.isObjectValues?t.value:t.value.text))));this.reverseValueDimensions&&(a=this.arrayTransposing(a)),this.setValueAndEmitChanges(a)}setValueAndEmitChanges(t){this.value=t,h(this.isSimpleArray?this.value[0]:this.value,this,!1,!0,!0)}isLinkedList(){return this.columns.some((t=>t.linkedRow))}isLinkedRow(t){return this.cells[t.rowIndex].reduce(((t,e)=>t||e.column.linkedRow),!1)}onRemoveCell(t){var e;this.tempMinRows=void 0,this.deletedRowIndex=t.rowIndex;let o=this.reverseValueDimensions?this.value:this.arrayTransposing(this.value);this.isLinkedList()?(o.forEach((e=>{Array.isArray(e)&&e.splice(t.rowIndex,1)})),o=this.arrayTransposing(o),o=o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1),o=this.reverseValueDimensions?this.arrayTransposing(o):o):Array.isArray(o[t.colIndex])&&(null===(e=o[t.colIndex])||void 0===e||e.splice(t.rowIndex,1),o=this.reverseValueDimensions?o:this.arrayTransposing(o),o=this.reverseValueDimensions?o.map((t=>(null==t?void 0:t.filter)?t.filter((t=>this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t)):t)):o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1)),this.setValueAndEmitChanges(o);const a=this.canDragAndDrop?this.cells.filter(((e,o)=>o!==t.rowIndex)).map((t=>t.map((t=>t.key)))):null;this.reset(a)}renderCell(t){var e,o,i,r,n,s,d,c,h,b,m,f,g,y,u,v,x,w,k,z,C,j,D,q,A;const I=t.column.rows&&t.column.rows>=t.rowIndex+1,O=!t.column.maxRows||t.rowIndex+1<t.column.maxRows,F=l(this.host);let T,E;const B=this.cells.slice(0,t.rowIndex).reduce(((e,o)=>e||o[t.colIndex].showButton),!1);if(!this.readonly&&O&&t.showButton&&!B&&(T=a("yoo-button",{size:(null===(o=null===(e=t.column)||void 0===e?void 0:e.addButton)||void 0===o?void 0:o.size)||(F?"small":"large"),color:(null===(r=null===(i=t.column)||void 0===i?void 0:i.addButton)||void 0===r?void 0:r.color)||"app-color",class:null===(s=null===(n=t.column)||void 0===n?void 0:n.addButton)||void 0===s?void 0:s.cssClass,style:(null===(c=null===(d=t.column)||void 0===d?void 0:d.addButton)||void 0===c?void 0:c.style)||null,onClick:()=>this.onAddButtonClicked(t)},a("yoo-icon",{size:(null===(b=null===(h=t.column)||void 0===h?void 0:h.addButton)||void 0===b?void 0:b.iconSize)||"small",slot:(null===(f=null===(m=t.column)||void 0===m?void 0:m.addButton)||void 0===f?void 0:f.iconSlot)||"start",name:(null===(y=null===(g=t.column)||void 0===g?void 0:g.addButton)||void 0===y?void 0:y.icon)||"circle-plus",color:(null===(v=null===(u=t.column)||void 0===u?void 0:u.addButton)||void 0===v?void 0:v.iconColor)||"light"}),p((null===(w=null===(x=t.column)||void 0===x?void 0:x.addButton)||void 0===w?void 0:w.text)||"YOOBICADD"))),this.allowAudit&&t.showButton&&(E=a("yoo-button",{disabled:this.value[0]&&this.value[0].length<=0,size:F?"small":"large",color:"light-to-dark",onClick:()=>this.onAuditButtonClicked()},a("yoo-icon",{size:"small",slot:"start",name:"theme"})," ",p("CUSTOMISE"))),void 0===t.value.text&&void 0===t.value.selection&&void 0===t.value.file&&!I&&!T)return a("div",{class:"column empty"});let M,R,L,S,H,U="";if(t.column.label&&(U=p(t.column.label),t.column.orderInLabel&&(U+=" "+(t.rowIndex+1).toString())),0===t.rowIndex&&t.column.title&&(M=a("div",{class:"title"},p(t.column.title))),!1!==t.column.hasText){const e=t.column.inputComponentTag||"yoo-form-input",o=t.column.inputComponentValueType||"text";let i=t.value.text||null;this.readonly&&!i&&(i="-");const r=Object.assign(Object.assign({},t.column.inputComponentProps||{type:"text"}),{ref:e=>t.el=e,readonly:this.readonly,required:this.required,value:"selection"===o?t.value.selection:i,sortsAndFilters:"selection"===o?t.value.sortsAndFilters:null,currentSelectedTags:"selection"===o?t.value.tags:null,size:F?"medium":"large",maxCharacters:t.column.maxCharacters,onInputChanged:e=>this.onInputChanged(e,t,o),onInputFocused:t=>this.inputFocused.emit(t),onInputBlurred:t=>this.inputBlurred.emit(t),onKeyUp:e=>this.onKeyEnterAddCell(e,t),onFetchData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchData),onFetchFieldFilterData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchFieldFilterData),onFetchCustomData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchCustomData),clearable:!1,maxHeight:this.host.classList.contains("image-collection")?60:void 0,minHeight:this.host.classList.contains("image-collection")?60:void 0,customZIndex:"yoo-form-text-editor"===e&&2e4-t.rowIndex,reloadText:"yoo-form-text-editor"===e&&null!==this.deletedRowIndex&&t.rowIndex>=this.deletedRowIndex});S=a(e,Object.assign({},r),null===(k=t.column.inputComponentSlots)||void 0===k?void 0:k.map((({tag:t,props:e={},text:o})=>a(t,Object.assign({},e),o))))}const V=(void 0!==t.value.text||void 0!==t.value.selection||void 0!==t.value.file||t.value||I)&&(S||void 0!==t.column.label);if(t.column.hasImage&&(L=a("div",{class:{"image-container":!0}},a("yoo-form-capture",{readonly:this.readonly,required:this.required,value:t.value&&t.value.file?t.value.file:null,onInputChanged:e=>this.onInputChanged(e,t,"file"),multiple:!1,allowLibrary:!0,allowUnsplash:!0,maxWidth:null===(C=null===(z=null==t?void 0:t.column)||void 0===z?void 0:z.imageOptions)||void 0===C?void 0:C.width,maxHeight:null===(D=null===(j=null==t?void 0:t.column)||void 0===j?void 0:j.imageOptions)||void 0===D?void 0:D.height,crop:null===(A=null===(q=null==t?void 0:t.column)||void 0===q?void 0:q.imageOptions)||void 0===A?void 0:A.crop,type:"photo",size:this.customSize}),!V&&[this.renderRemoveCell(t,F),this.renderDraggableCell(t)])),V){const e={title:U};t.column.help&&(e.help=p(t.column.help)),R=a("yoo-form-input-container",{field:e,required:t.column.required,hideOptional:t.column.hideOptional,readonly:this.readonly},a("div",{class:{"input-content":!0,mobile:!F}},S,F&&this.renderRemoveCell(t,F),this.renderDraggableCell(t)),this.renderTranslation(t.value.text||null))}return this.isLinkedRow(t)&&(H=a("yoo-icon",{name:"link",color:"app-color",class:{"link-web":F,"link-mobile":!F,"link-visible":t.column.linkedRow},size:"small"})),a("div",{class:{column:!0}},M,a("div",{class:{cell:!0}},H,L,R),a("div",{class:{"button-container":!0}},!F&&V&&this.renderRemoveCell(t,F),T,E))}renderRemoveCell(t,e){var o,i,r;let l,n;if(this.isLinkedRow(t)?(l=1===this.cells.length,n=this.cells[t.rowIndex].reduce(((t,e)=>{var o,a,i;return t&&!!(this.isComplexeColumn(e.value)?(null===(o=e.value)||void 0===o?void 0:o.text)||(null===(a=e.value)||void 0===a?void 0:a.selection)||(null===(i=e.value)||void 0===i?void 0:i.file):e.value)}),!0)):(l=0===t.rowIndex&&1===this.cells.length,n=!!(this.isComplexeColumn(t.value)?(null===(o=t.value)||void 0===o?void 0:o.text)||(null===(i=t.value)||void 0===i?void 0:i.selection)||(null===(r=t.value)||void 0===r?void 0:r.file):t.value)),!this.readonly&&t.showDeleteButton&&!(e&&0===t.rowIndex||!e&&l&&!n)&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return e?a("yoo-button",{class:"remove-button",onClick:()=>this.onRemoveCell(t)},a("yoo-icon",{size:"small",name:"delete"})):a("yoo-button",{onClick:()=>this.onRemoveCell(t),class:"remove-button",size:"large",color:"danger",rippleType:"unbounded"},a("yoo-icon",{size:"small",color:"light",name:"cross",slot:"start"}),p("REMOVE"))}renderDraggableCell(t){let e;if(e=this.isLinkedRow(t)?1===this.cells.length:1===this.cells.length&&1===this.cells[0].length,!this.readonly&&this.canDragAndDrop&&!e&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return a("yoo-button",{class:"drag-drop-btn",disabled:!!this.dragAndDropPendingEvent,onMouseDown:t=>{this.dragAndDropPendingEvent&&(t.stopPropagation(),t.preventDefault())}},a("yoo-icon",{size:"small",name:"ranking-toggle"}))}renderTranslation(t){if((null==t?void 0:t.charAt)&&"%"===t.charAt(0)&&"%"===t.charAt(t.length-1))return a("div",{class:"field-translation"},a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:n(t),class:"no-pointer"},a("yoo-icon",{name:"translate"})),a("span",{innerHTML:n(t)}))}renderRow(t){return a("div",{class:"row",key:this.canDragAndDrop?t[0].key:null},t.map((t=>this.renderCell(t))))}renderCells(){var t;if(null===(t=this.cells)||void 0===t?void 0:t.length)return this.cells.map((t=>this.renderRow(t)))}render(){return a(i,{class:Object.assign({},d(this.host))},a("div",{class:"drag-drop-container",ref:t=>this.sortableParentElement=t},this.renderCells()))}get host(){return r(this)}static get watchers(){return{columns:["onColumnsChanged"]}}};f.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host .row{display:-ms-flexbox;display:flex}:host .row .column{-ms-flex:1;flex:1}:host .row .column:first-child .cell,:host .row .column:first-child .button-container{display:-ms-flexbox;display:flex;padding-left:0}:host .row .column:last-child .cell,:host .row .column:last-child .button-container{display:-ms-flexbox;display:flex;padding-right:0}:host .row .column .cell,:host .row .column .button-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .row .column .cell{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:end;align-items:flex-end;padding-top:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .row .column .cell .input-content{display:-ms-flexbox;display:flex}:host .row .column .cell .input-content.mobile{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}:host .row .column .cell .input-content yoo-form-input{-ms-flex:1;flex:1}:host .row .column .cell .input-content .remove-button{height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .row .column .cell .image-container{display:-ms-flexbox;display:flex}:host .row .column .cell .image-container:not(.no-padding){padding-right:var(--spacing-16, 1rem)}:host .row .column .cell yoo-form-input-container{-ms-flex:1;flex:1;min-width:6rem}:host .row .column .cell .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;white-space:normal}:host .row .column .cell .field-translation yoo-icon{margin-right:0.3rem}:host .row .column .cell .field-translation *{display:inline-block}:host .row .column .cell .delete-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--spacing-08, 0.5rem)}:host .row .column .cell .link-web{position:absolute;bottom:1.2rem;left:-0.5rem;visibility:hidden}:host .row .column .cell .link-visible{visibility:visible !important}:host .row .column .button-container{display:-ms-flexbox;display:flex}:host .row .column .button-container yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row .column .button-container yoo-button:first-child{padding-left:0}:host .row .column.column-title yoo-form-input.title-input{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .row .column yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row.sortable-chosen:not(.sortable-ghost){padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1)}:host .row.sortable-chosen .column .button-container{display:none}:host(.mobile) .row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .row .column .cell,:host(.mobile) .row .column .button-container{-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);padding-right:0;padding-left:0}:host(.mobile) .row .column .cell{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host(.mobile) .row .column .cell .link-mobile{margin-right:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem);background-color:var(--app-color-10);border-radius:50%;visibility:hidden}:host(.mobile) .row .column .cell .remove-button{margin-top:var(--spacing-16, 1rem)}:host(.reveal) .link-web{top:2.5rem;bottom:unset}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.dragging) .row .column .button-container{display:none}";export{f as yoo_form_multi_input}