@ozdao/martyrs 0.2.491 → 0.2.492

package/dist/martyrs/src/modules/rents/views/components/pages/GanttChart.vue.cjs

@@ -1,694 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
-const Select = require("../../../../../components/Select/Select.vue.cjs");
-const IconChevronRight = require("../../../../icons/navigation/IconChevronRight.vue.cjs");
-const IconChevronLeft = require("../../../../icons/navigation/IconChevronLeft.vue.cjs");
-const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "gantt-chart-container" };
-const _hoisted_2 = { class: "flex-nowrap w-100 flex bg-light pd-small radius-small mn-b-small" };
-const _hoisted_3 = { class: "flex w-100 gap-thin flex-v-center flex-nowrap" };
-const _hoisted_4 = { class: "month-year-selector flex-v-center" };
-const _hoisted_5 = ["value"];
-const _hoisted_6 = { class: "gantt-header" };
-const _hoisted_7 = { class: "gantt-header-row" };
-const _hoisted_8 = { class: "date-label" };
-const _hoisted_9 = {
-  key: 0,
-  class: "day-month-label"
-};
-const _hoisted_10 = { class: "hour-number" };
-const _hoisted_11 = { class: "date-label" };
-const _hoisted_12 = {
-  key: 0,
-  class: "month-label"
-};
-const _hoisted_13 = { class: "day-number" };
-const _hoisted_14 = { class: "day-name" };
-const _hoisted_15 = { class: "date-label" };
-const _hoisted_16 = {
-  key: 0,
-  class: "month-label"
-};
-const _hoisted_17 = { class: "week-range" };
-const _hoisted_18 = { class: "week-number" };
-const _hoisted_19 = { class: "gantt-body" };
-const _hoisted_20 = { class: "gantt-row-item product-column z-index-2" };
-const _hoisted_21 = { class: "product-title" };
-const _hoisted_22 = { class: "gantt-timeline-row" };
-const _hoisted_23 = ["onClick"];
-const _hoisted_24 = { class: "gantt-bar-label" };
-const _sfc_main = {
-  __name: "GanttChart",
-  props: {
-    items: {
-      type: Array,
-      required: true
-    },
-    startDate: {
-      type: Date,
-      required: true
-    },
-    endDate: {
-      type: Date,
-      required: true
-    },
-    startDateKey: {
-      type: String,
-      default: "startDate"
-    },
-    endDateKey: {
-      type: String,
-      default: "endDate"
-    },
-    titleKey: {
-      type: String,
-      default: "title"
-    },
-    statusKey: {
-      type: String,
-      default: "status"
-    },
-    idKey: {
-      type: String,
-      default: "id"
-    }
-  },
-  emits: ["load-more", "item-click"],
-  setup(__props, { emit: __emit }) {
-    vue.useCssVars((_ctx) => ({
-      "2f86075a": cellWidth.value.value + "px"
-    }));
-    const props = __props;
-    const emit = __emit;
-    const ganttContainer = vue.ref(null);
-    const timelineHeader = vue.ref(null);
-    const months = [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ];
-    const weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-    const viewOptions = [
-      { name: "Hours", label: "Hours", value: "hours" },
-      { name: "Days", label: "Days", value: "days" },
-      { name: "Weeks", label: "Weeks", value: "weeks" }
-    ];
-    const currentView = vue.ref("days");
-    const displayStartDate = vue.ref(new Date(props.startDate));
-    const displayEndDate = vue.ref(new Date(props.endDate));
-    const currentMonth = vue.ref(months[(/* @__PURE__ */ new Date()).getMonth()]);
-    const currentYear = vue.ref((/* @__PURE__ */ new Date()).getFullYear());
-    const cellWidth = vue.ref(60);
-    const currentYearValue = (/* @__PURE__ */ new Date()).getFullYear();
-    const yearOptions = vue.computed(() => {
-      const years = [];
-      for (let i = currentYearValue - 5; i <= currentYearValue + 5; i++) {
-        years.push(i);
-      }
-      return years;
-    });
-    const visibleDates = vue.computed(() => {
-      const dates = [];
-      const start = new Date(displayStartDate.value);
-      const end = new Date(displayEndDate.value);
-      for (let current = new Date(start); current <= end; current.setDate(current.getDate() + 1)) {
-        dates.push(new Date(current));
-      }
-      return dates;
-    });
-    const visibleHours = vue.computed(() => {
-      const hours = [];
-      const start = new Date(displayStartDate.value);
-      const end = new Date(displayEndDate.value);
-      for (let current = new Date(start); current <= end; ) {
-        for (let hour = 0; hour < 24; hour += 2) {
-          hours.push({
-            date: new Date(current),
-            hour
-          });
-        }
-        current.setDate(current.getDate() + 1);
-      }
-      return hours;
-    });
-    const visibleWeeks = vue.computed(() => {
-      const weeks = [];
-      const start = new Date(displayStartDate.value);
-      const end = new Date(displayEndDate.value);
-      const weekStart = new Date(start);
-      weekStart.setDate(start.getDate() - start.getDay());
-      for (let current = new Date(weekStart); current <= end; ) {
-        const weekEnd = new Date(current);
-        weekEnd.setDate(current.getDate() + 6);
-        weeks.push({
-          start: new Date(current),
-          end: new Date(weekEnd),
-          isMonthStart: current.getDate() <= 7 && current.getDay() === 0
-        });
-        current.setDate(current.getDate() + 7);
-      }
-      return weeks;
-    });
-    const switchView = (viewType) => {
-      currentView.value = viewType;
-      updateDateRangeForView();
-      vue.nextTick(() => {
-        if (ganttContainer.value) {
-          ganttContainer.value.scrollLeft = 0;
-        }
-      });
-    };
-    const isInitialLoad = vue.ref(true);
-    const updateDateRangeForView = () => {
-      if (isInitialLoad.value) {
-        isInitialLoad.value = false;
-        return;
-      }
-      const currentDate = new Date(currentYear.value, currentMonth.value, 1);
-      switch (currentView.value) {
-        case "hours":
-          displayStartDate.value = new Date(currentDate);
-          displayEndDate.value = new Date(currentDate);
-          displayEndDate.value.setDate(displayStartDate.value.getDate() + 2);
-          cellWidth.value = 30;
-          break;
-        case "days":
-          displayStartDate.value = new Date(currentDate);
-          displayEndDate.value = new Date(currentDate);
-          displayEndDate.value.setMonth(displayEndDate.value.getMonth() + 1);
-          displayEndDate.value.setDate(0);
-          cellWidth.value = 60;
-          break;
-        case "weeks":
-          displayStartDate.value = new Date(currentDate);
-          displayStartDate.value.setDate(1);
-          displayStartDate.value.setDate(displayStartDate.value.getDate() - displayStartDate.value.getDay());
-          displayEndDate.value = new Date(displayStartDate.value);
-          displayEndDate.value.setDate(displayStartDate.value.getDate() + 7 * 8);
-          cellWidth.value = 140;
-          break;
-      }
-    };
-    vue.watch([currentMonth, currentYear], () => {
-      updateDateRangeForView();
-    });
-    vue.watch(currentView, () => {
-      updateDateRangeForView();
-    });
-    const navigatePrevious = () => {
-      switch (currentView.value) {
-        case "hours":
-          displayStartDate.value.setDate(displayStartDate.value.getDate() - 3);
-          displayEndDate.value.setDate(displayEndDate.value.getDate() - 3);
-          updateMonthYearFromDates();
-          break;
-        case "days":
-          if (currentMonth.value === 0) {
-            currentMonth.value = 11;
-            currentYear.value--;
-          } else {
-            currentMonth.value--;
-          }
-          break;
-        case "weeks":
-          displayStartDate.value.setDate(displayStartDate.value.getDate() - 28);
-          displayEndDate.value.setDate(displayEndDate.value.getDate() - 28);
-          updateMonthYearFromDates();
-          break;
-      }
-    };
-    const navigateNext = () => {
-      switch (currentView.value) {
-        case "hours":
-          displayStartDate.value.setDate(displayStartDate.value.getDate() + 3);
-          displayEndDate.value.setDate(displayEndDate.value.getDate() + 3);
-          updateMonthYearFromDates();
-          break;
-        case "days":
-          if (currentMonth.value === 11) {
-            currentMonth.value = 0;
-            currentYear.value++;
-          } else {
-            currentMonth.value++;
-          }
-          break;
-        case "weeks":
-          displayStartDate.value.setDate(displayStartDate.value.getDate() + 28);
-          displayEndDate.value.setDate(displayEndDate.value.getDate() + 28);
-          updateMonthYearFromDates();
-          break;
-      }
-    };
-    const goToToday = () => {
-      const today = /* @__PURE__ */ new Date();
-      currentMonth.value = today.getMonth();
-      currentYear.value = today.getFullYear();
-      vue.nextTick(() => {
-        if (ganttContainer.value) {
-          centerViewOnDate(today);
-        }
-      });
-    };
-    const centerViewOnDate = (date) => {
-      if (!ganttContainer.value) return;
-      setTimeout(() => {
-        let scrollPos = 0;
-        const clientWidth = ganttContainer.value.clientWidth;
-        if (currentView.value === "hours") {
-          const hourIndex = visibleHours.value.findIndex(
-            (h) => h.date.getDate() === date.getDate() && h.date.getMonth() === date.getMonth() && h.date.getFullYear() === date.getFullYear() && h.hour === Math.floor(date.getHours() / 2) * 2
-            // Round to nearest 2-hour slot
-          );
-          if (hourIndex >= 0) {
-            scrollPos = hourIndex * cellWidth.value - clientWidth / 2;
-          }
-        } else if (currentView.value === "days") {
-          const dayIndex = visibleDates.value.findIndex(
-            (d) => d.getDate() === date.getDate() && d.getMonth() === date.getMonth() && d.getFullYear() === date.getFullYear()
-          );
-          if (dayIndex >= 0) {
-            scrollPos = dayIndex * cellWidth.value - clientWidth / 2;
-          }
-        } else if (currentView.value === "weeks") {
-          const weekIndex = visibleWeeks.value.findIndex((w) => {
-            const weekStart = new Date(w.start);
-            const weekEnd = new Date(w.end);
-            return date >= weekStart && date <= weekEnd;
-          });
-          if (weekIndex >= 0) {
-            scrollPos = weekIndex * cellWidth.value - clientWidth / 2;
-          }
-        }
-        ganttContainer.value.scrollLeft = Math.max(0, scrollPos);
-      }, 100);
-    };
-    const updateMonthYearFromDates = () => {
-      const middleDate = new Date(displayStartDate.value);
-      if (currentView.value === "weeks") {
-        middleDate.setDate(middleDate.getDate() + 14);
-      } else if (currentView.value === "hours") {
-        middleDate.setDate(middleDate.getDate() + 1);
-      }
-      currentMonth.value = middleDate.getMonth();
-      currentYear.value = middleDate.getFullYear();
-    };
-    const formatMonth = (date) => {
-      return months[date.getMonth()].substring(0, 3) + " " + date.getFullYear();
-    };
-    const formatDay = (date) => {
-      return weekdays[date.getDay()];
-    };
-    const formatHour = (hour) => {
-      return `${hour}:00`;
-    };
-    const formatShortDate = (date) => {
-      return `${date.getDate()}/${date.getMonth() + 1}`;
-    };
-    const formatDateRange = (start, end) => {
-      return `${start.getDate()}-${end.getDate()}`;
-    };
-    const getWeekNumber = (date) => {
-      const firstDayOfYear = new Date(date.getFullYear(), 0, 1);
-      const pastDaysOfYear = (date - firstDayOfYear) / 864e5;
-      return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);
-    };
-    const isWeekend = (date) => {
-      const day = date.getDay();
-      return day === 0 || day === 6;
-    };
-    const isToday = (date) => {
-      const today = /* @__PURE__ */ new Date();
-      return date.getDate() === today.getDate() && date.getMonth() === today.getMonth() && date.getFullYear() === today.getFullYear();
-    };
-    const isCurrentHour = (date, hour) => {
-      const now = /* @__PURE__ */ new Date();
-      return isToday(date) && now.getHours() === hour;
-    };
-    const isCurrentWeek = (weekStart) => {
-      const today = /* @__PURE__ */ new Date();
-      const weekEnd = new Date(weekStart);
-      weekEnd.setDate(weekStart.getDate() + 6);
-      return today >= weekStart && today <= weekEnd;
-    };
-    const getItemTitle = (item) => {
-      if (item.productDetails && item.productDetails.name) {
-        return item.productDetails.name;
-      }
-      return item[props.titleKey] || "Unnamed Item";
-    };
-    const getStatusClass = (item) => {
-      if (item.status) {
-        return `status-${item.status.toLowerCase()}`;
-      }
-      const status = item[props.statusKey] || "default";
-      return `status-${status.toLowerCase()}`;
-    };
-    const getBarStatusClass = (item) => {
-      const status = item[props.statusKey] || "default";
-      return `gantt-bar-${status.toLowerCase()}`;
-    };
-    const groupedItems = vue.computed(() => {
-      const groups = {};
-      props.items.forEach((item) => {
-        const title = getItemTitle(item);
-        if (!groups[title]) {
-          groups[title] = {
-            title,
-            items: [],
-            status: item[props.statusKey] || "default"
-            // Use the status from the first item with this title
-          };
-        }
-        groups[title].items.push(item);
-      });
-      return Object.values(groups);
-    });
-    const organizeBarsIntoRows = (bars) => {
-      if (!bars.length) return [];
-      bars.sort((a, b) => a.start - b.start);
-      const rows = [];
-      bars.forEach((bar) => {
-        let rowIndex = 0;
-        let placed = false;
-        while (!placed) {
-          if (!rows[rowIndex]) {
-            rows[rowIndex] = [];
-            rows[rowIndex].push({ ...bar, rowIndex });
-            placed = true;
-          } else {
-            const overlaps = rows[rowIndex].some((existingBar) => {
-              return bar.start <= existingBar.end && bar.end >= existingBar.start;
-            });
-            if (!overlaps) {
-              rows[rowIndex].push({ ...bar, rowIndex });
-              placed = true;
-            } else {
-              rowIndex++;
-            }
-          }
-        }
-      });
-      return rows.flat();
-    };
-    const getItemBars = (groupData) => {
-      const bars = [];
-      groupData.items.forEach((item) => {
-        const startDateStr = item[props.startDateKey];
-        const endDateStr = item[props.endDateKey];
-        if (!startDateStr || !endDateStr) return;
-        let startDate = startDateStr instanceof Date ? new Date(startDateStr) : new Date(startDateStr);
-        let endDate = endDateStr instanceof Date ? new Date(endDateStr) : new Date(endDateStr);
-        if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) return;
-        if (endDate < startDate) {
-          [startDate, endDate] = [endDate, startDate];
-        }
-        if (endDate < displayStartDate.value || startDate > displayEndDate.value) return;
-        let left, width;
-        if (currentView.value === "hours") {
-          const hourMilliseconds = 60 * 60 * 1e3;
-          const firstVisibleDate = new Date(visibleHours.value[0].date);
-          firstVisibleDate.setHours(visibleHours.value[0].hour, 0, 0, 0);
-          const visibleStartDate = startDate < displayStartDate.value ? displayStartDate.value : startDate;
-          const visibleEndDate = endDate > displayEndDate.value ? displayEndDate.value : endDate;
-          const startHoursDiff = Math.max(0, (visibleStartDate - firstVisibleDate) / hourMilliseconds) / 2;
-          const endHoursDiff = Math.max(0, (visibleEndDate - firstVisibleDate) / hourMilliseconds) / 2;
-          left = startHoursDiff * cellWidth.value;
-          width = Math.max((endHoursDiff - startHoursDiff) * cellWidth.value, cellWidth.value);
-        } else if (currentView.value === "days") {
-          const dayMilliseconds = 24 * 60 * 60 * 1e3;
-          const firstVisibleDate = new Date(visibleDates.value[0]);
-          firstVisibleDate.setHours(0, 0, 0, 0);
-          const visibleStartDate = startDate < displayStartDate.value ? displayStartDate.value : startDate;
-          const visibleEndDate = endDate > displayEndDate.value ? displayEndDate.value : endDate;
-          const startDaysDiff = Math.max(0, Math.floor((visibleStartDate - firstVisibleDate) / dayMilliseconds));
-          const endDaysDiff = Math.max(0, Math.floor((visibleEndDate - firstVisibleDate) / dayMilliseconds));
-          left = startDaysDiff * cellWidth.value;
-          width = Math.max((endDaysDiff - startDaysDiff + 1) * cellWidth.value, cellWidth.value);
-        } else if (currentView.value === "weeks") {
-          const dayMilliseconds = 24 * 60 * 60 * 1e3;
-          const firstVisibleWeekStart = new Date(visibleWeeks.value[0].start);
-          const visibleStartDate = startDate < displayStartDate.value ? displayStartDate.value : startDate;
-          const visibleEndDate = endDate > displayEndDate.value ? displayEndDate.value : endDate;
-          const startWeekIndex = Math.floor((visibleStartDate - firstVisibleWeekStart) / (7 * dayMilliseconds));
-          const endWeekIndex = Math.floor((visibleEndDate - firstVisibleWeekStart) / (7 * dayMilliseconds));
-          left = startWeekIndex * cellWidth.value;
-          width = Math.max((endWeekIndex - startWeekIndex + 1) * cellWidth.value, cellWidth.value);
-        }
-        bars.push({
-          item,
-          start: startDate,
-          end: endDate,
-          left,
-          width
-        });
-      });
-      return organizeBarsIntoRows(bars);
-    };
-    const rowHeight = vue.ref(22);
-    let isLoadingLeft = false;
-    let isLoadingRight = false;
-    let scrollThrottle = null;
-    const handleScroll = () => {
-      if (!ganttContainer.value) return;
-      if (scrollThrottle) {
-        clearTimeout(scrollThrottle);
-      }
-      scrollThrottle = setTimeout(() => {
-        const container = ganttContainer.value;
-        const scrollLeft = container.scrollLeft;
-        const scrollWidth = container.scrollWidth;
-        const clientWidth = container.clientWidth;
-        if (timelineHeader.value) ;
-        if (scrollLeft < 10 && !isLoadingLeft) {
-          isLoadingLeft = true;
-          let newStartDate;
-          if (currentView.value === "hours") {
-            newStartDate = new Date(displayStartDate.value);
-            newStartDate.setDate(newStartDate.getDate() - 3);
-          } else if (currentView.value === "days") {
-            newStartDate = new Date(displayStartDate.value);
-            newStartDate.setMonth(newStartDate.getMonth() - 1);
-          } else if (currentView.value === "weeks") {
-            newStartDate = new Date(displayStartDate.value);
-            newStartDate.setDate(newStartDate.getDate() - 28);
-          }
-          emit("load-more", { direction: "backward", date: newStartDate });
-          setTimeout(() => {
-            isLoadingLeft = false;
-          }, 500);
-        } else if (scrollWidth - (scrollLeft + clientWidth) < 10 && !isLoadingRight) {
-          isLoadingRight = true;
-          let newEndDate;
-          if (currentView.value === "hours") {
-            newEndDate = new Date(displayEndDate.value);
-            newEndDate.setDate(newEndDate.getDate() + 3);
-          } else if (currentView.value === "days") {
-            newEndDate = new Date(displayEndDate.value);
-            newEndDate.setMonth(newEndDate.getMonth() + 1);
-          } else if (currentView.value === "weeks") {
-            newEndDate = new Date(displayEndDate.value);
-            newEndDate.setDate(newEndDate.getDate() + 28);
-          }
-          emit("load-more", { direction: "forward", date: newEndDate });
-          setTimeout(() => {
-            isLoadingRight = false;
-          }, 500);
-        }
-      }, 100);
-    };
-    vue.onMounted(() => {
-      switchView("days");
-      goToToday();
-      vue.nextTick(() => {
-        if (ganttContainer.value) {
-          const today = /* @__PURE__ */ new Date();
-          centerViewOnDate(today);
-        }
-      });
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(Tab.default, {
-              tabs: viewOptions,
-              onTabClick: _cache[0] || (_cache[0] = ($event) => switchView($event.tab.value)),
-              class: "mn-r-auto h-100 flex-child-default o-hidden p-small pd-nano radius-small bg-white",
-              classTab: " pd-thin radius-thin"
-            }),
-            vue.createElementVNode("button", {
-              onClick: navigatePrevious,
-              class: "h-100 bg-white aspect-1x1 pd-x-small radius-small bg-light mn-r-x-small"
-            }, [
-              vue.createVNode(IconChevronLeft.default, { class: "i-small" })
-            ]),
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.withDirectives(vue.createElementVNode("select", {
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentMonth.value = $event),
-                style: { "border": "0" },
-                class: "pd-thin h-100 t-black radius-small bg-white mn-r-micro"
-              }, [
-                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(months, (month, index) => {
-                  return vue.createElementVNode("option", {
-                    key: index,
-                    value: index
-                  }, vue.toDisplayString(month), 9, _hoisted_5);
-                }), 64))
-              ], 512), [
-                [vue.vModelSelect, currentMonth.value]
-              ]),
-              vue.createVNode(Select.default, {
-                select: currentYear.value,
-                "onUpdate:select": _cache[2] || (_cache[2] = ($event) => currentYear.value = $event),
-                options: yearOptions.value,
-                class: "pos-relative w-100 bg-white radius-small pd-thin"
-              }, null, 8, ["select", "options"])
-            ]),
-            vue.createElementVNode("button", {
-              onClick: navigateNext,
-              class: "h-100 bg-white aspect-1x1 pd-x-small radius-small bg-light mn-r-x-small"
-            }, [
-              vue.createVNode(IconChevronRight.default, { class: "i-small" })
-            ]),
-            vue.createElementVNode("button", {
-              onClick: goToToday,
-              class: "h-100 pd-r-small p-small pd-l-small radius-small bg-second t-white mn-l-small"
-            }, " Today ")
-          ])
-        ]),
-        vue.createElementVNode("div", {
-          class: "gantt-chart scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular bg-white radius-small",
-          ref_key: "ganttContainer",
-          ref: ganttContainer,
-          onScroll: handleScroll
-        }, [
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
-              _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "gantt-header-item product-column z-index-2" }, "Product", -1)),
-              vue.createElementVNode("div", {
-                class: "gantt-timeline-header bg-white br-b br-solid br-black-transp",
-                ref_key: "timelineHeader",
-                ref: timelineHeader
-              }, [
-                currentView.value === "hours" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(visibleHours.value, (hour, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: `hour-${index}`,
-                    class: vue.normalizeClass(["gantt-header-cell", {
-                      "is-current-hour": isCurrentHour(hour.date, hour.hour),
-                      "is-today": isToday(hour.date)
-                    }])
-                  }, [
-                    vue.createElementVNode("div", _hoisted_8, [
-                      hour.hour === 0 || index === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(formatShortDate(hour.date)), 1)) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(formatHour(hour.hour)), 1)
-                    ])
-                  ], 2);
-                }), 128)) : currentView.value === "days" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(visibleDates.value, (date, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: `day-${index}`,
-                    class: vue.normalizeClass(["gantt-header-cell", {
-                      "is-weekend": isWeekend(date),
-                      "is-today": isToday(date),
-                      "is-month-start": date.getDate() === 1
-                    }])
-                  }, [
-                    vue.createElementVNode("div", _hoisted_11, [
-                      date.getDate() === 1 || index === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, vue.toDisplayString(formatMonth(date)), 1)) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_13, vue.toDisplayString(date.getDate()), 1),
-                      vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(formatDay(date)), 1)
-                    ])
-                  ], 2);
-                }), 128)) : currentView.value === "weeks" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(visibleWeeks.value, (week, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: `week-${index}`,
-                    class: vue.normalizeClass(["gantt-header-cell gantt-week-cell", {
-                      "is-current-week": isCurrentWeek(week.start),
-                      "is-month-start": week.start.getDate() <= 7 && week.start.getDay() === 0
-                    }])
-                  }, [
-                    vue.createElementVNode("div", _hoisted_15, [
-                      week.isMonthStart || index === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, vue.toDisplayString(formatMonth(week.start)), 1)) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(formatDateRange(week.start, week.end)), 1),
-                      vue.createElementVNode("div", _hoisted_18, "W" + vue.toDisplayString(getWeekNumber(week.start)), 1)
-                    ])
-                  ], 2);
-                }), 128)) : vue.createCommentVNode("", true)
-              ], 512)
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_19, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(groupedItems.value, (group, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: group.title,
-                class: vue.normalizeClass(["gantt-row", { "is-even": index % 2 === 0 }])
-              }, [
-                vue.createElementVNode("div", _hoisted_20, [
-                  vue.createElementVNode("div", _hoisted_21, vue.toDisplayString(group.title), 1),
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(["product-status", getStatusClass(group)])
-                  }, vue.toDisplayString(group.status), 3)
-                ]),
-                vue.createElementVNode("div", _hoisted_22, [
-                  currentView.value === "hours" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(visibleHours.value, (hour, hourIndex) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: `hour-cell-${hourIndex}`,
-                      class: vue.normalizeClass(["gantt-cell", {
-                        "is-current-hour": isCurrentHour(hour.date, hour.hour),
-                        "is-today": isToday(hour.date)
-                      }])
-                    }, null, 2);
-                  }), 128)) : currentView.value === "days" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(visibleDates.value, (date, dateIndex) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: `day-cell-${dateIndex}`,
-                      class: vue.normalizeClass(["gantt-cell", {
-                        "is-weekend": isWeekend(date),
-                        "is-today": isToday(date)
-                      }])
-                    }, null, 2);
-                  }), 128)) : currentView.value === "weeks" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(visibleWeeks.value, (week, weekIndex) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: `week-cell-${weekIndex}`,
-                      class: vue.normalizeClass(["gantt-cell gantt-week-cell", {
-                        "is-current-week": isCurrentWeek(week.start)
-                      }])
-                    }, null, 2);
-                  }), 128)) : vue.createCommentVNode("", true),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getItemBars(group), (bar) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: `${group.title}-${bar.start}-${bar.item[__props.idKey]}`,
-                      class: vue.normalizeClass(["gantt-bar", getBarStatusClass(bar.item)]),
-                      style: vue.normalizeStyle({
-                        left: `${bar.left}px`,
-                        width: `${bar.width}px`,
-                        top: `${bar.rowIndex * rowHeight.value.value}px`,
-                        zIndex: 10 - bar.rowIndex
-                        // Ensure bars in front rows appear above those in back rows
-                      }),
-                      onClick: ($event) => _ctx.$emit("item-click", bar.item)
-                    }, [
-                      vue.createElementVNode("div", _hoisted_24, vue.toDisplayString(getItemTitle(bar.item)), 1)
-                    ], 14, _hoisted_23);
-                  }), 128))
-                ])
-              ], 2);
-            }), 128))
-          ])
-        ], 544)
-      ]);
-    };
-  }
-};
-const GanttChart = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-6f6bbefe"]]);
-exports.default = GanttChart;
-//# sourceMappingURL=GanttChart.vue.cjs.map