{"version":3,"file":"Bn_WfHeB.js","sources":["../../../../node_modules/vuetify/lib/components/VSheet/VSheet.mjs","../../../../components/home/OurPartners.vue"],"sourcesContent":["import { createVNode as _createVNode, resolveDirective as _resolveDirective } from \"vue\";\n// Styles\nimport \"./VSheet.css\";\n\n// Composables\nimport { makeBorderProps, useBorder } from \"../../composables/border.mjs\";\nimport { useBackgroundColor } from \"../../composables/color.mjs\";\nimport { makeComponentProps } from \"../../composables/component.mjs\";\nimport { makeDimensionProps, useDimension } from \"../../composables/dimensions.mjs\";\nimport { makeElevationProps, useElevation } from \"../../composables/elevation.mjs\";\nimport { makeLocationProps, useLocation } from \"../../composables/location.mjs\";\nimport { makePositionProps, usePosition } from \"../../composables/position.mjs\";\nimport { makeRoundedProps, useRounded } from \"../../composables/rounded.mjs\";\nimport { makeTagProps } from \"../../composables/tag.mjs\";\nimport { makeThemeProps, provideTheme } from \"../../composables/theme.mjs\"; // Utilities\nimport { toRef } from 'vue';\nimport { genericComponent, propsFactory, useRender } from \"../../util/index.mjs\";\nexport const makeVSheetProps = propsFactory({\n  color: String,\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps()\n}, 'VSheet');\nexport const VSheet = genericComponent()({\n  name: 'VSheet',\n  props: makeVSheetProps(),\n  setup(props, _ref) {\n    let {\n      slots\n    } = _ref;\n    const {\n      themeClasses\n    } = provideTheme(props);\n    const {\n      backgroundColorClasses,\n      backgroundColorStyles\n    } = useBackgroundColor(toRef(props, 'color'));\n    const {\n      borderClasses\n    } = useBorder(props);\n    const {\n      dimensionStyles\n    } = useDimension(props);\n    const {\n      elevationClasses\n    } = useElevation(props);\n    const {\n      locationStyles\n    } = useLocation(props);\n    const {\n      positionClasses\n    } = usePosition(props);\n    const {\n      roundedClasses\n    } = useRounded(props);\n    useRender(() => _createVNode(props.tag, {\n      \"class\": ['v-sheet', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, props.class],\n      \"style\": [backgroundColorStyles.value, dimensionStyles.value, locationStyles.value, props.style]\n    }, slots));\n    return {};\n  }\n});\n//# sourceMappingURL=VSheet.mjs.map","<template>\n  <section role=\"region\" class=\"our-partners-section\" :class=\"isPartner ? 'partner-page' : ''\" id=\"our-partners\"\n    ref=\"ourPartnersSection\">\n    <div class=\"content\">\n      <TheSecondHead class=\"content-text\" chipText=\"Vamos juntos\" titleText=\"Nossos parceiros\"\n        subtitleText=\"Conheça os parceiros que estão com a gente:\" />\n      <div class=\"content-sheet\">\n        <v-row no-gutters class=\"creditors\"\n          :style=\"`justify-content: ` + (creditors.length % 2 == 0 ? 'center;' : 'space-between;')\">\n          <div v-show=\"showItems\" class=\"creditor-block\" v-for=\"(creditor, index) in creditors\"\n            :key=\"creditor.name + index\">\n            <NuxtLink :to=\"`/credor/${creditor.alias}`\">\n              <v-sheet class=\"mb-4 creditor-logo\" :class=\"makeFade ? 'show-item' : ''\"\n                :style=\"`transition-duration: ${(index + 1) * 0.8}s !important`\">\n                <ThePicture :mobilePath=\"`/images/partners/${creditor.alias}/m-logo.png`\"\n                  :desktopPath=\"`/images/partners/${creditor.alias}/logo.png`\"\n                  :mobileQuerie=\"isPartner ? '833px' : '959px'\" :desktopQuerie=\"isPartner ? '834px' : '960px'\"\n                  :altText=\"`Logo ${creditor.name}`\" />\n              </v-sheet>\n            </NuxtLink>\n          </div>\n        </v-row>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { VSheet, VRow } from 'vuetify/components';\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\nimport { usePartnersStore } from '@/stores/home/partners';\n\nconst props = defineProps(['partnerName', \"isPartner\"])\n\nconst store = usePartnersStore();\nconst creditors = store.getPartners.filter(partner => partner.name != props.partnerName);\n\nconst makeFade = ref<Boolean>(false);\n\nconst ourPartnersSection = ref<any>(null)\n\nconst ourPartnersWatcher = () => {\n  var section = ourPartnersSection.value;\n\n  if (window.scrollY >= (section.offsetHeight + 200)) {\n    setTimeout(() => {\n      makeFade.value = true;\n    }, 100)\n    window.removeEventListener('scroll', ourPartnersWatcher);\n  }\n\n}\n\nconst showItems = ref<Boolean>(false);\nonMounted(() => {\n  showItems.value = true;\n  window.addEventListener('scroll', ourPartnersWatcher, {passive: true});\n  ourPartnersWatcher();\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('scroll', ourPartnersWatcher);\n})\n</script>\n\n<style lang=\"scss\">\n@import \"@/styles/variables\";\n\n.our-partners-section .content {\n  background-color: $greyLight;\n  padding: 42px 20px 24px;\n\n  &>* {\n    -webkit-transition-duration: 0s !important;\n    -moz-transition-duration: 0s !important;\n    -o-transition-duration: 0s !important;\n    transition-duration: 0s !important;\n  }\n\n  .content-text {\n    text-align: center;\n\n    .text-chip {\n      height: 32px;\n    }\n\n    h2 {\n      margin: 16px 0px;\n    }\n\n    h4 {\n      margin-bottom: 16px;\n      max-width: 275px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n\n  .content-sheet {\n    max-width: 350px;\n    margin: 0 auto;\n\n    .creditors {\n      column-gap: 15px;\n\n      .creditor-block {\n        display: flex;\n        display: -webkit-flex;\n        justify-content: center;\n        -webkit-transition-property: top;\n        -moz-transition-property: top;\n        -o-transition-property: top;\n        transition-property: top;\n\n\n        .creditor-logo {\n          width: 152.38px;\n          height: 68px;\n          border-radius: 10px;\n          border: 1px solid #DADADA;\n          display: flex;\n          display: -webkit-flex;\n          align-items: center;\n          justify-content: center;\n          box-shadow: 0px 4px 4px 0px $shadowColor !important;\n          opacity: 0;\n          -webkit-transform: translateY(44px);\n          transform: translateY(44px);\n          column-gap: 15.62px;\n\n          &:hover {\n            border: 1px solid $blue;\n            box-shadow: 0px 6px 15px rgba(51, 3, 255, 0.20) !important;\n          }\n\n          picture {\n            display: flex;\n            display: -webkit-flex;\n          }\n        }\n      }\n    }\n  }\n\n  .show-item {\n    opacity: 1 !important;\n    -webkit-transform: translateY(0px) !important;\n    transform: translateY(0px) !important;\n  }\n\n  @media screen and (min-width: 834px) and (max-width: 959px) {\n    .content-sheet {\n      max-width: 596px;\n\n      .creditors {\n        column-gap: 20px;\n\n        .creditor-block .creditor-logo {\n          width: 185px;\n          height: 88px;\n        }\n      }\n    }\n  }\n\n  @media screen and (min-width: 960px) and (max-width: 1199px) {\n    .content-sheet {\n      max-width: 870px;\n\n      .creditor-block:nth-child(3n+1) {\n        justify-content: flex-start;\n      }\n\n      .creditor-block:nth-child(3n+3) {\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  @media screen and (min-width: 834px) {\n    .content-text {\n      h2 {\n        font-size: 40px;\n      }\n\n      h4 {\n        margin-bottom: 24px;\n        max-width: none;\n      }\n    }\n\n    .content-sheet {\n      .creditor-block:nth-child(3n+1) {\n        justify-content: flex-start;\n      }\n\n      .creditor-block:nth-child(3n+3) {\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  @media screen and (min-width: 960px) {\n    width: 898px;\n    border-radius: 25px;\n    padding: 68px 14px;\n    margin: 39px auto 37px;\n\n    .content-text {\n      h2 {\n        font-size: 40px;\n      }\n\n      h4 {\n        margin-bottom: 24px;\n      }\n    }\n\n    .content-sheet .creditors {\n      column-gap: 30px;\n\n      .creditor-block .creditor-logo {\n        width: 270px;\n        height: 120px;\n      }\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    width: 1030px;\n    border-radius: 25px;\n    margin: 66px auto 0px;\n\n    .content-sheet {\n      max-width: 870px;\n    }\n  }\n}\n</style>"],"names":["makeVSheetProps","propsFactory","makeBorderProps","makeComponentProps","makeDimensionProps","makeElevationProps","makeLocationProps","makePositionProps","makeRoundedProps","makeTagProps","makeThemeProps","VSheet","genericComponent","props","_ref","slots","themeClasses","provideTheme","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","toRef","borderClasses","useBorder","dimensionStyles","useDimension","elevationClasses","useElevation","locationStyles","useLocation","positionClasses","usePosition","roundedClasses","useRounded","useRender","_createVNode","__props","creditors","usePartnersStore","partner","makeFade","ref","ourPartnersSection","ourPartnersWatcher","section","showItems","onMounted","onBeforeUnmount"],"mappings":"yXAiBO,MAAMA,GAAkBC,EAAa,CAC1C,MAAO,OACP,GAAGC,EAAiB,EACpB,GAAGC,EAAoB,EACvB,GAAGC,EAAoB,EACvB,GAAGC,EAAoB,EACvB,GAAGC,EAAmB,EACtB,GAAGC,EAAmB,EACtB,GAAGC,EAAkB,EACrB,GAAGC,EAAc,EACjB,GAAGC,EAAgB,CACrB,EAAG,QAAQ,EACEC,GAASC,EAAgB,EAAG,CACvC,KAAM,SACN,MAAOZ,GAAiB,EACxB,MAAMa,EAAOC,EAAM,CACjB,GAAI,CACF,MAAAC,CACD,EAAGD,EACJ,KAAM,CACJ,aAAAE,CACN,EAAQC,EAAaJ,CAAK,EAChB,CACJ,uBAAAK,EACA,sBAAAC,CACD,EAAGC,EAAmBC,EAAMR,EAAO,OAAO,CAAC,EACtC,CACJ,cAAAS,CACN,EAAQC,EAAUV,CAAK,EACb,CACJ,gBAAAW,CACN,EAAQC,EAAaZ,CAAK,EAChB,CACJ,iBAAAa,CACN,EAAQC,EAAad,CAAK,EAChB,CACJ,eAAAe,CACN,EAAQC,EAAYhB,CAAK,EACf,CACJ,gBAAAiB,CACN,EAAQC,EAAYlB,CAAK,EACf,CACJ,eAAAmB,CACN,EAAQC,EAAWpB,CAAK,EACpB,OAAAqB,EAAU,IAAMC,EAAatB,EAAM,IAAK,CACtC,MAAS,CAAC,UAAWG,EAAa,MAAOE,EAAuB,MAAOI,EAAc,MAAOI,EAAiB,MAAOI,EAAgB,MAAOE,EAAe,MAAOnB,EAAM,KAAK,EAC5K,MAAS,CAACM,EAAsB,MAAOK,EAAgB,MAAOI,EAAe,MAAOf,EAAM,KAAK,CACrG,EAAOE,CAAK,CAAC,EACF,EACR,CACH,CAAC,i1BCnCD,MAAMF,EAAQuB,EAGRC,EADQC,IACU,YAAY,UAAkBC,EAAQ,MAAQ1B,EAAM,WAAW,EAEjF2B,EAAWC,EAAa,EAAK,EAE7BC,EAAqBD,EAAS,IAAI,EAElCE,EAAqB,IAAM,CAC/B,IAAIC,EAAUF,EAAmB,MAE7B,OAAO,SAAYE,EAAQ,aAAe,MAC5C,WAAW,IAAM,CACfJ,EAAS,MAAQ,IAChB,GAAG,EACC,OAAA,oBAAoB,SAAUG,CAAkB,EACzD,EAIIE,EAAYJ,EAAa,EAAK,EACpC,OAAAK,EAAU,IAAM,CACdD,EAAU,MAAQ,GAClB,OAAO,iBAAiB,SAAUF,EAAoB,CAAC,QAAS,GAAK,EAClDA,GAAA,CACpB,EAEDI,EAAgB,IAAM,CACb,OAAA,oBAAoB,SAAUJ,CAAkB,CAAA,CACxD","x_google_ignoreList":[0]}