{"version":3,"file":"LayoutContentsCardsRows-bf2823ea.js","sources":["../../../app/frontend/components/contents/LayoutContentsCardsRows.vue"],"sourcesContent":["/**\n * @fileoverview カードコンポーネントの汎用的な行レイアウトコンポーネント\n */\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue'\nimport { cardCommonProps } from '@/components/_parials/contentsCard'\nimport ContentsCard from '@/components/contents/ContentsCard.vue'\nimport SolutionContentsCard from '@/components/solutions/SolutionContentsCard.vue'\n\nexport default defineComponent({\n  name: 'LayoutContentsCardsRows',\n\n  components: {\n    ContentsCard,\n    SolutionContentsCard,\n  },\n\n  props: {\n    ...cardCommonProps,\n\n    /**\n     * コンテンツ情報の配列\n     */\n    items: {\n      type: Array as PropType<ContentItem[]>,\n      required: true,\n    },\n\n    hasSolutionLink: {\n      type: Boolean,\n      default: true,\n    },\n  },\n})\n</script>\n\n<template>\n  <div\n    v-if=\"items.length\"\n    class=\"o-list__contentsCard\">\n    <ul class=\"o-list__contentsCard--items\">\n      <li\n        v-for=\"(item) in items\"\n        :key=\"item.id\"\n        class=\"o-list__contentsCard--item\">\n        <!--\n          item に solution（製品）情報を持ってる場合は資料データのため、\n          製品用のコンテンツカードをレンダリング\n        -->\n        <template v-if=\"item.solution\">\n          <SolutionContentsCard\n            :item=\"item\"\n            :has-hero=\"hasHero\"\n            :highlight-word=\"highlightWord\"\n            :size=\"size\"\n            :horizontal=\"{ pc: true, sp: true }\"\n            :has-solution-link=\"hasSolutionLink\"\n            :heading-options=\"headingOptions\"\n            :image-options=\"imageOptions\" />\n        </template>\n        <template v-else>\n          <ContentsCard\n            :item=\"item\"\n            :has-hero=\"hasHero\"\n            :highlight-word=\"highlightWord\"\n            :size=\"size\"\n            :horizontal=\"{ pc: true, sp: true }\"\n            :heading-options=\"headingOptions\"\n            :image-options=\"imageOptions\" />\n        </template>\n      </li>\n    </ul>\n  <!-- /.o-list__contentsCard --></div>\n</template>\n\n<style lang=\"sass\" scoped>\n.o-list__contentsCard\n  $margin-px: 24\n  margin-top: changeSizePx2Em($margin-px)\n\n  &:first-child\n    margin-top: 0\n\n  & &--item\n    margin-top: changeSizePx2Em($margin-px)\n\n    &:first-child\n      margin-top: 0\n</style>\n"],"names":["_sfc_main","defineComponent","ContentsCard","SolutionContentsCard","cardCommonProps","_hoisted_1","_component_ContentsCard","_resolveComponent","_ctx","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_Fragment","_renderList","item","_createBlock","_component_SolutionContentsCard"],"mappings":"0NASA,MAAAA,EAAeC,EAAgB,CAC7B,KAAM,0BAEN,WAAY,CACV,aAAAC,EACA,qBAAAC,CACF,EAEA,MAAO,CACL,GAAGC,EAKH,MAAO,CACL,KAAM,MACN,SAAU,EACZ,EAEA,gBAAiB,CACf,KAAM,QACN,QAAS,EACX,CACF,CACF,CAAC,QAMGC,EAAM,CAAA,IAAA,kIADYC,EAAAC,EAAA,cAAA,EAElB,OAAAC,EAAA,MAAA,QAAAC,EAAA,EAAAC,EACE,MA6BKL,EAAA,CA7BLM,EAAA,KAAAC,EAAA,EAAAH,EAEQ,EAAO,EAAAC,EAAAG,EAAA,KAAAC,EAAAN,EAAA,MAAAO,IACRN,EAAA,EAA6BC,EAAA,KAAA,CAAA,IAAAK,EAAA,GAKb,MAAA,4BAAA,EAAA,CAENA,EAAA,UAAAN,IAAAO,EAAAC,EAAA,CACV,IAAA,EACA,KAAAF,EACA,WAAMP,EAAI,QACV,iBAAYA,EAAA,cACZ,KAAAA,EAAA,KACA,eAAe,GAAE,GAAA,EAAA,EACjB,oBAAeA,EAAA,gBAAA,kBAAAA,EAAA,eAGlB,gBAAAA,EAAA,YAAA,EACa,KAAA,EAAA,CAAA,OAAA,WAAA,iBAAA,OAAA,oBAAA,kBAAA,eAAA,CAAA,IAAAC,EAAA,EAAAO,EAAAV,EAAA,CACV,IAAA,EACA,KAAAS,EACA,WAAMP,EAAI,QACV,iBAAYA,EAAA,cACZ,KAAAA,EAAA,KACA,WAAe,CAAA,GAAA,GAAA,GAAA,EAAA,EAAA,kBAAAA,EAAA"}