@sme.up/ketchup 11.0.0-SNAPSHOT-20250716124501 → 11.0.0-SNAPSHOT-20250722140834

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -60,17 +60,25 @@ const KupCustomTaskListTable = class {
60
60
  }
61
61
  updateTaskListScroll() {
62
62
  this.projectWrapperRef &&
63
- (this.projectWrapperRef.parentElement.scrollLeft = this.taskListScrollX);
63
+ (this.projectWrapperRef.parentElement.scrollLeft =
64
+ this.taskListScrollX);
64
65
  }
65
66
  render() {
67
+ var _a;
66
68
  const kupDates$1 = new kupDates.KupDates();
67
69
  const scrollableStyle = {};
68
70
  if (this.scrollableTaskList) {
69
71
  scrollableStyle['width'] = this.rowWidth;
70
72
  }
71
- const spansToShow = this.tasks.reduce((prev, curr) => {
72
- return prev.valuesToShow.length > curr.valuesToShow.length ? prev : curr;
73
- }).valuesToShow.length + 1;
73
+ const spansToShow = this.tasks && this.tasks.length > 0
74
+ ? ((_a = this.tasks.reduce((prev, curr) => {
75
+ var _a, _b;
76
+ return ((_a = prev.valuesToShow) === null || _a === void 0 ? void 0 : _a.length) >
77
+ ((_b = curr.valuesToShow) === null || _b === void 0 ? void 0 : _b.length)
78
+ ? prev
79
+ : curr;
80
+ }).valuesToShow) === null || _a === void 0 ? void 0 : _a.length) + 1 || 1
81
+ : 1;
74
82
  return (index.h("div", { class: `container ${this.scrollableTaskList ? 'scrollable' : ''}`, style: scrollableStyle }, index.h("div", { class: "project-wrapper", ref: (el) => (this.projectWrapperRef = el) }, this.tasks.map((task) => {
75
83
  var _a, _b, _c, _d;
76
84
  return (index.h(index.Fragment, null, task.type === 'project' ? (index.h("div", { class: "project", style: {
@@ -94,10 +102,14 @@ const KupCustomTaskListTable = class {
94
102
  ? kupDates$1.formatToLocaleSimple(task.start)
95
103
  : v === '#END#'
96
104
  ? kupDates$1.formatToLocaleSimple(task.end)
97
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
98
- const spansToIterate = bar_helpers.createArrayFromNum(spansToShow - task.valuesToShow.length);
99
- return (spansToIterate.map((element) => (index.h("span", { key: element }))));
100
- })()))) : task.type === 'task' ? (index.h("div", { class: "subrow", style: {
105
+ : v))), this.scrollableTaskList &&
106
+ spansToShow >
107
+ task.valuesToShow.length &&
108
+ (() => {
109
+ const spansToIterate = bar_helpers.createArrayFromNum(spansToShow -
110
+ task.valuesToShow.length);
111
+ return spansToIterate.map((element) => (index.h("span", { key: element })));
112
+ })())) : task.type === 'task' ? (index.h("div", { class: "subrow", style: {
101
113
  height: `${this.rowHeight}px`,
102
114
  width: this.rowWidth,
103
115
  fontFamily: this.fontFamily,
@@ -129,10 +141,16 @@ const KupCustomTaskListTable = class {
129
141
  ? kupDates$1.formatToLocaleSimple(task.start)
130
142
  : v === '#END#'
131
143
  ? kupDates$1.formatToLocaleSimple(task.end)
132
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
133
- const spansToIterate = bar_helpers.createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
134
- return (spansToIterate.map((element) => (index.h("span", { key: element }))));
135
- })()))) : ((() => {
144
+ : v))), this.scrollableTaskList &&
145
+ spansToShow >
146
+ task.valuesToShow.length &&
147
+ (() => {
148
+ const spansToIterate = bar_helpers.createArrayFromNum(spansToShow -
149
+ task.valuesToShow
150
+ .length -
151
+ 1);
152
+ return spansToIterate.map((element) => (index.h("span", { key: element })));
153
+ })())) : ((() => {
136
154
  var _a;
137
155
  let str = '';
138
156
  for (let i = 0; i < task.valuesToShow.length; i++) {
@@ -806,7 +806,7 @@ const TaskGantt = class {
806
806
  }; }
807
807
  };
808
808
 
809
- const kupTaskListCss$2 = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}";
809
+ const kupTaskListCss$2 = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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);min-width:25%}.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}";
810
810
  const KupTaskListStyle0 = kupTaskListCss$2;
811
811
 
812
812
  const TaskList = class {
@@ -932,7 +932,7 @@ const TaskList = class {
932
932
  };
933
933
  TaskList.style = KupTaskListStyle0;
934
934
 
935
- const kupTaskListCss$1 = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}";
935
+ const kupTaskListCss$1 = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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);min-width:25%}.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}";
936
936
  const KupTaskListHeaderStyle0 = kupTaskListCss$1;
