{"version":3,"mappings":"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","names":["_sfc_main","name","components","AmbientVideoPlayer","LandingImageComponent","LandingImageComponentDeprecated","mixins","supportDeprecatedImageComponent","props","videoSource","type","Object","required","default","media","poster","String","ratio","contentPosition","reduceMotion","Boolean","data","validContentPositions","computed","ratioCssVariable","aspectRatio","aspectRatioMobile","test","width","height","split","parseInt","hasSourceKeys","mp4","webm","flexPosition","horizontal","vertical","includes","verConfig","horConfig","cssVars","renderImage","_a","xs","_b","sm","_c","images","_hoisted_1","class","_hoisted_2","_hoisted_3","_createElementBlock","style","_normalizeStyle","$options","_createElementVNode","_createBlock","_component_ambient_video_player","key","src","$props","cover","content","_renderSlot","_ctx","$slots","undefined","_","_createCommentVNode","_openBlock","_Fragment","_resolveDynamicComponent","imageComponent","_mergeProps","LandingContentBlock","LandingAction","StoriesComponent","StoryComponent","IconPlayFill","headingSection","stories","Array","grid","storyStackPosition","background","buttonOverride","modifier","target","tag","text","_component_stories_component","story","_renderList","index","_component_story_component","_createVNode","_component_landing_content_block","ref_for","javascriptActions","_withCtx","_component_landing_action","$data","onClick","$emit","video","videoId","_component_icon_play_fill","CategoryLead","SimpleTopCategories","StickySubnav","LeadComponent","SecondaryHeading","SeoBlock","AsyncProductRecommendations","CategoryNav","AmbientVideoInBanner","BrandRail","YoutubeVideoModal","defineAsyncComponent","__vitePreload","UgcPlacementComponent","StoryVideoComponent","analytics","ugcPlacementData","additionalData","componentModels","richRelevanceEnabled","adobeTargetOfferEnabled","testData","setup","categoryName","getPreviewUrl","reactiveComponentModels","useDynamicContent","value","recsPlacement","adobeTargetOffer","status","ewContentApplyAttempted","isYoutubeVideoModalOpen","youtubeVideoModalProps","modalTitle","modalDescription","showTitle","isMounted","renderingMap","lead","intro","stickySubnav","featuredCategories","relatedCategories","featuredBrands","ugcPlacementModule","ugcPlacementContent","ugcModuleEnabled","featuredStory","fullBleedBanner","complexFeaturedStories","constrainedBanner","articleSet","categoryNav","aboutCategory","uid","categoryNameNormalized","replaceAll","recsPlacementConfig","placement","placementType","context","id","categoryLead","title","description","image","leadId","heading","body","formatImageComponent","lazyLoad","renderedSizes","mobile","desktop","formatAmbientVideo","ambientVideo","hasMediaContent","classes","introduction","headingOpts","level","size","config","contentAlign","copy","transformPromotionToContentBlock","topCategories","renderComponent","categories","cta","featuredCategoriesCta","href","mappedCategories","transformLinkCollectionToCategories","links","length","hasBackground","mediaConfig","fit","padding","imageRatio","md","lg","bannerDefaults","bannerPosition","promotion","fullBleedBannerConfig","actionsOpt","allSecondaryButtons","configDestructuring","palette","bannerComponentProps","formatBannerContentStack","imageAnchor","categoriesConfig","formattedBrands","mediaOpt","radius","actionsOpts","transformPromotionToStory","complexfeaturedStory","landingStoryConfig","headingStoriesOpts","useCustomAnalyticId","useCustomText","theme","mapPromotions","promotions","map","actionsOptions","transformPromotionToLandingStories","alignText","headingChildOpts","articles","aboutTheCategory","headingFormat","convertToHtml","markup","category","children","categoryText","mapped","values","subcategory","child","linkCategories","stickyNav","items","transformLinkCollectionToStickyNav","ambientVideoBanner","secondaryButtonsOnly","defaultbannerComponentProps","javascriptCta","push","configContent","ugcGallery","mounted","getRecs","window","matchMedia","matches","isLivePreview","document","getElementById","initAdobe","e","console","error","methods","Promise","resolve","reject","onSuccess","onError","getAndApplyEWContent","catch","log","closeModal","openYoutubeVideoModal","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","analyticsMap","_normalizeClass","_component_category_lead","innerHTML","_hoisted_6","_normalizeProps","_guardReactiveProps","_component_sticky_subnav","_component_secondary_heading","_component_simple_top_categories","_component_brand_rail","_component_ugc_placement_component","hasMoreItems","hasMore","onOnLoadMore","loadMoreUgcData","_component_lead_component","_component_story_video_component","onOpenYoutubeVideoModal","_component_ambient_video_in_banner","_cache","$event","_component_async_product_recommendations","metrics","_component_category_nav","_component_seo_block","_component_youtube_video_modal","opened","onOnModalClose","createApp","app","createSSRApp","App","pageData","getClientPageData","mount"],"ignoreList":[],"sources":["../../../../src/main/js/pages/h/category-hub/components/category-lead/CategoryLead.vue","../../../../src/main/js/pages/h/category-hub/components/story-video-component/StoryVideoComponent.vue","../../../../src/main/js/pages/h/category-hub/CategoryHub.vue","../../../../src/main/js/pages/h/category-hub/main.js","../../../../src/main/js/pages/h/category-hub/entry-client.js"],"sourcesContent":["<script>\nimport AmbientVideoPlayer from '@rei/ambient-video-player';\nimport LandingImageComponent from '@rei/landing-image-component';\nimport LandingImageComponentDeprecated from '@rei/landing-image-component-deprecated';\nimport supportDeprecatedImageComponent from '../../../../../common/mixins/supportDeprecatedImageComponent';\n\nexport default {\n  name: 'CategoryLead',\n  components: {\n    AmbientVideoPlayer,\n    LandingImageComponent,\n    LandingImageComponentDeprecated,\n  },\n  mixins: [supportDeprecatedImageComponent],\n  props: {\n    videoSource: { type: Object, required: true, default: () => {} },\n    media: { type: Object, required: true, default: () => {} },\n    poster: { type: String, required: false, default: '' },\n    ratio: { type: String, required: false, default: '' },\n    contentPosition: { type: String, required: false, default: 'bottom-center' },\n    reduceMotion: { type: Boolean, required: false, default: false },\n  },\n  data() {\n    return {\n      validContentPositions: [\n        'top-left',\n        'top-center',\n        'top-right',\n        'center-left',\n        'center-center',\n        'center-right',\n        'bottom-left',\n        'bottom-center',\n        'bottom-right',\n      ],\n    };\n  },\n  computed: {\n    ratioCssVariable() {\n      let aspectRatio = 1 / 3; // Default ratio 3:1\n      const aspectRatioMobile = 1 / 2; // Mobile ratio 16:9\n      const ratioRgx = /^(?:\\d+)(?:-)(?:\\d+)/gm;\n\n      if (ratioRgx.test(this.ratio)) {\n        const [width, height] = this.ratio.split('-');\n        aspectRatio = parseInt(height, 10) / parseInt(width, 10);\n      }\n\n      return `\n        --ambient-video-ratio: max(44vh, min(45vh, calc(100vw * ${aspectRatio})));\n        --ambient-video-ratio-mobile: max(40vh, min(45vh, calc(100vw * ${aspectRatioMobile})))`;\n    },\n    hasSourceKeys() {\n      return this.videoSource.mp4 || this.videoSource.webm;\n    },\n    flexPosition() {\n      let horizontal = 'center';\n      let vertical = 'center';\n\n      if (this.validContentPositions.includes(this.contentPosition)) {\n        const [verConfig, horConfig] = this.contentPosition.split('-');\n\n        if (verConfig === 'top') {\n          vertical = 'flex-start';\n        } else if (verConfig === 'bottom') {\n          vertical = 'flex-end';\n        }\n\n        if (horConfig === 'left') {\n          horizontal = 'flex-start';\n        } else if (horConfig === 'right') {\n          horizontal = 'flex-end';\n        }\n      }\n\n      return {\n        horizontal,\n        vertical,\n      };\n    },\n    cssVars() {\n      return {\n        '--content-horizontal-position': this.flexPosition.horizontal,\n        '--content-vertical-position': this.flexPosition.vertical,\n      };\n    },\n    renderImage() {\n      const render = this.media?.xs || this.media?.sm || this.media?.images;\n      return !!render;\n    },\n  },\n};\n</script>\n<template>\n  <div\n    :style=\"ratioCssVariable\"\n    class=\"category-lead\"\n  >\n    <div class=\"category-lead__video-wrapper\">\n      <ambient-video-player\n        v-if=\"hasSourceKeys\"\n        :src=\"videoSource\"\n        :poster=\"poster\"\n        :cover=\"true\"\n        :reduce-motion=\"reduceMotion\"\n        class=\"category-lead__ambient-video\"\n      >\n        <template #content>\n          <div\n            :style=\"cssVars\"\n            class=\"category-lead__content-wrapper\"\n          >\n            <div class=\"category-lead__content\">\n              <slot name=\"content\" />\n            </div>\n          </div>\n        </template>\n      </ambient-video-player>\n      <template v-if=\"!hasSourceKeys && media\">\n        <component\n          :is=\"imageComponent\"\n          v-if=\"renderImage\"\n          custom-classes=\"category-lead__img-component\"\n          fetch-priority=\"high\"\n          :media=\"media\"\n          v-bind=\"media\"\n        />\n        <div\n          :style=\"cssVars\"\n          class=\"category-lead__content-wrapper\"\n        >\n          <div class=\"category-lead__content\">\n            <slot name=\"content\" />\n          </div>\n        </div>\n      </template>\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.category-lead {\n  position: relative;\n\n  &__video-wrapper {\n    position: relative;\n    height: var(--ambient-video-ratio-mobile);\n    min-height: 256px;\n\n    @include cdr-sm-mq-up {\n      min-height: 350px;\n      height: var(--ambient-video-ratio);\n    }\n\n    @include cdr-md-mq-up {\n      max-height: 800px;\n    }\n  }\n\n  &__ambient-video {\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n\n    :deep(.ambient-video__player) {\n      object-position: right center;\n    }\n\n    :deep(.ambient-video__controls) {\n      right: .8rem;\n      bottom: .8rem;\n      z-index: 4;\n      padding: 0;\n\n      @include cdr-sm-mq-up {\n        right: $cdr-space-two-x;\n        bottom: $cdr-space-two-x;\n      }\n    }\n\n    :deep(.ambient-video__controls-button) {\n      padding: 0.8rem;\n    }\n  }\n\n  &__content-wrapper {\n    display: flex;\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    justify-content: var(--content-horizontal-position);\n    align-items: var(--content-vertical-position);\n    z-index: 3;\n  }\n\n  &__content {\n    @include cdr-container;\n    pointer-events: all;\n    padding-bottom: $cdr-space-one-x;\n    flex: 1;\n\n    &::before {\n      // taken from banner comp\n      background: linear-gradient(to top, #000000 -3.78%, rgba(0, 0, 0, 0) 87.39%);\n      content: '';\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n    }\n\n    &--no-background {\n      background-color: none;\n    }\n\n    @include cdr-sm-mq-up {\n      padding-bottom: $cdr-space-two-x;\n    }\n  }\n}\n\n:deep(.category-lead__img-component) {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n</style>\n","<script>\nimport { LandingContentBlock, LandingAction } from '@rei/landing-content-block';\nimport { StoriesComponent, StoryComponent } from '@rei/landing-story';\nimport { IconPlayFill } from '@rei/cedar';\n\nexport default {\n  name: 'StoryVideoComponent',\n  components: {\n    LandingContentBlock,\n    LandingAction,\n    StoriesComponent,\n    StoryComponent,\n    IconPlayFill,\n  },\n  props: {\n    headingSection: { type: Object, required: false, default: () => {} },\n    stories: { type: Array, required: false, default: () => ([]) },\n    aspectRatio: { type: String, required: false, default: '5/4' },\n    grid: { type: String, required: false, default: 'double' },\n    storyStackPosition: { type: String, required: false, default: 'straight' },\n    background: { type: String, required: false, default: '' },\n  },\n  data() {\n    return {\n      // We want this button to be hardcoded/not authorable.\n      buttonOverride: {\n        modifier: 'secondary',\n        target: 'javascript',\n        tag: 'button',\n        text: 'Watch video',\n      },\n    };\n  },\n};\n</script>\n\n<template>\n  <stories-component\n    :heading-section=\"headingSection\"\n    :grid=\"grid\"\n    :story-stack-position=\"storyStackPosition\"\n    :background=\"background\"\n  >\n    <template #story>\n      <story-component\n        v-for=\"(story, index) in stories\"\n        :key=\"`story-${index}`\"\n        :media=\"story.media\"\n        aspect-ratio=\"4/3\"\n        :story-type=\"grid\"\n        :story-stack-position=\"storyStackPosition\"\n        :background=\"background\"\n      >\n        <template #content>\n          <landing-content-block v-bind=\"story.content\">\n            <template\n              #javascriptActions=\"{ javascriptActions }\"\n            >\n              <landing-action\n                v-if=\"javascriptActions && javascriptActions[0]\"\n                v-bind=\"buttonOverride\"\n                data-ui=\"open-modal-button\"\n                @click=\"$emit('open-youtube-video-modal', story?.video?.videoId)\"\n              >\n                <template #landing-action-icon>\n                  <icon-play-fill />\n                </template>\n              </landing-action>\n            </template>\n          </landing-content-block>\n        </template>\n      </story-component>\n    </template>\n  </stories-component>\n</template>\n\n<style lang=\"scss\"></style>\n","<script>\nimport { defineAsyncComponent } from 'vue';\nimport { useDynamicContent } from '@rei/cs-preview-fetch';\nimport StickySubnav from '@rei/sticky-subnav';\nimport SimpleTopCategories from '@rei/simple-top-categories';\nimport { LandingContentBlock } from '@rei/landing-content-block';\nimport SeoBlock from '@rei/landing-seo-block';\nimport BrandRail from '@rei/brand-rail';\nimport convertToHtml from '@rei/rich-text-renderer';\nimport { StoriesComponent } from '@rei/landing-story';\nimport AsyncProductRecommendations from '../../../common/async-components/product-recommendations/AsyncProductRecommendations.vue';\n\nimport CategoryNav from '../../../common/components/category-nav/CategoryNav.vue';\nimport SecondaryHeading from '../../../common/components/secondary-heading/SecondaryHeading.vue';\nimport LeadComponent from '../../../common/components/lead/LeadComponent.vue';\nimport CategoryLead from './components/category-lead/CategoryLead.vue';\nimport AmbientVideoInBanner from '../../../common/components/ambient-video-in-banner/AmbientVideoInBanner.vue';\nimport StoryVideoComponent from './components/story-video-component/StoryVideoComponent.vue';\nimport UgcPlacementComponent from '../../../common/components/ugc-placement-component/UgcPlacementComponent.vue';\nimport ugcPlacementData from '../../../common/mixins/ugcPlacementData';\nimport getRecs from '../../../utils/recommendations';\nimport analytics from '../../../common/mixins/analytics';\nimport { getAndApplyEWContent } from '../../../utils/getAndApplyAdobeTargetOffers';\n\nimport {\n  formatImageComponent,\n  formatAmbientVideo,\n  transformPromotionToContentBlock,\n  transformLinkCollectionToCategories,\n  transformLinkCollectionToStickyNav,\n  formatBannerContentStack,\n  configDestructuring,\n  transformPromotionToStory,\n  transformPromotionToLandingStories,\n} from '../../../utils/formatContentStackData';\n\nexport default {\n  name: 'CategoryHub',\n  components: {\n    CategoryLead,\n    SimpleTopCategories,\n    StickySubnav,\n    LeadComponent,\n    SecondaryHeading,\n    SeoBlock,\n    AsyncProductRecommendations,\n    CategoryNav,\n    AmbientVideoInBanner,\n    BrandRail,\n    YoutubeVideoModal: defineAsyncComponent(() => import('../../../common/components/youtube-video-modal/YoutubeVideoModal.vue')),\n    LandingContentBlock,\n    UgcPlacementComponent,\n    StoriesComponent,\n    StoryVideoComponent,\n  },\n  mixins: [analytics, ugcPlacementData],\n  props: {\n    additionalData: { type: Object, default: () => {} },\n    componentModels: { type: Object, default: () => {} },\n    richRelevanceEnabled: { type: Boolean, default: true },\n    adobeTargetOfferEnabled: { type: Boolean, default: false },\n    testData: { type: Object, default: () => {} },\n  },\n  setup(props) {\n    const { additionalData } = props;\n    const categoryName = additionalData?.['category-name'] || '';\n    const getPreviewUrl = () => `/home/rs/h/category-hub/${categoryName}/live-preview`;\n    const { content: reactiveComponentModels } = useDynamicContent(props, getPreviewUrl);\n    if (reactiveComponentModels.value?.componentModels) {\n      reactiveComponentModels.value = reactiveComponentModels.value.componentModels;\n    }\n    return {\n      reactiveComponentModels,\n    };\n  },\n  data() {\n    return {\n      recsPlacement: [],\n      // adobeTargetOffer duplicated from HomePageCs.vue - candidate for a mixin? -bmendez\n      adobeTargetOffer: {\n        ...this.adobeTargetOfferEnabled && { status: 'LOADING' },\n      },\n      // ewContentApplyAttempted duplicated from HomePageCs.vue - candidate for a mixin? -bmendez\n      ewContentApplyAttempted: false,\n      reduceMotion: false,\n      isYoutubeVideoModalOpen: false,\n      youtubeVideoModalProps: {\n        modalTitle: 'Watch the video',\n        modalDescription: 'Watch the video',\n        videoId: '',\n        showTitle: true,\n      },\n      isMounted: false,\n    };\n  },\n  computed: {\n    renderingMap() {\n      return {\n        lead: !!this.lead,\n        intro: !!this.intro,\n        'sticky-subnav': !!this.stickySubnav,\n        'featured-categories': !!this.featuredCategories,\n        'related-categories': !!this.relatedCategories,\n        'featured-brands': !!this.featuredBrands,\n        'ugc-gallery': !!this.ugcPlacementModule && !!this.ugcPlacementContent && !!this.ugcModuleEnabled,\n        'featured-story': !!this.featuredStory,\n        'full-bleed-banner': !!this.fullBleedBanner,\n        'complex-featured-stories': !!this.complexFeaturedStories,\n        'constrained-banner': !!this.constrainedBanner,\n        'article-set': !!this.articleSet,\n        'rich-relevance': !!(this.richRelevanceEnabled && !!this.recsPlacement[0]),\n        'category-navigation': !!this.categoryNav,\n        'about-category': !!this.aboutCategory,\n      };\n    },\n    uid() {\n      const { uid } = this.reactiveComponentModels || {};\n      return uid;\n    },\n    categoryName() {\n      const { 'category-name': categoryName } = this.additionalData || {};\n      if (categoryName === 'travel') return 'travel-and-luggage';\n      if (categoryName === 'kids') return 'kids-clothing';\n      return categoryName;\n    },\n    categoryNameNormalized() {\n      const { 'category-name': categoryName } = this.additionalData || {};\n      return (categoryName && categoryName.replaceAll('-', ' ')) || '';\n    },\n    recsPlacementConfig() {\n      if (this.categoryName) {\n        return {\n          placement: [{ placementType: 'category_page.core_hub_ol_rec_1' }],\n          context: 'category',\n          id: this.categoryName,\n        };\n      }\n      return null;\n    },\n    lead() {\n      const { categoryLead } = this.reactiveComponentModels || {};\n      const {\n        id, title, description, image, video,\n      } = categoryLead || {};\n\n      const leadId = id;\n      const heading = title;\n      const body = description;\n      const media = formatImageComponent(image, {\n        lazyLoad: false,\n        renderedSizes: {\n          mobile: '100vw',\n          desktop: '100vw',\n        },\n      });\n      const videoSource = formatAmbientVideo(video?.ambientVideo);\n      const hasMediaContent = !!media || !!videoSource?.mp4 || !!videoSource?.webm;\n      const renderComponent = (!!heading || !!body) || hasMediaContent;\n\n      return (\n        (renderComponent && {\n          classes: [\n            'c-hub__container',\n            'c-hub__lead',\n            (hasMediaContent && 'c-hub__lead--ambient-video') || 'c-hub__container--narrow',\n          ],\n          id: leadId || 'lead',\n          heading,\n          body,\n          hasMediaContent,\n          media,\n          videoSource,\n          poster: media?.xs,\n          reduceMotion: this.reduceMotion,\n        })\n        || null\n      );\n    },\n    intro() {\n      const { introduction, intro } = this.reactiveComponentModels || {};\n      const headingOpts = {\n        level: 'h2',\n        size: 'lg-standard',\n      };\n      const config = {\n        contentAlign: {\n          xs: 'center',\n        },\n      };\n      const copy = { description: introduction?.text };\n      const content = transformPromotionToContentBlock({ copy }, config, headingOpts);\n      return ((intro || introduction) && {\n        id: intro?.id || 'intro',\n        content,\n      }) || null;\n    },\n    featuredCategories() {\n      const { featuredCategories } = this.reactiveComponentModels || {};\n\n      let topCategories = [];\n      let renderComponent = false;\n\n      const {\n        id,\n        categories,\n        cta: featuredCategoriesCta,\n      } = featuredCategories || {};\n      const { title: text, href: target } = featuredCategoriesCta || {};\n      const mappedCategories = transformLinkCollectionToCategories({ links: categories }, 'categories');\n      const cta = { text, target };\n\n      // update the last item in the array and apply the sale class\n      if (mappedCategories.length) {\n        mappedCategories[mappedCategories.length - 1].style = 'sale';\n      }\n\n      topCategories = mappedCategories;\n      renderComponent = cta?.target && !!topCategories.length;\n\n      return (\n        (renderComponent && {\n          id: id || 'shop',\n          props: {\n            grid: '5',\n            cta,\n            categories: topCategories,\n            hasBackground: true,\n          },\n        })\n        || null\n      );\n    },\n    relatedCategories() {\n      const { relatedCategories } = this.reactiveComponentModels || {};\n      const { cta } = relatedCategories || {};\n\n      const mediaConfig = {\n        hasBackground: false,\n        fit: 'cover',\n        padding: {\n          mobile: 0,\n          desktop: 0,\n        },\n      };\n      const imageRatio = {\n        xs: '75%',\n        sm: '75%',\n        md: '75%',\n        lg: '75%',\n      };\n\n      const { id, heading, categories: links } = relatedCategories || {};\n      const mappedCategories = transformLinkCollectionToCategories({ links }, 'lifestyle');\n      const renderComponent = !!mappedCategories?.length && !!heading;\n\n      return (renderComponent && {\n        heading,\n        id: id || 'related-categories',\n        props: {\n          categories: mappedCategories,\n          cta,\n          mediaConfig,\n          imageRatio,\n        },\n      }) || null;\n    },\n    fullBleedBanner() {\n      const { fullBleedBanner } = this.reactiveComponentModels || {};\n      const headingOpts = {\n        level: 'h2',\n        size: 'lg-standard',\n      };\n      const config = {\n        contentAlign: {\n          xs: 'center',\n        },\n      };\n      const bannerDefaults = {\n        bannerPosition: { xs: 'center top' },\n        contentPosition: { xs: 'center bottom' },\n      };\n\n      const {\n        id, promotion, config: fullBleedBannerConfig,\n      } = fullBleedBanner || {};\n      const secondaryButtonsOnly = configDestructuring(fullBleedBanner, 'secondaryButtonsOnly');\n      const actionsOpt = {\n        allSecondaryButtons: secondaryButtonsOnly,\n      };\n      const palette = configDestructuring(fullBleedBanner, 'palette');\n      const media = formatImageComponent(promotion?.image, {\n        renderedSizes: {\n          mobile: '100vw',\n          desktop: '100vw',\n        },\n      });\n      const content = (transformPromotionToContentBlock(\n        promotion,\n        { ...config, palette },\n        headingOpts,\n        actionsOpt\n      ));\n      const bannerComponentProps = formatBannerContentStack({\n        ...fullBleedBannerConfig,\n        imageAnchor: promotion?.imageAnchor,\n      }, bannerDefaults);\n      const renderComponent = !!media && !!content;\n\n      return (renderComponent && {\n        id: id || 'full-bleed-banner',\n        props: {\n          media,\n          content,\n          palette,\n          bannerComponentProps,\n        },\n      }) || null;\n    },\n    featuredBrands() {\n      const { featuredBrands } = this.reactiveComponentModels || {};\n      const mediaConfig = {\n        hasBackground: false,\n        padding: {\n          mobile: '0', desktop: '0', hasBackground: false,\n        },\n      };\n      const categoriesConfig = { hasBackground: true };\n\n      const { id, heading } = featuredBrands || {};\n      const formattedBrands = transformLinkCollectionToCategories(featuredBrands, 'brands');\n      const renderComponent = !!heading && !!formattedBrands.length;\n\n      return (renderComponent && {\n        id: id || 'featured-brands',\n        heading,\n        props: {\n          categories: formattedBrands,\n          mediaConfig,\n          categoriesConfig,\n        },\n      }) || null;\n    },\n    featuredStory() {\n      const { featuredStory } = this.reactiveComponentModels || {};\n      const mediaOpt = { radius: 'rounded', renderedSizes: { mobile: '750px', desktop: '600px' } };\n      const headingOpts = { size: 'sm-standard' };\n\n      const palette = configDestructuring(featuredStory, 'palette');\n      const actionsOpts = { allSecondaryButtons: configDestructuring(featuredStory, 'secondaryButtonsOnly') };\n      const id = featuredStory?.id;\n      const story = [\n        transformPromotionToStory(\n          featuredStory?.promotion,\n          { palette },\n          headingOpts,\n          actionsOpts,\n          featuredStory?.promotion?.image,\n          mediaOpt\n        ),\n      ];\n\n      const renderComponent = !!featuredStory;\n\n      return (renderComponent && {\n        id: id || 'featured-story',\n        props: {\n          stories: story,\n          grid: 'single',\n          aspectRatio: '4/3',\n        },\n      }) || null;\n    },\n    complexFeaturedStories() {\n      const { complexFeaturedStories: complexfeaturedStory } = this.reactiveComponentModels || {};\n      const id = complexfeaturedStory?.id;\n      const landingStoryConfig = {\n        grid: 'double',\n        aspectRatio: '5/4',\n      };\n      const headingOpts = {\n        size: 'sm-standard',\n        level: 'h2',\n      };\n      const headingStoriesOpts = {\n        size: 'sm-standard',\n        level: 'h3',\n      };\n      const actionsOpts = {\n        useCustomAnalyticId: true,\n        useCustomText: true,\n        allSecondaryButtons: true,\n      };\n      const config = {\n        theme: 'primary',\n      };\n      const mapPromotions = complexfeaturedStory?.promotions?.map((promotion) => ({\n        ...promotion,\n        actionsOptions: actionsOpts,\n      }));\n\n      const stories = (!!mapPromotions?.length && transformPromotionToLandingStories(\n        mapPromotions,\n        landingStoryConfig,\n        null,\n        headingOpts,\n        config,\n        headingStoriesOpts,\n        null,\n      )) || [];\n\n      const renderComponent = !!stories?.stories?.length;\n      return (\n        (renderComponent && {\n          id: id || 'complex-featured-stories',\n          stories,\n        }) || null\n      );\n    },\n    articleSet() {\n      const { articleSet } = this.reactiveComponentModels || {};\n      const { id, heading } = articleSet || {};\n      const actionsOpts = {\n        useCustomAnalyticId: true,\n        useCustomText: true,\n        allSecondaryButtons: true,\n      };\n      const landingStoryConfig = {\n        grid: 'triple',\n        aspectRatio: '5/4',\n      };\n      const config = {\n        theme: 'primary',\n      };\n      const headingOpts = {\n        size: 'sm-standard',\n        level: 'h2',\n        alignText: 'left',\n      };\n      const headingChildOpts = {\n        size: 'sm-standard',\n        level: 'h3',\n      };\n\n      const mapPromotions = articleSet?.promotions?.map((promotion) => ({\n        ...promotion,\n        actionsOptions: actionsOpts,\n      }));\n\n      const articles = transformPromotionToLandingStories(\n        mapPromotions,\n        landingStoryConfig,\n        heading,\n        headingOpts,\n        config,\n        headingChildOpts,\n      );\n\n      const renderComponent = !!articles?.stories?.length;\n\n      return (\n        (renderComponent && {\n          id: id || 'advice-and-inspiration',\n          ...articles,\n        })\n        || null\n      );\n    },\n    aboutCategory() {\n      const { aboutTheCategory } = this.reactiveComponentModels || {};\n\n      const { image, heading, body } = aboutTheCategory || {};\n      const headingFormat = heading ? `<h2>${heading}</h2>` : '';\n      const id = aboutTheCategory?.id;\n      const media = formatImageComponent(image, {\n        renderedSizes: {\n          mobile: '100vw',\n          desktop: '50vw',\n        },\n      });\n      const text = headingFormat + convertToHtml(body);\n\n      const renderComponent = text;\n      return (\n        (renderComponent && {\n          id: id || 'about-category',\n          props: {\n            media,\n            markup: {\n              text,\n            },\n          },\n        })\n        || null\n      );\n    },\n    categoryNav() {\n      const { 'category-navigation': categoryNav } = this.additionalData || {};\n      const category = categoryNav?.children;\n      const categoryText = categoryNav?.text;\n      const mapped = (category && Object.values(category).map((subcategory) => {\n        const { children, text, href } = subcategory;\n        const mappedChildren = Object.values(children)\n          .map((child) => ({ text: child.text, href: child.href }));\n        return {\n          children: mappedChildren,\n          text,\n          href,\n        };\n      })) || [];\n      const renderComponent = !!mapped.length;\n\n      return (\n        (renderComponent && {\n          id: categoryNav.id || 'category-navigation',\n          props: {\n            linkCategories: mapped,\n            categoryText,\n          },\n        })\n        || null\n      );\n    },\n    stickySubnav() {\n      const { stickyNav } = this.reactiveComponentModels || {};\n\n      let renderComponent = false;\n\n      const id = stickyNav?.id;\n      const items = transformLinkCollectionToStickyNav(stickyNav);\n\n      renderComponent = !!items.length;\n\n      return (\n        (renderComponent && {\n          items,\n          id: id || 'sticky-nav',\n        })\n        || null\n      );\n    },\n    constrainedBanner() {\n      const { ambientVideoBanner } = this.reactiveComponentModels || {};\n      const secondaryButtonsOnly = configDestructuring(ambientVideoBanner, 'secondaryButtonsOnly');\n\n      const headingOpts = { level: 'h2', size: 'md-standard' };\n      const config = { contentAlign: { xs: 'center' } };\n      const defaultbannerComponentProps = {\n        contentPosition: { xs: 'center bottom', sm: 'center bottom' },\n      };\n\n      if (ambientVideoBanner?.promotion.video?.videoId) {\n        const javascriptCta = {\n          title: 'Watch video',\n          href: 'javascript',\n        };\n        ambientVideoBanner?.promotion?.links?.push(javascriptCta);\n      }\n\n      const actionsOpt = { allSecondaryButtons: secondaryButtonsOnly };\n      const configContent = {\n        ...config,\n        palette: configDestructuring(ambientVideoBanner, 'palette'),\n      };\n      const id = ambientVideoBanner?.id;\n      const content = transformPromotionToContentBlock(\n        ambientVideoBanner?.promotion,\n        configContent,\n        headingOpts,\n        actionsOpt\n      );\n      const media = formatImageComponent(ambientVideoBanner?.promotion?.image);\n      const videoId = ambientVideoBanner?.promotion.video?.videoId;\n      const video = {\n        src: formatAmbientVideo(ambientVideoBanner?.promotion.video?.ambientVideo),\n        poster: media?.xs,\n        ratio: '56-73',\n        cover: true,\n        reduceMotion: this.reduceMotion,\n      };\n      const bannerDefaultHeight = 'mid';\n      const bannerComponentProps = formatBannerContentStack(\n        {\n          ...ambientVideoBanner?.config,\n          imageAnchor: ambientVideoBanner?.promotion?.imageAnchor,\n        },\n        {\n          ...defaultbannerComponentProps,\n          bannerHeight: bannerDefaultHeight,\n        }\n      );\n      const renderComponent = !!content && (!!video || !!media);\n\n      return (renderComponent && {\n        id: id || 'ambient-video-in-banner',\n        videoId: videoId || '',\n        props: {\n          content,\n          media,\n          video,\n          bannerComponentProps,\n        },\n      }) || null;\n    },\n    ugcPlacementContent() {\n      const { ugcGallery } = this.reactiveComponentModels || {};\n      const { heading, description } = ugcGallery || {};\n      const config = { contentAlign: { xs: 'center' } };\n      const headingOpts = { level: 'h2', size: 'md-standard' };\n      const placementContent = transformPromotionToContentBlock({\n        copy: {\n          heading,\n          description,\n        },\n      }, config, headingOpts);\n\n      return placementContent || null;\n    },\n  },\n  async mounted() {\n    if (this.richRelevanceEnabled && this.recsPlacementConfig) {\n      const { placement, context, id } = this.recsPlacementConfig;\n      this.recsPlacement = await getRecs(placement, context, id, 'landing-page');\n    }\n    if (window.matchMedia('(prefers-reduced-motion)').matches) {\n      this.reduceMotion = true;\n    }\n\n    // Check if in live preview mode\n    const isLivePreview = typeof window !== 'undefined' && window.document.getElementById('cs-live-preview');\n\n    if (this.adobeTargetOfferEnabled && !isLivePreview) {\n      try {\n        await this.initAdobe();\n      } catch (e) {\n        // eslint-disable-next-line\n        console.error('Adobe initialization failed:', e);\n      }\n    }\n\n    this.isMounted = true;\n  },\n  methods: {\n    async initAdobe() {\n      return new Promise((resolve, reject) => {\n        const onSuccess = (data) => {\n          if (data) {\n            this.reactiveComponentModels = data;\n          }\n\n          this.adobeTargetOffer.status = 'SUCCESS';\n          resolve(data);\n        };\n\n        const onError = () => {\n          this.adobeTargetOffer.status = 'ERROR';\n          reject();\n        };\n\n        /**\n         * Checks for EdgeWorker Content and applies it on the first `mounted()`.\n         * Skip EdgeWorker content check on subsequent calls if application has been attempted.\n         * There is no need to pass `options` as those are provided server-side\n         */\n        if (!this.ewContentApplyAttempted) {\n          this.ewContentApplyAttempted = true;\n          getAndApplyEWContent(\n            this.reactiveComponentModels,\n            onSuccess,\n            onError,\n          );\n        }\n      })\n        // eslint-disable-next-line\n        .catch((e) => console.log('adobe init failed', e));\n    },\n    closeModal() {\n      this.isYoutubeVideoModalOpen = false;\n      this.youtubeVideoModalProps.videoId = '';\n    },\n    openYoutubeVideoModal(videoId) {\n      this.youtubeVideoModalProps.videoId = videoId;\n      this.isYoutubeVideoModalOpen = true;\n    },\n  },\n};\n</script>\n<template>\n  <div\n    class=\"c-hub\"\n  >\n    <!-- Lead / Static Image & Ambient Video -->\n    <section\n      v-if=\"renderingMap.lead\"\n      :id=\"lead.id\"\n      :data-location-name=\"analyticsMap.lead\"\n      data-ui=\"category-lead\"\n      :class=\"lead.classes\"\n    >\n      <template v-if=\"lead.hasMediaContent\">\n        <category-lead\n          :video-source=\"lead.videoSource\"\n          :media=\"lead.media\"\n          :poster=\"lead.poster\"\n          v-bind=\"lead\"\n        >\n          <template #content>\n            <div class=\"c-hub__lead-content\">\n              <h1\n                v-if=\"lead.heading\"\n                class=\"c-hub__lead-heading c-hub__lead-heading--lead-challenger\"\n                v-html=\"lead.heading\"\n              />\n              <div\n                v-if=\"lead.body\"\n                class=\"c-hub__lead-body\"\n                v-html=\"lead.body\"\n              />\n            </div>\n          </template>\n        </category-lead>\n      </template>\n      <div v-if=\"!lead.hasMediaContent\">\n        <h1\n          v-if=\"lead.heading\"\n          class=\"c-hub__heading c-hub__heading--primary\"\n          v-html=\"lead.heading\"\n        />\n        <p\n          v-if=\"lead.body\"\n          class=\"c-hub__text-blurb\"\n          v-html=\"lead.body\"\n        />\n      </div>\n    </section>\n\n    <!-- Intro -->\n    <section\n      v-if=\"renderingMap['intro']\"\n      :id=\"intro.id\"\n      :data-location-name=\"analyticsMap['intro']\"\n      class=\"c-hub__container c-hub__container--narrow c-hub__intro\"\n      data-ui=\"category-intro\"\n    >\n      <landing-content-block\n        v-bind=\"intro.content\"\n      />\n    </section>\n\n    <sticky-subnav\n      v-if=\"renderingMap['sticky-subnav']\"\n      :id=\"stickySubnav.id\"\n      :data-location-name=\"analyticsMap['sticky-subnav']\"\n      :nav-items=\"stickySubnav.items\"\n      class=\"c-hub__sticky-subnav\"\n      data-ui=\"sticky-subnav\"\n    />\n\n    <!-- Top categories -->\n    <section\n      v-if=\"renderingMap['featured-categories']\"\n      :id=\"featuredCategories.id\"\n      :data-location-name=\"analyticsMap['featured-categories']\"\n      class=\"c-hub__container c-hub__container--narrow c-hub__featured-categories\"\n      data-ui=\"category-top-categories\"\n    >\n      <secondary-heading :text=\"featuredCategories.heading\" />\n      <simple-top-categories v-bind=\"featuredCategories.props\" />\n    </section>\n\n    <!-- Related categories -->\n    <section\n      v-if=\"renderingMap['related-categories']\"\n      :id=\"relatedCategories.id\"\n      :data-location-name=\"analyticsMap['related-categories']\"\n      data-ui=\"category-related-categories\"\n      class=\"c-hub__container c-hub__container--narrow\"\n    >\n      <secondary-heading :text=\"relatedCategories.heading\" />\n      <simple-top-categories v-bind=\"relatedCategories.props\" />\n    </section>\n\n    <!-- Featured brands -->\n    <section\n      v-if=\"renderingMap['featured-brands']\"\n      :id=\"featuredBrands.id\"\n      :data-location-name=\"analyticsMap['featured-brands']\"\n      data-ui=\"category-featured-brands\"\n      class=\"c-hub__container c-hub__container--narrow\"\n    >\n      <secondary-heading :text=\"featuredBrands.heading\" />\n      <brand-rail v-bind=\"featuredBrands.props\" />\n    </section>\n\n    <!-- Ugc placement -->\n    <section\n      v-if=\"renderingMap['ugc-gallery']\"\n      id=\"ugc-placement-gallery\"\n      :data-location-name=\"analyticsMap['ugc-gallery']\"\n      data-ui=\"category-ugc-gallery\"\n      class=\"c-hub__container c-hub__container--ugc-placement\"\n    >\n      <div class=\"c-hub__container--narrow\">\n        <ugc-placement-component\n          v-bind=\"ugcPlacementModule\"\n          :content=\"ugcPlacementContent\"\n          :has-more-items=\"hasMoreItems.hasMore\"\n          @onLoadMore=\"loadMoreUgcData\"\n        />\n      </div>\n    </section>\n\n    <!-- Learn section -->\n    <div id=\"learn\">\n      <!-- Featured story -->\n      <section\n        v-if=\"renderingMap['featured-story']\"\n        :id=\"featuredStory.id\"\n        :data-location-name=\"analyticsMap['featured-story']\"\n        data-ui=\"category-featured-story\"\n        class=\"c-hub__container c-hub__container--narrow  c-hub__featured-story\"\n      >\n        <stories-component\n          v-bind=\"featuredStory.props\"\n        />\n      </section>\n\n      <!-- Lead -->\n      <section\n        v-if=\"renderingMap['full-bleed-banner']\"\n        :id=\"fullBleedBanner.id\"\n        :data-location-name=\"analyticsMap['full-bleed-banner']\"\n        data-ui=\"category-full-bleed-banner\"\n      >\n        <lead-component\n          class=\"c-hub__full-bleed-banner\"\n          v-bind=\"fullBleedBanner.props\"\n        />\n      </section>\n\n      <!-- Complex Featured Stories -->\n      <section\n        v-if=\"renderingMap['complex-featured-stories']\"\n        :id=\"complexFeaturedStories.id\"\n        :data-location-name=\"analyticsMap['complex-featured-stories']\"\n        data-ui=\"category-complex-featured-stories\"\n        class=\"c-hub__container c-hub__container--narrow\"\n      >\n        <story-video-component\n          v-bind=\"complexFeaturedStories.stories\"\n          @open-youtube-video-modal=\"openYoutubeVideoModal\"\n        />\n      </section>\n\n      <!-- Ambient Video In Banner (supports ambient video) -->\n      <section\n        v-if=\"renderingMap['constrained-banner']\"\n        :id=\"constrainedBanner.id\"\n        :data-location-name=\"analyticsMap['constrained-banner']\"\n        data-ui=\"category-constrained-banner\"\n        class=\"c-hub__container c-hub__container--narrow c-hub__featured-constrained-banner\"\n      >\n        <ambient-video-in-banner\n          v-bind=\"constrainedBanner.props\"\n          @openYoutubeVideoModal=\"openYoutubeVideoModal(constrainedBanner.videoId)\"\n        />\n      </section>\n\n      <!-- Expert advice and inspiration -->\n      <section\n        v-if=\"renderingMap['article-set']\"\n        :id=\"articleSet.id\"\n        :data-location-name=\"analyticsMap['article-set']\"\n        data-ui=\"category-article-set\"\n        class=\"c-hub__container c-hub__container--narrow\"\n      >\n        <story-video-component\n          v-bind=\"articleSet\"\n          @open-youtube-video-modal=\"openYoutubeVideoModal\"\n        />\n      </section>\n    </div>\n\n    <!-- Rich Relevance -->\n    <section\n      v-if=\"renderingMap['rich-relevance']\"\n      id=\"rich-relevance\"\n      :data-location-name=\"analyticsMap['rich-relevance']\"\n      data-ui=\"category-rr\"\n      class=\"c-hub__container c-hub__container--narrow c-hub__recommendations\"\n    >\n      <async-product-recommendations\n        :placement=\"recsPlacement[0]\"\n        :metrics=\"metrics\"\n      />\n    </section>\n\n    <!-- Category Navigation -->\n    <section\n      v-if=\"renderingMap['category-navigation']\"\n      :id=\"categoryNav.id\"\n      :data-location-name=\"analyticsMap['category-navigation']\"\n      data-ui=\"category-nav\"\n      class=\"c-hub__container c-hub__category-navigation\"\n    >\n      <div class=\"c-hub__container--narrow\">\n        <category-nav v-bind=\"categoryNav.props\" />\n      </div>\n    </section>\n    <!-- About Category -->\n    <section\n      v-if=\"renderingMap['about-category']\"\n      :id=\"aboutCategory.id\"\n      :data-location-name=\"analyticsMap['about-category']\"\n      data-ui=\"category-about\"\n      class=\"c-hub__container c-hub__container--narrow c-hub__about-category\"\n    >\n      <seo-block v-bind=\"aboutCategory.props\" />\n    </section>\n\n    <!-- Modals -->\n    <youtube-video-modal\n      v-if=\"isMounted\"\n      :opened=\"isYoutubeVideoModalOpen\"\n      v-bind=\"youtubeVideoModalProps\"\n      @onModalClose=\"closeModal\"\n    />\n  </div>\n</template>\n<style lang=\"scss\">\n@import \"@rei/cdr-tokens/dist/rei-dot-com/scss/cdr-tokens.scss\";\n@import '../../../../style/common/mixins.scss';\n\n.c-hub {\n  &__container {\n    padding-top: $cdr-space-one-and-a-half-x;\n    padding-bottom: $cdr-space-one-and-a-half-x;\n\n    @include cdr-sm-mq-up {\n      padding-top: $cdr-space-three-x;\n      padding-bottom: $cdr-space-three-x;\n    }\n\n    &--narrow {\n      @include cdr-container;\n    }\n\n    &--no-padding-top-bottom {\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    &--ugc-placement {\n      padding: $cdr-space-two-x 0;\n\n      @include cdr-sm-mq-up {\n        padding: $cdr-space-four-x 0;\n      }\n    }\n  }\n\n  &__full-bleed-banner {\n    .ls-content-block__heading--lg {\n      @include cdr-text-heading-display-1000;\n\n      @include cdr-md-mq-up {\n        @include cdr-text-heading-display-1200;\n      }\n    }\n\n    .banner__content-block {\n      padding-bottom: 70px;\n\n      @include cdr-sm-mq-up {\n        padding-bottom: 104px;\n      }\n    }\n  }\n\n  &__lead {\n    padding-bottom: 0;\n\n    @include cdr-sm-mq-up {\n      padding-bottom: 0;\n    }\n\n    &--ambient-video {\n      padding: 0;\n    }\n\n    &-content {\n      text-align: center;\n      color: white;\n    }\n\n    &-heading {\n      @include cdr-text-heading-display-900;\n      margin: 0 0 $cdr-space-one-x;\n\n      &--small {\n        @include cdr-text-utility-serif-700;\n      }\n\n      &--medium {\n        @include cdr-text-heading-display-800;\n      }\n\n      @include cdr-sm-mq-up {\n        @include cdr-text-heading-display-1200;\n      }\n\n      &--lead-challenger {\n        @include cdr-text-heading-display-1000;\n\n        @include cdr-md-mq-up {\n          @include cdr-text-heading-display-1200;\n        }\n      }\n    }\n\n    &-body {\n      @include cdr-text-body-300;\n      margin: 0;\n    }\n\n    .c-hub__container {\n      padding-top: $cdr-space-two-x;\n      padding-bottom: $cdr-space-two-x;\n\n      &--lead-challenger {\n        padding-top: $cdr-space-one-x;\n        padding-bottom: 0;\n\n        @include cdr-sm-mq-up {\n          padding-top: $cdr-space-one-and-a-half-x;\n          padding-bottom: 0;\n        }\n        @include cdr-md-mq-up {\n          padding-top: $cdr-space-two-x;\n          padding-bottom: 0;\n        }\n      }\n    }\n  }\n\n  &__sticky-subnav {\n    margin-top: $cdr-space-one-x;\n\n    @include cdr-sm-mq-up {\n      margin-top: 0;\n    }\n  }\n\n  &__heading {\n    @include cdr-text-heading-serif-700;\n    padding: $cdr-space-three-quarter-x 0;\n    margin: 0;\n    text-align: center;\n\n    @include cdr-sm-mq-up {\n      @include cdr-text-heading-serif-800;\n    }\n  }\n\n  &__recommendations {\n    overflow: hidden;\n\n    h2 {\n      @include cdr-text-heading-serif-600;\n    }\n  }\n\n  &__text-blurb {\n    @include cdr-text-body-300;\n    margin-bottom: 0;\n    text-align: center;\n  }\n\n  // &__complex-featured-stories {\n  //   display: grid;\n  //   grid-gap: $cdr-space-one-and-a-half-x;\n  //   margin-top: $cdr-space-one-x;\n  //   margin: auto;\n\n  //   @include cdr-sm-mq-up {\n  //     grid-template-columns: 1fr 1fr;\n  //   }\n\n  //   @include cdr-md-mq-up {\n  //     grid-gap: $cdr-space-two-x;\n  //   }\n  // }\n\n  &__category-navigation {\n    background-color: $cdr-color-background-secondary;\n  }\n\n  &__featured-constrained-banner {\n    @include cdr-xs-mq-only {\n      padding: $cdr-space-two-x 0 0 0;\n    }\n  }\n\n  &__featured-story,\n  &__about-category {\n    img {\n      aspect-ratio: 1.33;\n      object-fit: cover;\n    }\n  }\n\n  &__intro {\n    padding-top: $cdr-space-one-x;\n    padding-bottom: $cdr-space-two-x;\n    max-width: 736px;\n  }\n}\n</style>\n","/* c8 ignore start */\nimport { createSSRApp } from 'vue';\nimport App from './CategoryHub.vue';\n\nexport default function createApp(props) {\n  const app = createSSRApp(App, props);\n  return { app };\n}\n","import '@rei/cedar/dist/cdr-fonts.css';\nimport '@rei/cedar/dist/cdr-reset.css';\nimport '../../../../style/common/landing-site-base.scss';\n\nimport '@rei/cedar/dist/style/cdr-link.css';\nimport '@rei/cedar/dist/style/cdr-button.css';\nimport '@rei/cedar/dist/style/cdr-img.css';\nimport '@rei/cedar/dist/style/cdr-list.css';\nimport '@rei/cedar/dist/style/cdr-card.css';\nimport '@rei/cedar/dist/style/cdr-grid.css';\nimport '@rei/cedar/dist/style/cdr-text.css';\nimport '@rei/cedar/dist/style/cdr-icon.css';\nimport '@rei/cedar/dist/style/cdr-rating.css';\nimport '@rei/cedar/dist/style/cdr-modal.css';\nimport '@rei/cedar/dist/style/cdr-utility-sans.css';\nimport '@rei/cedar/dist/style/cdr-subheading-sans.css';\nimport '@rei/recommendations-slider/dist/style.css';\n\nimport '@rei/ambient-video-player/dist/style.css';\nimport '@rei/banner-component/dist/style.css';\nimport '@rei/brand-rail/dist/style.css';\nimport '@rei/filmstrip-carousel/dist/style.css';\nimport '@rei/landing-content-block/dist/style.css';\nimport '@rei/landing-seo-block/dist/style.css';\nimport '@rei/simple-top-categories/dist/style.css';\nimport '@rei/sticky-subnav/dist/style.css';\nimport '@rei/story-group/dist/style.css';\nimport '@rei/landing-story/dist/style.css';\nimport '@rei/youtube-video-player/dist/style.css';\nimport '@rei/landing-badge/dist/style.css';\nimport '@rei/ugc-gallery/dist/style.css';\n\nimport createApp from './main';\nimport getClientPageData from '../../../utils/clientPageData';\n\nconst { pageData: props } = getClientPageData();\n\nconst { app } = createApp(props);\n\napp.mount('#app');\n"],"file":"home/h-category-hub-C3N0f4f9.js"}