{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-AchievementLevelsComp.vue","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-AchievementLevelsComp.vue?6c4d","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-AchievementLevelsComp.vue?3dfd","webpack:///./src/core/helpers/dom.ts"],"names":["t","te","translate","text","projectId","store","block","checkAll","loading","selectedItem","achievementList","value","filter","i","Checked","length","payload","parseInt","levels","getProjectAchievement","ProjectModule","actions","GET_PROJECT_ACHIEVEMENTLEVEL","then","response","forEach","element","push","finally","saveProjectAchievement","PROJECT_SAVE_PROJECT_ACHIEVEMENTLEVEL","inputList","modalBlock","dispatch","contentLanguages","getters","achievementValidator","shape","levelText","nullable","required","newTargetModalRef","refForm","title","buttonShow","tabsLink","achievement","id","minValue","maxValue","locales","onSubmit","item","Id","localobj","languageId","closeModal","editAchievement","LevelText","Locales","LanguageId","MinValue","MaxValue","updateItem","index","findIndex","splice","selectAll","event","target","checked","deleteAchievementn","undefined","clearForm","setTimeout","document","getElementById","Value","classList","remove","add","resetForm","minValueControl","maxValueControl","addEventListener","__exports__","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll"],"mappings":"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","file":"js/chunk-6efd96cd.6a0950c8.js","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"card mb-5 mb-xl-10\">\r\n      <BlockUI :loading=\"block\" />\r\n      <!--begin::Card header-->\r\n      <div class=\"border-bottom\">\r\n        <!--begin::Card title-->\r\n\r\n        <div class=\"row ps-8 pe-8 pt-5 pb-5 align-items-center\">\r\n          <!--begin::Label-->\r\n          <div class=\"col-lg-4\">\r\n            <h3 class=\"d-flex flex-column m-0\">\r\n              {{ translate(\"AchievementLevels\") }}\r\n              <span class=\"text-muted mt-1 fw-bold fs-7\"\r\n                >{{ achievementList.length }} {{ translate(\"Records_Found\") }}</span\r\n              >\r\n            </h3>\r\n            <!--end::Label-->\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"d-flex justify-content-between p-8 pt-6 pb-6 border-bottom\"\r\n        style=\"background: #fbfbfb\"\r\n      >\r\n        <div\r\n          v-show=\"achievementList.length > 0\"\r\n          class=\"form-check form-check-custom form-check-solid\"\r\n          style=\"margin-left: 2.3rem !important\"\r\n        >\r\n          <input\r\n            ref=\"checkAll\"\r\n            class=\"form-check-input\"\r\n            type=\"checkbox\"\r\n            @change=\"selectAll($event)\"\r\n            id=\"check-all\"\r\n          />\r\n          <label\r\n            class=\"form-check-label text-primary fw-bolder fs-7\"\r\n            style=\"margin-left: 1.3rem !important\"\r\n            for=\"check-all\"\r\n          >\r\n            {{ translate(\"Select_All\") }}\r\n          </label>\r\n        </div>\r\n\r\n        <button\r\n          v-show=\"selectedItem > 0\"\r\n          @click=\"deleteAchievementn()\"\r\n          type=\"button\"\r\n          class=\"btn bg-white bg-hover-secondary btn-sm border position-relative ms-2 text-gray-700\"\r\n        >\r\n          {{ translate(\"Delete_Select\")\r\n          }}<span class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\">{{\r\n            selectedItem\r\n          }}</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"card-body pt-6 pb-0\">\r\n        <!--begin::Item-->\r\n        <div\r\n          v-for=\"(achievement, index) in achievementList\"\r\n          :key=\"index\"\r\n          class=\"d-flex align-items-center mb-1 border rounded p-2\"\r\n        >\r\n          <!--begin::Bullet-->\r\n          <span\r\n            class=\"bullet bullet-vertical h-40px\"\r\n            :class=\"`bg-primary`\"\r\n          ></span>\r\n          <!--end::Bullet-->\r\n\r\n          <!--begin::Checkbox-->\r\n          <div class=\"form-check form-check-custom form-check-solid mx-5\">\r\n            <input\r\n              :id=\"`check-${achievement.Id}`\"\r\n              class=\"form-check-input\"\r\n              type=\"checkbox\"\r\n              v-model=\"achievement.Checked\"\r\n            />\r\n          </div>\r\n          <!--end::Checkbox-->\r\n\r\n          <!--begin::Description-->\r\n          <div class=\"flex-grow-1\">\r\n            <div class=\"d-flex flex-column position-relative w-100\">\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold p-0 mt-2\"\r\n                :for=\"`check-${achievement.Id}`\"\r\n                style=\"margin-bottom: 15px\"\r\n              >\r\n                <a>{{ achievement.LevelText }}</a>\r\n              </label>\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500\"\r\n                :for=\"`check-${achievement.Id}`\"\r\n                style=\"position: absolute; margin-top: 20px\"\r\n              >\r\n                {{ translate(\"project_achievementlevels_label_min_value\") }}:\r\n                <a class=\"text-danger fw-bold\">\r\n                  {{ achievement.MinValue }}\r\n                </a>\r\n                - {{ translate(\"project_achievementlevels_label_max_value\") }}:\r\n                <a class=\"text-primary fw-bold\">{{ achievement.MaxValue }}</a>\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n          <!--end::Description-->\r\n          <span\r\n            class=\"badge fs-7 fw-bolder badge-light-primary me-2\"\r\n            style=\"cursor: pointer\"\r\n            data-bs-toggle=\"modal\"\r\n            data-bs-target=\"#add-achievement\"\r\n            @click=\"editAchievement(achievement)\"\r\n            >{{ translate(\"Edit\") }}</span\r\n          >\r\n          <span\r\n            class=\"badge fs-7 fw-bolder badge-white border\"\r\n            style=\"cursor: pointer\"\r\n            @click=\"deleteAchievementn(achievement.Id)\"\r\n            >{{ translate(\"Delete\") }}</span\r\n          >\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"d-flex justify-content-end ps-8 pe-8 pt-5 pb-5 align-items-center\">\r\n        <button\r\n          class=\"btn btn-primary align-self-center btn-sm\"\r\n          data-bs-toggle=\"modal\"\r\n          data-bs-target=\"#add-achievement\"\r\n        >\r\n          {{ translate(\"project_achievementlevels_button_add\") }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <!-- Modal -->\r\n    <div\r\n      class=\"modal fade\"\r\n      tabindex=\"-1\"\r\n      id=\"add-achievement\"\r\n      ref=\"newTargetModalRef\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"modal-dialog modal-dialog-centered mw-950px\">\r\n        <div class=\"modal-content rounded\">\r\n          <BlockUI :loading=\"modalBlock\" />\r\n          <div class=\"modal-header\">\r\n            <h5 class=\"modal-title\">{{ translate(title) }}</h5>\r\n\r\n            <!--begin::Close-->\r\n            <div\r\n              class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n              @click=\"closeModal\"\r\n              aria-label=\"Close\"\r\n            >\r\n              <i class=\"bi bi-x-lg\"></i>\r\n            </div>\r\n            <!--end::Close-->\r\n          </div>\r\n\r\n          <div\r\n            v-show=\"contentLanguages.length > 0\"\r\n            class=\"d-flex px-10 border-bottom\"\r\n            style=\"background: #fbfbfb; box-sizing: content-box\"\r\n          >\r\n            <ul\r\n              class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-6 flex-nowrap h-70px mw-850px\"\r\n              style=\"overflow-x: auto; overflow-y: hidden\"\r\n            >\r\n              <!--begin::Nav item-->\r\n              <li class=\"nav-item mx-3\">\r\n                <a\r\n                  @click=\"tabsLink = 'Standart'\"\r\n                  class=\"nav-link fs-6\"\r\n                  :class=\"`${tabsLink === 'Standart' ? 'active langue-tabs-bold' : ''}`\"\r\n                  data-bs-toggle=\"tab\"\r\n                  href=\"#kt_tab_pane_1\"\r\n                  >{{ translate(\"ActivitiyTypeAdd_2\") }}</a\r\n                >\r\n              </li>\r\n              <!--end::Nav item--><!--begin::Nav item-->\r\n              <li\r\n                v-for=\"(item, index) in contentLanguages\"\r\n                :key=\"index\"\r\n                class=\"nav-item mx-3\"\r\n              >\r\n                <a\r\n                  @click=\"tabsLink = item.Value\"\r\n                  :class=\"`nav-link fs-6 ${tabsLink === item.Value ? 'active langue-tabs-bold' : ''}`\"\r\n                  data-bs-toggle=\"tab\"\r\n                  :href=\"`#${item.Value}`\"\r\n                  >{{ item.Value }}</a\r\n                >\r\n              </li>\r\n              <!--end::Nav item-->\r\n            </ul>\r\n          </div>\r\n\r\n          <div\r\n            class=\"modal-body rounded p-0 ps-5 pe-5\"\r\n            style=\"padding-bottom: 1.5rem !important; background: #fbfbfb\"\r\n          >\r\n            <Form\r\n              v-slot=\"{ errors }\"\r\n              ref=\"refForm\"\r\n              id=\"example\"\r\n              class=\"form p-0 rounded-bottom\"\r\n              novalidate=\"novalidate\"\r\n              @submit=\"onSubmit\"\r\n              :validation-schema=\"achievementValidator\"\r\n            >\r\n              <div>\r\n                <div class=\"card-body\">\r\n                  <div\r\n                    class=\"tab-content\"\r\n                    id=\"myTabContent\"\r\n                  >\r\n                    <div\r\n                      class=\"tab-pane fade show active\"\r\n                      id=\"kt_tab_pane_1\"\r\n                      role=\"tabpanel\"\r\n                    >\r\n                      <div class=\"row mb-4\">\r\n                        <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                          translate(\"project_achievementlevels_modal_name_label\")\r\n                        }}</label>\r\n\r\n                        <div class=\"col-lg-8 fv-row d-v-container\">\r\n                          <div class=\"fv-plugins-message-container d-v-content\">\r\n                            <div class=\"fv-help-block ms-2 v-element\">\r\n                              <ErrorMessage name=\"levelText\" />\r\n                            </div>\r\n                          </div>\r\n                          <Field\r\n                            type=\"text\"\r\n                            name=\"levelText\"\r\n                            :class=\"`form-control form-control-lg fs-6 ${\r\n                              errors['levelText'] !== undefined ? 'v-invalid' : ''\r\n                            }`\"\r\n                            :placeholder=\"translate('project_achievementlevels_modal_name_label')\"\r\n                            v-model.trim=\"achievement.levelText\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"row mb-4\">\r\n                        <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                          translate(\"project_achievementlevels_modal_level_label\")\r\n                        }}</label>\r\n                        <div class=\"col-lg-8 fv-row d-flex\">\r\n                          <div class=\"d-flex col-lg-6\">\r\n                            <label class=\"col-form-label fw-bold fs-6 me-2\">\r\n                              {{ translate(\"Max\") }}\r\n                            </label>\r\n                            <input\r\n                              type=\"number\"\r\n                              max=\"100\"\r\n                              name=\"questionScore\"\r\n                              onkeydown=\"return event.keyCode !== 69\"\r\n                              @blur=\"maxValueControl\"\r\n                              v-model.number=\"achievement.maxValue\"\r\n                              :placeholder=\"translate('Max')\"\r\n                              class=\"form-control fs-6\"\r\n                            />\r\n                          </div>\r\n\r\n                          <div class=\"d-flex col-lg-6\">\r\n                            <label class=\"col-form-label fw-bold fs-6 me-2 mx-2\">\r\n                              {{ translate(\"Min\") }}\r\n                            </label>\r\n                            <input\r\n                              type=\"number\"\r\n                              min=\"0\"\r\n                              name=\"questionScore\"\r\n                              onkeydown=\"return event.keyCode !== 69\"\r\n                              @blur=\"minValueControl\"\r\n                              v-model.number=\"achievement.minValue\"\r\n                              :placeholder=\"translate('Min')\"\r\n                              class=\"form-control fs-6\"\r\n                            />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      v-for=\"(item, index) in contentLanguages\"\r\n                      :key=\"index\"\r\n                      class=\"tab-pane fade\"\r\n                      :id=\"`${item.Value}`\"\r\n                      role=\"tabpanel\"\r\n                    >\r\n                      <div class=\"row\">\r\n                        <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                          translate(\"project_achievementlevels_modal_name_label\")\r\n                        }}</label>\r\n                        <div class=\"col-lg-8 fv-row\">\r\n                          <input\r\n                            type=\"text\"\r\n                            :id=\"`name-${item.Id}`\"\r\n                            :name=\"item.Id\"\r\n                            class=\"form-control form-control-lg fs-6\"\r\n                            :placeholder=\"translate('project_achievementlevels_modal_name_label')\"\r\n                            :ref=\"\r\n                              (el) => {\r\n                                inputList[`language-${item.Id}`] = el;\r\n                              }\r\n                            \"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"d-flex justify-content-end ps-5 pe-5\"\r\n                  style=\"padding-top: 1.5rem !important\"\r\n                >\r\n                  <button\r\n                    @click=\"closeModal\"\r\n                    type=\"reset\"\r\n                    class=\"btn btn-white btn-active-light me-2 border btn-sm fs-6\"\r\n                  >\r\n                    {{ translate(\"Cancel\") }}\r\n                  </button>\r\n\r\n                  <button\r\n                    v-if=\"buttonShow\"\r\n                    type=\"submit\"\r\n                    id=\"kt_add_costumer_submit\"\r\n                    class=\"btn btn-primary border btn-sm fs-6\"\r\n                  >\r\n                    <div\r\n                      v-if=\"loading\"\r\n                      class=\"spinner-border spinner-border-sm mx-1\"\r\n                    ></div>\r\n                    <span class=\"indicator-label\">\r\n                      {{ translate(\"Add\") }}\r\n                    </span>\r\n                  </button>\r\n                  <a\r\n                    v-else\r\n                    @click=\"updateItem\"\r\n                    class=\"btn btn-primary border btn-sm fs-6\"\r\n                    :class=\"errors['levelText'] !== undefined || loading ? 'disabled' : ''\"\r\n                  >\r\n                    <span class=\"indicator-label\">\r\n                      <div\r\n                        v-if=\"loading\"\r\n                        class=\"spinner-border spinner-border-sm mx-1\"\r\n                      ></div>\r\n                      <span class=\"indicator-label\">\r\n                        {{ translate(\"Save\") }}\r\n                      </span>\r\n                    </span>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </Form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, reactive, computed, inject, onMounted } from \"vue\";\r\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport * as Yup from \"yup\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport ProjectModule from \"@/store/modules/Customer/ProjectModule\";\r\n\r\n// Multi Language\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\nconst projectId = inject(\"projectId\");\r\nconst store = useStore();\r\nconst block = ref(false);\r\nconst checkAll = ref();\r\nconst loading = ref(false);\r\n\r\nconst selectedItem = computed(() => achievementList.value.filter((i) => i.Checked === true).length);\r\n\r\nconst achievementList = ref([]);\r\nconst achievementId = ref(null);\r\n\r\nlet payload = {\r\n  projectId: parseInt(projectId),\r\n  levels: [],\r\n};\r\n\r\nconst getProjectAchievement = () => {\r\n  block.value = true;\r\n  ProjectModule.actions\r\n    .GET_PROJECT_ACHIEVEMENTLEVEL(null, payload.projectId)\r\n    .then((response) => {\r\n      if (response !== false) {\r\n        payload.levels = [];\r\n        achievementList.value = [];\r\n        response.forEach((element) => {\r\n          payload.levels.push(element);\r\n          element.Checked = false;\r\n          achievementList.value.push(element);\r\n        });\r\n      }\r\n    })\r\n    .finally(() => (block.value = false));\r\n};\r\n\r\nconst saveProjectAchievement = (payload) => {\r\n  loading.value = true;\r\n  ProjectModule.actions.PROJECT_SAVE_PROJECT_ACHIEVEMENTLEVEL(null, payload).then((response) => {\r\n    if (response) {\r\n      getProjectAchievement();\r\n      loading.value = false;\r\n    }\r\n  });\r\n};\r\n\r\n// ? MODAL İŞLEMLERİ\r\n\r\nconst inputList = ref({});\r\n\r\nconst modalBlock = ref(false);\r\nstore.dispatch(\"LanguageModule/GET_LOCALİZATON\");\r\nconst contentLanguages = computed(() => store.getters[\"LanguageModule/_getLocalizatonList\"]);\r\n\r\n// Validation Tanımlaması\r\nconst achievementValidator = Yup.object().shape({\r\n  levelText: Yup.string().nullable().required(translate(\"project_achievementlevels_modal_level_required\")),\r\n});\r\n\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\nconst title = ref(\"project_achievementlevels_modal_create_title\");\r\nconst buttonShow = ref(true);\r\nconst tabsLink = ref(\"Standart\");\r\n\r\nconst achievement = reactive({\r\n  id: 0,\r\n  levelText: null,\r\n  minValue: 0,\r\n  maxValue: 1,\r\n  locales: [],\r\n});\r\n\r\n// Submit İşlemleri\r\nconst onSubmit = () => {\r\n  if (contentLanguages.value.length > 0) {\r\n    contentLanguages.value.forEach((item) => {\r\n      let value = inputList.value[\"language-\" + item.Id].value;\r\n      var localobj = {\r\n        languageId: null,\r\n        levelText: null,\r\n      };\r\n      if (value !== null && value !== \"\") {\r\n        localobj.languageId = item.Id;\r\n        localobj.levelText = value;\r\n        achievement.locales.push(localobj);\r\n      }\r\n    });\r\n  }\r\n\r\n  payload.levels.push(achievement);\r\n  saveProjectAchievement(payload);\r\n  closeModal();\r\n};\r\n\r\nconst editAchievement = (item) => {\r\n  title.value = \"project_achievementlevels_modal_edit_title\";\r\n  modalBlock.value = true;\r\n  achievement.id = item.Id;\r\n  achievement.levelText = item.LevelText;\r\n  achievement.locales = item.Locales;\r\n\r\n  if (item.Locales.length > 0) {\r\n    item.Locales.forEach((item) => {\r\n      inputList.value[\"language-\" + item.LanguageId].value = item.LevelText;\r\n    });\r\n  }\r\n  achievement.minValue = item.MinValue;\r\n  achievement.maxValue = item.MaxValue;\r\n  buttonShow.value = false;\r\n  modalBlock.value = false;\r\n};\r\n// Update Item\r\nconst updateItem = () => {\r\n  loading.value = true;\r\n  if (achievement.levelText !== \"\") {\r\n    if (contentLanguages.value.length > 0) {\r\n      achievement.locales = [];\r\n      contentLanguages.value.forEach((item) => {\r\n        let value = inputList.value[\"language-\" + item.Id].value;\r\n        var localobj = {\r\n          languageId: null,\r\n          levelText: null,\r\n        };\r\n        if (value !== null && value !== \"\") {\r\n          localobj.languageId = item.Id;\r\n          localobj.levelText = value;\r\n          achievement.locales.push(localobj);\r\n        }\r\n      });\r\n    }\r\n    let index = payload.levels.findIndex((i) => i.Id === achievement.id);\r\n    payload.levels.splice(index, 1);\r\n\r\n    payload.levels.push(achievement);\r\n    saveProjectAchievement(payload);\r\n    loading.value = false;\r\n    closeModal();\r\n  }\r\n};\r\n\r\nconst selectAll = (event) => {\r\n  achievementList.value.forEach((item) => (item.Checked = event.target.checked));\r\n};\r\n\r\nconst deleteAchievementn = (Id) => {\r\n  if (Id !== undefined) {\r\n    let index = payload.levels.findIndex((i) => i.Id === Id);\r\n    payload.levels.splice(index, 1);\r\n  } else {\r\n    achievementList.value.forEach((item) => {\r\n      if (item.Checked === true) {\r\n        let index = payload.levels.findIndex((i) => i.Id === item.Id);\r\n        payload.levels.splice(index, 1);\r\n      }\r\n    });\r\n  }\r\n  saveProjectAchievement(payload);\r\n};\r\n\r\n// Modal Close\r\nconst closeModal = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\n\r\nconst clearForm = () => {\r\n  setTimeout(() => {\r\n    if (contentLanguages.value.length > 0) {\r\n      contentLanguages.value.forEach((item) => {\r\n        document.getElementById(\"name-\" + item.Id).value = null;\r\n      });\r\n      contentLanguages.value.forEach((item) => {\r\n        document.getElementById(item.Value).classList.remove(\"show\", \"active\");\r\n      });\r\n      tabsLink.value = \"Standart\";\r\n      document.getElementById(\"kt_tab_pane_1\").classList.add(\"show\", \"active\");\r\n    }\r\n\r\n    title.value = \"project_achievementlevels_modal_create_title\";\r\n    achievement.id = 0;\r\n    achievement.levelText = null;\r\n    achievement.minValue = 0;\r\n    achievement.maxValue = 1;\r\n    buttonShow.value = true;\r\n    refForm.value.resetForm();\r\n  }, 300);\r\n};\r\n\r\nconst minValueControl = () => {\r\n  if (achievement.minValue < 0) {\r\n    achievement.minValue = 0;\r\n  }\r\n  if (achievement.maxValue <= achievement.minValue) {\r\n    achievement.minValue = achievement.maxValue - 1;\r\n  }\r\n};\r\n\r\nconst maxValueControl = () => {\r\n  if (achievement.maxValue > 100) {\r\n    achievement.maxValue = 100;\r\n  }\r\n  if (achievement.maxValue < achievement.minValue) {\r\n    achievement.maxValue = achievement.minValue + 1;\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  document.getElementById(\"add-achievement\").addEventListener(\"hide.bs.modal\", function () {\r\n    clearForm();\r\n  });\r\n});\r\n\r\ngetProjectAchievement();\r\n</script>\r\n\r\n<style scoped>\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  visibility: hidden;\r\n}\r\n.border-radius-left {\r\n  border-radius: 5px 0 0 5px !important;\r\n}\r\n.border-radius-right {\r\n  border-radius: 0 5px 5px 0 !important;\r\n}\r\n.select-menu-list {\r\n  right: 0;\r\n  top: 38px;\r\n  width: 200px;\r\n  background-color: #fff;\r\n  padding: 4px 2px 2px 2px;\r\n  z-index: 5;\r\n}\r\n.select-menu-list li {\r\n  list-style-type: none;\r\n  margin-bottom: 2px;\r\n  padding: 4px 2px 4px 5px;\r\n  color: #3f4254;\r\n}\r\n.select-menu-list li:hover {\r\n  background-color: #04c8c8;\r\n  font-weight: 500;\r\n  color: #fff;\r\n}\r\n.select-item {\r\n  background-color: #04c8c8a9;\r\n  color: #fff !important;\r\n  font-weight: 500;\r\n}\r\n.made-enter-active,\r\n.made-leave-active {\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n.made-enter-from,\r\n.made-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","import script from \"./P-AchievementLevelsComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./P-AchievementLevelsComp.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./P-AchievementLevelsComp.vue?vue&type=style&index=0&id=9eda07cc&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-9eda07cc\"]])\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../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!./P-AchievementLevelsComp.vue?vue&type=style&index=0&id=9eda07cc&scoped=true&lang=css\"","import { Modal } from \"bootstrap\";\r\n\r\nconst hideModal = (modalEl: HTMLElement | null): void => {\r\n  if (!modalEl) {\r\n    return;\r\n  }\r\n\r\n  const myModal = Modal.getInstance(modalEl);\r\n  myModal.hide();\r\n};\r\n\r\nconst removeModalBackdrop = (): void => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop, hideModal };\r\n"],"sourceRoot":""}