@sme.up/ketchup 11.0.0-SNAPSHOT-20241125085638 → 11.0.0-SNAPSHOT-20241125095251

package/dist/ketchup/{p-71034261.entry.js → p-9fa6808d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,f as e,d as n,F as a}from"./p-d7c15b0e.js";import{f as s,s as o,g as l,b as h}from"./p-6c4c0cc9.js";import{r as p,s as f,c as r,a as d,b as c}from"./p-008bdcdc.js";import{e as u}from"./p-cd3a7d53.js";import"./p-029c7cbe.js";const g=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";const k=g;const m=class{constructor(e){t(this,e);this.taskListTrueRef=null;this.ganttId=undefined;this.tasks=undefined;this.headerHeight=114;this.columnWidth=60;this.listCellWidth="300px";this.rowHeight=50;this.filter=undefined;this.ganttHeight=0;this.viewMode="month";this.preStepsCount=1;this.locale="en-GB";this.barFill=60;this.projectFill=80;this.timelineFill=40;this.barCornerRadius=3;this.barProgressColor="#a3a3ff";this.barProgressSelectedColor="#8282f5";this.barBackgroundColor="#b8c2cc";this.barBackgroundSelectedColor="#aeb8c2";this.projectProgressColor="#7db59a";this.projectProgressSelectedColor="#59a985";this.projectBackgroundColor="#fac465";this.projectBackgroundSelectedColor="#f7bb53";this.rtl=false;this.handleWidth=8;this.timeStep=3e5;this.arrowColor="grey";this.fontFamily="Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue";this.fontSize="14px";this.arrowIndent=20;this.todayColor="#ff0000";this.viewDate=undefined;this.TooltipContent=i("kup-standard-tooltip",null);this.TaskListHeader=i("kup-task-list-header",null);this.TaskListTable=i("kup-task-list-table",null);this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.hideLabel=false;this.showSecondaryDates=false;this.hideDependencies=false;this.projection=undefined;this.displayedStartDate=undefined;this.displayedEndDate=undefined;this.initialScrollX=-1;this.initialScrollY=0;this.readOnly=undefined;this.currentTasks=[];this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.setDoubleView=undefined;this.barContextMenu=undefined;this.scrollXChange=undefined;this.scrollYChange=undefined;this.barClick=undefined;this.barDblClick=undefined;this.dateChange=undefined;this.select=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.delete=undefined;this.expanderClick=undefined;this.phaseDrop=undefined;this.wrapperRef=undefined;this.taskGanttRef=null;this.taskListRef=undefined;this.dateSetup=undefined;this.taskListWidth=0;this.svgContainerWidth=0;this.svgContainerHeight=this.ganttHeight;this.barTasks=[];this.ganttEvent={action:""};this.taskHeight=this.rowHeight*this.barFill/100;this.projectHeight=this.rowHeight*this.projectFill/100;this.timelineHeight=this.rowHeight*this.timelineFill/100;this.selectedTask=undefined;this.failedTask=null;this.svgWidth=undefined;this.ganttFullHeight=undefined;this.scrollX=0;this.scrollY=-1;this.ignoreScrollEvent=false;this.currentDateIndicatorContent=undefined;this.projectionContent=undefined;this.taskListScrollWidth=undefined;this.taskListScrollX=0}componentWillLoad(){this.updateGanttData();this.loadStates()}loadStates(){var t,i;this.scrollX=this.initialScrollX;this.scrollY=this.initialScrollY;const[e,n]=s(this.tasks,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);this.dateSetup={viewMode:this.viewMode,dates:o(e,n,this.viewMode)};this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth;this.ganttFullHeight=this.barTasks.length*this.rowHeight}componentDidRender(){this.taskGanttRef=this.rootElement.querySelector("kup-task-gantt").querySelector(".ganttVerticalContainer")}componentDidLoad(){this.updateScrollLeftAndScrollTop();window.addEventListener("gantt-sync-scroll-event",this.onGanttSyncScrollEvent.bind(this))}async refresh(){e(this)}updateInitialScrollY(){if(this.scrollYChange){this.scrollYChange(this.initialScrollY)}this.scrollY=this.initialScrollY}updateInitialScrollX(){window.addEventListener("gantt-sync-scroll-event",(function(t){if(t.detail.id!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}))}updateGanttData(){let t;if(this.expanderClick){t=p(this.tasks)}else{t=this.tasks}t=t.sort(f);const[i,e]=s(t,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);let n=o(i,e,this.viewMode);if(this.rtl){n=n.reverse();if(scrollX===-1){this.scrollX=n.length*this.columnWidth}}let a=false;if(this.dateSetup&&this.dateSetup.dates){const t=this.dateSetup.dates;if(t.length!==n.length){a=true}else{for(let i=0;i<t.length;i++){if(t[i].valueOf()!==n[i].valueOf()){a=true;break}}}}if(a){this.dateSetup={dates:n,viewMode:this.viewMode}}this.barTasks=r(t,n,this.columnWidth,this.rowHeight,this.taskHeight,this.projectHeight,this.timelineHeight,this.barCornerRadius,this.handleWidth,this.rtl,this.barProgressColor,this.barProgressSelectedColor,this.barBackgroundColor,this.barBackgroundSelectedColor,this.projectProgressColor,this.projectProgressSelectedColor,this.projectBackgroundColor,this.projectBackgroundSelectedColor,this.showSecondaryDates)}updateIgnoreScrollEvent(){if(this.viewMode===this.dateSetup.viewMode&&this.viewDate&&this.initialScrollX<1){const t=this.dateSetup.dates;const i=t.findIndex(((i,e)=>this.viewDate.valueOf()>=i.valueOf()&&e+1!==t.length&&this.viewDate.valueOf()<t[e+1].valueOf()));if(i===-1){return}this.ignoreScrollEvent=true;this.scrollX=this.columnWidth*i}}updateGanttEventAndBarTasks(){const{changedTask:t,action:i}=this.ganttEvent;if(t){if(i==="delete"){this.ganttEvent={action:""};this.barTasks=this.barTasks.filter((i=>i.id!==t.id))}else if(i==="move"||i==="end"||i==="start"||i==="progress"){const i=this.barTasks.find((i=>i.id===t.id));if(i&&(i.start.getTime()!==t.start.getTime()||i.end.getTime()!==t.end.getTime()||i.progress!==t.progress)){const i=this.barTasks.map((i=>i.id===t.id?t:i));this.barTasks=i}}}}updateFailedTasksAndBarChart(){if(this.failedTask){this.barTasks=this.barTasks.map((t=>t.id!==this.failedTask.id?t:this.failedTask));this.failedTask=null}}updateTaskListWidth(){if(!this.listCellWidth){this.taskListWidth=0}if(this.taskListRef){this.taskListWidth=this.taskListRef.offsetWidth}}updateSvgContainerWidth(){if(this.wrapperRef){this.svgContainerWidth=this.wrapperRef.offsetWidth-this.taskListWidth}}updateSvgContainerHeight(){if(this.ganttHeight){this.svgContainerHeight=this.ganttHeight+this.headerHeight}else{this.svgContainerHeight=this.tasks.length*this.rowHeight+this.headerHeight}}handleWheel(t){const i=this.wrapperRef;if(!i)return;if((t===null||t===void 0?void 0:t.type)!=="wheel")return;if(t.shiftKey||t.deltaX){const i=t.deltaX?t.deltaX:t.deltaY;let e=this.scrollX+i;if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}));t.preventDefault()}else if(this.ganttHeight){let i=this.scrollY+t.deltaY;if(i<0){i=0}else if(i>Math.abs(this.ganttFullHeight-this.ganttHeight)){i=Math.abs(this.ganttFullHeight-this.ganttHeight)}if(i!==this.scrollY){if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i;t.preventDefault()}}this.ignoreScrollEvent=true}updateCurrentDateIndicatorContent(){const t=d(this.dateSetup.dates,this.columnWidth);if(t!==0){this.currentDateIndicatorContent={color:this.todayColor,x:t}}}updateProjectionContent(){if(this.projection){const{x0:t,xf:i}=c(this.projection.start,this.projection.end,this.dateSetup.dates,this.columnWidth);this.projectionContent={x0:t,xf:i,color:this.projection.color}}else{this.projectionContent=undefined}}updateSvgWidth(){var t,i;this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth}updateGanttFullHeight(){this.ganttFullHeight=this.barTasks.length*this.rowHeight}onGanttSyncScrollEvent(t){if(t.detail.componentId!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}updateScrollLeftAndScrollTop(){if(this.wrapperRef){const t=this.wrapperRef;if(t){if(this.scrollX!==-1){const i=()=>{t.scrollLeft=this.scrollX};setTimeout(i,125)}if(this.scrollY!==0){const i=()=>{t.scrollTop=this.scrollY};setTimeout(i,125)}}}}handleScrollY(t){const i=t.currentTarget;if(this.scrollY!==i.scrollTop){if(!this.ignoreScrollEvent){if(this.scrollYChange){this.scrollYChange(i.scrollTop)}this.scrollY=i.scrollTop;this.ignoreScrollEvent=true}else{this.ignoreScrollEvent=false}}else{this.ignoreScrollEvent=false}}handleScrollX(t){const i=t.currentTarget;if(this.scrollX!==i.scrollLeft&&!this.ignoreScrollEvent){this.scrollX=i.scrollLeft;this.ignoreScrollEvent=true;const t=this.ganttId;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:t,scrollX:i.scrollLeft}}))}else{this.ignoreScrollEvent=false}}handleKeyDown(t){if(t.target.tagName==="INPUT"){return}t.preventDefault();let i=this.scrollY;let e=this.scrollX;let n=true;switch(t.key){case"Down":case"ArrowDown":i+=this.rowHeight;n=false;break;case"Up":case"ArrowUp":i-=this.rowHeight;n=false;break;case"Left":case"ArrowLeft":e-=this.columnWidth;break;case"Right":case"ArrowRight":e+=this.columnWidth;break}if(n){if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}))}else{if(i<0){i=0}else if(i>this.ganttFullHeight-this.ganttHeight){i=this.ganttFullHeight-this.ganttHeight}if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i}this.ignoreScrollEvent=true}handleSelectedTask(t){const i=this.barTasks.find((i=>i.id===t));const e=this.barTasks.find((t=>!!this.selectedTask&&t.id===this.selectedTask.id));if(this.select){if(e){this.select(e,false)}if(i){this.select(i,true)}}this.selectedTask=i}handleExpanderClick(t){if(this.expanderClick&&t.hideChildren!==undefined){this.expanderClick(Object.assign(Object.assign({},t),{hideChildren:!t.hideChildren}))}}handleTaskListScrollX(t){const i=t.currentTarget;this.taskListScrollX=i.scrollLeft}handlePhaseDragScroll(t){this.scrollY=t}setFailedTask(t){this.failedTask=t}setGanttEvent(t){this.ganttEvent=t}render(){var t,e;const n={columnWidth:this.columnWidth,svgWidth:this.svgWidth,tasks:this.tasks,rowHeight:this.rowHeight,dates:(t=this.dateSetup)===null||t===void 0?void 0:t.dates,todayColor:this.todayColor,rtl:this.rtl};const a={dateSetup:this.dateSetup,locale:this.locale,viewMode:this.viewMode,headerHeight:this.headerHeight,columnWidth:this.columnWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,rtl:this.rtl,dateTimeFormatters:this.dateTimeFormatters,singleLineHeader:this.singleLineHeader,currentDateIndicator:this.currentDateIndicatorContent};const s={tasks:this.barTasks,dates:(e=this.dateSetup)===null||e===void 0?void 0:e.dates,ganttEvent:this.ganttEvent,selectedTask:this.selectedTask,rowHeight:this.rowHeight,taskHeight:this.taskHeight,columnWidth:this.columnWidth,arrowColor:this.hideDependencies?"transparent":this.arrowColor,timeStep:this.timeStep,fontFamily:this.fontFamily,fontSize:this.fontSize,arrowIndent:this.arrowIndent,svgWidth:this.svgWidth,rtl:this.rtl,hideLabel:this.hideLabel,showSecondaryDates:this.showSecondaryDates,ganttHeight:this.ganttHeight,currentDateIndicator:this.currentDateIndicatorContent,projection:this.projectionContent,readOnly:this.readOnly,setGanttEvent:this.setGanttEvent.bind(this),setFailedTask:this.setFailedTask.bind(this),setSelectedTask:this.handleSelectedTask.bind(this),dateChange:this.dateChange,progressChange:this.progressChange,doubleClick:this.doubleClick,barClick:this.barClick,barDblClick:this.barDblClick,barContextMenu:this.barContextMenu,delete:this.delete,phaseDrop:this.phaseDrop};const o={rowHeight:this.rowHeight,rowWidth:this.listCellWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.barTasks,locale:this.locale,headerHeight:this.headerHeight,scrollY:this.scrollY,ganttHeight:this.ganttHeight,filter:this.filter,horizontalContainerClass:"horizontalContainer",selectedTask:this.selectedTask,taskListRef:this.taskListRef,setSelectedTask:this.handleSelectedTask.bind(this),expanderClick:this.handleExpanderClick.bind(this),TaskListHeader:this.TaskListHeader,TaskListTable:this.TaskListTable};return i("div",{key:"91d4b672df603b898f79d8810870f70e87a4af0b",class:"gannt-wrapper-main"},i("div",{key:"bf1716d26e05f47bb4f0b2ec525bd6cbe885949c",class:"wrapper",onKeyDown:this.handleKeyDown.bind(this),tabIndex:0,ref:t=>this.wrapperRef=t},this.listCellWidth&&i("kup-task-list",Object.assign({key:"c12f81c4b4fbecef2411a3918b59128fee7315f8",currentTasks:this.currentTasks,handleClick:this.handleClick,handleDblClick:this.handleDblClick,handleContextMenu:this.handleContextMenu,ganttOnClick:this.ganttOnClick,ganttOnDblClick:this.ganttOnDblClick,ganttonOnContextMenu:this.ganttonOnContextMenu,label:this.label,doubleView:this.doubleView,setDoubleView:this.setDoubleView},o,{class:"tasks",scrollableTaskList:this.scrollableTaskList,updateTaskListScrollX:this.ignoreScrollEvent,ontaskListScrollWidth:t=>{this.taskListScrollWidth=t},taskListScrollX:this.taskListScrollX,ref:t=>this.taskListTrueRef=t})),i("kup-task-gantt",{key:"b773c4160463e928dd45c555700983e914d5088a",gridProps:n,calendarProps:a,barProps:s,ganttHeight:this.ganttHeight,taskGanttRef:this.taskGanttRef,scrollY:this.scrollY,scrollX:this.scrollX,phaseDragScroll:this.handlePhaseDragScroll.bind(this),class:"ganttContainer"}),this.ganttEvent.changedTask&&i("kup-tooltip",{key:"93f0e5a3086e5474ec8f44e95134880bfc0f56cf",arrowIndent:this.arrowIndent,rowHeight:this.rowHeight,svgContainerHeight:this.svgContainerHeight,svgContainerWidth:this.svgContainerWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,scrollX:this.scrollX,scrollY:this.scrollY,task:this.ganttEvent.changedTask,headerHeight:this.headerHeight,taskListWidth:this.taskListWidth,TooltipContent:this.TooltipContent,rtl:this.rtl,svgWidth:this.svgWidth}),i("kup-vertical-scroll",{key:"f7ad2cfcf93fae625c6d90f08db43adbeb9190a4",ganttFullHeight:this.ganttFullHeight,ganttHeight:this.ganttHeight,headerHeight:this.headerHeight,scrollNumber:this.scrollY,verticalScroll:this.handleScrollY.bind(this),rtl:this.rtl})),this.taskGanttRef&&i("kup-horizontal-scroll",{key:"9df22bcbe9772df4679df3b6a3f0dec13957d98c",svgWidth:this.svgWidth,taskListTrueRef:this.taskListTrueRef,taskListWidth:this.taskListWidth,scrollNumber:this.scrollX,rtl:this.rtl,horizontalScroll:this.handleScrollX.bind(this),horizontalTaskListScroll:this.handleTaskListScrollX.bind(this),listCellWidth:this.listCellWidth,scrollableTaskList:this.scrollableTaskList,taskListScrollWidth:this.taskListScrollWidth,taskListScrollNumber:this.taskListScrollX}))}get rootElement(){return n(this)}static get watchers(){return{initialScrollY:["updateInitialScrollY"],scrollYChange:["updateInitialScrollY"],initialScrollX:["updateInitialScrollX","updateIgnoreScrollEvent"],scrollXChange:["updateInitialScrollX"],tasks:["updateGanttData","updateSvgContainerHeight"],viewMode:["updateGanttData","updateIgnoreScrollEvent"],preStepsCount:["updateGanttData"],rowHeight:["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],barCornerRadius:["updateGanttData"],columnWidth:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],taskHeight:["updateGanttData"],handleWidth:["updateGanttData"],barProgressColor:["updateGanttData"],barProgressSelectedColor:["updateGanttData"],barBackgroundColor:["updateGanttData"],barBackgroundSelectedColor:["updateGanttData"],projectProgressColor:["updateGanttData"],projectProgressSelectedColor:["updateGanttData"],projectBackgroundColor:["updateGanttData"],projectBackgroundSelectedColor:["updateGanttData"],milestoneBackgroundColor:["updateGanttData"],milestoneBackgroundSelectedColor:["updateGanttData"],rtl:["updateGanttData","handleWheel"],scrollX:["updateGanttData","handleWheel"],onExpanderClick:["updateGanttData"],showSecondaryDates:["updateGanttData"],projectHeight:["updateGanttData"],timelineHeight:["updateGanttData"],displayedStartDate:["updateGanttData"],displayedEndDate:["updateGanttData"],dateSetup:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],viewDate:["updateIgnoreScrollEvent"],ganttEvent:["updateGanttEventAndBarTasks"],failedTask:["updateFailedTasksAndBarChart"],barTasks:["updateFailedTasksAndBarChart","updateGanttFullHeight"],taskListRef:["updateTaskListWidth"],listCellWidth:["updateTaskListWidth"],wrapperRef:["updateSvgContainerWidth","handleWheel"],ganttHeight:["updateSvgContainerHeight","handleWheel"],headerHeight:["updateSvgContainerHeight"],scrollY:["handleWheel"],svgWidth:["handleWheel"],ganttFullHeight:["handleWheel"],todayColor:["updateCurrentDateIndicatorContent"],projection:["updateProjectionContent"]}}};m.style=k;const x=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scrollWrapper{overflow:auto;max-width:100%;height:1.2rem}.scrollWrapper::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scrollWrapper::-webkit-scrollbar-corner{background:transparent}.scrollWrapper::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scrollWrapper::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}.scroll{height:1px}.scroll-container{display:flex}";const y=x;const b=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.svgWidth=undefined;this.taskListTrueRef=undefined;this.rtl=undefined;this.taskListWidth=undefined;this.scrollableTaskList=false;this.listCellWidth="300px";this.taskListScrollWidth=undefined;this.taskListScrollNumber=undefined;this.horizontalScroll=undefined;this.horizontalTaskListScroll=undefined;this.timeoutId=undefined}componentDidLoad(){this.scrollLeft()}scrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setScrollLeft()}),50)}listScrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setTaskListScrollLeft()}),50)}setScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[1]:t.children[0];i&&(i.scrollLeft=this.scrollNumber)}}setTaskListScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[0]:null;i&&(i.scrollLeft=this.taskListScrollNumber)}}render(){var t,e;const n=(e=((t=this.taskListTrueRef)===null||t===void 0?void 0:t.getBoundingClientRect().width)+24*1.5)!==null&&e!==void 0?e:0;const s=+this.listCellWidth.replace("px","");return i(a,{key:"ac484adf00a234146079244250decddd0281b087"},i("div",{key:"235b1833aca432afe43f1991d55d5397b31f4adf",class:"scroll-container"},this.scrollableTaskList&&this.taskListScrollWidth>s&&i("div",{key:"02270e521b987254922c28a06c9846ac37f2f16a",dir:"ltr",style:{margin:this.rtl?`0px 20px 0px 20px`:`0px 20px 0px 20px`,maxWidth:`${s+20}px`,minWidth:`${s+20}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalTaskListScroll},i("div",{key:"4d7e284aa6a9f33d235d64655a766ffb72c9db49",style:{width:`${this.taskListScrollWidth}px`},class:"scroll"})),i("div",{key:"83815e5b51a7f76c9e55df0f3025f271cf27e9a5",dir:"ltr",style:{margin:this.rtl?`0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px 0px 12px`:`0px 12px 0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalScroll},i("div",{key:"b44bec86876e369e27fb40cda1f567fdd824cc70",style:{width:`${this.svgWidth}px`},class:"scroll"}))))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["scrollLeft"],taskListScrollNumber:["listScrollLeft"]}}};b.style=y;const v=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const w=v;const z=class{constructor(i){t(this,i);this.task=undefined;this.fontSize=undefined;this.fontFamily=undefined}render(){return i("div",{key:"c8baad09503925e047a657790c755e82447e1e62",class:"tooltipDefaultContainer",style:{fontSize:this.fontSize,fontFamily:this.fontFamily}},i("b",{key:"98e2879e19962ae884ad57c1f1e6141599642d39",style:{fontSize:`${parseInt(this.fontSize)+6}px`}},`${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth()+1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth()+1}-${this.task.end.getFullYear()}`),this.task.end.getTime()-this.task.start.getTime()!==0&&i("p",{key:"4ec8ea1acc62997f4be2399680d7711821c1fead",class:"tooltipDefaultContainerParagraph"},`Duration: ${~~((this.task.end.getTime()-this.task.start.getTime())/(1e3*60*60*24))} day(s)`),i("p",{key:"c493de54d9152f6d9ced3bf5dc91f654cd70424d",class:"tooltipDefaultContainerParagraph"},!!this.task.progress&&`Progress: ${this.task.progress} %`))}};z.style=w;const S=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.switcher{display:grid;grid-auto-flow:column;grid-gap:8px;width:max-content;margin-bottom:var(--kup-space-05);margin-left:var(--kup-space-04)}.button{background-color:var(--kup-gray-color-70);border:none;text-align:left;box-sizing:border-box;color:var(--kup-gray-color-0);cursor:pointer;padding:var(--kup-space-03) var(--kup-space-05)}.button:hover{background-color:var(--kup-text-primary)}.button:focus{background-color:var(--kup-primary-color-60)}.label{text-decoration:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.buttonActive{background-color:var(--kup-primary-color-60)}";const C=S;const T=class{constructor(i){t(this,i);this.buttonLabels=["hour","day","week","month","year"];this.timeUnitChange=undefined;this.activeButton="day"}render(){const t=t=>{this.activeButton=t;this.timeUnitChange(t)};return i("div",{key:"20e948793cd9c04a4bce6a2789acfdb8e23a4588",class:"switcher"},this.buttonLabels.map((e=>i("button",{type:"button",class:{button:true,buttonActive:this.activeButton===e},onClick:()=>t(e)},i("span",{class:"label"},e.charAt(0).toUpperCase()+e.slice(1))))))}};T.style=C;const D=class{constructor(i){t(this,i);this.gridProps=undefined;this.calendarProps=undefined;this.barProps=undefined;this.taskGanttRef=undefined;this.ganttHeight=undefined;this.scrollY=undefined;this.scrollX=undefined;this.phaseDragScroll=undefined}updateScrollX(){setTimeout((()=>{this.verticalGanttContainerRef&&(this.verticalGanttContainerRef.scrollLeft=this.scrollX)}),30)}updateScrollY(){setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),30)}componentDidLoad(){setTimeout((()=>{this.updateScrollX();this.updateScrollY()}),75)}render(){const t=Object.assign(Object.assign({},this.barProps),{gridProps:this.gridProps,phaseDragScroll:this.phaseDragScroll});return i("div",{key:"99714d47e1ad8356e5dd96e2197044567613fc32",class:"ganttVerticalContainer",ref:t=>this.verticalGanttContainerRef=t,dir:"ltr"},i("kup-gantt-calendar",{key:"6088d8bb84b2be87e3ecf51659eceefadc50c705",dateSetup:this.calendarProps.dateSetup,locale:this.calendarProps.locale,rtl:this.calendarProps.rtl,headerHeight:this.calendarProps.headerHeight,columnWidth:this.calendarProps.columnWidth,fontFamily:this.calendarProps.fontFamily,fontSize:this.calendarProps.fontSize,dateTimeFormatters:this.calendarProps.dateTimeFormatters,singleLineHeader:this.calendarProps.singleLineHeader,currentDateIndicator:this.calendarProps.currentDateIndicator,svgWidth:this.gridProps.svgWidth}),i("div",{key:"7a40721f34ba4a9ba6a8c61e4bd76689e9bdf598",ref:t=>this.horizontalContainerRef=t,class:"horizontalContainer",style:this.ganttHeight?{height:`${this.ganttHeight}px`,width:`${this.gridProps.svgWidth}px`}:{width:`${this.gridProps.svgWidth}px`}},i("kup-grid-renderer",Object.assign({key:"b8613cde1d02a1798759b1da03c4967fdcb30b47"},t))))}get rootElement(){return n(this)}static get watchers(){return{scrollX:["updateScrollX"],verticalGanttContainerRef:["updateScrollX"],scrollY:["updateScrollY"],horizontalContainerRef:["updateScrollY"]}}};const L=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const W=L;const H=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined;this.rowHeight=undefined;this.scrollY=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTask=undefined;this.horizontalContainerClass=undefined;this.ganttHeight=undefined;this.filter=undefined;this.TaskListHeader=undefined;this.TaskListTable=undefined;this.currentTasks=undefined;this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.updateTaskListScrollX=false;this.taskListScrollX=undefined;this.setDoubleView=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.setSelectedTask=undefined;this.expanderClick=undefined;this.ontaskListScrollWidth=undefined;this.selectedTaskId=""}componentDidLoad(){this.taskListRef.prepend(this.filter);setTimeout((()=>{if(this.horizontalContainerRef){this.horizontalContainerRef.scrollTop=this.scrollY}}),75)}componentDidUpdate(){if(this.taskListRef){this.taskListRef.scrollTop=this.scrollY}}updateScrollY(){this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}render(){var t;const e={headerHeight:this.headerHeight,fontFamily:this.fontFamily,fontSize:this.fontSize,rowWidth:this.rowWidth};if(this.selectedTask){this.selectedTaskId=this.selectedTask.id}const n={rowHeight:this.rowHeight,rowWidth:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.tasks,locale:this.locale,selectedTaskId:this.selectedTaskId,scrollableTaskList:this.scrollableTaskList,setSelectedTask:this.setSelectedTask.bind(this),onExpanderClick:this.expanderClick};const a=this.TaskListHeader;if(a&&a["t"]){Object.assign(a["t"],Object.assign({},e))}const s=this.TaskListTable;if(s&&s["t"]){Object.assign(s["t"],Object.assign({},n))}return i("div",{key:"3c85062425cecd99f779464c08fdd9105e257919",ref:t=>this.taskListRef=t},a&&a["t"]?a:i("kup-custom-task-list-header",Object.assign({label:this.label,doubleView:(t=this.doubleView)!==null&&t!==void 0?t:false,setDoubleView:this.setDoubleView},e)),i("div",{key:"5fb9d1ec0ee150a652b36b28f5c4be7fc045e050",class:`${this.horizontalContainerClass} ${this.scrollableTaskList?"horizontalContainerScrollable":""}`,style:this.ganttHeight?{height:this.ganttHeight+"px"}:{},ref:t=>this.horizontalContainerRef=t},s&&s["t"]?s:i("kup-custom-task-list-table",Object.assign({},n,{onclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleClick(i,this.ganttOnClick)}},ondblclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleDblClick(i,this.ganttOnDblClick)}},oncontextmenuTaskList:(t,i)=>{let e=h(i,this.currentTasks);if(!e){e=l(i,this.currentTasks)}if(e){this.handleContextMenu(t,e,this.ganttonOnContextMenu)}},ontaskListScrollWidth:t=>{this.ontaskListScrollWidth(t)},taskListScrollX:this.taskListScrollX,ganttId:u}))))}get element(){return n(this)}static get watchers(){return{scrollY:["updateScrollY"]}}};H.style=W;const G=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const I=G;const E=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined}render(){return i("div",{key:"cc6f16ba19c980fc42676b72355e39b04b27ffcc",class:"ganttTable",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"f79c084e1e11f78df57f0632724bdfb9a60c3552",class:"ganttTable_Header",style:{height:`${this.headerHeight-2}px`}},i("div",{key:"c9cd05e5f46d180ac7c9b4959e32a2963384fba5",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," Name"),i("div",{key:"ca7167b753d11fcc0797e7ee824b973d89521df4",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.2}px`}}),i("div",{key:"a72099348deee5a50082c4152ecf1ddf5fe4910d",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," From"),i("div",{key:"f07398e08d58babab4c855030a3ae841dd347d92",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.25}px`}}),i("div",{key:"4a7e688d3727f12b4c4e7ca5816bb6bb53ec9f74",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," To")))}};E.style=I;const _=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const $=_;const P=class{constructor(i){t(this,i);this.dateTimeOptions={weekday:"short",year:"numeric",month:"long",day:"numeric"};this.rowHeight=undefined;this.rowWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTaskId=undefined;this.expandedTasks=new Set;this.setSelectedTask=undefined;this.expanderClick=undefined}toLocaleDateString(t){return t.toLocaleDateString(this.locale,this.dateTimeOptions)}render(){return i("div",{key:"8fbb5a31c2d75d645b3d324639cebb87259cf13c",class:"taskListWrapper",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},this.tasks.map((t=>i("div",{class:{taskListTableRow:true,expanded:this.expandedTasks.has(t.id)},style:{height:`${this.rowHeight}px`},key:`${t.id}row`},i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth},title:t.name},i("div",{class:"taskListNameWrapper"},i("div",{class:{taskListExpander:true,expanded:this.expandedTasks.has(t.id)},onClick:()=>this.expanderClick(t)},this.expandedTasks.has(t.id)?"▼":"▶"),i("div",null,t.name))),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.start)),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.end))))))}};P.style=$;const j=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const F=j;const X=class{constructor(i){t(this,i);this.task=undefined;this.rowHeight=undefined;this.rtl=undefined;this.svgContainerHeight=undefined;this.svgContainerWidth=undefined;this.scrollX=undefined;this.scrollY=undefined;this.arrowIndent=undefined;this.fontSize=undefined;this.fontFamily=undefined;this.headerHeight=undefined;this.taskListWidth=undefined;this.TooltipContent=undefined;this.svgWidth=undefined;this.relatedY=0;this.relatedX=0}componentWillLoad(){this.calculateTooltipPosition()}calculateTooltipPosition(){if(this.rootElement){const t=this.rootElement.offsetHeight*1.1;const i=this.rootElement.offsetWidth*1.1;let e=this.task.index*this.rowHeight-this.scrollY+this.headerHeight;let n;if(this.rtl){n=this.task.x1-this.arrowIndent*1.5-i-this.scrollX;if(n<0){n=this.task.x2+this.arrowIndent*1.5-this.scrollX}const t=i+n;if(t>this.svgContainerWidth){n=this.svgContainerWidth-i;e+=this.rowHeight}}else{n=this.task.x2+this.arrowIndent*1.5+this.taskListWidth-this.scrollX;const t=i+n;const a=this.taskListWidth+this.svgContainerWidth;if(t>a){n=this.task.x1+this.taskListWidth-this.arrowIndent*1.5-this.scrollX-i}if(n<this.taskListWidth){n=this.svgContainerWidth+this.taskListWidth-i;e+=this.rowHeight}}const a=t+e-this.scrollY;if(a>this.svgContainerHeight-this.scrollY){e=this.svgContainerHeight-t}this.relatedY=e;this.relatedX=n}}render(){return i("div",{key:"8f4cf17366abf9d2795c2719976fe7798101d3dd",class:this.relatedX?"tooltipDetailsContainer":"tooltipDetailsContainerHidden",style:{left:`${this.relatedX}px`,top:`${this.relatedY}px`}},i(this.TooltipContent,{key:"bdd70aa98f4613fa568462ede5a81c5a0ac3bc62",task:this.task,fontSize:this.fontSize,fontFamily:this.fontFamily}))}get rootElement(){return n(this)}static get watchers(){return{task:["calculateTooltipPosition"],arrowIndent:["calculateTooltipPosition"],scrollX:["calculateTooltipPosition"],scrollY:["calculateTooltipPosition"],headerHeight:["calculateTooltipPosition"],taskListWidth:["calculateTooltipPosition"],rowHeight:["calculateTooltipPosition"],svgContainerHeight:["calculateTooltipPosition"],svgContainerWidth:["calculateTooltipPosition"],rtl:["calculateTooltipPosition"]}}};X.style=F;const Y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";const O=Y;const R=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.ganttHeight=undefined;this.ganttFullHeight=undefined;this.headerHeight=undefined;this.rtl=undefined;this.verticalScroll=undefined}componentDidLoad(){setTimeout((()=>{this.updateScroll()}),50)}updateScroll(){let t;if(this.scrollRef){const i=this.scrollRef;const e=()=>{i.scrollTop=this.scrollNumber};t=setTimeout(e,50)}return()=>{clearTimeout(t)}}render(){return i("div",{key:"3d3b8fbb45b98fd7a29d7ee033c1f918af1d9949",style:{height:`${this.ganttHeight}px`,marginTop:`${this.headerHeight}px`,marginLeft:this.rtl?"":"-1rem"},class:"scroll",onScroll:this.verticalScroll,ref:t=>this.scrollRef=t},i("div",{key:"6b3c0cc4a7ac473fb0689e9bab75c255aa100ba0",style:{height:`${this.ganttFullHeight}px`,width:"1px"}}))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["updateScroll"]}}};R.style=O;export{m as kup_gantt,b as kup_horizontal_scroll,z as kup_standard_tooltip,T as kup_switcher,D as kup_task_gantt,H as kup_task_list,E as kup_task_list_header,P as kup_task_list_table,X as kup_tooltip,R as kup_vertical_scroll};
-//# sourceMappingURL=p-71034261.entry.js.map
+import{r as t,h as i,f as e,d as n,F as a}from"./p-d7c15b0e.js";import{f as s,s as o,g as l,b as h}from"./p-6c4c0cc9.js";import{r as p,s as f,c as r,a as d,b as c}from"./p-008bdcdc.js";import{e as u}from"./p-cd3a7d53.js";import"./p-029c7cbe.js";const g=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";const k=g;const m=class{constructor(e){t(this,e);this.taskListTrueRef=null;this.ganttId=undefined;this.tasks=undefined;this.headerHeight=114;this.columnWidth=60;this.listCellWidth="300px";this.rowHeight=50;this.filter=undefined;this.ganttHeight=0;this.viewMode="month";this.preStepsCount=1;this.locale="en-GB";this.barFill=60;this.projectFill=80;this.timelineFill=40;this.barCornerRadius=3;this.barProgressColor="#a3a3ff";this.barProgressSelectedColor="#8282f5";this.barBackgroundColor="#b8c2cc";this.barBackgroundSelectedColor="#aeb8c2";this.projectProgressColor="#7db59a";this.projectProgressSelectedColor="#59a985";this.projectBackgroundColor="#fac465";this.projectBackgroundSelectedColor="#f7bb53";this.rtl=false;this.handleWidth=8;this.timeStep=3e5;this.arrowColor="grey";this.fontFamily="Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue";this.fontSize="14px";this.arrowIndent=20;this.todayColor="#ff0000";this.viewDate=undefined;this.TooltipContent=i("kup-standard-tooltip",null);this.TaskListHeader=i("kup-task-list-header",null);this.TaskListTable=i("kup-task-list-table",null);this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.hideLabel=false;this.showSecondaryDates=false;this.hideDependencies=false;this.projection=undefined;this.displayedStartDate=undefined;this.displayedEndDate=undefined;this.initialScrollX=-1;this.initialScrollY=0;this.readOnly=undefined;this.currentTasks=[];this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.setDoubleView=undefined;this.barContextMenu=undefined;this.scrollXChange=undefined;this.scrollYChange=undefined;this.barClick=undefined;this.barDblClick=undefined;this.dateChange=undefined;this.select=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.delete=undefined;this.expanderClick=undefined;this.phaseDrop=undefined;this.wrapperRef=undefined;this.taskGanttRef=null;this.taskListRef=undefined;this.dateSetup=undefined;this.taskListWidth=0;this.svgContainerWidth=0;this.svgContainerHeight=this.ganttHeight;this.barTasks=[];this.ganttEvent={action:""};this.taskHeight=this.rowHeight*this.barFill/100;this.projectHeight=this.rowHeight*this.projectFill/100;this.timelineHeight=this.rowHeight*this.timelineFill/100;this.selectedTask=undefined;this.failedTask=null;this.svgWidth=undefined;this.ganttFullHeight=undefined;this.scrollX=0;this.scrollY=-1;this.ignoreScrollEvent=false;this.currentDateIndicatorContent=undefined;this.projectionContent=undefined;this.taskListScrollWidth=undefined;this.taskListScrollX=0}componentWillLoad(){this.updateGanttData();this.loadStates()}loadStates(){var t,i;this.scrollX=this.initialScrollX;this.scrollY=this.initialScrollY;const[e,n]=s(this.tasks,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);this.dateSetup={viewMode:this.viewMode,dates:o(e,n,this.viewMode)};this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth;this.ganttFullHeight=this.barTasks.length*this.rowHeight}componentDidRender(){this.taskGanttRef=this.rootElement.querySelector("kup-task-gantt").querySelector(".ganttVerticalContainer")}componentDidLoad(){this.updateScrollLeftAndScrollTop();window.addEventListener("gantt-sync-scroll-event",this.onGanttSyncScrollEvent.bind(this))}async refresh(){e(this)}updateInitialScrollY(){if(this.scrollYChange){this.scrollYChange(this.initialScrollY)}this.scrollY=this.initialScrollY}updateInitialScrollX(){window.addEventListener("gantt-sync-scroll-event",(function(t){if(t.detail.id!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}))}updateGanttData(){let t;if(this.expanderClick){t=p(this.tasks)}else{t=this.tasks}t=t.sort(f);const[i,e]=s(t,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);let n=o(i,e,this.viewMode);if(this.rtl){n=n.reverse();if(scrollX===-1){this.scrollX=n.length*this.columnWidth}}let a=false;if(this.dateSetup&&this.dateSetup.dates){const t=this.dateSetup.dates;if(t.length!==n.length){a=true}else{for(let i=0;i<t.length;i++){if(t[i].valueOf()!==n[i].valueOf()){a=true;break}}}}if(a){this.dateSetup={dates:n,viewMode:this.viewMode}}this.barTasks=r(t,n,this.columnWidth,this.rowHeight,this.taskHeight,this.projectHeight,this.timelineHeight,this.barCornerRadius,this.handleWidth,this.rtl,this.barProgressColor,this.barProgressSelectedColor,this.barBackgroundColor,this.barBackgroundSelectedColor,this.projectProgressColor,this.projectProgressSelectedColor,this.projectBackgroundColor,this.projectBackgroundSelectedColor,this.showSecondaryDates)}updateIgnoreScrollEvent(){if(this.viewMode===this.dateSetup.viewMode&&this.viewDate&&this.initialScrollX<1){const t=this.dateSetup.dates;const i=t.findIndex(((i,e)=>this.viewDate.valueOf()>=i.valueOf()&&e+1!==t.length&&this.viewDate.valueOf()<t[e+1].valueOf()));if(i===-1){return}this.ignoreScrollEvent=true;this.scrollX=this.columnWidth*i}}updateGanttEventAndBarTasks(){const{changedTask:t,action:i}=this.ganttEvent;if(t){if(i==="delete"){this.ganttEvent={action:""};this.barTasks=this.barTasks.filter((i=>i.id!==t.id))}else if(i==="move"||i==="end"||i==="start"||i==="progress"){const i=this.barTasks.find((i=>i.id===t.id));if(i&&(i.start.getTime()!==t.start.getTime()||i.end.getTime()!==t.end.getTime()||i.progress!==t.progress)){const i=this.barTasks.map((i=>i.id===t.id?t:i));this.barTasks=i}}}}updateFailedTasksAndBarChart(){if(this.failedTask){this.barTasks=this.barTasks.map((t=>t.id!==this.failedTask.id?t:this.failedTask));this.failedTask=null}}updateTaskListWidth(){if(!this.listCellWidth){this.taskListWidth=0}if(this.taskListRef){this.taskListWidth=this.taskListRef.offsetWidth}}updateSvgContainerWidth(){if(this.wrapperRef){this.svgContainerWidth=this.wrapperRef.offsetWidth-this.taskListWidth}}updateSvgContainerHeight(){if(this.ganttHeight){this.svgContainerHeight=this.ganttHeight+this.headerHeight}else{this.svgContainerHeight=this.tasks.length*this.rowHeight+this.headerHeight}}handleWheel(t){const i=this.wrapperRef;if(!i)return;if((t===null||t===void 0?void 0:t.type)!=="wheel")return;if(t.shiftKey||t.deltaX){const i=t.deltaX?t.deltaX:t.deltaY;let e=this.scrollX+i;if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}));t.preventDefault()}else if(this.ganttHeight){let i=this.scrollY+t.deltaY;if(i<0){i=0}else if(i>Math.abs(this.ganttFullHeight-this.ganttHeight)){i=Math.abs(this.ganttFullHeight-this.ganttHeight)}if(i!==this.scrollY){if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i;t.preventDefault()}}this.ignoreScrollEvent=true}updateCurrentDateIndicatorContent(){const t=d(this.dateSetup.dates,this.columnWidth);if(t!==0){this.currentDateIndicatorContent={color:this.todayColor,x:t}}}updateProjectionContent(){if(this.projection){const{x0:t,xf:i}=c(this.projection.start,this.projection.end,this.dateSetup.dates,this.columnWidth);this.projectionContent={x0:t,xf:i,color:this.projection.color}}else{this.projectionContent=undefined}}updateSvgWidth(){var t,i;this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth}updateGanttFullHeight(){this.ganttFullHeight=this.barTasks.length*this.rowHeight}onGanttSyncScrollEvent(t){if(t.detail.componentId!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}updateScrollLeftAndScrollTop(){if(this.wrapperRef){const t=this.wrapperRef;if(t){if(this.scrollX!==-1){const i=()=>{t.scrollLeft=this.scrollX};setTimeout(i,125)}if(this.scrollY!==0){const i=()=>{t.scrollTop=this.scrollY};setTimeout(i,125)}}}}handleScrollY(t){const i=t.currentTarget;if(this.scrollY!==i.scrollTop){if(!this.ignoreScrollEvent){if(this.scrollYChange){this.scrollYChange(i.scrollTop)}this.scrollY=i.scrollTop;this.ignoreScrollEvent=true}else{this.ignoreScrollEvent=false}}else{this.ignoreScrollEvent=false}}handleScrollX(t){const i=t.currentTarget;if(this.scrollX!==i.scrollLeft&&!this.ignoreScrollEvent){this.scrollX=i.scrollLeft;this.ignoreScrollEvent=true;const t=this.ganttId;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:t,scrollX:i.scrollLeft}}))}else{this.ignoreScrollEvent=false}}handleKeyDown(t){if(t.target.tagName==="INPUT"){return}t.preventDefault();let i=this.scrollY;let e=this.scrollX;let n=true;switch(t.key){case"Down":case"ArrowDown":i+=this.rowHeight;n=false;break;case"Up":case"ArrowUp":i-=this.rowHeight;n=false;break;case"Left":case"ArrowLeft":e-=this.columnWidth;break;case"Right":case"ArrowRight":e+=this.columnWidth;break}if(n){if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}))}else{if(i<0){i=0}else if(i>this.ganttFullHeight-this.ganttHeight){i=this.ganttFullHeight-this.ganttHeight}if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i}this.ignoreScrollEvent=true}handleSelectedTask(t){const i=this.barTasks.find((i=>i.id===t));const e=this.barTasks.find((t=>!!this.selectedTask&&t.id===this.selectedTask.id));if(this.select){if(e){this.select(e,false)}if(i){this.select(i,true)}}this.selectedTask=i}handleExpanderClick(t){if(this.expanderClick&&t.hideChildren!==undefined){this.expanderClick(Object.assign(Object.assign({},t),{hideChildren:!t.hideChildren}))}}handleTaskListScrollX(t){const i=t.currentTarget;this.taskListScrollX=i.scrollLeft}handlePhaseDragScroll(t){this.scrollY=t}setFailedTask(t){this.failedTask=t}setGanttEvent(t){this.ganttEvent=t}render(){var t,e;const n={columnWidth:this.columnWidth,svgWidth:this.svgWidth,tasks:this.tasks,rowHeight:this.rowHeight,dates:(t=this.dateSetup)===null||t===void 0?void 0:t.dates,todayColor:this.todayColor,rtl:this.rtl};const a={dateSetup:this.dateSetup,locale:this.locale,viewMode:this.viewMode,headerHeight:this.headerHeight,columnWidth:this.columnWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,rtl:this.rtl,dateTimeFormatters:this.dateTimeFormatters,singleLineHeader:this.singleLineHeader,currentDateIndicator:this.currentDateIndicatorContent};const s={tasks:this.barTasks,dates:(e=this.dateSetup)===null||e===void 0?void 0:e.dates,ganttEvent:this.ganttEvent,selectedTask:this.selectedTask,rowHeight:this.rowHeight,taskHeight:this.taskHeight,columnWidth:this.columnWidth,arrowColor:this.hideDependencies?"transparent":this.arrowColor,timeStep:this.timeStep,fontFamily:this.fontFamily,fontSize:this.fontSize,arrowIndent:this.arrowIndent,svgWidth:this.svgWidth,rtl:this.rtl,hideLabel:this.hideLabel,showSecondaryDates:this.showSecondaryDates,ganttHeight:this.ganttHeight,currentDateIndicator:this.currentDateIndicatorContent,projection:this.projectionContent,readOnly:this.readOnly,setGanttEvent:this.setGanttEvent.bind(this),setFailedTask:this.setFailedTask.bind(this),setSelectedTask:this.handleSelectedTask.bind(this),dateChange:this.dateChange,progressChange:this.progressChange,doubleClick:this.doubleClick,barClick:this.barClick,barDblClick:this.barDblClick,barContextMenu:this.barContextMenu,delete:this.delete,phaseDrop:this.phaseDrop};const o={rowHeight:this.rowHeight,rowWidth:this.listCellWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.barTasks,locale:this.locale,headerHeight:this.headerHeight,scrollY:this.scrollY,ganttHeight:this.ganttHeight,filter:this.filter,horizontalContainerClass:"horizontalContainer",selectedTask:this.selectedTask,taskListRef:this.taskListRef,setSelectedTask:this.handleSelectedTask.bind(this),expanderClick:this.handleExpanderClick.bind(this),TaskListHeader:this.TaskListHeader,TaskListTable:this.TaskListTable};return i("div",{key:"836af3f1012d6eb8276048866fc9a976b349775e",class:"gannt-wrapper-main"},i("div",{key:"67654e8431be67e00d1bff668d9d90b3a7b3b21f",class:"wrapper",onKeyDown:this.handleKeyDown.bind(this),tabIndex:0,ref:t=>this.wrapperRef=t},this.listCellWidth&&i("kup-task-list",Object.assign({key:"2e419799a7a5ad604357225ec48b6be0b6a9353a",currentTasks:this.currentTasks,handleClick:this.handleClick,handleDblClick:this.handleDblClick,handleContextMenu:this.handleContextMenu,ganttOnClick:this.ganttOnClick,ganttOnDblClick:this.ganttOnDblClick,ganttonOnContextMenu:this.ganttonOnContextMenu,label:this.label,doubleView:this.doubleView,setDoubleView:this.setDoubleView},o,{class:"tasks",scrollableTaskList:this.scrollableTaskList,updateTaskListScrollX:this.ignoreScrollEvent,ontaskListScrollWidth:t=>{this.taskListScrollWidth=t},taskListScrollX:this.taskListScrollX,ref:t=>this.taskListTrueRef=t})),i("kup-task-gantt",{key:"4587424ff6d24d47b471cfc28972cb34e42ba0c7",gridProps:n,calendarProps:a,barProps:s,ganttHeight:this.ganttHeight,taskGanttRef:this.taskGanttRef,scrollY:this.scrollY,scrollX:this.scrollX,phaseDragScroll:this.handlePhaseDragScroll.bind(this),class:"ganttContainer"}),this.ganttEvent.changedTask&&i("kup-tooltip",{key:"a2c655b425591b41492f4b77c9f8e3b1130565a4",arrowIndent:this.arrowIndent,rowHeight:this.rowHeight,svgContainerHeight:this.svgContainerHeight,svgContainerWidth:this.svgContainerWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,scrollX:this.scrollX,scrollY:this.scrollY,task:this.ganttEvent.changedTask,headerHeight:this.headerHeight,taskListWidth:this.taskListWidth,TooltipContent:this.TooltipContent,rtl:this.rtl,svgWidth:this.svgWidth}),i("kup-vertical-scroll",{key:"2122835b9bf5929d76ee7cf28c60be64bc2b2a01",ganttFullHeight:this.ganttFullHeight,ganttHeight:this.ganttHeight,headerHeight:this.headerHeight,scrollNumber:this.scrollY,verticalScroll:this.handleScrollY.bind(this),rtl:this.rtl})),this.taskGanttRef&&i("kup-horizontal-scroll",{key:"167011334f0919c9df59bb91c54be5d039a8e261",svgWidth:this.svgWidth,taskListTrueRef:this.taskListTrueRef,taskListWidth:this.taskListWidth,scrollNumber:this.scrollX,rtl:this.rtl,horizontalScroll:this.handleScrollX.bind(this),horizontalTaskListScroll:this.handleTaskListScrollX.bind(this),listCellWidth:this.listCellWidth,scrollableTaskList:this.scrollableTaskList,taskListScrollWidth:this.taskListScrollWidth,taskListScrollNumber:this.taskListScrollX}))}get rootElement(){return n(this)}static get watchers(){return{initialScrollY:["updateInitialScrollY"],scrollYChange:["updateInitialScrollY"],initialScrollX:["updateInitialScrollX","updateIgnoreScrollEvent"],scrollXChange:["updateInitialScrollX"],tasks:["updateGanttData","updateSvgContainerHeight"],viewMode:["updateGanttData","updateIgnoreScrollEvent"],preStepsCount:["updateGanttData"],rowHeight:["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],barCornerRadius:["updateGanttData"],columnWidth:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],taskHeight:["updateGanttData"],handleWidth:["updateGanttData"],barProgressColor:["updateGanttData"],barProgressSelectedColor:["updateGanttData"],barBackgroundColor:["updateGanttData"],barBackgroundSelectedColor:["updateGanttData"],projectProgressColor:["updateGanttData"],projectProgressSelectedColor:["updateGanttData"],projectBackgroundColor:["updateGanttData"],projectBackgroundSelectedColor:["updateGanttData"],milestoneBackgroundColor:["updateGanttData"],milestoneBackgroundSelectedColor:["updateGanttData"],rtl:["updateGanttData","handleWheel"],scrollX:["updateGanttData","handleWheel"],onExpanderClick:["updateGanttData"],showSecondaryDates:["updateGanttData"],projectHeight:["updateGanttData"],timelineHeight:["updateGanttData"],displayedStartDate:["updateGanttData"],displayedEndDate:["updateGanttData"],dateSetup:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],viewDate:["updateIgnoreScrollEvent"],ganttEvent:["updateGanttEventAndBarTasks"],failedTask:["updateFailedTasksAndBarChart"],barTasks:["updateFailedTasksAndBarChart","updateGanttFullHeight"],taskListRef:["updateTaskListWidth"],listCellWidth:["updateTaskListWidth"],wrapperRef:["updateSvgContainerWidth","handleWheel"],ganttHeight:["updateSvgContainerHeight","handleWheel"],headerHeight:["updateSvgContainerHeight"],scrollY:["handleWheel"],svgWidth:["handleWheel"],ganttFullHeight:["handleWheel"],todayColor:["updateCurrentDateIndicatorContent"],projection:["updateProjectionContent"]}}};m.style=k;const x=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scrollWrapper{overflow:auto;max-width:100%;height:1.2rem}.scrollWrapper::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scrollWrapper::-webkit-scrollbar-corner{background:transparent}.scrollWrapper::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scrollWrapper::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}.scroll{height:1px}.scroll-container{display:flex}";const y=x;const b=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.svgWidth=undefined;this.taskListTrueRef=undefined;this.rtl=undefined;this.taskListWidth=undefined;this.scrollableTaskList=false;this.listCellWidth="300px";this.taskListScrollWidth=undefined;this.taskListScrollNumber=undefined;this.horizontalScroll=undefined;this.horizontalTaskListScroll=undefined;this.timeoutId=undefined}componentDidLoad(){this.scrollLeft()}scrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setScrollLeft()}),50)}listScrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setTaskListScrollLeft()}),50)}setScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[1]:t.children[0];i&&(i.scrollLeft=this.scrollNumber)}}setTaskListScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[0]:null;i&&(i.scrollLeft=this.taskListScrollNumber)}}render(){var t,e;const n=(e=((t=this.taskListTrueRef)===null||t===void 0?void 0:t.getBoundingClientRect().width)+24*1.5)!==null&&e!==void 0?e:0;const s=+this.listCellWidth.replace("px","");return i(a,{key:"0359e34c59e8f83b91edf4ea4455f9b0b818b187"},i("div",{key:"1f959a14bd712c24fd9247aeeba42d4702f4a647",class:"scroll-container"},this.scrollableTaskList&&this.taskListScrollWidth>s&&i("div",{key:"0c90c113ae5ad82ce41a1dd30037c14f0d3aa071",dir:"ltr",style:{margin:this.rtl?`0px 20px 0px 20px`:`0px 20px 0px 20px`,maxWidth:`${s+20}px`,minWidth:`${s+20}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalTaskListScroll},i("div",{key:"2baa4a929f17a9fb7df2a74328ad231445fd9639",style:{width:`${this.taskListScrollWidth}px`},class:"scroll"})),i("div",{key:"070aa5027e20fc0f31d3ab66672789ce29d3ad8a",dir:"ltr",style:{margin:this.rtl?`0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px 0px 12px`:`0px 12px 0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalScroll},i("div",{key:"509f0a35443c329e6c86bafbb1a7f93919b62f48",style:{width:`${this.svgWidth}px`},class:"scroll"}))))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["scrollLeft"],taskListScrollNumber:["listScrollLeft"]}}};b.style=y;const v=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const w=v;const z=class{constructor(i){t(this,i);this.task=undefined;this.fontSize=undefined;this.fontFamily=undefined}render(){return i("div",{key:"6e4baa35e22f4add6f7d9b71f472818eb81043fe",class:"tooltipDefaultContainer",style:{fontSize:this.fontSize,fontFamily:this.fontFamily}},i("b",{key:"c3669ef657f2f16cc0dd3789c092757c238af0ba",style:{fontSize:`${parseInt(this.fontSize)+6}px`}},`${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth()+1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth()+1}-${this.task.end.getFullYear()}`),this.task.end.getTime()-this.task.start.getTime()!==0&&i("p",{key:"919d7543791605febf24c54992eec344d69a78f9",class:"tooltipDefaultContainerParagraph"},`Duration: ${~~((this.task.end.getTime()-this.task.start.getTime())/(1e3*60*60*24))} day(s)`),i("p",{key:"e4292000dc3eecf27db918ec1e9b78d8e9b6b6ed",class:"tooltipDefaultContainerParagraph"},!!this.task.progress&&`Progress: ${this.task.progress} %`))}};z.style=w;const S=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.switcher{display:grid;grid-auto-flow:column;grid-gap:8px;width:max-content;margin-bottom:var(--kup-space-05);margin-left:var(--kup-space-04)}.button{background-color:var(--kup-gray-color-70);border:none;text-align:left;box-sizing:border-box;color:var(--kup-gray-color-0);cursor:pointer;padding:var(--kup-space-03) var(--kup-space-05)}.button:hover{background-color:var(--kup-text-primary)}.button:focus{background-color:var(--kup-primary-color-60)}.label{text-decoration:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.buttonActive{background-color:var(--kup-primary-color-60)}";const C=S;const T=class{constructor(i){t(this,i);this.buttonLabels=["hour","day","week","month","year"];this.timeUnitChange=undefined;this.activeButton="day"}render(){const t=t=>{this.activeButton=t;this.timeUnitChange(t)};return i("div",{key:"9540112cd61ae116e61feca0d2424e3511139f25",class:"switcher"},this.buttonLabels.map((e=>i("button",{type:"button",class:{button:true,buttonActive:this.activeButton===e},onClick:()=>t(e)},i("span",{class:"label"},e.charAt(0).toUpperCase()+e.slice(1))))))}};T.style=C;const D=class{constructor(i){t(this,i);this.gridProps=undefined;this.calendarProps=undefined;this.barProps=undefined;this.taskGanttRef=undefined;this.ganttHeight=undefined;this.scrollY=undefined;this.scrollX=undefined;this.phaseDragScroll=undefined}updateScrollX(){setTimeout((()=>{this.verticalGanttContainerRef&&(this.verticalGanttContainerRef.scrollLeft=this.scrollX)}),30)}updateScrollY(){setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),30)}componentDidLoad(){setTimeout((()=>{this.updateScrollX();this.updateScrollY()}),75)}render(){const t=Object.assign(Object.assign({},this.barProps),{gridProps:this.gridProps,phaseDragScroll:this.phaseDragScroll});return i("div",{key:"225f4d8173ff69d5ddde8d2f5ed33bdbe463c47b",class:"ganttVerticalContainer",ref:t=>this.verticalGanttContainerRef=t,dir:"ltr"},i("kup-gantt-calendar",{key:"fee606b4e38108514adcb1a7f1e5e6279ab6ff88",dateSetup:this.calendarProps.dateSetup,locale:this.calendarProps.locale,rtl:this.calendarProps.rtl,headerHeight:this.calendarProps.headerHeight,columnWidth:this.calendarProps.columnWidth,fontFamily:this.calendarProps.fontFamily,fontSize:this.calendarProps.fontSize,dateTimeFormatters:this.calendarProps.dateTimeFormatters,singleLineHeader:this.calendarProps.singleLineHeader,currentDateIndicator:this.calendarProps.currentDateIndicator,svgWidth:this.gridProps.svgWidth}),i("div",{key:"4cf70e2505d9be056ed47d36b6f7c856801e3c58",ref:t=>this.horizontalContainerRef=t,class:"horizontalContainer",style:this.ganttHeight?{height:`${this.ganttHeight}px`,width:`${this.gridProps.svgWidth}px`}:{width:`${this.gridProps.svgWidth}px`}},i("kup-grid-renderer",Object.assign({key:"27ebb2611cb6f3f432b555f1f29a0e906df4cab3"},t))))}get rootElement(){return n(this)}static get watchers(){return{scrollX:["updateScrollX"],verticalGanttContainerRef:["updateScrollX"],scrollY:["updateScrollY"],horizontalContainerRef:["updateScrollY"]}}};const L=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const W=L;const H=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined;this.rowHeight=undefined;this.scrollY=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTask=undefined;this.horizontalContainerClass=undefined;this.ganttHeight=undefined;this.filter=undefined;this.TaskListHeader=undefined;this.TaskListTable=undefined;this.currentTasks=undefined;this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.updateTaskListScrollX=false;this.taskListScrollX=undefined;this.setDoubleView=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.setSelectedTask=undefined;this.expanderClick=undefined;this.ontaskListScrollWidth=undefined;this.selectedTaskId=""}componentDidLoad(){this.taskListRef.prepend(this.filter);setTimeout((()=>{if(this.horizontalContainerRef){this.horizontalContainerRef.scrollTop=this.scrollY}}),75)}componentDidUpdate(){if(this.taskListRef){this.taskListRef.scrollTop=this.scrollY}}updateScrollY(){this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}render(){var t;const e={headerHeight:this.headerHeight,fontFamily:this.fontFamily,fontSize:this.fontSize,rowWidth:this.rowWidth};if(this.selectedTask){this.selectedTaskId=this.selectedTask.id}const n={rowHeight:this.rowHeight,rowWidth:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.tasks,locale:this.locale,selectedTaskId:this.selectedTaskId,scrollableTaskList:this.scrollableTaskList,setSelectedTask:this.setSelectedTask.bind(this),onExpanderClick:this.expanderClick};const a=this.TaskListHeader;if(a&&a["t"]){Object.assign(a["t"],Object.assign({},e))}const s=this.TaskListTable;if(s&&s["t"]){Object.assign(s["t"],Object.assign({},n))}return i("div",{key:"a19dc6c19ddcf5af323857e2f3a86ad81378c5a6",ref:t=>this.taskListRef=t},a&&a["t"]?a:i("kup-custom-task-list-header",Object.assign({label:this.label,doubleView:(t=this.doubleView)!==null&&t!==void 0?t:false,setDoubleView:this.setDoubleView},e)),i("div",{key:"863960227bf03fef0e3db1064df6edc56386868c",class:`${this.horizontalContainerClass} ${this.scrollableTaskList?"horizontalContainerScrollable":""}`,style:this.ganttHeight?{height:this.ganttHeight+"px"}:{},ref:t=>this.horizontalContainerRef=t},s&&s["t"]?s:i("kup-custom-task-list-table",Object.assign({},n,{onclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleClick(i,this.ganttOnClick)}},ondblclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleDblClick(i,this.ganttOnDblClick)}},oncontextmenuTaskList:(t,i)=>{let e=h(i,this.currentTasks);if(!e){e=l(i,this.currentTasks)}if(e){this.handleContextMenu(t,e,this.ganttonOnContextMenu)}},ontaskListScrollWidth:t=>{this.ontaskListScrollWidth(t)},taskListScrollX:this.taskListScrollX,ganttId:u}))))}get element(){return n(this)}static get watchers(){return{scrollY:["updateScrollY"]}}};H.style=W;const G=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const I=G;const E=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined}render(){return i("div",{key:"7c38309df79834a182510f6afc3ddf8c9ce0b46f",class:"ganttTable",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"41f5891329b6ac17fbfad63f5a8fc89aadff5d96",class:"ganttTable_Header",style:{height:`${this.headerHeight-2}px`}},i("div",{key:"9b30d5bad4ce720ca1d3efdd3e1c5df91866202d",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," Name"),i("div",{key:"9bf3e558ee06f137809853c3da1682eded542586",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.2}px`}}),i("div",{key:"b57e9cb06f84f0acf420e28e1d6ee1a3c66da79d",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," From"),i("div",{key:"62dd83ffb11015bc40b8437e35eb2e2686e2d0ff",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.25}px`}}),i("div",{key:"41790ff5c2576c41a11be2a3ef9e811d35b526ca",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," To")))}};E.style=I;const _=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const $=_;const P=class{constructor(i){t(this,i);this.dateTimeOptions={weekday:"short",year:"numeric",month:"long",day:"numeric"};this.rowHeight=undefined;this.rowWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTaskId=undefined;this.expandedTasks=new Set;this.setSelectedTask=undefined;this.expanderClick=undefined}toLocaleDateString(t){return t.toLocaleDateString(this.locale,this.dateTimeOptions)}render(){return i("div",{key:"1b39b6a152899cd206287a8be18fa083d19c91a9",class:"taskListWrapper",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},this.tasks.map((t=>i("div",{class:{taskListTableRow:true,expanded:this.expandedTasks.has(t.id)},style:{height:`${this.rowHeight}px`},key:`${t.id}row`},i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth},title:t.name},i("div",{class:"taskListNameWrapper"},i("div",{class:{taskListExpander:true,expanded:this.expandedTasks.has(t.id)},onClick:()=>this.expanderClick(t)},this.expandedTasks.has(t.id)?"▼":"▶"),i("div",null,t.name))),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.start)),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.end))))))}};P.style=$;const j=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const F=j;const X=class{constructor(i){t(this,i);this.task=undefined;this.rowHeight=undefined;this.rtl=undefined;this.svgContainerHeight=undefined;this.svgContainerWidth=undefined;this.scrollX=undefined;this.scrollY=undefined;this.arrowIndent=undefined;this.fontSize=undefined;this.fontFamily=undefined;this.headerHeight=undefined;this.taskListWidth=undefined;this.TooltipContent=undefined;this.svgWidth=undefined;this.relatedY=0;this.relatedX=0}componentWillLoad(){this.calculateTooltipPosition()}calculateTooltipPosition(){if(this.rootElement){const t=this.rootElement.offsetHeight*1.1;const i=this.rootElement.offsetWidth*1.1;let e=this.task.index*this.rowHeight-this.scrollY+this.headerHeight;let n;if(this.rtl){n=this.task.x1-this.arrowIndent*1.5-i-this.scrollX;if(n<0){n=this.task.x2+this.arrowIndent*1.5-this.scrollX}const t=i+n;if(t>this.svgContainerWidth){n=this.svgContainerWidth-i;e+=this.rowHeight}}else{n=this.task.x2+this.arrowIndent*1.5+this.taskListWidth-this.scrollX;const t=i+n;const a=this.taskListWidth+this.svgContainerWidth;if(t>a){n=this.task.x1+this.taskListWidth-this.arrowIndent*1.5-this.scrollX-i}if(n<this.taskListWidth){n=this.svgContainerWidth+this.taskListWidth-i;e+=this.rowHeight}}const a=t+e-this.scrollY;if(a>this.svgContainerHeight-this.scrollY){e=this.svgContainerHeight-t}this.relatedY=e;this.relatedX=n}}render(){return i("div",{key:"376115aa725f2be586aaa2f5000cfe35e9ed2fb8",class:this.relatedX?"tooltipDetailsContainer":"tooltipDetailsContainerHidden",style:{left:`${this.relatedX}px`,top:`${this.relatedY}px`}},i(this.TooltipContent,{key:"3eb3daba50c63eee9b4bcdf42d9565ab633efeca",task:this.task,fontSize:this.fontSize,fontFamily:this.fontFamily}))}get rootElement(){return n(this)}static get watchers(){return{task:["calculateTooltipPosition"],arrowIndent:["calculateTooltipPosition"],scrollX:["calculateTooltipPosition"],scrollY:["calculateTooltipPosition"],headerHeight:["calculateTooltipPosition"],taskListWidth:["calculateTooltipPosition"],rowHeight:["calculateTooltipPosition"],svgContainerHeight:["calculateTooltipPosition"],svgContainerWidth:["calculateTooltipPosition"],rtl:["calculateTooltipPosition"]}}};X.style=F;const Y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";const O=Y;const R=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.ganttHeight=undefined;this.ganttFullHeight=undefined;this.headerHeight=undefined;this.rtl=undefined;this.verticalScroll=undefined}componentDidLoad(){setTimeout((()=>{this.updateScroll()}),50)}updateScroll(){let t;if(this.scrollRef){const i=this.scrollRef;const e=()=>{i.scrollTop=this.scrollNumber};t=setTimeout(e,50)}return()=>{clearTimeout(t)}}render(){return i("div",{key:"ff60569ab85cb336d97223e914f1161a0ed1def5",style:{height:`${this.ganttHeight}px`,marginTop:`${this.headerHeight}px`,marginLeft:this.rtl?"":"-1rem"},class:"scroll",onScroll:this.verticalScroll,ref:t=>this.scrollRef=t},i("div",{key:"0e05750fe66a56f93277bed8c3fad94c0f388abc",style:{height:`${this.ganttFullHeight}px`,width:"1px"}}))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["updateScroll"]}}};R.style=O;export{m as kup_gantt,b as kup_horizontal_scroll,z as kup_standard_tooltip,T as kup_switcher,D as kup_task_gantt,H as kup_task_list,E as kup_task_list_header,P as kup_task_list_table,X as kup_tooltip,R as kup_vertical_scroll};
+//# sourceMappingURL=p-9fa6808d.entry.js.map