{"version":3,"file":"App-d302edf1.js","sources":["../../../app/frontend/pages/ranking/Main.vue","../../../app/frontend/pages/ranking/App.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, inject, reactive, computed, onMounted } from 'vue'\nimport stateInitializer from '@/models/stateInitializer'\nimport LayoutRankingContentsCards from '@/components/contents/LayoutRankingContentsCards.vue'\nimport RankingPeriod from '@/components/date/RankingPeriod.vue'\nimport SelectorLite from '@/components/form/SelectorLite.vue'\nimport { useScreenLockStore } from '@/stores/screenLock'\nimport { useMediaQueryStore } from '@/stores/mediaQuery'\n\nexport default defineComponent({\n  name: 'RankingIndexMain',\n\n  components: {\n    LayoutRankingContentsCards,\n    RankingPeriod,\n    SelectorLite,\n  },\n\n  setup() {\n    interface State {\n      input: {\n        ranking: {\n          theme: {\n            value: string,\n          }\n        }\n      },\n      ranking: {\n        period: {\n          from: string,\n          to: string,\n        },\n        currentThemeId: number | null,\n        reports: ReportItem[],\n      },\n    }\n    const state: State = reactive({\n      input: {\n        ranking: {\n          theme: {\n            value: '',\n          }\n        }\n      },\n      ranking: {\n        period: {\n          from: '',\n          to: '',\n        },\n        currentThemeId: null,\n        reports: [],\n      },\n    })\n    stateInitializer(state, 'main')\n\n    // constants\n    const THEMES = inject<Record<string, string>>('THEMES') || {}\n    const DEFAULT_SElECT_ITEM = {\n      VALUE: '',\n      LABEL: 'すべて',\n    } as const\n\n    // store\n    const screenLock = useScreenLockStore()\n    const mediaQueryStore = useMediaQueryStore()\n\n    const themeItems = computed(() => {\n      return Object.keys(THEMES).map(key => {\n        return {\n          value: key,\n          label: THEMES[key],\n        }\n      })\n    })\n\n    onMounted(() => {\n      /**\n       * view_props の current theme id は number 型で、\n       * 定数で渡されるテーマ一覧の key（id 値）は string 型になっているので、\n       * current theme id を string に変換してテーマ selector 入力値に渡す\n       */\n      state.input.ranking.theme.value = state.ranking.currentThemeId?.toString() || ''\n    })\n\n    /**\n     * 動画カテゴリー絞り込み遷移表示\n     * @param videoCategoryId カテゴリーセレクターで選択された動画カテゴリー ID\n     */\n    const navigateTo = (themeId: number | string | undefined): void => {\n      // 遷移完了までスクリーンロック\n      screenLock.lockScreen({\n        hasBlackOut: false,\n        hasBlur: false,\n        hasWaitAnimation: false,\n      })\n\n      const url = new URL(location.href)\n      const QUERY_PARAM_KEY = 'theme' as const\n\n      // 製品カテゴリのクエリパラメータ生成\n      if (themeId) {\n        url.searchParams.set(QUERY_PARAM_KEY, themeId.toString())\n      } else {\n        url.searchParams.delete(QUERY_PARAM_KEY)\n      }\n\n      location.assign(url)\n    }\n\n    return {\n      // constants\n      DEFAULT_SElECT_ITEM,\n\n      // store\n      mediaQueryStore,\n\n      // data\n      state,\n\n      // computed\n      themeItems,\n\n      // methods\n      navigateTo,\n    }\n  },\n})\n</script>\n\n<template>\n  <section class=\"section\">\n    <RankingPeriod\n      :from=\"state.ranking.period.from\"\n      :to=\"state.ranking.period.to\" />\n\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          <SelectorLite\n            v-model=\"state.input.ranking.theme.value\"\n            :items=\"themeItems\"\n            :default-selector-label=\"DEFAULT_SElECT_ITEM.LABEL\"\n            :default-selector-value=\"DEFAULT_SElECT_ITEM.VALUE\"\n            :inline=\"!mediaQueryStore.context.isUnderPhablet\"\n            @change=\"navigateTo($event)\" />\n        </dd>\n      </dl>\n    <!-- /.o-list__record --></div>\n\n    <LayoutRankingContentsCards\n      :items=\"state.ranking.reports\"\n      category=\"index\" />\n  </section>\n</template>\n","<template>\n  <TemplateDefault>\n    <template #breadcrumbHeader>\n      <RankingBreadcrumb />\n    </template>\n\n    <template #pageHeading>\n      <RankingPageHeading />\n    </template>\n\n    <template #contentsHeader>\n      <RankingContentsHeader />\n    </template>\n\n    <template #main>\n      <RankingMain />\n    </template>\n\n    <template\n      v-if=\"hasAside\"\n      #asideSecondary>\n      <RankingAsideSecondary @update:aside-visibility=\"hasAside = $event\" />\n    </template>\n\n    <template #breadcrumbFooter>\n      <RankingBreadcrumb />\n    </template>\n  </TemplateDefault>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport RankingMain from './Main.vue'\nimport RankingBreadcrumb from './Breadcrumb.vue'\nimport RankingPageHeading from './PageHeading.vue'\nimport RankingContentsHeader from './ContentsHeader.vue'\nimport RankingAsideSecondary from './AsideSecondary.vue'\n\nexport default defineComponent({\n  name: 'RankingIndexApp',\n\n  components: {\n    RankingMain,\n    RankingBreadcrumb,\n    RankingPageHeading,\n    RankingContentsHeader,\n    RankingAsideSecondary,\n  },\n\n  setup() {\n    const hasAside = ref(true)\n\n    return {\n      // data\n      hasAside,\n    }\n  }\n})\n</script>\n"],"names":["_sfc_main$1","defineComponent","LayoutRankingContentsCards","RankingPeriod","SelectorLite","state","reactive","stateInitializer","THEMES","inject","DEFAULT_SElECT_ITEM","screenLock","useScreenLockStore","mediaQueryStore","useMediaQueryStore","themeItems","computed","key","onMounted","_a","themeId","url","QUERY_PARAM_KEY","_hoisted_2","_component_LayoutRankingContentsCards","_resolveComponent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_RankingPeriod","_ctx","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_component_SelectorLite","_cache","$event","_sfc_main","RankingMain","RankingBreadcrumb","RankingPageHeading","RankingContentsHeader","RankingAsideSecondary","ref","_component_TemplateDefault","_createBlock","_createSlots","_withCtx","_component_RankingBreadcrumb","_component_RankingPageHeading","_component_RankingContentsHeader","_component_RankingMain","_component_RankingAsideSecondary"],"mappings":"mqBASA,MAAAA,EAAeC,EAAgB,CAC7B,KAAM,mBAEN,WAAY,CACV,2BAAAC,EACA,cAAAC,EACA,aAAAC,CACF,EAEA,OAAQ,CAkBN,MAAMC,EAAeC,EAAS,CAC5B,MAAO,CACL,QAAS,CACP,MAAO,CACL,MAAO,EACT,CACF,CACF,EACA,QAAS,CACP,OAAQ,CACN,KAAM,GACN,GAAI,EACN,EACA,eAAgB,KAChB,QAAS,CAAC,CACZ,CAAA,CACD,EACDC,EAAiBF,EAAO,MAAM,EAG9B,MAAMG,EAASC,EAA+B,QAAQ,GAAK,CAAA,EACrDC,EAAsB,CAC1B,MAAO,GACP,MAAO,KAAA,EAIHC,EAAaC,IACbC,EAAkBC,IAElBC,EAAaC,EAAS,IACnB,OAAO,KAAKR,CAAM,EAAE,IAAWS,IAC7B,CACL,MAAOA,EACP,MAAOT,EAAOS,CAAG,CAAA,EAEpB,CACF,EAED,OAAAC,EAAU,IAAM,OAMRb,EAAA,MAAM,QAAQ,MAAM,QAAQc,EAAAd,EAAM,QAAQ,iBAAd,YAAAc,EAA8B,aAAc,EAAA,CAC/E,EA2BM,CAEL,oBAAAT,EAGA,gBAAAG,EAGA,MAAAR,EAGA,WAAAU,EAGA,WAnCkBK,GAA+C,CAEjET,EAAW,WAAW,CACpB,YAAa,GACb,QAAS,GACT,iBAAkB,EAAA,CACnB,EAED,MAAMU,EAAM,IAAI,IAAI,SAAS,IAAI,EAC3BC,EAAkB,QAGpBF,EACFC,EAAI,aAAa,IAAIC,EAAiBF,EAAQ,UAAU,EAEpDC,EAAA,aAAa,OAAOC,CAAe,EAGzC,SAAS,OAAOD,CAAG,CAAA,CAiBnB,CAEJ,CACF,CAAC,KAUS,MAAM,WACRE,EAAA,CAAA,MAAA,qBAII,MAAM,+LAeNC,EAAAC,EAAA,4BAAA,EAxBD,OAAAC,IAAQC,EAAmB,UAAAC,EAAA,CAAAC,EAC3BC,EAAuB,CAAA,KAAAC,EAAA,MAAA,QAAA,OAAA,KAE9B,GAAAA,EAAA,MAAA,QAgB+B,OAhB/B,EAAA,EACE,KAcK,EAAA,CAAA,OAAA,IAAA,CAAA,EAXEC,EAAA,MAAAT,EAAA,CAAAS,EAEL,KAQKC,EAAA,CAAAC,EANQF,EAAA,KAAKG,EAAO,CAAAN,EAAAO,EAAA,CACpB,WAAOL,EAAU,MAAA,MAAA,QAAA,MAAA,MACjB,wBAAwB,CAAyB,IAAAM,EAAA,CAAA,EAAAC,GAAAP,EAAA,MAAA,MAAA,QAAA,MAAA,MAAAO,GACjD,MAAAP,EAAA,WACA,yBAASA,EAAgB,oBAAQ,MACjC,yBAAMA,EAAE,oBAAA,MAAA,OAAA,CAAAA,EAAA,gBAAA,QAAA,oJAKjB,CAAA,CAAA,CAAA,IAEWP,EAAO,CAAA,MAAAO,EAAA,MAAA,QAAA,0ECrHtBQ,EAAetC,EAAgB,CAC7B,KAAM,kBAEN,WAAY,CACV,YAAAuC,EACA,kBAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,sBAAAC,CACF,EAEA,OAAQ,CAGC,MAAA,CAEL,SAJeC,EAAI,EAAI,CAIvB,CAEJ,CACF,CAAC,gKA9BmBC,EAAArB,EAAA,iBAAA,SAxBdC,EAAqB,EAAAqB,EAAAD,EAAA,KAAAE,EAAA,CAAA,iBAAAC,EAAA,IAAA,CAGZpB,EAAWqB,CACE,CAAA,CAAA,qBAGbrB,EAAcsB,CACE,CAAA,CAAA,wBAGhBtB,EACTuB,CAAe,CAAA,CAAA,cASNvB,EACYwB,CAAA,CAAA,CAAA,iCANf,EAAA,CAAA,EAAA,aAEN,KAAA,iBAAwB,GAAAJ,EAAA,IAAA,CAAApB,EAAAyB,EAAA"}