{"version":3,"sources":["webpack:///src/components/DataCalendar.vue","webpack:///./src/components/DataCalendar.vue?638d","webpack:///./src/components/DataCalendar.vue?02b3","webpack:///./src/components/DataCalendar.vue","webpack:///./src/components/DataCalendar.vue?0000"],"names":["name","components","VLoader","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","data","fromScroll","mobile","selectedDate","dialog","events","originalEvents","calKey","model","type","types","refresh","loading","loadingElements","loadingText","currentDateFrame","firstHour","categories","myEvents","dailyEvents","dailyLoading","schema","isLoadingEvents","dateFrame","mounted","that","this","$vuetify","breakpoint","smAndDown","$root","$on","console","log","d","activeTab","getEvents","beforeDestroy","dailyHeadDay","removeEventListener","onScroll","methods","attachScrollListener","dailyHeadDays","length","forEach","element","addEventListener","warn","jobElements","start","firstDate","end","existingElement","eventTemplateDiv","innerHTML","dateElementsArray","push","clonedElement","target","appendChild","error","getDayMore","eventDate","formattedDate","eventsForDate","getEventStyle","color","ajustColor","event","border","status","formatFullDate","getTime","customDayCellContent","monthName","currentMonth","isToday","getEventCount","evn","myDate","calDate","detail","getRest","showAll","a","date","dayClickLocal","dataObject","daily","currentDate","nextMonth","$refs","calendar","next","prevMonth","prev","processedEvents","map","category","dataObj","startDate","getStartOfWeek","endDate","getEndOfWeek","showTable","returnEvents","watch","computed","getWidth","w","render","_vm","_h","$createElement","_c","_self","_v","staticClass","attrs","_e","on","$event","_s","value","callback","$$v","expression","staticStyle","key","ref","scopedSlots","_u","fn","day","style","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.c4dc17fb.js","sourcesContent":["<template>\n  <div>\n    <div v-if=\"loading\">\n      <!-- <v-loader\n        :loadingElements=\"loadingElements\"\n        :text=\"loadingText\"\n      ></v-loader> -->\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-if=\"!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      <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=\"getEvents\"\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  },\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  },\n  data() {\n    return {\n      fromScroll: false,\n      mobile: false,\n      selectedDate: \"\",\n      dialog: false,\n      events: [],\n      originalEvents: [],\n      calKey: 0,\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    };\n  },\n  mounted() {\n    var that = this;\n    this.types = [\n      { text: \"month\", value: \"month\" },\n      { text: \"week\", 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    this.$root.$on(\"calTabChanged\", (d) => {\n      console.log(d);\n      if (!d.activeTab) {\n        // const cal = that.$refs.calendar;\n        that.refresh = true;\n\n        that.getEvents(that.currentDateFrame, true);\n      }\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    attachScrollListener() {\n      const dailyHeadDays = document.querySelectorAll(\n        \".v-calendar-daily_head-day\"\n      );\n      if (dailyHeadDays.length > 0) {\n        dailyHeadDays.forEach((element, index) => {\n          element.addEventListener(\"scroll\", (event) =>\n            this.onScroll(event, index)\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      const target = event.target;\n      const jobElements = target.querySelectorAll(\".job\");\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          const 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\n          this.getEvents(dateFrame, false, true, false, (events) => {\n            // console.log(\"Events received:\", this.dailyEvents);\n            if (this.dailyEvents && this.dailyEvents.length > 0) {\n              // elements.forEach((element) => element.remove());\n              // elements.forEach((element) => element.remove());\n              this.dailyEvents.forEach((event, i) => {\n                // Assuming dailyEvents has a `date` field\n\n                // const existingElement = dateElementsArray.find(\n                //   (el) => el.getAttribute(\"data-date\") === dataDate\n                // );\n                console.log(events[0]);\n\n                // console.log(i, this.dailyEvents.length);\n                // if (this.dailyEvents.length - i == 1) {\n                //   console.log(\"end\");\n                // }\n                if (existingElement) {\n                  try {\n                    const clonedElement = existingElement.cloneNode(true);\n\n                    // Replace the content of the div with class 'event-template'\n                    const eventTemplateDiv = clonedElement.querySelector(\n                      \".event-template\"\n                    );\n                    if (eventTemplateDiv) {\n                      eventTemplateDiv.innerHTML =\n                        event.template || \"No Template Available\";\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                  } catch (error) {\n                    console.log(existingElement);\n                    console.log(error);\n                  }\n                  // Clone the existing element\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, true);\n        let formattedDate = fun.formatDate(date, false, false, true);\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, true);\n          var calDate = fun.formatDate(e.start, false, false, true);\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, true);\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.$refs.calendar.next();\n    },\n    prevMonth() {\n      this.refresh = true;\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    getEvents(dateFrame, typeChanged, daily, showTable, returnEvents) {\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 || !this.getQry()) {\n          return;\n        }\n        if (!this.refresh) {\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      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          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  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',[(_vm.loading)?_c('div',[_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):_vm._e(),(!_vm.disableTools && !_vm.loading)?_c('v-toolbar',{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):_vm._e(),_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.getEvents,\"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=2bc1035a&\"\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":""}