{"version":3,"file":"AsideSecondary-53075070.js","sources":["../../../app/frontend/pages/ranking/Breadcrumb.vue","../../../app/frontend/pages/ranking/PageHeading.vue","../../../app/frontend/pages/ranking/ContentsHeader.vue","../../../app/frontend/components/cta/SignUpCta.vue","../../../app/frontend/pages/ranking/AsideSecondary.vue","../../../app/frontend/images/banner/ranking/banner-related-documents_01.png"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, reactive } from 'vue'\nimport BreadcrumbNavigation from '@/components/_core/BreadcrumbNavigation.vue'\nimport stateInitializer from '@/models/stateInitializer'\n\nexport default defineComponent({\n  name: 'RankingBreadcrumb',\n\n  components: {\n    BreadcrumbNavigation,\n  },\n\n  setup() {\n    interface State {\n      items: Record<'label' | 'to', string>[],\n    }\n    const state: State = reactive({\n      items: [],\n    })\n    stateInitializer(state, 'breadcrumb')\n\n    return {\n      // data\n      state,\n    }\n  },\n})\n</script>\n\n<template>\n  <BreadcrumbNavigation :items=\"state.items\" />\n</template>\n","<template>\n  <PageHeadingDefault :label=\"state.label\" />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive } from 'vue'\nimport PageHeadingDefault from '@/components/_core/PageHeadingDefault.vue'\nimport stateInitializer from '@/models/stateInitializer'\n\nexport default defineComponent({\n  name: 'RankingPageHeading',\n\n  components: {\n    PageHeadingDefault,\n  },\n\n  setup() {\n    interface State {\n      label: string,\n    }\n    const state: State = reactive({\n      label: '',\n    })\n    stateInitializer(state, 'pageHeading')\n\n    return {\n      // data\n      state,\n    }\n  },\n})\n</script>\n","<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport TabDefault from '@/components/tab/TabDefault.vue'\nimport {\n  rankingIndexPath,\n  hallOfFameRankingIndexPath,\n  storiesRankingIndexPath,\n  keywordsRankingIndexPath,\n  commentsRankingIndexPath,\n  documentsRankingIndexPath,\n} from '@/generated/railsRoutes'\nimport { isCurrentPage } from '@/utilities/path'\nimport type { Ref } from 'vue'\n\nexport default defineComponent({\n  name: 'RankingContentsHeader',\n\n  components: {\n    TabDefault,\n  },\n\n  setup() {\n    const tab: Ref<TabItem[]> = ref([\n      {\n        key: 'index',\n        label: '急上昇',\n        to: rankingIndexPath(),\n      },\n      {\n        key: 'stories',\n        label: '特集',\n        to: storiesRankingIndexPath(),\n      },\n      {\n        key: 'documents',\n        label: 'お役立ち資料',\n        to: documentsRankingIndexPath(),\n      },\n      {\n        key: 'keywords',\n        label: '用語解説',\n        to: keywordsRankingIndexPath(),\n      },\n      {\n        key: 'comments',\n        label: 'コメント',\n        to: commentsRankingIndexPath(),\n      },\n      {\n        key: 'hallOfFame',\n        label: '殿堂入り',\n        to: hallOfFameRankingIndexPath(),\n      },\n    ])\n\n    /**\n     * 現在ページに該当するタブの key を算出する\n     */\n    const currentPageKey = computed<string>(() => {\n      return tab.value.find(v => {\n        return v.to && isCurrentPage(v.to)\n      })?.key || ''\n    })\n\n    return {\n      // data\n      tab,\n\n      // computed\n      currentPageKey,\n    }\n  },\n})\n</script>\n\n<template>\n  <TabDefault\n    :items=\"tab\"\n    :is-current-key=\"currentPageKey\" />\n</template>\n","/**\n * @fileoverview Aside 等に表示される会員登録 CTA セクション\n */\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ButtonSubmit from '@/components/button/ButtonSubmit.vue'\nimport { newUserRegistrationPath } from '@/generated/railsRoutes'\n\nexport default defineComponent({\n  name: 'SignUpCta',\n\n  components: {\n    ButtonSubmit,\n  },\n\n  setup() {\n    return {\n      // routes\n      newUserRegistrationPath,\n    }\n  },\n})\n</script>\n\n<template>\n  <section class=\"f-section__signUpCTA\">\n    <div class=\"f-section__signUpCTA--body\">\n      <div class=\"o-heading__signUpCTA\">\n        <h2 class=\"o-heading__signUpCTA--item\">\n          会員様しか読めない記事が<span class=\"span u-text__block\">\n            多数\n          </span>\n        </h2>\n      <!-- /.o-heading__signUpCTA --></div>\n\n      <div class=\"o-label__signUpCTA\">\n        <p class=\"o-label__signUpCTA--item\">\n          BizHintへ会員登録いただくと、全ての記事が無料でお読みいただけます。また、連載の更新情報やお役立ち資料を定期的にメールでお届け。ぜひご登録ください。\n        </p>\n      <!-- /.o-label__signUpCTA --></div>\n\n      <ButtonSubmit\n        :href=\"newUserRegistrationPath()\"\n        is-font-small\n        is-secondary\n        has-shadow\n        narrow-margin>\n        【無料】BizHintの会員になる\n      </ButtonSubmit>\n    <!-- /.f-section__signUpCTA body --></div>\n  <!-- /.f-section__signUpCTA --></section>\n</template>\n\n<style lang=\"sass\" scoped>\n// foundation\n.f-section__signUpCTA\n  border: 1px solid $border-x-light-gray\n  background-color: rgba($bg-white, 1)\n\n  $logo-width-origin: 300\n  $logo-height-origin: 63\n  $logo-height-render: 16\n  $logo-width-render: imageScaleSize($logo-width-origin, $logo-height-origin, $logo-height-render, width)\n  &::before\n    content: \"\"\n    width: #{$logo-width-render}px\n    height: 1em\n    display: block\n    margin:\n      top: 1em\n      left: 1em\n    background:\n      image: url(@/images/logo-bizhint_01.svg)\n      repeat: no-repeat\n      position: center center\n      size: contain\n\n  & &--body\n    padding: 1em\n\n// object\n.o-heading__signUpCTA\n  margin-bottom: 0.5em\n\n  &:last-child\n    margin-bottom: 0\n\n  & &--item\n    line-height: 1.4\n    font-size: $font-large\n\n.o-label__signUpCTA\n  & &--item\n    line-height: 1.6\n    font-size: $font-small\n</style>\n","<script lang=\"ts\">\nimport { defineComponent, reactive, computed, nextTick } from 'vue'\nimport SignUpCta from '@/components/cta/SignUpCta.vue'\nimport LayoutSolutionContentsCards from '@/components/solutions/LayoutSolutionContentsCards.vue'\nimport stateInitializer from '@/models/stateInitializer'\nimport { documentsPath } from '@/generated/railsRoutes'\nimport { useUserStore } from '@/stores/user'\n\nexport default defineComponent({\n  name: 'RankingAsideSecondary',\n\n  components: {\n    SignUpCta,\n    LayoutSolutionContentsCards,\n  },\n\n  emits: ['update:asideVisibility'],\n\n  setup(_, { emit }) {\n    interface State {\n      examples: SolutionContentItem[],\n    }\n    const state: State = reactive({\n      examples: [],\n    })\n    stateInitializer(state, 'asideSecondary')\n\n    // store\n    const userStore = useUserStore()\n\n    /**\n     * aside をレンダリングするかどうか\n     */\n    const hasAside = computed<boolean>(() => !userStore.context.isSignedIn || !!state.examples.length)\n\n    nextTick(() => {\n      // aside をレンダリングするかを親に伝達（未ログイン、または examples にコンテンツがあれば aside をレンダリングする）\n      emit('update:asideVisibility', hasAside.value)\n    })\n\n    return {\n      // routes\n      documentsPath,\n\n      // store\n      userStore,\n\n      // data\n      state,\n\n      // computed\n      hasAside,\n    }\n  },\n})\n</script>\n\n<template>\n  <section\n    v-if=\"hasAside\"\n    class=\"section\">\n    <SignUpCta v-if=\"!userStore.context.isSignedIn\" />\n\n    <section\n      v-if=\"state.examples.length\"\n      class=\"f-section__relatedDocuments\">\n      <div class=\"f-section__relatedDocuments--body\">\n        <div class=\"l-unit__relatedDocuments\">\n          <div class=\"l-unit__relatedDocuments--header\">\n            <div class=\"o-heading__relatedDocuments\">\n              <h2 class=\"o-heading__relatedDocuments--item\">\n                <img\n                  class=\"img\"\n                  src=\"@/images/banner/ranking/banner-related-documents_01.png\"\n                  alt=\"[画像] 関連資料を揃えました\"\n                  data-is-liquid=\"true\">\n              </h2>\n            <!-- /.o-heading__relatedDocuments --></div>\n          <!-- /.l-unit__relatedDocuments header --></div>\n\n          <div class=\"l-unit__relatedDocuments--description\">\n            <LayoutSolutionContentsCards\n              :items=\"state.examples\"\n              :cols=\"1\"\n              :horizontal=\"{\n                pc: true,\n                sp: true,\n              }\"\n              :heading-options=\"{\n                lineHeight: 1.4,\n                fontSize: {\n                  pc: '1.6rem',\n                  sp: '1.6rem',\n                }\n              }\"\n              :image-options=\"{\n                width: {\n                  pc: 100,\n                  sp: 100,\n                },\n                height: {\n                  pc: 50,\n                  sp: 50,\n                },\n              }\" />\n          <!-- /.l-unit__relatedDocuments description --></div>\n\n          <div class=\"l-unit__relatedDocuments--action\">\n            <p class=\"p u-text__right u-text__narrow\">\n              <a\n                class=\"a u-text__small u-action__forward\"\n                :href=\"documentsPath()\">\n                もっと資料を見る\n              </a>\n            </p>\n          <!-- /.l-unit__relatedDocuments action --></div>\n        <!-- /.l-unit__relatedDocuments --></div>\n\n      <!-- /.f-section__relatedDocuments --></div>\n    <!-- /.f-section__relatedDocuments --></section>\n  </section>\n</template>\n\n<style lang=\"sass\" scoped>\n// foundation\n.f-section__relatedDocuments\n  margin-top: changeSizePx2Em(40)\n\n  &:first-child\n    margin-top: 0\n\n  +breakpoint\n    margin-top: #{$global-prop-sp}px\n\n    &:first-child\n      margin-top: 0\n\n// layout\n.l-unit__relatedDocuments\n  & > *\n    background-color: rgba($bg-white, 1)\n    border:\n      left: 1px solid #5080b3\n      right: 1px solid #5080b3\n\n    &:last-child\n      border-bottom: 1px solid #5080b3\n\n  & &--header\n    background-color: transparent\n    border: none\n\n  & &--description,\n  & &--action\n    padding: 1em\n\n  & &--action\n    padding-top: 0\n\n    &::before\n      content: \"\"\n      width: 100%\n      height: 1px\n      display: block\n      margin-bottom: 1em\n      background-color: rgba(#9eb7d5, 1)\n</style>\n","export default \"__VITE_ASSET__527bd24b__\""],"names":["_sfc_main$4","defineComponent","BreadcrumbNavigation","state","reactive","stateInitializer","_component_BreadcrumbNavigation","_resolveComponent","_sfc_main$3","PageHeadingDefault","_component_PageHeadingDefault","_sfc_main$2","TabDefault","tab","ref","rankingIndexPath","storiesRankingIndexPath","documentsRankingIndexPath","keywordsRankingIndexPath","commentsRankingIndexPath","hallOfFameRankingIndexPath","currentPageKey","computed","_a","v","isCurrentPage","_openBlock","_createBlock","_component_TabDefault","_ctx","_sfc_main$1","ButtonSubmit","newUserRegistrationPath","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_component_ButtonSubmit","_sfc_main","SignUpCta","LayoutSolutionContentsCards","_","emit","userStore","useUserStore","hasAside","nextTick","documentsPath","_imports_0","_hoisted_5","_withScopeId","_hoisted_6","_component_LayoutSolutionContentsCards","_createCommentVNode","_component_SignUpCta","_hoisted_4","_createVNode","_hoisted_7","_hoisted_8"],"mappings":"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"}