{"version":3,"file":"DltioKUu.js","sources":["../../../../components/pages/technology/benefits/index.vue","../../../../components/pages/technology/pills/index.vue","../../../../pages/technology/[slug]/index.vue"],"sourcesContent":["<template>\n  <ul\n    class=\"benefits-list\"\n    :class=\"{\n      '--not-by-3-even-4':\n        list.length === 4 && list.length % 3 !== 0 && list.length % 2 === 0,\n      '--not-by-3-even':\n        list.length > 4 && list.length % 3 !== 0 && list.length % 2 === 0,\n      '--not-by-3-odd':\n        list.length > 3 && list.length % 3 !== 0 && list.length % 2 !== 0,\n    }\"\n  >\n    <li v-for=\"item in list\" :key=\"item.id\" class=\"benefits-list__item\">\n      <div\n        v-if=\"item.title\"\n        class=\"benefits-list__item__title text-xl-1\"\n        v-html=\"item.title\"\n      />\n      <div\n        v-if=\"item.text\"\n        class=\"benefits-list__item__text text-1\"\n        v-html=\"item.text\"\n      />\n    </li>\n  </ul>\n</template>\n\n<script>\nexport default {\n  name: 'PagesTechnologyBenefits',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  list: Array,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"technology-pills-wrap\">\n    <!-- List Buttons -->\n    <ul class=\"technology-pills flex align-center is-justify-center\">\n      <li v-for=\"technology in props?.technologies\" :key=\"technology.id\">\n        <nuxt-link\n          class=\"button-round-1 is-transparent-blue is-medium\"\n          :class=\"{ '--selected': selected?.slug === technology.slug }\"\n          :to=\"\n            localePath({\n              name: 'technology-slug',\n              params: { slug: technology.slug },\n            })\n          \"\n        >\n          <span>{{ technology.title }}</span>\n        </nuxt-link>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesTechnologyPills',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  technologies: Array,\n  selected: Object,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page page-technology\">\n    <div\n      class=\"page__wrap p-top-xxxl-1 p-bottom-xxxl-1\"\n      data-animate=\"page-wrap\"\n    >\n      <div class=\"row-1\">\n        <div class=\"\">\n          <!--<div\n            class=\"p-bottom-1 show-for-large\"\n            data-animate=\"preloader-opacity\"\n          >\n            <PagesTechnologyPills\n              v-if=\"allTechnologies?.length\"\n              :technologies=\"allTechnologies\"\n              :selected=\"actualTechnology\"\n            />\n          </div>-->\n\n          <PagesCommonTextHeader\n            v-if=\"page\"\n            :title=\"\n              page.titleFormattato !== '' ? page.titleFormattato : page.title\n            \"\n            :intro=\"page.introText\"\n            :subtitle=\"page.subtitle\"\n          />\n\n          <template v-if=\"page && page.body && page.body.length\">\n            <div class=\"page-body --technology\" data-animate=\"preloader-opacity\">\n              <section\n                v-for=\"(item, indexSection) in page.body\"\n                :key=\"item.id\"\n                :class=\"{\n                  'p-top-xxl-1': indexSection > 1,\n                  'p-top-l-1': indexSection <= 1,\n                  '--first-video': item.__typename === 'ImageVideoBlockRecord' && indexSection === 1\n                }\"\n              >\n                <template v-if=\"item.__typename === 'ImageVideoBlockRecord'\">\n                  <div\n                    class=\"height-90\"\n                    :class=\"{ '--small-height': item.smallHeight }\"\n                    v-if=\"item.image?.responsiveImage || item.linkVideo !== ''\"\n                  >\n                    <WidgetVideo\n                      class=\"is-cover\"\n                      v-if=\"item.linkVideo\"\n                      :videoUrl=\"item.linkVideo\"\n                      :loop=\"true\"\n                      :autoplay=\"true\"\n                      :muted=\"true\"\n                      :preload=\"'metadata'\"\n                      :playInViewport=\"true\"\n\n                    />\n                    <WidgetPicture\n                      class=\"is-cover\"\n                      v-else\n                      :image=\"{ custom: item.image?.responsiveImage }\"\n                      :lazyLoad=\"true\"\n                      :alt=\"item.image?.responsiveImage?.alt\"\n                    />\n                  </div>\n                </template>\n                <template\n                  v-if=\"\n                    item.__typename === 'AnimatedAccordionRecord' &&\n                    item.accordionsList.length > 0\n                  \"\n                >\n                  <h3\n                    v-if=\"item.title\"\n                    class=\"title-xl-1 is-text-center m-bottom-xl-1\"\n                    v-anim-reveal-text\n                  >\n                    {{ item.title }}\n                  </h3>\n                  <WidgetAnimatedAccordions\n                    :accordions-list=\"item.accordionsList\"\n                    :show-indexes=\"false\"\n                  />\n                </template>\n                <template v-if=\"item.__typename === 'BenefitsBlockRecord'\">\n                  <h3\n                    v-if=\"item.title\"\n                    class=\"title-xl-1 is-text-center m-bottom-xl-1\"\n                    v-anim-reveal-text\n                  >\n                    {{ item.title }}\n                  </h3>\n                  <PagesTechnologyBenefits :list=\"item.texts\" />\n                </template>\n                <template v-if=\"item.__typename === 'ServicesBlockRecord'\">\n                  <PagesTechnologyServices\n                    :title=\"item.title\"\n                    :services=\"item.texts\"\n                  />\n                </template>\n                <template v-if=\"item.__typename === 'ChosenBlockRecord'\">\n                  <h3\n                    v-if=\"item.title\"\n                    class=\"title-xl-1 is-text-center m-bottom-xl-1\"\n                    v-anim-reveal-text\n                  >\n                    {{ item.title }}\n                  </h3>\n                  <PagesStudioImagesGrid\n                    :images=\"\n                      item.showLogosDefault && clienti && clienti.imagesList\n                        ? clienti.imagesList\n                        : item.imagesList\n                    \"\n                  />\n                </template>\n                <template v-if=\"item.__typename === 'TwoColumnsGridTextRecord'\">\n                  <PagesCommonTwoColTextBlock\n                    :item=\"item\"\n                    :key=\"item.id\"\n                    class=\"\"\n                  />\n                </template>\n                <template v-if=\"item.__typename === 'CtaBlockRecord'\">\n                  <WidgetBannerCtaSlim\n                    :key=\"item.id\"\n                    :banner=\"item\"\n                    v-if=\"item.slim\"\n                  />\n                  <WidgetBannerCta v-else :banner=\"item\" :key=\"item.id\" />\n                </template>\n              </section>\n            </div>\n          </template>\n        </div>\n\n        <div v-if=\"siblings && siblings.length && page\" class=\"m-top-xxl-1\">\n          <template v-if=\"page.titleProgettiCorrelati !== ''\">\n            <div\n              v-html=\"page.titleProgettiCorrelati\"\n              class=\"m-bottom-l-1 is-text-uppercase is-text-center\"\n              :class=\"page.bigTitleCorrelati ? 'title-xl-1' : 'text-l-1'\"\n            />\n          </template>\n          <template v-else>\n            <h3\n              class=\"m-bottom-l-1 is-text-uppercase is-text-center\"\n              :class=\"page.bigTitleCorrelati ? 'title-xl-1' : 'text-l-1'\"\n            >\n              {{ $t('projects.relatedProjects', { tech: page.title }) }}\n            </h3>\n          </template>\n          <ListingList :items=\"siblings\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"row-1 p-bottom-xxl-1\">\n      <template v-if=\"page?.ctaType === 'Custom' && page.contactBannerBlock\">\n        <WidgetBannerCta :banner=\"page.contactBannerBlock\" />\n      </template>\n      <template v-else>\n        <ContactBanner :type=\"page?.ctaType === 'Contact Banner 2' ? 2 : 1\" />\n      </template>\n    </div>\n    <div class=\"row-1 p-bottom-xxl-1 show-for-large\">\n      <h3 class=\"m-bottom-1 is-text-center text-xl-1\">\n        <strong>{{ $t('projects.allTechnologiesTitle') }}</strong>\n      </h3>\n      <PagesTechnologyPills\n        v-if=\"allTechnologies?.length\"\n        :technologies=\"allTechnologies\"\n        :selected=\"actualTechnology\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport queries from '@/graphql/dato/queries/index.js'\n\nimport pageTransition from '@/assets/js/transitions/helper.js'\n\ndefinePageMeta({\n  layout: 'default',\n  pageTransition,\n})\n\nconst { locale } = useI18n()\nconst route = useRoute()\n\nconst query = queries.technology.getTechnologyPage\nconst variables = computed(() => ({\n  locale: locale.value,\n  slug: route.params?.slug,\n  siblinsLimit: 12,\n}))\n\nconst { data } = await useGraphql(query, variables)\n\nif (!data.value?.technology) {\n  throw createError({ statusCode: 404 })\n}\n\nconst page = computed(() => data.value?.technology)\nconst allTechnologies = computed(() => data.value?.allTechnologies)\n\nconst actualTechnology = computed(() =>\n  data.value?.allTechnologies.find((tech) => tech.slug === route.params.slug)\n)\n\nconst siblings = computed(() => {\n  // Per i correlati andiamo a richiamare tutti i progetti legati al tag della technoloy attuale\n  // Sono visibili solo se ne sono presenti 3 o più\n  const allRelatedProjects = data.value?.technology?.tag?._allReferencingProjects\n  const minimumVisibleProjects = 3\n  return allRelatedProjects &&\n    allRelatedProjects.length >= minimumVisibleProjects\n    ? allRelatedProjects\n    : []\n})\n\nconst clienti = computed(() => data.value?.clientiSection)\n\nconst seo = computed(() => data.value?.technology?.seo || {})\nconst localeParams = computed(() => data.value?.technology?._allSlugLocales || [])\nconsole.log(localeParams)\n// Seo\nuseSeo({\n  ...seo.value,\n  localeParams: useHelpers().generateSeoLocaleParams(localeParams, 'slug'),\n})\n\naddTrackingZoho()\n</script>\n"],"names":["__default__","props","__props","locale","useI18n","route","useRoute","query","queries","variables","computed","_a","data","__temp","__restore","_withAsyncContext","useGraphql","createError","page","allTechnologies","actualTechnology","tech","siblings","allRelatedProjects","_c","_b","clienti","seo","localeParams","useSeo","useHelpers","addTrackingZoho"],"mappings":"wqBA4BeA,GAAA,CACb,KAAM,yBACR,svBCPeA,GAAA,CACb,KAAM,sBACR,2EAIA,MAAMC,EAAQC,iiCC6Jd,KAAM,CAAE,OAAAC,CAAQ,EAAGC,GAAO,EACpBC,EAAQC,GAAQ,EAEhBC,EAAQC,GAAQ,WAAW,kBAC3BC,EAAYC,EAAS,IAAO,OAAA,OAChC,OAAQP,EAAO,MACf,MAAMQ,EAAAN,EAAM,SAAN,YAAAM,EAAc,KACpB,aAAc,EAChB,EAAE,EAEI,CAAE,KAAAC,CAAM,GAAS,CAAAC,EAAAC,CAAA,EAAAC,GAAA,IAAAC,GAAWT,EAAOE,CAAS,CAAA,mBAElD,GAAI,GAACE,EAAAC,EAAK,QAAL,MAAAD,EAAY,YACf,MAAMM,GAAY,CAAE,WAAY,GAAK,CAAA,EAGvC,MAAMC,EAAOR,EAAS,WAAM,OAAAC,EAAAC,EAAK,QAAL,YAAAD,EAAY,WAAU,EAC5CQ,EAAkBT,EAAS,WAAM,OAAAC,EAAAC,EAAK,QAAL,YAAAD,EAAY,gBAAe,EAE5DS,EAAmBV,EAAS,IAAA,OAChC,OAAAC,EAAAC,EAAK,QAAL,YAAAD,EAAY,gBAAgB,KAAMU,GAASA,EAAK,OAAShB,EAAM,OAAO,MACxE,EAEMiB,EAAWZ,EAAS,IAAM,WAG9B,MAAMa,GAAqBC,GAAAC,GAAAd,EAAAC,EAAK,QAAL,YAAAD,EAAY,aAAZ,YAAAc,EAAwB,MAAxB,YAAAD,EAA6B,wBAExD,OAAOD,GACLA,EAAmB,QAFU,EAG3BA,EACA,CAAA,CACN,CAAC,EAEKG,EAAUhB,EAAS,WAAM,OAAAC,EAAAC,EAAK,QAAL,YAAAD,EAAY,eAAc,EAEnDgB,EAAMjB,EAAS,IAAM,SAAA,QAAAe,GAAAd,EAAAC,EAAK,QAAL,YAAAD,EAAY,aAAZ,YAAAc,EAAwB,MAAO,CAAE,EAAA,EACtDG,EAAelB,EAAS,IAAM,SAAA,QAAAe,GAAAd,EAAAC,EAAK,QAAL,YAAAD,EAAY,aAAZ,YAAAc,EAAwB,kBAAmB,CAAE,EAAA,EACjF,eAAQ,IAAIG,CAAY,EAExBC,GAAO,CACL,GAAGF,EAAI,MACP,aAAcG,GAAY,EAAC,wBAAwBF,EAAc,MAAM,CACzE,CAAC,EAEDG,GAAe"}