{"version":3,"file":"solutionCategory-6ddaacca.js","sources":["../../../app/frontend/components/solutions/SolutionName.vue","../../../app/frontend/models/solutionCategory.ts"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, PropType, computed } from 'vue'\nimport { solutionPath } from '@/generated/railsRoutes'\n\nexport default defineComponent({\n  name: 'SolutionName',\n\n  props: {\n    solution: {\n      type: Object as PropType<Solution>,\n      required: true,\n    },\n\n    /**\n     * リンクにするかどうか\n     */\n    hasLink: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * フォントサイズ\n     *  small ≒ 12px\n     *  normal ≒ 16px\n     */\n    size: {\n      type: String as PropType<'small' | 'normal'>,\n      default: 'small',\n      validator: (value: string) => {\n        return ['small', 'normal'].includes(value)\n      },\n    },\n\n    /**\n     * 幅超過の際に末尾を「…」で省略するかどうか\n     */\n    isTruncate: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  setup(props) {\n    const wrapperTagName = computed(() => props.solution.id && props.hasLink ? 'a' : 'p')\n\n    return {\n      // routes\n      solutionPath,\n\n      // computed\n      wrapperTagName,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'o-label__name',\n      `is-${size}`,\n      { 'is-truncate': isTruncate },\n    ]\">\n    <component\n      :is=\"wrapperTagName\"\n      class=\"o-label__name--item\"\n      :href=\"hasLink && solution.id ? solutionPath({id: solution.id}) : undefined\">\n      <span\n        v-if=\"solution.logoImageUrl\"\n        class=\"o-label__name--icon\">\n        <img\n          class=\"img\"\n          :src=\"solution.logoImageUrl\"\n          alt=\"\"\n          data-is-liquid=\"true\">\n      </span>\n      <span\n        v-if=\"solution.title\"\n        class=\"o-label__name--label is-solution\">\n        {{ solution.title }}\n      </span>\n      <span\n        v-if=\"solution.company?.name\"\n        class=\"o-label__name--label is-company\">\n        {{ solution.company?.name }}\n      </span>\n    </component>\n  <!-- /.o-label__name --></div>\n</template>\n\n<style lang=\"sass\" scoped>\n// object\n.o-label__name\n  $root: &\n  $icon-width: 1.2em  // same size as publisher icon in ContentsCard.vue\n  $icon-margin: 0.4em\n  $line-height: 1.6\n  font-size: $font-x-small\n\n  & &--item\n    position: relative\n    line-height: $line-height\n    color: $font-light-gray\n\n    &:has(> #{$root}--icon)\n      padding-left: $icon-width + $icon-margin\n\n    &[href]\n      display: block\n      color: $font-dark-blue\n      text-decoration: none\n      +transition\n\n      +mouseover\n        text-decoration: underline\n\n    #{$root}--item\n      color: inherit\n\n  & &--icon\n    width: $icon-width\n    height: #{$line-height}em\n    display: flex\n    flex-direction: column\n    justify-content: center\n    position: absolute\n    top: 0\n    left: 0\n    overflow: hidden\n\n    > .img\n      height: 100%\n      display: block\n      object-fit: contain\n      position: absolute\n      top: 50%\n      left: 50%\n      transform: translate(-50%, -50%)\n\n  & &--label\n    &.is-solution\n      &::after\n        content: \" | \"\n\n      &:last-child\n        &::after\n          display: none\n\n  &.is-small\n    font-size: $font-x-small\n\n  &.is-normal\n    font-size: $font-normal\n\n  &.is-truncate\n    #{$root}--item\n      overflow: hidden\n      text-overflow: ellipsis\n      white-space: nowrap\n</style>\n","import { inject, computed } from 'vue'\n\nconst solutionCategoryIdsByDomain = {\n  '人事・採用・労務領域': [1, 3, 4, 7, 15, 19, 20, 6, 27, 5],\n  '財務・経理': [2, 8, 9, 10, 30, 31],\n  '営業・マーケティング': [12, 13, 11],\n  'その他': [14, 16, 17, 18, 21, 23, 24, 26, 28, 32, 33, 34, 35, 29],\n}\n\nexport default function() {\n  // constants\n  const SOLUTION_CATEGORIES = inject<Record<string, string>>('SOLUTION_CATEGORIES')\n\n  /**\n   * フラットな key: value の組み合わせの定数型から Solution の領域ごとに区分されたオブジェクトへ変換\n   */\n  const solutionCategoriesByDomain = computed((): SolutionCategoriesByDomain => {\n    const domain = {}\n    let _category = {}\n\n    for (const domainLabel in solutionCategoryIdsByDomain) {\n      const _key = domainLabel as keyof typeof solutionCategoryIdsByDomain\n\n      solutionCategoryIdsByDomain[_key].forEach(id => {\n        const _id = id as keyof typeof SOLUTION_CATEGORIES\n\n        Object.assign(_category, { [_id]: SOLUTION_CATEGORIES![_id] })\n      })\n      Object.assign(domain, { [domainLabel]: _category })\n\n      _category = {}  // 初期化\n    }\n\n    return domain\n  })\n\n  /**\n   * 指定のカテゴリー ID から対応するカテゴリーのラベルを取得\n   * @param solutionId 対象のカテゴリー ID\n   */\n  const getSolutionCategoryLabel = (solutionId: number): string => {\n    const label = SOLUTION_CATEGORIES![solutionId as keyof typeof SOLUTION_CATEGORIES]\n    return label ? label : ''\n  }\n\n\n  return {\n    // computed\n    solutionCategoriesByDomain,\n\n    // methods\n    getSolutionCategoryLabel,\n  }\n}\n"],"names":["_sfc_main","defineComponent","value","props","wrapperTagName","computed","solutionPath","_hoisted_1","_hoisted_3","_hoisted_4","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_normalizeClass","_openBlock","_createBlock","_resolveDynamicComponent","_withCtx","_createElementBlock","_createElementVNode","_createCommentVNode","_toDisplayString","_a","_b","solutionCategoryIdsByDomain","solutionCategory","SOLUTION_CATEGORIES","inject","domain","_category","domainLabel","id","_id","solutionId","label"],"mappings":"2IAIA,MAAAA,EAAeC,EAAgB,CAC7B,KAAM,eAEN,MAAO,CACL,SAAU,CACR,KAAM,OACN,SAAU,EACZ,EAKA,QAAS,CACP,KAAM,QACN,QAAS,EACX,EAOA,KAAM,CACJ,KAAM,OACN,QAAS,QACT,UAAYC,GACH,CAAC,QAAS,QAAQ,EAAE,SAASA,CAAK,CAE7C,EAKA,WAAY,CACV,KAAM,QACN,QAAS,EACX,CACF,EAEA,MAAMC,EAAO,CACL,MAAAC,EAAiBC,EAAS,IAAMF,EAAM,SAAS,IAAMA,EAAM,QAAU,IAAM,GAAG,EAE7E,MAAA,CAEL,aAAAG,EAGA,eAAAF,CAAA,CAEJ,CACF,CAAC,QAgBOG,EAAM,CAAA,IAAA,yCASNC,EAAM,CAAA,IAAA,4CAKNC,EAAM,CAAA,IAAA,2CAzBJ,SAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,qBAA2C,MAAAC,EAAA,CAAA,iEAQxCC,EAAA,EAAAC,EAAWC,EAAcT,EAAkB,cAAA,EAAA,CAAA,MAAA,sBAS3C,KAAAA,EAAA,SAAAA,EAAA,SAAA,GAAAA,EAAA,aAAA,CAAA,GAAAA,EAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CARP,QAAAU,EAAA,IAAA,SAAA,OAAAV,EAGE,yBACa,EAAAW,EAAA,OAAAf,EAAA,CAAAgB,EACG,MAAC,CACf,MAAM,MACN,IAAeZ,EAAA,SAAA,aAAA,IAAA,sCAEnB,GAAAa,EAAA,GAAA,EAAA,EAMQb,EAAA,SAAA,OAAAO,MAAsB,OAD9BV,EAAAiB,EAAAd,EAAA,SAAA,KAAA,EAAA,CAAA,GAAAa,EAAA,GAAA,EAAA,GAAAE,EAAAf,EAAA,SAAA,UAAA,MAAAe,EAAA,MAAAR,EAAA,EAAAI,EAAA,OAAAb,EAAAgB,GAAAE,EAAAhB,EAAA,SAAA,UAAA,YAAAgB,EAAA,IAAA,EAAA,CAAA,GAAAH,EAAA,GAAA,EAAA,uFChFAI,EAA8B,CAClC,aAAc,CAAC,EAAG,EAAG,EAAG,EAAG,GAAI,GAAI,GAAI,EAAG,GAAI,CAAC,EAC/C,QAAS,CAAC,EAAG,EAAG,EAAG,GAAI,GAAI,EAAE,EAC7B,aAAc,CAAC,GAAI,GAAI,EAAE,EACzB,IAAO,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,EAAE,CAChE,EAE0B,SAAAC,GAAA,CAElB,MAAAC,EAAsBC,EAA+B,qBAAqB,EAmCzE,MAAA,CAEL,2BAhCiC1B,EAAS,IAAkC,CAC5E,MAAM2B,EAAS,CAAA,EACf,IAAIC,EAAY,CAAA,EAEhB,UAAWC,KAAeN,EAGIA,EAFfM,CAEmB,EAAE,QAAcC,GAAA,CAC9C,MAAMC,EAAMD,EAEL,OAAA,OAAOF,EAAW,CAAE,CAACG,CAAG,EAAGN,EAAqBM,CAAG,CAAA,CAAG,CAAA,CAC9D,EACD,OAAO,OAAOJ,EAAQ,CAAE,CAACE,CAAW,EAAGD,EAAW,EAElDA,EAAY,CAAA,EAGP,OAAAD,CAAA,CACR,EAiBC,yBAXgCK,GAA+B,CACzD,MAAAC,EAAQR,EAAqBO,CAA8C,EACjF,OAAOC,GAAgB,EAAA,CASvB,CAEJ"}