{"version":3,"file":"BPSDLMPq.js","sources":["../../../../components/pages/designer/header/index.vue","../../../../pages/designers/[slug]/index.vue"],"sourcesContent":["<template>\n  <header\n    class=\"page-designer-header\"\n    :class=\"{\n      '--sticky': stickyColumn,\n    }\"\n  >\n    <div class=\"page-designer-header__column\" ref=\"text\">\n      <!-- Titolo  -->\n      <h1 data-animate=\"header-title\" class=\"title-m\">\n        {{ designer.title }}\n      </h1>\n\n      <!-- Description  -->\n      <div\n        v-if=\"designer.designerDescription\"\n        data-animate=\"header-content\"\n        class=\"text-l m-top-6 --large\"\n        v-html=\"designer.designerDescription\"\n      />\n    </div>\n\n    <div class=\"page-designer-header__column\" ref=\"image\">\n      <div class=\"page-designer-header__image\" data-animate=\"header-image\">\n        <WidgetPicture\n          v-if=\"designer?.designerImage?.[0]\"\n          :image=\"{\n            custom: designer.designerImage[0],\n          }\"\n          :alt=\"designer.designerImage[0].title\"\n        />\n      </div>\n\n      <!-- Description  -->\n      <div\n        class=\"m-top-3 --small\"\n        aria-hidden=\"true\"\n        v-if=\"designer.designerDescription\"\n      >\n        <div\n          data-animate=\"header-content\"\n          class=\"text-l m-top-6\"\n          v-html=\"designer.designerDescription\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n\n<script>\nexport default {\n  name: 'PagesDesignerHeader',\n}\n</script>\n\n<script setup>\nimport { debounce } from '~/assets/js/utils.js'\n\nconst props = defineProps({\n  designer: Object,\n})\n\nconst text = ref(null)\nconst image = ref(null)\n\nconst stickyColumn = ref(false)\n\nonMounted(() => {\n  setTimeout(() => compareColumns(), 250)\n\n  window.addEventListener('resize', debounce(compareColumns))\n})\n\n// Function to compare column dimensions\nconst compareColumns = () => {\n  if (text.value && image.value) {\n    const height1 = text?.value?.offsetHeight\n    const height2 = image?.value?.offsetHeight\n\n    if (height1 > height2) {\n      stickyColumn.value = true\n    } else {\n      stickyColumn.value = false\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page page-designer\">\n    <div class=\"page__wrap\" data-animate=\"page-wrap\">\n      <NavigationBackLink\n        class=\"row-1 p-top-5\"\n        data-animate=\"header-content\"\n        :link=\"{\n          title: $t('bucket.backLinkDesigners'),\n          route: {\n            name: 'designers',\n          },\n        }\"\n      />\n\n      <PagesDesignerHeader\n        :designer=\"designer\"\n        class=\"row-1 m-top-5\"\n        :class=\"{\n          'p-bot-3': !formattedProducts.length,\n        }\"\n      />\n      <!-- Products -->\n      <template v-if=\"formattedProducts.length\">\n        <div class=\"row-1 m-top-3\" data-animate=\"page-content\">\n          <h2 class=\"title m-right-16px\">\n            {{\n              $t('pages.product.designersProductsTitle', {\n                designer: designer.title,\n              })\n            }}\n          </h2>\n        </div>\n\n        <ListingList\n          class=\"row-1 m-top-5\"\n          :class=\"{\n            'p-bot-3': count <= limit,\n          }\"\n          :items=\"formattedProducts\"\n        />\n        <WidgetPaginationListing\n          v-if=\"count > limit\"\n          class=\"row-1 flex --justify-center m-top-5 p-bot-3\"\n          :itemPerPage=\"limit\"\n          :total=\"count\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { useCraftStore } from '@/store/craft.js'\n\nimport queries from '@/graphql/craft/queries/index.js'\n\nimport {\n  onBeforeEnter,\n  onEnter,\n  onLeave,\n} from '~/assets/js/page-transitions/listing.js'\n\ndefinePageMeta({\n  layout: 'default',\n  pageTransition: {\n    onBeforeEnter: (el) => {\n      onBeforeEnter(el)\n    },\n    onEnter: async (el, done) => {\n      const tl = onEnter(el)\n      await tl.delay(0.5).play()\n      done()\n    },\n    onLeave: async (el, done) => {\n      const tl = onLeave(el)\n      await tl.play()\n      window.lenis.scrollTo(0, { immediate: true })\n      done()\n    },\n  },\n})\n\nconst { t, locale } = useI18n()\n\nconst { configuration } = useCraftStore()\nconst route = useRoute()\n\nconst limit = ref(15)\n\nconst query = queries.designers.getDesigner\nconst variables = computed(() => ({\n  site: configuration.site,\n  marketId: configuration.marketId,\n  slug: route.params.slug,\n  limit: limit.value,\n  offset: route.query?.page\n    ? (parseInt(route.query?.page) - 1) * limit.value\n    : 0,\n}))\nconst { data } = await useGraphql(query, variables)\n\nif (!data.value?.designersEntries?.[0]) {\n  throw createError({ statusCode: 404 })\n}\n\nconst designer = computed(() => data.value?.designersEntries?.[0])\nconst formattedProducts = computed(() => {\n  return data.value.productsEntries.map((product) => {\n    return {\n      title: product.title,\n      cover: product.coverPortrait?.[0] || product.cover?.[0],\n      route: {\n        name: 'product-slug',\n        params: { slug: product.slug },\n      },\n    }\n  })\n})\n\nconst count = computed(() => data.value?.entryCount || 0)\n\nconst seo = computed(() => data.value?.designersEntries?.[0]?.seo || {})\nconst localeParams = computed(\n  () => data.value?.designersEntries?.[0]?.localized || {}\n)\n\n// Seo\nuseSeo({\n  ...seo.value,\n  localeParams: useHelpers().generateSeoLocaleParams(localeParams, 'slug'),\n\n  meta: [\n    {\n      name: 'description',\n      content:\n        seo.value.meta?.description ||\n        t('bucket.seoDesignerDescriptionPlaceholder', {\n          designer: designer.value?.title,\n        }),\n    },\n  ],\n})\n</script>\n"],"names":["__default__","text","ref","image","stickyColumn","onMounted","compareColumns","debounce","height1","_a","height2","_b","t","locale","useI18n","configuration","useCraftStore","route","useRoute","limit","query","queries","variables","computed","data","__temp","__restore","_withAsyncContext","useGraphql","createError","designer","formattedProducts","product","count","seo","_c","localeParams","useSeo","useHelpers","_d"],"mappings":"6uBAkDeA,GAAA,CACb,KAAM,qBACR,wDAUA,MAAMC,EAAOC,EAAI,IAAI,EACfC,EAAQD,EAAI,IAAI,EAEhBE,EAAeF,EAAI,EAAK,EAE9BG,EAAU,IAAM,CACd,WAAW,IAAMC,EAAc,EAAI,GAAG,EAEtC,OAAO,iBAAiB,SAAUC,EAASD,CAAc,CAAC,CAC5D,CAAC,EAGD,MAAMA,EAAiB,IAAM,SAC3B,GAAIL,EAAK,OAASE,EAAM,MAAO,CAC7B,MAAMK,GAAUC,EAAAR,GAAA,YAAAA,EAAM,QAAN,YAAAQ,EAAa,aACvBC,GAAUC,EAAAR,GAAA,YAAAA,EAAO,QAAP,YAAAQ,EAAc,aAE1BH,EAAUE,EACZN,EAAa,MAAQ,GAErBA,EAAa,MAAQ,EAE3B,CACA,gkCCHA,KAAM,CAAE,EAAAQ,EAAG,OAAAC,CAAM,EAAKC,EAAO,EAEvB,CAAE,cAAAC,CAAe,EAAGC,EAAa,EACjCC,EAAQC,EAAQ,EAEhBC,EAAQjB,EAAI,EAAE,EAEdkB,EAAQC,EAAQ,UAAU,YAC1BC,EAAYC,EAAS,IAAO,SAAA,OAChC,KAAMR,EAAc,KACpB,SAAUA,EAAc,SACxB,KAAME,EAAM,OAAO,KACnB,MAAOE,EAAM,MACb,QAAQV,EAAAQ,EAAM,QAAN,MAAAR,EAAa,MAChB,UAASE,EAAAM,EAAM,QAAN,YAAAN,EAAa,IAAI,EAAI,GAAKQ,EAAM,MAC1C,CACN,EAAE,EACI,CAAE,KAAAK,CAAM,GAAS,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAWR,EAAOE,CAAS,CAAA,mBAElD,GAAI,GAACX,GAAAF,EAAAe,EAAK,QAAL,YAAAf,EAAY,mBAAZ,MAAAE,EAA+B,IAClC,MAAMkB,EAAY,CAAE,WAAY,GAAK,CAAA,EAGvC,MAAMC,EAAWP,EAAS,IAAM,SAAA,OAAAZ,GAAAF,EAAAe,EAAK,QAAL,YAAAf,EAAY,mBAAZ,YAAAE,EAA+B,GAAE,EAC3DoB,EAAoBR,EAAS,IAC1BC,EAAK,MAAM,gBAAgB,IAAKQ,GAAY,SACjD,MAAO,CACL,MAAOA,EAAQ,MACf,QAAOvB,EAAAuB,EAAQ,gBAAR,YAAAvB,EAAwB,OAAME,EAAAqB,EAAQ,QAAR,YAAArB,EAAgB,IACrD,MAAO,CACL,KAAM,eACN,OAAQ,CAAE,KAAMqB,EAAQ,IAAM,CAC/B,CACP,CACG,CAAA,CACF,EAEKC,EAAQV,EAAS,IAAA,OAAM,QAAAd,EAAAe,EAAK,QAAL,YAAAf,EAAY,aAAc,EAAC,EAElDyB,EAAMX,EAAS,IAAA,WAAM,QAAAY,GAAAxB,GAAAF,EAAAe,EAAK,QAAL,YAAAf,EAAY,mBAAZ,YAAAE,EAA+B,KAA/B,YAAAwB,EAAmC,MAAO,CAAE,EAAA,EACjEC,EAAeb,EACnB,IAAA,WAAM,QAAAY,GAAAxB,GAAAF,EAAAe,EAAK,QAAL,YAAAf,EAAY,mBAAZ,YAAAE,EAA+B,KAA/B,YAAAwB,EAAmC,YAAa,CAAA,EACxD,EAGA,OAAAE,EAAO,CACL,GAAGH,EAAI,MACP,aAAcI,EAAY,EAAC,wBAAwBF,EAAc,MAAM,EAEvE,KAAM,CACJ,CACE,KAAM,cACN,UACED,EAAAD,EAAI,MAAM,OAAV,YAAAC,EAAgB,cAChBvB,EAAE,2CAA4C,CAC5C,UAAU2B,EAAAT,EAAS,QAAT,YAAAS,EAAgB,KACpC,CAAS,CACJ,CACF,CACH,CAAC"}