{"version":3,"file":"CategoryNav-Dy-S3P61.js","sources":["../../../../src/main/js/common/components/category-nav/CategoryNav.vue"],"sourcesContent":["<script>\nimport { CdrList, CdrText, CdrLink } from '@rei/cedar';\n\nexport default {\n  name: 'CategoryNav',\n  components: {\n    CdrList,\n    CdrText,\n    CdrLink,\n  },\n  props: {\n    categoryText: { type: String, required: false, default: () => '' },\n    linkCategories: { type: Array, required: true, default: () => {} },\n  },\n  computed: {\n    renderComponent() {\n      return this.linkCategories?.length;\n    },\n    /*\n    * Filter out any categories that don't have links.\n    */\n    computedLinkCategories() {\n      return this.linkCategories.filter((category) => category.children?.length);\n    },\n    srOnlyHeading() {\n      return `Shop ${this.categoryText} by category`;\n    },\n  },\n};\n</script>\n<template>\n  <div\n    v-if=\"renderComponent\"\n    class=\"category-nav\"\n  >\n    <cdr-text\n      tag=\"h2\"\n      class=\"category-nav__heading\"\n    >\n      {{ srOnlyHeading }}\n    </cdr-text>\n    <div class=\"category-nav__links\">\n      <div\n        v-for=\"(category, index) in computedLinkCategories\"\n        :key=\"index\"\n      >\n        <div v-if=\"category.children && category.children.length\">\n          <cdr-text\n            tag=\"h3\"\n          >\n            <cdr-link\n              :href=\"category.href\"\n              class=\"category-nav__category-title\"\n              modifier=\"standalone\"\n            >\n              {{ category.text }}\n            </cdr-link>\n          </cdr-text>\n          <cdr-list>\n            <li\n              v-for=\"(link, i) in category.children\"\n              :key=\"i\"\n            >\n              <cdr-link\n                :href=\"link.href\"\n                class=\"category-nav__category-links\"\n                modifier=\"standalone\"\n              >\n                {{ link.text }}\n              </cdr-link>\n            </li>\n          </cdr-list>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n@import '@rei/cdr-tokens/dist/rei-dot-com/scss/cdr-tokens.scss';\n\n.category-nav {\n  margin-top: $cdr-space-three-quarter-x;\n\n  &__heading {\n    @include cdr-display-sr-only;\n  }\n\n  &__links {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-row-gap: $cdr-space-three-x;\n    grid-column-gap: $cdr-space-one-and-a-half-x;\n\n    @include cdr-sm-mq-up {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    @include cdr-md-mq-up {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n  &__category-title {\n    @include cdr-text-heading-sans-300;\n    color: $cdr-color-text-primary;\n    display: block;\n    margin-bottom: $cdr-space-three-quarter-x;\n  }\n\n  &__category-links {\n    @include cdr-text-utility-sans-300;\n    color: $cdr-color-text-primary;\n    display: block;\n    &:not(:last-child) {\n      margin-bottom: $cdr-space-three-quarter-x;\n    }\n  }\n  &__aside-block {\n    &::before {\n      content: '';\n      background: url(//satchel.rei.com/media/img/ico/mega-menu-sprite.png);\n      height: 40px;\n      width: 40px;\n      object-fit: cover;\n    }\n  }\n}\n</style>\n"],"names":["_sfc_main","name","components","CdrList","CdrText","CdrLink","props","categoryText","type","String","required","default","linkCategories","Array","computed","renderComponent","_a","length","computedLinkCategories","filter","category","children","srOnlyHeading","key","class","_hoisted_2","$options","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_cdr_text","tag","_withCtx","_createTextVNode","_toDisplayString","_","_createElementVNode","_Fragment","_renderList","index","_hoisted_3","_component_cdr_link","href","modifier","text","_component_cdr_list","link","i","_createCommentVNode"],"mappings":"uSAGA,MAAKA,EAAU,CACbC,KAAM,cACNC,WAAY,SACVC,UACAC,EACAC,QAAAA,CACD,EACDC,MAAO,CACLC,aAAc,CAAEC,KAAMC,OAAQC,SAAU,GAAOC,QAASA,IAAM,EAAI,EAClEC,eAAgB,CAAEJ,KAAMK,MAAOH,SAAU,GAAMC,QAASA,IAAM,CAAA,CAAG,CAClE,EACDG,SAAU,CACRC,iBAAkB,OAChB,OAAOC,EAAA,KAAKJ,iBAAL,YAAAI,EAAqBC,MAC7B,EAIDC,wBAAyB,CACvB,OAAO,KAAKN,eAAeO,OAAQC,GAAQ,OAAKA,OAAAA,EAAAA,EAASC,WAATD,YAAAA,EAAmBH,OAAM,CAC1E,EACDK,eAAgB,CACd,MAAO,QAAQ,KAAKf,YAAY,cAClC,CACF,CACF,KA5BAgB,IAAA,EAiCIC,MAAM,gBAQDC,EAAA,CAAAD,MAAM,qBAAqB,KAzCpCD,IAAA,CAAA,uFAgCUG,EAAeX,iBADvBY,IAAAC,EA4CM,MA5CNC,EA4CM,CAxCJC,EAKWC,EAAA,CAJTC,IAAI,KACJR,MAAM,0BArCZb,QAAAsB,EAuCM,IAAmB,CAvCzBC,EAAAC,EAuCST,EAAaJ,aAAA,EAAA,CAAA,CAAA,GAvCtBc,EAAA,IAyCIC,EAiCM,MAjCNZ,EAiCM,EAhCJE,EAAA,EAAA,EAAAC,EA+BMU,OAzEZC,EA2CoCb,EAAAR,uBA3CpC,CA2CgBE,EAAUoB,SADpBZ,EA+BM,MAAA,CA7BHL,IAAKiB,CAAK,EAAA,CAEApB,EAASC,UAAYD,EAASC,SAASJ,QAAlDU,EAAA,EAAAC,EA0BM,MAxEda,EAAA,CA+CUX,EAUWC,EAAA,CATTC,IAAI,IAAI,EAAA,CAhDpBrB,QAAAsB,EAkDY,IAMW,CANXH,EAMWY,EAAA,CALRC,KAAMvB,EAASuB,KAChBnB,MAAM,+BACNoB,SAAS,eArDvBjC,QAAAsB,EAuDc,IAAmB,CAvDjCC,EAuDiBC,EAAAf,EAASyB,IAAI,EAAA,CAAA,CAAA,GAvD9BT,EAAA,oBAAAA,EAAA,SA0DUN,EAaWgB,EAAA,KAAA,CAvErBnC,QAAAsB,EA4Dc,IAAsC,QADxCL,EAWKU,EAAA,KAtEjBC,EA4DkCnB,EAASC,SA5D3C,CA4DsB0B,EAAMC,SADhBpB,EAWK,KAAA,CATFL,IAAKyB,CAAC,EAAA,CAEPlB,EAMWY,EAAA,CALRC,KAAMI,EAAKJ,KACZnB,MAAM,+BACNoB,SAAS,eAlEzBjC,QAAAsB,EAoEgB,IAAe,CApE/BC,EAoEmBC,EAAAY,EAAKF,IAAI,EAAA,CAAA,CAAA,GApE5BT,EAAA,8BAAAA,EAAA,YAAAa,EAAA,GAAA,EAAA,CAAA,gBAAAA,EAAA,GAAA,EAAA"}