{"version":3,"file":"index-3974750e.js","sources":["../../../app/javascript/assets/images/icons/arrow-down.svg","../../../app/javascript/components/common/ModalBase/index.vue","../../../app/javascript/assets/image/plus.svg","../../../app/javascript/assets/image/icon-plus.svg","../../../app/javascript/components/common/Button/AddButton/index.vue"],"sourcesContent":["export default \"__VITE_ASSET__734d620c__\"","<template>\n  <div class=\"modal fade\" :id=\"element\" role=\"dialog\" tabindex=\"-1\" aria-hidden=\"true\">\n    <div :class=\"`modal-dialog ${modalType}`\" :style=\"modalWidth\">\n      <div class=\"modal-content border-0 rounded-2\" :style=\"modalContentMaxHeight\">\n        <div :class=\"`modal-header ${headerBackground}`\">\n          <p :class=\"`modal-title text-start size-16 fw-bold w-100 ${colorText}`\">{{ title }}</p>\n          <button type=\"button\" :class=\"`btn-close ${btnColseColor}`\" @click=\"onClose\" aria-label=\"Close\" data-bs-dismiss=\"modal\"></button>\n        </div>\n        <div ref=\"modalBodyElement\" @scroll=\"checkScroll\" class=\"modal-body p-0 relative\">\n          <slot name=\"body\"></slot>\n        </div>\n        <div class=\"modal-footer d-flex justify-content-center rouned-0 flex-column p-0 m-0\">\n          <div v-if=\"isShowScrollButton && showDownButton\" class=\"m-0\">\n            <button class=\"btn btn-link p-3 m-0\" @click=\"onclick\">\n              <img src=\"@/assets/images/icons/arrow-down.svg\" />\n            </button>\n          </div>\n\n          <div v-if=\"isShowScrollButton && showDownButton\" class=\"border-bottom w-100 m-0\"></div>\n          <div v-if=\"!isShowAddButton\" class=\"m-0 p-3\">\n            <button type=\"button\"\n              :class=\"`btn btn-primary btn-primary-icon-plus h-36x w-${submitButtonWidth}x m-0 size-12 lh-12`\"\n              @click=\"onAddItems\">\n              霑ｽ蜉�縺吶ｋ\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { Modal } from \"bootstrap\";\n\nconst modal = ref<Element | null>(null);\nconst modalElement = ref();\nconst modalBodyElement = ref();\nconst showDownButton = ref(true);\n\nconst modalWidth = computed(()=> {\n  return props.width === 0 ? {} : { maxWidth: props.width + 'px' };\n});\n\nconst modalContentMaxHeight = computed(()=> {\n  return window.innerWidth <= 576 ? { maxHeight: 'calc(98vh - 132px)' } : {};\n});\n\nconst onOpen = () => {\n  modalElement.value = new Modal(<HTMLElement>document.getElementById(props.element));\n  modalElement.value.show()\n}\n\nconst onClose = () => {\n  modalElement?.value?.hide();\n  emits('close');\n}\n\nconst onAddItems = () => {\n  emits('addItems')\n  onClose()\n}\n\nconst emits = defineEmits(\n  ['addItems', 'close']\n)\n\ndefineExpose({ onOpen, onClose, modal });\n\nconst onclick = () => {\n  if (modalBodyElement.value) {\n    modalBodyElement.value.scrollTo({\n      top: modalBodyElement.value.scrollTop + 500,\n      behavior: 'smooth'\n    });\n  }\n};\n\nwatch(() => modalElement.value, async ()=> {\n  setTimeout(() => {\n    checkScroll();\n  }, 200);\n})\n\nconst checkScroll = () => {\n  if (modalBodyElement.value) {\n    const scrollTop = modalBodyElement.value.scrollTop;\n    const scrollHeight = modalBodyElement.value.scrollHeight;\n    const clientHeight = modalBodyElement.value.clientHeight;\n\n    const isAtBottom = scrollTop + clientHeight >= scrollHeight;\n    showDownButton.value = !isAtBottom;\n  }\n};\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: \"\",\n  },\n  element: {\n    type: String,\n    default: \"\",\n  },\n  isShowScrollButton: {\n    type: Boolean,\n    default: false\n  },\n  data: {\n    type: Number,\n    default: false\n  },\n  modalType: {\n    type: String,\n    default: \"modal-lg\"\n  },\n  submitButtonWidth: {\n    type: Number,\n    default: 184\n  },\n  width: {\n    type: Number,\n    default: 0\n  },\n  isShowAddButton: {\n    type: Boolean,\n    defautl: false\n  },\n  headerBackground: {\n    type: String,\n    default: \"\"\n  },\n  btnColseColor: {\n    type: String,\n    default: \"\"\n  },\n  colorText: {\n    type: String,\n    default: \"\"\n  }\n});\n</script>\n","export default \"__VITE_ASSET__ce36306f__\"","export default \"__VITE_ASSET__f81b723f__\"","<template>\n  <button\n    @mouseenter=\"onHover(true)\"\n    @mouseleave=\"onHover(false)\"\n    type=\"button\"\n    class=\"btn mw-sm-184x btn btn-outline-secondary h-36x d-flex justify-content-center align-items-center size-12 w-15 rounded-5\"\n  >\n    <img :src=currentIcon >\n    <span class=\"ms-2\">{{ title }}</span>\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport PLUS_ICON_URL from \"@/assets/image/plus.svg\";\nimport HOVER_PLUS_ICON_URL from \"@/assets/image/icon-plus.svg\";\nimport { ref } from \"vue\";\n\nconst currentIcon = ref(PLUS_ICON_URL)\n\nconst onHover = (isHovered: boolean) => {\n  currentIcon.value = isHovered ? HOVER_PLUS_ICON_URL : PLUS_ICON_URL\n}\n\ndefineProps<{ title: string}>()\n</script>\n"],"names":["_imports_0","modal","ref","modalElement","modalBodyElement","showDownButton","modalWidth","computed","props","modalContentMaxHeight","onOpen","Modal","onClose","_a","emits","onAddItems","__expose","onclick","watch","checkScroll","scrollTop","scrollHeight","clientHeight","isAtBottom","PLUS_ICON_URL","HOVER_PLUS_ICON_URL","currentIcon","onHover","isHovered"],"mappings":"mLAAA,MAAeA,EAAA,6vBCoCTC,EAAQC,EAAoB,IAAI,EAChCC,EAAeD,IACfE,EAAmBF,IACnBG,EAAiBH,EAAI,EAAI,EAEzBI,EAAaC,EAAS,IACnBC,EAAM,QAAU,EAAI,GAAK,CAAE,SAAUA,EAAM,MAAQ,KAC3D,EAEKC,EAAwBF,EAAS,IAC9B,OAAO,YAAc,IAAM,CAAE,UAAW,sBAAyB,EACzE,EAEKG,EAAS,IAAM,CACnBP,EAAa,MAAQ,IAAIQ,EAAmB,SAAS,eAAeH,EAAM,OAAO,CAAC,EAClFL,EAAa,MAAM,MAAK,EAGpBS,EAAU,IAAM,QACpBC,EAAAV,GAAA,YAAAA,EAAc,QAAd,MAAAU,EAAqB,OACrBC,EAAM,OAAO,CAAA,EAGTC,EAAa,IAAM,CACvBD,EAAM,UAAU,EACRF,GAAA,EAOVI,EAAa,CAAE,OAAAN,EAAQ,QAAAE,EAAS,MAAAX,CAAO,CAAA,EAEvC,MAAMgB,EAAU,IAAM,CAChBb,EAAiB,OACnBA,EAAiB,MAAM,SAAS,CAC9B,IAAKA,EAAiB,MAAM,UAAY,IACxC,SAAU,QAAA,CACX,CACH,EAGIc,EAAA,IAAMf,EAAa,MAAO,SAAW,CACzC,WAAW,IAAM,CACHgB,KACX,GAAG,CAAA,CACP,EAED,MAAMA,EAAc,IAAM,CACxB,GAAIf,EAAiB,MAAO,CACpB,MAAAgB,EAAYhB,EAAiB,MAAM,UACnCiB,EAAejB,EAAiB,MAAM,aACtCkB,EAAelB,EAAiB,MAAM,aAEtCmB,EAAaH,EAAYE,GAAgBD,EAC/ChB,EAAe,MAAQ,CAACkB,CAC1B,CAAA,ghCC7FaC,EAAA,qCCAAC,EAAA,mHCiBT,MAAAC,EAAcxB,EAAIsB,CAAa,EAE/BG,EAAWC,GAAuB,CAC1BF,EAAA,MAAQE,EAAYH,EAAsBD,CAAA"}