@yoobic/yobi 7.7.95 → 7.7.99

package/dist/design-system/p-6bc1375d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o,H as a,g as i}from"./p-c26cc6ff.js";import{k as r,t as n,b as s,a as p,Y as l,j as c}from"./p-a966475f.js";import"./p-4d956bd4.js";import{p as d}from"./p-cf2b3a56.js";import"./p-b5241164.js";import{w as m,c as b}from"./p-33b2d3a2.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-bd19a341.js";const h=class{constructor(o){t(this,o),this.selectLocation=e(this,"selectLocation",7),this.book=e(this,"book",7),this.showScoreChart=e(this,"showScoreChart",7),this.showUser=e(this,"showUser",7),this.shouldClose=e(this,"shouldClose",7),this.animated=!0}componentWillLoad(){this.isMobile=r(this.host)}getSizeContainer(){let t=window.innerHeight;return t=this.tagContainer?m(this.host,t,this.tagContainer):m(this.host,t),t=b(t,".mission-footer",this.host),{height:t+"px"}}onBook(t,e){e.stopPropagation(),this.book.emit(t)}onScoreSelect(t){this.showScoreChart.emit(t)}onCloseIconClicked(){this.shouldClose.emit(!0)}renderPriority(){return this.mission.priority&&o("li",{class:"menu-item"},o("div",{class:"menu-left"},o("yoo-tag",{icon:"priority",iconOnlyColor:"light",size:"medium",color:"app-color"}),o("div",{class:"border"})),o("div",{class:"menu-right"},o("div",{class:"menu-title"},n("PRIORITY")),o("div",{class:"menu-content"},"P",this.mission.priority)))}renderButtonFooter(){if(this.isBookable||this.canParticipate){let t;return!this.mission.status&&this.isBookable?t=[{text:n("START"),size:s(this.host)?"medium":"large",color:"app-color",handler:t=>this.onBook("start",t)}]:(t=p()||!this.isBookable?[]:[{text:n("UNBOOK"),size:s(this.host)?"medium":"large",cssClass:"unbook",color:"light",handler:t=>this.onBook("unbook",t)}],t=[...t,{text:n("CONTINUE"),size:s(this.host)?"medium":"large",cssClass:"continue",color:"app-color",handler:t=>this.onBook("continue",t)}]),o("yoo-form-footer",{buttons:t})}return null}renderSimpleSection(t,e,a){return o("li",{class:"menu-item"},o("div",{class:"menu-left"},o("yoo-tag",{size:"medium",icon:a,color:"app-color",iconOnlyColor:"light"}),o("div",{class:"border"})),o("div",{class:"menu-right"},o("div",{class:"menu-title"},l(e)),o("div",{class:"menu-content",innerHTML:l(t)})))}renderMissionLocation(){return o("li",{class:"menu-item",onClick:()=>this.selectLocation.emit()},o("div",{class:"menu-left"},o("span",{class:"menu-icon"},o("yoo-tag",{size:"medium",icon:"map",color:"app-color"})),o("div",{class:"border"})),o("div",{class:"menu-right"},o("div",{class:"menu-title"},n("YOOBICSTORE")),o("div",{class:"menu-content"},this.mission.address)))}renderServiceData(){const t={title:"GENRAL",items:[]};return this.serviceSlides&&this.serviceSlides.length>0&&this.serviceSlides.forEach((e=>{e.items&&e.items.length>0&&(t.items=t.items.concat(e.items))})),o("li",{class:"menu-item"},o("div",{class:"menu-left"},o("yoo-tag",{color:"app-color",size:"medium",icon:"mission",iconOnlyColor:"light"}),o("div",{class:"border"})),o("div",{class:"menu-right"},o("div",{class:"menu-title"},n("MYREQUEST")),o("div",{class:"menu-content"},o("yoo-form-dynamic",{class:"inline",slides:[t],data:this.mission.serviceData,forceReadonly:!0,suffix:".value",animated:!1,showRecap:!1}))))}renderExtraActions(t){const e=this.extraActions.filter((e=>!(null==e?void 0:e.isVisible)||e.isVisible(t)));if(e.length>0)return o("div",{class:"extra-action-container"},e.map((e=>o("yoo-icon",{name:null==e?void 0:e.icon(),color:null==e?void 0:e.iconColor(),onClick:o=>((e,o)=>{e.stopPropagation(),(null==o?void 0:o.handler)&&o.handler(t)})(o,e)}))))}renderUserSection(t,e,a,i,r){var s;return t&&(t.email||t.firstName||t.lastName)&&o("li",{class:"menu-item",onClick:()=>this.showUser.emit(t)},o("div",{class:"menu-left"},o("yoo-tag",{size:"medium",color:"app-color",iconOnlyColor:"light",icon:a}),o("div",{class:"border"})),o("div",{class:"menu-right"},o("div",{class:"menu-title"},n(e)),o("div",{class:"menu-content menu-requestor"},o("div",{class:"menu-inner-container"},o("yoo-avatar",{size:"small",user:t}),o("span",{class:"text"},t.firstName+" "+t.lastName),i&&o("div",{class:"mission-date"},d.dateFormat.transform(i,"L"))),r&&(null===(s=this.extraActions)||void 0===s?void 0:s.length)>0&&t&&this.renderExtraActions(t))))}renderDuration(){var t;if(null===(t=this.mission)||void 0===t?void 0:t.duration)return o("li",{class:"menu-item"},o("div",{class:"menu-left"},o("span",{class:"menu-icon"},o("yoo-tag",{size:"medium",icon:"ongoing",color:"app-color"})),o("div",{class:"border"})),o("div",{class:"menu-right"},o("div",{class:"menu-title"},n("MISSIONDURATION")),o("div",{class:"menu-content"},this.mission.duration)))}renderWorkflowHistory(){var t,e,a,i,r,n,s;return o("yoo-workflow-state",{steps:null===(a=null===(e=null===(t=this.mission)||void 0===t?void 0:t.description)||void 0===e?void 0:e.workflow)||void 0===a?void 0:a.steps,history:null===(i=this.mission)||void 0===i?void 0:i.workflowHistory,state:null===(r=this.mission)||void 0===r?void 0:r.workflowState,status:null===(n=this.mission)||void 0===n?void 0:n.status,owner:null===(s=this.mission)||void 0===s?void 0:s.owner})}renderMission(){var t,e,a,i,r;const s=c().user&&c().user.locationRef&&c().user.locationRef===this.mission.locationRef;let p={},l={},m={},b={};this.mission&&(p=this.mission.description,l=this.mission.location,m=this.mission.creator,b=this.mission.owner);const h="service"===this.mission.type?"SERVICEDESCRIPTION":"poll"===this.mission.type?"POLLDESCRIPTION":"MISSIONDESCRIPTION";return this.mission&&[o("div",{class:{"mission-detail":!0,web:!this.isMobile}},o("yoo-ion-content",{class:"bg-light-to-dark no-scrollbar",scrollEvents:!0},o("div",null,o("div",{class:"mission-content"},o("yoo-mission-heading",{animated:this.animated,mission:this.mission,progress:this.progress&&this.progress.value?this.progress.value:null}),o("ul",{class:"menu"},this.mission.description&&this.mission.description.distanceMin&&this.renderSimpleSection(this.mission.description.distanceMin.toLocaleString(),"GEOFENCINGDISTANCEMIN","pin-selected"),this.renderPriority(),p&&p.text&&this.renderSimpleSection(p.text,h,"lesson"),this.mission.address&&!s&&this.renderMissionLocation(),(null===(t=this.mission.aisle)||void 0===t?void 0:t.title)&&this.renderSimpleSection(this.mission.aisle.title,"AISLE","aisles"),o("yoo-mission-contents",{slidesNumber:this.slidesNumber,photosNumber:this.photosNumber,questionsNumber:this.questionsNumber}),this.renderDuration(),l&&(l.contactname||l.contactphone||l.contactemail)&&o("li",{class:"menu-item"},o("div",{class:"menu-left"},o("yoo-tag",{icon:"contact",iconOnlyColor:"light",size:"medium",color:"app-color"}),o("div",{class:"border"})),o("div",{class:"menu-right"},o("div",{class:"menu-title"},n("CONTACT")),o("div",{class:"menu-content"},l.contactname&&o("div",{class:"menu-content-contact",innerHTML:l.contactname}),l.contactemail&&o("div",{class:"menu-content-contact",innerHTML:l.contactemail}),l.contactphone&&o("div",{class:"menu-content-contact",innerHTML:l.contactphone})))),this.mission.comments&&this.renderSimpleSection(this.mission.comments,"NOTES","note"),l&&l.info&&this.renderSimpleSection(l.info,"YOOBICINFO","info"),this.mission.originalUnvalidatedReason&&this.renderSimpleSection(this.mission.originalUnvalidatedReason,"COMMENTS","comment"),this.renderUserSection(m,"REQUESTOR","author",this.mission._ect),this.mission.hasWorkflow&&(null===(i=null===(a=null===(e=this.mission)||void 0===e?void 0:e.description)||void 0===a?void 0:a.workflow)||void 0===i?void 0:i.steps)&&this.renderWorkflowHistory(),!(null===(r=this.mission)||void 0===r?void 0:r.hasWorkflow)&&b&&b._id&&b._id!==c().userId&&this.renderUserSection(b,this.mission.isAssigned?"ASSIGNEE":"STARTEDBY","user"),(this.mission.validFrom||this.mission.validUntil)&&this.renderSimpleSection((d.dateFormat.transform(this.mission.validFrom,"L LT")||"?")+" - "+(d.dateFormat.transform(this.mission.validUntil,"L LT")||"?"),"VALIDITY","plus"),this.serviceSlides&&this.serviceSlides.length>0&&this.renderServiceData()),o("yoo-mission-score",{charts:this.charts,header:"PREVIOUSSCORE",networkScore:this.networkScore}),o("slot",null)),o("slot",{name:"end"}),o("div",{class:"scroll-spacer"}))),this.renderButtonFooter())]}renderMenuItem(t,e=!0){return o("li",{class:"menu-item"},this.renderMenuLeft("link"),this.renderMenuRight(t,e))}renderMenuRight(t,e){return o("div",{class:"menu-right"},o("div",{class:"menu-title"},n(t.toUpperCase())),o("div",{class:"menu-content"},e?o("yoo-form-dynamic",{class:"inline",slides:[{title:"GENERAL",items:[this.mission.todo.field]}],data:{[this.mission.todo.field.name]:Object.assign({value:this.mission.todo.fieldValue},this.mission.todo.fieldExtra)},forceReadonly:!0,suffix:".value",animated:!1,showRecap:!1}):o("yoo-form-star-rating",{value:this.mission.todo.priority,readonly:!0})))}renderMenuLeft(t){return o("div",{class:"menu-left"},o("yoo-tag",{icon:t,iconOnlyColor:"light",color:"app-color",size:"medium"}),o("div",{class:"border"}))}renderTodo(){var t;const e=c().user&&c().user.locationRef&&c().user.locationRef===this.mission.locationRef;return this.mission&&o("div",{class:"mission-detail mission-todo "+(this.isMobile?"":"web")},o("div",{class:"mission-content"},o("yoo-mission-heading",{animated:this.animated,mission:this.mission,progress:this.progress&&this.progress.value&&this.progress.value}),o("ul",{class:"menu"},this.mission.todo&&this.mission.todo.field&&this.mission.todo.fieldValue&&this.renderMenuItem("LINKEDTO",!0),this.mission.todo&&this.mission.todo.priority&&this.renderMenuItem("PRIORITY",!1),this.renderUserSection(this.mission.creator,"CREATEDBY","user",this.mission._ect,!0),this.renderUserSection(this.mission.owner,"ASSIGNTO","user",null,!0),this.mission.address&&!e&&this.renderSimpleSection(this.mission.address,"ADDRESS","map"),(null===(t=this.mission.aisle)||void 0===t?void 0:t.title)&&!e&&this.renderSimpleSection(this.mission.aisle.title,"AISLE","aisles"),this.renderDuration(),this.mission.originalUnvalidatedReason&&this.renderSimpleSection(this.mission.originalUnvalidatedReason,"COMMENTS","comment")),o("slot",null)))}renderBasedOnType(){if(this.mission&&this.mission.type)switch(this.mission.type){case"todo":return this.renderTodo();case"mission":case"poll":case"service":default:return this.renderMission()}return[]}render(){return o(a,{class:{web:s(this.host)}},this.renderBasedOnType())}get host(){return i(this)}};h.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .score-item .mission-title{margin-top:1rem;margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);line-height:2.0625rem}:host .score-item .menu-content .score-active-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:2rem}:host .score-item .menu-content .menu-content-scoring{padding-bottom:0.5rem}:host .score-item .menu-content .menu-content-scoring .centered{padding:0.5rem;text-align:center}:host .score-item .menu-content .menu-content-scoring .network{margin-top:1rem;color:var(--text-color-to-light-60, #807f83)}:host .score-item .menu-content .menu-content-scoring.extra-score .score-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .score-item .menu-content .menu-content-scoring.extra-score .score-container.points-container{-ms-flex-align:center;align-items:center;padding:1em 0.5rem}:host .score-item .menu-content .menu-content-scoring.extra-score .score-container.contrasted{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .score-item .menu-content .menu-content-scoring.points{padding:0 !important}:host .score-item .menu-content .menu-content-scoring.mixed{padding-top:0.75rem}:host .score-item .menu-content .menu-content-scoring.no-divider{padding-top:0}:host .score-item .menu-content .menu-content-scoring.divider{padding-top:0;padding-bottom:0.75rem;border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .mission-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .mission-detail .scroll-spacer{height:5.75rem}:host .mission-detail .mission-content{padding:var(--spacing-16, 1rem)}:host .mission-detail .mission-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-detail .mission-content .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .mission-detail .mission-content .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .mission-detail .mission-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-detail .mission-content .menu .menu-item .menu-left.with-dot{width:2.125rem}:host .mission-detail .mission-content .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .mission-detail .mission-content .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .mission-detail .mission-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-detail .mission-content .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .mission-detail .mission-content .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #fc459e)}:host .mission-detail .mission-content .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .mission-detail .mission-content .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt-to-light-60, #d0d0d0)}:host .mission-detail .mission-content .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .mission-detail .mission-content .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .mission-detail .mission-content .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .mission-detail .mission-content .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .mission-detail .mission-content .menu .menu-item .menu-left .border.info{background-color:var(--info, #fc459e)}:host .mission-detail .mission-content .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-title{margin-top:0.375rem;font-weight:bold;line-height:1}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content{color:var(--text-color-to-light-60, #807f83)}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-title{margin-bottom:var(--spacing-08, 0.5rem)}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content .menu-inner-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content a{color:var(--app-color)}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content .menu-content-contact{margin-bottom:var(--spacing-10-deprecated, 0.625rem)}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content .text{-ms-flex:1;flex:1;margin-right:auto;white-space:nowrap}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-content .mission-date{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400)}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-requestor{display:-ms-flexbox;display:flex}:host .mission-detail .mission-content .menu .menu-item .menu-right .menu-workflow{display:-ms-flexbox;display:flex;margin-top:var(--spacing-16, 1rem)}:host .mission-detail .mission-content .menu>.menu-item:last-child .menu-left .border{display:none}:host .mission-detail .mission-content .menu yoo-mission-contents:last-child{--display-border:none}:host .mission-detail yoo-form-footer{position:absolute;bottom:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .mission-todo .mission-content .menu .menu-item .menu-right .menu-title{font-weight:var(--font-weight-400, 400)}:host .extra-action-container{display:-ms-flexbox;display:flex}:host .extra-action-container yoo-icon{padding-left:var(--spacing-16, 1rem)}:host(.web){background:var(--light-to-dark, #ffffff);border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.web) .mission-footer{-ms-flex-pack:start;justify-content:flex-start;padding-right:1.875rem;padding-left:1.875rem;border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.web) .mission-footer yoo-button{margin-right:var(--spacing-10-deprecated, 0.625rem)}:host(.web) .mission-footer .unbook{-ms-flex-order:2;order:2}:host(.web) .mission-footer .continue{-ms-flex-order:1;order:1}:host(.border) .mission-detail.web yoo-ion-content{border-radius:0.375rem}:host(.border) .mission-detail.web yoo-form-footer{--border-radius:0 0 0.375rem 0.375rem}";export{h as yoo_mission_detail}