{"version":3,"sources":["webpack:///./src/components/jobs/Edit/ExistingShiftsList.vue?be85","webpack:///./src/components/jobs/Edit/ConfigureShifts.vue","webpack:///./src/components/jobs/Edit/ExistingShiftsList.vue","webpack:///./src/components/jobs/Edit/BoxSlot.vue","webpack:///./src/components/jobs/Edit/BoxSlot.vue?b295","webpack:///./src/components/jobs/Edit/DeleteShiftModal.vue?b4e2","webpack:///./src/components/jobs/Edit/DeleteShiftModal.vue","webpack:///./src/components/jobs/Edit/DeleteShiftModal.vue?7342","webpack:///./src/components/jobs/Edit/ExistingShiftsList.vue?d6c5","webpack:///./src/components/job-templates/TemplateShiftsList.vue","webpack:///./src/components/job-templates/TemplateBoxSlot.vue","webpack:///./src/components/job-templates/TemplateBoxSlot.vue?9347","webpack:///./src/components/job-templates/TemplateShiftsList.vue?ad8b","webpack:///./src/components/jobs/Edit/ConfigureShifts.vue?7699","webpack:///./src/components/job-templates/TemplateBoxSlot.vue?cc10","webpack:///./src/components/jobs/Edit/BoxSlot.vue?bc01"],"names":["class","isEditingTemplate","key","xmlns","xmlns:xlink","width","height","viewBox","version","stroke","stroke-width","fill","fill-rule","points","d","opacity","transform","colspan","data-bs-toggle","data-bs-target","id","cx","cy","r","flagShiftForDeletion","existingShifts","shift","canChangeStartDate","name","size","startDate","disabled","isDeleted","type","placeholder","disabled-date","disabledDates","format","value-format","changeStart","startHour","changeEnd","endHour","isEditingJob","href","dynamicClass","svgSize","canDeleteShift","handleDeleteRequest","removeDeleteFlag","data-bs-placement","data-bs-trigger","title","selectedSkills","shiftSlots","handleBookButton","$event","localShiftID","onSkillChange","subSkills","subSkill","ev","handleEnterKey","value","qty","$can","details","project_manager_id","clearable","crewHandlers","item","label","contact_on_location_id","companyCols","length","dresscode_id","dresscodes","rows","dresscode_notes","notes_for_workers","description","components","SkillsDropdown","props","Object","required","Number","categorySkillId","selectedSubSkills","bookedSkills","this","assign","fetchDropdownData","computed","skills","i","children","isEmpty","watch","deep","changeDetails","shiftID","methods","fetchCrewHandlers","fetchDresscodes","val","addNewShiftSlot","skill","skillId","j","parseInt","event","target","shiftSlotID","Date","now","getSkillData","changeShiftSlotPositions","skillID","deleteExistingSkill","__exports__","_ctx","_cache","$props","$setup","$data","$options","onClick","deleteButtonClicked","args","$emit","BoxShiftSlots","DeleteShiftModal","ShiftDurationWidget","ShiftDuration","ActionButtonIcon","ActionButton","DeleteShiftButton","data","isAwaitingDeleteApproval","shiftKey","setShiftSkills","flagForDelete","removeDeletionFlag","changeDate","job","shifts","find","crew","total_booked","hasBookedWorkers","regex","mask","x","y","templateShifts","status","src","handleDeleteShift","handleDeleteSkill","onChangeQtySubSkill","typer","setDetails","fetchPms","console","log","deleteShift","deleteSkillsFromShifts","ShiftList","TemplateShiftList","Boolean","default","generateExistingShifts","render"],"mappings":"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","file":"js/chunk-6debe8fc.3f2119d9.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ExistingShiftsList.vue?vue&type=style&index=0&id=5512879e&scoped=true&lang=css\"","<template>\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div class=\"card\">\n        <div class=\"card-header border-0 pt-5 px-6\">\n          <h3 class=\"card-title align-items-start flex-column\">\n            <span class=\"card-label fw-bolder fs-3 mb-1\"\n              >Shift Configuration</span\n            >\n\n            <span class=\"text-muted mt-1 fw-bold fs-7\"\n              >Add, remove and modify shifts</span\n            >\n          </h3>\n        </div>\n        <div class=\"card-body py-3 px-0\">\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <ShiftList\n                v-if=\"!isEditingTemplate\"\n                :key=\"key\"\n                :isEditingTemplate=\"isEditingTemplate\"\n              ></ShiftList>\n              <TemplateShiftList :key=\"key\" v-else @updateList=\"this.key++\"></TemplateShiftList>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport ShiftList from \"./ExistingShiftsList.vue\";\nimport TemplateShiftList from \"@/components/job-templates/TemplateShiftsList.vue\";\nimport { mapActions, mapGetters } from \"vuex\";\n\nexport default defineComponent({\n  name: \"configure-existing-shifts-card\",\n  components: { ShiftList, TemplateShiftList },\n  data: () => ({\n    key: 0\n  }),\n  props: {\n    isEditingTemplate: {\n      type: Boolean,\n      default: false\n    }\n  },\n  methods: {\n    ...mapActions(\"EditJobModule\", [\"generateExistingShifts\", \"resetShifts\"])\n  },\n  computed: {\n    ...mapGetters(\"EditJobModule\", [\n      \"existingShifts\",\n      \"blueprint\",\n      \"shifts\",\n      \"job\"\n    ]),\n    ...mapGetters(\"SingleJobTemplateModule\", [\"templateShifts\"]),\n    isNewShiftAdded() {\n      if (!this.isEditingTemplate) return this.existingShifts.length;\n      else return this.templateShifts;\n    }\n  },\n  watch: {\n    isNewShiftAdded() {\n      this.key++;\n    }\n  },\n  mounted() {\n    if (!this.isEditingTemplate) this.generateExistingShifts();\n  }\n});\n</script>\n","<template>\n  <DeleteShiftModal @delete=\"flagShiftForDeletion\"></DeleteShiftModal>\n  <div class=\"table-responsive\">\n    <table\n      class=\"table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4\"\n    >\n      <thead>\n        <tr class=\"fw-bolder text-muted\">\n          <th class=\"min-w-50px w-175px px-9\">Day</th>\n          <th class=\"w-100px\">Shift Start</th>\n          <th class=\"min-w-100px\">Shift End</th>\n          <th class=\"min-w-100px\">Duration</th>\n          <th class=\"min-w-100px text-end\">\n            <span class=\"me-2\">Actions</span>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <template v-for=\"shift in existingShifts\" :key=\"shift.id\">\n          <tr>\n            <td class=\"px-9\">\n              <div class=\"d-flex flex-column\">\n                <div>\n                  <el-date-picker\n                    name=\"date\"\n                    size=\"large\"\n                    v-if=\"canChangeStartDate(shift.id)\"\n                    v-model=\"shift.startDate\"\n                    :disabled=\"shift.isDeleted\"\n                    type=\"date\"\n                    placeholder=\"Select start date\"\n                    @change=\"\n                      event => handleChangeStart({ id: shift.id, data: event })\n                    \"\n                    :disabled-date=\"disabledDates\"\n                    format=\"ddd DD/MM/YYYY\"\n                    value-format=\"DD/MM/YYYY\"\n                  ></el-date-picker>\n                  <span v-else class=\"fs-6 fw-bold\">{{ shift.startDate }}</span>\n                </div>\n                <span class=\"fs-7\" v-if=\"shift.isDeleted\"\n                  >Flagged for delete</span\n                >\n              </div>\n            </td>\n            <td>\n              <input\n                v-model=\"shift.startHour\"\n                :disabled=\"shift.isDeleted\"\n                @change=\"changeStart(shift.id)\"\n                id=\"startHour_edit\"\n                class=\"form-control me-2 w-70px h-40px\"\n              />\n            </td>\n            <td>\n              <input\n                v-model=\"shift.endHour\"\n                :disabled=\"shift.isDeleted\"\n                @change=\"changeEnd(shift.id)\"\n                id=\"endHour_edit\"\n                class=\"form-control me-2 w-70px h-40px\"\n              />\n            </td>\n\n            <td>\n              <ShiftDurationWidget\n                :shift=\"shift\"\n                :isEditingJob=\"true\"\n              ></ShiftDurationWidget>\n            </td>\n            <td class=\"text-end\">\n              <a\n                class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-2\"\n                data-bs-toggle=\"collapse\"\n                :href=\"'#shiftCollapse' + shift.id\"\n              >\n                <ActionButtonIcon\n                  :dynamicClass=\"'svg-icon-light-primary'\"\n                  :svgSize=\"'svg-icon-3'\"\n                ></ActionButtonIcon>\n              </a>\n              <DeleteShiftButton\n                v-if=\"!shift.isDeleted && canDeleteShift(shift.id)\"\n                @click=\"handleDeleteRequest(shift.id)\"\n                data-bs-toggle=\"modal\"\n                data-bs-target=\"#deleteShiftModal\"\n              ></DeleteShiftButton>\n              <button\n                v-else-if=\"shift.isDeleted && canDeleteShift(shift.id)\"\n                class=\"btn btn-icon btn-bg-success btn-active-color-light btn-sm me-1\"\n                @click=\"removeDeleteFlag(shift.id)\"\n                data-bs-toggle=\"tooltip\"\n                data-bs-placement=\"top\"\n                data-bs-trigger=\"hover\"\n                title=\"Remove flag for delete.\"\n              >\n                <span class=\"svg-icon svg-icon-primary svg-icon-2x\"\n                  ><svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                    width=\"24px\"\n                    height=\"24px\"\n                    viewBox=\"0 0 24 24\"\n                    version=\"1.1\"\n                  >\n                    <g\n                      stroke=\"none\"\n                      stroke-width=\"1\"\n                      fill=\"none\"\n                      fill-rule=\"evenodd\"\n                    >\n                      <polygon points=\"0 0 24 0 24 24 0 24\" />\n                      <path\n                        d=\"M9.26193932,16.6476484 C8.90425297,17.0684559 8.27315905,17.1196257 7.85235158,16.7619393 C7.43154411,16.404253 7.38037434,15.773159 7.73806068,15.3523516 L16.2380607,5.35235158 C16.6013618,4.92493855 17.2451015,4.87991302 17.6643638,5.25259068 L22.1643638,9.25259068 C22.5771466,9.6195087 22.6143273,10.2515811 22.2474093,10.6643638 C21.8804913,11.0771466 21.2484189,11.1143273 20.8356362,10.7474093 L17.0997854,7.42665306 L9.26193932,16.6476484 Z\"\n                        fill=\"#000000\"\n                        fill-rule=\"nonzero\"\n                        opacity=\"0.3\"\n                        transform=\"translate(14.999995, 11.000002) rotate(-180.000000) translate(-14.999995, -11.000002) \"\n                      />\n                      <path\n                        d=\"M4.26193932,17.6476484 C3.90425297,18.0684559 3.27315905,18.1196257 2.85235158,17.7619393 C2.43154411,17.404253 2.38037434,16.773159 2.73806068,16.3523516 L11.2380607,6.35235158 C11.6013618,5.92493855 12.2451015,5.87991302 12.6643638,6.25259068 L17.1643638,10.2525907 C17.5771466,10.6195087 17.6143273,11.2515811 17.2474093,11.6643638 C16.8804913,12.0771466 16.2484189,12.1143273 15.8356362,11.7474093 L12.0997854,8.42665306 L4.26193932,17.6476484 Z\"\n                        fill=\"#000000\"\n                        fill-rule=\"nonzero\"\n                        transform=\"translate(9.999995, 12.000002) rotate(-180.000000) translate(-9.999995, -12.000002) \"\n                      />\n                    </g></svg\n                  ></span\n                >\n              </button>\n            </td>\n          </tr>\n          <tr>\n            <td colspan=\"12\" class=\"p-0 m-0\">\n              <div class=\"collapse in\" :id=\"'shiftCollapse' + shift.id\">\n                <div class=\"px-3 mb-4\">\n                  <BoxShiftSlots\n                    :selectedSkills=\"shift.shiftSlots\"\n                    :shift=\"shift\"\n                    @booked=\"handleBookButton($event, shift.id)\"\n                    :localShiftID=\"shift.id\"\n                  ></BoxShiftSlots>\n                </div>\n              </div>\n            </td>\n          </tr>\n        </template>\n        <tr class=\"border-bottom-2\">\n          <td\n            colspan=\"5\"\n            class=\"bg-hover-secondary\"\n            data-bs-toggle=\"modal\"\n            data-bs-target=\"#addNewShiftModal\"\n          >\n            <div class=\"d-flex justify-content-center align-items-center\">\n              <span class=\"svg-icon svg-icon-3 svg-icon-primary\"\n                ><svg\n                  version=\"1.1\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"24px\"\n                  width=\"24px\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    id=\"Oval-5\"\n                    fill=\"#000000\"\n                    opacity=\"0.3\"\n                    cx=\"12\"\n                    cy=\"12\"\n                    r=\"10\"\n                  ></circle>\n                  <path\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    d=\"M11,11 L11,7 C11,6.44771525 11.4477153,6 12,6 C12.5522847,6 13,6.44771525 13,7 L13,11 L17,11 C17.5522847,11 18,11.4477153 18,12 C18,12.5522847 17.5522847,13 17,13 L13,13 L13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 L11,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L11,11 Z\"\n                    id=\"Combined-Shape\"\n                    fill=\"#000000\"\n                  ></path></svg\n              ></span>\n              <span class=\"text-primary fs-5 ms-2\">Add new Shift</span>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport { mapActions, mapGetters } from \"vuex\";\nimport BoxShiftSlots from \"@/components/jobs/Edit/BoxSlot.vue\";\nimport Inputmask from \"inputmask\";\nimport DeleteShiftModal from \"@/components/jobs/Edit/DeleteShiftModal.vue\";\nimport ShiftDurationWidget from \"@/components/jobs/Widgets/ShiftDuration.vue\";\nimport DeleteShiftButton from \"@/components/jobs/Widgets/DeleteShiftButton.vue\";\nimport ActionButtonIcon from \"@/components/Icons/ActionButton.vue\";\nimport { disabledDates } from \"@/components/jobs/helpers\";\n\nexport default defineComponent({\n  name: \"existing-shift-list\",\n  components: {\n    BoxShiftSlots,\n    DeleteShiftModal,\n    ShiftDurationWidget,\n    ActionButtonIcon,\n    DeleteShiftButton\n  },\n  data: () => ({\n    isAwaitingDeleteApproval: \"\"\n  }),\n  computed: {\n    ...mapGetters(\"EditJobModule\", [\"existingShifts\", \"job\"])\n  },\n  methods: {\n    disabledDates,\n    ...mapActions(\"EditJobModule\", [\n      \"setShiftSkills\",\n      \"flagForDelete\",\n      \"removeDeletionFlag\",\n      \"changeStart\",\n      \"changeEnd\",\n      \"changeDate\"\n    ]),\n    handleBookButton(skills, shiftKey) {\n      this.setShiftSkills({\n        shiftKey,\n        skills\n      });\n    },\n    handleDeleteRequest(id) {\n      this.isAwaitingDeleteApproval = id;\n    },\n    flagShiftForDeletion() {\n      this.flagForDelete(this.isAwaitingDeleteApproval);\n      this.isAwaitingDeleteApproval = \"\";\n    },\n    removeDeleteFlag(id) {\n      this.removeDeletionFlag(id);\n    },\n    handleChangeStart(data) {\n      this.changeDate(data);\n    },\n    hasBookedWorkers(id) {\n      const shift = this.job.shifts.find(shift => shift.id == id);\n      if (shift && shift.crew.total_booked > 0) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    canChangeStartDate(shiftID) {\n      return !(\n        this.hasBookedWorkers(shiftID) &&\n        !this.$can(\"can_change_booked_shifts_start_date\", \"all\")\n      );\n    },\n    canDeleteShift(shiftID) {\n      return !(\n        this.hasBookedWorkers(shiftID) &&\n        !this.$can(\"can_change_booked_shifts_start_date\", \"all\")\n      );\n    }\n  },\n  mounted() {\n    Inputmask({\n      regex: \"^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$\"\n    }).mask(\"#startHour_edit\");\n\n    Inputmask({\n      regex: \"^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$\"\n    }).mask(\"#endHour_edit\");\n  }\n});\n</script>\n\n<style scoped>\n.flaggedForDelete {\n  text-decoration: line-through;\n}\n</style>\n","<template>\n  <div class=\"row mt-5\">\n    <div class=\"col-6\">\n      <SkillsDropdown @change=\"onSkillChange\"></SkillsDropdown>\n      <div class=\"table-responsive\" v-if=\"categorySkillId\">\n        <table\n          class=\"table table-row-dashed table-striped table-row-gray-300 align-middle\"\n        >\n          <thead>\n            <tr class=\"fw-bolder text-muted\">\n              <th class=\"min-w-50px w-175px px-9\">Required skill</th>\n              <th>Quantity</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"subSkill in subSkills\" :key=\"subSkill.id\">\n              <td class=\"px-9\">\n                {{ subSkill.name }}\n              </td>\n              <td>\n                <div\n                  class=\"form-check form-switch form-check-custom form-check-solid\"\n                >\n                  <input\n                    class=\"form-control w-75px form-control-sm\"\n                    type=\"number\"\n                    @keydown.enter=\"ev => handleEnterKey(ev, subSkill.id)\"\n                    @change=\"\n                      onChangeQtySubSkill($event, subSkill.id, localShiftID)\n                    \"\n                  />\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <button class=\"btn btn-success w-100 h-40px\" @click=\"handleBookButton\">\n        Book\n      </button>\n      <div class=\"table-responsive\">\n        <table\n          class=\"table table-row-dashed table-striped table-row-gray-300 align-middle\"\n        >\n          <thead>\n            <tr class=\"fw-bolder text-muted\">\n              <th class=\"min-w-50px w-175px px-9\">Required skill</th>\n              <th>Quantity</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <template v-for=\"subSkill in shift.shiftSlots\" :key=\"subSkill.id\">\n              <tr v-if=\"!subSkill.isDeleted\">\n                <td class=\"px-9\">\n                  {{ subSkill.name }}\n                </td>\n                <td>\n                  <div\n                    class=\"form-check form-switch form-check-custom form-check-solid\"\n                  >\n                    <input\n                      class=\"form-control w-75px form-control-sm\"\n                      type=\"number\"\n                      :value=\"subSkill.qty\"\n                      @change=\"\n                        changeExistingSkill($event, subSkill.id, localShiftID)\n                      \"\n                    />\n                  </div>\n                </td>\n                <!-- <td>\n                  <a\n                    href=\"#\"\n                    class=\"btn btn-icon btn-bg-danger btn-active-color-light btn-sm me-1\"\n                  >\n                    <span class=\"svg-icon svg-icon-white svg-icon-3\">\n                      <inline-svg src=\"media/icons/duotone/General/Trash.svg\" />\n                    </span>\n                  </a>\n                </td> -->\n              </tr>\n            </template>\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"row mb-3\">\n          <div class=\"col-6 d-flex flex-column\" v-if=\"$can('job_create_can_edit_pm', 'all')\">\n            <label class=\"fs-7 fw-bold mb-1\">Crew Handler:</label>\n            <el-select\n              v-model=\"details.project_manager_id\"\n              placeholder=\"Select crew handler\"\n              size=\"large\"\n              clearable\n            >\n              <el-option\n                v-for=\"item in crewHandlers\"\n                :key=\"item.id\"\n                :label=\"item.name\"\n                :value=\"item.id\"\n              >\n              </el-option>\n            </el-select>\n          </div>\n          <div class=\"col-6 d-flex flex-column\">\n            <label class=\"fs-7 fw-bold mb-1\">Contact on location:</label>\n            <el-select\n              v-model=\"details.contact_on_location_id\"\n              size=\"large\"\n              :placeholder=\"\n                companyCols.length > 0\n                  ? 'Select contact on location'\n                  : 'Select a company'\n              \"\n              :disabled=\"companyCols.length > 0 ? false : true\"\n              clearable\n            >\n              <el-option\n                v-for=\"item in companyCols\"\n                :key=\"item.id\"\n                :label=\"item.name\"\n                :value=\"item.id\"\n              >\n              </el-option>\n            </el-select>\n          </div>\n        </div>\n        <div class=\"row mb-3\">\n          <div class=\"col-6 d-flex flex-column\">\n            <label class=\"fs-7 fw-bold mb-1\">Dresscode:</label>\n            <el-select\n              v-model=\"details.dresscode_id\"\n              placeholder=\"Select dresscodes\"\n              size=\"large\"\n              clearable\n            >\n              <el-option\n                v-for=\"item in dresscodes\"\n                :key=\"item.id\"\n                :label=\"item.name\"\n                :value=\"item.id\"\n              >\n              </el-option>\n            </el-select>\n          </div>\n          <div class=\"col-6\">\n            <label class=\"fs-7 fw-bold mb-1\">Dresscode notes:</label>\n            <textarea\n              class=\"fs-6 ps-4 pt-1 w-100 border-secondary rounded-1 border-1\"\n              placeholder=\"Enter dresscode notes\"\n              rows=\"3\"\n              v-model.lazy=\"details.dresscode_notes\"\n            ></textarea>\n          </div>\n        </div>\n        <div class=\"row pe-0\">\n          <div class=\"col-6\">\n            <label class=\"fs-7 fw-bold mb-1\">Notes for workers:</label>\n            <textarea\n              class=\"fs-6 ps-4 pt-1 w-100 border-secondary rounded-1 border-1\"\n              placeholder=\"Enter worker notes\"\n              rows=\"3\"\n              v-model.lazy=\"details.notes_for_workers\"\n            ></textarea>\n          </div>\n          <div class=\"col-6\">\n            <label class=\"fs-7 fw-bold mb-1\">Shift description:</label>\n\n            <textarea\n              class=\"fs-6 ps-4 pt-1 w-100 border-secondary rounded-1 border-1\"\n              placeholder=\"Enter shift description\"\n              rows=\"3\"\n              v-model.lazy=\"details.description\"\n            ></textarea>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\n/* eslint-disable @typescript-eslint/camelcase */\nimport SkillsDropdown from \"@/components/dropdown/SkillsDropdown.vue\";\nimport { mapActions, mapGetters } from \"vuex\";\nimport _ from \"lodash\";\n\nexport default {\n  name: \"box-shift-slots\",\n  components: { SkillsDropdown },\n  props: {\n    selectedSkills: {\n      type: Object,\n      required: false\n    },\n    localShiftID: {\n      type: Number,\n      required: true\n    },\n    shift: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      categorySkillId: null,\n      selectedSubSkills: {},\n      bookedSkills: {},\n      details: {\n        project_manager_id: \"\",\n        contact_on_location_id: \"\",\n        dresscode_id: \"\",\n        dresscode_notes: \"\",\n        notes_for_workers: \"\",\n        description: \"\"\n      }\n    };\n  },\n  mounted() {\n    if (this.selectedSkills) {\n      this.bookedSkills = Object.assign({}, this.selectedSkills);\n      this.selectedSubSkills = this.bookedSkills;\n    }\n    this.fetchDropdownData();\n    if (this.shift.details) {\n      this.details = this.shift.details;\n    }\n  },\n  computed: {\n    ...mapGetters(\"ListsModule\", [\n      \"skills\",\n      \"crewHandlers\",\n      \"dresscodes\",\n      \"companyCols\"\n    ]),\n    ...mapGetters(\"EditJobModule\", [\"existingShifts\"]),\n    subSkills() {\n      if (!this.categorySkillId || !this.skills) return [];\n\n      for (let i = 0; i < this.skills.length; i++) {\n        if (this.skills[i].id === this.categorySkillId)\n          return this.skills[i].children;\n      }\n\n      return [];\n    },\n    hasSelectedSkills() {\n      return !_.isEmpty(this.selectedSubSkills);\n    }\n  },\n  watch: {\n    selectedSkills: {\n      deep: true,\n      handler(value) {\n        if (value) {\n          this.bookedSkills = Object.assign({}, value);\n          this.selectedSubSkills = this.bookedSkills;\n        }\n      }\n    },\n    details: {\n      deep: true,\n      handler() {\n        this.changeDetails({\n          details: this.details,\n          shiftID: this.localShiftID\n        });\n      }\n    }\n  },\n  methods: {\n    ...mapActions(\"ListsModule\", [\"fetchCrewHandlers\", \"fetchDresscodes\"]),\n    ...mapActions(\"EditJobModule\", [\n      \"addNewShiftSlot\",\n      \"changeShiftSlotPositions\",\n      \"changeDetails\",\n      \"deleteExistingSkill\"\n    ]),\n    fetchDropdownData() {\n      this.fetchCrewHandlers();\n      this.fetchDresscodes();\n    },\n    onSkillChange(val) {\n      this.selectedSubSkills = {};\n      this.categorySkillId = val;\n    },\n    handleBookButton() {\n      this.addNewShiftSlot({\n        id: this.localShiftID,\n        skill: this.selectedSubSkills\n      });\n    },\n    getSkillData(skillId) {\n      for (let i = 0; i < this.skills.length; i++) {\n        if (this.skills[i].id === this.categorySkillId) {\n          for (let j = 0; j < this.skills[i].children.length; j++) {\n            if (parseInt(this.skills[i].children[j].id) === skillId)\n              return this.skills[i].children[j];\n          }\n        }\n      }\n    },\n    handleEnterKey(event, skillId) {\n      if (event.target.value > 0) {\n        this.selectedSubSkills[skillId] = Object.assign(\n          {\n            qty: event.target.value,\n            shiftSlotID: `new_${Date.now()}`,\n            isDeleted: false\n          },\n          this.getSkillData(skillId)\n        );\n      }\n      this.handleBookButton();\n    },\n    onChangeQtySubSkill(event, skillId, shiftID) {\n      if (event.target.value > 0) {\n        this.selectedSubSkills[skillId] = Object.assign(\n          {\n            qty: event.target.value,\n            shiftSlotID: `new_${Date.now()}`,\n            isDeleted: false\n          },\n          this.getSkillData(skillId)\n        );\n      } else {\n        delete this.selectedSubSkills[skillId];\n      }\n    },\n    changeExistingSkill(event, skillId, shiftID) {\n      if (event.target.value > 0) {\n        this.changeShiftSlotPositions({\n          qty: event.target.value,\n          skillID: skillId,\n          shiftID: shiftID\n        });\n        this.getSkillData(skillId);\n      } else {\n        this.deleteExistingSkill({ shiftID: shiftID, skill: skillId });\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\n::placeholder {\n  color: #c0c4cc;\n}\n</style>\n","import { render } from \"./BoxSlot.vue?vue&type=template&id=85a3e676&scoped=true\"\nimport script from \"./BoxSlot.vue?vue&type=script&lang=js\"\nexport * from \"./BoxSlot.vue?vue&type=script&lang=js\"\n\nimport \"./BoxSlot.vue?vue&type=style&index=0&id=85a3e676&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-85a3e676\"]])\n\nexport default __exports__","import { createElementVNode as _createElementVNode, createStaticVNode as _createStaticVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  class: \"modal fade\",\n  id: \"deleteShiftModal\",\n  \"data-toggle\": \"modal\"\n}\nconst _hoisted_2 = { class: \"modal-dialog\" }\nconst _hoisted_3 = { class: \"modal-content\" }\nconst _hoisted_4 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"modal-header\\\"><h5 class=\\\"modal-title\\\" id=\\\"deleteShiftModal\\\">Are you sure?</h5><div class=\\\"btn btn-icon btn-sm btn-active-light-primary ms-2\\\" data-bs-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\"><span class=\\\"svg-icon svg-icon-2x\\\"></span></div></div><div class=\\\"modal-body\\\"><p> Flagging a shift for deletion will erase all information related to it, are you sure? </p></div>\", 2)\nconst _hoisted_6 = { class: \"modal-footer\" }\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"button\", {\n  type: \"button\",\n  class: \"btn btn-light\",\n  \"data-bs-dismiss\": \"modal\"\n}, \" Close \", -1)\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createElementVNode(\"div\", _hoisted_3, [\n        _hoisted_4,\n        _createElementVNode(\"div\", _hoisted_6, [\n          _hoisted_7,\n          _createElementVNode(\"button\", {\n            onClick: _cache[0] || (_cache[0] = \n//@ts-ignore\n(...args) => (_ctx.deleteButtonClicked && _ctx.deleteButtonClicked(...args))),\n            type: \"button\",\n            class: \"btn btn-danger\",\n            \"data-bs-dismiss\": \"modal\"\n          }, \" Delete \")\n        ])\n      ])\n    ])\n  ]))\n}","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"delete-shifts-modal\",\n  methods: {\n    deleteButtonClicked() {\n      this.$emit(\"delete\");\n    }\n  }\n});\n","import { render } from \"./DeleteShiftModal.vue?vue&type=template&id=2c73d00e&ts=true\"\nimport script from \"./DeleteShiftModal.vue?vue&type=script&lang=ts\"\nexport * from \"./DeleteShiftModal.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./ExistingShiftsList.vue?vue&type=template&id=5512879e&scoped=true\"\nimport script from \"./ExistingShiftsList.vue?vue&type=script&lang=js\"\nexport * from \"./ExistingShiftsList.vue?vue&type=script&lang=js\"\n\nimport \"./ExistingShiftsList.vue?vue&type=style&index=0&id=5512879e&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5512879e\"]])\n\nexport default __exports__","<template>\n  <div class=\"table-responsive\">\n    <table\n      class=\"table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4\"\n    >\n      <thead>\n        <tr class=\"fw-bolder text-muted\">\n          <th class=\"min-w-50px w-175px px-9\">Day</th>\n          <th></th>\n          <th class=\"w-100px\">Shift Start</th>\n          <th class=\"min-w-100px\">Shift End</th>\n          <th class=\"min-w-100px\">Actions</th>\n        </tr>\n      </thead>\n      <tbody>\n        <template v-for=\"shift in templateShifts\" :key=\"shift.id\">\n          <tr>\n            <td class=\"px-9\">\n              <div class=\"d-flex flex-column\">\n                <span>{{ shift.startDate }}</span>\n              </div>\n            </td>\n            <td>\n              <div\n                class=\"form-check form-switch form-check-custom form-check-solid\"\n              >\n                <input\n                  class=\"form-check-input\"\n                  v-model=\"shift.status\"\n                  type=\"checkbox\"\n                  value=\"\"\n                  :id=\"'shiftToggle' + shift.id\"\n                />\n              </div>\n            </td>\n            <td>\n              <input\n                v-model=\"shift.startHour\"\n                @change=\"changeStart(shift.id)\"\n                id=\"startHour_edit\"\n                class=\"form-control me-2 w-70px h-40px\"\n              />\n            </td>\n            <td class=\"text-end\">\n              <input\n                v-model=\"shift.endHour\"\n                @change=\"changeEnd(shift.id)\"\n                id=\"endHour_edit\"\n                class=\"form-control me-2 w-70px h-40px\"\n              />\n            </td>\n            <td>\n              <a\n                class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1\"\n                data-bs-toggle=\"collapse\"\n                :href=\"'#shiftCollapse' + shift.id\"\n              >\n                <span class=\"svg-icon svg-icon-3\">\n                  <inline-svg\n                    src=\"media/icons/duotone/General/Settings-1.svg\"\n                  />\n                </span>\n              </a>\n              <button\n                class=\"btn btn-icon btn-bg-danger btn-active-color-light btn-sm me-1\"\n                @click=\"handleDeleteShift(shift.id);\"\n              >\n                <span class=\"svg-icon svg-icon-white svg-icon-3\"\n                  ><svg\n                    version=\"1.1\"\n                    viewBox=\"0 0 24 24\"\n                    height=\"24px\"\n                    width=\"24px\"\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <g\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      id=\"Stockholm-icons-/-General-/-Trash\"\n                      stroke=\"none\"\n                      stroke-width=\"1\"\n                      fill=\"none\"\n                      fill-rule=\"evenodd\"\n                    >\n                      <rect\n                        id=\"bound\"\n                        x=\"0\"\n                        y=\"0\"\n                        width=\"24\"\n                        height=\"24\"\n                      ></rect>\n                      <path\n                        d=\"M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z\"\n                        id=\"round\"\n                        fill=\"#000000\"\n                        fill-rule=\"nonzero\"\n                      ></path>\n                      <path\n                        d=\"M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z\"\n                        id=\"Shape\"\n                        fill=\"#000000\"\n                        opacity=\"0.3\"\n                      ></path>\n                    </g></svg\n                ></span>\n              </button>\n            </td>\n          </tr>\n          <tr>\n            <td colspan=\"12\" class=\"p-0 m-0\">\n              <div class=\"collapse in\" :id=\"'shiftCollapse' + shift.id\">\n                <div class=\"px-3 mb-4\">\n                  <BoxShiftSlots\n                    :selectedSkills=\"shift.skills\"\n                    :shift=\"shift\"\n                    @booked=\"handleBookButton($event, shift.id)\"\n                    @deleteSkill=\"handleDeleteSkill\"\n                    :localShiftID=\"shift.id\"\n                  ></BoxShiftSlots>\n                </div>\n              </div>\n            </td>\n          </tr>\n        </template>\n        <tr class=\"border-bottom-2\">\n          <td\n            colspan=\"5\"\n            class=\"bg-hover-secondary\"\n            data-bs-toggle=\"modal\"\n            data-bs-target=\"#addNewShiftModal\"\n          >\n            <div class=\"d-flex justify-content-center align-items-center\">\n              <span class=\"svg-icon svg-icon-3 svg-icon-primary\"\n                ><svg\n                  version=\"1.1\"\n                  viewBox=\"0 0 24 24\"\n                  height=\"24px\"\n                  width=\"24px\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    id=\"Oval-5\"\n                    fill=\"#000000\"\n                    opacity=\"0.3\"\n                    cx=\"12\"\n                    cy=\"12\"\n                    r=\"10\"\n                  ></circle>\n                  <path\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    d=\"M11,11 L11,7 C11,6.44771525 11.4477153,6 12,6 C12.5522847,6 13,6.44771525 13,7 L13,11 L17,11 C17.5522847,11 18,11.4477153 18,12 C18,12.5522847 17.5522847,13 17,13 L13,13 L13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 L11,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L11,11 Z\"\n                    id=\"Combined-Shape\"\n                    fill=\"#000000\"\n                  ></path></svg\n              ></span>\n              <span class=\"text-primary fs-5 ms-2\">Add new Shift</span>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport { mapActions, mapGetters } from \"vuex\";\nimport BoxShiftSlots from \"@/components/job-templates/TemplateBoxSlot.vue\";\nimport Inputmask from \"inputmask\";\n\nexport default defineComponent({\n  name: \"template-shift-list\",\n  components: {\n    BoxShiftSlots\n  },\n  data: () => ({\n    isAwaitingDeleteApproval: \"\"\n  }),\n  computed: {\n    ...mapGetters(\"SingleJobTemplateModule\", [\"templateShifts\"])\n  },\n  methods: {\n    ...mapActions(\"SingleJobTemplateModule\", [\n      \"setShiftSkills\",\n      \"deleteSkillsFromShifts\",\n      \"deleteShift\"\n    ]),\n    handleBookButton(skills, shiftKey) {\n      this.setShiftSkills({\n        shiftKey,\n        skills\n      });\n    },\n    handleDeleteShift(shiftID) {\n      this.deleteShift(shiftID);\n      this.$emit(\"updateList\")\n    },\n    handleDeleteSkill(data) {\n      this.deleteSkillsFromShifts(data);\n    }\n  },\n  mounted() {\n    Inputmask({\n      regex: \"^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$\"\n    }).mask(\"#startHour_edit\");\n\n    Inputmask({\n      regex: \"^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$\"\n    }).mask(\"#endHour_edit\");\n  }\n});\n</script>","<template>\n  <div class=\"row mt-5\">\n    <div class=\"col-6\">\n      <SkillsDropdown @change=\"onSkillChange\"></SkillsDropdown>\n      <div class=\"table-responsive\" v-if=\"categorySkillId\">\n        <table\n          class=\"table table-row-dashed table-striped table-row-gray-300 align-middle\"\n        >\n          <thead>\n            <tr class=\"fw-bolder text-muted\">\n              <th class=\"min-w-50px w-175px px-9\">Required skill</th>\n              <th>Quantity</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"subSkill in subSkills\" :key=\"subSkill.id\">\n              <td class=\"px-9\">\n                {{ subSkill.name }}\n              </td>\n              <td>\n                <div\n                  class=\"form-check form-switch form-check-custom form-check-solid\"\n                >\n                  <input\n                    class=\"form-control w-75px form-control-sm\"\n                    type=\"number\"\n                    @change=\"onChangeQtySubSkill($event, subSkill.id)\"\n                  />\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div class=\"col-6\">\n      <button class=\"btn btn-success w-100 h-40px\" @click=\"handleBookButton\">\n        Book\n      </button>\n      <div class=\"table-responsive\">\n        <table\n          class=\"table table-row-dashed table-striped table-row-gray-300 align-middle\"\n        >\n          <thead>\n            <tr class=\"fw-bolder text-muted\">\n              <th class=\"min-w-50px w-175px px-9\">Required skill</th>\n              <th>Quantity</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"subSkill in bookedSkills\" :key=\"subSkill.id\">\n              <td class=\"px-9\">\n                {{ subSkill.name }}\n              </td>\n              <td>\n                <div\n                  class=\"form-check form-switch form-check-custom form-check-solid\"\n                >\n                  <input\n                    class=\"form-control w-75px form-control-sm\"\n                    type=\"number\"\n                    :value=\"subSkill.qty\"\n                    @change=\"onChangeQtySubSkill($event, subSkill.id)\"\n                  />\n                </div>\n              </td>\n              <td>\n                <button\n                  @click=\"\n                    $emit('deleteSkill', {\n                      skillID: subSkill.id,\n                      shiftID: localShiftID\n                    })\n                  \"\n                  class=\"btn btn-icon btn-bg-danger btn-active-color-light btn-sm me-1\"\n                >\n                  <span class=\"svg-icon svg-icon-white svg-icon-3\">\n                    <inline-svg src=\"media/icons/duotone/General/Trash.svg\" />\n                  </span>\n                </button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport SkillsDropdown from \"../dropdown/SkillsDropdown\";\nimport { mapActions, mapGetters } from \"vuex\";\nimport _ from \"lodash\";\n\nexport default {\n  name: \"box-shift-slots\",\n  components: { SkillsDropdown },\n  props: {\n    selectedSkills: {\n      type: Object,\n      required: false\n    },\n    localShiftID: {\n      typer: Number,\n      required: true\n    }\n  },\n  data() {\n    return {\n      categorySkillId: null,\n      selectedSubSkills: {},\n      bookedSkills: {},\n    };\n  },\n  mounted() {\n    if (this.selectedSkills) {\n      this.bookedSkills = Object.assign({}, this.selectedSkills);\n      this.selectedSubSkills = this.bookedSkills;\n    }\n    this.fetchDropdownData();\n  },\n  computed: {\n    ...mapGetters(\"ListsModule\", [\n      \"skills\",\n      \"pms\",\n      \"dresscodes\",\n      \"companyCols\"\n    ]),\n    subSkills() {\n      if (!this.categorySkillId || !this.skills) return [];\n\n      for (let i = 0; i < this.skills.length; i++) {\n        if (this.skills[i].id === this.categorySkillId)\n          return this.skills[i].children;\n      }\n\n      return [];\n    },\n    hasSelectedSkills() {\n      return !_.isEmpty(this.selectedSubSkills);\n    }\n  },\n  watch: {\n    selectedSkills: {\n      deep: true,\n      handler(value) {\n        if (value) {\n          this.bookedSkills = Object.assign({}, value);\n          this.selectedSubSkills = this.bookedSkills;\n        }\n      }\n    },\n    details: {\n      deep: true,\n      handler() {\n        this.setDetails({\n          id: this.localShiftID,\n          details: this.details\n        });\n      }\n    }\n  },\n  methods: {\n    ...mapActions(\"ListsModule\", [\"fetchPms\", \"fetchDresscodes\"]),\n    fetchDropdownData() {\n      this.fetchPms();\n      this.fetchDresscodes();\n    },\n    onSkillChange(val) {\n      this.selectedSubSkills = {};\n      this.categorySkillId = val;\n    },\n    handleBookButton() {\n      const bookedSkills = Object.assign(\n        this.bookedSkills,\n        this.selectedSubSkills\n      );\n      this.bookedSkills = bookedSkills;\n      this.$emit(\"booked\", bookedSkills);\n    },\n    getSkillData(skillId) {\n      for (let i = 0; i < this.skills.length; i++) {\n        if (this.skills[i].id === this.categorySkillId) {\n          for (let j = 0; j < this.skills[i].children.length; j++) {\n            console.log(this.skills[i].children[j].id, skillId);\n            if (parseInt(this.skills[i].children[j].id) === skillId)\n              return this.skills[i].children[j];\n          }\n        }\n      }\n    },\n    onChangeQtySubSkill(event, skillId) {\n      if (event.target.value > 0) {\n        this.selectedSubSkills[skillId] = Object.assign(\n          {\n            qty: event.target.value\n          },\n          this.getSkillData(skillId)\n        );\n      } else {\n        delete this.selectedSubSkills[skillId];\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\n::placeholder {\n  color: #c0c4cc;\n}\n</style>\n","import { render } from \"./TemplateBoxSlot.vue?vue&type=template&id=7345bdd7&scoped=true\"\nimport script from \"./TemplateBoxSlot.vue?vue&type=script&lang=js\"\nexport * from \"./TemplateBoxSlot.vue?vue&type=script&lang=js\"\n\nimport \"./TemplateBoxSlot.vue?vue&type=style&index=0&id=7345bdd7&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7345bdd7\"]])\n\nexport default __exports__","import { render } from \"./TemplateShiftsList.vue?vue&type=template&id=46db69ec\"\nimport script from \"./TemplateShiftsList.vue?vue&type=script&lang=js\"\nexport * from \"./TemplateShiftsList.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./ConfigureShifts.vue?vue&type=template&id=9f972230\"\nimport script from \"./ConfigureShifts.vue?vue&type=script&lang=js\"\nexport * from \"./ConfigureShifts.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./TemplateBoxSlot.vue?vue&type=style&index=0&id=7345bdd7&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./BoxSlot.vue?vue&type=style&index=0&id=85a3e676&scoped=true&lang=css\""],"sourceRoot":""}