{"version":3,"mappings":";ucAIO,MAAMA,EAAsBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAiC7BC,CAAe;AAAA,MACfC,CAAe;AAAA;AAAA,ECuCNC,EAAA,CACb,YAAYC,EAAQC,EAAc,CAChC,OAAO,IAAI,QAAc,CAACC,EAASC,IAAW,CAC5CF,EACG,aAAa,CACZ,MAAON,EACP,UAAW,CACT,MAAO,GACP,MAAO,CAACK,EAAO,KACf,KAAM,UACR,CACD,EACA,KAAK,IAAME,GAAS,EACpB,MAAOE,GAAQD,EAAOC,CAAG,CAAC,EAC9B,EAEL,sEA/DA,MAAMC,EAAmBC,EAAqB,IAAMC,EAAA,WAAO,gCAAmC,+BAAC,EAEzFC,EAAQC,EAOR,CAAE,WAAAC,CAAW,EAAIC,EAAkB,EACnC,CAAE,YAAAC,CAAY,EAAIC,EAAe,EACjC,CAAE,mBAAAC,EAAoB,aAAAC,CAAa,EAAIC,EAAY,EAEnDC,EAAUC,EAAI,EAAE,EAChBC,EAAQ,GACRC,EAAiB,CACrB,MAAAD,EACA,MAAO,CAACX,EAAM,KACd,KAAM,SACR,EAEMa,EAAYC,EAAS,IAAM,KAAK,KAAKC,EAAQ,MAAM,WAAaJ,CAAK,CAAC,EAEtE,CAAE,KAAMI,CAAQ,EAAIC,EAAS,CACjC,OAASC,GAAS,CACZA,GAAQA,EAAK,UAAYA,EAAK,SAAS,MAAM,SACvCR,EAAA,MAAQP,EAAWe,CAAI,EAC/BV,EAAaU,EAAK,QAAQ,CAAC,EAAE,KAAK,EAClCX,EAAmBW,EAAK,QAAQ,CAAC,EAAE,WAAW,EACnCC,EAAA,GAGRD,EAAK,SAAS,MAAM,QACvBb,EAAY,iBAAkB,QAAQJ,EAAM,IAAI,WAAWW,CAAK,EAAE,CAEtE,EACA,MAAOxB,EACP,KAAM,CAAC,CAAE,MAAAgC,KAAY,MAAMA,CAAK,EAChC,UAAWP,CAAA,CACZ,EAEG,aAAMZ,EAAM,IAAI,GAClBI,EAAY,iBAAkB,QAAQJ,EAAM,IAAI,WAAWW,CAAK,EAAE","names":["artworkSectionQuery","gql","artworkNavQuery","paginationQuery","__default__","params","villusClient","resolve","reject","err","GuggenPagination","defineAsyncComponent","__vitePreload","props","__props","getFilters","useArtworkFilters","handleError","useHandleError","setMetaDescription","setMetaTitle","useMetaData","filters","ref","limit","queryVariables","pageCount","computed","results","useQuery","data","dataLoaded","paged"],"ignoreList":[],"sources":["../../src/queries/GetArtworkSection.js","../../src/components/artwork/ArtworkSection.vue"],"sourcesContent":["import { artworkNavQuery } from '@/queries/ArtworkNavQuery';\nimport gql from 'graphql-tag';\nimport { paginationQuery } from '@/queries/PaginationQuery';\n\nexport const artworkSectionQuery = gql`\n  query getArtworks(\n    $filter: String,\n    $limit: Int!,\n    $paged: Int,\n    $subType: String,\n    $subTypeValue: String,\n    $type: String\n  ) {\n    artworks(first: $limit, where: { paged: $paged, sortOrder: true }) {\n      nodes {\n        artists {\n          nodes {\n            name\n          }\n        }\n        featuredImage {\n          node {\n            altText\n            sourceUrl\n          }\n        }\n        imageSrcset\n        slug\n        title\n      }\n    }\n    metaHub(targetPath: \"/artwork\") {\n      description\n      image_alt\n      image_src\n      title\n    }\n    ${artworkNavQuery}\n    ${paginationQuery}\n  }\n`;\n","<template>\n  <div>\n    <ArtworkNavHeader :filters=\"filters\"></ArtworkNavHeader>\n    <div :class=\"[$style.container, 'container']\">\n      <h1>Artworks</h1>\n      <ArtworkGrid\n        v-if=\"results && results.artworks.nodes.length\"\n        :data=\"results.artworks.nodes\"\n        class=\"space-24-32-above\"\n      ></ArtworkGrid>\n      <GuggenPagination\n        v-if=\"results && results.artworks.nodes.length\"\n        :current-page=\"page\"\n        :per-page=\"limit\"\n        :total-page-count=\"pageCount\"\n        post-type=\"artwork\"\n      ></GuggenPagination>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ArtworkGrid from '@/components/artwork/ArtworkGrid.vue';\nimport ArtworkNavHeader from '@/components/artwork/ArtworkNavHeader.vue';\nimport { artworkSectionQuery } from '@/queries/GetArtworkSection';\nimport { computed, defineAsyncComponent, ref } from 'vue';\nimport { dataLoaded, useHandleError, useMetaData } from '@/composables/Common.js';\nimport { useArtworkFilters } from '@/composables/ArtworkFilters.js';\nimport { useQuery } from 'villus';\n\nconst GuggenPagination = defineAsyncComponent(() => import('@/components/GuggenPagination.vue'));\n\nconst props = withDefaults(\n  defineProps<{\n    page?: number;\n  }>(),\n  { page: 1 },\n);\n\nconst { getFilters } = useArtworkFilters();\nconst { handleError } = useHandleError();\nconst { setMetaDescription, setMetaTitle } = useMetaData();\n\nconst filters = ref({});\nconst limit = 27;\nconst queryVariables = {\n  limit: limit,\n  paged: +props.page,\n  type: 'artwork',\n};\n\nconst pageCount = computed(() => Math.ceil(results.value.totalCount / limit));\n\nconst { data: results } = useQuery({\n  onData: (data) => {\n    if (data && data.artworks && data.artworks.nodes.length) {\n      filters.value = getFilters(data);\n      setMetaTitle(data.metaHub[0].title);\n      setMetaDescription(data.metaHub[0].description);\n      dataLoaded();\n    }\n\n    if (!data.artworks.nodes.length) {\n      handleError('ArtworkSection', `Page ${props.page}, limit ${limit}`);\n    }\n  },\n  query: artworkSectionQuery,\n  skip: ({ paged }) => isNaN(paged),\n  variables: queryVariables,\n});\n\nif (isNaN(props.page)) {\n  handleError('ArtworkSection', `Page ${props.page}, limit ${limit}`);\n}\n</script>\n\n<script lang=\"ts\">\nexport default {\n  beforeRoute(params, villusClient) {\n    return new Promise<void>((resolve, reject) => {\n      villusClient\n        .executeQuery({\n          query: artworkSectionQuery,\n          variables: {\n            limit: 27,\n            paged: +params.page,\n            type: 'artwork',\n          },\n        })\n        .then(() => resolve())\n        .catch((err) => reject(err));\n    });\n  },\n};\n</script>\n\n<style lang=\"scss\" module>\n.container {\n  h1 {\n    display: block;\n  }\n}\n\n@media (min-width: $break-point) {\n  .container {\n    @include grid;\n\n    h1 {\n      grid-column: 1 / span 6;\n    }\n\n    .back {\n      grid-column: span 12;\n    }\n\n    > section {\n      grid-column: span 12;\n      margin-top: 0;\n    }\n  }\n}\n</style>\n"],"file":"assets/ArtworkSection-CQam3E8k.js"}