@yoobic/yobi 7.7.77 → 7.7.81

package/dist/design-system/{p-52f6ebf1.entry.js → p-ea46fc83.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-15fd070c.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-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}

package/dist/design-system/{p-263c9bdb.js → p-ef754e66.js}

@@ -1 +1 @@
-import{i as n,F as e,S as l,A as i}from"./p-4d956bd4.js";import{u as o,a3 as d,t,Y as a,a1 as u}from"./p-a966475f.js";import{g as s}from"./p-15fd070c.js";import{m as r,f as v,n as c}from"./p-9a039ee7.js";import{m as f,n as x}from"./p-2f6b3544.js";import"./p-b5241164.js";import{i as p}from"./p-9de400aa.js";import{c as I}from"./p-a7d0e964.js";import{i as g}from"./p-ca8f9900.js";import{g as m}from"./p-179b66ff.js";import{s as h}from"./p-dd576b82.js";const b=5;function y(n){var e;const l=[],i=[];return null===(e=null==n?void 0:n.fields)||void 0===e||e.forEach((e=>{e.sequentialConditionalField&&e.sequentialConditionalField.conditionId===n.condition._id?l.push(e):(!e.sequentialConditionalField||e.sequentialConditionalField&&e.sequentialConditionalField.conditionId!==n.condition._id)&&i.push(Object.assign(Object.assign({},e),{condition:n.condition}))})),{sequentialFields:l,nonSequentialFields:i}}function C(n){var e;let l=0;return null===(e=null==n?void 0:n.parentConditions)||void 0===e||e.forEach((e=>{var i;const o=null===(i=null==e?void 0:e.fields)||void 0===i?void 0:i.filter((e=>{var l;return(null===(l=e.sequentialConditionalField)||void 0===l?void 0:l.parentFieldName)===n.name}));l+=(null==o?void 0:o.length)||0,null==o||o.forEach((n=>{l+=C(n)}))})),l}function L(n,e,l=!1,i,o=!1){var d,t;const a=null===(d=n[e.slideIndex])||void 0===d?void 0:d.items[e.itemIndex];if(a){const d=I(a);if((null==d?void 0:d.opValues)&&(null===(t=null==d?void 0:d.opValues[0])||void 0===t?void 0:t.length)&&!d.values&&(d.values=I(d.opValues[0])),o?(d.name=r(d.title,e.slideIndex,e.itemIndex+1),d.customName=s()):d.name=s(),d.locked=!1,l)n[e.slideIndex].items.push(d);else if(i){const e=C(n[i.slideIndex].items[i.itemIndex]);n[i.slideIndex].items.splice(i.itemIndex+1+e,0,d)}else{const l=C(a);n[e.slideIndex].items.splice(e.itemIndex+1+l,0,d)}}return n}function V(n,e){null==n||n.forEach((n=>{var l;o(n.condition)&&(n.condition=n.condition.filter((n=>n._id!==e)),n.condition.length||delete n.condition),null===(l=n.items)||void 0===l||l.forEach((n=>{o(n.condition)&&(n.condition=n.condition.filter((n=>"string"!=typeof n&&n._id!==e)),n.condition.length||delete n.condition)}))}))}function $(n,e){return n.filter((n=>n.condition._id!==e))}function S(n,e){var l,i,t;if(d(e.itemIndex)||d(e.slideIndex)){const{slideIndex:l,itemIndex:i}=v(n,e.name);e=Object.assign({slideIndex:l,itemIndex:i},e)}null===(t=null===(i=null===(l=n[e.slideIndex])||void 0===l?void 0:l.items[e.itemIndex])||void 0===i?void 0:i.parentConditions)||void 0===t||t.forEach((e=>{var l;const i=e.condition._id;null===(l=e.fields)||void 0===l||l.forEach((e=>{n=F(n,e.name,[],i,{slideIndex:e.slideIndex,itemIndex:e.formCreatorIndex}).slides}))})),(n=function(n,e){return n.map((n=>(o(n.condition)&&n.condition.length>0&&(n.condition=n.condition.map((n=>o(n.field)&&n.field.length>0?n.field.filter((n=>n.name!==e)):n.field&&n.field.name!==e?n:n.field?void 0:n)),1===n.condition.length&&void 0===n.condition[0]&&delete n.condition),n)))}(n,e.name))[e.slideIndex].items.splice(e.itemIndex,1)}function F(n,e,l,i,t){let a;(d(t)||d(null==t?void 0:t.slideIndex)||d(null==t?void 0:t.itemIndex))&&(t=v(n,e)),i&&n[t.slideIndex].items[t.itemIndex]&&o(n[t.slideIndex].items[t.itemIndex].condition)&&n[t.slideIndex].items[t.itemIndex].condition.length>0?(a=n[t.slideIndex].items[t.itemIndex].condition.find((n=>n._id===i)),n[t.slideIndex].items[t.itemIndex].condition=n[t.slideIndex].items[t.itemIndex].condition.filter((n=>n._id!==i)),0===n[t.slideIndex].items[t.itemIndex].condition.length&&delete n[t.slideIndex].items[t.itemIndex].condition):(i&&n[t.slideIndex].items[t.itemIndex]&&n[t.slideIndex].items[t.itemIndex].condition&&n[t.slideIndex].items[t.itemIndex].condition._id===i||!i)&&(a=n[t.slideIndex].items[t.itemIndex].condition,delete n[t.slideIndex].items[t.itemIndex].condition);const u=j(n,a,l);return{slides:n=u.slides,unattachedParentConditions:l=u.unattachedParentConditions}}function j(n,e,l){if(e){const i=O(n,e._id);if(1===i.length){const{slides:o,unattachedParentConditions:d}=T(n,l,i.slideIndex,i.itemIndex,e);return{slides:o,unattachedParentConditions:d}}}return{slides:n,unattachedParentConditions:l}}function q(n,e,l,i){if(n[e]&&n[e].condition){let d;o(n[e].condition)?(d=n[e].condition.find((n=>n._id===l)),n[e].condition=n[e].condition.filter((n=>n._id!==l)),0===n[e].condition.length&&delete n[e].condition):n[e].condition._id===l&&(d=n[e].condition,delete n[e].condition);const t=j(n,d,i);n=t.slides,i=t.unattachedParentConditions}return{slides:n,unattachedParentConditions:i}}function O(n,e){let l=-1,i=-1,o=0;for(;i<0&&l<n.length-1;)l+=1,n[l].items&&n[l].items.length>0&&n[l].items.forEach(((n,l)=>{var d,t;(null===(d=null==n?void 0:n.parentConditions)||void 0===d?void 0:d.length)>0&&(null===(t=null==n?void 0:n.parentConditions)||void 0===t?void 0:t.findIndex((n=>n.condition._id===e)))>-1&&(i=l,o=n.parentConditions.length)}));return{slideIndex:l,itemIndex:i,length:o}}function T(n,e,l,i,o){var d,t,a;return(null===(t=null===(d=n[l])||void 0===d?void 0:d.items[i])||void 0===t?void 0:t.parentConditions)?n[l].items[i].parentConditions.push({condition:o,expandOnLoad:!0}):(null===(a=n[l])||void 0===a?void 0:a.items[i])&&(n[l].items[i].parentConditions=[{condition:o,expandOnLoad:!0}]),e.push({condition:o,slideIndex:l,itemIndex:i}),{slides:n,unattachedParentConditions:e}}function E(n,e,l){const i=l||[];return n[e.slideIndex].items[e.itemIndex]&&n[e.slideIndex].items[e.itemIndex].condition&&n[e.slideIndex].items[e.itemIndex].condition.length>0&&n[e.slideIndex].items[e.itemIndex].condition.forEach((e=>{const{length:l}=O(n,e._id);if(1===l){const{slideIndex:l,itemIndex:o}=v(n,e.field.name);i.push({slideIndex:l,itemIndex:o,condition:e})}})),i}function w(n){null==n||n.forEach((n=>{var e;null===(e=n.items)||void 0===e||e.forEach((n=>{delete n.selected}))}))}function A(n,e,l,i){if(n)return n.map(((n,o)=>{let d=o===l;return!d&&n.pageConditionIds&&n.pageConditionIds.length>0&&(d=n.pageConditionIds.includes(e._id)),{text:n.pageTitle,handler:()=>i(o),disabled:d}}))}function D(n,e,l,i){if(n){const o=n.map(((n,o)=>{var d;let t=[];return t=0===n.pageItems.length&&(null==i?void 0:i.emptySubmenuHandlerTitle)?[{text:null==i?void 0:i.emptySubmenuHandlerTitle,handler:()=>l(o,0,null)}]:n.pageItems.map(((n,d)=>{let t=!1;return(e&&e.field&&n.itemId===e.field.name||e&&n.conditionIds&&n.conditionIds.length>0&&n.conditionIds.includes(e._id))&&(t=!0),(null==i?void 0:i.selectedFields)&&(t=i.selectedFields.some((e=>e.name===n.itemId))),{text:n.itemTitle,handler:()=>l(o,d,n.itemId),disabled:t}})),(null===(d=null==i?void 0:i.extraStartingItems)||void 0===d?void 0:d.length)>0&&i.extraStartingItems.forEach((e=>{e.hideIfNoItems&&0===n.pageItems.length||t.unshift({text:e.title,handler:e.useHandler?()=>l(o,0,null):null,cssClass:e.cssClass})})),{text:n.pageTitle,subMenu:t}}));return 1===(null==n?void 0:n.length)?o[0].subMenu:o}}function P(e){return e===n.scoring}function B(n,e){var l;let o={type:n,_id:s(),operator:""},d=e.values;if(!d&&e.opValues&&e.opValues[0]&&(d=e.opValues[0]),"field"===n){let n;n=!(null==e?void 0:e.multiple)||"autocomplete"!==(null==e?void 0:e.type)&&"selectimage"!==(null==e?void 0:e.type)?null===(l=i.find((n=>n.type===e.type)))||void 0===l?void 0:l.conditionalOperators:["in","notin","equals","notequals"];const t=n?n[0]:null;o=Object.assign(Object.assign({},o),{field:{name:e.name,title:e.title,type:e.type,values:d},values:[d?d[0]:null],operator:t})}return o}function M(n,l){const i={type:n.type,title:t(n.title),name:s(),icon:n.icon,category:n.category};return n.type===e.select&&(i.imageLayout="row"),n.type===e.multiphotos&&(i.maxPhotos=5),n.type!==e.photo&&n.type!==e.multiphotos||(i.allowLibrary=!0,i.allowUnsplash=!0,i.allowGif=!0),n.type===e.information&&(i.value=""),n.type===e.emailreport&&(i.showUsers=!0),"lesson"===l&&(i.required=!0),i}function N(n){let e,l=[];n.forEach(((i,d)=>{var t;i.condition&&o(i.condition)&&i.condition.forEach((n=>{n.field&&(l=function(n,e,l){return l.field&&o(l.field)?l.field.forEach((()=>{n=R(n,l,e)})):l.field&&(n=R(n,l,e)),n}(l,d,n))})),null===(t=i.items)||void 0===t||t.forEach(((l,i)=>{var t,a;l.condition&&(o(l.condition)?l.condition.forEach((o=>{var t,a;(null===(a=null===(t=o)||void 0===t?void 0:t.field)||void 0===a?void 0:a.name)!==l.name&&(e=k({fieldConditions:e,slides:n,condition:o,field:l,childSlideIndex:d,childItemIndex:i}))})):(null===(a=null===(t=null==l?void 0:l.condition)||void 0===t?void 0:t.field)||void 0===a?void 0:a.name)!==l.name&&(e=k({fieldConditions:e,slides:n,condition:l.condition,field:l,childSlideIndex:d,childItemIndex:i})))}))}));const i=function(n,e){let l=e;return(null==n?void 0:n.length)&&(null==e?void 0:e.length)?n.forEach((n=>{l.push();const e=l.findIndex((e=>e.condition._id===n.condition._id));e>-1?l[e]=Object.assign(Object.assign({},l[e]),{pages:n.pages}):l.push(n)})):(null==n?void 0:n.length)?l=n:(null==e?void 0:e.length)&&(l=e),l}(l,e);return n=function(n,e){return null==e||e.forEach((e=>{var l,i,o,d;const{slideIndex:t,itemIndex:a}=v(n,e.condition.field.name);if(null===(o=null===(i=null===(l=n[t])||void 0===l?void 0:l.items[a])||void 0===i?void 0:i.parentConditions)||void 0===o?void 0:o.length){const l=n[t].items[a].parentConditions.findIndex((n=>n.condition._id===e.condition._id));l>-1?n[t].items[a].parentConditions[l]=e:n[t].items[a].parentConditions.push(e)}else(null===(d=n[t])||void 0===d?void 0:d.items[a])&&(n[t].items[a].parentConditions=[e])})),n}(n,i)}function k({fieldConditions:n,slides:e,condition:l,field:i,childSlideIndex:o,childItemIndex:d}){if(l.field){const t=l.field.name,{slideIndex:a,itemIndex:u}=v(e,t);if(e[a].items[u]){const s={condition:l,fields:[i]};if(H({slides:e,parentFieldSlideIndex:a,parentFieldItemIndex:u,childSlideIndex:o,childItemIndex:d,conditionId:l._id})?i.sequentialConditionalField={conditionId:l._id,parentFieldName:t,parentCustomFieldName:e[a].items[u].customName}:i.nonSequentialConditionalFieldPosition={slideIndex:o,itemIndex:d},null==n?void 0:n.length){const e=n.findIndex((n=>n.condition._id===l._id));e>-1?n[e].fields.push(i):n.push(s)}else n=[s]}}return n}function H({slides:n,parentFieldSlideIndex:e,parentFieldItemIndex:l,childSlideIndex:i,childItemIndex:o,conditionId:d}){var t;if(e===i&&o>0){const a=o-1;if(l===a)return!0;const u=n[i].items,s=u[a];let r=!1;if(null==u?void 0:u.length){const n=null===(t=u[o])||void 0===t?void 0:t.condition;(null==n?void 0:n.length)>1&&n.forEach((n=>{var e;n._id!==d&&(null===(e=null==n?void 0:n.field)||void 0===e?void 0:e.name)===s.name&&(r=!0)}))}if((null==s?void 0:s.sequentialConditionalField)&&!r)return H({slides:n,parentFieldSlideIndex:e,parentFieldItemIndex:l,childSlideIndex:i,childItemIndex:a,conditionId:d})}return!1}function R(n,e,l){if(n&&n.length>0){const i=n.findIndex((n=>n.condition._id===e._id));i>-1?n[i].pages.push({pageIndex:l}):n.push({condition:e,pages:[{pageIndex:l}]})}else n.push({condition:e,pages:[{pageIndex:l}]});return n}function z(n,e){const l={slideIndex:-1,itemIndex:-1,conditionIndex:-1};return null==n||n.some(((n,i)=>{var o;return null===(o=n.items)||void 0===o||o.some(((n,o)=>{var d;return!!((null===(d=null==n?void 0:n.parentConditions)||void 0===d?void 0:d.length)&&(l.conditionIndex=n.parentConditions.findIndex((n=>n.condition._id===e)),l.conditionIndex>-1))&&(l.slideIndex=i,l.itemIndex=o,!0)})),l.conditionIndex>=0})),l}function W(n,e){null==e||e.forEach((n=>{var e;null===(e=null==n?void 0:n.items)||void 0===e||e.forEach((n=>{var e;Array.isArray(n.condition)&&(null===(e=n.condition)||void 0===e?void 0:e.length)&&n.condition.forEach((()=>{}))}))}))}function U(n){const e=[];return n.reduce(((n,l)=>((null==l?void 0:l.selectedFields)&&l.selectedFields.forEach((l=>{e.indexOf(l.name)<0&&n.push(l.name),e.push(l.name)})),n)),[])}function Y(n){return(null==n?void 0:n.reduce(((n,e)=>{var l;return n+(null===(l=e.items)||void 0===l?void 0:l.length)||0}),0))||0}function G(n,e,l,i,o,d,{missionDescriptionChanged:t,slidesChanged:a,translationsUpdated:u,scoringChanged:s},r=null,v=!1){if(e){let n=!1;n=pn(l,{title:e.title,baseLanguage:d,order:0,entity:e,location:"lesson"===e.type?"lesson":"campaign",path:"title"},null,n),n=pn(l,{title:e.title,baseLanguage:d,order:1,entity:e,location:"lesson"===e.type?"lesson":"campaign",path:"text"},null,n),n&&(null==t||t.emit(e))}if(null==i?void 0:i.length){let n=!1;i.forEach(((i,o)=>{"lesson"!==(null==e?void 0:e.type)&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1),entity:i,location:"slide",path:"title",slideIndex:o},null,n),n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+1,entity:i,location:"slide",path:"description",slideIndex:o},null,n)),i.items&&i.items.forEach(((i,t)=>{var a,u,s,r;n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1),entity:i,location:"field",path:"title",slideIndex:o,fieldIndex:t},null,n),n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+2),entity:i,location:"field",path:"description",slideIndex:o,fieldIndex:t},null,n);let v=3;const c=function(n){var e,l,i,o,d,t;let a="";return n.complexSelectImageValues&&n.complexSelectImageValues.length>0?a="complexSelectImageValues":n.complexSwipeCardValues&&n.complexSwipeCardValues.length>0&&((null===(e=n.complexSwipeCardValues[0])||void 0===e?void 0:e.length)>0||(null===(l=n.complexSwipeCardValues[1])||void 0===l?void 0:l.length)>0)?a="complexSwipeCardValues":n.complexImageCollectionValues&&n.complexImageCollectionValues.length>0&&((null===(i=n.complexImageCollectionValues[0])||void 0===i?void 0:i.length)>0||(null===(o=n.complexImageCollectionValues[1])||void 0===o?void 0:o.length)>0)?a="complexImageCollectionValues":n.complexCategorizeWordsValues&&n.complexCategorizeWordsValues.length>0?a="complexCategorizeWordsValues":n.complexConnectValues&&n.complexConnectValues.length>0&&((null===(d=n.complexConnectValues[0])||void 0===d?void 0:d.length)>0||(null===(t=n.complexConnectValues[1])||void 0===t?void 0:t.length)>0)&&(a="complexConnectValues"),a}(i);if((null==c?void 0:c.length)>0){const{index:a,hasBeenEdited:u}=function(n,{baseLanguage:e,title:l,path:i,slideIndex:o,fieldIndex:d,idIndex:t,f:a},u=!1){var s;return null===(s=a[i])||void 0===s||s.forEach(((s,r)=>{null==s||s.forEach(((s,v)=>{g(s)?(u=pn(n,{title:l,baseLanguage:e,order:1e3*(o+1)+100*(d+1)+t,entity:a,location:"field",path:`${i}[${r}][${v}]`,slideIndex:o,fieldIndex:d,oldValue:s},null,u),t+=1):s&&s.text&&(u=pn(n,{title:l,baseLanguage:e,order:1e3*(o+1)+100*(d+1)+t,entity:a,location:"field",path:`${i}[${r}][${v}].text`,slideIndex:o,fieldIndex:d,oldValue:s.text},null,u),t+=1)}))})),{index:t,hasBeenEdited:u}}(l,{baseLanguage:d,title:e.title,path:c,slideIndex:o,fieldIndex:t,idIndex:v,f:i},n);n=u,v=a}else{const{values:a,path:u}=xn(i);a&&a.length>0&&u?a.forEach((a=>{n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:`${u}[${a.firstIndex}][${a.secondIndex}]`,slideIndex:o,fieldIndex:t,oldValue:a.value},null,n),v+=1})):i.values&&i.values.length>0&&i.values.forEach(((a,u)=>{n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"values["+u+"]",slideIndex:o,fieldIndex:t,oldValue:a},null,n),v+=1}))}if((null===(u=null===(a=i.complexImageTaggingValues)||void 0===a?void 0:a.annotations)||void 0===u?void 0:u.length)>0){const{index:a,hasBeenEdited:u}=function(n,{baseLanguage:e,title:l,path:i,slideIndex:o,fieldIndex:d,idIndex:t,f:a},u=!1){var s,r;return null===(r=null===(s=a[i])||void 0===s?void 0:s.annotations)||void 0===r||r.forEach(((s,r)=>{p(s)||(u=pn(n,{title:l,baseLanguage:e,order:1e3*(o+1)+100*(d+1)+t,entity:a,location:"field",path:`${i}.annotations[${r}].text`,slideIndex:o,fieldIndex:d,oldValue:s.text},null,u),t+=1)})),{index:t,hasBeenEdited:u}}(l,{baseLanguage:d,title:e.title,path:"complexImageTaggingValues",slideIndex:o,fieldIndex:t,idIndex:v,f:i},n);n=u,v=a}"information"===i.type&&i.value&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"value",slideIndex:o,fieldIndex:t},null,n),v+=1),i.answer&&i.answer.length>0&&i.answer.forEach(((a,u)=>{g(a)&&a.length>0&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"answer["+u+"]",slideIndex:o,fieldIndex:t},null,n),v+=1)})),i.categories&&i.categories.length>0&&(i.complexWordsCategories&&i.complexWordsCategories[0]&&i.complexWordsCategories[0].length>0&&(i.categories=i.complexWordsCategories[0]),i.complexSwipeCategories&&i.complexSwipeCategories[0]&&i.complexSwipeCategories[0].length>0&&(i.categories=i.complexSwipeCategories[0]),i.categories.forEach(((a,u)=>{n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"categories["+u+"]",slideIndex:o,fieldIndex:t},null,n),v+=1}))),i.sentence&&!i.complexSentence&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"sentence",slideIndex:o,fieldIndex:t},null,n),v+=1),i.complexSentence&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"complexSentence",slideIndex:o,fieldIndex:t},null,n),v+=1),i.complexTextSequenceHeading&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"complexTextSequenceHeading",slideIndex:o,fieldIndex:t},null,n),v+=1),i.explanation&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"explanation",slideIndex:o,fieldIndex:t},null,n),v+=1),(null===(r=null===(s=null==i?void 0:i.scratchValues)||void 0===s?void 0:s[1])||void 0===r?void 0:r.text)&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"scratchValues[1].text",slideIndex:o,fieldIndex:t},null,n),v+=1)}))})),n&&(null==a||a.emit({slides:i}))}(null==o?void 0:o.length)&&!(null==e?void 0:e.active)&&(o.forEach(((n,i)=>{pn(l,{title:e.title,baseLanguage:d,order:1e4*(i+1),entity:n,location:"scoring",path:"title"}),pn(l,{title:e.title,baseLanguage:d,order:1e4*(i+1)+1,entity:n,location:"scoring",path:"description"})})),null==s||s.emit(o)),u&&u.emit({translations:l,overwrite:n,googleTranslate:!0,languages:r,onlyTranslateMissingTranslations:v})}function J(n,e){null==n||n.forEach((n=>{var l;null===(l=n.items)||void 0===l||l.forEach((n=>{e.indexOf(n.name)>-1&&(n.hasScoring=!0)}))}))}function K(n,e){var l;const i=null===(l=null==n?void 0:n.scoreValuePairs)||void 0===l?void 0:l.map((n=>n.value));return e.forEach((e=>{var l;i.includes(e)||null===(l=null==n?void 0:n.scoreValuePairs)||void 0===l||l.push({value:e,score:null})})),n}function Q(n,e){var i;const o=[];return o.push(`${null==n?void 0:n.fieldName}value`),e===(null==l?void 0:l.numberRating)?o.push(null==n?void 0:n.fieldName):null===(i=null==n?void 0:n.scoreValuePairs)||void 0===i||i.forEach((e=>{null==o||o.push(`${null==n?void 0:n.fieldName}${null==e?void 0:e.value}`)})),o}function _(n,e){return n.reduce(((n,l)=>(l.name!==e&&n.push(l),n)),[])}function X(n){let e,l=0;return[n.map(((n,i)=>(n.isActive?(e=Object.assign({},n),n.isSelected=!0,l=i):n&&(n.isSelected=!1),n))),e,l]}function Z(n,e){var l,i;return!!n&&!!(null===(i=null===(l=n[e])||void 0===l?void 0:l.items)||void 0===i?void 0:i.length)}function nn(n){let e=[],l=[];return n&&o(n)?n.forEach((n=>{"tags"===n.type||"groups"===n.type?e.push(n):"field"===n.type&&l.push(n)})):!n||"tags"!==n.type&&"groups"!==n.type?n&&"field"===n.type&&(l=[n]):e=[n],{restrictionConditions:e,fieldConditions:l}}function en(n){null==n||n.forEach((n=>{var e;null===(e=n.items)||void 0===e||e.forEach(((n,e)=>{n.formCreatorIndex=e}))}))}function ln(n,e){return null==n||n.forEach((n=>{var l,i,o;const d=n.condition;(null===(i=null===(l=e[n.slideIndex])||void 0===l?void 0:l.items[n.itemIndex])||void 0===i?void 0:i.parentConditions)?e[n.slideIndex].items[n.itemIndex].parentConditions.findIndex((n=>n.condition._id===d._id))<0&&e[n.slideIndex].items[n.itemIndex].parentConditions.push({condition:d}):(null===(o=e[n.slideIndex])||void 0===o?void 0:o.items[n.itemIndex])&&(e[n.slideIndex].items[n.itemIndex].parentConditions=[{condition:d}])})),e}function on(n,e){const l=(null==n?void 0:n.findIndex((n=>n.condition._id===e._id)))||-1;return l>-1&&n.splice(l,1),n}function dn(n,e){var l,i;let o=(null===(l=null==e?void 0:e.sequentialConditionalField)||void 0===l?void 0:l.parentCustomFieldName)||(null===(i=null==e?void 0:e.sequentialConditionalField)||void 0===i?void 0:i.parentFieldName);const d=n.find((n=>n.name===o));return d&&(o=dn(n,d)),o}function tn(n,e,l){var i;if(null===(i=n.fields)||void 0===i?void 0:i.length){let i=[];return n.fields.forEach((n=>{var o;(null===(o=null==n?void 0:n.parentConditions)||void 0===o?void 0:o.length)&&n.parentConditions.forEach((n=>{const e=tn(n);e&&(i=[...i,...e.childFields])})),(null==n?void 0:n.sequentialConditionalField)&&l&&(l=function(n,e,l){if(l){const i=l.findIndex((e=>e.conditionId===n.sequentialConditionalField.conditionId));i>-1?l[i]={conditionId:n.sequentialConditionalField.conditionId,lastSequentialFieldIndex:e}:l.push({conditionId:n.sequentialConditionalField.conditionId,lastSequentialFieldIndex:e})}else l.push({conditionId:n.sequentialConditionalField.conditionId,lastSequentialFieldIndex:e});return l}(n,e+=1,l)),i.push({name:n.customName||n.name,sequentialConditionalField:n.sequentialConditionalField})})),l?{childFields:i,sequentialConditionFields:l,lastSequentialFieldIndex:e}:{childFields:i}}}function an(n,e){let l=[],i=[];if(null==n?void 0:n.length){let o=e;n.forEach((n=>{const e=tn(n,o,i);e&&(i=e.sequentialConditionFields,o=e.lastSequentialFieldIndex,l=[...l,...e.childFields])})),l.forEach((n=>{(null==n?void 0:n.sequentialConditionalField)&&(n.sequentialConditionalField.masterParentFieldName=dn(l,n))}))}return{childFields:l,sequentialConditionFields:i}}function un(n){var e,l;const i=[];null===(e=null==n?void 0:n.items)||void 0===e||e.forEach((n=>{const e=s();i.push({oldId:n.name,newId:e}),n.name=e})),null===(l=null==n?void 0:n.items)||void 0===l||l.forEach((n=>{var e;o(n.condition)?null===(e=n.condition)||void 0===e||e.forEach((n=>{sn(n,i)})):sn(n.condition,i)}))}function sn(n,e){var l;if(n&&!g(n)&&"field"===n.type&&(null===(l=n.field)||void 0===l?void 0:l.name)){const l=null==e?void 0:e.findIndex((e=>e.oldId===n.field.name));l>-1&&(n.field.name=e[l].newId,n._id=s())}}function rn(n){var e;let l=0;return(null===(e=null==n?void 0:n.parentConditions)||void 0===e?void 0:e.length)>0&&n.parentConditions.forEach((e=>{e&&e.fields&&e.fields.length>0&&e.fields&&e.fields.forEach((e=>{e.sequentialConditionalField&&e.sequentialConditionalField.parentFieldName===n.name&&(l+=1,l+=rn(e))}))})),l}function vn(n,e,l){let i=l;for(;n[e]&&n[e].items[i]&&n[e].items[i].sequentialConditionalField;)i=v(n,n[e].items[i].sequentialConditionalField.parentFieldName).itemIndex;return i}function cn(n,e,l,i){let o;if(n&&i){i=i.replace(/%/g,"");let d=e.findIndex((n=>i===n.key));-1===d&&(i=i.replace(/(<([^>]+)>)/gi,""),d=e.findIndex((n=>i===n.key))),e[d]&&e[d][l]&&(e[d][l]!==n&&(o=e[d]),e[d][l]=n)}return{translations:e,updatedTranslation:o}}function fn(n){const e=[];return n.forEach(((n,l)=>{n&&n.length>0&&n.forEach(((n,i)=>{e.push({value:n,firstIndex:l,secondIndex:i})}))})),e}function xn(n){return n.complexSelectValues&&n.complexSelectValues.length>0?{path:"complexSelectValues",values:fn(n.complexSelectValues)}:n.complexSelectMultiValues&&n.complexSelectMultiValues.length>0?{path:"complexSelectMultiValues",values:fn(n.complexSelectMultiValues)}:n.complexConnectValues&&n.complexConnectValues.length>0?{path:"complexConnectValues",values:fn(n.complexConnectValues)}:n.complexRevealValues&&n.complexRevealValues.length>0?{path:"complexRevealValues",values:fn(n.complexRevealValues)}:n.complexTextSequenceValues&&n.complexTextSequenceValues.length>0?{path:"complexTextSequenceValues",values:fn(n.complexTextSequenceValues)}:n.complexChatValues&&n.complexChatValues.length>0?{path:"complexChatValues",values:fn(n.complexChatValues)}:n.complexMissingWordValues&&n.complexMissingWordValues.length>0?{path:"complexMissingWordValues",values:fn(n.complexMissingWordValues)}:n.complexSwipeCardTextValues&&n.complexSwipeCardTextValues.length>0?{path:"complexSwipeCardTextValues",values:fn(n.complexSwipeCardTextValues)}:n.complexRankingValues&&n.complexRankingValues.length>0?{path:"complexRankingValues",values:fn(n.complexRankingValues)}:n.complexImageTaggingMockValues&&n.complexImageTaggingMockValues.length>0?{path:"complexImageTaggingMockValues",values:fn(n.complexImageTaggingMockValues)}:n.opValues&&n.opValues.length>0?{path:"opValues",values:fn(n.opValues)}:{path:null,values:null}}function pn(n,{title:e,order:l,entity:i,location:o,path:t,slideIndex:a,fieldIndex:u,oldValue:s,baseLanguage:r},v,c=!1){if("string"!=typeof(s=s||m(i,t)))return c;const x=$n(s,n)&&("field"===o&&"description"===t||"lesson"===o||"campaign"===o);if(!d(s)&&""!==s&&!x){let d=n.findIndex((n=>"%"+n.key+"%"===s||n.key===s));if(-1===d){const e=s.replace(/(<([^>]+)>)/gi,"");d=n.findIndex((n=>"%"+n.key+"%"===e||n.key===e))}if(d<0){const d=function(n,e,l){return f(n,e,l)}(e,s,{slideIndex:a,fieldIndex:u}),x={order:l,location:o,type:t,value:s,key:d,language:r};v&&(x.group=v.group,x.missionDescriptionRef=v.missionDescriptionRef,x._tenant=v._tenant,x._tenantRef=v._tenantRef),x[r]=s,n.push(x),h(i,t,"%"+d+"%"),c=!0}else n[d]&&(n[d].order=l)}return c}function In(n,e,l,i){return e.map((e=>{var o,d;return{text:n?e.title:`${t("FIELDIF")} ${a(null===(o=null==e?void 0:e.field)||void 0===o?void 0:o.title)} ${t(null===(d=e.operator)||void 0===d?void 0:d.toUpperCase())}: ${a(e.values?e.values[0]:e.value)}`,icon:n?"restriction":"condition",handler:()=>l.emit({conditionId:e._id}),actionableIcon:{icon:"delete",handler:()=>i.event.emit(Object.assign(Object.assign({},i.options),{conditionId:e._id}))}}}))}function gn(n,e,l){return(null==l?void 0:l.length)?!!l.find((l=>n&&n[l.slideIndex]&&n[l.slideIndex].items&&n[l.slideIndex].items[l.itemIndex]&&n[l.slideIndex].items[l.itemIndex][e])):!!(null==n?void 0:n.find((n=>n.items.findIndex((n=>n[e]))>-1)))}function mn(n,e){return(null==n?void 0:n.editable)?e={title:"EDITABLE",icon:"brush"}:(null==n?void 0:n.hidden)?e={title:"HIDDEN",icon:"offline"}:(null==n?void 0:n.readonly)&&(e={title:"READONLY",icon:"eye"}),e}function hn(n,e,l,i){n.stopPropagation();const o=n.detail;return null==e||e.forEach((n=>{var e;"parallel"===(null==n?void 0:n.type)?null===(e=null==n?void 0:n.steps)||void 0===e||e.forEach((n=>n.forEach((n=>{(null==n?void 0:n._id)===o&&(l=n)})))):(null==n?void 0:n._id)===o&&(l=n)})),i.emit(l),l}function bn(n,e){const l=[];return n.forEach((i=>{var o;delete i.parentConditions,delete i.slideIndex,delete i.slideTitle,(null==e?void 0:e.length)>0&&Ln(i,e),Array.isArray(null==i?void 0:i.condition)&&(null===(o=i.condition)||void 0===o?void 0:o.length)>0&&(i.condition=u(i.condition.map((e=>{var i;return"field"!==(null===(i=e)||void 0===i?void 0:i.type)||n.findIndex((n=>{var l;return n.name===(null===(l=e)||void 0===l?void 0:l.field.name)}))>-1?e:void l.push(e._id)}))))})),{cleanedFields:n,removedConditionIds:l}}function yn(n){const e=n.map((n=>{const e=I(n);return e.name=s(),e}));return e.forEach((l=>{var i;Array.isArray(null==l?void 0:l.condition)&&(null===(i=l.condition)||void 0===i?void 0:i.length)>0&&l.condition.forEach((l=>{if(l._id=s(),"field"===l.type){const i=n.findIndex((n=>{var e;return n.name===(null===(e=l)||void 0===e?void 0:e.field.name)}));i>-1&&(l.field.name=e[i].name)}}))})),e}function Cn(n,e,l){const i=n[e]?n[e]:m(n,e);if(n){const o=l.find((n=>{let e="";return i&&i.replace&&(e=i.replace(/(<([^>]+)>)/gi,"")),"%"+n.key+"%"===i||n.key===i||"%"+n.key+"%"===e||n.key===e}));o&&o.value&&h(n,e,o.value)}}function Ln(n,e){var l,i,o,d,t,a,u,s,r,v,c,f;Cn(n,"title",e),Cn(n,"description",e),Cn(n,"explanation",e),Cn(n,"sentence",e),Cn(n,"complexSentence",e),Cn(n,"value",e),Cn(n,"complexTextSequenceHeading",e);const{values:x,path:I}=xn(n);(null==x?void 0:x.length)&&I?x.forEach((l=>{Cn(n,`${I}[${l.firstIndex}][${l.secondIndex}]`,e)})):(null===(l=null==n?void 0:n.values)||void 0===l?void 0:l.length)&&n.values.forEach(((l,i)=>{Cn(n,"values["+i+"]",e)})),(null===(i=null==n?void 0:n.categories)||void 0===i?void 0:i.length)&&(n.categories.forEach(((l,i)=>{Cn(n,"categories["+i+"]",e)})),n.complexSwipeCategories&&n.complexSwipeCategories[0]&&n.complexSwipeCategories[0].length>0&&(n.complexSwipeCategories[0]=n.categories)),(null===(o=null==n?void 0:n.complexSelectImageValues)||void 0===o?void 0:o.length)&&Vn("complexSelectImageValues",n,e),(null===(d=null==n?void 0:n.complexSwipeCardValues)||void 0===d?void 0:d.length)&&Vn("complexSwipeCardValues",n,e),(null===(t=null==n?void 0:n.complexImageCollectionValues)||void 0===t?void 0:t.length)&&Vn("complexImageCollectionValues",n,e),(null===(a=null==n?void 0:n.complexCategorizeWordsValues)||void 0===a?void 0:a.length)&&Vn("complexCategorizeWordsValues",n,e),(null===(u=null==n?void 0:n.complexConnectValues)||void 0===u?void 0:u.length)&&Vn("complexConnectValues",n,e),(null===(r=null===(s=null==n?void 0:n.complexImageTaggingValues)||void 0===s?void 0:s.annotations)||void 0===r?void 0:r.length)&&function(n,e,l){var i,o;(null===(o=null===(i=e[n])||void 0===i?void 0:i.annotations)||void 0===o?void 0:o.length)&&e[n].annotations.forEach(((i,o)=>{p(i)||Cn(e,`${n}.annotations[${o}].text`,l)}))}("complexImageTaggingValues",n,e),(null===(v=null==n?void 0:n.answer)||void 0===v?void 0:v.length)&&n.answer.forEach(((l,i)=>{Cn(n,"answer["+i+"]",e)})),(null===(f=null===(c=null==n?void 0:n.scratchValues)||void 0===c?void 0:c[1])||void 0===f?void 0:f.text)&&Cn(n,"scratchValues[1].text",e)}function Vn(n,e,l){e[n].forEach(((i,o)=>{(null==i?void 0:i.length)&&i.forEach(((i,d)=>{g(i)?Cn(e,`${n}[${o}][${d}]`,l):i&&i.text&&Cn(e,`${n}[${o}][${d}].text`,l)}))}))}function $n(n,e){let l=x(n);if(!l&&(null==n?void 0:n.replace)){const e=n.replace(/(<([^>]+)>)/gi,"");l=x(e)}else!l&&c(n)&&e&&(l=(null==e?void 0:e.findIndex((e=>e.key===n)))>-1);return l}export{Z as A,rn as B,B as C,T as D,yn as E,M as F,gn as G,K as H,nn as I,an as J,Cn as K,Ln as L,$n as M,pn as N,hn as O,mn as P,cn as Q,In as R,b as S,y as T,A as U,un as a,q as b,E as c,S as d,L as e,V as f,vn as g,$ as h,P as i,z as j,W as k,D as l,bn as m,on as n,w as o,X as p,U as q,F as r,Q as s,G as t,_ as u,J as v,en as w,Y as x,N as y,ln as z}
+import{i as n,F as e,S as l,A as i}from"./p-4d956bd4.js";import{u as o,a3 as d,t,Y as a,a1 as u}from"./p-a966475f.js";import{g as s}from"./p-e37ba040.js";import{m as r,f as v,n as c}from"./p-9a039ee7.js";import{m as f,n as x}from"./p-2f6b3544.js";import"./p-b5241164.js";import{i as p}from"./p-9de400aa.js";import{c as I}from"./p-a7d0e964.js";import{i as g}from"./p-ca8f9900.js";import{g as m}from"./p-179b66ff.js";import{s as h}from"./p-dd576b82.js";const b=5;function y(n){var e;const l=[],i=[];return null===(e=null==n?void 0:n.fields)||void 0===e||e.forEach((e=>{e.sequentialConditionalField&&e.sequentialConditionalField.conditionId===n.condition._id?l.push(e):(!e.sequentialConditionalField||e.sequentialConditionalField&&e.sequentialConditionalField.conditionId!==n.condition._id)&&i.push(Object.assign(Object.assign({},e),{condition:n.condition}))})),{sequentialFields:l,nonSequentialFields:i}}function C(n){var e;let l=0;return null===(e=null==n?void 0:n.parentConditions)||void 0===e||e.forEach((e=>{var i;const o=null===(i=null==e?void 0:e.fields)||void 0===i?void 0:i.filter((e=>{var l;return(null===(l=e.sequentialConditionalField)||void 0===l?void 0:l.parentFieldName)===n.name}));l+=(null==o?void 0:o.length)||0,null==o||o.forEach((n=>{l+=C(n)}))})),l}function L(n,e,l=!1,i,o=!1){var d,t;const a=null===(d=n[e.slideIndex])||void 0===d?void 0:d.items[e.itemIndex];if(a){const d=I(a);if((null==d?void 0:d.opValues)&&(null===(t=null==d?void 0:d.opValues[0])||void 0===t?void 0:t.length)&&!d.values&&(d.values=I(d.opValues[0])),o?(d.name=r(d.title,e.slideIndex,e.itemIndex+1),d.customName=s()):d.name=s(),d.locked=!1,l)n[e.slideIndex].items.push(d);else if(i){const e=C(n[i.slideIndex].items[i.itemIndex]);n[i.slideIndex].items.splice(i.itemIndex+1+e,0,d)}else{const l=C(a);n[e.slideIndex].items.splice(e.itemIndex+1+l,0,d)}}return n}function V(n,e){null==n||n.forEach((n=>{var l;o(n.condition)&&(n.condition=n.condition.filter((n=>n._id!==e)),n.condition.length||delete n.condition),null===(l=n.items)||void 0===l||l.forEach((n=>{o(n.condition)&&(n.condition=n.condition.filter((n=>"string"!=typeof n&&n._id!==e)),n.condition.length||delete n.condition)}))}))}function $(n,e){return n.filter((n=>n.condition._id!==e))}function S(n,e){var l,i,t;if(d(e.itemIndex)||d(e.slideIndex)){const{slideIndex:l,itemIndex:i}=v(n,e.name);e=Object.assign({slideIndex:l,itemIndex:i},e)}null===(t=null===(i=null===(l=n[e.slideIndex])||void 0===l?void 0:l.items[e.itemIndex])||void 0===i?void 0:i.parentConditions)||void 0===t||t.forEach((e=>{var l;const i=e.condition._id;null===(l=e.fields)||void 0===l||l.forEach((e=>{n=F(n,e.name,[],i,{slideIndex:e.slideIndex,itemIndex:e.formCreatorIndex}).slides}))})),(n=function(n,e){return n.map((n=>(o(n.condition)&&n.condition.length>0&&(n.condition=n.condition.map((n=>o(n.field)&&n.field.length>0?n.field.filter((n=>n.name!==e)):n.field&&n.field.name!==e?n:n.field?void 0:n)),1===n.condition.length&&void 0===n.condition[0]&&delete n.condition),n)))}(n,e.name))[e.slideIndex].items.splice(e.itemIndex,1)}function F(n,e,l,i,t){let a;(d(t)||d(null==t?void 0:t.slideIndex)||d(null==t?void 0:t.itemIndex))&&(t=v(n,e)),i&&n[t.slideIndex].items[t.itemIndex]&&o(n[t.slideIndex].items[t.itemIndex].condition)&&n[t.slideIndex].items[t.itemIndex].condition.length>0?(a=n[t.slideIndex].items[t.itemIndex].condition.find((n=>n._id===i)),n[t.slideIndex].items[t.itemIndex].condition=n[t.slideIndex].items[t.itemIndex].condition.filter((n=>n._id!==i)),0===n[t.slideIndex].items[t.itemIndex].condition.length&&delete n[t.slideIndex].items[t.itemIndex].condition):(i&&n[t.slideIndex].items[t.itemIndex]&&n[t.slideIndex].items[t.itemIndex].condition&&n[t.slideIndex].items[t.itemIndex].condition._id===i||!i)&&(a=n[t.slideIndex].items[t.itemIndex].condition,delete n[t.slideIndex].items[t.itemIndex].condition);const u=j(n,a,l);return{slides:n=u.slides,unattachedParentConditions:l=u.unattachedParentConditions}}function j(n,e,l){if(e){const i=O(n,e._id);if(1===i.length){const{slides:o,unattachedParentConditions:d}=T(n,l,i.slideIndex,i.itemIndex,e);return{slides:o,unattachedParentConditions:d}}}return{slides:n,unattachedParentConditions:l}}function q(n,e,l,i){if(n[e]&&n[e].condition){let d;o(n[e].condition)?(d=n[e].condition.find((n=>n._id===l)),n[e].condition=n[e].condition.filter((n=>n._id!==l)),0===n[e].condition.length&&delete n[e].condition):n[e].condition._id===l&&(d=n[e].condition,delete n[e].condition);const t=j(n,d,i);n=t.slides,i=t.unattachedParentConditions}return{slides:n,unattachedParentConditions:i}}function O(n,e){let l=-1,i=-1,o=0;for(;i<0&&l<n.length-1;)l+=1,n[l].items&&n[l].items.length>0&&n[l].items.forEach(((n,l)=>{var d,t;(null===(d=null==n?void 0:n.parentConditions)||void 0===d?void 0:d.length)>0&&(null===(t=null==n?void 0:n.parentConditions)||void 0===t?void 0:t.findIndex((n=>n.condition._id===e)))>-1&&(i=l,o=n.parentConditions.length)}));return{slideIndex:l,itemIndex:i,length:o}}function T(n,e,l,i,o){var d,t,a;return(null===(t=null===(d=n[l])||void 0===d?void 0:d.items[i])||void 0===t?void 0:t.parentConditions)?n[l].items[i].parentConditions.push({condition:o,expandOnLoad:!0}):(null===(a=n[l])||void 0===a?void 0:a.items[i])&&(n[l].items[i].parentConditions=[{condition:o,expandOnLoad:!0}]),e.push({condition:o,slideIndex:l,itemIndex:i}),{slides:n,unattachedParentConditions:e}}function E(n,e,l){const i=l||[];return n[e.slideIndex].items[e.itemIndex]&&n[e.slideIndex].items[e.itemIndex].condition&&n[e.slideIndex].items[e.itemIndex].condition.length>0&&n[e.slideIndex].items[e.itemIndex].condition.forEach((e=>{const{length:l}=O(n,e._id);if(1===l){const{slideIndex:l,itemIndex:o}=v(n,e.field.name);i.push({slideIndex:l,itemIndex:o,condition:e})}})),i}function w(n){null==n||n.forEach((n=>{var e;null===(e=n.items)||void 0===e||e.forEach((n=>{delete n.selected}))}))}function A(n,e,l,i){if(n)return n.map(((n,o)=>{let d=o===l;return!d&&n.pageConditionIds&&n.pageConditionIds.length>0&&(d=n.pageConditionIds.includes(e._id)),{text:n.pageTitle,handler:()=>i(o),disabled:d}}))}function D(n,e,l,i){if(n){const o=n.map(((n,o)=>{var d;let t=[];return t=0===n.pageItems.length&&(null==i?void 0:i.emptySubmenuHandlerTitle)?[{text:null==i?void 0:i.emptySubmenuHandlerTitle,handler:()=>l(o,0,null)}]:n.pageItems.map(((n,d)=>{let t=!1;return(e&&e.field&&n.itemId===e.field.name||e&&n.conditionIds&&n.conditionIds.length>0&&n.conditionIds.includes(e._id))&&(t=!0),(null==i?void 0:i.selectedFields)&&(t=i.selectedFields.some((e=>e.name===n.itemId))),{text:n.itemTitle,handler:()=>l(o,d,n.itemId),disabled:t}})),(null===(d=null==i?void 0:i.extraStartingItems)||void 0===d?void 0:d.length)>0&&i.extraStartingItems.forEach((e=>{e.hideIfNoItems&&0===n.pageItems.length||t.unshift({text:e.title,handler:e.useHandler?()=>l(o,0,null):null,cssClass:e.cssClass})})),{text:n.pageTitle,subMenu:t}}));return 1===(null==n?void 0:n.length)?o[0].subMenu:o}}function P(e){return e===n.scoring}function B(n,e){var l;let o={type:n,_id:s(),operator:""},d=e.values;if(!d&&e.opValues&&e.opValues[0]&&(d=e.opValues[0]),"field"===n){let n;n=!(null==e?void 0:e.multiple)||"autocomplete"!==(null==e?void 0:e.type)&&"selectimage"!==(null==e?void 0:e.type)?null===(l=i.find((n=>n.type===e.type)))||void 0===l?void 0:l.conditionalOperators:["in","notin","equals","notequals"];const t=n?n[0]:null;o=Object.assign(Object.assign({},o),{field:{name:e.name,title:e.title,type:e.type,values:d},values:[d?d[0]:null],operator:t})}return o}function M(n,l){const i={type:n.type,title:t(n.title),name:s(),icon:n.icon,category:n.category};return n.type===e.select&&(i.imageLayout="row"),n.type===e.multiphotos&&(i.maxPhotos=5),n.type!==e.photo&&n.type!==e.multiphotos||(i.allowLibrary=!0,i.allowUnsplash=!0,i.allowGif=!0),n.type===e.information&&(i.value=""),n.type===e.emailreport&&(i.showUsers=!0),"lesson"===l&&(i.required=!0),i}function N(n){let e,l=[];n.forEach(((i,d)=>{var t;i.condition&&o(i.condition)&&i.condition.forEach((n=>{n.field&&(l=function(n,e,l){return l.field&&o(l.field)?l.field.forEach((()=>{n=R(n,l,e)})):l.field&&(n=R(n,l,e)),n}(l,d,n))})),null===(t=i.items)||void 0===t||t.forEach(((l,i)=>{var t,a;l.condition&&(o(l.condition)?l.condition.forEach((o=>{var t,a;(null===(a=null===(t=o)||void 0===t?void 0:t.field)||void 0===a?void 0:a.name)!==l.name&&(e=k({fieldConditions:e,slides:n,condition:o,field:l,childSlideIndex:d,childItemIndex:i}))})):(null===(a=null===(t=null==l?void 0:l.condition)||void 0===t?void 0:t.field)||void 0===a?void 0:a.name)!==l.name&&(e=k({fieldConditions:e,slides:n,condition:l.condition,field:l,childSlideIndex:d,childItemIndex:i})))}))}));const i=function(n,e){let l=e;return(null==n?void 0:n.length)&&(null==e?void 0:e.length)?n.forEach((n=>{l.push();const e=l.findIndex((e=>e.condition._id===n.condition._id));e>-1?l[e]=Object.assign(Object.assign({},l[e]),{pages:n.pages}):l.push(n)})):(null==n?void 0:n.length)?l=n:(null==e?void 0:e.length)&&(l=e),l}(l,e);return n=function(n,e){return null==e||e.forEach((e=>{var l,i,o,d;const{slideIndex:t,itemIndex:a}=v(n,e.condition.field.name);if(null===(o=null===(i=null===(l=n[t])||void 0===l?void 0:l.items[a])||void 0===i?void 0:i.parentConditions)||void 0===o?void 0:o.length){const l=n[t].items[a].parentConditions.findIndex((n=>n.condition._id===e.condition._id));l>-1?n[t].items[a].parentConditions[l]=e:n[t].items[a].parentConditions.push(e)}else(null===(d=n[t])||void 0===d?void 0:d.items[a])&&(n[t].items[a].parentConditions=[e])})),n}(n,i)}function k({fieldConditions:n,slides:e,condition:l,field:i,childSlideIndex:o,childItemIndex:d}){if(l.field){const t=l.field.name,{slideIndex:a,itemIndex:u}=v(e,t);if(e[a].items[u]){const s={condition:l,fields:[i]};if(H({slides:e,parentFieldSlideIndex:a,parentFieldItemIndex:u,childSlideIndex:o,childItemIndex:d,conditionId:l._id})?i.sequentialConditionalField={conditionId:l._id,parentFieldName:t,parentCustomFieldName:e[a].items[u].customName}:i.nonSequentialConditionalFieldPosition={slideIndex:o,itemIndex:d},null==n?void 0:n.length){const e=n.findIndex((n=>n.condition._id===l._id));e>-1?n[e].fields.push(i):n.push(s)}else n=[s]}}return n}function H({slides:n,parentFieldSlideIndex:e,parentFieldItemIndex:l,childSlideIndex:i,childItemIndex:o,conditionId:d}){var t;if(e===i&&o>0){const a=o-1;if(l===a)return!0;const u=n[i].items,s=u[a];let r=!1;if(null==u?void 0:u.length){const n=null===(t=u[o])||void 0===t?void 0:t.condition;(null==n?void 0:n.length)>1&&n.forEach((n=>{var e;n._id!==d&&(null===(e=null==n?void 0:n.field)||void 0===e?void 0:e.name)===s.name&&(r=!0)}))}if((null==s?void 0:s.sequentialConditionalField)&&!r)return H({slides:n,parentFieldSlideIndex:e,parentFieldItemIndex:l,childSlideIndex:i,childItemIndex:a,conditionId:d})}return!1}function R(n,e,l){if(n&&n.length>0){const i=n.findIndex((n=>n.condition._id===e._id));i>-1?n[i].pages.push({pageIndex:l}):n.push({condition:e,pages:[{pageIndex:l}]})}else n.push({condition:e,pages:[{pageIndex:l}]});return n}function z(n,e){const l={slideIndex:-1,itemIndex:-1,conditionIndex:-1};return null==n||n.some(((n,i)=>{var o;return null===(o=n.items)||void 0===o||o.some(((n,o)=>{var d;return!!((null===(d=null==n?void 0:n.parentConditions)||void 0===d?void 0:d.length)&&(l.conditionIndex=n.parentConditions.findIndex((n=>n.condition._id===e)),l.conditionIndex>-1))&&(l.slideIndex=i,l.itemIndex=o,!0)})),l.conditionIndex>=0})),l}function W(n,e){null==e||e.forEach((n=>{var e;null===(e=null==n?void 0:n.items)||void 0===e||e.forEach((n=>{var e;Array.isArray(n.condition)&&(null===(e=n.condition)||void 0===e?void 0:e.length)&&n.condition.forEach((()=>{}))}))}))}function U(n){const e=[];return n.reduce(((n,l)=>((null==l?void 0:l.selectedFields)&&l.selectedFields.forEach((l=>{e.indexOf(l.name)<0&&n.push(l.name),e.push(l.name)})),n)),[])}function Y(n){return(null==n?void 0:n.reduce(((n,e)=>{var l;return n+(null===(l=e.items)||void 0===l?void 0:l.length)||0}),0))||0}function G(n,e,l,i,o,d,{missionDescriptionChanged:t,slidesChanged:a,translationsUpdated:u,scoringChanged:s},r=null,v=!1){if(e){let n=!1;n=pn(l,{title:e.title,baseLanguage:d,order:0,entity:e,location:"lesson"===e.type?"lesson":"campaign",path:"title"},null,n),n=pn(l,{title:e.title,baseLanguage:d,order:1,entity:e,location:"lesson"===e.type?"lesson":"campaign",path:"text"},null,n),n&&(null==t||t.emit(e))}if(null==i?void 0:i.length){let n=!1;i.forEach(((i,o)=>{"lesson"!==(null==e?void 0:e.type)&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1),entity:i,location:"slide",path:"title",slideIndex:o},null,n),n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+1,entity:i,location:"slide",path:"description",slideIndex:o},null,n)),i.items&&i.items.forEach(((i,t)=>{var a,u,s,r;n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1),entity:i,location:"field",path:"title",slideIndex:o,fieldIndex:t},null,n),n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+2),entity:i,location:"field",path:"description",slideIndex:o,fieldIndex:t},null,n);let v=3;const c=function(n){var e,l,i,o,d,t;let a="";return n.complexSelectImageValues&&n.complexSelectImageValues.length>0?a="complexSelectImageValues":n.complexSwipeCardValues&&n.complexSwipeCardValues.length>0&&((null===(e=n.complexSwipeCardValues[0])||void 0===e?void 0:e.length)>0||(null===(l=n.complexSwipeCardValues[1])||void 0===l?void 0:l.length)>0)?a="complexSwipeCardValues":n.complexImageCollectionValues&&n.complexImageCollectionValues.length>0&&((null===(i=n.complexImageCollectionValues[0])||void 0===i?void 0:i.length)>0||(null===(o=n.complexImageCollectionValues[1])||void 0===o?void 0:o.length)>0)?a="complexImageCollectionValues":n.complexCategorizeWordsValues&&n.complexCategorizeWordsValues.length>0?a="complexCategorizeWordsValues":n.complexConnectValues&&n.complexConnectValues.length>0&&((null===(d=n.complexConnectValues[0])||void 0===d?void 0:d.length)>0||(null===(t=n.complexConnectValues[1])||void 0===t?void 0:t.length)>0)&&(a="complexConnectValues"),a}(i);if((null==c?void 0:c.length)>0){const{index:a,hasBeenEdited:u}=function(n,{baseLanguage:e,title:l,path:i,slideIndex:o,fieldIndex:d,idIndex:t,f:a},u=!1){var s;return null===(s=a[i])||void 0===s||s.forEach(((s,r)=>{null==s||s.forEach(((s,v)=>{g(s)?(u=pn(n,{title:l,baseLanguage:e,order:1e3*(o+1)+100*(d+1)+t,entity:a,location:"field",path:`${i}[${r}][${v}]`,slideIndex:o,fieldIndex:d,oldValue:s},null,u),t+=1):s&&s.text&&(u=pn(n,{title:l,baseLanguage:e,order:1e3*(o+1)+100*(d+1)+t,entity:a,location:"field",path:`${i}[${r}][${v}].text`,slideIndex:o,fieldIndex:d,oldValue:s.text},null,u),t+=1)}))})),{index:t,hasBeenEdited:u}}(l,{baseLanguage:d,title:e.title,path:c,slideIndex:o,fieldIndex:t,idIndex:v,f:i},n);n=u,v=a}else{const{values:a,path:u}=xn(i);a&&a.length>0&&u?a.forEach((a=>{n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:`${u}[${a.firstIndex}][${a.secondIndex}]`,slideIndex:o,fieldIndex:t,oldValue:a.value},null,n),v+=1})):i.values&&i.values.length>0&&i.values.forEach(((a,u)=>{n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"values["+u+"]",slideIndex:o,fieldIndex:t,oldValue:a},null,n),v+=1}))}if((null===(u=null===(a=i.complexImageTaggingValues)||void 0===a?void 0:a.annotations)||void 0===u?void 0:u.length)>0){const{index:a,hasBeenEdited:u}=function(n,{baseLanguage:e,title:l,path:i,slideIndex:o,fieldIndex:d,idIndex:t,f:a},u=!1){var s,r;return null===(r=null===(s=a[i])||void 0===s?void 0:s.annotations)||void 0===r||r.forEach(((s,r)=>{p(s)||(u=pn(n,{title:l,baseLanguage:e,order:1e3*(o+1)+100*(d+1)+t,entity:a,location:"field",path:`${i}.annotations[${r}].text`,slideIndex:o,fieldIndex:d,oldValue:s.text},null,u),t+=1)})),{index:t,hasBeenEdited:u}}(l,{baseLanguage:d,title:e.title,path:"complexImageTaggingValues",slideIndex:o,fieldIndex:t,idIndex:v,f:i},n);n=u,v=a}"information"===i.type&&i.value&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"value",slideIndex:o,fieldIndex:t},null,n),v+=1),i.answer&&i.answer.length>0&&i.answer.forEach(((a,u)=>{g(a)&&a.length>0&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"answer["+u+"]",slideIndex:o,fieldIndex:t},null,n),v+=1)})),i.categories&&i.categories.length>0&&(i.complexWordsCategories&&i.complexWordsCategories[0]&&i.complexWordsCategories[0].length>0&&(i.categories=i.complexWordsCategories[0]),i.complexSwipeCategories&&i.complexSwipeCategories[0]&&i.complexSwipeCategories[0].length>0&&(i.categories=i.complexSwipeCategories[0]),i.categories.forEach(((a,u)=>{n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"categories["+u+"]",slideIndex:o,fieldIndex:t},null,n),v+=1}))),i.sentence&&!i.complexSentence&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"sentence",slideIndex:o,fieldIndex:t},null,n),v+=1),i.complexSentence&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"complexSentence",slideIndex:o,fieldIndex:t},null,n),v+=1),i.complexTextSequenceHeading&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"complexTextSequenceHeading",slideIndex:o,fieldIndex:t},null,n),v+=1),i.explanation&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"explanation",slideIndex:o,fieldIndex:t},null,n),v+=1),(null===(r=null===(s=null==i?void 0:i.scratchValues)||void 0===s?void 0:s[1])||void 0===r?void 0:r.text)&&(n=pn(l,{title:e.title,baseLanguage:d,order:1e3*(o+1)+100*(t+1)+v,entity:i,location:"field",path:"scratchValues[1].text",slideIndex:o,fieldIndex:t},null,n),v+=1)}))})),n&&(null==a||a.emit({slides:i}))}(null==o?void 0:o.length)&&!(null==e?void 0:e.active)&&(o.forEach(((n,i)=>{pn(l,{title:e.title,baseLanguage:d,order:1e4*(i+1),entity:n,location:"scoring",path:"title"}),pn(l,{title:e.title,baseLanguage:d,order:1e4*(i+1)+1,entity:n,location:"scoring",path:"description"})})),null==s||s.emit(o)),u&&u.emit({translations:l,overwrite:n,googleTranslate:!0,languages:r,onlyTranslateMissingTranslations:v})}function J(n,e){null==n||n.forEach((n=>{var l;null===(l=n.items)||void 0===l||l.forEach((n=>{e.indexOf(n.name)>-1&&(n.hasScoring=!0)}))}))}function K(n,e){var l;const i=null===(l=null==n?void 0:n.scoreValuePairs)||void 0===l?void 0:l.map((n=>n.value));return e.forEach((e=>{var l;i.includes(e)||null===(l=null==n?void 0:n.scoreValuePairs)||void 0===l||l.push({value:e,score:null})})),n}function Q(n,e){var i;const o=[];return o.push(`${null==n?void 0:n.fieldName}value`),e===(null==l?void 0:l.numberRating)?o.push(null==n?void 0:n.fieldName):null===(i=null==n?void 0:n.scoreValuePairs)||void 0===i||i.forEach((e=>{null==o||o.push(`${null==n?void 0:n.fieldName}${null==e?void 0:e.value}`)})),o}function _(n,e){return n.reduce(((n,l)=>(l.name!==e&&n.push(l),n)),[])}function X(n){let e,l=0;return[n.map(((n,i)=>(n.isActive?(e=Object.assign({},n),n.isSelected=!0,l=i):n&&(n.isSelected=!1),n))),e,l]}function Z(n,e){var l,i;return!!n&&!!(null===(i=null===(l=n[e])||void 0===l?void 0:l.items)||void 0===i?void 0:i.length)}function nn(n){let e=[],l=[];return n&&o(n)?n.forEach((n=>{"tags"===n.type||"groups"===n.type?e.push(n):"field"===n.type&&l.push(n)})):!n||"tags"!==n.type&&"groups"!==n.type?n&&"field"===n.type&&(l=[n]):e=[n],{restrictionConditions:e,fieldConditions:l}}function en(n){null==n||n.forEach((n=>{var e;null===(e=n.items)||void 0===e||e.forEach(((n,e)=>{n.formCreatorIndex=e}))}))}function ln(n,e){return null==n||n.forEach((n=>{var l,i,o;const d=n.condition;(null===(i=null===(l=e[n.slideIndex])||void 0===l?void 0:l.items[n.itemIndex])||void 0===i?void 0:i.parentConditions)?e[n.slideIndex].items[n.itemIndex].parentConditions.findIndex((n=>n.condition._id===d._id))<0&&e[n.slideIndex].items[n.itemIndex].parentConditions.push({condition:d}):(null===(o=e[n.slideIndex])||void 0===o?void 0:o.items[n.itemIndex])&&(e[n.slideIndex].items[n.itemIndex].parentConditions=[{condition:d}])})),e}function on(n,e){const l=(null==n?void 0:n.findIndex((n=>n.condition._id===e._id)))||-1;return l>-1&&n.splice(l,1),n}function dn(n,e){var l,i;let o=(null===(l=null==e?void 0:e.sequentialConditionalField)||void 0===l?void 0:l.parentCustomFieldName)||(null===(i=null==e?void 0:e.sequentialConditionalField)||void 0===i?void 0:i.parentFieldName);const d=n.find((n=>n.name===o));return d&&(o=dn(n,d)),o}function tn(n,e,l){var i;if(null===(i=n.fields)||void 0===i?void 0:i.length){let i=[];return n.fields.forEach((n=>{var o;(null===(o=null==n?void 0:n.parentConditions)||void 0===o?void 0:o.length)&&n.parentConditions.forEach((n=>{const e=tn(n);e&&(i=[...i,...e.childFields])})),(null==n?void 0:n.sequentialConditionalField)&&l&&(l=function(n,e,l){if(l){const i=l.findIndex((e=>e.conditionId===n.sequentialConditionalField.conditionId));i>-1?l[i]={conditionId:n.sequentialConditionalField.conditionId,lastSequentialFieldIndex:e}:l.push({conditionId:n.sequentialConditionalField.conditionId,lastSequentialFieldIndex:e})}else l.push({conditionId:n.sequentialConditionalField.conditionId,lastSequentialFieldIndex:e});return l}(n,e+=1,l)),i.push({name:n.customName||n.name,sequentialConditionalField:n.sequentialConditionalField})})),l?{childFields:i,sequentialConditionFields:l,lastSequentialFieldIndex:e}:{childFields:i}}}function an(n,e){let l=[],i=[];if(null==n?void 0:n.length){let o=e;n.forEach((n=>{const e=tn(n,o,i);e&&(i=e.sequentialConditionFields,o=e.lastSequentialFieldIndex,l=[...l,...e.childFields])})),l.forEach((n=>{(null==n?void 0:n.sequentialConditionalField)&&(n.sequentialConditionalField.masterParentFieldName=dn(l,n))}))}return{childFields:l,sequentialConditionFields:i}}function un(n){var e,l;const i=[];null===(e=null==n?void 0:n.items)||void 0===e||e.forEach((n=>{const e=s();i.push({oldId:n.name,newId:e}),n.name=e})),null===(l=null==n?void 0:n.items)||void 0===l||l.forEach((n=>{var e;o(n.condition)?null===(e=n.condition)||void 0===e||e.forEach((n=>{sn(n,i)})):sn(n.condition,i)}))}function sn(n,e){var l;if(n&&!g(n)&&"field"===n.type&&(null===(l=n.field)||void 0===l?void 0:l.name)){const l=null==e?void 0:e.findIndex((e=>e.oldId===n.field.name));l>-1&&(n.field.name=e[l].newId,n._id=s())}}function rn(n){var e;let l=0;return(null===(e=null==n?void 0:n.parentConditions)||void 0===e?void 0:e.length)>0&&n.parentConditions.forEach((e=>{e&&e.fields&&e.fields.length>0&&e.fields&&e.fields.forEach((e=>{e.sequentialConditionalField&&e.sequentialConditionalField.parentFieldName===n.name&&(l+=1,l+=rn(e))}))})),l}function vn(n,e,l){let i=l;for(;n[e]&&n[e].items[i]&&n[e].items[i].sequentialConditionalField;)i=v(n,n[e].items[i].sequentialConditionalField.parentFieldName).itemIndex;return i}function cn(n,e,l,i){let o;if(n&&i){i=i.replace(/%/g,"");let d=e.findIndex((n=>i===n.key));-1===d&&(i=i.replace(/(<([^>]+)>)/gi,""),d=e.findIndex((n=>i===n.key))),e[d]&&e[d][l]&&(e[d][l]!==n&&(o=e[d]),e[d][l]=n)}return{translations:e,updatedTranslation:o}}function fn(n){const e=[];return n.forEach(((n,l)=>{n&&n.length>0&&n.forEach(((n,i)=>{e.push({value:n,firstIndex:l,secondIndex:i})}))})),e}function xn(n){return n.complexSelectValues&&n.complexSelectValues.length>0?{path:"complexSelectValues",values:fn(n.complexSelectValues)}:n.complexSelectMultiValues&&n.complexSelectMultiValues.length>0?{path:"complexSelectMultiValues",values:fn(n.complexSelectMultiValues)}:n.complexConnectValues&&n.complexConnectValues.length>0?{path:"complexConnectValues",values:fn(n.complexConnectValues)}:n.complexRevealValues&&n.complexRevealValues.length>0?{path:"complexRevealValues",values:fn(n.complexRevealValues)}:n.complexTextSequenceValues&&n.complexTextSequenceValues.length>0?{path:"complexTextSequenceValues",values:fn(n.complexTextSequenceValues)}:n.complexChatValues&&n.complexChatValues.length>0?{path:"complexChatValues",values:fn(n.complexChatValues)}:n.complexMissingWordValues&&n.complexMissingWordValues.length>0?{path:"complexMissingWordValues",values:fn(n.complexMissingWordValues)}:n.complexSwipeCardTextValues&&n.complexSwipeCardTextValues.length>0?{path:"complexSwipeCardTextValues",values:fn(n.complexSwipeCardTextValues)}:n.complexRankingValues&&n.complexRankingValues.length>0?{path:"complexRankingValues",values:fn(n.complexRankingValues)}:n.complexImageTaggingMockValues&&n.complexImageTaggingMockValues.length>0?{path:"complexImageTaggingMockValues",values:fn(n.complexImageTaggingMockValues)}:n.opValues&&n.opValues.length>0?{path:"opValues",values:fn(n.opValues)}:{path:null,values:null}}function pn(n,{title:e,order:l,entity:i,location:o,path:t,slideIndex:a,fieldIndex:u,oldValue:s,baseLanguage:r},v,c=!1){if("string"!=typeof(s=s||m(i,t)))return c;const x=$n(s,n)&&("field"===o&&"description"===t||"lesson"===o||"campaign"===o);if(!d(s)&&""!==s&&!x){let d=n.findIndex((n=>"%"+n.key+"%"===s||n.key===s));if(-1===d){const e=s.replace(/(<([^>]+)>)/gi,"");d=n.findIndex((n=>"%"+n.key+"%"===e||n.key===e))}if(d<0){const d=function(n,e,l){return f(n,e,l)}(e,s,{slideIndex:a,fieldIndex:u}),x={order:l,location:o,type:t,value:s,key:d,language:r};v&&(x.group=v.group,x.missionDescriptionRef=v.missionDescriptionRef,x._tenant=v._tenant,x._tenantRef=v._tenantRef),x[r]=s,n.push(x),h(i,t,"%"+d+"%"),c=!0}else n[d]&&(n[d].order=l)}return c}function In(n,e,l,i){return e.map((e=>{var o,d;return{text:n?e.title:`${t("FIELDIF")} ${a(null===(o=null==e?void 0:e.field)||void 0===o?void 0:o.title)} ${t(null===(d=e.operator)||void 0===d?void 0:d.toUpperCase())}: ${a(e.values?e.values[0]:e.value)}`,icon:n?"restriction":"condition",handler:()=>l.emit({conditionId:e._id}),actionableIcon:{icon:"delete",handler:()=>i.event.emit(Object.assign(Object.assign({},i.options),{conditionId:e._id}))}}}))}function gn(n,e,l){return(null==l?void 0:l.length)?!!l.find((l=>n&&n[l.slideIndex]&&n[l.slideIndex].items&&n[l.slideIndex].items[l.itemIndex]&&n[l.slideIndex].items[l.itemIndex][e])):!!(null==n?void 0:n.find((n=>n.items.findIndex((n=>n[e]))>-1)))}function mn(n,e){return(null==n?void 0:n.editable)?e={title:"EDITABLE",icon:"brush"}:(null==n?void 0:n.hidden)?e={title:"HIDDEN",icon:"offline"}:(null==n?void 0:n.readonly)&&(e={title:"READONLY",icon:"eye"}),e}function hn(n,e,l,i){n.stopPropagation();const o=n.detail;return null==e||e.forEach((n=>{var e;"parallel"===(null==n?void 0:n.type)?null===(e=null==n?void 0:n.steps)||void 0===e||e.forEach((n=>n.forEach((n=>{(null==n?void 0:n._id)===o&&(l=n)})))):(null==n?void 0:n._id)===o&&(l=n)})),i.emit(l),l}function bn(n,e){const l=[];return n.forEach((i=>{var o;delete i.parentConditions,delete i.slideIndex,delete i.slideTitle,(null==e?void 0:e.length)>0&&Ln(i,e),Array.isArray(null==i?void 0:i.condition)&&(null===(o=i.condition)||void 0===o?void 0:o.length)>0&&(i.condition=u(i.condition.map((e=>{var i;return"field"!==(null===(i=e)||void 0===i?void 0:i.type)||n.findIndex((n=>{var l;return n.name===(null===(l=e)||void 0===l?void 0:l.field.name)}))>-1?e:void l.push(e._id)}))))})),{cleanedFields:n,removedConditionIds:l}}function yn(n){const e=n.map((n=>{const e=I(n);return e.name=s(),e}));return e.forEach((l=>{var i;Array.isArray(null==l?void 0:l.condition)&&(null===(i=l.condition)||void 0===i?void 0:i.length)>0&&l.condition.forEach((l=>{if(l._id=s(),"field"===l.type){const i=n.findIndex((n=>{var e;return n.name===(null===(e=l)||void 0===e?void 0:e.field.name)}));i>-1&&(l.field.name=e[i].name)}}))})),e}function Cn(n,e,l){const i=n[e]?n[e]:m(n,e);if(n){const o=l.find((n=>{let e="";return i&&i.replace&&(e=i.replace(/(<([^>]+)>)/gi,"")),"%"+n.key+"%"===i||n.key===i||"%"+n.key+"%"===e||n.key===e}));o&&o.value&&h(n,e,o.value)}}function Ln(n,e){var l,i,o,d,t,a,u,s,r,v,c,f;Cn(n,"title",e),Cn(n,"description",e),Cn(n,"explanation",e),Cn(n,"sentence",e),Cn(n,"complexSentence",e),Cn(n,"value",e),Cn(n,"complexTextSequenceHeading",e);const{values:x,path:I}=xn(n);(null==x?void 0:x.length)&&I?x.forEach((l=>{Cn(n,`${I}[${l.firstIndex}][${l.secondIndex}]`,e)})):(null===(l=null==n?void 0:n.values)||void 0===l?void 0:l.length)&&n.values.forEach(((l,i)=>{Cn(n,"values["+i+"]",e)})),(null===(i=null==n?void 0:n.categories)||void 0===i?void 0:i.length)&&(n.categories.forEach(((l,i)=>{Cn(n,"categories["+i+"]",e)})),n.complexSwipeCategories&&n.complexSwipeCategories[0]&&n.complexSwipeCategories[0].length>0&&(n.complexSwipeCategories[0]=n.categories)),(null===(o=null==n?void 0:n.complexSelectImageValues)||void 0===o?void 0:o.length)&&Vn("complexSelectImageValues",n,e),(null===(d=null==n?void 0:n.complexSwipeCardValues)||void 0===d?void 0:d.length)&&Vn("complexSwipeCardValues",n,e),(null===(t=null==n?void 0:n.complexImageCollectionValues)||void 0===t?void 0:t.length)&&Vn("complexImageCollectionValues",n,e),(null===(a=null==n?void 0:n.complexCategorizeWordsValues)||void 0===a?void 0:a.length)&&Vn("complexCategorizeWordsValues",n,e),(null===(u=null==n?void 0:n.complexConnectValues)||void 0===u?void 0:u.length)&&Vn("complexConnectValues",n,e),(null===(r=null===(s=null==n?void 0:n.complexImageTaggingValues)||void 0===s?void 0:s.annotations)||void 0===r?void 0:r.length)&&function(n,e,l){var i,o;(null===(o=null===(i=e[n])||void 0===i?void 0:i.annotations)||void 0===o?void 0:o.length)&&e[n].annotations.forEach(((i,o)=>{p(i)||Cn(e,`${n}.annotations[${o}].text`,l)}))}("complexImageTaggingValues",n,e),(null===(v=null==n?void 0:n.answer)||void 0===v?void 0:v.length)&&n.answer.forEach(((l,i)=>{Cn(n,"answer["+i+"]",e)})),(null===(f=null===(c=null==n?void 0:n.scratchValues)||void 0===c?void 0:c[1])||void 0===f?void 0:f.text)&&Cn(n,"scratchValues[1].text",e)}function Vn(n,e,l){e[n].forEach(((i,o)=>{(null==i?void 0:i.length)&&i.forEach(((i,d)=>{g(i)?Cn(e,`${n}[${o}][${d}]`,l):i&&i.text&&Cn(e,`${n}[${o}][${d}].text`,l)}))}))}function $n(n,e){let l=x(n);if(!l&&(null==n?void 0:n.replace)){const e=n.replace(/(<([^>]+)>)/gi,"");l=x(e)}else!l&&c(n)&&e&&(l=(null==e?void 0:e.findIndex((e=>e.key===n)))>-1);return l}export{Z as A,rn as B,B as C,T as D,yn as E,M as F,gn as G,K as H,nn as I,an as J,Cn as K,Ln as L,$n as M,pn as N,hn as O,mn as P,cn as Q,In as R,b as S,y as T,A as U,un as a,q as b,E as c,S as d,L as e,V as f,vn as g,$ as h,P as i,z as j,W as k,D as l,bn as m,on as n,w as o,X as p,U as q,F as r,Q as s,G as t,_ as u,J as v,en as w,Y as x,N as y,ln as z}

