{"version":3,"file":"people-index-C8oTCdKk.js","sources":["../../../../buildchain/src/vue/components/PeopleRefinementPanel.vue","../../../../buildchain/src/vue/components/cards/PersonCard.vue","../../../../buildchain/src/vue/components/PeopleSearch.vue","../../../../buildchain/src/ts/people-index.ts"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { AisPanel, AisRefinementList } from 'vue-instantsearch/vue3/es';\n\nexport default defineComponent({\n  components: {\n    AisPanel,\n    AisRefinementList,\n  },\n  props: {\n    attribute: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      isActive: false,\n    };\n  },\n});\n</script>\n<template>\n  <ais-panel\n    :class-names=\"{\n      'ais-Panel-body': '!w-full !max-w-full',\n    }\"\n  >\n    <ais-refinement-list\n      ref=\"refinementList\"\n      :attribute=\"attribute\"\n      :limit=\"100\"\n      :class-names=\"{\n        'ais-RefinementList-count': '!hidden',\n        'ais-RefinementList-checkbox': '!mr-3',\n      }\"\n    >\n      <template #default=\"{ items, refine }\">\n        <ul class=\"flex flex-col flex-wrap justify-center gap-5 text-center md:flex-row md:gap-4\">\n          <li\n            v-for=\"item in items\"\n            :key=\"item.value\"\n            :class=\"[\n              'cursor-pointer',\n              'px-4',\n              'py-2',\n              'rounded-full',\n              'w-full sm:w-fit',\n              'mx-auto max-w-md md:mx-0',\n              {\n                'bg-evolve-plum': item.isRefined,\n                'bg-evolve-leaf': !item.isRefined,\n                'font-bold': item.isRefined,\n              },\n            ]\"\n            @click=\"refine(item.value)\"\n          >\n            <p class=\"font-inter m-0 w-full p-0 text-base text-white sm:w-fit\">{{ item.label }}</p>\n          </li>\n        </ul>\n      </template>\n    </ais-refinement-list>\n  </ais-panel>\n</template>\n","<script lang=\"ts\">\n// Twig version of c-person-card.twig\nimport { defineComponent } from 'vue';\nimport ResponsiveImage from '@vue-components/ResponsiveImage.vue';\nimport type { PropType } from 'vue';\nimport type { Image } from '@vue-components/ResponsiveImage.vue';\n\nexport default defineComponent({\n  components: { ResponsiveImage },\n  props: {\n    title: {\n      type: String,\n      required: true,\n    },\n    jobTitle: {\n      type: String,\n      required: true,\n    },\n    image: {\n      type: Object as PropType<Image>,\n      required: true,\n    },\n    url: {\n      type: String,\n      required: true,\n    },\n  },\n});\n</script>\n<template>\n  <article class=\"group mx-auto w-full max-w-[18.75rem] bg-evolve-stone-mist\">\n    <a :href=\"url\" class=\"block overflow-hidden\">\n      <responsive-image\n        v-if=\"image\"\n        v-bind=\"image\"\n        picture-classes=\"overflow-hidden rounded-[2.5rem]\"\n        img-classes=\"w-full object-cover aspect-square transition-transform duration-300 rounded-[2.5rem] motion-safe:transition-transform !duration-700 lg:motion-safe:group-hover:scale-110 h-300 w-300\"\n      />\n      <div class=\"flex flex-grow flex-col py-5\">\n        <h3 class=\"mt-5 text-2xl font-bold text-evolve-charcoal\">{{ title }}</h3>\n        <p class=\"mt-3 text-lg\">{{ jobTitle }}</p>\n        <div class=\"mt-3 flex items-center md:mt-5\">\n          <p class=\"mr-2.5 text-base !font-bold text-evolve-plum\">Read more</p>\n          <div>\n            <svg\n              class=\"origin-left transition-all duration-300 group-hover:scale-x-125\"\n              fill=\"none\"\n              height=\"14\"\n              viewBox=\"0 0 35 14\"\n              width=\"35\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"m0 7.00011h32.8538m0 0-5.9559-5.69664m5.9559 5.69664-5.9559 5.69669\"\n                stroke=\"#6e2050\"\n                stroke-width=\"2\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </a>\n  </article>\n</template>\n","<script lang=\"ts\">\n// Packages\nimport { defineComponent } from 'vue';\nimport algoliasearch from 'algoliasearch/lite';\nimport { history as historyRouter } from 'instantsearch.js/es/lib/routers';\n\n// Styles (for dev)\n// import 'instantsearch.css/themes/reset.css';\n// import 'instantsearch.css/themes/satellite.css';\n\n// Components\nimport {\n  AisConfigure,\n  AisClearRefinements,\n  AisHits,\n  AisInstantSearch,\n  AisPagination,\n  AisPanel,\n  AisSearchBox,\n} from 'vue-instantsearch/vue3/es';\nimport PeopleRefinementPanel from '@vue-components/PeopleRefinementPanel.vue';\nimport PersonCard from '@vue-components/cards/PersonCard.vue';\n\nconst router = historyRouter() as any;\n\ninterface uiState {\n  [indexName: string]: {\n    refinementList: { [key: string]: Array<string> | undefined } | undefined;\n    page: number;\n    query: string | undefined;\n  };\n}\n\nexport default defineComponent({\n  components: {\n    PersonCard,\n    AisConfigure,\n    AisClearRefinements,\n    AisHits,\n    AisInstantSearch,\n    AisPagination,\n    AisPanel,\n    AisSearchBox,\n    PeopleRefinementPanel,\n  },\n  props: {\n    searchApiKey: {\n      type: String,\n      required: true,\n    },\n    appId: {\n      type: String,\n      required: true,\n    },\n    environment: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      searchClient: algoliasearch(this.appId, this.searchApiKey),\n    };\n  },\n  computed: {\n    routing() {\n      const { indexName } = this;\n      return {\n        router,\n        stateMapping: {\n          stateToRoute(uiState: uiState) {\n            const indexUiState = uiState[indexName];\n            const route: { [key: string]: string } = {};\n            const { refinementList, page, query } = indexUiState;\n            if (refinementList) {\n              Object.keys(refinementList).forEach((key) => {\n                const value = refinementList[key];\n                if (Array.isArray(value) && value.length > 0) {\n                  route[key] = value.join('~');\n                }\n              });\n            }\n            if (query) {\n              route.q = query;\n            }\n            if (page > 1) {\n              route.p = page.toString();\n            }\n            return route;\n          },\n          routeToState(routeState: { [key: string]: string }) {\n            return {\n              [indexName]: {\n                query: routeState.q,\n                refinementList: {\n                  jobRoles: routeState.jobRoles && routeState.jobRoles.split('~'),\n                  siteId: new URL(window.location.href).pathname.split('/')[1] === 'ie' ? 2 : 1,\n                },\n                page: routeState.p,\n              },\n            };\n          },\n        },\n      };\n    },\n    indexName() {\n      const isIrelandSite = new URL(window.location.href).pathname.split('/')[1] === 'ie';\n      return `${this.environment}_${isIrelandSite ? 'ie' : 'uk'}_people`;\n    },\n  },\n  methods: {\n    onPageChange() {\n      const headerOffset = 50; // adjust this value based on your header height\n      const elementPosition = this.$el.getBoundingClientRect().top;\n      const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n      \n      window.scrollTo({\n        top: offsetPosition,\n        behavior: 'smooth'\n      });\n    },\n  },\n});\n</script>\n<template>\n  <section class=\"mx-auto bg-evolve-forest text-white\" aria-label=\"People search\">\n    <ais-instant-search :search-client=\"searchClient\" :routing=\"routing\" :index-name=\"indexName\">\n      <ais-configure :hits-per-page.camel=\"9\" :distinct=\"true\" />\n\n      <div class=\"container mb-11 flex flex-col justify-center pt-9\">\n        <h1 class=\"mb-12 text-center text-white\">Filter by</h1>\n        <ais-panel\n          class=\"mb-0\"\n          :class-names=\"{\n            'ais-Panel-body': 'mx-auto',\n          }\"\n        >\n          <!-- ====== START SEARCH ====== -->\n          <ais-search-box\n            class=\"mb-7\"\n            :class-names=\"{\n              'ais-SearchBox-form':\n                'relative flex h-10 !rounded-3xl w-full bg-white text-sm leading-5 max-w-md mx-auto',\n              'ais-SearchBox-input':\n                'max-w-full flex-1 text-evolve-charcoal !appearance-none !outline-none !rounded-3xl pl-6 pr-10',\n              'ais-SearchBox-reset': 'hidden',\n            }\"\n            placeholder=\"Search...\"\n          >\n            <template #submit-icon>\n              <svg\n                class=\"mr-2.5\"\n                width=\"20\"\n                height=\"19\"\n                viewBox=\"0 0 20 19\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <g>\n                  <g>\n                    <circle\n                      cx=\"8.60864\"\n                      cy=\"8.60868\"\n                      r=\"7.60487\"\n                      transform=\"rotate(-0.0250705 8.60864 8.60868)\"\n                      stroke=\"#6E2050\"\n                      stroke-width=\"2\"\n                    />\n                    <line\n                      x1=\"14.642\"\n                      y1=\"13.3573\"\n                      x2=\"18.7396\"\n                      y2=\"17.4549\"\n                      stroke=\"#6E2050\"\n                      stroke-width=\"2\"\n                    />\n                  </g>\n                </g>\n              </svg>\n            </template>\n          </ais-search-box>\n          <!-- ====== END SEARCH ====== -->\n        </ais-panel>\n        <!-- ====== START REFINEMENTS ====== -->\n        <people-refinement-panel aria-label=\"Job Roles\" attribute=\"jobRoles\" />\n        <!-- ====== END REFINEMENTS ====== -->\n      </div>\n\n      <!-- ====== START CURRENT REFINEMENTS ====== -->\n      <div class=\"container mb-9 xs:flex\">\n        <ais-clear-refinements\n          class=\"mx-auto text-center\"\n          :class=\"[\n            'cursor-pointer font-raleway text-base font-bold',\n            'text-white',\n            'hover:underline',\n            'focus:underline',\n          ]\"\n          :class-names=\"{\n            'ais-ClearRefinements-button': '!cursor-pointer',\n            'ais-ClearRefinements-button--disabled': '!cursor-pointer',\n          }\"\n        >\n          <template #resetLabel>Clear filters</template>\n        </ais-clear-refinements>\n      </div>\n      <!-- ====== END CURRENT REFINEMENTS ====== -->\n\n      <!-- ====== START HITS ====== -->\n      <div class=\"bg-evolve-stone-mist\">\n        <h2 class=\"py-8 text-center text-3.5xl font-bold text-evolve-forest lg:py-10 lg:text-4.5xl\">\n          Meet the team\n        </h2>\n        <ais-hits\n          :class-names=\"{\n            'ais-Hits-list':\n              'container grid gap-10 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 !max-w-[61.25rem] justify-items-center mb-16 lg:mb-24 mx-auto',\n            'ais-Hits-item': 'w-full max-w-[18.75rem]',\n          }\"\n        >\n          <template #item=\"{ item }\">\n            <person-card\n              :title=\"item.title\"\n              :job-title=\"item.jobTitle\"\n              :image=\"item.image\"\n              :url=\"item.url\"\n            />\n          </template>\n        </ais-hits>\n        <!-- ====== END HITS ====== -->\n\n        <!-- ====== START PAGINATION ====== -->\n        <ais-pagination\n          :class-names=\"{\n            'ais-Pagination-list':\n              'flex items-baseline justify-center gap-2 md:gap-5 pb-12 text-lg xs:text-xl',\n            'ais-Pagination-item': 'group',\n            'ais-Pagination-item--selected':\n              'inline-flex items-center justify-center w-10 h-10 bg-evolve-plum !text-white rounded-full',\n            'ais-Pagination-item--disabled': 'disabled',\n            'ais-Pagination-link': 'block px-2 py-2 text-evolve-plum',\n          }\"\n          :show-first=\"false\"\n          :show-last=\"false\"\n          @page-change=\"onPageChange\"\n        />\n      </div>\n\n      <!-- ====== END PAGINATION ====== -->\n    </ais-instant-search>\n  </section>\n</template>\n","import '@styles/app.pcss';\nimport { createApp } from 'vue';\nimport header from '@commons/header';\nimport main from '@commons/main';\nimport PeopleSearch from '@vue-components/PeopleSearch.vue';\n\nexport default function init() {\n  // Commons\n  header();\n  main();\n\n  // Vue instance\n  const vueInstance = createApp({\n    name: 'PeopleIndex',\n    compilerOptions: {\n      delimiters: ['${', '}'],\n    },\n    components: {\n      PeopleSearch,\n    },\n  });\n\n  // Mount the app\n  vueInstance.mount('#people-index');\n}\n\ninit();\n"],"names":["_sfc_main$2","defineComponent","AisPanel","AisRefinementList","_hoisted_1","_resolveComponent","_openBlock","_createBlock","_component_ais_panel","_withCtx","_createVNode","attribute","_ctx","items","refine","_createElementVNode","_createElementBlock","_Fragment","_renderList","item","$event","_sfc_main$1","ResponsiveImage","_hoisted_2","_hoisted_3","_hoisted_4","image","_component_responsive_image","_mergeProps","_createCommentVNode","_toDisplayString","_hoisted_5","router","historyRouter","_sfc_main","PersonCard","AisConfigure","AisClearRefinements","AisHits","AisInstantSearch","AisPagination","AisSearchBox","PeopleRefinementPanel","algoliasearch","indexName","uiState","indexUiState","route","refinementList","page","query","key","value","routeState","isIrelandSite","offsetPosition","searchClient","routing","_component_ais_configure","_component_ais_search_box","_component_people_refinement_panel","_component_ais_clear_refinements","_createTextVNode","_hoisted_6","_hoisted_7","_component_person_card","onPageChange","init","header","main","createApp","PeopleSearch"],"mappings":"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"}