https://www.urtegaarden.dk/js/dist/6028.js?id=aae58b1f8f5d7036

1(globalThis["webpackChunkwebsite_js"]=globalThis["webpackChunkwebsite_js"]||[]).push([[6028],{76814(e,t,i){var l=i(79172);l.__esModule&&(l=l.default),"string"===typeof l&&(l=[[e.id,l,""]]),l.locals&&(e.exports=l.locals);var o=i(99548).A;o("152f266c",l,!0,{sourceMap:!1,shadowMode:!1})},79172(e,t,i){"use strict";i.r(t),i.d(t,{default:()=>s});var l=i(31601),o=i.n(l),r=i(76314),n=i.n(r),c=n()(o());c.push([e.id,'.cbx-timeline{--tl-timeline-width:100%;opacity:0;transition:opacity .35s ease-in-out;z-index:1;position:relative}.cbx-timeline.ready{opacity:1}.cbx-timeline *{margin:0;padding:0;box-sizing:border-box}.cbx-timeline .cbx-timeline-circle{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--tl-border-dot-dark);top:0;left:50%;transform:translateX(-50%);z-index:3}.cbx-timeline .cbx-timeline-item{color:var(--tl-text-color)}.cbx-timeline .cbx-timeline-item h2{color:var(--tl-title-color)}.cbx-timeline.horizontal{display:flex;overflow-x:auto;padding:50px 0;position:relative;width:100%;box-sizing:border-box}.cbx-timeline.horizontal::-webkit-scrollbar{height:8px}.cbx-timeline.horizontal::-webkit-scrollbar-track{background:#f0f2f5}.cbx-timeline.horizontal::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.cbx-timeline.horizontal:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;border-top:var(--tl-border-width) var(--tl-border-style) var(--tl-border-color);transform:translateY(-50%);width:var(--tl-timeline-width,100%);min-width:100%}.cbx-timeline.horizontal .cbx-timeline-item{flex:0 0 400px;position:relative;padding:0 20px;box-sizing:border-box;display:grid;grid-template-rows:1fr 1fr;row-gap:40px}.cbx-timeline.horizontal .cbx-timeline-item h2{text-align:center;margin-bottom:1rem}.cbx-timeline.horizontal .cbx-timeline-item p{font-size:12px;letter-spacing:.01rem;line-height:1.5;margin-bottom:.75rem}.cbx-timeline.horizontal .cbx-timeline-item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background-color:var(--tl-border-dot-dark);z-index:1}.cbx-timeline.horizontal .cbx-timeline-item:after{display:none}.cbx-timeline.horizontal .cbx-timeline-item:nth-child(odd) .cbx-timeline-item-content{grid-row:1;align-self:end}.cbx-timeline.horizontal .cbx-timeline-item:nth-child(2n) .cbx-timeline-item-content{grid-row:2}.cbx-timeline.vertical .cbx-timeline-middle-border{content:"";position:absolute;top:0;bottom:0;left:50%;margin-left:calc(var(--tl-border-width)/2*-1);width:var(--tl-border-width);border-left:var(--tl-border-width) var(--tl-border-style) var(--tl-border-color)}.cbx-timeline.vertical .cbx-timeline-item{padding:20px;position:relative;display:flex;justify-content:center;align-items:center}.cbx-timeline.vertical .cbx-timeline-item.even{margin-left:50%}.cbx-timeline.vertical .cbx-timeline-item.odd{margin-right:50%}.cbx-timeline.vertical .cbx-timeline-item:last-of-type{margin:40px 25% 0}.cbx-timeline.vertical .cbx-timeline-item h2{text-align:center;position:relative;z-index:2;width:-moz-fit-content;width:fit-content;margin:0 auto}.cbx-timeline.vertical .cbx-timeline-item p{text-align:var(--tl-text-alignment);margin-top:10px}.cbx-timeline .spacer{height:1px}.cbx-timeline .cbx-timeline-item-line{position:absolute;top:0;height:0;width:100px;border-top:var(--tl-border-width) var(--tl-border-style) var(--tl-border-color)}',""]);const s=c},86028(e,t,i){"use strict";i.r(t),i.d(t,{default:()=>b});var l=function(){var e=this,t=e._self._c;e._self._setupProxy;return t("div",{class:["cbx-timeline",e.direction]},[e._t("default")],2)},o=[],r=(i(83725),i(29838),i(15215)),n=i(71886);let c=class extends n.lD{mounted(){this.$nextTick(()=>{if("horizontal"===this.direction)this.updateTimelineWidth();else{const e=this.$el.querySelectorAll(".cbx-timeline-item");e.forEach((e,t)=>{e.classList.add(t%2===0?"odd":"even")}),this.setupVerticalTimeline()}window.addEventListener("resize",this.onResize),this.$el.classList.add("ready")})}beforeDestroy(){window.removeEventListener("resize",this.onResize)}onResize(){"horizontal"===this.direction?this.updateTimelineWidth():this.positionVerticalElements()}updateTimelineWidth(){const e=this.$el;if(e){const t=e.scrollWidth,i=e.clientWidth;t>i&&e.style.setProperty("--tl-timeline-width",t+"px")}}setupVerticalTimeline(){console.log("setupVerticalTimeline");const e=this.$el;if(console.log(e),!e.querySelector(".cbx-timeline-middle-border")){const t=document.createElement("div");t.classList.add("cbx-timeline-middle-border"),e.prepend(t),console.log(t)}this.createCircles(),this.createLines(),this.positionVerticalElements()}positionVerticalElements(){this.positionCircles(),this.positionLine

1s(),this.positionMiddleBorder()}createLines(){const e=this.$el,t=e.querySelectorAll(".cbx-timeline-item");t.forEach((e,i)=>{const l=i===t.length-1;if(!l&&!e.querySelector(".cbx-timeline-item-line")){const t=document.createElement("div");t.className="cbx-timeline-item-line",e.appendChild(t)}})}createCircles(){const e=this.$el,t=e.querySelectorAll(".cbx-timeline-item");e.querySelectorAll(".cbx-timeline-circle").forEach(e=>e.remove()),t.forEach(()=>{const t=document.createElement("div");t.className="cbx-timeline-circle",e.prepend(t),console.log(t)}),console.log(t)}positionCircles(){const e=this.$el,t=e.querySelectorAll(".cbx-timeline-circle"),i=e.querySelectorAll(".cbx-timeline-item");t.forEach((e,l)=>{const o=l===t.length-1,r=i[l];if(!r)return;const n=r.querySelector("h2");if(!n)return;const c=n.offsetHeight,s=window.getComputedStyle(r),a=parseFloat(s.paddingTop),d=s.getPropertyValue("--tl-border-width").trim(),m=parseFloat(d);o?e.setAttribute("style",`top: ${r.offsetTop-10}px`):e.setAttribute("style",`top: ${r.offsetTop+(a/2+m/2)+c/2}px`)})}positionLines(){const e=this.$el,t=e.querySelectorAll(".cbx-timeline-item-line"),i=e.querySelectorAll(".cbx-timeline-item");t.forEach((e,t)=>{const l=i[t];if(!l)return;const o=l.querySelector("h2");if(!o)return;const r=o.offsetHeight,n=window.getComputedStyle(l),c=parseFloat(n.paddingTop);e.style.top=`${c+r/2}px`,t%2===0?e.style.right="0":e.style.left="0",e.style.width=o.offsetLeft-20+"px"})}positionMiddleBorder(){const e=this.$el,t=e.querySelectorAll(".cbx-timeline-item");if(!t.length)return;const i=t[0],l=t[t.length-1],o=e.querySelector(".cbx-timeline-middle-border");if(!o)return;"static"===getComputedStyle(e).position&&(e.style.position="relative"),o.style.position="absolute";const r=e.getBoundingClientRect(),n=i.querySelector("h2").getBoundingClientRect(),c=l.getBoundingClientRect(),s=r.bottom-c.top;o.style.top=n.top-r.top+10+"px",o.style.bottom=`${s}px`}};(0,r.Cg)([(0,n.kv)({type:String,default:"horizontal"})],c.prototype,"direction",void 0),c=(0,r.Cg)([n.uA],c);const s=c,a=s;i(76814);var d=i(81656),m=(0,d.A)(a,l,o,!1,null,null,null);const b=m.exports}}]);
2//# sourceMappingURL=6028.js.map?id=aae58b1f8f5d7036