@ozdao/martyrs 0.2.491 → 0.2.492

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

@@ -0,0 +1,436 @@
+import { ref, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeStyle, createVNode, createElementVNode, unref, Fragment, renderList, normalizeClass, toDisplayString, createBlock, nextTick } from "vue";
+import dayjs from "../../../../../../../../_virtual/dayjs.min.js";
+import _sfc_main$1 from "./GanttToolbar.vue.js";
+import _sfc_main$2 from "./GanttHeaderCell.vue.js";
+import _sfc_main$3 from "./GanttBar.vue.js";
+/* empty css                */
+const _hoisted_1 = { class: "gantt-content" };
+const _hoisted_2 = { class: "gantt-header pos-sticky top-0 z-index-2 bg-white br-b br-solid br-grey-transp" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = { class: "gantt-timeline flex" };
+const _hoisted_5 = { class: "gantt-body" };
+const _hoisted_6 = { class: "gantt-product-col pos-sticky left-0 z-index-1 bg-white pd-small br-r br-solid br-grey-transp" };
+const _hoisted_7 = { class: "t-medium mn-b-micro" };
+const _hoisted_8 = { class: "gantt-timeline pos-relative" };
+const _hoisted_9 = { class: "gantt-cells flex pos-absolute h-100" };
+const _hoisted_10 = { class: "gantt-bars pos-absolute h-100" };
+const _sfc_main = {
+  __name: "GanttChart",
+  props: {
+    items: { type: Array, required: true },
+    view: { type: String, default: "days" },
+    date: { type: Date, required: true },
+    dateRange: { type: Object, required: true },
+    views: {
+      type: Array,
+      default: () => [
+        { name: "Hours", value: "hours", width: 60 },
+        { name: "Days", value: "days", width: 60 },
+        { name: "Weeks", value: "weeks", width: 120 }
+      ]
+    },
+    titleKey: { type: String, default: "title" },
+    startKey: { type: String, default: "startDate" },
+    endKey: { type: String, default: "endDate" },
+    statusKey: { type: String, default: "status" },
+    idKey: { type: String, default: "id" },
+    groupBy: { type: String, default: "title" },
+    loading: { type: Boolean, default: false },
+    rowHeight: { type: Number, default: 60 }
+  },
+  emits: [
+    "update:view",
+    "update:date",
+    "update:dateRange",
+    "load-more",
+    "item-click",
+    "today"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const container = ref(null);
+    const scrollLeft = ref(0);
+    const loadPromise = ref(null);
+    const cellWidth = computed(() => {
+      const view = props.views.find((v) => v.value === props.view);
+      return view?.width || 60;
+    });
+    const visibleCells = computed(() => {
+      if (!props.dateRange) return [];
+      const { start, end } = props.dateRange;
+      const cells = [];
+      switch (props.view) {
+        case "hours":
+          const startDay = new Date(start);
+          startDay.setHours(0, 0, 0, 0);
+          for (let h = 0; h < 24; h++) {
+            const cellDate = new Date(startDay);
+            cellDate.setHours(h, 0, 0, 0);
+            cells.push({
+              type: "hour",
+              date: cellDate,
+              hour: h,
+              key: `${startDay.getTime()}-${h}`
+            });
+          }
+          break;
+        case "days":
+          for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {
+            cells.push({
+              type: "day",
+              date: new Date(d),
+              key: d.getTime()
+            });
+          }
+          break;
+        case "weeks":
+          const weekStart = new Date(start);
+          weekStart.setDate(start.getDate() - start.getDay());
+          const currentWeek = new Date(weekStart);
+          while (currentWeek <= end) {
+            const weekEnd = new Date(currentWeek);
+            weekEnd.setDate(currentWeek.getDate() + 6);
+            cells.push({
+              type: "week",
+              start: new Date(currentWeek),
+              end: new Date(weekEnd),
+              key: currentWeek.getTime()
+            });
+            currentWeek.setDate(currentWeek.getDate() + 7);
+          }
+          break;
+      }
+      return cells;
+    });
+    const groups = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      props.items.forEach((item) => {
+        const key = item[props.groupBy] || "Ungrouped";
+        if (!map.has(key)) {
+          map.set(key, {
+            key,
+            title: key,
+            items: [],
+            status: item[props.statusKey]
+          });
+        }
+        map.get(key).items.push(item);
+      });
+      return Array.from(map.values());
+    });
+    const getCellClass = (cell) => {
+      const classes = [];
+      const now = dayjs();
+      switch (cell.type) {
+        case "hour":
+          if (dayjs(cell.date).isSame(now, "day") && cell.hour === now.hour()) {
+            classes.push("bg-blue-transp");
+          } else if (dayjs(cell.date).isSame(now, "day")) {
+            classes.push("bg-light");
+          }
+          break;
+        case "day":
+          const day = dayjs(cell.date).day();
+          if (day === 0 || day === 6) classes.push("bg-light");
+          if (dayjs(cell.date).isSame(now, "day")) classes.push("bg-blue-transp");
+          break;
+        case "week":
+          if (now.isAfter(cell.start) && now.isBefore(cell.end)) {
+            classes.push("bg-blue-transp");
+          }
+          break;
+      }
+      return classes.join(" ");
+    };
+    const statusClass = (group) => {
+      const s = group.status || "default";
+      const map = {
+        active: "t-green",
+        completed: "t-blue",
+        canceled: "t-red",
+        default: "t-transp"
+      };
+      return map[s] || map.default;
+    };
+    const getBars = (group) => {
+      const result = [];
+      const rows = [];
+      group.items.forEach((item) => {
+        try {
+          const start = item[props.startKey];
+          const end = item[props.endKey];
+          if (!start || !end) return;
+          const s = start instanceof Date ? new Date(start) : dayjs(start).toDate();
+          const e = end instanceof Date ? new Date(end) : dayjs(end).toDate();
+          if (isNaN(s.getTime()) || isNaN(e.getTime())) {
+            console.warn(`Invalid dates for item ${item[props.idKey]}:`, { start, end });
+            return;
+          }
+          if (e < props.dateRange.start || s > props.dateRange.end) return;
+          let left = 0;
+          let width = 0;
+          const minWidth = cellWidth.value * 0.1;
+          switch (props.view) {
+            case "hours":
+              if (!visibleCells.value.length) return;
+              const firstCell = visibleCells.value[0];
+              const baseTime = new Date(firstCell.date);
+              baseTime.setHours(0, 0, 0, 0);
+              const minuteMs = 60 * 1e3;
+              const hourMs = 60 * 60 * 1e3;
+              const dayStart = new Date(baseTime);
+              dayStart.setHours(0, 0, 0, 0);
+              const dayEnd = new Date(baseTime);
+              dayEnd.setHours(23, 59, 59, 999);
+              const visibleStart = s < dayStart ? dayStart : s;
+              const visibleEnd = e > dayEnd ? dayEnd : e;
+              const startHours = (visibleStart - baseTime) / hourMs;
+              const endHours = (visibleEnd - baseTime) / hourMs;
+              const clippedStart = Math.max(0, startHours);
+              const clippedEnd = Math.min(24, endHours);
+              if (clippedEnd <= clippedStart) {
+                return;
+              }
+              left = clippedStart * cellWidth.value;
+              width = (clippedEnd - clippedStart) * cellWidth.value;
+              width = Math.max(width, minWidth);
+              break;
+            case "days":
+              const firstDay = visibleCells.value[0]?.date;
+              if (!firstDay) return;
+              const firstDayStart = new Date(firstDay);
+              firstDayStart.setHours(0, 0, 0, 0);
+              const dayMs = 24 * 60 * 60 * 1e3;
+              const startDayFloat = (s - firstDayStart) / dayMs;
+              const endDayFloat = (e - firstDayStart) / dayMs;
+              const visibleDays = visibleCells.value.length;
+              const clippedStartDay = Math.max(0, startDayFloat);
+              const clippedEndDay = Math.min(visibleDays, endDayFloat);
+              if (clippedEndDay <= clippedStartDay) return;
+              left = clippedStartDay * cellWidth.value;
+              width = (clippedEndDay - clippedStartDay) * cellWidth.value;
+              width = Math.max(width, minWidth);
+              break;
+            case "weeks":
+              const firstWeek = visibleCells.value[0]?.start;
+              if (!firstWeek) return;
+              const weekMs = 7 * 24 * 60 * 60 * 1e3;
+              const startWeekFloat = (s - firstWeek) / weekMs;
+              const endWeekFloat = (e - firstWeek) / weekMs;
+              const visibleWeeks = visibleCells.value.length;
+              const clippedStartWeek = Math.max(0, startWeekFloat);
+              const clippedEndWeek = Math.min(visibleWeeks, endWeekFloat);
+              if (clippedEndWeek <= clippedStartWeek) return;
+              left = clippedStartWeek * cellWidth.value;
+              width = (clippedEndWeek - clippedStartWeek) * cellWidth.value;
+              width = Math.max(width, minWidth);
+              break;
+          }
+          let row = 0;
+          let placed = false;
+          while (!placed) {
+            if (!rows[row]) rows[row] = [];
+            const overlap = rows[row].some(
+              (b) => s <= b.end && e >= b.start
+            );
+            if (!overlap) {
+              rows[row].push({ start: s, end: e });
+              placed = true;
+            } else {
+              row++;
+            }
+          }
+          result.push({
+            key: `${item[props.idKey]}-${s.getTime()}`,
+            item,
+            left,
+            width,
+            row,
+            status: item[props.statusKey] || "default"
+          });
+        } catch (error) {
+          console.error(`Error processing item ${item[props.idKey]}:`, error);
+        }
+      });
+      return result;
+    };
+    const throttle = (fn, delay) => {
+      let lastCall = 0;
+      let timeout = null;
+      const throttled = (...args) => {
+        const now = Date.now();
+        const remaining = delay - (now - lastCall);
+        if (remaining <= 0) {
+          if (timeout) {
+            clearTimeout(timeout);
+            timeout = null;
+          }
+          lastCall = now;
+          return fn(...args);
+        }
+        if (!timeout) {
+          timeout = setTimeout(() => {
+            lastCall = Date.now();
+            timeout = null;
+            fn(...args);
+          }, remaining);
+        }
+      };
+      throttled.cancel = () => {
+        if (timeout) {
+          clearTimeout(timeout);
+          timeout = null;
+        }
+      };
+      return throttled;
+    };
+    const handleScroll = throttle(async (event) => {
+      if (!container.value) return;
+      const el = event.target;
+      scrollLeft.value = el.scrollLeft;
+      const scrollWidth = el.scrollWidth;
+      const clientWidth = el.clientWidth;
+      const currentScrollLeft = el.scrollLeft;
+      const threshold = 100;
+      if (currentScrollLeft < threshold && !props.loading && !loadPromise.value) {
+        loadPromise.value = emit("load-more", "backward");
+        if (loadPromise.value?.then) {
+          await loadPromise.value;
+          loadPromise.value = null;
+        }
+      } else if (scrollWidth - (currentScrollLeft + clientWidth) < threshold && !props.loading && !loadPromise.value) {
+        loadPromise.value = emit("load-more", "forward");
+        if (loadPromise.value?.then) {
+          await loadPromise.value;
+          loadPromise.value = null;
+        }
+      }
+    }, 100);
+    onUnmounted(() => {
+      handleScroll.cancel();
+    });
+    const centerOnDate = (targetDate) => {
+      if (!container.value) return;
+      nextTick(() => {
+        const cells = visibleCells.value;
+        if (!cells.length) return;
+        let cellIndex = -1;
+        switch (props.view) {
+          case "hours":
+            cellIndex = cells.findIndex(
+              (c) => c.type === "hour" && dayjs(c.date).isSame(targetDate, "day") && c.hour === targetDate.getHours()
+            );
+            break;
+          case "days":
+            cellIndex = cells.findIndex(
+              (c) => c.type === "day" && dayjs(c.date).isSame(targetDate, "day")
+            );
+            break;
+          case "weeks":
+            cellIndex = cells.findIndex(
+              (c) => c.type === "week" && targetDate >= c.start && targetDate <= c.end
+            );
+            break;
+        }
+        if (cellIndex >= 0) {
+          const scrollPos = cellIndex * cellWidth.value - container.value.clientWidth / 2;
+          container.value.scrollLeft = Math.max(0, scrollPos);
+        }
+      });
+    };
+    watch(() => props.view, () => {
+      centerOnDate(props.date);
+    });
+    watch(() => props.dateRange, () => {
+      if (container.value) {
+        container.value.scrollLeft = 0;
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "w-100",
+        style: normalizeStyle({ "--cell-width": cellWidth.value + "px" })
+      }, [
+        createVNode(_sfc_main$1, {
+          view: __props.view,
+          views: __props.views,
+          date: __props.date,
+          "onUpdate:view": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:view", $event)),
+          "onUpdate:date": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:date", $event)),
+          onToday: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("today"))
+        }, null, 8, ["view", "views", "date"]),
+        createElementVNode("div", {
+          class: "gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-grey-transp",
+          ref_key: "container",
+          ref: container,
+          onScroll: _cache[3] || (_cache[3] = (...args) => unref(handleScroll) && unref(handleScroll)(...args))
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                _cache[4] || (_cache[4] = createElementVNode("div", { class: "gantt-product-col pos-sticky left-0 z-index-3 bg-light pd-small br-r br-solid br-grey-transp" }, " Product ", -1)),
+                createElementVNode("div", _hoisted_4, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(visibleCells.value, (cell, i) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: cell.key,
+                      class: normalizeClass(["gantt-cell br-r br-solid br-grey-transp t-center pd-small", getCellClass(cell)]),
+                      style: normalizeStyle({ width: cellWidth.value + "px" })
+                    }, [
+                      createVNode(_sfc_main$2, {
+                        cell,
+                        view: __props.view,
+                        index: i
+                      }, null, 8, ["cell", "view", "index"])
+                    ], 6);
+                  }), 128))
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group, i) => {
+                return openBlock(), createElementBlock("div", {
+                  key: group.key,
+                  class: normalizeClass(["gantt-row flex br-b br-solid br-grey-transp", i % 2 === 0 ? "bg-light-transp" : ""]),
+                  style: normalizeStyle({ height: __props.rowHeight + "px" })
+                }, [
+                  createElementVNode("div", _hoisted_6, [
+                    createElementVNode("div", _hoisted_7, toDisplayString(group.title), 1),
+                    createElementVNode("div", {
+                      class: normalizeClass(["t-micro", statusClass(group)])
+                    }, toDisplayString(group.status), 3)
+                  ]),
+                  createElementVNode("div", _hoisted_8, [
+                    createElementVNode("div", _hoisted_9, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(visibleCells.value, (cell) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: cell.key + "-bg",
+                          class: normalizeClass(["gantt-cell h-100 br-r br-solid br-grey-transp", getCellClass(cell)]),
+                          style: normalizeStyle({ width: cellWidth.value + "px" })
+                        }, null, 6);
+                      }), 128))
+                    ]),
+                    createElementVNode("div", _hoisted_10, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(getBars(group), (bar) => {
+                        return openBlock(), createBlock(_sfc_main$3, {
+                          key: bar.key,
+                          bar,
+                          view: __props.view,
+                          onClick: ($event) => _ctx.$emit("item-click", bar.item)
+                        }, null, 8, ["bar", "view", "onClick"]);
+                      }), 128))
+                    ])
+                  ])
+                ], 6);
+              }), 128))
+            ])
+          ])
+        ], 544)
+      ], 4);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=GanttChart.vue.js.map

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttChart.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttChart.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\" :style=\"{ '--cell-width': cellWidth + 'px' }\">\n    <GanttToolbar\n      :view=\"view\"\n      :views=\"views\"\n      :date=\"date\"\n      @update:view=\"$emit('update:view', $event)\"\n      @update:date=\"$emit('update:date', $event)\"\n      @today=\"$emit('today')\"\n    />\n    \n    <div \n      class=\"gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-grey-transp\"\n      ref=\"container\"\n      @scroll=\"handleScroll\"\n    >\n      <div class=\"gantt-content\">\n        <!-- Header -->\n        <div class=\"gantt-header pos-sticky top-0 z-index-2 bg-white br-b br-solid br-grey-transp\">\n          <div class=\"flex\">\n            <div class=\"gantt-product-col pos-sticky left-0 z-index-3 bg-light pd-small br-r br-solid br-grey-transp\">\n              Product\n            </div>\n            \n            <div class=\"gantt-timeline flex\">\n              <div\n                v-for=\"(cell, i) in visibleCells\"\n                :key=\"cell.key\"\n                class=\"gantt-cell br-r br-solid br-grey-transp t-center pd-small\"\n                :class=\"getCellClass(cell)\"\n                :style=\"{ width: cellWidth + 'px' }\"\n              >\n                <GanttHeaderCell :cell=\"cell\" :view=\"view\" :index=\"i\" />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Body -->\n        <div class=\"gantt-body\">\n          <div \n            v-for=\"(group, i) in groups\" \n            :key=\"group.key\" \n            class=\"gantt-row flex br-b br-solid br-grey-transp\"\n            :class=\"i % 2 === 0 ? 'bg-light-transp' : ''\"\n            :style=\"{ height: rowHeight + 'px' }\"\n          >\n            <div class=\"gantt-product-col pos-sticky left-0 z-index-1 bg-white pd-small br-r br-solid br-grey-transp\">\n              <div class=\"t-medium mn-b-micro\">{{ group.title }}</div>\n              <div class=\"t-micro\" :class=\"statusClass(group)\">{{ group.status }}</div>\n            </div>\n            \n            <div class=\"gantt-timeline pos-relative\">\n              <!-- Background cells -->\n              <div class=\"gantt-cells flex pos-absolute h-100\">\n                <div\n                  v-for=\"cell in visibleCells\"\n                  :key=\"cell.key + '-bg'\"\n                  class=\"gantt-cell h-100 br-r br-solid br-grey-transp\"\n                  :class=\"getCellClass(cell)\"\n                  :style=\"{ width: cellWidth + 'px' }\"\n                />\n              </div>\n              \n              <!-- Bars -->\n              <div class=\"gantt-bars pos-absolute h-100\">\n                <GanttBar\n                  v-for=\"bar in getBars(group)\"\n                  :key=\"bar.key\"\n                  :bar=\"bar\"\n                  :view=\"view\"\n                  @click=\"$emit('item-click', bar.item)\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onUnmounted, watch, nextTick, shallowRef, onMounted } from 'vue'\nimport dayjs from 'dayjs'\n// import utc from 'dayjs/plugin/utc'\n// import timezone from 'dayjs/plugin/timezone'\n\n// dayjs.extend(utc)\n// dayjs.extend(timezone)\n\nimport GanttToolbar from './GanttToolbar.vue'\nimport GanttHeaderCell from './GanttHeaderCell.vue'\nimport GanttBar from './GanttBar.vue'\n\nconst props = defineProps({\n  items: { type: Array, required: true },\n  view: { type: String, default: 'days' },\n  date: { type: Date, required: true },\n  dateRange: { type: Object, required: true },\n  views: {\n    type: Array,\n    default: () => [\n      { name: 'Hours', value: 'hours', width: 60 },\n      { name: 'Days', value: 'days', width: 60 },\n      { name: 'Weeks', value: 'weeks', width: 120 }\n    ]\n  },\n  titleKey: { type: String, default: 'title' },\n  startKey: { type: String, default: 'startDate' },\n  endKey: { type: String, default: 'endDate' },\n  statusKey: { type: String, default: 'status' },\n  idKey: { type: String, default: 'id' },\n  groupBy: { type: String, default: 'title' },\n  loading: { type: Boolean, default: false },\n  rowHeight: { type: Number, default: 60 }\n})\n\nconst emit = defineEmits([\n  'update:view',\n  'update:date', \n  'update:dateRange',\n  'load-more',\n  'item-click',\n  'today'\n])\n\n// State\nconst container = ref(null)\nconst scrollLeft = ref(0)\nconst loadPromise = ref(null)\n\n// Cell width\nconst cellWidth = computed(() => {\n  const view = props.views.find(v => v.value === props.view)\n  return view?.width || 60\n})\n\n// Visible cells\nconst visibleCells = computed(() => {\n  if (!props.dateRange) return []\n  \n  const { start, end } = props.dateRange\n  const cells = []\n  \n  switch (props.view) {\n    case 'hours':\n      // Start from beginning of the day (use only first day)\n      const startDay = new Date(start)\n      startDay.setHours(0, 0, 0, 0)\n      \n      // Generate hour cells for 24 hours (one day)\n      for (let h = 0; h < 24; h++) {\n        const cellDate = new Date(startDay)\n        cellDate.setHours(h, 0, 0, 0)\n        cells.push({\n          type: 'hour',\n          date: cellDate,\n          hour: h,\n          key: `${startDay.getTime()}-${h}`\n        })\n      }\n      \n      break\n      \n    case 'days':\n      for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {\n        cells.push({\n          type: 'day',\n          date: new Date(d),\n          key: d.getTime()\n        })\n      }\n      break\n      \n    case 'weeks':\n      const weekStart = new Date(start)\n      weekStart.setDate(start.getDate() - start.getDay())\n      \n      const currentWeek = new Date(weekStart)\n      while (currentWeek <= end) {\n        const weekEnd = new Date(currentWeek)\n        weekEnd.setDate(currentWeek.getDate() + 6)\n        \n        cells.push({\n          type: 'week',\n          start: new Date(currentWeek),\n          end: new Date(weekEnd),\n          key: currentWeek.getTime()\n        })\n        \n        currentWeek.setDate(currentWeek.getDate() + 7)\n      }\n      break\n  }\n  \n  return cells\n})\n\n// Cache for bars calculation\nconst barsCache = new WeakMap()\n\n// Groups\nconst groups = computed(() => {\n  const map = new Map()\n  \n  props.items.forEach(item => {\n    const key = item[props.groupBy] || 'Ungrouped'\n    \n    if (!map.has(key)) {\n      map.set(key, {\n        key,\n        title: key,\n        items: [],\n        status: item[props.statusKey]\n      })\n    }\n    \n    map.get(key).items.push(item)\n  })\n  \n  return Array.from(map.values())\n})\n\n// Cell class\nconst getCellClass = (cell) => {\n  const classes = []\n  const now = dayjs()\n  \n  switch (cell.type) {\n    case 'hour':\n      if (dayjs(cell.date).isSame(now, 'day') && cell.hour === now.hour()) {\n        classes.push('bg-blue-transp')\n      } else if (dayjs(cell.date).isSame(now, 'day')) {\n        classes.push('bg-light')\n      }\n      break\n      \n    case 'day':\n      const day = dayjs(cell.date).day()\n      if (day === 0 || day === 6) classes.push('bg-light')\n      if (dayjs(cell.date).isSame(now, 'day')) classes.push('bg-blue-transp')\n      break\n      \n    case 'week':\n      if (now.isAfter(cell.start) && now.isBefore(cell.end)) {\n        classes.push('bg-blue-transp')\n      }\n      break\n  }\n  \n  return classes.join(' ')\n}\n\n// Status class\nconst statusClass = (group) => {\n  const s = group.status || 'default'\n  const map = {\n    active: 't-green',\n    completed: 't-blue',\n    canceled: 't-red',\n    default: 't-transp'\n  }\n  return map[s] || map.default\n}\n\n// Get bars\nconst getBars = (group) => {\n  const result = []\n  const rows = []\n  \n  group.items.forEach(item => {\n    try {\n      const start = item[props.startKey]\n      const end = item[props.endKey]\n      \n      if (!start || !end) return\n      \n      const s = start instanceof Date ? new Date(start) : dayjs(start).toDate()\n      const e = end instanceof Date ? new Date(end) : dayjs(end).toDate()\n      \n      if (isNaN(s.getTime()) || isNaN(e.getTime())) {\n        console.warn(`Invalid dates for item ${item[props.idKey]}:`, { start, end })\n        return\n      }\n    \n    // Skip if completely outside visible range\n    if (e < props.dateRange.start || s > props.dateRange.end) return\n    \n    // Calculate position\n    let left = 0\n    let width = 0\n    \n    // Minimum width for very short intervals\n    const minWidth = cellWidth.value * 0.1\n    \n    switch (props.view) {\n      case 'hours':\n        if (!visibleCells.value.length) return\n        \n        // Get the first cell's time as base reference\n        const firstCell = visibleCells.value[0]\n        const baseTime = new Date(firstCell.date)\n        baseTime.setHours(0, 0, 0, 0)\n        \n        // Calculate exact minute positions from base time\n        const minuteMs = 60 * 1000\n        const hourMs = 60 * 60 * 1000\n        \n        // For long bars (>1 day), limit to visible day range\n        const dayStart = new Date(baseTime)\n        dayStart.setHours(0, 0, 0, 0)\n        const dayEnd = new Date(baseTime)\n        dayEnd.setHours(23, 59, 59, 999)\n        \n        const visibleStart = s < dayStart ? dayStart : s\n        const visibleEnd = e > dayEnd ? dayEnd : e\n        \n        // Calculate hour positions with minute precision\n        const startHours = (visibleStart - baseTime) / hourMs\n        const endHours = (visibleEnd - baseTime) / hourMs\n        \n        // Clip to visible range (0-24 hours)\n        const clippedStart = Math.max(0, startHours)\n        const clippedEnd = Math.min(24, endHours)\n        \n        // Skip if completely outside visible range\n        if (clippedEnd <= clippedStart) {\n          return\n        }\n        \n        // Calculate pixel position\n        left = clippedStart * cellWidth.value\n        width = (clippedEnd - clippedStart) * cellWidth.value\n        \n        // Apply minimum width for very short intervals (3-7 minutes should be visible)\n        width = Math.max(width, minWidth)\n        \n        break\n        \n      case 'days':\n        const firstDay = visibleCells.value[0]?.date\n        if (!firstDay) return\n        \n        const firstDayStart = new Date(firstDay)\n        firstDayStart.setHours(0, 0, 0, 0)\n        \n        // Calculate exact positions with minute precision\n        const dayMs = 24 * 60 * 60 * 1000\n        const startDayFloat = (s - firstDayStart) / dayMs\n        const endDayFloat = (e - firstDayStart) / dayMs\n        \n        // Clip to visible range\n        const visibleDays = visibleCells.value.length\n        const clippedStartDay = Math.max(0, startDayFloat)\n        const clippedEndDay = Math.min(visibleDays, endDayFloat)\n        \n        // Skip if completely outside visible range\n        if (clippedEndDay <= clippedStartDay) return\n        \n        left = clippedStartDay * cellWidth.value\n        width = (clippedEndDay - clippedStartDay) * cellWidth.value\n        \n        // Apply minimum width for very short intervals\n        width = Math.max(width, minWidth)\n        break\n        \n      case 'weeks':\n        const firstWeek = visibleCells.value[0]?.start\n        if (!firstWeek) return\n        \n        // Calculate exact positions with minute precision\n        const weekMs = 7 * 24 * 60 * 60 * 1000\n        const startWeekFloat = (s - firstWeek) / weekMs\n        const endWeekFloat = (e - firstWeek) / weekMs\n        \n        // Clip to visible range\n        const visibleWeeks = visibleCells.value.length\n        const clippedStartWeek = Math.max(0, startWeekFloat)\n        const clippedEndWeek = Math.min(visibleWeeks, endWeekFloat)\n        \n        // Skip if completely outside visible range\n        if (clippedEndWeek <= clippedStartWeek) return\n        \n        left = clippedStartWeek * cellWidth.value\n        width = (clippedEndWeek - clippedStartWeek) * cellWidth.value\n        \n        // Apply minimum width for very short intervals\n        width = Math.max(width, minWidth)\n        break\n    }\n    \n    // Find row\n    let row = 0\n    let placed = false\n    \n    while (!placed) {\n      if (!rows[row]) rows[row] = []\n      \n      const overlap = rows[row].some(b => \n        (s <= b.end && e >= b.start)\n      )\n      \n      if (!overlap) {\n        rows[row].push({ start: s, end: e })\n        placed = true\n      } else {\n        row++\n      }\n    }\n    \n      result.push({\n        key: `${item[props.idKey]}-${s.getTime()}`,\n        item,\n        left,\n        width,\n        row,\n        status: item[props.statusKey] || 'default'\n      })\n    } catch (error) {\n      console.error(`Error processing item ${item[props.idKey]}:`, error)\n    }\n  })\n  \n  return result\n}\n\n// Throttle\nconst throttle = (fn, delay) => {\n  let lastCall = 0\n  let timeout = null\n  \n  const throttled = (...args) => {\n    const now = Date.now()\n    const remaining = delay - (now - lastCall)\n    \n    if (remaining <= 0) {\n      if (timeout) {\n        clearTimeout(timeout)\n        timeout = null\n      }\n      lastCall = now\n      return fn(...args)\n    }\n    \n    if (!timeout) {\n      timeout = setTimeout(() => {\n        lastCall = Date.now()\n        timeout = null\n        fn(...args)\n      }, remaining)\n    }\n  }\n  \n  throttled.cancel = () => {\n    if (timeout) {\n      clearTimeout(timeout)\n      timeout = null\n    }\n  }\n  \n  return throttled\n}\n\n// Scroll handling\nconst handleScroll = throttle(async (event) => {\n  if (!container.value) return\n  \n  const el = event.target\n  scrollLeft.value = el.scrollLeft\n  \n  const scrollWidth = el.scrollWidth\n  const clientWidth = el.clientWidth\n  const currentScrollLeft = el.scrollLeft\n  \n  const threshold = 100\n  \n  if (currentScrollLeft < threshold && !props.loading && !loadPromise.value) {\n    loadPromise.value = emit('load-more', 'backward')\n    if (loadPromise.value?.then) {\n      await loadPromise.value\n      loadPromise.value = null\n    }\n  } else if (scrollWidth - (currentScrollLeft + clientWidth) < threshold && !props.loading && !loadPromise.value) {\n    loadPromise.value = emit('load-more', 'forward')\n    if (loadPromise.value?.then) {\n      await loadPromise.value\n      loadPromise.value = null\n    }\n  }\n}, 100)\n\n// Cleanup\nonUnmounted(() => {\n  handleScroll.cancel()\n})\n\n// Center view on specific date\nconst centerOnDate = (targetDate) => {\n  if (!container.value) return\n  \n  nextTick(() => {\n    const cells = visibleCells.value\n    if (!cells.length) return\n    \n    let cellIndex = -1\n    \n    switch (props.view) {\n      case 'hours':\n        cellIndex = cells.findIndex(c => \n          c.type === 'hour' &&\n          dayjs(c.date).isSame(targetDate, 'day') &&\n          c.hour === targetDate.getHours()\n        )\n        break\n        \n      case 'days':\n        cellIndex = cells.findIndex(c =>\n          c.type === 'day' &&\n          dayjs(c.date).isSame(targetDate, 'day')\n        )\n        break\n        \n      case 'weeks':\n        cellIndex = cells.findIndex(c =>\n          c.type === 'week' &&\n          targetDate >= c.start &&\n          targetDate <= c.end\n        )\n        break\n    }\n    \n    if (cellIndex >= 0) {\n      const scrollPos = cellIndex * cellWidth.value - container.value.clientWidth / 2\n      container.value.scrollLeft = Math.max(0, scrollPos)\n    }\n  })\n}\n\n// Watch for view or date range changes\nwatch(() => props.view, () => {\n  // Center on current date when view changes\n  centerOnDate(props.date)\n})\n\nwatch(() => props.dateRange, () => {\n  // Reset scroll position when date range changes significantly\n  if (container.value) {\n    container.value.scrollLeft = 0\n  }\n}, { deep: true })\n</script>\n\n<style>\n.gantt-container {\n  --cell-width: 60px;\n  height: 500px;\n  position: relative;\n}\n\n.gantt-content {\n  width: fit-content;\n  min-width: 100%;\n}\n\n.gantt-header {\n  height: 60px;\n}\n\n.gantt-product-col {\n  width: 200px;\n  min-width: 200px;\n  flex-shrink: 0;\n}\n\n.gantt-timeline {\n  position: relative;\n  min-width: fit-content;\n}\n\n.gantt-cell {\n  min-width: var(--cell-width);\n  flex-shrink: 0;\n}\n\n.gantt-row {\n  position: relative;\n}\n\n.gantt-cells,\n.gantt-bars {\n  width: fit-content;\n  left: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAUb,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,aAAa,IAAI,CAAC;AACxB,UAAM,cAAc,IAAI,IAAI;AAG5B,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,OAAO,MAAM,MAAM,KAAK,OAAK,EAAE,UAAU,MAAM,IAAI;AACzD,aAAO,MAAM,SAAS;AAAA,IACxB,CAAC;AAGD,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,CAAC,MAAM,UAAW,QAAO,CAAA;AAE7B,YAAM,EAAE,OAAO,IAAG,IAAK,MAAM;AAC7B,YAAM,QAAQ,CAAA;AAEd,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AAEH,gBAAM,WAAW,IAAI,KAAK,KAAK;AAC/B,mBAAS,SAAS,GAAG,GAAG,GAAG,CAAC;AAG5B,mBAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,kBAAM,WAAW,IAAI,KAAK,QAAQ;AAClC,qBAAS,SAAS,GAAG,GAAG,GAAG,CAAC;AAC5B,kBAAM,KAAK;AAAA,cACT,MAAM;AAAA,cACN,MAAM;AAAA,cACN,MAAM;AAAA,cACN,KAAK,GAAG,SAAS,QAAO,CAAE,IAAI,CAAC;AAAA,YACzC,CAAS;AAAA,UACH;AAEA;AAAA,QAEF,KAAK;AACH,mBAAS,IAAI,IAAI,KAAK,KAAK,GAAG,KAAK,KAAK,EAAE,QAAQ,EAAE,QAAO,IAAK,CAAC,GAAG;AAClE,kBAAM,KAAK;AAAA,cACT,MAAM;AAAA,cACN,MAAM,IAAI,KAAK,CAAC;AAAA,cAChB,KAAK,EAAE,QAAO;AAAA,YACxB,CAAS;AAAA,UACH;AACA;AAAA,QAEF,KAAK;AACH,gBAAM,YAAY,IAAI,KAAK,KAAK;AAChC,oBAAU,QAAQ,MAAM,QAAO,IAAK,MAAM,OAAM,CAAE;AAElD,gBAAM,cAAc,IAAI,KAAK,SAAS;AACtC,iBAAO,eAAe,KAAK;AACzB,kBAAM,UAAU,IAAI,KAAK,WAAW;AACpC,oBAAQ,QAAQ,YAAY,QAAO,IAAK,CAAC;AAEzC,kBAAM,KAAK;AAAA,cACT,MAAM;AAAA,cACN,OAAO,IAAI,KAAK,WAAW;AAAA,cAC3B,KAAK,IAAI,KAAK,OAAO;AAAA,cACrB,KAAK,YAAY,QAAO;AAAA,YAClC,CAAS;AAED,wBAAY,QAAQ,YAAY,QAAO,IAAK,CAAC;AAAA,UAC/C;AACA;AAAA,MACN;AAEE,aAAO;AAAA,IACT,CAAC;AAMD,UAAM,SAAS,SAAS,MAAM;AAC5B,YAAM,MAAM,oBAAI,IAAG;AAEnB,YAAM,MAAM,QAAQ,UAAQ;AAC1B,cAAM,MAAM,KAAK,MAAM,OAAO,KAAK;AAEnC,YAAI,CAAC,IAAI,IAAI,GAAG,GAAG;AACjB,cAAI,IAAI,KAAK;AAAA,YACX;AAAA,YACA,OAAO;AAAA,YACP,OAAO,CAAA;AAAA,YACP,QAAQ,KAAK,MAAM,SAAS;AAAA,UACpC,CAAO;AAAA,QACH;AAEA,YAAI,IAAI,GAAG,EAAE,MAAM,KAAK,IAAI;AAAA,MAC9B,CAAC;AAED,aAAO,MAAM,KAAK,IAAI,OAAM,CAAE;AAAA,IAChC,CAAC;AAGD,UAAM,eAAe,CAAC,SAAS;AAC7B,YAAM,UAAU,CAAA;AAChB,YAAM,MAAM,MAAK;AAEjB,cAAQ,KAAK,MAAI;AAAA,QACf,KAAK;AACH,cAAI,MAAM,KAAK,IAAI,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,SAAS,IAAI,KAAI,GAAI;AACnE,oBAAQ,KAAK,gBAAgB;AAAA,UAC/B,WAAW,MAAM,KAAK,IAAI,EAAE,OAAO,KAAK,KAAK,GAAG;AAC9C,oBAAQ,KAAK,UAAU;AAAA,UACzB;AACA;AAAA,QAEF,KAAK;AACH,gBAAM,MAAM,MAAM,KAAK,IAAI,EAAE,IAAG;AAChC,cAAI,QAAQ,KAAK,QAAQ,EAAG,SAAQ,KAAK,UAAU;AACnD,cAAI,MAAM,KAAK,IAAI,EAAE,OAAO,KAAK,KAAK,EAAG,SAAQ,KAAK,gBAAgB;AACtE;AAAA,QAEF,KAAK;AACH,cAAI,IAAI,QAAQ,KAAK,KAAK,KAAK,IAAI,SAAS,KAAK,GAAG,GAAG;AACrD,oBAAQ,KAAK,gBAAgB;AAAA,UAC/B;AACA;AAAA,MACN;AAEE,aAAO,QAAQ,KAAK,GAAG;AAAA,IACzB;AAGA,UAAM,cAAc,CAAC,UAAU;AAC7B,YAAM,IAAI,MAAM,UAAU;AAC1B,YAAM,MAAM;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,MACb;AACE,aAAO,IAAI,CAAC,KAAK,IAAI;AAAA,IACvB;AAGA,UAAM,UAAU,CAAC,UAAU;AACzB,YAAM,SAAS,CAAA;AACf,YAAM,OAAO,CAAA;AAEb,YAAM,MAAM,QAAQ,UAAQ;AAC1B,YAAI;AACF,gBAAM,QAAQ,KAAK,MAAM,QAAQ;AACjC,gBAAM,MAAM,KAAK,MAAM,MAAM;AAE7B,cAAI,CAAC,SAAS,CAAC,IAAK;AAEpB,gBAAM,IAAI,iBAAiB,OAAO,IAAI,KAAK,KAAK,IAAI,MAAM,KAAK,EAAE,OAAM;AACvE,gBAAM,IAAI,eAAe,OAAO,IAAI,KAAK,GAAG,IAAI,MAAM,GAAG,EAAE,OAAM;AAEjE,cAAI,MAAM,EAAE,QAAO,CAAE,KAAK,MAAM,EAAE,QAAO,CAAE,GAAG;AAC5C,oBAAQ,KAAK,0BAA0B,KAAK,MAAM,KAAK,CAAC,KAAK,EAAE,OAAO,IAAG,CAAE;AAC3E;AAAA,UACF;AAGF,cAAI,IAAI,MAAM,UAAU,SAAS,IAAI,MAAM,UAAU,IAAK;AAG1D,cAAI,OAAO;AACX,cAAI,QAAQ;AAGZ,gBAAM,WAAW,UAAU,QAAQ;AAEnC,kBAAQ,MAAM,MAAI;AAAA,YAChB,KAAK;AACH,kBAAI,CAAC,aAAa,MAAM,OAAQ;AAGhC,oBAAM,YAAY,aAAa,MAAM,CAAC;AACtC,oBAAM,WAAW,IAAI,KAAK,UAAU,IAAI;AACxC,uBAAS,SAAS,GAAG,GAAG,GAAG,CAAC;AAG5B,oBAAM,WAAW,KAAK;AACtB,oBAAM,SAAS,KAAK,KAAK;AAGzB,oBAAM,WAAW,IAAI,KAAK,QAAQ;AAClC,uBAAS,SAAS,GAAG,GAAG,GAAG,CAAC;AAC5B,oBAAM,SAAS,IAAI,KAAK,QAAQ;AAChC,qBAAO,SAAS,IAAI,IAAI,IAAI,GAAG;AAE/B,oBAAM,eAAe,IAAI,WAAW,WAAW;AAC/C,oBAAM,aAAa,IAAI,SAAS,SAAS;AAGzC,oBAAM,cAAc,eAAe,YAAY;AAC/C,oBAAM,YAAY,aAAa,YAAY;AAG3C,oBAAM,eAAe,KAAK,IAAI,GAAG,UAAU;AAC3C,oBAAM,aAAa,KAAK,IAAI,IAAI,QAAQ;AAGxC,kBAAI,cAAc,cAAc;AAC9B;AAAA,cACF;AAGA,qBAAO,eAAe,UAAU;AAChC,uBAAS,aAAa,gBAAgB,UAAU;AAGhD,sBAAQ,KAAK,IAAI,OAAO,QAAQ;AAEhC;AAAA,YAEF,KAAK;AACH,oBAAM,WAAW,aAAa,MAAM,CAAC,GAAG;AACxC,kBAAI,CAAC,SAAU;AAEf,oBAAM,gBAAgB,IAAI,KAAK,QAAQ;AACvC,4BAAc,SAAS,GAAG,GAAG,GAAG,CAAC;AAGjC,oBAAM,QAAQ,KAAK,KAAK,KAAK;AAC7B,oBAAM,iBAAiB,IAAI,iBAAiB;AAC5C,oBAAM,eAAe,IAAI,iBAAiB;AAG1C,oBAAM,cAAc,aAAa,MAAM;AACvC,oBAAM,kBAAkB,KAAK,IAAI,GAAG,aAAa;AACjD,oBAAM,gBAAgB,KAAK,IAAI,aAAa,WAAW;AAGvD,kBAAI,iBAAiB,gBAAiB;AAEtC,qBAAO,kBAAkB,UAAU;AACnC,uBAAS,gBAAgB,mBAAmB,UAAU;AAGtD,sBAAQ,KAAK,IAAI,OAAO,QAAQ;AAChC;AAAA,YAEF,KAAK;AACH,oBAAM,YAAY,aAAa,MAAM,CAAC,GAAG;AACzC,kBAAI,CAAC,UAAW;AAGhB,oBAAM,SAAS,IAAI,KAAK,KAAK,KAAK;AAClC,oBAAM,kBAAkB,IAAI,aAAa;AACzC,oBAAM,gBAAgB,IAAI,aAAa;AAGvC,oBAAM,eAAe,aAAa,MAAM;AACxC,oBAAM,mBAAmB,KAAK,IAAI,GAAG,cAAc;AACnD,oBAAM,iBAAiB,KAAK,IAAI,cAAc,YAAY;AAG1D,kBAAI,kBAAkB,iBAAkB;AAExC,qBAAO,mBAAmB,UAAU;AACpC,uBAAS,iBAAiB,oBAAoB,UAAU;AAGxD,sBAAQ,KAAK,IAAI,OAAO,QAAQ;AAChC;AAAA,UACR;AAGI,cAAI,MAAM;AACV,cAAI,SAAS;AAEb,iBAAO,CAAC,QAAQ;AACd,gBAAI,CAAC,KAAK,GAAG,EAAG,MAAK,GAAG,IAAI,CAAA;AAE5B,kBAAM,UAAU,KAAK,GAAG,EAAE;AAAA,cAAK,OAC5B,KAAK,EAAE,OAAO,KAAK,EAAE;AAAA,YAC9B;AAEM,gBAAI,CAAC,SAAS;AACZ,mBAAK,GAAG,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAC,CAAE;AACnC,uBAAS;AAAA,YACX,OAAO;AACL;AAAA,YACF;AAAA,UACF;AAEE,iBAAO,KAAK;AAAA,YACV,KAAK,GAAG,KAAK,MAAM,KAAK,CAAC,IAAI,EAAE,QAAO,CAAE;AAAA,YACxC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ,KAAK,MAAM,SAAS,KAAK;AAAA,UACzC,CAAO;AAAA,QACH,SAAS,OAAO;AACd,kBAAQ,MAAM,yBAAyB,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK;AAAA,QACpE;AAAA,MACF,CAAC;AAED,aAAO;AAAA,IACT;AAGA,UAAM,WAAW,CAAC,IAAI,UAAU;AAC9B,UAAI,WAAW;AACf,UAAI,UAAU;AAEd,YAAM,YAAY,IAAI,SAAS;AAC7B,cAAM,MAAM,KAAK,IAAG;AACpB,cAAM,YAAY,SAAS,MAAM;AAEjC,YAAI,aAAa,GAAG;AAClB,cAAI,SAAS;AACX,yBAAa,OAAO;AACpB,sBAAU;AAAA,UACZ;AACA,qBAAW;AACX,iBAAO,GAAG,GAAG,IAAI;AAAA,QACnB;AAEA,YAAI,CAAC,SAAS;AACZ,oBAAU,WAAW,MAAM;AACzB,uBAAW,KAAK,IAAG;AACnB,sBAAU;AACV,eAAG,GAAG,IAAI;AAAA,UACZ,GAAG,SAAS;AAAA,QACd;AAAA,MACF;AAEA,gBAAU,SAAS,MAAM;AACvB,YAAI,SAAS;AACX,uBAAa,OAAO;AACpB,oBAAU;AAAA,QACZ;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAGA,UAAM,eAAe,SAAS,OAAO,UAAU;AAC7C,UAAI,CAAC,UAAU,MAAO;AAEtB,YAAM,KAAK,MAAM;AACjB,iBAAW,QAAQ,GAAG;AAEtB,YAAM,cAAc,GAAG;AACvB,YAAM,cAAc,GAAG;AACvB,YAAM,oBAAoB,GAAG;AAE7B,YAAM,YAAY;AAElB,UAAI,oBAAoB,aAAa,CAAC,MAAM,WAAW,CAAC,YAAY,OAAO;AACzE,oBAAY,QAAQ,KAAK,aAAa,UAAU;AAChD,YAAI,YAAY,OAAO,MAAM;AAC3B,gBAAM,YAAY;AAClB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF,WAAW,eAAe,oBAAoB,eAAe,aAAa,CAAC,MAAM,WAAW,CAAC,YAAY,OAAO;AAC9G,oBAAY,QAAQ,KAAK,aAAa,SAAS;AAC/C,YAAI,YAAY,OAAO,MAAM;AAC3B,gBAAM,YAAY;AAClB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IACF,GAAG,GAAG;AAGN,gBAAY,MAAM;AAChB,mBAAa,OAAM;AAAA,IACrB,CAAC;AAGD,UAAM,eAAe,CAAC,eAAe;AACnC,UAAI,CAAC,UAAU,MAAO;AAEtB,eAAS,MAAM;AACb,cAAM,QAAQ,aAAa;AAC3B,YAAI,CAAC,MAAM,OAAQ;AAEnB,YAAI,YAAY;AAEhB,gBAAQ,MAAM,MAAI;AAAA,UAChB,KAAK;AACH,wBAAY,MAAM;AAAA,cAAU,OAC1B,EAAE,SAAS,UACX,MAAM,EAAE,IAAI,EAAE,OAAO,YAAY,KAAK,KACtC,EAAE,SAAS,WAAW,SAAQ;AAAA,YACxC;AACQ;AAAA,UAEF,KAAK;AACH,wBAAY,MAAM;AAAA,cAAU,OAC1B,EAAE,SAAS,SACX,MAAM,EAAE,IAAI,EAAE,OAAO,YAAY,KAAK;AAAA,YAChD;AACQ;AAAA,UAEF,KAAK;AACH,wBAAY,MAAM;AAAA,cAAU,OAC1B,EAAE,SAAS,UACX,cAAc,EAAE,SAChB,cAAc,EAAE;AAAA,YAC1B;AACQ;AAAA,QACR;AAEI,YAAI,aAAa,GAAG;AAClB,gBAAM,YAAY,YAAY,UAAU,QAAQ,UAAU,MAAM,cAAc;AAC9E,oBAAU,MAAM,aAAa,KAAK,IAAI,GAAG,SAAS;AAAA,QACpD;AAAA,MACF,CAAC;AAAA,IACH;AAGA,UAAM,MAAM,MAAM,MAAM,MAAM;AAE5B,mBAAa,MAAM,IAAI;AAAA,IACzB,CAAC;AAED,UAAM,MAAM,MAAM,WAAW,MAAM;AAEjC,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,aAAa;AAAA,MAC/B;AAAA,IACF,GAAG,EAAE,MAAM,KAAI,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const dayjs_min = require("../../../../../../../../_virtual/dayjs.min.cjs");
+const weekOfYear = require("../../../../../../../../_virtual/weekOfYear.cjs");
+const _hoisted_1 = { class: "gantt-header-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "t-micro"
+};
+const _hoisted_3 = { class: "t-small" };
+const _hoisted_4 = { class: "t-medium" };
+const _hoisted_5 = { class: "t-micro t-transp" };
+const _hoisted_6 = { class: "t-small" };
+const _hoisted_7 = { class: "t-micro t-transp" };
+const _sfc_main = {
+  __name: "GanttHeaderCell",
+  props: {
+    cell: { type: Object, required: true },
+    view: { type: String, required: true },
+    index: { type: Number, default: 0 }
+  },
+  setup(__props) {
+    dayjs_min.default.extend(weekOfYear.default);
+    const props = __props;
+    const isFirst = vue.computed(() => props.index === 0);
+    vue.computed(() => {
+      if (props.cell.type !== "week") return false;
+      return props.cell.start.getDate() <= 7 && props.cell.start.getDay() === 0;
+    });
+    const weekNumber = vue.computed(() => {
+      if (props.cell.type !== "week") return null;
+      return dayjs_min.default(props.cell.start).week();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.cell.type === "hour" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          isFirst.value || __props.cell.hour === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(vue.unref(dayjs_min.default)(__props.cell.date).format("DD/MM")), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(__props.cell.hour) + ":00", 1)
+        ], 64)) : __props.cell.type === "day" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(__props.cell.date.getDate()), 1),
+          vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(vue.unref(dayjs_min.default)(__props.cell.date).format("ddd")), 1)
+        ], 64)) : __props.cell.type === "week" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(vue.unref(dayjs_min.default)(__props.cell.start).format("D")) + "-" + vue.toDisplayString(vue.unref(dayjs_min.default)(__props.cell.end).format("D")), 1),
+          vue.createElementVNode("div", _hoisted_7, "W" + vue.toDisplayString(weekNumber.value), 1)
+        ], 64)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=GanttHeaderCell.vue.cjs.map

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttHeaderCell.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttHeaderCell.vue.cjs","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttHeaderCell.vue"],"sourcesContent":["<template>\n  <div class=\"gantt-header-content\">\n    <!-- Hour view -->\n    <template v-if=\"cell.type === 'hour'\">\n      <div v-if=\"isFirst || cell.hour === 0\" class=\"t-micro\">\n        {{ dayjs(cell.date).format('DD/MM') }}\n      </div>\n      <div class=\"t-small\">{{ cell.hour }}:00</div>\n    </template>\n    \n    <!-- Day view -->\n    <template v-else-if=\"cell.type === 'day'\">\n      <!-- <div v-if=\"isFirst || cell.date.getDate() === 1\" class=\"t-micro\">\n        {{ dayjs(cell.date).format('MMM YYYY') }}\n      </div> -->\n      <div class=\"t-medium\">{{ cell.date.getDate() }}</div>\n      <div class=\"t-micro t-transp\">{{ dayjs(cell.date).format('ddd') }}</div>\n    </template>\n    \n    <!-- Week view -->\n    <template v-else-if=\"cell.type === 'week'\">\n      <!-- <div v-if=\"isFirst || isMonthStart\" class=\"t-micro\">\n        {{ dayjs(cell.start).format('MMM YYYY') }}\n      </div> -->\n      <div class=\"t-small\">{{ dayjs(cell.start).format('D') }}-{{ dayjs(cell.end).format('D') }}</div>\n      <div class=\"t-micro t-transp\">W{{ weekNumber }}</div>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js'\n\ndayjs.extend(weekOfYear)\n\nconst props = defineProps({\n  cell: { type: Object, required: true },\n  view: { type: String, required: true },\n  index: { type: Number, default: 0 }\n})\n\nconst isFirst = computed(() => props.index === 0)\n\nconst isMonthStart = computed(() => {\n  if (props.cell.type !== 'week') return false\n  return props.cell.start.getDate() <= 7 && props.cell.start.getDay() === 0\n})\n\nconst weekNumber = computed(() => {\n  if (props.cell.type !== 'week') return null\n  return dayjs(props.cell.start).week()\n})\n</script>"],"names":["dayjs","weekOfYear","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmCAA,cAAAA,QAAM,OAAOC,WAAAA,OAAU;AAEvB,UAAM,QAAQ;AAMd,UAAM,UAAUC,IAAAA,SAAS,MAAM,MAAM,UAAU,CAAC;AAE3BA,QAAAA,SAAS,MAAM;AAClC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAO,MAAM,KAAK,MAAM,QAAO,KAAM,KAAK,MAAM,KAAK,MAAM,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAOF,UAAAA,QAAM,MAAM,KAAK,KAAK,EAAE,KAAI;AAAA,IACrC,CAAC;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttHeaderCell.vue.js

@@ -0,0 +1,52 @@
+import { computed, createElementBlock, openBlock, createCommentVNode, Fragment, createElementVNode, toDisplayString, unref } from "vue";
+import dayjs from "../../../../../../../../_virtual/dayjs.min.js";
+import weekOfYear from "../../../../../../../../_virtual/weekOfYear.js";
+const _hoisted_1 = { class: "gantt-header-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "t-micro"
+};
+const _hoisted_3 = { class: "t-small" };
+const _hoisted_4 = { class: "t-medium" };
+const _hoisted_5 = { class: "t-micro t-transp" };
+const _hoisted_6 = { class: "t-small" };
+const _hoisted_7 = { class: "t-micro t-transp" };
+const _sfc_main = {
+  __name: "GanttHeaderCell",
+  props: {
+    cell: { type: Object, required: true },
+    view: { type: String, required: true },
+    index: { type: Number, default: 0 }
+  },
+  setup(__props) {
+    dayjs.extend(weekOfYear);
+    const props = __props;
+    const isFirst = computed(() => props.index === 0);
+    computed(() => {
+      if (props.cell.type !== "week") return false;
+      return props.cell.start.getDate() <= 7 && props.cell.start.getDay() === 0;
+    });
+    const weekNumber = computed(() => {
+      if (props.cell.type !== "week") return null;
+      return dayjs(props.cell.start).week();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.cell.type === "hour" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          isFirst.value || __props.cell.hour === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(dayjs)(__props.cell.date).format("DD/MM")), 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3, toDisplayString(__props.cell.hour) + ":00", 1)
+        ], 64)) : __props.cell.type === "day" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("div", _hoisted_4, toDisplayString(__props.cell.date.getDate()), 1),
+          createElementVNode("div", _hoisted_5, toDisplayString(unref(dayjs)(__props.cell.date).format("ddd")), 1)
+        ], 64)) : __props.cell.type === "week" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createElementVNode("div", _hoisted_6, toDisplayString(unref(dayjs)(__props.cell.start).format("D")) + "-" + toDisplayString(unref(dayjs)(__props.cell.end).format("D")), 1),
+          createElementVNode("div", _hoisted_7, "W" + toDisplayString(weekNumber.value), 1)
+        ], 64)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=GanttHeaderCell.vue.js.map

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttHeaderCell.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttHeaderCell.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttHeaderCell.vue"],"sourcesContent":["<template>\n  <div class=\"gantt-header-content\">\n    <!-- Hour view -->\n    <template v-if=\"cell.type === 'hour'\">\n      <div v-if=\"isFirst || cell.hour === 0\" class=\"t-micro\">\n        {{ dayjs(cell.date).format('DD/MM') }}\n      </div>\n      <div class=\"t-small\">{{ cell.hour }}:00</div>\n    </template>\n    \n    <!-- Day view -->\n    <template v-else-if=\"cell.type === 'day'\">\n      <!-- <div v-if=\"isFirst || cell.date.getDate() === 1\" class=\"t-micro\">\n        {{ dayjs(cell.date).format('MMM YYYY') }}\n      </div> -->\n      <div class=\"t-medium\">{{ cell.date.getDate() }}</div>\n      <div class=\"t-micro t-transp\">{{ dayjs(cell.date).format('ddd') }}</div>\n    </template>\n    \n    <!-- Week view -->\n    <template v-else-if=\"cell.type === 'week'\">\n      <!-- <div v-if=\"isFirst || isMonthStart\" class=\"t-micro\">\n        {{ dayjs(cell.start).format('MMM YYYY') }}\n      </div> -->\n      <div class=\"t-small\">{{ dayjs(cell.start).format('D') }}-{{ dayjs(cell.end).format('D') }}</div>\n      <div class=\"t-micro t-transp\">W{{ weekNumber }}</div>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js'\n\ndayjs.extend(weekOfYear)\n\nconst props = defineProps({\n  cell: { type: Object, required: true },\n  view: { type: String, required: true },\n  index: { type: Number, default: 0 }\n})\n\nconst isFirst = computed(() => props.index === 0)\n\nconst isMonthStart = computed(() => {\n  if (props.cell.type !== 'week') return false\n  return props.cell.start.getDate() <= 7 && props.cell.start.getDay() === 0\n})\n\nconst weekNumber = computed(() => {\n  if (props.cell.type !== 'week') return null\n  return dayjs(props.cell.start).week()\n})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,OAAO,UAAU;AAEvB,UAAM,QAAQ;AAMd,UAAM,UAAU,SAAS,MAAM,MAAM,UAAU,CAAC;AAE3B,aAAS,MAAM;AAClC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAO,MAAM,KAAK,MAAM,QAAO,KAAM,KAAK,MAAM,KAAK,MAAM,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAO,MAAM,MAAM,KAAK,KAAK,EAAE,KAAI;AAAA,IACrC,CAAC;;;;;;;;;;;;;;;;;"}