@ozdao/martyrs 0.2.492 → 0.2.494

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

@@ -1 +1 @@
-{"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    />\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":["ref","computed","dayjs","onUnmounted","nextTick","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAUb,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAC1B,UAAM,aAAaA,IAAAA,IAAI,CAAC;AACxB,UAAM,cAAcA,IAAAA,IAAI,IAAI;AAG5B,UAAM,YAAYC,IAAAA,SAAS,MAAM;AAC/B,YAAM,OAAO,MAAM,MAAM,KAAK,OAAK,EAAE,UAAU,MAAM,IAAI;AACzD,aAAO,MAAM,SAAS;AAAA,IACxB,CAAC;AAGD,UAAM,eAAeA,IAAAA,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,SAASA,IAAAA,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,MAAMC,UAAAA,QAAK;AAEjB,cAAQ,KAAK,MAAI;AAAA,QACf,KAAK;AACH,cAAIA,kBAAM,KAAK,IAAI,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,SAAS,IAAI,KAAI,GAAI;AACnE,oBAAQ,KAAK,gBAAgB;AAAA,UAC/B,WAAWA,UAAAA,QAAM,KAAK,IAAI,EAAE,OAAO,KAAK,KAAK,GAAG;AAC9C,oBAAQ,KAAK,UAAU;AAAA,UACzB;AACA;AAAA,QAEF,KAAK;AACH,gBAAM,MAAMA,UAAAA,QAAM,KAAK,IAAI,EAAE,IAAG;AAChC,cAAI,QAAQ,KAAK,QAAQ,EAAG,SAAQ,KAAK,UAAU;AACnD,cAAIA,UAAAA,QAAM,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,IAAIA,UAAAA,QAAM,KAAK,EAAE,OAAM;AACvE,gBAAM,IAAI,eAAe,OAAO,IAAI,KAAK,GAAG,IAAIA,UAAAA,QAAM,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;AAGNC,QAAAA,YAAY,MAAM;AAChB,mBAAa,OAAM;AAAA,IACrB,CAAC;AAGD,UAAM,eAAe,CAAC,eAAe;AACnC,UAAI,CAAC,UAAU,MAAO;AAEtBC,UAAAA,SAAS,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,UACXF,UAAAA,QAAM,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,SACXA,UAAAA,QAAM,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;AAGAG,QAAAA,MAAM,MAAM,MAAM,MAAM,MAAM;AAE5B,mBAAa,MAAM,IAAI;AAAA,IACzB,CAAC;AAEDA,QAAAA,MAAM,MAAM,MAAM,WAAW,MAAM;AAEjC,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,aAAa;AAAA,MAC/B;AAAA,IACF,GAAG,EAAE,MAAM,KAAI,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/GanttChart.vue.js

@@ -1,15 +1,15 @@
-import { ref, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeStyle, createVNode, createElementVNode, unref, Fragment, renderList, normalizeClass, toDisplayString, createBlock, nextTick } from "vue";
+import { ref, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeStyle, createVNode, createElementVNode, 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_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-grey-transp" };
+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" };
@@ -48,10 +48,8 @@ const _sfc_main = {
   ],
   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;
@@ -103,16 +101,19 @@ const _sfc_main = {
       }
       return cells;
     });
+    const getNestedValue = (obj, path) => {
+      return path.split(".").reduce((current, key) => current?.[key], obj);
+    };
     const groups = computed(() => {
       const map = /* @__PURE__ */ new Map();
       props.items.forEach((item) => {
-        const key = item[props.groupBy] || "Ungrouped";
+        const key = getNestedValue(item, props.groupBy) || "Ungrouped";
         if (!map.has(key)) {
           map.set(key, {
             key,
             title: key,
             items: [],
-            status: item[props.statusKey]
+            status: getNestedValue(item, props.statusKey)
           });
         }
         map.get(key).items.push(item);
@@ -158,16 +159,25 @@ const _sfc_main = {
       const rows = [];
       group.items.forEach((item) => {
         try {
-          const start = item[props.startKey];
-          const end = item[props.endKey];
+          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(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 });
+            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;
           }
-          if (e < props.dateRange.start || s > props.dateRange.end) return;
           let left = 0;
           let width = 0;
           const minWidth = cellWidth.value * 0.1;
@@ -242,73 +252,26 @@ const _sfc_main = {
             }
           }
           result.push({
-            key: `${item[props.idKey]}-${s.getTime()}`,
+            key: `${getNestedValue(item, props.idKey)}-${s.getTime()}`,
             item,
             left,
             width,
             row,
-            status: item[props.statusKey] || "default"
+            status: getNestedValue(item, props.statusKey) || "default"
           });
         } catch (error) {
-          console.error(`Error processing item ${item[props.idKey]}:`, error);
+          console.error(`Error processing item ${getNestedValue(item, props.idKey)}:`, error);
         }
       });
+      console.log("Final bars result:", result);
       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) => {
+    const handleScroll = (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;
@@ -342,6 +305,9 @@ const _sfc_main = {
     watch(() => props.view, () => {
       centerOnDate(props.date);
     });
+    watch(() => props.date, (newDate) => {
+      centerOnDate(newDate);
+    });
     watch(() => props.dateRange, () => {
       if (container.value) {
         container.value.scrollLeft = 0;
@@ -358,23 +324,24 @@ const _sfc_main = {
           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"))
+          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"]),
         createElementVNode("div", {
-          class: "gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-grey-transp",
+          class: "gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-black-transp-10",
           ref_key: "container",
           ref: container,
-          onScroll: _cache[3] || (_cache[3] = (...args) => unref(handleScroll) && unref(handleScroll)(...args))
+          onScroll: handleScroll
         }, [
           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)),
+                _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-black-transp-10" }, " 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)]),
+                      class: normalizeClass(["gantt-cell br-r br-solid br-black-transp-10 t-center pd-small", getCellClass(cell)]),
                       style: normalizeStyle({ width: cellWidth.value + "px" })
                     }, [
                       createVNode(_sfc_main$2, {
@@ -391,7 +358,7 @@ const _sfc_main = {
               (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" : ""]),
+                  class: normalizeClass(["gantt-row flex br-b br-solid br-black-transp-10", i % 2 === 0 ? "bg-light-transp" : ""]),
                   style: normalizeStyle({ height: __props.rowHeight + "px" })
                 }, [
                   createElementVNode("div", _hoisted_6, [
@@ -405,7 +372,7 @@ const _sfc_main = {
                       (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)]),
+                          class: normalizeClass(["gantt-cell h-100 br-r br-solid br-black-transp-10", getCellClass(cell)]),
                           style: normalizeStyle({ width: cellWidth.value + "px" })
                         }, null, 6);
                       }), 128))

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

@@ -1 +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":"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"}
+{"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      @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":[],"mappings":"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"}

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

@@ -91,6 +91,7 @@ const _sfc_main = {
       if (newSelectedDate) {
         const newDate = new Date(newSelectedDate);
         emit("update:date", newDate);
+        emit("load-more", "refresh");
       }
     };
     vue.watch(() => props.date, (newDate) => {
@@ -120,7 +121,7 @@ const _sfc_main = {
             vue.createVNode(Dropdown.default, {
               label: dateLabel.value,
               align: "left",
-              class: "pos-relative h-100 bg-white radius-small pd-thin"
+              class: "pos-relative z-index-3 h-100 bg-white radius-small pd-thin"
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(Calendar.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"GanttToolbar.vue.cjs","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttToolbar.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap w-100 flex bg-light pd-small radius-medium mn-b-small\">\n    <div class=\"flex w-100 gap-micro flex-v-center flex-nowrap\">\n      <Tab\n        :selected=\"view\"\n        :tabs=\"tabs\"\n        @tab-click=\"$emit('update:view', $event.tab.value)\"\n        class=\"mn-r-auto h-100 flex-child-default o-hidden pd-nano radius-small bg-white\"\n        classTab=\"pd-thin radius-thin\"\n      />\n\n      <Button \n        @click=\"navPrev\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Previous period\"\n      >\n        <IconChevronLeft class=\"i-small\"/>\n      </Button>\n      \n      <div class=\"flex h-100 flex-v-center\">\n        <Dropdown \n          :label=\"dateLabel\"\n          align=\"left\"\n          class=\"pos-relative h-100 bg-white radius-small pd-thin\"\n        >\n          <Calendar \n            v-model:date=\"selectedDate\"\n            @update:date=\"updateDate\"\n            class=\"bg-white radius-small pd-small\"\n          />\n        </Dropdown>\n      </div>\n      \n      <Button \n        @click=\"navNext\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Next period\"\n      >\n        <IconChevronRight class=\"i-small\"/>\n      </Button>\n      \n      <Button \n        @click=\"$emit('today')\" \n        class=\"pd-r-small pd-l-small radius-small bg-second t-white mn-l-thin\"\n      >\n        Today\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue'\nimport dayjs from 'dayjs'\n\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport DateLabel from './DateLabel.vue'\n\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue'\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue'\n\nconst props = defineProps({\n  view: { type: String, required: true },\n  views: { type: Array, required: true },\n  date: { type: Date, required: true }\n})\n\nconst emit = defineEmits(['update:view', 'update:date', 'today'])\n\n// View tabs\nconst tabs = computed(() => \n  props.views.map(v => ({\n    name: v.name,\n    label: v.name,\n    value: v.value\n  }))\n)\n\n// Date label based on view\nconst dateLabel = computed(() => {\n  const d = dayjs(props.date)\n  \n  let dateText\n  switch (props.view) {\n    case 'hours':\n      dateText = d.format('DD/MM/YYYY')\n      break\n    case 'days':\n      dateText = d.format('MMMM YYYY')\n      break\n    case 'weeks':\n      dateText = d.format('MMMM YYYY')\n      break\n    default:\n      dateText = d.format('MMMM YYYY')\n  }\n  \n  return {\n    component: DateLabel,\n    props: {\n      dateText\n    },\n    class: 'cursor-pointer'\n  }\n})\n\n// Selected date for calendar\nconst selectedDate = ref(props.date)\n\n// Navigation\nconst navPrev = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.subtract(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst navNext = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.add(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.add(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.add(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst updateDate = (newSelectedDate) => {\n  if (newSelectedDate) {\n    const newDate = new Date(newSelectedDate)\n    emit('update:date', newDate)\n  }\n}\n\n// Watch for props.date changes to update selectedDate\nwatch(() => props.date, (newDate) => {\n  selectedDate.value = newDate\n})\n</script>"],"names":["computed","dayjs","DateLabel","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,QAAQ;AAMd,UAAM,OAAO;AAGb,UAAM,OAAOA,IAAAA;AAAAA,MAAS,MACpB,MAAM,MAAM,IAAI,QAAM;AAAA,QACpB,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,MACb,EAAI;AAAA,IACJ;AAGA,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,YAAM,IAAIC,kBAAM,MAAM,IAAI;AAE1B,UAAI;AACJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,qBAAW,EAAE,OAAO,YAAY;AAChC;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF;AACE,qBAAW,EAAE,OAAO,WAAW;AAAA,MACrC;AAEE,aAAO;AAAA,QACL,WAAWC,UAAAA;AAAAA,QACX,OAAO;AAAA,UACL;AAAA,QACN;AAAA,QACI,OAAO;AAAA,MACX;AAAA,IACA,CAAC;AAGD,UAAM,eAAeC,IAAAA,IAAI,MAAM,IAAI;AAGnC,UAAM,UAAU,MAAM;AACpB,YAAM,IAAIF,kBAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,KAAK,EAAE,OAAM;AACrC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,UAAU,MAAM;AACpB,YAAM,IAAIA,kBAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,KAAK,EAAE,OAAM;AAChC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,aAAa,CAAC,oBAAoB;AACtC,UAAI,iBAAiB;AACnB,cAAM,UAAU,IAAI,KAAK,eAAe;AACxC,aAAK,eAAe,OAAO;AAAA,MAC7B;AAAA,IACF;AAGAG,QAAAA,MAAM,MAAM,MAAM,MAAM,CAAC,YAAY;AACnC,mBAAa,QAAQ;AAAA,IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"GanttToolbar.vue.cjs","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttToolbar.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap w-100 flex bg-light pd-small radius-medium mn-b-small\">\n    <div class=\"flex w-100 gap-micro flex-v-center flex-nowrap\">\n      <Tab\n        :selected=\"view\"\n        :tabs=\"tabs\"\n        @tab-click=\"$emit('update:view', $event.tab.value)\"\n        class=\"mn-r-auto h-100 flex-child-default o-hidden pd-nano radius-small bg-white\"\n        classTab=\"pd-thin radius-thin\"\n      />\n\n      <Button \n        @click=\"navPrev\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Previous period\"\n      >\n        <IconChevronLeft class=\"i-small\"/>\n      </Button>\n      \n      <div class=\"flex h-100 flex-v-center\">\n        <Dropdown \n          :label=\"dateLabel\"\n          align=\"left\"\n          class=\"pos-relative z-index-3 h-100 bg-white radius-small pd-thin\"\n        >\n          <Calendar \n            v-model:date=\"selectedDate\"\n            @update:date=\"updateDate\"\n            class=\"bg-white radius-small pd-small\"\n          />\n        </Dropdown>\n      </div>\n      \n      <Button \n        @click=\"navNext\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Next period\"\n      >\n        <IconChevronRight class=\"i-small\"/>\n      </Button>\n      \n      <Button \n        @click=\"$emit('today')\" \n        class=\"pd-r-small pd-l-small radius-small bg-second t-white mn-l-thin\"\n      >\n        Today\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue'\nimport dayjs from 'dayjs'\n\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport DateLabel from './DateLabel.vue'\n\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue'\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue'\n\nconst props = defineProps({\n  view: { type: String, required: true },\n  views: { type: Array, required: true },\n  date: { type: Date, required: true }\n})\n\nconst emit = defineEmits(['update:view', 'update:date', 'today'])\n\n// View tabs\nconst tabs = computed(() => \n  props.views.map(v => ({\n    name: v.name,\n    label: v.name,\n    value: v.value\n  }))\n)\n\n// Date label based on view\nconst dateLabel = computed(() => {\n  const d = dayjs(props.date)\n  \n  let dateText\n  switch (props.view) {\n    case 'hours':\n      dateText = d.format('DD/MM/YYYY')\n      break\n    case 'days':\n      dateText = d.format('MMMM YYYY')\n      break\n    case 'weeks':\n      dateText = d.format('MMMM YYYY')\n      break\n    default:\n      dateText = d.format('MMMM YYYY')\n  }\n  \n  return {\n    component: DateLabel,\n    props: {\n      dateText\n    },\n    class: 'cursor-pointer'\n  }\n})\n\n// Selected date for calendar\nconst selectedDate = ref(props.date)\n\n// Navigation\nconst navPrev = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.subtract(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst navNext = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.add(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.add(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.add(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst updateDate = (newSelectedDate) => {\n  if (newSelectedDate) {\n    const newDate = new Date(newSelectedDate)\n    emit('update:date', newDate)\n    // Emit load-more event to trigger data loading for new date\n    emit('load-more', 'refresh')\n  }\n}\n\n// Watch for props.date changes to update selectedDate\nwatch(() => props.date, (newDate) => {\n  selectedDate.value = newDate\n})\n</script>"],"names":["computed","dayjs","DateLabel","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,QAAQ;AAMd,UAAM,OAAO;AAGb,UAAM,OAAOA,IAAAA;AAAAA,MAAS,MACpB,MAAM,MAAM,IAAI,QAAM;AAAA,QACpB,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,MACb,EAAI;AAAA,IACJ;AAGA,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,YAAM,IAAIC,kBAAM,MAAM,IAAI;AAE1B,UAAI;AACJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,qBAAW,EAAE,OAAO,YAAY;AAChC;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF;AACE,qBAAW,EAAE,OAAO,WAAW;AAAA,MACrC;AAEE,aAAO;AAAA,QACL,WAAWC,UAAAA;AAAAA,QACX,OAAO;AAAA,UACL;AAAA,QACN;AAAA,QACI,OAAO;AAAA,MACX;AAAA,IACA,CAAC;AAGD,UAAM,eAAeC,IAAAA,IAAI,MAAM,IAAI;AAGnC,UAAM,UAAU,MAAM;AACpB,YAAM,IAAIF,kBAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,KAAK,EAAE,OAAM;AACrC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,UAAU,MAAM;AACpB,YAAM,IAAIA,kBAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,KAAK,EAAE,OAAM;AAChC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,aAAa,CAAC,oBAAoB;AACtC,UAAI,iBAAiB;AACnB,cAAM,UAAU,IAAI,KAAK,eAAe;AACxC,aAAK,eAAe,OAAO;AAE3B,aAAK,aAAa,SAAS;AAAA,MAC7B;AAAA,IACF;AAGAG,QAAAA,MAAM,MAAM,MAAM,MAAM,CAAC,YAAY;AACnC,mBAAa,QAAQ;AAAA,IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,8 +5,8 @@ import _sfc_main$3 from "../../../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue.js";
 import Calendar from "../../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "./DateLabel.vue.js";
-import IconChevronRight from "../../../../../icons/navigation/IconChevronRight.vue.js";
-import IconChevronLeft from "../../../../../icons/navigation/IconChevronLeft.vue.js";
+import IconNext from "../../../../../icons/navigation/IconChevronRight.vue.js";
+import IconPrevious from "../../../../../icons/navigation/IconChevronLeft.vue.js";
 const _hoisted_1 = { class: "flex-nowrap w-100 flex bg-light pd-small radius-medium mn-b-small" };
 const _hoisted_2 = { class: "flex w-100 gap-micro flex-v-center flex-nowrap" };
 const _hoisted_3 = { class: "flex h-100 flex-v-center" };
@@ -89,6 +89,7 @@ const _sfc_main = {
       if (newSelectedDate) {
         const newDate = new Date(newSelectedDate);
         emit("update:date", newDate);
+        emit("load-more", "refresh");
       }
     };
     watch(() => props.date, (newDate) => {
@@ -110,7 +111,7 @@ const _sfc_main = {
             "aria-label": "Previous period"
           }, {
             default: withCtx(() => [
-              createVNode(IconChevronLeft, { class: "i-small" })
+              createVNode(IconPrevious, { class: "i-small" })
             ]),
             _: 1
           }),
@@ -118,7 +119,7 @@ const _sfc_main = {
             createVNode(_sfc_main$4, {
               label: dateLabel.value,
               align: "left",
-              class: "pos-relative h-100 bg-white radius-small pd-thin"
+              class: "pos-relative z-index-3 h-100 bg-white radius-small pd-thin"
             }, {
               default: withCtx(() => [
                 createVNode(Calendar, {
@@ -139,7 +140,7 @@ const _sfc_main = {
             "aria-label": "Next period"
           }, {
             default: withCtx(() => [
-              createVNode(IconChevronRight, { class: "i-small" })
+              createVNode(IconNext, { class: "i-small" })
             ]),
             _: 1
           }),

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

@@ -1 +1 @@
-{"version":3,"file":"GanttToolbar.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttToolbar.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap w-100 flex bg-light pd-small radius-medium mn-b-small\">\n    <div class=\"flex w-100 gap-micro flex-v-center flex-nowrap\">\n      <Tab\n        :selected=\"view\"\n        :tabs=\"tabs\"\n        @tab-click=\"$emit('update:view', $event.tab.value)\"\n        class=\"mn-r-auto h-100 flex-child-default o-hidden pd-nano radius-small bg-white\"\n        classTab=\"pd-thin radius-thin\"\n      />\n\n      <Button \n        @click=\"navPrev\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Previous period\"\n      >\n        <IconChevronLeft class=\"i-small\"/>\n      </Button>\n      \n      <div class=\"flex h-100 flex-v-center\">\n        <Dropdown \n          :label=\"dateLabel\"\n          align=\"left\"\n          class=\"pos-relative h-100 bg-white radius-small pd-thin\"\n        >\n          <Calendar \n            v-model:date=\"selectedDate\"\n            @update:date=\"updateDate\"\n            class=\"bg-white radius-small pd-small\"\n          />\n        </Dropdown>\n      </div>\n      \n      <Button \n        @click=\"navNext\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Next period\"\n      >\n        <IconChevronRight class=\"i-small\"/>\n      </Button>\n      \n      <Button \n        @click=\"$emit('today')\" \n        class=\"pd-r-small pd-l-small radius-small bg-second t-white mn-l-thin\"\n      >\n        Today\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue'\nimport dayjs from 'dayjs'\n\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport DateLabel from './DateLabel.vue'\n\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue'\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue'\n\nconst props = defineProps({\n  view: { type: String, required: true },\n  views: { type: Array, required: true },\n  date: { type: Date, required: true }\n})\n\nconst emit = defineEmits(['update:view', 'update:date', 'today'])\n\n// View tabs\nconst tabs = computed(() => \n  props.views.map(v => ({\n    name: v.name,\n    label: v.name,\n    value: v.value\n  }))\n)\n\n// Date label based on view\nconst dateLabel = computed(() => {\n  const d = dayjs(props.date)\n  \n  let dateText\n  switch (props.view) {\n    case 'hours':\n      dateText = d.format('DD/MM/YYYY')\n      break\n    case 'days':\n      dateText = d.format('MMMM YYYY')\n      break\n    case 'weeks':\n      dateText = d.format('MMMM YYYY')\n      break\n    default:\n      dateText = d.format('MMMM YYYY')\n  }\n  \n  return {\n    component: DateLabel,\n    props: {\n      dateText\n    },\n    class: 'cursor-pointer'\n  }\n})\n\n// Selected date for calendar\nconst selectedDate = ref(props.date)\n\n// Navigation\nconst navPrev = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.subtract(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst navNext = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.add(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.add(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.add(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst updateDate = (newSelectedDate) => {\n  if (newSelectedDate) {\n    const newDate = new Date(newSelectedDate)\n    emit('update:date', newDate)\n  }\n}\n\n// Watch for props.date changes to update selectedDate\nwatch(() => props.date, (newDate) => {\n  selectedDate.value = newDate\n})\n</script>"],"names":["DateLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,QAAQ;AAMd,UAAM,OAAO;AAGb,UAAM,OAAO;AAAA,MAAS,MACpB,MAAM,MAAM,IAAI,QAAM;AAAA,QACpB,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,MACb,EAAI;AAAA,IACJ;AAGA,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,IAAI,MAAM,MAAM,IAAI;AAE1B,UAAI;AACJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,qBAAW,EAAE,OAAO,YAAY;AAChC;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF;AACE,qBAAW,EAAE,OAAO,WAAW;AAAA,MACrC;AAEE,aAAO;AAAA,QACL,WAAWA;AAAAA,QACX,OAAO;AAAA,UACL;AAAA,QACN;AAAA,QACI,OAAO;AAAA,MACX;AAAA,IACA,CAAC;AAGD,UAAM,eAAe,IAAI,MAAM,IAAI;AAGnC,UAAM,UAAU,MAAM;AACpB,YAAM,IAAI,MAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,KAAK,EAAE,OAAM;AACrC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,UAAU,MAAM;AACpB,YAAM,IAAI,MAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,KAAK,EAAE,OAAM;AAChC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,aAAa,CAAC,oBAAoB;AACtC,UAAI,iBAAiB;AACnB,cAAM,UAAU,IAAI,KAAK,eAAe;AACxC,aAAK,eAAe,OAAO;AAAA,MAC7B;AAAA,IACF;AAGA,UAAM,MAAM,MAAM,MAAM,CAAC,YAAY;AACnC,mBAAa,QAAQ;AAAA,IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"GanttToolbar.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttToolbar.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap w-100 flex bg-light pd-small radius-medium mn-b-small\">\n    <div class=\"flex w-100 gap-micro flex-v-center flex-nowrap\">\n      <Tab\n        :selected=\"view\"\n        :tabs=\"tabs\"\n        @tab-click=\"$emit('update:view', $event.tab.value)\"\n        class=\"mn-r-auto h-100 flex-child-default o-hidden pd-nano radius-small bg-white\"\n        classTab=\"pd-thin radius-thin\"\n      />\n\n      <Button \n        @click=\"navPrev\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Previous period\"\n      >\n        <IconChevronLeft class=\"i-small\"/>\n      </Button>\n      \n      <div class=\"flex h-100 flex-v-center\">\n        <Dropdown \n          :label=\"dateLabel\"\n          align=\"left\"\n          class=\"pos-relative z-index-3 h-100 bg-white radius-small pd-thin\"\n        >\n          <Calendar \n            v-model:date=\"selectedDate\"\n            @update:date=\"updateDate\"\n            class=\"bg-white radius-small pd-small\"\n          />\n        </Dropdown>\n      </div>\n      \n      <Button \n        @click=\"navNext\" \n        class=\"bg-white aspect-1x1 pd-small radius-small\"\n        aria-label=\"Next period\"\n      >\n        <IconChevronRight class=\"i-small\"/>\n      </Button>\n      \n      <Button \n        @click=\"$emit('today')\" \n        class=\"pd-r-small pd-l-small radius-small bg-second t-white mn-l-thin\"\n      >\n        Today\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue'\nimport dayjs from 'dayjs'\n\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport DateLabel from './DateLabel.vue'\n\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue'\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue'\n\nconst props = defineProps({\n  view: { type: String, required: true },\n  views: { type: Array, required: true },\n  date: { type: Date, required: true }\n})\n\nconst emit = defineEmits(['update:view', 'update:date', 'today'])\n\n// View tabs\nconst tabs = computed(() => \n  props.views.map(v => ({\n    name: v.name,\n    label: v.name,\n    value: v.value\n  }))\n)\n\n// Date label based on view\nconst dateLabel = computed(() => {\n  const d = dayjs(props.date)\n  \n  let dateText\n  switch (props.view) {\n    case 'hours':\n      dateText = d.format('DD/MM/YYYY')\n      break\n    case 'days':\n      dateText = d.format('MMMM YYYY')\n      break\n    case 'weeks':\n      dateText = d.format('MMMM YYYY')\n      break\n    default:\n      dateText = d.format('MMMM YYYY')\n  }\n  \n  return {\n    component: DateLabel,\n    props: {\n      dateText\n    },\n    class: 'cursor-pointer'\n  }\n})\n\n// Selected date for calendar\nconst selectedDate = ref(props.date)\n\n// Navigation\nconst navPrev = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.subtract(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.subtract(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst navNext = () => {\n  const d = dayjs(props.date)\n  let newDate\n  \n  switch (props.view) {\n    case 'hours':\n      newDate = d.add(1, 'day').toDate()\n      break\n    case 'days':\n      newDate = d.add(1, 'month').toDate()\n      break\n    case 'weeks':\n      newDate = d.add(1, 'month').toDate()\n      break\n  }\n  \n  emit('update:date', newDate)\n}\n\nconst updateDate = (newSelectedDate) => {\n  if (newSelectedDate) {\n    const newDate = new Date(newSelectedDate)\n    emit('update:date', newDate)\n    // Emit load-more event to trigger data loading for new date\n    emit('load-more', 'refresh')\n  }\n}\n\n// Watch for props.date changes to update selectedDate\nwatch(() => props.date, (newDate) => {\n  selectedDate.value = newDate\n})\n</script>"],"names":["DateLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,QAAQ;AAMd,UAAM,OAAO;AAGb,UAAM,OAAO;AAAA,MAAS,MACpB,MAAM,MAAM,IAAI,QAAM;AAAA,QACpB,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,MACb,EAAI;AAAA,IACJ;AAGA,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,IAAI,MAAM,MAAM,IAAI;AAE1B,UAAI;AACJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,qBAAW,EAAE,OAAO,YAAY;AAChC;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF,KAAK;AACH,qBAAW,EAAE,OAAO,WAAW;AAC/B;AAAA,QACF;AACE,qBAAW,EAAE,OAAO,WAAW;AAAA,MACrC;AAEE,aAAO;AAAA,QACL,WAAWA;AAAAA,QACX,OAAO;AAAA,UACL;AAAA,QACN;AAAA,QACI,OAAO;AAAA,MACX;AAAA,IACA,CAAC;AAGD,UAAM,eAAe,IAAI,MAAM,IAAI;AAGnC,UAAM,UAAU,MAAM;AACpB,YAAM,IAAI,MAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,KAAK,EAAE,OAAM;AACrC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,SAAS,GAAG,OAAO,EAAE,OAAM;AACvC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,UAAU,MAAM;AACpB,YAAM,IAAI,MAAM,MAAM,IAAI;AAC1B,UAAI;AAEJ,cAAQ,MAAM,MAAI;AAAA,QAChB,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,KAAK,EAAE,OAAM;AAChC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,QACF,KAAK;AACH,oBAAU,EAAE,IAAI,GAAG,OAAO,EAAE,OAAM;AAClC;AAAA,MACN;AAEE,WAAK,eAAe,OAAO;AAAA,IAC7B;AAEA,UAAM,aAAa,CAAC,oBAAoB;AACtC,UAAI,iBAAiB;AACnB,cAAM,UAAU,IAAI,KAAK,eAAe;AACxC,aAAK,eAAe,OAAO;AAE3B,aAAK,aAAa,SAAS;AAAA,MAC7B;AAAA,IACF;AAGA,UAAM,MAAM,MAAM,MAAM,CAAC,YAAY;AACnC,mBAAa,QAAQ;AAAA,IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}