https://www.ellevio.se/gui-web/js/chunks/accordionproject.2026.09.23.js

1import{c as n,o,q as x,b as i,t as a,r as _,k as g,f as d,w as k,n as m,u as v,v as I,e as b,F as w,i as y,s as $,H as E}from"../app.2026.09.23.js";import{_ as h}from"./_plugin-vue_export-helper.2026.09.23.js";const B={name:"EllevioWebAccordionProjectCompletedIcon"};function P(e,t,s,u,c,l){return o(),n("div",null,[...t[0]||(t[0]=[x('<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><circle cx="12.291" cy="12" r="11.5" fill="#10A76B" stroke="#10A76B"></circle><mask id="a" width="15" height="11" x="5" y="7" maskUnits="userSpaceOnUse" style="mask-type:luminance;"><path fill="#fff" d="M19.148 7H5.29v10.24h13.857V7Z"></path></mask><g mask="url(#a)"><path fill="#fff" d="M11.466 16.436c-.602.585-1.657.585-2.259 0l-3.464-3.365c-.603-.585-.603-1.609 0-2.194.602-.585 1.657-.585 2.26 0l2.108 2.048c.15.146.376.146.602 0l5.648-5.486c.603-.585 1.657-.585 2.26 0 .3.292.451.658.451 1.097 0 .439-.15.805-.451 1.097l-7.155 6.803Z"></path></g></svg>',1)])])}const j=h(B,[["render",P]]),S={name:"EllevioWebAccordionProjectStepIcon",props:{index:{type:Number,required:!0}}},q={class:"flex items-center justify-center text-sm step font-futuraEfDemiBold"};function H(e,t,s,u,c,l){return o(),n("div",null,[i("div",q,a(s.index+1),1)])}const W=h(S,[["render",H],["__scopeId","data-v-bd906a8b"]]),M={name:"EllevioWebAccordionProjectItem",components:{EllevioWebAccordionProjectCompletedIcon:j,EllevioWebAccordionProjectStepIcon:W},props:{id:{type:String,required:!0},title:{type:String,required:!0},content:{type:String,required:!0},status:{type:String,required:!0},index:{type:Number,required:!0},firstItem:{type:Boolean,default:!1},lastItem:{type:Boolean,default:!1},lastItemHeight:{type:Number,default:0}},data(){return{isExpanded:!1}},computed:{adjustLastItem(){return this.lastItem&&this.lastItemHeight>0?`paddingBottom: ${this.lastItemHeight-38}px;`:""}},methods:{toggle(){this.isExpanded=!this.isExpanded,this.$emit("toggle",this.isExpanded)}}},C={class:"relative px-3 !py-4 mb-2 bg-white sm:p-4 md:py-6 md:px-4 shadow-mp"},T=["id","aria-controls","aria-expanded"],V={class:"font-inherit"},D={class:"exit"},N=["id","aria-labelledby"],Z={class:"p-0 text-lg leading-5 md:p-2"};function U(e,t,s,u,c,l){const r=_("ellevio-web-accordion-project-completed-icon"),p=_("ellevio-web-accordion-project-step-icon");return o(),n("div",C,[s.status==="completed"?(o(),g(r,{key:0,class:m(["green-icon-completed",[s.firstItem?"first":"",s.lastItem?"last":""].join(" ")])},null,8,["class"])):d("",!0),s.status==="step"?(o(),g(p,{key:1,class:m(["green-icon-step",[s.firstItem?"first":"",s.lastItem?"last":""].join(" ")]),style:v(l.adjustLastItem),index:s.index},null,8,["class","style","index"])):d("",!0),i("h3",{class:m(["p-0 md:p-2",c.isExpanded?"mb-2":"mb-0"])},[i("button",{id:s.id+"-header","aria-controls":s.id+"-panel","aria-expanded":c.isExpanded,onClick:t[0]||(t[0]=(...f)=>l.toggle&&l.toggle(...f)),class:"flex items-center justify-between w-full text-xl focus:outline-black-alt"},[i("span",V,a(s.title),1),i("span",D,[(o(),n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16",class:m(c.isExpanded?"rotate-45":"")},[...t[1]||(t[1]=[i("path",{fill:"#000","fill-rule":"evenodd",d:"M8.727 7.272h6.545v1.455H.728V7.272h6.545V.727h1.454v6.545Zm-1.454 8V9.889h1.454v5.383H7.273Z","clip-rule":"evenodd"},null,-1)])],2))])],8,T)],2),k(i("section",{id:s.id+"-panel","aria-labelledby":s.id+"-header"},[i("p",Z,a(s.content),1)],8,N),[[I,c.isExpanded]])])}const L=h(M,[["render",U],["__scopeId","data-v-7e6c0609"]]),O={name:"EllevioWebAccordionProjectActiveIcon"},z={class:"green-icon-active"};function F(e,t,s,u,c,l){return o(),n("div",z,[...t[0]||(t[0]=[i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",fill:"none",viewBox:"0 0 25 24"},[i("circle",{cx:"12.291",cy:"12",r:"11",fill:"#10A76B",stroke:"#10A76B","stroke-width":"2"}),i("circle",{cx:"12.291",cy:"12",r:"4",fill:"#fff"})],-1)])])}const G=h(O,[["render",F]]),J={name:"EllevioWebAccordionProjectActiveArrow"},K={class:"green-arrow-active"};function Q(e,t,s,u,c,l){return o(),n("div",K)}const R=h(J,[["render",Q]]),X={name:"EllevioWebAccordionProjectActive",components:{EllevioWebAccordionProjectActiveIcon:G,EllevioWebAccordionProjectActiveArrow:R},props:{title:{type:String,required:!0},content:{type:String,required:!0},subtitle:{type:String,required:!1},subtitleContent:{type:String,required:!1},phaseMoments:{type:Array,required:!1},phaseMomentsTitle:{type:String,required:!1}}},Y={class:"relative px-3 py-4 mb-2 bg-white sm:p-4 md:p-6 shadow-mp"},ee={class:"!text-xl font-futuraEfDemiBold !mb-2"},te={class:"mb-8"},se={key:0,class:"font-futuraEfDemiBold !mb-2"},ie={key:1,class:"mb-2"},oe={key:2},ne={class:"mb-2 font-futuraEfDemiBold"},le={class:"list-none !p-0"},ce={class:"flex items-start mb-1"},re={key:0,xmlns:"http://www.w3.org/2000/svg",width:"12",height:"100%",fill:"none",viewBox:"0 0 25 24",class:"mr-2 steps-item-list"},ae={key:1,xmlns:"http://www.w3.org/2000/svg",width:"12",height:"100%",fill:"none",viewBox:"0 0 25 24",class:"mr-2 steps-item-list"},de={key:2,class:"step"},he={class:"font-inherit"};function ue(e,t,s,u,c,l){const r=_("ellevio-web-accordion-project-active-icon"),p=_("ellevio-web-accordion-project-active-arrow");return o(),n("section",Y,[b(r),b(p),i("p",ee,a(s.title),1),i("p",te,a(s.content),1),s.subtitle?(o(),n("p",se,a(s.subtitle),

11)):d("",!0),s.subtitleContent?(o(),n("p",ie,a(s.subtitleContent),1)):d("",!0),s.phaseMoments?.length>0?(o(),n("div",oe,[t[2]||(t[2]=i("hr",{class:"border-t border-gray-85 !h-0 my-4"},null,-1)),i("p",ne,a(s.phaseMomentsTitle),1),i("ul",le,[(o(!0),n(w,null,y(s.phaseMoments,(f,A)=>(o(),n("li",{key:A,class:"mb-1"},[i("p",ce,[f.status==="active"?(o(),n("svg",re,[...t[0]||(t[0]=[i("circle",{cx:"12.291",cy:"12",r:"11",fill:"#10A76B",stroke:"#10A76B","stroke-width":"2"},null,-1),i("circle",{cx:"12.291",cy:"12",r:"4",fill:"#fff"},null,-1)])])):d("",!0),f.status==="completed"?(o(),n("svg",ae,[...t[1]||(t[1]=[x('<circle cx="12.291" cy="12" r="11.5" fill="#10A76B" stroke="#10A76B" data-v-df84fbac></circle><mask id="a" width="15" height="11" x="5" y="7" maskUnits="userSpaceOnUse" style="mask-type:luminance;" data-v-df84fbac><path fill="#fff" d="M19.148 7H5.29v10.24h13.857V7Z" data-v-df84fbac></path></mask><g mask="url(#a)" data-v-df84fbac><path fill="#fff" d="M11.466 16.436c-.602.585-1.657.585-2.259 0l-3.464-3.365c-.603-.585-.603-1.609 0-2.194.602-.585 1.657-.585 2.26 0l2.108 2.048c.15.146.376.146.602 0l5.648-5.486c.603-.585 1.657-.585 2.26 0 .3.292.451.658.451 1.097 0 .439-.15.805-.451 1.097l-7.155 6.803Z" data-v-df84fbac></path></g>',3)])])):d("",!0),f.status==="step"?(o(),n("span",de)):d("",!0),i("span",he,a(f.title),1)])]))),128))])])):d("",!0)])}const fe=h(X,[["render",ue],["__scopeId","data-v-df84fbac"]]),pe={

1name:"EllevioWebAccordionProject",components:{EllevioWebAccordionProjectItem:L,EllevioWebAccordionProjectActive:fe,EllevioWebAccordionProjectCompletedIcon:j},data(){return{heights:[],distanceToActiveIcon:80,lastItemHeight:0}},props:{project:{type:Array,required:!0},translations:{type:Object,required:!0}},computed:{calculatedBefore(){let e=0;for(let t=0;t<this.project.length&&this.project[t].status!=="active";t++)e+=this.heights[t]+8;return e+=this.distanceToActiveIcon,e},calculatedTotal(){let e=0;for(let t=0;t<this.project.length;t++)e+=this.heights[t];return e+(this.project.length-1)*8}},methods:{toggle(){this.$nextTick(()=>{for(let e=0;e<this.project.length;e++)this.heights[e]=this.$refs[`itemref-${e}`][0].$el.clientHeight;this.lastItemHeight=this.heights[this.heights.length-1]})},component(e){return e==="active"?"EllevioWebAccordionProjectActive":"EllevioWebAccordionProjectItem"},componentProperties(e,t,s){return e.status==="active"?{id:t,title:e.title,content:e.content,subtitle:e.subtitle,subtitleContent:e.subtitleContent,phaseMoments:e.phaseMoments,phaseMomentsTitle:s}:{title:e.title,content:e.content,status:e.status,index:t,firstItem:t===0,lastItem:t===this.project.length-1,lastItemHeight:this.lastItemHeight}}},mounted(){setTimeout(()=>{for(let e=0;e<this.project.length;e++)this.heights.push(this.$refs[`itemref-${e}`][0].$el.clientHeight)},100)},updated(){for(let e=0;e<this.project.length;e++)this.heights[e]=this.$refs[`itemref-${e}`][0].$el.clientHeight}},me={class:"flex gap-7"},_e={class:"green-left-border"},ge={class:"w-full"};function ve(e,t,s,u,c,l){return o(),n("div",me,[i("div",_e,[i("span",{class:"step-before",style:v(`height: ${l.calculatedBefore}px`)},null,4),i("span",{class:"step-after",style:v(`height: ${l.calculatedTotal-l.calculatedBefore}px`)},null,4)]),i("div",ge,[(o(!0),n(w,null,y(s.project,(r,p)=>(o(),g(E(l.component(r.status)),$(l.componentProperties(r,p,s.translations?.phaseMomentsTitle),{key:r.id,title:r.title,id:r.id.toString()},{ref_for:!0,ref:`itemref-${r.id}`,onToggle:l.toggle}),null,16,["title","id","onToggle"]))),128))])])}const we=h(pe,[["render",ve],["__scopeId","data-v-b92d4581"]]);export{we as default};
2//# sourceMappingURL=accordionproject.2026.09.23.js.map