{"version":3,"file":"BlokTeamList.8f9efd17.js","sources":["../../../../components/Team/TeamMemberListCard.vue","../../../../composables/useScrollbarWidth.ts","../../../../components/ModalPopup.vue","../../../../../../node_modules/@vueuse/router/index.mjs","../../../../storyblok/Blok/BlokTeamList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContentTypeTeamStory } from '~~/types/storyblok/stories'\n\nconst props = defineProps<{\n  story: ContentTypeTeamStory\n}>()\n\nconst photo = computed(() => {\n  return {\n    _uid: 'hero',\n    component: 'MediaImage',\n    asset: props.story.content.photo,\n  }\n})\n\nconst emit = defineEmits(['activate'])\n\nfunction openBio() {\n  emit('activate', props.story)\n}\n</script>\n\n<template lang=\"pug\">\narticle(\n  v-editable=\"story.content\"\n  @click=\"openBio\"\n  class=\"blok-article flex h-full bg-grey-100 relative rounded cursor-pointer transition-all ease-in-out duration-500 hover:-translate-y-6\"\n)\n  div(class=\"basis-2/5 grow-0 p-9\")\n    MediaImage(\n      :blok=\"photo\"\n      :with-overlay=\"false\"\n      :object-cover=\"true\"\n      :grayscale=\"true\"\n      :width=\"320\"\n      aspect=\"team-member\"\n    )\n  div(class=\"flex flex-col justify-between pt-24 px-18 basis-3/5 grow-0\")\n    div\n      h3(class=\"text-md font-sans font-bold mb-3\") {{ story.name }}\n      p(v-if=\"props.story.content?.role\" class=\"text-base mb-0\") {{ props.story.content.role }}\n      p(v-if=\"props.story.content?.qualifications\" class=\"text-sm text-grey-500\") {{ props.story.content.qualifications }}\n    div\n      a(\n        :href=\"story.full_slug\"\n        @click.prevent=\"openBio\"\n        class=\"button button--sm button--theme-grey-100 button--outline\"\n      ) View Bio\n</template>\n","import { ref } from 'vue'\n\n/**\n * Calculates the width of the browser scrollbar\n * If not in browser, returns 0\n * @returns {width: Ref<number>}\n */\nexport const useScrollbarWidth = () => {\n  const width = ref(0)\n  if (window && document) {\n    width.value = window.innerWidth - document.documentElement.clientWidth\n  }\n  return { width }\n}\n","<script lang=\"ts\" setup>\nconst props = defineProps<{\n  active?: boolean\n}>()\n\nconst emit = defineEmits(['closePopup'])\n\nconst emitClose = () => {\n  emit('closePopup')\n}\n\nuseHead(() => {\n  const { width } = useScrollbarWidth()\n  return {\n    bodyAttrs: {\n      class: computed(() => (props.active ? 'overflow-hidden modal-open' : '')),\n      style: `margin-right: ${width.value}px`,\n    },\n  }\n})\n</script>\n\n<template lang=\"pug\">\ndiv(\n  class=\"fixed z-50 w-screen h-screen top-0 left-0 flex items-center justify-center bg-blue-dark/90\"\n)\n  div(\n    class=\"flex relative z-10 w-full max-w-prose-wide h-screen md:h-auto max-h-screen md:rounded bg-grey-100 shadow-2xl\"\n  )\n    div(class=\"flex w-full p-18 md:p-30 overflow-y-auto\")\n      slot\n    div(class=\"absolute right-18 md:right-30 top-30\")\n      MaterialSymbol(\n        class=\"close cursor-pointer text-grey-500\"\n        @click=\"emitClose\"\n        :size=\"30\"\n      ) close\n  div(class=\"absolute z-1 w-full h-full\" @click=\"emitClose\")\n</template>\n\n<style lang=\"postcss\" scoped>\n.close {\n  transition: all 0.2s ease;\n\n  &:hover {\n    @apply text-blue-dark;\n  }\n}\n</style>\n","import { computed, nextTick, unref } from 'vue-demi';\nimport { useRoute, useRouter } from 'vue-router';\n\nvar __defProp$2 = Object.defineProperty;\nvar __defProps$2 = Object.defineProperties;\nvar __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;\nvar __hasOwnProp$2 = Object.prototype.hasOwnProperty;\nvar __propIsEnum$2 = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues$2 = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp$2.call(b, prop))\n      __defNormalProp$2(a, prop, b[prop]);\n  if (__getOwnPropSymbols$2)\n    for (var prop of __getOwnPropSymbols$2(b)) {\n      if (__propIsEnum$2.call(b, prop))\n        __defNormalProp$2(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));\nfunction useRouteHash(defaultValue, {\n  mode = \"replace\",\n  route = useRoute(),\n  router = useRouter()\n} = {}) {\n  return computed({\n    get() {\n      var _a;\n      return (_a = route.hash) != null ? _a : defaultValue;\n    },\n    set(v) {\n      nextTick(() => {\n        router[unref(mode)](__spreadProps$2(__spreadValues$2({}, route), { hash: v }));\n      });\n    }\n  });\n}\n\nvar __defProp$1 = Object.defineProperty;\nvar __defProps$1 = Object.defineProperties;\nvar __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;\nvar __hasOwnProp$1 = Object.prototype.hasOwnProperty;\nvar __propIsEnum$1 = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues$1 = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp$1.call(b, prop))\n      __defNormalProp$1(a, prop, b[prop]);\n  if (__getOwnPropSymbols$1)\n    for (var prop of __getOwnPropSymbols$1(b)) {\n      if (__propIsEnum$1.call(b, prop))\n        __defNormalProp$1(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));\nfunction useRouteParams(name, defaultValue, {\n  mode = \"replace\",\n  route = useRoute(),\n  router = useRouter()\n} = {}) {\n  return computed({\n    get() {\n      const data = route.params[name];\n      if (data == null)\n        return defaultValue != null ? defaultValue : null;\n      if (Array.isArray(data))\n        return data.filter(Boolean);\n      return data;\n    },\n    set(v) {\n      nextTick(() => {\n        router[unref(mode)](__spreadProps$1(__spreadValues$1({}, route), { params: __spreadProps$1(__spreadValues$1({}, route.params), { [name]: v }) }));\n      });\n    }\n  });\n}\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nlet queue = {};\nfunction useRouteQuery(name, defaultValue, {\n  mode = \"replace\",\n  route = useRoute(),\n  router = useRouter()\n} = {}) {\n  return computed({\n    get() {\n      const data = route.query[name];\n      if (data == null)\n        return defaultValue != null ? defaultValue : null;\n      if (Array.isArray(data))\n        return data.filter(Boolean);\n      return data;\n    },\n    set(v) {\n      queue[name] = v === defaultValue || v === null ? void 0 : v;\n      nextTick(() => {\n        router[unref(mode)](__spreadProps(__spreadValues({}, route), { query: __spreadValues(__spreadValues({}, route.query), queue) }));\n        nextTick(() => queue = {});\n      });\n    }\n  });\n}\n\nexport { useRouteHash, useRouteParams, useRouteQuery };\n","<script lang=\"ts\" setup>\nimport { useRouteHash } from '@vueuse/router'\nimport type { BlokTeamList } from '~~/types/storyblok/bloks'\nimport type {\n  ContentTypeTeamStoryList,\n  ContentTypeTeamStory,\n} from '~~/types/storyblok/stories'\nimport type { Ref } from 'vue'\n\ndefineProps<{ blok?: BlokTeamList }>()\n\nconst res = await useAsyncStoryblokStoryQuery({\n  content_type: 'ContentTypeTeam',\n  starts_with: 'team/member',\n  sort_by: 'name:asc',\n})\nconst stories = computed(\n  () => res.value.data.stories as ContentTypeTeamStoryList\n)\n\nconst bio: Ref<ContentTypeTeamStory | undefined> = ref(undefined)\nconst hash = useRouteHash('')\n\nconst openBio = (story: ContentTypeTeamStory) => {\n  bio.value = story\n  hash.value = `#${story.slug}`\n}\nconst closeBio = () => {\n  bio.value = undefined\n  // need to keep empty hash, otherwise page will scroll to top\n  hash.value = '#'\n}\n\nonMounted(() => {\n  if (hash.value.length > 1) {\n    const bioFromHash = stories.value.find(\n      (story) => story.slug === hash.value.slice(1)\n    )\n    bioFromHash && openBio(bioFromHash)\n  }\n})\n</script>\n\n<template lang=\"pug\">\ndiv(class=\"blok-team-list container grid grid-cols-12 gap-9 md:gap-36 xl:gap-48\")\n  TeamMemberListCard(\n    v-for=\"story in stories\"\n    :key=\"story.id\"\n    :story=\"story\"\n    class=\"col-span-12 md:col-span-6 lg:col-span-4\"\n    @activate=\"openBio\"\n  )\n  Teleport(to=\"body\")\n    transition(name=\"fade\")\n      ModalPopup(\n        @close-popup=\"closeBio\"\n        :active=\"!!bio\"\n        v-if=\"bio\"\n      )\n        TeamMemberDetails(\n          :blok=\"bio.content\"\n          :title=\"bio.name\"\n        )\n</template>\n"],"names":["photo","computed","props","openBio","emit","useScrollbarWidth","width","ref","emitClose","useHead","__defProp$2","__defProps$2","__getOwnPropDescs$2","__getOwnPropSymbols$2","__hasOwnProp$2","__propIsEnum$2","__defNormalProp$2","obj","key","value","__spreadValues$2","a","b","prop","__spreadProps$2","useRouteHash","defaultValue","mode","route","useRoute","router","useRouter","_a","v","nextTick","unref","res","__temp","__restore","_withAsyncContext","useAsyncStoryblokStoryQuery","stories","bio","hash","story","closeBio","onMounted","bioFromHash"],"mappings":"uyBAOAA,EAAAC,EAAA,KACE,CAAO,KAAA,OACC,UAAA,aACK,MAAAC,EAAA,MAAA,QAAA,KACgB,EAC7B,EAKF,SAAAC,GAAA,CACEC,EAAA,WAAAF,EAAA,KAAA,CAA4B,6wBCXjBG,GAAoB,IAAM,CAC/B,MAAAC,EAAQC,EAAI,CAAC,EACnB,OAAI,QAAU,WACZD,EAAM,MAAQ,OAAO,WAAa,SAAS,gBAAgB,aAEtD,CAAE,MAAAA,CAAM,CACjB,qbCNAE,EAAA,IAAA,CACEJ,EAAA,YAAA,CAAiB,EAGnB,OAAAK,EAAA,IAAA,CACE,KAAA,CAAA,MAAAH,GAAAD,KACA,MAAA,CAAO,UAAA,CACM,MAAAJ,EAAA,IAAAC,EAAA,OAAA,6BAAA,EAAA,EAC+D,MAAA,iBAAAI,EAAA,SAC1C,CAChC,CACF,CAAA,6UCfF,IAAII,GAAc,OAAO,eACrBC,GAAe,OAAO,iBACtBC,GAAsB,OAAO,0BAC7BC,EAAwB,OAAO,sBAC/BC,GAAiB,OAAO,UAAU,eAClCC,GAAiB,OAAO,UAAU,qBAClCC,EAAoB,CAACC,EAAKC,EAAKC,IAAUD,KAAOD,EAAMP,GAAYO,EAAKC,EAAK,CAAE,WAAY,GAAM,aAAc,GAAM,SAAU,GAAM,MAAAC,CAAO,CAAA,EAAIF,EAAIC,CAAG,EAAIC,EAC1JC,GAAmB,CAACC,EAAGC,IAAM,CAC/B,QAASC,KAAQD,IAAMA,EAAI,CAAA,GACrBR,GAAe,KAAKQ,EAAGC,CAAI,GAC7BP,EAAkBK,EAAGE,EAAMD,EAAEC,CAAI,CAAC,EACtC,GAAIV,EACF,QAASU,KAAQV,EAAsBS,CAAC,EAClCP,GAAe,KAAKO,EAAGC,CAAI,GAC7BP,EAAkBK,EAAGE,EAAMD,EAAEC,CAAI,CAAC,EAExC,OAAOF,CACT,EACIG,GAAkB,CAACH,EAAGC,IAAMX,GAAaU,EAAGT,GAAoBU,CAAC,CAAC,EACtE,SAASG,GAAaC,EAAc,CAClC,KAAAC,EAAO,UACP,MAAAC,EAAQC,EAAU,EAClB,OAAAC,EAASC,EAAW,CACtB,EAAI,GAAI,CACN,OAAO9B,EAAS,CACd,KAAM,CACJ,IAAI+B,EACJ,OAAQA,EAAKJ,EAAM,OAAS,KAAOI,EAAKN,CACzC,EACD,IAAIO,EAAG,CACLC,EAAS,IAAM,CACbJ,EAAOK,EAAMR,CAAI,CAAC,EAAEH,GAAgBJ,GAAiB,GAAIQ,CAAK,EAAG,CAAE,KAAMK,CAAC,CAAE,CAAC,CACrF,CAAO,CACF,CACL,CAAG,CACH,8JC3BA,MAAAG,GAAA,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAA,CAA8C,aAAA,kBAC9B,YAAA,cACD,QAAA,UACJ,CAAA,CAAA,EAAAH,EAAA,MAAAA,EAAAC,EAAA,EAAAD,GAEXI,EAAAxC,EAAgB,IAAAmC,EAAA,MAAA,KAAA,OACO,EAGvBM,EAAAnC,EAAA,MAAA,EACAoC,EAAAlB,GAAA,EAAA,EAEAtB,EAAAyC,GAAA,CACEF,EAAA,MAAAE,EACAD,EAAA,MAAA,IAAAC,EAAA,MAAuB,EAEzBC,EAAA,IAAA,CACEH,EAAA,MAAA,OAEAC,EAAA,MAAA,GAAa,EAGf,OAAAG,EAAA,IAAA,CACE,GAAAH,EAAA,MAAA,OAAA,EAAA,CACE,MAAAI,EAAAN,EAAA,MAAA,KAAkCG,GAAAA,EAAA,OAAAD,EAAA,MAAA,MAAA,CAAA,CACY,EAE9CI,GAAA5C,EAAA4C,CAAA,CAAkC,CACpC,CAAA"}