{"version":3,"file":"DG8LXYAK.js","sources":["../../../../components/organisms/BWTextOverlay.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'container-' + organism.containerWidth,\n      'organism brand-window-text-overlay bg-center bg-no-repeat bg-cover flex justify-center items-center py-8 sm:py-14 lg:py-28 px-2 sm:px-8 min-h-[250px] sm:min-h-[623px] relative',\n      organism.brandWindowLayout,\n      organism.removeMargin,\n    ]\"\n    :style=\"[\n      'background-image: url(' + getImageSrc(organism.backgroundImage) + ');',\n      organism.border\n        ? 'outline: ' +\n          organism.borderWidth +\n          'px solid ' +\n          organism.borderColor +\n          '; outline-offset: -' +\n          organism.borderInset +\n          'px;'\n        : '',\n    ]\"\n  >\n    <template v-if=\"organism.backgroundVideoFile\">\n      <div class=\"video-container cursor-default w-full h-full absolute -z-1\">\n        <video\n          class=\"absolute top-0 left-0 w-full h-full pointer-events-none object-cover\"\n          :src=\"organism.backgroundVideoFile\"\n          autoplay\n          muted\n          loop\n          playsinline\n        ></video>\n      </div>\n    </template>\n\n    <div\n      v-if=\"organism.customBackgroundOverlayColor\"\n      class=\"absolute inset-0 overlay\"\n      :style=\"'background-color: ' + organism.backgroundOverlayColor + ';'\"\n    ></div>\n    <div\n      v-if=\"!organism.customBackgroundOverlayColor\"\n      class=\"absolute inset-0 overlay bg-gradient-to-b from-black/20 to-black/50\"\n    ></div>\n    <div class=\"z-10 w-full mx-auto text-white max-w-7xl\">\n      <div\n        :class=\"[\n          organism.brandWindowLayout === 'text-overlay-left'\n            ? 'text-left'\n            : organism.brandWindowLayout === 'text-overlay-center'\n            ? 'text-center mx-auto'\n            : '',\n          'flex flex-col justify-center items-center w-full md:w-3/4 xl:w-1/2 px-8 py-4 sm:py-12 sm:px-10 content',\n        ]\"\n      >\n        <AtomsCollectionButton\n          v-if=\"organism.collection\"\n          :collection=\"organism.collection\"\n        />\n        <h3\n          v-if=\"organism.title3\"\n          class=\"font-arial text-[17px] font-bold uppercase drop-shadow-text\"\n        >\n          {{ organism.title3 }}\n        </h3>\n        <div v-if=\"organism.title1\">\n          <h2\n            v-if=\"organism.primaryHeadingLevel === 'h2'\"\n            class=\"mb-4 text-4xl font-semibold sm:text-6xl font-archer drop-shadow-text\"\n          >\n            <span class=\"block\">{{ organism.title1 }}</span>\n          </h2>\n          <h1\n            v-else\n            class=\"text-4xl font-semibold sm:text-6xl font-archer drop-shadow-text\"\n          >\n            <span class=\"block\">{{ organism.title1 }}</span>\n          </h1>\n        </div>\n        <h2\n          v-if=\"organism.title2\"\n          class=\"text-4xl font-semibold drop-shadow-text sm:text-6xl font-archer\"\n        >\n          {{ organism.title2 }}\n        </h2>\n        <div\n          v-if=\"organism.description\"\n          class=\"max-w-xl my-4 text-base content md:text-xl\"\n          v-html=\"organism.description\"\n        ></div>\n        <div v-if=\"organism.button1\" class=\"pb-4\"></div>\n        <MoleculesButtons\n          :class=\"[\n            organism.brandWindowLayout === 'text-overlay-left'\n              ? '!justify-start'\n              : '',\n            organism.brandWindowLayout === 'text-overlay-center'\n              ? '!justify-center'\n              : '',\n          ]\"\n          :buttons=\"organism\"\n          :button-colors=\"buttonColors\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.brand-window-text-overlay {\n  &::before {\n    content: \"\";\n  }\n\n  .buttons {\n    a {\n      @apply py-3 uppercase font-ubuntu font-medium text-[15px];\n    }\n  }\n}\n.organism-slider {\n  .brand-window-text-overlay > div > .content {\n    @apply px-10 2xl:px-0;\n  }\n}\n</style>\n\n<script setup>\nconst props = defineProps({\n  organism: Object,\n});\n\nonMounted(() => {\n  if (props.organism.containerWidth === \"full-width\") {\n    addFullWidthSupport();\n  }\n});\n\nconst buttonColors = computed(() => {\n  const buttonColorsArray = [];\n  if (props.organism.button1Color) {\n    buttonColorsArray.push(props.organism.button1Color);\n  }\n  if (props.organism.button2Color) {\n    buttonColorsArray.push(props.organism.button2Color);\n  }\n  if (props.organism.button3Color) {\n    buttonColorsArray.push(props.organism.button3Color);\n  }\n  return buttonColorsArray;\n});\n</script>\n"],"names":["props","__props","onMounted","addFullWidthSupport","buttonColors","computed","buttonColorsArray"],"mappings":"yrCA+HA,MAAMA,EAAQC,EAIdC,EAAU,IAAM,CACVF,EAAM,SAAS,iBAAmB,cACpCG,GAEJ,CAAC,EAED,MAAMC,EAAeC,EAAS,IAAM,CAClC,MAAMC,EAAoB,CAAA,EAC1B,OAAIN,EAAM,SAAS,cACjBM,EAAkB,KAAKN,EAAM,SAAS,YAAY,EAEhDA,EAAM,SAAS,cACjBM,EAAkB,KAAKN,EAAM,SAAS,YAAY,EAEhDA,EAAM,SAAS,cACjBM,EAAkB,KAAKN,EAAM,SAAS,YAAY,EAE7CM,CACT,CAAC"}