{"version":3,"file":"App-67a967c6.js","sources":["../../../app/frontend/components/documents/DocumentsFilter.vue","../../../app/frontend/pages/documents/Main.vue","../../../app/frontend/pages/documents/Breadcrumb.vue","../../../app/frontend/pages/documents/PageHeading.vue","../../../app/frontend/pages/documents/App.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, PropType, inject, ref, computed, watch, onMounted } from 'vue'\nimport { DOCUMENTS } from '@/_core/endpoint'\nimport apiRequestManager from '@/_core/apiRequestManager'\nimport ButtonSubmit from '@/components/button/ButtonSubmit.vue'\nimport solutionCategory from '@/models/solutionCategory'\nimport type { Ref } from 'vue'\n\nexport default defineComponent({\n  name: 'DocumentsFilter',\n\n  components: {\n    ButtonSubmit,\n  },\n\n  props: {\n    /**\n     * 「課題・領域を選ぶ」の選択内容（サービスカテゴリ id）\n     */\n    inputSolutionCategoryIds: {\n      type: Object as PropType<{\n        name: string,\n        value: number[],\n      }>,\n      required: true,\n    },\n\n    /**\n     * 「資料の種類を選ぶ」の選択内容（資料種別 id）\n     */\n    inputDocumentCategoryIds: {\n      type: Object as PropType<{\n        name: string,\n        value: string[],\n      }>,\n      required: true,\n    },\n\n    /**\n     * 資料の検索結果の合計件数\n     */\n    totalCount: {\n      type: Number,\n      required: true,\n    },\n\n    form: {\n      type: Object as PropType<Form>,\n      required: true,\n    },\n\n    /**\n     * ページネーションのクエリパラメータ key 名\n     * @description 絞り込み遷移時にページネーション情報はリセットして遷移させる際に使用\n     */\n    pageQuery: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: ['update:selectedCategoryIds'],\n\n  setup(props, { emit }) {\n    // constants\n    const SOLUTION_CATEGORIES = inject<Record<string, string>>('SOLUTION_CATEGORIES')\n    const DOCUMENT_KIND_STATUS_TEXT = inject<Record<string, string>>('DOCUMENT_KIND_STATUS_TEXT')\n\n    const { solutionCategoriesByDomain } = solutionCategory()\n    const isShowModal = ref(false)\n    const selectedCategoryIdsLocal: Ref<{\n      solution: string[],\n      document: string[],\n    }> = ref({\n      solution: [],\n      document: [],\n    })\n    const totalCountLocal = ref(0)\n\n    /**\n     * カテゴリーセレクターのトリガー部分に表示する文字列\n     * セレクター内で選択されたカテゴリーラベルがカンマ区切りで列挙される\n     * ※ 未選択の場合は「すべて」が表示される\n     */\n    const selectedSolutionsLabel = computed<string>(() => {\n      /**\n       * 選択された「課題・領域」カテゴリーのラベル抽出\n       */\n      const solutionCategoryLabels = props.inputSolutionCategoryIds.value.map(id => SOLUTION_CATEGORIES![id as keyof typeof SOLUTION_CATEGORIES]).join(', ')\n\n      /**\n       * 選択された「資料の種類」カテゴリーのラベル抽出\n       */\n      const documentCategoryLabels = props.inputDocumentCategoryIds.value.length ? '種類：' + props.inputDocumentCategoryIds.value.map(id => DOCUMENT_KIND_STATUS_TEXT![id as keyof typeof DOCUMENT_KIND_STATUS_TEXT]).join(', ') : ''\n\n      // セパレータ（「課題・領域」と「資料の種類」のどちらも入力されてる場合は、間を「 / 」で分割）\n      const separator = solutionCategoryLabels && documentCategoryLabels ? ' / ' : ''\n\n      // 連結文字列生成\n      const label = `${solutionCategoryLabels}${separator}${documentCategoryLabels}`\n\n      return label ? label : 'すべて'\n    })\n\n    const filteredURL = computed<string>(() => {\n      const url = new URL(location.href)\n\n      // ページネーションのクエリは削除（1 ページ目から表示）\n      url.searchParams.delete(props.pageQuery)\n\n      // 製品カテゴリのクエリパラメータ生成\n      // 一旦カテゴリクエリをすべて消してから append し直す\n      url.searchParams.delete(`${props.inputSolutionCategoryIds.name}[]`)\n      if (selectedCategoryIdsLocal.value.solution.length) {\n        // 配列の値をクエリパラメータとして渡す際の rails のルールに則り、\n        // foo[]=bar&foo[]=baz という形でパラメータを生成する\n        // URL searchParams の set の場合、key の重複が排除されるため、append で連結させる\n        selectedCategoryIdsLocal.value.solution.forEach(v => {\n          url.searchParams.append(`${props.inputSolutionCategoryIds.name}[]`, v)\n        })\n      }\n\n      // 資料カテゴリのクエリパラメータ生成\n      url.searchParams.delete(`${props.inputDocumentCategoryIds.name}[]`)\n      if (selectedCategoryIdsLocal.value.document.length) {\n        selectedCategoryIdsLocal.value.document.forEach(v => {\n          url.searchParams.append(`${props.inputDocumentCategoryIds.name}[]`, v)\n        })\n      }\n\n      return url.href\n    })\n\n    /**\n     * URL クエリパラメータの「keyword」の値\n     */\n    const keywordValueOnQueryParam = computed<string>(() => {\n      const KEYWORD_PARAM_NAME = 'keyword'\n      const queryString = window.location.search\n      const params = new URLSearchParams(queryString)\n      const paramValue = params.get(KEYWORD_PARAM_NAME) || ''\n\n      return paramValue\n    })\n\n    watch(() => selectedCategoryIdsLocal.value.solution, () => {\n      fetchSelectedCategoryCount()\n    })\n\n    watch(() => selectedCategoryIdsLocal.value.document, () => {\n      fetchSelectedCategoryCount()\n    })\n\n    onMounted(() => {\n      init()\n    })\n\n    const init = (): void => {\n      selectedCategoryIdsLocal.value.solution = props.inputSolutionCategoryIds.value.map(String)\n      selectedCategoryIdsLocal.value.document = props.inputDocumentCategoryIds.value\n      totalCountLocal.value = props.totalCount\n    }\n\n    const showModal = (): void => {\n      init()\n      isShowModal.value = true\n    }\n\n    const fetchSelectedCategoryCount = async () => {\n      const params = {\n        solution_category_ids: selectedCategoryIdsLocal.value.solution,\n        document_kind_cds: selectedCategoryIdsLocal.value.document,\n        keyword: keywordValueOnQueryParam.value,\n      }\n\n      try {\n        await apiRequestManager.handleRequest({\n          endpoint: DOCUMENTS.COUNT,\n          params,\n          callback: (response, isSuccess) => {\n            if (isSuccess) {\n              totalCountLocal.value = response.data.total_count\n            }\n          }\n        })\n      } catch (error) {\n        console.log(error)\n      }\n    }\n\n    const runFilter = () => {\n      isShowModal.value = false\n      emit(\n        'update:selectedCategoryIds',\n        selectedCategoryIdsLocal.value.solution.map(Number),\n        selectedCategoryIdsLocal.value.document,\n        filteredURL.value,\n      )\n    }\n\n    const reset = (): void => {\n      selectedCategoryIdsLocal.value.solution = []\n      selectedCategoryIdsLocal.value.document = []\n    }\n\n    return {\n      // constants\n      DOCUMENT_KIND_STATUS_TEXT,\n\n      // data\n      selectedCategoryIdsLocal,\n      totalCountLocal,\n      isShowModal,\n\n      // computed\n      selectedSolutionsLabel,\n      solutionCategoriesByDomain,\n      filteredURL,\n\n      // methods\n      showModal,\n      runFilter,\n      reset,\n    }\n  }\n})\n</script>\n\n<template>\n  <div class=\"o-list__record\">\n    <dl class=\"o-list__record--unit\">\n      <dt class=\"o-list__record--term\">\n        カテゴリで探す\n      </dt>\n\n      <dd class=\"o-list__record--description\">\n        <div\n          :class=\"[\n            'o-action__categorySelector',\n            { 'is-active': isShowModal },\n          ]\">\n          <button\n            class=\"o-action__categorySelector--item\"\n            @click=\"showModal\">\n            {{ selectedSolutionsLabel }}\n          </button>\n        <!-- /.o-action__categorySelector --></div>\n\n        <ModalDefault\n          v-model:is-show=\"isShowModal\"\n          size=\"xxLarge\"\n          state-style-class=\"is-border\">\n          <template #description>\n            <div class=\"o-heading__categorySelector\">\n              <h2 class=\"o-heading__categorySelector--item\">\n                課題・領域を選ぶ\n              </h2>\n            <!-- /.o-heading__categorySelector --></div>\n\n            <div class=\"o-list__solutionDomain\">\n              <dl\n                v-for=\"(solutionCategories, domainLabel) in solutionCategoriesByDomain\"\n                :key=\"domainLabel\"\n                class=\"o-list__solutionDomain--unit\">\n                <dt class=\"o-list__solutionDomain--term\">\n                  {{ domainLabel }}\n                </dt>\n                <dd class=\"o-list__solutionDomain--description\">\n                  <div class=\"o-list__solutionCategory\">\n                    <ul class=\"o-list__solutionCategory--items\">\n                      <li\n                        v-for=\"(solutionCategory, key) in solutionCategories\"\n                        :key=\"key\"\n                        class=\"o-list__solutionCategory--item\">\n                        <div class=\"o-selector__solutionCategory\">\n                          <input\n                            :id=\"`solution-category-${key}`\"\n                            v-model=\"selectedCategoryIdsLocal.solution\"\n                            class=\"o-selector__solutionCategory--item\"\n                            type=\"checkbox\"\n                            :name=\"inputSolutionCategoryIds.name\"\n                            :value=\"key\">\n                          <label\n                            class=\"o-selector__solutionCategory--label\"\n                            :for=\"`solution-category-${key}`\">\n                            {{ solutionCategory }}\n                          </label>\n                        <!-- /.o-selector__solutionCategory --></div>\n                      </li>\n                    </ul>\n                  <!-- /.o-list__solutionCategory --></div>\n                </dd>\n              </dl>\n            <!-- /.o-list__solutionDomain --></div>\n\n            <div class=\"o-heading__categorySelector\">\n              <h2 class=\"o-heading__categorySelector--item\">\n                資料の種類を選ぶ\n              </h2>\n            <!-- /.o-heading__categorySelector --></div>\n\n            <div class=\"o-list__solutionCategory\">\n              <ul class=\"o-list__solutionCategory--items\">\n                <li\n                  v-for=\"(documentCategory, categoryKey) in DOCUMENT_KIND_STATUS_TEXT\"\n                  :key=\"categoryKey\"\n                  class=\"o-list__solutionCategory--item\">\n                  <div class=\"o-selector__solutionCategory\">\n                    <input\n                      :id=\"`solution-category-${categoryKey}`\"\n                      v-model=\"selectedCategoryIdsLocal.document\"\n                      class=\"o-selector__solutionCategory--item\"\n                      type=\"checkbox\"\n                      :name=\"inputDocumentCategoryIds.name\"\n                      :value=\"categoryKey\">\n                    <label\n                      class=\"o-selector__solutionCategory--label\"\n                      :for=\"`solution-category-${categoryKey}`\">\n                      {{ documentCategory }}\n                    </label>\n                  <!-- /.o-selector__solutionCategory --></div>\n                </li>\n              </ul>\n            <!-- /.o-list__solutionCategory --></div>\n          </template>\n\n          <template #action>\n            <div class=\"l-cols__modalAction\">\n              <div class=\"l-cols__modalAction--col\">\n                <div class=\"o-action__reset\">\n                  <button\n                    class=\"o-action__reset--item\"\n                    @click=\"reset\">\n                    リセット\n                  </button>\n                <!-- /.o-action__reset --></div>\n              <!-- /.l-cols__modalAction col --></div>\n\n              <div class=\"l-cols__modalAction--col\">\n                <ButtonSubmit\n                  :is-link=\"false\"\n                  :href=\"filteredURL\"\n                  :is-font-small=\"true\"\n                  emit-name=\"filterDocuments\"\n                  @filter-documents=\"runFilter\">\n                  {{ totalCountLocal }}件の資料を表示する\n                </ButtonSubmit>\n              <!-- /.l-cols__modalAction col --></div>\n            <!-- /.l-cols__modalAction --></div>\n          </template>\n        </ModalDefault>\n      </dd>\n    </dl>\n  <!-- /.o-list__record --></div>\n</template>\n\n<style lang=\"sass\" scoped>\n.l-cols__modalAction\n  $root: &\n  display: flex\n  align-items: center\n  justify-content: center\n\n  & &--col\n    margin-left: 8px\n\n    &:first-child\n      margin-left: 0\n\n  +breakpoint\n    flex-direction: column\n\n    #{$root}--col\n      margin-left: 0\n\n      &:first-child\n        order: 1\n        margin-top: 8px\n\n// object\n.o-heading__categorySelector\n  margin: 2.2em 0 1.4em\n\n  &:first-child\n    margin-top: 0\n\n  & &--item\n    line-height: 1.6\n    font-size: $font-large\n    padding-left: 0.6em\n    border-left: 4px solid $border-orange\n\n.o-list__record\n  // override CSS\n  // doesn't work overflow as inner content of the flex-item\n  // @see https://qiita.com/punkshiraishi/items/98f97d5db2f102026fb0\n  & &--description\n    min-width: 0\n\n.o-list__solutionDomain\n  & &--unit\n    margin-top: 1em\n\n    &:first-child\n      margin-top: 0\n\n  & &--term\n    font-weight: bold\n\n  & &--description\n    margin-top: 0.5em\n\n    &:first-child\n      margin-top: 0\n\n.o-list__solutionCategory\n  & &--items\n    display: flex\n    flex-wrap: wrap\n    margin:\n      top: -0.5em\n      left: -0.5em\n\n  & &--item\n    margin:\n      top: 0.5em\n      left: 0.5em\n\n.o-action__categorySelector\n  $root: &\n  $icon-size: 4px\n  $icon-margin: 16px\n\n  & &--item\n    width: 100%\n    display: block\n    position: relative\n    overflow: hidden\n    line-height: 2.5em\n    text-align: left\n    text-overflow: ellipsis\n    padding-right: $icon-size * 2 + $icon-margin\n    border-bottom: 1px solid $border-x-light-gray\n    white-space: nowrap\n    +transition\n\n    &::after\n      content: \"\"\n      width: $icon-size\n      height: $icon-size\n      display: block\n      position: absolute\n      top: 50%\n      right: 0\n      transform: translateY(-50%) rotate(-45deg)\n      margin:\n        top: -2px\n        right: 2px\n      border:\n        bottom: 2px solid $border-x-dark-gray\n        left: 2px solid $border-x-dark-gray\n      +transition\n\n    +mouseover\n      border-color: $border-orange\n\n  &.is-active\n    #{$root}--item\n      &::after\n        transform: translateY(-50%) rotate(135deg)\n        margin:\n          top: 0\n          right: 2px\n\n.o-action__reset\n  & &--item\n    width: 7.4em\n    display: block\n    line-height: 2.85em\n    font-size: $font-small\n    text-align: center\n    border-radius: 100vh\n    +transition\n\n    +mouseover\n      background-color: rgba($bg-xx-light-orange, 1)\n\n.o-selector__solutionCategory\n  $root: &\n  height: 100%\n  position: relative\n\n  $font-size-px: 14\n  $icon-width-px: 12\n  $icon-height-px: 6\n  $icon-margin-px: 8\n  $horizontal-padding-px: 16\n  $icon-width-em: math.div($icon-width-px, $font-size-px)\n  $icon-height-em: math.div($icon-height-px, $font-size-px)\n  $icon-margin-em: math.div($icon-margin-px, $font-size-px)\n  $horizontal-padding-em: math.div($horizontal-padding-px, $font-size-px)\n  & &--label\n    height: 100%\n    position: relative\n    display: block\n    overflow: hidden\n    line-height: 1.8\n    font-size: $font-small\n    text-align: center\n    padding: 0.4em #{$horizontal-padding-em}em 0.4em #{$horizontal-padding-em + $icon-width-em + $icon-margin-em}em\n    background-color: rgba($bg-white, 1)\n    border: 1px solid $border-x-light-gray\n    border-radius: 100vh\n    +transition\n\n    // チェックアイコン\n    &::before\n      content: \"\"\n      width: #{math.div($icon-width-em, 1.5)}em\n      height: #{math.div($icon-height-em, 1.5)}em\n      display: block\n      position: absolute\n      top: 50%\n      left: #{$horizontal-padding-em}em\n      transform: translateY(-50%) rotate(-45deg)\n      margin-top: -0.1em\n      border-bottom: 2px solid $border-x-light-gray\n      border-left: 2px solid $border-x-light-gray\n      +transition\n\n    +mouseover\n      border-color: $border-orange\n\n  // input[type=\"checkbox\"] 要素\n  // HTML のチェックボックス・ラジオボタン系はスタイリングできないため、非表示（width, height 0）\n  & &--item\n    width: 0\n    height: 0\n    position: absolute\n    top: 0\n    left: 0\n\n    // 選択状態\n    &:checked\n      + #{$root}--label\n        background-color: rgba($bg-xx-light-orange, 1)\n\n        &::before\n          border-bottom-color: $border-orange\n          border-left-color: $border-orange\n\n    // 非活性状態\n    &:disabled\n      + #{$root}--label\n        background-color: rgba($bg-gray, 1)\n\n      // 非活性且つ選択状態\n      &:checked\n        #{$root}--label\n          color: $font-gray\n          background-color: rgba($bg-orange, 1)\n</style>\n","<script lang=\"ts\">\nimport { defineComponent, ref, reactive, onMounted } from 'vue'\nimport { documentsPath } from '@/generated/railsRoutes'\nimport LayoutSolutionContentsCards from '@/components/solutions/LayoutSolutionContentsCards.vue'\nimport SearchForm from '@/components/search/SearchForm.vue'\nimport DocumentsFilter from '@/components/documents/DocumentsFilter.vue'\nimport PaginationDefault from '@/components/pagination/PaginationDefault.vue'\nimport stateInitializer from '@/models/stateInitializer'\nimport paginationModel from '@/models/pagination'\nimport { useScreenLockStore } from '@/stores/screenLock'\nimport wait from '@/utilities/wait'\n\nconst PAGINATION_QUERY = 'page'\n\nexport default defineComponent({\n  name: 'DocumentsMain',\n\n  components: {\n    LayoutSolutionContentsCards,\n    SearchForm,\n    DocumentsFilter,\n    PaginationDefault,\n  },\n\n  setup() {\n    interface State {\n      search: {\n        form: Form,\n        input: {\n          value: string,\n          name: string,\n        },\n      },\n      documentFilter: {\n        form: Form,\n        input: {\n          solutionCategoryIds: {\n            name: string,\n            value: number[],\n          },\n          documentCategoryIds: {\n            name: string,\n            value: string[],\n          },\n        },\n      }\n      documents: SolutionDocumentItem[],\n      pagination: Pagination,\n    }\n    const state: State = reactive({\n      search: {\n        form: {\n          action: '',\n          method: 'post',\n        },\n        input: {\n          value: '',\n          name: '',\n        },\n      },\n      documentFilter: {\n        form: {\n          action: '',\n          method: 'post',\n        },\n        input: {\n          solutionCategoryIds: {\n            name: '',\n            value: [],\n          },\n          documentCategoryIds: {\n            name: '',\n            value: [],\n          },\n        },\n      },\n      documents: [],\n      pagination: {\n        page: 0,\n        per: 0,\n        totalCount: 0,\n      },\n    })\n    stateInitializer(state, 'main')\n    const { pagination } = paginationModel(state.pagination)\n\n    // store\n    const screenLock = useScreenLockStore()\n\n    // 検索ワードの退避用\n    const searchWord = ref('')\n\n    onMounted(() => {\n      // 検索ワードを別の箱に逃がす（ページ表示時に初期値を逃さないと、別のワードで検索欄に再入力している最中にリアルタイムでハイライトが切り替わってしまうため）\n      searchWord.value = state.search.input.value\n    })\n\n    /**\n     * 絞り込み遷移表示\n     * @param solutionIds 絞り込みモーダルから emit で送られる製品カテゴリ ID 配列\n     * @param documentIds 絞り込みモーダルから emit で送られる資料カテゴリ ID 配列\n     * @param url 絞り込みモーダルから emit で送られる遷移 URL\n     */\n    const navigateToFilteredIndex = async (solutionIds: number[], documentIds: string[], url: string): void => {\n      // 絞り込みモーダル自体が消える際の screenLock 解除のため、一瞬待機させる\n      await wait(0.01)\n\n      screenLock.lockScreen({\n        hasBlackOut: true,\n        hasBlur: true,\n        hasWaitAnimation: true,\n        hasScrollLock: true,\n      })\n\n      state.documentFilter.input.solutionCategoryIds.value = solutionIds\n      state.documentFilter.input.documentCategoryIds.value = documentIds\n      location.assign(url)\n    }\n\n    return {\n      // constants\n      PAGINATION_QUERY,\n\n      // data\n      state,\n      searchWord,\n\n      // computed\n      pagination,\n\n      // methods\n      documentsPath,\n      navigateToFilteredIndex,\n    }\n  },\n})\n</script>\n\n<template>\n  <section class=\"section\">\n    <div\n      class=\"l-unit__documentIndex\"\n      :data-total-page=\"pagination.totalPage\">\n      <div class=\"l-unit__documentIndex--description\">\n        <LayoutSolutionContentsCards\n          :items=\"state.documents\"\n          :highlight-word=\"searchWord\" />\n      <!-- /.l-unit__documentIndex description --></div>\n\n      <!-- 検索フォーム -->\n      <div class=\"l-unit__documentIndex--action is-searchForm\">\n        <div class=\"o-list__record\">\n          <dl class=\"o-list__record--unit\">\n            <dt class=\"o-list__record--term u-media__gtSP\">\n              ワードで探す\n            </dt>\n\n            <dd class=\"o-list__record--description\">\n              <SearchForm\n                v-model=\"state.search.input.value\"\n                :form=\"state.search.form\"\n                :name=\"state.search.input.name\"\n                placeholder=\"例：中途採用\"\n                :has-reset=\"true\">\n                <template\n                  v-for=\"categoryId in state.documentFilter.input.solutionCategoryIds.value\"\n                  :key=\"categoryId\">\n                  <input\n                    class=\"input\"\n                    type=\"hidden\"\n                    :name=\"`${state.documentFilter.input.solutionCategoryIds.name}[]`\"\n                    :value=\"categoryId\">\n                </template>\n                <template\n                  v-for=\"categoryId in state.documentFilter.input.documentCategoryIds.value\"\n                  :key=\"categoryId\">\n                  <input\n                    class=\"input\"\n                    type=\"hidden\"\n                    :name=\"`${state.documentFilter.input.documentCategoryIds.name}[]`\"\n                    :value=\"categoryId\">\n                </template>\n              </SearchForm>\n            </dd>\n          </dl>\n        <!-- /.o-list__record --></div>\n      <!-- /.l-unit__documentIndex action --></div>\n\n      <!-- カテゴリー選択 -->\n      <div class=\"l-unit__documentIndex--action is-categorySelector\">\n        <DocumentsFilter\n          :input-solution-category-ids=\"state.documentFilter.input.solutionCategoryIds\"\n          :input-document-category-ids=\"state.documentFilter.input.documentCategoryIds\"\n          :form=\"state.documentFilter.form\"\n          :total-count=\"pagination.totalCount\"\n          :page-query=\"PAGINATION_QUERY\"\n          @update:selected-category-ids=\"navigateToFilteredIndex\" />\n      <!-- /.l-unit__documentIndex action --></div>\n\n      <!-- ページネーション -->\n      <div\n        v-if=\"pagination.totalPage\"\n        class=\"l-unit__documentIndex--action is-pagination\">\n        <PaginationDefault\n          :page=\"pagination.page\"\n          :offset=\"4\"\n          :total-page=\"pagination.totalPage || 0\" />\n      <!-- /.l-unit__documentIndex action --></div>\n    <!-- /.l-unit__documentIndex --></div>\n  </section>\n</template>\n\n<style lang=\"sass\" scoped>\n// layout\n.l-unit__documentIndex\n  $root: &\n  display: grid\n  grid-template:\n    rows: auto 1fr auto\n    columns: auto 1fr\n\n  & &--description\n    width: 100%\n    grid:\n      row: 2 / 3\n      column: 1 / 3\n    margin-top: 1.5em\n\n  $search-form-width: 380\n  & &--action\n    &.is-searchForm\n      width: #{$search-form-width}px\n      grid:\n        row: 1 / 2\n        column: 1 / 2\n\n    &.is-categorySelector\n      max-width: #{$global-contents-width-pc - $search-form-width}px\n      grid:\n        row: 1 / 2\n        column: 2 / 3\n      padding-left: 1.5em\n\n    &.is-pagination\n      width: 100%\n      grid:\n        row: 3 / 4\n        column: 1 / 3\n      margin-top: 3em\n\n  +breakpoint\n    display: flex\n    flex-direction: column\n\n    #{$root}--description\n      margin-top: 12px\n\n    #{$root}--action\n      &.is-searchForm,\n      &.is-categorySelector\n        width: auto\n        order: -1\n\n      &.is-categorySelector\n        max-width: none\n        margin-top: 1em\n        padding-left: 0\n\n      &.is-pagination\n        margin-top: 0\n        padding-top: 12px\n        border-top: 1px solid $border-x-light-gray\n\n    &[data-total-page=\"1\"]\n      #{$root}--action\n        &.is-pagination\n          padding-top: 0\n          border-top: none\n</style>\n\n","<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: 'DocumentsBreadcrumb',\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\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: 'DocumentsPageHeading',\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","<template>\n  <TemplateDefault>\n    <template #breadcrumbHeader>\n      <DocumentsBreadcrumb />\n    </template>\n\n    <template #pageHeading>\n      <DocumentsPageHeading />\n    </template>\n\n    <template #main>\n      <DocumentsMain />\n    </template>\n\n    <template #breadcrumbFooter>\n      <DocumentsBreadcrumb />\n    </template>\n  </TemplateDefault>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport DocumentsMain from './Main.vue'\nimport DocumentsBreadcrumb from './Breadcrumb.vue'\nimport DocumentsPageHeading from './PageHeading.vue'\n\nexport default defineComponent({\n  name: 'DocumentsApp',\n\n  components: {\n    DocumentsMain,\n    DocumentsBreadcrumb,\n    DocumentsPageHeading,\n  },\n})\n</script>\n\n"],"names":["_sfc_main$4","defineComponent","ButtonSubmit","props","emit","SOLUTION_CATEGORIES","inject","DOCUMENT_KIND_STATUS_TEXT","solutionCategoriesByDomain","solutionCategory","isShowModal","ref","selectedCategoryIdsLocal","totalCountLocal","selectedSolutionsLabel","computed","solutionCategoryLabels","id","documentCategoryLabels","label","filteredURL","url","v","keywordValueOnQueryParam","KEYWORD_PARAM_NAME","queryString","watch","fetchSelectedCategoryCount","onMounted","init","showModal","params","apiRequestManager","DOCUMENTS","response","isSuccess","_withScopeId","n","_pushScopeId","_popScopeId","_createElementVNode","_hoisted_7","_hoisted_13","_hoisted_19","_hoisted_20","_hoisted_21","_resolveComponent","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_normalizeClass","_toDisplayString","_ctx","_createVNode","_component_ModalDefault","_cache","$event","_withCtx","_hoisted_5","_hoisted_6","_Fragment","_renderList","solutionCategories","domainLabel","_hoisted_8","_hoisted_9","_hoisted_10","key","_hoisted_11","_withDirectives","_vModelCheckbox","_hoisted_14","_hoisted_15","_hoisted_16","documentCategory","categoryKey","_hoisted_17","_hoisted_22","args","_hoisted_23","_component_ButtonSubmit","PAGINATION_QUERY","_sfc_main$3","LayoutSolutionContentsCards","SearchForm","DocumentsFilter","PaginationDefault","state","reactive","stateInitializer","pagination","paginationModel","screenLock","useScreenLockStore","searchWord","documentsPath","solutionIds","documentIds","wait","_hoisted_12","_component_LayoutSolutionContentsCards","_component_SearchForm","categoryId","_component_DocumentsFilter","_component_PaginationDefault","_sfc_main$2","BreadcrumbNavigation","_component_BreadcrumbNavigation","_sfc_main$1","PageHeadingDefault","_component_PageHeadingDefault","_sfc_main","DocumentsMain","DocumentsBreadcrumb","DocumentsPageHeading","_component_TemplateDefault","_createBlock","_component_DocumentsBreadcrumb","_component_DocumentsPageHeading","_component_DocumentsMain"],"mappings":"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"}