package/dist/design-system/{p-f7b10ee1.entry.js → p-f0c01c22.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as e,H as r,g as o}from"./p-c26cc6ff.js";import{U as i,Y as l,T as p}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as d,a as n}from"./p-15fd070c.js";import"./p-b5241164.js";import{f as c}from"./p-33b2d3a2.js";import{c as b}from"./p-77bfd3e2.js";import{b as s}from"./p-432e8458.js";import{i as h}from"./p-cfdeea96.js";import{s as f}from"./p-2fbb14cc.js";import{d as g}from"./p-27e57020.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-f9649bd9.js";import"./p-3fc615dd.js";import"./p-5ebbcf89.js";import"./p-3c4a6a3e.js";const m=["draggable","connectable"],v=class{constructor(e){t(this,e),this.validityChanged=a(this,"validityChanged",7),this.inputChanged=a(this,"inputChanged",7),this.readonly=!1,this.animated=!0,this.shuffled=!0,this.isVisible=!1,this.colors=["warning","accent","royal","info","energized"]}onValuesChanged(){b(this.host,!this.isGameMatchable,"NOTALLPAIREDVALUES")}onValidityChanged(){this.validityChanged.emit(this.validity)}onValueChanged(){h(this.value,this.userAnswers)||(this.connectItems(),this.validateUserAnswers(this.value))}initAnswerChanged(){this.prepareGame()}async onIsVisibleChanged(t){t&&(await this.scrollToRevealGame(),this.setScrollableHeight())}get hasValues(){var t,a,e,r;return!(!(null===(a=null===(t=this.values)||void 0===t?void 0:t[0])||void 0===a?void 0:a.length)&&!(null===(r=null===(e=this.values)||void 0===e?void 0:e[1])||void 0===r?void 0:r.length))}get isGameMatchable(){var t,a,e,r;return(null===(a=null===(t=this.values)||void 0===t?void 0:t[0].filter((t=>t)))||void 0===a?void 0:a.length)===(null===(r=null===(e=this.values)||void 0===e?void 0:e[1].filter((t=>t)))||void 0===r?void 0:r.length)}get draggableElements(){return Array.from(this.host.shadowRoot.querySelectorAll(".draggable")||[])}get connectableElements(){return Array.from(this.host.shadowRoot.querySelectorAll(".connectable")||[])}componentWillLoad(){this.prepareGame()}componentWillUpdate(){var t;(null===(t=this.draggables)||void 0===t?void 0:t.find((t=>null==t?void 0:t.draggableInstance)))||this.initGame()}componentDidLoad(){this.initGame()}prepareGame(){this.prepareItems(),this.connectItems(),this.shuffleItems()}async initGame(){await this.scrollToRevealGame(),this.setScrollableHeight(),this.setDraggableObserver(),this.initDraggables()}initDraggables(){var t;null===(t=this.draggableElements)||void 0===t||t.forEach((t=>this.initDraggableActions(t)))}async scrollToRevealGame(){const t=this.host.closest("yoo-ion-scroll");return t&&new Promise((a=>{setTimeout((()=>{t.scrollTo({top:t.scrollHeight,behavior:"smooth"}),a()}),1e3)}))}setScrollableHeight(){var t,a,e,r,o,i,l;const{bottom:p}=this.host.getBoundingClientRect(),d=(null===(a=null===(t=this.values)||void 0===t?void 0:t[0])||void 0===a?void 0:a.length)||0,n=null===(e=this.host.closest("form"))||void 0===e?void 0:e.getBoundingClientRect(),c=(null===(o=null===(r=this.innerContainerElement)||void 0===r?void 0:r.querySelector("[id]"))||void 0===o?void 0:o.clientHeight)+8+8/d+1;if(c&&n&&p>n.bottom&&(null===(l=null===(i=this.values)||void 0===i?void 0:i[0])||void 0===l?void 0:l.length)){const t=Math.floor(n.height/c);this.innerContainerElement.style.maxHeight=`${Math.min(n.height,t*c+8*(t+1)+8)}px`}}setDraggableObserver(){this.draggables=this.draggables.map((t=>new Proxy(t,{set:(t,a,e)=>("connectableId"===a&&(t[a]=e,this.draggables.forEach((a=>{a.connectableId===e&&a.id!==t.id&&delete a.connectableId})),this.getUserAnswers(),this.validateUserAnswers()),t[a]=e)})))}shuffleItems(){this.shuffled&&m.forEach((t=>this[`${t}s`]=f(this[`${t}s`])))}prepareItems(){m.forEach(((t,a)=>{var e,r;this[`${t}s`]=(null===(r=null===(e=this.values)||void 0===e?void 0:e[a])||void 0===r?void 0:r.map(((t,e)=>Object.assign({value:t,id:d()},!a&&{color:this.colors[e]}))))||[]}))}connectItems(){this.value&&(this.draggables=this.draggables.map((t=>{var a,e,r;const[o,i]=(null===(a=this.value)||void 0===a?void 0:a.find((a=>a.includes(t.value))))||[];return Object.assign(Object.assign({},t),o&&i&&{connectableId:null===(r=null===(e=this.connectables)||void 0===e?void 0:e.find((t=>t.value===o||t.value===i)))||void 0===r?void 0:r.id})})))}initDraggableActions(t){var a;if(t){let e;const r=null===(a=this.draggables)||void 0===a?void 0:a.find((a=>(null==a?void 0:a.id)===t.id)),o=()=>{var a,o;const{x:i,width:l}=t.getBoundingClientRect();if(i+l>=this.innerContainerElement.querySelector(".connectables").getBoundingClientRect().x&&this.connectableElements.forEach((t=>{var a,o;(null===(o=null===(a=null==r?void 0:r.draggableInstance)||void 0===a?void 0:a.hitTest)||void 0===o?void 0:o.call(a,t,"65%"))&&t.id!==r.connectableId&&(e=t,e.style.backgroundColor="var(--stable-light)")})),e&&!r.draggableInstance.hitTest(e,"65%")){["color","background-color"].forEach((t=>e.style.removeProperty(t)));const t=null===(o=null===(a=this.draggables)||void 0===a?void 0:a.find((t=>(null==t?void 0:t.connectableId)===e.id)))||void 0===o?void 0:o.color;t&&(e.style.backgroundColor=`var(--${t}`,e.style.color="var(--light)"),e=null}},l=async()=>{await p(t,this.animated?.25:0,{x:0,y:0}),e&&(r.connectableId=e.id,this.autoCompleteLastConnection()),e=null},d=()=>{delete r.connectableId,this.autoEraseLastConnection(),this.getUserAnswers(),this.validateUserAnswers()};!this.readonly&&this.isGameMatchable&&t&&(r.draggableInstance=new i(t,{autoScroll:1,bound:this.innerContainerElement,onDrag:o,onClick:d,onRelease:l}))}}getUserAnswers(){this.userAnswers=this.draggables.map((t=>[t.value,t.connectableId?this.connectables.find((a=>a.id===t.connectableId)).value:""]))}validateUserAnswers(t=this.userAnswers){this.validity=!(null==t?void 0:t.reduce(((t,a)=>t+a.filter((t=>!t)).length),0)),s(t,this)}autoEraseLastConnection(){const t=this.draggables.filter((t=>t.connectableId));1===(null==t?void 0:t.length)&&delete t[0].connectableId}autoCompleteLastConnection(){var t;const a=this.draggables.filter((t=>!t.connectableId));if(1===(null==a?void 0:a.length)){const e=a[0],r=null===(t=g(this.connectables.map((t=>t.id)),this.draggables.map((t=>t.connectableId))))||void 0===t?void 0:t[0];e.connectableId=r}}truncateValue(t){if(t){const a=50,e=l(t);return e.length>a?e.substr(0,a).concat("..."):e}}renderCorrectionIcon(t){const a=a=>null==a?void 0:a.find((a=>a.includes(t))),r=h(a(this.value),a(this.answer));return e("yoo-icon",{size:"medium",name:r?"check":"cross",color:r?"success":"danger"})}renderContainer(t){var a;return e("section",{class:{[`${t}s`]:!0}},null===(a=this[`${t}s`])||void 0===a?void 0:a.map((a=>{var r,o;const{id:i,value:l,connectableId:p,color:d}=a||{},c=!(!l||!n(l)),b=!(!p&&!this.draggables.find((t=>t.connectableId===i))),s=d||(null===(o=null===(r=this.draggables)||void 0===r?void 0:r.find((t=>t.connectableId===i)))||void 0===o?void 0:o.color);return!!l&&e("div",{class:"tile-container"},e("div",Object.assign({},b&&{style:{backgroundColor:`var(--${s})`,color:"var(--light)"}},{id:i,key:i,class:{[t]:!0,image:c,animated:this.animated}}),c?[e("yoo-img",{type:"background",src:l}),e("div",{class:"overlay"})]:e("p",null,this.truncateValue(l)),this.readonly&&this.renderCorrectionIcon(l)))})))}renderBanner(){return this.livePreview&&e("yoo-banner",null)}render(){return this.hasValues&&e(r,{class:c(this.host)},this.renderBanner(),e("div",{class:"inner-container",ref:t=>this.innerContainerElement=t},m.map((t=>this.renderContainer(t)))))}get host(){return o(this)}static get watchers(){return{values:["onValuesChanged"],validity:["onValidityChanged"],value:["onValueChanged"],answer:["initAnswerChanged"],isVisible:["onIsVisibleChanged"]}}};v.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}.bg-app-color{background-color:var(--app-color) !important}.app-color{color:var(--app-color);fill:var(--app-color)}.border-app-color{border:var(--border-width-02, 0.125rem) solid var(--app-color)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.border-success{border:var(--border-width-02, 0.125rem) solid var(--success, #3aa76d)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.border-danger{border:var(--border-width-02, 0.125rem) solid var(--danger, #d44333)}.bg-danger-light{background-color:var(--danger-light, #f46885) !important}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.border-danger-light{border:var(--border-width-02, 0.125rem) solid var(--danger-light, #f46885)}.bg-energized{background-color:var(--energized, #fed05b) !important}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.border-energized{border:var(--border-width-02, 0.125rem) solid var(--energized, #fed05b)}.bg-royal{background-color:var(--royal, #7577ff) !important}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.border-royal{border:var(--border-width-02, 0.125rem) solid var(--royal, #7577ff)}.bg-info{background-color:var(--info, #fc459e) !important}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.border-info{border:var(--border-width-02, 0.125rem) solid var(--info, #fc459e)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.border-dark{border:var(--border-width-02, 0.125rem) solid var(--dark, #000000)}.bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.border-dark-to-light{border:var(--border-width-02, 0.125rem) solid var(--dark-to-light, #000000)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.border-text-color{border:var(--border-width-02, 0.125rem) solid var(--text-color, #807f83)}.bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.border-text-color-to-light-60{border:var(--border-width-02, 0.125rem) solid var(--text-color-to-light-60, #807f83)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.border-light{border:var(--border-width-02, 0.125rem) solid var(--light, #ffffff)}.bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.border-light-to-dark{border:var(--border-width-02, 0.125rem) solid var(--light-to-dark, #ffffff)}.bg-light-orange{background-color:var(--light-orange, #fcae49) !important}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.border-light-orange{border:var(--border-width-02, 0.125rem) solid var(--light-orange, #fcae49)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.border-stable{border:var(--border-width-02, 0.125rem) solid var(--stable, #adadad)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.border-stable-light{border:var(--border-width-02, 0.125rem) solid var(--stable-light, #f1f1f1)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.border-stable-alt{border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}.bg-warning{background-color:var(--warning, #ff6402) !important}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.border-warning{border:var(--border-width-02, 0.125rem) solid var(--warning, #ff6402)}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.border-accent{border:var(--border-width-02, 0.125rem) solid var(--accent, #276ef1)}.bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.border-text-color-to-stable{border:var(--border-width-02, 0.125rem) solid var(--text-color-to-stable, #807f83)}.bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.border-stable-to-stable-20{border:var(--border-width-02, 0.125rem) solid var(--stable-to-stable-20, #adadad)}.bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.border-stable-to-light{border:var(--border-width-02, 0.125rem) solid var(--stable-to-light, #adadad)}.bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}.border-stable-alt-to-light-10{border:var(--border-width-02, 0.125rem) solid var(--stable-alt-to-light-10, #d0d0d0)}:host{display:block;width:100%;max-width:24rem;margin:0 auto}:host p{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:var(--spacing-16, 1rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);text-align:center}:host yoo-banner{height:0}:host yoo-icon{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem);background:var(--light-to-dark, #ffffff);border-radius:50%}:host yoo-img{border-radius:inherit}:host .inner-container,:host .draggables,:host .connectables{display:grid;grid-gap:var(--spacing-08, 0.5rem)}:host .draggables,:host .connectables{height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:var(--spacing-08, 0.5rem) 0}:host .inner-container{grid-template-rows:repeat(auto-fit, 75%);grid-template-columns:1fr 1fr;padding:0 var(--spacing-08, 0.5rem);overflow:hidden auto;background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));border-radius:var(--border-radius-04, 0.25rem);-webkit-transition:height 500ms linear;transition:height 500ms linear;}:host .inner-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem)}:host .inner-container::-webkit-scrollbar-track{border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:inset 0 0 5px var(--stable, #adadad);box-shadow:inset 0 0 5px var(--stable, #adadad)}:host .inner-container::-webkit-scrollbar-thumb{background:var(--app-color);border-radius:var(--border-radius-04, 0.25rem)}:host .connectable,:host .draggable{position:relative;width:100%;max-width:12rem;height:100%;background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .connectable:before,:host .draggable:before{display:block;width:0;height:0;padding-bottom:calc(3 / 4 * 100%);content:""}:host .connectable.animated,:host .draggable.animated{-webkit-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out}:host .connectable.image,:host .draggable.image{padding:0;background-color:transparent}:host .connectable>*:not(yoo-icon),:host .draggable>*:not(yoo-icon){position:absolute;top:0;left:0;width:100%;height:100%}:host .overlay{background-color:inherit;border-radius:inherit;opacity:0.6}';export{v as yoo_form_connect}
+import{r as t,c as a,h as e,H as r,g as o}from"./p-c26cc6ff.js";import{U as i,Y as l,T as p}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as d,a as n}from"./p-e37ba040.js";import"./p-b5241164.js";import{f as c}from"./p-33b2d3a2.js";import{c as b}from"./p-77bfd3e2.js";import{b as s}from"./p-432e8458.js";import{i as h}from"./p-cfdeea96.js";import{s as f}from"./p-2fbb14cc.js";import{d as g}from"./p-27e57020.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-f9649bd9.js";import"./p-3fc615dd.js";import"./p-5ebbcf89.js";import"./p-3c4a6a3e.js";const m=["draggable","connectable"],v=class{constructor(e){t(this,e),this.validityChanged=a(this,"validityChanged",7),this.inputChanged=a(this,"inputChanged",7),this.readonly=!1,this.animated=!0,this.shuffled=!0,this.isVisible=!1,this.colors=["warning","accent","royal","info","energized"]}onValuesChanged(){b(this.host,!this.isGameMatchable,"NOTALLPAIREDVALUES")}onValidityChanged(){this.validityChanged.emit(this.validity)}onValueChanged(){h(this.value,this.userAnswers)||(this.connectItems(),this.validateUserAnswers(this.value))}initAnswerChanged(){this.prepareGame()}async onIsVisibleChanged(t){t&&(await this.scrollToRevealGame(),this.setScrollableHeight())}get hasValues(){var t,a,e,r;return!(!(null===(a=null===(t=this.values)||void 0===t?void 0:t[0])||void 0===a?void 0:a.length)&&!(null===(r=null===(e=this.values)||void 0===e?void 0:e[1])||void 0===r?void 0:r.length))}get isGameMatchable(){var t,a,e,r;return(null===(a=null===(t=this.values)||void 0===t?void 0:t[0].filter((t=>t)))||void 0===a?void 0:a.length)===(null===(r=null===(e=this.values)||void 0===e?void 0:e[1].filter((t=>t)))||void 0===r?void 0:r.length)}get draggableElements(){return Array.from(this.host.shadowRoot.querySelectorAll(".draggable")||[])}get connectableElements(){return Array.from(this.host.shadowRoot.querySelectorAll(".connectable")||[])}componentWillLoad(){this.prepareGame()}componentWillUpdate(){var t;(null===(t=this.draggables)||void 0===t?void 0:t.find((t=>null==t?void 0:t.draggableInstance)))||this.initGame()}componentDidLoad(){this.initGame()}prepareGame(){this.prepareItems(),this.connectItems(),this.shuffleItems()}async initGame(){await this.scrollToRevealGame(),this.setScrollableHeight(),this.setDraggableObserver(),this.initDraggables()}initDraggables(){var t;null===(t=this.draggableElements)||void 0===t||t.forEach((t=>this.initDraggableActions(t)))}async scrollToRevealGame(){const t=this.host.closest("yoo-ion-scroll");return t&&new Promise((a=>{setTimeout((()=>{t.scrollTo({top:t.scrollHeight,behavior:"smooth"}),a()}),1e3)}))}setScrollableHeight(){var t,a,e,r,o,i,l;const{bottom:p}=this.host.getBoundingClientRect(),d=(null===(a=null===(t=this.values)||void 0===t?void 0:t[0])||void 0===a?void 0:a.length)||0,n=null===(e=this.host.closest("form"))||void 0===e?void 0:e.getBoundingClientRect(),c=(null===(o=null===(r=this.innerContainerElement)||void 0===r?void 0:r.querySelector("[id]"))||void 0===o?void 0:o.clientHeight)+8+8/d+1;if(c&&n&&p>n.bottom&&(null===(l=null===(i=this.values)||void 0===i?void 0:i[0])||void 0===l?void 0:l.length)){const t=Math.floor(n.height/c);this.innerContainerElement.style.maxHeight=`${Math.min(n.height,t*c+8*(t+1)+8)}px`}}setDraggableObserver(){this.draggables=this.draggables.map((t=>new Proxy(t,{set:(t,a,e)=>("connectableId"===a&&(t[a]=e,this.draggables.forEach((a=>{a.connectableId===e&&a.id!==t.id&&delete a.connectableId})),this.getUserAnswers(),this.validateUserAnswers()),t[a]=e)})))}shuffleItems(){this.shuffled&&m.forEach((t=>this[`${t}s`]=f(this[`${t}s`])))}prepareItems(){m.forEach(((t,a)=>{var e,r;this[`${t}s`]=(null===(r=null===(e=this.values)||void 0===e?void 0:e[a])||void 0===r?void 0:r.map(((t,e)=>Object.assign({value:t,id:d()},!a&&{color:this.colors[e]}))))||[]}))}connectItems(){this.value&&(this.draggables=this.draggables.map((t=>{var a,e,r;const[o,i]=(null===(a=this.value)||void 0===a?void 0:a.find((a=>a.includes(t.value))))||[];return Object.assign(Object.assign({},t),o&&i&&{connectableId:null===(r=null===(e=this.connectables)||void 0===e?void 0:e.find((t=>t.value===o||t.value===i)))||void 0===r?void 0:r.id})})))}initDraggableActions(t){var a;if(t){let e;const r=null===(a=this.draggables)||void 0===a?void 0:a.find((a=>(null==a?void 0:a.id)===t.id)),o=()=>{var a,o;const{x:i,width:l}=t.getBoundingClientRect();if(i+l>=this.innerContainerElement.querySelector(".connectables").getBoundingClientRect().x&&this.connectableElements.forEach((t=>{var a,o;(null===(o=null===(a=null==r?void 0:r.draggableInstance)||void 0===a?void 0:a.hitTest)||void 0===o?void 0:o.call(a,t,"65%"))&&t.id!==r.connectableId&&(e=t,e.style.backgroundColor="var(--stable-light)")})),e&&!r.draggableInstance.hitTest(e,"65%")){["color","background-color"].forEach((t=>e.style.removeProperty(t)));const t=null===(o=null===(a=this.draggables)||void 0===a?void 0:a.find((t=>(null==t?void 0:t.connectableId)===e.id)))||void 0===o?void 0:o.color;t&&(e.style.backgroundColor=`var(--${t}`,e.style.color="var(--light)"),e=null}},l=async()=>{await p(t,this.animated?.25:0,{x:0,y:0}),e&&(r.connectableId=e.id,this.autoCompleteLastConnection()),e=null},d=()=>{delete r.connectableId,this.autoEraseLastConnection(),this.getUserAnswers(),this.validateUserAnswers()};!this.readonly&&this.isGameMatchable&&t&&(r.draggableInstance=new i(t,{autoScroll:1,bound:this.innerContainerElement,onDrag:o,onClick:d,onRelease:l}))}}getUserAnswers(){this.userAnswers=this.draggables.map((t=>[t.value,t.connectableId?this.connectables.find((a=>a.id===t.connectableId)).value:""]))}validateUserAnswers(t=this.userAnswers){this.validity=!(null==t?void 0:t.reduce(((t,a)=>t+a.filter((t=>!t)).length),0)),s(t,this)}autoEraseLastConnection(){const t=this.draggables.filter((t=>t.connectableId));1===(null==t?void 0:t.length)&&delete t[0].connectableId}autoCompleteLastConnection(){var t;const a=this.draggables.filter((t=>!t.connectableId));if(1===(null==a?void 0:a.length)){const e=a[0],r=null===(t=g(this.connectables.map((t=>t.id)),this.draggables.map((t=>t.connectableId))))||void 0===t?void 0:t[0];e.connectableId=r}}truncateValue(t){if(t){const a=50,e=l(t);return e.length>a?e.substr(0,a).concat("..."):e}}renderCorrectionIcon(t){const a=a=>null==a?void 0:a.find((a=>a.includes(t))),r=h(a(this.value),a(this.answer));return e("yoo-icon",{size:"medium",name:r?"check":"cross",color:r?"success":"danger"})}renderContainer(t){var a;return e("section",{class:{[`${t}s`]:!0}},null===(a=this[`${t}s`])||void 0===a?void 0:a.map((a=>{var r,o;const{id:i,value:l,connectableId:p,color:d}=a||{},c=!(!l||!n(l)),b=!(!p&&!this.draggables.find((t=>t.connectableId===i))),s=d||(null===(o=null===(r=this.draggables)||void 0===r?void 0:r.find((t=>t.connectableId===i)))||void 0===o?void 0:o.color);return!!l&&e("div",{class:"tile-container"},e("div",Object.assign({},b&&{style:{backgroundColor:`var(--${s})`,color:"var(--light)"}},{id:i,key:i,class:{[t]:!0,image:c,animated:this.animated}}),c?[e("yoo-img",{type:"background",src:l}),e("div",{class:"overlay"})]:e("p",null,this.truncateValue(l)),this.readonly&&this.renderCorrectionIcon(l)))})))}renderBanner(){return this.livePreview&&e("yoo-banner",null)}render(){return this.hasValues&&e(r,{class:c(this.host)},this.renderBanner(),e("div",{class:"inner-container",ref:t=>this.innerContainerElement=t},m.map((t=>this.renderContainer(t)))))}get host(){return o(this)}static get watchers(){return{values:["onValuesChanged"],validity:["onValidityChanged"],value:["onValueChanged"],answer:["initAnswerChanged"],isVisible:["onIsVisibleChanged"]}}};v.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}.bg-app-color{background-color:var(--app-color) !important}.app-color{color:var(--app-color);fill:var(--app-color)}.border-app-color{border:var(--border-width-02, 0.125rem) solid var(--app-color)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.border-success{border:var(--border-width-02, 0.125rem) solid var(--success, #3aa76d)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.border-danger{border:var(--border-width-02, 0.125rem) solid var(--danger, #d44333)}.bg-danger-light{background-color:var(--danger-light, #f46885) !important}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.border-danger-light{border:var(--border-width-02, 0.125rem) solid var(--danger-light, #f46885)}.bg-energized{background-color:var(--energized, #fed05b) !important}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.border-energized{border:var(--border-width-02, 0.125rem) solid var(--energized, #fed05b)}.bg-royal{background-color:var(--royal, #7577ff) !important}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.border-royal{border:var(--border-width-02, 0.125rem) solid var(--royal, #7577ff)}.bg-info{background-color:var(--info, #fc459e) !important}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.border-info{border:var(--border-width-02, 0.125rem) solid var(--info, #fc459e)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.border-dark{border:var(--border-width-02, 0.125rem) solid var(--dark, #000000)}.bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.border-dark-to-light{border:var(--border-width-02, 0.125rem) solid var(--dark-to-light, #000000)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.border-text-color{border:var(--border-width-02, 0.125rem) solid var(--text-color, #807f83)}.bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.border-text-color-to-light-60{border:var(--border-width-02, 0.125rem) solid var(--text-color-to-light-60, #807f83)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.border-light{border:var(--border-width-02, 0.125rem) solid var(--light, #ffffff)}.bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.border-light-to-dark{border:var(--border-width-02, 0.125rem) solid var(--light-to-dark, #ffffff)}.bg-light-orange{background-color:var(--light-orange, #fcae49) !important}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.border-light-orange{border:var(--border-width-02, 0.125rem) solid var(--light-orange, #fcae49)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.border-stable{border:var(--border-width-02, 0.125rem) solid var(--stable, #adadad)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.border-stable-light{border:var(--border-width-02, 0.125rem) solid var(--stable-light, #f1f1f1)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.border-stable-alt{border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}.bg-warning{background-color:var(--warning, #ff6402) !important}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.border-warning{border:var(--border-width-02, 0.125rem) solid var(--warning, #ff6402)}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.border-accent{border:var(--border-width-02, 0.125rem) solid var(--accent, #276ef1)}.bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.border-text-color-to-stable{border:var(--border-width-02, 0.125rem) solid var(--text-color-to-stable, #807f83)}.bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.border-stable-to-stable-20{border:var(--border-width-02, 0.125rem) solid var(--stable-to-stable-20, #adadad)}.bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.border-stable-to-light{border:var(--border-width-02, 0.125rem) solid var(--stable-to-light, #adadad)}.bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}.border-stable-alt-to-light-10{border:var(--border-width-02, 0.125rem) solid var(--stable-alt-to-light-10, #d0d0d0)}:host{display:block;width:100%;max-width:24rem;margin:0 auto}:host p{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:var(--spacing-16, 1rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);text-align:center}:host yoo-banner{height:0}:host yoo-icon{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem);background:var(--light-to-dark, #ffffff);border-radius:50%}:host yoo-img{border-radius:inherit}:host .inner-container,:host .draggables,:host .connectables{display:grid;grid-gap:var(--spacing-08, 0.5rem)}:host .draggables,:host .connectables{height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:var(--spacing-08, 0.5rem) 0}:host .inner-container{grid-template-rows:repeat(auto-fit, 75%);grid-template-columns:1fr 1fr;padding:0 var(--spacing-08, 0.5rem);overflow:hidden auto;background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));border-radius:var(--border-radius-04, 0.25rem);-webkit-transition:height 500ms linear;transition:height 500ms linear;}:host .inner-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem)}:host .inner-container::-webkit-scrollbar-track{border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:inset 0 0 5px var(--stable, #adadad);box-shadow:inset 0 0 5px var(--stable, #adadad)}:host .inner-container::-webkit-scrollbar-thumb{background:var(--app-color);border-radius:var(--border-radius-04, 0.25rem)}:host .connectable,:host .draggable{position:relative;width:100%;max-width:12rem;height:100%;background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .connectable:before,:host .draggable:before{display:block;width:0;height:0;padding-bottom:calc(3 / 4 * 100%);content:""}:host .connectable.animated,:host .draggable.animated{-webkit-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out}:host .connectable.image,:host .draggable.image{padding:0;background-color:transparent}:host .connectable>*:not(yoo-icon),:host .draggable>*:not(yoo-icon){position:absolute;top:0;left:0;width:100%;height:100%}:host .overlay{background-color:inherit;border-radius:inherit;opacity:0.6}';export{v as yoo_form_connect}