@ozdao/martyrs 0.2.550 → 0.2.552

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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const IconCalendar = require("../../../../../icons/entities/IconCalendar.vue.cjs");
-const _hoisted_1 = { class: "flex flex-v-center gap-thin" };
-const _hoisted_2 = { class: "t-medium" };
-const _sfc_main = {
-  __name: "DateLabel",
-  props: {
-    dateText: {
-      type: String,
-      required: true
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(IconCalendar.default, { class: "i-small" }),
-        vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.dateText), 1)
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=DateLabel.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateLabel.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css                */
-const _hoisted_1 = { class: "pd-micro t-micro t-white t-truncate" };
-const _sfc_main = {
-  __name: "GanttBar",
-  props: {
-    bar: { type: Object, required: true },
-    view: { type: String, required: true }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const barClass = vue.computed(() => {
-      const statusMap = {
-        active: "bg-main",
-        completed: "bg-green",
-        canceled: "bg-red",
-        pending: "bg-grey",
-        default: "bg-second"
-      };
-      return statusMap[props.bar.status] || statusMap.default;
-    });
-    const barStyle = vue.computed(() => ({
-      left: props.bar.left + "px",
-      width: props.bar.width + "px",
-      top: 10 + props.bar.row * 22 + "px",
-      height: "20px",
-      zIndex: 10 - props.bar.row
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["gantt-bar pos-absolute radius-small cursor-pointer shadow-small transition-ease-out hover-scale-0", barClass.value]),
-        style: vue.normalizeStyle(barStyle.value),
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
-      }, [
-        vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(__props.bar.item.productDetails.name || "Task"), 1)
-      ], 6);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=GanttBar.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GanttBar.vue.cjs","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttBar.vue"],"sourcesContent":["<template>\n  <div \n    class=\"gantt-bar pos-absolute radius-small cursor-pointer shadow-small transition-ease-out hover-scale-0\"\n    :class=\"barClass\"\n    :style=\"barStyle\"\n    @click=\"$emit('click')\"\n  >\n    <div class=\"pd-micro t-micro t-white t-truncate\">\n      {{ bar.item.productDetails.name || 'Task' }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  bar: { type: Object, required: true },\n  view: { type: String, required: true }\n})\n\nconst emit = defineEmits(['click'])\n\n// Bar class based on status\nconst barClass = computed(() => {\n  const statusMap = {\n    active: 'bg-main',\n    completed: 'bg-green',\n    canceled: 'bg-red',\n    pending : 'bg-grey',\n    default: 'bg-second'\n  }\n  \n  return statusMap[props.bar.status] || statusMap.default\n})\n\n// Bar style\nconst barStyle = computed(() => ({\n  left: props.bar.left + 'px',\n  width: props.bar.width + 'px',\n  top: (10 + props.bar.row * 22) + 'px',\n  height: '20px',\n  zIndex: 10 - props.bar.row\n}))\n</script>\n\n<style>\n.gantt-bar {\n  max-height: 20px;\n  line-height: 20px;\n}\n</style>"],"names":["computed"],"mappings":";;;;;;;;;;;;;AAgBA,UAAM,QAAQ;AAQd,UAAM,WAAWA,IAAAA,SAAS,MAAM;AAC9B,YAAM,YAAY;AAAA,QAChB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAU;AAAA,QACV,SAAS;AAAA,MACb;AAEE,aAAO,UAAU,MAAM,IAAI,MAAM,KAAK,UAAU;AAAA,IAClD,CAAC;AAGD,UAAM,WAAWA,IAAAA,SAAS,OAAO;AAAA,MAC/B,MAAM,MAAM,IAAI,OAAO;AAAA,MACvB,OAAO,MAAM,IAAI,QAAQ;AAAA,MACzB,KAAM,KAAK,MAAM,IAAI,MAAM,KAAM;AAAA,MACjC,QAAQ;AAAA,MACR,QAAQ,KAAK,MAAM,IAAI;AAAA,IACzB,EAAE;;;;;;;;;;;;;"}

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

