{"version":3,"file":"DsbZGPvG.js","sources":["../../../../../brands/timberland/regions/nora/components/cms/collection/CollectionElevate.vue"],"sourcesContent":["<template>\n  <div v-style:m=\"containerMargin\" class=\"space-y-6 lg:py-4 lg:space-y-8\">\n    <h2 v-if=\"title\" class=\"elevate-title-4 mx-4 c-grey-20 lg:mx-10\">\n      {{ title }}\n    </h2>\n    <vf-carousel\n      ref=\"carousel\"\n      :autoplay=\"carouselSettings.autoplay\"\n      :class=\"[collectionCenter, carousel?.scrollable && carouselClasses]\"\n      :class-container=\"classContainer\"\n      :class-controls=\"classControls\"\n      class-wrapper=\"parent\"\n      :interval=\"carouselSettings.interval\"\n      :loop=\"carouselSettings.loop\"\n      :style-container=\"{\n        '--p': mobileSlidePadding,\n        '--p-md': 0,\n      }\"\n    >\n      <div\n        v-for=\"(item, i) in items\"\n        :key=\"item.id\"\n        v-style=\"{\n          'max-w': slideMaxWidth,\n          'px': slidePadding,\n          'ml': i === 0 && slideMargins,\n          'mr': i === items.length - 1 && slideMargins,\n          'w': slideWidth,\n        }\"\n      >\n        <component\n          :is=\"`lazy-cms-${resolveContentComponent(item, mappings)?.component}`\"\n          :class=\"itemClass\"\n          :content=\"item\"\n          is-part-of-collection\n        />\n      </div>\n    </vf-carousel>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport componentTypeConfig from './config'\nimport mappings from '#content/mappings'\nimport { resolveContentComponent } from '#content/utils'\nimport type { CollectionContent } from '#types/components/cms/collection'\nimport type { Responsive } from '#types/common'\n\nconst { content } = defineProps<{ content: CollectionContent<any> }>()\n\nconst carousel = ref()\nconst { breakpoints } = useAppConfig().ds\nconst { $viewport } = useNuxtApp()\nconst { alignment, equalTargetSize, title } = content\nconst { lg, md, sm } = content.breakpoints\nconst { itemClass, itemsProp, carouselClasses } = componentTypeConfig[content.type!] || {}\n\nconst items = (itemsProp ? content[itemsProp] : content.items) || []\n\nconst collectionCenter = alignment === 'center' && {\n  'lg:justify-center lg:text-center lg:flex': lg?.type === 'carousel',\n  'md:justify-center md:text-center md:flex': md?.type === 'carousel',\n  '<md:justify-center <md:text-center <md:flex': sm?.type === 'carousel'\n}\n\nconst getItemWidth = (w?: string) => {\n  if (w === 'auto') return `${100 / items.length}%`\n  return w || 'auto'\n}\n\nconst getItemMaxWidth = (maxW?: string) => maxW || 'none'\n\nconst slideWidth: Record<keyof Responsive, string> = {\n  sm: getItemWidth(getValueForBreakpoint('sm', equalTargetSize) && content.type === 'VfCanvasCTAButtonCollection' ? '12.5rem' : sm?.slideWidth),\n  md: getItemWidth(getValueForBreakpoint('md', equalTargetSize) && content.type === 'VfCanvasCTAButtonCollection' ? '12.5rem' : md?.slideWidth),\n  lg: getItemWidth(getValueForBreakpoint('lg', equalTargetSize) && content.type === 'VfCanvasCTAButtonCollection' ? '12.5rem' : lg?.slideWidth)\n}\n\nconst slideMaxWidth: Record<keyof Responsive, string> = {\n  sm: getItemMaxWidth(sm?.slideMaxWidth),\n  md: getItemMaxWidth(md?.slideMaxWidth),\n  lg: getItemMaxWidth(lg?.slideMaxWidth)\n}\n\nconst slideMargins = {\n  sm: sm?.type === 'carousel' ? '0.75rem' : '0',\n  md: md?.type === 'carousel' ? '0.75rem' : '0',\n  lg: lg?.type === 'carousel' ? '2.25rem' : '0'\n}\n\n// Mobile carousel centring\nconst mobileSlideWidth = Number.parseInt(slideWidth.sm)\nconst mobileSlidePadding = Number.isNaN(mobileSlideWidth) ? 0 : `0 0 0 ${(100 - mobileSlideWidth) / 2}%`\n\nconst marginMap = {\n  small: '1.25rem',\n  medium: '1.25rem',\n  large: '1.25rem'\n}\n\nconst spacingMap = {\n  small: '0.25rem',\n  medium: '0.25rem',\n  large: '0.25rem'\n}\n\nconst containerMargin: Record<keyof Responsive, any> = {\n  sm: sm?.margin && `0 ${sm.margin}`,\n  md: md?.margin && `0 ${md.margin}`,\n  lg: lg?.margin && `0 ${lg.margin}`\n}\n\n// Create padding for each slide\nconst slidePadding = Object.keys(breakpoints)\n  .reduce((acc, bp) => ({\n    ...acc,\n    ...(content.breakpoints[bp]?.slidePadding && {\n      [bp]: spacingMap[content.breakpoints[bp].slidePadding] || 0\n    })\n  }), {})\n\nconst classControls = ((): string[] => {\n  const defaultStyle = 'mx-10 rounded-full bg-white p-2 op-0 shadow-sm duration lg:parent-hover:op-100'\n\n  const hiddenClass = {\n    sm: '<md:hidden',\n    md: '~md:hidden',\n    lg: 'lg:hidden'\n  }\n\n  return Object.keys(hiddenClass).reduce((acc, bp) => {\n    if (content.breakpoints[bp]?.type === 'grid') return [...acc, hiddenClass[bp]]\n    // show arrows by default if showArrows is not set\n    return [...acc, ...(content.breakpoints[bp]?.showArrows ?? true) ? [] : [hiddenClass[bp]]]\n  }, [defaultStyle])\n})()\n\n/**\n * Get style classes for carousel containers\n */\nconst classContainer = [\n  // Mobile slides centring\n  // 'scroll-p-$p',\n  // 'md:scroll-p-$p-md',\n  'scroll-px-4 lg:scroll-px-10',\n  // Create a negative margin for the container to compensate slides paddings\n  sm?.slidePadding ? `-mx-${marginMap[sm.slidePadding]}` : '',\n  md?.slidePadding ? `md:-mx-${marginMap[md.slidePadding]}` : '',\n  lg?.slidePadding ? `lg:-mx-${marginMap[lg.slidePadding]}` : '',\n  // Carousel vs Grid Layout\n  {\n    '<md:wrap <md:px-4': sm?.type === 'grid',\n    '~md:wrap ~md:px-4': md?.type === 'grid',\n    'lg:wrap lg:px-10': lg?.type === 'grid'\n  }\n]\n\nconst carouselSettings = computed(() => {\n  const {\n    autoplay,\n    autorotateTime = 0,\n    loop,\n    showIndicators\n  } = content.breakpoints[$viewport.breakpoint] || {}\n\n  return {\n    autoplay,\n    loop,\n    showIndicators,\n    interval: autorotateTime * 1000,\n  }\n})\n</script>\n"],"names":["content","__props","carousel","ref","breakpoints","useAppConfig","$viewport","useNuxtApp","alignment","equalTargetSize","title","lg","md","sm","itemClass","itemsProp","carouselClasses","componentTypeConfig","items","collectionCenter","getItemWidth","w","getItemMaxWidth","maxW","slideWidth","getValueForBreakpoint","slideMaxWidth","slideMargins","mobileSlideWidth","mobileSlidePadding","marginMap","spacingMap","containerMargin","slidePadding","acc","bp","_a","classControls","defaultStyle","hiddenClass","_b","classContainer","carouselSettings","computed","autoplay","autorotateTime","loop","showIndicators"],"mappings":"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"}