@ozdao/martyrs 0.2.604 → 0.2.605

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      @load-more=\"$emit('load-more', $event)\"\n    />\n    \n    <div \n      class=\"gantt-container scroller o-scroll bg-white radius-small 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-1px 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-1px 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-1px 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-1px 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-1px br-black-transp-10\">\n              <div class=\"fw-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-1px 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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"}
+{"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', '--product-col-width': productColWidth + '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 class=\"pos-relative\">\n      <!-- Resize handle overlay — full height, sticks to column edge -->\n      <div\n        class=\"gantt-resize-overlay\"\n        :style=\"{ left: productColWidth + 'px' }\"\n      >\n        <div\n          class=\"gantt-resize-handle\"\n          @mousedown.prevent=\"onResizeStart\"\n          @touchstart.prevent=\"onResizeStart\"\n        />\n      </div>\n\n      <div\n        class=\"gantt-container scroller o-scroll bg-white radius-small\"\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\">\n            <div class=\"flex\">\n              <div class=\"gantt-product-col gantt-border-r pos-sticky left-0 bg-light pd-small\" style=\"z-index: 30\">\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 gantt-border-r 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\"\n            :class=\"i % 2 === 0 ? 'bg-light-transp' : ''\"\n            :style=\"{ height: rowHeight + 'px' }\"\n          >\n            <div class=\"gantt-product-col gantt-border-r pos-sticky left-0 pd-small flex-v-center flex\" :class=\"i % 2 === 0 ? 'bg-light' : 'bg-white'\" style=\"z-index: 20\">\n              <slot name=\"product-col\" :group=\"group\" :index=\"i\">\n                <div class=\"fw-medium truncate\">{{ group.title }}</div>\n              </slot>\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 gantt-border-r\"\n                  :class=\"[getCellClass(cell), { 'gantt-cell-interactive': (!group.data?.isProductRow || !group.data?.hasVariants) && !isCellOccupied(group, cell) }]\"\n                  :style=\"{ width: cellWidth + 'px' }\"\n                  @click=\"(!group.data?.isProductRow || !group.data?.hasVariants) && !isCellOccupied(group, cell) && $emit('cell-click', { group, cell })\"\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  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onUnmounted, watch, nextTick, shallowRef, onMounted, onBeforeUnmount } 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 { mixins } from '@martyrs/src/modules/core/core.client.js'\nimport GanttToolbar from './GanttToolbar.vue'\nimport GanttHeaderCell from './GanttHeaderCell.vue'\nimport GanttBar from './GanttBar.vue'\n\nconst { isPhone } = mixins.useGlobalMixins()\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  externalGroups: { type: Array, default: () => [] }\n})\n\nconst emit = defineEmits([\n  'update:view',\n  'update:date',\n  'update:dateRange',\n  'load-more',\n  'item-click',\n  'cell-click',\n  'today'\n])\n\n// State\nconst container = ref(null)\nconst scrollLeft = ref(0)\n\n// Product column resize\nconst productColWidth = ref(isPhone() ? 100 : 200)\nconst isResizing = ref(false)\nlet resizeStartX = 0\nlet resizeStartWidth = 0\n\nconst onResizeStart = (e) => {\n  isResizing.value = true\n  const event = e.touches ? e.touches[0] : e\n  resizeStartX = event.clientX\n  resizeStartWidth = productColWidth.value\n  document.addEventListener('mousemove', onResizeMove)\n  document.addEventListener('mouseup', onResizeEnd)\n  document.addEventListener('touchmove', onResizeMove, { passive: false })\n  document.addEventListener('touchend', onResizeEnd)\n}\n\nconst onResizeMove = (e) => {\n  if (!isResizing.value) return\n  if (e.touches) e.preventDefault()\n  const event = e.touches ? e.touches[0] : e\n  const diff = event.clientX - resizeStartX\n  productColWidth.value = Math.max(60, Math.min(400, resizeStartWidth + diff))\n}\n\nconst onResizeEnd = () => {\n  isResizing.value = false\n  document.removeEventListener('mousemove', onResizeMove)\n  document.removeEventListener('mouseup', onResizeEnd)\n  document.removeEventListener('touchmove', onResizeMove)\n  document.removeEventListener('touchend', onResizeEnd)\n}\n\nonBeforeUnmount(() => {\n  onResizeEnd()\n})\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  if (props.externalGroups.length > 0) {\n    // Merge items from props.items into external groups by groupBy key\n    const itemsByGroup = new Map()\n    props.items.forEach(item => {\n      const key = getNestedValue(item, props.groupBy) || 'Ungrouped'\n      if (!itemsByGroup.has(key)) itemsByGroup.set(key, [])\n      itemsByGroup.get(key).push(item)\n    })\n    return props.externalGroups.map(g => ({\n      ...g,\n      items: itemsByGroup.get(g.key) || []\n    }))\n  }\n\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: getNestedValue(item, props.titleKey) || 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: 'opacity-50'\n  }\n  return map[s] || map.default\n}\n\n// Check if a cell is occupied by any bar in the group\nconst isCellOccupied = (group, cell) => {\n  if (!group.items?.length) return false\n  const cellDate = new Date(cell.date)\n  let cellStart, cellEnd\n  if (cell.type === 'hour') {\n    cellStart = cellDate\n    cellEnd = new Date(cellDate.getTime() + 60 * 60 * 1000)\n  } else if (cell.type === 'day') {\n    cellStart = new Date(cellDate); cellStart.setHours(0, 0, 0, 0)\n    cellEnd = new Date(cellDate); cellEnd.setHours(23, 59, 59, 999)\n  } else {\n    cellStart = cellDate\n    cellEnd = new Date(cellDate.getTime() + 7 * 24 * 60 * 60 * 1000)\n  }\n  return group.items.some(item => {\n    const s = new Date(getNestedValue(item, props.startKey))\n    const e = new Date(getNestedValue(item, props.endKey))\n    if (isNaN(s.getTime()) || isNaN(e.getTime())) return false\n    return s < cellEnd && e > cellStart\n  })\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  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  border: 1px solid rgba(var(--black), 0.1);\n}\n\n.gantt-content {\n  width: fit-content;\n  min-width: 100%;\n}\n\n.gantt-header {\n  border-bottom: 1px solid rgba(var(--black), 0.1);\n}\n\n.gantt-product-col {\n  width: var(--product-col-width, 200px);\n  min-width: var(--product-col-width, 200px);\n  flex-shrink: 0;\n}\n\n.gantt-resize-overlay {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  z-index: 40;\n  pointer-events: none;\n}\n\n.gantt-resize-handle {\n  position: absolute;\n  left: -4px;\n  top: 0;\n  bottom: 0;\n  width: 8px;\n  cursor: col-resize;\n  pointer-events: auto;\n}\n\n.gantt-resize-handle::after {\n  content: '';\n  position: absolute;\n  left: 3px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: rgba(var(--black), 0.15);\n}\n\n.gantt-resize-handle:hover::after,\n.gantt-resize-handle:active::after {\n  background: rgba(var(--second), 0.5);\n  width: 3px;\n}\n\n.gantt-border-r {\n  border-right: 1px solid rgba(var(--black), 0.1);\n}\n\n.gantt-timeline {\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  border-bottom: 1px solid rgba(var(--black), 0.06);\n}\n\n.gantt-cells,\n.gantt-bars {\n  width: fit-content;\n  left: 0;\n}\n\n.gantt-cell-interactive {\n  cursor: pointer;\n  position: relative;\n}\n\n.gantt-cell-interactive:hover::after {\n  content: '+';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 18px;\n  font-weight: bold;\n  color: rgba(0, 0, 0, 0.25);\n  pointer-events: none;\n}\n\n.gantt-cell-interactive:hover {\n  background: rgba(0, 0, 0, 0.04);\n}\n\n.bg-light-transp {\n  background: rgba(var(--light), 0.5);\n}\n\n.bg-blue-transp {\n  background: rgba(var(--second), 0.08);\n}\n</style>"],"names":["mixins.useGlobalMixins"],"mappings":"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"}

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

@@ -8,9 +8,9 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "t-small" };
 const _hoisted_4 = { class: "fw-medium" };
-const _hoisted_5 = { class: "t-micro t-transp" };
+const _hoisted_5 = { class: "t-micro opacity-50" };
 const _hoisted_6 = { class: "t-small" };
-const _hoisted_7 = { class: "t-micro t-transp" };
+const _hoisted_7 = { class: "t-micro opacity-50" };
 const _sfc_main = {
   __name: "GanttHeaderCell",
   props: {

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

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

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

@@ -7,7 +7,7 @@ import Calendar from "../../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "./DateLabel.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_1 = { class: "flex-nowrap w-100 flex bg-light pd-small radius-medium mn-b-small o-x-scroll scroll-hide" };
 const _hoisted_2 = { class: "flex w-100 gap-micro flex-v-center flex-nowrap" };
 const _hoisted_3 = { class: "flex h-100 flex-v-center" };
 const _sfc_main = {
@@ -49,7 +49,7 @@ const _sfc_main = {
         props: {
           dateText
         },
-        class: "cursor-pointer"
+        class: "cursor-pointer ws-nowrap"
       };
     });
     const selectedDate = ref(props.date);

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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 o-x-scroll scroll-hide\">\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 ws-nowrap'\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}