{"version":3,"file":"MaintenanceCard-4v1b_FxB.js","sources":["../../src/components/Toolbar/ToolbarButton.vue","../../src/components/Toolbar/ToolbarSubButton.vue","../../src/composable/controller/auth/useAuthLogout.ts","../../src/components/Layouts/SlidingUpMenu.vue","../../src/components/Toolbar/TheToolbar.vue"],"sourcesContent":["<template>\n  <flex-layout\n    class=\"button h-100 pt-3 px-1\"\n    :class=\"isSelected ? 'selected' : ''\"\n    align=\"center\"\n    justify=\"center\"\n    direction=\"column\"\n    wrap\n    @mouseenter=\"hover = true\"\n    @mouseleave=\"hover = false\"\n    @focus=\"hover = true\"\n    @blur=\"hover = false\"\n    @click=\"goToRoute\"\n    @keyup.enter=\"goToRoute\"\n  >\n    <base-icon class=\"icon mb-1\" :stroke=\"hover || isSelected? 'primary':'white'\" :name=\"props.icon\"\n               width=\"2rem\" height=\"2rem\"/>\n    <base-text class=\"text mb-1\" size=\"xs\" :color=\"hover || isSelected? 'primary':'white'\" no-wrap>\n      {{ props.label }}\n    </base-text>\n  </flex-layout>\n</template>\n\n<script setup lang=\"ts\">\n\nimport {defineProps, ref, computed} from 'vue';\nimport BaseText from '@/components/Texts/BaseText.vue';\nimport FlexLayout from '@/components/Layouts/FlexLayout.vue';\nimport BaseIcon from '@/components/Images/BaseIcon.vue';\nimport {useRouter, useRoute} from 'vue-router';\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  icon: {\n    type: String,\n    required: true,\n  },\n  badge: {\n    type: String,\n    required: false,\n  },\n  route: {\n    type: String,\n    required: false,\n  },\n});\n\nconst hover = ref(false);\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst isSelected = computed(() => route.name === props.route);\n\nfunction goToRoute() {\n  if (props.route) router.push({name: props.route});\n}\n</script>\n\n<style scoped>\n.button {\n  width: 100%;\n  max-width: 105px;\n  cursor: pointer;\n  transition: .3s ease-in-out;\n}\n\n.button:hover {\n  background: var(--accent);\n}\n\n.selected {\n  background: var(--accent);\n}\n\n.img-hover {\n  stroke: var(--primary) !important;\n  fill: var(--primary) !important;\n}\n\n.icon {\n  transition: .3s ease-in-out;\n}\n\n.text {\n  transition: .3s ease-in-out;\n}\n</style>\n","<template>\n  <flex-layout\n    class=\"button h-100 pt-2 pb-2\"\n    justify=\"center\"\n    align=\"center\"\n    @click=\"onContainerClick\"\n    @keyup.enter=\"onContainerClick\"\n  >\n    <base-text class=\"mx-auto my-auto pt-1\" size=\"sm\" color=\"primary\" justify=\"center\" bold>\n      {{ props.label }}\n    </base-text>\n    <base-icon\n      v-if=\"props.menuItems.length\"\n      class=\"chevron\"\n      :class=\"{'chevron-transform': openMenu}\"\n      name=\"chevron-right\"\n    />\n  </flex-layout>\n</template>\n\n<script setup lang=\"ts\">\n\nimport { ref } from 'vue';\nimport BaseText from '@/components/Texts/BaseText.vue';\nimport FlexLayout from '@/components/Layouts/FlexLayout.vue';\nimport BaseIcon from '@/components/Images/BaseIcon.vue';\nimport BaseMenu from '@/components/Layouts/BaseMenu.vue';\nimport { useRouter } from 'vue-router';\n\ninterface MenuItem {\n  text: string;\n  route: string;\n}\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  route: {\n    type: String,\n    required: false,\n  },\n  menuItems: {\n    type: Array as () => MenuItem[],\n    required: false,\n    default: () => [],\n  },\n});\n\nconst router = useRouter();\nconst openMenu = ref(false);\nconst emit = defineEmits<{(key: 'click', value: void): void}>();\n\nfunction onContainerClick() {\n  emit('click');\n  if (props.route) router.push({ name: props.route });\n}\n\n</script>\n\n<style scoped>\n.button {\n  width: 200px;\n  max-width: 200px;\n  cursor: pointer;\n  position: relative;\n  transition: .3s ease-in-out;\n}\n\n.button:hover{\n  background: var(--grayLight);\n}\n.chevron {\n  color: var(--primary);\n  position: absolute;\n  margin-top: auto;\n  margin-bottom: auto;\n  right: 10px;\n  transition: .3s ease-in-out;\n}\n.chevron-transform {\n  transform: rotate(90deg);\n}\n\n.menu {\n  background-color: var(--offWhite);\n  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.059));\n}\n\n.menu-item {\n  position: relative;\n  height: 55px;\n\n}\n.menu-item:hover {\n  cursor: pointer;\n  background: var(--grayLight);\n\n}\n\n</style>\n","import { useAuthStore } from '@/store/auth.store';\nimport { useRouter } from 'vue-router';\nimport { ref } from 'vue';\nimport {useHttp} from \"@/composable/service/useHttp\";\nimport userHttp from \"@/services/http/user.http\";\n\n\nexport function useAuthLogout() {\n  const http = useHttp(userHttp.logoutMyself);\n  const authStore = useAuthStore();\n  const router = useRouter();\n  const loading = ref<boolean>(true);\n  const error = ref<Error | null>(null);\n  const request = () => new Promise(async () => {\n    const token = authStore.token;\n    const res = await http.request({ userToken: token});\n    authStore.removeUser();\n    authStore.removeToken();\n    router.push({name: 'LogoutView'}).then(() => loading.value = false);\n  }).catch((err: unknown) => {\n    error.value = err as Error;\n    loading.value = false;\n  });\n  return {\n    loading,\n    error,\n    request,\n  };\n}\n","<template>\n  <sliding-up-layout :show-menu=\"!!items.length\" @open=\"items = $event ? items : []\" close-on-select>\n    <div class=\"menu-content p-3\">\n      <div class=\"menu-list\">\n        <flex-layout\n          v-for=\"(item, i) in items\" :key=\"i\"\n          class=\"menu-item\"\n          justify=\"center\"\n          align=\"align\"\n          @click=\"onclick(item)\"\n          @keyup.enter=\"onclick(item)\"\n        >\n          <flex-layout class=\"col-12\" justify=\"center\" align=\"center\">\n            <base-text color=\"primary\" class=\"pt-1\" justify=\"center\">{{ item.text }}</base-text>\n          </flex-layout>\n        </flex-layout>\n      </div>\n    </div>\n  </sliding-up-layout>\n</template>\n\n<script setup lang=\"ts\" generic=\"T extends { text: string }\">\nimport {defineModel} from 'vue'\nimport BaseText from '@/components/Texts/BaseText.vue';\nimport FlexLayout from '@/components/Layouts/FlexLayout.vue';\nimport SlidingUpLayout from '@/components/Layouts/SlidingUpLayout.vue';\n\nconst items = defineModel<T[]>({default: []});\n\nconst emits = defineEmits(['click']);\n\nfunction onclick(item: T) {\n  emits('click', item)\n}\n</script>\n\n<style scoped>\n\n.menu-item {\n  height: 55px;\n  width: 100%;\n  cursor: pointer;\n}\n\n.menu-item:hover {\n  background: var(--grayLight);\n}\n\n::placeholder {\n  /* Chrome, Firefox, Opera, Safari 10.1+ */\n  color: var(--placeholder);\n  opacity: 1; /* Firefox */\n}\n\n:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: red;\n}\n\n::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: red;\n}\n\n.menu-content {\n  background-color: var(--inputBackground);\n  contain: content;\n  border: none;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.menu-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.menu-item {\n  min-height: 58px;\n  cursor: pointer;\n  transition: 300ms;\n}\n\n.menu-item:hover {\n  background-color: var(--gray);\n}\n</style>\n","<template>\n  <header class=\"toolbar col-12 d-flex justify-content-center flex-wrap\">\n    <flex-layout class=\"col-12 bg-primary\" justify=\"center\" align=\"center\" wrap>\n      <flex-layout class=\"col-12 col-md-auto pe-1 py-2 py-md-0\" justify=\"center\" align=\"center\">\n        <base-image\n          class=\"mt-1 clickable header-position\"\n          src=\"housedo-logo-white.svg\"\n          alt=\"HOUSE DO\"\n          :max-width=\"140\"\n          @click=\"router.push({name: 'News', })\"\n          @keyup.enter=\"router.push({name: 'News', })\"\n        />\n        <base-title\n          class=\"ms-4 title clickable\"\n          color=\"white\"\n          border\n          size=\"xs\"\n          @click=\"router.push({name: 'News', })\">\n          マイページ\n        </base-title>\n      </flex-layout>\n      <flex-layout class=\"col-12 col-md-auto ps-1\" justify=\"center\">\n        <toolbar-button\n          v-for=\"(item, i) in menuItems\"\n          :key=\"i\"\n          :icon=\"item.icon\"\n          :label=\"item.text\"\n          @click=\"onMenuItemClick(item)\"/>\n      </flex-layout>\n    </flex-layout>\n    <div v-if=\"breakpoint.mdAndUp\" class=\"w-100 sub-menu bg-white\">\n      <flex-layout  justify=\"center\">\n        <toolbar-sub-button\n          v-for=\"(item, i) in selectedSubMenus\"\n          :key=\"i\"\n          :label=\"item.text\"\n          @click=\"onSubItemClick(item)\"\n        />\n      </flex-layout>\n    </div>\n    <div v-else>\n      <SlidingUpMenu :model-value=\"selectedSubMenus\" @update:model-value=\"close\" @click=\"onSubItemClick\"/>\n    </div>\n  </header>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseImage from '@/components/Images/BaseImage.vue';\nimport ToolbarButton from '@/components/Toolbar/ToolbarButton.vue';\nimport FlexLayout from '@/components/Layouts/FlexLayout.vue';\nimport ToolbarSubButton from '@/components/Toolbar/ToolbarSubButton.vue';\nimport {useRouter} from 'vue-router';\nimport {computed, onMounted, ref, watch} from 'vue';\nimport {useAuthLogout} from '@/composable/controller/auth/useAuthLogout';\nimport useGetShopConfig from '@/composable/controller/shop/useGetShopConfig';\nimport {useBreakpoint} from '@/composable/ui/useScreen';\nimport useApplicationConfig from \"@/composable/controller/application/useApplicationConfig\";\nimport BaseTitle from \"@/components/Texts/BaseTitle.vue\";\nimport SlidingUpMenu from \"@/components/Layouts/SlidingUpMenu.vue\";\nimport useGetMyHopes from \"@/composable/controller/hope/useGetMyHopes\";\n\nconst {isOnlineInquiryAvailable} = useGetShopConfig();\nconst {hopes} = useGetMyHopes();\n\nconst router = useRouter();\nconst breakpoint = useBreakpoint();\nconst {configuration} = useApplicationConfig();\nconst {request: logout} = useAuthLogout();\n\ntype MenuItem = {\n  text: string,\n  icon: string,\n  subMenuItems: { text: string, route: string | Function, tab?: string }[]\n};\n\nconst selectedSubMenus = ref<MenuItem['subMenuItems']>([]);\n\nconst menuItems = computed(() => {\n  const menuItems: MenuItem[] = [];\n  const sellMenuItem = {\n    text: '買いたい',\n    icon: 'toolbar-buy',\n    subMenuItems: [\n      {text: '不動産検索', route: 'EstateList'},\n      {text: \"イベント情報\", route: \"EventIndex\"},\n      { text: 'おうちノウハウ講座', route: 'KnowHowBuy'}\n    ]\n  };\n  if (configuration.value.isInDataPersistenceMaintenance && configuration.value.isDoNetOnlyMaintenance) {\n    sellMenuItem.subMenuItems.splice(1, 0, {text: 'お気に入り', route: 'EstateFavoriteList'});\n    sellMenuItem.subMenuItems.splice(2, 0, {text: '最近見た物件', route: 'EstateHistoryList'});\n  } else if(!configuration.value.isInDataPersistenceMaintenance) {\n    sellMenuItem.subMenuItems.splice(1, 0, {text: 'お気に入り', route: 'EstateFavoriteList'});\n    sellMenuItem.subMenuItems.splice(2, 0, {text: '最近見た物件', route: 'EstateHistoryList'});\n    sellMenuItem.subMenuItems.push({text: 'ご利用店舗', route: 'Hope'});\n  }\n\n  menuItems.push(sellMenuItem);\n  menuItems.push({\n    text: '売りたい',\n    icon: 'toolbar-sale',\n    subMenuItems: [\n      {text: '10秒査定', route: 'EstimateEstatePrice',},\n      {text: '簡易査定保存', route: 'EstatesToSell'},\n      {text: '正式査定依頼状況', route: 'EstatesAvailableToSell',},\n      {text: 'ご依頼の物件', route: 'SubmittedEstatesToSell',},\n      { text: 'おうちノウハウ講座', route: 'KnowHowSell'}\n    ]\n  });\n  menuItems.push({\n    text: 'アカウント',\n    icon: 'user',\n    subMenuItems: [\n      {text: 'アカウント', route: 'AccountIndex',},\n      {text: 'ログアウト', route: logout,}\n    ]\n  });\n  if (hopes.value.length) {\n    const inquiryOption = {\n      text: \"お問合せ\",\n      icon: 'conversation',\n      subMenuItems: [\n        {text: 'お問合せ', route: 'InquiryOther'},\n        {text: '来店予約', route: 'InquiryContact'},\n        {text: '機能ガイド', route: 'UsersGuide'}\n      ],\n    };\n    if (isOnlineInquiryAvailable.value) {\n      inquiryOption.subMenuItems.splice(1, 0, {\n        text: 'オンライン来店予約',\n        route: 'InquiryOnline'\n      });\n    }\n    menuItems.push(inquiryOption);\n  }\n  return menuItems;\n});\n\nfunction onMenuItemClick(item: MenuItem) {\n  selectedSubMenus.value = item.subMenuItems;\n}\n\nfunction onSubItemClick(item: MenuItem['subMenuItems'][number]) {\n  if (breakpoint.smAndDown) selectedSubMenus.value = [];\n\n  if (typeof item.route === 'function') item.route();\n  else router.push({name: item.route});\n\n}\n\n\nfunction close(value: any) {\n  selectedSubMenus.value = value;\n}\n\nonMounted(  () => {\n  selectedSubMenus.value = breakpoint.smAndDown ? [] : menuItems.value[0]?.subMenuItems || [];\n})\n\n\n</script>\n\n<style scoped>\n.toolbar {\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 20;\n}\n\n.title {\n  transition: .3s ease-in-out;\n  box-shadow: inset 0 0 0 1px var(--offWhite);\n  font-size: 16px !important;\n}\n\n.title:hover {\n  transform: scale(0.95);\n}\n\n.sub-menu {\n  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .059));\n}\n\n.clickable {\n  cursor: pointer;\n}\n\n.header-position {\n  position: relative;\n  top: 1px;\n}\n\nhtml, body {\n  max-width: 100%;\n  overflow-x: hidden;\n}\n\n@media (max-width: 767px) {\n  .toolbar .col-12 {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .sub-menu {\n    padding: 0;\n  }\n}\n</style>\n"],"names":["props","__props","hover","ref","router","useRouter","route","useRoute","isSelected","computed","goToRoute","openMenu","emit","__emit","onContainerClick","useAuthLogout","http","useHttp","userHttp","authStore","useAuthStore","loading","error","token","err","items","_useModel","emits","onclick","item","isOnlineInquiryAvailable","useGetShopConfig","hopes","useGetMyHopes","breakpoint","useBreakpoint","configuration","useApplicationConfig","logout","selectedSubMenus","menuItems","sellMenuItem","inquiryOption","onMenuItemClick","onSubItemClick","close","value","onMounted","_a"],"mappings":"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"}