20 |

21 |

22 |

> 23 | `,this.hide(),this.title=this.parent.querySelector(".title"),this.subtitle=this.parent.querySelector(".subtitle"),this.pointer=this.parent.querySelector(".pointer")}show(e){if(!e.target_element)throw new Error("target_element is required to show popup");e.position||(e.position="left");let t=e.target_element;if(this.custom_html){let i=this.custom_html(e.task);i+='

',this.parent.innerHTML=i,this.pointer=this.parent.querySelector(".pointer")}else this.title.innerHTML=e.title,this.subtitle.innerHTML=e.subtitle,this.parent.style.width=this.parent.clientWidth+"px";let s;t instanceof HTMLElement?s=t.getBoundingClientRect():t instanceof SVGElement&&(s=e.target_element.getBBox()),e.position==="left"&&(this.parent.style.left=s.x+(s.width+10)+"px",this.parent.style.top=s.y+"px",this.pointer.style.transform="rotateZ(90deg)",this.pointer.style.left="-7px",this.pointer.style.top="2px"),this.parent.style.opacity=1}hide(){this.parent.style.opacity=0,this.parent.style.left=0}};var m={QUARTER_DAY:"Quarter Day",HALF_DAY:"Half Day",DAY:"Day",WEEK:"Week",MONTH:"Month",YEAR:"Year"},M=class{constructor(e,t,s){this.setup_wrapper(e),this.setup_options(s),this.setup_tasks(t),this.change_view_mode(),this.bind_events()}setup_wrapper(e){let t,s;if(typeof e=="string"&&(e=document.querySelector(e)),e instanceof HTMLElement)s=e,t=e.querySelector("svg");else if(e instanceof SVGElement)t=e;else throw new TypeError("Frapp\xE9 Gantt only supports usage of a string CSS selector, HTML DOM element or SVG DOM element for the 'element' parameter");t?(this.$svg=t,this.$svg.classList.add("gantt")):this.$svg=f("svg",{append_to:s,class:"gantt"}),this.$container=document.createElement("div"),this.$container.classList.add("gantt-container"),this.$svg.parentElement.appendChild(this.$container),this.$container.appendChild(this.$22:T7d0, 20 |

21 |

22 |

Giganttix