garganttua - npm Package Compare versions

Comparing version 1.0.5 to 1.1.0

dist/es/lib/task-group-element.d.ts

 import { ToggleElement } from './toggle-element.js';
-import { TaskGroup, TaskList } from './task-list.js';
+import { Task, TaskGroup, TaskList } from './task-list.js';
 import { TaskListElement } from './task-list-element.js';
@@ -12,2 +12,3 @@ import { GanttChartElement } from './gantt-chart-element.js';
     groupChildrenToggle?: ToggleElement;
+    nestedTasks?: Task[];
     constructor();
@@ -14,0 +15,0 @@ connectedCallback(): void;

dist/es/lib/task-group-element.js

@@ -1,1 +0,1 @@
-import{ToggleElement as t}from"./toggle-element.js";import{TaskListElement as s}from"./task-list-element.js";import{TaskElement as e}from"./task-element.js";class i extends HTMLLIElement{constructor(){super(),this.subList=null}connectedCallback(){this.ganttChart=this.closest("garganttua-gantt-chart"),this.task=this.querySelector(":scope > garganttua-task"),this.task.classList.add("is-group-task"),this.nestedTaskGroups=Array.from(this.querySelectorAll("[is=garganttua-task-group]")),this.subList=this.querySelector(":scope > [is=garganttua-task-list]"),this.ganttChart.collapsable&&this.task&&this.subList&&this.attachToggles()}attachToggles(){const s=this.task?.querySelector("p");this.groupChildrenToggle=t.build("show","hide"),this.groupChildrenToggle.addEventListener("click",(t=>{t.preventDefault(),this.subList&&(this.subList.isVisibile()?(this.nestedTaskGroups?.forEach((t=>{t.resetcollapsableState()})),this.subList.hide(),this.groupChildrenToggle?.activate()):(this.subList.show(),this.groupChildrenToggle?.deactivate()))})),s?.appendChild(this.groupChildrenToggle)}resetcollapsableState(){this.groupChildrenToggle?.activate(),this.subList?.style.removeProperty("visibility")}static build(t){const i="garganttua-task-group",a=document.createElement("li",{is:i});a.tasks=t.tasks;const r=e.build({type:"task",description:t.description});a.appendChild(r);const l=s.build(t.tasks);return a.appendChild(l),a.setAttribute("is",i),a}}export{i as TaskGroupElement};
+import{ToggleElement as t}from"./toggle-element.js";import{TaskListElement as s}from"./task-list-element.js";import{TaskElement as e}from"./task-element.js";import{TaskScheduleElement as i}from"./task-schedule-element.js";const a=(t,s=[])=>t.reduce(((t,s)=>{if("task"===s.type)t.push(s);else if("group"===s.type&&s.tasks)return t.concat(a(s.tasks));return t}),s);class r extends HTMLLIElement{constructor(){super(),this.subList=null}connectedCallback(){this.ganttChart=this.closest("garganttua-gantt-chart"),this.task=this.querySelector(":scope > garganttua-task"),this.task.classList.add("is-group-task"),this.nestedTaskGroups=Array.from(this.querySelectorAll("[is=garganttua-task-group]")),this.subList=this.querySelector(":scope > [is=garganttua-task-list]"),this.ganttChart.collapsable&&this.task&&this.subList&&this.attachToggles(),this.tasks&&(this.nestedTasks=a(this.tasks),this.nestedTasks.forEach((t=>{const s=i.build(t);this.task?.appendChild(s)})))}attachToggles(){const s=this.task?.querySelector("p");this.groupChildrenToggle=t.build("show","hide"),this.groupChildrenToggle.addEventListener("click",(t=>{t.preventDefault(),this.subList&&(this.subList.isVisibile()?(this.nestedTaskGroups?.forEach((t=>{t.resetcollapsableState()})),this.subList.hide(),this.groupChildrenToggle?.activate()):(this.subList.show(),this.groupChildrenToggle?.deactivate()))})),s?.appendChild(this.groupChildrenToggle)}resetcollapsableState(){this.groupChildrenToggle?.activate(),this.subList?.style.removeProperty("visibility")}static build(t){const i="garganttua-task-group",a=document.createElement("li",{is:i});a.tasks=t.tasks;const r=e.build({type:"task",description:t.description});a.appendChild(r);const l=s.build(t.tasks);return a.appendChild(l),a.setAttribute("is",i),a}}export{r as TaskGroupElement};

lib/task-group-element.ts

@@ -6,3 +6,13 @@ import { ToggleElement } from './toggle-element.js'
 import { GanttChartElement } from './gantt-chart-element.js'
+import { TaskScheduleElement } from './task-schedule-element.js'
 
+const collectSubTasks = (tasks: TaskList, collection = []): Task[] => tasks.reduce((result: Task[], task: Task | TaskGroup) => {
+  if (task.type === 'task') {
+    result.push(task)
+  } else if (task.type === 'group' && (task as TaskGroup).tasks) {
+    return result.concat(collectSubTasks((task as TaskGroup).tasks))
+  }
+  return result
+}, collection)
+
 export class TaskGroupElement extends HTMLLIElement {
@@ -15,2 +25,3 @@ ganttChart?: GanttChartElement
   groupChildrenToggle?: ToggleElement
+  nestedTasks?: Task[]
 
@@ -35,2 +46,10 @@ constructor () {
     }
+
+    if (this.tasks) {
+      this.nestedTasks = collectSubTasks(this.tasks)
+      this.nestedTasks.forEach(task => {
+        const subTaskSchedule = TaskScheduleElement.build(task)
+        this.task?.appendChild(subTaskSchedule)
+      })
+    }
   }
@@ -37,0 +56,0 @@

package.json

 {
   "name": "garganttua",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "simple gantt charts based on css grid",
@@ -5,0 +5,0 @@ "type": "module",

README.md

@@ -56,3 +56,7 @@ # Garganttua
 
+#### Properties
 
+##### `type`
+
+
 ## Development
@@ -59,0 +63,0 @@

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

252996

0.73%

Lines of code

1491

1.98%

Number of lines in readme file

68

6.25%

Number of medium supply chain risk alerts

2

-33.33%

No dependency changes