@yoobic/yobi 7.7.38 → 7.7.42

package/dist/design-system/{p-1b60268b.entry.js → p-e960fda6.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,g as o}from"./p-c26cc6ff.js";import{t as r,bw as i,ab as n,Z as p,j as s}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{p as l}from"./p-966f7b7c.js";import"./p-09088888.js";import{f as c}from"./p-e68604b7.js";import{f as d}from"./p-ebaea471.js";import{a as m}from"./p-8214c671.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-c4388b4c.js";import"./p-14f4460e.js";import"./p-5d188f8a.js";import"./p-29203fa2.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-d9e56655.js";import"./p-ba705441.js";import"./p-3b40f968.js";import"./p-bd19a341.js";import"./p-74183731.js";import"./p-d76643c1.js";import"./p-2de7b03a.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-773567d1.js";const b=class{constructor(a){t(this,a),this.selectLocation=e(this,"selectLocation",7),this.selectUser=e(this,"selectUser",7),this.selectValidator=e(this,"selectValidator",7),this.showScoreChart=e(this,"showScoreChart",7)}onScoreSelect(t){this.showScoreChart.emit(t)}renderPriority(){return this.mission.priority?a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("div",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"priority"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("PRIORITY")),a("div",{class:"menu-content"},"P",this.mission.priority))):null}renderDistance(){return this.distance>0?a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("div",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"pin"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("DISTANCE")),a("div",{class:"menu-content"},d(this.distance)))):null}renderExtraActions(t){const e=this.extraActions.filter((e=>!(null==e?void 0:e.isVisible)||e.isVisible(t)));if(e.length>0)return a("div",{class:"extra-action-container"},e.map((e=>a("yoo-icon",{name:null==e?void 0:e.icon(),color:null==e?void 0:e.iconColor(),onClick:a=>((e,a)=>{e.stopPropagation(),(null==a?void 0:a.handler)&&a.handler(t)})(a,e)}))))}renderMissionOwner(){var t;return a("li",{class:"menu-item",onClick:()=>this.selectUser.emit()},a("div",{class:"menu-left"},a("div",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"user"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("visit"===this.mission.type?"YOOBICUSER":"FINISHEDBY")),a("div",{class:"menu-content menu-author"},this.mission.needsRebooking&&this.mission.assigneeOwnerDisplayName?a("span",{class:"text"},this.mission.assigneeOwnerDisplayName):[this.mission.owner&&a("yoo-avatar",{size:"small",user:this.mission.owner}),a("span",{class:"text"},this.mission.ownerDisplayName),(null===(t=this.extraActions)||void 0===t?void 0:t.length)>0&&this.renderExtraActions(this.mission.owner)])))}renderMissionDuration(){return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"date-time"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("DURATION")),a("div",{class:"menu-content"},i(n(new Date,"minutes",this.mission.actualDuration),!0))))}renderMissionValidator(){var t;return!this.mission.validatedBy||!0!==this.mission.validated&&!1!==this.mission.validated?null:a("li",{class:"menu-item",onClick:()=>this.selectValidator.emit()},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",!1===this.mission.validated?{size:"medium",color:"app-color",icon:"rejector"}:{size:"medium",color:"app-color",icon:"validator"})," "),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r(!1===this.mission.validated?"REJECTEDBY":"VALIDATEDBY")),a("div",{class:"menu-content menu-author"},this.mission.validatedByUser?a("yoo-avatar",{size:"small",user:this.mission.validatedByUser}):null,a("span",{class:"text"}," ",this.mission.validatedByUser?this.mission.validatedByUser.firstName+" "+this.mission.validatedByUser.lastName:this.mission.validatedBy),this.mission&&this.mission.validatedDate?a("div",{class:"mission-date"},l.dateFormat.transform(this.mission.validatedDate,"L")):null,(null===(t=this.extraActions)||void 0===t?void 0:t.length)>0&&this.mission.validatedByUser&&this.renderExtraActions(this.mission.validatedByUser))))}renderMissionLocation(){return a("li",{class:"menu-item",onClick:()=>this.selectLocation.emit()},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"map",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("YOOBICSTORE")),a("div",{class:"menu-content"},this.mission.address)))}renderMissionAisle(){var t;return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"aisles",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("AISLE")),a("div",{class:"menu-content"},null===(t=this.mission.aisle)||void 0===t?void 0:t.title)))}renderVisitDescription(){return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"mission",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("DESCRIPTION")),a("div",{class:"menu-content"},this.mission.visitDescription)))}renderVisitType(){return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"flag",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("VISITTYPE")),a("div",{class:"menu-content",innerHTML:r(this.mission.visitType)})))}renderWorkflowHistory(){var t,e,o,r,i,n,p;return a("yoo-workflow-state",{steps:null===(o=null===(e=null===(t=this.mission)||void 0===t?void 0:t.description)||void 0===e?void 0:e.workflow)||void 0===o?void 0:o.steps,history:null===(r=this.mission)||void 0===r?void 0:r.workflowHistory,state:null===(i=this.mission)||void 0===i?void 0:i.workflowState,status:null===(n=this.mission)||void 0===n?void 0:n.status,owner:null===(p=this.mission)||void 0===p?void 0:p.owner})}renderAudit(){return this.hasAudit?a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{icon:"step",size:"medium",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("AUDIT")),a("div",{class:"menu-content"},this.taskCount>0?a("div",{class:"menu-content-scoring warning"},a("span",null,p("TASKS"),":"),a("span",{class:"ffloat warning"}," ",this.taskCount)):null,this.unsatisfactoryCount>0?a("div",{class:"menu-content-scoring danger"},a("span",null,p("UNSATISFACTORY"),":"),a("span",{class:"ffloat danger"}," ",this.unsatisfactoryCount)):null,this.satisfactoryCount>0?a("div",{class:"menu-content-scoring success"},a("span",null,p("SATISFACTORY"),":"),a("span",{class:"ffloat success"}," ",this.satisfactoryCount)):null,this.nonapplicableCount>0?a("div",{class:"menu-content-scoring black"},a("span",null,p("NONAPPLICABLE"),":"),a("span",{class:"ffloat"}," ",this.nonapplicableCount)):null))):null}renderUnvalidatedReason(){if(this.mission.unvalidatedReason)return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"reason"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r(!1===this.mission.validated?"REASON":"COMMENTNOUN")),a("div",{class:"menu-content",innerHTML:this.mission.unvalidatedReason})))}render(){var t,e,o,r,i,n,l,d,b,h,f,g,u,y,v;const x=s().user&&s().user.locationRef&&s().user.locationRef===this.mission.locationRef,w=!this.isPdf||!1!==(null===(e=null===(t=this.mission)||void 0===t?void 0:t.description)||void 0===e?void 0:e.pdfShowMissionInformation),k=!this.isPdf||!1!==(null===(r=null===(o=this.mission)||void 0===o?void 0:o.description)||void 0===r?void 0:r.pdfShowMissionScoring),z=!this.isPdf||!1!==(null===(n=null===(i=this.mission)||void 0===i?void 0:i.description)||void 0===n?void 0:n.pdfShowMissionAudit),j=m(this.mission,!0,!0);return this.mission?a("div",{class:Object.assign({"mission-results":!0,pdf:this.isPdf},c(this.host))},this.isPdf&&a("div",{class:"header-photo-container"},(null===(d=null===(l=this.mission)||void 0===l?void 0:l.description)||void 0===d?void 0:d.pdfHeaderPhoto)&&a("yoo-img",{class:"header-photo",src:this.mission.description.pdfHeaderPhoto}),a("div",{class:"header-content"},a("div",{class:"title"},p(null===(b=this.mission)||void 0===b?void 0:b.title)),a("div",{class:"subtitle"},null===(h=this.mission)||void 0===h?void 0:h.address),a("div",{class:"tag-container"},w&&(null==j?void 0:j.map((t=>a("yoo-tag",{color:t.color,customColor:t.customColor,innerHTML:t.innerHTML}))))))),a("div",{class:"content"},!this.isPdf&&w&&a("yoo-mission-heading",{isPdf:this.isPdf,mission:this.mission}),a("ul",{class:{menu:!0,pdf:this.isPdf}},this.isPdf||x||!this.mission.location&&!this.mission.address?null:this.renderMissionLocation(),(null===(g=null===(f=this.mission)||void 0===f?void 0:f.aisle)||void 0===g?void 0:g.title)?this.renderMissionAisle():null,w&&this.mission.ownerDisplayName?this.renderMissionOwner():null,!w||this.mission.skipValidation?null:this.renderMissionValidator(),w&&this.renderPriority(),"visit"===this.mission.type&&this.mission.visitType?this.renderVisitType():null,"visit"===this.mission.type?this.renderVisitDescription():null,!s().isExternal&&this.mission.workflowHistory&&(null===(v=null===(y=null===(u=this.mission)||void 0===u?void 0:u.description)||void 0===y?void 0:y.workflow)||void 0===v?void 0:v.steps)&&this.renderWorkflowHistory(),this.renderUnvalidatedReason(),z&&this.renderAudit()),k&&a("yoo-mission-score",{isPdf:this.isPdf,charts:this.charts,networkScore:this.networkScore}))):null}get host(){return o(this)}};b.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{display:block;width:100%;height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .extra-action-container{display:-ms-flexbox;display:flex}:host .extra-action-container yoo-icon{padding-left:var(--spacing-16, 1rem)}:host .mission-results .header-photo-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:-1rem;margin-bottom:0;padding:1rem;padding-bottom:0;color:var(--dark, #000000);background:var(--light, #ffffff)}:host .mission-results .header-photo-container .header-photo{display:block;width:8rem;height:8rem;margin:0 var(--spacing-16, 1rem) 0 0}:host .mission-results .header-photo-container .header-content{-ms-flex:1;flex:1;padding-top:1rem;font-size:var(--font-size-24, 1.5rem)}:host .mission-results .header-photo-container .header-content .title{font-weight:bold}:host .mission-results .header-photo-container .header-content .tag-container{display:-ms-flexbox;display:flex;margin-top:0.4rem}:host .mission-results .header-photo-container .header-content .tag-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .mission-results.web .content .menu{margin:var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem) 0;margin-top:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);overflow:visible;background:var(--light-to-stable-20, #ffffff)}:host .mission-results .content .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin-top:1rem;padding:0;list-style:none}:host .mission-results .content .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .mission-results .content .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .mission-results .content .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .mission-results .content .menu .menu-item .menu-left.with-dot{width:2.125rem}:host .mission-results .content .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .mission-results .content .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color);border-radius:50%}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #fc459e)}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .mission-results .content .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt-to-light-60, #d0d0d0)}:host .mission-results .content .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .mission-results .content .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .mission-results .content .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .mission-results .content .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .mission-results .content .menu .menu-item .menu-left .border.info{background-color:var(--info, #fc459e)}:host .mission-results .content .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .mission-results .content .menu .menu-item .menu-right .menu-title{margin-top:0.375rem;font-weight:bold;line-height:1}:host .mission-results .content .menu .menu-item .menu-right .menu-content{color:var(--text-color-to-light-60, #807f83)}:host .mission-results .content .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .mission-results .content .menu .menu-item .menu-right .menu-title{margin-bottom:var(--spacing-08, 0.5rem)}:host .mission-results .content .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .mission-results .content .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .mission-results .content .menu.pdf{margin-top:0;margin-bottom:0;margin-left:0;padding-bottom:0;padding-left:0}:host .mission-results .content .menu.pdf .menu-item .menu-left{display:none}:host .mission-results .content .menu.pdf .menu-item .menu-right{margin-left:0;padding-left:0}:host .mission-results .content .menu.pdf .menu-item .menu-right .menu-content .menu-content-scoring{display:inline-block;margin-right:1rem;margin-bottom:0.3rem}:host .mission-results .content .menu.pdf .menu-item .menu-right .menu-content .text{-ms-flex:initial;flex:initial}:host .mission-results .content .menu .menu-item .menu-right .menu-content{margin-bottom:var(--spacing-16, 1rem);line-height:1.25rem}:host .mission-results .content .menu .menu-item .menu-right .menu-content .menu-content-scoring{margin-bottom:0.8rem;line-height:1.125rem}:host .mission-results .content .menu .menu-item .menu-right .menu-content .menu-content-scoring .float{float:right;margin-right:0}:host .mission-results .content .menu .menu-item .menu-right .menu-content .text{-ms-flex:1;flex:1;word-break:break-word}:host .mission-results .content .menu .menu-item .menu-right .menu-content .mission-date{color:var(--text-color-to-light-60, #807f83)}:host .mission-results .content .menu .menu-item .menu-right .menu-author{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .mission-results .content .menu>.menu-item:last-child .menu-left .border{display:none}:host .mission-results .content .menu yoo-mission-contents:last-child{--display-border:none}:host(.inline){display:block;height:initial}";export{b as yoo_mission_results}
+import{r as t,c as e,h as a,g as o}from"./p-c26cc6ff.js";import{t as r,bw as i,ab as n,Z as p,j as s}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{p as l}from"./p-966f7b7c.js";import"./p-09088888.js";import{f as c}from"./p-e68604b7.js";import{f as d}from"./p-ebaea471.js";import{a as m}from"./p-17ca9bca.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-c4388b4c.js";import"./p-14f4460e.js";import"./p-5d188f8a.js";import"./p-29203fa2.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-d9e56655.js";import"./p-ba705441.js";import"./p-3b40f968.js";import"./p-bd19a341.js";import"./p-74183731.js";import"./p-d76643c1.js";import"./p-2de7b03a.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-773567d1.js";const b=class{constructor(a){t(this,a),this.selectLocation=e(this,"selectLocation",7),this.selectUser=e(this,"selectUser",7),this.selectValidator=e(this,"selectValidator",7),this.showScoreChart=e(this,"showScoreChart",7)}onScoreSelect(t){this.showScoreChart.emit(t)}renderPriority(){return this.mission.priority?a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("div",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"priority"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("PRIORITY")),a("div",{class:"menu-content"},"P",this.mission.priority))):null}renderDistance(){return this.distance>0?a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("div",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"pin"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("DISTANCE")),a("div",{class:"menu-content"},d(this.distance)))):null}renderExtraActions(t){const e=this.extraActions.filter((e=>!(null==e?void 0:e.isVisible)||e.isVisible(t)));if(e.length>0)return a("div",{class:"extra-action-container"},e.map((e=>a("yoo-icon",{name:null==e?void 0:e.icon(),color:null==e?void 0:e.iconColor(),onClick:a=>((e,a)=>{e.stopPropagation(),(null==a?void 0:a.handler)&&a.handler(t)})(a,e)}))))}renderMissionOwner(){var t;return a("li",{class:"menu-item",onClick:()=>this.selectUser.emit()},a("div",{class:"menu-left"},a("div",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"user"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("visit"===this.mission.type?"YOOBICUSER":"FINISHEDBY")),a("div",{class:"menu-content menu-author"},this.mission.needsRebooking&&this.mission.assigneeOwnerDisplayName?a("span",{class:"text"},this.mission.assigneeOwnerDisplayName):[this.mission.owner&&a("yoo-avatar",{size:"small",user:this.mission.owner}),a("span",{class:"text"},this.mission.ownerDisplayName),(null===(t=this.extraActions)||void 0===t?void 0:t.length)>0&&this.renderExtraActions(this.mission.owner)])))}renderMissionDuration(){return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"date-time"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("DURATION")),a("div",{class:"menu-content"},i(n(new Date,"minutes",this.mission.actualDuration),!0))))}renderMissionValidator(){var t;return!this.mission.validatedBy||!0!==this.mission.validated&&!1!==this.mission.validated?null:a("li",{class:"menu-item",onClick:()=>this.selectValidator.emit()},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",!1===this.mission.validated?{size:"medium",color:"app-color",icon:"rejector"}:{size:"medium",color:"app-color",icon:"validator"})," "),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r(!1===this.mission.validated?"REJECTEDBY":"VALIDATEDBY")),a("div",{class:"menu-content menu-author"},this.mission.validatedByUser?a("yoo-avatar",{size:"small",user:this.mission.validatedByUser}):null,a("span",{class:"text"}," ",this.mission.validatedByUser?this.mission.validatedByUser.firstName+" "+this.mission.validatedByUser.lastName:this.mission.validatedBy),this.mission&&this.mission.validatedDate?a("div",{class:"mission-date"},l.dateFormat.transform(this.mission.validatedDate,"L")):null,(null===(t=this.extraActions)||void 0===t?void 0:t.length)>0&&this.mission.validatedByUser&&this.renderExtraActions(this.mission.validatedByUser))))}renderMissionLocation(){return a("li",{class:"menu-item",onClick:()=>this.selectLocation.emit()},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"map",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("YOOBICSTORE")),a("div",{class:"menu-content"},this.mission.address)))}renderMissionAisle(){var t;return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"aisles",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("AISLE")),a("div",{class:"menu-content"},null===(t=this.mission.aisle)||void 0===t?void 0:t.title)))}renderVisitDescription(){return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"mission",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("DESCRIPTION")),a("div",{class:"menu-content"},this.mission.visitDescription)))}renderVisitType(){return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",icon:"flag",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("VISITTYPE")),a("div",{class:"menu-content",innerHTML:r(this.mission.visitType)})))}renderWorkflowHistory(){var t,e,o,r,i,n,p;return a("yoo-workflow-state",{steps:null===(o=null===(e=null===(t=this.mission)||void 0===t?void 0:t.description)||void 0===e?void 0:e.workflow)||void 0===o?void 0:o.steps,history:null===(r=this.mission)||void 0===r?void 0:r.workflowHistory,state:null===(i=this.mission)||void 0===i?void 0:i.workflowState,status:null===(n=this.mission)||void 0===n?void 0:n.status,owner:null===(p=this.mission)||void 0===p?void 0:p.owner})}renderAudit(){return this.hasAudit?a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{icon:"step",size:"medium",color:"app-color"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r("AUDIT")),a("div",{class:"menu-content"},this.taskCount>0?a("div",{class:"menu-content-scoring warning"},a("span",null,p("TASKS"),":"),a("span",{class:"ffloat warning"}," ",this.taskCount)):null,this.unsatisfactoryCount>0?a("div",{class:"menu-content-scoring danger"},a("span",null,p("UNSATISFACTORY"),":"),a("span",{class:"ffloat danger"}," ",this.unsatisfactoryCount)):null,this.satisfactoryCount>0?a("div",{class:"menu-content-scoring success"},a("span",null,p("SATISFACTORY"),":"),a("span",{class:"ffloat success"}," ",this.satisfactoryCount)):null,this.nonapplicableCount>0?a("div",{class:"menu-content-scoring black"},a("span",null,p("NONAPPLICABLE"),":"),a("span",{class:"ffloat"}," ",this.nonapplicableCount)):null))):null}renderUnvalidatedReason(){if(this.mission.unvalidatedReason)return a("li",{class:"menu-item"},a("div",{class:"menu-left"},a("span",{class:"menu-icon"},a("yoo-tag",{size:"medium",color:"app-color",icon:"reason"})),a("div",{class:"border"})),a("div",{class:"menu-right"},a("div",{class:"menu-title"},r(!1===this.mission.validated?"REASON":"COMMENTNOUN")),a("div",{class:"menu-content",innerHTML:this.mission.unvalidatedReason})))}render(){var t,e,o,r,i,n,l,d,b,h,f,g,u,y,v;const x=s().user&&s().user.locationRef&&s().user.locationRef===this.mission.locationRef,w=!this.isPdf||!1!==(null===(e=null===(t=this.mission)||void 0===t?void 0:t.description)||void 0===e?void 0:e.pdfShowMissionInformation),k=!this.isPdf||!1!==(null===(r=null===(o=this.mission)||void 0===o?void 0:o.description)||void 0===r?void 0:r.pdfShowMissionScoring),z=!this.isPdf||!1!==(null===(n=null===(i=this.mission)||void 0===i?void 0:i.description)||void 0===n?void 0:n.pdfShowMissionAudit),j=m(this.mission,!0,!0);return this.mission?a("div",{class:Object.assign({"mission-results":!0,pdf:this.isPdf},c(this.host))},this.isPdf&&a("div",{class:"header-photo-container"},(null===(d=null===(l=this.mission)||void 0===l?void 0:l.description)||void 0===d?void 0:d.pdfHeaderPhoto)&&a("yoo-img",{class:"header-photo",src:this.mission.description.pdfHeaderPhoto}),a("div",{class:"header-content"},a("div",{class:"title"},p(null===(b=this.mission)||void 0===b?void 0:b.title)),a("div",{class:"subtitle"},null===(h=this.mission)||void 0===h?void 0:h.address),a("div",{class:"tag-container"},w&&(null==j?void 0:j.map((t=>a("yoo-tag",{color:t.color,customColor:t.customColor,innerHTML:t.innerHTML}))))))),a("div",{class:"content"},!this.isPdf&&w&&a("yoo-mission-heading",{isPdf:this.isPdf,mission:this.mission}),a("ul",{class:{menu:!0,pdf:this.isPdf}},this.isPdf||x||!this.mission.location&&!this.mission.address?null:this.renderMissionLocation(),(null===(g=null===(f=this.mission)||void 0===f?void 0:f.aisle)||void 0===g?void 0:g.title)?this.renderMissionAisle():null,w&&this.mission.ownerDisplayName?this.renderMissionOwner():null,!w||this.mission.skipValidation?null:this.renderMissionValidator(),w&&this.renderPriority(),"visit"===this.mission.type&&this.mission.visitType?this.renderVisitType():null,"visit"===this.mission.type?this.renderVisitDescription():null,!s().isExternal&&this.mission.workflowHistory&&(null===(v=null===(y=null===(u=this.mission)||void 0===u?void 0:u.description)||void 0===y?void 0:y.workflow)||void 0===v?void 0:v.steps)&&this.renderWorkflowHistory(),this.renderUnvalidatedReason(),z&&this.renderAudit()),k&&a("yoo-mission-score",{isPdf:this.isPdf,charts:this.charts,networkScore:this.networkScore}))):null}get host(){return o(this)}};b.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{display:block;width:100%;height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .extra-action-container{display:-ms-flexbox;display:flex}:host .extra-action-container yoo-icon{padding-left:var(--spacing-16, 1rem)}:host .mission-results .header-photo-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:-1rem;margin-bottom:0;padding:1rem;padding-bottom:0;color:var(--dark, #000000);background:var(--light, #ffffff)}:host .mission-results .header-photo-container .header-photo{display:block;width:8rem;height:8rem;margin:0 var(--spacing-16, 1rem) 0 0}:host .mission-results .header-photo-container .header-content{-ms-flex:1;flex:1;padding-top:1rem;font-size:var(--font-size-24, 1.5rem)}:host .mission-results .header-photo-container .header-content .title{font-weight:bold}:host .mission-results .header-photo-container .header-content .tag-container{display:-ms-flexbox;display:flex;margin-top:0.4rem}:host .mission-results .header-photo-container .header-content .tag-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .mission-results.web .content .menu{margin:var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem) 0;margin-top:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);overflow:visible;background:var(--light-to-stable-20, #ffffff)}:host .mission-results .content .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin-top:1rem;padding:0;list-style:none}:host .mission-results .content .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .mission-results .content .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .mission-results .content .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .mission-results .content .menu .menu-item .menu-left.with-dot{width:2.125rem}:host .mission-results .content .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .mission-results .content .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color);border-radius:50%}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #fc459e)}:host .mission-results .content .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .mission-results .content .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt-to-light-60, #d0d0d0)}:host .mission-results .content .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .mission-results .content .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .mission-results .content .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .mission-results .content .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .mission-results .content .menu .menu-item .menu-left .border.info{background-color:var(--info, #fc459e)}:host .mission-results .content .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .mission-results .content .menu .menu-item .menu-right .menu-title{margin-top:0.375rem;font-weight:bold;line-height:1}:host .mission-results .content .menu .menu-item .menu-right .menu-content{color:var(--text-color-to-light-60, #807f83)}:host .mission-results .content .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .mission-results .content .menu .menu-item .menu-right .menu-title{margin-bottom:var(--spacing-08, 0.5rem)}:host .mission-results .content .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .mission-results .content .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .mission-results .content .menu.pdf{margin-top:0;margin-bottom:0;margin-left:0;padding-bottom:0;padding-left:0}:host .mission-results .content .menu.pdf .menu-item .menu-left{display:none}:host .mission-results .content .menu.pdf .menu-item .menu-right{margin-left:0;padding-left:0}:host .mission-results .content .menu.pdf .menu-item .menu-right .menu-content .menu-content-scoring{display:inline-block;margin-right:1rem;margin-bottom:0.3rem}:host .mission-results .content .menu.pdf .menu-item .menu-right .menu-content .text{-ms-flex:initial;flex:initial}:host .mission-results .content .menu .menu-item .menu-right .menu-content{margin-bottom:var(--spacing-16, 1rem);line-height:1.25rem}:host .mission-results .content .menu .menu-item .menu-right .menu-content .menu-content-scoring{margin-bottom:0.8rem;line-height:1.125rem}:host .mission-results .content .menu .menu-item .menu-right .menu-content .menu-content-scoring .float{float:right;margin-right:0}:host .mission-results .content .menu .menu-item .menu-right .menu-content .text{-ms-flex:1;flex:1;word-break:break-word}:host .mission-results .content .menu .menu-item .menu-right .menu-content .mission-date{color:var(--text-color-to-light-60, #807f83)}:host .mission-results .content .menu .menu-item .menu-right .menu-author{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .mission-results .content .menu>.menu-item:last-child .menu-left .border{display:none}:host .mission-results .content .menu yoo-mission-contents:last-child{--display-border:none}:host(.inline){display:block;height:initial}";export{b as yoo_mission_results}

package/dist/design-system/p-f30db1be.js

@@ -0,0 +1 @@
+import{t as n,W as o,U as t,Q as i,X as a,Y as u,Z as r,T as l}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{c as s}from"./p-2293f794.js";function c(n){if(n){const o=92,t=n.getBoundingClientRect(),i=window.innerHeight-(t.top+o);i&&(n.parentElement.style.height=.75*i+"px")}}function e(n,o){return h(n)&&!(!n.filter((n=>!o.includes(n)))&&!o.filter((o=>!n.includes(o))))}function f(n){return(null==n?void 0:n.length)&&n.length-new Set(n).size}function d(n){return Object.keys(s(n)).find((o=>s(n)[o]>=2))}function v(n,o){return h(o)&&o.filter((o=>!n.includes(o)))[0]}function y(t,i=!0,a="NODUPLICATEVALUES"){var u;if(t&&a){const r=t.querySelector("yoo-banner")||(null===(u=null==t?void 0:t.shadowRoot)||void 0===u?void 0:u.querySelector("yoo-banner"));if(r){r.heading=n(a);const t=r.clientHeight;i&&!t?(r.style.display="block",o(r,.75,{height:"0px",opacity:0},{height:"auto",opacity:1})):!i&&t&&o(r,.75,{height:"auto",opacity:1},{height:"0px",opacity:0,onComplete:()=>r.style.display="none"})}}}function p(n){if(n){const o=n.map((n=>n&&n.tags))||[];if(o.length){const t=o.reduce(((n,o)=>n.concat(o)),[]);(null==t?void 0:t.length)&&t.forEach((o=>{C(o.zone)||P(o,n)}))}}}function h(n){return!(!(null==n?void 0:n.length)||!Array.isArray(n))}function g(n,o){return n.filter(((n,t,i)=>t===i.findIndex((t=>t[o]===n[o]))))}function w(n,o,t){return Array.from(n&&(null==o?void 0:o.length)&&!t?new Set(n.filter((n=>!o.includes(n)))):new Set(n))}function m(n){return!(!h(n)||!n.find((n=>!C(n))))}function A(n,o){const t=((null==n?void 0:n.filter((n=>!C(n))))||[]).map((n=>n.tags)).map((n=>n.map((n=>n.value))));return o?t.reduce(((n,o)=>n.concat(o)),[]):t}function b(n){return h(n)&&n.find((n=>C(n)))}function C(n){return"zone-tags"===(null==n?void 0:n.id)}function j(n,o){return t.hitTest(o,n.element.parentElement,n.threshold||0)}function x(n){var o;return!C(n)&&(null===(o=null==n?void 0:n.tags)||void 0===o?void 0:o.length)===((null==n?void 0:n.tagsLimit)||1)&&n.element&&Array.from(n.element.querySelectorAll("yoo-tag")).length===(n.tagsLimit||1)}function S(n){var o;return(null===(o=n.zone)||void 0===o?void 0:o.tags.includes(n))&&!!Array.from(n.zone.element.querySelectorAll("yoo-tag")).find((o=>o===n.element))}function k(n){if(n&&h(n.zones)){let o;n.zones.forEach((n=>{C(n)&&(o=Array.from(n.element.querySelectorAll("yoo-tag")),N(n.element,o))})),n.isReadonly||!n.shouldAnimateTags||i()?z(n):U(n,o)}}function U(n,o){if(h(o))return a().then((t=>{if(!t)return;const i=t({paused:!0,onComplete:()=>{z(n)}});i.staggerFrom(o,.15,{autoAlpha:0,scale:0,ease:u.easeOut},.15),i.play()}))}function z(n){h(n.value)&&n.value.forEach(((o,t)=>{if(!Array.isArray(o))return D(o,t,n);o.forEach((o=>D(o,t,n)))})),!n.isReadonly&&h(n.values)&&n.values.forEach((o=>D(o,n.zones.length-1,n))),I(n.zones)}function D(n,o,i){const a=function(n,o,t){const i={};return i.value=n,i.zone=t.zones[o],i.zone&&(i.element=function(n,o,t){var i;if(null===(i=n.zone)||void 0===i?void 0:i.element){const i=h(t.value)&&!x(n.zone);if(C(n.zone)){const o=Array.from(n.zone.element.querySelectorAll("yoo-tag"));if(o.length){const i=o.find((o=>o.textContent===r(n.value)));if(i)return t.newValue===n.value&&(i.classList.add("info"),O(i,"up",(()=>{O(i,"down"),i.classList.remove("info")}))),i}}else if(i){const i=document.createElement("yoo-tag"),a=t.getColorTag(n.value,o);return i.innerHTML=r(n.value),i.size="medium",i.darkTheme=!1,i.classList.add(t.extraTagsClasses||"basic","dropped"),i.color=a,n.zone.element.classList.add("has-tag"),n.zone.element.appendChild(i),i}}}(i,o,t),t.isReadonly||(i.lastZone=i.zone)),i}(n,o,i);return(null==a?void 0:a.element)&&!i.isReadonly&&(a.draggable=function(n,o){return new t(n.element,{bound:o.boundingElement,onClick:async()=>{var t,i;if(C(n.zone)){if(o.clickToDrop){const t=o.zones.filter((n=>{var o;return!(null===(o=null==n?void 0:n.element)||void 0===o?void 0:o.classList.contains("has-tag"))}))[0];await L(n,t,o.zones),null===(i=null==o?void 0:o.clickTagExtraAction)||void 0===i||i.call(o,n)}}else P(n,o.zones),null===(t=null==o?void 0:o.resetTagExtraAction)||void 0===t||t.call(o,n)},onPress:()=>{var t;O(n.element,"up"),null===(t=null==o?void 0:o.pressTagExtraAction)||void 0===t||t.call(o,n)},onDrag:()=>{var t;o.zones.forEach((o=>{(null==o?void 0:o.element)&&(j(o,n.element)&&!x(o)?(o.hit=!0,o.element.classList.contains("hit")||o.element.classList.add("hit")):o.hit&&o.element.classList.remove("hit"))})),null===(t=null==o?void 0:o.dragTagExtraAction)||void 0===t||t.call(o,n)},onRelease:async()=>{var t;await T(n,o.zones),null===(t=null==o?void 0:o.releaseTagExtraAction)||void 0===t||t.call(o,n)}})}(a,i)),E(a),a}function E(n){var o;const t=!S(n)&&!x(n.zone);n.element&&(null===(o=n.zone)||void 0===o?void 0:o.element)&&t&&(n.zone.tags.unshift(n),n.zone.element.contains(n.element)||(n.zone.element.prepend(n.element),n.zone.element.classList.contains("has-tag")||n.zone.element.classList.add("has-tag")))}async function L(n,o,t){n&&o&&(O(n.element,"up"),n.zone.element.classList.remove("has-tag"),n.lastZone=n.zone,n.zone=o,await T(n,t,!0))}function O(n,t,i){const a="down"===t,u=a?[1.2,1]:[1,1.2];n.style.zIndex=a?"auto":"200",o(n,.25,{scale:u[0]},{scale:u[1],onComplete:i})}async function P(n,o){const t=o.find((n=>C(n)));await L(n,t,o)}async function T(n,o,t=!1){t||o.forEach((o=>{!j(o,n.element)||!C(o)&&x(o)||(n.lastZone=n.zone,n.zone=o,n.zone.element.classList.remove("hit"))})),E(n),await l(n.element,0,{x:0,y:0,onComplete:()=>{O(n.element,"down"),function(n){const o=n.lastZone.tags.indexOf(n);-1!==o&&n.zone.id!==n.lastZone.id&&(n.lastZone.element.classList.remove("has-tag"),n.lastZone.tags.splice(o,1))}(n),I(o)}})}function q(n){const o=n.zoneElements;if(null==o?void 0:o.length)return o.sort(((n,o)=>n.id>o.id?1:-1)).map(((t,i)=>{const a={},u=()=>C(a)?n.tagZone:n.dropZones,r=u().answers;return a.id=t.id,a.element=t,a.threshold=u().threshold,a.hasOverflow=u().hasOverflow,a.dynamicZoneHeight=u().dynamicZoneHeight,a.tags=[],a.colorClass=Array.isArray(u().colorClass)?u().colorClass[i]:u().colorClass,(null==r?void 0:r.length)&&i<=o.filter((n=>"zone-tags"!==n.id)).length&&(a.tagsLimit=Array.isArray(r[i])?r[i].length:1),C(a)&&a.dynamicZoneHeight&&c(a.element),a}))}function I(n){n.forEach((n=>{if(null==n?void 0:n.hasOverflow){const o=h(n.tags)&&n.tags.map((n=>n&&n.element));N(n.element,o)}}))}function N(n,t){if(n){const i=n.getBoundingClientRect(),a=(n,o=!0)=>{n.style.opacity=(o?0:1).toString()};if(null==t?void 0:t.length)return t.map((n=>{if(n){const t=4,u=n.getBoundingClientRect();return u.top&&i.top&&i.height&&u.top+t>=i.top+i.height?a(n):"0"===n.style.opacity?o(n,.1,{opacity:0,scale:0,visibility:"hidden"},{opacity:1,scale:1,visibility:"inherit"},.1):a(n,!1),n}})).filter((n=>"1"===(null==n?void 0:n.style.opacity)))}}export{f as a,v as b,y as c,h as d,w as e,g as f,d as g,e as h,m as i,A as j,b as k,C as l,j as m,x as n,S as o,k as p,U as q,p as r,c as s,L as t,q as u}

package/dist/design-system/{p-800cb056.entry.js → p-f4317e29.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{y as i,T as p,X as l,E as n,U as d,Z as c,bB as b}from"./p-cef3e535.js";import"./p-4d956bd4.js";import"./p-09088888.js";import{f as s}from"./p-e68604b7.js";import{d as h}from"./p-72fe82e5.js";import{b as m}from"./p-c492e667.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-2293f794.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-cd72e5cb.js";import"./p-3b40f968.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-ba705441.js";const f=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.isVisible=!1,this.sortables=[],this.preventInit=!1,this.itemElements=[]}onModalAnimationFinished(t){t&&this.isInModal&&this.initRanking()}onIsVisibleChanged(){this.isVisible&&this.initRanking()}componentDidLoad(){this.initRanking()}componentDidUpdate(){this.preventInit?this.preventInit=!1:this.initRanking()}validate(){let t=!0,e=!0;return this.answers&&this.answers.length&&(e=this.value.length===this.answers.length),this.required&&!e&&(t=!1),this.validity&&this.validity===t||(this.validityChanged.emit(t),this.validity=t),this.validity}get isInModal(){return!!i(this.host,"yoo-ion-modal")}get listItems(){var t;return Array.from(null===(t=this.outerContainerElement)||void 0===t?void 0:t.querySelectorAll(".list-item"))||[]}initRanking(){this.outerContainerElement&&(this.prepareItems(),this.calculAbsoluteListHeight())}calculAbsoluteListHeight(){if(this.outerContainerElement){const t=this.listItems.reduce(((t,e)=>t+e.clientHeight),0);this.outerContainerElement.style.height=`${t}px`}}prepareItems(){this.calcAndShowTags(this.listItems),this.readonly?this.listItems.forEach(((t,e)=>this.setItemPosition(t,e))):Promise.all(this.listItems.map(((t,e)=>({index:e,element:t,value:this.values[e]}))).map(((t,e)=>this.setSortable(t.element,e)))).then((t=>{this.sortables=t,this.sortables.forEach(((t,e)=>this.setItemPosition(t.element,e)))}))}getListItemPosition(t){return this.listItems.slice(0,t).reduce(((t,e)=>t+e.clientHeight),0)}updateAnswer(){this.preventInit=!0,this.value=this.sortables.sort(((t,e)=>t.index-e.index)).map((t=>t.value)),m(this.value,this)}calcAndShowTags(t){t.forEach(((t,e)=>{this.setBadgeValue(t.querySelector("yoo-badge"),e)}))}setBadgeValue(t,e){t.text=(e+1).toString()}changeIndex(t,e){this.arrayMove(this.sortables,t.index,e),e===this.listItems.length-1?this.outerContainerElement.appendChild(t.element):this.outerContainerElement.insertBefore(t.element,this.outerContainerElement.children[t.index>e?e:e+1]),this.sortables.forEach(((t,e)=>t.setIndex(e)))}layout(t,e){const a=this.sortables.slice(0,e).reduce(((t,e)=>t+e.element.clientHeight),0);t&&p(t,.3,{y:a})}setSortable(t,e){if(t){let a={},o={};const r=t.querySelector(".item-content"),i=t.querySelector(".value"),p=t.querySelector("yoo-badge"),b=t.querySelector("yoo-icon");return b.style.height=`${i.clientHeight}px`,l().then((i=>{if(i){const e=i({boxShadow:n("shadow-03"),force3D:!0,paused:!0}),r=t=>{this.listItems.forEach((e=>{if(t.hitTest(e,"50%")){const t=this.clamp(this.sortables.find((t=>t.element===e)).index);t!==o.index&&this.changeIndex(o,t)}}))};a=new d(t,{type:"y",trigger:b,onPress:()=>{e.play().then((()=>{this.sortables.forEach((t=>{t.element&&(t.element.querySelector("yoo-badge").color="app-color")}))}))},onRelease:()=>{e.reverse(),this.layout(t,o.index),this.updateAnswer()},onDrag(){r(this)}})}return o={dragger:a,element:t,index:e,value:this.values.find((t=>c(t)===r.querySelector(".value").textContent)),setIndex:e=>{o.index=e,this.setBadgeValue(p,e),a.isDragging||this.layout(t,o.index)}},o}))}}setItemPosition(t,e){b(t,{y:this.getListItemPosition(e)})}arrayMove(t,e,a){t.splice(a,0,t.splice(e,1)[0])}clamp(t){const e=this.listItems.length-1;return t<0?0:t>e?e:t}getCorrectionColor(t){if(h(this.value)&&h(this.answers))return this.value.indexOf(t)===this.answers.indexOf(t)?"success":"danger"}renderItem(t,e){var o;const r=this.readonly?this.getCorrectionColor(t):"app-color"+((null===(o=this.value)||void 0===o?void 0:o.length)?"":"-60"),i=this.readonly?(e+1).toString():"";return a("div",{class:"list-item",ref:t=>this.itemElements[e]=t},a("div",{class:"item-content"},a("yoo-badge",{color:r,size:"small",text:i}),a("div",{class:"value"},c(t)),!this.readonly&&a("yoo-icon",{name:"ranking-toggle",color:"stable-to-light"})))}render(){const t=this.readonly?this.value:this.values;return(null==t?void 0:t.length)&&a(o,{class:s(this.host)},a("div",{class:"outer-container",ref:t=>this.outerContainerElement=t},t.map(((t,e)=>this.renderItem(t,e)))))}get host(){return r(this)}static get watchers(){return{isAnimationFinished:["onModalAnimationFinished"],isVisible:["onIsVisibleChanged"]}}};f.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{display:block}:host .outer-container{position:relative;width:100%}:host .outer-container .list-item{position:absolute;top:0;width:100%}:host .outer-container .list-item .item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:100%;background-color:var(--light-to-dark, #ffffff);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light-to-light-10, #f1f1f1)}:host .outer-container .list-item .item-content .value{width:100%;padding:var(--spacing-08, 0.5rem)}:host .outer-container .list-item .item-content yoo-icon{margin-right:var(--spacing-08, 0.5rem)}";export{f as yoo_form_ranking}
+import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{y as i,T as p,X as l,E as n,U as d,Z as c,bB as b}from"./p-cef3e535.js";import"./p-4d956bd4.js";import"./p-09088888.js";import{f as s}from"./p-e68604b7.js";import{d as h}from"./p-f30db1be.js";import{b as m}from"./p-c492e667.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-2293f794.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-cd72e5cb.js";import"./p-3b40f968.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-ba705441.js";const f=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.isVisible=!1,this.sortables=[],this.preventInit=!1,this.itemElements=[]}onModalAnimationFinished(t){t&&this.isInModal&&this.initRanking()}onIsVisibleChanged(){this.isVisible&&this.initRanking()}componentDidLoad(){this.initRanking()}componentDidUpdate(){this.preventInit?this.preventInit=!1:this.initRanking()}validate(){let t=!0,e=!0;return this.answers&&this.answers.length&&(e=this.value.length===this.answers.length),this.required&&!e&&(t=!1),this.validity&&this.validity===t||(this.validityChanged.emit(t),this.validity=t),this.validity}get isInModal(){return!!i(this.host,"yoo-ion-modal")}get listItems(){var t;return Array.from(null===(t=this.outerContainerElement)||void 0===t?void 0:t.querySelectorAll(".list-item"))||[]}initRanking(){this.outerContainerElement&&(this.prepareItems(),this.calculAbsoluteListHeight())}calculAbsoluteListHeight(){if(this.outerContainerElement){const t=this.listItems.reduce(((t,e)=>t+e.clientHeight),0);this.outerContainerElement.style.height=`${t}px`}}prepareItems(){this.calcAndShowTags(this.listItems),this.readonly?this.listItems.forEach(((t,e)=>this.setItemPosition(t,e))):Promise.all(this.listItems.map(((t,e)=>({index:e,element:t,value:this.values[e]}))).map(((t,e)=>this.setSortable(t.element,e)))).then((t=>{this.sortables=t,this.sortables.forEach(((t,e)=>this.setItemPosition(t.element,e)))}))}getListItemPosition(t){return this.listItems.slice(0,t).reduce(((t,e)=>t+e.clientHeight),0)}updateAnswer(){this.preventInit=!0,this.value=this.sortables.sort(((t,e)=>t.index-e.index)).map((t=>t.value)),m(this.value,this)}calcAndShowTags(t){t.forEach(((t,e)=>{this.setBadgeValue(t.querySelector("yoo-badge"),e)}))}setBadgeValue(t,e){t.text=(e+1).toString()}changeIndex(t,e){this.arrayMove(this.sortables,t.index,e),e===this.listItems.length-1?this.outerContainerElement.appendChild(t.element):this.outerContainerElement.insertBefore(t.element,this.outerContainerElement.children[t.index>e?e:e+1]),this.sortables.forEach(((t,e)=>t.setIndex(e)))}layout(t,e){const a=this.sortables.slice(0,e).reduce(((t,e)=>t+e.element.clientHeight),0);t&&p(t,.3,{y:a})}setSortable(t,e){if(t){let a={},o={};const r=t.querySelector(".item-content"),i=t.querySelector(".value"),p=t.querySelector("yoo-badge"),b=t.querySelector("yoo-icon");return b.style.height=`${i.clientHeight}px`,l().then((i=>{if(i){const e=i({boxShadow:n("shadow-03"),force3D:!0,paused:!0}),r=t=>{this.listItems.forEach((e=>{if(t.hitTest(e,"50%")){const t=this.clamp(this.sortables.find((t=>t.element===e)).index);t!==o.index&&this.changeIndex(o,t)}}))};a=new d(t,{type:"y",trigger:b,onPress:()=>{e.play().then((()=>{this.sortables.forEach((t=>{t.element&&(t.element.querySelector("yoo-badge").color="app-color")}))}))},onRelease:()=>{e.reverse(),this.layout(t,o.index),this.updateAnswer()},onDrag(){r(this)}})}return o={dragger:a,element:t,index:e,value:this.values.find((t=>c(t)===r.querySelector(".value").textContent)),setIndex:e=>{o.index=e,this.setBadgeValue(p,e),a.isDragging||this.layout(t,o.index)}},o}))}}setItemPosition(t,e){b(t,{y:this.getListItemPosition(e)})}arrayMove(t,e,a){t.splice(a,0,t.splice(e,1)[0])}clamp(t){const e=this.listItems.length-1;return t<0?0:t>e?e:t}getCorrectionColor(t){if(h(this.value)&&h(this.answers))return this.value.indexOf(t)===this.answers.indexOf(t)?"success":"danger"}renderItem(t,e){var o;const r=this.readonly?this.getCorrectionColor(t):"app-color"+((null===(o=this.value)||void 0===o?void 0:o.length)?"":"-60"),i=this.readonly?(e+1).toString():"";return a("div",{class:"list-item",ref:t=>this.itemElements[e]=t},a("div",{class:"item-content"},a("yoo-badge",{color:r,size:"small",text:i}),a("div",{class:"value"},c(t)),!this.readonly&&a("yoo-icon",{name:"ranking-toggle",color:"stable-to-light"})))}render(){const t=this.readonly?this.value:this.values;return(null==t?void 0:t.length)&&a(o,{class:s(this.host)},a("div",{class:"outer-container",ref:t=>this.outerContainerElement=t},t.map(((t,e)=>this.renderItem(t,e)))))}get host(){return r(this)}static get watchers(){return{isAnimationFinished:["onModalAnimationFinished"],isVisible:["onIsVisibleChanged"]}}};f.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{display:block}:host .outer-container{position:relative;width:100%}:host .outer-container .list-item{position:absolute;top:0;width:100%}:host .outer-container .list-item .item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:100%;background-color:var(--light-to-dark, #ffffff);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light-to-light-10, #f1f1f1)}:host .outer-container .list-item .item-content .value{width:100%;padding:var(--spacing-08, 0.5rem)}:host .outer-container .list-item .item-content yoo-icon{margin-right:var(--spacing-08, 0.5rem)}";export{f as yoo_form_ranking}

package/dist/design-system/{p-47077c2f.entry.js → p-f61d59d7.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,X as c,Z as s,b as p,t as l,_ as d,Y as h,T as b}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{g as m}from"./p-2e351be9.js";import"./p-09088888.js";import{f as g}from"./p-e68604b7.js";import{c as f,a as y}from"./p-72fe82e5.js";import{b as u}from"./p-c492e667.js";import{s as v}from"./p-585cbeea.js";import{i as x}from"./p-cbb48ea7.js";import{c as w}from"./p-f41af57e.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-2293f794.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-cd72e5cb.js";import"./p-3b40f968.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-91118816.js";import"./p-8e965cb3.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;f(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":"";f(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({},g(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;margin-bottom:var(--spacing-08, 0.5rem);opacity: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,X as c,Z as s,b as p,t as l,_ as d,Y as h,T as b}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{g as m}from"./p-2e351be9.js";import"./p-09088888.js";import{f as g}from"./p-e68604b7.js";import{c as f,a as y}from"./p-f30db1be.js";import{b as u}from"./p-c492e667.js";import{s as v}from"./p-585cbeea.js";import{i as x}from"./p-cbb48ea7.js";import{c as w}from"./p-f41af57e.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-2293f794.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-cd72e5cb.js";import"./p-3b40f968.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-91118816.js";import"./p-8e965cb3.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;f(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":"";f(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({},g(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;margin-bottom:var(--spacing-08, 0.5rem);opacity: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}