{"version":3,"sources":["webpack:///src/components/DataCalendar.vue","webpack:///./src/components/DataCalendar.vue?aee9","webpack:///./src/components/DataCalendar.vue?02b3","webpack:///./src/components/DataCalendar.vue","webpack:///./src/components/DataCalendar.vue?0000"],"names":["name","components","VLoader","VDateField","props","calHeight","String","onDataReceived","Function","getEventColor","defaultType","disableTools","Boolean","getQry","eventTemplate","eventClick","dayClick","curDate","Date","firstInterval","hideHeader","eventType","dateType","filter","calendarEvents","Array","summaryTemplate","timeSlots","Object","categoryTemplate","categoryName","categoryDays","Number","eventHeight","showMore","tableName","calModel","onDateChanged","data","fromScroll","scrollDone","mobile","selectedDate","dialog","events","originalEvents","calKey","fromCustomClick","model","type","types","refresh","loading","loadingElements","loadingText","currentDateFrame","firstHour","categories","myEvents","dailyEvents","dailyLoading","schema","isLoadingEvents","dateFrame","currentDate","mounted","this","$vuetify","breakpoint","smAndDown","beforeDestroy","dailyHeadDay","removeEventListener","onScroll","methods","calTabChanged","activeTab","getEvents","attachScrollListener","debounce","func","wait","clearTimeout","timeout","setTimeout","dailyHeadDays","length","forEach","element","addEventListener","console","warn","eventsDone","jobElements","start","firstDate","end","dateElementsArray","from","parentElements","remove","existingElement","clonedElement","cloneNode","eventTemplateDiv","querySelector","innerHTML","style","backgroundColor","getAttribute","color","push","target","appendChild","log","error","getDayMore","eventDate","formattedDate","eventsForDate","getEventStyle","$root","ajustColor","event","border","status","formatFullDate","getTime","customDayCellContent","monthName","currentMonth","d","isToday","getEventCount","evn","myDate","calDate","detail","getRest","showAll","a","date","dayClickLocal","dataObject","daily","nextMonth","$refs","calendar","next","prevMonth","prev","processedEvents","map","category","calendarChanged","typeChanged","that","dataObj","startDate","getStartOfWeek","endDate","getEndOfWeek","showTable","returnEvents","additional_data","obj_name","qry","table_name","toLowerCase","user_id","watch","computed","getWidth","w","render","_vm","_h","$createElement","_c","_self","directives","rawName","value","expression","_v","staticClass","attrs","on","$event","_s","callback","$$v","_e","staticStyle","key","ref","scopedSlots","_u","fn","day","domProps","template","month","class","stopPropagation","_l","ev","i","staticRenderFns","component","VBtn","VCalendar","VCard","VCardTitle","VDialog","VIcon","VList","VListItem","VListItemAction","VSelect","VSheet","VSkeletonLoader","VSpacer","VToolbar"],"mappings":"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","file":"js/chunk-73f8bb27.ea3cc82f.js","sourcesContent":["<template>\n  <div>\n    <div v-show=\"loading\">\n      <!-- <v-loader\n        :loadingElements=\"loadingElements\"\n        :text=\"loadingText\"\n      ></v-loader> -->\n\n      Loading Calendar...\n      <v-skeleton-loader\n        class=\"mx-auto\"\n        :tile=\"true\"\n        max-width=\"90%\"\n        type=\"heading,table-tbody\"\n        loading-text=\"Loading Calendar...\"\n      ></v-skeleton-loader>\n    </div>\n    <v-toolbar flat class=\"ma-0\" v-show=\"!disableTools && !loading\">\n      <v-btn icon class=\"ma-0\" @click=\"prevMonth()\">\n        <v-icon>mdi-chevron-left</v-icon>\n      </v-btn>\n      {{ currentMonth() }}\n      <v-spacer />\n      <v-select\n        v-if=\"type\"\n        v-model=\"type\"\n        :items=\"types\"\n        item-value=\"value\"\n        item-text=\"text\"\n        dense\n        hide-details\n        class=\"ma-2\"\n      ></v-select>\n\n      <v-spacer />\n      <v-btn icon class=\"ma-0\" @click=\"nextMonth()\">\n        <v-icon>mdi-chevron-right</v-icon>\n      </v-btn>\n    </v-toolbar>\n    <div :hidden=\"loading\" style=\"width:100%;overflow-x: auto;height:70vh\">\n      <v-sheet\n        :hidden=\"loading\"\n        class=\"pa-0\"\n        :width=\"getWidth\"\n        :height=\"calHeight || '65vh'\"\n      >\n        <!-- -->\n\n        <v-calendar\n          v-if=\"type\"\n          :key=\"calKey\"\n          v-model=\"model\"\n          @mousedown:event=\"eventClick\"\n          @change=\"calendarChanged\"\n          @click:date=\"dayClickLocal\"\n          @click:more=\"showAll\"\n          :events=\"calendarEvents || events\"\n          ref=\"calendar\"\n          :type=\"type\"\n          :event-color=\"getEventColor\"\n          :first-interval=\"firstHour\"\n          :hide-header=\"hideHeader\"\n          :event-more=\"showMore\"\n          category-show-all\n          event-overlap-mode=\"stack\"\n          :event-overlap-threshold=\"30\"\n          :interval-height=\"100\"\n          :event-height=\"eventHeight\"\n          :day-cell-content=\"customDayCellContent\"\n          :category-days=\"categoryDays\"\n          :categories=\"categories\"\n        >\n          <!-- <template\n          v-slot:day-header=\"{ day, date, month }\"\n          v-if=\"summaryTemplate && type != 'month'\"\n        >\n          {{ summaryTemplate(date) }}\n        </template>\n        <template v-slot:day-label=\"{ day, date, month }\">\n          <div :class=\"'cal-day ' + isToday(date)\" @click=\"dayClickLocal(date)\">\n            {{ day }} {{ monthName(month, date) }} {{ getEventCount(date) }}\n          </div>\n        </template> -->\n\n          <template v-if=\"type != 'month'\" v-slot:event=\"{ event, day }\">\n            <div :style=\"getEventStyle(event)\" class=\"event\">\n              <div v-if=\"event.template\" v-html=\"event.template\"></div>\n              <div class=\"ma-2\" v-else>{{ event.name }}</div>\n            </div>\n          </template>\n          <template v-else v-slot:event=\"{ event }\">\n            <div :style=\"getEventStyle(event)\">\n              {{ event.name }}\n              <!-- <div v-if=\"event.more\" class=\"text-caption grey--text\">\n                +{{ event.more }} more\n              </div> -->\n            </div>\n          </template>\n          <template v-slot:day-label=\"{ day, date, month }\">\n            <div\n              @click=\"dayClickLocal(date)\"\n              :class=\"'cal-day ' + isToday(date)\"\n            >\n              {{ day }} {{ monthName(month, date) }}\n\n              <v-btn\n                text\n                small\n                @click.stop=\"showAll({ date: date }, true)\"\n                class=\"event-more text-caption blue--text\"\n                v-if=\"getDayMore(date)\"\n              >\n                +{{ getDayMore(date) }} more\n              </v-btn>\n            </div>\n          </template>\n          <template\n            v-if=\"summaryTemplate && type != 'month'\"\n            v-slot:day-label-header=\"{ date }\"\n          >\n            <div\n              v-html=\"summaryTemplate(date, originalEvents, fromScroll)\"\n            ></div>\n          </template>\n        </v-calendar>\n        <v-dialog :width=\"mobile ? 300 : 500\" v-model=\"dialog\">\n          <v-card class=\"card-container\">\n            <v-card-title class=\"text-h5 grey lighten-2 fixed-title\">\n              {{ formatFullDate(selectedDate) }}\n            </v-card-title>\n\n            <v-skeleton-loader\n              v-if=\"dailyLoading\"\n              :loading=\"dailyLoading\"\n              type=\"article\"\n              loading-text=\"Loading Daily Events...\"\n              style=\"height: 200px;\"\n            ></v-skeleton-loader>\n\n            <v-list v-else class=\"pt-16\" dense>\n              <v-list-item\n                v-for=\"(ev, i) in dailyEvents\"\n                :key=\"i\"\n                @click=\"eventClick({ event: ev })\"\n              >\n                <v-list-item-action\n                  >{{ getTime(ev) }} {{ ev.name }}</v-list-item-action\n                >\n                <!-- <v-list-item-content\n                  :style=\"\n                    'background-color:' +\n                      ev.color +\n                      ';color:' +\n                      $root.ajustColor(ev.color)\n                  \"\n                >\n                  {{ ev.name }}\n                </v-list-item-content> -->\n              </v-list-item>\n            </v-list>\n          </v-card>\n        </v-dialog>\n      </v-sheet>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport VueAxios from \"vue-axios\";\nimport axios from \"axios\";\nVue.use(VueAxios, axios);\nimport * as fun from \"../plugins/common\";\nexport default {\n  name: \"Calendar\",\n  components: {\n    VLoader: () => import(\"./UI/Loader.vue\"),\n    VDateField: () => import(\"./DateField.vue\")\n  },\n  props: {\n    calHeight: String,\n    onDataReceived: Function,\n    getEventColor: Function,\n    defaultType: String,\n    disableTools: Boolean,\n    getQry: Function,\n    eventTemplate: Function,\n    eventClick: Function,\n    dayClick: [Function, String],\n    curDate: [String, Date],\n    firstInterval: String,\n    hideHeader: Boolean,\n    eventType: String,\n    dateType: String,\n    filter: Function,\n    calendarEvents: Array,\n    summaryTemplate: Function,\n    timeSlots: Object,\n    categoryTemplate: String,\n    categoryName: String,\n    categoryDays: Number,\n    eventHeight: Number,\n    showMore: Boolean,\n    tableName: String,\n    calModel: String,\n    onDateChanged: Function\n  },\n  data() {\n    return {\n      fromScroll: false,\n      scrollDone: false,\n      mobile: false,\n      selectedDate: \"\",\n      dialog: false,\n      events: [],\n      originalEvents: [],\n      calKey: 0,\n      fromCustomClick: false,\n      model: null,\n      type: \"\",\n      types: [],\n      refresh: true,\n      loading: false,\n      loadingElements: [\n        document.getElementsByClassName(\"v-window-item--active\")[0]\n      ],\n      loadingText: \"Loading Calendar...\",\n      currentDateFrame: null,\n      firstHour: 0,\n      categories: [],\n      myEvents: [],\n      dailyEvents: [],\n      dailyLoading: false,\n      schema: null,\n      isLoadingEvents: false,\n      dateFrame: null,\n      currentDate: null\n    };\n  },\n  mounted() {\n    var that = this;\n    this.types = [\n      { text: \"monthly schedule\", value: \"month\" },\n      { text: \"weekly dispatch\", value: \"week\" },\n      { text: \"day\", value: \"day\" }\n      // { text: this.categoryName, value: \"category\" }\n    ];\n    this.type = this.defaultType || \"month\";\n    // this.type = \"category\";\n    this.model = this.curDate || fun.formatDate(new Date(), true);\n    // if (this.firstInterval) {\n    //   this.firstHour = this.firstInterval;\n    // }\n    this.mobile = this.$vuetify.breakpoint.smAndDown;\n    // console.log(this.model);\n    const dailyHeadDay = document.querySelector(\".v-calendar-daily_head-day\");\n    if (dailyHeadDay) {\n      // dailyHeadDay.addEventListener(\"scroll\", this.onScroll);\n    }\n  },\n  beforeDestroy() {\n    // Remove scroll listener to avoid memory leaks\n    const dailyHeadDay = document.querySelector(\".v-calendar-daily_head-day\");\n    if (dailyHeadDay) {\n      dailyHeadDay.removeEventListener(\"scroll\", this.onScroll);\n    }\n  },\n  methods: {\n    calTabChanged(activeTab) {\n      // console.log(d);\n      if (!activeTab) {\n        // const cal = that.$refs.calendar;\n        this.refresh = true;\n\n        this.getEvents(this.currentDateFrame, true);\n      }\n    },\n    attachScrollListener() {\n      const dailyHeadDays = document.querySelectorAll(\n        \".v-calendar-daily_head-day\"\n      );\n      function debounce(func, wait) {\n        let timeout;\n        return function(...args) {\n          clearTimeout(timeout);\n          timeout = setTimeout(() => func.apply(this, args), wait);\n        };\n      }\n      if (dailyHeadDays.length > 0) {\n        dailyHeadDays.forEach((element, index) => {\n          // element.addEventListener(\"scroll\", event =>\n          //   this.onScroll(event, index)\n          // );\n          element.addEventListener(\n            \"scroll\",\n            debounce(event => {\n              this.onScroll(event, index);\n            }, 200)\n          );\n        });\n      } else {\n        console.warn(\n          \"No elements found with class .v-calendar-daily_head-day.\"\n        );\n      }\n    },\n    onScroll(event) {\n      // if (this.scrollDone) {\n      //   return;\n      // }\n      var eventsDone = false;\n      const target = event.target;\n      const jobElements = target.querySelectorAll(\".job\");\n      const parser = new DOMParser();\n      this.scrollDone = true;\n\n      if (jobElements.length > 0 && jobElements.length <= 4) {\n        this.fromScroll = true;\n        const firstDate = jobElements[0]\n          .closest(\"[data-date]\")\n          .getAttribute(\"data-date\");\n        // console.log(\"date:\", firstDate);\n\n        var allJobs = [];\n\n        // Filter events based on the first date\n        var currentEvents = this.events.filter(e => {\n          return fun.formatDate(e.start) === fun.formatDate(firstDate);\n        });\n        // console.log(currentEvents);\n\n        var more = 0;\n        // if (currentEvents.length) {\n        //   more = currentEvents[0].more;\n        // }\n\n        // Prevent additional calls if a request is in progress\n        if (jobElements.length <= 4 && !this.isLoadingEvents) {\n          this.isLoadingEvents = true; // Set loading flag\n          const dateFrame = {\n            start: firstDate,\n            end: firstDate\n          };\n          var dateElementsArray = Array.from(\n            target.querySelectorAll(\"[data-date]\")\n          );\n          const dataDate = fun.formatDateToISO(new Date(firstDate));\n          const existingElement = dateElementsArray.find(\n            el => el.getAttribute(\"data-date\") === dataDate\n          );\n          const elements = target.querySelectorAll(\".v-event\");\n          const parentElements = target.querySelectorAll(\"[data-date]\");\n\n          this.getEvents(dateFrame, false, true, false, events => {\n            if (dateFrame) {\n              this.calModel = dateFrame.start;\n            }\n            this.scrollDone = false;\n            if (eventsDone) {\n              return;\n            }\n\n            eventsDone = true;\n            // console.log(\"Events received:\", this.dailyEvents);\n            if (events && events.length > 0) {\n              parentElements.forEach(element => {\n                element.remove(); // Removes the element from the DOM\n              });\n              // elements.forEach((element) => element.remove());\n              // elements.forEach((element) => element.remove());\n              dateElementsArray = [];\n              events.forEach((event, i) => {\n                if (existingElement) {\n                  try {\n                    var clonedElement = existingElement.cloneNode(true);\n\n                    // Replace the content of the div with class 'event-template'\n                    var eventTemplateDiv = clonedElement.querySelector(\n                      \".event-template\"\n                    );\n                    const doc = parser.parseFromString(\n                      event.template,\n                      \"text/html\"\n                    );\n                    const element = doc.querySelector(\"[data-bgcolor]\");\n\n                    if (eventTemplateDiv) {\n                      eventTemplateDiv.innerHTML =\n                        event.template || \"No Template Available\";\n                      if (element) {\n                        clonedElement.style.backgroundColor = element.getAttribute(\n                          \"data-bgcolor\"\n                        );\n                        clonedElement.style.color = element.getAttribute(\n                          \"data-forecolor\"\n                        );\n                      }\n                    }\n\n                    // Append the cloned element to dateElements for further processing\n\n                    dateElementsArray.push(clonedElement);\n\n                    // Optionally append to the DOM if required\n\n                    target.appendChild(clonedElement);\n                    // console.log(i, events.length);\n                  } catch (error) {\n                    console.log(existingElement);\n                    console.log(error);\n                  }\n                }\n              });\n            }\n\n            this.fromScroll = false;\n            // Perform logic after receiving events\n            this.isLoadingEvents = false; // Reset the flag\n          });\n        }\n      } else {\n        console.log(\"No elements with data-date found.\");\n      }\n    },\n    getDayMore(date) {\n      if (!this.events) {\n        return 0;\n      }\n      let eventsForDate = this.events.filter(e => {\n        let eventDate = fun.formatDate(e.start, false, false);\n        let formattedDate = fun.formatDate(date, false, false);\n        return eventDate === formattedDate;\n      });\n      return eventsForDate.length\n        ? eventsForDate[0].more > 2\n          ? eventsForDate[0].more\n          : \"\"\n        : \"\";\n    },\n    getEventStyle(event) {\n      var color = \"color:\" + this.$root.ajustColor(event.color);\n      var border = \"\";\n      var height = \"height:200px\";\n      if (event.status == \"customer_request\") {\n        console.log(event);\n        border = \"border:dashed yellow \";\n        color = \"color:yellow; font-style: italic;\";\n      }\n      return color + \";\" + border + \";\";\n    },\n    formatFullDate(d) {\n      return fun.formatFullDate(d, true);\n    },\n    getTime(ev) {\n      return fun.formatTime(ev.start, true);\n      // return ev.start;\n    },\n    customDayCellContent(props) {\n      const { date, mobile, events } = props;\n      if (mobile && events.length > 5) {\n        return `\n          <div>\n            <div>${date}</div>\n            <div>+${events.length - 5} more events</div>\n          </div>\n        `;\n      } else {\n        // Default behavior\n        return `\n          <div>\n            <div>${date}</div>\n            ${events.map(event => `<div>${event.name}</div>`).join(\"\")}\n          </div>\n        `;\n      }\n    },\n    monthName(m, d) {\n      return fun.getMonthName(0, new Date(d), true);\n    },\n    currentMonth() {\n      var d = new Date(this.model);\n      return fun.getMonthName(0, new Date(d), false);\n    },\n    isToday(date) {\n      if (\n        new Date(date).getUTCDate() === new Date().getUTCDate() &&\n        new Date(date).getUTCMonth() === new Date().getUTCMonth() &&\n        new Date(date).getUTCFullYear() === new Date().getUTCFullYear()\n      ) {\n        return \"today\";\n      }\n    },\n    getEventCount(date, detail) {\n      if (this.events.length) {\n        var evn = this.events.filter(e => {\n          var myDate = fun.formatDate(date, false, false);\n          var calDate = fun.formatDate(e.start, false, false);\n          return calDate == myDate;\n        });\n        if (detail) {\n          return evn;\n        }\n        return \"(\" + evn.length + \")\";\n      }\n    },\n    getRest(date) {},\n    showAll(a, b) {\n      this.dailyEvents = [];\n      this.selectedDate = fun.formatDate(a.date, false, false);\n      var dateFrame = {\n        start: a.date,\n        end: a.date\n      };\n      this.dialog = true;\n      this.getEvents(dateFrame, false, true);\n    },\n    dayClickLocal(d) {\n      var dataObject = this.getQry(d, d, null, true);\n      if (!dataObject.schema) {\n        dataObject.schema = this.schema;\n      }\n      if (dataObject && (dataObject.daily || d)) {\n        this.getEvents({ start: d, end: d }, null, true, true);\n        //\n      } else {\n        if (this.dayClick) {\n          var currentDate = d || this.model;\n          this.dayClick(currentDate);\n        } else {\n          this.type = \"day\";\n        }\n      }\n    },\n    nextMonth() {\n      this.refresh = true;\n      // this.calModel = null;\n      this.$refs.calendar.next();\n    },\n    prevMonth() {\n      this.refresh = true;\n      // this.calModel = null;\n      this.$refs.calendar.prev();\n    },\n    processedEvents() {\n      //\n      var myEvents = this.calendarEvents || this.events;\n      if (myEvents) {\n        return myEvents.map(event => {\n          // Assign to \"Unassigned\" if no category is specified\n          if (!event.category) {\n            return {\n              ...event,\n              category: \"Unassigned\"\n            };\n          }\n          return event;\n        });\n      }\n    },\n    calendarChanged(dateFrame) {\n      if (this.loading) {\n        return;\n      }\n      if (!this.fromCustomClick) {\n        this.getEvents(dateFrame);\n      }\n    },\n    getEvents(\n      dateFrame,\n      typeChanged,\n      daily,\n      showTable,\n      returnEvents,\n      fromCustomClick\n    ) {\n      this.fromCustomClick = fromCustomClick;\n      if (dateFrame) {\n        if (this.onDateChanged) {\n          // change calModel on calendar move\n          this.onDateChanged(dateFrame.start.date || dateFrame.start);\n        }\n      }\n      if (!this.refresh && !daily && !typeChanged) {\n        return;\n      }\n      this.dateFrame = dateFrame;\n      var that = this;\n      // this.refresh = true;\n      // if (\n      //   dateFrame.start.date == this.startDate &&\n      //   dateFrame.end.date == this.endDate\n      // ) {\n      //   return;\n      // }\n      if (!daily) {\n        if (this.$refs.calendar) {\n          this.startDate = this.$refs.calendar.getStartOfWeek(\n            dateFrame.start\n          ).date; // dateFrame.start.date;\n          this.endDate = this.$refs.calendar.getEndOfWeek(dateFrame.end).date; // dateFrame.end.date;\n        }\n\n        if (this.calendarEvents) {\n          this.originalEvents = this.calendarEvents;\n          this.events = this.calendarEvents;\n        }\n        if (\n          this.currentDateFrame &&\n          this.currentDateFrame == dateFrame &&\n          !typeChanged\n        ) {\n          return;\n        }\n        this.currentDateFrame = dateFrame;\n        if (!this.getQry) {\n          return;\n        }\n\n        this.originalEvents = [];\n      }\n      var dataObj;\n      if (!daily) {\n        dataObj = this.getQry(\n          this.startDate,\n          this.endDate,\n          null,\n          false,\n          dateFrame\n        );\n      } else {\n        dataObj = this.getQry(dateFrame.start, dateFrame.end, null, true);\n      }\n\n      this.loading = !daily || showTable;\n      this.dailyLoading = daily && !returnEvents;\n      const startTime = new Date();\n      if (!dataObj.additional_data) {\n        dataObj.additional_data = [];\n      }\n      if (this.tableName) {\n        dataObj.additional_data.push({\n          obj_name: \"columns\",\n          qry: {\n            table_name: this.tableName.toLowerCase(),\n            user_id: this.$root.user_id\n          }\n        });\n      }\n\n      axios\n        .post(this.serverURL + \"/get_data\", dataObj, {\n          withCredentials: true\n        })\n        .then(response => {\n          var endTime = new Date(); // Record end time\n          var executionTime = endTime - startTime; // Calculate execution time in milliseconds\n          let tempEvents = [];\n          let tempOriginalEvents = [];\n          this.loading = false;\n          console.log(`Execution time for get_data : ${executionTime} ms`);\n          if (!daily) {\n            this.events = [];\n          }\n\n          this.refresh = false;\n\n          var data = response.data;\n          this.schema = response.data.schema;\n\n          // console.log(\n          //   \"size\",\n          //   ((JSON.stringify(response.data.model).length * 2) / 1024).toFixed(0)\n          // );\n          // console.log(\n          //   \"size of calendar data\",\n          //   fun.roughSizeOfObject(response.data)\n          // );\n          if (data.model.length) {\n            data.model.forEach(d => {\n              d.hr = new Date(d.date).getHours();\n            });\n            fun.sortObjects(data.model, \"hr\");\n\n            // data.model[0].date;\n\n            this.firstHour = new Date(data.model[0].date).getHours();\n            // if (this.firstHour) {\n            //   this.firstHour -= 1;\n            // }\n            if (this.fromScroll) {\n              data = this.onDataReceived(\n                data,\n                daily ? new Date(dateFrame.start) : \"\",\n                showTable,\n\n                true\n              );\n              // console.log(data);\n              returnEvents(data.events);\n            }\n          }\n          if (this.categoryTemplate) {\n            try {\n              this.categories = eval(this.categoryTemplate);\n            } catch (error) {\n              console.log(error);\n            }\n          }\n          if (this.onDataReceived) {\n            endTime = new Date(); // Record end time\n            executionTime = endTime - startTime; // Calculate execution time in milliseconds\n\n            console.log(\n              `Execution time for before onDataReceived : ${executionTime} ms`\n            );\n            if (!returnEvents) {\n              data = this.onDataReceived(\n                data,\n                daily ? new Date(dateFrame.start) : \"\",\n                showTable\n              );\n            }\n            if (!data) {\n              this.loading = false;\n              return;\n            }\n\n            if (!showTable) {\n              tempEvents = data.events;\n              tempOriginalEvents = fun.clone(data.events);\n            }\n\n            endTime = new Date(); // Record end time\n            executionTime = endTime - startTime; // Calculate execution time in milliseconds\n\n            console.log(\n              `Execution time for after onDataReceived : ${executionTime} ms`\n            );\n          }\n          if (data.model && data.model.length) {\n            data.table = data.model;\n          }\n\n          if (!this.onDataReceived || !tempEvents) {\n            if (data.table && data.table.length) {\n              tempEvents = [];\n              tempOriginalEvents = [];\n              endTime = new Date(); // Record end time\n              executionTime = endTime - startTime; // Calculate execution time in milliseconds\n\n              console.log(\n                `Execution time for before events : ${executionTime} ms`\n              );\n\n              data.table.forEach(d => {\n                var ev = this.eventTemplate(d, data, that);\n                ev.more = d.more;\n                if (ev && ev.start) {\n                  tempEvents.push(ev);\n                  tempOriginalEvents.push(ev);\n                }\n              });\n\n              endTime = new Date(); // Record end time\n              executionTime = endTime - startTime; // Calculate execution time in milliseconds\n\n              console.log(\n                `Execution time for after events : ${executionTime} ms`\n              );\n              this.events.sort((a, b) => {\n                const dateA = new Date(a.start);\n                const dateB = new Date(b.start);\n                return dateA - dateB;\n              });\n              this.originalEvents.sort((a, b) => {\n                const dateA = new Date(a.start);\n                const dateB = new Date(b.start);\n                return dateA - dateB;\n              });\n\n              // if (this.summaryTemplate) {\n              //   this.events = [];\n              // }\n\n              // this.data.table.sort((a, b) => {\n              //   const dateA = new Date(a.date);\n              //   const dateB = new Date(b.date);\n              //   return dateA - dateB;\n              // });\n              // this.data.model.sort((a, b) => {\n              //   const dateA = new Date(a.date);\n              //   const dateB = new Date(b.date);\n              //   return dateA - dateB;\n              // });\n            }\n          }\n          if (!daily) {\n            this.events = tempEvents;\n            this.originalEvents = tempOriginalEvents;\n          } else {\n            if (showTable) {\n              this.dayClick(dateFrame.start, false, data);\n            } else {\n              this.dailyEvents = tempEvents;\n            }\n            // this.dialog = true;\n          }\n          // this.type = this.defaultType || \"month\";\n          if (this.filter) {\n            this.filter(this);\n          }\n          // console.log(this.events);\n          if (!showTable) {\n            this.events = this.processedEvents();\n          }\n\n          this.loading = false;\n          this.dailyLoading = false;\n          if (returnEvents) {\n            returnEvents(this.events);\n            return;\n          }\n          this.$nextTick(() => {\n            this.attachScrollListener();\n          });\n          endTime = new Date(); // Record end time\n          executionTime = endTime - startTime; // Calculate execution time in milliseconds\n\n          console.log(\n            `Execution time for completing calendar : ${executionTime} ms`\n          );\n        })\n        .catch(r => {\n          // this.$root.logout();\n          this.loading = false;\n          this.dailyLoading = false;\n          console.log(r);\n        });\n    }\n  },\n  watch: {\n    type() {\n      // console.log(this.type);\n      // if (this.type == \"week\") {\n      this.refresh = true;\n      // this.getEvents(this.dateFrame, true);\n      // }\n    }\n\n    // model() {\n    //   if (this.model) {\n    //     this.refresh = true;\n    //   }\n    // }\n  },\n  computed: {\n    getWidth() {\n      if (this.type == \"category\") {\n        var w = this.categories.length * this.categoryDays;\n        return w * 10 + \"%\";\n      }\n      return \"95%\";\n    }\n  }\n};\n</script>\n\n<style lang=\"css\">\n.event-template {\n  /* margin: 5px; */\n  /* width: 100px; */\n  padding: 5px;\n  /* height: 100%; */\n  /* border: solid 1px; */\n}\n.address {\n  width: 150px; /* Set the desired width */\n  word-wrap: break-word; /* Ensure long words wrap within the div */\n  word-break: break-all;\n  overflow-wrap: break-word; /* Alternative to word-wrap, for better browser support */\n  overflow: hidden; /* Hide any overflow content, or use 'auto' to add scrollbars */\n  white-space: normal;\n\n  /* padding: 10px; */\n}\n.v-calendar-daily_head-day {\n  height: 66vh !important;\n  overflow: auto !important;\n  position: relative !important;\n}\n\n.v-calendar-daily_head-day-label {\n  position: sticky !important;\n  top: 0 !important;\n  z-index: 2 !important;\n  background-color: white !important;\n  padding: 5px !important;\n}\n\n.v-calendar-weekly__day {\n  /* overflow: auto !important; */\n  position: relative !important;\n  height: 130px !important;\n  /* height: auto !important; */\n  /* margin-top: 30px !important; */\n}\n.event-more {\n  position: absolute;\n  bottom: -5px;\n}\n.v-calendar-category__column {\n  min-width: 100px !important;\n}\n/* .v-calendar-daily__interval {\n  height: 240px !important;\n} */\n.today {\n  /* border: 1px solid blue; */\n  color: blue;\n  font-size: larger;\n  background-color: yellow;\n}\n.card-container {\n  position: relative;\n}\n.fixed-title {\n  position: fixed;\n  width: 500px;\n  z-index: 10;\n}\n/* .v-calendar-weekly__day-label {\n\n  position: sticky;\n  position: -webkit-sticky;\n\n  z-index: 1;\n  top: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n} */\n/* .event {\n  height: 240px !important;\n}\n.v-calendar-daily__day-interval {\n  height: 240px !important;\n}\n.v-event-timed {\n  height: 240px !important;\n}\n.v-calendar-daily__interval-divider {\n  height: 240px !important;\n} */\n/* .v-event-timed {\n  top: 0 !important;\n} */\n.cal-day {\n  font-size: 12px;\n  font-weight: bold;\n  padding: 3px;\n  width: 100%;\n  margin-right: 10px;\n  cursor: pointer;\n}\n.cal-day:hover {\n  background-color: grey;\n  cursor: pointer;\n  color: white;\n}\n/* .calendar-wrapper {\n  overflow-x: auto;\n  white-space: nowrap;\n}\n\n.v-calendar-category__column {\n  min-width: 150px !important;\n}\n\n.v-calendar-category__header {\n  min-width: 150px !important;\n}  */\n.custom-event {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  width: 100%;\n  margin-bottom: 10px;\n}\n\n.custom-event .v-card {\n  width: 100%;\n  box-sizing: border-box;\n  overflow: visible;\n  height: auto !important; /* Ensure the card height is flexible */\n}\n\n.v-calendar-daily__events_ {\n  height: auto !important; /* Override any fixed height from Vuetify */\n}\n\n.v-calendar-daily__event_ {\n  height: auto !important; /* Allow each event to expand to fit its content */\n}\n@media only screen and (max-width: 450px) {\n  .fixed-title {\n    width: 364px;\n  }\n  .v-calendar-weekly__day {\n    height: initial !important;\n  }\n}\n</style>\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]},[_vm._v(\" Loading Calendar... \"),_c('v-skeleton-loader',{staticClass:\"mx-auto\",attrs:{\"tile\":true,\"max-width\":\"90%\",\"type\":\"heading,table-tbody\",\"loading-text\":\"Loading Calendar...\"}})],1),_c('v-toolbar',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.disableTools && !_vm.loading),expression:\"!disableTools && !loading\"}],staticClass:\"ma-0\",attrs:{\"flat\":\"\"}},[_c('v-btn',{staticClass:\"ma-0\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.prevMonth()}}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")])],1),_vm._v(\" \"+_vm._s(_vm.currentMonth())+\" \"),_c('v-spacer'),(_vm.type)?_c('v-select',{staticClass:\"ma-2\",attrs:{\"items\":_vm.types,\"item-value\":\"value\",\"item-text\":\"text\",\"dense\":\"\",\"hide-details\":\"\"},model:{value:(_vm.type),callback:function ($$v) {_vm.type=$$v},expression:\"type\"}}):_vm._e(),_c('v-spacer'),_c('v-btn',{staticClass:\"ma-0\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.nextMonth()}}},[_c('v-icon',[_vm._v(\"mdi-chevron-right\")])],1)],1),_c('div',{staticStyle:{\"width\":\"100%\",\"overflow-x\":\"auto\",\"height\":\"70vh\"},attrs:{\"hidden\":_vm.loading}},[_c('v-sheet',{staticClass:\"pa-0\",attrs:{\"hidden\":_vm.loading,\"width\":_vm.getWidth,\"height\":_vm.calHeight || '65vh'}},[(_vm.type)?_c('v-calendar',{key:_vm.calKey,ref:\"calendar\",attrs:{\"events\":_vm.calendarEvents || _vm.events,\"type\":_vm.type,\"event-color\":_vm.getEventColor,\"first-interval\":_vm.firstHour,\"hide-header\":_vm.hideHeader,\"event-more\":_vm.showMore,\"category-show-all\":\"\",\"event-overlap-mode\":\"stack\",\"event-overlap-threshold\":30,\"interval-height\":100,\"event-height\":_vm.eventHeight,\"day-cell-content\":_vm.customDayCellContent,\"category-days\":_vm.categoryDays,\"categories\":_vm.categories},on:{\"mousedown:event\":_vm.eventClick,\"change\":_vm.calendarChanged,\"click:date\":_vm.dayClickLocal,\"click:more\":_vm.showAll},scopedSlots:_vm._u([(_vm.type != 'month')?{key:\"event\",fn:function(ref){\nvar event = ref.event;\nvar day = ref.day;\nreturn [_c('div',{staticClass:\"event\",style:(_vm.getEventStyle(event))},[(event.template)?_c('div',{domProps:{\"innerHTML\":_vm._s(event.template)}}):_c('div',{staticClass:\"ma-2\"},[_vm._v(_vm._s(event.name))])])]}}:{key:\"event\",fn:function(ref){\nvar event = ref.event;\nreturn [_c('div',{style:(_vm.getEventStyle(event))},[_vm._v(\" \"+_vm._s(event.name)+\" \")])]}},{key:\"day-label\",fn:function(ref){\nvar day = ref.day;\nvar date = ref.date;\nvar month = ref.month;\nreturn [_c('div',{class:'cal-day ' + _vm.isToday(date),on:{\"click\":function($event){return _vm.dayClickLocal(date)}}},[_vm._v(\" \"+_vm._s(day)+\" \"+_vm._s(_vm.monthName(month, date))+\" \"),(_vm.getDayMore(date))?_c('v-btn',{staticClass:\"event-more text-caption blue--text\",attrs:{\"text\":\"\",\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showAll({ date: date }, true)}}},[_vm._v(\" +\"+_vm._s(_vm.getDayMore(date))+\" more \")]):_vm._e()],1)]}},(_vm.summaryTemplate && _vm.type != 'month')?{key:\"day-label-header\",fn:function(ref){\nvar date = ref.date;\nreturn [_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.summaryTemplate(date, _vm.originalEvents, _vm.fromScroll))}})]}}:null],null,true),model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}}):_vm._e(),_c('v-dialog',{attrs:{\"width\":_vm.mobile ? 300 : 500},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{staticClass:\"card-container\"},[_c('v-card-title',{staticClass:\"text-h5 grey lighten-2 fixed-title\"},[_vm._v(\" \"+_vm._s(_vm.formatFullDate(_vm.selectedDate))+\" \")]),(_vm.dailyLoading)?_c('v-skeleton-loader',{staticStyle:{\"height\":\"200px\"},attrs:{\"loading\":_vm.dailyLoading,\"type\":\"article\",\"loading-text\":\"Loading Daily Events...\"}}):_c('v-list',{staticClass:\"pt-16\",attrs:{\"dense\":\"\"}},_vm._l((_vm.dailyEvents),function(ev,i){return _c('v-list-item',{key:i,on:{\"click\":function($event){return _vm.eventClick({ event: ev })}}},[_c('v-list-item-action',[_vm._v(_vm._s(_vm.getTime(ev))+\" \"+_vm._s(ev.name))])],1)}),1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataCalendar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataCalendar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataCalendar.vue?vue&type=template&id=6b943258&\"\nimport script from \"./DataCalendar.vue?vue&type=script&lang=js&\"\nexport * from \"./DataCalendar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataCalendar.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCalendar } from 'vuetify/lib/components/VCalendar';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAction } from 'vuetify/lib/components/VList';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCalendar,VCard,VCardTitle,VDialog,VIcon,VList,VListItem,VListItemAction,VSelect,VSheet,VSkeletonLoader,VSpacer,VToolbar})\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataCalendar.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataCalendar.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}