937
937
 
938
938
  const KupTaskListHeader = class {
@@ -966,7 +966,7 @@ const KupTaskListHeader = class {
966
966
  };
967
967
  KupTaskListHeader.style = KupTaskListHeaderStyle0;
968
968
 
969
- const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}";
969
+ const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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);min-width:25%}.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}";
970
970
  const KupTaskListTableStyle0 = kupTaskListCss;
971
971
 
972
972
  const TaskListTableDefault = class {
@@ -27,17 +27,25 @@ export class KupCustomTaskListTable {
27
27
  }
28
28
  updateTaskListScroll() {
29
29
  this.projectWrapperRef &&
30
- (this.projectWrapperRef.parentElement.scrollLeft = this.taskListScrollX);
30
+ (this.projectWrapperRef.parentElement.scrollLeft =
31
+ this.taskListScrollX);
31
32
  }
32
33
  render() {
34
+ var _a;
33
35
  const kupDates = new KupDates();
34
36
  const scrollableStyle = {};
35
37
  if (this.scrollableTaskList) {
36
38
  scrollableStyle['width'] = this.rowWidth;
37
39
  }
38
- const spansToShow = this.tasks.reduce((prev, curr) => {
39
- return prev.valuesToShow.length > curr.valuesToShow.length ? prev : curr;
40
- }).valuesToShow.length + 1;
40
+ const spansToShow = this.tasks && this.tasks.length > 0
41
+ ? ((_a = this.tasks.reduce((prev, curr) => {
42
+ var _a, _b;
43
+ return ((_a = prev.valuesToShow) === null || _a === void 0 ? void 0 : _a.length) >
44
+ ((_b = curr.valuesToShow) === null || _b === void 0 ? void 0 : _b.length)
45
+ ? prev
46
+ : curr;
47
+ }).valuesToShow) === null || _a === void 0 ? void 0 : _a.length) + 1 || 1
48
+ : 1;
41
49
  return (h("div", { class: `container ${this.scrollableTaskList ? 'scrollable' : ''}`, style: scrollableStyle }, h("div", { class: "project-wrapper", ref: (el) => (this.projectWrapperRef = el) }, this.tasks.map((task) => {
42
50
  var _a, _b, _c, _d;
43
51
  return (h(Fragment, null, task.type === 'project' ? (h("div", { class: "project", style: {
@@ -61,10 +69,14 @@ export class KupCustomTaskListTable {
61
69
  ? kupDates.formatToLocaleSimple(task.start)
62
70
  : v === '#END#'
63
71
  ? kupDates.formatToLocaleSimple(task.end)
64
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
65
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length);
66
- return (spansToIterate.map((element) => (h("span", { key: element }))));
67
- })()))) : task.type === 'task' ? (h("div", { class: "subrow", style: {
72
+ : v))), this.scrollableTaskList &&
73
+ spansToShow >
74
+ task.valuesToShow.length &&
75
+ (() => {
76
+ const spansToIterate = createArrayFromNum(spansToShow -
77
+ task.valuesToShow.length);
78
+ return spansToIterate.map((element) => (h("span", { key: element })));
79
+ })())) : task.type === 'task' ? (h("div", { class: "subrow", style: {
68
80
  height: `${this.rowHeight}px`,
69
81
  width: this.rowWidth,
70
82
  fontFamily: this.fontFamily,
@@ -96,10 +108,16 @@ export class KupCustomTaskListTable {
96
108
  ? kupDates.formatToLocaleSimple(task.start)
97
109
  : v === '#END#'
98
110
  ? kupDates.formatToLocaleSimple(task.end)
99
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
100
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
101
- return (spansToIterate.map((element) => (h("span", { key: element }))));
102
- })()))) : ((() => {
111
+ : v))), this.scrollableTaskList &&
112
+ spansToShow >
113
+ task.valuesToShow.length &&
114
+ (() => {
115
+ const spansToIterate = createArrayFromNum(spansToShow -
116
+ task.valuesToShow
117
+ .length -
118
+ 1);
119
+ return spansToIterate.map((element) => (h("span", { key: element })));
120
+ })())) : ((() => {
103
121
  var _a;
104
122
  let str = '';
105
123
  for (let i = 0; i < task.valuesToShow.length; i++) {
@@ -131,6 +131,7 @@
131
131
  border-radius: var(--kup-radius-00);
132
132
  padding: var(--kup-space-05);
133
133
  margin-right: var(--kup-space-05);
134
+ min-width: 25%;
134
135
  }
135
136
 
136
137
  .taskListWrapper {
@@ -1,4 +1,4 @@
1
- import { K as KupCustomTaskListTable$1, d as defineCustomElement$1 } from './p-5579a90c.js';
1
+ import { K as KupCustomTaskListTable$1, d as defineCustomElement$1 } from './p-a52b0e92.js';
2
2
 
3
3
  const KupCustomTaskListTable = KupCustomTaskListTable$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { K as KupGantt$1, d as defineCustomElement$1 } from './p-33dee1f6.js';
1
+ import { K as KupGantt$1, d as defineCustomElement$1 } from './p-6a804d0d.js';
2
2
 
3
3
  const KupGantt = KupGantt$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { K as KupPlannerRenderer$1, d as defineCustomElement$1 } from './p-dc29a97e.js';
1
+ import { K as KupPlannerRenderer$1, d as defineCustomElement$1 } from './p-32ecdd74.js';
2
2
 
3
3
  const KupPlannerRenderer = KupPlannerRenderer$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -3,18 +3,18 @@ import { k as kupManagerInstance, n as getCellValueForDisplay, g as getProps, s
3
3
  import { a as KupPlannerGanttRowType, d as defaultStylingOptions, b as KupPlannerTaskAction, c as KupPlannerLastOnChangeReceived, e as KupPlannerProps } from './p-a0eeacbd.js';
4
4
  import { Q as FTextFieldMDC, a0 as FTextField, c as componentWrapperId, d as defineCustomElement$3, a as defineCustomElement$5, b as defineCustomElement$6, e as defineCustomElement$7, f as defineCustomElement$c, g as defineCustomElement$e, h as defineCustomElement$g, i as defineCustomElement$h, j as defineCustomElement$i, k as defineCustomElement$j, l as defineCustomElement$l, m as defineCustomElement$m, n as defineCustomElement$n, o as defineCustomElement$q, p as defineCustomElement$t, q as defineCustomElement$u, r as defineCustomElement$v, s as defineCustomElement$w, t as defineCustomElement$x, u as defineCustomElement$y, v as defineCustomElement$B, w as defineCustomElement$C, x as defineCustomElement$D, y as defineCustomElement$E, z as defineCustomElement$F, A as defineCustomElement$G, B as defineCustomElement$H, C as defineCustomElement$I, D as defineCustomElement$J, E as defineCustomElement$K } from './p-2d0ef542.js';
5
5
  import { d as defineCustomElement$A } from './p-13997d54.js';
6
- import { d as defineCustomElement$z } from './p-5579a90c.js';
7
- import { d as defineCustomElement$s } from './p-33dee1f6.js';
6
+ import { d as defineCustomElement$z } from './p-a52b0e92.js';
7
+ import { d as defineCustomElement$s } from './p-6a804d0d.js';
8
8
  import { d as defineCustomElement$r } from './p-005d885f.js';
9
9
  import { d as defineCustomElement$p } from './p-ca6e1a6d.js';
10
10
  import { d as defineCustomElement$o } from './p-32472c2a.js';
11
- import { d as defineCustomElement$k } from './p-dc29a97e.js';
11
+ import { d as defineCustomElement$k } from './p-32ecdd74.js';
12
12
  import { d as defineCustomElement$f } from './p-ddcf4094.js';
13
13
  import { d as defineCustomElement$d } from './p-828f7d9f.js';
14
14
  import { d as defineCustomElement$b } from './p-51698d86.js';
15
- import { d as defineCustomElement$a } from './p-3c361905.js';
16
- import { d as defineCustomElement$9 } from './p-6bc36251.js';
17
- import { d as defineCustomElement$8 } from './p-f6742fc7.js';
15
+ import { d as defineCustomElement$a } from './p-7edb2166.js';
16
+ import { d as defineCustomElement$9 } from './p-d34a8a67.js';
17
+ import { d as defineCustomElement$8 } from './p-e57d838b.js';
18
18
  import { d as defineCustomElement$4 } from './p-c72801be.js';
19
19
  import { d as defineCustomElement$2 } from './p-90c58d5f.js';
20
20
 
@@ -1,4 +1,4 @@
1
- import { K as KupTaskListHeader$1, d as defineCustomElement$1 } from './p-6bc36251.js';
1
+ import { K as KupTaskListHeader$1, d as defineCustomElement$1 } from './p-d34a8a67.js';
2
2
 
3
3
  const KupTaskListHeader = KupTaskListHeader$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { T as TaskListTableDefault, d as defineCustomElement$1 } from './p-f6742fc7.js';
1
+ import { T as TaskListTableDefault, d as defineCustomElement$1 } from './p-e57d838b.js';
2
2
 
3
3
  const KupTaskListTable = TaskListTableDefault;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { T as TaskList, d as defineCustomElement$1 } from './p-3c361905.js';
1
+ import { T as TaskList, d as defineCustomElement$1 } from './p-7edb2166.js';
2
2
 
3
3
  const KupTaskList = TaskList;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,19 +1,19 @@
1
1
  import { p as proxyCustomElement, H, h as h$1 } from './p-ef8cbd35.js';
2
- import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-3c361905.js';
2
+ import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-7edb2166.js';
3
3
  import { K as KUP_PLANNER_MAIN_GANTT_ID, f as KUP_PLANNER_SECONDARY_GANTT_ID } from './p-a0eeacbd.js';
4
4
  import { a as KupDates } from './p-9d9181cf.js';
5
5
  import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-005d885f.js';
6
6
  import { h } from './p-3aae989f.js';
7
7
  import { d as defineCustomElement$e } from './p-13997d54.js';
8
- import { d as defineCustomElement$d } from './p-5579a90c.js';
9
- import { d as defineCustomElement$c } from './p-33dee1f6.js';
8
+ import { d as defineCustomElement$d } from './p-a52b0e92.js';
9
+ import { d as defineCustomElement$c } from './p-6a804d0d.js';
10
10
  import { d as defineCustomElement$a } from './p-ca6e1a6d.js';
11
11
  import { d as defineCustomElement$9 } from './p-32472c2a.js';
12
12
  import { d as defineCustomElement$8 } from './p-ddcf4094.js';
13
13
  import { d as defineCustomElement$7 } from './p-828f7d9f.js';
14
14
  import { d as defineCustomElement$6 } from './p-51698d86.js';
15
- import { d as defineCustomElement$4 } from './p-6bc36251.js';
16
- import { d as defineCustomElement$3 } from './p-f6742fc7.js';
15
+ import { d as defineCustomElement$4 } from './p-d34a8a67.js';
16
+ import { d as defineCustomElement$3 } from './p-e57d838b.js';
17
17
  import { d as defineCustomElement$2 } from './p-c72801be.js';
18
18
  import { d as defineCustomElement$1 } from './p-90c58d5f.js';
19
19
 
@@ -1,15 +1,15 @@
1
1
  import { p as proxyCustomElement, H, h, f as forceUpdate } from './p-ef8cbd35.js';
2
- import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-3c361905.js';
2
+ import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-7edb2166.js';
3
3
  import { r as removeHiddenTasks, s as sortTasks } from './p-9aa93983.js';
4
4
  import { c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './p-ca6e1a6d.js';
5
5
  import { d as defineCustomElement$c } from './p-13997d54.js';
6
- import { d as defineCustomElement$b } from './p-5579a90c.js';
6
+ import { d as defineCustomElement$b } from './p-a52b0e92.js';
7
7
  import { d as defineCustomElement$a } from './p-005d885f.js';
8
8
  import { d as defineCustomElement$8 } from './p-32472c2a.js';
9
9
  import { d as defineCustomElement$7 } from './p-ddcf4094.js';
10
10
  import { d as defineCustomElement$6 } from './p-51698d86.js';
11
- import { d as defineCustomElement$4 } from './p-6bc36251.js';
12
- import { d as defineCustomElement$3 } from './p-f6742fc7.js';
11
+ import { d as defineCustomElement$4 } from './p-d34a8a67.js';
12
+ import { d as defineCustomElement$3 } from './p-e57d838b.js';
13
13
  import { d as defineCustomElement$2 } from './p-c72801be.js';
14
14
  import { d as defineCustomElement$1 } from './p-90c58d5f.js';
15
15
 
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
2
2
  import { K as KUP_PLANNER_MAIN_GANTT_ID } from './p-a0eeacbd.js';
3
3
  import { a as KupDates } from './p-9d9181cf.js';
4
4
  import { d as defineCustomElement$2 } from './p-13997d54.js';
5
- import { d as defineCustomElement$1 } from './p-5579a90c.js';
5
+ import { d as defineCustomElement$1 } from './p-a52b0e92.js';
6
6
 
7
7
  const columnWidthForTimeUnit = (timeUnit) => {
8
8
  switch (timeUnit) {
@@ -429,7 +429,7 @@ const seedDates = (startDate, endDate, viewMode) => {
429
429
  return dates;
430
430
  };
431
431
 
432
- const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}";
432
+ const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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);min-width:25%}.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}";
433
433
  const KupTaskListStyle0 = kupTaskListCss;
434
434
 
435
435
  const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends H {
@@ -33,17 +33,25 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
33
33
  }
34
34
  updateTaskListScroll() {
35
35
  this.projectWrapperRef &&
36
- (this.projectWrapperRef.parentElement.scrollLeft = this.taskListScrollX);
36
+ (this.projectWrapperRef.parentElement.scrollLeft =
37
+ this.taskListScrollX);
37
38
  }
38
39
  render() {
40
+ var _a;
39
41
  const kupDates = new KupDates();
40
42
  const scrollableStyle = {};
41
43
  if (this.scrollableTaskList) {
42
44
  scrollableStyle['width'] = this.rowWidth;
43
45
  }
44
- const spansToShow = this.tasks.reduce((prev, curr) => {
45
- return prev.valuesToShow.length > curr.valuesToShow.length ? prev : curr;
46
- }).valuesToShow.length + 1;
46
+ const spansToShow = this.tasks && this.tasks.length > 0
47
+ ? ((_a = this.tasks.reduce((prev, curr) => {
48
+ var _a, _b;
49
+ return ((_a = prev.valuesToShow) === null || _a === void 0 ? void 0 : _a.length) >
50
+ ((_b = curr.valuesToShow) === null || _b === void 0 ? void 0 : _b.length)
51
+ ? prev
52
+ : curr;
53
+ }).valuesToShow) === null || _a === void 0 ? void 0 : _a.length) + 1 || 1
54
+ : 1;
47
55
  return (h("div", { class: `container ${this.scrollableTaskList ? 'scrollable' : ''}`, style: scrollableStyle }, h("div", { class: "project-wrapper", ref: (el) => (this.projectWrapperRef = el) }, this.tasks.map((task) => {
48
56
  var _a, _b, _c, _d;
49
57
  return (h(Fragment, null, task.type === 'project' ? (h("div", { class: "project", style: {
@@ -67,10 +75,14 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
67
75
  ? kupDates.formatToLocaleSimple(task.start)
68
76
  : v === '#END#'
69
77
  ? kupDates.formatToLocaleSimple(task.end)
70
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
71
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length);
72
- return (spansToIterate.map((element) => (h("span", { key: element }))));
73
- })()))) : task.type === 'task' ? (h("div", { class: "subrow", style: {
78
+ : v))), this.scrollableTaskList &&
79
+ spansToShow >
80
+ task.valuesToShow.length &&
81
+ (() => {
82
+ const spansToIterate = createArrayFromNum(spansToShow -
83
+ task.valuesToShow.length);
84
+ return spansToIterate.map((element) => (h("span", { key: element })));
85
+ })())) : task.type === 'task' ? (h("div", { class: "subrow", style: {
74
86
  height: `${this.rowHeight}px`,
75
87
  width: this.rowWidth,
76
88
  fontFamily: this.fontFamily,
@@ -102,10 +114,16 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
102
114
  ? kupDates.formatToLocaleSimple(task.start)
103
115
  : v === '#END#'
104
116
  ? kupDates.formatToLocaleSimple(task.end)
105
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
106
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
107
- return (spansToIterate.map((element) => (h("span", { key: element }))));
108
- })()))) : ((() => {
117
+ : v))), this.scrollableTaskList &&
118
+ spansToShow >
119
+ task.valuesToShow.length &&
120
+ (() => {
121
+ const spansToIterate = createArrayFromNum(spansToShow -
122
+ task.valuesToShow
123
+ .length -
124
+ 1);
125
+ return spansToIterate.map((element) => (h("span", { key: element })));
126
+ })())) : ((() => {
109
127
  var _a;
110
128
  let str = '';
111
129
  for (let i = 0; i < task.valuesToShow.length; i++) {
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
2
2
 
3
- const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}";
3
+ const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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);min-width:25%}.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}";
4
4
  const KupTaskListHeaderStyle0 = kupTaskListCss;
5
5
 
6
6
  const KupTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupTaskListHeader extends H {
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
2
2
 
3
- const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}";
3
+ const kupTaskListCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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);min-width:25%}.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}";
4
4
  const KupTaskListTableStyle0 = kupTaskListCss;
5
5
 
6
6
  const TaskListTableDefault = /*@__PURE__*/ proxyCustomElement(class TaskListTableDefault extends H {
@@ -56,17 +56,25 @@ const KupCustomTaskListTable = class {
56
56
  }
57
57
  updateTaskListScroll() {
58
58
  this.projectWrapperRef &&
59
- (this.projectWrapperRef.parentElement.scrollLeft = this.taskListScrollX);
59
+ (this.projectWrapperRef.parentElement.scrollLeft =
60
+ this.taskListScrollX);
60
61
  }
61
62
  render() {
63
+ var _a;
62
64
  const kupDates = new KupDates();
63
65
  const scrollableStyle = {};
64
66
  if (this.scrollableTaskList) {
65
67
  scrollableStyle['width'] = this.rowWidth;
66
68
  }
67
- const spansToShow = this.tasks.reduce((prev, curr) => {
68
- return prev.valuesToShow.length > curr.valuesToShow.length ? prev : curr;
69
- }).valuesToShow.length + 1;
69
+ const spansToShow = this.tasks && this.tasks.length > 0
70
+ ? ((_a = this.tasks.reduce((prev, curr) => {
71
+ var _a, _b;
72
+ return ((_a = prev.valuesToShow) === null || _a === void 0 ? void 0 : _a.length) >
73
+ ((_b = curr.valuesToShow) === null || _b === void 0 ? void 0 : _b.length)
74
+ ? prev
75
+ : curr;
76
+ }).valuesToShow) === null || _a === void 0 ? void 0 : _a.length) + 1 || 1
77
+ : 1;
70
78
  return (h("div", { class: `container ${this.scrollableTaskList ? 'scrollable' : ''}`, style: scrollableStyle }, h("div", { class: "project-wrapper", ref: (el) => (this.projectWrapperRef = el) }, this.tasks.map((task) => {
71
79
  var _a, _b, _c, _d;
72
80
  return (h(Fragment, null, task.type === 'project' ? (h("div", { class: "project", style: {
@@ -90,10 +98,14 @@ const KupCustomTaskListTable = class {
90
98
  ? kupDates.formatToLocaleSimple(task.start)
91
99
  : v === '#END#'
92
100
  ? kupDates.formatToLocaleSimple(task.end)
93
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
94
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length);
95
- return (spansToIterate.map((element) => (h("span", { key: element }))));
96
- })()))) : task.type === 'task' ? (h("div", { class: "subrow", style: {
101
+ : v))), this.scrollableTaskList &&
102
+ spansToShow >
103
+ task.valuesToShow.length &&
104
+ (() => {
105
+ const spansToIterate = createArrayFromNum(spansToShow -
106
+ task.valuesToShow.length);
107
+ return spansToIterate.map((element) => (h("span", { key: element })));
108
+ })())) : task.type === 'task' ? (h("div", { class: "subrow", style: {
97
109
  height: `${this.rowHeight}px`,
98
110
  width: this.rowWidth,
99
111
  fontFamily: this.fontFamily,
@@ -125,10 +137,16 @@ const KupCustomTaskListTable = class {
125
137
  ? kupDates.formatToLocaleSimple(task.start)
126
138
  : v === '#END#'
127
139
  ? kupDates.formatToLocaleSimple(task.end)
128
- : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
129
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
130
- return (spansToIterate.map((element) => (h("span", { key: element }))));
131
- })()))) : ((() => {
140
+ : v))), this.scrollableTaskList &&
141
+ spansToShow >
142
+ task.valuesToShow.length &&
143
+ (() => {
144
+ const spansToIterate = createArrayFromNum(spansToShow -
145
+ task.valuesToShow
146
+ .length -
147
+ 1);
148
+ return spansToIterate.map((element) => (h("span", { key: element })));
149
+ })())) : ((() => {
132
150
  var _a;
133
151
  let str = '';
134
152
  for (let i = 0; i < task.valuesToShow.length; i++) {