@@ -1,403 +0,0 @@
-"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 GanttToolbar = require("./GanttToolbar.vue.cjs");
-const GanttHeaderCell = require("./GanttHeaderCell.vue.cjs");
-const GanttBar = require("./GanttBar.vue.cjs");
-;/* 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-black-transp-10" };
-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-black-transp-10" };
-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 container = vue.ref(null);
-    const scrollLeft = vue.ref(0);
-    const cellWidth = vue.computed(() => {
-      const view = props.views.find((v) => v.value === props.view);
-      return view?.width || 60;
-    });
-    const visibleCells = vue.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 getNestedValue = (obj, path) => {
-      return path.split(".").reduce((current, key) => current?.[key], obj);
-    };
-    const groups = vue.computed(() => {
-      const map = /* @__PURE__ */ new Map();
-      props.items.forEach((item) => {
-        const key = getNestedValue(item, props.groupBy) || "Ungrouped";
-        if (!map.has(key)) {
-          map.set(key, {
-            key,
-            title: key,
-            items: [],
-            status: getNestedValue(item, props.statusKey)
-          });
-        }
-        map.get(key).items.push(item);
-      });
-      return Array.from(map.values());
-    });
-    const getCellClass = (cell) => {
-      const classes = [];
-      const now = dayjs_min.default();
-      switch (cell.type) {
-        case "hour":
-          if (dayjs_min.default(cell.date).isSame(now, "day") && cell.hour === now.hour()) {
-            classes.push("bg-blue-transp");
-          } else if (dayjs_min.default(cell.date).isSame(now, "day")) {
-            classes.push("bg-light");
-          }
-          break;
-        case "day":
-          const day = dayjs_min.default(cell.date).day();
-          if (day === 0 || day === 6) classes.push("bg-light");
-          if (dayjs_min.default(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 = getNestedValue(item, props.startKey);
-          const end = getNestedValue(item, props.endKey);
-          if (!start || !end) return;
-          const s = start instanceof Date ? new Date(start) : dayjs_min.default(start).toDate();
-          const e = end instanceof Date ? new Date(end) : dayjs_min.default(end).toDate();
-          if (isNaN(s.getTime()) || isNaN(e.getTime())) {
-            console.warn(`Invalid dates for item ${getNestedValue(item, props.idKey)}:`, { start, end });
-            return;
-          }
-          console.log("Processing item:", {
-            id: getNestedValue(item, props.idKey),
-            start: s,
-            end: e,
-            dateRange: props.dateRange
-          });
-          if (e < props.dateRange.start || s > props.dateRange.end) {
-            console.log("Item skipped - outside visible range");
-            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: `${getNestedValue(item, props.idKey)}-${s.getTime()}`,
-            item,
-            left,
-            width,
-            row,
-            status: getNestedValue(item, props.statusKey) || "default"
-          });
-        } catch (error) {
-          console.error(`Error processing item ${getNestedValue(item, props.idKey)}:`, error);
-        }
-      });
-      console.log("Final bars result:", result);
-      return result;
-    };
-    const handleScroll = (event) => {
-      if (!container.value) return;
-      const el = event.target;
-      scrollLeft.value = el.scrollLeft;
-    };
-    vue.onUnmounted(() => {
-    });
-    const centerOnDate = (targetDate) => {
-      if (!container.value) return;
-      vue.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_min.default(c.date).isSame(targetDate, "day") && c.hour === targetDate.getHours()
-            );
-            break;
-          case "days":
-            cellIndex = cells.findIndex(
-              (c) => c.type === "day" && dayjs_min.default(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);
-        }
-      });
-    };
-    vue.watch(() => props.view, () => {
-      centerOnDate(props.date);
-    });
-    vue.watch(() => props.date, (newDate) => {
-      centerOnDate(newDate);
-    });
-    vue.watch(() => props.dateRange, () => {
-      if (container.value) {
-        container.value.scrollLeft = 0;
-      }
-    }, { deep: true });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "w-100",
-        style: vue.normalizeStyle({ "--cell-width": cellWidth.value + "px" })
-      }, [
-        vue.createVNode(GanttToolbar.default, {
-          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")),
-          onLoadMore: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("load-more", $event))
-        }, null, 8, ["view", "views", "date"]),
-        vue.createElementVNode("div", {
-          class: "gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-black-transp-10",
-          ref_key: "container",
-          ref: container,
-          onScroll: handleScroll
-        }, [
-          vue.createElementVNode("div", _hoisted_1, [
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.createElementVNode("div", _hoisted_3, [
-                _cache[4] || (_cache[4] = vue.createElementVNode("div", { class: "gantt-product-col pos-sticky left-0 z-index-3 bg-light pd-small br-r br-solid br-black-transp-10" }, " Product ", -1)),
-                vue.createElementVNode("div", _hoisted_4, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleCells.value, (cell, i) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: cell.key,
-                      class: vue.normalizeClass(["gantt-cell br-r br-solid br-black-transp-10 t-center pd-small", getCellClass(cell)]),
-                      style: vue.normalizeStyle({ width: cellWidth.value + "px" })
-                    }, [
-                      vue.createVNode(GanttHeaderCell.default, {
-                        cell,
-                        view: __props.view,
-                        index: i
-                      }, null, 8, ["cell", "view", "index"])
-                    ], 6);
-                  }), 128))
-                ])
-              ])
-            ]),
-            vue.createElementVNode("div", _hoisted_5, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(groups.value, (group, i) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: group.key,
-                  class: vue.normalizeClass(["gantt-row flex br-b br-solid br-black-transp-10", i % 2 === 0 ? "bg-light-transp" : ""]),
-                  style: vue.normalizeStyle({ height: __props.rowHeight + "px" })
-                }, [
-                  vue.createElementVNode("div", _hoisted_6, [
-                    vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(group.title), 1),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["t-micro", statusClass(group)])
-                    }, vue.toDisplayString(group.status), 3)
-                  ]),
-                  vue.createElementVNode("div", _hoisted_8, [
-                    vue.createElementVNode("div", _hoisted_9, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleCells.value, (cell) => {
-                        return vue.openBlock(), vue.createElementBlock("div", {
-                          key: cell.key + "-bg",
-                          class: vue.normalizeClass(["gantt-cell h-100 br-r br-solid br-black-transp-10", getCellClass(cell)]),
-                          style: vue.normalizeStyle({ width: cellWidth.value + "px" })
-                        }, null, 6);
-                      }), 128))
-                    ]),
-                    vue.createElementVNode("div", _hoisted_10, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getBars(group), (bar) => {
-                        return vue.openBlock(), vue.createBlock(GanttBar.default, {
-                          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);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=GanttChart.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GanttChart.vue.cjs","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      @load-more=\"$emit('load-more', $event)\"\n    />\n    \n    <div \n      class=\"gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-black-transp-10\"\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-black-transp-10\">\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-black-transp-10\">\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-black-transp-10 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-black-transp-10\"\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-black-transp-10\">\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-black-transp-10\"\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)\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// Helper function to get nested property value\nconst getNestedValue = (obj, path) => {\n  return path.split('.').reduce((current, key) => current?.[key], obj)\n}\n\n// Groups\nconst groups = computed(() => {\n  const map = new Map()\n  \n  props.items.forEach(item => {\n    const key = getNestedValue(item, props.groupBy) || 'Ungrouped'\n    \n    if (!map.has(key)) {\n      map.set(key, {\n        key,\n        title: key,\n        items: [],\n        status: getNestedValue(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 = getNestedValue(item, props.startKey)\n      const end = getNestedValue(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 ${getNestedValue(item, props.idKey)}:`, { start, end })\n        return\n      }\n    \n    console.log('Processing item:', {\n      id: getNestedValue(item, props.idKey),\n      start: s,\n      end: e,\n      dateRange: props.dateRange\n    })\n    \n    // Skip if completely outside visible range\n    if (e < props.dateRange.start || s > props.dateRange.end) {\n      console.log('Item skipped - outside visible range')\n      return\n    }\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: `${getNestedValue(item, props.idKey)}-${s.getTime()}`,\n        item,\n        left,\n        width,\n        row,\n        status: getNestedValue(item, props.statusKey) || 'default'\n      })\n    } catch (error) {\n      console.error(`Error processing item ${getNestedValue(item, props.idKey)}:`, error)\n    }\n  })\n  \n  console.log('Final bars result:', result)\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 = (event) => {\n  if (!container.value) return\n  \n  const el = event.target\n  scrollLeft.value = el.scrollLeft\n}\n\n// Cleanup\nonUnmounted(() => {\n  // No cleanup needed\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\n// Watch for date changes (e.g., when Today button is clicked)\nwatch(() => props.date, (newDate) => {\n  // Center on the new date, especially important for hours view\n  centerOnDate(newDate)\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":["ref","computed","dayjs","onUnmounted","nextTick","watch"],"mappings":"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"}

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

@@ -1,52 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;"}