{"version":3,"file":"people-index-legacy-CnuaL48G.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","components","AisPanel","AisRefinementList","props","attribute","type","String","required","data","isActive","_hoisted_1","class","_resolveComponent","_openBlock","_createBlock","_component_ais_panel","default","_withCtx","_createVNode","ref","_ctx","limit","items","refine","_createElementVNode","_createElementBlock","_Fragment","_renderList","item","key","value","isRefined","onClick","$event","_sfc_main$1","ResponsiveImage","title","jobTitle","image","Object","url","_hoisted_2","_hoisted_3","_hoisted_4","fill","height","viewBox","width","d","stroke","href","_component_responsive_image","_mergeProps","_createCommentVNode","_toDisplayString","_hoisted_5","router","historyRouter","_sfc_main","PersonCard","AisConfigure","AisClearRefinements","AisHits","AisInstantSearch","AisPagination","AisSearchBox","PeopleRefinementPanel","searchApiKey","appId","environment","searchClient","algoliasearch","this","computed","routing","indexName","stateMapping","stateToRoute","uiState","indexUiState","route","refinementList","page","query","keys","forEach","Array","isArray","length","join","q","p","toString","routeToState","routeState","jobRoles","split","siteId","URL","window","location","pathname","isIrelandSite","methods","onPageChange","offsetPosition","$el","getBoundingClientRect","top","pageYOffset","scrollTo","behavior","cx","cy","r","transform","x1","y1","x2","y2","_component_ais_configure","hitsPerPage","distinct","_component_ais_search_box","placeholder","_","_component_people_refinement_panel","_component_ais_clear_refinements","_createTextVNode","_hoisted_6","_hoisted_7","_component_person_card","header","main","createApp","name","compilerOptions","delimiters","PeopleSearch","mount"],"mappings":"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"}